/* ------------------------------
        common 
        ------------------------------ */
        :root{
            --dark1:#090d15;  /* バナーの最暗部に近い黒紺に寄せて強調 */
            --dark2:#0e1522;  /* ベースの紺を少し暗めに補正 */
            --dark3:#1a2333;  /* 中間 */
            --dark4:#0a0f18;  /* 仕上げの最深部（黒に寄せる） */
        }
        article section h2 {
                font-size: 45px;
        }
        article section h3 {
            font-size: 35px;
        }

        /* ------------------------------
        top 
        ------------------------------ */
        article h1 img {
            box-shadow: 0 0 50px rgba(53, 83, 101, 0.8);
        }
        article #top_contents h2{
            background: #266F98;
            background: linear-gradient(-125deg,rgba(38, 111, 152, 0.5) 0%, rgba(142, 27, 135, 0.5) 70%, rgba(153, 74, 94, 0.5) 100%);
            padding: 0.1em;
            display: inline-block;
        }
        article #recommend_products h2 {
            background: #266F98;
            background: linear-gradient(-125deg,rgba(38, 111, 152, 1) 0%, rgba(142, 27, 135, 1) 70%, rgba(153, 74, 94, 1) 100%);
            padding: 0.1em;
            display: inline-block;
        }
        .bg_dark {
            position: relative;
            overflow: hidden;
            background:
                linear-gradient(
                    to bottom,
                    rgba(9,13,21,0.92) 0%,
                    rgba(9,13,21,0.78) 22%,
                    rgba(9,13,21,0.38) 48%,
                    rgba(9,13,21,0.00) 70%
                ),
                linear-gradient(
                    to bottom,
                    rgba(26,35,51,0.18) 0%,
                    rgba(26,35,51,0.00) 60%
                ),
                var(--dark2);
        }
        /* .bg_dark::after {
        content: "";
        position: absolute;
        left: 0; right: 0;
        bottom: -1px;
        height: 3.5em; 
        background: #fff;
        z-index: 1;
        clip-path: polygon(100% 0, 100% 100%, 0 100%);
        will-change: clip-path;
        } */
        
        /* ------------------------------
        bottom 
        ------------------------------ */

        article#bottom_contents ._bg_black {
            position: relative;
        } 
        /* article#bottom_contents ._bg_black::before {
        content: "";
        position: absolute;
        left: -1px; right: -1px;
        top: -2px;
        height: 3.5em; 
        background: #fff;
        z-index: 1;
        clip-path: polygon(100% 100%, 0 0, 100% 0);
        will-change: clip-path;
        } */
        article section .mincho {
            font-family:"Yu Mincho", YuMincho;
        }

        
        /* ------------------------------
        SP
        ------------------------------ */
        @media (max-width: 699px) {
            article section h2 { font-size: 26px; }
            article section h3 { font-size: 23px; }
            /* .bg_dark::after { height: 1em; }
            article#bottom_contents ._bg_black::after { height: 1em; } */
        }