@charset "utf-8";
/* CSS Document */

section.__block h2.top_h2{position: relative;margin-top: 0; margin-bottom: 0.25em; color: #010101; font-size: 50px;font-weight: 600;font-family: bree, sans-serif;line-height: 1.5;letter-spacing: 0.04em;}
section.__block h2.top_h2 span.h2_subtxt{display: block;font-size: 18px;font-weight: normal;font-family: source-han-sans-japanese, sans-serif;}
.wrapper.wrapper--home .__inner .main.main--home{margin-top: 0;padding-top: 0;}

/*  PRODUCTS 商品
-------------------------------------------------------------*/
section.__block.__block--pro-recommend{position: relative;}
section.__block.__block--pro-recommend h2.top_h2 span.initial{color: #e94908;}
section.__block.__block--pro-recommend .p-product-block .__more.c-more{display: none;}
/*商品一覧をみるボタン*/
.btn_morerecom{position: relative;display: block;max-width: 300px;margin: auto;padding: 1em 0; text-align: center;border: 1px solid #000;border-radius: 8px; color: #000; font-size: 18px;}
.btn_morerecom::after {content: "";position: absolute;top: 44%;right: 12%;margin: 0;display: inline-block;width: 7px;height: 7px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(45deg);}

/*  NEWS
-------------------------------------------------------------*/
.main.main--home section.__block.__block--news{margin-top: 3.8em; margin-bottom: 6em;}
section.__block.__block--news h2.top_h2 span.initial{color: #006d3a;}
.main.main--home section.__block.__block--news .__body ul{border-top: 1px solid #555;border-bottom: 1px solid #555;}
.main.main--home section.__block.__block--news .__body ul li > a span.__date, .main.main--home section.__block.__block--news .__body ul li > a span.__title, .main.main--home section.__block.__block--news .__body ul li > span span.__date, .main.main--home section.__block.__block--news .__body ul li > span span.__title{border-bottom: 1px solid #555;padding-top: 1.25em;padding-bottom: 1.25em;}

/*  CONCEPT ブランドについて
-------------------------------------------------------------*/
section.__block.__block--concept{}
section.__block.__block--concept h2.top_h2 span.initial{color: #e95377;}
section.__block.__block--concept .concept_inner{margin-top: 1.5em; padding-top: 4.5em; background: #f2f2f2;text-align: center;}
section.__block.__block--concept .concept_inner img{max-width: 439px;width: 70%; margin: auto;}
section.__block.__block--concept .concept_inner .lead{margin: 0; padding: 1.7em 0 2.4em;font-size: 19px;line-height: 2;}
section.__block.__block--concept .concept_img{display: flex;gap: 0;}
section.__block.__block--concept .concept_img img{width: 25%;}
section.__block.__block--concept .concept_txt{margin: 2.8em auto 6em;text-align: center;font-size: 15px;line-height: 1.74;}

/* slick */
.slick-dots{bottom: -23px;}
.slick-dots li{width: 10px;height: 10px;margin: 0 10px;}
.slick-dots li button{font-size: 0;line-height: 1;width: 9px;height: 9px;}
.slick-dots li button:before{font-size: 0;width: 9px;height: 9px;background: #ccc;border-radius: 50px;opacity: 1;}
.slick-dots li.slick-active button:before{background: #555;opacity: 1;}

/*================================================================
@ -959
================================================================*/
@media screen and (max-width: 959px){
section.__block.__block--pro-recommend{width: 96%;margin-left: auto;margin-right: auto;}
.main.main--home section.__block.__block--news{width: 96%;margin-left: auto;margin-right: auto;}
.main.main--home section.__block.__block--concept h2{padding-left: 2%;}

}/* -959end */


/*================================================================
@ -767
================================================================*/
@media screen and (max-width: 767px){

section.__block h2.top_h2{font-size:min(9.33vw,35px);}
section.__block h2.top_h2 span.h2_subtxt{font-size:min(4.53vw,17px);}

/* お知らせ */
.main.main--home section.__block.__block--news{}

/*  PRODUCTS 商品
-------------------------------------------------------------*/
section.__block.__block--pro-recommend{width: 94%;margin-left: 6%;margin-right: 0;}
.btn_morerecom{width: 67%;font-size:min(3.73vw,14px);}

.sp-mascot{position: absolute;top: -2%;right: 0;width: 14%;max-width: 60px; animation: swing 3.6s ease-in-out infinite}


/*  NEWS
-------------------------------------------------------------*/
.main.main--home section.__block.__block--news{width: 94%;margin-left: 6%;margin-right: 0;}
.main.main--home section.__block.__block--news .__body ul li{position: relative;padding: 0;border-bottom: 1px solid #555;}
.main.main--home section.__block.__block--news .__body ul li > a span, .main.main--home section.__block.__block--news .__body ul li > span span{font-size: 3.73vw;}
.main.main--home section.__block.__block--news .__body ul li > a span.__date, .main.main--home section.__block.__block--news .__body ul li > a span.__title, .main.main--home section.__block.__block--news .__body ul li > span span.__date{border-bottom: none;padding-top: 0.8em;padding-bottom: 0.6em;}
.main.main--home section.__block.__block--news .__body ul li > span span.__title{border-bottom: none;padding-top: 0;padding-bottom: 0.8em;}

/*  CONCEPT ブランドについて
-------------------------------------------------------------*/
section.__block.__block--concept {border-bottom: 4px solid #f2f2f2;margin-bottom: 2.5em;}
.main.main--home section.__block.__block--concept h2{padding-left: 6%;}
section.__block.__block--concept .concept_inner .lead{font-size:min(4.27vw,16px);}
section.__block.__block--concept .concept_img{flex-wrap: wrap;}
section.__block.__block--concept .concept_img img{width: 50%;}
section.__block.__block--concept .concept_txt{width: 90%; margin-bottom: 2em; text-align: left;font-size:min(3.73vw,14px);}

}/* -767end */


/*================================================================
@ -599
================================================================*/
@media screen and (max-width: 599px){

/* おすすめ商品*/
section.__block.__block--pro-recommend{}

/* NEWS */
.main.main--home section.__block.__block--news .__body ul li > a span, .main.main--home section.__block.__block--news .__body ul li > span span.__label{position: absolute;top: 11%;left: 23%;font-size: 12px;}

}/* -599end */