@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 768px), print {
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*================*/
.shoplist-news__box .swiper-slide img{
    width: 100%;
    aspect-ratio: 344 / 446;
    overflow: hidden;
    object-fit: contain;
    background-color: #D9D9D9;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 1.28vw;
    z-index: 1;
}
.swiper-pagination-bullet{
    position: relative;
    width: 1.92vw;
    height: 1.92vw;
    background: #000;
    opacity: 0.17;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 2vw;
}
.swiper-pagination-bullet-active{
    opacity: 1;
}
.swiper-button-next, .swiper-button-prev{
    top: auto;
    bottom: 0;
    z-index: 1;
    width: auto;
    height: auto;
}
.swiper-button-prev{
    left: 0;
}
.swiper-button-next{
    right: 0;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}
.swiper-button-next .hitelm,
.swiper-button-prev .hitelm{
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
}
.swiper-button-next .compo-arrow-round,
.swiper-button-prev .compo-arrow-round{
    font-size: 1.8rem;
}
.swiper-button-next .compo-arrow-round .mark,
.swiper-button-prev .compo-arrow-round .mark{
    width: 10.77vw;
}
.swiper-button-next .compo-arrow-round .mark .arrow,
.swiper-button-prev .compo-arrow-round .mark .arrow{
    top: 8%;
    width: 5.47vw;
}

/*================*/
.swiper-button-prev--shoplist-news{
    width: 10.77vw;
}
.swiper-button-next--shoplist-news{
    width: 10.77vw;
}

/*================*/
.shoplist-news__head{
    margin-top: 7.69vw;
}
.shoplist-news__shop{
    font-weight: 500;
    font-size: 3.59vw;
    letter-spacing: 0.05em;
}
.shoplist-news__mainttl{
    margin-top: 1.54vw;
    font-weight: 700;
    font-size: 6.15vw;
    line-height: 1.35;
    letter-spacing: 0.08em;
}
.shoplist-news__date{
    margin-top: 2.56vw;
    font-family: var(--font-en);
    font-weight: 400;
    font-size: 2.56vw;
    letter-spacing: 0.05em;
    color: #8F8F8F;
}
.shoplist-news__box{
    margin-top: 7.69vw;
}
.shoplist-news__box .slider{
    position: relative;
    padding-bottom: 10.26vw;
}
.shoplist-news__text{
    margin-top: 7.69vw;
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.04em;
}
.shoplist-news__btn{
    margin-top: 10.26vw;
    text-align: center;
}
.shoplist-news__btn .compo-button-arrow{
    font-size: 4.1vw;
}

/*================*/
.shop-info{
    margin-top: 15.38vw;
    padding-block: 10.26vw;
    background-color: #F9F9F9;
}
.shop-info__img img{
    width: 100%;
}
.shop-info__ttl{
    margin-block: 2.05vw 4.1vw;
    padding-bottom: 2.56vw;
    border-bottom: 1px solid #000;
    font-weight: 700;
    font-size: 4.62vw;
    line-height: 1.6;
    letter-spacing: 0.08em;
}
.shop-info__cat{
    margin-top: 4.1vw;
    font-weight: 400;
    font-size: 3.08vw;
    line-height: 1.2em;
    color: #8F8F8F;
}
.shop-info__floor{
    display: inline-block;
    margin-top: 3.59vw;
    padding: 0.77vw 2.31vw;
    border: 1px solid #000;
    font-family: var(--font-en);
    font-weight: 500;
    font-size: 3.59vw;
    line-height: 1;
    letter-spacing: 0.05em;
    background-color: #fff;
}
.shop-info__btn{
    margin-top: 3.59vw;
    text-align: right;
}
.shop-info__btn .compo-button-arrow{
    font-size: 4.1vw;
}

/*================*/
.bottom{
    padding-block: 5.9vw;
}
.bottom__btns{
    display: flex;
    justify-content: center;
    column-gap: 2.56vw;
}
.bottom__btn{
}
.bottom__btn .compo-button-arrow{
    font-size: 3.4vw;
}

/*================*/
.shoplist .shopnews{
    padding-block: 10.26vw;
}
.shoplist .news__ttl{
    font-weight: 700;
    font-size: 6.15vw;
    line-height: 1.58;
    letter-spacing: 0.08em;
}
.shoplist .shopnews .slider{
    position: relative;
    margin-top: 4.1vw;
}
.shoplist .shopnews .item__img img{
    aspect-ratio: 208 / 270;
}
.shoplist .shopnews .item__newsttl{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 3.08vw;
    font-size: 3.59vw;
    font-weight: 400;
    line-height: 1.71;
    letter-spacing: 0.04em;
}
.shoplist .shopnews .item__ttl{
    margin-top: 1.54vw;
}
.swiper-button-prev--news{
    left: 0;
}
.swiper-button-next--news{
    right: 0;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
} /* end of media query */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */