@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ================================
   営業日のカレンダー
================================= */

.schedule-container {
    width: 100%;
    max-width:900px;
    margin: auto;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Noto Sans JP', sans-serif;
    color: #4A3C2F; /* 文字色：茶色 */
}

/* テーブルの基本デザイン */
.schedule-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 18px;
    background-color: #ffffff; /* 背景：白 */
}

/* ヘッダー部分（受付時間・曜日） */
table.schedule-table th,
.schedule-table thead th {
    background-color: #ffffff; /* 背景を白 */
    font-weight: bold;
    padding: 12px;
    border-bottom: 2px solid #EAA047; /* 緑のライン */
    color: #4A3C2F; /* 文字色：茶色 */
    text-align: center;
    vertical-align: middle;
}



/* セルのデザイン（中央揃え） */
.schedule-table td {
    border-bottom: 1px solid #dcdcdc;
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #4A3C2F;
    text-align: center;
    vertical-align: middle;
}

/* 受付時間のセル（スマホで改行しないように） */
.schedule-table .time {
    white-space: nowrap; /* 改行を防ぐ */
}

/* ○と×のスタイル */
.schedule-table td:contains("×"),
.schedule-table td:contains("○") {
    color: #4A3C2F; /* 文字色：茶色 */
}

/* 緑のライン（テーブルの最上部） */
.schedule-table tbody tr:first-child td {
    border-top: 2px solid #91A13B;
}

/* 備考欄（定休日などの補足） */
.note {
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    color: #4A3C2F;
}

/* スマホ向けの調整（改行なし＆横スクロールなし） */
@media screen and (max-width: 768px) {
    .schedule-table {
        font-size: 12px; /* スマホでは文字を小さく */
    }

    .schedule-table th, .schedule-table td {
        padding: 8px; /* スマホでは余白を減らして画面内に収める */
    }

    .schedule-table .time {
        font-size: 12px; /* 受付時間の文字サイズを小さくして改行を防ぐ */
    }
}