@charset "Shift_JIS";


.mt10{margin: 10px 0 0 0 !important; padding: 0 !important;}
.mb10{margin: 0 0 10px 0 !important; padding: 0 !important;}
.mt20{margin: 20px 0 0 0 !important; padding: 0 !important;}
.mb20{margin: 0 0 20px 0 !important; padding: 0 !important;}
.mt30{margin: 30px 0 0 0 !important; padding: 0 !important;}

.ml10{margin: 0 0 0 10px !important; padding: 0 !important;}
.mr10{margin: 0 10px 0 0 !important; padding: 0 !important;}
.ml20{margin: 0 0 0 20px !important; padding: 0 !important;}
.mr20{margin: 0 20px 0 0 !important; padding: 0 !important;}

.pt10{padding: 10px 0 0 0 !important;}
.pb10{padding: 0 0 10px 0 !important;}
.pml10{padding: 0 0 0 10px !important;}
.pmr10{padding: 0 10px 0 0 !important;}

.sa_bnr{ width: 95%; margin: 0 auto; }


/* --------------------------------
	まとめ記述
-------------------------------- */
article#ranking {background:#fbffd8;}
article#style{ background: #dcecc8; }
article#buyer, article#cont{ background: #fffbe9; margin-top: 20px; }
article#style h2,
article#ranking h2,
article#buyer h2,
article#cont h2,
article#column h2.h2ttl{
color: #074e09;
background: none !important; text-align: center;padding: 10px 0 5px 0; border-top:#027b06 3px solid; font-size: 13pt; font-weight: bold;}

article#style h2 span,
article#buyer h2 span,
article#cont h2 span{ display: block;font-size: 10pt; color: #af7333; font-weight: bold;}


/* --------------------------------
	表紙
-------------------------------- */
article#cover { margin:0; padding:0; background:none; }
article#cover h1 { padding:0; background:none; text-align:center; }
article#cover h1 img { vertical-align:bottom; width:100%; height:auto; }
article#cover p.off{ margin: 10px;}



/* --------------------------------
	おすすめバナー
-------------------------------- */

section.recommend { padding:8px 0 0 0; }
section.recommend ul { margin:13px auto 0 auto; padding:0 10px 0 0; width:300px; }
section.recommend ul li { padding:0 0 0 10px; font-size:0; line-height:1; }
section.recommend ul.recommend_01 li {}
section.recommend ul.recommend_02 li {width:140px; float:left; }


/* --------------------------------
	ランキング
-------------------------------- */
article#ranking h2 img{ width: 5%; height: auto; }
article#ranking h2 span{font-size: 14pt; color: #442923; font-weight: bold;}
article#ranking .tab-menu-box .rank_tbl_inner ul li p.rank_txt{ min-height: 40px; }

ul.bnrs li{ float: left; width: 45%;}
.tab-menu-box .rank_tbl_inner{ padding-bottom: 40px; }
.tab-menu-box .bx-controls .bx-controls-direction{ bottom: 5px !important;}

/* --------------------------------
	バイヤーおすすめ
-------------------------------- */
article#buyer p{ margin: 0 !important;}
article#buyer p.name{ margin: 10 0px 10px 0;}
article#buyer p.name a,
article#buyer p.name a:link,
article#buyer p.name a:hover,
article#buyer p.name a:active,
article#buyer p.name a:visited{ font-weight: bold; }

article#buyer p.price,
article#buyer p.specialprice{ text-align: right;}
article#buyer p.specialprice{ margin-bottom: 10px !important; font-size: 12pt !important;}
article#buyer .goods-slider ul li p{ padding: 0 20px;}

/* --------------------------------
	特集から選ぶ スタイルから選ぶ
-------------------------------- */
article#cont li.l_bnr{ width: 97% !important; }
article#cont li,
article#style li{ float: left; width: 46vw; margin: 5px; position: relative;}
article#cont li p,
article#style li p{
text-align: center;
width: 92%; 
background: #FFF; 
padding: 3px 8px; 
line-height: 1; 
font-size: 10pt;
min-height: 50px;
}

.ttl{ ;}
article#style li p span{ font-weight: bold; color: #371A08; line-height: 1.5; }

.other_bnr { margin: 5px; }
.other_bnr ul li{ float: left; width: 45vw; }


.quality { margin: 10px; }

/* --------------------------------
	価格帯から選ぶ
-------------------------------- */
article#kakaku { position:relative; width:98%; margin:10px auto; }
article#kakaku ul { margin-top:10px; }
article#kakaku ul li div.btn .btn_bg{ color:#000; }
article#kakaku ul li div.btn.open h2{color:#000 !important;}
article#kakaku div.content ul li{ padding: 10px 0 !important; border-bottom: #b0b0b0 1px solid !important; }
article#kakaku div.content ul li img{ width:3%; padding-right:10px; }
article#kakaku section.accordion ul li div.btn,
article#kakaku section.accordion ul li div.btn.open{ background: #e0e0e0 !important; border-radius: 8px !important; border: #ccc 1px solid; }

/* --------------------------------
	おすすめ商品PICK UP
-------------------------------- */
#osusume_items h2{ background: #334daf; padding: 10px; color: #FFF; font-weight: bold;}
section.goods div{ border-bottom:#B4AC6D 1px solid; }
section.goods div ul{ width:47%; float:left; padding:3px; position:relative; }
section.goods div ul:first-child{ border-right:#B4AC6D 1px solid; }
section.goods div ul li{ padding: 5px;}
section.goods div ul li img{ width:100%; height:auto; }
section.goods div ul li.kyushu{ position: absolute; right:10px; background: #F55050; padding: 3px 5px; font-weight: bold; color: #fff; font-size:88%; }
section.goods div ul li a:link{ color: #311805; font-weight: bold; text-decoration: underline;}
section.goods div ul li:last-child{padding: 0 5px !important;}
section.goods div ul li.slider_lazy img{ width: auto; height: 60px; margin: 0 auto; }



/* --------------------------------
	グローバルナビ
-------------------------------- */

nav#global_nav { margin-top:20px; }



.module_bnr div.content ul li{  width: 90%; }


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