@charset "utf-8";
/* CSS Document */

#main .left_side { float:left; width:240px; padding-top:16px; }
#main .cate_list_area { width:100%; 
	/* background-color:#fbfbfb;  */
	/* border:1px solid #cccccc;  */
	box-sizing:border-box; 
}
#main .cate_title { width:100%; padding:8px 10px; 
	/* background-color:#f5f5f5;  */
	/* border-bottom:1px solid #cccccc;  */
	box-sizing:border-box; 
	font-size:13px; color:#000000; font-weight:bold; }
#main .cate_list { padding:6px 10px 10px 10px; }
#main .cate_list ul { }
#main .cate_list ul li { padding:4px 0; }
#main .cate_list ul li a { font-size:14px; color:#777777; }
#main .cate_list ul li a:hover { color:#000000; }
#main .cate_list ul li.lv2 { padding: 3px 0 3px 20px; }
#main .cate_list ul li.lv2 a { font-size: 12px; }
#main .cate_list ul li ul li.lv3 { padding: 3px 0 3px 20px; }

#main .right_side { float:right; width:850px; }
#main .content_area { padding:0 20px; }

/*-------------------------------------------------------------------------------------*/
/* PRODUCT */

.prd_content { padding-bottom:24px; }
.prd_content .prd_cate_name { padding-right:300px; padding-bottom:4px; font-size:18px; line-height:18px; }
.prd_content .prd_cate_name+.multipage { position:absolute; right:15px; top:0; }

.prd_list { padding:6px 0 16px 0; margin:0 -10px; }
.prd_list .prd_item { float:left; width:290px; padding:10px; box-sizing:border-box; }
.prd_list .prd { width:100%; text-align:center; }
.prd_list .prd_photo { width:100%; position:relative; }
.prd_list .prd_photo > img { width:100%; }
.prd_list .prd_photo .photo { display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; }
.prd_list .prd_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_list .prd_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }
.prd_list .prd_title { height:67px; padding-top:10px; padding-bottom:6px; background:url(../img/prd_title_line.png) no-repeat center bottom; font-size:15px; color:#000000; line-height:19px; overflow: hidden; }
.prd_list .prd_price { padding:10px 0; font-size:16px; color:#333333; font-weight:600; }
.prd_list .prd_btn { padding:5px 0; text-align:center; }
.prd_list .prd_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:32px; padding:0 8px; background-color:#9f824a; border:1px solid #cccccc; box-sizing:border-box; font-size:14px; line-height:30px; color:#ffffff; }
.prd_list .prd_btn a:hover { background-color:#ffffff; color:#333333; }

.prd_detail { padding-bottom:24px; }
.prd_detail .prd_detail_photo { float:left; width:430px; }
.prd_detail .prd_detail_photo .large_photo { width:100%; box-sizing:border-box; position:relative; }
.prd_detail .prd_detail_photo .large_photo > img { width:100%; }
.prd_detail .prd_detail_photo .large_photo .photo { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; text-align:center; font-size:0; }
.prd_detail .prd_detail_photo .large_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .large_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }

.prd_detail .prd_detail_photo .photo_enlarge { text-align:center; padding-top:8px; font-size:16px; }
.prd_detail .prd_detail_photo .photo_enlarge i { font-size:20px; font-style:normal; }
.prd_detail .prd_detail_photo .photo_enlarge a { color:#333333; }
.prd_detail .prd_detail_photo .photo_enlarge a:hover { xcolor:#9f824a; }

.prd_detail .prd_detail_photo .sub_photo_list { padding-top:16px; margin:0 -3px; }
.prd_detail .prd_detail_photo .sub_photo { float:left; width:103px; margin:0 3px;  box-sizing:border-box; position:relative; }
.prd_detail .prd_detail_photo .sub_photo > img { width:100%; }
.prd_detail .prd_detail_photo .sub_photo .photo { position:absolute; left:0; top:0; display:block; width:100%; height:100%; box-sizing:border-box; font-size:0; text-align:center; }
.prd_detail .prd_detail_photo .sub_photo .photo:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.prd_detail .prd_detail_photo .sub_photo .photo img { max-width:100%; max-height:100%; vertical-align:middle; }

.prd_detail .prd_detail_info { float:right; width:calc(100% - 480px); padding:0 10px 8px 10px; box-sizing:border-box; font-size:14px; color:#333333; }
.prd_detail .prd_detail_header { padding:6px 10px; margin:0 -10px; border-bottom:1px solid #cccccc; color:#333333; }
.prd_detail .prd_detail_name { font-size:28px; font-weight:bold; color:#333333; }
.prd_detail .prd_detail_cate { font-size:18px; }
.prd_detail .prd_detail_code { font-size:18px; }
.prd_detail .prd_detail_desc { padding:15px 0; }
.prd_detail .prd_detail_youtube { padding:15px 0; }
.prd_detail .prd_detail_youtube iframe { max-width:100%; height:360px; border:0; }
.prd_detail .prd_detail_price { height:24px; padding:15px 0; font-size:18px; line-height:24px; }
.prd_detail .prd_detail_price .sp_buy_free { color: red; }
.prd_detail .prd_detail_color { height:30px; padding:15px 0; font-size:18px; line-height:30px; margin-bottom: 20px; }
.prd_detail .prd_detail_size  { height:30px; padding:15px 0; font-size:18px; line-height:30px; margin-bottom: 30px; }
.prd_detail .prd_detail_color span.label,
.prd_detail .prd_detail_size  span.label { margin-right: 100%; }
.prd_detail .prd_detail_color select, 
.prd_detail .prd_detail_size  select { width:100%; max-width:200px; height:30px; vertical-align:top; padding:4px; box-sizing:border-box; }
.prd_detail .prd_detail_qty { height:24px; padding:15px 0; font-size:18px; line-height:24px; }
.prd_detail .prd_detail_qty label { vertical-align:top; }
.prd_detail .prd_detail_qty input[type=text], 
.prd_detail .prd_detail_qty input[type=number] { width:100px; height:100%; vertical-align:top; padding-left:6px; }
.prd_detail .prd_detail_btn { padding:15px 0; }
.prd_detail .prd_detail_btn a { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:36px; padding:0 20px; background-color:#000000; margin:0 auto; border:0; box-sizing:border-box; font-size:14px; line-height:36px; color:#ffffff; }
.prd_detail .prd_detail_btn a:hover { background-color:#9f9f9f; color:#ffffff; }
.prd_detail .prd_detail_other { float:left; width:100%; padding:18px 0; border-top:1px solid #cccccc; }
.prd_detail .prd_detail_other img { max-width:100%; }

.carousel-main .carousel-cell img { object-fit: contain; }

.prd_detail .desc_img { xpadding: 10px 0; xmargin: 0; width: 100%; display: inline-block; }
.prd_detail .desc_img img { max-width:100%; margin-top: 20px; }

.prd_detail_sp_price { color: #dfb6b0; }

#invalid_color_msg { display:none;color:#FF0000;font-size:12px; }
#invalid_size_msg { display:none;color:#FF0000;font-size:12px; }

/*-------------------------------------------------------------------------------------*/
/* COMMON CONTENT */

.common_title { padding:0 20px 12px 20px; margin:0 -20px; background:url(../img/title_line.png) no-repeat right bottom; font-size:26px; color:#333333; line-height:1; font-weight:bold; }
.common_content { min-height:400px; padding:20px 0; font-size:14px; color:#333333; line-height:20px; }
.common_content h3 { padding-bottom:4px; font-size:18px; font-weight:bold; line-height:24px; }
.common_content p { }
.common_content a { color:#333333; }
.common_content a:hover { }





@media screen and (max-width: 1199px){
	#main .left_side { }
	#main .right_side { width:700px; }
}

@media screen and (max-width: 1023px){
	/* desktop to ipad */
	
	#main .left_side { width:200px; }
	#main .right_side { width:calc(100% - 220px); }
	
}


@media screen and (max-width: 767px){
	/* ipad to iphone 6 plus */
	.main .direct_path_area{padding-right: 0;}
	.side-title {
		background: #d7b1c0;
		padding: 15px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#main .left_side{width: 100%;}
	#main .right_side { width:100%; }
	}

@media screen and (max-width: 1199px){
	.prd_list .prd_item { width:25%; }
}

@media screen and (max-width: 1023px){
	.prd_list .prd_item { width:33.33%; }
	
}

@media screen and (max-width: 520px){
	.prd_list .prd_item { width:50%; }
}