@charset "UTF-8";



/*top img*/
.indeximg img {width:100vw;
	height:auto;
	vertical-align: bottom
}


body	{margin: 0;
		font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', 'sans-serif';
		color: rgb(100,90,80);
		letter-spacing:1pt}



/*背景*/
body {
background-color:rgb(255,255,250);} 

.wrap {margin:0;
	padding:0;
	overflow:hidden
	}
	
.device-pc{
	display:block;
}
.device-sp{
	display:none;
}

/* サイト名*/
.site img {border: none}

/* ナビゲーション */
.h_menulist{
	float:right;
}
.h_btn_contact{
	text-align:right;
}
.h_btn_contact img{
	vertical-align:bottom;
}
.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 25px 0px 0px 20px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover {
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}
	
.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}

/* SNS */
.sns ul	{margin: 0;
	padding: 0;
	list-style: none}

.sns li a	{display: block;
	padding: 30px 20px 0px 0px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.sns ul:after	{content: "";
	display: block;
	clear: both}

.sns li	{float: left;
	width: auto}



/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/*BOXの上下*/
.site {padding-top:100px;
		padding-bottom:150px;} 

/* コピーライト */
.copyright p	{margin: 0px 0px 80px;
	color: #666666;
	font-size: 7px;
	font-family: 'Helvetica', 'Arial', 'sans-serif'}

/*会社概要*/
.gaiyou td, th {
	padding:12px 0px;
vertical-align: top}

.gaiyou{font-size:13px;
margin-bottom:150px;
}

/* clearfix */
.clear{
	clear:both;
}
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

.device-sp{
	display:block;
}
.device-pc{
	display:none;
}

/* --------------------------------------------------------------------------------
	header
-------------------------------------------------------------------------------- */
#header{
	padding-top:4.3em;
}

#header .h-bodder{
	border-bottom:solid 0.1em #cccccc;
}
#header .h-inner{
	padding:2% 0;
	background:#FFFFFF;
	background-size:auto 100%;
	position: fixed;
	top:0;
	width:100%;
	z-index:1000;
}
#header .h-btn{
	float:left;
	width:14%;
	padding:1% 3% 0;
}
#header .h-btn a:hover {
    opacity: 1;
}
#header .h-btn a img{
	width:80%;
}

#header h1{
	float:right;
	width:80%;
	padding-left:2%;
}

#header .h-nav{
	border-bottom:solid 0.1em #cccccc;
}
#header .h-nav ul li{
	float:left;
	width:17%;
	border-right:0.1em solid #cccccc;
	margin:2% 0;
	padding:0 0.9%;
	
}
#header .h-nav ul li:nth-child(3){
	padding:0 3%;
}
#header .h-nav ul li:last-child{
	border:none;
}


/********** ヘッダーメニュー **********/

#header .h-menu{
	display:none;
	width:100%;
	right:0;
	position:absolute;
    background: rgba(138,119,101,0.9);
	padding:0 0 10%;
	z-index:900;
}
#header .h-menu ul{
	list-style:none;
}

/*#header .h-menu .cart{
	margin:3%;
}*/
#header .h-menu .category-inner{
	margin:3% 3% 10% 3%;
}
#header .h-menu .category-inner .category-box ul{
	padding:4%;
	margin:0;
}
#header .h-menu .category-inner .category-box li{
	border-bottom:1px solid #FFF;
}
#header .h-menu .category-inner .category-box li:nth-child(odd){
	float:left;
	padding:3% 0;
	width:45%;
}
#header .h-menu .category-inner .category-box li a{
	color:#FFF;
	text-decoration:none;
}
/*#header .h-menu .category-inner .category-box li:nth-child(odd) a{
	padding-right:2%;
}*/
#header .h-menu .category-inner .category-box li:nth-child(even){
	padding:3% 0;
	margin:0;
	float:right;
	width:45%;
}

#header .h-menu .h_btn_contact{
	text-align:center;
	margin:0 0 13%;
}
#header .h-menu .h_btn_contact a{
	background:#5e4821;
	color:#FFF;
	padding:3% 14%;
	text-decoration:none;
	
}
#header .h-menu .h-sns{
	margin:0 28%;
}
#header .h-menu .h-sns ul{
	padding:0;
	margin:0;
}
#header .h-menu .h-sns ul li{
	float:left;
	width:20%;
	padding-right:20%;
}
#header .h-menu .h-sns ul li:last-child{
	padding:0;
}
#header .h-menu .h-sns ul li img{
	width:100%;
	height:auto;
}



/* ナビゲーション */
.menu li a	{display: block;
	padding: 10px 7px 0px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

/*BOXの上下*/
.site {padding-top:10%;
		padding-bottom:10%;} 

.site_item {padding-top:10%;
		padding-bottom:10%;} 
		
}

/* ########### 768px以上 ########### */
@media (min-width: 599px) {


/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}

.box2	{float: right;
	width: auto}

.wrap	{width: 1024px;
	margin-left: auto;
	margin-right: auto
		}

/* BOX7(shop_info：店舗情報とdisc：店舗説明)とdisc_rightを横に並べる設定 */
.boxC:after	{content: "";
	display: block;
	clear: both}

.box7	{float: left;
	width: 70%}

.disc_right	{float: left;
	width: 30%}

/* ########### 1044px以上 ########### */
@media (min-width: 1440px) {



}