@charset "utf-8";

/* snow activity
-------------------------------------------------*/

/* red */
.table_red{
}
	.table_red th,
	.table_red td{
		padding:1vw 1vh;
		vertical-align:middle;
		font-size:.85rem;
	}
	.table_red th{
		white-space:normal;
	}
	.table_red td{
		background:#fff;
	}


.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;	
}

.fr_blue{
	position:relative;
	padding:20px;
	background:#d9edff;
	border-radius:13px;
	margin:0 auto 3rem;
}
@media screen and (max-width: 450px){
	.fr_blue{
		padding:10px;
	}
}

.m_snowdebut{
	width:70%;
	max-width:394px;
	margin:0 auto 5vh;
}

.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:584px;
		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 2rem;
	}
	.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;
}

#rule{
	position:relative;
}
	#rule dl{
		
	}
	#rule dt{
		padding:6px 0 4px 10px;
		font-weight:bold;
		background:#fff;
		border-radius:7px;
		margin:0 0 .5rem;
	}
	#rule dd{
		position:relative;
		z-index:2;
		text-shadow: 0 0 3px rgba(255 255 255 / 100%), 0 0 3px rgba(255 255 255 / 100%), 0 0 3px rgba(255 255 255 / 100%);
	}
	#rule .ilst1,
	#rule .ilst2{
		position:absolute;
		display:block;
		width:25%;
		height:auto;
		z-index:1;
	}
	#rule .ilst1{
		left:73%;
		top:6vh;
		max-width:230px;
		min-width:125px;
	}
	#rule .ilst2{
		right:2%;
		bottom:.7%;
		max-width:179px;
		min-width:130px;
	}
@media screen and (max-width: 700px){
	#rule .ilst1{
		left:59%;
		top:30%;
	}
	#rule .ilst2{
		right:0;
		bottom:-11%;
	}
}


.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;
	}
}



.coupon{
	position:relative;
	padding:1.4rem 500% 1.7rem;
	text-align:center;
	margin:1rem -500%;
	background-color:#ddf8ff;
	background-image:url(bd_dot_blue.png) , url(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;
	}


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