@charset "UTF-8";

/* ==========================================================================
  DETAIL
========================================================================== */

@media all and (min-width: 769px) {
    .movie-detail-card__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .movie-detail-card__item {
        width: calc((100% - 3.75rem) / 3);
        margin-right: 1.875rem;
        overflow: hidden;
        border-radius: 12px;
        border: 1px solid #b1081f;
        background-color: #fff;
    }
    .movie-detail-card__item:nth-child(3n) {
        margin-right: 0;
    }
    .movie-detail-card__item:nth-child(n+4) {
        margin-top: 2.375rem;
    }
    .movie-detail-card__desc {
        padding: 1.875rem 2.125rem 2.125rem;
    }
    .movie-detail-card__thum {
        position: relative;
        overflow: hidden;
    }
    .movie-detail-card__thum img {
        width: 100%;
        transition: all ease-out 150ms;
    }
    a.movie-detail-card__item-body:hover .movie-detail-card__thum img {
        transform: scale(1.05);
    }
    .movie-detail-card__ttl {
        font-size: 1.125rem;
        font-weight: bold;
        margin-top: .714285714rem;
    }
    .movie-detail-card__category {
        color: #b1081f;
        font-weight: bold;
        font-size: 1rem;
    }
    .movie-detail-card__info {
        font-size: 1.142857143rem;
        margin-top: 1.25rem;
        line-height: 1.625rem;
    }
    .movie-txt-card {
        background-color: #F7F6EC;
    }
    .movie-txt-card__head {
        padding: 4.9375rem 0 3.125rem;
        font-size: 1.375rem;
        line-height: 1;
        text-align: center;
        color: #b1081f;
    }
    .movie-txt-card__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .movie-txt-card__item {
        width: calc((100% - 4.25rem) / 3);
        /* margin-right: calc((4.25rem) / 2); */
        overflow: hidden;
        border-radius: 12px;
        background-color: #fff;
        padding-right: 3.125rem;
        position: relative;
    }
    .movie-txt-card__ico {
        width: 9rem;
        position: absolute;
        bottom: 1%;
        right: 0%;
    }
    .movie-txt-card__ico i {
        display: block;
        padding-top: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }
    .movie-txt-card__ico--soshiki i {
        background-image: url(../../img/09/movie_ico_soshiki.svg);
    }
    .movie-txt-card__ico--sougyou i,
    .movie-txt-card__ico--keiei i {
        background-image: url(../../img/09/movie_ico_keiei.svg);
    }
    .movie-txt-card__ico--zaimu i {
        background-image: url(../../img/09/movie_ico_zaimu.svg);
    }
    .movie-txt-card__ico--jinji i {
        background-image: url(../../img/09/movie_ico_jinji.svg);
    }
    .movie-txt-card__ico--marketing i {
        background-image: url(../../img/09/movie_ico_marketing.svg);
    }
    .movie-txt-card__ico--bcp i,
    .movie-txt-card__ico--kadai i {
        background-image: url(../../img/09/movie_ico_kadai.svg);
    }
    .movie-txt-card__ico--seisan i {
        background-image: url(../../img/09/movie_ico_seisan.svg);
    }
    .movie-txt-card__ico--it i {
        background-image: url(../../img/09/movie_ico_it.svg);
    }
    /************ /movie/limited/ ************/
    .movie-detail-card__list+.c-heading-lv2 {
        margin: 4.325rem 0 0;
    }
}
@media all and (-ms-high-contrast: none){
    .movie-detail-card__item {
        margin-right: 1.86rem;
    }
}
@media all and (max-width: 768px) {
    .movie-detail-card__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .movie-detail-card__item {
        overflow: hidden;
        border-radius: 12px;
        border: 1px solid #b1081f;
        background-color: #fff;
        margin-top: 1.428571429rem;
        width: 100%;
    }
    .movie-detail-card__item:first-child {
        margin-top: 0;
    }
    .movie-detail-card__desc {
        padding: 1.5rem 2.125rem 2.125rem;
    }
    .movie-detail-card__thum {
        position: relative;
    }
    .movie-detail-card__thum img {
        width: 100%;
    }
    .movie-detail-card__ttl {
        font-size: 1.285714286rem;
        font-weight: bold;
        margin-top: .714285714rem;
    }
    .movie-detail-card__category {
        color: #b1081f;
        font-weight: bold;
        font-size: 1rem;
    }
    .movie-detail-card__info {
        font-size: 1rem;
        margin-top: 1.25rem;
        line-height: 1.625rem;
    }
    .movie-detail-card__list+.c-heading-lv2 {
        margin: 2.692307692rem 0 0;
    }
}


/* ==========================================================================
  CARD
========================================================================== */

@media all and (min-width: 769px) {
    .movie-txt-card__inner {}
    .movie-txt-card__item--wide {
        width: calc(100% - ((100% - 4.25rem) / 3) - 2.5rem);
        /* flex-grow: 1; */
        margin-right: 0;
        overflow: hidden;
        border-radius: 12px;
        background-color: #fff;
    }
    .movie-txt-card__item--wide .movie-txt-card__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .movie-txt-card__item--wide .movie-txt-card__index {
        width: 45%;
    }
    .movie-txt-card__item:nth-child(3n) {
        margin-right: 0;
    }
    .movie-txt-card__item:nth-child(n+4) {
        margin-top: 2.375rem;
    }
    .movie-txt-card__inner {
        width: 100%;
        padding: 2.8125rem 0 3.125rem;
    }
    .movie-txt-card__inner h3 {
        font-size: 1.125rem;
        font-weight: bold;
        padding-left: 2.8125rem;
        padding-bottom: .3125rem;
        width: 100%;
        border-bottom: 1px solid #C9C9C9;
    }
    .movie-txt-card__index {
        padding-top: .9375rem;
    }
    .movie-txt-card__index li {
        margin-left: 2.8125rem;
        margin-bottom: .833333333rem;
        /* margin-right: -3.125rem; */
        margin-right: -1.125rem;
        position: relative;
        font-size: .9375rem;
        text-indent: -.95rem;
        padding-left: 2rem;
    }
    .movie-txt-card__index li:last-child {
        margin-bottom: 0;
    }
    .movie-txt-card__index li::before {
        content: '';
        background-color: #b1081f;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: .9375rem;
        height: .9375rem;
        border-radius: 999px;
    }
}

@media all and (max-width: 768px) {
    .movie-txt-card {
        background-color: #F7F6EC;
        margin-top: 3.571428571rem;
    }
    .movie-txt-card__head {
        padding: 2.25rem 0 1.714285714rem;
        font-size: 1.214285714rem;
        line-height: 2.142857143rem;
        text-align: center;
        color: #b1081f;
    }
    .movie-txt-card__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .movie-txt-card__item {
        width: 100%;
        overflow: hidden;
        border-radius: 12px;
        background-color: #fff;
        padding-right: 3.125rem;
        margin-top: 1.428571429rem;
        position: relative;
    }
    .movie-txt-card__item:first-child {
        margin-top: 0;
    }
    .movie-txt-card__inner {}
    .movie-txt-card__item--wide {
        width: 100%;
        /* flex-grow: 1; */
        margin-right: 0;
        overflow: hidden;
        border-radius: 12px;
        background-color: #fff;
    }
    .movie-txt-card__item--wide .movie-txt-card__inner {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    @media screen and (min-width: 424px) {
        .movie-txt-card__item--wide .movie-txt-card__inner {
            justify-content: flex-start;
        }
        .movie-txt-card__index:nth-child(n+3) {
            margin-left: 1rem;
        }
    }
    .movie-txt-card__inner {
        width: 100%;
        padding: 2.8125rem 0 2.5rem;
    }
    .movie-txt-card__inner h3 {
        font-size: 1.125rem;
        font-weight: bold;
        padding-left: 1.428571429rem;
        padding-bottom: .3125rem;
        width: 100%;
        border-bottom: 1px solid #C9C9C9;
    }
    .movie-txt-card__index {
        padding-top: .9375rem;
    }
    .movie-txt-card__index li {
        margin-left: 1.428571429rem;
        margin-bottom: .833333333rem;
        position: relative;
        font-size: .9375rem;
    }
    .movie-txt-card__index li:last-child {
        margin-bottom: 0;
    }
    .movie-txt-card__index li::before {
        content: '';
        background-color: #b1081f;
        display: inline-block;
        width: .9375rem;
        height: .9375rem;
        border-radius: 999px;
        margin-right: .5rem
    }
    .movie-txt-card__ico {
        width: 8rem;
        position: absolute;
        bottom: -3%;
        right: -2%;
    }
    .movie-txt-card__ico i {
        display: block;
        padding-top: 100%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
    }
    .movie-txt-card__ico--soshiki i {
        background-image: url(../../img/09/movie_ico_soshiki.svg);
    }
    .movie-txt-card__ico--sougyou i,
    .movie-txt-card__ico--keiei i {
        background-image: url(../../img/09/movie_ico_keiei.svg);
    }
    .movie-txt-card__ico--zaimu i {
        background-image: url(../../img/09/movie_ico_zaimu.svg);
    }
    .movie-txt-card__ico--jinji i {
        background-image: url(../../img/09/movie_ico_jinji.svg);
    }
    .movie-txt-card__ico--marketing i {
        background-image: url(../../img/09/movie_ico_marketing.svg);
    }
    .movie-txt-card__ico--bcp i,
    .movie-txt-card__ico--kadai i {
        background-image: url(../../img/09/movie_ico_kadai.svg);
    }
    .movie-txt-card__ico--seisan i {
        background-image: url(../../img/09/movie_ico_seisan.svg);
    }
    .movie-txt-card__ico--it i {
        background-image: url(../../img/09/movie_ico_it.svg);
    }
}


/* ==========================================================================
  LOGIN BUTTON
========================================================================== */

@media all and (min-width: 769px) {
    .login-btn--block {
        background-color: #F7F6EC;
    }
    .login-btn__inner {
        max-width: 78.75rem;
        margin: 0 auto;
        padding: 0 1.5rem;
        width: 100%;
    }
    .login-btn__item {
        margin: 0 1.09375rem 0;
    }
    .login-btn__item .c-btn {
        width: 25rem;
    }
    .login-btn__item .c-btn--white {
        border: 1px solid #b1081f;
    }
    .login-btn {
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .login-btn-lead{
        margin-top: .833333333rem;
        text-align: center;
    }
    .login-btn-lead .login-btn-lead__text {
        font-size: .9375rem;
    }
}

@media all and (min-width: 769px) and (max-width: 980px) {
    .login-btn__item .c-btn {
        width: 24rem;
    }
}

@media all and (max-width: 768px) {
    .login-btn--block {
        background-color: #F7F6EC;
        padding: 2.357142857rem 0 4.657142857rem;
    }
    .login-btn__inner {
        margin: 0 2.642857143rem;
    }
    .login-btn__item {
        margin-top: 1.428571429rem;
    }
    .login-btn__item .c-btn {
        width: 100%;
    }
    .login-btn__item .c-btn--white {
        border: 1px solid #b1081f;
    }
    .login-btn-lead{
        margin-top: .833333333rem;
        text-align: center;
    }
    .login-btn-lead .login-btn-lead__text {
        font-size: .9375rem;
    }
}