20171213_2b1f_10.png20171213_2b1f_10.png20171213_2b1f_10.png20171213_2b1f_10.png20171213_2b1f_10.png20171213_2b1f_10.png20171213_2b1f_10.png20171213_2b1f_10.png/* rest.css*/
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-decoration: none;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{margin:0 auto;padding:0}/* rest.css*/

/*----------------------------------------------------------------------------------------------
    Basic Style 
----------------------------------------------------------------------------------------------*/ 
html{ font-size:62.5%;}
body{width:100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.8rem;line-height:1.7; background: rgb(255, 245, 206);}
#body__wrap{width:973px; margin: 0 auto; background:#FFF; border: 7px solid #f8ce48; }
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.br_sp{display:none;}

/*----------------------------------------------------------------------------------------------
    Styles for .countdown
----------------------------------------------------------------------------------------------*/ 
#countdown__background{width:100%; padding:0; margin:-7px 0;background:url(../img/base/base_countdown_01.jpg) repeat-x center;}
.countdown__txt{width:900px;margin:0 auto;font-size:3rem;font-weight:bold;color:#f3ff6b;text-align:center;padding-top:17px}
.countdown__txt p{ color:#FFF; display:inline; font-size:2rem;}
.countdown__wrap {width:100%;height:83px;margin:0 auto;padding:0;}
.countdown__wrap_padding{padding: 0;}

/*----------------------------------------------------------------------------------------------
.letter.sub-head
----------------------------------------------------------------------------------------------*/ 
.sub-head { width:95%; margin:0 auto; padding:65px 0 25px;}
.sub-head h1{ font-size: 130%; text-align: center; font-weight: bold;}
.letter{width:85%;margin:0 auto; padding:10px 0 0;}
.letter__box{width: 100%; margin: 15px auto 0; border: 5px solid #B9B9B9;}
.letter__box_txt{ width:87%; margin: 30px auto;}
.letter__box_txt p{ margin: 0 auto 30px;}
.letter__check{background:url(../img/base/base_cheack_04.png)no-repeat; padding: 0 0 0 30px; margin: 0!important;}

/*----------------------------------------------------------------------------------------------
.side_photo
----------------------------------------------------------------------------------------------*/ 
.side_photo{float: right; padding: 15px 0 40px 12px;}
.side_photo_left{float: left; padding: 0 12px 30px 0;}

/*----------------------------------------------------------------------------------------------
    Styles for .font_style
----------------------------------------------------------------------------------------------*/ 
.u {text-decoration:underline;}
.b {font-weight:bold;}
.rub {font-weight: bold;border-bottom: 2px solid #EB0003;}
.thr{ text-decoration: line-through;}
.r { color:#F00;}
.p20{font-size:120%;}
.p30{font-size:130%;}
.p50{font-size:150%;}
.p-50{font-size:50%;}
.p-70{font-size:70%;}

/*----------------------------------------------------------------------------------------------
    Styles for #header
----------------------------------------------------------------------------------------------*/ 
header{width:100%;margin:0 auto; padding:0 0 0;background: rgb(255, 245, 206);}
#header__img{width:100%;margin:0 auto; background:url(../img/20171213_2b1f_01.png) center bottom repeat-x;}
#header__img_box{width:1066px; height: 582px; margin: 0 auto; background:url(../img/20171213_2b1f_02.png) center top no-repeat;}


/*----------------------------------------------------------------------------------------------
menu
----------------------------------------------------------------------------------------------*/ 
.menu__box{width:100%; margin: 0 auto;}
.menu__box_color{background:#efefef;}
.menu__box {width: 90%; margin: 0 auto; padding: 30px 0 20px; border-collapse:separate;border-spacing:15px 0;}
.menu__box ul{display: table;list-style-type: none; }
.menu__box li { width: 270px; display: table-cell;}
.menu__box h2{ font-size: 150%; font-weight: bold; text-align: center; padding: 0 0 15px; color: #FF4F00;}
.menu__box_wrap{border-right:2px solid #A2A2A2;margin: 0 0 30px; padding: 0 20px 0 0; box-sizing: border-box;line-height: 1.3;}
.menu__box_wrap_none{border-right:none;}
.menu__box_wrap h3{ font-size: 100%;  font-weight: bold; padding: 7px 0; text-align: center; }

/*----------------------------------------------------------------------------------------------
.respons
----------------------------------------------------------------------------------------------*/
.respons__box {width:90%;border: 1px solid #0088c9;border-radius: 5px;margin: 15px auto 0px;padding: 10px 0;background:#4A89DC;display: block;text-align: center;}
.respons__box p{color: #fff;text-decoration: none;font-size: 2rem; font-weight: bold;}	
.respons__box a{ text-decoration: none;}	
.respons__box:hover {border: 1px solid #1b5db4;background:#1b5db4;box-shadow:0 .1em .5em rgba(17,17,17,0.45);}

/*----------------------------------------------------------------------------------------------
.respons02
----------------------------------------------------------------------------------------------*/
.respons__box02 {width:50%;border: 1px solid #0088c9;border-radius: 5px;margin: 15px auto 0px;padding:20px 0;background:#4A89DC;display: block;text-align: center; font-size: 150%; font-weight: bold ; color: #FFF;}
.respons__box02:hover {border: 1px solid #1b5db4;background:#1b5db4;box-shadow:0 .1em .5em rgba(17,17,17,0.45);}

/*----------------------------------------------------------------------------------------------
#reason
----------------------------------------------------------------------------------------------*/ 
#reason {width:960px;margin:0 auto;background-image:url(../img/04sale_reason02.jpg);background-repeat:repeat-y;}
#reason_02 {width:960px;margin:0 auto;background-image:url(../img/17sale_contents_14.png);}
#reason_tex {width:800px;margin:0 auto;}
#reason_tex img{margin: 0 auto;}
.reason__box{width:100%; margin: 80px auto 0;}	 

.reason__box_a input{display:none;}
.reason__box_a img:hover { opacity: 0.7;}


/*----------------------------------------------------------------------------------------------
ラインナップ
----------------------------------------------------------------------------------------------*/ 
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lineup__box { width: 880px; margin: 15px auto 0;border:1px solid #8C8C8C;padding:20px;}
.lineup__box dt{display:block;width:100%;text-align:center;cursor:pointer;margin: 0 auto 10px;}
.lineup__box dt:hover{ opacity: 0.5;}
.lineup__box dd{width:100%;display:none;margin: 0;}
.lineup__box_txt{ width:95%; margin: 0 auto;}
.lineup__box_txt h2{width:100%; margin: 0 auto; border:2px solid #FC0; background-color:#FFC; text-align: center; font-weight: bold; font-size: 120%; margin: 0 0 10px; padding: 10px 0;color:#3d1600;}
.ineup__box_txt_price {width:100%;margin:30px auto;background-color:#fffeea;text-align:center;padding:30px;border:3px solid #F60;line-height:1;}
.ineup__box_txt_price h1{font-size:32px;font-weight:bold;}
.ineup__box_txt_price h4{font-size: 45px;font-weight: bold;line-height:1.3;}
.ineup__box_txt_price_btm{-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;background: #0088c9;width: 70%;margin: 1em auto;border: 3px solid #0088c9;border-radius: 50px;color: #fff;font-weight: bold;font-size: 35px;font-family: inherit;padding: 0.5em 0;transition: all 0.2s ease;cursor: pointer;-webkit-box-shadow: 0px 6px 0px #005e8b;box-shadow: 0px 6px 0px #005e8b;}
.ineup__box_txt_price_btm a{ color: #FFF; text-decoration: none;}
.ineup__box_txt_price_btm:hover {background: #333;border: 3px solid #333;-webkit-box-shadow: 0px 6px 0px #000;box-shadow: 0px 6px 0px #000;}


/*----------------------------------------------------------------------------------------------
    Styles for .letter__area
----------------------------------------------------------------------------------------------*/ 
.letter__photo{ width:35%; float:left;margin: 0 auto 10px;}
.letter__txterea{ width:566px; float:left;}


/*----------------------------------------------------------------------------------------------
.list__link
----------------------------------------------------------------------------------------------*/ 
.list__link{width: 80%; margin: 0 auto; border: 4px solid #ff7e00;}
.list__link ul{width:90%; margin: 30px auto;}
.list__link li:hover{opacity: 0.5;}

/*----------------------------------------------------------------------------------------------
    Styles for footer
----------------------------------------------------------------------------------------------*/ 
footer {width:100%; height:auto;margin:0 auto 0; padding: 0 0 80px; background-color:#ecf0ee;}
#footer__inner {width: 900px;margin:0 auto;padding: 30px 0 10px; font-size:1.1rem;}
#footer__inner_logo {width: 248px; float:left; padding:10px 0 0 20px;}
#footer__inner_right {width:600px; float:right;}
#footer__inner li {float: left;margin-right: 15px;list-style-type: none;padding-right: 10px;}
#footer__inner p {text-align: left;clear: both;padding-top: 5px; color:#4A4A4A;}



/*----------------------------------------------------------------------------------------------
    Styles for scfooter_inner
----------------------------------------------------------------------------------------------*/ 
#scfooter { z-index:1000; display:block; position: fixed;bottom: 0px;left: 0px;width: 100%;line-height: 40px;padding: 10px 0 0x;height: 80px;background: rgba(255,255,255,0.7);}
.scfooter_inner {width: 400px;border: 1px solid #0088c9;border-radius: 5px;margin: 10px auto 10px;padding: 10px 0;background:#4A89DC;display: block;text-align: center;}
.scfooter_inner p{color: #fff;text-decoration: none;font-size: 1.8rem; font-weight: bold;}	
.scfooter_inner a{ text-decoration: none;}	

/*----------------------------------------------------------------------------------------------
    Styles for#close__img
----------------------------------------------------------------------------------------------*/ 
.close__img{ width:100%; position: relative;}
.close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;}
.close__img_text h1 { width:90%; margin:90px auto 0; font-size:5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;}

/*----------------------------------------------------------------------------------------------
.donation
----------------------------------------------------------------------------------------------*/ 
.donation{ width: 100%; background: #fff6cf; margin: 30px auto 0; padding: 0 0 40px;}
.donation p{ width: 100%; margin: -30px auto 0; color: #4D2600; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}



/*----------------------------------------------------------------------------------------------
カート
----------------------------------------------------------------------------------------------*/
#form02{margin: 1em auto 4em;}
#form__menu_box_pc{ display: block;}
#form__menu_box_sp{ display: none;}
.form__menu_box input { display: none;}
.form__menu_box_wrap{width: 100%;box-sizing: border-box;border: 3px solid #007aff; border-radius: 10px;margin: 0 0 12px 0;box-shadow: inset 0 5px 0 rgba(255,255,255,0.8), 0 4px 5px rgba(0, 0, 0, 0.2); background:#FFF url(../img/20171211.png) no-repeat 98% 50%;}
.form__menu_box_wrap:hover{ opacity: 0.7;}

.form__menu_box_wrap input[type="checkbox"]:checked {border: 3px solid #ffbb11;}
.form__menu_box { width: 90%; margin: 0.5em auto 0; overflow: hidden;}
.form__menu_box p {width: 95%; height: 110px; padding: 14px 0 0 150px;letter-spacing: 0; line-height: 1.3;color: #007aff; }
.form__menu_box label { width: 100%; height: 50px; cursor: pointer; margin: 0;}
.form__menu_box label:last-of-type { border-right: 0px; }
.form__menu_box_p130{ font-size:120%; font-weight: bold;}
.form__menu_box_p70{font-size:70%;}
.form__menu_box_r{color: #E80003;}
.form__menu_box_b{color:#000;}
.form__menu_box input[type="checkbox"]:checked + label {width: 100%; height: 110px; display: block; background: #ffbb11;}
.form__menu_box_h2{border:2px solid #007aff; padding: 2px 5px; font-size: 70%;}
.form__menu_box_br{height:6px;display: block;}
.form__menu_box_d{ text-decoration: line-through;}
#form02 h2 { width: 30%; margin: 0 auto; font-size: 3rem;text-align: center;font-weight: bold;color: #ff6505; border: 2px solid #ff6519}
 #form02 h2 .material-icons {font-size: 4rem;}

.form__btn {width: 330px;border: 1px solid #0088c9;border-radius: 5px;margin: 15px auto 0px;padding: 15px 0;background:#4A89DC;display: block;text-align: center;}
.form__btn p{color: #fff;text-decoration: none;font-size: 2rem; font-weight: bold;}	
.form__btn a{ text-decoration: none;}	
.form__btn:hover {border: 1px solid #1b5db4;background:#1b5db4;box-shadow:0 .1em .5em rgba(17,17,17,0.45);}





/*----------------------------------------------------------------------------------------------
商品
----------------------------------------------------------------------------------------------*/
#shohin__tai {width: 100%;background: url(../img/img14_bg.png) repeat-x bottom;    margin: 0 0 2em;}
.koushi_tai{ width: 960px;margin: 2em auto .5em;padding: .5em 0 .2em;font-weight: bold;font-size: 115%;}

#form_box{width:95%; margin: 0 auto; border: 4px solid #ff6519; background: #fffae6;}
.box2 {width: 90%;margin: 0.5em auto;color: #2c2c2f;font-size: 110%;font-weight: bold; }
.box2 p {margin: 0;padding: 0;} 
.box2 .b{font-size: 170%; color: #ff6505; font-weight: bold;}

#menu01,#menu02,#menu03,#menu04,#menu05,#menu06,#menu07 {width: 960px;margin: 0 auto 20px;padding-bottom: 10px;}
.hide {width: 960px;margin: 0 auto;background-color: #fff;border: 1px solid #c8c7c7;box-shadow: 0px 0px 15px 0 rgba(100, 100, 100, 0.43);display: none;}
.hide p{width: 90%;margin: 1em auto;}
.close,.close02,.close03,.close04,.close05,.close06,.close07,.close08 { text-align: right;font-weight: bold;width: 90%; margin: 1em auto;}

.btn_hattori{border: 5px solid #ff510d;border-radius: 15px;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);}
.btn_kikuchi{border: 5px solid #245c16;border-radius: 15px;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);}
.btn_yazaki{border: 5px solid #ffd510;border-radius: 15px;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);}
.btn_hanashima{border: 5px solid #c40a0a;border-radius: 15px;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);}
.btn_taniguchi{border: 5px solid #eaa3a9;border-radius: 15px;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);}

.blett{width: 90%;margin: 0 auto;padding: 1em 0;}
.blett__tai {font-weight: bold;font-size: 110%;line-height: 1.3;color: #eb3700;list-style: none;background: url(../img/base/check.png) no-repeat 0% 50%;list-style: none;margin: 0 auto; padding: 0 0 .5em 1.5em;
border-bottom: 2px dashed;width: 55%;float: right;background-size: 6%;}
.blett__text{margin: 1em auto .5em;color: #000;width: 55%;float: right;line-height: 1.3;font-size: 90%;}
.blett img{width: 40%;float: left;}
.bullet__color {margin: 0 auto;background-color: rgb(239, 239, 239);}

.box3 {margin: 2em auto 1em;padding: 50px 0;border-radius: 15px;width: 90%;text-align: left;line-height: 1.5;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);border: 4px double #ff6505;background-color: rgba(255, 255, 255, 0.76);box-sizing: border-box;}
.box3__inner{width:90%;margin:0 auto;}
.box3 p {margin: 0 auto 1em;text-align: left;}
.box3__tai{width: 100%;margin: 0 0 2em; display: table;padding: 0 0 1em;width: 100%;border-bottom: 2px dashed #d00;font-size: 2.5rem}
.box3__img{display: table-cell;}
.box3__text {font-weight: bold;font-size: 110%;color: #d00;display: table-cell;vertical-align: middle;padding: 0 0 0 1em;}
.box3__inner p img{float: right;margin: 0 0 0 1em;}
.box3__color {margin: 0 auto .5em;background-color: rgb(255, 251, 233);padding: 0 0 .5em}

.box4 {margin: 2em auto 1em;padding: 50px 0;border-radius: 15px;width: 90%;text-align: left;line-height: 1.5;/* box-shadow */
box-shadow:0px 0px 0px 4px #a48413 inset,0px 0px 1px 1px #a48413;
-moz-box-shadow:0px 0px 0px 4px #a48413 inset,0px 0px 1px 1px #a48413;
-webkit-box-shadow:0px 0px 0px 4px #a48413 inset,0px 0px 1px 1px #a48413;border:5px solid #ffffff;box-sizing: border-box;}
.box4__inner{width:90%;margin:0 auto;}
.box4 p {margin: 0 auto 1em;text-align: left;}
.box4__tai{width: 100%;display: table;width: 100%;font-size: 2.5rem}
.box4__img{display: table-cell;}
.box4__text {font-weight: bold;font-size: 110%;color: #d00;display: table-cell;vertical-align: middle;padding: 0 0 0 1em;}
.box4__inner p img{float: right;margin: 0 0 0 1em;}
.box4__text h2{color: #000;text-align: right;font-size: 80%;margin: 1.5em 0 0;font-weight: normal;}

.box5 {margin: 2em auto 1em;padding: 50px 0;border-radius: 15px;width: 90%;text-align: left;line-height: 1.5;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.25);border: 4px double #4db8f2;background-color: rgba(255, 255, 255, 0.76);}
.box5__inner{width:100%;margin:0 auto;}
.box5 p {margin: 0 auto 1em;text-align: left;}

.box5__inner {width: 90%;margin: -1em auto;box-sizing: border-box;}
.list ul{padding: 0;margin: 0;}
.list li{padding: 1.5em 0 1.5em 70px;font-size: 2.6rem;font-weight: bold;list-style-type: none;background: url(../img/base/check.png) no-repeat 0 30px;line-height: 1.3;color: #393939;border-bottom: 2px dotted #ccc;}

.tokten__color {padding: .5em 0;background: url(../img/tokuten_bg.jpg) repeat-y top center;}
.special-flow{width: 100%;margin: 0 auto;background-color: #fff;padding: 1em 0;background: linear-gradient(to bottom, #f4f4f4 0%, white 100%);box-shadow: 0 5px 5px 0 rgba(100, 100, 100, 0.43);border: 1px solid #c5c5c5;}
.special-flow h1,.special-flow__step{width:735px;margin:0 auto}
.special-flow h1{font-size:3.8rem;color:#de0000;text-align:center;font-weight:700}
.special-flow__step li{width:166px;float:left;font-size:13px;font-size:1.3rem;line-height:1.5;margin-left:13px}
.special-flow__step_text{width:720px;margin:0 auto;padding-top:10px;clear:both;font-size:13px;font-size:1.3rem;}
.special-flow__step_text hr{background-color:none;border:1px dashed #CCC;margin-bottom:15px}




/*----------------------------------------------------------------------------------------------
カウントダウン
----------------------------------------------------------------------------------------------*/
.countdown2 {width: 862px;height: auto;margin:0 auto;background-image:url(../img/12sale_cd02.png);background-repeat:repeat-y;font-weight:bold;color: #f3ff6b;text-align:center;line-height:1.3;}
.count2 {height:auto;margin:0 auto;display: inline; font-size: 2.8rem;}

















/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
   【 max-width: 640px 】
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
@media screen and (max-width: 640px) {
/*----------------------------------------------------------------------------------------------
    Basic Style 
----------------------------------------------------------------------------------------------*/ 
html{ font-size:62.5%;}
body{width:100%;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.4rem;line-height:1.7; background:url(../img/base/base_background.jpg);}
#body__wrap{width:100%;background:#FFF; border:none;}
	
/*----------------------------------------------------------------------------------------------
.side_photo
----------------------------------------------------------------------------------------------*/ 
.side_photo{float:right;padding:10px 0 10px 12px;}
.side_photo_left{float: none; padding: 0;}

/*----------------------------------------------------------------------------------------------
    Styles for .countdown
----------------------------------------------------------------------------------------------*/
#countdown__background{width:100%;height:auto; margin:-1px auto 0;  background:#CF0002; }
.countdown__txt{width:90%;margin:0 auto;font-size:1.8rem;font-weight:bold;color:#f3ff6b;text-align:center;padding:7px 0;}
.countdown__txt p{ color:#FFF; display:inline; font-size:1.4rem; line-height: 1.1;}
.countdown__wrap {width:100%;height:auto;margin:0 auto;padding:0;}
.countdown__wrap_padding{padding: 0;}

/*----------------------------------------------------------------------------------------------
.font_style
----------------------------------------------------------------------------------------------*/ 
.p50{font-size:100%;letter-spacing: -1px;line-height: 1.4;}
.br_sp:before { content="\A" white-space: pre; line-height:1.4;}
.br_sp {white-space: nowrap;line-height: 1.4;display: block;}
.rub {font-weight: bold;background: none; border-bottom: 2px solid #EB0003;}
	
/*----------------------------------------------------------------------------------------------
.sub-head.letter
----------------------------------------------------------------------------------------------*/ 	
.sub-head { width:95%; margin:0 auto; padding:40px 0 10px;}
.letter{width:90%;margin:0 auto; padding:0;}
.letter p img{width: 40%;}
.list_check{width:10%; background:url(../img/base/base_cheack_04.png) no-repeat; background-size: 100%; }
.letter__box{width: 97%; margin: 15px auto 0; border: 5px solid #B9B9B9;}
.letter__box_txt{ width:87%; margin: 30px auto;}
.letter__box_txt p{ margin: 0 auto 30px;}
	.sub-head img{width:90%;}
/*----------------------------------------------------------------------------------------------
    Styles for #header
----------------------------------------------------------------------------------------------*/ 
header{width:100%;margin:0 auto; padding:0 0 0;background: rgb(255, 245, 206);}
#header__img{width:100%;margin:0 auto; background:url(../img/20171213_2b1f_01.png) center bottom repeat-x;}
#header__img_box{width:100%; height: 210px; margin: 0 auto; background:url(../img/20171213_2b1f_02.png) center top no-repeat; background-size: 100%;}

/*----------------------------------------------------------------------------------------------
    Styles for #section__area01
----------------------------------------------------------------------------------------------*/ 
.section__area00 img{ width:90%; margin:0 auto;}
	
/*----------------------------------------------------------------------------------------------
.list__link
----------------------------------------------------------------------------------------------*/ 
.list__link{width: 97%; margin: 0 auto; border: 4px solid #ff7e00;}
.list__link ul{width:95%; margin: 30px auto; font-size: 80%;}
.list__link li:hover{opacity: 0.5;}
/*----------------------------------------------------------------------------------------------
.respons
----------------------------------------------------------------------------------------------*/
.respons{width:90%;margin: 0 auto 0; border: 2px solid #0088c9;padding:15px 12px; box-sizing: border-box;}
.respons img{width:100%;}
.respons__box {width: 85%;border: 1px solid #0088c9;border-radius: 5px;margin: 8px auto 0px;padding: 15px 0;background:#4A89DC;display: block;text-align: center;}
.respons__box p{color: #fff;text-decoration: none;font-size: 2rem; font-weight: bold;}	
.respons__box a{ text-decoration: none;}	
.respons__box:hover {border: 1px solid #1b5db4;background:#1b5db4;box-shadow:0 .1em .5em rgba(17,17,17,0.45);}

	/*----------------------------------------------------------------------------------------------
#reason
----------------------------------------------------------------------------------------------*/ 
#reason {width:100%;margin:0 auto;background-image:url(../img/04sale_reason02.jpg); background-size: 100%; background-repeat:repeat-y;}
#reason_02 {width:100%;margin:0 auto;background-image:url(../img/17sale_contents_14.png); background-size: 100%;}
#reason_tex {width:85%;margin:0 auto;}
#reason_tex img{margin: 0;}
.reason__box{width:100%; margin: 25px auto 0;}	 
	#reason img{ width:100%;}
.reason__box_a input{display:none;}
.reason__box_a_link { width: 90%; height: 60px; margin: 25px auto 0; background:url(../img/20171207_btm.png) no-repeat bottom; background-size: 100%;}
.reason__box_a_link { width: 90%; height: 60px; margin: 10px auto 0; background:url(../img/20171207_btm.png) no-repeat bottom; background-size: 100%;}
.reason__box_a_link:hover { opacity: 0.7;}
	
	/*----------------------------------------------------------------------------------------------
menu
----------------------------------------------------------------------------------------------*/ 
.menu__box{width:100%; margin: 0 auto;}
.menu__box_color{background:#efefef;}
.menu__box {width: 90%; margin: 0 auto; padding: 30px 0 20px; border-collapse:separate;border-spacing:15px 0;}
.menu__box ul{display: block;list-style-type: none; }
.menu__box li { width: 100%; display: block;}
.menu__box h2{ font-size: 150%; line-height: 1.2; font-weight: bold; text-align: center; padding: 0 0 15px; color: #FF4F00;}
.menu__box_wrap{border-right:none;margin: 0 0 20px; padding: 0 0 0 0; box-sizing: border-box;line-height: 1.3; clear: both; border-bottom: 1px  solid #929292;}
	.menu__box_wrap img{width:45%; margin: 0;padding: 0 0 15px; float: left;}
.menu__box_wrap_none{border-right:none;}
.menu__box_wrap h3{ width: 50%; font-size: 90%;  font-weight: bold; padding: 20px 0 0px; text-align: center;  float: right;}
	.menu__box_wrap .respons__box{width:50%; float: right;}
	
	
/*----------------------------------------------------------------------------------------------
    Styles for .merit
----------------------------------------------------------------------------------------------*/ 
#merit{ width:100%; margin:0 auto;}
#merit img{ width:100%; margin:0 auto;}
#merit hr{ width:90%; margin:0 auto; background-color:#FFF; color:#FFF;}
#merit__wrap{ width:90%; margin:0 auto; background:url(../img/base/base_fream_03.png) repeat-y; background-size:100%; }
.merit__wrap_box { width:90%; margin:0 auto;}
.merit__wrap_box_color { width:100%; margin:0 auto; background:url(../img/base/base_fream_03.png) repeat-y #fff9e8;  background-size:100%;}
.merit__wrap_box:after {content: "";display: block;clear: both;}
.merit__wrap_box h2{font-size:1.6rem; font-weight:bold; color:#000; line-height:1.3;padding:20px 0 20px 50px ; background:url(../img/base/base_cheack_02.png) no-repeat left;}
.merit__wrap_box p{ padding:15px 0;}
.merit__box p img{width: 40%!important;}
#merit__br{padding:50px 0 0;}
	
	
	
	/*----------------------------------------------------------------------------------------------
ラインナップ
----------------------------------------------------------------------------------------------*/ 
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lineup__box { width: 95%; margin: 15px auto 0;border:1px solid #8C8C8C;padding:5px;}
	.lineup__box img{width:100%;}
.lineup__box dt{display:block;width:100%;text-align:center;cursor:pointer;margin: 0 auto 10px;}
.lineup__box dt:hover{ opacity: 0.5;}
.lineup__box dd{width:100%;display:none;margin: 0;}
.lineup__box_txt{ width:95%; margin: 0 auto;}
.lineup__box_txt h2{width:100%; margin: 0 auto; border:2px solid #FC0; background-color:#FFC; text-align: center; font-weight: bold; font-size: 120%; margin: 0 0 10px; padding: 10px 0;color:#3d1600;}
.ineup__box_txt_price {width:100%;margin:10px auto;background-color:#fffeea;text-align:center;padding:12px;border:3px solid #F60;line-height:1;}
.ineup__box_txt_price h1{font-size:17px;font-weight:bold;}
.ineup__box_txt_price h4{font-size: 20px;font-weight: bold;line-height:1.3;}
.ineup__box_txt_price_btm{-webkit-appearance: none;-moz-appearance: none;appearance: none;display: block;background: #0088c9;width:100%;margin: 5px auto 13px;border: 3px solid #0088c9;border-radius: 50px;color: #fff;font-weight: bold;font-size: 20px;font-family: inherit;padding: 0.5em 0;transition: all 0.2s ease;cursor: pointer;-webkit-box-shadow: 0px 6px 0px #005e8b;box-shadow: 0px 6px 0px #005e8b;}
.ineup__box_txt_price_btm a{ color: #FFF; text-decoration: none;}
.ineup__box_txt_price_btm:hover {background: #333;border: 3px solid #333;-webkit-box-shadow: 0px 6px 0px #000;box-shadow: 0px 6px 0px #000;}



.accordion02 { width: 100%; margin: 0 auto 60px;}
.accordion02 dt{display:block;width:90%;text-align:center;border:1px solid #8C8C8C; background: #fffdf2; cursor:pointer;padding: 1em;margin: 0 auto 10px;}
.accordion02 dt:hover{ opacity: 0.5;}
.accordion02 dd{width:100%;display:none;margin: 0;}
	
/*----------------------------------------------------------------------------------------------
.respons
----------------------------------------------------------------------------------------------*/
.respons__box {width: 85%;border: 1px solid #0088c9;border-radius: 5px;margin: 8px auto 0px;padding: 10px 0;background:#4A89DC;display: block;text-align: center;}
.respons__box p{color: #fff;text-decoration: none;font-size: 2rem; font-weight: bold;}	
.respons__box a{ text-decoration: none;}	
.respons__box:hover {border: 1px solid #1b5db4;background:#1b5db4;box-shadow:0 .1em .5em rgba(17,17,17,0.45);}
	
/*----------------------------------------------------------------------------------------------
    Styles for footer
----------------------------------------------------------------------------------------------*/ 
footer {width:100%; height:auto;margin:0 auto 0; padding: 0 0 80px; background-color:#ecf0ee;}
#footer__inner {width: 100%;margin:0 auto;padding: 30px 0 10px; font-size:1.1rem;}
#footer__inner_logo {width: 100%; float:none; margin: 0 auto; padding:10px 0 0 20px;}
	#footer__inner_logo img{width: 90%;}
#footer__inner_right {width:90%; float:none; margin: 0 auto;}
#footer__inner li {float: left;margin-right: 15px;list-style-type: none;padding-right: 10px;}
#footer__inner p {text-align: left;clear: both;padding-top: 5px; color:#4A4A4A;}


/*----------------------------------------------------------------------------------------------
.item
----------------------------------------------------------------------------------------------*/ 
.item img{ width: 100%; margin: 0 auto;}
	
/*----------------------------------------------------------------------------------------------
.donation
----------------------------------------------------------------------------------------------*/ 
.donation{ width: 100%; background: #fff6cf; margin: 30px auto 0; padding: 0 0 40px;}
.donation img{ width: 100%; margin: 0 auto;}
.donation p{ width: 100%; margin: 0 auto 0; color: #4D2600; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
	
	/*----------------------------------------------------------------------------------------------
商品
----------------------------------------------------------------------------------------------*/
#shohin__tai {width: 100%;background: url(../img/img14_bg.png) repeat-x bottom;    margin: 0 0 2em;}
.koushi_tai{ width: 960px;margin: 2em auto .5em;padding: .5em 0 .2em;font-weight: bold;font-size: 115%;}

.box2 {width: 90%;margin: 0 auto;color: #2c2c2f;font-size: 100%;font-weight: bold; box-sizing: border-box;}
.box2 p {margin: 0;padding: 0;} 
.box2 .b{font-size: 130%; color: #ff6505; font-weight: bold;}

/*----------------------------------------------------------------------------------------------
form_list
----------------------------------------------------------------------------------------------*/ 
.form_list_wrap{ width: 100%; padding: 20px 0;  background: #F8F8C0;}
.form_list{width: 90%; margin: 20px auto;}
.form_list_wrap img{width: 90%; margin: 0 auto;}
.form_list li{float:left; list-style: none;}
.form_list li:hover{ opacity: 0.7;}

	
/*----------------------------------------------------------------------------------------------
    Styles for scfooter_inner
----------------------------------------------------------------------------------------------*/ 
#scfooter { z-index:1000; display:block; position: fixed;bottom: 0px;left: 0px;width: 100%;line-height: 40px;padding: 10px 0 0x;height: 70px;background: rgba(202, 202, 202, 0.7);}
.scfooter_inner {width: 100%;border: 1px solid #979797;border-radius: 20px;margin: 0 auto 10px;padding: 10px 0;background: rgba(8,57,255,1);display: block;text-align: center;}
.scfooter_inner a {color: #fff;text-decoration: none;font-size: 1.8rem;}	
	
/*----------------------------------------------------------------------------------------------
    Styles for#close__img
----------------------------------------------------------------------------------------------*/ 
.close__img{ width:100%; position: relative;}
.close__img_text{ width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.8); z-index:999;}
.close__img_text h1 { width:90%; margin:30px auto 0; font-size:2.5rem; line-height:1.3; color:#FFF; text-align:center; font-weight:bold; text-shadow: 5px 5px 3px #333,-5px 5px 3px #333,5px -5px 3px #333,-5px -5px 3px #333;}
	
	
/*----------------------------------------------------------------------------------------------
カート
----------------------------------------------------------------------------------------------*/
#form02{margin: 1em auto 4em;}
.form__menu_box input { display: none;}
.form__menu_box_wrap{width: 100%;box-sizing: border-box;border: 3px solid #007aff; border-radius: 10px;margin: 0 0 12px 0;box-shadow: inset 0 5px 0 rgba(255,255,255,0.8), 0 4px 5px rgba(0, 0, 0, 0.2); background:#FFF url(../img/20171211sp.png) no-repeat 97% 50%;}
.form__menu_box_wrap input[type="checkbox"]:checked {border: 3px solid #ffbb11;}
.form__menu_box { width: 90%; margin: 0.5em auto 0; overflow: hidden;}
.form__menu_box p {width: 95%; height: auto; margin: 0 auto; padding: 10px 0;letter-spacing: 0; line-height: 1.3;color: #007aff; background: none!important; }
.form__menu_box label { width: 100%; height: 50px; cursor: pointer; margin: 0;}
.form__menu_box label:last-of-type { border-right: 0px; }
.form__menu_box_p130{ font-size:76%; font-weight: bold;}
.form__menu_box_p70{font-size:70%;}
.form__menu_box_r{color: #E80003;}
.form__menu_box_b{color:#000;}
.form__menu_box input[type="checkbox"]:checked + label {width: 100%; height: 98px; display: block; background: #ffbb11;}
.form__menu_box_h2{border:2px solid #007aff; padding: 2px 5px; font-size: 70%;}
.form__menu_box_br{height:6px;display: block;}
.form__menu_box_d{ text-decoration: line-through;}
#form02 h2 { width: 80%; margin: 0 auto; font-size: 2.5rem;text-align: center;font-weight: bold;color: #ff6505; border: 2px solid #ff6519}
 #form02 h2 .material-icons {font-size: 4rem;}

.form__btn {width: 70%;border: 1px solid #0088c9;border-radius: 5px;margin: 15px auto 0px;padding: 15px 0;background:#4A89DC;display: block;text-align: center;}
.form__btn p{color: #fff;text-decoration: none;font-size: 2rem; font-weight: bold;}	
.form__btn a{ text-decoration: none;}	
.form__btn:hover {border: 1px solid #1b5db4;background:#1b5db4;box-shadow:0 .1em .5em rgba(17,17,17,0.45);}
	/*----------------------------------------------------------------------------------------------
カウントダウン
----------------------------------------------------------------------------------------------*/
.countdown2 {width: 100%;height: auto;margin:0 auto;background-image:url(../img/12sale_cd02.png); background-size: 100%; background-repeat:repeat-y;font-size:45%;font-weight:bold;color: #f3ff6b;text-align:center;line-height:1.3;}
.count2 {height:auto;margin:0 auto;display: inline;}
	.count2 img { width:100%;}

	
	
}