@charset "UTF-8";
/* ====================================================================================================
■ eventDetailSlide common
==================================================================================================== */
/* eventSlide */
.eventSlide .swiper-pagination-bullet {
    opacity: 1;
}
.eventSlide .swiper-pagination-bullet:nth-child(7n-6), 
.eventSlide .swiper-pagination-bullet:nth-child(7n-5), 
.eventSlide .swiper-pagination-bullet:nth-child(7n-4) {
    background: rgba(255,255,255,0);
    border: #00BA47 1px solid;
}
.eventSlide .swiper-pagination-bullet:nth-child(7n-3), 
.eventSlide .swiper-pagination-bullet:nth-child(7n-2) {
    background: rgba(255,255,255,0);
    border: #E6BE0F 1px solid;
}
.eventSlide .swiper-pagination-bullet:nth-child(7n-1), 
.eventSlide .swiper-pagination-bullet:nth-child(7n) {
    background: rgba(255,255,255,0);
    border: #EC1234 1px solid;
}
.eventSlide .swiper-pagination-bullet:nth-child(7n-6).swiper-pagination-bullet-active, 
.eventSlide .swiper-pagination-bullet:nth-child(7n-5).swiper-pagination-bullet-active, 
.eventSlide .swiper-pagination-bullet:nth-child(7n-4).swiper-pagination-bullet-active,
.eventSlide .swiper-pagination-bullet:nth-child(7n-6).swiper-pagination-bullet-past, 
.eventSlide .swiper-pagination-bullet:nth-child(7n-5).swiper-pagination-bullet-past, 
.eventSlide .swiper-pagination-bullet:nth-child(7n-4).swiper-pagination-bullet-past {
    background: #00BA47;
}
.eventSlide .swiper-pagination-bullet:nth-child(7n-3).swiper-pagination-bullet-active, 
.eventSlide .swiper-pagination-bullet:nth-child(7n-2).swiper-pagination-bullet-active,
.eventSlide .swiper-pagination-bullet:nth-child(7n-3).swiper-pagination-bullet-past, 
.eventSlide .swiper-pagination-bullet:nth-child(7n-2).swiper-pagination-bullet-past {
    background: #E6BE0F;
}
.eventSlide .swiper-pagination-bullet:nth-child(7n-1).swiper-pagination-bullet-active, 
.eventSlide .swiper-pagination-bullet:nth-child(7n).swiper-pagination-bullet-active,
.eventSlide .swiper-pagination-bullet:nth-child(7n-1).swiper-pagination-bullet-past, 
.eventSlide .swiper-pagination-bullet:nth-child(7n).swiper-pagination-bullet-past {
    background: #EC1234;
}
.eventSlide .slideCap a {
    color: #000;
}
.eventSlide .eventInfoArea .eventInfoTtl .line {
    display: block;
}
/*  ===== PC ===== */
@media screen and (min-width: 766px) , print {
    .eventDetailSlide {
        position: relative;
        width: 100%;
        padding: 96px 32px 0 32px;
        box-sizing: border-box;
    }
    /* eventTtlArea */
    .eventDetailSlide .eventTtlArea {
        position: absolute;
        top: 96px;
        display: table;
        line-height: 1;
        z-index: 10;
    }
    .eventDetailSlide .eventTtlArea a.btnBack {
        display: table-cell;
        width: 32px;
        height: 32px;
        text-indent: -99999px;
        vertical-align: middle;
        background: url(../../assets/img/arrow_left.svg) no-repeat center left;
        background-size: 12px auto;
        transition: all 0.3s ease-in-out;
    }
    .eventDetailSlide .eventTtlArea a.btnBack:hover {
        background: url(../../assets/img/arrow_green_left.svg) no-repeat center left;
        background-size: 12px auto;
    }
    .eventDetailSlide .eventTtlArea .eventTtl {
        display: table-cell;
        font-weight: 700;
        line-height: 32px;
        padding-left: 32px;
    }
    .eventDetailSlide .eventTtlArea .eventTtl .number {
        font-size: 20px;
        color: #ec1234;
        margin-right: 8px;
        vertical-align: middle;
    }
    .eventDetailSlide .eventTtlArea .eventTtl .pageTtl {
        font-size: 24px;
        vertical-align: middle;
    }
    /* eventSlide */
    .eventSlideWrap {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .eventSlide.swiper-container {
        position: relative;
        width: 100%;
        height: auto;
    }
    .eventSlideInner.swiper-wrapper {
        margin-top: 60px;
    }
    .eventSlide .row1.slidePh {
        position: relative;
        width: 86.6666vw;
        width: -webkit-calc(100vw - 192px);
        width: calc(100vw - 192px);
        min-width: 908px;
        height: 69.3333vh;
        height: -webkit-calc(100vh - 280px);
        height: calc(100vh - 280px);
        margin: 0 auto;
        overflow: hidden;
    }
    .eventSlide .row1.slidePh img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    .eventSlide .row2.slidePh {
        display: table;
        width: 86.6666vw;
        width: -webkit-calc(100vw - 192px);
        width: calc(100vw - 192px);
        min-width: 908px;
        height: 69.3333vh;
        height: -webkit-calc(100vh - 280px);
        height: calc(100vh - 280px);
        margin: 0 auto;
    }
    .eventSlide .row2.slidePh li {
        display: table-cell;
        width: 50%;
        height: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .eventSlide .row2.slidePh li:first-child {
        padding-right: 16px;
    }
    .eventSlide .row2.slidePh li:last-child {
        padding-left: 16px;
    }
    .eventSlide .row2.slidePh li .inner {
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
    }
    .eventSlide .row2.slidePh img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        object-fit: contain;
        font-family: 'object-fit: contain;';
    }
    .eventSlide .slideCap {
        width: 100%;
        padding: 32px 0;
        text-align: center;
        box-sizing: border-box;
        background: #fff;
    } 
    .eventSlide .swiper-button-next, 
    .eventSlide .swiper-button-prev {
        width: 32px;
        height: 100%;
        top: 0;
    }
    .eventSlide .swiper-button-next {
        right: 0;
        background-image: url(../../assets/img/arrow_gray_right.svg);
        background-size: contain;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }
    .eventSlide .swiper-button-next:hover {
        background-image: url(../../assets/img/arrow_black_right.svg);
        background-size: contain;
    }
    .eventSlide .swiper-button-prev {
        left: 0;
        background-image: url(../../assets/img/arrow_gray_left.svg);
        background-size: contain;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }  
    .eventSlide .swiper-button-prev:hover {
        background-image: url(../../assets/img/arrow_black_left.svg);
        background-size: contain; 
    }
    .eventSlide .swiper-button-next.swiper-button-disabled, 
    .eventSlide .swiper-button-prev.swiper-button-disabled {
        opacity: 0;
    }
    .eventSlide .swiper-pagination {
        position: fixed;
        bottom: 16px !important;
        right: 32px;
        left: auto !important;
        height: 16px;
        line-height: 1;
        text-align: right;
    }  
    .eventSlide .eventInfoArea {
        position: absolute;
        top: 0;
        right: 0;
        display: table;
        width: 396px;
        font-size: 12px;
        padding: 0 24px 24px;
        background: #fff;
        z-index: 10;
    }
    .eventSlide .eventInfoArea .eventInfoTtl {
        display: table-cell;
        width: 144px;
    }
    .eventSlide .eventInfoArea .eventInfoList {
        display: table-cell;
    }
    .eventSlide .eventInfoArea .eventInfoListPiece .item {
        display: table-cell;
        width: 48px;
        font-size: 11px;
    }
    .eventSlide .eventInfoArea .eventInfoListPiece .item::after {
        content: '：';
    }
    .eventSlide .eventInfoArea .eventInfoListPiece .txt {
        display: table-cell;
    }
    .eventSlide .eventInfoArea .eventInfo01, 
    .eventSlide .eventInfoArea .eventInfo02 {
        transition: opacity 0.3s ease-in-out;
    }
}
/*  ===== SP ===== */
@media screen and (max-width: 765px) { 
    .eventDetailSlide {
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }
    /* eventTtlArea */
    .eventDetailSlide .eventTtlArea {
        margin-top: 16vw;
        width: 100%;
        padding: 0 8vw;
        margin-bottom: 20px;
        box-sizing: border-box;
        z-index: 10;
    }
    .eventDetailSlide .eventTtlArea a.btnBack {
        display: none;
    }
    .eventDetailSlide .eventTtlArea a.btnBack:hover {
        background: url(../../assets/img/arrow_green_left.svg) no-repeat center left;
        background-size: 12px auto;
    }
    .eventDetailSlide .eventTtlArea .eventTtl {
        font-size: 5vw;
        font-weight: 700;
        text-align: center;
        line-height: 1.5;
        vertical-align: middle;
    }
    .eventDetailSlide .eventTtlArea .eventTtl .number {
        display: block;
        font-size: 4vw; /*15px*/
        color: #ec1234;
        margin-right: 5px;
        letter-spacing: 0;
    }
    /* eventSlide */
    .eventSlideWrap {
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .eventSlide .row1.slidePh {
        width: 100%;
        line-height: 1;
    }
    .eventSlide .row2.slidePh {
        width: 100%;
        padding: 0 8vw;
        box-sizing: border-box;
        line-height: 1;
    }
    .eventSlide .row2.slidePh li:last-child {
        margin-top: 5px;
    }
    .eventSlide .slidePh img {
        width: 100%;
        height: auto;
    }
    .eventSlide .slideCap {
        margin-top: 15px;
        padding: 0 8vw 30px;
        box-sizing: border-box;
    }
    .eventSlide .swiper-button-next, 
    .eventSlide .swiper-button-prev {
        display: none;
    }
    .eventSlide .swiper-pagination {
        position: relative;
        bottom: auto !important;
        left: auto !important;
        height: 16px;
        line-height: 1;
        margin-bottom: 25px;
    }
    .eventSlide .eventInfoArea {
        width: 100%;
        font-size: 3.2vw;
        padding: 30px 8vw;
        box-sizing: border-box;
        border-top: #ccc 1px solid;
    }
    .eventSlide .eventInfoInner {
        position: relative;
        display: table;
        width: 100%;
    }
    .eventSlide .eventInfoArea .eventInfoList {
        display: table-cell;
    }
    .eventSlide .eventInfoArea .eventInfoListPiece .item {
        display: table-cell;
        width: 4em;
        font-size: 10px;
    }
    .eventSlide .eventInfoArea .eventInfoListPiece .item::after {
        content: '：';
    }
    .eventSlide .eventInfoArea .eventInfoListPiece .txt {
        display: table-cell;
    }
}


/* ====================================================================================================
■ eventDetai01
==================================================================================================== */
/*  ===== SP ===== */
@media screen and (max-width: 765px) { 
    #eventDetail01 .eventSlide .eventInfoArea .eventInfoTtl {
        display: table-cell;
        width: 25.6vw;
    }
}


/* ====================================================================================================
■ eventDetai02
==================================================================================================== */
#eventDetail02 .eventSlide .eventInfoArea .eventInfoTtl .line:last-child {
    text-indent: -0.5em;
}
/*  ===== PC ===== */
@media screen and (min-width: 766px) , print {
    /* eventSlide */
    #eventDetail02 .eventSlide .slideCap6 {
        letter-spacing: -0.06em;
    }
    #eventDetail02 .eventSlideCont01 .slidePh img {
        object-position:  bottom center;
        font-family: 'object-fit: cover; object-position:  top center;';
    }
    #eventDetail02 .eventSlideCont03 .slidePh img {
        object-position:  bottom center;
        font-family: 'object-fit: cover; object-position:  top center;';
    }
    #eventDetail02 .eventSlideCont10 .slidePh img {
        object-position:  top center;
        font-family: 'object-fit: cover; object-position:  top center;';
    }
    #eventDetail02 .eventSlideCont15 .slidePh img {
        object-fit: contain;
        font-family: 'object-fit: contain;';
    }
    #eventDetail02 .eventSlideCont14 {
        padding-top: 24px;
        box-sizing: border-box;
    }
    #eventDetail02 .eventSlideCont14 .slidePh img {
        object-fit: contain;
        font-family: 'object-fit: contain;';
    }
}
/*  ===== SP ===== */
@media screen and (max-width: 765px) { 
    #eventDetail02 .eventTtlArea {
        letter-spacing: -0.05em;
    }
    #eventDetail02 .eventSlide .eventInfoArea .eventInfoTtl {
        display: table-cell;
        width: 36vw;
    }
    /* eventSlide */
    #eventDetail02 .eventSlide .slideCap1 {
        letter-spacing: -0.03em;
    }
    #eventDetail02 .eventSlide .slideCap6 {
        letter-spacing: -0.05em;
    }
    #eventDetail02 .eventSlideCont14 .slidePh {
        width: 100%;
        padding: 0 8vw;
        box-sizing: border-box;
        line-height: 1;
    }
    #eventDetail02 .eventSlide .slideCap14 {
        text-align: center;
    }
}