<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@media (max-width: 767px){
	 body {
	 background-color:#BFEFFF;
 	}
	#head h1 {
		background:url(../images/smp/bg_logo.jpg) 0 0 no-repeat;
		width:100%;
		height:0;
		padding-top:100%;
		background-size:contain;
		font-size: 0em;
	}
	#head h2 {
	background: url(../images/smp/date.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 12.5%;
	background-size:contain;
	font-size: 0em;
	}
	#fly_smp {
	width:100%;
	height:0;
	padding-bottom: 100%;
	text-align: center;
	background-size:contain;
	margin-top: -100%;
	overflow: hidden;
	}
	#fly_smp img {
	margin-top: 10%;
	animation:kurukuru 1s;
	}
	@keyframes kurukuru {
	from {
	transform: scale(20, 20) rotate(720deg);
	}
	to {
	transform: scale(1, 1) rotate(0deg);
	}
	}

	#smp_movie .tvo-video {
	width: 320px;
	margin: 0 auto;
	}
	#about {
	background: url(../images/smp/bg_about.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 71.875%;
	background-size:contain;
	font-size: 0em;	
	}
	#ttl_cast {
	background: url(../images/smp/ttl_cast.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 19.375%;
	background-size:contain;
	font-size: 0em;	
	}
	#cast {
	background: url(../images/smp/bg_cast.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 125%;
	background-size:contain;
	font-size: 0em;	
	}
	#ttl_nav {
	background: url(../images/smp/ttl_nav.jpg) 0 0 no-repeat;
	width: 35.9375%;
	height: 0;
	padding-top: 53.125%;
	background-size:contain;
	float: left;
	font-size: 0em;
	}
	#btn_case01 {
	background: url(../images/smp/btn01.jpg) 0 0 no-repeat;
	width: 10.9375%;
	height: 0;
	padding-top: 53.125%;
	background-size:contain;
	float: left;
	font-size: 0em;
	}
	#btn_case02 {
	background: url(../images/smp/btn02.jpg) 0 0 no-repeat;
	width: 9.375%;
	height: 0;
	padding-top: 53.125%;
	background-size:contain;
	float: left;
	font-size: 0em;
	}
	#btn_case03 {
	background: url(../images/smp/btn03.jpg) 0 0 no-repeat;
	width: 13.4375%;
	height: 0;
	padding-top: 53.125%;
	background-size:contain;
	float: left;
	font-size: 0em;
	}
	#btn_case04 {
	background: url(../images/smp/btn04.jpg) 0 0 no-repeat;
	width: 10.3125%;
	height: 0;
	padding-top: 53.125%;
	background-size:contain;
	float: left;
	font-size: 0em;
	}
	#btn_case05 {
	background: url(../images/smp/btn05.jpg) 0 0 no-repeat;
	width: 17.96875%;
	height: 0;
	padding-top: 53.125%;
	background-size:contain;
	float: left;
	font-size: 0em;
	}
	#case01 {
	background: url(../images/smp/case01.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 329.0625%;
	background-size:contain;
	font-size: 0em;	
	clear: both;
	}
	#case02 {
	background: url(../images/smp/case02.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 175%;
	background-size:contain;
	font-size: 0em;	
	clear: both;
	}
	#case03 {
	background: url(../images/smp/case03.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 187.5%;
	background-size:contain;
	font-size: 0em;	
	clear: both;
	}
	#case04 {
	background: url(../images/smp/case04.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 196.875%;
	background-size:contain;
	font-size: 0em;	
	clear: both;
	}
	#case05 {
	background: url(../images/smp/case05.jpg) 0 0 no-repeat;
	width: 100%;
	height: 0;
	padding-top: 118.75%;
	background-size:contain;
	font-size: 0em;	
	clear: both;
	}
	.pagetop {
	background: url(../images/smp/btn_pagetop.jpg) 0 0 no-repeat;
	width: 50%;
	height: 0;
	padding-top: 15.625%;
	background-size:contain;
	font-size: 0em;
	float: right;
	}

	#pc_movie, #fly_pc {display:none;}
	
}


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