@charset "utf-8";
/*-------------------------------------------------------------------------------------*/
/*テキスト設定*　フォントサイズ16pxで100%　1px＝6.3％　/ メインカラー設定
/*-------------------------------------------------------------------------------------*/
body { color:#333; background-color:#fffee9;} 
a { color: #666;}
a:hover { color:#069;}

/*-------------------------------------------------------------------------------------*/
/*レイアウト設定*/
/*-------------------------------------------------------------------------------------*/
/*ページ全体*/
#wrapper  { }

/*キービジュアル設定*/
body.home #keyvisual_wrap {/**/ background-image:url(/images/bg/keyvisual_wrap.jpg); }/*キービジュアル設定*/
body.home #keyvisual { height:450px;}/*キービジュアルの高さ設定*/

/*ディスクリプション設定*/
#description_wrap { background-color:rgba( 255, 255, 255, 0.8); color:#665933; font-size:12px; padding-top:3px; padding-bottom:3px;}/**/

/*ヘッダ設定*/
#header_wrap  {background-color:#2d1700;opacity:.9; /*background-color:rgba( 255, 255, 255,0.8); background: url(/images/bg/header_bg.png) background-size: contain;*/}/*ヘッダー*/
#header { padding:15px 0;}/*ヘッダー上下の余白です。*/


/*ナビゲーション設定*/
#navigation_wrap { /*background-color:rgba( 182, 164, 53, 0.8);*/background:url(/images/bg/navigation_wrap.png) repeat-x;background-size: contain; }/*ナビゲーションの背景*/
ul#menu-glnv { height:50px;}/*ナビゲーションの高さ*/
ul#menu-glnv>li a { font-size: 14px; font-weight: bold; color:#fff; text-decoration:none;}/*ナビゲーションの文字*/
#menu-glnv > li:hover > a {opacity:0.7;/* color: #FF0;*/ }/*ナビゲーションの文字にカーソルがある時の色*/
.current-menu-item a {  }/*ナビゲーションカレントの背景設定*/
/*ナビゲーション　プルダウンの設定*/
li ul.sub-menu {  width:280px;}/*プルダウンの幅*/
li ul.sub-menu li a { color: #333 !important; }/*プルダウンの文字の色*/

.plussub > div{
  display: none;}


.syouhinitiraimg img { display:none;}
.syouhinitiraimg img.shoui:first-child { display:block; width: 100%;}

/*ループコンテンツ設定*/
.home .editcontents { margin-top:60px;}


/*フッター設定*/
#footer_wrap { background-color:#261600;}

#main { } 
#side { }
#copy {}




#keyvisual_wrap {/**/background-size: cover; background:url(/images/bg/keyvisual_wrap2.jpg) repeat-x  top center; }/*第二階層キービジュアルの設定*/

#keyvisual { height:150px;}/*第二階層キービジュアルの高さ設定*/



/*スマホのメニューバーの色*/
#s-navi dt.trigger { background-color: #674417; }
/*スマホのメニューバーのアイコンと文字の色と余白*/
#s-navi dt.trigger .op { font-size: 25px; color: #FFF !important; padding: 0px 10px; }




/*-------------------------------------------------------------------------------------*/
/*タイトル設定
/*-------------------------------------------------------------------------------------*/
.design_title01 { background-color: #674417; background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#FFF; font-size:28px; text-align:center; font-weight:bold; margin-bottom:60px; position: relative; width: 100%; }
.design_title01:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-top-color: #674417; top: 100%; left: 50%; margin-left: -20px; }

.design_title02 { color:#333333; font-size:25px; background:url(/images/parts/line.gif) bottom center repeat-x; padding-bottom:10px; padding-top:10px; display:block; margin:15px auto; text-align:center; font-weight:bold; }
.design_title03 { color:#003333; font-size:23px; border-left:#003333 solid 3px; padding-left:10px; font-weight:bold; display:block; }

/*-------------------------------------------------------------------------------------*/
/*ボタン設定* 
/*-------------------------------------------------------------------------------------*/
.btn01 a { color:#FFF; text-decoration:none; background: linear-gradient(#cccc00, #cccc00);/*上,下*/
min-width:100px; text-align:center !important; border-radius: 3px; cursor:pointer; padding: 5px 15px; font-weight:normal; }
.btn01 { text-align:center !important;}
.btn01 a:hover { color: #FF6; opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }
.btn01 a:before { content: url(/images/parts/btn.png); padding-right:7px;}


.btn02 {
	background: linear-gradient(#FF79B5, #FF79B5);/*上,下*/
	/*text-shadow: 1px 1px 0px  #000; */
	font-size:14px; color:#FFF
	border-bottom:#534311 3px solid; /*border-right:#052F3A 2px solid;*/
	/*padding-left:5px; padding-right:5px;*/
display:inline-block; text-align:center; border-radius: 3px;  cursor:pointer; padding-left:15px; padding-right:15px; }
.btn02 a { color:#FFF; text-decoration:none;}
.btn02:hover {opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }
.btn02:before { content: url(/images/parts/btn.png); padding-right:7px;}
input.btn01  { font-size:20px; margin:20px auto; padding:15px; cursor:pointer;}

/*-------------------------------------------------------------------------------------*/
/*お客様の声＆よくある質問設定
/*-------------------------------------------------------------------------------------*/
dl.evaluation { margin-left:auto; margin-right:auto; width:850px;}
dl.evaluation dt { color: #990; text-align:left; font-size:21px; margin-bottom:15px; position:relative;}
dl.evaluation dt:after { content: "";  border-top: 5px solid #990; display:block; position: absolute; width: 100%; height: 15px; opacity:0.3;}
dl.evaluation dd { margin-bottom:50px;}

dl.qa {width:850px; margin:0 auto; text-align:left; }
dl.qa dt { margin-bottom:15px;  margin-left: 2.8em;  text-indent: -2.8em;  }
.qna {color:#104503; font-size: 2em;}
dl.qa dd { background-color: #FFF;  background-size: auto 100%; height: auto; text-align:center; padding:15px; color:#333333; font-size:16px; text-align:center; /*height: 115px; margin-bottom:60px;*/ position: relative; width: 100%; margin-bottom:40px;}
dl.qa dd:after { content: ' '; height: 0; position: absolute; width: 0; border: 20px solid transparent; border-bottom-color: #FFF; bottom: 100%; left: 8%; margin-left: -20px; }


/*-------------------------------------------------------------------------------------*/
/*パンくず設定
/*-------------------------------------------------------------------------------------*/
.pankuzu_sub { color:#666; font-size:12px;} .pankuzu_main { color:#FFF; font-size:20px;}



/*-------------------------------------------------------------------------------------*/
/*メニュー設定
/*-------------------------------------------------------------------------------------*/
/*メニュータイトル*/
.menu_title { color:#333333; border-bottom: #cccc00 solid 1px; font-size:18px; font-weight:bold; padding-bottom:5px; margin-bottom:10px; text-align:left;}
/*メニュー金額*/
.menu_price { color:#D98898; font-weight:bold;}
/*メニュー枠デザイン*/
.menu_1 , .menu_2 { border:#CCC solid 1px; background-color:#FFF; padding:12px; margin-bottom:20px;}
.menulist { width:980px;}
#contents .menulist { width:100%;}/*第二階層は横幅設定を削除*/

/*-------------------------------------------------------------------------------------*/
/*ボトムコンテンツ設定
/*-----------------------------------------------------------------------------------*/
#bottom_contents { background-color:#FFF; padding: 0; }

/*-------------------------------------------------------------------------------------*/
/*ブログとニュース設定　layout設定あり
/*-------------------------------------------------------------------------------------*/
.pickup { background-color: #674417; padding:10px 30px; color:#FFF; font-weight:bold; text-align:center;}/*pickup部分*/
.bottom_menu_title { color:#674417; border-left:#674417 solid 5px ;  font-size:22px; font-weight:bold; padding-left:15px;}/*メニュー枠デザイン*/


/*-------------------------------------------------------------------------------------*/
/*第二階層
/*-------------------------------------------------------------------------------------*/
#side { font-size:13px;}
.sidetitle { color:#D1B781; text-align:left; border-bottom:#D1B781 solid 3px; font-size:16px; margin-bottom:30px; position:relative}
.sidetitle:after { content: "";  border-top: 3px solid #D1B781; display:block; position: absolute; width: 100%; height: 15px; opacity:0.3;}

ul.sidelist li { padding:0 15px; padding-bottom:15px; margin-bottom:10px; border-bottom:#EEE dashed 1px; text-align:left;}

/*第二階層の画像の最大表示幅を640pxに*/
body.single div#contents img , body.page #contents img { max-width:100%; height: auto;}


/*-------------------------------------------------------------------------------------*/
/*横幅縦幅、各種必要マージン設定*/
/*-------------------------------------------------------------------------------------*/

.pagewidth { width:100%;}
body.home .pagewidth { width:1080px; margin-left:auto; margin-right: auto;}
body.home .block>div.design_title02 { width:1080px;}
#bottom_contents .pagewidth { width:1080px;}
body.home .block>div.f_flex { width:1080px; margin-left:auto; margin-right: auto;}
#description { width:1080px;}
#header { width:1080px;}
#menu-glnv { width:1080px; margin-left:auto; margin-right: auto;}
#keyvisual {width:1080px; }
#footer { width:1080px;}


/*第二階層*/
#main { width:1080px; margin-top:60px; margin-bottom:60px;}
#contents { width:770px; float:left;}
#side { width:240px; float:right; overflow:hidden;}


/*For shouhin*/
.single-shouhin .bx-wrapper .bx-pager {
    bottom: -95px;
}
.single-shouhin .bx-wrapper .bx-pager a {
    border: solid #ccc 1px;
    display: block;
    margin: 0 5px;
    padding: 3px;
}
.single-shouhin .bx-wrapper .bx-pager a:hover,
.single-shouhin .bx-wrapper .bx-pager a.active {
    border: solid #5280DD 1px;
}
.single-shouhin #bx-pager { width: 400px; }
.single-shouhin #bx-pager img { width: 32%; margin-top: 5px;}
.single-shouhin .shadow { box-shadow: 0px 5px 0px #372C28}

.single-shouhin input{
border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.single-shouhin #submit_cart_input_btn { color: #fff; background-color: #ac0000; border-radius: 5px; box-shadow: 0px 5px 0px #540000; padding: 25px 35px; text-decoration: none;}
#submit_cart_input_btn2 { color: #fff; background-color: #ac0000; border-radius: 5px;  padding: 5px 10px; text-decoration: none; margin:5px auto;}

.single-shouhin .inquiry_btn a { color: #fff; background-color: #9c8227; border-radius: 5px; box-shadow: 0px 4px 0px #4e3e07; padding: 15px 25px; text-decoration: none;}
.single-shouhin #submit_cart_input_btn:hover { color: #fff; opacity: 0.75; cursor: pointer;}
.single-shouhin .inquiry_btn a:hover { color: #fff; opacity: 0.75}
.single-shouhin .bxslider, #bx-pager { width: 450px; }
.single-shouhin .bxslider02 { width: 450px; }
.single-shouhin select.quantity {width: 50px;height: 25px;}

.single-shouhin .f_flex { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; }

.soldout { position: relative; width: 100%;}
span.soldout_text { position: absolute; display: flex; justify-content: center; align-items: center; bottom: 0px; left: 0px; height: 100%; width: 100%; text-align: center; color: #e20000; font-weight: bold; background-color: #fff; filter: alpha(opacity=80);  -moz-opacity: 0.8; opacity: 0.8; }

input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-confirm {
    padding: 20px 40px;
    background-color: #cccc00 !important;
    border-width: 0px !important;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 3px;
    cursor: pointer;
    width: 100%;
}

input.wpcf7-form-control.wpcf7-back{
    padding: 20px 40px;
    background-color: #eb8d28 !important;
    border-width: 0px !important;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 3px;
    cursor: pointer;
    width: 100%;
}

input.wpcf7-form-control.wpcf7-submit:hover, input.wpcf7-form-control.wpcf7-confirm:hover {
    background-color: #e6e647 !important;
    border-width: 0px !important;
    color: #fff;
    text-decoration: none;
}

span .wpcf7-list-item { 
display : block ; margin-top:15px;
}

  /*-------------------------------------------*/
/*	#フォーム
/*-------------------------------------------*/
 label { cursor:pointer;}
 input {display:inline-block; height:auto; padding:10px 3px; font-size:14px; color:#555; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
select { padding:10px 3px;  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; border:1px solid #ccc; border-radius:4px;}
 input[type="submit"] { background-color:#09C; color:#FFF; font-weight:bold; border:none; min-width:100px;}
 .lay-form label { cursor:pointer;}
.lay-form input , .lay-form textarea {display:inline-block; height:auto; padding:10px 3px; font-size:14px; color:#555; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
 select { padding:10px 3px;  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; border:1px solid #ccc; border-radius:4px;}
 input[type="submit"] { background-color:#09C; color:#FFF; font-weight:bold; border:none; min-width:100px;}
input:focus , input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus,textarea:focus , select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }


.hutowaku { border: #F60 solid 2px; width:750px; margin:30px auto; padding:20px;}

.ttl_line1 {
  font-weight: bold;
  border-left: 5px solid #B4B4B4;
  border-bottom: 2px #B4B4B4;
  padding: 0.25em 0 0.3em 0.5em;
  margin: 1em 0 0.5em 0;
}