@charset "utf-8";



/* ===================================================================

CSS information

 file name   : index.css

 editor      : Osaka , Sone

 last update : 2016.10.17

=================================================================== */



/* ---------- reset ---------- */



.cf:after{

	content:"";

	clear:both;

	display:block;

}



/* ---------- サイド ---------- */



#subArea .bgSection {

	background: #F7F4EF url(none) !important;

}

#subArea .sidePickBox {

	background:url(/common_img/lsection_bg.gif) repeat-y !important;

	border-bottom-style: none;

}



.catListTop li{

	width:200px;

	height:54px;

	position:relative;

}



.category{

	background-color:#ebe2da;

	display:none;

	position:absolute;

	top:0;

	left:200px;

	z-index:9999;

}



.cat_lg{

	width:238px;

	border:solid 1px #feffff;

}



.cat_sm{

	width:118px;

	border:solid 1px #feffff;

}



.category_l{

	width:119px;

	float:left;

}



.category_l li{

	width:119px;

}



.category_r{

	width:118px;

	border-left:solid 1px #feffff;

	float:right;

}



.category_r li{

	width:118px;

}



.category_sg{

	width:118px;

}



.category_sg li{

	width:118px;

}



.category ul{

	padding:0;

}



.category ul li{

    height:25px;

	border-bottom:solid 1px #feffff;

	display:block;

}



.category ul li:last-child{

	border-bottom:none;

}



.category ul li a{

	padding-left:5px;

	font-size:11px;

	color:#7b471f;

	line-height:25px;

	text-decoration:none;

	display:block;

}



.category ul li a:hover{

	background-color:#ebd3be;

}







/* ---------- ニュース ---------- */



#news{

	margin:10px 0 5px;

	padding:10px;

	border:1px solid #fe8a40;

	border-radius:10px;

	background-color:#fff3e8;

}



#news h3{

	font-weight:bold;

}

/*お知らせアコーディオン*/
.tabContainer{
    margin: 10px 0;
}
.tabContainer-inner {
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.5;
    border: 1px solid #fe8a40;
    border-radius: 10px;
    background-color: #fff3e8;
}
.tabContainer-inner img {
    margin-right: 5px;
}
.tab{
    margin-top: 5px;
    padding-left: 10px;

    }
.tab img{
    width: 10px;
    padding-top: 3px;
    padding-left: 0;
    margin-left: 0;
}
.menu {
    padding: 0 10px 10px;
}
.menu img{
    width: 20px;
}
.vertical_middle{
    margin-bottom: 5px;
    font-size: 110%;
}
.red{
    color: red;
}





/* ---------- 売れ筋ランキング ---------- */



.rank_ttl{

	width:600px;

	height:41px;

	background:url(../img/top/201609/rank_ttl.png) no-repeat;

	position:relative;

}



.rank_ttl img{

	position:absolute;

	top:3px;

	right:15px;

}



.rank_ttl img:hover{

	opacity:0.8;

}



.updated_date{

	font-size:10px;

	color:#fc6400;

}



.rank_list{

	margin-top:2px;

}



.rank_list li{

	width:98px;

	padding:10px;

	border:solid 1px #fff;

	float:left;

	position:relative;

}



.rank_list li:hover{

	border:solid 1px #fe8a40;

	background-color:#fff3e8;

}



.rank_list li a{

	text-decoration:none !important;

}



.rank_number{

	position:absolute;

	top:5px;

	left:5px;

	z-index:999;

}



.rank_img{

	width:90px;

	height:90px;

	margin:5px 0 0 5px;

	overflow:hidden;

	position:relative;

}



.rank_item_name{

	width:90px;

	height:60px;

	margin:5px 0 0 5px;

	font-weight:bold;

	text-decoration:underline;

}



.rank_list li a:hover .rank_item_name{

	text-decoration:none !important;

}



.rank_item_price{

	width:90px;

	margin:5px 0 0 5px;

	color:#c30f23;

	font-size:90%;

	font-weight:bold;

	text-align:right;

}



.rank_price{

	font-size:130% !important;

}





/* ---------- 月間特売 ---------- */



#sale{

	margin-top:10px;

}



.sale_ttl{

	width:600px;

	height:62px;

	background:url(../img/top/201609/sale_ttl.png) no-repeat;

	position:relative;

}



.sale_ttl img{

	position:absolute;

	top:15px;

	right:15px;

}



.sale_ttl img:hover{

	opacity:0.8;

}



.sale_list{

	margin-top:2px;

}



.sale_list li{

	width:98px;

	padding:10px;

	border:solid 1px #fff;

	float:left;

	position:relative;

}



.sale_list li:hover{

	border:solid 1px #fe8a40;

	background-color:#fff3e8;

}



.sale_list li a{

	text-decoration:none !important;

}



.sale_img{

	width:100px;

	height:100px;

	overflow:hidden;

	position:relative;

}



.sale_item_name{

	width:100px;

	height:60px;

	margin-top:5px;

	font-weight:bold;

	text-decoration:underline;

}



.sale_list li a:hover .sale_item_name{

	text-decoration:none !important;

}



.sale_item_price{

	width:100px;

	margin-top:5px;

	color:#c30f23;

	font-size:90%;

	font-weight:bold;

	text-align:right;

}



.sale_price{

	font-size:130% !important;

}



/*

.sale_bnr{

	height:67px;

	padding:0 1%;

	margin-top:20px;

	padding-top:50px;

	background:url(../img/top/201609/otoku_bg.gif) no-repeat;

}



.sale_bnr li{

	width:48%;

	margin:0 1%;

	float:left;

}

*/



.sale_bnr{

	height:100px;

	padding:0 1%;

	margin-top:20px;

	padding-top:50px;

	background:url(../img/top/201609/otoku_bg.gif) no-repeat;

}



.sale_bnr li{

	width:397px;

	margin:0 auto;

}



.sale_bnr li img{

	width:100%;

}





/*   新商品　*/



.new_ttl{

  width:600px;

	height:62px;

	background:url(../img/top/201609/new_ttl.jpg) no-repeat;

	position:relative;

}



.new_ttl img{

	position:absolute;

	top:15px;

	right:15px;

}



.new_ttl img:hover{

  opacity:0.8;

}



/* ---------- 送料・お届けに関して ---------- */



#delivery{

	width:600px;

	height:23px;

	margin-top:15px;

	display:table;

}



#delivery p{

	padding:0 5px;

	display:table-cell;

	vertical-align:middle;

}











/* ---------- 専用アプリバナー ---------- */

.app_bnr{

	margin-top:15px;
/*    margin-bottom: 15px;*/

}











/* ---------- 注目の特集 ---------- */



#special{

	margin-top:10px;

}



.special_bnr_lg li{

	width:98%;

	margin:10px 1% 0;

}



.special_bnr_lg li:first-child{

	margin-top:0;

}



.special_bnr_lg li img{

	width:100%;

	margin-bottom:3px;

}



.special_bnr_sm li{

	width:48%;

	height:93px;

	margin:10px 1% 0;

	float:left;

}



.special_bnr_sm li img{

	width:100%;

	height:54px;

	margin-bottom:3px;

}











/* ---------- ピックアップカテゴリ ---------- */



#pickup{

	margin-top:10px;

}



.pickup_box_top{

	margin-top:0;

}



.pickup_box{

	margin-top:20px;

}



.pickup_box_l{

	width:60%;

	float:left;

}



.pickup_box_l img{

	width:100%;

}



.pickup_box_r{

	width:38%;

	float:right;

}





/* ---------- 定番特集 ---------- */



#fixture{

	margin-top:10px;

}



.fixture_box li{

	width:31.33%;

	height:118px;

	margin:10px 1% 0;

	float:left;

}



.fixture_box li:nth-child(1),

.fixture_box li:nth-child(2),

.fixture_box li:nth-child(3){

	margin-top:0;

}



.fixture_box li img{

	width:100%;

	margin-bottom:3px;

}





/* ---------- お問い合わせ ---------- */



.contact{

	width:600px;

	height:253px;

	margin-top:20px;

	background:url(../img/top/201609/contact_bg.png) no-repeat;

	position:relative;

}



.contact a img:hover{

	opacity:0.7;

}



.tel_btn{

	position:absolute;

	top:136px;

	left:13px;

}



.beginner_btn{

	position:absolute;

	top:136px;

	left:236px;

}



.web_btn{

	position:absolute;

	top:136px;

	right:14px;

}



.soryo_btn{

	position:absolute;

	bottom:15px;

	left:15px;

}



.delivery_btn{

	position:absolute;

	bottom:15px;

	left:208px;

}



.payment_btn{

	position:absolute;

	bottom:15px;

	right:12px;

}











/* ---------- よくあるご質問 ---------- */



#qa{

	margin-top:20px;

	padding:0 5px;

}



#qa h3{

	color:#000;

}



#qa ul li{

	margin-left:10px;

	padding-left:10px;

	font-size:85%;

	background:url(../img/top/201609/arrrow.gif) no-repeat;

	background-position:0 50%;

	float:left;

}



#qa ul li:first-child{

	margin-left:0;

}