@charset "Shift_JIS";

/*相殺*/

.pc_none { display:none; }

.detail_contents {
	border-bottom: 3px solid #000;
	padding-bottom:1em;
}

.goodsdetail_box .goods_spec {
	width:44%;
	float:right;
}

.goodsdetail_box .goods_img {
	width:52%;
	float:left;
}

.db_include19 { margin:0.5em 0; }

/*========================================
初期値
========================================*/

#tab_box_kuchikomi,
 #tab_faq { display:none; }

/*========================================
タイトル
========================================*/

#detail_info h2 { font-size:1.2em; }

.goods_recommend .title {
	margin-bottom:0.7em;
	border-bottom:1px dotted #000;
	padding-bottom:0.2em;
}

#db_include1 {
	padding-top:1em;
	border-top:1px dashed #666;
	margin-top:1em;
}

/*========================================
画像
========================================*/

.detail_m {
	margin-bottom:1em;
	text-align:center;
}

.detail_present {
	max-width:100%;
	height:auto;
	margin-bottom:1em;
}

/*========================================
関連商品
========================================*/



#tab_related { clear:both;/*仮*/ }

#tab_related .goods_set {
	width:160px;
	font-size:0.88em;
}

#tab_related .goods_set .copy { display:none; }

.detail_notice { margin-bottom:0.5em; }

/*========================================
関連商品スライダー
========================================*/

#slider_wrap {
	margin: 0 auto;
	padding: 0 3em;
	position: relative;
	overflow:hidden;
}

#slider_prev,
 #slider_next {
	position: absolute;
	cursor: pointer;
	width:45px;
	height:45px;
	text-indent:-9999em;
	background-position:center center;
	background-repeat:no-repeat;
	top: 45%;
}

#slider_prev {
	left: 0;
	background-image:url("/sph/image/select_prev.png");
}

#slider_next {
	right:0;
	background-image:url("/sph/image/select_next.png");
}

#slider {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#slider_inner ul.panel {
	width: 680px;
	float: left;
}

#slider_inner ul.panel li {
	margin: 0;
	display: block;
}

#slider_inner ul.panel li .goods_set { width:135px; }

#slider_inner ul.panel img { border: none; }

#slider_inner { margin-left:0/*IE8バグ対策*/; }

/*========================================
本文一律文字調整
========================================*/

#detail_info {
	font-size:1.2em;
	line-height:1.7;
	clear:both;
}

/*========================================
回り込み回避
========================================*/

/*clearfix*/

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

.detail_method { min-height: 1px; }

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

/*========================================
tab
========================================*/

.tab_navi {
	display:table;
	table-layout:fixed;
	width:100%;
	font-size:0.78em;
	margin-bottom:1.2em;
	border-collapse:collapse;
}

.tab_navi li {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border:0.1em solid #ccc;
	border-bottom:0.2em solid #ccc;
	background:url("/common/image/bg_grd.png") repeat-x left bottom;
}

.tab_navi li.selected {
	border:0.1em solid #ccc;
	border-bottom-color:#fff;
	background:#fff;
}

.tab_navi li.selected a { border-top:0.25em solid #000; }

.tab_navi li a {
	text-decoration:none;
	padding:0.7em 0.5em;
	display:block;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin:2px;
}

.tab_navi li:hover { background:#fff; }

/*========================================
tab_box
========================================*/

.tab_box { margin-bottom:2em; }

/*clearfix*/

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

.tab_box { min-height: 1px; }

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

/*========================================
spec_select
========================================*/

.select_box { margin-bottom:0.5em; }

.select_box select { font-size:1.2em; }

.select_box dl { margin-bottom:0.1em; }

/*========================================
L画像切替
========================================*/

#goodsdetail_box1 .detail_l {
	text-align:center;
	margin-bottom:1.5em;
	position:relative;
	min-height:370px;
}

#goodsdetail_box1 .detail_l img { max-height:370px; }

.goodsgroup03 #goodsdetail_box1 .detail_l img {
	max-height:inherit;
	max-width:370px;
}

#bookdetail #goodsdetail_box1 .detail_l img {
	max-height:inherit;
	max-width:340px;
}

/*------------------------------
画像切替サムネイル
------------------------------*/

/*clearfix*/

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

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

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

/*========================================
商品セット回り
========================================*/


/*========================================
goods_recommend
========================================*/

.goods_recommend .goods_set {
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}

.goods_recommend .img_box img {
	width:65px;
	height:65px;
	padding:2px;
}

.goods_recommend .img_box {
	float:left;
	width:75px;
}

.goods_recommend .txt_box { margin-left:85px; }

#goods_matome .name_box { font-size:0.88em; }

#goods_matome .icon_box,
 #goods_matome .name { display:none; }

#goods_matome .goods_set { border-bottom:1px dotted #ccc; }

#goods_matome .btn { text-align:right; }

#goods_matome .btn img { width:9em; }

/*========================================
magazine_ranking
========================================*/

dl.magazine_ranking {
	margin:20px 0 40px 0px;
	padding:0;
}

dl.magazine_ranking dt {
	background-color:#FF3366;
	color:#ffffff;
	font-weight:normal;
	text-align:left;
	margin:0px 0 10px 0px;
	padding:4px 5px 3px 10px;
}

dl.magazine_ranking dt .magazine_bar { }

dl.magazine_ranking dd {
	margin:5px 0 10px 10px;
	padding:0;
	text-align:center;
}

dl.magazine {
	width:710px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

dl.magazine dt {
	background-color:#FFF;
	background-image:none;
	color:#FF3333;
	margin:0;
	padding:0;
	height:auto;
}

dl.magazine dd {
	text-align:left;
	padding:0 0 5px 0;
	margin:3px 0 5px 10px;
	font-size:0.75em;
	color:#666666;
	border-bottom:1px solid #ededed;
}

dl.magazine_ranking p {
	color:#333333;
	font-size:0.75em;
	text-align:left;
	display:block;
	margin:0px 0 0px 0;
	text-indent:13px;
	padding:3px 0;
	background-image:url("../image_base/c_search_arrow.jpg");
	background-repeat:no-repeat;
	background-position:0 2px;
}

dl.magazine dt .magazine_tit {
	color:#FF3366;
	font-size:1.13em;
	font-weight:bold;
	letter-spacing:3px;
}

dl.magazine dt .magazine_month {
	font-size:0.88em;
	padding:0 0 0 0px;
	color:#FF3366;
}

dl.magazine dt .m_rank {
	padding:0 0 0 10px;
	font-weight:bold;
}

dl.magazine dt .m_company {
	font-size:0.88em;
	padding:0 0 0 10px;
	color:#333333;
}

dl.magazine dt .magazine_month .minitxt {
	font-size:0.75em;
	padding:0 0 0 0px;
	color:#FF3366;
}

/*========================================
shousai_review
========================================*/

#shousai_review {
	width:720px;
	margin:0 0 0 0px;
	padding:5px 0 0 0px;
}

#shousai_review hr {
	clear:both;
	display:block;
	border:1px solid #ffffff;
	margin:0;
	padding:0;
}

#shousai_review h5 {
	display:block;
	margin:0;
	padding:0;
}

#shousai_review h5 img {
	margin:0;
	padding:0;
}

/*タレント*/

#shousai_review .review_talent,
 #shousai_review .review_talent_man {
	margin:0;
	padding:0px 0 0px 0;
	text-align:left;
}

#shousai_review .review_talent .review_talent_txt,
 #shousai_review .review_talent_man .review_talent_txt { padding:10px 0 0px 10px; }

#shousai_review .review_talent .review_talent_txt img,
 #shousai_review .review_talent_man .review_talent_txt img { float:left; }

#shousai_review .review_talent .review_talent_txt div.talent_name1 {
	float:right;
	width:555px;
	margin:0;
	padding:8px 0 5px 0;
	border:0px solid #000000;
	color:#fb5038;
	font-weight:bold;
}

#shousai_review .review_talent_man .review_talent_txt div.talent_name1 {
	float:right;
	width:555px;
	margin:0;
	padding:8px 0 5px 0;
	border:0px solid #000000;
	color:#325acf;
	font-weight:bold;
}

#shousai_review .review_talent .review_talent_txt div.talent_comment1 {
	float:right;
	width:570px;
	margin:0;
	padding:0;
	border:0px solid #000000;
	background-image:url("/sitetop/image_base/review_fukidashi1.jpg");
	background-repeat:repeat-y;
	background-position:left top;
}

#shousai_review .review_talent_man .review_talent_txt div.talent_comment1 {
	float:right;
	width:570px;
	margin:0;
	padding:0;
	border:0px solid #000000;
	background-image:url("/sitetop/image_base/review_fukidashi1_man.jpg");
	background-repeat:repeat-y;
	background-position:left top;
}

#shousai_review .review_talent .review_talent_txt div.talent_comment2 {
	width:570px;
	margin:0;
	padding:0;
	border:0px solid #000000;
	background-image:url("/sitetop/image_base/review_fukidashi2.jpg");
	background-repeat:no-repeat;
	background-position:left bottom;
}

#shousai_review .review_talent_man .review_talent_txt div.talent_comment2 {
	width:570px;
	margin:0;
	padding:0;
	border:0px solid #000000;
	background-image:url("/sitetop/image_base/review_fukidashi2_man.jpg");
	background-repeat:no-repeat;
	background-position:left bottom;
}

#shousai_review .review_talent .review_talent_txt span.talent_comment3,
 #shousai_review .review_talent_man .review_talent_txt span.talent_comment3 {
	margin:0;
	padding:0.7em;
	padding-left:1.7em;
	text-align:left;
	display:block;
	font-size:0.88em;
}

#shousai_review .user_more {
	font-size:0.75em;
	text-align:right;
}

.goodsdetail_box { margin-bottom: 1em; }

/*========================================
インクルード個別設定
========================================*/

#detail_include1 { margin-bottom:0; }

/*========================================
旧デザイン用のインクルード設定
========================================*/

#detail_include9 { margin-top:1em; }

/*========================================
インクルード個別設定
========================================*/

#detail_include1 { margin-bottom:1em; }

#detail_method104,
 #detail_method105,
 #detail_method106 { margin-bottom:2em; }

#detail_method107,
 #detail_method108 { margin-bottom:1em; }

/*========================================
カートのポップアップ
========================================*/

.tooltip_cartin {
	position:relative;
	background:#fff;
	border:1px solid #666;
	box-shadow: rgba(0, 0, 0, 0.3) 0.2em 0.2em 0.3em 0;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0.2em 0.2em 0.3em 0;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0.2em 0.2em 0.3em 0;
	border-radius:0.7em;
	-webkit-border-radius:0.7em;
	-moz-border-radius:0.7em;
	padding:0.7em;
	width:22em;
	text-align:center;
	position:absolute;
}

.tooltip_cartin:after,
 .tooltip_cartin:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tooltip_cartin:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.tooltip_cartin:before {
	border-color: rgba(204, 204, 204, 0);
	border-top-color: #666;
	border-width: 11px;
	margin-left: -11px;
}

.tooltip_cartin .btn_close {
	text-align:left;
	width:1.3em;
	text-indent:-9999em;
	overflow:hidden;
	font-size:0.88em;
	background:url("/common/image/mark_close.png") no-repeat right top;
	background-size:1.3em auto;
	-webkit-background-size:1.3em auto;
	-moz-background-size:1.3em auto;
	-o-background-size:1.3em auto;
	-ms-background-size:1.3em auto;
	position:absolute;
	right:0.5em;
	top:0.5em;
}

.tooltip_cartin .btn_box {
	margin:0.5em 0;
	text-align:center;
}

.body_pc .tooltip_cartin .btn_box div { width:50%; }

.body_pc .tooltip_cartin .btn_box a {
	font-size:0.88em;
	display:block;
	padding:0.7em 0.5em;
}

.body_pc .tooltip_cartin .btn_box .btn_next a {
	background:#f98c17;
	color:#fff;
}

.tooltip_cartin p {
	display:inline-block;
	background:url("/common/image/mark_addcart.png") no-repeat left center;
	background-size:2em auto;
	-webkit-background-size:2em auto;
	-moz-background-size:2em auto;
	-o-background-size:2em auto;
	-ms-background-size:2em auto;
	padding:0.5em;
	padding-left:2.5em;
	margin:0;
	text-align:left;
}

.tooltip_templates { display: none; }

/*========================================
関連シリーズ
========================================*/

#series_goods li { width:20%; }

#series_goods li .goods_set { width:auto; }

#tab_related_series .goods_set .img_box {
	border:0.1em solid #ccc;
	padding:0.7em;
}

#tab_related_series li .goods_set img { max-height:100px; }