@charset "UTF-8";

/* #####################################################
* child.css
* ################################################## */

/* =====================================================
* Base
* ================================================== */
html {
    width: 100%;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    /* font-family: "Montserrat", "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; */
    -webkit-print-color-adjust: exact;
    font-family: "Marcellus", "Noto Serif JP", serif;
    background-image: none;
    background: linear-gradient(90deg, rgba(250, 184, 193, 0.3), rgba(237, 177, 127, 0.3));
}

h1,
h2,
h3,
p,
li,
th,
td,
span,
figcaption {
    word-break: break-all;
    word-wrap: break-word;
}

p {
    line-height: inherit;
    text-align: left;
}

a {
    color: #000;
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

a:hover {
    opacity: 0.5;
}

@media (min-width: 768px) {
    .is-sp {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .is-pc {
        display: none !important;
    }
}

/* =====================================================
* Btn
* ================================================== */

.btnMore {
    border: 1px solid#FF5688;
    color: #FF5688;
    border-radius: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    width: 18rem;
    margin: 0 auto;
    margin-top: 4rem;
    /* background: #fff; */
}

@media (max-width: 767px) {
    .btnMore {
        font-size: 1rem;
        padding: 0.8rem;
        margin-top: 4rem;
    }
}

.btnMore a {
    color: #FF5688;
    flex: 1;
    text-align: center;
}


/* =====================================================
* Modal
* ================================================== */

.modal {}

.md-wrapper {
    background-image: linear-gradient(145deg, rgba(250, 184, 193, 0.3), rgba(237, 177, 127, 0.6));
    background-color: #fff;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
    /* transition: all 0.2s ease-in-out; */
}

@media (max-width: 767px) {
    .md-wrapper {
        padding: 4rem 0;
    }
}

.md-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    z-index: 1;
    cursor: pointer;
    z-index: 0;
}

.md-overlay iframe {
    max-width: 80vw;
}

.youtube-16-9 {
    margin-bottom: 10rem;
}

.youtube-16-9 iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.md-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 767px) {
    .md-header {
        width: 100vw;
        padding-right: 2rem;
    }
}

.md-header h2 {
    height: 2.5rem;
    /* width: 100%; */
    margin: 0;
    /* display: flex; */
    /* text-align: left; */
}

.md-contents {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    /* transform: translateX(-50%); */
    z-index: 10000;
    z-index: 9999;
    /* background-image: linear-gradient(90deg, rgba(255, 99, 104, 0.3), rgba(197, 33, 121, 0.3)); */
}

.md-inner {
    cursor: pointer;
    color: #FA0407;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    /* height: 100vh; */
    /* width: 100vw; */
    left: 0;
    top: 0;
    z-index: 9999;
    padding: 10rem;
    z-index: 1;
    gap: 6rem;
    max-width: 90vw;
    margin: 0 auto;
    width: 120rem;
    justify-content: center;
    /* height: 100vh; */
}

@media (max-width: 767px) {
    .md-inner {
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        gap: 4rem;
    }
}

@media (max-width: 767px) {
    .md-inner .md-text {
        padding: 0 2rem;
        /* width: 100vw; */
    }
}

.md-inner .md-text h3 {
    font-size: 1.6rem;
    /* border: 1px solid #ddd; */
    display: inline-flex;
    padding: 0.4rem 1rem;
    margin-bottom: 2rem;
    align-items: baseline;
    width: fit-content;
}

@media (max-width: 767px) {
    .md-inner .md-text h3 {
        font-size: 1.2rem;
        padding: 0.2rem 0.6rem;
        /* display: inline-flex; */
        /* align-items: center; */
        /* display: flex; */
        /* gap: 0.2rem; */
        margin-bottom: 1rem;
    }
}

.md-inner .md-text h4 {
    font-size: 3.2rem;
    font-weight: bold;
    /* color: #FA0407; */
    opacity: 1;
}

@media (max-width: 767px) {
    .md-inner .md-text h4 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }
}

.md-inner .md-text h5 {
    font-size: 1.6rem;
    opacity: 1;
    color: #FA0407;
    margin-bottom: 2rem;
    margin-top: 6rem;
    font-weight: bold;
    line-height: 3rem;
}

@media (max-width: 767px) {
    .md-inner .md-text h5 {
        line-height: 2.6rem;
    }
}

.md-inner .md-text p {
    color: #FA0407;
    color: #000;
    line-height: 3.2rem;
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .md-inner .md-text p {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.md-inner .md-text p.cn {
    color: #505050;
    margin-bottom: 1rem;
}

.md-text img {
    width: 100%;
    margin-top: 3rem;
    height: auto !important;
}

.md-inner pre {
    line-height: 2.8rem;
    font-size: 1.6rem;
    color: #FA0407;
}

.md-xmark {
    position: relative;
    top: 0;
    /* right: 0; */
    width: 32px;
    height: 22px;
    z-index: 9999;
    cursor: pointer;
    display: flex;
    right: 0;
    margin-left: auto;
}

.md-xmark span {
    height: auto;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 4px;
    background-color: #FA0407;

}

.md-xmark span:nth-of-type(1) {
    top: 0;
    transform: translateY(10px) rotate(-45deg);
}


.md-xmark span:nth-of-type(2) {
    bottom: 0;
    transform: translateY(-10px) rotate(45deg);
}

/* =====================================================
* Tittle
* ================================================== */

.modListHrWrap {
    margin: 0 auto;
    background: url(../img/hr_rail.svg) repeat-x top;
    /* padding: 6rem 0 10rem; */
    background-size: auto 2.5rem;
    margin-top: 14rem;
    gap: 4rem;
    /* display: flex; */
}

@media (max-width: 767px) {
    .modListHrWrap {
        /* padding: 0 2rem; */
        margin: 0;
    }
}

.modTicketH2 {
    height: 4rem;
    display: inline-flex;
    margin-top: -1rem;
    margin-bottom: 4rem;
    margin-left: 4rem;
}

@media (max-width: 767px) {
    .modTicketH2 {
        height: 3rem;
        margin-bottom: 4.5rem;
        margin-top: -0.2rem;
        margin-left: 2rem;
    }
}

.modTicketH2 img {
    width: 18rem;
    width: 100%;
    height: 100%;
    display: flex;
    /* margin-bottom: 4rem; */
}

.modH2Wrap {
    display: flex;
    justify-content: center;
    /* margin-top: 10rem; */
}

@media (max-width: 767px) {
    .modH2Wrap {
        /* margin-top: 15rem; */
        margin-top: 4rem;
    }
}

.modH2 {
    color: #FA0407;
    font-size: 4rem;
    font-weight: normal;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto 6rem;
    position: relative;
}

@media (max-width: 767px) {
    .modH2 {
        font-size: 3rem;
        margin-bottom: 4rem;
    }
}

.modH2::after {
    content: "";
    border-bottom: 2px solid #FA0407;
    width: 100%;
    top: 5rem;
    position: absolute;
    content: none;
}

@media (max-width: 767px) {
    .modH2::after {
        top: 2.8rem;
    }
}

.modH2 span {
    font-size: 1.3rem;
    opacity: .8;
    font-weight: normal;
    margin-top: 1.4rem;
}

@media (max-width: 767px) {
    .modH2 span {
        font-size: 1rem;
    }
}

/* =====================================================
* Module(PC)
* ================================================== */


/* header ----------------------------- */
header {
    background: #fff;
    /* border-image: linear-gradient(to right, #FF5688, #029750) 1; */
    border-bottom: 2px solid;
    margin-inline: auto;
    padding: 1.2rem;
    z-index: 100;
    position: fixed;
    width: 100%;
    top: 0;
}

header>.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header>.inner .itemIcon {
    height: 2.4rem;
    width: 2.4rem;
}

header>.inner .title {
    display: flex;
    gap: 0.5rem;
}

header>.inner .title a {
    display: flex;
    justify-content: center;
    align-items: center;
}

header>.inner .titleTop {
    /* position: absolute; */
    /* top: 30px; */
    /* font-weight: 900; */
    /* font-size: 3.6rem; */
}

@media (max-width: 767px) {
    header>.inner .titleTop {
        /* position: absolute; */
        /* top: 16px; */
        /* font-weight: 900; */
        /* font-size: 2.6rem; */
        /* width: 30vw; */
    }
}

header>.inner .titleText {
    font-size: 1rem;
    line-height: 1.2rem;
}

header>.inner .titleText span {
    font-weight: bold;
    font-size: 1.2rem;
}

header>.inner .titleText .sub {
    color: #b8b8b8;
    font-weight: normal;
    font-size: .9rem;
}

header>.inner .title .itemLogo {
    max-width: 350px;
    max-height: 2.4rem;
    margin: 0 4px 0 0;
}

header>.inner .itemLogoSite {
    position: absolute;
    top: 34px;
    right: 20px;
    width: 148px;
    height: 28px;
}

.page-top header>.inner .itemLogoSite {
    top: 56px;
}

header>.inner .official {
    position: absolute;
    top: 78px;
    right: 20px;
    width: 148px;
    height: 28px;
    border: 1px #000 solid;
    color: #000;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 28px;
    text-align: center;
}

header>.inner .official .itemLogo {
    display: inline-block;
    width: 76px;
    margin: 0 2px 0 0;
    line-height: 1.2;
    text-align: center;
}

header>.inner .official img {
    display: inline-block;
    max-width: 76px;
    max-height: 16px;
}

header>.inner .spNavButton {
    display: none;
}

/* nav ----------------------------- */

.site-logo {
    display: flex;
    justify-content: center;
    padding: 8rem 0 2rem;
}

.site-logo img {
    width: 16rem;
}

.humberger {
    position: absolute;
    /*ボタン内側の基点となるためrelativeを指定*/
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    z-index: 100;
    top: 4rem;
    right: 4rem;
    z-index: 1000000;
    display: none;
}

.nav {
    position: fixed;
    width: 100vw;
    /* margin-top: 5rem; */
    z-index: 100;
    top: 5.65rem;
    overflow-y: scroll;
    background: #fff;
    background-image: linear-gradient(145deg, rgba(250, 184, 193, 0.3), rgba(237, 177, 127, 0.3));
}

.nav-inner {
    display: flex;
    justify-content: center;
    /* padding: 15px; */
    align-items: center;
    padding: 1rem;
    margin-bottom: 2rem;
    /* overflow: scroll; */
    /* background-image: linear-gradient(145deg, rgba(250, 184, 193, 0.3), rgba(237, 177, 127, 0.3)); */
    margin: 0;
}

.nav-inner .logo {
    z-index: 10000;
}

.menu-wrapper {
    position: relative;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
}

.nav .logo img {
    object-fit: contain;
    width: 8rem;
}

@media (max-width: 767px) {
    .nav .logo img {
        width: 9rem;
        /* display: none; */
        margin-top: .5rem;
    }
}

.btn {
    width: 100%;
    /* display: block; */
    width: 4rem;
    height: 4rem;
    /* position: absolute; */
    /* right: 0; */
    z-index: 10000;
    /*追記：いつも一番上*/
    position: absolute;
    right: 2rem;
    top: 1.6rem;
}

.bar {
    width: 20px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
}

.bar-top {
    top: 10px;
    background-color: #FA0407;
}

.bar-middle {
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #FA0407;
}

.bar-bottom {
    bottom: 10px;
    background-color: #FA0407;
}

.btn.close .bar-top {
    transform: translate(-50%, 8px) rotate(45deg);
    transition: transform .3s;
}

.btn.close .bar-middle {
    opacity: 0;
    transition: opacity .3s;
}

.btn.close .bar-bottom {
    transform: translate(-50%, -8px) rotate(-45deg);
    transition: transform .3s;
}

.menu-lists {
    display: none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    /* padding-top: 50px; */
    text-align: center;
    background-image: linear-gradient(130deg, rgba(255, 99, 104, 0.2), rgb(243 183 125 / 60%));
    background-color: #fff;
    z-index: 1000;
    /* background-size: auto 2rem; */
    background-position: 0;
}

.menu-lists .logo {
    display: flex;
    /* margin-top: 1rem; */
    position: absolute;
    top: 2rem;
}


.modNav {
    /* animation: bgscroll 100s linear infinite; */
    display: flex;
    gap: 1rem;
    z-index: 100;
    width: 100%;
    justify-content: center;
    background-size: 2rem;
    background: url(../img/hr_rail.svg) repeat-x;
    background-size: auto 2.5rem;
    align-items: center;
    background-position: 10%;
}

@media (max-width: 767px) {
    .modNav {
        display: flex;
        gap: 1rem;
        z-index: 100;
        width: 100%;
        justify-content: center;
        flex-direction: column;
        height: 100vh;
        background-size: 2rem;
        background: url(../img/hr_rail.svg) repeat-x bottom;
        background-size: auto 2.5rem;
        background-position: left 0 bottom 3% !important;
        /* margin-top: -5rem; */
        margin: 0;
        overflow: hidden;
        flex-direction: column !important;
    }
}

.modNav li {
    display: block;
    /* width: 100%; */
    /* max-width: 90vw; */
    /* margin: 0 auto; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* padding: 4rem 0 3rem; */
    /* background-size: auto 2rem; */
    display: flex;
    /* gap: 1rem; */
    justify-content: center;
    /* width: 100%; */
    /* margin-top: -1rem; */
}

.modNav li img {
    height: 4.2rem;
    /* width: calc(100vw / 7); */
    object-fit: contain;
    /* margin: 0 2rem; */
}

@media (max-width: 767px) {
    .modNav li img {
        height: 3.2rem;
    }
}

.modNav li a:hover {
    opacity: 1 !important;
}


/* footer ----------------------------- */
footer {
    width: 100%;
    background: #eee;
    margin-top: 10rem;
    padding-top: 3rem;
}

.page-top footer {}

footer>.inner {
    margin: 0 auto;
    background: url(../img/hr_rail.svg) repeat-x top;
    padding: 4rem 0 3rem;
    background-size: auto 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    /* animation: bgscroll 100s linear infinite; */
}

@-webkit-keyframes bgscroll {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50vw 0;
    }
}

@keyframes bgscroll {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50vw 0;
    }
}

footer p,
footer a {
    color: #DE3F74;
    text-align: center;
    font-size: 8px;
}

.copyright {
    text-align: center;
    font-size: 1rem;
    margin-top: 8rem;
    margin-bottom: -8rem;
    color: #b8b8b8;
    opacity: .5;
    font-weight: normal;
}

/* contents --------------------------- */
main>.inner {
    position: relative;
    z-index: 1;
    width: 780px;
    margin: 0 auto;
    padding: 1px 0 40px;
}


/* contents --------------------------- */
main>.inner {
    position: relative;
    z-index: 1;
    width: 780px;
    margin: 0 auto;
    padding: 1px 0 40px;
}


/* =====================================================
* Child common
* ================================================== */


/* tab --------------------- */

/* タブの表示・非表示 */
[data-tab-content] {
    visibility: hidden;
    height: 0;
}

[data-tab-content].active {
    visibility: visible;
    height: auto;
}

[data-innertab-content] {
    visibility: hidden;
    height: 0;
}

[data-innertab-content].active {
    visibility: visible;
    height: auto;
}

/* section同士の余白 */
section.tabs {
    /* margin-bottom: 40px; */
    /* border-bottom: solid 1px #eee; */
    /* padding-bottom: 30px; */
    justify-content: center;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
}

section.tabs:last-child {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

.tabs__body {
    /* margin-top: 10rem; */
}

section.innertabs {
    margin-bottom: 40px;
    border-bottom: solid 1px #eee;
    padding-bottom: 30px;
    /* max-width: 90vw; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 0 2rem;
}

section.innertabs:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

/* タブの中身のpタグの余白 */
.tabs__content p {
    margin-bottom: 10px;
    margin-bottom: 3rem;
    /* line-height: 3rem; */
}

.tabs__content p:last-child {
    margin-bottom: 0;
}

.innertabs__content p {
    margin-bottom: 10px;
}

.innertabs__content p:last-child {
    margin-bottom: 0;
}

/* タブの見出し */
nav.tabs__nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    border: none;
    width: auto;
    display: inline-flex;
    position: absolute;
    z-index: 99;
    display: flex;
    /* right: 0; */
    /* background: linear-gradient(265deg, rgba(255, 99, 104, 0.3), #f6eadc); */
    /* margin: 6rem 2rem 0 0; */
    justify-content: flex-end;
    /* border-radius: 1rem; */
    /* padding: 1rem .4rem; */
    /* width: 40%; */
    align-items: center;
    display: inline-flex;
    /* background: linear-gradient(265deg, rgba(255, 99, 104, 0.8), #ff6368); */
    /* color: #fff; */
    justify-content: center;
    /* width: 100%; */
    /* position: relative; */
    /* margin-bottom: 4rem; */
    /* display: flex; */
    justify-content: center;
    /* padding: .2rem 4rem; */
    /* border-bottom: 4px solid #ee6368; */
    width: 100%;
}

@media (max-width: 767px) {
    nav.tabs__nav {
        width: 100%;
        /* position: absolute; */
        /* padding: .4rem; */
        /* gap: 1rem; */
        margin: 0;
        display: flex;
    }
}

a.tabs__item {
    text-align: center;
    transition: all 0.2s ease;
    padding: 0;
    /* line-height: 32px; */
    text-decoration: none;
    font-size: 1.4rem;
    border: 0px solid rgb(255 99 104 / 30%);
    border-radius: 5rem;
    color: #FA0407;
    background: none;
    border: none;
    padding: 0.4rem;
    /* padding-top: 1.4rem; */
    width: 50%;
    border-radius: 0;
    /* background: rgba(255, 99, 104, 0.8); */
    background: #fff;
    border-bottom: 3px solid #ee6368;
}

a.tabs__item.active {
    color: #FFF;
    background: #1e2125;
    background: #fff;
    color: #966C82;
    font-weight: normal;
    border: none;
    color: #fff;
    background: #c01f21;
    border-radius: 1rem;
    background: none;
    /* border-bottom: 2px solid #FA0407; */
    border-radius: 0;
    /* background: linear-gradient(265deg, rgba(255, 99, 104, 0.8), #ff6368); */
    background: #FF6368;
    /* background: #fff; */
    /* color: #1e2125; */
    border-bottom: 1px solid #ee6368;
    /* width: 50%; */
    /* line-height: 2rem; */
    /* border-radius: 2rem; */
    /* padding: 1rem 0; */
    padding: .6rem 0 .4rem;
    /* background: #5d5d5d; */
    color: #FA0407;
    /* background: #fff; */
    /* font-size: 1.6rem; */
    color: #fff;
    font-weight: bold;
}

a.tabs__item:hover {
    /* background: #fff; */
    opacity: 1;
    /* color: #FA0407; */
    /* border-radius: 2rem; */
    /* height: 80%; */
}

@media (max-width: 767px) {
    a.tabs__item {
        /* padding-top: 1.6rem; */
        font-size: 1.3rem;
        /* padding-top: 1rem; */
        width: 50%;
    }
}

/* 表示のアニメーション */
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
    }
}

.tabs__content {
    display: none;
}

.tabs__content.active {
    animation: fadeIn 0.7s ease 0s 1 normal;
    display: block !important;
}

@media (max-width: 767px) {
    .tabs__content.active {
        /* padding: 0 2rem; */
        /* margin-top: -1rem; */
        padding: 0 !important;
    }
}

.innertabs__content.active {
    animation: fadeIn 0.7s ease 0s 1 normal;
    display: block !important;
}

.innertabs__nav:first-child {
    display: block !important;
}

.innertab-area {
    display: flex;
    justify-content: space-around;
    cursor: pointer;
    max-width: 1000px;
    margin: 0 auto;
}

.innertab {
    width: 30%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.innertab.is-active {
    background-color: #222e3e;
    color: #fff;
    border: none;
}

[data-innertab-content]:last-child {
    display: block;
}


.slide {
    width: 300px;
    height: 200px;
    background: #ccc;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 20px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}


.slide__tabs,
.slide__list {
    opacity: 0;
    transition: opacity 0.3s linear;
}

.slick-initialized {
    height: auto;
}

.slide__tabs {
    /* padding: 8px 7px 0; */
    /* width: max-content; */
}

.slide__tabs__wrap {
    position: sticky;
    top: 0;
    z-index: 1;
    overflow-x: scroll; // 横スクロール可能に
    border-bottom: 3px solid #eee;
    transition: All 0.2s ease;
    background: #fff;
}
}

.slide__tab.tab {
    width: 120px;
    margin-top: 5px;
    padding: 12px 10px;
    min-width: 56px;
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #666;
    text-align: center;
}
}

.slide__tab.slick-active &.tab {
    margin-top: 0;
    padding: 15px 10px;
    border: none;
    background: #eee;
    color: #333;
    font-weight: bold;
}
}
}

.slide__tab.slick-slide:not(:last-child) {
    margin-right: 5px;
}

// スワイプするための設定
}

.slide__tab.slick-list {
    overflow-x: scroll; // 横スクロール可能に
    // PC用にスクロールバーを非表示
    -ms-overflow-style: none;
    scrollbar-width: none;

    &::-webkit-scrollbar {
        display: none;
    }
}
}

.slide__tab.slick-track {
    // タブエリアの横幅に合わせる
    width: max-content !important;
    // カレントタブが左端に固定にならないようにリセット
    transform: none !important;
}

/* kv --------------------------- */

.contHero {
    display: flex;
    justify-content: space-between;
    /* height: 100vh !important; */
    /* max-height: 100vh !important; */
    background-image: linear-gradient(0deg, rgba(209, 255, 231, 0.9), rgba(232, 255, 197, 0.6));
    margin-top: 5.8rem;
    margin-bottom: 6rem;
}

@media (max-width: 767px) {
    .contHero {
        flex-direction: column-reverse;
        margin-top: 5rem;
        margin-bottom: 0;
    }
}

.contHero .contNav {
    max-width: 58rem;
    margin-top: 4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    /* width: 30rem; */
    flex: 1;
}

@media (max-width: 767px) {
    .contHero .contNav {
        width: 100%;
        max-width: 100%;
    }
}

.contHero .modNav {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    gap: 2rem;
    background-image: none;
    flex-direction: initial;
    padding: 4rem;
    justify-content: center;
    z-index: 1;
    background: url(../img/hr_rail--green.svg) repeat-x top;
    padding: 6rem 0 3rem;
    background-size: auto 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 8rem;
}

.contHero .contNav .contLogo a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/hr_rail--green.svg) repeat-x bottom;
    padding-bottom: 6rem;
}

@media (max-width: 767px) {
    .contHero .contNav .contLogo {
        display: none;
    }
}

.contHero .contNav .contLogo img {
    width: 60%;
    max-width: 40rem;
}

.contHero .contNav .site-logo {
    display: none;
}


.contHero .modNav li {
    max-width: 50%;
    width: auto;
}

.contHero .contVisual {
    display: flex;
    justify-content: initial;
    align-items: flex-start;
    width: 120rem;
    object-fit: contain;
    height: auto;
    flex: 1;
}

@media (max-width: 767px) {
    .contHero .contVisual {
        width: 100vw;
    }
}

.contHero .contVisual img {
    width: 100%;
    /* height: 100%; */
    /* max-width: 100%; */
    max-height: 100%;
    /* position: fixed; */
    /* top: 0; */
    /* right: 0; */
    /* object-fit: contain; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: flex-end; */
    /* min-height: 100vh; */
    /* width: auto; */
    min-height: 100vh;
    width: auto;
    max-width: 80vw;
    object-fit: cover;
}

#page-top .contMain {
    margin-top: 8rem;
}

.contMain {
    display: flex;
    flex-direction: column;
    /* gap: 10rem; */
    width: 100%;
    max-width: 100%;
    justify-content: center;
    margin: 0 auto;
    padding-top: 4rem;
}

@media (max-width: 767px) {
    .contMain {
        padding-top: 16rem;
        /* margin-top: -4rem; */
        /* background: none; */
    }
}

.modPageTitle {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
}

.modListNav {
    margin: 19px 0 0;
    line-height: 1;
    letter-spacing: -0.4em;
}

.modListNav>* {
    letter-spacing: normal;
}

.modListNav li {
    display: inline-block;
    padding: 0 17px 0 19px;
    border-left: 1px #000 solid;
    line-height: 1;
}

.theme-black .modListNav li {
    border-color: #fff;
}

.modListNav li:first-child {
    padding: 0 17px 0 0;
    border: none;
}

.modListNav li a {
    color: #7f7f7f;
}

.theme-black main .modListNav li a {
    color: #999;
}

.modListNav li a.isActive {
    color: #000;
}

.theme-black .modListNav li a.isActive {
    color: #fff;
}

.modListNav li a.isActive:hover {
    opacity: 1;
}

.modListEpisode {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #000;
    font-size: 1.5rem;
    letter-spacing: -0.4em;
}

.modListEpisode>* {
    letter-spacing: normal;
}

.theme-black main .modListEpisode {
    border-color: #fff;
}

.modListEpisode li {
    display: inline-block;
    margin-bottom: 5px;
    border-right: 1px solid #000;
    line-height: 1.2;
}

.theme-black main .modListEpisode li {
    border-color: #fff;
}

.modListEpisode a {
    display: inline-block;
    width: 6em;
    color: #999;
    text-align: center;
}

.theme-black main .modListEpisode a {
    color: #999;
}

.modListEpisode a.isActive {
    color: #000;
}

.theme-black main .modListEpisode a.isActive {
    color: #fff;
}

.theme-black main .modListEpisode a.isActive:hover {
    opacity: 1;
}

.blockToall {
    margin: 180px 0 0;
    text-align: center;
}

.blockPager+.blockToall {
    margin: 100px 0 0;
}

.blockToall a {
    display: inline-block;
    padding: 8px 38px;
    border: 1px #000 solid;
    color: #000;
    line-height: 1;
}

.theme-black .blockToall a {
    border-color: #fff;
}

/* contFooter                           */

.blockFooterSns {}

.modListSns {
    letter-spacing: -0.4em;
    text-align: center;
}

.modListSns>* {
    letter-spacing: normal;
}

.modListSns li {
    display: inline-block;
    margin: 0 20px;
}

.modListSns li a {
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
}

.modListSns li a.twfollow {
    width: 44px;
    height: 30px;
    background: url(../../shared/assets/img/ico_twFollow_01.png) no-repeat 0 0;
    background-size: 44px 30px;
}

.page-top .modListSns li a.twfollow {
    background-image: url(../../shared/assets/img/ico_twFollow_01.png);
}

.modListSns li a.tw {
    width: 37px;
    height: 30px;
    background: url(../../shared/assets/img/ico_tw_01.png) no-repeat 0 0;
    background-size: 37px 30px;
}

.page-top .modListSns li a.tw {
    background-image: url(../../shared/assets/img/ico_tw_01.png);
}

.modListSns li a.fb {
    width: 30px;
    height: 30px;
    background: url(../../shared/assets/img/ico_fb_01.png) no-repeat 0 0;
    background-size: 30px 30px;
}

.page-top .modListSns li a.fb {
    background-image: url(../../shared/assets/img/ico_fb_01.png);
}

.blockFooterBanner {}

.modListBanner {
    display: flex;
    gap: 2rem;
    justify-content: center;
}

.modListBanner>* {
    letter-spacing: normal;
}

.modListBanner li {
    display: flex;
    background: #fff;
    width: 34rem;
    height: 8rem;
    justify-content: center;
    align-items: center;
    object-fit: contain;
}

.modListBanner li a img {
    display: flex;
    background: #fff;
    max-width: 34rem;
    max-height: 8rem;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    object-fit: contain;
}

.modListBanner li img {
    width: 24rem;
    height: auto;
    max-height: 44%;
    max-width: 44%;
}

.modListBannerItem--full {
    /* background: none !important; */
    background-color: #000 !important;
}

.modListBannerItem--full img {
    background: none !important;
    padding: 0 !important;
    heigth: 8rem !important;
    width: 34rem !important;
}

.blockPagetop {
    /* margin: 30px auto 0; */
    /* line-height: 0; */
    /* text-align: right; */
    position: fixed;
    right: 0;
    bottom: 2rem;
}

.blockPagetop a {
    display: inline-block;
    /* overflow: hidden; */
    width: 10rem;
    height: 3rem;
    background: url(../../shared/assets/img/btn_page-top.svg) no-repeat 0 0;
    background-size: 10rem auto;
}

/* contFooter                           */

.blockFooterSns {}

.modListSns {
    letter-spacing: -0.4em;
    text-align: center;
}

.modListSns>* {
    letter-spacing: normal;
}

.modListSns li {
    display: inline-block;
    margin: 0 20px;
}

.modListSns li a {
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal;
}

.modListSns li a.twfollow {
    width: 44px;
    height: 30px;
    background: url(../../shared/assets/img/ico_twFollow_01.png) no-repeat 0 0;
    background-size: 44px 30px;
}

.page-top .modListSns li a.twfollow {
    background-image: url(../../shared/assets/img/ico_twFollow_01.png);
}

.modListSns li a.tw {
    width: 37px;
    height: 30px;
    background: url(../../shared/assets/img/ico_tw_01.png) no-repeat 0 0;
    background-size: 37px 30px;
}

.page-top .modListSns li a.tw {
    background-image: url(../../shared/assets/img/ico_tw_01.png);
}

.modListSns li a.fb {
    width: 30px;
    height: 30px;
    background: url(../../shared/assets/img/ico_fb_01.png) no-repeat 0 0;
    background-size: 30px 30px;
}

.page-top .modListSns li a.fb {
    background-image: url(../../shared/assets/img/ico_fb_01.png);
}

@media (max-width: 767px) {
    .blockFooterBanner {
        justify-content: center;
        display: flex;
    }

}

.modListBanner {
    display: flex;
    gap: 2rem;
    justify-content: center;
}

.modListBanner {}

.modListBanner>* {
    letter-spacing: normal;
}

.modListBanner li {
    display: flex;
    background: #fff;
    width: 34rem;
    height: 8rem;
    justify-content: center;
    align-items: center;
    object-fit: contain;
}

.modListBanner li a img {
    display: flex;
    background: #fff;
    max-width: 34rem;
    max-height: 8rem;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    object-fit: contain;
}

.modListBanner li img {
    width: 24rem;
    height: auto;
    max-height: 44%;
    max-width: 44%;
}

.modListBannerItem--full {
    /* background: none !important; */
    background: #000 !important;
}

.modListBannerItem--full img {
    background: none !important;
    padding: 0 !important;
    heigth: 8rem !important;
    width: 34rem !important;
}

.blockPagetop {
    /* margin: 30px auto 0; */
    /* line-height: 0; */
    /* text-align: right; */
    position: fixed;
    right: 0;
    bottom: 2rem;
}

.blockPagetop a {
    display: inline-block;
    /* overflow: hidden; */
    width: 10rem;
    height: 3rem;
    background: url(../../shared/assets/img/btn_page-top.svg) no-repeat 0 0;
    background-size: 10rem auto;
}

/* =====================================================
* Child section
* ================================================== */

/* child onair ---------------------- */

.modOnairWrap {
    width: 100%;
    background-color: none !important;
    margin: 0 auto;
    /* padding: 3.2rem 6rem; */
    /* margin-bottom: 3rem; */
    /* margin-top: 4rem; */
    background: none;
    /* padding: 8rem 2rem; */
    /* margin-top: -1.6rem; */
    /* background: #ddd; */
    z-index: -1;
    /* padding-top: 4rem; */
    /* padding-bottom: 2rem; */
    background-image: linear-gradient(145deg, rgba(255, 99, 104, 0.1), rgba(255, 99, 104, 0.3));
    padding: 0 2rem 4rem;
    margin-top: -3rem;
}

.modOnairWrap .modH2Wrap {
    margin-top: 6rem;
}

@media (max-width: 767px) {
    .modOnairWrap {
        /* padding: 6rem 2rem 6rem; */
        /* margin-top: 10rem; */
        /* margin-top: 14rem; */
        /* flex-direction: column !important; */
        /* display: flex; */
        /* margin-bottom: 4rem; */
        padding: 0 0 4rem;
        margin-top: 12rem;
    }
}

.modOnairWrap p {
    text-align: center;
    font-size: 1rem;
    /* margin-top: 1rem; */
}

@media (max-width: 767px) {
    .modOnairWrap p {
        font-size: 1.2rem;
        margin: 0;
    }

}

.modOnairWrap h2 {
    /* font-weight: bold; */
    font-size: 1.8rem;
    text-align: center;
    color: #FA0407;
    margin-bottom: 2rem;
    font-size: 3rem;
    font-weight: normal;
}

@media (max-width: 767px) {
    .modOnairWrap h2 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }
}

.modOnair {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    /* flex-direction: row; */
    justify-content: center;
    gap: 1rem;
    align-items: center;
    /* margin-top: 2rem; */
}

@media (max-width: 767px) {
    .modOnair {
        gap: 2rem;
        margin-bottom: 1rem;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
    }
}

.modOnair dl {
    gap: 1rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    align-items: center;
    gap: 1.4rem;
    width: 100%;
    justify-content: center;
    width: 70%;
}

@media (max-width: 767px) {
    .modOnair dl {
        flex-direction: inherit;
        gap: 0.4rem;
        width: 100%;
    }
}

.modOnair dt {
    background: #fff;
    padding: 0.2rem 1rem;
    flex: initial;
    font-size: 1.4rem;
    text-align: center;
    padding-top: .4rem;
    width: 26%;
}

@media (max-width: 767px) {
    .modOnair dt {
        font-size: 1rem;
        margin-bottom: .4rem;
        width: 70%;
    }
}

.modOnair dd {
    font-size: 2rem;
    flex: initial;
    font-weight: bold;
    display: flex;
    /* gap: 0.4rem; */
    /* flex-direction: column; */
    /* width: auto; */
    width: auto;
    display: inline-flex;
}

@media (max-width: 767px) {
    .modOnair dd {
        font-size: 1.8rem;
        line-height: 3rem;
        flex-direction: row;
        gap: .4rem;
        flex-direction: column;
        width: 100%;
    }
}

.modOnair dd span {
    color: #FA0407;
}

.modOnair p {
    font-size: 1.3rem;
    color: #333;
    text-align: center;
}

.modOnair .modBtn {
    border: 2px solid #fff;
    background-color: none !important;
    font-weight: bold;
    padding: .4rem 3.2rem;
    border-radius: 3rem;
    font-size: 1.2rem;
    margin-left: 1rem;
    color: #fff;
}

@media (max-width: 767px) {
    .modOnair .modBtn {
        display: flex;
        align-items: center;
        margin: 2rem auto 0;
        text-align: center;
        justify-content: center;
        font-size: 1.2rem;
        padding: .6rem 4rem;
    }
}

/* child copy ---------------------- */

.modCopy {
    /* background: #fff; */
    width: 100%;
    /* padding: 12rem 0; */
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* z-index: 100; */
    /* margin: 0; */
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 4rem;
    padding: 0rem;
    margin-top: 0rem;
    /* line-height: 3rem; */
}

@media (max-width: 767px) {
    .modCopy {
        padding: 0 2rem;
        font-size: 1.2rem;
        line-height: 3.2rem;
        /* margin: 0 0 6rem; */
        line-height: 2rem;
    }
}

.modCopyText {
    line-height: 2.8rem !important;
    font-size: 1.4rem !important;
}

/* child news ---------------------- */

.modMainvisual {
    /* padding-top: 4.9rem; */
    /* border-top: 1px #000 solid; */
    border: none;
    margin: 0;
    width: 100%;
}

.theme-black .modMainvisual {
    border-color: #fff;
}

.page-top .modListNewsWrap {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    margin-bottom: 10rem;
}

.page-top .modListNews a {
    /* max-width: 50vw; */
    /* margin: 0 auto; */
    /* display: flex; */
    gap: 2rem;
    flex-direction: column;
}

.page-top .unitIco {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.page-top .unitTittle {
    display: flex;
    gap: 2rem;
    /* align-items: center; */
    /* justify-content: center; */
    position: relative;
    z-index: -1;
    flex-direction: column;
    margin-left: 8rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.page-top .uniTtext {
    margin-left: 8rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
}

.page-top .unitTittle .blue:after {
    background-size: 2rem 2rem;
    background: url(../../shared/assets/img/square_0B48A5.svg) no-repeat 0 0;
}

@media (max-width: 767px) {
    .page-top .modListNews a {
        flex-direction: column;
    }
}

.page-top .modListNews {
    gap: 1rem;
}

@media (max-width: 767px) {
    .modListNewsWrap {
        padding-bottom: 0;
        margin: 0;
        margin-top: 8rem;
    }
}

.modListNewsWrap {
    /* padding-bottom: 6rem; */
}

.modListNews {
    /* margin: 0 auto; */
    display: flex;
    flex-direction: column;
    gap: 2rem;
    /* max-width: 90vw; */
    width: 80rem;
    /* margin: 0 auto; */
    /* justify-content: center; */
    /* align-items: center; */
    /* margin-top: 4rem; */
    width: 100%;
    /* margin-bottom: 10rem; */
    max-width: 72rem;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .modListNews {
        gap: 2rem;
        padding: 0 2rem;
    }
}

.modListNews li {
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 4rem; */
}

.page-top .modListNews .itemIcon {
    width: 6rem;
    height: 6rem;
    border: 1px solid #ccc;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .page-top .modListNews .itemIcon {
        width: 4rem;
        height: 4rem;
    }
}

.modLi .theme-black .modListNews li {
    border-color: #fff;
}

.modListNews li a {
    /* display: block; */
    /* overflow: hidden; */
    /* padding: 0 0 0 25px; */
    /* line-height: 1; */
    display: flex;
    gap: 4rem;
    /* flex-direction: column; */
    height: auto;
}

@media (max-width: 767px) {
    .modListNews li a  {
        gap: 2rem;
    }
}

.modListNews li a:hover {
    /* background-color: rgba(0, 0, 0, 0.056); */
    opacity: 0.5;
}

.theme-black .modListNews li a:hover {
    background-color: rgba(66, 66, 66, 0.6);
}

.modListNews .date time {
    color: #b8b8b8;
    line-height: 1;
    font-family: "Marcellus", "Noto Serif JP", serif;
    letter-spacing: 0;
    margin-bottom: 1rem;
    display: inline-flex;
}

.theme-black .modListNews .date time {
    color: #b4b4b4;
}

.modListNews .unitImage {
    /* float: left; */
    /* width: 178px; */
    /* margin: 8px 0 0; */
    /* flex: 1; */
    width: calc(100vw / 3);
    flex: 1;
    margin-top: 4rem;
}

@media (max-width: 767px) {
    .modListNews .unitImage {
        width: 100%;
        margin: 0;
    }

}

.modListNews .unitImage img {
    /* width: 100%; */
    object-fit: contain;
    /* max-width: 100%; */
    width: 100%;
    height: auto;
}

.modListNews .unitMeta .name {
    font-weight: bold;
    font-size: 1.6rem;
}

@media (max-width: 767px) {
    .modListNews .unitMeta .name {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }
}

.modListNews h3 {
    font-weight: bold;
    font-size: 2.4rem;
}

@media (max-width: 767px) {
    .modListNews h3 {
        font-size: 1.8rem;
    }
}

.modListNews .unitDetail {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    /* margin-left: 8rem; */
}

@media (max-width: 767px) {
    .modListNews .unitDetail {
        margin: 0;
    }
}

.modListNews .unitDetail p {
    line-height: 3rem;
    display: inline-flex;
    font-size: 1.4rem;
}

@media (max-width: 767px) {
    .modListNews .unitDetail p {
        line-height: 2rem;
    }
}

.modListNews .unitMeta {
    display: flex;
    /* align-items: center; */
    gap: 0.4rem;
    flex-direction: column;
}

.page-top .modListNews .unitText {
    display: flex;
    gap: 4rem;
}

.page-top .modListNews .unitText div {
    flex: 1;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #b8b8b8;
}

.modListNews .unitText {
    /* overflow: hidden; */
    /* margin: 8px 0 0; */
    padding: 0;
    color: #000;
    /* display: flex; */
    flex: 2;
    gap: 0.4rem;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .modListNews .unitText {
        gap: 0 !important;
    }
}

.theme-black .modListNews .unitText {
    color: #fff;
}

.modListNews .unitText h3 {
    /* max-height: 24px; */
    font-size: 1.8rem;
    color: #FA0407;
    font-size: 1.6em;
    line-height: 3rem;
}

@media (max-width: 767px) {
    .modListNews .unitText h3 {
        line-height: 2.4rem;
        font-size: 1.6rem;
        margin-bottom: .2rem;
    }
}

.modListNews .unitText .text {
    /* max-height: 52px; */
    margin: 0.4rem 0 0;
    font-size: 2.4rem;
    line-height: 1.8;
    /* color: #FA0407; */
    /* font-weight: bold; */
    line-height: 2.4rem;
    font-size: 1.3rem;
}

@media (max-width: 767px) {
    .modListNews .unitText .text {
        font-size: 1.2rem;
        line-height: auto;
    }
}

.modListNews .unitText .date {
    line-height: 2rem;
    font-size: 1.4rem;
    /* background: #fff; */
    /* display: inline-flex; */
    /* width: fit-content; */
    align-items: center;
    padding-top: 1rem;
    /* padding: 1rem 2rem 0; */
}

.modListNews .unitText .readmore {
    margin: 4px 0 0;
    color: #505050;
    font-size: 1.2rem;
    font-family: "Roboto", sans-serif;
}

.theme-black .modListNews .unitText .readmore {
    color: #dcdcdc;
}

.modListNews .unitImage+.unitText {
    padding: 0 0 0 16px;
}

.page-top .modListNews .title {
    position: relative;
    padding: 0 0 0 42px;
    color: #000;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1;
}

.page-top .modListNews .title img {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
}

.page-top .modListNews .date {
    /* margin: 6px 0 0; */
    /* padding: 0 0 0 42px; */
    letter-spacing: 0.2rem;
    font-size: 1.2rem;
}


.page-top .modListNews .tag {
    background-color: #F9E8F1;
    padding: 0.4rem 1rem;
    font-weight: bod;
    color: #FF5688;
    font-size: 1.2rem;
    font-weight: bold;
}

.page-top .modListNews li a {
    flex-direction: column;
    gap: 1rem;
}


.page-top .modListNews .unitText h3 {
    /* max-height: 24px; */
    /* margin-top: 1rem; */
    font-weight: bold;
    color: #FA0407;
    font-size: 2.4rem;
    color: #333333;
}

.blockPager {
    margin: 60px 0 0;
}

.modListPager {
    letter-spacing: -0.4em;
    text-align: center;
}

.modListPager>* {
    letter-spacing: normal;
}

.modListPager .isHidden {
    visibility: hidden;
}

.modListPager li {
    display: inline-block;
    margin: 0 6px;
}

.modListPager li a,
.modListPager li span {
    display: block;
    border: 1px #FF6368 solid;
    background: #fff;
    color: #FF6368;
    font-size: 1.4rem;
    /* line-height: 22px; */
    font-family: "Marcellus", "Noto Serif JP", serif;
    text-align: center;
    -webkit-transition: none;
    transition: none;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.theme-black .modListPager li a,
.theme-black .modListPager li span {
    border-color: #fff;
    background: #000;
}

.modListPager li a.isActive,
.modListPager li span.isActive {
    background: #FF6368;
    color: #fff;
    opacity: 1;
    /* font-weight: bold; */
}

.theme-black .modListPager li a.isActive,
.theme-black .modListPager li span.isActive {
    background: #fff;
    color: #000;
}

.modListPager li a:hover {
    opacity: 0.5;
}

.modListPager li.prev,
.modListPager li.next {
    vertical-align: top;
}

.modListPager li.prev a,
.modListPager li.next a {
    display: block;
    /* width: 112px; */
    border: none;
    display: flex;
    background: none;
}

.modListPager li.prev a:before,
.modListPager li.prev a:after,
.modListPager li.next a:before,
.modListPager li.next a:after {
    content: " ";
    display: inline-block;
    width: 6px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 6px 12px;
}

.modListPager li.prev {
    margin: 0 34px 0 0;
}

.modListPager li.prev a:before {
    margin: 0 6px 0 0;
    background-image: url(../img/ico_arrow_prev_01.png);
}

.theme-black .modListPager li.prev a:before {
    background-image: url(../img/ico_arrow_prev_01.png);
}

.modListPager li.next {
    margin: 0 0 0 34px;
}

.modListPager li.next a:after {
    margin: 0 0 0 6px;
    background-image: url(../img/ico_arrow_next_01.png);
}

.theme-black .modListPager li.next a:after {
    background-image: url(../img/ico_arrow_next_01.png);
}

/* child introduction ---------------------- */

.modIntroductionWrap {
    /* padding-top: 16rem; */
    /* background: rgb(235 233 204 / 30%); */
}

@media (max-width: 767px) {
    .modIntroductionWrap {
        /* margin-top: 10.3rem; */
    }
}

.modIntroduction {
    flex: 1;
    text-align: center;
    /* margin-top: 2rem; */
}

.modIntroduction .tabs__nav {
    position: absolute;
}

.modIntroduction a.tabs__item {
    wdth: 50% !important;
}

.modIntroduction .tabs__content {
    /* margin-top: 2.5rem !important; */
}

.modIntroduction dl {
    display: flex;
    gap: 0;
    flex-direction: row;
    align-items: center;
    background: #fff;
    padding-top: 3rem;
    height: 100%;
}

.modIntroduction dl:first-child {
    /* background: rgb(255 155 227 / 20%); */
}

.modIntroduction dl:last-child {
    /* background: rgb(235 233 204 / 30%); */
}

@media (max-width: 767px) {
    .modIntroduction dl {
        flex-direction: column;
        /* margin-top: 1rem; */
    }
}

.modIntroduction dt {
    flex: 1.5;
}

.modIntroduction h3 {
    font-size: 2rem;
    line-height: 4.2rem;
    font-weight: bold;
    /* margin-bottom: 4rem; */
    /* margin-top: 6rem; */
}

@media (max-width: 767px) {
    .modIntroduction h3 {
        font-size: 2.4rem;
        margin: 0;
        line-height: 4rem;
    }
}

.modIntroduction p {
    margin-bottom: 2rem;
    line-height: 2.2rem;
    max-width: 70rem;
    margin: 0 auto 2rem;
    font-size: 1.6rem;
}

@media (max-width: 767px) {
    .modIntroduction p {
        font-size: 1.6rem;
        line-height: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        display: inline;
        line-height: 3rem;
    }
}

.modIntroduction dd {
    flex: 1;
    font-size: 1.6rem;
    color: #966C82;
    gap: 4rem;
    display: flex;
    flex-direction: column;
    /* padding-top: 4rem; */
    color: #333;
    padding: 0 2rem;
    display: flex;
    justify-content: center;
    height: 100%;
    background: #fff;
}

@media (max-width: 767px) {
    .modIntroduction dd {
        font-size: 1.8rem;
        line-height: 2.4rem;
        gap: 6rem;
        padding: 6rem 2rem 10rem;
        width: 100%;
    }
}

.modIntroduction img {
    width: 100%;
    flex: 1;
}


/* child pv ---------------------- */

.modListPvWrap {
    width: 100%;
    padding: 4rem 0 8rem;
    /* background: linear-gradient(145deg, rgb(226 217 207 / 80%), rgb(215 175 197 / 30%)); */
    /* color: #fff; */
}

.modListPvWrap .modH2 {
    /* color: #fff; */
}

.modListPvWrap .modH2::after {
    /* border: 2px solid #fff; */
}

.modListPv {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 120rem;
    margin: 0 auto;
}


@media (max-width: 767px) {
    .modListPv {
        flex-direction: column;
        gap: 4rem;
        width: 100%;
        padding: 0 2rem;
    }
}

.modListPv dl {
    display: flex;
    width: 50%;
    justify-content: center;
    width: 30%;
}

@media (max-width: 767px) {
    .modListPv dl {
        flex-direction: column;
        width: 100%;
    }
}

.modListPv h3 {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.4rem;
    /* color: #FA0407; */
    /* color: #fff; */
}

@media (max-width: 767px) {
    .modListPv h3 {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.modListPv dl a {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    position: relative;
    z-index: 1;
}

.modListPv dl a:hover {
    opacity: 1;
}

@media (max-width: 767px) {
    .modListPv dl a {
        gap: 1rem;
    }
}

.modListPv dl dt::before {
    z-index: 100;
    display: inline-block;
    background-size: 71px 41px;
    position: absolute;
    background: url(../img/ico_play.svg) no-repeat center;
    background-size: 4rem 4rem;
    display: flex;
    z-index: 100;
}

.modListPv img {
    width: 101%;
    /* height: 100%; */
    display: block;
    position: relative;
    opacity: 1;
    z-index: 1;
    position: absolute;
    top: 0;
    /* overflow: hidden; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* top: -17%; */
    border-radius: 4rem;
}

@media (max-width: 767px) {
    .modListPv img {
        width: 101%;
    }
}

.modListPv img:hover {
    background: #fff;
}

.modListPv dl dt span {
    position: absolute;
    display: flex;
    display: block;
    content: '';
    background: url(../img/ico_play.svg) no-repeat center;
    background-size: 4rem 4rem;
    z-index: 100;
}

@media (max-width: 767px) {
    .modListPv dl dt span {
        background-size: 3rem 3rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
}

.modListPv dl dt {
    /* position: absolute !important; */
    content: '';
    z-index;
    1;
    background-image: linear-gradient(90deg, rgba(209, 255, 231, 0.8), rgba(232, 255, 197, 0.8)) border-radius: 3rem;
    background: none;
}

.modListPv dl dt span {
    background-image: linear-gradient(90deg, rgba(209, 255, 231, 0.3), rgba(232, 255, 197, 0.3));
    height: 100%;
    height: 100%;
    width: 100%;
    display: flex;
    z-index: 0;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 1rem;
    background: none;
}

#modal {
    background-image: linear-gradient(90deg, rgba(209, 255, 231, 0.3), rgba(232, 255, 197, 0.3));
    background-color: #fff !important;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#modal:: before {
    content: ""
}

.modalContent:: before,
.modalContent::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 10%;
    width: 3px;
    /* 棒の幅（太さ） */
    height: 40px;
    /* 棒の高さ */
    background: #FA0407;
    border-radius: 2.5px;
    /* 棒の四隅の丸み*/
    cursor: pointer;
}

@media (max-width: 767px) {

    .modalContent::before,
    .modalContent::after {
        top: 10%;
    }
}

.modalContent:: before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.modalContent::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.modalContent {
    aspect-ratio: 16 / 9;
    max-width: 90vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 30vh;
}

@media (max-width: 767px) {
    .modalContent iframe {
        max-width: 90vw;
        height: 100%;
    }
}

.html5-video-player {}

#modal {
    background-image: linear-gradient(145deg, rgba(250, 184, 193, 0.3), rgba(237, 177, 127, 0.6));
    background-color: #fff !important;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

#modal:: before {
    content: ""
}

.modalContent:: before,
.modalContent::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 10%;
    width: 3px;
    /* 棒の幅（太さ） */
    height: 40px;
    /* 棒の高さ */
    background: #FA0407;
    border-radius: 2.5px;
    /* 棒の四隅の丸み*/
    cursor: pointer;
}

@media (max-width: 767px) {

    .modalContent::before,
    .modalContent::after {
        top: 10%;
        background: #FA0407;
    }
}

.modalContent:: before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.modalContent::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.modalContent {
    aspect-ratio: 16 / 9;
    max-width: 90vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 30vh;
}

@media (max-width: 767px) {
    .modalContent iframe {
        max-width: 90vw;
        height: 100%;
    }
}

/* child character ---------------------- */

.modListCharacterWrap {
    display: flex;
    flex-direction: column;
    /* gap: 4rem; */
    padding-top: 8rem;
}

.modListCharacter {
    display: flex;
    flex-direction: column;
    /* gap: 4rem; */
    align-items: center;
    gap: 8rem;
}

@media (max-width: 767px) {
    .modListCharacter {
        gap: 0;
    }
}

.modListCharacterItem {
    max-width: 90vw;
    /* margin-bottom: 8rem; */
    /* display: flex; */
    /* justify-content: center; */
    display: flex;
}

@media (max-width: 767px) {
    .modListCharacterItem {
        padding: 0 2rem;
        max-width: 100%;
    }
}

.modListCharacter h3 {
    font-size: 3.2rem;
    color: #333;
}

@media (max-width: 767px) {
    .modListCharacter h3 {
        font-size: 2.4rem;
        margin-bottom: 1rem;
    }
}

.modListCharacter h4 {
    font-size: 2rem;
    /* opacity: 0.8; */
    font-weight: normal;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .modListCharacter h4 {
        font-size: 1.8rem;
        margin-top: -2rem;
    }
}

.modListCharacter h4 span {
    font-size: 1.4rem;
    opacity: 0.5;
    padding-right: 0.4rem;
}

.modListCharacter a {
    /* color: #58BF37; */
    /* display: flex; */
}

.modListCharacter .comment {
    background: url(../img/ico_comment.svg) no-repeat top;
    background-position: top;
    height: 2.4rem;
    width: 8rem;
    display: flex;
    background-size: 8remrem 2.4rem;
    margin-left: 1.2rem;
    margin-top: 0.4rem;
}

.modListCharacter rt {
    font-size: 0.8rem;
}

@media (max-width: 767px) {
    .modListCharacter rt {
        font-size: 0.6rem;
        margin-bottom: 0.2rem;
        /* display: flex; */
    }
}

.modListCharacter .slider-img {
    /* height: auto !important; */
    /* object-fit: contain; */
    width: 100% !important;
    height: 100% !important;
    width: 42rem !important;
}

@media (max-width: 767px) {
    .modListCharacter .slider-img {
        height: auto !important;
    }
}

.modListCharacter .slick-list {
    height: auto !important;
    /* margin-bottom: -0.6rem; */
    /* width: 100%; */
    /* overflow: hidden !important; */
    width: 60re;
    padding: 0;
}

@media (max-width: 767px) {
    .modListCharacter .slick-list {
        min-width: 100vw;
        width: 100vw;
    }
}

@media (max-width: 767px) {
    .modListCharacter.slider--narrow {
        margin-top: -4rem;
    }
}

.modListCharacter dl {
    display: flex;
    gap: 6rem;
    /* margin-bottom: 8rem; */
    flex-direction: row-reverse;
    max-width: 90rem;
}

@media (max-width: 767px) {
    .modListCharacter .narrow dt {
        /* margin-top: -6rem; */
    }
}

@media (max-width: 767px) {
    .modListCharacter dl {
        flex-direction: column-reverse;
        margin-bottom: 6rem;
        gap: 0;
    }
}

.modListCharacter dl:not(:last-of-type) {
    margin-bottom: 10rem;
}

@media (max-width: 767px) {
    .modListCharacter dl:not(:last-of-type) {
        margin-bottom: 6rem;
        /* margin: 0; */
        gap: 2rem;
    }
}

.modListCharacter dl a {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.modListCharacter dt {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: auto;
    /* color: #58BF37; */
    width: 100%;
}

@media (max-width: 767px) {
    .modListCharacter dt {
        gap: 2rem;
        /* padding: 0 2rem; */
    }
}

.modListCharacter dd {
    display: flex;
    gap: 2rem;
    object-fit: cover;
    justify-content: center;
    align-items: center;
    /* overflow: hidden; */
    /* background: linear-gradient(90deg, transparent 10%, #E8FFC5 10%); */
    overflow: hidden;
    /* min-height: 70rem; */
    flex: auto;
    width: 100%;
}

@media (max-width: 767px) {
    .modListCharacter dd {
        height: 100%;
        /* margin: 0; */
        /* padding: 0; */
        /* width: 100% !important; */
        max-width: 90vw !important;
        min-height: 0 !important;
    }
}

.modListCharacter dd span {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.modListCharacter dd img {
    height: 30rem;
    /* width: 100%; */
    /* border: 1px solid; */
    /* width: 170% !important; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* margin-top: 10rem; */
    /* width: 100% !important; */
    /* max-width: 50rem; */
    /* height: auto; */
    /* min-height: 36rem; */
    /* height: 100%; */
    object-fit: contain;
    /* cursor: pointer; */
    /* padding-top: 5rem; */
    /* padding-bottom: 1rem; */
    object-fit: contain;
    /* width: 100% !important; */
    height: 100%;
    width: 100%;
}

@media (max-width: 767px) {
    .modListCharacter dd img {
        /* max-height: 40rem; */
        max-width: 100vw;
        min-height: none !important;
        /* height: auto; */
        /* max-height: 30rem; */
        padding-top: 5rem;
        min-height: auto;
        padding-bottom: 1rem;
        padding-right: 1rem;
        padding: 0;
        /* min-height: 56rem; */
        min-width: 100vw;
    }
}

.modListCharacter .slick-dots {
    margin-bottom: 4rem;
    /* margin: 4rem; */
    /* padding-top: 4rem; */
    bottom: -6rem;
}

.modListCharacter dd span img {
    width: 100%;
    border: 2px solid #eee;
    border-radius: 50%;
}

.modListCharacter dd>img:first-of-type {
    width: 100%;
    /* width: auto; */
    flex: 1;
    /* height: auto; */
    object-fit: contain;
    max-width: 100%;
    margin: 0;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.modListCharacter p {
    color: #333;
    font-size: 1.6rem;
    line-height: 3.2rem;
    margin-top: 2rem;
}

@media (max-width: 767px) {
    .modListCharacter p {
        font-size: 1.4rem;
        line-height: 2.6rem;
        margin: 0;
    }
}

.modListCharacter .slick-dots li.slick-active button:before {
    color: #FA0407;
}

.modListCharacter summary {
    display: inline-flex;
    color: #fff;
    cursor: pointer;
    width: max-content;
    font-size: 1.4rem;
    border: 1px solid #FA0407;
    color: #FA0407;
    opacity: .8;
    display: flex;
    gap: .6rem;
    padding: .4rem 1rem;
    border-radius: .6rem;
    align-items: center;
    background: #fff;
}

@media (max-width: 767px) {
    .modListCharacter summary {
        padding: .4rem 1rem .2rem;
        font-size: 1.2rem;
        gap: .8rem;
    }
}

.modListCharacter summary:hover {
    background: #FA0407;
    /* border: 1px solid #FF6368; */
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.modListCharacter:open summary {
    background: #FF6368;
    border: 1px solid #FF6368;
    color: #fff;
}

.modListCharacter details {
    display: flex;
    gap: 1rem;
    display: grid;
    place-content: center;
    /* 追加 */
    place-items: center;
    /* transition: all 0.2s ease-in-out; */
    margin-top: 4rem;
    /* justify-content: end; */
    display: flex;
}

@media (max-width: 767px) {
    .modListCharacter details {
        margin: 0 0 1rem;
    }

}

.modListCharacter details span {
    /* padding-left: 3rem; */
    display: inline-flex;
    transition: all 0.2s ease-in-out;
    padding: 2rem 0;
    color: #333;
    /* font-size: 1.6rem; */
    /* line-height: 3.2rem; */
    transition: all 0.2s ease-in-out;
    /* font-size: 2rem; */
    /* line-height: 3.6rem; */
}

@media (max-width: 767px) {
    .modListCharacter details span {
        padding-bottom: 0;
    }
}

details summary::before {
    content: "＋";
    color: #FA0407;
    font-weight: bold;
    float: right;
    width: 1rem;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1rem;
}

details[open] summary::before {
    content: "−";
    margin-top: -0.1rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

details summary:hover::before {
    color: #fff;
}

details[open] summary:hover::before {
    color: #fff !imporant;
}

details[open] div {
    animation: accordion 0.4s linear;
    overflow: hidden;
    border-bottom: 2px solid #eee;
    font-size: 1rem;
    padding: 1rem;
}

@keyframes accordion {
    0% {
        opacity: 0;
        height: 0;
    }

    70% {
        opacity: 0;
        height: 200px;
    }

    100% {
        opacity: 1;
    }
}

/* child story ---------------------- */

.modListStoryNav {
    display: flex;
    flex-direction: column;
}

.modListStoryNav .modListStoryTittle {
    font-weight: bold;
    color: #ff6368;
    ;
    font-size: 1.8rem;
}

.modListStory .unitTittle {
    display: flex;
    gap: 2rem;
    align-items: center;
    font-weight: bold;
    margin-bottom: 2rem;
    align-items: baseline;
    align-items: center;
    justify-content: center;
}

.modListStory .unitTittle .episode {
    background: url(../img/ico_ticket--white.svg) no-repeat;
    background-size: 11rem 4rem;
    display: flex;
    width: 10rem;
    height: 4.4rem;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    /* color: #fff; */
    color: #FA0407;
    margin-right: 1rem;
    background: #fff;
    margin: 0;
    line-height: 1.4rem;
    border: 1px solid #eee;
    padding: 0;
}

.modListStory .unitText {
    font-size: 1.6rem;
    line-height: 3rem;
}

.modListStoryWrap {
    /* padding-top: 16rem; */
}

@media (max-width: 767px) {
    .modListStoryWrap {
        padding-top: 0rem;
    }

}

@media (max-width: 767px) {
    .modListStoryWrap .tabs__nav {
        margin-bottom: 2rem;
        /* display: flex; */
        /* margin: 0 4rem; */
        justify-content: center;
        display: flex;
        display: flex;
        /* max-width: 90vw; */
        /* margin: 2rem; */
        /* display: flex; */
        position: absolute;
        /* left: -22px; */
        /* right: 19px; */
        /* width: 90%; */
    }
}

@media (max-width: 767px) {
    .modListStoryWrap .tabs__content {
        /* padding: 0 2rem 6rem !important; */
        margin-top: 4rem;
    }
}

@media (max-width: 767px) {
    .modListStoryWrap .tabs__content.innertabs {
        max-width: 90vw;
        max-width: 80rem;
    }
}

.modListStoryWrap .tabs__body {
    background: linear-gradient(265deg, rgba(255, 99, 104, 0.3), #f6eadc);
    background: #fff;
    /* max-width: 90vw; */
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (max-width: 767px) {
    .modListStoryWrap .tabs__body {
        max-width: 100%;
    }
}

.modListStoryWrap .tabs__content {
    /* padding: 0 4rem; */
    /* max-width: 80rem; */
    margin: 0 auto;
    width: 100%;
}

.modListStoryLink {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    /* margin-bottom: 4rem; */
    justify-content: center;
    /* background: #fff; */
    /* padding: 1rem; */
    width: 100%;
    /* margin-top: 6rem; */
    justify-content: flex-start;
    margin: 6rem auto 0;
    /* justify-content: center; */
    max-width: 70rem;
    margin-bottom: 6rem;
}

@media (max-width: 767px) {
    .modListStoryLink {
        justify-content: flex-start;
        margin-bottom: 6rem;
        padding: 0 2rem;
        max-width: 100vw;
    }
}

.modListStory .unitImage {
    display: flex;
    /* display: block !important; */
    width: 100%;
}


@media (max-width: 767px) {
    .modListStory .unitImage {
        flex-direction: column;
        /* padding: 0 2rem; */
    }
}
.modListStory .unitImage img{
    height: 100% !important;
    /* width: 100%; */
}

.modListStory .unitImage .slide-item {
    display: flex;
    /* display: block !important; */
    width: 100%;
    height: auto;
}

.modListStoryLink li {
    background: #FF6368;
    color: #fff;
    font-weight: bold;
    /* margin-bottom: 4rem; */
    width: auto;
    text-align: center;
    width: calc(100% / 7);
}

@media (max-width: 767px) {
    .modListStoryLink li {
        width: 22%;
        height: 3rem;
    }
}

.modListStoryLink li a {
    padding: 0rem 1rem;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* line-height: 3rem; */
    position: relative;
    display: inline-block;
    padding-left: 2rem;
    /* padding-top: .6rem; */
    font-size: 1.2rem;
}

.modListStoryLink li a::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 3rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 1rem;
}

.modListStoryLink li a.isActive {
    background: #E5E5E5;
    color: #B4B4B4;
    width: 100%;
    color: #FA0407;
}

.modListStory {
    /* max-width: 70rem !important; */
    /* display: flex; */
    margin: 0 auto;
    /* padding-bottom: 8rem; */
}

.modListStory .scene-slider-wrap .slick-list {
    /* position: absolute; */
    height: auto !important;
}

@media (max-width: 767px) .modListStory .scene-slider-wrap .slick-list {
    max-height: 20rem;
}
}

.modListStory .thumbnail_slider .slick-list {
    width: 100%;
}

.modListStory .unitTittle h3 {
    font-size: 1.8rem;
}

.modListStory .unitText {
    margin-bottom: 4rem;
    font-size: 1.5rem;
    line-height: 3.2rem;
    max-width: 70rem;
    margin: 0 auto 6rem;
    text-align: left;
}

@media (max-width: 767px) {
    .modListStory .unitText {
        line-height: 3.2rem;
        padding: 2rem;
        /* text-align: left; */
    }
}

.modListStor p {
    font-seize: 2rem;
}

.modListStory .scene_slider {
    max-height: 39rem;
    height: auto !important;
}

@media (max-width: 767px) {
    .modListStory .scene_slider {
        max-height: 20rem;
    }
}

#scene-slider-wrap {
    /* display: flex; */
    flex-direction: column;
    /* height: auto; */
    margin-bottom: 6rem;
    position: relative;
    max-width: 80rem;
}

@media (max-width: 767px) {
    #scene-slider-wrap {
        max-width: 100vw !important;
        !i;
        !;
    }
}


#scene-slider-wrap .slick-list {
    height: auto !important;
}

#scene-slider-wrap .slick-list div {
    gap: 1rem;
    cursor: pointer;
}

@media (max-width: 767px) {
    #scene-slider-wrap .slick-list div {
        gap: .4rem;
        /* max-width: 100vw; */
    }
}

.slick-prev:before,
.slick-next:before {
    color: #FF6368 !important;
    display: none;
}

#scene-slider,
#thumbnail_slider {
    background-color: #ffdbda;
    padding: 1rem;
}

@4media (max-width: 767px) {

    #scene-slider,
    #thumbnail_slider {
        padding: .4rem;
    }
}

#scene-slider,
#thumbnail_slider div {
    display: flex;
}

#thumbnail_slider img {
    margin: 0;
    /* width: auto !important; */
}

#scene_slider {
    height: auto;
}

.slide-item img {
    /* width: 100%; */
}

.thumbnail-item img {
    width: 100%;
    margin: 0 auto;
}

.scene-slider-wra .scene-slider {
    height: auto;
}

.scene-slider-wrap .slick-list {
    /* height: auto !important; */
    /* width: 100% !important; */
    /* height: 100% !important; */
    /* padding: 0 !important; */
    /* background: #ddd; */
    flex-direction: column;
}

.scene-slider-wrap .slick-list div {
    /* gap: 1rem; */
    /* cursor: pointer; */
    /* margin: 0; */
    /* gap: 2rem; */
    /* justify-content: space-between; */
    /* display: flex; */
    /* margin-top: 0.3rem; */
    /* max-width: 80vw !important; */
    /* height: 100% !important; */
    /* display: flex; */
    /* height: 21rem; */
    /* object-fit: contain; */
    /* margin: 0; */
    /* width: 100% !important; */
    /* height: 30rem; */
    /* max-height: 40rem; */
    opacity: 1;
    /* width: 100% !important; */
}

.scene-slider-wrap .slick-list .slick-current {
    /* width: 100% !important; */
    /* height: auto; */
    /* display: flex; */
    /* height: 60%; */
    /* opacity: 1 !important; */
}


.scene-slider-wrap .scene-slider .slick-list div {
    width: 100% !important;
}

.scene-slider-wrap .slick-current img {
    opacity: 1 !important;
    width: 100%;
    /* object-fit: contain; */
    opacity: 1 !i;
    cursor: pointer;
}

.scene-slider .slick-track {
    width: 100% !important;
}

.scene-slider .slick-slider {
    width: 100% !important;
}

.scene-slider .slick-slider img {
    width: 100% !important;
}

.scene-slider-wrap.thumbnail-item {
    width: 100% !important;
    height: 100%;
    display: flex;
}

.thumbnail-item .slick-slide {
    width: 100%;
    width: calc(100% / 3);
}

.scene-slider-wrap .unitImage {
    /* z-index: 1; */
    /* width: 100% !important; */
    /* height: 100% !important; */
    /* opacity: 1; */
    /* opacity: 1; */
}

.scene-slider-wrap .thumbnail-item .unitImage {
    width: 100%;
    height: auto;
}

.scene-slider-wrap .thumbnail-item div {
    width: 100%;
}

.scene-slider-wrap .thumbnail-item img {
    width: 100%;
    /* height: 20rem !important; */
    to;
    */
    /* display: flex !important; */
    /* object-fit: contain; */
    /* opacity: .5; */
    background: #000;
    display: flex;
    z-index: 1000;
    width: 100%;
    /* opacity: .5; */
    /* opacity: 1; */
    cursor: pointer;
    position: relative;
}

.slick-active img {
    /* opacity: 1 !important; */
}

.slick-track:before,
.slick-track:after {
    content: none !important;
}

@media (max-width: 767px) {
    .scene-slider-wrap .slick-list div {
        /* gap: .4rem; */
        /* max-height: 20rem; */
        display: flex;
    }
}

.slick-prev: before,
.slick-next:before {
    color: #FA0407 !important;
    display: none;
}

.scene-slider,
.thumbnail_slider {
    background-color: none;
    /* padding: 0; */
    /* background: none; */
    /* background: #000; */
    /* width: 100%; */
    /* height: 16rem; */
    /* display: none; */
    /* opacity: 1; */
    /* position: fixed; */
    /* bottom: 0; */
    /* opacity: .5; */
    width: 100%;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .thumbnail_slider {
        /* display: none; */
        max-height: 0;
    }
}


/* child staff・cast ---------------------- */

.modStaffCastWrap {
    padding-top: 8rem;
    /* background: linear-gradient(145deg, rgb(226 217 207 / 80%), rgb(215 175 197 / 30%)); */
}

@media (max-width: 767px) {
    .modStaffCastWrap {
        padding-top: 8rem;
    }
}

.modStaffCast {
    display: flex;
    gap: 4rem;
    /* max-width: 90rem; */
    /* display: grid; */
    /* place-content: center; */
    /* 追加 */
    place-items: center;
    margin: 0 auto;
    align-items: flex-start;
    /* padding-left: 6rem; */
    /* background: #fff; */
    padding: 8rem 2rem 8rem;
    background: #fff;
    width: 100vw;
    margin: 0 auto;
    justify-content: center;
}

.modStaffCast a.tabs__item {
    /* width: 14rem; */
    /* max-width: 70rem; */
}

@media (max-width: 767px) {
    .modStaffCast {
        flex-direction: column;
        /* padding: 0; */
        padding: 8rem 0 4rem;
        margin-bottom: 4rem;
    }
}

.modStaffCast h3 img {
    height: 3rem;
    border: 1px solid #eee;
}

@media (max-width: 767px) {
    .modStaffCast h3 img {
        height: 3rem;
    }
}


.modStaffCastInner {
    /* flex: auto; */
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 2rem;
    width: 100%;
    max-width: 40rem;
}

.modStaffCast dl {
    display: flex;
    /* flex-direction: column; */
    flex-wrap: wrap;
    /* gap: 1rem; */
    font-size: 1.8rem;
    align-items: center;
    margin-bottom: 2rem;
    flex-direction: row;
    /* flex-direction: column; */
}

@media (max-width: 767px) {
    .modStaffCast dl {
        /* gap: 1rem; */
        font-size: 1.3rem;
        width: 100%;
    }
}

.modStaffCast dt {
    /* display: flex; */
    color: #505050;
    /* width: 100%; */
    font-weight: normal;
    /* font-size: 1.8rem; */
    /* flex: 1; */
    font-size: 1.2rem;
    opacity: .8;
    width: 35%;
}

@media (max-width: 767px) {
    .modStaffCast dt {
        padding-right: 1rem;
        width: 27%;
        font-size: 1rem;
    }
}

.modStaffCast dd {
    width: 62%;
    font-size: 1.8rem;
    /* width: 100%; */
    flex: auto;
    /* flex: 2; */
    /* width: auto; */
}

@media (max-width: 767px) {
    .modStaffCast dd {
        width: 70%;
        font-size: 1.4rem;
    }
}

.modStaffCast dd a {
    display: inline-flex;
    align-items: center;
    /* justify-content: space-between; */
    display: flex;
    justify-content: space-between;
    /* width: 60%; */
    flex: 1;
}

.modStaffCast dd a:hover {
    color: #FA0407;
    font-weight: bold;
    opacity: 1;
}

.modStaffCast .comment {
    background: url(../img/ico_comment.svg) no-repeat top;
    background-position: top;
    height: 2.4rem;
    width: 8rem;
    display: flex;
    background-size: 8rem 2.4rem;
    margin-top: -0.2rem;
    position: relative;
    right: 0;
}

.modStaffCast .comment:hover {
    opacity: 1;
}

/* child music ---------------------- */

.modListMusicWrap {
    padding-top: 16rem;
}

.modListMusic {
    display: flex;
    gap: 6rem;
}

@media (max-width: 767px) {
    .modListMusic {
        flex-direction: column;
        gap: 4rem;
        display: flex;
    }
}

.modListMusic h3 {
    color: #000;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 2rem;
    line-height: 3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.modListMusic h3 a {
    display: flex;
    align-items: center;
}

.modListMusic h4 {
    color: #FA0407;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: .4rem;
    text-align: center;
}

.modListMusic ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
}

@media (max-width: 767px) {
    .modListMusic ul {
        /* gap: 1rem; */
        font-size: 1.3rem;
        flex-direction: column;
        /* margin-top: 4rem; */
    }
}

.modListMusic ul li {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.modListMusic .sns {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.modListMusic .sns li {
    display: contents;
}

/* .modListMusic .sns li a {
  background: #FA0407;
  color: #fff;
  padding: .4rem;
  font-size: 1rem;
  border-radius: .5rem;
} */

.modListMusic li {
    /* display: flex; */
    color: #505050;
    /* width: 50%; */
    font-weight: normal;
    /* font-size: 1.8rem; */
    gap: 1rem;
    font-size: 1.4rem;
    /* opacity: .8; */
    flex: 1;
    display: flex;
    gap: 0rem;
}

@media (max-width: 767px) {
    .modListMusic li {
        flex-direction: column;
        gap: 2rem;
    }
}

.modListMusic .md-btn::before {
    content: "";
}

.modListMusic li img {
    width: 100%;
    background: linear-gradient(90deg, transparent 10%, #E8FFC5 10%);
    padding-right: 1rem;
    padding-bottom: 1rem;
    /* border-radius: 3rem; */
    background-image: linear-gradient(0deg, rgba(209, 255, 231, 0.9), rgba(232, 255, 197, 0.6));
}

.modListMusic dl {
    flex: 1;
}

.modListMusic .profile {
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* flex-wrap: wrap; */
    gap: 2rem;
    max-width: 100%;
    /* background-color: rgba(232,255,197, .5); */
    /* padding: 2rem; */
    gap: 1rem;
}

@media (max-width: 767px) {
    .modListMusic .profile {
        flex-direction: column;
    }

}

.modListMusic .profile dt:not(:first-of-type) {
    /* margin-top: 2rem; */
}

.modListMusic dd a {
    display: flex;
    align-items: center;
    color: #FA0407;
    font-weight: bold;
}

.modListMusic .comment {
    background: url(../img/ico_comment.svg) no-repeat top;
    background-position: top;
    height: 2.8rem;
    width: 12rem;
    display: flex;
    background-size: 12rem 2.8rem;
    /* margin-left: 0.6rem; */
    /* margin-top: -0.2rem; */
}

.modListMusic dl dt {
    flex: 1;
    width: auto;
    /* background: #E8FFC5; */
    border-radius: 1rem;
    /* color: #FF6368; */
    font-weight: bold;
    text-align: center;
    padding: 0.4rem;
    justify-content: center;
    align-items: center;
    /* display: flex; */
    /* width: 30vw; */
    text-align: left;
    /* color: #fff; */
    padding: 1rem;
    width: auto;
    /* justify-content: center; */
    /* display: flex; */
    align-items: flex-start;
    flex-grow: inherit;
    padding: 0;
    font-size: 1.3rem;
    color: #000;
    /* display: flex; */
    /* width: 40%; */
}

.modListMusic dl dt:not(:first-of-type) {
    margin-top: 2rem;
}

.modListMusic dl dd {
    /* flex: 1; */
    font-size: 1rem;
    /* width: 60%; */
}

.modListMusic dl dd p {
    margin-bottom: .5rem !important;
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .modListMusic dl dd {
        /* flex: 1; */
        font-size: 1rem;
        /* width: 50vw; */
    }
}

/* child onair ---------------------- */

.modListOnair {
    display: flex;
    flex-direction: column;
    /* gap: 4rem; */
    /* margin-top: 4rem; */
    width: 100%;
    width: 90rem;
    margin: 0 auto;
    margin-top: 10rem;
}

@media (max-width: 767px) {
    .modListOnair {
        width: 100%;
    }

}

.modListOnair h4 {
    font-weight: bold;
    font-size: 3rem;
    text-align: center;
    margin-bottom: 3rem;
    line-height: 4rem;
}

@media (max-width: 767px) {
    .modListOnair h4 {
        font-size: 1.8rem;
        line-height: 2.8rem;
        padding: 0 2rem;
    }
}

.modListOnair h4 span {
    background: #fff;
    padding: 1rem;
    margin: 0 1rem;
    display: inline-flex;
    color: #FA0407;
}

.modListOnair p {
    text-align: center;
}

.modListOnair dl {
    display: flex;
    gap: 4rem;
    margin-bottom: -2rem;
    opacity: 0.5;
    margin-top: 4rem;
    font-size: 1.3rem;
}

.modListOnair dl dt {
    flex: 2;
    padding: 0 2rem;
    font-weight: normal;
}

.modListOnair dl dd {
    flex: 2;
    padding: 0 2rem;
    text-align: right;
}

.modListOnair table {
    width: 100%;
}

.modListOnair table thead tr th {
    font-weight: bold;
    background-color: #ffdbda;
    padding: 0.4rem 2rem;
    margin-bottom: 2rem;
    display: flex;
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    color: #FA0407;
    background-color: #fa0407;
    color: #fff;
    margin-top: 4rem;
}

.modListOnair table tbody tr {
    display: flex;
    gap: 4rem;
    align-items: center;
}

@media (max-width: 767px) {
    .modListOnair table tbody tr {
        gap: 2rem;
    }
}

.modListOnair table tbody tr th {
    flex: 2;
    margin-left: 2rem;
}

.modListOnair table tbody tr:not(:last-of-type) {
    border-bottom: 1px solid rgba(255, 99, 104, 0.3);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.modListOnair table tbody tr th a {
    font-weight: bold;
    font-size: 1.4rem;
    color: #FA0407;
}

.modListOnair table tbody tr td {
    /* flex: 2; */
    font-size: 1.3rem;
    text-align: right;
    margin-right: 2rem;
}

/* child article --------------------- */

.modArticleLayout {
    display: flex;
    flex-direction: column;
    max-width: 70rem;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .modArticleLayout {
       width: 100%;
       padding: 0 2rem;
    }
}


.modArticleLayout:not(:first-of-type) {
    margin-top: 4rem;
}

@media (max-width: 767px) {
    .modArticleLayout:not(:first-of-type) {
        margin-top: 2rem;
    }
}

.modArticleLayoutInner {
    background: radial-gradient(#FF636829, transparent);
    padding: 2rem;
    /* background: linear-gradient(143deg, #e8ffc57d, #90c9a861); */
    border: 1px solid #FF6368;
    margin-top: 4rem;
    margin-bottom: 12rem;
}

@media (max-width: 767px) {
    .modArticleLayoutInner {
        margin-bottom: 8rem !important;
    }
}

.modArticleLayoutInner p {
    font-size: 1.3rem !important;
    line-height: 2rem !important;
}

.modArticleLayout h3 {
    font-size: 1.6rem;
    border: 1px solid #FA0407;
    display: inline-flex;
    padding: 0.4rem 1rem;
    margin-bottom: 2rem;
    align-items: baseline;
    color: #FA0407;
    display: flex;
    width: fit-content;
}

.modArticleLayout h4 {
    font-size: 3.2rem;
    font-weight: bold;
    color: #FA0407;
    opacity: 1;
    margin-bottom: 2rem;
}

.modArticleLayout h5 {
    color: #FA0407;
    margin-top: 2rem;
}

.modArticleLayout .unitHeading {
    /* display: flex; */
    gap: 4rem;
    justify-content: space-between;
}

.modArticleLayout .unitTittle {}

.modArticleLayout .unitImage {
    max-width: 100%;
    /* margin: 0 auto; */
    margin: 3rem auto 0;
    margin-bottom: 4rem;
}

.modArticleLayout .unitLayout--row {
    display: flex;
    margin: 0;
    width: 100%;
    flex-direction: row;
    gap: 2rem;
    /* margin-bottom: 2rem; */
    justify-content: space-between;
}

@media (max-width: 767px) {
    .modArticleLayout .unitLayout--row {
        flex-direction: column;
    }
}

.modArticleLayout .unitLayout--row div {
    flex: 1;
    margin-top: 0;
}

.modArticleLayout .unitLayout--row div img {
    /* max-width: 50%; */
    /* object-fit: contain; */
    margin: 0;
    /* max-width: none; */
    height: auto !important;
    width: 100%;
    margin-bottom: 2rem;
}

.modArticleLayout .unitLayout--row span {
    /* flex: 1; */
    width: 100%;
    display: flex;
    flex-direction: column;
}

.modArticleLayout .unitLayout--row h3 {
    margin-bottom: 2rem !important;
}

.modArticleLayout .unitLayout--row h4 {
    margin: 0;
    line-height: 3.6rem;
}

.modArticleLayout .unitLayout--row p {
    margin: 0;
    /* width: 50%; */
    /* max-width: 50vw; */
    /* display: flex; */
    justify-content: end;
    /* width: 80rem; */
    width: auto;
    display: flex;
}

@media (max-width: 767px) {
    .modArticleLayout .unitLayout--row .unitImage--row {
        .modArticleLayout .unitLayout--rowp {
            margin: 0;
            width: 100%;
            width: 50vw;
        }

        ;
        width: 40vw;
        width: 100%;
    }

    .modArticleLayout .unitLayout--row img {
        width: 100%;
    }

    .modArticleLayout .unitImage--row {
        display: flex;
        /* gap: 2rem; */
        margin: 0;
        margin-top: 3rem;
        width: 100%;
        /* justify-content: center; */
        /* flex-wrap: wrap; */
        flex-direction: row;
    }

    .modArticleLayout .unitImage--row img {
        max-width: 48%;
        object-fit: contain;
        /* width: 100% !important; */
        /* max-width: 100% !important; */
    }

    .modArticleLayout img {
        width: 100%;
        margin-top: 3rem;
        margin: 0;
    }

    .modArticleLayout .unitImage--row span img {
        width: 100%;
        object-fit: contain;
        max-width: 100%;
    }

    .modArticleLayout .unitImage--colum {
        display: flex;
        margin: 0;
        margin-top: 3rem;
        width: 100%;
        flex-direction: column;
    }

    .modArticleLayout h5 {
        font-size: 1.6rem;
        opacity: 1;
        color: #FA0407;
        /* margin-bottom: 2rem; */
        /* margin-top: 6rem; */
        font-weight: bold;
        line-height: 3rem;
    }

    .modArticleLayout p {
        color: #000;
        line-height: 3.2rem;
        margin-bottom: 2rem;
        font-size: 1.6rem;
    }

    .modArticleLayout p.cn {
        color: #505050;
        margin-bottom: 1rem;
    }

    .modArticleLayout .unitRow {
        display: flex;
        gap: 4rem;
        margin-top: 4rem;
    }

    @media (max-width: 767px) {
        .modArticleLayout .unitRow {
            flex-direction: column-reverse;
        }
    }

    .modArticleLayout .unitRow .unitText {
        width: 50%;
    }

    @media (max-width: 767px) {
        .modArticleLayout .unitRow .unitText {
            width: 100%;
        }
    }

    .modArticleLayout .unitRow .unitText h5:first-of-type {
        margin-top: 0;
    }

    .modArticleLayout .unitRow .unitImage {
        display: flex;
        flex-direction: column;
        gap: 4rem;
        margin: 0;
        position: relative;
        /* width: 100%; */
        /* max-width: 100%; */
    }

    @media (max-width: 767px) {
        .modArticleLayout .unitRow .unitImage {
            width: 100%;
            height: auto !important;
            max-width: 90vw !important;
            gap: 2rem;
        }
    }

    .modArticleLayout .unitRow .unitImage img {
        width: 100%;
        height: auto !important;
        max-width: 100% !important;
    }
}

.modArticleLayout .profile {
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    /* flex-wrap: wrap; */
    gap: 2rem;
    max-width: 100%;
    /* background-color: rgba(232, 255, 197, .5); */
    /* padding: 2rem; */
    gap: 1rem;
}

.modArticleLayout .profile dt:not(:first-of-type) {
    margin-top: 2rem;
}

.modArticleLayout .profile p {
    margin: 0;
    margin-bottom: .8rem;
}

.modArticleLayout .sns a {
    display: flex;
    align-items: center;
    color: #FA0407;
    font-weight: bold;
}

.modArticleLayout .sns {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}



.modArticle {
    /* margin: 8rem auto 8rem; */
    /* width: 80rem; */
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    width: 100%;
    margin-bottom: 8rem;
    width: 80rem;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .modArticle {
        gap: 2rem;
        margin-bottom: 0;
        /* margin-top: 16rem; */
    }
}

.modArticleHeader {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

@media (max-width: 767px) {
    .modArticleHeader {
        /* margin-top: 2rem; */
    }
}

.modArticle .date {
    /* margin: 54px 0 0; */
    line-height: 1;
    font-family: "Marcellus", "Noto Serif JP", serif;
    color: #b8b8b8;
    font-size: 1.3rem;
    font-weight: normal;
}

.modArticle .date .time {
    color: #b8b8b8 !important;
}

.modArticle h3 {
    /* margin: 1rem 0 4rem; */
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 1.3;
    color: #FA0407;
}

@media (max-width: 767px) {
    .modArticle h3 {
        font-size: 2.4rem;
        line-height: 3.6rem;

    }
}

.modArticle p {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.modArticle .visual {
    /* margin: 4rem 0; */
    width: 100%;
}

.modArticle .visual img {
    width: 100%;
}

.modArticle .scene-slider-wrap {
    margin-top: 4rem;
}

.modWysiwyg {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (max-width: 767px) {
    .modWysiwyg {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }

}

.modWysiwyg h4 {
    margin: 24px 0 0;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.3;
}

.modWysiwyg h5 {
    margin: 24px 0 0;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.3;
}

.modWysiwyg p {
    margin: 22px 0 0;
    font-size: 1.6rem;
    line-height: 1.8;
}

.modWysiwyg p img {
    max-width: 100%;
    height: auto;
    margin: 5px 0 0;
}

.modWysiwyg>img {
    max-width: 100%;
    height: auto;
    margin: 22px 0 0;
}

.modWysiwyg>.colum {
    display: flex;
}

.modWysiwyg>.colum>img {
    width: 50%;
}

.modWysiwyg a {
    /* border-bottom: 1px #000 solid; */
    /* color: #000; */
    /* font-size: 1.4rem; */
    line-height: 1.8;
    font-weight: bold;
    color: #FA0407;
}

.modWysiwyg strong {
    font-weight: bold;
}

.modWysiwyg p .animeThmb {
    width: 33%;
}

.modWysiwyg p img.animeThmb {
    margin: -3px;
}

/* =====================================================
  * page navigation
  * ================================================== */


.modListNavigation {
    display: flex;
    /* width: 90rem; */
    /* max-width: 90%; */
    justify-content: center;
    /* margin: 0 auto; */
    padding-top: 4rem;
    gap: 4rem;
    line-height: 2.4rem;
    justify-content: space-between;
    width: 80rem;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .modListNavigation {
        /* flex-direction: column; */
        gap: 2rem;
        line-height: 1.8rem;
        padding: 0 2rem;
        margin-top: 4rem;
    }
}

.modListNavigation a {
    font-size: 1.6rem;
    color: #FA0407;
    font-weight: bold;
}

@media (max-width: 767px) {
    .modListNavigation a {
        font-size: 1.2rem;
    }
}

.modListNavigation .prev {
    background: url(../img/btn_prev.svg) no-repeat left top;
    background-size: 6rem 4rem;
    display: flex;
    padding-top: 4rem;
    max-width: 50%;
}

.modListNavigation .next {
    background: url(../img/btn_next.svg) no-repeat right top;
    background-size: 6rem 4rem;
    display: flex;
    padding-top: 4rem;
    margin-left: auto;
    max-width: 50%;
}

.slide__list .item {
    padding: 50px;
}

.slide__list .item p {
    background: #eee;
    height: 120vh;
    display: flex;
    justify-content: center;
    align-items: center;

}