@charset "UTF-8";

#main-visual {
    background: url(/assets/img/index/bg_mainvisual.jpg);
    margin-bottom: 4rem;
}
#main-visual img {
    max-width: 100%;
}

#index-slider img {
    width: 100%;
}
#index-slider .splide__slide {

}
#index-slider .splide__slide a {
    display: block;
    height: 100%;
    width: 100%;
}
#index-slider .splide__arrow {
    top: 50%;
}
#index-slider .splide__slide.slide01 a {
    background: url(/assets/img/index/top-01.jpg) center center no-repeat;
    background-size: cover;
}
#index-slider .splide__slide.slide02 a {
    background: url(/assets/img/index/top-02.jpg) center center no-repeat;
    background-size: cover;
}
#index-slider .splide__slide.slide03 a {
    background: url(/assets/img/index/top-03.jpg) center center no-repeat;
    background-size: cover;
}
#index-slider .splide__slide.slide04 a {
    background: url(/assets/img/index/top3-01.jpg) center center no-repeat;
    background-size: cover;
}
#index-slider .splide__slide.slide05 a {
    background: url(/assets/img/index/top3-02.jpg) center center no-repeat;
    background-size: cover;
}
#index-slider .splide__slide.slide06 a {
    background: url(/assets/img/index/top3-03.jpg) center center no-repeat;
    background-size: cover;
}

#shop-list-wrap {
    margin-bottom: 4rem;
}
#shop-list-wrap .shop-bnr {
    color: #fff;
    height: 10.875rem;
    padding: 3rem 0 0 2rem;
    position: relative;
    transition: all  0.3s ease;
    width: 32.5rem;
}
#shop-list-wrap .shop-bnr::after {
    border: 0.15em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    content: '';
    color: #fff;
    display: inline-block;
    height: 1rem;
    line-height: 1;
    position: absolute;
    right: 2rem;
    transform: translateY(25%) rotate(45deg);
    top: 4.5rem;
    vertical-align: middle;
    width: 1rem;
}
#shop-list-wrap .shop-bnr h2 {
    font-size: 1.5rem;
    letter-spacing: 0.125rem;
}
#shop-list-wrap .shop-bnr p {
    font-size: 0.75rem;
}
#shop-list-wrap .shop-bnr .department {
    bottom: 0;
    right: 2rem;
    position: absolute;
}
#shop-list-wrap .shop-bnr:hover {
    opacity: .7;
}
#shop-list-wrap .shop-for-home-hobby {
    background: url(/assets/img/index/bg_for_home_hobby.png);
}
#shop-list-wrap .shop-for-fashion {
    background: url(/assets/img/index/bg_for_fasion.png);
}

#news-wrap {
    background: var(--bg-color-blue);
}
#news-wrap .date {
    font-size: 0.875rem;
    line-height: 1.875rem;
}
#news-wrap .text {
    flex: 1;
}

#recommend-item-wrap {
    margin-bottom: 6.25rem;
}
#recommend-item-wrap #recommend-slider {

}
#recommend-item-wrap #recommend-slider .text {
    font-size: 0.875rem;
}
#recommend-item-wrap #recommend-slider .splide__list {

}
#recommend-item-wrap #recommend-slider .splide__slide {
    width: 15rem;
}
#recommend-item-wrap #recommend-slider .splide__slide img {
    width: 100%;
}


#products-search-wrap {
    background: var(--bg-color-blue);
    margin-bottom: 6.25rem;
    padding: 3.75rem 0 6.875rem 0;
}
#products-search-wrap #products-search-slider {

}
#products-search-wrap #products-search-slider .splide__slide {
    width: 18.75rem;
}
#products-search-wrap #products-search-slider .splide__slide a .text-wrap {
    font-size: 0.875rem;
}


/* ??¿ã??????????? */
@media screen and (max-width:768px) {
    #shop-list-wrap {
        margin-bottom: 4.375rem;
    }
    #shop-list-wrap .shop-bnr {
        height: auto;
        margin-bottom: 2.1875rem;
        padding: 3.125rem 2.1875rem;
        width: 100%;
    }
    #shop-list-wrap .shop-bnr::after {
        display: none;
    }
    #shop-list-wrap .shop-for-home-hobby {
        background: url(/assets/img/index/bg_for_home_hobby_sp.png);
        background-size: cover;
    }
    #shop-list-wrap .shop-for-fashion {
        background: url(/assets/img/index/bg_for_fasion_sp.png);
        background-size: cover;
    }
    #shop-list-wrap .shop-bnr p {
        margin-bottom: 2rem;
    }
    #news-wrap .news-list li {
        flex-wrap: wrap;
    }
    #news-wrap .news-list .text {
        flex: none;
        margin-bottom: 1rem;
        width: 100%;
    }
}

/* sp */
@media screen and (max-width:575px) {
    #main-visual {
        margin-bottom: 4.3125rem;
    }
    #recommend-item-wrap #recommend-slider .splide__slide {
        padding: 1.25rem;
        width: 50%;
    }
    #recommend-item-wrap #recommend-slider .splide__slide img {
        width: 100%;
    }
    #products-search-wrap #products-search-slider .splide__slide {
        padding: 1.25rem;
        width: 70%;
    }
    #products-search-wrap #products-search-slider .splide__slide img {
        width: 100%;
    }
    #products-search-wrap .select-wrap {
        margin-bottom: 1rem;
        width: 100%;
    }

}