@charset "UTF-8";



@media screen and (max-width:960px) {
/* base */
p, h4 { margin-bottom: 10px }
/* top */
.kv .center-inner { padding: 20px; }
#mask { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99; }
nav { display: none; position: absolute; left: 0; top: -30px; width: 100%; background: #222; z-index: 101; }
nav li { display: block; padding: 30px 0; border-bottom: solid 1px rgba(255,255,255,0.1); }
nav li:first-child { margin-left: 0px; }
/*nav li:last-child { display: none; }*/
nav a { display: block; font-size: 16px; line-height: 20px; }
#nav-btn { position: absolute; right: 50px; padding: 15px 12px 14px; border-radius: 2px; background: rgba(0,0,0,0.2); cursor: pointer; }
#nav-btn i { display: block; left: 28px; top: 30px; width: 24px; height: 3px; margin-bottom: 5px; background: #fff; }
#nav-btn i:last-child { margin-bottom: 0; }
#footer-sns-inner { width: 500px; }
#footer-fb { float: none; width: 100%; margin-bottom: 20px; }
#footer-insta { float: none; width: 100%; }
#footer-insta a { width: 25%; height: auto; }
#footer-logo { width: 500px; }
/* about */
.sec { padding: 40px 20px; }
.sec-inner { width: 100%; }
.sec-border { width: 100%; margin: 40px 0; }
.box-pic { width: 240px; padding-right: 30px; }
.box-r .box-pic { width: 300px; padding: 0 0 0 30px; }
.box-l .box-pic { width: 300px; padding: 0 30px 0 0; }
#vent-kv{
	background-size:auto 100%;
	background-position:74% 0%;
	border: solid 0px blue;
}
#vent-kv2{
	background-size:auto 100%;
	background-position:55% 0%;
}
nav ul li a:link,
nav ul li a:visited,
nav ul li a:hover,
nav ul li a:active{
	color: #fff;
}
}

@media screen and (max-width:600px) {
/* base */
h2 { font-size: 60px; }
h3 { margin-bottom: 20px; }
h3.damion { font-size: 48px; }
h4.damion { font-size: 48px; margin-bottom: 20px; text-align:center; }
/* top */
#header-logo { left: 20px; }
#nav-btn { right: 20px; }
.kv { height: 400px; }
.kv br { display: none; }
.kv p { text-align: center; text-shadow: 0 0 10px #b3e0db; }
.kv h2 img { max-width: 80%; }
.kv .style-relax { font-size: 14px; line-height: 1.7; }
#top-kv { height: 500px; }
#top-kv img { margin-bottom: 0; }
#top-msg { height: auto; padding: 0 0 200px; }
#top-msg p { width: auto; margin-left: 0; }
#top-msg .center { position: relative; width: auto; height: auto; }
#top-msg-1 { font-size: 30px; margin-bottom: 0; padding: 20px; }
#top-msg-2 { padding: 20px; background: rgba(255,255,255,0.7); }
.top-grid-item { float: none; width: 100%; height: 150px; }
.top-grid-item:last-child { width: 100%; }
#footer-sns { padding: 20px; }
#footer-sns-inner { width: 100%; max-width: 500px; }
footer { padding: 20px; }
#footer-logo { width: auto; text-align: center; }
#footer-logo img { display: none; }
#gototop { position: fixed; margin: 0; right: 10px; bottom: 10px; border-radius: 2px; background: rgba(0,0,0,0.5) }
/* about */
.sec { padding: 20px; }
.sec-border { margin: 20px 0; }
.box-pic { display: block; width: auto; margin-bottom: 20px; padding: 0; text-align: center; }
.box-txt { display: block; }
.box-r .box-pic { width: auto; margin: 20px 0 0; padding: 0; }
.box-l .box-pic { width: auto; padding: 0; }
/* parts */
.style-big { font-size: 24px; }
.style-micho { font-size: 16px; }
.tbl-1 th, .tbl-1 td { padding: 10px; }
.tbl-1 th { width: 30px; white-space: normal; }
#vent-kv{
	background-size:auto 100%;
	background-position:59% 0%;
	border: solid 0px red;
}
#vent-kv2{
	background-size:auto 100%;
	background-position:45% 0%;
	border: solid 0px red;
}
.modelbox li{
	float:none;
	width:90%;
}
ul.modelbox li{
	text-align:center
}
ul.modelbox li .shop_btn{
	display:block;
	margin:0 auto;
}
}

@media screen and (max-width:500px) {
	#vent-kv{
	background-size:auto 100%;
	background-position:71% 0%;
	border: solid 0px green;	
}
#vent-kv2{
	background-size:auto 100%;
	background-position:58% 0%;
}
}