/* ------------------------------
 Product Detail
------------------------------ */
#main>.inner{
	width:auto;
	margin:auto;
	max-width:1440px;
}

#article{
	background:#FFF;
}
#article>.inner{
	width:920px;
	margin:auto;
}

#article h2{
	font-weight:normal;
	font-family:'Reimin Y10 Medium';
	font-size:20px;
	line-height:1.5;
	margin:10px 0px 20px 0px;
	background:#FFF;
}

#article .left-column{
	width:420px;
	float:left;
}
#article .right-column{
	width:460px;
	float:right;
}

.shopping-banner{
	margin:20px auto;
}
.shopping-banner a{
	background-image:url(https://yukieglass.com/shop/img/detail_ban_shopping.png);
	width:910px;
	height:60px;
	margin:auto;
}

p.no-item-caption{
	font-size:13px;
	line-height:1.5;
	text-align:center;
	padding:80px 0;
}

.sp-mode #article{
	padding:15px;
}

.sp-mode #article h2{
	font-size:36px;
	margin:15px 0px;
}

.sp-mode #article .left-column{
	width:auto;
	float:none;
	margin-bottom:30px;
}
.sp-mode #article .right-column{
	width:auto;
	float:none;
}

.sp-mode p.no-item-caption{
	font-size:26px;
}

.sp-mode .shopping-banner a{
	background-image:url(https://yukieglass.com/shop/img/detail_ban_shopping_sp.png);
	width:610px;
	height:120px;
}



/* ------------------------------
 Product Detail - Image List
------------------------------ */

#image-list #image-container{
	width:420px;
	height:420px;
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}
#image-list #image-container a{
	position:absolute;
	display:none;
}
#image-list #image-container a.active{
	display:block;
}
#image-list #image-container a img{
	width:420px;
}

#image-list #thumb-container{
	margin:5px 0px;
	text-align:center;
}
#image-list #thumb-container a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:none;
	margin:1px;
	border:2px solid #EEEAE5;
}
#image-list #thumb-container a.active{
	border-color:#CB1300;
	cursor:default;
}
#image-list #thumb-container a img{
	width:78px;
}

#image-list .ph-caption{
	font-size:10px;
	line-height:1.5;
	color:#999;
	background:#FFF;
}

.sp-mode #image-list #image-container{
	margin:10px 0px;
	float:none;
	width:610px;
	height:610px;
}
.sp-mode #image-list #image-container a img{
	width:610px;
}
.sp-mode #image-list #thumb-container{
	float:none;
	width:auto;
}
.sp-mode #image-list #thumb-container a{
	margin:4px;
}
.sp-mode #image-list #thumb-container a img{
	width:110px;
}
.sp-mode #image-list .ph-caption{
	clear:both;
	font-size:14px;
}

.sp-mode .mfp-gallery .mfp-close{
	font-size:60px !important;
	width:80px;
	height:80px;
	top:-25px;
	padding-right:0;
	right:0;
}


/* ------------------------------
 Product Detail - Left-Column
------------------------------ */

.left-column .package-banner{
	text-align:center;
	margin:20px 0px;
}

.sp-mode .left-column .package-banner img{
	width:500px;
}



/* ------------------------------
 Product Detail - Right-Column
------------------------------ */

.right-column form{
	background:#F7F5F2;
	padding:15px 15px 0px 15px;
}

.right-column form dl.form-main-list{
	padding-bottom:15px;
}
.right-column form .form-main-list dt{
	font-size:11px;
	padding:5px 0px;
	color:#333333;
}
.right-column form .form-main-list dd.price{
	font-size:16px;
	height:30px;
	line-height:30px;
	color:#C91300;
	float:left;
}
.right-column form .form-main-list dd.num-field{
	font-size:11px;
	height:30px;
	line-height:30px;
	float:right;
	margin-right:20px;
	margin-top:2px;
	position:relative;
}
.right-column form .form-main-list dd.num-field input{
	width:20px;
	line-height:1;
	height:13px;
}
.right-column form .form-main-list dd.num-field .up-btn{
	position:absolute;
	top:1px;
	font-size:1px;
	line-height:1;
}
.right-column form .form-main-list dd.num-field .down-btn{
	position:absolute;
	top:14px;
	font-size:1px;
	line-height:1;
}
.right-column form .form-main-list dd.soldout{
	font-size:13px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	color:#C91300;
	float:left;
	margin-left:15px;
}
.right-column form .form-main-list dd.cart-btn{
	float:right;
}
.right-column form .form-main-list dd.cart-btn input{
	width:130px;
	height:30px;
}

.right-column form dl.form-option-list{
	padding:15px 0px;
	border-top:1px solid #D7C8AF;
}
.right-column form dl.form-option-list dt{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	line-height:1.5;
	background:#F7F5F2;
}
.right-column form dl.form-option-list dd{
	font-size:11px;
	color:#333333;
	line-height:1.6;
	padding-top:5px;
	background:#F7F5F2;
}

.right-column form dl.form-option-list dd div.strap-option-container{
	background:#FFF;
	margin-bottom:2px;
	padding:5px 10px 5px 5px;
	position:relative;
}
.right-column form dl.form-option-list dd div.strap-option-container label{
	cursor:pointer;
	display:block;
	background:#FFF;
	float:left;
}
.right-column form dl.form-option-list dd div.strap-option-container label input{
	cursor:pointer;
	margin-right:6px;
	outline:0;
}
.right-column form dl.form-option-list dd div.strap-option-container span{
	display:block;
	float:right;
	margin-top:3px;
}
.right-column form dl.form-option-list dd div.strap-option-container label span{
	display:inline;
	float:none;
	margin:0;
	font-size:12px;
}
.right-column form dl.form-option-list dd div.strap-option-container em{
	display:block;
	position:absolute;
	top:7px;
	right:-46px;
}
.right-column form dl.form-option-list dd div.strap-option-container span a{
	color:#0080FF;
}

.right-column .detail-caption-section{
	padding-top:20px;
}
.right-column .detail-caption-section p{
	padding-bottom:12px;
	font-size:12px;
	line-height:1.8;
	color:#555;
	background:#FFF;
}

.right-column form dl.alert{
	padding:15px 0px;
	border-top:1px solid #D7C8AF;
}
.right-column form dl.alert dt{
	font-size:12px;
	font-weight:bold;
	color:#CB1300;
	line-height:1.5;
}
.right-column form dl.alert dd{
	font-size:11px;
	color:#CB1300;
	line-height:1.5;
	padding-top:5px;
}

.sp-mode .right-column form .form-main-list dt{
	font-size:16px;
}
.sp-mode .right-column form .form-main-list dd.price{
	font-size:28px;
	height:auto;
	line-height:1.5;
	padding-top:5px;
}
.sp-mode .right-column form .form-main-list dd.num-field{
	font-size:20px;
	height:auto;
	line-height:1.5;
	padding-top:5px;
}
.sp-mode .right-column form .form-main-list dd.num-field input{
	font-size:20px;
	width:12px;
	height:auto;
}
.sp-mode .right-column form .form-main-list dd.num-field .up-btn,
.sp-mode .right-column form .form-main-list dd.num-field .down-btn{
	display:none;
}

.sp-mode .right-column form .form-main-list dd.soldout{
	font-size:22px;
	height:auto;
	line-height:1.5;
	padding-top:10px;
}
.sp-mode .right-column form .form-main-list dd.cart-btn input{
	width:216px;
	height:50px;
}

.sp-mode .right-column form dl.form-option-list{
	border-top:2px solid #D7C8AF;
}
.sp-mode .right-column form dl.form-option-list dt{
	font-size:22px;
}
.sp-mode .right-column form dl.form-option-list dd{
	font-size:18px;
}
.sp-mode .right-column form dl.form-option-list dd.option-caption{
	font-size:16px;
}
.sp-mode .right-column form dl.form-option-list dd div.strap-option-container{
	padding:10px 6px 8px 6px;
}
.right-column form dl.form-option-list dd div.strap-option-container label{
	cursor:pointer;
}
.right-column form dl.form-option-list dd div.strap-option-container label input{
	cursor:pointer;
	margin-right:6px;
	outline:0;
}
.sp-mode .right-column form dl.form-option-list dd div.strap-option-container span{
	margin-top:0px;
}
.sp-mode .right-column form dl.form-option-list dd div.strap-option-container label span{
	font-size:18px;
}
.sp-mode .right-column form dl.form-option-list dd div.strap-option-container em{
	display:none;
}

.sp-mode .right-column .detail-caption-section{
	padding-top:25px;
}
.sp-mode .right-column .detail-caption-section p{
	padding-bottom:15px;
	font-size:20px;
}

.sp-mode .right-column form dl.alert{
	border-top:2px solid #D7C8AF;
}
.sp-mode .right-column form dl.alert dt{
	font-size:22px;
}
.sp-mode .right-column form dl.alert dd{
	font-size:20px;
}




/* ------------------------------
 Product Detail - Popup
------------------------------ */
#popup-container{
	display:none;
}

.detail-popup{
	width:600px;
	margin:10px auto;
	text-align:left;
	background:#FFF;
	position:relative;
}
.detail-popup .text-container{
	margin:0 25px;
	padding-bottom:25px;
}
.detail-popup .text-container h3{
	font-size:18px;
	font-weight:normal;
	color:#CB1300;
	margin-top:25px;
	background:#FFF;
}
.detail-popup .text-container p{
	color:#555;
	line-height:1.7;
	margin-top:1em;
	background:#FFF;
}
.detail-popup .text-container p.main-text{
	font-size:13px;
}
.detail-popup .text-container p.caption-text{
	font-size:10px;
}

.detail-popup .text-container{
	padding-bottom:35px;
}
.sp-mode .detail-popup .text-container h3{
	font-size:26px;
}
.sp-mode .detail-popup .text-container p.main-text{
	font-size:20px;
}
.sp-mode .detail-popup .text-container p.caption-text{
	font-size:18px;
}
.sp-mode .detail-popup .mfp-close{
	font-size:60px !important;
	width:80px;
	height:80px;
}

.package-popup .left-column{
	width:300px;
	float:left;
}
.package-popup .right-column{
	width:280px;
	float:right;
}


.package-popup h3{
	height:76px;
	text-indent:-9999px;
	background:url(https://yukieglass.com/shop/img/popup_package_cap.png) no-repeat;
	margin:100px 0 30px 0;
}
.package-popup .caption{
	font-size:13px;
	line-height:1.8;
	color:#666;
	margin-bottom:15px;
	margin-right:20px;
}


/* ------------------------------
 Product Detail - Retina
------------------------------ */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
	.shopping-banner a{
		background-image:url(https://yukieglass.com/shop/img/detail_ban_shopping@2x.png);
		background-size:contain;
	}
}