/* ==================================================== */
/* 内部ページ*/
/* ==================================================== */

.mv_internal-page {
    padding: 50px 20px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url(./../img/bk_kira.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: grid;
    place-content: center;
    color: var(--color-text-base);
    font-family: var(--font-family-mincho);
    font-size: clamp(1rem, 0.194rem + 3.61vw, 2rem);
}

.h_internal-page {
    color: var(--color-text-base);
    font-family: var(--font-family-mincho);
    font-size: clamp(1.5rem, 1.097rem + 1.81vw, 2rem);
    color: var(--color-theme-accent);
    line-height: 1.4;
    margin: .4rem 0 50px;
}

.job-label {
    text-align: center;
}

.job-label p {
    display: inline-block;
    font-size: clamp(0.8rem, 0.639rem + 0.72vw, 1rem);
    border: 1px solid var(--color-highlight);
    color: var(--color-highlight);
    font-family: var(--font-family-base);
    margin: 0 auto .5rem;
    padding: 10px;
}


@media screen and (max-width: 768px) {
    .mv_internal-page {
        padding: 20px;
    }
}

/* ==================================================== */
/* イベントページ*/
/* ==================================================== */
.event-hero {
    text-align: center;
}

.event-hero img {
    width: 70%;
    display: block;
    margin-inline: auto;
}

.event-hero h1 img {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
}

.event-intro {
    padding: 50px 0;
}

.event-intro-h2 {
    font-size: clamp(1.4rem, 1.047rem + 1.51vw, 1.8rem);
    position: relative;
    padding-bottom: .5rem;
    margin: 0 20px;
}

.event-intro-h2::after {
    content: '';
    background-color: var(--color-theme-accent);
    width: 5rem;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.event-intro p {
    font-family: var(--font-family-mincho);
    font-size: clamp(1.1rem, 0.747rem + 1.51vw, 1.5rem);
    text-align: center;
    word-break: auto-phrase;
}

.event-h2 {
    font-size: clamp(1.8rem, 1.271rem + 2.26vw, 2.4rem);
    text-align: center;
    color: var(--color-text-base);
    padding: .5rem;
    margin: 0 0 30px;
}

@media screen and (max-width: 800px) {
    .event-hero img {
        width: 100%;
    }
}

.event-area-h2 {
    margin: 0 20px;
    font-size: clamp(1.8rem, 1.271rem + 2.26vw, 2.4rem);
    color: var(--color-text-light);
}

.event-area {
    font-family: var(--font-family-mincho);
    margin: 0 10px;
}

.event-area p {
    font-size: clamp(0.9rem, 0.724rem + 0.75vw, 1.1rem);
    word-break: auto-phrase;
}

.event-area p span {
    font-size: 1.3rem;
    font-weight: bold;
}

/* --- POINT --- */
.event-point {
    margin: 0 0 100px;
    padding: 0 0 1rem;
}

.event-point:last-of-type {
    margin-bottom: 0;
}

.event-point-h3 {
    font-size: clamp(1.4rem, 1.047rem + 1.51vw, 1.8rem);
    color: var(--color-text-base);
    text-align: center;
    padding: .5rem;
    margin: 30px 0 20px;
}

/* --- LIST --- */
.event-list {
    text-align: center;
    margin: 40px 0;
    padding: 0;
}

.event-list ul {
    padding: 0;
}

.event-list li {
    border-radius: 10px;
}

.event-list li img {
    padding: 10px;
    width: 80%;
    margin: auto;
}

.event-list li .event-text {
    padding: 5px;
    border-radius: 10px 10px 0 0;
}

.event-list li p {
    padding: 0 0 10px;
    font-size: clamp(0.8rem, 0.624rem + 0.75vw, 1rem);
}

.event-chart {
    margin: 50px 0;
}

.event-chart h4 {
    width: 80%;
    margin: 0 auto 20px;
}

/* チケット */
.event-ticket {
    text-align: center;
}

.event-price {
    font-size: 1.2rem;
    font-family: var(--font-family-mincho);
    margin: 0 0 .5rem;
}

.event-price span {
    font-size: 2rem;
}

@media (max-width: 768px) {

    .event-list .grid-3 {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
}

@media (max-width: 480px) {

    .event-list .grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

.event-explain {
    font-family: var(--font-family-mincho);
}

.event-explain p {
    font-size: 1.2rem;
    text-align: center;
}

.event-explain ul {
    border: 1px solid var(--color-border);
    font-size: 1.1rem;
    padding: 1rem 1rem 1rem 2rem;
    list-style: disc;
}

/* 注意事項 */
.event-notes {
    margin: 10px 0 20px;
    font-size: 1rem;
    position: relative;
}

.event-notes dt {
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0 0 .8rem;
    padding: 0 0 .25rem;
    border-bottom: 1px solid var(--color-border);
}

.event-notes dd {
    padding: 0 1rem 0;
    margin: 0 0 .5rem;
}

.event-notes dd::before {
    font-family: "FontAwesome";
    content: "\f0da";
    position: absolute;
    left: 0;
    color: var(--color-border);
}

/* MIRROR THEME */
.ev_mirror-line-b {
    border-bottom: 2px solid var(--color-mirror);
}

.ev_mirror-line {
    border: 2px solid var(--color-mirror);
}

.ev_mirror-shadow {
    text-shadow: 0px 0px 10px rgba(126, 0, 68, 1), -4px -4px 10px rgba(126, 0, 68, 1), 4px 4px 10px rgba(126, 0, 68, 1);
}

.ev_mirror-bg {
    background-color: rgba(126, 0, 68, 0.4);
}

.ev_mirror-gr {
    background-image: linear-gradient(90deg, rgba(126, 0, 68, 0), rgba(126, 0, 68, 1) 10% 90%, rgba(126, 0, 68, 0));
}


/* STASIS THEME */
.ev_stasis-line-b {
    border-bottom: 2px solid var(--color-stasis);
}

.ev_stasis-line {
    border: 2px solid var(--color-stasis);
}

.ev_stasis-shadow {
    text-shadow: 0px 0px 10px rgba(144, 139, 135, 1), -4px -4px 10px rgba(144, 139, 135, 1), 4px 4px 10px rgba(144, 139, 135, 1);
}

.ev_stasis-bg {
    background-color: rgba(144, 139, 135, 0.4);
}

.ev_stasis-gr {
    background-image: linear-gradient(90deg, rgba(144, 139, 135, 0), rgba(144, 139, 135, 1) 10% 90%, rgba(144, 139, 135, 0));
}


/* PORTAL THEME */
.ev_portal-line-b {
    border-bottom: 2px solid var(--color-portal);
}

.ev_portal-line {
    border: 2px solid var(--color-portal);
}

.ev_portal-shadow {
    text-shadow: 0px 0px 10px rgba(233, 99, 34, 1), -4px -4px 10px rgba(233, 99, 34, 1), 4px 4px 10px rgba(233, 99, 34, 1);
}

.ev_portal-bg {
    background-color: rgba(233, 99, 34, 0.4);
}

.ev_portal-gr {
    background-image: linear-gradient(90deg, rgba(233, 99, 34, 0), rgba(233, 99, 34, 1) 10% 90%, rgba(233, 99, 34, 0));
}

/* DOUBT THEME */
.ev_doubt-line-b {
    border-bottom: 2px solid var(--color-doubt);
}

.ev_doubt-line {
    border: 2px solid var(--color-doubt);
}

.ev_doubt-shadow {
    text-shadow: 0px 0px 10px rgba(181, 39, 25, 1), -4px -4px 10px rgba(181, 39, 25, 1), 4px 4px 10px rgba(181, 39, 25, 1);
}

.ev_doubt-bg {
    background-color: rgba(181, 39, 25, 0.4);
}

.ev_doubt-gr {
    background-image: linear-gradient(90deg, rgba(181, 39, 25, 0), rgba(181, 39, 25, 1) 10% 90%, rgba(181, 39, 25, 0));
}

/* DRAW THEME */
.ev_draw-line-b {
    border-bottom: 2px solid var(--color-draw);
}

.ev_draw-line {
    border: 2px solid var(--color-draw);
}

.ev_draw-shadow {
    text-shadow: 0px 0px 10px rgba(149, 126, 57, 1), -4px -4px 10px rgba(149, 126, 57, 1), 4px 4px 10px rgba(149, 126, 57, 1);
}

.ev_draw-bg {
    background-color: rgba(149, 126, 57, 0.4);
}

.ev_draw-gr {
    background-image: linear-gradient(90deg, rgba(149, 126, 57, 0), rgba(149, 126, 57, 1) 10% 90%, rgba(149, 126, 57, 0));
}

/* REVEAL THEME */
.ev_reveal-line-b {
    border-bottom: 2px solid var(--color-reveal);
}

.ev_reveal-line {
    border: 2px solid var(--color-reveal);
}

.ev_reveal-shadow {
    text-shadow: 0px 0px 10px rgba(0,153,99, 1), -4px -4px 10px rgba(0,153,99, 1), 4px 4px 10px rgba(0,153,99, 1);
}

.ev_reveal-bg {
    background-color: rgba(0,153,99, 0.4);
}

.ev_reveal-gr {
    background-image: linear-gradient(90deg, rgba(0,153,99, 0), rgba(0,153,99, 1) 10% 90%, rgba(0,153,99, 0));
}