@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (min-width: 769px) and (max-width: 960px) {
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*================*/
.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: 14px;
    z-index: 1;
}
.swiper-pagination-bullet{
    position: relative;
    width: 8px;
    height: 8px;
    background: #000;
    opacity: 0.17;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 7px;
}
.swiper-pagination-bullet-active{
    opacity: 1;
}
.swiper-button-next, .swiper-button-prev{
    top: auto;
    bottom: 0;
    z-index: 1;
}
.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 .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: 2.8rem;
}
.swiper-button-next .compo-arrow-round .mark,
.swiper-button-prev .compo-arrow-round .mark{
    width: 42px;
}
.swiper-button-next .compo-arrow-round .mark .arrow,
.swiper-button-prev .compo-arrow-round .mark .arrow{
    top: 8%;
    width: 22px;
}

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

/*================*/
.shoplist-news__head{
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.shoplist-news__shop{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.05em;
}
.shoplist-news__mainttl{
    margin-top: 8px;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.35;
    letter-spacing: 0.08em;
}
.shoplist-news__date{
    flex-shrink: 0;
    font-family: var(--font-en);
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.05em;
    color: #8F8F8F;
}
.shoplist-news__box{
    display: flex;
    align-items: flex-start;
    column-gap: 30px;
    margin-top: 26px;
}
.shoplist-news__box .slider{
    flex-shrink: 0;
    position: relative;
    padding-bottom: 48px;
    width: 28.67%;
}
.shoplist-news__text{
    font-weight: 400;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.04em;
}
.shoplist-news__btn{
    margin-top: 30px;
}
.shoplist-news__btn .compo-button-arrow{
    font-size: 16px;
}

/*================*/
.shop-info{
    margin-top: 60px;
    padding-block: 60px;
    background-color: #F9F9F9;
}
.shop-info__box{
    display: flex;
    column-gap: 30px;
}
.shop-info__img{
    flex-shrink: 0;
    width: 27.83%;
}
.shop-info__img img{
    width: 100%;
}
.shop-info__contents{
    flex-grow: 1;
}
.shop-info__ttl{
    margin-bottom: 16px;
    border-bottom: 1px solid #000;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.08em;
}
.shop-info__cat{
    margin-top: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2em;
    color: #8F8F8F;
}
.shop-info__floor{
    display: inline-block;
    margin-top: 12px;
    padding: 3px 9px;
    border: 1px solid #000;
    font-family: var(--font-en);
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    background-color: #fff;
}
.shop-info__btn{
    margin-top: 26px;
    text-align: right;
}
.shop-info__btn .compo-button-arrow{
    font-size: 16px;
}

/*================*/
.bottom{
    padding-block: 40px;
}
.bottom__btns{
    display: flex;
    justify-content: center;
    column-gap: 40px;
}
.bottom__btn{
}
.bottom__btn .compo-button-arrow{
    font-size: 16px;
}

/*================*/
.shoplist .shopnews{
    padding-block: 60px;
}
.shoplist .news__ttl{
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0.08em;
}
.shoplist .news__ttl br.sp{
    display: none;
}
.shoplist .shopnews .slider{
    position: relative;
    margin-top: 20px;
}
.shoplist .shopnews .item__img img{
    aspect-ratio: 208 / 270;
}
.shoplist .shopnews .item__newsttl{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    letter-spacing: 0.04em;
}
.shoplist .shopnews .item__ttl{
    margin-top: 8px;
}
.swiper-button-prev--news{
    left: 0;
}
.swiper-button-next--news{
    right: 0;
}

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