@charset "utf-8";

/* yukiasobi
-------------------------------------------------*/


.fr_blue,
.fr_purple,
.fr_beige,
.fr_red{
	position:relative;
	padding:2rem 1.5rem 1rem;
	background:#d9edff;
	border-radius:13px;
	margin:0 auto 3rem;
}
.fr_purple	{ background:#EBE1FF}
.fr_beige	{ background:beige}
.fr_red		{ background:#f7e8e8}

@media screen and (max-width: 450px){
	.fr_blue,
	.fr_purple,
	.fr_beige,
	.fr_red{
		padding:10px;
	}
}

.cmt{
	position:relative;
	display:flex;
	flex-flow:row nowrap;
	justify-content: space-between;
	align-items:flex-start;
	margin:0 auto max(1rem,10px);
}
	.cmt > p{
		position:relative;
		width:min(70%,620px);
		padding:15px 20px;
		border-radius: .8rem;
		margin:0 auto;
	}
	.fr_pp{
		border:3px solid #4C97E4;
	}
	.fr_mm{
		border:3px solid #FF95D4;
	}
	.fr_kd{
		border:3px solid #FFD051;
	}
	.f_L::after{
		position: absolute;
		top: calc(50% - 10px);
		left: -60px;
		width: 0;
		height: 0;
		content: '';
		border-style: solid;
		border-color: transparent #4C97E4 transparent transparent;
		border-width: 10px 30px;
		z-index: 1;
	}
	.f_R::after{
		position: absolute;
		top: calc(50% - 10px);
		right: -60px;
		width: 0;
		height: 0;
		content: '';
		border-style: solid;
		border-color: transparent transparent transparent #FF95D4;
		border-width: 10px 30px;
		z-index: 1;
	}
	.f_L.fr_pp::after{ border-color: transparent #4C97E4 transparent transparent}
	.f_L.fr_mm::after{ border-color: transparent #FF95D4 transparent transparent}
	.f_L.fr_kd::after{ border-color: transparent #FFD051 transparent transparent}
	.f_R.fr_pp::after{ border-color: transparent transparent transparent #4C97E4}
	.f_R.fr_mm::after{ border-color: transparent transparent transparent #FF95D4}


	.cmt > span,
	.cmt > div{
		position:relative;
		display:block;
		width:15%;
	}
	.cmt > span > img{
		position:relative;
		display:block;
		width:clamp(56px,70%,130px);
		margin:0 auto;
		z-index: 2;
	}
@media(max-width: 559px){
	.cmt > p{
		width:70%;
	}
	.cmt > span{
		width:25%;
	}
	.cmt > p br{
		display:none;
	}
	.cmt > div{
		display:none;
	}
	.f_L::after{
		left: -40px;
		border-width: 7px 20px;
	}
	.f_R::after{
		right: -40px;
		border-width: 7px 20px;
	}
}





.ttl_yukiasobi{
	width:min(100%,640px);
	margin:0 auto;
}

.img_bus{
	width:min(100%,781px);
	margin:0 auto;
}
.img_eqp{
	width:min(100%,836px);
	margin:0 auto;
}
.img_shop{
	width:min(100%,876px);
	margin:0 auto;
}
.m_playing{
	width:min(90%,741px);
	margin:0 auto;
}
.img_playing{
	width:min(100%,967px);
	margin:0 auto;
}
.img_oyatsu{
	width:min(100%,775px);
	margin:0 auto;
}
.img_moruusagi{
	width:min(100%,775px);
	margin:0 auto;
}
.img_spa{
	width:min(100%,775px);
	margin:0 auto;
}


#d_bus .btn_green_s:link,
#d_bus .btn_green_s:visited{
		width:auto;
		padding: 10px 23px 6px 8px;
		margin:0 2px 5px;
	}
	.btn_green_s:hover{
		background-color:#f94f4b;
	}
	#d_bus .btn_green_s span{
		font-size:1rem;
		font-weight:bold;
		line-height:1.2;
	}


.m_snow-attraction img{
	max-width:503px;
	margin:auto;
}

.bn_middle img{
	width:100%;
	max-width:371px;
	margin:0 5px 10px;	
}

.bn_spa{
	width:100%;
	max-width:421px;
	margin:0 auto;	
}




.d_tire{
	justify-content:space-between;
	align-content: center;
	width:90%;
	text-align:left;
	margin:auto;
}
	.d_tire > div:nth-of-type(1){
		width:40%;
		padding-right:2rem;
	}
	.d_tire > div:nth-of-type(2){
		width:60%;
	}
	.d_tire .img_car{
		max-width:272px;
	}
	.d_tire .m_stadlesstire{
		max-width:278px;
	}
	.img_style{
		max-width:741px;
		margin:auto;
	}
	.img_benri{
		max-width:836px;
		margin:auto;
	}
	.btn_rentacar{
		display:block;
		max-width:600px;
		margin:15px auto;
	}
@media screen and (max-width: 768px){
	.d_tire{
		display:block;
		width:100%;
	}
	.d_tire > div:nth-of-type(1){
		width:100%;
		padding:0 0 1.5rem;
	}
	.d_tire > div:nth-of-type(2){
		width:100%;
	}
	.d_tire .m_stadlesstire{
		width:80%;
	}
	.d_tire .img_car{
		width:80%;
		margin:auto;
	}
}

.i_paused{
	display:block;
	position:absolute;
	left:-4%;
	top:-15px;
	width:47%;
	max-width:110px;
	height:auto;
}




#d_playing .f_movie{
		width:60%;
		margin:0 auto 3rem;
	}
	#d_playing .f_movie img{
		width:min(80%,399px);
		margin:0 auto;
	}
	#d_playing .f_item h2{
		text-align: center;
		margin-bottom:.2rem;
	}
	#d_playing .f_item .img{
		margin-bottom: 0.6rem;
	}
	#d_playing .f_item .img img{
		max-width:297px;
	}
@media screen and (max-width: 767px){
	#d_playing .f_item{
		width:46%;
	}
	#d_playing .f_movie{
		width:100%;
	}
	#d_playing .f_movie img{
		width:min(100%,399px);
	}
}


.wearrent{
	max-width:780px;
	padding:1.8rem 2.5rem .5rem;
	background:#f7e8e8;
	margin:0 auto;
}
	.wearrent .dp_flex{
		align-items:center;
	}
	.wearrent .dp_flex div:first-child{
		width:60%;
		max-width:385px;
		padding-right:1rem;
	}
	.wearrent .dp_flex div:nth-of-type(2){
		width:40%;
		max-width:261px;
	}
	.wearrent h3{
		padding:2px 6px 1px;
		color:#fff;
		font-weight:bold;
		background:#cf4b5d;
		margin:0 0 10px;
	}
	.wearrent p{
		margin:0 0 20px;
	}
@media screen and (max-width: 559px){
	.wearrent{
		padding:1rem 1.5rem .3rem;
	}
	.wearrent .dp_flex{
		display:block;
	}
	.wearrent .dp_flex div:first-child,
	.wearrent .dp_flex div:nth-of-type(2){
		width:100%;
		margin:0 auto 1rem;
	}
}



.wearrent .table_red th,
.wearrent .table_red td{
		padding:1vw 1vh;
		vertical-align:middle;
		font-size:.85rem;
	}
	.wearrent .table_red th{
		white-space:normal;
		text-align: center;
		background:#f7e8e8;
	}
	.wearrent .table_red td{
		text-align: center;
		background:#fff;
	}	


.coupon{
	position:relative;
	padding:1.4rem 500% 1.7rem;
	text-align:center;
	margin:1rem -500%;
	background-color:#ddf8ff;
	background-image:url(../snowactivity/bd_dot_blue.png) , url(../snowactivity/bd_dot_blue.png);
	background-position:0 0, 0 99%;
	background-repeat:repeat-x;
	transition:.3s;
}
	.coupon:hover{
		background-color:#c1f1ff;
	}
	.coupon a{
		display:block;
		transition:.3s;
	}
	.coupon a:hover{
		transform:scale(.95);
	}
	.coupon img{
		width:90%;
		max-width:495px;
		margin:auto;
	}


.lockerroom{
	display:inline-block;
	padding:.5rem 1rem;
	background-color:#fff;
	border-radius:.5rem;
}