@charset "UTF-8";

/* ============================================================
   bang-dream-yumemita — project-specific overrides
   Base styles are in event.css (shared)
   ============================================================ */


/* ============================================================
   BRAND COLORS — バンドリ！ゆめ∞みた
   ============================================================ */
:root {
    --color-main: #FFDDE6;
    --color-sub1: #ffee55;
    --color-sub2: #ffbbcc;
    --color-sub3: #4477cc;
    --color-sub4: #9977cc;
    --color-sub5: #ee5577;
    --color-sub6: #FF7788;
    --color-text: #1f1f1f;
    --color-button: #FF7788;
    --font-family: 'M PLUS Rounded 1c', YakuHanJP, sans-serif;
    /* ボタン色（sub1と同色） */
}

main::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: unset;
    background-color: var(--color-main);
    background-image: linear-gradient(rgba(255, 255, 255, 0.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.6) 1px, transparent 1px);
    background-size: 40px 40px;
    animation: bgSlide 40s linear infinite;
    pointer-events: none;
}

.content-holder.sub1-border {
    border: 3px solid var(--color-sub1);
    box-shadow: 0.04rem 0.04rem 0 var(--color-sub1);
}

.content-holder.sub2-border {
    border: 3px solid var(--color-sub2);
    box-shadow: 0.04rem 0.04rem 0 var(--color-sub2);
}

.content-holder.sub3-border {
    border: 3px solid var(--color-sub3);
    box-shadow: 0.04rem 0.04rem 0 var(--color-sub3);
}

.content-holder.sub4-border {
    border: 3px solid var(--color-sub4);
    box-shadow: 0.04rem 0.04rem 0 var(--color-sub4);
}

.content-holder.sub5-border {
    border: 3px solid var(--color-sub5);
    box-shadow: 0.04rem 0.04rem 0 var(--color-sub5);
}

.content-holder.sub6-border {
    border: 3px solid var(--color-sub6);
    box-shadow: 0.04rem 0.04rem 0 var(--color-sub6);
}

/* セクションヘッド画像を content-holder に 1/3 被せる */
.section-head-overlap {
    position: relative;
    z-index: 1;
    margin-bottom: -0.40rem;
}

.section-head-overlap+.content-holder {
    padding-top: 0.30rem;
}

.horizontalIcon img {
    width: 0.40rem !important;
    height: auto !important;
}

.fontEvent {
    font-family: 'M PLUS Rounded 1c', sans-serif;
}