@charset "utf-8";

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
商品ページ
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.detail header { position: relative; }
.detail header #back {
	position: absolute;
	top: 2px;
	left: 5px;
}
.detail header #back a {
	color: #fff;
	font-size: 12px;
}
.detail header h1 img { width: 270px; }
#keyVis img {
	width: 100%;
	height: auto;
}
#qr, #qr_info {
	padding: 0 10px 10px;
	margin: 14px 10px 0;
	background-color: #e60012;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
	color: #000;
}
#qr h1 img, #qr_info h1 img { width: 100%; height: auto; }
#qr .inner, #qr_info .inner {
	background: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 5px 0 4px 6px;
}
#qr .inner:after {
	content: "";
	display: block;
	clear: both;
}
#qr .code, #qr_info .code { float: left; width: 50%; }
#qr .code img, #qr_info .code img { width: 100%; height: auto; }
#qr .code +.text, #qr_info .code +.text {
	float: right;
	padding-top: 8%;
	width: 49%;
}
#qr_info .code, #qr_info .code +.text {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding-top: 0;
}
#qr .code +.text img, #qr_info .code +.text img { width: 100%; }
#qr_info .code +.text {
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	font-weight: bold;
}
#qr_info .img { clear: both; padding: 5px 0 3px; }
#qr_info .img + .text {
	font-size: 10px;
	text-align: center;
	font-weight: bold;
}

#goods { margin: 12px 10px 0; color: #000; }
#goods h1 img { width: 100%; height: auto; }
#goods > div {
	border: solid #4c4c4c;
	border-width: 0 1px 1px;
}
#goods #items > li { padding: 18px 0 0; }
#goods #items > li:after {
	content: "";
	display: block;
	height: 1px;
	background-color: #c9c9c9;
	margin: 0 8px;
}
#goods #items > li:last-child:after {
	content: none;
}
#goods .first_box .image {
	width: 43%;
	text-align: center;
	float: left;
	margin-left: 6px;
}
#goods .first_box .image img {
	width: 100%;
	height: auto;
}
#goods .first_info {
	width: 53%;
	float: right;
	line-height: 20px;
	padding-bottom: 6px;
}
#goods .first_info:after {
	content: "";
	display: block;
	clear: both;
}
#goods .genre {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	width: 28px;
	height: 20px;
	background-color: #006cb8;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#goods .genre.order {
	background-color: #f6b240;
	font-size: 10px;
	letter-spacing: -1px;
	transform: scaleX(0.85);
	-moz-transform: scaleX(0.85);
	-webkit-transform: scaleX(0.85);
}
#goods .genre.code {
background-color: #666666;
font-size: 10px;
letter-spacing: -1px;
transform: scaleX(0.85);
-moz-transform: scaleX(0.85);
-webkit-transform: scaleX(0.85);
}
#goods .flag {
	margin-left: 4px;
	display: inline-block;
	vertical-align: top;
}
#goods .flag li { padding-bottom: 2px; }
#goods .flag li img { width: 95px; }

#goods .first_info h1 {
	color: #006cb8;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 3px 5px 5px 0;
}
#goods .first_info dl {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	margin-top: 6px;
}
#goods .first_info dl dt {
	float: left;
	min-width: 55px;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkitbox-sizing: border-box;
	padding-right: 1em;
}
#goods .first_info dl dt:after {
	content: "：";
	position: absolute;
	right: 0;
	top: 0;
}
#goods .first_info dl dd { padding-left: 55px; }
#goods .price_label {
	clear: both;
	font-size: 0;
	padding: 5px 10px;
}
#goods .price_label li {
	color: #fff;
	background: #e60012;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	height: 17px;
	min-width: 60px;
	padding: 2px 2px 0;
	margin: 0 5px 0 0;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#goods .price_label li.long { padding: 2px 0 0; }
#goods .price_label li.long span {
	display: block;
	letter-spacing: -0.5px;
	transform: scaleX(0.85);
	-moz-transform: scaleX(0.85);
	-webkit-transform: scaleX(0.85);
}
#goods .price {
	font-size: 11px;
	line-height: 17px;
	padding: 4px 10px;
	font-weight: bold;
}
/* ここから150703変更・追加 */
#goods .box_detail {
	padding: 0 0 7px;
}
#goods .button_text {
	display: block;
	text-align: center;
	font-size: 10px;
	color: #64a9fe;
	padding: 6px 0 7px;
}
#goods .button_text:after {
	content: "▼ 仕様をみる";
}
#goods .open .button_text:after {
	content: "▲ 仕様をとじる"
}
#goods .text {
	display: none;
	font-size: 10px;
	line-height: 13px;
	padding: 0 4px 8px;
}
#goods .open .text {
	display: block;
}
/* ここまで50703変更・追加 */
#btn_search { margin-top: 13px; }
.btn_buy { margin-bottom: 16px;}
#btn_search a,
.btn_buy a {
	display: block;
	width: 210px;
	height: 32px;
	margin: 0 auto;
	text-align: center;
	padding: 7px 0 0;
	background-color: #006cb8;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}
#btn_onlineshop a{
	display: block;
	width: 210px;
	margin: 0 auto;
	text-align: center;
	background-color: #f89216;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
}
.btn_buy a { height: 28px; }
#caution {
	font-size: 9px;
	text-align: center;
	padding: 7px 0 10px;
	letter-spacing: -1px;
}