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

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


/*
 merumaga_subsc
==============================*/
.br{display: block;}
.open_btn {cursor: pointer;}
@media screen and (min-width: 735px) { a[href^="tel:"]{color: #444;} }
.fs-p-snsArea { justify-content: flex-end; margin: 2rem -8px 0 0;}

/* mv ----------*/
#mv { margin-top: 2rem; }
#mv { width: 100%; }
#mv .inner { width: 100%; max-width: 1100px; margin: 0 auto; }
#mv .mv_img_box { position: relative; }
#mv .mv_text_box { background: rgba(255, 255, 255, 0.9); position: absolute; top: 4rem; left: 0; width: auto; padding: 2rem 2rem 2rem 3rem; max-width: 320px; }
#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 {margin-top: 10rem; margin-bottom: 17rem;}
section {width: 100%; max-width: 1100px; margin: 0 auto 10rem; }
.sec_inner {margin: 0 10rem;}
.sec_ttl { font-size: 3rem; color: #fff; background: #633319; padding: 1rem; margin-bottom: 3rem; }
.img_text { font-size: 1.4rem; color: #444; }
.prd_date { font-size: 1.4rem; color: #444; line-height: 1.4; margin: 1rem 0 0; }
.art_ttl { font-size: 2rem; color: #663300; position: relative; }
.sec_text { margin: 0; line-height: 1.6; font-size: 1.4rem; color: #444; }
.sec_list { color: #444; font-size: 1.4rem; }
.cont_ttl { font-size: 2.4rem; color: #444; margin-bottom: 2rem; }
.link_btn .btn { font-size: 2rem; border: 1px solid #633319; border-radius: 5px; width: 70%; margin: 3rem auto 0; background: #633319; line-height: 1.2; color: #fff; }
.link_btn .e_btn{ font-size: 2rem; border: 1px solid #633319; border-radius: 5px; width: 70%; margin: 2rem auto 0; background: #633319; line-height: 1.2; color: #fff; padding: 1rem 0; }
.link_btn .e_btn_5 { margin: 3rem auto 0; padding: 1rem 0; }
.link_btn .btn a { color: #fff; display: block; padding: 1rem 0; }
.link_btn .btn i { font-size: 3rem; vertical-align: sub; }

.top_contents .img_box { position: relative; }
.top_contents .img_text { position: absolute; top: 16%; left: 4%; line-height: 1.4; font-size: 1.8rem; }
.item_box { display: flex; margin: 0 5.5rem 6rem; }
.main_item { width: 68%; margin-right: 1rem; }
.item_detail { width: 38%; }
.item_detail .flb { display: flex; }
.aft_img { margin-right: 1.5rem; }
/*
.see_more_btn { margin: 3rem 0; }
.see_more_btn .btn { border: 1px solid #815b46; margin: 0 auto; max-width: 200px; padding: 0.5rem; cursor: pointer; }
.see_more_btn .btn_text { border: 1px dashed #815b46; padding: 0.4rem 4.5rem; line-height: 1.8;display: block; color: #815B46;  }
*/
.see_more_btn .btn{ font-size: 1.6rem; border: 1px solid #633319; border-radius: 5px; width: 20%; margin: 3rem auto 7rem; background: #633319; color: #fff; cursor: pointer; }
.see_more_btn .btn_text { color: #fff; display: block; padding: 1rem 0; }
.see_more_btn .btn i { font-size: 2rem; vertical-align: text-top; }
.lst_box { margin:0; }
.disp_no { display: none; }
.more_news.hid { height: 0; opacity: 0; overflow: hidden; }
.more_news { height: auto; transition: 1s;}
.series_btn .btn{ font-size: 2rem; border: 1px solid #633319; border-radius: 5px; width: 35%; margin: 0 auto; background: #633319; line-height: 1.2; color: #fff; padding: 1rem 0; }
.series_btn  .btn a { color: #fff; display: block; padding: 1rem 0; }
.series_btn  .btn i { font-size: 3rem; vertical-align: sub; }

@media screen and (max-width: 1024px ) {
	.top_contents .img_text { font-size: 1.7vw; }
	.item_box { display: block; margin: 0 4.5rem 6rem; }
	.main_item { width: auto; margin-right: 0; }
	.item_detail { width: auto; position: relative; }
	.main_item img { width: 100%; }
	.item_detail .flb { margin-top: 2rem; }
	.aft_img, .bef_img { width: 30%; }
	.prd_date { position: absolute; top: 0; left: 64%; }
	.series_btn .btn { width: 50%; }
}

@media screen and (max-width: 768px ) {
	.m_br { display: block; }
	.main_inner { margin-top: 5rem; margin-bottom: 0; }
	section { margin-bottom: 5rem; }
	.sec_inner {margin: 0 5rem;}
	.sec_ttl { font-size: 2.5rem; }
	.cont_ttl, .art_ttl { font-size: 2.2rem; }
	.sec_text, .sec_list, .img_text { font-size: 1.8rem; }
	.img_text { margin-top: 3rem; }
	.link_btn .btn { width: 60%; margin: 3rem auto 0; }
	
	.item_detail .flb { margin-top: 3rem; }
	.item_box { margin: 0 3rem 5rem; }
	.img_text { margin-top: 0; }
	.prd_date { position: static; }
	.item_detail .flb { justify-content: center; align-items: center; }
	.prd_date { display: flex; flex-direction: column; justify-content: center; align-items: center; }
	.top_contents .img_text { position: absolute; top: 9.5%; left: 9%; font-size: 2rem; }
	.see_more_btn .btn{ width: 40%; }
}

@media screen and (max-width: 650px ) {
	.series_btn .btn { width: 70%; }
	.top_contents .img_text { font-size: 2.7vw; }
}
@media screen and (max-width: 414px ) {
	.m_br { display: inline; }
	section { margin-bottom: 6rem; }
	.sec_inner {margin: 0 3.5rem;}
	.sec_ttl, .flow_textarea_box, .purchase_flow_box { margin-bottom: 3rem; }
	.main_ttl, .sec_ttl { font-size: 2.2rem; height: auto; }
	.cont_ttl, .art_ttl { font-size: 2rem; }
	#mv .mv_text_item, .prd_date{ font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
	.sec_inner { margin: 0 3.5rem; }
	.step_item .sub_ttl, .basic_care .sec_text, .item_contents, .step_item .col-last { margin-bottom: 3rem!important; }
	.bnr_img_box { margin-right: -3.5rem; margin-left: -3.5rem; }
	#mv .mv_text_box { position: static; transform: none; top: auto; max-width: inherit; width: auto; text-align: center; padding: 3rem 3.5rem 0; }
	.basic_care .sec_text { text-align: left!important; }
	.main_ttl { margin-bottom: 3rem; }
	#mv .mv_ttl { font-size: 2.3rem; margin-bottom: 0.8rem; }
	.mv_text_item { text-align: center; }
	.item_box { margin: 0 0 4rem; }
	.aft_img, .bef_img { width: 50%; }
	.series_btn .btn { width: 90%; }
	.top_contents .img_text { font-size: 1.5rem; line-height: 1.7;}
}