@charset "utf-8";

/*-----------------------------------------------------------
お料理
-----------------------------------------------------------*/

.top-food-slider .swiper-wrapper {
    transition-timing-function: linear;
}

.top-food-slider .swiper-slide {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.top-food-slider .swiper-slide:nth-child(even) {
    margin: 25px 0 0;
}

.top-food-slider-img {
    aspect-ratio: 160 / 119;
}

.top-food-slider-img > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/*-----------------------------------------------------------
お飲み物
-----------------------------------------------------------*/

.top-drink-slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin: 17px 0 0;
}

.top-drink-slider-pagination .swiper-pagination-bullet {
    max-width: 10px;
    width: 100%;
    height: 10px;
    background: #E6E3E1;
    opacity: 0.4;
    margin: 0 5px !important;
}

.top-drink-slider-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/*-----------------------------------------------------------
お知らせ
-----------------------------------------------------------*/

.top-news-right-block .news-cate {
    border-color: var(--white);
}

.top-news-right-block .news-img {
    background: var(--gray-light);
}

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

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

/*-----------------------------------------------------------
お料理
-----------------------------------------------------------*/

.top-food-slider .swiper-slide:nth-child(even) {
    margin: 50px 0 0;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1600px) {
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */