@charset "UTF-8";

/* Tailwind CSSと共存させるための設定 */

/* === 日本地図レイアウト (PC用: 1024px以上のみ適用) === */
/* 変更点: 768px -> 1024px に変更 */
@media (min-width: 1024px) {
    .japan-map {
        display: grid !important;
        grid-template-columns: repeat(20, 1fr) !important;
        grid-template-rows: repeat(15, 50px) !important;
        gap: 8px !important;
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }

    /* 各地域の配置設定 */
    .region-hokkaido { grid-column: 17 / 21; grid-row: 1 / 3; }
    .region-tohoku   { grid-column: 17 / 21; grid-row: 3 / 6; }
    .region-kanto    { grid-column: 17 / 21; grid-row: 6 / 10; }
    .region-koushinetsu { grid-column: 13 / 17; grid-row: 6 / 9; }
    .region-tokai    { grid-column: 13 / 17; grid-row: 9 / 12; }
    .region-kinki    { grid-column: 9 / 13;  grid-row: 9 / 12; }
    .region-chugoku  { grid-column: 5 / 9;   grid-row: 9 / 12; }
    .region-shikoku  { grid-column: 5 / 9;   grid-row: 12 / 15; }
    .region-kyushu-okinawa { grid-column: 1 / 5;   grid-row: 9 / 15; }
}

/* 履歴メニューのヘッダー調整 */
.history-dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}