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

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


/*
 faq
==============================*/
.br{display: block;}
.open_btn {cursor: pointer;}
@media screen and (min-width: 735px) { a[href^="tel:"]{color: #444;} }
/* 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; }
#mv .mv_ttl {font-size: 3rem; color: #33190C; line-height: 1.1; font-feature-settings : "palt"; }
#mv .mv_text_item { font-size: 1.6rem; color: #33190C; margin: 0; line-height: 1.2; font-feature-settings : "palt"; }

/* main ----------*/
#main {margin-top: 10rem;}
section {width: 100%; max-width: 1100px; margin: 0 auto 10rem; }
.sec_inner { margin: 0 10rem; }
.gift_wrapping { margin-bottom: 10rem; }
.main_ttl { font-size: 3rem; color: #fff; background: #663300; padding: 1rem 0; margin-bottom: 3rem; }
.sec_subttl { font-size: 2rem; line-height: 1.5; margin: 2rem 0 1rem; color: #444; }
.sec_text { font-size: 1.4rem; line-height: 1.5; width: 100%; max-width: 540px; margin: 0 auto 5rem; color: #444; }
.move_flow { margin-top: 3rem; }
.move_flow .read_btn { font-size: 2rem; border: 1px solid #633319; border-radius: 5px; width: 27.5%; margin: 0 auto; background: #633319; }
.move_flow .read_btn a { color: #fff; display: block; padding: 1rem 0; }
.frame_choice { background: url(../_img/gift/frame_bg.jpg)no-repeat; background-size: 100% 100%; }
.img_text { font-size: 1.4rem; color: #444; }
.order_flow { margin-bottom: 17rem; }
.card_image { margin-bottom: 6rem; }
.card_cat { padding: 3rem; }
.cont_ttl { color: #663300; font-size: 2.2rem; padding-top: 2rem; }
.cont_ttl_text { border-bottom: 1px solid #663300; }
.frame_text { font-size: 1.4rem; color: #212121; }
.frame_image_item { font-size: 1.4rem; color: #663300; }
.order_flow .sub_ttl { font-size: 2rem; color: #663300; border: 1px solid #663300; border-left: none; border-right: none; background: #F8F7F5; padding: 1rem 0; }
.gift_flow_contents { margin: 4rem 6rem 7rem; }
.gift_flow_contents .cont_item { display: flex; margin-bottom: 2rem; }
.gift_flow_contents .cont_item .img_box { margin-right: 2rem; width: 50%; order:1; }
.gift_flow_contents .cont_item .text_box { width: 55%; order:2; }
.gift_flow_contents .cont_text { font-size: 1.4rem; color: #444; }
.gift_flow_contents .box_num { font-size: 3rem; display: block; font-weight: normal; line-height: 1.5; }
.sec_cont { margin-bottom: 5rem; }
.form_contens { margin-bottom: 3rem; }
.form_contens .sec_text { margin-top: 4rem; }
.attention_area { border: 2px solid #633319; background: #F8F7F5; position: relative; padding: 2rem 0; }
.attention_ttl { font-size: 2rem; color: #444; margin-bottom: 1rem; }
.attention_area ul { padding: 0 10rem; }
.attention_area li { font-size: 1.4rem; color: #444; padding-left: 1em; position: relative; margin-bottom: 1rem; }
.attention_area li::before { content:"・"; display: inline-block; width: auto; height: auto; font-size: 1.4rem; position: absolute; left: 0; }
.order_flow .cont_text { text-align: left!important; }

@media screen and (max-width: 768px ) {
	#main { margin-top: 3rem; }
	.main_inner { margin-top: 5rem; }
	.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, .order_flow .cont_text, .attention_area ul, .frame_text, .frame_image_item { font-size: 2rem; }
	.main_ttl { font-size: 2.5rem; height: 6rem; }
	.sec_ttl { font-size: 2.2rem; }
	.sec_inner { margin: 0 5rem; }
	.version { margin-bottom: 6rem; }
	.initial_price .read_btn { width: 60%; }
	.name_impress_flow .flow_contens_box { margin: 0;  }
	.initial_price .price_contens_box { margin: 0; }
	.name_impress_flow .read_btn { width: 60%; }
	.move_flow .read_btn { width: 60%; }
	.gift_flow_contents { margin: 4rem 0; }
	.attention_area ul { padding: 0 2rem; }
	.gift_flow_contents .cont_item { display: flex; margin-bottom: 3rem; }
	.gift_flow_contents .cont_item, .gift_flow_contents .cont_item { display: block; }
	.gift_flow_contents .cont_item .img_box, .gift_flow_contents .cont_item .img_box { width: 100%; }
	.gift_flow_contents .cont_item .img_box, .gift_flow_contents .cont_item .img_box { width: 80%; margin-right:0; margin:0 auto; }
	.gift_flow_contents .cont_item .text_box { width: 100%; margin:5rem 0 3rem; }
	.box_num { text-align: center!important; }
	.order_flow { margin-bottom: 7rem; }
	.order_flow .cont_text{ width: 60%; margin: 0 auto; }
	.cont_item { margin-bottom: 5rem; }
	.img_box { margin-bottom: 1rem!important; }
	.frame_choice { background: url(../_img/gift/sp_frame_bg.jpg)no-repeat; background-size: 100% 100%; }
}

@media screen and (max-width: 414px ) {
	.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, .order_flow .cont_text, .attention_area ul, .frame_text, .frame_image_item { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
	section { margin-bottom: 6rem; }
	.sec_inner { margin: 0 2rem!important; }
	.order_flow { margin-bottom: 3rem; }
	.order_flow .cont_text { width: 100%; }
	.gift_flow_contents .cont_item { margin-bottom: 3rem; }
	.sec_text { margin-bottom: 3rem; }
	.img_box { margin-bottom: 1rem!important; }
	.gift_wrapping .col-last { margin-bottom: 0!important; }
	.move_flow .read_btn { width: 75%; }
	.order_flow .cont_text { text-align: left!important; }
}


/*
renewal
======================================================================*/
.h3 { border-left:5px solid #663300; padding:1rem 0; padding-left:1rem; font-size: 2rem; line-height:1.5; color:444; background:linear-gradient(45deg,#F8F7F5,#fff); }
.h4 { font-size: 1.6rem; text-align:center; display:inline-block; padding:0 2rem; border-bottom:solid 1px #663300; margin:1rem 0; }
/*
.h4 { font-size: 1.6rem; text-align:center; position:relative; display:inline-block; margin-bottom: 1em; }
.h4:before { content: '';	position: absolute;	bottom: -15px; display: inline-block; width: 20%;	height: 4px; left: 50%;	transform: translateX(-50%); background-color: #663300; border-radius: 1px; }
*/

.img_box ul { font-size: 1.4rem; }
.btn { padding:1rem 2rem; border:solid 1px #663300; margin-top: 2rem; }
.btn a { color:#663300; display:block; }


/*======================================================================
plus css 2023-0323 + 0623
======================================================================*/
ul.slide-cont {  }
ul.slide-cont > li {  }
ul.slide-cont .slick-dots { position:relative; bottom:0; line-height:1; margin-top:1rem; }
ul.slide-cont .slick-dots:after { display:none; }
ul.slide-cont .slick-dots li { width:auto; height:auto; }
ul.slide-cont .slick-dots li button { background:#ccc; width:15px; height:15px; border-radius:50%; }
ul.slide-cont .slick-dots li.slick-active button { background:#707070; }
ul.slide-cont .slick-dots li button:before { display:none; }
.gift_wrapping p.read { margin-bottom:1rem; text-indent:-1em; padding-left:1em; }
.gift_wrapping p.cap { margin-top:2rem; }

@media screen and (max-width:980px){
  ul.slide-cont { display:block; margin-bottom:6rem; }
  ul.slide-cont > li { width:100%!important; }
}
@media screen and (max-width:600px){
  ul.slide-cont .slick-dots li button { width:10px; height:10px; }
  .slick-dotted.slick-slider { margin-bottom:20px; }
  .gift_wrapping p.cap { font-size:1.2rem; }
}