/* 容量の大きい画像のwebpを指定 */
/* @media screen and (min-width: 769px) {
    .webp-support header h1 img { background-image: url(../img/mainimg-pc.webp); }
}
@media screen and (max-width: 768px) {
    .webp-support header h1 img { background-image: url(../img/mainimg-sp.webp); }
} */

/* 色指定等の変数設定 */
/* :root {
    --color1: #e50112;
    --color2: #04348c;
    --color3: #88498d;
    --color4: #e6d932;
}
.color1 { color: var(--color1); }
.color2 { color: var(--color2); }
.color3 { color: var(--color3); }
.color4 { color: var(--color4); }
 */

/* ローディング */
#Loading {
    background-color: #fff;
	p {
        width: min(60vw, 300px);
        aspect-ratio: 500 / 300;
        background-image: url(../img/logo.jpg);
    }
}

/* 固定の背景画像 */
.backitem {
    /* background-image: url(../img/backimg.jpg); */
    background: #FEFBDA;
    background: linear-gradient(180deg, rgba(254, 251, 218, 1) 0%, rgba(255, 157, 202, 1) 100%);
}

/* イントロダクション */
main .intro {
    h2, div {
        color: var(--color_okasan);
    }
    .txtline2 {
        text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;
    }
}

/* 動画 */
main .pvarea {
    .pvarea-item {
        border-color: var(--color_okasan);
    }
    .pvarea-item .coming::before {
        color: var(--color_okasan);
    }
}

/* 出演・商品情報 */
main .parts1 {
    h2 {
        color: #fff;
        background-color: var(--color_okasan);
    }
    h2::after {
        border-top-color: var(--color_okasan);
    }
}

/* 出演 */
/* main .cast {
} */

/* 商品情報 */
main .product-cont {
    /* .jk img {
        aspect-ratio: 600 / 837;
        background-image: url(../img/jk.jpg);
    } */
    .bd { /* Blu-ray */
        --bdcolor : #3bc7dd;
        h3 { color: var(--bdcolor); }
        a {
            color: #fff;
            background-color: var(--bdcolor);
        }
    }
    .dvd { /* DVD */
        --dvdcolor: #ff7e29;
        h3 { color: var(--dvdcolor); }
        a {
            color: #fff;
            background-color: var(--dvdcolor);
        }
    }
    .cd { /* CD */
        --cdcolor : #7cd825;
        h3 { color: var(--cdcolor); }
        a {
            color: #fff;
            background-color: var(--cdcolor);
        }
    }
}
main .product-cont2 {
    h3 {
        color: var(--color_okasan);
        border-color: var(--color_okasan);
    }
    .musiclist-list {
        li {
            color: var(--color_okasan);
            border-bottom-color: var(--color_okasan);
        }
    }
    .musiclist2, .musiclist3 {
        * { color: var(--color_okasan); }
        .musiclist-list2 li::before {
            background-color: var(--color_okasan);
        }
    }
    .tokuimg {
        border-color: var(--color_okasan);
        img {
            aspect-ratio: 3 / 2;
            background-image: url(../img/tokuimg.jpg);
        }
    }
    .tokuimg.coming::before {
        color: var(--color_okasan);
    }
    .tokutitle {
        color: var(--color_okasan);
    }
}

main .oritoku {
    .oritoku-detail {
        li {
            h4 {
                color: #fff;
                background-color: var(--color_okasan);
            }
            figure { border-color: var(--color_okasan); }
            figure.nowpri::before { color: var(--color_okasan); }
        }
    }
}
/* ---------- */


/* PC・タブレット */
@media screen and (min-width: 769px) {
    header h1 img {
        aspect-ratio: 1800 / 800;
        background-image: url(../img/mainimg-pc.jpg);
    }
}

/* スマホ */
@media screen and (max-width: 768px) {
    header h1 img {
        aspect-ratio: 1000 / 1360;
        background-image: url(../img/mainimg-sp.jpg);
    }
}