@charset "utf-8";
/*基本設定*/
.menu-button { position: fixed; top: 20px; right: 20px; background: none; border: none; font-size: 28px; cursor: pointer; z-index: 1001; }
.menu-panel { position: fixed; top: 0; right: -350px; width: 300px; height: 100%; background: #fff; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1); padding: 20px; display: flex; flex-direction: column; gap: 10px 0 10px; transition: right 0.3s ease; z-index: 1000; }
.menu.open .menu-panel { right: 0; }
.menu-panel a { text-decoration: none; color: #333; padding: 10px; transition: 0.2s; border-bottom: 1px solid #fff; }
.menu-panel a:hover { background: #f0f0f0; }

/*個別設定（カラー）*/
.menu-button {color: #666;}
.menu-panel { background: #000 url(../img/logo_ikemen-souzoku_w.webp) 50% 85% no-repeat; background-size: 90%; }

.menu-panel a { font-size: 2rem; color: #fff; border-bottom: 1px solid #6e001f;}
.menu-panel a:hover { background: #6e001f; }
@media screen and (max-width: 720px) {
    .menu-panel{ background-size: 30%;}
}

/*ポータル用ボタン*/
.menu-potal { margin-top: 1em; text-align: center; font-size: small !important; border-bottom: none !important;}