@charset "UTF-8";

/* 告知文 */
.contents_attention{
	margin: 2px auto;
	font-size: 90%;
	border: 1px solid #cccccc;
	border-left: 6px solid #cccccc;
	background-color:rgba(255,255,255,0.75);
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	box-sizing: border-box;
	position:relative;
	transition: 0.2s;
}
.contents_attention dl{
	margin: 0;
}
.contents_attention dt.closed:before,
.contents_attention dt.opened:before,
.contents_attention dt.link:before{
	display:block;
	width:32px;
	height:32px;
	box-sizing: border-box;
	border-radius:16px;
	color:#999999;
	font-size: 20px;
	line-height:32px;
	text-align:center;
	position:absolute;
	right:10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.25s ease-out;
}
.contents_attention dt.closed:before{content:">";transform: translateY(-50%) rotate( 90deg );}
.contents_attention dt.opened:before{content:">";transform: translateY(-50%) rotate( -90deg );}
.contents_attention dt.link:before{content:">";pointer-events: none;}

.contents_attention.important{
	border-color:#ff0000;
}
.contents_attention:hover,
.contents_attention.important:hover{
	border-color: #ff9900;
}
.contents_attention dt{
	cursor:pointer;
	position: relative;
	top: 0;
	left: 0;
}
.contents_attention dt:hover,
.contents_attention.important dt:hover {
	color: #ff9900;
}
.contents_attention dt .updatedate{
	color:#999999;
	font-size:80%;
	position: absolute;
	left: 12px;
	top: 0px;
}
.contents_attention dt span.text,
.contents_attention dt a{
	width: calc( 100% - 38px);
	height: 100%;
	display: block;
	padding: 12px 4px 0px 12px;
	box-sizing: border-box;
}
.contents_attention dt.opened span {
    font-weight: bold;
}
.contents_attention dt a:hover {
	text-decoration: none;
}

.contents_attention dd{
	border-top: 1px solid #cccccc;
	font-weight:lighter;
	padding-left:20px;
	margin: 0;
	word-break: break-word;

}
.contents_attention dd.opened{
	display:block !important;
}

/* クレジットカード決済(ヘッダー)  */
.att_creditcard_h{
	font-size:100%;
	background-color:#FAFAFA;
}
.att_creditcard_h dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_creditcard_h dt{
	color:#333333;
	font-weight:bold;
}
.att_creditcard_h dd{
	color:#000000;
	margin-left:10px;
}

/* クレジットカード決済  */
.att_creditcard{
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_creditcard dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_creditcard dt{
	color:#333333;
	font-weight:bold;
}
.att_creditcard dd{
	color:#000000;
	margin-left:10px;
}


/* 予約商品  */
.att_preorder{
	width:759px;
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_preorder dl{
	margin:0;
	padding:4px;
	font-size:100%;
}
.att_preorder dt{
	color:#333333;
	font-weight:bold;
}
.att_preorder dd{
	color:#000000;
	margin-left:10px;
}

/* 中古コンディションについて */
.att_preowned_condition{
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_preowned_condition dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_preowned_condition dt{
	color:#333333;
	font-weight:bold;
}
.att_preowned_condition dd{
	color:#333333;
	margin-left:10px;
}



/* 取り寄せ商品について */
.att_backorder{
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_backorder dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_backorder dt{
	color:#333333;
	font-weight:bold;
}
.att_backorder dd{
	color:#000000;
	margin-left:10px;
}



/* メディア系商品の初回仕様について */
.att_media{
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_media dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_media dt{
	color:#cc0000;
	font-weight:bold;
}
.att_media dd{
	color:#000000;
	margin-left:10px;
}



/* ゲーム系商品の初回仕様について */
.att_game{
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_game dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_game dt{
	color:#cc0000;
	font-weight:bold;
}
.att_game dd{
	color:#000000;
	margin-left:10px;
}



/* ホビー系商品の予約商品について */
.att_preorder_hobby{
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_preorder_hobby dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_preorder_hobby dt{
	color:#333333;
	font-weight:bold;
}
.att_preorder_hobby dd{
	color:#000000;
	margin-left:10px;
}



/* 在庫について */
.att_stock{
	font-size:100%;
	background-color:#FAFAFA;
	border:solid 1px #CCC;
}
.att_stock dl{
	margin:0;
	padding:4px;
	font-size:80%;
}
.att_stock dt{
	color:#333333;
	font-weight:bold;
}
.att_stock dd{
	color:#000000;
	margin-left:10px;
}