@charset "UTF-8";

/* ===================================================================
	00 基本設定
	01 商品画像スライド
	02 商品情報
=================================================================== */

/* 00 基本設定
--------------------------------------------------------------------*/
#content #dialog_main {
	padding:10px;
}
#dialog_main h3.title {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	letter-spacing:3px;
	margin-bottom:15px;
	padding-bottom:10px;
}
#dialog_main p {
	text-align:left;
	line-height:1.3;
	margin-bottom:10px;
}
#dialog_main p .notes {
	color:#ff0000;
}
#dialog_main .item-photo {
	display:table-cell;
	width:40%;
}
#dialog_main .item-info {
	display:table-cell;
	text-align:left;
	width:60%;
	vertical-align:middle;
	line-height:1.4;
	padding:0 5px;
}
#dialog_main .item-photo img {
	width:100%;
}
#dialog_main .brand-name {
	font-weight:bold;
}
#dialog_main .item-name {
	margin-bottom:5px;
}

#dialog_main .item-color dt,
#dialog_main .item-color dd,
#dialog_main .item-size dt,
#dialog_main .item-size dd {
	float:left;
}
.item-color dt,
.item-size dt {
	width:20%;
}
.item-color dd,
.item-size dd {
	width:80%;
}

#dialog_main .mail-form {
	border-top:1px solid #ccc;
	margin-top:15px;
	padding-top:20px;
}
.mail-form dt {
	font-size:11px;
	margin-bottom:5px;
}
.mail-form dd {
	margin-bottom:5px;
}
.mail-form input {
	color:#666;
	width:90%;
	height:25px;
	border:2px solid #d6d6d6;
	line-height:25px;
	padding-left:5px;
}

#dialog_main .check.ok {
	color:#ff0000;
}

#dialog_main .dialog-button {
	margin-top: 15px;
}
.dialog-button a.simpleBtn {
	display:inline-block;
	height:35px;
	font-size:12px;
	line-height:35px;
}
.dialog-button a.back {
	background-position:10% center;
	margin-right:15px;
}
.dialog-button a.confirm {
	background-position:90% center;
}

.efoMsgBox {
	position:absolute;
	color:#fff;
	font-weight:bold;
	opacity:0.7;
	background:#000;
}
#msgBox_variationSelect {
	width:162px;
	height:25px;
	line-height:25px;
	border:1px solid #fff;
	box-sizing:border-box;
}
#msgBox_email {
	width:351px;
	height:29px;
	line-height:29px;
	border:1px solid #000;
	box-sizing:border-box;
}


/* mail_agreement
--------------------------------------------------------------------*/
.mail_agreement{
	background-color: #fff;
	padding: 10px 15px 0;
}

.mail_agreement_text{
	padding-bottom: 10px;
	margin-bottom: 0 !important;line-height: 1.4;
	text-align: center !important;
}
.mail_agreement_text a{
	text-decoration:underline;
	color: #5b9bd5;
}
.mail_agreement_check{
	text-align: center;
}
	.mail_agreement_check input[type=checkbox] {
		display: none;
		margin: 0;
	}
	.mail_agreement_check input[type=checkbox] + label {
		padding: 3px 0 0 20px;
	}
	.mail_agreement_check input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 0;
	}
	.mail_agreement_check input[type=checkbox] + label::before {
		width: 15px;
		height: 15px;
		background: url("/static/full/images/default/check.gif") no-repeat;
		background-size: 15px 15px;
	}
	.mail_agreement_check input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 10px;
		display: block;
		left: 0;
	}
	.mail_agreement_check input[type=checkbox]:checked + label::after {
		width: 15px;
		height: 15px;
		background: url("/static/full/images/default/checked.gif") no-repeat;
		background-size: 15px 15px;
	}
.errorText {
	color:#ff0000;
}


/* 01 一覧
--------------------------------------------------------------------*/
#dialog_main select {
	color:#666;
	height:25px;
	border:2px solid #d6d6d6;
	line-height:25px;
	padding-left:5px;
}


/* 02 詳細
--------------------------------------------------------------------*/