@charset "utf-8";

/*
html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

body{
	margin:0;
	font-size:14px;
	line-height:18px;
	color:#333;
	-webkit-text-size-adjust: none;
	}

	h1{
	margin:0;
	padding:0;
	}


img{
	border:0;
	}

a{color:#e36f1d;}
a.textLink{ font-size:12px; padding-right:10px;}

*/

p {padding:10px; }

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

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}

.p10{ padding:10px;}
.pb10{ padding:10px;}
.pr10{ padding-right:10px;}
.m0{ margin:0;}
.mt10{ margin-top:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.clear{ clear:both;}
.lineTop{ border-top:1px dotted #CCC;}
.lineBottom{ border-bottom:1px dotted #CCC;}

/*角丸用
------------------------------------------*/
.kadomaru{
	/* 角丸 Safari,Google Chrome用 */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* 角丸 Firefox用 */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	}

.kadomaruTop{
	/* 角丸 Safari,Google Chrome用 */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/* 角丸 Firefox用 */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	}

.kadomaruBottom{
	/* 角丸 Safari,Google Chrome用 */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* 角丸 Firefox用 */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	}

.line01{
	background:url(../img/line01.gif);
	height:6px;
	overflow:hidden;
	}

.line03{
	background:url(../img/line03.gif);
	height:5px;
	overflow:hidden;
	}

/*タイトルバー
------------------------------------------*/
.title01,
.title02,
.title03,
.title04,
.title05,
.title06,
.title07,
.title08,
.title09,
.title10,
.title11,
.title12,
.title15,
.title16,
.title17{
	clear:both;
	font-size:16px;
	font-weight:bold;
	height:30px;
	margin:10px 0 0 0;
	}

.title01{ background:url(../img/bg_title01.gif) no-repeat; padding:2px 0 0 40px; }
.title02{ background:url(../img/bg_title02.gif) no-repeat; padding:2px 0 0 35px; }
.title03{ background:url(../img/bg_title03.gif) no-repeat; padding:2px 0 0 30px; }
.title04{ background:url(../img/bg_title04.gif) no-repeat; padding:2px 0 0 30px; }

.title05{
	background:url(../img/bg_title05.gif) ;
	padding:10px;
	height:auto;
	}
	
.title06{ background:url(../img/bg_title06.gif) no-repeat; padding:2px 0 0 35px;}
.title07{ background:url(../img/bg_title07.gif) no-repeat; padding:2px 0 0 40px;}
.title08{ background:url(../img/bg_title08.gif) no-repeat; padding:2px 0 0 30px;}
.title09{ background:url(../img/bg_title09.gif) no-repeat;padding:2px 0 0 30px;}
.title10{ background:url(../img/bg_title10.gif) no-repeat; padding:2px 0 0 40px;}
.title11{ background:url(../img/bg_title11.gif) no-repeat; padding:2px 0 0 35px;}
.title12{ background:url(../img/bg_title12.gif) no-repeat; padding:2px 0 0 30px;}
.title15{ background:url(../img/bg_title15.gif) no-repeat; padding:2px 0 5px 30px;height:auto; min-height:24px; background-position: left bottom;}
.title16{ background:url(../img/bg_title16.gif) no-repeat; padding:2px 0 0 35px;}
.title17{ background:url(../img/bg_title17.gif) no-repeat; padding:2px 0 0 30px; }

.title13{
	clear:both;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	background:url(../img/bg_title13.gif) no-repeat center left;
	padding:0 0 0 30px;
	margin:10px 0 10px 5px;
	height:20px;
	}

.title14{
	clear:both;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	background:url(../img/bg_title14.gif) no-repeat center;
	padding:0;
	height:33px;
	color:#603f11;
	text-align:center;
	}

/* 達人記事詳細 item.css .tatsujin_detail_title へ 移設 */
.title18{
	clear:both;
	font-size:16px;
	font-weight:bold;
	background:url(../img/icon_tatsujin.gif) no-repeat;
	padding:0 10px 10px 35px;
	margin:10px 0 0 0;
	}

.title19{
	clear:both;
	font-size:15px;
	font-weight:bold;
	background:url(../img/bg_title19.gif) no-repeat;
	padding:7px 10px 10px 37px;
	margin:10px 0 0 0;
	color:#FFF;
	}

.title20{
	clear:both;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	background:url(../img/bg_title20.gif) no-repeat center;
	padding:0;
	height:33px;
	color:#fff;
	text-align:center;
	}

.title_fromShop{
	padding:0;
	margin:10px 0 0 0;
	height:42px;
	clear:both;
	background:url(../img/bg_title_fromshop.gif) repeat-x;
	}
	
.title_review{
	padding:2px 0 0 25px;
	margin:10px;
	clear:both;
	background:url(../img/icon_review.gif) no-repeat;
	color:#603f11;
	font-size:13px;
	height:23px;
	}

.title_theme{
	background:url(../img/title_theme2.png) no-repeat #ffe7d3;
	padding:10px 10px 10px 80px;
	font-weight:bold;
	}

/*評価欄テーブル
------------------------------------------*/
table.report{
	border-collapse:collapse;
	width:100%;
	font-size:12px;
	margin:0 auto;
	}

table.report td{
	vertical-align:top;
	}

.reportBG{
	background:url(../img/bg_report.gif);
	padding:10px;
	}

/*メニューボタン　テーブル
------------------------------------------*/
table.menuBtn{
	border-collapse:collapse;
	width:100%;
	font-size:11px;
	line-height:15px;
	}

table.menuBtn td{
	border-right:1px solid #e5e4d0;
	border-left:1px solid #fff;
	border-bottom:1px solid #e5e4d0;
	background:url(../img/bg_gnavi.gif) repeat-x bottom;
	text-align:left;
	}

table.menuBtn th{
	border-right:1px solid #e5e4d0;
	border-left:1px solid #fff;
	border-bottom:1px solid #e5e4d0;
	background:#e5e4d1;
	}

table.menuBtn a{
	display:block;
	background:url(../img/arrow01.png) no-repeat center left;
	padding:10px 10px 10px 20px;
	color:#333;
	text-decoration:none;
	}

table.menuBtn a.open{
	background:url(../img/icon_plus.gif) no-repeat center left;
	padding-left:30px;
	}

table.menuBtn a.close{
	background:url(../img/icon_minus.gif) no-repeat center left;
	padding-left:30px;
	}


/*メニューボタン（お取り寄せの達人一覧）　テーブル
------------------------------------------*/
table.tatsujinBtn{
	border-collapse:collapse;
	width:100%;
	font-size:11px;
	line-height:15px;
	}

table.tatsujinBtn td{
	border-right:1px solid #e5e4d0;
	border-left:1px solid #fff;
	border-bottom:1px solid #e5e4d0;
	background:url(../img/bg_gnavi.gif) repeat-x bottom;
	text-align:left;
	vertical-align:top;
	width:50%;
	}

table.tatsujinBtn th{
	border-right:1px solid #e5e4d0;
	border-left:1px solid #fff;
	border-bottom:1px solid #e5e4d0;
	background:#e5e4d1;
	}

table.tatsujinBtn a{
	display:block;
	padding:10px 10px 10px 10px;
	color:#333;
	text-decoration:none;
	}


/*メニューボタン　リスト
------------------------------------------*/
ul.menuBtn{
	list-style:none;
	margin:0;
	padding:0;
	}

ul.menuBtn li{
	border-bottom:1px solid #e5e4d0;
	background:url(../img/bg_gnavi.gif) repeat-x bottom;
	}

ul.menuBtn a{
	display:block;
	background:url(../img/arrow01.png) no-repeat center left;
	padding:10px 10px 10px 20px;
	color:#333;
	text-decoration:none;
	}

ul.menuBtn a.open{
	background:url(../img/icon_plus.gif) no-repeat center left;
	padding-left:30px;
	}

ul.menuBtn a.close{
	background:url(../img/icon_minus.gif) no-repeat center left;
	padding-left:30px;
	}


ul.menuBtn li.back{
	background:url(../img/bg_gnavi2.gif) repeat-x bottom;
	}

ul.menuBtn li.back a{
	background:url(../img/arrow03.png) no-repeat center left;
	}

/*ページ送りリンク
------------------------------------------*/
.pageLink{
	padding:10px;
	clear:both;
	text-align:center;
	}

.pageLink a{
	border:1px solid #e36f1d;
	padding:5px;
	margin:0 3px 0 3px;
	font-size:12px;
	}

.pageLink a.cur{
	border:1px solid #808080;
	padding:5px;
	margin:0 3px 0 3px;
	font-size:12px;
	color: #808080;
	background-color: #C0C0C0;
	}

/*タブ
------------------------------------------*/
ul.tab {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:300px;
	}

.tabLine{
	border-bottom:4px solid #ffaf75;
	height:45px;
	}

ul.tab li.left{
	width:145px;
	height:41px;
	background:url(../img/arrow03.gif),url(../img/bg_tab02.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:center right 10px,100% 100%;
	float:left;
	text-align:center;
	padding:5px 0 0 0;
	}

ul.tab li.right{
	width:145px;
	height:41px;
	background:url(../img/arrow03.gif),url(../img/bg_tab02.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:center right 10px,100% 100%;
	float:right;
	text-align:center;
	padding:15px 0 0 0;
	}

ul.tab li.activeBox {
	background:url(../img/bg_tab01.jpg);
	height:45px;
	font-weight: bold;
}

/*写真配置パターン１：大×１＋右テキスト、小×３
------------------------------------------*/
.phoArea01{
	width:300px;
	height:190px;
	margin:10px auto;
	}

.phoArea01 .photo{
	margin:0;
	padding:0;
	height:110px;
	float:left;
	}

.phoArea01 .text{
	margin:0;
	padding:0;
	width:130px;
	font-size:14px;
	line-height:20px;
	height:110px;
	float:right;
	}

.phoArea01 ul{
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
	clear:both;
	}

.phoArea01 ul li{
	margin:0;
	padding:0;
	float:left;
	}

.phoArea01 ul li.center{
	margin:0 15px 0 15px;
	padding:0;
	}

/*写真配置パターン２：小×３＋キャプション
------------------------------------------*/
.phoArea02{
	width:300px;
    overflow:hidden;
	margin:10px auto;
	}

.phoArea02 ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}

.phoArea02 ul li{
	margin:0;
	padding:0;
	width:90px;
	font-size:12px;
	line-height:16px;
	float:left;
	}

.phoArea02 ul li.center{
	margin:0 15px 0 15px;
	padding:0;
	}

.relation_free{
	border-bottom: solid 2px #ec6200;
	}
	
/*写真配置パターン２ex：小×３＋キャプション を 複数段用に調整
------------------------------------------*/
.phoArea02ex{
	width:300px;
	margin:10px auto;
	display:block;
	text-align: center;
	}

.phoArea02ex ul{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	}

.phoArea02ex ul li{
	margin:0 0 3px 0;
	padding:0;
	width:96px;
	font-size:12px;
	line-height:16px;
	display: inline-table;
	vertical-align: top;
	text-align: center;
	}

.phoArea02ex ul li span {
	display: block;
	text-align: left;
	
	}

/*写真配置パターン３：写真＋テキストの帯タイプボタン
------------------------------------------*/
ul.phoArea03{
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.phoArea03 li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	line-height:16px;
	border-bottom:1px dotted #CCC;
	min-height:70px;
	}

ul.phoArea03 li.top{
	padding:0 0 10px 0;
	}

ul.phoArea03 li.topLine{
	padding:10px 0 10px 0;
	border-top:1px dotted #CCC;
	}

ul.phoArea03 li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	min-height:70px;
	}

ul.phoArea03 li .pho{
	float:left;
	margin:0 10px 0 0;
	}

ul.phoArea03 li p{
	margin:0;
	padding:0 20px 0 0;
	}

/*写真配置パターン４：小×３
------------------------------------------*/
.phoArea04{
	width:300px;
	height:70px;
	margin:10px auto;
	}

.phoArea04 ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}

.phoArea04 ul li{
	margin:0;
	padding:0;
	width:90px;
	font-size:12px;
	line-height:16px;
	float:left;
	}

.phoArea04 ul li.center{
	margin:0 15px 0 15px;
	padding:0;
	}

/*写真配置パターン５：写真＋テキストの帯タイプボタン　ランキング用Ａ
------------------------------------------*/
ul.phoArea05{
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.phoArea05 li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	height:70px;
	}

ul.phoArea05 li.rank01{
	height:110px;
	}

ul.phoArea05 li.rank01 .pho{
	float:left;
	margin:0 10px 0 0;
	}

ul.phoArea05 li.rank01 .itemName{
	margin:0;
	padding:0 20px 0 0;
	font-weight:normal;
	}

ul.phoArea05 li.rank01 .shopName{
	margin:0;
	padding:0 20px 0 0;
	font-size:12px;
	line-height:16px;
	}

ul.phoArea05 li.top{
	padding:0 0 10px 0;
	}

ul.phoArea05 li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	}

ul.phoArea05 li .pho{
	float:left;
	margin:0 10px 0 0;
	}

ul.phoArea05 li .itemName{
	margin:0;
	padding:0 20px 0 0;
	font-weight:normal;
	}

ul.phoArea05 li .shopName{
	margin:0;
	padding:0 20px 0 0;
	font-size:12px;
	line-height:16px;
	}

/*写真配置パターン６：小×３＋キャプション＋アイコン
------------------------------------------*/
.phoArea06{
	width:300px;
/*	float:left; */
    overflow:hidden;
	margin:10px auto;
	}

.phoArea06 ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}

.phoArea06 ul li{
	margin:0;
	padding:0;
	width:90px;
	font-size:12px;
	line-height:16px;
	float:left;
	}

.phoArea06 ul li.center{
	margin:0 15px 0 15px;
	padding:0;
	}

	/*写真配置パターン７：写真＋テキストの帯タイプボタン　ランキング用Ｂ
------------------------------------------*/
ul.phoArea07{
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.phoArea07 li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	min-height:155px;
	}

ul.phoArea07 li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	}

ul.phoArea07 li .genreName{
	margin:0 0 5px 0;
	font-weight: bold;
	}

ul.phoArea07 li .itemName{
	margin:0 0 10px 0;
	height:35px;
	font-weight:normal;
	}

ul.phoArea07 li .pho{
	clear:both;
	float:left;
	margin:0 10px 0 0;
	}

ul.phoArea07 li .text{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	/*padding:0 0 0 130px;*/
	width:290px;
	}

ul.phoArea07 li .btn{
	margin:0;
	padding:0;
	text-align:right;
	}

.rank7-10{
	color:#000;
	font-weight:bold;
	display:block;
	float:left;
	height:35px;
	padding:0 5px 0 0;
	}

/*写真配置パターン８：写真＋テキストの帯タイプボタン＋アイコン
------------------------------------------*/
ul.phoArea08{
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.phoArea08 li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	min-height:160px;
	}

ul.phoArea08 li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	}

ul.phoArea08 li .genreName{
	margin:0 0 5px 0;
	font-weight: bold;
	}

ul.phoArea08 li .itemName{
	margin:0 0 10px 0;
	min-height:35px;
	font-weight:normal;
	}

ul.phoArea08 li .pho{
	clear:both;
	float:left;
	margin:0 10px 0 0;
	}

ul.phoArea08 li .text{
	margin:0;
	padding:0 0 0 130px;
	color:#000;
	font-size:12px;
	/*width:150px;*/
	}

ul.phoArea08 li .tatsujin{
	margin:0;
	padding:5px 0 5px 0;
	/*width:160px;*/
	}

ul.phoArea08 li .icon{
	margin:0;
	padding:0;
	}

ul.phoArea08 li .btn{
	margin:0;
	padding:0;
	text-align:right;
	}

/*写真配置パターン：特撰ショップからのおすすめ
------------------------------------------*/
.shopRecommend{
	clear:both;
	margin:0;
	padding:10px;
	border-bottom:1px dotted #CCC;
	background:#fff2e8;
	min-height:110px;
	}

.shopRecommend .title{
	font-size:12px;
	font-weight:bold;
	color:#603f11;
	margin:0;
	}

.shopRecommend .pho{
	clear:both;
	float:left;
	margin:0 10px 0 0;
	}

.shopRecommend .text{
	margin:0;
	padding:0;
	font-size:12px;
	}

.shopRecommend .text a{
	font-size:14px;
	}


/*写真配置パターン９：写真＋テキストの帯タイプボタン　達人のおすすめ用
------------------------------------------*/
ul.phoArea09{
	margin:0;
	padding:0px 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.phoArea09 li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	min-height:70px;
	}

ul.phoArea09 li.top{
	padding:10px 0 10px 0;
	}

ul.phoArea09 li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	}

ul.phoArea09 li .pho{
	float:left;
	margin:0 10px 0 0;
	}

ul.phoArea09 li .itemName{
	margin:0;
	padding:0 20px 0 0;
	font-weight:normal;
	}

ul.phoArea09 li .tatsujin{
	margin:0 0 0 100px;
	padding:5px 0 5px 0;
	width:160px;
	font-size:12px;
	}


/*写真配置パターン10：大×１、小×３
------------------------------------------*/
.phoArea10{
	width:232px;
	height:190px;
	margin:10px auto;
	}

.phoArea10 ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	clear:both;
	}

.phoArea10 ul li{
	margin:0;
	padding:0;
	float:left;
	}

.phoArea10 ul li.center{
	margin:0 11px 0 11px;
	padding:0;
	}

/*写真配置パターン11：小×３＋キャプション
------------------------------------------*/
.phoArea11{
	width:230px;
	height:90px;
	margin:0 auto;
	}

.phoArea11 ul{
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}

.phoArea11 ul li{
	margin:0;
	padding:0;
	width:70px;
	font-size:10px;
	line-height:14px;
	float:left;
	}

.phoArea11 ul li.center{
	margin:0 10px 0 10px;
	padding:0;
	}

/*商品詳細写真 横幅 調整 写真配置パターン10：大×１、小×３ phoArea10 から改造
  商品詳細系は item.css .item_main_photo,item_thumb_photo へ 移設
------------------------------------------*/
.itemMainPhoto{
	width:100%;
	height:auto;
	position: relative;
	}

.itemMainPhoto img{
	max-width: 98%;
	height:auto;
	}

.itemMainPhoto img.arrow{
	position: absolute;
	bottom: 5px;
	right: 5px;
	}

.itemSubPhoto{
	width:232px;
	height:auto;
	margin:10px auto;
	}

.itemSubPhoto ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	clear:both;
	}

.itemSubPhoto ul li{
	margin:0;
	padding:0;
	float:left;
	}

.itemSubPhoto ul li.center{
	margin:0 11px 0 11px;
	padding:0;
	}

/*この商品を見た人はこんな商品も見ています
------------------------------------------*/
.title_kanren{
	padding:2px 0 0 10px;
	margin:10px;
	clear:both;
	color:#603f11;
	font-size:13px;
	height:23px;
	}

/*写真配置パターン１２：2015/10/15 追加 ランキング縦並び
------------------------------------------*/
ul.phoArea12{
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.phoArea12 li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	min-height:140px;
	}

ul.phoArea12 li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	}

ul.phoArea12 li .itemName{
	margin:0 0 10px 0;
	height:35px;
	font-weight:normal;
	}

ul.phoArea12 li .pho{
	clear:both;
	float:left;
	margin:0 10px 0 0;
	}

ul.phoArea12 li .text{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	padding:0 0 0 130px;
	width:150px;
	}

/*タイアップ用
------------------------------------------*/
ul.phoAreaTieUp{
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.phoAreaTieUp li {
	clear:both;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px dotted #CCC;
	min-height: 80px;
	}

ul.phoAreaTieUp li.top{
	padding:0 0 10px 0;
	}

ul.phoAreaTieUp li.topLine{
	padding:10px 0 10px 0;
	border-top:1px dotted #CCC;
	}

ul.phoAreaTieUp li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	min-height:60px;
	}

ul.phoAreaTieUp li .pho{
	float:left;
	margin:0 10px 0 0;
	}

ul.phoAreaTieUp li p {
	margin: 0;
	padding: 0 20px 0 0;
	min-height: 80px;
	}

/* カテゴリー一覧ページ タブ追加 4タブ
------------------------------------------*/
.tabLine4Head{
	border-bottom:4px solid #ffaf75;
	height:45px;
	}

.tabLine4Foot{
	border-top:4px solid #ffaf75;
	height:45px;
	margin: 0px 0px 10px 0px;
	}

ul.tab4 {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	font-size:0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

ul.tab4 li {
	font-size:12px;
	height:42px;
	display: inline-block;
	vertical-align: bottom;
	text-align:center;
	background-color: #ded0d0;
	border-width:1px 1px 0 1px;
}

ul.tab4 li.piece1{
	width:100%;
}

ul.tab4 li.piece2{
	width:50%;
}

ul.tab4 li.piece3{
	width:33.3%;
}

ul.tab4 li.piece4{
	width:25%;
}

ul.tab4 li.activeBox {
	background-color: #ffaf75;
	font-weight: bold;
}

ul.tab4 li.kadomaruTop{
	/* 角丸 Safari,Google Chrome用 */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	/* 角丸 Firefox用 */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border: solid #999;
	border-width:1px 1px 0 1px; 
}

ul.tab4 li.kadomaruBottom{
	/* 角丸 Safari,Google Chrome用 */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* 角丸 Firefox用 */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border: solid #999;
	border-width:0 1px 1px 1px; 
}

ul.tab4 li a {
	width:100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/* カテゴリー一覧、ランキング 下層カテゴリリストボックス
------------------------------------------*/
.genre_select_box {
	width: 90%;
	height:45px;
	font-size: 14px;
	border: 1px solid #999;
}

/*Best3 InFeed
  使われていないかも
------------------------------------------*/
div.best3_plug {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}
div.best3_item {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
div.best3_plug div.best3_item a {
	position: relative;
	background: url('');
}
div.best3_plug div.best3_item a p {
	width: 95%;
	margin: 0;
	padding: 90% 0 0;
	text-align: left;
}
div.best3_plug img.pho {
	position: relative;
	top: 8px;
	left: auto;
	width: 95%;
	height: 95%;
	z-index: 1;
}
div.best3_plug img.rank_badge {
	right: 0;
	position: absolute;
	width: 31px;
	height: 33px;
	z-index: 10;
}

div.best3_plug_main .best3_title {
	margin:0 0 5px 0;
	font-weight: bold;
}
div.best3_plug_main .best3_foot {
	clear:both;
	color: #666666;
	text-align: right;
	text-decoration: none;
	font-size: 12px;
}

/*商品リスト スリム化 phoArea08を改造
  商品一覧系は item.css .listing_item へ 移設
------------------------------------------*/
ul.itemList {
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.itemList li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	min-height:120px;
	}

ul.itemList li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	}

ul.itemList li .genreName{
	margin:0 0 5px 0;
	font-weight: bold;
	}

ul.itemList li .itemName{
	margin:0 0 10px 0;
	font-weight:normal;
	}

ul.itemList li .pho{
	clear:both;
	float:left;
	margin:0 10px 0 0;
	}

ul.itemList li .text{
	margin:0;
	padding:0 0 0 130px;
	color:#000;
	font-size:12px;
	}

ul.itemList li .tatsujin{
	margin:0;
	padding:5px 0 5px 0;
	}

ul.itemList li .icon{
	margin:0;
	padding:0;
	}

ul.itemList li .btn{
	margin:0;
	padding:0;
	text-align:right;
	}

/*商品リスト スリム化 phoArea07を改造
  ランキング系は item.css .listing_item へ 移設
------------------------------------------*/
ul.itemRanking{
	margin:0;
	padding:0 10px 0 10px;
	list-style:none;
	clear:both;
	}

ul.itemRanking li{
	clear:both;
	margin:0;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #CCC;
	min-height:120px;
	}

ul.itemRanking li a{
	display:block;
	background:url(../img/arrow02.gif) no-repeat right center;
	}

ul.itemRanking li .genreName{
	margin:0 0 5px 0;
	font-weight: bold;
	}

ul.itemRanking li .itemName{
	margin:0 0 10px 0;
	font-weight:normal;
	}

ul.itemRanking li .pho{
	clear:both;
	float:left;
	margin:0 10px 0 0;
	}

ul.itemRanking li .text{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	}

	/*ジャンル絞り検索
------------------------------------------*/
/* フローティング用 -- 2020/09廃止
.filtering_button {
  margin: 10px 20px 10px 20px;
  padding: 8px 0px 8px 0px;
  display: block;
  text-align: center;
  color: #000000;
  font-size: 16px;
  background-color: #FFCC99;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #ddd;
	border: solid 1px #FF9900;
}

.filtering_box { 
	min-height: 45px;
	background:url(../img/filter_search.png) no-repeat right 5% bottom 50%;
	background-size: 25px;
	background-color: #fff;
	display: inline-table;
	width: 100%;
	z-index: 30;
}
.filtering_box span {
	font-weight: bolder;
	padding: 0px 30px 0px 10px;
	color: #666666;
	display: table-cell;
	vertical-align: middle;
}
.filtering_box.fixed {
	position: fixed;
	top: 0;
	border-bottom: 1px solid #ccc;
}
*/

.pop_genre { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 999; display: none;}
.pop_genre .bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; background-color: rgba(0,0,0,0.8); }
.pop_genre .contents { width: 100%; z-index: 1001; position: absolute; }

.pop_genre .contents .genre_filter_box{
	border: 1px solid #3333;
	border-radius: 3px;
	margin: 1em;
	padding: 0.5em;
	background-color: #ffff;
}

.pop_genre .contents .genre_filter_box a {
	display: inline-flex;
	border: 1px solid #000;
	border-radius: 10px;
	padding: 0.5em 0.5em;
	margin: 0.25em;
	background: #fff;
	color: #000;
}

.pop_genre .contents .genre_filter_box .cancel {
	margin: 1em;
	text-align: center;
	border: 2px solid #cccc;
	border-radius: 20px;
	padding: 0.5em 0.5em;
	background-color: #cccc;
}

.pop_genre .contents .genre_filter_box .title {
	text-align: left;
	font-weight: bold;
	margin: 1em 0 1em;
	border-bottom: solid 1px;
}

.pop_genre .contents .close {
	float: right;
	width: 22px;
	height: 22px;
	background: url(../img/common/btn_close.png) 0 0 no-repeat;
	-webkit-background-size:22px 22px;
}
.pop_genre .contents .close span { display: none; }

/* SNSリンクボックス
---- */
.sns_link_box {
	margin:0;
	padding:10px 10px 0 10px;
}
.sns_link_box .sns_banner img {
	width: 100%;
	height: auto;
}
.sns_link_box .sns_links {
	margin: 10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.sns_link_box .sns_links li {
	width: 25%;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}
.sns_link_box .sns_links li img {
	width: 60%;
	height: auto;
}

/* 並べ替えボックス
---- */
.item_list_action_box {
	margin: 0.5em; 
}
.item_list_action_box ul {
	display: flex;
	margin: auto;
}
.item_list_action_box li {
	margin: 0.3em;
	text-align: center;
	border: 2px solid #cccc;
	border-radius: 10px;
	padding: 0.5em 0.5em;
	background-color: #cccc;
	width: 100%;
}
.item_list_action_box li > .selected {
	font-weight: bold;
}
.item_list_action_box li.filter {
	padding: 0.5em;
}
.item_list_action_box li.filter:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: -3px 5px 0 0;
	background:url(../img/filter_search2.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
}