@charset "UTF-8";
body{font-family: "游ゴシック",YuGothic,"メイリオ", Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;font-size:88%;-webkit-text-size-adjust: 100%;color:#fff;background:#000;}

/***** COMMON *****/
.wrapper{width:100%;overflow:hidden;background:url(../img/common/bg_over.png) 0 0 repeat;}
.bg{background:url(../img/common/bg_side.png) 0 0 repeat-y #000;margin:0 auto;overflow:hidden;max-width: 1424px;}
.bg .contents{width:1024px;margin: 0 auto;}


/***** Font *****/
.mincho{font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Sawarabi Mincho","Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs26{font-size:26px;}
.fs27{font-size:27px;}
.fs28{font-size:28px;line-height: 1;}


/* header */
#header{background:url(../img/common/bg_header.png) 50% 0 no-repeat #000;width:100%;}
#header .header_in{max-width:1024px;width:100%;margin:0 auto;overflow:hidden;position:relative;}
#header .header_in .seo{font-size:13px;text-align: right;padding: 5px 0 0 0;}
#header .header_in .logo{text-align:center;padding: 0 0 8px 0;}
#header .header_in .sns{position: absolute;right: 0;bottom: 20px;}
#header .header_in .sns .fb{float:left;}
#header .header_in .sns .ins{float:left;margin:0 0 0 20px;}

#header .gnav{
	background-image:
		url(../img/common/menu_bg_bar.png),
		url(../img/common/menu_bg_middle.png);
	background-repeat:
		repeat-x,
		repeat-x;
	background-position:
		0,
		0 60%;
	height: 59px;
}

#header .gnav ul{overflow:hidden;margin:0 auto;padding: 15px 0 0 0;width: 465px;}
#header .gnav ul li{float:left;margin: 0 0 0 -20px;}
#header .gnav ul li:first-child{float:left;margin: 0 0 0 12px;}
#header .gnav ul li a{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
#header .gnav ul li a:hover{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}

#header .gnav .gnav1 a{background:url(../img/common/gnav1.png) 0 0 no-repeat;display: block;width:155px;height:34px;text-indent: -9999px;}
#header .gnav .gnav1 a.active {background: url(../img/common/gnav1_sel.png) 0 0 no-repeat;}
#header .gnav .gnav2 a{background:url(../img/common/gnav2.png) 0 0 no-repeat;display: block;width:155px;height:34px;text-indent: -9999px;}
#header .gnav .gnav2 a.active {background: url(../img/common/gnav2_sel.png) 0 0 no-repeat;}
#header .gnav .gnav3 a{background:url(../img/common/gnav3.png) 0 0 no-repeat;display: block;width:155px;height:34px;text-indent: -9999px;}
#header .gnav .gnav3 a.active {background: url(../img/common/gnav3_sel.png) 0 0 no-repeat;}

#right-menu{display:none;}
.close_btn{width:11%;position:absolute;right:3%; top:1.5%;z-index:10;}


/* footer */
#footer{width:100%;background: url(../img/common/f_line.png) 0 top repeat-x #000;}
#footer .footer_in{width: 1024px;margin: 0 auto;padding: 25px 0;background: url(../img/common/f_bg.png) 0 15px no-repeat;}
#footer .footer_in .footer_in_l{float: left;}
#footer .footer_in .footer_in_r{margin: 0 0 0 100px;float: left;}
#footer .footer_in .footer_in_r nav .footer_gnav{margin:20px 0 0 0;}
#footer .footer_in .footer_in_r nav .footer_gnav ul li{float:left;margin:0 0 0 0;}
#footer .footer_in .footer_in_r nav .footer_gnav ul li:first-child{float:left;margin:0 100px 0 0;}
#footer .footer_in .footer_in_r nav .footer_gnav ul li a{color:#AF944D;font-weight: bold;}


#footer .copyright{text-align: right;margin: 40px 0 0 0;padding: 0 0 20px 0;}


/***** CONTENTS *****/
/* sec1 */
#sec1 .contents_in{width:794px;margin:0 auto;}
#sec1 .contents_in .lead{margin:80px auto 70px auto;}
#sec1 .contents_in .lead p{margin:40px auto 0 auto;}
#sec1 .contents_in .main_txt{margin:0 auto 40px auto;}
#sec1 .contents_in .visual{margin:80px auto 100px auto;}
#sec1 .contents_in .visual p span.strike{text-decoration:line-through;}
#sec1 .contents_in .visual p.limited{margin: 30px 0 0 0;color: #FFED73;font-size: 22px;}
#sec1 .contents_in .visual p.price{margin: 10px 0 20px 0;color: #FFED73;font-size: 22px;}
#sec1 .contents_in .visual p.price span{font-weight:bold;}
#sec1 .contents_in .visual p.price span img{vertical-align: -9%;}
#sec1 .contents_in .visual p.price span.big{font-size: 32px;}
#sec1 .contents_in .visual p.price span.big img{vertical-align: -4%;}

#sec1 .contents_in .shopbtn{text-align:center;margin: 30px 0 0 0;font-size:18px;position:relative;}
#sec1 .contents_in .shopbtn img{position:absolute;top:-40px;left:205px;}

#sec1 .contents_in .shopbtn p a{color: #DFB952;width: 240px;height: 56px;padding: 12px 20px 12px 5px;box-sizing: border-box;display: block;border: 2px solid #DFB952;position: relative;margin: 0 auto;text-decoration:none;}
#sec1 .contents_in .shopbtn p a:after{content: '';display: block;width: 8.25px;height: 100%;background-image: url(../img/common/arrow.png);background-repeat: no-repeat;background-size: 8.25px;background-position: center;position: absolute;top: 0;right: 20px;transition: right .1s ease .0s;}
#sec1 .contents_in .shopbtn p a:hover:after{right:15px;}



/* sec2 */
#sec2 .h2ti{width: 1024px;margin:0 0 40px 0;}

#sec2 .contents_in{width:794px;margin:0 auto;}
#sec2 .contents_in .sec2_box{overflow:hidden;margin: 0 0 40px 0;}
#B28500;margin:0 0 14px 0;}

#sec2 .contents_in .sec2_txt{margin:60px 0;}
#sec2 .contents_in .sec2_cap{text-align:center;margin: 40px 0 10px 0;font-size:18px;}
#sec2 .contents_in .sec2_cap p{font-weight:bold;}

#sec2 .contents_in .youtube {position: relative;width: 100%;padding-top: 56.25%;margin: 0 0 100px 0;}
#sec2 .contents_in .youtube iframe {position: absolute;top: 0;
right: 0;width: 100% !important;height: 100% !important;}


/* sec3 */
#sec3 .h2ti{width: 1024px;margin:0 0 40px 0;}

#sec3 .contents_in{width:794px;margin:0 auto 100px auto;}
#sec3 .contents_in .sec3_txt{margin:0 auto 40px auto;}


/* sec4 */
#sec4 .h2ti{width: 1024px;margin:0 0 40px 0;}

#sec4 .contents_in{width:794px;margin:0 auto 100px auto;}
#sec4 .contents_in .sec4_txt{margin:0 auto 40px auto;}

#sec4 .contents_in .sec4_box{margin:0 auto 30px auto;overflow:hidden;}
#sec4 .contents_in .sec4_box .sec4_box_l{float:left;margin:0 19px 40px 0;}
#sec4 .contents_in .sec4_box .sec4_box_l:nth-child(3n){float:left;margin:0 0 40px 0;}
#sec4 .contents_in .sec4_box .sec4_box_l img{border:1px solid #B28500;}
#sec4 .contents_in .sec4_box .sec4_box_l p{margin:10px 0 0 0;}

#sec4 .contents_in .sec4_box .sec4_box2_l{float:left;margin:0 27px 40px 0;}
#sec4 .contents_in .sec4_box .sec4_box2_l:last-child{float:left;margin:0 0 40px 0;}
#sec4 .contents_in .sec4_box .sec4_box2_l img{border:1px solid #B28500;}
#sec4 .contents_in .sec4_box .sec4_box2_l p{margin:10px 0 0 0;}

#sec4 .contents_in .sec4_box .sec4_box3_l{float:left;margin:0 2px 0 0;}
#sec4 .contents_in .sec4_box .sec4_box3_l:last-child{float:left;margin:0 0 0 0;}
#sec4 .contents_in .sec4_box .sec4_box3_l img{border:1px solid #B28500;}
#sec4 .contents_in .sec4_box .sec4_box3_l p{margin:10px 0 0 0;}


/* sec5 */
#sec5 .h2ti{width: 1024px;margin:0 0 40px 0;}

#sec5 .contents_in{width:794px;margin:0 auto 100px auto;}
#sec5 .contents_in .sec5_txt{margin:0 auto 40px auto;}

#sec5 .contents_in .sec5_box{margin:0 auto 30px auto;overflow:hidden;}
#sec5 .contents_in .sec5_box .sec5_box_l{float:left;margin:0 19px 40px 0;}
#sec5 .contents_in .sec5_box .sec5_box_l:nth-child(3n){float:left;margin:0 0 40px 0;}
#sec5 .contents_in .sec5_box .sec5_box_l img{border:1px solid #B28500;}
#sec5 .contents_in .sec5_box .sec5_box_l p{margin:10px 0 0 0;}


/* sec6 */
#sec6 .h2ti{width: 1024px;margin:0 0 40px 0;}

#sec6 .contents_in{width:794px;margin:0 auto 100px auto;}

#sec6 .contents_in .sec6_box{position:relative;background: url(../img/top/sec6_img01.png) 0 0 no-repeat;width: 794px;height: 540px;}
#sec6 .contents_in .sec6_box p{position:absolute;width:425px;}


/* pnav */
#pnav{position: fixed;right: 30px;bottom: 200px;}


/* parts */
.pcnone{display:none;}
.spnone{display:block;}

#right-menu{display:none;}
#sidr-right{display:none;}


/***** CONTACT *****/
#contact .h2ti{width: 1024px;margin:70px 0 40px 0;}

#contact .contents_in{width:794px;margin:0 auto 100px auto;}
#contact .contents_in .con_txt{margin:0 auto 40px auto;font-size: 18px;}
#contact .contents_in .con_txt span{font-size: 14px;color: #FF7373;}

#contact .contents_in .itemarea{margin:0 auto;width:100%;}

#contact .contents_in .con_txt .discount span.strike{font-size: 16px;color: #FFF;text-decoration:line-through;}
#contact .contents_in .con_txt .discount span.special{font-size: 18px;color: #FFED73;}


.formtable {width: 600px;margin: 0 auto;padding: 30px 0 0 0;font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.formtable .must{color: #FFF;margin-left: 7px;}
.formtable .confirm{margin-top: 10px;}

.formtable dl{margin-bottom: 25px;}
.formtable dl dt{font-size: 18px;font-weight:bold;}
.formtable dl dd.item{font-size: 23px;color: #FFED73;}
.formtable dl dd ol li input{border: 1px #CCC solid;width: 585px;padding: 5px;}
.formtable dl dd ol li textarea{border: 1px #CCC solid;width: 585px;padding: 5px;}
.formtable dl dd ol li label input{width: 30px;padding: 5px;}
.formtable dl dd ol li.about{margin: 5px 0;}
.formtable dl dd ol li.about input{border: 1px #CCC solid;width: 515px;padding: 5px;margin-left:5px;}
.formtable dl dd ol li.about select{border: 1px #CCC solid;width: 335px;margin-left:1px;}
.formtable dl dd ol li.number{margin: 5px 0;}
.formtable dl dd ol li.number select{border: 1px #CCC solid;width: 80px;margin-left:1px;}
.formtable dl dd ol li.access{margin: 5px 0 5px 10px;}
.formtable dl dd ol li.access input{border: 1px #CCC solid;width: 515px;padding: 5px;margin-left:5px;}
.formtable dl dd ol li.access select{border: 1px #CCC solid;width: 245px;margin-left:1px;}
.formtable dl dd ol li.access_code{margin: 5px 0 15px 10px;}
.formtable dl dd ol li.access_code input{border: 1px #CCC solid;width: 215px;padding: 5px;margin-left:5px;}
.formtable dl dd ol li.access_code span{padding: 0 0 0 60px;}
.formtable dl dd ol li.delivery{margin: 5px 0;}
.formtable dl dd ol li.delivery input{border: 1px #CCC solid;width: 515px;padding: 5px;margin-left:5px;}
.formtable dl dd ol li.delivery select{border: 1px #CCC solid;width: 245px;margin-left:1px;}


#kakunin{color:#fff;width:310px;margin:35px auto 0 auto;padding:5px 0;font-size:28px;font-weight:bold;display:block;cursor:pointer;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
#kakunin:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
#mfp_button_send{background:#222;color:#fff;border-radius:3px;padding:7px 10px;cursor:pointer;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;font-size:86%;}
#mfp_button_send:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
#mfp_button_cancel{background:#ccc;color:#fff;border-radius:3px;padding:7px 10px;cursor:pointer;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;font-size:86%;}
#mfp_button_cancel:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
#mfp_overlay_inner h4{padding:0 0 10px 0!important;text-align:center;color:#000;}



/*　SmartPhone　*/
@media only screen and (max-width:768px){
	body{width:100%;min-width:1px;}
	img{max-width:100%;}

	.pcnone{display:block;}
	.spnone{display:none;}

	/* COMMON */
	.bg{background:url(../img/common/bg_side_sp.png) 0 0 repeat-y #000;background-size: contain;max-width: 768px;}
	.bg .contents{width:100%;overflow: hidden;}


	/* header */
	#header{width:100%;padding: 0;}
	#header .header_in{padding: 0;background: url(../img/common/bg_header_sp.png) 50% 0 no-repeat #000;}
	#header .header_in .seo{text-align: center;padding: 1% 0 0 0;}
	#header .header_in .logo{text-align: center;padding: 3% 0;}
	#header .header_in .sns{bottom: 5%;right: 3%;}
	#header .header_in .sns .ins{float:left;margin:0 0 0 10px;}

	#right-menu{position: absolute;right: 3%;top: 0;display: block;width: 100%;max-width: 80px;height: auto;}
	#right-menu img{width:80%;}
	
	#header .gnav {background-image: url(../img/common/menu_bg_bar_sp.png),none;background-repeat: repeat-x;background-position: 0;height: 19px;}
	#header .gnav ul{display:none;}


	/* footer */
	#footer{width:100%;background: url(../img/common/f_bg_sp.png) 50% 100% no-repeat #000;}
	#footer .footer_in{width: 100%;margin: 0 auto;padding: 0;}
	#footer .footer_in .footer_in_l{float: none;text-align:center;margin: 5% 0 0 0;}
	#footer .footer_in .footer_in_r{margin: 0 auto;float: none;}
	#footer .footer_in .footer_in_r nav .footer_gnav{margin:0;}
	#footer .footer_in .footer_in_r nav .footer_gnav ul li{background: url(../img/common/f_line_sp.png) 0 top repeat-x #000;background-size: 100% 100%;float:none;margin:0 auto;text-align: center;}
	#footer .footer_in .footer_in_r nav .footer_gnav ul li:first-child{background-size: 100% 100%;float:none;margin:0 auto;text-align: center;}
	#footer .footer_in .footer_in_r nav .footer_gnav ul li a{color:#000;font-weight: bold;line-height: 3;font-size: 18px;}


	#footer .copyright{text-align: center;margin: 5% 0 0 0;padding: 0 0 5% 0;}
	
	/* sec1 */
	#sec1 .contents_in{width: 85%;}
	#sec1 .contents_in .lead{margin: 12% auto 10% auto;}
	#sec1 .contents_in .lead p{margin: 7% auto 0 auto;}
	#sec1 .contents_in .visual{width:80%;margin:10% auto 20% auto;}
	
	#sec1 .contents_in .shopbtn{font-size: 5vw;margin: 10% 0 0 0;}
	#sec1 .contents_in .shopbtn img{top: -60%;left: -10%;width:40%;}
	#sec1 .contents_in .shopbtn p a{padding: 5% 5% 5% 0%;width: 100%;height: auto;}


	/* sec2 */
	#sec2{width: 85%;margin: 0 auto;}
	#sec2 .h2ti{width: 100%;margin: 0 0 7% 0;}
	#sec2 .contents_in{width: 85%;}
	#sec2 .contents_in .sec2_box{margin:0 auto 7% auto;}
	#sec2 .contents_in .sec2_txt{margin:0 auto 7% auto;}
	#sec2 .contents_in .sec2_cap{font-size:3.5vw;}
	#sec2 .contents_in .youtube{position: relative;width: 100%;padding-top: 56.25%;margin: 0 auto 20% auto;}

	/* sec3 */
	#sec3 {width: 85%;margin: 0 auto;}
	#sec3 .h2ti{width: 100%;margin: 0 0 7% 0;}
	#sec3 .contents_in{width: 85%;margin: 0 auto 20% auto;}
	#sec3 .contents_in .sec3_txt{margin:0 auto 7% auto;}

	/* sec4 */
	#sec4 {width: 85%;margin: 0 auto;}
	#sec4 .h2ti{width: 100%;margin: 0 0 7% 0;}
	#sec4 .contents_in{width: 85%;margin: 0 auto 13% auto;}
	#sec4 .contents_in .sec4_box{margin: 0 auto 5% auto;}
	#sec4 .contents_in .sec4_box .sec4_box_l{width: 49%;margin: 0 2% 7% 0;}
	#sec4 .contents_in .sec4_box .sec4_box_l:nth-child(3n){width: 49%;margin: 0 2% 7% 0;}
	#sec4 .contents_in .sec4_box .sec4_box_l:nth-child(2n){width: 49%;margin: 0 0 7% 0;}
	#sec4 .contents_in .sec4_box .sec4_box_l img{width: 98%;}
	
	#sec4 .contents_in .sec4_box .sec4_box2_l{float: none;margin: 0 auto 7% auto;text-align: center;}
	#sec4 .contents_in .sec4_box .sec4_box2_l:last-child{float: none;margin: 0 auto 7% auto;text-align: center;}
	#sec4 .contents_in .sec4_box .sec4_box2_l img{width:99%;}

	#sec4 .contents_in .sec4_txt{margin: 0 0 7% 0;}
	#sec4 .contents_in .sec4_box .sec4_box3_l{float:none;margin: 0 auto;text-align: center;}
	#sec4 .contents_in .sec4_box .sec4_box3_l:last-child{float:none;margin: 0 auto;text-align: center;}
	#sec4 .contents_in .sec4_box .sec4_box3_l img{width:99%;}
	#sec4 .contents_in .sec4_box .sec4_box3_l p{margin: 5px 0 7% 0;}

	
	/* sec5 */
	#sec5 {width: 85%;margin: 0 auto;}
	#sec5 .h2ti{width: 100%;margin: 0 0 7% 0;}
	#sec5 .contents_in{width: 85%;margin: 0 auto 20% auto;}
	#sec5 .contents_in .sec5_txt{margin: 0 auto 7% auto;}
	#sec5 .contents_in .sec5_box{margin: 0 auto 3% auto;}
	#sec5 .contents_in .sec5_box .sec5_box_l{width: 49%;margin: 0 2% 7% 0;}
	#sec5 .contents_in .sec5_box .sec5_box_l:nth-child(3n){width: 49%;margin: 0 2% 7% 0;}
	#sec5 .contents_in .sec5_box .sec5_box_l:nth-child(2n){width: 49%;margin: 0 0 7% 0;}
	#sec5 .contents_in .sec5_box .sec5_box_l img{width: 98%;}

	
	/* sec6 */
	#sec6 {width: 85%;margin: 0 auto;}
	#sec6 .h2ti{width: 100%;margin: 0 0 7% 0;}
	#sec6 .contents_in{width: 85%;margin: 0 auto 3% auto;}

	#sec6 .contents_in .sec6_box{width: 100%;height:auto;background: none;}
	#sec6 .contents_in .sec6_box p{position: static;width: 100%;margin: 0 0 5% 0;}

	/* pnav */
	#pnav{position: static;width: 92px;margin: 5% auto;}
	
	
	/***** Contact *****/
	#contact {width: 85%;margin: 10% auto 0 auto;}
	#contact .h2ti{width: 100%;margin: 0 0 7% 0;}
	#contact .contents_in{width: 85%;margin: 0 auto 20% auto;}
	
	#contact .contents_in .itemarea{width:70%;}

	.formtable{width:100%;}
	.formtable .must{color: #fff;margin-left: 7px;}
	.formtable .attention{float:right;color: #000;}
	.formtable .confirm{margin-top: 10px;}

	.formtable dl{margin-bottom: 5%;}
	.formtable dl dd.item{font-size: 5.5vw;}
	.formtable dl dd ol li input{border: 1px #CCC solid;width: 96%;padding: 5px;font-size:150%;}
	.formtable dl dd ol li textarea{border: 1px #CCC solid;width: 96%;padding: 5px;font-size:150%;}
	.formtable dl dd ol li label input{width: 30px;padding: 5px;}
	.formtable dl dd ol li.about{margin: 5px 0;}
	.formtable dl dd ol li.about input{border: 1px #CCC solid;width: 90%;padding: 5px;margin-left:5px;}
	.formtable dl dd ol li.about select{border: 1px #CCC solid;margin-bottom:0.7%;width: 97%;}
	.formtable dl dd ol li.number{margin: 5px 0;}
	.formtable dl dd ol li.number select{border: 1px #CCC solid;margin-bottom:0.7%;width: 97%;}
	.formtable dl dd ol li.access{margin: 5px 0;}
	.formtable dl dd ol li.access input{border: 1px #CCC solid;width: 90%;padding: 5px;margin-left:5px;}
	.formtable dl dd ol li.access select{border: 1px #CCC solid;margin-bottom:0.7%;width: 97%;}
	.formtable dl dd ol li.access_code span{padding: 0;}
	.formtable dl dd ol li.delivery{margin: 5px 0;}
	.formtable dl dd ol li.delivery input{border: 1px #CCC solid;width: 90%;padding: 5px;margin-left:5px;}
	.formtable dl dd ol li.delivery select{border: 1px #CCC solid;margin-bottom:0.7%;width: 97%;}

	#kakunin{width:80%;font-size:5vw;}


}

@media only screen and (max-width:440px){
	/***** Font *****/
	.fs23{font-size:5vw;}
	.fs28{font-size:7vw;}

	/* header */
	#header .header_in .seo{display:none;}
	#right-menu{right:-3%;}
	#right-menu img{width:60%;}
	
	/* sec1 */
	#sec1 .contents_in .main_txt{width:70%;}
	#sec1 .contents_in .visual p.price{font-size: 140%;}

	/***** Contact *****/
	.formtable dl dd ol li.about{margin: 5px 0;}
	.formtable dl dd ol li.access{margin: 5px 0;}
}