.body-home { background-color: unset; }
.body-home .wrapper { padding: unset; border-radius: unset; }
.body-home ul { list-style: none; margin: 0; padding: 0; }

.body-home .header .__banner .__wrap .__toggle-open label span:before { color: #fff; }
.body-home .header .__block--search .__search-open.__search-btn .material-icons-outlined { color: #fff; }

/* __content-home-top __slide----------*/
/* .wrapper .__inner { position: relative; z-index: 1; } */
.wrapper .__inner .__content-home-top { height: 450px; display: flex; align-items: self-end; background-color: unset; margin-bottom: 2.5em; }
.wrapper .__inner .__content-home-top .__slide-img { width: 100vw; position: absolute; top: 0; left: 0; z-index: 0; height: 540px; background-color: #333; }
.wrapper .__inner .__content-home-top .__slide-img li > img { width: 100vw; object-fit: cover; height: 540px; /* opacity: 0.65; */ }
.wrapper .__inner .__content-home-top .__slide-img li:nth-of-type(3) > img { object-position: top; }
/* .wrapper .__inner .__content-home-top .__slide-txt { padding-bottom: 1.1em; font-size: clamp(2.6em, calc(1.2rem + 4vw), 3.38em); font-weight: bold; color: #fff; filter: drop-shadow(0 0 15px #282B3520); position: absolute; bottom: 0; width: 100%; max-width: 1280px; margin: auto; left: 50%; transform: translateX(-50%); } */
.wrapper .__inner .__content-home-top .__slide-img li .__slide-txt { position: absolute; bottom: 3em; width: 92%; max-width: 1280px; margin: auto; left: 50%; transform: translateX(-50%); }
.wrapper .__inner .__content-home-top .__slide-img li .__slide-txt img { max-width: 98%; }
/* .slick-dots  */
.slick-dots { bottom: -2.667rem; } 
.slick-dots li { margin: 0 2.5px; }
.slick-dots li button:before { color: #888; font-size: 12px; opacity: 1; }
.slick-dots li.slick-active button:before { color: #C03032; opacity: 1; }

.body-home .aside { display: none; }
.body-home .wrapper.wrapper--column-2 .__inner .main { width: 100%; float: none; padding-left: 0; padding-top: 0; }

/* __block--pro-ranking ----------*/
.body-home .main--home .__block--pro-ranking { margin: clamp(6.333rem, calc(3.667rem + 6.667vw), 9rem) clamp(1.07em, -0.03em + 4.14vw, 3.6em) clamp(4rem, calc(0rem + 10vw), 8rem); position: relative; }
.body-home .main--home .__block--pro-ranking .p-product-block ul.__product { position: static; width: 100%!important; }
.body-home .main--home .__block--pro-ranking .p-product-block--compact .__item { width: 242px !important; margin-right: 17px !important; }
.body-home .main--home .__block--pro-ranking .p-product-block ul.__product li.__item a .__rank { display: none; }

/* slick button */
.body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-next,
.body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-prev { height: 3.33rem; width: 3.33rem; background-color: #fff; border-radius: 3.33rem; border: 2px solid #E8B0B1; }
.body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-next::before,
.body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-prev::before { content: ''; width: 1.733rem; height: 1.733rem; display: block; opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/* slick-prev */
.body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-prev::before { background: url(../img/common/icon-arrow-left.svg) no-repeat center/cover; }
/* slick-next */
.body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-next::before { background: url(../img/common/icon-arrow-right.svg) no-repeat center/cover; }

/* __top--category----------*/
.__top--category { margin: clamp(4rem, calc(1rem + 7.5vw), 7rem) auto; padding: clamp(2rem, calc(-1.067rem + 7.667vw), 5.067rem) clamp(1.07em, -0.03em + 4.14vw, 3.6em) clamp(2.667rem, calc(-0.333rem + 7.5vw), 5.667rem); border-radius: 1.88em; }
.__top--category .button-arrow { text-align: center; }

/* __block--news ----------*/
.body-home .main.main--home section.__block--news { margin: clamp(5rem, calc(0rem + 10vw), 8rem) clamp(1.07em, -0.03em + 4.14vw, 3.6em); }
.body-home .main--home .__block--news .top-h { margin-top: 0; }

/* __block--magazine ----------*/
.body-home .main--home .__block--magazine { margin: clamp(4rem, calc(0rem + 10vw), 8rem) auto; padding: clamp(1rem, calc(-0.4rem + 6vw), 4.4rem) clamp(1.07em, -0.03em + 4.14vw, 2.5em) clamp(2rem, calc(-1rem + 7.5vw), 5rem); border-radius: 1.88em; border: 0.67rem solid #EBEBED; }
.body-home .main--home .__block--magazine .wp-post { display: flex; flex-wrap: wrap; gap: clamp(1.07em, -0.03em + 4vw, 3.33rem); margin: clamp(1.07em, -0.03em + 4.14vw, 3.6em) auto; }
.body-home .main--home .__block--magazine .wp-post li { width: calc((100% - (clamp(1.07em, -0.03em + 4vw, 3.33rem) * 2)) / 3 ); }
.body-home .main--home .__block--magazine .wp-post li a .wp-post-img { margin-bottom: 1em; border-radius: clamp(1rem, calc(0.333rem + 1.667vw), 1.667rem); overflow: hidden; border: 1px solid #EEEEEE; }
.body-home .main--home .__block--magazine .wp-post li a .wp-post-img img { object-fit: cover; aspect-ratio: 1.3; }
.body-home .main--home .__block--magazine .wp-post li a .wp-post-time { display: block; font-size: 0.75em; color: #888; }
.body-home .main--home .__block--magazine .wp-post li a .wp-post-title { margin: 0; line-height: 1.4; font-size: 1em; font-weight: 700; }
.body-home .main--home .__block--magazine .button-arrow { text-align: center; }

/* __block--about ----------*/
.body-home .main--home .__block--about { padding: clamp(4.667rem, calc(3.333rem + 3.333vw), 6rem)0 clamp(4.667rem, calc(2.667rem + 5vw), 6.667rem); background: #F7F3F2; position: relative; z-index: 0; }
.body-home .main--home .__block--about::before { position: absolute; content: ''; background: #F7F3F2; width: 100%; top: 0; left: -50%; height: 100%; z-index: -1; }
.body-home .main--home .__block--about::after { position: absolute; content: ''; background: #F7F3F2; width: 100%; top: 0; right: -50%; height: 100%; z-index: -1; }
.body-home .main--home .__block--about .__block--about-title { margin-top: 0; text-align: center; }
.body-home .main--home .__block--about .__block--about-title .jp { display: block; font-size: 1rem; font-weight: 700; color: #C03032; }
.body-home .main--home .__block--about .__block--about-title .jp .material-symbols-rounded { font-size: 1.333rem; vertical-align: sub; font-weight: 700; font-family: 'Material Symbols Rounded'; display: inline-block; }
.body-home .main--home .__block--about .__block--about-title .en { font-size: clamp(2.8rem, calc(1.533rem + 3.167vw), 4.067rem); font-weight: 800; line-height: 1.2; letter-spacing: 0; vertical-align: middle; }
.body-home .main--home .__block--about .__block--about-txt { line-height: 2;  font-weight: 700; }
/* .body-home .main--home .__block--about .__block--about-img01 { max-width: 383px; width: 75%; border-radius: clamp(1rem, calc(0.333rem + 1.667vw), clamp(1rem, calc(0.333rem + 1.667vw), 1.667rem)); overflow: hidden; }
.body-home .main--home .__block--about .__block--about-img02 { max-width: 284px; width: 55%; border-radius: clamp(1rem, calc(0.333rem + 1.667vw), clamp(1rem, calc(0.333rem + 1.667vw), 1.667rem)); overflow: hidden; } */

@media screen and (max-width: 1279px) {

    .wrapper .__inner .__content-home-top .__slide-txt { left: 56%; }
    
}

@media screen and (max-width: 959px) {

    /* __block--pro-ranking */
    .body-home .main--home .__block--pro-ranking .p-product-block--compact .__item { width: 210px !important; }

    /* __block--news */
    .body-home .main.main--home section.__block--news .__body ul li > a { padding-right: 1em; }
    .body-home .main.main--home section.__block--news .__body ul li > a::after { right: 0; }

}

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

    /* __block--pro-ranking */
    .body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-next, 
    .body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-prev { display: none!important; }

    /* __block--about */
    .body-home .main--home .__block--about .__block--about-img02 {  margin-left: auto;  margin-top: -3em; }
    .body-home .main--home .__block--about .__block--about-txt { margin-bottom: 2em; }
}

@media screen and (max-width: 599px) {
    .wrapper .__inner .__content-home-top .__slide-img { height: 400px; }
    .wrapper .__inner .__content-home-top .__slide-img li > img { height: 400px; }
    .wrapper .__inner .__content-home-top .__slide-img li .__slide-txt img { max-height: 125px; }

    /* __block--pro-ranking */
    .body-home .wrapper .__inner .__content-home-top { height: 340px; }
    .body-home .main--home .__block--pro-ranking .p-product-block--compact .__item { width: 170px !important; margin-right: 0 !important; }

    /* news */
    .body-home .main.main--home section.__block--news { display: flex; flex-direction: column; }
    .body-home .main.main--home section.__block--news > div:first-of-type { display: contents; }
    .body-home .main.main--home section.__block--news .top-h { order: 1; }
    .body-home .main.main--home section.__block--news .__body { order: 2;  }
    .body-home .main.main--home section.__block--news .__body li:first-of-type { padding-top: 0.5em; }
    .body-home .main.main--home section.__block--news .__body li:last-of-type { padding-bottom: 0.5em; }
    .body-home .main.main--home section.__block--news .button-arrow { order: 3; display: flex; justify-content: center; }
   
    /* magazine */
    .body-home .main--home .__block--magazine .wp-post li { width: calc((100% - (clamp(1.07em, -0.03em + 4vw, 3.33rem))) / 2 ); }
    .body-home .main--home .__block--magazine .wp-post li a .wp-post-title { font-size: 0.85em; }

    /* __block--about */
    .body-home .main--home .__block--about .__block--about-txt { font-size: 0.9em; }


}

@media screen and (min-width: 600px) {
    .wrapper .__inner .__content-home-top .__slide-img li:nth-of-type(2) .__slide-txt img { max-height: 247px; }
    .wrapper .__inner .__content-home-top .__slide-img li:nth-of-type(3) .__slide-txt img { max-height: 247px; }
    
    /* __block--news */
    .body-home .main--home .__block--news .button-arrow a { width: 250px; }
    .body-home .main.main--home section.__block--news { display: flex; justify-content: space-between; gap: 2em; }
    .body-home .main--home .__block--news .__body { width: 70%; }

    /* __block--magazine */
    .body-home .main--home .__block--magazine .wp-post li a .wp-post-time { margin-bottom: 1em; }

    /* __block--about */
    .body-home .main--home .__block--about .__block--about-txt { text-align: center; }
    
}

@media screen and (min-width: 768px) {

    /* __block--pro-ranking */
    .body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-next { top: 1.5rem; right: 0; }
    .body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-prev { top: 1.5rem; left: auto; right: 55px; }

    /* __block--about */
    .body-home .main--home .__block--about .__block--about-img01 { width: 34%; position: absolute; bottom: 60px; left: -7%; }
    .body-home .main--home .__block--about .__block--about-img02 { width: 25%; position: absolute; top: 54px; right: 0; }

}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1280px) {

    /* __block--pro-ranking */
    .body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-next { top: 2rem; }
    .body-home .main--home .__block--pro-ranking .p-product-block .slick-slider .slick-prev { top: 2rem; }

    /* _top--category */
    .__top--category ul.__product { width: 88.99%; margin: 2.667rem auto;  }

    /* __block--magazin */
    .body-home .main--home .__block--magazine .wp-post { width: 88.829%; }

    /* __block--about */
    .body-home .main--home .__block--about .__block--about-img01 { left: 0;}
    .body-home .main--home .__block--about .__block--about-img02 { right: 94px; }
}