@charset "utf-8";
/*[bra set page]*/

.mainbox_wrap{
	width: 100%;
	background: url(../images/bg.png) repeat center top;
	background-size: 1500px auto;
}

.mainbox{
	color: #fff;
	width: 980px;
	margin: 0 auto;
/*	background: url(../l/pc/braset/images/braset_bg.jpg) no-repeat center top; */
	font-size: 14px;
	font-family:'kinuta-maruminold-stdn','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Montserrat', 'メイリオ', Meiryo,  'ＭＳ Ｐゴシック', sans-serif;
}
	.mainbox p{
		margin-bottom: 1em;
	}

	.btn_check{
		display: inline-block;
		border: solid 1px #000;
		margin: 2em 0;
	}

	.btn_check:hover{
		opacity: 0.8;
		background: #000;
	}

	.btn_check:hover img{
		-webkit-filter: invert(100%);
		-moz-filter: invert(100%);
		-o-filter: invert(100%);
		-ms-filter: invert(100%);
		filter: invert(100%);
	}

	.box_top{
		position: relative;
		width: 100%;
		padding: 2em 0;
		text-align: center;
	}

	.title02{
		background: #fff;
		color: #1c2043;
		padding: 1em 0.3em;
		text-align: center;
		line-height: 100%;
	}

	.lrg{
		font-size: 210%;
	}

	.main_text{
		padding: 2em 0 1em 0;
		text-align: left;
		font-size: 142.85%;
		line-height: 220%;
	}

	.ichido{
		text-align: right;
		font-size: 142.85%;
	}

	.tarrot{
		padding: 3rem 0 2rem 0;
		font-size: 142.85%;
		font-weight: normal;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		color: #fff;
		transition: .5s ;
		transform: rotateZ( 0deg ) ;
	}

	.tarrot:hover,
	.tarrot.active{
		opacity: 1;
	}

	.tarrot.active .tarrot_card{
		transition: .5s ;
		transform: rotateZ( 10deg ) ;
	}

	.tarrot.active .tarrot_card img{
		opacity: 1;
	}

	.tarrot:nth-child(odd){
		flex-wrap: wrap;
		flex-flow: row-reverse;
	}

	.tarrot .disc{
		width: 40%;
		text-align: left;
	}

	.tarrot .card{
		width: 40%;
		min-width: 382px;
		text-align: center;
		position: relative;
		background: url(../images/pcircle.png) no-repeat center bottom;
		background-size: 100% auto;
	}

	.star_nm{
		font-size: 150%;
		font-weight: bold;
	}



	.star_txt{
		padding: 1em 0;
	}

	.unsei{
		display: block;
		background: #fff;
		color: #1c2043;
		padding: 0.3em;
		text-align: center;
		line-height: 100%;
	}

	.unsei:hover{
		opacity: 0.8;
	}

	.tarrot_card{
		filter: drop-shadow(-5px 5px 5px rgba(0,0,0,0.6));
	}

	.day_txt{
		color: #fff;
		background: #dfad00;
		display: inline-block;
		padding: 0 2em;
	}

	.star_name{
		font-size: 150%;
		line-height: 100%;
	}

	.star_name.moto{
		font-size: 120%;
		line-height: 100%;
		text-decoration: line-through;
	}
	
	.teacher{
		/*background: url(../images/dotted_line.png) no-repeat center top;*/
		margin: 3em 0;
		padding: 1em 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: 180%;
		font-size:150%;
		flex-wrap: wrap;
	}
	
	.teacher .tleft,
	.teacher .tright{
		padding: 4em 0;
	}

	.teacher .tleft{
		width: 70%;
	}

	.teacher .tleft a{
		color: #fff;
	}

	.teacher .tright{
		width: 30%;
		text-align: right;
	}

	.btndayo{
		color: #fff;
		display: inline-block;
		border:solid 1px #fff;
		padding: 0.5em 1em;
		margin: 0 auto;
	}

	@keyframes inout {
		from   { transform: scale(1, 1); }
		to   { transform: scale(0.8, 0.8); }
	}

/*****
pop
*****/
.popbox{
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
	margin: auto;
	font-size: 142.85%;
}

.popbox .popinbox{
	position: relative;
	width: calc(100% - 2em);
	max-width: calc(980px - 2em);
	margin: calc(2em + 76px) auto 2em auto;
	border: solid 3px #000;
}

.poptitle{
	position: absolute;
	top: -76px;
	right: 0;
}

.popimg{
	margin-top: -10%;
}

.popmainbox{
	padding: 0.5em;
	color: #000;
}

.popinlink{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	padding: 1em 2em;
	font-size: 85%;
}

.popinlink .prico{
	width: 86px;
}

.popinlink .prtxt{
	width: calc(90% - 86px);
}

.seiza{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	padding: 1em 2em;
}

.seiza .star_nm{
	color: #1C2042;
}

.seiza .text{
	width: 70%;
	margin:0 2.5%;
	font-weight: bold;
}

.seiza .photo{
	width: 25%;
	text-align: left;
	filter: drop-shadow(-5px 5px 5px rgba(0,0,0,0.6));
}

.title_left{
	margin-right: 1.5em;
	font-size: 120%;
}

.popmaintext{
	padding: 1em 2em;
	line-height: 180%;
}

.prtxt{
	display: inline-block;
}

.toptext{
	display: inline-block;
	font-weight: bold;
	border-bottom: solid 1px #000;
	padding: 0.3em;
	padding-bottom: 0em;
	margin-left: 1em;
}

.bottomtext{
	display: inline-block;
	color: #868686;
	padding: 0.3em;
	margin-left: 1em;
}

.tax{
	font-size: 65%;
}

.sponly{
	display: none;
}

.mfp-bg {
    background: #fff;
}

.mfp-iframe-scaler iframe {
    box-shadow: none;
    background: #fff;
}

.mfp-iframe-holder .mfp-content {
	max-width: 100%;
}

.mybutton{
	text-align: center;
	margin: 2em 0;
}

.mybutton a{
	display: inline-block;
	padding: 0.5em 1em;
	line-height: 100%;
	color: #fff;
	background: #000;
}