
body { position: static!important; }


  /* 常に最上部（サイト内のどの要素よりも上） */
  .topblink-abs{
    position:fixed; left:0; right:0; top:0; z-index:999999;
    background:#000; color:#fff;
    padding-top: env(safe-area-inset-top, 0); /* iPhoneノッチ配慮 */
  }
  .topblink-abs .tb-inner{
    max-width:1200px; margin:0 auto;
    padding:10px 12px; box-sizing:border-box;
    display:flex; align-items:center; justify-content:center; gap:.75rem;
    border-bottom:1px solid rgba(255,255,255,.1);
    box-shadow:0 8px 20px rgba(0,0,0,.25);
  }
  .topblink-abs .tb-close{
    margin-left:auto; background:transparent; border:0; color:#fff;
    font-size:18px; line-height:1; cursor:pointer; opacity:.7
  }
  .topblink-abs .tb-close:hover{opacity:1}

  /* 緑の点滅のみ＋はみ出し防止（入らなければ自動で折返し） */
  .topblink-abs .tb-text{
    display:inline-block; max-width:100%; text-align:center; text-decoration:none;
    font-weight:900; font-size:clamp(16px,4.2vw,32px); line-height:1.25; color:#00ff4d;
    overflow-wrap:anywhere; word-break:break-word; white-space:nowrap;
    animation:tbBlink var(--blink-duration,1.2s) steps(2,end) infinite;
  }
  @keyframes tbBlink{0%,45%,100%{opacity:1}46%,60%{opacity:.25}}

  @media (max-width:782px){ .topblink-abs .tb-inner{padding:8px 10px} }
  @media (prefers-reduced-motion:reduce){ .topblink-abs.tb-no-anim .tb-text{animation:none!important} }


        /* --- 江戸シック基本設定 --- */
        .medaka-dashboard { 
            width: 100%; 
            margin-bottom: 40px; 
            font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
            background: #111111 !important;
            border: 1px solid #c5a059;
            box-sizing: border-box;
            color: #f0f0f0;
            position: relative;
            z-index: 10;
        }

        /* --- タブデザイン --- */
        .medaka-tabs {
            display: flex;
            justify-content: space-between;
            background: #000;
            border-bottom: 2px solid #c5a059;
        }
        .medaka-tab-link {
            flex: 1;
            text-align: center;
            padding: 20px 0;
            background: #222; 
            color: #888;
            text-decoration: none !important;
            font-weight: bold;
            font-size: 18px;
            transition: 0.3s;
            border-right: 1px solid #333;
            line-height: 1.2;
        }
        .medaka-tab-link:last-child { border-right: none; }
        .medaka-tab-link:hover { background: #333; color: #c5a059; }
        .medaka-tab-link.active { background: #111 !important; color: #c5a059 !important; }
        .medaka-tab-link.active span { border-bottom: 2px solid #c5a059; padding-bottom: 5px; }

        /* --- トリガーボタンエリア --- */
        .medaka-action-area {
            padding: 20px;
            background: #111;
            display: flex;
            gap: 15px;
            justify-content: center;
        }
        
        /* 巨大な2つのボタン */
        .medaka-trigger-btn {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #000;
            color: #c5a059;
            border: 2px solid #c5a059;
            padding: 15px;
            font-size: 16px;
            font-weight: bold;
            border-radius: 4px;
            cursor: pointer;
            transition: 0.3s;
            text-align: center;
            min-height: 50px;
        }
        .medaka-trigger-btn:hover {
            background: #c5a059;
            color: #000;
            box-shadow: 0 0 15px rgba(197, 160, 89, 0.6);
        }

        /* --- モーダル（ポップアップ）のスタイル --- */
        .medaka-modal {
            display: none; 
            position: fixed;
            z-index: 99999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.6); 
            backdrop-filter: blur(2px);
            -webkit-backdrop-filter: blur(2px);
        }

        .medaka-modal-content {
            background-color: #111;
            margin: 10% auto;
            padding: 25px;
            border: 2px solid #c5a059;
            width: 90%;
            max-width: 500px;
            border-radius: 8px;
            position: relative;
            box-shadow: 0 0 30px rgba(197, 160, 89, 0.3);
            animation: medakaFadeIn 0.3s;
        }

        @keyframes medakaFadeIn {
            from {opacity: 0; transform: translateY(-20px);}
            to {opacity: 1; transform: translateY(0);}
        }

        .medaka-close {
            color: #c5a059;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
            line-height: 1;
        }
        .medaka-close:hover { color: #fff; }

        .medaka-modal-title {
            color: #c5a059;
            font-size: 18px;
            border-bottom: 1px solid #333;
            padding-bottom: 10px;
            margin-bottom: 20px;
            text-align: center;
            font-weight: bold;
        }

        /* --- 【最重要】検索フォーム周辺の白背景・白カードの完全排除 --- */
        
        /* モーダル内のあらゆるコンテナ（div, form等）の背景を透明にする */
        .medaka-modal-body div,
        .medaka-modal-body form,
        .medaka-modal-body .eapx-filter-container, /* よくあるクラス名対策 */
        .medaka-modal-body .search-box {
            background-color: transparent !important;
            background: transparent !important;
            box-shadow: none !important;
            border: none !important;
        }

        /* 入力フィールド本体のデザイン */
        .medaka-dashboard input[type="text"],
        .medaka-dashboard input[type="search"],
        .medaka-modal-content input[type="text"],
        .medaka-modal-content input[type="search"] {
            background-color: #000 !important; /* 完全な黒 */
            color: #c5a059 !important;        /* 文字色：金 */
            border: 1px solid #c5a059 !important;
            border-radius: 4px !important;
            padding: 12px !important;
            box-shadow: none !important;
            outline: none !important;
            font-weight: bold !important;
        }
        
        /* プレースホルダー（入力前の薄い文字）も金っぽく */
        .medaka-dashboard input::placeholder,
        .medaka-modal-content input::placeholder {
            color: rgba(197, 160, 89, 0.6) !important;
        }

        /* --- モーダル内のボタン・選択肢 --- */
        .medaka-modal-body a,
        .medaka-modal-body button,
        .medaka-modal-body input[type="submit"],
        .medaka-modal-body input[type="button"],
        .medaka-modal-body li a {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            background: #222 !important;
            color: #c5a059 !important;
            border: 1px solid #c5a059 !important;
            padding: 15px !important;
            margin-bottom: 10px !important;
            width: 100% !important;
            box-sizing: border-box !important;
            text-decoration: none !important;
            font-weight: bold !important;
            border-radius: 4px !important;
            font-size: 16px !important;
            text-align: center !important;
            cursor: pointer !important;
            box-shadow: none !important; /* 白い影を消す */
        }
        
        .medaka-modal-body a:hover,
        .medaka-modal-body a.active,
        .medaka-modal-body button:hover,
        .medaka-modal-body input[type="submit"]:hover {
            background: #c5a059 !important;
            color: #000 !important;
        }

        /* リストスタイル除去 */
        .medaka-modal-body ul, .medaka-modal-body li {
            list-style: none !important; margin: 0 !important; padding: 0 !important;
        }
        
        /* Grid無効化（モーダル内は縦積み） */
        .medaka-modal-body .medaka-filter-wrapper,
        .medaka-modal-body .medaka-sort-row {
            display: block !important;
        }

    

.eapsnp-wrap{margin:0 0 0;padding:0;}
.eapsnp-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#1a3a2a 0%,#0d2218 100%);border:1px solid rgba(197,160,89,.45);border-top:none;padding:13px 16px;text-decoration:none !important;color:#fff !important;box-shadow:0 3px 10px rgba(0,0,0,.3);transition:filter .18s;position:relative;overflow:hidden;}
.eapsnp-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 60%,rgba(197,160,89,.06));pointer-events:none;}
.eapsnp-banner:hover,.eapsnp-banner:active{filter:brightness(1.12);color:#fff !important;}
.eapsnp-icon{font-size:1.6em;background:rgba(197,160,89,.18);border:1px solid rgba(197,160,89,.4);border-radius:8px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.eapsnp-text{flex:1;}
.eapsnp-title{font-size:.95em;font-weight:bold;color:#e8d5a0;margin-bottom:2px;line-height:1.3;}
.eapsnp-sub{font-size:.75em;color:rgba(255,255,255,.6);line-height:1.4;}
.eapsnp-arrow{font-size:1.5em;color:rgba(197,160,89,.8);flex-shrink:0;font-weight:300;}
@media(max-width:480px){.eapsnp-banner{padding:11px 12px;gap:10px;}.eapsnp-icon{width:38px;height:38px;font-size:1.3em;}}

