@charset "utf-8";


/* course
-------------------------------------------------*/

/* index */
.cs_index{
	display:flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
	.cs_index > div{
		width:49%;
		margin:0 0 1rem;
	}
	.cs_index > div a{
		display:block;
		transition: .3s;
	}
	.cs_index > div a:hover{
		transform:scale(.97);
	}
	.cs_index > div img{
		width:min(100%,471px);
		
	}
@media (max-width: 600px){
	.cs_index > div{
		width:100%;
	}
}



/* thumbs */
#pnav ul{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
}
	#pnav ul li{
		width:14%;
		font-size:min(1.6vh,14px);
		font-weight:bold;
		line-height:1.3;
		margin:0 8px 8px 0;
	}
	#pnav ul li img{
		display:block;
		width:100%;
		height:auto;
		margin:0 0 10px;
	}



#course_top h1 img{
	max-width: 440px;
}
.course_time{
	display: inline-block;
	background: #ece9e2;
	padding: .5rem 1rem;
	border-radius: .3rem;
}

.plan{}
	.i_time{
		float:left;
	}
	.plan .clm2,
	.plan .clm3{
		clear:both;
	}
	.clm_item:nth-of-type(1),
	.clm_item2:nth-of-type(1){
		padding-right:20px;
	}
	.plan_data{
		display:inline-block;
		font-size:.9rem;
		font-weight:bolder;
		line-height:1.4;
		margin:1rem 0;
	}
	.btn_white_arrow{
		width:100%;
		max-width:310px;
	}

.km_ML_bline{
	float: right;
	width: 88%;
	color: rgb(42,156,128);
	padding: 0 0 .5rem;
	font-size: 1.3rem;
	line-height: 1.5em;
	border-bottom: 2px solid rgb(42,156,128);
	margin-bottom:1.5rem;
}


.fr_keycolor{
	position: relative;
	border-radius: 0.4rem;
}
.fr_inner{
	padding:2rem 1.5rem 1rem;
}

.i_bokka{
	position: relative;
	top: 5px;
	right: 10px;
}


@media (max-width: 768px){
	#course_top .clm_60p{
		margin: 0 4% 1rem 0;
	}
	#course_top .clm_40p{
		margin-right: 0 !important;
	}
}
@media (max-width: 700px){
	.i_time{
		float: none;
		display: block;
		max-width: 60px;
		margin: 0 auto 10px !important;
	}
	.km_ML_bline{
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
	}
}
@media (max-width: 600px){
	.clm_60p,.clm_50p,.clm_40p{
		width: 100%;
	}
	#course_top .clm_40p img{
		max-width:320px;
		width:70%;
		margin: 0 auto;
	}
	.plan .clm3_item,
	.plan .clm2_item{
		float: none;
		width: 98% !important;
	}
	.fr_keycolor .clm_img_item{
		width: 100%;
	}
	.fr_keycolor .clm_img_item:nth-child(2n){
		width: 80%;
		padding: 0;
		margin: 0 auto;
		display: block;
		float: none;
	}
	.fr_keycolor .clm3_item{
		width: 100%;
	}
}
@media (max-width: 400px){
	#course .thumb-nav-3 li{
		font-size: .8rem;
	}
}




/* kanjisan */
.kanjisan_top{
	position:relative;
}
	.kanjisan_top > div{
		position:relative;
		z-index:1;
	}
	.m_kanjisan{
		max-width:271px;
	}
	.kanjisan_top .lead{
		text-shadow:0 0 3px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 4px #fff,
		0 0 3px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 4px #fff;
	}
	.kanjisan_top .img_main{
		position:absolute;
		right:0;
		top:50%;
		max-width:607px;
		transform:translateY(-50%);
	}
@media (max-width: 970px){
	.kanjisan_top > div{
		text-align:center;
	}
	.m_kanjisan{
		width:90%;
		max-width:542px;
		margin-left:auto;
		margin-right:auto;
	}
	.kanjisan_top .img_main{
		position:relative;
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		right:inherit;
		top:inherit;
		transform:none;
	}
}
@media (max-width: 559px){
	.kanjisan_top .img_main{
		transform:scale(1.35);
	}
}

.kanjisan .plan_data {
    color: rgb(42,156,128);
}




/* saiyasu */
.lead_saiyasu{
	width:min(100%,35%);
}
@media (max-width: 970px){
	.lead_saiyasu{
		width:100%;
		text-align: left;
		margin-bottom:1rem;
	}
}
.receipt{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-around;
}
	.receipt img{
		width:45%;
		max-width:367px;
		margin:0 1%;
	}
.saiyasu .plan_data{
	color: rgb(255,103,92);
}
.saiyasu .km_ML_bline{
	color: rgb(255,103,92);
	border-bottom: 2px solid rgb(255,103,92);
}
.saiyasu .fr_keycolor{
	border: 2px solid rgb(255,103,92);
	background: rgba(255,103,92,.03);
}

/* rainyday */
.rainyday .plan_data{
	color: rgb(155,90,179);
}
.rainyday .km_ML_bline{
	color: rgb(155,90,179);
	border-bottom: 2px solid rgb(155,90,179);
}
.rainyday .fr_keycolor{
	border: 2px solid rgb(155,90,179);
	background: rgba(155,90,179,.03);
}

/* girls */
.girls .plan_data{
	color: rgb(255,123,156);
}
.girls .km_ML_bline{
	color: rgb(255,123,156);
	border-bottom: 2px solid rgb(255,123,156);
}
.girls .fr_keycolor{
	border: 2px solid rgb(255,123,156);
	background: rgba(255,123,156,.03);
}

/* couple */
.couple .plan_data{
	color: rgb(42,156,128);
}
.couple .km_ML_bline{
	color: rgb(42,156,128);
	border-bottom: 2px solid rgb(42,156,128);
}
.couple .fr_keycolor{
	border: 2px solid rgb(42,156,128);
	background: rgba(42,156,128,.03);
}

/* kids */
.kids .plan_data{
	color: rgb(81,143,198);
}
.kids .km_ML_bline{
	color: rgb(81,143,198);
	border-bottom: 2px solid rgb(81,143,198);
}
.kids .fr_keycolor{
	border: 2px solid rgb(81,143,198);
	background: rgba(81,143,198,.03);
}

/* senior */
.senior .plan_data{
	color: rgb(160, 119, 40);
}
.senior .km_ML_bline{
	color: rgb(160, 119, 40);
	border-bottom: 2px solid rgb(160, 119, 40);
}
.senior .fr_keycolor{
	border: 2px solid rgb(160, 119, 40);
	background: rgba(160, 119, 40,.03);
}

/* infants */
.infants .plan_data{
	color: #FF7F4B;
}
.infants .km_ML_bline{
	color: #FF7F4B;
	border-bottom: 2px solid #FF7F4B;
}
.infants .fr_keycolor{
	border: 2px solid #FF7F4B;
	background: rgba(255,127,75,.03);
}
.infants #course_top h1 img{
	width:min(100%,374px);
}
.infants .img_ilst1{
	width:min(100%,374px);
}


/* movie trigger */
.mv_item{
	clear:both;
	width:100%;
	max-width:650px;
	padding:10px;
	background: #fff;
	box-shadow: 0 0 18px rgb(0 0 0 / 30%);
	border-radius: 8px;
	margin:0 auto;
	transition:.3s;
}
	.mv_item:hover{
		transform-origin:center;
		transform:scale(1.02);
	}
	.mv_item a{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
	}
	.mv_item img{
		width:30%;
		align-self:flex-start;
	}
	.mv_ttl{
		width:68%;
		padding-left:3.5rem;
		align-self:center;
		background:url(/img/i_kachinko_pink.png) no-repeat 0 0;
	}
	.mv_ttl span{
		display:inline-block;
		padding:6px 10px 4px;
		color:#fff;
		font-size:.85rem;
		line-height:1;
		background:rgba(155,90,179, .8);
		border-radius:4px;
	}
	.mv_ttl h2{
		font-family:"丸フォーク M";
		font-size:1.2rem;
		color:rgb(155,90,179);
		line-height:1.2;
		margin:0 0 .5rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:rgb(155,90,179);
		font-size:.9rem;
		line-height:1.5;
	}
@media (max-width: 500px){
	.mv_item a{
		display:block;
	}
	.mv_item img{
		width:100%;
	}
	.mv_ttl{
		width:100%;
		margin-top:10px;
	}
}