@charset "Shift_JIS";

/*========================================
共通
========================================*/
.goods_set {
	position:relative;
	line-height:1.4;
	overflow:hidden;
}

.tax,
.cp_discount,
.cp_limit { display:inline-block; }

.cp_discount + .cp_limit { margin-left:0.5em; }

.copy { text-align:left; }

.name_box { margin-bottom:0.5em; }

.goods_set .name,
.goods_set .copy { margin-bottom:0.3em; }

.cp_discount {
	background-color:#f30;
	color:#fff;
	padding:0.2em 0.5em 0.1em;
	font-size:1.13em;
	line-height:1;
	font-weight:bold;
}

.cp_limit {
	color:#333;
	font-weight:normal;
	margin-left:0.2em;
}

.cp_box {
	display:inline-block;
	font-size:0.75em;
}

.btn { margin-top:0.5em; }

.btn a { text-decoration:none; }

img.r_img { height:auto; }

.img_box {
	margin-bottom:0.5em;
	text-align:center;
}
.body_pc .display_matrix .img_box {
    image-rendering: -webkit-optimize-contrast;
}

.checker {
	font-size:0.88em;
	background-color:#f5f5f5;
	text-align:center;
	margin:0.5em 0;
	padding-top:0.1em;
}

.checker strong { font-size:1.13em; }

#booktop .checker { display:none; }

.excuse { font-size:0.88em; }

.display_matrix .goods_set,
.display_matrix2 .goods_set,
ul.display_hybrid .goods_set,
ol.display_hybrid .goods_set { margin:0 0.5em; }

.display_matrix .cp_box,
.display_matrix2 .cp_box,
ul.display_hybrid .cp_box,
ol.display_hybrid .cp_box {
	margin-top:0.2em;
	display:block;
}

.display_matrix .excuse { text-align:center; }

/*========================================
価格回り
========================================*/
.price_box {
	margin:0 auto;
	line-height: 1.2;
}

span.price1:after {
	content:"\e986";
	font-family:icomoon;
	font-weight:normal;
	opacity:0.7;
	margin-left:0.1em;
}

.display_matrix .price1:after,
.display_exact2 .price1:after,
.table_price .price1:after,
.display_hybrid .price1:after,
.body_sph .cagoods_set .price1:after { content:"\e985"; }

.price2 {
	display:inline;
	margin-right:5px;
}

.display_exact2 .price2,
.table_price .price2,
.display_hybrid .price2 {
	display:block;
	margin:0;
	margin-bottom:0.2em;
}

.display_matrix .price2 { display:block; }

/*========================================
縦組み
========================================*/
.display_matrix li,
.display_matrix2 li,
.body_pc .display_hybrid li {
	float:left;
	text-align:center;
}

.display_matrix .goods_set,
.display_matrix2 .goods_set,
.body_pc .display_hybrid .goods_set,
.body_sph .display_hybrid2 .goods_set { margin-bottom:1.5em; }

.display_matrix td,
.display_matrix2 td {
	vertical-align:top;
	text-align:center;
}

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

.display_matrix { min-height: 1px; }

* html .display_matrix { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

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

.display_matrix2 { min-height: 1px; }

* html .display_matrix2 { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.display_matrix .name_box,
.display_matrix2 .name_box,
.body_pc .display_hybrid .name_box,
.body_sph .display_hybrid .name_box,
.body_sph .display_hybrid2 .name_box { font-size:0.88em; }

/*========================================
横組み
========================================*/
/*clearfix*/
ul.display_exact:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

ul.display_exact { min-height: 1px; }

* html ul.display_exact { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

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

ul.display_exact2 { min-height: 1px; }

* html ul.display_exact2 { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.display_exact td,
.display_exact2 td {
	vertical-align:top;
	text-align:left;
}

.display_exact .goods_set,
.display_exact2 .goods_set,
.body_sph ul.display_hybrid .goods_set,
.body_sph ol.display_hybrid .goods_set { margin:0.5em; }

.display_exact .img_box,
.display_exact2 .img_box,
.body_sph ul.display_hybrid .img_box,
.body_sph ol.display_hybrid .img_box {
	width:120px;
	float:left;
	text-align:left;
}

.display_exact .txt_box,
.display_exact2 .txt_box,
.body_sph ul.display_hybrid .txt_box,
.body_sph ol.display_hybrid .txt_box {
	margin-left:130px;
	text-align:left;
}

.display_exact .name,
.display_exact2 .name,
.body_sph .display_hybrid .name { font-weight:bold; }

.display_exact .goods_set .copy,
.display_exact2 .goods_set .copy,
.body_sph .display_hybrid .copy { font-size:0.88em; }

.display_exact .txt_box .btn,
.display_exact2 .txt_box .btn,
.body_sph ul.display_hybrid .btn,
.body_sph ol.display_hybrid .btn { text-align:right; }

.display_exact .txt_box .cp_limit,
.display_exact2 .txt_box .cp_limit,
.body_sph ul.display_hybrid .cp_limit,
.body_sph ol.display_hybrid .cp_limit { margin-left:0.5em; }

.display_exact .goods_set .price1 { margin-right:0.2em; }

/*========================================
キャンペーンのバンザイ表示
========================================*/
.r_banzai .goods_set { padding-top:1.6em; }

.r_banzai .goods_set .cp_box { display:block; }

.r_banzai .goods_set .cp_discount {
	display:block;
	width:100%;
	background:none;
	color:#f30;
	font-weight:bold;
	position:absolute;
	left:0;
	top:0;
	font-size:1.3em;
	text-align:center;
	padding:0;
}

.r_banzai .goods_set .cp_discount:before { content:"＼ "; }

.r_banzai .goods_set .cp_discount:after { content:" ／"; }

.r_banzai .display_matrix .goods_set .cp_discount strong,
.r_banzai .display_matrix2 .goods_set .cp_discount strong { font-size:1.2em; }

.display_exact .r_banzai .cp_discount,
.display_exact2 .r_banzai .cp_discount { width:140px; }

/*========================================
display_focus
========================================*/
.display_focus { overflow:hidden; }

.body_pc .display_focus { font-size:1.3em; }

.display_focus .price2 { font-size:1.3em; }

.display_focus .cp_box { font-size:0.7em; }

.display_focus .tax { font-size:0.5em; }

.display_focus .display_matrix,
.display_focus .display_matrix2 { text-align:center; }

.display_focus .display_matrix .price2 { display:block; }

.body_pc .display_focus .display_exact .img_box,
.body_pc .display_focus .display_exact2 .img_box { width:25%; }

.body_pc .display_focus .display_exact .txt_box,
.body_pc .display_focus .display_exact2 .txt_box { margin-left:28%; }

.body_pc .display_focus .display_exact .img_box img,
.body_pc .display_focus .display_exact2 .img_box img { width:100%; }

/*========================================
ハイブリッド div
========================================*/
.body_pc div.display_hybrid .display_matrix li,
.body_pc div.display_hybrid .display_matrix2 li { width:25%; }

.body_sph div.display_hybrid .display_matrix li,
.body_sph div.display_hybrid .display_matrix2 li { width:33%; }

.body_pc div.display_hybrid .display_exact li {
	width:50%;
	float:left;
}

.body_sph div.display_hybrid .display_exact li { }

/*========================================
ハイブリッドサマリー型
========================================*/
/*clearfix*/
.display_hybrid:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.display_hybrid { min-height: 1px; }

* html .display_hybrid { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.body_pc .display_hybrid li { width:25%; }

/*========================================
ハイブリッド2列表示
========================================*/
/*clearfix*/
.display_hybrid2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.display_hybrid2 { min-height: 1px; }

* html .display_hybrid2 { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.display_hybrid2 li {
	width:48%;
	float:left;
	margin:0 1% 0.5em;
}

.body_pc .display_hybrid2 .img_box {
	width:120px;
	float:left;
	text-align:left;
}

.body_pc .display_hybrid2 .txt_box {
	margin-left:130px;
	text-align:left;
}

.body_pc .display_hybrid2 .name { font-weight:bold; }

.body_pc .display_hybrid2 .goods_set .copy { font-size:0.88em; }

.body_pc .display_hybrid2 .txt_box .btn { text-align:right; }

.body_pc .display_hybrid2 .txt_box .cp_limit { margin-left:0.5em; }

.body_pc .display_hybrid2 .goods_set .price1 { margin-right:0.2em; }

.body_sph .display_hybrid2 li { text-align:center; }

.body_sph .display_hybrid2 .btn img { width:10em; }

/*========================================
cagoodsSp
========================================*/
.cagoods_set { position:relative; }

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

.cagoods_set { min-height: 1px; }

* html .cagoods_set { height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.cagoods_set .btn a { display:inline-block; }

.cagoods_set dt,
.cagoods_set dd { display:inline-block; }

.display_exact .goods_set { margin-bottom:1.5em; }

.display_exact li .cagoods_set .btn {
	position:absolute;
	right:0;
	bottom:0;
}

.body_pc .display_exact li .cagoods_set .img_box {
	width:180px;
	text-align:center;
}

.body_pc .display_exact li .cagoods_set .txt_box { margin-left:200px; }

.body_pc .display_exact li .cagoods_set .img_box img { max-height:180px; }

#fashiontop .display_exact li .cagoods_set .img_box img,
#innertop .display_exact li .cagoods_set .img_box img,
#booktop .display_exact li .cagoods_set .img_box img { max-height:inherit; }
/*========================================
スマホ対応
========================================*/
@media screen and (max-width:650px) {
 .goods_set {
line-height:1.25;
}
}

/*========================================
ボタンサイズ最適化
========================================*/
.btn img {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

body.body_pc .display_matrix .btn img,
body.body_pc .display_matrix2 .btn img { width:100%; }

body.body_pc .display_exact .btn img,
body.body_pc .display_exact2 .btn img,
body.body_pc .display_hybrid2 .btn img {
	min-width:150px;
	width:48%;
}

body.body_pc .display_focus .btn img { width:50%; }

body.body_sph .display_exact .img_box,
body.body_sph .display_exact2 .img_box,
body.body_sph ul.display_hybrid .img_box,
body.body_sph ol.display_hybrid .img_box { width:35%; }

body.body_sph .display_exact .txt_box,
body.body_sph .display_exact2 .txt_box,
body.body_sph ul.display_hybrid .txt_box,
body.body_sph ol.display_hybrid .txt_box { margin-left:38%; }

body.body_sph .display_exact .btn img,
body.body_sph .display_exact2 .btn img,
body.body_sph .display_hybrid .btn img {
	min-width:110px;
	width:10em;
}

/*========================================
アイコン追加
========================================*/
.cagoods_set .icon_box,
.goods_set .icon_box {
	text-align:left;
	margin-bottom:0.2em;
	display:none\9;/*IE8*/
}
.goods_set .icon_box:not(:target) {
display:block\9;/*IE9,10再設定*/
}

.cagoods_set .icon_box img,
.goods_set .icon_box img {
	margin:1px;
	height:1em;
}

/*========================================
ボタン回り
========================================*/
.btn_stock { font-size:0.88em; }

.btn_stock:before {
	content:"\e987";
	font-family:icomoon;
	font-size:1.3em;
	margin-right:0.3em;
}

/*========================================
ランクアップダウン
========================================*/
.rankup:before {
	content:"\e9ae";
	font-family:icomoon;
	color:#ff433c;
}

.rankstay:before {
	content:"\e986";
	font-family:icomoon;
	color:#999;
}

.rankdown:before {
	content:"\e9af";
	font-family:icomoon;
	color:#7acce4;
}

/*========================================
ベストバイ
========================================*/
#pickup_recommend li.bestbuy { position:relative; }

#pickup_recommend li.bestbuy:after {
	content:"";
	display:block;
	width:4.5em;
	height:4.5em;
	background:url("/common/image/mark_bestbuy.png") no-repeat left top;
	background-size:contain;
	position:absolute;
	left:0;
	top:0.3em;
	transform:rotate(-15deg);
	z-index:2;
}

.body_sph #pickup_recommend li.bestbuy:after { width:3.5em; }