@charset "UTF-8";
/* CSS Document */

.sp{display:none;} 

ul{
	list-style: none;
	
}

a{ text-decoration: none;}


section#title{padding-top:calc(230/1920*100vw);}
section#title h1{width:calc(422/1920*100vw);}
section#title h2{width:calc(787/1920*100vw); margin: calc(-30/1920*100vw) auto;}

#products #content{background:url("https://www.koeitecmoamerica.com/sw5/images/products/bg.png") no-repeat center top;background-size:100%;}
#products #content #sec00 {text-align: center;}
#products #content #sec00 .tokuten{width: calc(1454/1920*100vw); margin: 0 auto calc(40/1920*100vw);}
#products #content #sec00 ul.nav{width: calc(1740/1920*100vw); margin: calc(-70/1920*100vw) auto calc(50/1920*100vw); display: flex;justify-content: center;}
#products #content #sec00 ul.nav li{width:calc(410/1920*100vw); margin:calc(10/1920*100vw);;}
#products #content #sec00 ul.nav li p{width:calc(410/1920*100vw); font-size:calc(27/1920*100vw);}
#products #content #sec00 ul.nav li p a{ padding: calc(25/1920*100vw) calc(20/1920*100vw) calc(25/1920*100vw) calc(40/1920*100vw);}
#products #content #sec00 ul.nav li p a:before{ background: url("https://www.koeitecmoamerica.com/sw5/images/products/arrow.png") no-repeat center top; background-size: calc(22/1920*100vw) calc(14/1920*100vw); 
	width: calc(22/1920*100vw); height: calc(14/1920*100vw); margin-top: calc(-5/1920*100vw);}
#products #content #sec00 ul.nav li p a:hover:before{ background: url("https://www.koeitecmoamerica.com/sw5/images/products/arrow-w.png") no-repeat center top; background-size: calc(22/1920*100vw) calc(14/1920*100vw);opacity:1;} 

#products #content section {padding-bottom:calc(150/1920*100vw);}
#products #content section h2{background:#000; font-size:calc(72/1920*100vw); padding:calc(10/1920*100vw); text-align: center; color: #fff;}
#products #content section#title h2{background:none; }
#products #content section h3{position: relative;text-align:center;  margin: calc(120/1920*100vw) auto calc(30/1920*100vw);font-size: calc(45/1920*100vw); padding: calc(20/1920*100vw) 0; width: 85vw;}
#products #content section h3::before,#products #content section h3::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
#products #content section h3::before {
	top: 0;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}
#products #content section h3::after {
	bottom: 0;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
}
#products #content section .inner{ display: flex;align-items: center;justify-content: center; padding-top:calc(70/1920*100vw);    padding-bottom: calc(30/1920*100vw);flex-wrap: wrap;}
#products #content section p.price{font-size:calc(42/1920*100vw);}
#products #content section .item-txt{font-size:calc(30/1920*100vw); padding-left:calc(40/1920*100vw);width:calc(790/1920*100vw);}
#products #content section .item-txt ul{padding-top:calc(20/1920*100vw);}
#products #content section .item-txt ul li{padding-top:calc(10/1920*100vw);}
#products #content section .item{width:calc(790/1920*100vw); }
#products #content section .item a{ position: relative;display: block;}
#products #content section .item a::after{content: ""; background:url("https://www.koeitecmoamerica.com/sw5/images/character/zoom.jpg") no-repeat center top; position: absolute; bottom:0; right: 0; background-size:calc(66/1920*100vw) calc(66/1920*100vw); width:calc(66/1920*100vw); height:calc(66/1920*100vw);}
#products #content section p.btn{width: calc(400/1920*100vw); position: relative; margin: calc(60/1920*100vw) auto 0;}
#products #content section ul.luna p.btn{width: calc(500/1920*100vw);}
#products #content section p.notice{width:90%; margin: calc(20/1920*100vw) auto 0;}
#products #content section ul.btn-list{ display: flex;align-items: center; justify-content: center;flex-wrap: wrap; max-width: 1600px; margin: 0 auto;}
#products #content section ul.btn-list li{ margin: 0 calc(10/1920*100vw);}
#products #content section#sec01 p{text-align: center; margin: calc(30/1920*100vw) auto calc(40/1920*100vw);}
#products #content section#sec01 .item{width:calc(655/1920*100vw); margin: calc(40/1920*100vw) auto;}
#products #content section#sec01 .inner .item{margin: calc(10/1920*100vw) calc(20/1920*100vw);}
#products #content section#sec01 h3{position: relative;text-align:center;  margin: calc(110/1920*100vw) auto calc(30/1920*100vw);font-size: calc(55/1920*100vw); padding: calc(20/1920*100vw) 0; width: 70vw;}
#products #content section#sec01 h3::before,#products #content section#sec01 h3::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
#products #content section#sec01 h3::before {
	top: 0;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
}
#products #content section#sec01 h3::after {
	bottom: 0;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
}
#products #content section#sec01 h4{text-align:center;  margin: calc(50/1920*100vw) auto calc(30/1920*100vw);font-size: calc(40/1920*100vw); padding-top: calc(40/1920*100vw); }
#products #content section#sec01 p.btn{ position: relative; margin: calc(60/1920*100vw) auto 0;}

#products #content section ul.btn-list p.btn{  font-size: calc(30/1920*100vw); margin: calc(10/1920*100vw) auto calc(10/1920*100vw)!important;}
#products #content section p.btn.gray{background: #484848;  border: none; color: #8f8f8f;  padding:calc(25/1920*100vw) calc(30/1920*100vw) calc(25/1920*100vw)  calc(30/1920*100vw); font-size: calc(38/1920*100vw); text-align: center;}

#products #content section#sec05 ul li p.btn.gray{padding:calc(15/1920*100vw) 0 calc(15/1920*100vw) 0;}

#products #content section#sec05 ul li{text-align: left;}
#products #content section#sec05 p.notice{text-align:center; margin-top:calc(50/1920*100vw);}
#products #content section#sec05 .item-txt{font-size: calc(26/1920*100vw);}
#products #content section#sec05 p.price{font-size: calc(30/1920*100vw);}
#products #content section#sec05 p {font-size: calc(26/1920*100vw);}
#products #content section#sec04 .item-txt ul li a{ text-decoration:underline; color: #000;}
#products #content section#sec01 .box h4{text-align:center;  margin: 0 auto calc(30/1920*100vw);font-size: calc(40/1920*100vw); padding: calc(20/1920*100vw) 0; background: rgba(255,255,255,0.5);}
#products #content section .box{width: 85vw; border: 1px solid #000; margin: calc(100/1920*100vw) auto calc(30/1920*100vw);}
#products #content section .box .inner{ padding:0 0 calc(20/1920*100vw);}

@media screen and (max-width:768px){
section#title{padding-top:calc(150/768*100vw);}	
section#title h1{width:calc(250/768*100vw);}
section#title h2{width:calc(540/768*100vw); margin: 0 auto;}


/*-------products-------*/	
#products #content #sec00 .tokuten{width: calc(650/768*100vw); margin: 0 auto calc(30/768*100vw);}
#products #content #sec00 p.notice{font-size:calc(22/768*100vw);}
#products #content #sec00 ul.nav{width: calc(740/768*100vw); margin:calc(-100/768*100vw) auto calc(250/1920*100vw); flex-wrap: wrap;}
#products #content #sec00 ul.nav li{width:calc(340/768*100vw); margin:calc(10/768*100vw);height: calc(100/768*100vw);}
#products #content #sec00 ul.nav li p{width:calc(340/768*100vw); height: calc(80/768*100vw); font-size:calc(26/768*100vw); display: table;line-height: calc(33/768*100vw);}
#products #content #sec00 ul.nav li p a{ padding: calc(25/1920*100vw) 0 calc(25/1920*100vw) calc(40/1920*100vw);    height: calc(80/768*100vw); display: table-cell; vertical-align: middle;}
#products #content #sec00 ul.nav li p a:before{ background: url("https://www.koeitecmoamerica.com/sw5/images/products/arrow.png") no-repeat center top; background-size: calc(22/768*100vw) calc(14/768*100vw); width: calc(22/768*100vw); height: calc(14/768*100vw); margin-top: calc(-5/768*100vw);}

#products #content section {padding-bottom:calc(100/768*100vw);}
#products #content section h2{font-size:calc(50/768*100vw); padding:calc(10/1920*100vw); text-align: center; color: #fff;}
#products #content section#title h2{background:none; }
#products #content section .inner{ align-items: center;justify-content: center; padding-top:calc(70/1920*100vw);}
#products #content section p.price{font-size:calc(34/768*100vw); text-align: center;}
#products #content section .item-txt{font-size:calc(30/1920*100vw); padding-left:calc(40/1920*100vw);width:calc(650/768*100vw); margin: calc(40/1920*100vw) auto 0;}
#products #content section .item-txt ul{padding-top:calc(20/1920*100vw);}
#products #content section .item-txt ul li{padding-top:calc(20/1920*100vw); font-size:calc(26/768*100vw);}
#products #content section .item{width:calc(640/768*100vw); margin: calc(100/1920*100vw) auto; }
#products #content section .item a::after{background-size:calc(66/768*100vw) calc(66/768*100vw); width:calc(66/768*100vw); height:calc(66/768*100vw);}
#products #content section#sec01 p{text-align: center; margin: calc(50/1920*100vw) auto calc(40/1920*100vw);}
#products #content section#sec01 .item{width:calc(580/768*100vw); margin: calc(100/1920*100vw) auto 0;}
#products #content section#sec01 h3{text-align:center;  margin: calc(110/768*100vw) auto calc(30/768*100vw);font-size: calc(40/768*100vw); padding: calc(20/768*100vw) 0; width: 80vw;}

#products #content section#sec01 h4{text-align:center;  margin: calc(50/768*100vw) auto calc(30/768*100vw);font-size: calc(30/768*100vw); padding-top: calc(20/768*100vw);}
#products #content section p.btn{width: calc(350/768*100vw); position: relative; margin: calc(60/768*100vw) auto 0; font-size: calc(30/768*100vw);}
#products #content section#sec01 .box p{padding:calc(20/768*100vw); text-align: left;}

#products #content section#sec01 .box h4{font-size:calc(26/768*100vw);}	
#products #content section .inner{ align-items: center;justify-content: center; padding-top:calc(70/1920*100vw);}
#products #content section#sec01 p{font-size:calc(24/768*100vw); text-align: center; margin: calc(50/1920*100vw) auto calc(40/1920*100vw);}
#products #content section#sec01 .item{width:calc(500/768*100vw); margin: calc(40/1920*100vw) auto 0!important;}
#products #content section#sec01 .inner .item{width:calc(300/768*100vw); margin: calc(10/768*100vw)!important;}
#products #content section#sec01 .box p{padding:calc(20/768*100vw); text-align: left;}
#products #content section#sec01 .box{padding-bottom:calc(40/768*100vw);margin-top:calc(50/768*100vw);width: 90vw;}
	#products #content section ul.btn-list li{width: calc(350/768*100vw);}	
	#products #content section ul.btn-list li p.gray{padding: calc(24/768*100vw) 0; font-size: calc(24/768*100vw);}
#products #content section p.btn a{padding:calc(20/768*100vw) calc(20/768*100vw) calc(20/768*100vw) calc(50/768*100vw);font-size:calc(30/768*100vw);}	

	
#products #content section p.btn.gray{ padding:calc(20/768*100vw) calc(30/768*100vw) calc(20/768*100vw)  calc(30/768*100vw); font-size: calc(32/768*100vw); }
#products #content section#sec05 ul li p.btn.gray{padding:calc(15/1920*100vw) 0 calc(15/1920*100vw) 0;}
	
#products #content section#sec05 .item-txt{font-size: calc(28/768*100vw);}
#products #content section#sec05 p.price{font-size: calc(34/768*100vw); margin-bottom:calc(30/768*100vw);}
#products #content section#sec05 p {font-size: calc(28/768*100vw);}
#products #content section#sec05 p.notice{font-size:calc(22/768*100vw); width: calc(680/768*100vw); margin:calc(30/768*100vw) auto; text-align: left;}		
#products #content section ul.luna li {width: calc(400/768*100vw);}
#products #content section ul.luna li p.btn{width: calc(400/768*100vw);}
	
}

@media screen and (min-width:1600px){
section#title h2{width: 656px;}
section p.btn a{padding:20px 25px 20px 55px;}	
#products #content section{padding-bottom: 130px;}		
#products #content #sec00 .tokuten{width: 1211px;}
#products #content section p{font-size:20px;}
#products #content section p.notice{font-size:18px;}
#products #content #sec00 ul.nav{width: 1450px; margin:-50px auto 50px;}
#products #content #sec00 ul.nav li{width: 340px;}
#products #content #sec00 ul.nav li p{font-size:21px; width: 340px;}	
#products #content #sec00 ul.nav li p a:before{    background-size:18px 11px;  width: 18px; height: 11px;}	
#products #content #sec00 ul.nav li p a:hover:before{  background-size:18px 11px;  width: 18px; height: 11px;} 
#products #content #sec00 ul.nav li p a{padding: 20px 15px 20px 30px;}	
#products #content section h2{font-size:60px;}	
#products #content section h3{font-size:45px;}	
#products #content section p{margin: 40px auto 34px;}	
#products #content section ul.btn-list p.btn{width: 330px!important;  font-size:24px!important;}
#products #content section p.btn.gray{padding:20px 25px; font-size: 22px;}
#products #content section .item{width: 658px;}
#products #content section .item-txt{width: 691px; font-size:25px; padding-left: 30px; padding-top: 15px;}
#products #content section p.price{font-size:30px;margin: 0;}
#products #content section#sec01 p{margin: 40px auto 30px;}	
#products #content section#sec01 .item{width: 916px;}		
#products #content section#sec05 p{font-size:22px;}	
#products #content section#sec05 .item-txt{font-size:22px;}	
	#products #content section#sec01 p.btn a{padding: 20px 25px 20px 40px;}
#products #content section#sec01 .item{width: 450px;}
#products #content section .box{width:1100px;}	
	#products #content section#sec01 h3{width:1400px; font-size: 45px; margin: 80px auto 20px; padding: 20px;}	
	#products #content section#sec01 h4{ font-size: 35px; margin: 40px auto 20px; padding-top: 20px;}
#products #content section ul.luna p.btn{width: 400px!important;}
	
	
	
}