@charset "euc-jp";

body {
	background-color: #ffffff;
	color: #000000;
	font-family:Meiryo, sans-serif;
	word-break:break-all;
	line-height:1.7;
	font-size:100%;
}

@media screen and (orientation:landscape){
body{
	-webkit-text-size-adjust:100%;
}
}

a { color: #0070ad;text-decoration: underline;}
a:visited { color: #865d86;}
a:hover { color: #288ec6;text-decoration:none;}

/* layout
------------------ */
@media print, screen and (min-width: 981px){
#wrapper{
	background: #a8a18f url(https://img21.shop-pro.jp/PA01435/575/etc/bg02.gif);
}
}

/* header
------------------ */
#header{
	background:#000 url(https://img21.shop-pro.jp/PA01435/575/etc/bg01.jpg?cmsp_timestamp=20190727170316) no-repeat 70% 50%;
	background-size: cover;
}

@media print, screen and (min-width: 981px){
#header{
	background:#000 url(https://img21.shop-pro.jp/PA01435/575/etc/bg01.jpg?cmsp_timestamp=20190727170316) no-repeat 50% 50%;
	background-size: contain;
	height: 210px;
}
}

/* 1行文章 */
@media print, screen and (min-width: 768px){
#header_desc{
	font-size: 12px;
	color: #fff;
	padding: 0.2rem 0 0 1rem;
}
}

@media print, screen and (min-width: 981px){
#header_desc{
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
}

/* ロゴ・ボタン */
#header_block{
	max-width: 50%;
}

#logo01{
	padding: 1rem;
}

@media print, screen and (min-width: 768px){
#header_block{
	max-width: 80%;
	display: flex;
	align-items: center;
}

#logo01{
	margin-bottom: 1rem;
}

#header_button li{
	padding: 5px 0;
}
	
#header_button li a{
	font-size: 75%;
	border-radius: 2px;
	background: #d3d3d3;
	color: #000;
	text-decoration: none;
	transition: 0.2s;
	display: block;
	width:12em;
	line-height: 1.2;
	text-align: center;
	padding: 8px 0 5px 0;
}

#header_button li a:hover{
	background: #f0f0f0;
}
}

@media print, screen and (min-width: 981px){
#header_block{
	width: 1000px;
	margin: 0 auto;
	max-width: none;
}

#logo01{
	padding: 0.5rem 1.5rem 0 0;
}
}

/* nav
------------------ */
#nav{
	background: #d8d8d8;
	padding: 5px;
	text-align: center;
}

#nav ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

#nav li{
	width: 50%;
	display: flex;
	align-items: center;
	margin: 5px 0;
	line-height: 1.0;
}

#nav li a{
	border-radius: 2px;
	border: 1px solid #000;
	background: #1f1f1f;
	background: linear-gradient(#1f1f1f, #000);
	color: #fff;
	text-decoration: none;
	transition: 0.2s;
	display: block;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	padding: 5px 0;
	font-size: 87.5%;
	width:94%;
	margin: 0 auto;
	line-height: 1.2;
}

#nav li.bt_cart a{
	border: 1px solid #73780d;
	background: #9aa10a;
	background: linear-gradient(#9aa10a, #73780d);
}

#nav li a:hover{
	border: 1px solid #73780d;
	background: #99a00a;
}

@media print, screen and (min-width: 981px){
#nav{
	padding: 8px 0;
}

#nav ul{
	width: 1000px;
	margin: 0 auto;
}

#nav li{
	width: auto;
	min-width: 170px;
	margin: 0 10px 0 0;
}

#nav li a{
	width:100%;
	margin: 0;
	padding: 3px 0;
}

#nav li.bt_cart{
	margin: 0 0 0 auto;
}
}

/* footer
------------------ */
#footer{
	background: #f5f3ed;
}

@media print, screen and (min-width: 981px){
#footer{
	padding-top: 3rem;
	text-align: center;
	font-size: 87.5%;
	box-shadow: 0 -6px 3px -3px rgba(0,0,0,0.1);
	z-index:0;
	position:relative;
}
}

/* footerリンク */
#footer_link{
	border-top: 1px dotted #999;
	line-height: 1.4;
	margin-bottom: 0;
}

#footer_link li{
	border-bottom: 1px dotted #999;
	font-size: 87.5%;
}

#footer_link li a{
	display: block;
	padding: 1rem 0.5rem;
	color: #000;
}

@media print, screen and (min-width: 981px){
#footer_link{
	border: none;
	margin-bottom: 3rem;
}

#footer_link li{
	border: none;
	display: inline-block;
	margin: 0 0.5rem;
	font-size: 100%;
}
	
#footer_link li i{
	display: none;
}
}

/* footerコピーライト */
#footer_cpr{
	background: #000 url(https://img21.shop-pro.jp/PA01435/575/etc/bg05.png) no-repeat 100% 0;
	background-size: contain;
	font-size: 75%;
	text-align: center;
	color: #fff;
	padding: 2rem 1rem;
}

@media print, screen and (min-width: 981px){
#footer_cpr{
	background: #000 url(https://img21.shop-pro.jp/PA01435/575/etc/bg05.png) no-repeat 80% 0;
	padding: 2rem 0;
}
}

/* コンテンツ部分レイアウト
------------------ */
#contents{
	padding: 2rem 0.5rem 5rem 0.5rem;
	background: #fff;
}

#side{
	background: #000 url(https://img21.shop-pro.jp/PA01435/575/etc/bg03.gif);
	color: #fff;
}

@media print, screen and (min-width: 768px){
#contents{
	padding: 3rem 1rem 5rem 1rem;
}
}

@media print, screen and (min-width: 981px){
#contents_wrapper{
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row-reverse;
}

#contents{
	padding: 2rem 0 5rem 0;
	width: 710px;
	margin-right: 20px;
}

#side{
	padding: 0 0 5rem 0;
	width: 240px;
}
}

/* side
------------------ */
#side a{
	color: #fff;
}

/* サイド白背景 */
#side_no_bg{
	background: #fff;
	color: #000;
	border-top: 1px dashed #ccc;
	padding-top: 2rem;
	margin-bottom: 3rem;
}

@media print, screen and (min-width: 981px){
#side_no_bg{
	padding: 2rem 0 1px 0;
	border-top:none;
}
}

/* サイドコンテンツ */
.side_block{
	margin: 0 1rem;
	padding-bottom: 4rem;
}

.side_heading{
	color: #fff;
	font-size: 100%;
	background: url(https://img21.shop-pro.jp/PA01435/575/etc/i01.png) no-repeat 0 50%;
	background-size: 1em;
	padding-left: 1.5em;
	margin-bottom: 1rem;
}

.side_body{
	overflow: hidden;
}

@media print, screen and (min-width: 981px){
.side_block{
	margin: 0 10px;
}
}

/* サイドリスト */
.side_list{
	border-top: 1px dotted #666;
	line-height: 1.4;
}

.side_list li{
	border-bottom: 1px dotted #666;
}

.side_list li a{
	display: block;
	padding: 1rem 0.5rem;
}

.side_list_thumb{
	display: flex;
	align-items: center;
}

.side_list_thumb_img{
	width: 60px;
	height: 60px;
	object-fit: cover;
	margin-right: 1rem;
}

@media print, screen and (min-width: 981px){
.side_list{
	font-size: 87.5%;
}

.side_list li a{
	padding: 0.5rem 0.2rem;
}
}

/* サイドバナー */
.side_banner{
	margin: 0 1rem 4rem 1rem;
	text-align: center;
}

@media print, screen and (min-width: 981px){
.side_banner{
	margin: 0 10px 4rem 10px;
}
}

/* サイド商品検索 */
#side_search{
	background: #fff;
	color: #000;
	padding-bottom: 2rem;
}

#side_search .side_heading{
	color: #634214;
}

#side_search form{
	margin: 0;
}

#side_search_input{
	width: 30em;
	max-width: 60%;
}

@media print, screen and (min-width: 981px){
#side_search_input{
	width: 160px;
	max-width: none;
}
}

/* サイド商品検索 */
#side_category{
	padding-bottom: 2rem;
}

#side_category ul{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0;
}

#side_category li{
	width: 48%;
	max-width: 220px;
	margin: 3px;
}

@media print, screen and (min-width: 981px){
#side_category ul{
	display: block;
}

#side_category li{
	width:auto;
	max-width: none;
	margin: 0 0 3px 0;
}
}

/* サイド店長情報 */
#side_manager_wrap{
	display: flex;
	align-items: center;
}

#side_manager_img{
	width: 160px;
	height:160px;
	object-fit: cover;
	margin-right: 1rem;
}

.side_manager_name{
	font-weight: bold;
	line-height: 1.4;
}

#side_manager p{
	padding-top: 1rem;
	font-size: 87.5%;
}

@media print, screen and (min-width: 981px){
#side_manager_img{
	width: 80px;
	height:80px;
}
}

/* contents
------------------ */
/* コンテンツマージン調整 */
.contents_block{
	margin-bottom: 3.5rem;
}

.contents_body{
	margin: 0 10px;
	overflow: hidden;
}

/* 商品画像 */
.product_image{}

.product_image_noimg{}

/* 商品一覧 */
.product_list{
	text-align: center;
}

.product_list li{
	padding: 0 20px 1px 20px;
	margin-bottom: 30px;
}

#latest_check .product_list li{
	padding: 10px;
}

.product_list_image{ /*一覧の商品画像 */
	position: relative;
	margin-bottom: 10px;
}

.product_list_image:before{
	content:"";
	display: block;
	padding-top: 100%;
}

.product_list_image_inner{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.product_list_image_inner img{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.product_list_title{ /*一覧の商品名*/
	font-size: 87.5%;
	line-height: 1.3;
	margin-bottom: 5px;
}

#latest_check .product_list_title{
	font-size: 75%;
}

.product_list_title a{
	color: #000;
}

.product_list_price{ /*一覧の価格*/
	margin-bottom: 5px;
}

.product_list_price_reg{/*定価*/
	font-size: 87.5%;
	color: #666;
}

.product_list_price_sales{/*販売価格*/
	color: #e30000;
	font-weight: bold;
	line-height: 1.4;
}

#latest_check .product_list_price_reg, #latest_check .product_list_price_sales{
	font-size: 75%;
}

.discount_rate{ /*割引率*/
	color: #e30000;
	font-size: 75%;
	font-weight: bold;
}

.soldout{ /*SOLD OUT表示*/
}

.product_list_expl{ /*一覧の簡易説明*/
	font-size: 75%;
}

/* 一覧ソート */
.product_list_sort{
	text-align: right;
	font-size: 87.5%;
	padding: 0.5rem;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1.5rem;
}

/* 該当商品なし */
.list_no_result{
	background: #f0f0f0;
	padding: 3rem 1rem;
	margin-bottom: 4rem;
	text-align: center;
}

/* あと○円で送料無料 */
.delivery_free{
	background: #f0f0f0;
	padding: 0.2rem 0.5rem;
	display: inline-block;
	float: right;
	font-size: 75%;
	margin-bottom:1rem;
	margin-top: -2rem;
}

#side_delivery_free{
	float: none;
	display: block;
	margin: 0 10px 2rem 10px;
}

/* パンくずリスト */
.topicpath_wrap{
	margin-bottom: 1.5rem;
}

.topicpath-nav{
	font-size: 75%;
	margin: 0;
}

/* 基本table */
.table_basic{
	width: 100%;
	margin-bottom: 1.5rem;
}

.table_basic th{
	background: #f0f0f0;
	padding: 10px;
	line-height: 1.7;
	width: 20%;
}

.table_basic td{
	padding: 10px;
	line-height: 1.7;
}

@media print, screen and (min-width: 768px){
.table_basic th{
	min-width: 8em;
}
}

/* temp
------------------ */
/* 追加 temp css */
img{border:none;max-width:100%;}

/* ボタン */
.btn{ /*ボタン上書き*/
	border-radius: 2px;
}

.btn_custom{ /*ボタンカスタマイズ版*/
	display: inline-block;
	border-radius: 2px;
	color: #fff!important;
	text-decoration: none;
	text-align: center;
	transition: 0.2s;
}

/* 見出し */
h1,h2,h3,h4,h5,h6{ /*リセット*/
	margin: 0;
	font-size: 100%;
	line-height: 1.0;
}

.heading1{ /*茶色帯の大見出し*/
	font-size: 125%;
	font-weight: bold;
	color: #634214;
	margin-bottom: 1.5rem;
	padding: 0.6rem 0 0.4rem 10px;
	line-height: 1.3;
	border-top: 1px dotted #634214;
	border-bottom: 1px dotted #634214;
	clear: both;
	background: url(https://img21.shop-pro.jp/PA01435/575/etc/bg04.gif) repeat-x 0 50%;
}

.heading1 span{
	display: inline-block;
	background: #fff;
	padding: 0 0.5em;
}

.heading2{ /*下層見出し*/
	background: #d0c99a;
	color: #634214;
	margin-bottom: 1.5rem;
	padding: 0.625rem 1rem;
	border-left: 3px solid #998557;
	line-height: 1.3;
	font-size: 112.5%;
}

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_red {color: #e30000;}
.txt_c_gray {color: #666;}
.txt_c_black {color: #000;}

/* background */
.bgc_gray {
  background-color: #f0f0f0;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }
.vam { vertical-align: middle; }

@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

/* アイコン追加 */
.icon-w.icon-circled_info {  background-position: -272px -80px;}
.icon-lg-w.icon-circled_info {  background-position: -408px -120px;}
.icon-w.icon-circled_help {  background-position: -304px -80px;}
.icon-lg-w.icon-circled_help {  background-position: -456px -120px;}
.icon-lg-w.icon-home {  background-position: -264px -24px;}
.icon-lg-w.icon-mail {  background-position: -96px -0px;}
.icon-lg-w.icon-cart {  background-position: -264px -96px;}
.icon-lg-b.icon-adduser {  background-position: -360px -0px;}
.icon-lg-b.icon-login {  background-position: -72px -120px;}
.icon-lg-b.icon-logout {  background-position: -48px -120px;}
.icon-lg-w.icon-chevron_right { background-position: -24px -216px;}
.icon-lg-b.icon-chevron_right {  background-position: -24px -216px;}
.icon-lg-w.icon-user {  background-position: -312px -0px;}
.icon-lg-w.icon-tag {  background-position: -528px -24px;}

/*eof*/