@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}

.clear {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */

html {
}

body {
	background-color: #FFF;
	font-family: Helvetica;
	font-size: 14px;
	line-height: 22px;
	color: #333;
}

a {
	color: #e95383;
}

/*=================================================
 * トップページ
 * ================================================= */

.index_header {
	position: relative;
	
}
h1 {
	
}
.page_title {
	width: 300px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

.section_title {
	margin-bottom: 10px;
}


/* ナビゲーション*/
.menu_nav {
	border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	border: 1px solid #B08F33;
}
.menu_nav li {
	height: 80px;
	display: block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#EFEBE3));
	background-color: #EFEBE3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B08F33;
}

.menu_nav li:first-child {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	}

.menu_nav li:last-child {
 -webkit-border-bottom-left-radius: 6px;
 -webkit-border-bottom-right-radius: 6px;
 border-bottom-right-radius: 6px;
 border-bottom-left-radius: 6px;
}

.menu_nav li:last-child {
	border-bottom-style: none;
}

.menu_nav li a {
	height: 80px;
	display: block;
	text-decoration: none;
	display: block;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	background-image: url(../img/index_img/nav_list.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 80px;	
		}
	
.menu_nav ul:after {
 content: '';
 display: block;
 clear: both;
 height:0;
}

.menu_nav_img{
	height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}


/* メニューその他案内*/
.menu_other {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 40px;
	font-size: 12px;
	line-height: 18px;
}

/* 基本ブロック*/
.block {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}


/* 本文の設定*/
/*.main_text {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.main_text:after {
 content: '';
 display: block;
 clear: both;
 height:0;
}*/


/* ショップガイド見出し*/
h4 {
	padding-left: 10px;	
	}
	
/* ショップガイドタイトル*/
.shop_guide_title_line {
	background-image: url(../img/common_img/line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	height: 5px;
	width: 100%;
	margin-bottom: 20px;
}
	
/* ショップガイド情報*/
table.access {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 16px;
}

table.access th {
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3C7AF;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
		}
		
table.access td {
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3C7AF;
		}
		
/* 電話でお問合せ*/
.block_tel {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#EFEBE3));
	background-color: #EFEBE3;
	margin-bottom: 10px;
	border: 1px solid #B08F33;
	display: block;
}

.tel_call  {
	background-image: url(../img/common_img/tel_mark.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	line-height: 45px;
	height: 45px;
	font-weight: bold;
	}


.tel_call a {
	color: #B08F33;
	text-decoration: none;
	padding-left: 45px;
	font-size: 16px;
	height: 45px;
	display: block;
}

/* 地図を見る*/
.block_map {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#EFEBE3));
	background-color: #EFEBE3;
	margin-bottom: 10px;
	border: 1px solid #B08F33;
	display: block;
}

.bt_map  {
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	line-height: 45px;
	height: 45px;
	font-weight: bold;
	}


.bt_map a {
	color: #B08F33;
	text-decoration: none;
	padding-left: 10px;
	font-size: 16px;
	height: 45px;
	display: block;
}

/* PCサイトへの案内*/
.block_pc {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #F3F0EA;
	padding: 10px;
	border: 1px solid #B08F33;
}

.block_pc .block_pc_txt {
	line-height: 20px;
	zoom: 100%;
	margin-bottom: 5px;
}

.block_pc .block_pc_txt:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


/* PCサイトへ*/
.to_pc_box {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E8BA41),to(#B08F33));
	background-color: #B08F33;
	border: 1px solid #B08F33;
	display: block;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}

.bt_pc{
	background-image: url(../img/common_img/pc_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	line-height: 45px;
	height: 45px;
	font-weight: bold;
	}

.bt_pc a {
	color: #fff;
	text-decoration: none;
	padding-left: 45px;
	font-size: 16px;
	height: 45px;
	display: block;
	line-height: 45px;
}

/* トップへ戻るボタン */
#to_top {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#EFEBE3));
	background-color: #EFEBE3;
	width: 7em;
	font-size: 85%;
	text-align: center;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}

#to_top a {
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	color: #444444;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
}

#to_top:after {
 content: '';
 display: block;
 clear: both;
 height:0;
}

/* フッター */
.global-footer {
	background-color: #BF0000;
	background-image: url(../img/common_img/footer_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 15px;
	padding-bottom: 100px;	
}

#to_pc a {
	display: block;
	text-shadow: 1px 1px 0 #ddd;
	text-decoration: none;
}

.copyright {
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #FFF;
}



/*=================================================
 * 共通設定
 * ================================================= */
 
 /* clearfix */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

/* 注意書き共通*/
.attension {
	font-size: 12px;
	line-height: 14px;
}


/* 画像共通*/
.right_img {
	float: right;
	margin-bottom: 3px;
	margin-left: 5px;
}

.left_img{
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
}
.center_img {
	text-align: center;
}

/*=================================================
 * 中ページ共通
 * ================================================= */
 
.inside_header {
	background-color: #FFF;
	width: 100%;
	height: 85px;
	position: relative;
	margin-bottom: 20px;
	}

.inside_logo {
	position: absolute;
	left: 90px;
	top: 10px;
}
 
/* BACKボタン*/
.bt_back a {
	background-image: url(../img/common_img/bt_back.png);
	background-repeat: no-repeat;
	display: block;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	height: 30px;
	width: 60px;
	position: absolute;
	left: 10px;
	top: 25px;
	}

.bt_back a span {
	display: none;
	}
	
.inside_header_line {
	background-image: url(../img/common_img/line.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	height: 5px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 80px;
}
	
	
 
 

 /*商品画像設定  */
#goods_img_wrap {
	zoom: 100%;
}

#goods_img_wrap:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
.goods_box {
	float: left;
	width: 130px;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 16px;
	height: 180px;
}


.goods_img {
	border: 4px solid #E0D9C9;
	margin-bottom: 5px;
}
.goods_name {
}
.goods_price {
	text-align: right;
	color: #B08F33;
}


 /*商品画像設定 PCからのコピペ */

.goods_wrap{display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 96%;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;}

.goods_wrap::after{
  content:"";
  display: block;
 width: 30%;
}

.goods_box1 {
width: 30%;
margin-bottom: 45px;
}


.goods_img {
	/*border: 5px solid #faf0ea;
	margin-bottom: 5px;*/
	border: 4px solid #E0D9C9;
	margin-bottom: 5px;
    box-sizing: border-box;
    
}

.goods_img a img{
	width: 100%;
    
}


.goods_no {
	line-height: 1.5em;
	font-weight: normal;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.goods_code {
	margin-bottom: 3px;
}
.goods_code_blue {
	color: #FFF;
	background-color: #00F;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-size: 13px;
}

.goods_code_red {
	color: #FFF;
	background-color: #BF0000;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-size: 13px;
}
.goods_title {
/*	font-size: 16px;
	font-weight: bold;
	line-height: 19px;*/
}


.goods_title span{
	font-size: 12px;
}

.goods_text {
	font-size: 13px;
	line-height: 18px;
}
.goods_order {
	color: #bf0000;
	font-size: 12px;
}
.goods_price {
	text-align: right;
	color: #B08F33;
}

/* クリックして拡大（スマホ画面幅余白あり） */
@media (max-width: 767px) {
    .lightbox {
        width: 100%!important;
        height: auto!important;
        padding: 0!important;
    }

    .lightbox img {
        max-width: 100%!important;
        height: auto!important;
        width: auto \9; /* for IE 8/9 */
    }
}