@charset "utf-8";
/* CSS Document */
body{
    font-family: "hiragino-kaku-gothic-pron", sans-serif; 
}
/*h2 { background: url(../img/product/title_limit.png) no-repeat; background-position:center;height: 100px; margin-bottom: 30px; text-indent: -9999px; }*/
h3 { text-align: center; font-size: 30px; margin:20px auto; color: #005EFF; line-height: 1.5;  font-family: "Quattrocento", serif;}
.cen{
    max-width:1000px;
    margin:auto;
    font-size:20px;
    ont-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 400;
    font-style: normal;
}
#product_con{
    max-width:1260px;
    margin:auto;
}

.cen { font-size:21px;color: #005EFF; line-height: 1.8; font-family: "hiragino-kaku-gothic-pron", sans-serif;font-weight: 400;font-style: normal;}
/*h2 { background: url(../img/product/title_product.png) no-repeat; height: 100px; margin-bottom: 30px; text-indent: -9999px; }*/
h3 { text-align: center; font-size: 30px; margin-bottom: 10px; color: #005EFF; line-height: 1.5; }

table { width: 80%; margin: 0 auto 50px; border-collapse: collapse; border-top: 1px solid #005EFF; border-bottom: 1px solid #005EFF; line-height: 1.8; }
tr { border-bottom: 1px solid #005EFF; }
th { padding: 15px; text-align: center; }
td { text-align: left; padding: 5px; }
tr:nth-child(odd) { background: #2E2E2E; }
/**/

.blank{	padding:60px;}

.switch
 { width: 80%; margin: 0 auto; padding: 20px;
	border: 1px solid;	 border-color: #005EFF;
	 text-align:center;
}

.switch img
 { 	border: 1px solid;	 border-color: #fff;
}

.switch .mida {  
	border-top:1px solid;border-color: #005EFF;/*005EFF*/
	margin: -10px 30px 20px;
	padding-bottom: 20px;
}

.switch h3{  
color: #005EFF;
}

.tokutenList { max-width: 1250px; margin: 0 auto 10px; border-collapse: collapse; margin-top:50px;color:#fff;line-height:30px;}
.tokutenList .flex{display:flex;}
.tokutenList .big{font-size:28px;font-weight: bold; font-family: "Quattrocento", serif;}
.tokutenList .big img{width:23px;}

.tokutenList .middle{font-size:15px;font-weight: bold;padding-left:20px;margin-top:20px;}
.tokutenList .right{font-size:20px;text-align:right;margin-top:40px;}
.tokutenList li {border: 1px solid #005EFF; font-weight: 400; padding: 20px 30px; position: relative; background: #2E2E2E;  margin-top:20px;}
.tokutenList dl { margin-left: 16px; }
.tokutenList dt { font-weight: bold; margin-top: 10px; color: #F69; }

.listMark { margin-right: 5px; }
.bottom_area{
    font-size:18px;
    margin:50px auto;
    text-align:center;
    color:#fff
}
.bottom_area img{
    max-width:450px;
}
.bold{font-size:20px;font-weight:bold;}
.price { width: 700px; margin: 0 auto; text-align: right; font-size: 24px; }
.tokuten { width: 700px; margin: 0 auto; }
.tokuten a { display: block; width: 100%; padding: 10px 0; text-align: center; background: #005EFF; border-radius: 20px; font-size: 14px; letter-spacing: 2px; }
.tokuten a:hover { background: #FFF; }

#menu { 
	max-width: 960px; 
	background: #000; 
	margin: 0px auto 50px auto; 
	 font-family: "Quattrocento", serif; 
	font-weight: 400;
	font-size: 22px; 
	display: flex; 
	justify-content: space-around; 
	color:#666;
}
#menu li { width: 100%; text-align: center; border-right: 1px solid #2E2E2E; position: relative;}
#menu li:first-child { border-left: 1px solid #2E2E2E; }

#menu li a {color:#fff;}
#dot { 
	max-width: 960px; 
	display: flex; 
	justify-content: space-around; 
	margin:-20px auto 0 auto; 
	position:relative;
	z-index:9999;
}
#dot li{ width:137px; text-align: center;}
.label{background:yellow;color:#000;padding:3px;font-weight:bold;}
/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
ლ(╹◡╹ლ) 
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media screen and (max-width: 768px) {
	h2 { width: 100%; height: auto; padding-bottom: 10.41666%;}
	h3{font-size:3vw;}
	.cen{font-size:2.5vw;}
	.tokutenList,.price ,.tokuten { width: 100%; }
	#menu { display:none;}
	#dot { display:none;}
	.tokutenList {width:95%;margin:auto;line-height:5vw;}
	.bottom_area{width:95%;margin:30px auto;font-size:2.5vw}
	.tokutenList .big{font-size:4vw;font-weight: bold;}
    .tokutenList .middle{font-size:2.9vw;font-weight: bold;padding-left:20px;margin-top:3vw;}
    .tokutenList .big img{width:3.5vw;}
    .bold{font-size:3vw;font-weight:bold;}
    .bottom_area img{
        width:90%;
    }
    .tokutenList .right{margin-top:5vw;font-size:4vw;}
}h2 { 
 color:#005EFF;
 font-size: 42px;
  font-family: "Quattrocento", serif; 
 font-weight: 300;
/* width:300px;*/
 margin:0 auto 50px auto;
 text-align:center;
 }
h3 { text-align: center; font-size: 25px; line-height: 1.2; margin-bottom: 10px; }
h3 span { font-size: 16px; }
.subtitle{	margin:0 auto;
color:#005EFF;
 font-size: 42px;
  font-family: "Quattrocento", serif; 
 font-weight: 480;
 margin-left:60px;
 margin-bottom:50px;
}
h2 {
 color:#005EFF;
 font-size: 40px;
  font-family: "Quattrocento", serif; 
 font-weight: 300;
 margin:0 auto 50px auto;
 text-align:center;
 }
h3 { text-align: center; font-size: 25px; line-height: 1.2; margin-bottom: 10px; }
h3 span { font-size: 16px; }
.subtitle{
color:#005EFF;
 font-size: 42px;
  font-family: "Quattrocento", serif; 
 font-weight: 300;
 margin-left:60px;
 margin-bottom:50px;
}h2 { 
 color:#005EFF;
 font-size: 42px;
  font-family: "Quattrocento", serif; 
 font-weight: 300;
/* width:300px;*/
 margin:0 auto 50px auto;
 text-align:center;
 }
h3 { text-align: center; font-size: 25px; line-height: 1.2; margin-bottom: 10px; }
h3 span { font-size: 16px; }
h2 { 
 color:#005EFF;transform: scale(0.95, 1);
 font-size: 40px;
  font-family: "Quattrocento", serif; 
 font-weight: 450;
/* width:300px;*/
 margin:0 auto 50px auto;
 text-align:center;
 }