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

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


/*
 shopping_guide
==============================*/
.open_btn {cursor: pointer;}
.cor_blk {color: #000;}

/* mv ----------*/
#mv { margin-top: 2rem; }
#mv { width: 100%; }
#mv .inner { width: 100%; max-width: 1100px; margin: 0 auto; position: relative;}
#mv .mv_text_box { background: rgba(255, 255, 255, 0.9); position: absolute; top: 4rem; left: 0; max-width: 360px; padding: 2rem 2rem 2rem 3rem; }
#mv .mv_ttl {font-size: 3rem; color: #33190C; line-height: 1.1; font-feature-settings : "palt"; padding-bottom: 1rem; }
#mv .mv_text_item { font-size: 1.6rem; color: #33190C; margin: 0; line-height: 1.2; font-feature-settings : "palt"; }

/* main ----------*/
.main_inner { width: 100%; max-width: 1100px; margin: 10rem auto 12rem; }
section { margin: 0 10rem; }
.sec_subttl{ font-size: 2rem; font-weight: normal; margin: 3rem 0 1rem; color: #444; }
.sec_text { font-size: 1.4rem; line-height: 1.5; width: 100%; max-width: 540px; margin: 0 auto; }
.contents{height: 0;padding: 0;overflow: hidden;transition: 0.8s;}
.cont_inner {padding: 3rem 0 10rem;}
.sec_ttl {position: relative;color: #633319;font-size: 2.5rem;background: #F8F7F5;padding: 1rem 2rem;border-top: 2px solid #633319;border-bottom: 2px solid #633319;margin-top: -2px;}
.sec_ttl .ttl_item{ width: calc(100% - 35px);display: inline-block;}
.sec_ttl::after{ content: "\f055"; font-family: "Font Awesome 5 pro"; position: absolute; right: 2rem; font-size: 3rem; top: 0.5rem; }
.open.sec_ttl::after {content: "\f056";font-family: "Font Awesome 5 pro";}
article{margin-bottom: 5rem;}
.art_text{font-size: 1.4rem;}
.art_list{padding-left: 4rem; margin-top: 2em;position: relative; }
.lhd { position: absolute; left: 1em; }
.npl { padding-left: 1em; }
.npl_li { margin-left: -1em; }
.link_btn .btn{ font-size: 1.6rem; border: 1px solid #633319; border-radius: 5px; width: 35%; margin: 3rem auto 0; background: #633319; line-height: 1.2; color: #fff; }
.link_btn  .btn a { color: #fff; display: block; padding: 1rem 3rem; }
.link_btn  .btn i { font-size: 2.5rem; vertical-align: sub; }

/* guide_meue---------------------------------------------------------------------*/
.guide_menu{background: #F8F7F5; margin-bottom: 10rem;}
.flb_box {display: flex;flex-direction : row-reverse}
.link_box {padding: 2rem 5rem;width: 60%;}
.link_box li{border-bottom: 1px solid #aaa;padding: 1rem 0;position: relative;}
.link_box li:last-child{border-bottom: none;}
.link_box a{font-size:2rem; color: #633319;}
.link_box a::after{content:"\f105"; font-family: "Font Awesome 5 pro";width: 1.5rem; height: auto; display: block; position: absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right: 0;font-size: 2.4rem;color: #AAA;}
.guide_menu .img_box{width: 40%;}
.guide_menu .img_box img{width: 100%;}

/* guide_meue__end----------------------------------------------------------------*/
/* flow---------------------------------------------------------------------------*/
.flow .cont_item{display: flex;margin-bottom: 3rem;}
.flow .cont_item .img_box{margin-right: 3rem;width: 50%;}
.flow .cont_item .text_box{width: 50%;}
.flow .cont_ttl {font-size: 2rem;}
.flow .cont_text{font-size: 1.4rem; line-height: 1.5; letter-spacing: -0.5px;}
.flow .cont_item img{width: 100%;}
.flow .cont_13 {margin-bottom: 0;}
.flow .cont_13 .art_innter{ border: 1px solid #ccc; padding: 3rem 5rem;}
.flow .cont_13 p{margin: 0;}
.flow .cont_13 .art_ttl {font-size: 2rem;}
.flow .cont_13 .li{font-size: 1.8rem;}
.flow .cont_13 .annotation{font-size: 1.4rem;}

/* flow__end---------------------------------------------------------------------------*/
/* payment---------------------------------------------------------------------------*/
.img_box_b {border: 1px solid #CCC;}

.payment .art_ttl{font-size:2rem; color: #000; font-weight: normal;padding-left: 2rem;border-bottom: 1px solid #633319;margin-bottom: 2rem;}
.payment .art_text{font-size: 1.4rem;color: #444;padding-left: 2rem;}
.payment .art_list{padding-left: 4rem;}
.payment .art_list li{list-style-type: disc;font-size: 1.4rem;}
.payment .art_table table {max-width: 700px;width: 100%;text-align: center;border:1px solid #9E806F;margin-bottom: 2rem;}
.payment .art_table .table_head{background: rgba(99, 51, 25, 0.5);}
.payment .art_table th{color: #fff;padding: 1rem 0 0.5rem;}
.payment .art_table td{border:1px solid #9E806F;padding: 1rem 0 0.5rem;}
.payment .cont_03{margin-bottom: 0;}

/* payment__end---------------------------------------------------------------------------*/
/* postage---------------------------------------------------------------------------*/
.postage .art_table table {max-width: 700px;width: 100%;text-align: center;border:1px solid #9E806F;margin-bottom: 2rem;}
.postage .art_table tr{border: 1px solid #9E806F;}
.postage .art_table th{color: #fff;vertical-align: middle;background: rgba(99, 51, 25, 0.5);}
.postage .art_table td{border:1px solid #9E806F;padding: 1rem 0;}
.postage .cont_01{margin-bottom: 0;}


/* postage__end---------------------------------------------------------------------------*/
/* send---------------------------------------------------------------------------*/
.send .art_ttl{font-size:2rem;font-weight: normal;padding-left: 2rem;border-bottom: 1px solid #633319;margin-bottom: 2rem;}
.send .art_text{font-size: 1.4rem;color: #444;padding-left: 2rem;}
.send .art_subttl{font-size: 1.8rem;font-weight: normal;padding-left: 2rem;}
.send .cont_03{margin-bottom: 0;}

/* postage__end---------------------------------------------------------------------------*/
/* cancel---------------------------------------------------------------------------*/

.cancel .art_ttl{font-size:2rem;font-weight: normal;padding-left: 2rem;border-bottom: 1px solid #633319;margin-bottom: 2rem;}
.cancel .art_text{font-size: 1.4rem;color: #444;padding-left: 2rem;}
.cancel .cont_inner { padding-bottom: 0; }
.contact_target .art_inner{ border: 1px solid #ddd; padding: 3rem 5rem;}
.contact_target p{margin: 0;}
.art_ttl {font-size: 2rem;}
.contact_target .li{font-size: 1.8rem;}
.annotation{font-size: 1.4rem;}
.ann_icon {display: block;float: left;}
.ann_text {display: block;float: left;width: calc(100% - 15px);}


@media screen and (max-width: 768px ) {
	#main { margin-top: 5rem; margin-bottom: 7rem; }
	section { margin: 0 5rem 5rem!important; }
	.main_inner { margin: 5rem auto 7rem;}
	.sec_inner {margin: 0 2rem;}
	.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, .flow .cont_text, .payment .art_list li, .art_text,.payment .art_table table, .postage .art_table table, .contact_target li, .payment .art_text, .send .art_text, .cancel .art_text, .art_list { font-size: 2rem; }
	.main_ttl { font-size: 2.5rem; height: 6rem; }
	.sec_ttl { font-size: 2.2rem; padding-right: 3em; }
	.sec_inner { margin: 0 5rem; }
	.link_box { padding-left: 0; }
	.sec_inner { margin: 0!important; }
	.guide_menu .sec_inner { margin: 0 2rem!important; }
	.cont_inner { padding: 3rem 0 5rem; }
	.cont_item { margin-bottom: 0; }
	.flow .cont_item { display: block; }
	.flow .cont_item .img_box { margin-right: 0; width: auto; margin-bottom: 1rem; }
	.flow .cont_item .text_box { width: auto; }
	.flow, .payment, .postage, .send, .cancel { margin-bottom: 0!important; }
	.guide_menu .flb_box { display: block; }
	.guide_menu .link_box { padding: 2rem 3rem; width: auto; }
	.guide_menu .img_box { width: auto; }
	.link_box_text{ display: block; padding-right: 1em; }
	.link_btn .btn { width: 50%; }
	.link_btn .btn a { padding: 1rem; }
	.art_list{padding-left: 5rem; margin-top: 1rem;position: relative; }
}


@media screen and (max-width: 414px ) {
	.main_inner { margin-bottom: 5rem; }
	section { margin: 0 3.5rem 6rem!important; }
	article { margin-bottom: 4rem; }
	.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 { 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, .flow .cont_text, .payment .art_list li, .art_text,.payment .art_table table, .postage .art_table table, .contact_target li, .payment .art_text, .send .art_text, .cancel .art_text, .art_list { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
	.art_list{padding-left: 3rem;}
	.sec_ttl { margin-bottom: 0!important; }
	.art_text { margin-bottom: 3rem; }
	.cont_inner { padding: 3rem 0 3rem; }
	.guide_menu .link_box { padding: 3rem 0; }
	.link_btn .btn { width: 80%; }
}