/* ============================================ */
/* riyouannnai.css ― 利用案内ページ専用スタイル   */
/* ============================================ */

/* ===== 利用案内タイトル画像（正解パターン） ===== */
.riyou-title {
    display: grid;
    grid-template-columns: 30fr 81fr 539fr 10fr;   /* 4列（横の比率） */
    width: 100%;
    max-width: 660px;
    margin: 0;
    gap: 0;
    line-height: 0;
}
.riyou-title > img,
.riyou-title > .t-mid {
    display: block;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0;
}
/* 中央列：縦3分割（内側Grid） */
.riyou-title .t-mid {
    display: grid;
    width: 81px;
    grid-template-rows: 4fr 24fr 6fr;   /* 縦の比率 */
    line-height: 0;
}

/* ===== 見出し（開館時間・休館日 など） ===== */
.riyou-head {
    max-width: 660px;
    font-size: 1.1em;
    font-weight: bold;
    margin: 24px 0 8px 0;
    padding: 4px 10px;
    border-left: 5px solid #557da9;   /* 左に青いライン */
    background: #f0f4f8;
    line-height: 1.4;
}

/* ===== 説明文（コピペしやすいよう pre-line） ===== */
.riyou-body {
    max-width: 660px;
    margin: 0 0 10px 0;
    line-height: 1.8;
    white-space: pre-line;   /* ★入力した改行を活かす／長い行は自動折り返し */
}

/* ===== 貸出冊数の表 ===== */
.riyou-table {
    max-width: 600px;
    width: 100%;
    border-collapse: collapse;
    margin: 8px 0 10px 0;
}
.riyou-table td {
    border: 1px solid #000000;
    padding: 6px 10px;
    line-height: 1.5;
}
.riyou-table .ra-item {
    text-align: center;
}
.riyou-table .ra-num {
    width: 35%;
    white-space: nowrap;
}

/* ===== トップへ戻る ===== */
.riyou-totop {
    max-width: 660px;
    text-align: right;
}