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

@import url(normalize.css);
@import url(all.css);
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css);
@import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
@import url(common_parts.css);
@import url(common.css);


/*
==============================*/
#body-wrap { overflow: hidden; }
.br{display: block;}
.open_btn {cursor: pointer;}
@media screen and (min-width: 735px) { a[href^="tel:"]{color: #444;} }
.flb { display: flex; justify-content: center;}
.flb_l { margin-right: 2rem;}
.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; 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; min-width: 360px; }
#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_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: #000; padding: 1rem 0; line-height: 1.5; margin-bottom: 1rem; font-family: serif; text-align: center; }
.cont_ttl { font-size: 2.4rem; color: #663300; line-height: 1.5; font-weight: bold; }
.cont_ttl2 { font-size: 2rem; color: #444; line-height: 1.5; font-weight: normal; margin: 2rem 0 1rem; }
.cont_ttl span { font-size: 2.2rem; color: #663300; line-height: 1.5; font-weight: normal; }
.cont_img { background: url('../_img/2019_harusaifu/ttl_01.jpg'); width: 100%; height: 246px;}
.sec_text, .cont_subtext { font-size: 1.4rem; color: #444; line-height: 1.6; max-width: 540px; margin: 0 auto; clear: both; }
.sec_text2 { font-size: 1.4rem; color: #444; line-height: 1.6; max-width: 350px; margin: 0 auto; clear: both; }
.sec_text3 { font-size: 1.4rem; color: #444; line-height: 1.6; max-width: 350px; margin: 0 auto; clear: both; }
.beige_link_btn .btn{ font-size: 1.6rem; border-radius: 5px; max-width: 166px; margin: 2rem auto 0; background: #FCE2C4; line-height: 1.2; color: #fff; }
.beige_link_btn  .btn a { color: #663300; display: block; padding: 1rem 2rem; }
.beige_link_btn  .btn i { font-size: 1.9rem; vertical-align: bottom; }
.black_link_btn .btn{ font-size: 1.6rem; border-radius: 5px; max-width: 166px; margin: 2rem auto 0; background: #1C1C1C; line-height: 1.2; color: #fff; }
.black_link_btn  .btn a { color: #FFFFFF; display: block; padding: 1rem 2rem; }
.black_link_btn  .btn i { font-size: 1.9rem; vertical-align: bottom; }
.green_link_btn .btn{ font-size: 1.6rem; border-radius: 5px; max-width: 166px; margin: 2rem auto 0; background: #096148; line-height: 1.2; color: #fff; }
.green_link_btn  .btn a { color: #FFFFFF; display: block; padding: 1rem 2rem; }
.green_link_btn  .btn i { font-size: 1.9rem; vertical-align: bottom; }
.gray_link_btn .btn{ font-size: 1.6rem; border-radius: 5px; max-width: 166px; margin: 2rem auto 0; background: #BDC0BA; line-height: 1.2; color: #fff; }
.gray_link_btn  .btn a { color: #FFFFFF; display: block; padding: 1rem 2rem; }
.gray_link_btn  .btn i { font-size: 1.9rem; vertical-align: bottom; }
.hp_baner { position: relative; margin-top: 6rem; }
.hp_baner a { display: block; }
/*.hp_baner .img_box::before { content:""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; }*/
.bnr_text { font-size: 3.5rem; color: #fff; line-height: 1.5; 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%; }
.bnr_text i { font-size: 3.5rem; }
.coin { float: left; display: inline-block;}
.card { float: right; display: inline-block;}
.mg_0auto { margin: 0 auto;}
.harusaihu { background: rgba(252, 226, 196, 0.3); padding: 5rem 4rem;}
.day { padding: 3rem;}
.day_icon { display: inline-block; width: 40%; margin-top: 6rem;}
.day_icon_ri { display: inline-block; float: right; width: 40%; margin-top: 6rem;}
.day_name { font-size: 1.8rem; margin-top: 1rem;}
.haru_ttl { margin-bottom: 3rem;}
.point { margin-top: 8rem; margin-bottom: 4rem; text-align: center;}
.haru_color img, .haru_katachi img { width: 80%;}
.haru { text-align: center;}

/* コンテンツ共通 */
.sec_text { margin-top: 1.5rem; }
.name { font-size: 1.6rem; color: #444; line-height: 1.4; margin-top: 0.5rem; }
.flb_l { margin-right: 2rem; }
.mb1rem { margin-bottom: 1rem;}
.footer_logo img { width: 100% !important;}
.relative { position: relative;}
.over img { width: 100%;}


/* type_menu */

.type_menu_box { flex-wrap: wrap; justify-content: space-between; }
.type_menu .type { width: calc( (99.999% - 2rem) / 2 ); }
.type_menu .type_01, .type_menu .type_02 { margin-bottom: 2rem; }
.type_menu .type_01, .type_menu .type_03 { margin-right: 2rem; }


.compact { margin-bottom: 10rem; }
.type_contents .series { margin: 3rem 0 6rem; }
.min_tri_fold .min_ttl { display: block; font-size: 2rem; }
.min_tri_fold .product_spec { background: #F8F7F5; flex-wrap: wrap; margin-top: 3rem; }
.product_spec .img_box { width: 50%; }
.product_spec .text_box { width: 50%; padding: 3rem 0 0 2rem; }
.product_spec .sec_text { margin: 0; }
.product_spec .link_btn .btn { margin: 2rem auto 0 0; }
.product_spec .list_ttl { margin-top: 2rem; }
.product_spec .sec_list li { font-size: 1.4rem; color: #444; line-height: 1.6; }


/* 新規追加 PC ----------*/

p { font-size: 14px; }

.product_box { width: 50%; margin-bottom: 4rem;}
.product_data_list { display: flex; }
.product_data { display: inline-block; width: 50%; }
h4.leather_name { font-size: 2rem; margin: 1rem 0; }
h4.product_name { margin-bottom: 0.2rem; }
h4.product_price { font-size: 2rem; text-align: center; margin: 1rem 0; }

.hp_baner img { margin-bottom: 2rem; }

.link_btn .btn{ font-size: 1.6rem; border: 1px solid #633319; border-radius: 5px; width: 200px; margin: 0 0 1rem; background: #633319; line-height: 1.2; color: #fff; }
.link_btn  .btn a { color: #fff; display: block; padding: 1rem 2rem; }
.link_btn  .btn i { font-size: 1.9rem; vertical-align: bottom; }

.title_img { text-align: center; margin-bottom: 3rem; }

.feature_contents .product_data_list { margin: 1.4rem 0 0 0; }
.feature_contents .product_data { width: 61%; }

p.center_text { text-align: center; margin-top: 4rem; }




@media screen and (max-width: 1100px ) {
	.l_br { display: block; }
	.link_btn .btn { font-size: 1.8rem; }
	.link_btn .btn i {font-size: 2rem;}
}

@media screen and (max-width: 902px ) {
.date img { width: 50px;}
}

@media screen and (max-width: 768px ) {
	.m_br { display: block; }
	.main_inner { margin-top: 5rem; margin-bottom: 5rem; }
	section { margin-bottom: 5rem; }
	.sec_inner {margin: 0 5rem;}
	.sec_ttl { font-size: 2.5rem; }
	.sub_ttl, .type_contents .leather_name { font-size: 2rem; }
	.type_contents .rubi { font-size: 1.6rem; }
	.cont_ttl { margin: 3rem 0 3rem; }
	.cont_ttl2 { margin: 3rem 0 3rem; }
	.sec_text, .type_contents .sec_text { font-size: 1.8rem; }
	.point_box { padding: 3rem 1.5rem; }
	.flb { display: block; }
	.type_contents .point .img_box, .type_contents .point .text_box { width: auto; padding: 0; }
	.art_ttl { padding: 2rem; margin: 3rem 0; }
	.point_box .sec_text { font-size: 1.8rem; margin-bottom: 3rem; padding: 0 1rem; }
	.feature_point { padding: 3rem 1.5rem; margin-bottom: 5rem; }
	.bnr_text, .bnr_text i { font-size: 4vw; }
	.product_type { margin-top: 5rem; }
	.link_btn .btn { font-size: 1.6rem; width: 100%; }
	.link_btn .btn a { padding: 1rem; }
	.link_btn .btn i { font-size: 2.2rem; vertical-align: sub; }
	.product_type .prod_box { margin-bottom: 1rem!important; }
	.sub_ttl { margin-top: 2rem; }
	.hp_baner { margin-top: 4rem; }
	.type_menu_box, .compact_product, .product_spec { display: flex; }
	.product_spec .text_box { padding: 2rem 2rem 0; }
	.product_spec .sec_text { font-size: 1.4rem; }
	.type_contents .size_img { margin-bottom: 5rem; }
	.img_box img { width: 100%;}
	.flb_l { margin-right: 0; margin-bottom: 4rem; margin-right: 1rem; }
	.sec_text2 {max-width: 500px; text-align: center;}
	.sec_text3 {max-width: 500px; font-size: 1.8rem;}
	.day_name { font-size: 2rem;}
	.sec_text2 { font-size: 1.8rem;}
	.haru_color img, .haru_katachi img { width: 80%;}
	.link_btn .btn{ font-size: 1.6rem; border-radius: 5px; width: 100%; margin: 0.6rem auto 3rem; background: #633319; line-height: 1.2; color: #fff; }
	.name { font-size: 2rem; color: #444; line-height: 1.4; margin-top: 0.5rem; }
	
	/* 新規追加 ----------*/
	
	.title_img { width: 40%; margin: 0 auto; margin-bottom: 1rem; }
	.product_box { width: 100%; }
	.product_data_list { display: block; }
	.product_data { width: 100%; }
	.compact_product { margin: 0 2rem; }
	.sec_text,.product_name { font-size: 2rem }
	.product_price,.leather_name { font-size: 2.3rem!important; }
	.flb_l { margin-right: 1rem; }
	.feature_contents .product_data { width: 100%; }
}
@media screen and (max-width: 650px ) {
	.product_spec { display: block; }
	.product_spec .img_box, .product_spec .text_box { width: auto;}
	.product_spec .text_box { font-size: 1.8rem; }
	.product_spec .sec_list li { font-size: 1.6rem; }
	.link_btn .btn { font-size: 1.8rem; }
	.day_icon { width: 100%;}
	.day_icon_ri { width: 100%;}
}
@media screen and (max-width: 414px ) {
	.l_br, .m_br { display: inline; }
	.main_inner { margin-bottom: 6rem; }
	.sec_inner {margin: 0 3.5rem;}
	section { margin-bottom: 6rem; }
	.sec_ttl { font-size: 2.2rem; height: auto; /*margin-bottom: 3rem; margin-left: -3.5rem; margin-right: -3.5rem;*/ }
	.cont_ttl { margin: 3rem 0 1rem; }
	.cont_ttl2 { margin: 3rem 0 1rem; }
	.cont_ttl, .product_type .prod_name { font-size: 2rem; }
	.cont_subttl { font-size: 2.2rem; }
	#mv .mv_ttl { font-size: 2.3rem; 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_ttl { font-size: 2.3rem; }
	
	#mv .mv_text_item, .sec_text, .point_box .sec_text, .cont_subtext, .type_contents .sec_text { font-size: 1.5rem; line-height: 1.7; letter-spacing: 0.05rem; }
	
	.shop_data_text { margin-bottom: 2rem; }
	.cont_ttl { text-align: left!important; }
	.art_ttl { padding: 1rem; margin: 3rem 0 1rem; }
	.link_btn .btn {font-size: 1.8rem;}
	.hp_baner { /*margin-left: -3.5rem; margin-right: -3.5rem;*/ }
	.type_menu_box, .compact_product { display: block; }
	.type_menu .type { width: auto; margin: 0 2rem 2rem; }
	.type_contents .spec { margin-top: 4rem; }
	.type_contents .sec_text { margin-top: 1rem; }
	.point_box .art_ttl { margin: 3rem 0 1rem; }
	.type_contents .point_box { margin: 3rem -3.5rem 4rem; padding: 3rem 3.5rem; }
	.size_img { margin: 3rem 0 4rem; }
	.type_contents .product_data { max-width: 100% }
	.series .flb_l { margin-bottom: 3rem; }
	.type_contents .series { margin-bottom: 4rem; }
	.type_contents .flb_l { margin: 0 0 4rem 0; }
	.min_tri_fold .product_spec { margin-left: -3.5rem; margin-right: -3.5rem; padding: 3rem 3.5rem; }
	.bnr_area { margin-top: -1rem; }
	.cont_subtext { text-align: left!important; }
	.product_spec .text_box { padding: 0 2rem; }
	.harusaihu { margin: 3rem -3.5rem 4rem; padding: 3rem 3.5rem;}
	.sec_text2 {text-align: left;}
	.width100 { /*margin-left: -3.5rem; margin-right: -3.5rem;*/}
	.day { padding: 0;}
	.two_day { margin-left: 75px; margin-top: 5px;}
	.point img { width: 90%;}
	
	/* 新規追加 ----------*/
	.title_img { width: 50%; margin: 0 auto; margin-bottom: 1rem; }
	.product_box { width: 100%; margin-bottom: 8rem; }
	.product_data_list { display: block; }
	.product_data { width: 100%; }
	.compact_product { margin: 0 2rem; }
	.sec_text,.product_name { font-size: 2rem }
	.product_price,.leather_name { font-size: 2.3rem!important; }
	p.center_text { margin: 0 2rem; }
}