/* ==========================
Guest Information　ここから
========================== */

.guest-info-wrapper{
    max-width:600px;
    margin:0 auto;
    padding:20px;
}


/* Check In / Out */
.guest-time-info{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom: 3rem;
    padding: 23px 13px;

    background:#f7f7f7;
    border-radius:10px;
}

.guest-time-box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* チェックインとチェックアウトの間の線 */
.guest-time-box + .guest-time-box {
    border-left: 1px solid #bd9613;
    padding-left: 13px;
    margin-left: -13px;
}

.guest-time-icon {
    width: 45px;
    height: 45px;
    object-fit: contain;
}

.guest-time-content {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.guest-time-label {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 0.5rem;
}

.guest-time-value {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
}

/* ナビは3列固定。 */
.guest-nav{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-bottom:30px;
}

/* アイコンボタン */
.guest-nav-item{
    background:#083a69;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    padding:15px 10px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:100px;
}

.guest-nav-icon{
    width:36px;
    height:36px;
    object-fit:contain;
    margin-bottom:8px;
}

.guest-nav-item.is-contact {
    background:#BD9613;
}



/* セクション見出し */
.guest-section{
    margin-bottom:40px;
}

.guest-section-title{
    display:flex;
    align-items:center;
    gap:10px;

    font-size:1.2rem;
    font-weight:700;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:2px solid #083a69;
}

/* セクションアイコン */
.guest-section-title{
    display:flex;
    align-items:center;
    gap:10px;

    font-size:1.2rem;
    font-weight:700;
    margin-bottom:15px;
    padding-bottom:10px;
    border-bottom:2px solid #083a69;
}

.guest-section-icon{
    width:32px;
    height:32px;
    object-fit:contain;
    background-color: #083a69;
    border-radius: 3px;
    padding: 4px;
}

#contact_sec .guest-section-icon {
    background:#BD9613;
}

/* アコーディオン */
.guest-item-title{
    width:100%;
    padding:16px;
    display:flex;
    align-items:center;
    gap:12px;
    background:#f7f7f7;
    border:none;
    text-align:left;
    font-size:16px;
    font-weight:700;
}


/* アコーディオンアイコン */
.guest-item-icon{
    width:24px;
    height:24px;
    object-fit:contain;
    flex-shrink:0;
}

/* アイコンなしの場合 */
.guest-item-title:not(:has(.guest-item-icon)){
    gap:0;
}


/* 画像 */
.guest-item-gallery img{
    width:100%;
    height:auto;
    border-radius:8px;
}

.guest-header{
    background:#fff;
    padding:16px;
    text-align:center;
    border-bottom:1px solid #ddd;
}

.guest-header h1{
    font-size:1.2rem;
    margin-bottom:6px;
}

.guest-room{
    font-size:.9rem;
    color:#666;
}

.guest-main{
    padding:16px;
}

.guest-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.guest-card{
    background:#083a69;
    border-radius:7px;
    padding:2rem;
    text-align:center;
    text-decoration:none;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    transition:.1s ease;
}

.guest-card i{
    font-size:4rem;
    margin-bottom:15px;
}

.guest-card span{
    font-size:1rem;
    line-height:1.3;
}

.guest-card:active{
    transform:scale(.96);
}

.guest-call{
    background:#ac8507;
}

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

    .guest-grid{
        grid-template-columns:repeat(4,1fr);
    }

}

@media (min-width:1024px){

    .guest-main{
        max-width:900px;
        margin:0 auto;
    }

    .guest-card i{
        font-size:4rem;
    }

    .guest-card span{
        font-size:1.2rem;
    }

} */

/* ==========================
Guest Information ここまで
========================== */

/* ==========================
アコーディオン
========================== */

.guest-item{
    margin-bottom:10px;
    border:1px solid #ddd;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
}
.guest-item-title{
    width:100%;
    padding:15px;
    border:none;
    background:#f7f7f7;
    text-align:left;
    font-size:1rem;
    font-weight:700;
    cursor:pointer;
    position:relative;
}
.guest-item-title::after{
    content:"+";
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    font-size:1.2rem;
}
.guest-item.active .guest-item-title::after{
    content:"−";
}
.guest-item-content{
    display:none;
    padding:15px;
    border-top:1px solid #eee;
}
.guest-item.active .guest-item-content{
    display:block;
}
.guest-item-gallery{
    display:grid;
    gap:10px;
    margin-bottom:20px;
}

.guest-item-gallery img{
    width:100%;
    border-radius:8px;
    display:block;
}
.guest-item-text{
    line-height:1.8;
}
.guest-item-notice{
    margin-top:20px;
    color:#d60000;
    font-weight:700;
}
/* ==========================
アコーディオン ここまで
========================== */