/*====================================================
////id |  bodyText
====================================================*/
.page_title-head .jp_only {
    font-size: 1em;
}

.bodyText .main_text {
    line-height: 2;
}
.bodyText .main_text p + p {
    margin-top: 1.8em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {}

/*====================================================
////id |  genre
====================================================*/
.genre-item-link {
    background: 100% 100%;
    color: #fff;
    display: flex;
        align-items: center;
        justify-content: center;
    height: min(45vw, 400px);
    overflow: hidden;
    position: relative;
}
.genre-item-img {
    background: no-repeat center / cover;
    position: absolute;
        top: 0;
        left: 0;
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
}
.genre-item-img::after {
    background: #000;
    content: '';
    display: block;
    margin: auto;
    opacity: 0.5;
    position: absolute;
        top: 0;
        left: 0;
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
}
.genre-item-text {
    font-size: min(7vw, 6.6rem);
    margin: auto;
    position: relative;
    width: min(90%, 1200px);
}
.genre-item-link .arrow {
    filter: invert(10);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

@media (hover: hover) {
    .genre-item-link:hover .genre-item-img {
        transform: scale(1.05);
    }
    .genre-item-link:hover .genre-item-img::after {
        opacity: .7;
    }
}