/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 24 2026 | 16:49:45 */
/* =====================================================================
   【共通】ハンバーガーメニュー 2026（Simple Custom CSS and JS に登録）
   ・旧「ハンバーガーCSS」(29483) の上から、.menu.wr-dmenu で見た目を上書き
   ・開閉は旧「ハンバーガーJS」(29484) のまま（.menu / .menu-btn に is-active）
   ===================================================================== */
.menu.wr-dmenu{
  --dm-ink:#ffffff; --dm-soft:rgba(255,255,255,.78); --dm-muted:rgba(255,255,255,.6);
  --dm-line:rgba(255,255,255,.18); --dm-glass:rgba(255,255,255,.12); --dm-ice:#c9f1ff;
  --dm-ease:cubic-bezier(.19,1,.22,1);
  display:block; padding:0; align-items:initial; justify-content:initial;
  overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
  background:linear-gradient(165deg,#0d3a63 0%,#145f95 42%,#1f8fc8 74%,#43c6ec 100%);
  color:var(--dm-ink);
  font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP","Meiryo",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wr-dmenu *{ box-sizing:border-box; }
.wr-dmenu a{ color:inherit; text-decoration:none; box-shadow:none; }
.wr-dmenu ul,.wr-dmenu li{ list-style:none; margin:0; padding:0; }
.wr-dmenu li::before,.wr-dmenu li::marker{ content:none; }
.wr-dmenu p{ margin:0; padding:0; border:0; background:none; }

/* 光のにじみ */
.wr-dmenu__glow{ position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(60% 40% at 100% 0%, rgba(201,241,255,.35) 0%, rgba(201,241,255,0) 70%),
    radial-gradient(50% 35% at 0% 100%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 70%);
}
.wr-dmenu .wr-dmenu__inner{
  position:relative; z-index:1;
  display:block; gap:0; align-items:initial;
  width:100%; max-width:920px; margin:0 auto; padding:84px 22px 64px;
}

/* 表示アニメーション（開いた時だけ・下から順に） */
.wr-dmenu__brand,.wr-dmenu__tiles,.wr-dmenu__nav li,.wr-dmenu__search,.wr-dmenu__lang,.wr-dmenu__foot{
  opacity:0; transform:translateY(16px);
  transition:opacity .7s var(--dm-ease), transform .7s var(--dm-ease);
}
.menu.wr-dmenu.is-active .wr-dmenu__brand,
.menu.wr-dmenu.is-active .wr-dmenu__tiles,
.menu.wr-dmenu.is-active .wr-dmenu__nav li,
.menu.wr-dmenu.is-active .wr-dmenu__search,
.menu.wr-dmenu.is-active .wr-dmenu__lang,
.menu.wr-dmenu.is-active .wr-dmenu__foot{ opacity:1; transform:none; }
.menu.wr-dmenu.is-active .wr-dmenu__brand{ transition-delay:.05s; }
.menu.wr-dmenu.is-active .wr-dmenu__search{ transition-delay:.1s; }
.menu.wr-dmenu.is-active .wr-dmenu__tiles{ transition-delay:.16s; }
.menu.wr-dmenu.is-active .wr-dmenu__nav li{ transition-delay:calc(.2s + var(--i,0) * .035s); }
.menu.wr-dmenu.is-active .wr-dmenu__lang{ transition-delay:.6s; }
.menu.wr-dmenu.is-active .wr-dmenu__foot{ transition-delay:.65s; }

/* ブランド */
.wr-dmenu__brand{ font-size:11px; font-weight:800; letter-spacing:.32em; text-transform:uppercase; color:var(--dm-ice); }
.wr-dmenu__brand span{ display:block; margin-top:6px; font-size:clamp(26px,6vw,36px); font-weight:300; letter-spacing:.2em; color:#fff; text-transform:uppercase; }

/* よく使う4つ（タイル） */
.wr-dmenu__tiles{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:20px; }
.wr-dmenu__tile{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px;
  padding:16px 14px 14px; border-radius:16px;
  background:var(--dm-glass); border:1px solid var(--dm-line);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:background .3s ease, transform .3s var(--dm-ease);
}
.wr-dmenu__tile:hover{ background:rgba(255,255,255,.2); transform:translateY(-2px); }
.wr-dmenu__tile i{ font-size:20px; color:var(--dm-ice); margin-bottom:8px; }
.wr-dmenu__tile b{ font-size:14.5px; font-weight:800; line-height:1.4; color:#fff; }
.wr-dmenu__tile small{ font-size:11px; color:var(--dm-muted); letter-spacing:.04em; }
.wr-dmenu__tile--line{ background:#06c755; border-color:transparent; }
.wr-dmenu__tile--line i, .wr-dmenu__tile--line small{ color:rgba(255,255,255,.9); }
.wr-dmenu__tile--line:hover{ background:#05b14c; }

/* メインナビ（番号・日本語・英語） */
.wr-dmenu__nav{ display:grid; grid-template-columns:1fr 1fr; column-gap:28px; margin-top:30px; border-top:1px solid var(--dm-line); }
.wr-dmenu__nav li{ border-bottom:1px solid var(--dm-line); }
.wr-dmenu__nav a{ display:grid; grid-template-columns:34px 1fr auto; align-items:baseline; gap:10px; padding:15px 4px; }
.wr-dmenu__num{ font-size:11px; font-weight:700; letter-spacing:.1em; color:var(--dm-ice); }
.wr-dmenu__ja{ font-size:16px; font-weight:700; letter-spacing:.06em; color:#fff; }
.wr-dmenu__en{ font-size:10.5px; font-weight:700; letter-spacing:.2em; color:var(--dm-muted); transition:color .3s ease, transform .3s var(--dm-ease); }
.wr-dmenu__nav a:hover .wr-dmenu__en{ color:#fff; transform:translateX(-3px); }
.wr-dmenu__nav a:hover .wr-dmenu__ja{ text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px; }

/* 検索（白地で目立たせる・一番上） */
.wr-dmenu__search{ margin-top:22px; }
.wr-dmenu__search-label{ display:block; margin:0 0 8px 4px; font-size:13px; font-weight:800; color:#fff; letter-spacing:.04em; }
.wr-dmenu__search-label span{ margin-left:8px; font-size:10.5px; font-weight:700; letter-spacing:.2em; color:var(--dm-ice); text-transform:uppercase; }
.wr-dmenu__search-box{
  position:relative; display:flex; align-items:center; height:56px; padding:5px 5px 5px 46px;
  border-radius:999px; background:#fff; box-shadow:0 14px 30px -14px rgba(5,30,60,.65);
}
.wr-dmenu__search-box i{ position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#1f8fc8; font-size:17px; pointer-events:none; }
.wr-dmenu__search-box input{
  flex:1; min-width:0; height:100%; padding:0 10px 0 0; border:0; background:transparent; color:#0d3a63;
  font-size:15px; font-weight:600; outline:none; -webkit-appearance:none; appearance:none; box-shadow:none;
}
.wr-dmenu__search-box input::placeholder{ color:#8aa6b6; font-weight:500; }
.wr-dmenu__search-box button{
  flex:none; height:100%; padding:0 20px; border:0; border-radius:999px; cursor:pointer;
  background:linear-gradient(135deg,#43c6ec,#1f8fc8); color:#fff; font-size:14px; font-weight:800; letter-spacing:.06em;
}
.wr-dmenu__search-box:focus-within{ box-shadow:0 0 0 3px rgba(201,241,255,.65), 0 14px 30px -14px rgba(5,30,60,.65); }

/* 言語 */
.wr-dmenu__lang{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:22px; }
.wr-dmenu__lang-h{ margin-right:6px; font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--dm-muted); }
.wr-dmenu__lang a{ padding:7px 14px; border-radius:999px; border:1px solid var(--dm-line); font-size:13px; font-weight:700; color:#fff; transition:background .25s; }
.wr-dmenu__lang a:hover{ background:rgba(255,255,255,.14); }
.wr-dmenu__lang a[aria-current="true"]{ background:#fff; color:#0d3a63; border-color:#fff; }

/* SNS・小リンク */
.wr-dmenu__foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin-top:30px; padding-top:22px; border-top:1px solid var(--dm-line); }
.wr-dmenu__sns{ display:flex; gap:10px; }
.wr-dmenu__sns a{ display:grid; place-items:center; width:40px; height:40px; border-radius:50%; border:1px solid var(--dm-line); font-size:16px; color:#fff; transition:background .25s; }
.wr-dmenu__sns a:hover{ background:rgba(255,255,255,.15); }
.wr-dmenu__mini{ display:flex; flex-wrap:wrap; gap:6px 16px; font-size:12px; }
.wr-dmenu__mini a{ color:var(--dm-soft); }
.wr-dmenu__mini a:hover{ color:#fff; text-decoration:underline; }

/* GTranslate の初期化用の箱は表示しない（PCのその場翻訳に使うだけ） */
.wr-dmenu .wr-dmenu__gt{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* スマホ */
@media (max-width:760px){
  .wr-dmenu .wr-dmenu__inner{ padding:78px 18px 56px; }
  .wr-dmenu__tiles{ grid-template-columns:1fr 1fr; }
  .wr-dmenu__nav{ grid-template-columns:1fr; }
  .wr-dmenu__nav a{ padding:14px 2px; }
  .wr-dmenu__foot{ flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce){
  .wr-dmenu *{ transition:none !important; }
  .wr-dmenu__brand,.wr-dmenu__tiles,.wr-dmenu__nav li,.wr-dmenu__search,.wr-dmenu__lang,.wr-dmenu__foot{ opacity:1; transform:none; }
}