/* CSS Document */

/* ===== ページタイトル ===== */
#spot-title img {
  /* max-width: 240px; */
  filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.6));
  width: clamp(180px, 14%, 240px);
}
#spot-title.rk-page-title {
  background-image: url("https://m-ine.net/ryokan-miki/img/cuisine/Cuisine1.jpg");
}

/**/
#tsubomi, #sakura, #kiwami {
  scroll-margin-top: 90px;
}

/* ===== 一覧（3カラム） ===== */
.cuisine-list-title1 {
  display: block;
  margin: 0 auto 70px;
}
.cuisine-list-title2 {
  display: block;
  margin: 0 auto 35px;
}
.cuisine-list-ul {
  max-width: 1136px;
  width: 60%;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 50px;
  margin: 0 auto 75px;
}
.cuisine-list-ul img { width: 100%; }
.cuisine-list-hr {
  width: 87%;
  color: #3c2714;
  background-color: #3c2714;
  height: 1px;
}
.hr-bottom { height: 140px; }

/* ===== コンテンツ帯 ===== */
.rk-cuisine-list { padding-bottom: 140px; }

.cuisine-list1 {
  width: 100%;
  text-align: center;
  margin: clamp(80px, 5vw, 150px) 0 clamp(40px, 2.5vw, 70px) 0;
}
.cuisine-list2 { text-align: center; }
.cuisine-list2 img { width: 100%; }
.cuisine-list3 {
  text-align: left;
  margin-top: 50px;
}
.cuisine-list3 img { max-width: 100%; }

/* タイトル画像の幅微調整（各ボックス） */
.cuisine-list-box.cuisine-list-box1 .cuisine-list1 { margin: 0 0 clamp(40px, 2.5vw, 70px) 0; }
.cuisine-list-box.cuisine-list-box1 .cuisine-list1 img { width: 32.9%; }
.cuisine-list-box.cuisine-list-box2 .cuisine-list1 img { width: 30.5%; }
.cuisine-list-box.cuisine-list-box3 .cuisine-list1 img { width: 29.9%; }
.cuisine-list-box.cuisine-list-box4 .cuisine-list1 img { width: 100%; }

/* コンテナ幅 */
.cuisine-list-box {
  max-width: 1288px;
  width: 67%;
  margin: auto;
}

/* 下段画像の幅（各ボックス個別） */
.cuisine-list-box.cuisine-list-box1 .cuisine-list3 img {
  max-width: 998px;
  width: 93.2%;
}
.cuisine-list-box.cuisine-list-box2 .cuisine-list3 img {
  max-width: 992px;
  width: 92.6%;
}
.cuisine-list-box.cuisine-list-box3 .cuisine-list3 img {
  max-width: 844px;
  width: 78.9%;
}

/* ===== 区切り装飾 ===== */
.cuisine-spacer div {
  background-image: url("https://m-ine.net/ryokan-miki/img/cuisine/Cuisine21.png");
  height: 114px;
  background-size: contain;
  background-position: center left;
  max-width: 1612px;
  width: 96%;
  margin: auto;
  background-repeat: no-repeat;
}

/* ===== 朝食ブロック ===== */
.cuisine-list-box5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cuisine-list5 { width: 39%; }
.cuisine-list6 { width: 54%; }
.cuisine-list5 img,
.cuisine-list6 img { width: 100%; }

/* ===== お時間ブロック ===== */
.ojikan .cuisine-list1 { margin-top: 0; }

/* ===== 予備（もし使っていれば） ===== */
.spot-type-img-listbox-b .spot-type-img-listbox11,
.spot-type-img-listbox-b .spot-type-img-listbox22 {
  width: 86%;
  margin: 10px auto;
  display: block;
}

/*room.css移動*/
#spot-title img{
            /*max-width: 240px;*/
            filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.6));
            width: clamp(180px, 14%, 240px);
        }
    #spot-title.rk-page-title{
    background-image: url("img/cuisine/Cuisine1.jpg");
        
    }
        
        .spot-type-img-listbox-b .spot-type-img-listbox11,.spot-type-img-listbox-b .spot-type-img-listbox22 {
    width: 86%;
    margin: 10px auto;
    display: block;
}
        
        .map-text1{
            
        }

        .cuisine-list-title1{
            display: block;
            margin: 0 auto 70px;
        }
        .cuisine-list-title2{
            display: block;
            margin: 0 auto 35px;
        }
.cuisine-list-ul {
    max-width: 1136px;
    width: 60%;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    margin: 0 auto 75px;
}
        .cuisine-list-ul img{width: 100%;}
        .cuisine-list-hr{
            
            width: 87%;
            color: #3c2714;
            background-color: #3c2714;
            height: 1px
        }
        .hr-bottom{height: 140px;}

        .rk-cuisine-list{
            padding-bottom: 140px;
        }

.cuisine-list1 {
    width: 100%;
    text-align: center;
    margin: clamp(80px, 5vw, 150px) 0 clamp(40px, 2.5vw, 70px) 0;
}
        .cuisine-list1 img{
            /*width: 100%;*/
        }
        .cuisine-list2{
            text-align: center;
        }
        .cuisine-list2 img{
            width: 100%;
        }
        .cuisine-list3{
            text-align:left;
            margin-top: 50px;
        }
        .cuisine-list3 img{
            max-width: 100%;
        }

        .cuisine-list-box.cuisine-list-box1 .cuisine-list1{margin: 0 0 clamp(40px, 2.5vw, 70px) 0;}
        .cuisine-list-box.cuisine-list-box1 .cuisine-list1 img{width: 32.9%;}
        .cuisine-list-box.cuisine-list-box2 .cuisine-list1 img{width: 30.5%;}
        .cuisine-list-box.cuisine-list-box3 .cuisine-list1 img{width: 29.9%;}
        
        .cuisine-list-box.cuisine-list-box4 .cuisine-list1 img{width: 100%;}
        
        .cuisine-list-box{
            max-width: 1288px;
            width: 67%;
            margin: auto;
        }
.cuisine-list-box.cuisine-list-box1 .cuisine-list3 img {
    max-width: 998px;
    width: 93.2%;
}
.cuisine-list-box.cuisine-list-box2 .cuisine-list3 img {
    max-width: 992px;
    width: 92.6%;
}
.cuisine-list-box.cuisine-list-box3 .cuisine-list3 img {
    max-width: 844px;
    width: 78.9%;
}

        .cuisine-spacer div{background-image: url("img/cuisine/Cuisine21.png");
            height: 114px;
            background-size: contain;
            background-position: center left;
            max-width: 1612px;
            width: 96%;
            margin: auto;
            background-repeat: no-repeat;
        }
            .cuisine-list-box5{
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .cuisine-list5{width: 39%;}
            .cuisine-list6{width: 54%;}
            .cuisine-list5 img,.cuisine-list6 img{width: 100%;}

            .ojikan .cuisine-list1{
                margin-top: 0;
            }


/* まず他行はそのまま全幅で縦並び */
.cuisine-stack img{
  display:block;
  width:100%;
  height:auto;
}

/* r6 は元画像の横幅比で 7 分割して常に 100% にフィット */
.cuisine-r6{
  display:grid;
  /* Fireworks 出力の横幅: 374 / 367 / 39 / 361 / 37 / 361 / 381 */
  grid-template-columns: 374fr 367fr 39fr 361fr 37fr 361fr 381fr;
  width:100%;
    background-color: #E8E1D9;
}
.cuisine-r6 a{ display:block; }
.cuisine-r6 img{
  display:block;
  width:100%;
  height:auto; /* 元の高さが同一系なので自然に高さも揃う */
}