/*
Theme Name: okame
Theme URI: 
*/


/* ＰＣスタイル*/















/*
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
**********************************************************************************************************
*************************************************************************************************************/




/* ＰＣスタイル*/




@charset "utf-8";

@media (min-width: 1081px)  {

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body	{
font-family: "FOT-マティス Pro M";

}



/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;

}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#999;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}


.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom: 1;}



.list-mv07{
	opacity: 0;
	transform: translate(0px); 
	-webkit-transform: translate(0px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}





/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #2a588b;
background: -moz-linear-gradient(top, #2a588b 0%, #214a78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a588b), color-stop(100%,#214a78));
background: -webkit-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: -o-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: -ms-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: linear-gradient(to bottom, #2a588b 0%,#214a78 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a588b', endColorstr='#214a78',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #2a588b;
background: -moz-linear-gradient(top, #214a78 0%, #2a588b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#214a78), color-stop(100%,#2a588b));
background: -webkit-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -o-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -ms-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: linear-gradient(to bottom, #214a78 0%,#2a588b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a78', endColorstr='#2a588b',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}




.post{
margin:0 0 20px 0;
padding:10px;
border:0px solid #ccc;
}

/*コンテンツが少ない時に#footer2を画面下に配置したい施策*/
body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
#wall {
  flex: 1;
}
/*------------*/



#wall{
width:889px;
height:auto;
margin-right: auto;
margin-left: auto;
padding-bottom:100px;
background-color:#FBF2EA;
box-sizing: border-box;

}


#content{
width:100%;
height:auto;
margin-right: auto;
margin-left: auto;
}


#head_wall{
background-color:#000000;
}


#head_sns{
width:100%;
height:auto;
position:relative;
z-index:5;

}


#openbtn{
display:none;
}

/*==ナビゲーション全体の設定---------------------------*/
#g-nav{
	
	color:#fff;
	text-align: center;
	height:50px;
}
/*ナビゲーションを横並びに*/
#g-nav ul{
	list-style: none;
	display: flex;
	justify-content: center;
}
/*2階層目以降は横並びにしない*/
#g-nav ul ul{
	display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
#g-nav ul li{
	position: relative;
}

/*ナビゲーションのリンク設定*/
#g-nav ul li a{
	display: block;
	text-decoration: none;
	color: #999;
	padding:20px 35px;
	transition:all .3s;
}

#g-nav ul li li a{
	padding:10px 35px;
}

#g-nav ul li a:hover{
	color:#fff;	
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
#g-nav ul li.has-child::before{
	content:'';
	position: absolute;
	left:15px;
	top:25px;
	width:6px;
	height:6px;
	border-top: 2px solid #999;
    border-right:2px solid #999;
    transform: rotate(135deg);
}

/*3階層目を持つliの矢印の設定*/
#g-nav ul ul li.has-child::before{
	content:'';
	position: absolute;
	left:6px;
	top:17px;
	width:6px;
	height:6px;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
}

/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
#g-nav li.has-child ul{
    /*絶対配置で位置を指定*/
	position: absolute;
	left:0;
	top:62px;
	z-index: 4;
    /*形状を指定*/
	background:#28BFE7;
	width:180px;
    /*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
    /*アニメーション設定*/
	transition: all .3s;
}

/*hoverしたら表示*/
#g-nav li.has-child:hover > ul,
#g-nav li.has-child ul li:hover > ul,
#g-nav li.has-child:active > ul,
#g-nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
#g-nav li.has-child ul li a{
	color: #fff;
	border-bottom:solid 1px rgba(255,255,255,0.6);
}

#g-nav li.has-child ul li:last-child a{
	border-bottom:none;
}

#g-nav li.has-child ul li a:hover,
#g-nav li.has-child ul li a:active{
	background:#3577CA;
}


/*==3階層目*/

/*3階層目の位置*/
#g-nav li.has-child ul ul{
	top:0;
	left:182px;
	background:#66ADF5;
}

#g-nav li.has-child ul ul li a:hover,
#g-nav li.has-child ul ul li a:active{
	background:#448ED3;
}




/*メニュー設定ここまで*/

/*----------ヘッドのアンカーボタン-------------------*/

#head_menu{
float:right;
width:100%;
height:auto;


background-color:#993300;
}

#head_inn{
width:100%;
height:auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;  /*左右は端に寄って間を均等*/
}



.head_menu_btn{
    position:relative;

width:14.2%;
height:60px;
font-weight:bold;


box-sizing: border-box;


}

.head_menu_btn span{

}


.head_menu_btn a{
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

transition: 0.5s;
letter-spacing:0.1em;
color:#FFFFFF;
display: flex;
align-items: center;
justify-content: center;


}


.head_menu_btn a:hover{
background-color:#FFFFFF;
color:#000000;
transition: 0.5s;
text-decoration:none;
}



/*----商品ＴＯＰ----------*/

#shop_main{
padding-top:60px;

}



#kouji_gazou{
text-align:center;
margin-bottom:50px;
}

#kouji_top_bun{
width:80%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:30px;
}


#syouhin_wara{
width:100%;
height:auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;


}

#syouhin_box{
width:49%;
height:auto;

text-align:center;
}

.syouhin_syousai_bt{
width:200px;
height:60px;
background-color:#CC9966;
display: flex;
align-items: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
}

.thumtitle{
margin-top:15px;

font-size:20px;
letter-spacing:0.2em;
margin-bottom:10px;
}

.osusume_price{
font-size:20px;
font-weight:bold;
}

/*---------------------詳細ページへボタン*/
.button-3{
  width:100px;
  height:40px;
  margin-right: auto;
margin-left: auto;
border:2px solid #793451;
 text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
margin-top:20px;
margin-bottom:50px;

}
.button-3 a{
  font-family:arial;
  font-size:16px;
  color:#793451;
  text-decoration:none;
  line-height:40px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-3{
 width:100px;
  height:40px;
  bottom:50px;
 
  background:#000000;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-3:hover .eff-3{
  bottom:0;
 
}
.button-3:hover a{
  color:#fff;
}





/*--------麹の使い方----------------*/

#tukaikata{
box-sizing: border-box;
padding-left:20px;
padding-right:20px;


}

#tukaikata h1{
width:250px;
height:50px;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
background-color:#996600;
margin-bottom:50px;
margin-top:50px;
display: flex;
align-items: center;
justify-content: center;
}


#tukaikata p{
margin-bottom:40px;
letter-spacing:0.2em;
text-indent:1em;
}

#tukaikata p a{
font-size:18px;
color:#333333;
text-decoration:underline;
}


#howto_wara{
padding-top:60px;
width:500px;
height:auto;
margin-right: auto;
margin-left: auto;
}

#howto_wara h2{
text-align:center;
font-size:30px;
letter-spacing:0.2em;
margin-bottom:60px;
}

#howto_wara p{
text-indent:-2em;
line-height:2em;
margin-bottom:40px;
}

#howto_img{
width:95%;
height:auto;
margin-right: auto;
margin-left: auto;
}

#howto_img img{
width:100%;
height:auto;
}



/*--------ショップシングル----------------*/

#shop_wall{
width:100%;
max-width:1200px;
height:auto;

margin-right: auto;
margin-left: auto;
padding-top:30px;
padding-left:50px;
box-sizing: border-box;
}



#shop_page_wara{
display: flex;
flex-wrap: wrap;
justify-content: space-between;  /*左右は端に寄って間を均等*/
}

#syouhin_page_main_hi{
width:75%;
height:auto;

}

#syouhin_page_main_mi_syouhin{
width:20%;
height:auto;
}





.item_page_title{
font-size:36px;
margin-top:50px;
text-align:center;



}


#item_page_text{
margin-top:50px;
margin-bottom:50px;
padding-left:20px;
padding-right:20px;
background-color:#FFCC99;



}

#item_page_text p{

line-height: 2em;

}

.exp{
text-align:right;
margin-top:50px;


}


.skuquantity{

text-align:right;
width:40px;
margin-right:2px;
margin-left:2px;

}

.plus, .minus{
background-color:#FFFFFF;
border-width: 1px;
	border-style: solid;
	border-color:#CCCCCC;

}


/*商品説明はファイルusces_cart.css*/


/*商品ページ右側の一覧*/

.midasi3_syouhin{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}


#migi_syouhin{
margin-bottom:20px;
}

/*ショップ用メニュー*/

#shop_menu{
	position : relative;
	width : 100%;
	height : 50px;
	
	margin : 0 auto;

margin-bottom:30px;
}


#shop_menu ul{
display: flex;
flex-wrap: wrap;
justify-content: center;  /*左右は端に寄って間を均等*/

}

#shop_menu li{
	
	/* width : 25%; /* グローバルナビ4つの場合 */
	width:31%;
	height : 50px;
	line-height : 50px;
	/*background : rgb(29, 33, 19);*/
	
border-left-width: 1px;
border-left-style: solid;
border-left-color:#333333;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;
display: flex;
align-items: center;
justify-content: center;


}


#shop_menu li a{
	display : block;
	color : #000000;

	padding-top:5px;
	box-sizing: border-box;
        font-size : 11px;
	
	
}

#shop_menu li a:hover{

text-decoration:underline !important;


}


#shop_menu li:last-child{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #6699cc;
}






#shop_main{
width:100%;
height:auto;
margin-top:30px;  
}







/*------フッター----------*/
#footer2{
width:889px;
height:auto;
margin-right: auto;
margin-left: auto;
background-color:#993300;
text-align:center;
color:#FFFFFF;
padding-top:20px;
font-size:14px;
}

#copyright{

}







}



















































































































































































































































































































































































































































































































































































































































































































































































































































































































@media (min-width: 5px) and (max-width: 1080px) {


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


body	{
font-family: "FOT-マティス Pro M";

}



/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;

}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#999;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}


.alpha a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom: 1;}



.list-mv07{
	opacity: 0;
	transform: translate(0px); 
	-webkit-transform: translate(0px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}





/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #2a588b;
background: -moz-linear-gradient(top, #2a588b 0%, #214a78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a588b), color-stop(100%,#214a78));
background: -webkit-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: -o-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: -ms-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: linear-gradient(to bottom, #2a588b 0%,#214a78 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a588b', endColorstr='#214a78',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #2a588b;
background: -moz-linear-gradient(top, #214a78 0%, #2a588b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#214a78), color-stop(100%,#2a588b));
background: -webkit-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -o-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -ms-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: linear-gradient(to bottom, #214a78 0%,#2a588b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a78', endColorstr='#2a588b',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}




.post{
margin:0 0 20px 0;
padding:10px;
border:0px solid #ccc;
}


/*コンテンツが少ない時に#footer2を画面下に配置したい施策*/
body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}
#wall {
  flex: 1;
}
/*------------*/



#wall{
width:100%;
height:auto;
margin-right: auto;
margin-left: auto;
padding-bottom:100px;
background-color:#FBF2EA;
box-sizing: border-box;

}


#content{
width:100%;
height:auto;
margin-right: auto;
margin-left: auto;
}


#head_wall{
background-color:#000000;
margin-top:50px;
}

#head_wall img{
width:100%;
height:auto}


#head_sns{
width:100%;
height:auto;
position:relative;
z-index:5;

}



#g-nav{
position:fixed;
top: 0;
left:0;
width:100%;
height:50px;
z-index:100;

background-color:rgba(255,255,255,0.9);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;

}

/*========= ハンバーガー部分===============*/
.openbtn{
	position:absolute;
    z-index: 888;/*ボタンを最前面に*/
	top:1px;
	right: 15px;
	cursor: pointer;
	
    width: 65px;
    height:85px;
	
	
	
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    
	background-color:#000000;
  	width: 80%;
  }

.openbtn span:nth-of-type(1) {
	top:10px;	
}

.openbtn span:nth-of-type(2) {
	top:24px;
}

.openbtn span:nth-of-type(3) {
	top:38px;
}

.openbtn.active span:nth-of-type(1) {
    top: 14px;
    left: 22px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%; 
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0; 
}

.openbtn.active span:nth-of-type(3){
    top: 26px;
    left: 22px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;  
}



/*ハンバーガーをクリックすると展開するメニュー----------------------*/

#head_menu{
 position:absolute;
 top:60px;
 left:0px;
	width:100%;
    height:calc(100vh - 140px);
background-color:rgba(0,0,0,0.85);

display: flex;
align-items: center;
justify-content: center;
z-index:999;	

	text-align: center;
	
		-webkit-transition: opacity 1s, visibility 0s ease 1s;
      -moz-transition: opacity 1s, visibility 0s ease 1s;
      -ms-transition: opacity 1s, visibility 0s ease 1s;
      -o-transition: opacity 1s, visibility 0s ease 1s;
      transition: opacity 1s, visibility 0s ease 1s;;
      opacity: 0;
	  visibility: hidden;

}



/*アクティブクラスがついたら透過なしにして最前面へ*/
#head_menu.panelactive{

	transition-delay: 0s;/*safari対策らしい*/
opacity: 1;
visibility: visible;


}





#head_inn{
width:100%;
height:auto;
}

.head_menu_btn{
    position:relative;

width:100%;
height:60px;
font-weight:bold;


box-sizing: border-box;

}

.head_menu_btn span{

}


.head_menu_btn a{
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

transition: 0.5s;
letter-spacing:0.1em;
color:#FFFFFF;

}


.head_menu_btn a:hover{
background-color:#FFFFFF;
color:#000000;
transition: 0.5s;
text-decoration:none;
}



/*----商品ＴＯＰ----------*/

#shop_main{
padding-top:60px;

}



#kouji_gazou{
width:100%;
height:auto;
text-align:center;
margin-bottom:50px;
}

#kouji_gazou img{
width:100%;
height:auto;
}



#kouji_top_bun{
width:80%;
height:auto;
margin-right: auto;
margin-left: auto;
margin-bottom:30px;
}


#syouhin_wara{
width:100%;
height:auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;


}

#syouhin_box{
width:49%;
height:auto;

text-align:center;
}

.syouhin_syousai_bt{
width:200px;
height:60px;
background-color:#CC9966;
display: flex;
align-items: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
}

.thumtitle{
margin-top:15px;

font-size:20px;
letter-spacing:0.2em;
margin-bottom:10px;
}

.thumimg img{
width:60%;
height:auto;
}

.osusume_price{
font-size:20px;
font-weight:bold;
}

/*---------------------詳細ページへボタン*/
.button-3{
  width:100px;
  height:40px;
  margin-right: auto;
margin-left: auto;
border:2px solid #793451;
 text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
margin-top:20px;
margin-bottom:50px;

}
.button-3 a{
  font-family:arial;
  font-size:16px;
  color:#793451;
  text-decoration:none;
  line-height:40px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
}
.eff-3{
 width:100px;
  height:40px;
  bottom:50px;
 
  background:#000000;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-3:hover .eff-3{
  bottom:0;
 
}
.button-3:hover a{
  color:#fff;
}





/*--------麹の使い方----------------*/

#tukaikata{
box-sizing: border-box;
padding-left:20px;
padding-right:20px;


}

#tukaikata h1{
width:250px;
height:50px;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
background-color:#996600;
margin-bottom:50px;
margin-top:50px;
display: flex;
align-items: center;
justify-content: center;
}


#tukaikata p{
margin-bottom:40px;
letter-spacing:0.2em;
text-indent:1em;
}

#tukaikata p a{
font-size:18px;
color:#333333;
text-decoration:underline;
}


#howto_wara{
padding-top:60px;
width:90%;
height:auto;
margin-right: auto;
margin-left: auto;
}

#howto_wara h2{
text-align:center;
font-size:30px;
letter-spacing:0.2em;
margin-bottom:60px;
}

#howto_wara p{
line-height:2em;
margin-bottom:40px;
}

#howto_img{
width:95%;
height:auto;
margin-right: auto;
margin-left: auto;
}

#howto_img img{
width:100%;
height:auto;
}



/*--------ショップシングル----------------*/

#shop_wall{
width:100%;
max-width:1200px;
height:auto;

margin-right: auto;
margin-left: auto;
padding-top:30px;
padding-left:50px;
box-sizing: border-box;
}



#shop_page_wara{

}

#syouhin_page_main_hi{
width:80%;
height:auto;
margin-right: auto;
margin-left: auto;
}

#syouhin_page_main_mi_syouhin{
width:20%;
height:auto;
}





.item_page_title{
font-size:36px;
margin-top:50px;
text-align:center;



}


#item_page_text{
margin-top:50px;
margin-bottom:50px;
padding-left:20px;
padding-right:20px;
background-color:#FFCC99;



}

#item_page_text p{

line-height: 2em;

}

.exp{
text-align:right;
margin-top:50px;


}


.skuquantity{

text-align:right;
width:40px;
margin-right:2px;
margin-left:2px;

}

.plus, .minus{
background-color:#FFFFFF;
border-width: 1px;
	border-style: solid;
	border-color:#CCCCCC;

}


/*商品説明はファイルusces_cart.css*/


/*商品ページ右側の一覧*/

.midasi3_syouhin{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}


#migi_syouhin{
margin-bottom:20px;
}

/*ショップ用メニュー*/

#shop_menu{
	position : relative;
	width : 100%;
	height : 50px;
	
	margin : 0 auto;

margin-bottom:30px;
}


#shop_menu ul{
display: flex;
flex-wrap: wrap;
justify-content: center;  /*左右は端に寄って間を均等*/

}

#shop_menu li{
	
	/* width : 25%; /* グローバルナビ4つの場合 */
	width:31%;
	height : 50px;
	line-height : 50px;
	/*background : rgb(29, 33, 19);*/
	
border-left-width: 1px;
border-left-style: solid;
border-left-color:#333333;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333333;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333333;
display: flex;
align-items: center;
justify-content: center;


}


#shop_menu li a{
	display : block;
	color : #000000;

	padding-top:5px;
	box-sizing: border-box;
        font-size : 11px;
	
	
}

#shop_menu li a:hover{

text-decoration:underline !important;


}


#shop_menu li:last-child{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #6699cc;
}






#shop_main{
width:100%;
height:auto;
margin-top:30px;  
}







/*------フッター----------*/
#footer2{
width:100%;
height:auto;
background-color:#993300;
text-align:center;
color:#FFFFFF;
padding-top:20px;
font-size:14px;
}

#copyright{

}






}