<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/******************************************************************
myoko
******************************************************************/
body#myoko #g-nav ul li.current span{
	background: #1d0b07!important;
  }

body#myoko h3.heading::before,
body#myoko h3.heading::after {
	background-color: #6385a1; /* 横線の色 */

}

body#myoko .t_line td{
	background-color: rgba(230, 240, 248, 0.9);
}

body#myoko .t_line th{
	background-color: rgba(214, 231, 243, 0.9);
}


body#myoko .p01{max-width: 1000px;}
body#myoko .p02{max-width: 1000px;}
body#myoko .p03{max-width: 1000px;}
body#myoko .p04{max-width: 1000px;}
body#myoko .p05{max-width: 1000px;}
body#myoko .p06{max-width: 1500px; margin-top: 80px;}


body#myoko .mv02 video{width: 1000px; margin:80px 0 40px 0;}

.clm_txt.p_only{
	width: 20%;
}

.bg_myoko{
	background: #d7e4f0;
	color: #000;
}

.bg_myoko2{
	background: url(/ko/ski/experience/img/myoko/myoko_bg01.jpg) no-repeat left top #edf1f5;
	background-size: 100%!important;
	padding-top: 120px;
	color: #000;
	font-weight: 200;
}

.bg_myoko2 .midashi_time{
	padding-bottom: 70vw;
}


.bg_myoko3{
	background: url(/ko/ski/experience/img/myoko/myoko_bg02.jpg) no-repeat left top #e6e9ee;
	background-size: 100%!important;
	padding-top: 120px;
	color: #000;
	font-weight: 200;
}

.bg_myoko3 .midashi_time{
	padding-bottom: 65vw;
}


.bg_myoko4{
	background: #c0dcf5;
	color: #000;
}




.bg_myoko5{
	background: #b0d2f1;
	color: #000;
}



.bg_myoko6{
	background: url(/ko/ski/experience/img/myoko/myoko_bg05.jpg) no-repeat left bottom #c8d9e8;
	background-size: 100%!important;
	padding-top: 120px;
	color: #000;
	font-weight: 200;
}

.bg_myoko6 .clm_center{
	margin-bottom: 35vw;
}


@media only screen and (max-width:1280px){
	body#myoko .mv02{
		width: 88%;
		margin: 0 auto 0 0;
	}
	body#myoko .mv02 video{
		width: 100%;
	}


@media only screen and (max-width:920px){

	.profile_set{
		display: block;
		max-width: 100%;
		margin: 0 auto 30px auto;
		padding: 20px;
	}
	
	.profile_set .pro_img{
		margin: 0 auto 20px auto!important;
		text-align: center;
		width: auto;
	}
}


@media only screen and (max-width:768px){
	body#myoko .p02{max-width:100%; padding-left:30px; margin-bottom: 30px;}
	body#myoko .p03{max-width:100%; padding-right: 0; margin-bottom: 20px;}
	body#myoko .p04{max-width:100%; padding-right: 0; margin-bottom: 30px;}
	body#myoko .p05{max-width:100%; padding-right: 0; margin-bottom: 30px;}
	body#myoko .mv02{margin-bottom: 15px;}
	body#myoko .mv03{margin-bottom: 15px;}
	body#myoko .p06{margin-top: 20px;}


	body#myoko .mv02,
	body#myoko .mv02{
		width: 92%;
	}

	body#myoko .mv02 video,
	body#myoko .mv02 video{
		width: 100%;
		margin:22px 0 0 0;
	}

	.bg_myoko2{
		background: url(/ko/ski/experience/img/myoko/myoko_bg01_sp.jpg) no-repeat left 0 #edf1f5;
		padding-top: 70px;
	}

	.bg_myoko2 .midashi_time{
		padding-bottom: 75vw;
	}

	
	.bg_myoko3{
		background: url(/ko/ski/experience/img/myoko/myoko_bg02_sp.jpg) no-repeat left 0 #e6e9ee;
		padding-top: 70px;
	}

	.bg_myoko3 .midashi_time{
		padding-bottom: 75vw;
	}

	.bg_myoko6{
		padding-top:70px;
	}


}
</pre></body></html>