/* =====================================================
アクセスページ
===================================================== */

.access-header{
    background:
        linear-gradient(
            rgba(248,246,240,.72),
            rgba(248,246,240,.72)
        ),
        url("../img/museum/access_header.jpg");

    background-size:cover;
    background-position:center center;
}


.info-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:40px;
}

.info-card{
    background:#fff;
    border:1px solid #e6ddd0;
    border-radius:12px;
    padding:24px;
}

.info-card h3{
    margin-bottom:12px;
    color:#a77700;
    font-size:1.2rem;
}

.info-card p{
    line-height:1.8;
}

.guide-box{
    background:#fff;
    border:1px solid #e6ddd0;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:40px;
}

.guide-table{
    width:100%;
    border-collapse:collapse;
}

.guide-table th{
    width:180px;
    background:#f5f1e8;
    color:#5c5448;
    font-weight:bold;
}

.guide-table th,
.guide-table td{
    padding:18px 24px;
    border-bottom:1px solid #e6ddd0;
}

.free-label{
    display:inline-block;
    padding:4px 14px;
    border-radius:999px;
    background:#c59f4a;
    color:#fff;
    font-weight:bold;
}



/* =========================
見学案内
========================= */

.guide-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:stretch;

    margin-top:30px;
}

.guide-box{
    background:#fff;

    border:1px solid #e6ddd0;
    border-radius:12px;

    overflow:hidden;
}

.guide-table{
    width:100%;
    border-collapse:collapse;
}

.guide-table th{
    width:140px;

    background:#f5f1e8;

    color:#5c5448;
    font-weight:bold;
}

.guide-table th,
.guide-table td{
    padding:18px 20px;

    border-bottom:1px solid #e6ddd0;
}

.guide-table tr:last-child th,
.guide-table tr:last-child td{
    border-bottom:none;
}

.free-label{
    display:inline-block;

    padding:6px 16px;

    background:#c59f4a;
    color:#fff;

    border-radius:999px;

    font-weight:bold;
}

.guide-map{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.guide-map p{
    margin:0;
    text-align:center;
    font-size:1.1rem;
    line-height:1.8;
    font-weight:bold;
}


.guide-map iframe{
    width:100%;
    height:350px;
    min-height:auto;

    border:none;
    border-radius:12px;
}

.guide-address{
    background:#fff;
    border:1px solid #e6ddd0;
    border-radius:12px;
    padding:20px;

    text-align:center;
    line-height:1.8;

    font-weight:bold;
}

/* =====================================================
スマホ
===================================================== */

@media screen and (max-width:768px){

    .info-grid{
        grid-template-columns:1fr;
    }

    .guide-layout{
        grid-template-columns:1fr;
    }

    .guide-table th,
    .guide-table td{
        padding:14px;
    }

}