@font-face {
  font-family: "myfont";
  src: url("GenEiLateMinP_v2.woff2") format("woff2");
  font-display: swap;
  font-weight: 200; /* または normal */
  font-style: normal;
}

body {
    margin: 0;
    background: #f5f5f5;
}

header {
    background: #1a1a1a;
    color: #fff;
    padding: 15px 20px;
    text-align: center;
}

nav {
    margin-top: 10px;
}

nav a,
nav select {
    color: #fff;
    background: #1a1a1a; /* セレクト本体の背景 */
    padding: 5px 10px;
    font-size: 18px;
    cursor: pointer;
}

nav select option {
    background: #1a1a1a; /* ドロップダウンの背景 */
    color: #fff;         /* 文字色 */
}


section {
    padding: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

svg {
    width: 100%;
    max-width: 1000px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    border-radius: 8px;
    margin: 20px auto;
    display: block;
}
a {text-decoration: none; color:#000}
h1 {  font-family: "myfont", sans-serif;}
.oar { fill: #d0f0fd; stroke: #6bbde3; stroke-width: 1; }
.store { fill: #fdf4e7; stroke: #c89b3c; stroke-width: 2; cursor: pointer; }
.store:hover { fill: #ffe8c2; }
.facility { fill: #d3d3f6; stroke-width: 1.5; }
.corridor { fill: #f0f0f0; stroke: #ccc; stroke-width: 1; }
.label { font-size: 16px; fill: #333;   font-family: "myfont", sans-serif; pointer-events: none; }
.sub { font-size: 13px; fill: #666; pointer-events: none; }
.logo { font-size: 36px;   font-family: "myfont", sans-serif; letter-spacing: 3px; color: #c89b3c; text-align: center; margin-bottom: 20px; }
.photo-frame { width: 100%; height: 300px; overflow: hidden; background: #000; margin-bottom: 20px; border-radius: 8px; }
.photo-frame img { width: 100%; height: 100%; object-fit: cover; }

        .menu-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }

        .menu-item {
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
            background: #fff;
        }

.menu-item img { width: 100%; height: 200px; object-fit: cover; }
.menu-desc { padding: 15px; }
.menu-name {   font-family: "myfont", sans-serif; font-size: 18px; margin-bottom: 8px; }
.menu-detail { font-size: 14px; color: #555; margin-bottom: 8px; }
.price { font-weight: bold; color: #c89b3c; font-size: 20px; }
.back { display: block; margin: 30px auto; padding: 10px 20px; background: #333; color: #fff; text-decoration: none; border-radius: 4px; text-align: center; width: fit-content; }
.floor {text-align: center;}
.floor a {display: inline-block;margin: 30px auto; padding: 10px 20px; background: #333; color: #fff; text-decoration: none; border-radius: 4px; text-align: center; width: fit-content; }
.cls-1 { fill: rgb(0, 61, 108); }
.cls-2 { fill: #6bbde3; }
.cls-3 { fill: #eaaec9; }
.cls-w { fill: #ffffff; }