@charset "shift_jis";

/* ===== 商品詳細ページ用CSS ===== */


/* --------------------------------------
　商品詳細独自仕様の設定
-------------------------------------- */

/* 商品詳細見出し */
.pageTtl{
	text-align:center;
	font-weight:bold;
}

.cmdtyName{
	font-size:16px!important;
	font-weight:bold!important;
	line-height:1.2;
	margin-bottom:10px;
	display:block;
}

/* エリア横マージン調整 class */
.bg_blockwidth{
	width:95%!important;
	margin:0 auto!important;
}
/* エリア縦マージン調整 class */
.bg_blockheight{
	margin-top:10px!important;
	margin-bottom:10px!important;
}

/* リード部分の調整 */
span.bg_title{
	display:block!important;
}
span.bg_title font[color="gray"]{
	/*color:#000!important;*/
}

/* イメージギャラリー画像サイズ補正 */
div.mcsp_ig2 .caroufredsel_wrapper img{
	width:100%!important;
	height:auto!important;
}

/* お買い得 */
.okaidoku{
	/*width:90%;*/
	padding:5px 10px;
	margin:15px auto 0!important;
	background-color:#ffe0e0;
	text-align:center;
}
.okaidoku font{
	font-size:16px!important;
	font-weight:bold!important;

}

/* --------------------------------------
　カート部分の設定
-------------------------------------- */

div.cartblock{
	/*width:90%;*/
	background:#F2F2F2;
	border:1px solid #ddd;
	padding:0 10px 20px 10px;
	margin:15px auto 20px!important;
}
div.setItem{
	margin-bottom:20px;
}
.cartblock form{
	border-top:1px solid #ddd;
	margin-top: 20px;
}
.cartblock form:first-of-type{
	border: none;
	margin-top: 0;
}
div.setItem > font > div{
	border-bottom:1px dotted #ccc;
	padding: 10px 0;
	font-size:12px!important;

}
/*div.setItem > font > div:last-child{
	border:none;
}*/

/* --------------------------------------
　ギャラリー下詳細部分の設定
-------------------------------------- */

/* 値段部分 */
div.bg_price {
	line-height:1.3;
}
div.bg_price font[color="fuchsia"],
div.bg_price font[color="gray"]{
	font-size:12px!important;
}
div.bg_price font[color="red"]{
	font-size:18px!important;
	font-weight:bold!important;
}
div.bg_price .setItem font[color="red"]{
	font-size:12px!important;
	font-weight:normal!important;
}
div.bg_price a,
div.bg_price a:hover{
	color:#000!important;
}


/* --------------------------------------
　説明部分の設定
-------------------------------------- */

div.bg_explanation span{
	display:block!important;
	margin:20px auto;
	font-size:16px!important;
	font-weight:bold;
}
div.bg_explanation .bg_explanation_title{
	margin:20px auto;
}
div.bg_explanation div.explanationImg{
	display:block;
	margin:0 auto 10px!important;
	text-align:center;
}
.bg_explanation form{
	margin-bottom:20px;
}

/*カートに入れるボタン設定*/
.bg_cart{
	width:280px!important;
	height:30px!important;
	background-size:280px auto !important;
	-webkit-background-size:280px auto !important;
	-moz-background-size:280px auto !important;
	-o-background-size:280px auto !important;
	-khtml-background-size:280px auto !important;
	-ms-background-size:280px auto !important;
	background:url("../../img/mobile/sp/detail/bg_cart.png") no-repeat top left;
	padding:0!important;
	margin:0 auto!important;
	border:none!important;
}

.bg_rsrv{
	width:280px!important;
	height:30px!important;
	background-size:280px auto !important;
	-webkit-background-size:280px auto !important;
	-moz-background-size:280px auto !important;
	-o-background-size:280px auto !important;
	-khtml-background-size:280px auto !important;
	-ms-background-size:280px auto !important;
	background:url("../../img/mobile/sp/detail/bg_rsrv.png") no-repeat top left;
	padding:0!important;
	margin:0 auto!important;
	border:none!important;
}

.bg_cart input,
.bg_rsrv input{
	width:280px;
	height:0!important;
	padding:0 0 30px!important;
	margin:0!important;
	overflow:hidden;
	border:none!important;
	background-color:transparent!important;
	cursor:pointer;
	font-size:0!important;
	color:transparent!important;
}


/* --------------------------------------
　関連商品系部分の設定
-------------------------------------- */

/* グレー背景タイトル */
div.relation_title{
	width:90%;
	background:#CCC;
	padding:10px;
	margin:20px auto!important;
	font-size:14px;
	text-align:center;
}

/* リスト上下ボーダー補正 */
div.itemList{
	margin:0 0 17px;
	line-height:1.4;
	border-top:1px solid #ababab!important;
	border-bottom:1px solid #ababab!important;
	overflow:hidden;
}