@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(../_plugin/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);

/*
 index
==============================*/
#mv img{ max-width:100%; object-fit:cover; }
/* mv ----------*/
#mv {  }
#mv {width: 100%;}
/*#mv .inner { width: 100%; max-width: 1100px; margin: 0 auto; }*/
/*#mv img{height: 100vh;}*/

/* main ----------*/
.main_inner { margin-top: 10rem; overflow: hidden; }
section { margin-bottom: 10rem; }
.sec_inner { width: 100%; max-width: 1100px; margin: 0 auto; }

.mic_contents,.hawk_contents {margin: 2rem 0 9rem; text-align: center; max-width:47.5%; float:left;}
.hawk_contents {margin-left:5%;}
.bland_contents .sec_inner { padding:0 2rem; }
.mic_contents h3 , .hawk_contents h3 {margin-bottom:2rem; position:relative;}
.bland_ruby { position:absolute; top:-30px; left:0; width:100%;}
.brand_list { margin-top: 10rem; }

@media screen and (max-width: 768px){
	.mic_contents,.hawk_contents {margin: 2rem 0 9rem; text-align: center; max-width:100%; float:none;}
	.hawk_contents {margin-left:0;}
}

/*
.read_more .btn{ background: url(../_img/index/read_more.png)no-repeat; min-height: 40px; position: relative; width: 200px; margin: 0 auto; font-size: 1.8rem; }
.read_more .btn2{ background: url(../_img/index/read_more02.png)no-repeat; min-height: 40px; position: relative; width: 200px; margin: 0 auto; font-size: 1.8rem; }
.read_more .btn{ border: 1px solid #815b46;margin: 0 auto;max-width: 200px; }
.read_more a { display: block; color: #815B46; padding: 0.5rem 0; }
.read_more .btn_text{ border: 1px dashed #815b46; padding: 0.4rem 4.5rem; line-height: 1.8; }
*/
.read_more .btn{ font-size: 1.6rem; border: 1px solid #633319; border-radius: 5px; width: 50%; margin: 3rem auto 0; background: #633319; color: #fff; }
.read_more  .btn a { color: #fff; display: block; padding: 1rem 0; }
.link_btn .btn i { font-size: 2rem; vertical-align: text-top; }
/*.read_more .btn_text { position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); width: 100%; }*/
.sec_ttl { font-size: 2.5rem; color: #444; }


/* news_contents  ---------------------------------------------------------*/
.news_contents { background: #F8F7F5; }
.news_contents .sec_inner { padding: 4rem 5rem 4.5rem; }
.news_contents .sec_outer { background: url(../_img/index/news_bg.png)no-repeat right; background-size: contain; }
.news_contents .news_list{ margin: 2.5rem 0 4.5rem; }
.news_contents .fs-pt-list__item a { color: #444; }
.news_contents .fs-pt-list__item a:hover { text-decoration: underline; }
.news_contents .fs-pt-list__item .date { padding-right: 1em; color: #444; }

/* pickup_contents  ---------------------------------------------------------*/
.slide_box { margin: 4rem 0 0; position: relative; }
.slide_box a::after { content:""; width: 100%; height: 100%; display: block; /*background: rgba(68, 68, 68, 0.6);*/ position: absolute; top: 0; z-index: 1; }
.pickup_conterns .text_box, .product_contents .text_box { position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); width: 100%; z-index: 2; }
.slide_text { font-size: 2.5rem; color: #fff; line-height: 1.3; }
.slide_box a { display: block; }
.slide_box a:hover::after { background: rgba(68, 68, 68, 0.3); opacity: 1; }
.pickup_slide{margin-bottom: 2rem;}

/* ranking_contents  ---------------------------------------------------------*/
/*
.rank_box { margin: 2rem 0 2rem; display: flex; justify-content: space-between; }
.rank_box_item { margin-left: 2rem; position: relative; height: 37rem; padding-top: 4rem; }
.rank_box_item:first-child { margin-left: 0; }
.rank_no { margin-bottom: 0; position: absolute; top: 1rem; width: 100%; }
.rank_01 { top: -1.7rem; }
.product_name { font-size: 1.4rem; color: #444; }
*/
.ranking_contents .ranking_box { margin-bottom: 2rem; }
.ranking_contents .text_box { height: 10rem; position: relative; margin-top: 1rem; }
/*.rank_flb_box { margin-bottom: 5rem!important; }*/
.ranking_contents .product_name { font-size: 1.4rem; color: #444; font-weight: bold; }
.ranking_contents .product_price { position: absolute; bottom: 0; width: 100%; font-size: 1.4rem; }
.ranking_contents .rank_no img { width: 20%; }

@media screen and (max-width: 768px) {
	.no_01 .rank_no { margin-top: 0!important;}
	.rank_no img { width: 15%; }
	.rank_01 img { width: 20%; }
	.product_price { font-size: 1.3rem; color: #444; position: absolute; bottom: 15px; width: 100%; margin: 0; }
}
/* product_contents  ---------------------------------------------------------*/
.cat_box { margin-top: 2rem; }
.cat_box_item { position: relative; }
.cat_box_item a { display: block; }
.cat_box_item::after { content:""; width: 100%; height: 100%; display: block; background: rgba(68, 68, 68, 0.6); position: absolute; top: 0; z-index: 1; mix-blend-mode: multiply;}
.product_contents .text_box { width: 100%;  cursor: pointer; }
.cat_name { font-size: 1.4rem; color: #fff; }
.cat_box a:hover .cat_box_item::after{ background: rgba(68, 68, 68, 0.3); transition: all 0.3s ease-out; opacity: 1; }

/* storeguide_contents  ---------------------------------------------------------*/
.storeguide_contents .sec_outer { background: #F8F7F5; }
.storeguide_contents .sec_inner { padding: 3rem 0 7rem; }
.store_box { margin-top: 2rem; margin-bottom: 0!important; }
.store_box li { font-size: 1.4rem; color: #444; letter-spacing: -1px; }
.store_box li::before{content:"■";width: 100%; height: 100%; display: inline;}
@media screen and (min-width: 735px) {
	a[href^="tel:"] { color: #444; }
}

/* shopblog_contents  ---------------------------------------------------------*/
.blog_contents { width: 58.2%; margin: 3rem auto 2rem; }
.post_shop { font-size: 1.8rem; color: #444; margin-bottom: 0; text-align: left; }
.blog_box_item .date { font-size: 1.4rem; color: #444; vertical-align: baseline; }
.post_comm { font-size: 1.3rem; color: #444; line-height: 1.3;font-feature-settings: palt; margin-top: 0; text-align: left; }
.blog_box { display: flex; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.blog_box_item { width: calc(100% / 3 - (2rem)); margin-left: 2rem; margin-bottom: 2rem; }
.blog_box .ml_no { margin-left: 0; }

/* service_contents  ---------------------------------------------------------*/
.service_contents { margin-bottom: 13rem; }
.serv_box { margin-top: 4rem; }
.serv_box_item { display: flex; background: #F8F7F5; border: 1px solid #444; height: 100%; }
.serv_box_item .img_box{ width: 42.9%; position: relative; }
.serv_text_box { width: 58.1%; background: #fff; padding: 1.8rem; }
.serv_box_item img{ position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%); }
.serv_ttl { font-size: 1.8rem; color: #444; line-height: 1.2; }
.serv_text { font-size: 1.4rem; color: #444; }
.serv_box a:hover .serv_box_item { opacity: 0.5; }
.serv_05_cont img { width: 100px; }
/* スライダー改良 ----------*/
/*
.owl-carousel-pg .owl-dots{text-align: center;}
.owl-carousel-pg .owl-dots .owl-dot{margin-left: 1.5rem;}
.owl-carousel-pg .owl-dots .owl-dot span{border-radius: 50%;background-color: #eee;}
.owl-carousel-pg .owl-dots .active span{background-color: #B7B3B0;}
*/

.rank_box .owl-dots, .pickup_slide .owl-dots{text-align: center;}
.rank_box .owl-dots .owl-dot, .pickup_slide .owl-dots .owl-dot{margin-left: 1.5rem;}
.rank_box .owl-dots .owl-dot span, .pickup_slide .owl-dots .owl-dot span{border-radius: 50%;background-color: #eee;}
.rank_box .owl-dots .active span, .pickup_slide .owl-dots .active span{background-color: #B7B3B0;}

.pickup_slide .owl-prev{position: absolute;left: 0.5rem; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);z-index: 3;}
.pickup_slide .owl-next{position: absolute;right: 0.5rem; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);z-index: 3;}
.pickup_slide .owl-prev i{font-size: 7rem;color: rgba(255, 255, 255, 0.3);}
.pickup_slide .owl-next i{font-size: 7rem;color: rgba(255, 255, 255, 0.3);}
.pickup_conterns .slide_box .read_more .btn2 { border: 1px solid  #fff; width: 100%; max-width: 200px; margin: 0 auto; }
.pickup_conterns .slide_box .read_more .btn_text {  border: 1px dashed  #fff; padding: 0.4rem 4.5rem; line-height: 1.8; }

#mv .owl-carousel .owl-dots{ position: absolute;bottom: 0;text-align: center;width: 100%;}
#mv .owl-carousel .owl-dots .owl-dot{margin-left: 1.5rem;width: 1.5rem; height: 1.5rem;}
#mv .owl-carousel .owl-dots .owl-dot span{border-radius: 50%;background-color: #eee;display: block;width: 1.5rem; height: 1.5rem;}
#mv .owl-carousel .owl-dots .active span{background-color: #B7B3B0;display: block;width: 1.5rem; height: 1.5rem;}
#mv .owl-carousel .owl-item,.owl-carousel .item{ height: 100vh; }
#mv .owl-carousel .owl-item img{ transform-style: initial; object-fit: cover; height: 100%; }
#mv .owl-thumb-item.active{ opacity: 1; }
#mv .fs-c-slick .slick-dots {position: absolute; }
#mv .fs-c-slick .slick-dots { bottom: 1rem; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
#mv .fs-c-slick .slick-dots li { margin-left: 1.5rem; width: 1.5rem; height: 1.5rem; }
#mv .fs-c-slick .slick-dots li button { border-radius: 50%; background-color: #eee; display: block; width: 1.5rem; height: 1.5rem; }
#mv .fs-c-slick .slick-dots li.slick-active button{ border-radius: 50%; background-color: #B7B3B0; }
#mv .fs-c-slick .slick-dots li button:before { content:none;}

@media screen and (max-width: 1024px){
	.product_name{font-size: 1.35vw;}
	.store_box li {font-size: 1.6vw;}
	.serv_ttl{font-size: 1.6vw;}
}
@media screen and (max-width: 768px){
	#mv {margin-top: 0;}
	.sec_inner { margin: 0 auto!important;}
	.main_inner { margin-bottom: 7rem; }
	.bland_contents .sec_inner, .product_contents .sec_inner, .storeguide_contents .sec_inner,
	.shopblog_contents .sec_inner, .service_contents .sec_inner { margin: 0 auto!important; padding: 0 5rem; }
	.service_contents { margin-bottom: 8rem!important; }
	.sec_ttl{font-size: 3.6rem;}
	.bland_contents .sec_inner{padding: 0 2.5rem;}
	.mic_contents{margin: 2rem 0 9rem;}
	.bland_ttl{margin-bottom: 2rem;}
	.bland_text{font-size: 2.8vw; text-align: left!important;padding: 0 1rem;line-height: 1.5;}
	.news_contents .sec_outer{background: url(../_img/index/sp_news_bg.jpg)no-repeat;background-size: 100% 100%;}
	.news_contents .sp_bg_box{background: rgba(255, 255, 255, 0.7);padding: 3rem;margin-top: 2rem;}
	.news_list_item{font-size: 2.2rem;display: flex;}
	.news_list::after{content:""; width: 100%;height: 100%;display: block;background: #fff;}
	.news_contents .news_list{margin: 2rem 0 3rem;}
	.news_list a{width: calc(100% - 20%) - 1rem;}
	.pickup_slide {width: 60%; margin: -2rem auto 3rem;}
	.pickup_conterns .slide_text{font-size: 3rem;}
	.ranking_contents .rank_box{width: 60%; margin: 0 auto;}
	.rank_box_item{padding-top: 0;height: auto;line-height: 1.2;}
	.ranking_contents .rank_no{position: static;}
	.ranking_contents .rank_no img {width: 16%;margin: 0 auto;}
	.product_name{font-size: 2rem;margin-bottom: 0;}
	.product_price{position: static;font-size: 2.2rem;}
	.cat_box{display: flex;padding: 0 1.5rem;margin-left: -2rem!important;}
	.cat_box .col-last{width: calc(100% / 2)!important;padding: 0 0 2rem 2rem;margin-bottom: 0;}
	.cat_name{font-size: 2.4rem;}
	.cat_box_item img{width: 100%;}
	.storeguide_contents .sec_outer{background: none;}
	.product_contents .sec_inner {padding: 0 2.5rem;}
	.service_contents .sec_inner{padding: 0 2.5rem;}
	.service_contents .serv_box{padding: 0 1.5rem; margin-top: 2rem;}
	.service_contents .col-last{margin-bottom: 2rem;}
	.shopblog_contents .sec_inner {padding: 0 2.5rem;}
	.storeguide_contents .sec_inner {padding: 0 2.5rem;}
	.storeguide_contents .store_box{padding: 0 1.5rem;margin-bottom: 3rem!important;}
	.store_box_item{display: flex;}
	.store_box .img_box {width: calc((100% - 2rem) /2 ); margin-right: 2rem;}
	.store_box ul{width: calc((100% - 2rem) /2 );}
	.store_box li{font-size: 2rem;line-height: 1.3;}
	.store_box .shop_name::before{content:none;}
	.store_box .shop_name {font-size: 2.4rem;line-height: 1.8;margin-top: -5px;}
	.blog_contents{width: auto;padding: 0 1.5rem; margin: 2rem auto 2rem;}
	.blog_box_item{width: calc((100% - 2rem) / 2);}
	.blog_box_item:nth-child(odd){margin-left: 0;}
	.post_shop{font-size: 2.4rem;}
	.blog_box_item .date{font-size: 2rem;}
	.post_comm{font-size: 2.2rem;}
	.serv_text_box{line-height: 1.3;}
	.serv_ttl{font-size: 2.4rem;}
	.serv_text{font-size: 2.2rem;}
	.owl-carousel .owl-nav button.owl-next{position: absolute; right: -25%;z-index:900;}
	.owl-carousel .owl-nav button.owl-prev{position: absolute; left: -25%;z-index:900;}
	.pickup_slide .owl-prev i {color: rgba(68, 68, 68, 0.3);}
	.pickup_slide .owl-next i {color: rgba(68, 68, 68, 0.3);}
	.rank_box .owl-prev i{font-size: 7rem;color: rgba(68, 68, 68, 0.3);}
	.rank_box .owl-next i{font-size: 7rem;color: rgba(68, 68, 68, 0.3);}
	.rank_box .owl-prev {position: absolute;left: 0.5rem;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;}
	.rank_box .owl-next {position: absolute;right: 0.5rem;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;}
	.serv_05_cont img { width: 90px; }
	#mv .fs-c-slick .slick-dots { position: absolute; bottom: 1rem; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
	.ranking_contents .product_price { position: static; }
	.rank_box .owl-dots { margin-top: -13.5rem; padding-bottom: 5rem; }
	.ranking_contents .sec_ttl, .ranking_contents .ranking_box { margin-bottom: 0!important; }
	.read_more .btn { width: 40%; }
}
@media screen and (max-width: 414px) {
	.main_inner { margin-bottom: 7rem; }
	.s_br{display: block;}
	#main {margin-top: 5rem;}
	section {margin-bottom: 7rem;}
	.read_more .btn{width: 60%;font-size: 1.6rem;}
	.read_more .btn_text {padding: 0.5rem 1rem;}
	.bland_contents .sec_inner, .product_contents .sec_inner, .storeguide_contents .sec_inner,
	.shopblog_contents .sec_inner, .service_contents .sec_inner { margin: 0 auto!important; padding: 0 3.5rem; }
	.service_contents { margin-bottom: 1rem!important; }
	.bland_text{font-size: 1.8rem;margin: 2rem 0;}
	.hawk_contents .bland_ttl img {width: 75%; margin: 0 auto;}
	.mic_contents {margin: 3rem 0 10rem;}
	.news_contents .sec_inner{padding: 4rem 2rem 4.5rem;}
	.news_contents .sp_bg_box{padding: 2rem;}
	.news_list_item{font-size: 1.8rem;}
	.pickup_slide {width: 70%; margin: 0 auto 3rem;}
	.pickup_conterns .slide_text{font-size: 2.6rem;}
	.owl-carousel .owl-nav button.owl-prev {position: absolute; left: -15%; z-index: 900;}
	.owl-carousel .owl-nav button.owl-next {position: absolute; right: -15%; z-index: 900;}
	.ranking_contents .rank_box { width: 70%;}
	.product_price{font-size: 2rem;}
	.cat_box .col-last{padding: 0 0 1rem 1rem;}
	.cat_box {display: flex;padding: 0 ;margin-left: -1rem!important;}
	.cat_name{font-size: 2rem;}
	.storeguide_contents .store_box{padding: 0;}
	.store_box .shop_name{font-size: 2rem;}
	.store_box li {font-size: 1.6rem; line-height: 1.5; margin-bottom: 0.6em;}
	.store_box .img_box {width: calc(100% / 2 );margin-right: 1rem;}
	.storeguide_contents .store_box {margin-bottom: 1rem!important;}
	.blog_contents{padding: 0;}
	.post_shop{font-size: 1.8rem;line-height: 1.5;}
	.blog_box_item .date{font-size: 1.6rem;}
	.post_comm{font-size: 1.6rem;}
	.blog_contents{margin: 3rem auto 1rem;}
	.service_contents .serv_box{padding: 0;}
	.serv_ttl{font-size: 2rem;}
	.serv_text{font-size: 1.8rem;}
	.serv_text_box{padding: 1.5rem;}
	.rank_box .owl-dots { margin-top: -14rem;  padding-bottom: 7.5rem; }
	.pickup_conterns .sec_ttl { margin-bottom: -2rem; }
	.read_more .btn { margin: 5rem auto 0; }
	.ranking_contents .read_more .btn { margin-top: 3rem; }
}