@charset "utf-8";



/* roomプランの全体の設定 */
.roomplan {
    width: 80%;
    margin-top: 150px;
}
.left{
    width: 40%;
}

.right {
    width: 50%;
}

/* 写真の設定（左側） */


.thumb1 img,
.thumb2 img,
.thumb3 img,
.slider_thumb1 img,
.slider_thumb2 img,
.slider_thumb3 img {
    aspect-ratio: 3/2;
    object-fit: cover;
}

.thumb1 img,
.thumb2 img,
.thumb3 img {
    padding: 3px;
}

.slider_thumb1,
.slider_thumb2,
.slider_thumb3{
    margin-bottom: 10px;
}


/* 右側の設定 */

.room-name h4{
    margin-top: 0;
}
.print img {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}
.room-des {
    font-size: 1.3rem;
    width: 50%;
    line-height: 26px;
    margin-bottom: 35px;
}

.right ul {
    display: flex;
    width: 50%;
    margin-bottom: 30px;
}

.right li {
    border: 1px solid #000;
    padding: 10px;
    font-size: 1.3rem;
    font-weight: bold;
}

/* 予約ボタンの設定 */
.roomplan .viewmore {
    background-color: beige;
}

.roomplan .viewmore a {
    color: rgb(55, 71, 48);
}

.roomplan .viewmore:hover {
    background-color: transparent;
    color: rgb(247, 247, 234);

}


/* 基本情報の設定 */

.info {
    width: 45%;
    margin-bottom: 200px;
}
.info .title h3:before,
.info .title h3:after {
    display: none;
}

dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;


}

dt {
    font-size: 1.6rem;
    font-weight: bold;
    width: 30%;
    padding: 30px 20px;
    /* background-color: #d3d0a7; */
    border-bottom: 0.5px solid #000;
}

dd {
    font-size: 1.5rem;
    width: 70%;
    padding: 30px 20px;
    /* background-color: #adab88d2; */
    border-bottom: 0.5px solid #000;
}



  
  /* 4. 注釈部分 */
  .info .note{
    text-align: center;
    margin-top: 30px;
    padding: 20px 30px;
    font-size: 1.7rem;
    width: 100%;
    background-color: #f1edd8b4; /* 注釈部分の背景色を少し変えるか、必要に応じて削除 */
  }