@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(all.css);
@import url(common_parts.css);
@import url(common.css);


/*
 item_list
==============================*/

/* main ----------*/
.main_inner { width: 100%; max-width: 1100px; margin: 2rem auto 0; }
section {margin-bottom: 10rem;}
.ttl_img{margin-bottom: 3rem; }
.choose_color { margin-bottom: 19rem; }
.choose_color .img_box img { width: 100%; }
.sec_ttl { margin-bottom: 3rem; }
.img_box{position: relative;}
.img_text{ line-height: 1.2; color: #fff;position: absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);width: 100%;z-index: 2;}
.item_type .img_box a::after{content:"";width: 100%;height: 100%;background: rgba(68, 68, 68, 0.6);display: block;position: absolute;top: 0;z-index: 1;}
.choose_color .img_box a { position: relative; display: block; }
.choose_color .img_box a::after {content:"";width: 100%;height: 100%; display: block;position: absolute;top: 0;z-index: 1;}
.choose_color .blk::after { background: rgba(29, 29, 29, 0.6); }
.choose_color .red::after { background: rgba(172, 52, 49, 0.4); }
.choose_color .ora::after { background: rgba(217, 163, 0, 0.4); }
.choose_color .brow::after { background: rgba(87, 50, 40, 0.4); }
.choose_color .green::after { background: rgba(71, 135, 69, 0.4); }
.choose_color .navy::after { background: rgba(0, 89, 178, 0.4); }
.choose_color .beige::after { background: rgba(225, 205, 153, 0.4); }
.choose_color .gray::after { background: rgba(221, 221, 221, 0.4); }
.choose_color .img_text span { font-size: 1.2rem; vertical-align: middle; letter-spacing: 0px; }
.item_type .img_text, .choose_color .img_text, .choose_material .img_text{ font-size: 1.4rem; }

@media screen and (max-width: 768px) {
	.item_type div { width: 50%!important; }
	.item_type .img_box { width: 100%!important; }
	.item_type img, .material_type img { width: 100%; }
	.item_type .img_text, .choose_color .img_text, .choose_material .img_text { font-size: 2rem; }
		.main_inner { margin-top: 5rem; }
	.choose_material { margin-bottom: 5rem; }
	section { margin-bottom: 5rem; }
	.sec_inner { margin: 0!important; }
	.material_type, .item_type  {padding: 0 5rem!important;}
	.sec_subttl { margin: 0 0 1rem; }
	.sub_ttl { font-size: 1.8rem; }
	.main_ttl { font-size: 2.5rem; }
	.main_ttl span { width: 100%; }
	.sec_subttl { font-size: 2rem; }
	#mv .mv_text_item, .sec_text, .basic_care .sec_text, .basic_care .sec_text, .item_contents .min_text, .img_text,
	.flb_box .img_text, .step_item .img_text, .care_info .sec_text, .q_text, .a_text { font-size: 2rem; }
	.main_ttl { font-size: 2.5rem; height: 6rem; }
	.ttl_img { margin-bottom: 5rem; }
}

@media screen and (max-width: 414px) {
	.material_type, .item_type  {padding: 0 3.5rem!important;}
	section { margin-bottom: 6rem!important; }
	.item_type .img_text, .choose_color .img_text { font-size: 1.5rem; }
	.main_ttl { font-size: 2.2rem; height: auto; }
	.sec_subttl, .sec_ttl, .sec_subttl { font-size: 2rem; }
	.main_ttl { margin-right: -3.5rem; margin-left: -3.5rem; }
	.main_ttl, .sec_ttl { margin-bottom: 3rem; }
	#mv .mv_ttl { margin-bottom: 0.8rem; }
	#mv .mv_text_box { position: static; transform: none; top: auto; max-width: inherit; width: auto; text-align: center; padding: 3rem 3.5rem 0; }
	#mv .mv_text_item { font-size: 1.6rem; }
	#mv .mv_ttl { font-size: 2.3rem; }
	#mv .mv_text_item, .sec_text, .basic_care .sec_text, .basic_care .sec_text, .item_contents .min_text, .img_text,
	.flb_box .img_text, .step_item .img_text, .care_info .sec_text, .q_text, .a_text, .art_ttl, .contact_target li, .sec_subttl { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
	.ttl_img { margin-bottom: 3rem; }
	.choose_material { margin-bottom: 5rem!important; }
}