/* ももみぃバー: どのページの いちばん上にも出る、共通のナビ。 サイト・ゲーム・YouTube を行き来できる
   ページの CSS に まけないように、 ぜんぶ ここで きめる（どのページでも おなじ みため・おなじ たかさ） */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700&display=swap');
nav.momomy-bar, nav.momomy-bar *{box-sizing:border-box;margin:0;padding:0;letter-spacing:0;text-transform:none;line-height:1.2;font:inherit;color:inherit;text-shadow:none}
nav.momomy-bar{position:relative;z-index:40;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;height:52px;width:100%;
  padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));
  background:#ff1aa6;color:#fff;border-bottom:3px solid #2a0f2e;
  font:700 14px/1.2 'Zen Maru Gothic','Hiragino Maru Gothic ProN','Hiragino Sans',system-ui,sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
nav.momomy-bar a,nav.momomy-bar button{display:flex;cursor:pointer;border:0;background:none;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:999px;color:#fff;text-decoration:none;white-space:nowrap;flex:none}
nav.momomy-bar a:hover,nav.momomy-bar button:hover{background:rgba(255,255,255,.18)}
nav.momomy-bar a:focus-visible,nav.momomy-bar button:focus-visible{outline:3px solid #ffe51a;outline-offset:1px}
nav.momomy-bar a[aria-current="page"],nav.momomy-bar a[aria-current="page"]:hover{background:#2a0f2e;color:#ffe51a}
nav.momomy-bar .home{gap:8px;margin-right:auto;padding-left:4px;font-size:15px}
nav.momomy-bar .home img{display:block;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid #fff}
nav.momomy-bar .home .short{display:none}
nav.momomy-bar .home[aria-current="page"]{background:none;color:#fff}
nav.momomy-bar .tab{min-width:112px;background:rgba(255,255,255,.14)}
nav.momomy-bar .tab:hover{background:rgba(255,255,255,.26)}
nav.momomy-bar .yt{margin-left:4px;background:#fff;color:#ff0033}
nav.momomy-bar .yt:hover{background:#ffe51a}
nav.momomy-bar .menu{min-width:0;margin-left:4px;background:#2a0f2e;color:#ffe51a}
nav.momomy-bar .menu:hover,nav.momomy-bar .menu[aria-expanded="true"]{background:#ffe51a;color:#2a0f2e}
/* スマホ: アプリの したの タブみたいに、 ぜんぶ おなじ はばで ならべる（本番で へっても そろう）（うえに えもじ・したに なまえ） */
@media (max-width:720px){
  nav.momomy-bar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;height:58px;padding:0 max(6px,env(safe-area-inset-right,0px)) 0 max(6px,env(safe-area-inset-left,0px))}
  nav.momomy-bar a,nav.momomy-bar button,nav.momomy-bar .tab{flex-direction:column;gap:2px;min-width:0;height:50px;margin:0;padding:0 2px;border-radius:12px;font-size:11px;text-align:center;overflow:hidden}
  nav.momomy-bar .home{gap:3px;font-size:11px}
  nav.momomy-bar .tab{background:none}
  nav.momomy-bar .yt{background:#fff}
  nav.momomy-bar .menu{background:#2a0f2e}
  nav.momomy-bar .home img{width:24px;height:24px;border-width:1px}
  nav.momomy-bar .home .full{display:none}
  nav.momomy-bar .home .short{display:block}
  nav.momomy-bar .home[aria-current="page"]{background:#2a0f2e;color:#ffe51a}
  /* 「📺 どうが」の あいだの すきまで かならず おりかえして、 1ぎょうめ（えもじ）だけ 大きく する */
  nav.momomy-bar .lb{display:block;width:100%;word-spacing:100vw;white-space:normal;word-break:keep-all;overflow-wrap:normal;overflow:hidden;text-overflow:clip}
  nav.momomy-bar .lb::first-line{font-size:20px;line-height:24px}
}

/* ☰ メニュー: みぎから でてくる パネル（ぜんぶの ページと けんさく）。 どの ページ・ゲーム・電気を けした トップでも いちばん うえ */
html.momomy-menu-open{overflow:hidden}
.momomy-menu, .momomy-menu *{box-sizing:border-box;margin:0;padding:0;letter-spacing:0;text-transform:none;text-shadow:none}
.momomy-menu{position:fixed;inset:0;z-index:2147483000;display:flex;justify-content:flex-end;background:rgba(22,10,34,0);transition:background .25s;
  font:700 15px/1.4 'Zen Maru Gothic','Hiragino Maru Gothic ProN','Hiragino Sans',system-ui,sans-serif;color:#2a0f2e;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.momomy-menu[hidden]{display:none}
.momomy-menu.is-open{background:rgba(22,10,34,.55)}
.momomy-menu .mm-box{display:flex;flex-direction:column;width:min(420px,100%);height:100%;background:#fff6fb;border-left:4px solid #2a0f2e;
  box-shadow:-8px 0 0 rgba(42,15,46,.25);transform:translateX(100%);transition:transform .25s ease-out;
  padding:max(14px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 16px}
.momomy-menu.is-open .mm-box{transform:none}
.momomy-menu .mm-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.momomy-menu h2{font-family:'Mochiy Pop One','Zen Maru Gothic',sans-serif;font-weight:400;font-size:22px;color:#ff1aa6}
.momomy-menu .mm-close{flex:none;width:44px;height:44px;border-radius:50%;border:3px solid #2a0f2e;background:#ffe51a;color:#2a0f2e;font:900 18px/1 system-ui,sans-serif;cursor:pointer}
.momomy-menu .mm-close:hover{background:#ff1aa6;color:#fff}
.momomy-menu .mm-search{width:100%;height:48px;padding:0 16px;border:3px solid #2a0f2e;border-radius:999px;background:#fff;color:#2a0f2e;font:700 16px/1.2 inherit;font-family:inherit;outline:none;-webkit-appearance:none;appearance:none}
.momomy-menu .mm-search:focus{border-color:#ff1aa6;box-shadow:0 0 0 3px #ffe51a}
.momomy-menu .mm-list{flex:1;overflow-y:auto;overscroll-behavior:contain;margin:12px -16px 0;padding:0 16px max(24px,env(safe-area-inset-bottom,0px))}
.momomy-menu .mm-group{margin-bottom:14px}
.momomy-menu h3{font-size:12px;font-weight:900;color:#9b1fe8;margin:6px 4px}
.momomy-menu .mm-item{display:block;padding:9px 14px;margin-bottom:6px;border:2px solid #2a0f2e;border-radius:14px;background:#fff;color:#2a0f2e;text-decoration:none;box-shadow:3px 3px 0 #2a0f2e}
.momomy-menu .mm-item:hover{background:#ffe51a}
.momomy-menu .mm-item b{display:block;font-size:15px;font-weight:900}
.momomy-menu .mm-item small{display:block;font-size:12px;font-weight:700;color:#6b4a73;margin-top:2px}
.momomy-menu .mm-videos .mm-item b{font-size:13px;font-weight:700;line-height:1.45}
.momomy-menu a:focus-visible, .momomy-menu button:focus-visible{outline:3px solid #ff1aa6;outline-offset:2px}
.momomy-menu .mm-none{padding:28px 0;text-align:center;font-size:17px;color:#9b1fe8}
@media (prefers-reduced-motion:reduce){.momomy-menu,.momomy-menu .mm-box{transition:none}}
