/* ============================================================
   ドリームオーダー スポンサー期間用 上書きCSS（PC版）
   calendar_pc_bundle-min.css の「後」に読み込むこと。
   本体CSSとの差分（スポンサー固有ルール）だけを置く。
   本体側のスタイル変更に追従コピーする必要はない。
   ============================================================ */

        /* 背景画像（左右） */
        body {
            background-image:
                url('https://i.daily.jp/Koukoku/Images/do_bg01.png'),
                url('https://i.daily.jp/Koukoku/Images/do_bg02.png');
            background-position: left top, right top;
            background-repeat: no-repeat, no-repeat;
            background-attachment: fixed, fixed;
        }

        /* マス番号を濃くする（台紙上での視認性確保） */
        .count-number {
            color: #000;
        }

        /* 未獲得マスに台紙画像を表示 */
        .stamp-slot.is-locked {
            background-image: url('https://i.daily.jp/Koukoku/Images/do_card.jpg');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.3;
        }

        /* 未獲得マス右下の番号 */
        .stamp-slot.is-locked .count-number,
        .stamp-slot.is-locked .slot-number {
            position: absolute;
            bottom: 2px;
            right: 3px;
            color: #888;
            font-size: 0.6rem;
            font-weight: bold;
            line-height: 1;
        }

        /* スタンプ済みスロットの右下数字 */
        .stamp-slot.is-stamped .slot-number {
            position: absolute;
            bottom: 2px;
            right: 3px;
            font-size: 0.6rem;
            font-weight: bold;
            color: rgba(0, 0, 0, 0.35);
            line-height: 1;
        }

        /* 10の倍数マーカー廃止：黄枠・黄背景を通常枠に揃える（PCは10列＝10n） */
        .stamp-slot:nth-child(10n) {
            border: 1px solid #002626;
            background-color: #fff;
        }

        /* 台紙の罫線をブランドカラー(CMYK C100/K85 ≒ #002626)に */
        .stamp-slot { border-color: #002626; }
        .stamp-slot.is-locked { border-color: #002626; }

        /* まだ押せる枠（is-stamped / is-locked 以外）：is-locked と同じ薄い台紙画像に、
           控えめな「勝った！」バッジ（ブランドカラー地）を添えて“ここは押せる”と伝える。
           ・台紙画像は ::before で opacity:0.3（z-index:-1 で番号の下、isolation で層を固定）
           ・バッジは ::after で全表示（要素全体に opacity をかけない＝薄くならない） */
        .stamp-slot:not(.is-stamped):not(.is-locked) {
            isolation: isolate;
        }
        .stamp-slot:not(.is-stamped):not(.is-locked)::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: url('https://i.daily.jp/Koukoku/Images/do_card.jpg');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.3;
            z-index: -1;
        }
        .stamp-slot:not(.is-stamped):not(.is-locked)::after {
            content: "勝った！";
            position: absolute;
            top: 2px;
            left: 2px;
            background: #002626;
            color: #fff;
            font-size: 9px;
            font-weight: normal;
            line-height: 1.2;
            padding: 1px 4px;
            border-radius: 6px;
            white-space: nowrap;
        }

        /* 押せる枠の勝利数も右下（既存の is-locked / is-stamped と同じ体裁に揃える） */
        .stamp-slot:not(.is-stamped):not(.is-locked) .count-number {
            position: absolute;
            bottom: 2px;
            right: 3px;
            color: #888;
            font-size: 0.6rem;
            font-weight: bold;
            line-height: 1;
        }

        /* 認証エリアの背景を消して台紙背景を見せる */
        .auth-area {
            background: none;
        }

        /* 動画プレーヤー */
        .do-player-container{
            position: relative;
            margin: 50px auto;
            width: 780px;
        }
        .do-player-container::after, .do-player-container::before {
            content: "";
            display: block;
            position: absolute;
            z-index: 2;
            left: 50%;
            pointer-events: none;
            width: 780px;
            height: 20px;
            background: url("https://i.daily.jp/Koukoku/Images/deco_movie.png") no-repeat top center / contain;
        }
        .do-player-container::before {
            -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
            top: 0;
        }
        .do-player-container::after {
            -webkit-transform: translate(-50%, 100%) scaleY(-1);
            transform: translate(-50%, 100%) scaleY(-1);
            bottom: 0;
        }
        .do-player {
            border: 4px solid #111;
            width: 779px;
            height: 442px;
        }
        .do-container{
            color: #002626;
            font-size: 15px;
            font-weight: bold;
            margin: 50px auto 100px;
        }
        /* キャンペーンバナーの上に余白を取る */
        .do-campaign {
            margin-top: 30px;
        }
        /* ヘッダー背景差し替え（スポンサー提供素材のため色味の加工はしない） */
        .tigers-extreme-header {
            background-image: url(https://i.daily.jp/Koukoku/Images/do_re_style_bg1000x563.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            background-color: #fff;
        }
        /* サブタイトルはグラデ文字（background-clip:text）のため、
           text-shadowだと透明文字に影が透ける。drop-shadowの重ね掛けで縁どりする */
        .sub-title {
            filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.85))
                    drop-shadow(0 0 2px rgba(0, 0, 0, 0.7))
                    drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.5));
        }
        /* スポンサーロゴ（RE:STYLE版・ブランドカラー＋白フチ内蔵ロゴ do_logo_ds）
           幅400pxに拡大し、sponsored byと上下中央で揃える。gapを詰めて一体感を出す */
        .sponsor-wrapper {
            align-items: center;
            gap: 14px;
        }
        .presented-by {
            margin-right: 0;
            font-size: 1.4rem;
            /* RE:STYLE柄の上でも青文字が読めるよう白フチ（ロゴの白フチと統一） */
            text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff,
                         0 0 3px rgba(255, 255, 255, 0.9);
        }
        .sponsor-logo {
            width: 400px;
        }
        /* ©表記：明るい地でも読めるよう黒フチ＋不透明白に */
        .credit {
            color: #fff;
            text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000,
                         0 0 2px rgba(0, 0, 0, 0.9);
        }