@charset "utf-8";

/* ----------
　　リセット
 ----------- */
body {
      font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Roboto, Times New Roman, Arial, "メイリオ", Meiryo, sans-serif;
    background-color: #FFEFDF
}
#header {
    background: none;
}



#header .header_logo_area {
	float: left;
	margin-right: 50px;
	position: relative;
    	z-index: 10;
}

#header .header_logo_area .header_logo{
	font-weight: bold;
    	margin: 0;
}

.clear-element {
  clear: both;
}

.centering_item {
    margin:  0 auto;             /* 中央寄せ */
}


#contents {
    background: none;
}
#footer {
    background: none;
}

.item_photo img {
    width: 100%;
    max-width: 350px;
}

#phone_number{
    margin-left: 15px;
}

.textleftalign{
   text-align: left;
}

#main_menu{
width: 100%;
padding: 30px 0px 0px 0px;
text-align: center;
margin-left:auto;
margin-right:auto;


}

#side_menu{
padding: 0px 20px 0px 0px;
text-align: left;
margin-left:auto;
margin-right:auto;
}


ul.nav{
display:table;
height: auto;
width:100%;
text-align: left;
font-size: 0;
table-layout: fixed;
overflow: visible;
z-index: 3;
} 

ul.nav li{
  display:table-cell;
  border: 1px outset #DCBBA0;
  padding: 5px 4px 5px 4px;
  background: #553311;
  text-align: center; 
  height:100%;
  width:15%;
  max-width:150px;
  vertical-align:middle;
}


ul.nav li a{
      display: block;
    　width:100%;
      height:100%;
      color: #FFFFFF;
      text-align: center;
      text-decoration: none;
      font-size: 1.3rem;
      font-weight: bold;
      padding: 10px 0;
}

ul.side_nav{
display:table;
height: auto;
width:95%;
text-align: left;
font-size: 0;
table-layout: fixed;
overflow: visible;
z-index: 3;
} 

ul.side_nav li{
  display:table-cell;
  border: 1px outset #000000;
  padding: 5px 0px 5px 0px;
  background: #FFFFFF;
  text-align: center; 
  height:100%;
  vertical-align:middle;
}


ul.side_nav li a{
      display: block;
    　width:100%;
      height:100%;
      color: #000000;
      text-align: center;
      text-decoration: none;
      font-size: 1.3rem;
      font-weight: bold;
      padding: 10px 0;
}

#pay_and_delivery table tr th{
	padding: 8px;
	border:2px solid #CCAA88;
	background: #EFCDAF;
}

#pay_and_delivery table tr td{
	padding: 8px;
	border:2px solid #CCAA88;
	background: #FFFFFF;
}

#faq ul{
	display: table
	height: auto;
  	
}

#faq ul.answer li{
	display: table-cell;
	padding: 8px;
	border: 1px solid #ddd;
  	text-align: left;
	height:100%;
  	vertical-align:top;
        background: #FFFFFF;

}

#faq ul.question li{
	display: table-cell;
	padding: 8px;
	border: 1px solid #ddd;
  	text-align: left;
	height:100%;
  	vertical-align:top;
        background: #FFFFFF;

}

#shoplist ul{
	height: auto;
	width: 95%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid #bbb;
}

#shoplist li{
  display:inline-block;
  text-align: center;
  height:200px;
  width:330px;
  vertical-align:middle;
}

.customer_img{
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.customer_img li{
	display:inline-block;
	padding: 0 10px 15px 10px;
	width: 45%;
	min-width: 300px;
}

#genmaicha{
	width:95%;
}

#genmaicha img{
	display:inline-block;
	width:100%;
	max-width: 350px;
	min-width: 170px;
	padding-bottom:10px;
}

#center_img{
	width: 90%
	max-width:580px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

#space_fifteen{
	padding:15px;
}