@charset "utf-8";
/* secEvent */
.secEvent{
    margin-top:7.7rem;
    padding-bottom: 22.5rem;
}
/* secNewsCategory */
.secEventCategory .categorylist{
    width: fit-content;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.secEventCategory .categoryitem{
    display: inline-block;
    border-bottom: 0.1rem solid;
    border-color: var(--textColorAlpha20);
}
.secEventCategory .linktxt{
    display: block;
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_28);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing22_50);
    min-width: 20rem;
    text-align: center;
    padding: 2rem 2rem;
    padding-bottom: 2.7rem;
    position: relative;
    color: var(--textColorAlpha20);
}
.secEventCategory .linktxt.on{
    color: var(--textColor);
}
.secEventCategory .linktxt.on::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 0.3rem;
    background-color: var(--textColor);
    left: 0;
    bottom: -0.1rem;
}
.secEventCategory .shopCategory{
    margin: 0 auto;
    margin-top: 4rem;
    width: fit-content;
}
.secEventCategory .list{
    display: flex;
    flex-wrap: wrap;
}
.secEventCategory .item{
    min-width: 18rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}
.secEventCategory .item + .item{
}
.secEventCategory .shoplink{
    width: 100%;
    min-height: 5.4rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: var(--textColor);
    border: 0.1rem solid;
    border-color: var(--textColor);
    border-radius: 10rem;
}
.secEventCategory .shoplink.active{
    background-color: var(--textColor);
    color: #fff;
}
.secEventCategory .shoptxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_21);
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding: 1rem;
}
@media only screen and (max-width:1215px){
    /* secNews */
    .secEvent{
        margin-top: 4rem;
        padding-bottom: 10.7rem;
    }
    /* secNewsCategory */
    .secEventCategory .categorylist{
        width: 100%;
        justify-content: flex-start;
    }
    .secEventCategory .categoryitem{
        width: calc(100% / 3);
    }
    .secEventCategory .linktxt{
        font-size: var(--spFontSize13);
        width: 100%;
        min-width: 0;
        padding: 0 1rem;
        padding-bottom: 1rem;
    }
    .secEventCategory .linktxt.on::after{
        height: 0.2rem;
    }
    .secEventCategory .shopCategory{
        margin-top: 2rem;
        width: 100%;
    }
    .secEventCategory .list{
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .secEventCategory .item{
        min-width:0;
        width: calc((100% - 2rem) / 3);
        margin-right: 1rem;
        margin-bottom: 0;
    }
    .secEventCategory .item + .item{
        margin-left:0;
    }
    .secEventCategory .item:nth-child(3n){
        margin-right: 0;
    }
    .secEventCategory .item:nth-child(n + 4){
        margin-top: 1rem;
    }
    .secEventCategory .shoplink{
        min-height: 4rem;
        border-radius: 2rem;
    }
    .secEventCategory .shoptxt{
        font-size: var(--spFontSize13);
        padding: 0.5rem;
    }
}
/* secEventlist */
.secEventlist{
    margin-top: 7rem;
}
.secEventlist .list{
    display: flex;
    flex-wrap: wrap;
}
.secEventlist .item{
    width: calc((100% - 15rem) / 3);
    margin-right: 7.5rem;
}
.secEventlist .item:nth-child(3n),
.secEventlist .item:last-child{
    margin-right: 0;
}
.secEventlist .item:nth-child(n + 4){
    margin-top: 10rem;
}
.secEventlist .linkbox{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    padding-bottom: calc(4rem + 2.2rem);
}
.secEventlist .linkbox::after{
    content: "";
    position: absolute;
    width: calc(100% - 14.6rem - 2rem);
    height: 0.1rem;
    bottom: 2rem;
    left: 0;
    background-color: var(--textColor);
}
.secEventlist .linkInner{
    width: 100%;
    height: 100%;
}
.secEventlist .imgArea{
    position: relative;
}
.secEventlist .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc((600 / 400) * 100%);
    border-radius: 1rem;
    overflow: hidden;
    z-index: 1;
}
.secEventlist .txtArea{
    width: 100%;
    margin-top:3rem;
}
.secEventlist .onbox{
    position: relative;
}
.secEventlist .tagbox{
    max-width: 100%;
}
.secEventlist .catrgorytags{
    display: flex;
    flex-wrap: wrap;
}
.secEventlist .tag{
    margin-bottom: 0.5rem;
    min-width: 12rem;
    max-width: 100%;
    margin-right: 0.5rem;
    white-space: nowrap;
}
.secEventlist .tag.New{
    min-width:3.5rem;
    display: flex;
    align-items: center;
}
.secEventlist .tag:last-child{
    margin-right: 0;
}
.secEventlist .taginner{
    display: flex;
    align-items: center;
    width: 100%;
    height: 3rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    border: 0.1rem solid;
    border-color: var(--textColor);
}
.secEventlist .taginner.newIcon{
    background-color: var(--newIconColor);
    border-color: var(--newIconColor);
    height: 2rem;
}
.secEventlist .taginner.shop{
    background-color: var(--shopColor);
    border-color: var(--shopColor);
    color: #fff;
}
.secEventlist .taginner.event{
    color: #fff;
    background-color: var(--keyColor);
    border-color: var(--keyColor);
}
.secEventlist .tagtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    font-weight: bold;
    display: inline-block;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.secEventlist .newIcon .tagtxt{
    font-size: var(--pcFontSize10);
}
.secEventlist .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_38);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc((var(--pcLineHeight22_38) * var(--pcFontSize22)) * 2);
    margin-top: 1.3rem;
}
.secEventlist .daylist{
    display: flex;
    align-items: flex-end;
    color: var(--keyColor);
}
.secEventlist .dayitem{
    display: inline-block;
    position: relative;
    text-align: left;
}
.secEventlist .dayitem + .dayitem{
    padding-left: 3rem;
}
.secEventlist .dayitem + .dayitem::before{
    content: "～";
    position: absolute;
    left: 0.5rem;
    bottom: 0;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_31);
    font-weight: bold;
}
.secEventlist .dayitem .yeartxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_31);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
}
.secEventlist .dayitem .daytxt{
    font-size: var(--pcFontSize30);
    font-weight: bold;
    margin-top: 0.1rem;
}
.secEventlist .dayitem .daytxtInner{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    letter-spacing: var(--pcLetterSpacing16_50);
    vertical-align: 0.4rem;
    padding-left: 0.4rem;
}
.secEventlist .underlist{
    width: 100%;
    margin-top: 0.9rem;
}
.secEventlist .underitem{
    display: inline-block;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing14_50);
    padding-right: 1.6rem;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.secEventlist .underitem:last-child{
    padding-right: 0;
}
.secEventlist .moreItem{
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.secEventlist .moreIn{
    position: relative;
    min-width: 14.6rem;
    height: 4rem;
    padding-right:calc(4rem + 1.8rem);
    display: flex;
    align-items: center;
}
.secEventlist .moreIn::after{
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 2rem);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 0.1rem solid;
    border-color: var(--textColor);
    background-color: #fff;
}
.secEventlist.lazyloaded .moreIn::after{
    background: url(../img/common/imgMoreArrow.png) center center no-repeat #fff;
    background-size:0.6rem auto;
}
.secEventlist .moreIntxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
    font-weight: bold;
    flex: 1;
    letter-spacing: var(--pcLetterSpacing14_50);
}

.secEventlist .endbox{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    color: #fff;
    background-color: var(--textColorAlpha70);
    z-index: 5;
}
.secEventlist .endInner{
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: calc(11.7rem + 2rem);
}
.secEventlist .endImg{
    position: absolute;
    width: 13.2rem;
    height: 11.7rem;
    top: 0;
    left: calc(50% - 6.6rem);
}
.secEventlist .endtxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_24);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secEventlist{
        margin-top: 4rem;
    }
    .secEventlist .list{
        display: block;
        max-width: 90rem;
        margin: 0 auto;
    }
    .secEventlist .item{
        width:100%;
        margin-right: 0;
    }
    .secEventlist .item:nth-child(n + 2),
    .secEventlist .item:nth-child(n + 4){
        margin-top: 4rem;
    }
    .secEventlist .linkbox{
        padding-bottom: calc(3.4rem + 11px);
    }
    .secEventlist .linkbox::after{
        width: calc(100% - 11.5rem - 1.5rem);
        bottom: 1.7rem;
    }
    .secEventlist .imgBox{
        border-radius: 0.5rem;
    }
    .secEventlist .txtArea{
        margin-top:2rem;
    }
    .secEventlist .tag{
        min-width: 8rem;
    }
    .secEventlist .tag.New{
        min-width:3rem;
    }
    .secEventlist .taginner{
        height: 2.6rem;
        padding: 0 0.5rem;
    }
    .secEventlist .taginner.newIcon{
        height: 1.6rem;
    }
    .secEventlist .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secEventlist .newIcon .tagtxt{
        font-size: var(--spFontSize9);
    }
    .secEventlist .tit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_28);
        max-height: calc((var(--spLineHeight16_28) * var(--spFontSize16)) * 2);
        margin-top: 0.6rem;
    }
    .secEventlist .daylist{
        margin-top: 0.2rem;
    }
    .secEventlist .dayitem + .dayitem{
        padding-left: 2rem;
    }
    .secEventlist .dayitem + .dayitem::before{
        left: 0.3rem;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
    }
    .secEventlist .dayitem .yeartxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
    }
    .secEventlist .dayitem .daytxt{
        font-size: var(--spFontSize22);
        margin-top: 0;
    }
    .secEventlist .dayitem .daytxtInner{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        vertical-align: 0.1rem;
        padding-left: 0.4rem;
    }
    .secEventlist .underlist{
        margin-top: 0.5rem;
    }
    .secEventlist .underitem{
        display:block;
        width: 100%;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding-right: 0;
        letter-spacing: 0;
    }
    .secEventlist .underitem + .underitem{
        margin-top: 0.2rem;
    }
    .secEventlist .moreIn{
        min-width: 11.5rem;
        height: 3.4rem;
        padding-right: calc(3.4rem + 0.7rem);
    }
    .secEventlist .moreIn::after{
        top: calc(50% - 1.7rem);
        width: 3.4rem;
        height: 3.4rem;
    }
    .secEventlist .moreIntxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        letter-spacing: 0;
    }
    .secEventlist .endbox{
        border-radius: 0.5rem;
    }
    .secEventlist .endInner{
        padding-top: calc(9.3rem + 2rem);
    }
    .secEventlist .endImg{
        width: 10.5rem;
        height: 9.3rem;
        left: calc(50% - 5.25rem);
    }
    .secEventlist .endtxt{
        font-size: var(--spFontSize16);
    }
}
.secEvent .secCmnPager{
    margin-top: 10.5rem;
}
@media only screen and (max-width:1215px){
    .secEvent .secCmnPager{
        margin-top: 6.6rem;
    }
}

/* secEventDetails */
.secEventDetails{
    margin-top: 5.2rem;
    padding-bottom: 20rem;
}
/* secDetailsHero */
.secDetailsHero{
    width: 100%;
    padding-left: 4rem;
    padding-right: calc((100% - 128rem) / 2);
}
.secDetailsHero .Inner{
    position: relative;
    display: flex;
}
.secDetailsHero .txtArea{
    display: flex;
    align-items: center;
}
.secDetailsHero .areaIn{
    flex: 1;
}
@media only screen and (min-width:1216px){
    .secDetailsHero:not(:has(.mainImg)){
        min-height: 0;
        padding: 0;
        margin: 0 auto;
        width: calc(100% - 10rem);
        max-width: 128rem;
    }
    .secDetailsHero:not(:has(.mainImg)) .txtArea{
        padding-left: 0;
    }
}
.secDetailsHero .herotitle{
    position: absolute;
    top: -0.7rem;
    right: 0;
}
.secDetailsHero .engtit{
    padding-left: calc(2rem + 0.9rem);
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing20_50);
}
.secDetailsHero .engtit::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 0.1rem;
    background-color: var(--textColor);
    left: 0;
    top: calc(50% - 0.05rem);
}
.secDetailsHero .imgBox{
    width: calc((820 / 1920) * 100vw);
}
.secDetailsHero .img{
    display: inline-block;
    border-radius:1rem;
    overflow: hidden;
}
.secDetailsHero .txtArea{
    flex: 1;
    padding: 4rem 0;
    padding-left: 8rem;
}
.secDetailsHero .onbox{
    width: 100%;
}
.secDetailsHero .tagbox{
    max-width: 100%;
}
.secDetailsHero .catrgorytags{
    display: flex;
    flex-wrap: wrap;
}
.secDetailsHero .tag{
    margin-bottom: 0.5rem;
    min-width: 12rem;
    max-width: 100%;
    margin-right: 0.5rem;
    white-space: nowrap;
}
.secDetailsHero .tag.New{
    min-width:3.5rem;
    display: flex;
    align-items: center;
}
.secDetailsHero .tag:last-child{
    margin-right: 0;
}
.secDetailsHero .taginner{
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    padding: 0 0.5rem;
    border-radius: 0.5rem;
    border: 0.1rem solid;
    border-color: var(--textColor);
}
.secDetailsHero .taginner.newIcon{
    background-color: var(--newIconColor);
    border-color: var(--newIconColor);
    height: 2rem;
}
.secDetailsHero .taginner.shop{
    background-color: var(--shopColor);
    border-color: var(--shopColor);
    color: #fff;
}
.secDetailsHero .taginner.event{
    color: #fff;
    background-color: var(--keyColor);
    border-color: var(--keyColor);
}
.secDetailsHero .tagtxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_26);
    font-weight: bold;
    display: inline-block;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.secDetailsHero .newIcon .tagtxt{
    font-size: var(--pcFontSize10);
}
.secDetailsHero .title{
    font-size: var(--pcFontSize38);
    line-height: var(--pcLineHeight38_60);
    font-weight: bold;
}
.secDetailsHero .onbox + .title{
    margin-top: 3rem;
}
.secDetailsHero .underContent{
    width: 100%;
    border-top: 0.1rem solid;
    border-color: var(--textColorAlpha15);
    margin-top: 2.7rem;
    padding-top: 3.8rem;
}
.secDetailsHero .list{
    width: 100%;
}
.secDetailsHero .item{
    display: flex;
}
.secDetailsHero .item + .item{
    margin-top: 1.2rem;
}
.secDetailsHero .itemtit{
    min-width: 0;
    max-width: 15rem;
}
.secDetailsHero .itemtxt{
    flex: 1;
    padding-left: 1.4rem;
}
.secDetailsHero .tit,
.secDetailsHero .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
}
.secDetailsHero .tit{
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secEventDetails{
        margin-top: 3.2rem;
        padding-bottom: 10rem;
    }
    /* secDetailsHero */
    .secDetailsHero{
        padding: 0;
    }
    .secDetailsHero .Inner{
        display: block;
    }
    .secDetailsHero .txtArea{
        display: block;
    }
    .secDetailsHero .areaIn{
        width: 100%;
    }
    .secDetailsHero .herotitle{
        position:relative;
        top: 0;
    }
    .secDetailsHero .engtit{
        padding-left: calc(1rem + 0.5rem);
        font-size: var(--spFontSize18);
    }
    .secDetailsHero .engtit::after{
        width: 1rem;
    }
    .secDetailsHero .imgBox{
        width: 100%;
        margin-top: 2.2rem;
    }
    .secDetailsHero .img{
        border-radius:0.5rem;
        display: block;
    }
    .secDetailsHero .txtArea{
        width: 100%;
        padding: 0;
        margin-top: 18px;
    }
    .secDetailsHero .onbox{
        width: 100%;
    }
    .secDetailsHero .tag{
        min-width: 8rem;
    }
    .secDetailsHero .tag.New{
        min-width:3rem;
    }
    .secDetailsHero .taginner{
        height: 2.6rem;
        padding: 0 0.3rem;
    }
    .secDetailsHero .taginner.newIcon{
        height: 1.6rem;
        border-radius: 0.3rem;
    }
    .secDetailsHero .tagtxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secDetailsHero .newIcon .tagtxt{
        font-size: var(--spFontSize9);
        line-height: var(--spLineHeight9_9);
    }
    .secDetailsHero .title{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_28);
    }
    .secDetailsHero .onbox + .title{
        margin-top: 1rem;
    }
    .secDetailsHero .underContent{
        margin-top: 1.4rem;
        padding-top: 1.7rem;
    }
    .secDetailsHero .item + .item{
        margin-top: 0.9rem;
    }
    .secDetailsHero .itemtit{
        max-width: 12rem;
    }
    .secDetailsHero .itemtxt{
        padding-left: 1rem;
    }
    .secDetailsHero .tit,
    .secDetailsHero .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_21);
    }
}
/* secReservelinkbtn */
.secReservelinkbtn{
    max-width:34rem;
}
.secReservelinkbtn .linkbtn{
    width: 100%;
    height: 7.6rem;
    display: flex;
    align-items: center;
    background-color: var(--keyColor);
    color: #fff;
    border-radius: 10rem;
}
.secReservelinkbtn .linktxt{
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing16_50);
}
.secReservelinkbtn .txtin{
    display: inline-block;
    position: relative;
    padding-left: calc(2.6rem + 1rem);
}
.secReservelinkbtn .txtin::after{
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 1.3rem);
    width: 2.6rem;
    height: 2.6rem;
}
.secReservelinkbtn.lazyloaded .txtin::after{
    background: url(../img/common/iconCalendar.png) center center no-repeat;
    background-size: 100% auto;
}
.secDetailsHero .secReservelinkbtn{
    margin-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secReservelinkbtn{
        max-width:28.5rem;
        width: 100%;
        margin:0 auto;
    }
    .secReservelinkbtn .linkbtn{
        height: 6.2rem;
    }
    .secReservelinkbtn .linktxt{
        font-size: var(--spFontSize14);
        letter-spacing: 0;
        line-height: var(--spLineHeight14_21);
    }
    .secReservelinkbtn .txtin{
        padding-left: calc(1.8rem + 0.5rem);
    }
    .secReservelinkbtn .txtin::after{
        width: 1.8rem;
        height: 1.8rem;
        top: calc(50% - 0.9rem);
    }
    .secDetailsHero .secReservelinkbtn{
        margin-top: 2.7rem;
    }
}
/* secPopslide */
.secPopslide{
    margin-top: 5.7rem;
}
.secPopslide .Inner{
    position: relative;
}
.secPopslide .poptxt{
    text-align: right;
    font-size:var(--pcFontSize13);
    line-height: var(--pcLineHeight13_24);
    font-weight: bold;
}
.secPopslide .txtin{
    position: relative;
    padding-left: calc(2rem + 0.8rem);
}
.secPopslide .txtin::after{
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: 0;
    top: calc(50% - 1rem);
}
.secPopslide.lazyloaded .txtin::after{
    background: url(../img/event/imgiconGlass.png) center center no-repeat;
    background-size: 100% auto;
}
.secPopslide .slidebox{
    margin-top: 2.8rem;
}
@media only screen and (min-width:1216px){
    .secPopslide .toolbox{
        display: none;
    }
    .secPopslide .swiper-wrapper{
        flex-wrap: wrap;
    }
    .secPopslide .swiper-slide{
        width: calc((100% - 12rem) / 5);
        margin-right: 3rem;
    }
    .secPopslide .swiper-slide:last-child,
    .secPopslide .swiper-slide:nth-child(5n){
        margin-right: 0;
    }
    .secPopslide .swiper-slide:nth-child(n + 6){
        margin-top: 3rem;
    }
}
.secPopslide .linkIn{
    display: block;
    width: 100%;
}
.secPopslide .imgBox{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc((232 / 232) * 100%);
    border-radius:0.5rem;
    overflow: hidden;
    z-index: 1;
}
@media only screen and (max-width:1215px){
    .secPopslide{
        margin-top: 6rem;
    }
    .secPopslide .Inner{
        position: relative;
    }
    .secPopslide .poptxt{
        text-align: left;
        font-size:var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secPopslide .txtin{
        padding-left: calc(2rem + 0.5rem);
    }
    .secPopslide .slidebox{
        margin-top:0;
    }
    .secPopslide .swiper{
        width: calc(245 / 375 * 100vw);
        margin: 0 auto;
        overflow: visible;
    }
    .secPopslide .toolbox{
        margin-top:2rem;
        height: 5rem;
        display: flex;
        align-items: center;
        position: relative;
        padding-right: calc((5rem * 2) + 0.5rem);
    }
    .secPopslide .toolbox .poptxt{
        display: inline-block;
    }
    .secPopslide .swiper-button-prev,
    .secPopslide .swiper-button-next{
        position: absolute;
        top: 0;
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        margin: 0;
        border: 0.1rem solid;
    }
    .secPopslide .swiper-button-prev{
        right: calc(5rem + 0.5rem);
        background-color: #fff;
        border-color: var(--prevbtnColor);
        left: auto;
    }
    .secPopslide .swiper-button-next{
        right: 0;
        background-color: var(--textColor);
        border-color: var(--textColor);
    }
    .secPopslide .swiper-button-prev::after,
    .secPopslide .swiper-button-next::after{
        display: none;
    }
    .secPopslide .swiper-button-next.lazyloaded,
    .secPopslide .swiper-button-prev.lazyloaded{
        background: url(../img/works/imgArrow_icon_white.png) center center no-repeat var(--textColor);
        background-size: 0.6rem auto;
    }
    /* .secPopslide .swiper-button-prev.lazyloaded{
        background-image: url(../img/common/imgMoreArrow.png);
        background-color: #fff;
    } */
    .secPopslide .swiper-button-prev.lazyloaded{
        transform: rotate(180deg);
    }
}
/* secMiddlebox */
.secMiddlebox{
    text-align: left;
    margin-top: 5.3rem;
}
.secMiddlebox .tit{
    font-size: var(--pcFontSize24);
    line-height: var(--pcLineHeight24_36);
    font-weight: bold;
}
.secMiddlebox .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_36);
}
.secMiddlebox .tit + .txt{
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secMiddlebox{
        margin-top: 3.3rem;
    }
    .secMiddlebox .tit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_28);
    }
    .secMiddlebox .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
    }
    .secMiddlebox .tit + .txt{
        margin-top: 0.7rem;
    }
}

/* secOutline */
.secOutline{
    margin-top:5rem;
}
.secOutline .Inner{
    background-color: #fff;
    display: flex;
    min-height: 28rem;
    border-radius: 0.5rem;
    overflow: hidden;
}
.secOutline .titbox{
    width: 28rem;
    background-color: var(--eventOutlineColor);
    color: #fff;
    display: flex;
    align-items: center;
}
.secOutline .titIn{
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: calc(2.5rem + 2rem);
    padding-bottom: 1.5rem;
}
.secOutline .titIn::before{
    content: "";
    position: absolute;
    width:3.2rem;
    height: 3.2rem;
    left: calc(50% - 1.6rem);
    top: 0;
}
.secOutline.lazyloaded .titIn::before{
    background: url(../img/event/imgOutlineIcon.png) center top no-repeat;
    background-size: 100% auto;
}
.secOutline .tit{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_30);
    font-weight: bold;
    text-align: center;
}
.secOutline .listbox{
    flex: 1;
    display: flex;
    align-items: center;
    padding: 5rem;
}
.secOutline .list{
    width: 100%;
}
.secOutline .item{
    width: 100%;
}
.secOutline .item + .item{
    margin-top: 2rem;
}
.secOutline .link{
    width: fit-content;
    display: flex;
    align-items:flex-start;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_31);
    font-weight: bold;
}
.secOutline .iconbox{
    display: block;
    position: relative;
    width:3.1rem;
    height: 3.1rem;
    background-color: var(--eventOutlineColor);
    border-radius: 50%;
}
.secOutline.lazyloaded .iconbox{
    background: url(../img/event/imgIconcheck.png) center center no-repeat var(--eventOutlineColor);
    background-size: 1.3rem auto;
}
.secOutline .txt{
    flex: 1;
    padding-left: 1.9rem;
}
@media only screen and (max-width:1215px){
    .secOutline{
        margin-top: 3.3rem;
    }
    .secOutline .Inner{
        display: block;
        min-height:0;
    }
    .secOutline .titbox{
        width: 100%;
        display: block;
        padding: 1.2rem 2rem;
        text-align: left;
    }
    .secOutline .titIn{
        display: inline-block;
        width: 100%;
        text-align: left;
        padding: 0;
        padding-left: calc(1.8rem + 1rem);
    }
    .secOutline .titIn::before{
        width:1.8rem;
        height: 1.8rem;
        left: 0;
        top: calc(50% - 0.9rem);
    }
    .secOutline .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        text-align: left;
    }
    .secOutline .listbox{
        width: 100%;
        display: block;
        padding: 2rem;
        padding-bottom: 1.8rem;
    }
    .secOutline .item + .item{
        margin-top: 1rem;
    }
    .secOutline .link{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .secOutline .iconbox{
        width:2.1rem;
        height: 2.1rem;
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_21);
    }
    .secOutline.lazyloaded .iconbox{
        background-size: 0.9rem auto;
    }
    .secOutline .txt{
        padding-left: 1rem;
    }
}
@media only screen and (max-width:374px){
    .secOutline .txt{
        padding-left: 0.5rem;
    }
    .secOutline .iconbox{
        width: calc(var(--spFontSize10) * var(--spLineHeight10_21));
        height: calc(var(--spFontSize10) * var(--spLineHeight10_21));
    }
}
.secEntry{
    margin-top: 8rem;
}
.secEntry .secReservelinkbtn{
    margin: 0 auto;
}
@media only screen and (max-width:1215px){
    .secEntry{
        margin-top: 4.2rem;
    }
}

/* secMoviebox */
.secMoviebox{
    margin: 0 auto;
    margin-top: 6.6rem;
    max-width: 96rem;
}
.secMoviebox .moviebox{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(540 / 960 * 100%);
    border-radius: 1rem;
    overflow: hidden;
    z-index: 1;
}
.secMoviebox .moviebox + .moviebox{
    margin-top: 3rem;
}
.secMoviebox .moviebox iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secMoviebox{
        margin-top: 3.3rem;
        max-width: 100%;
        width: calc(335 / 375 * 100%);
    }
    .secMoviebox .moviebox{
        border-radius: 0.5rem;
    }
    .secMoviebox .moviebox + .moviebox{
        margin-top: 2rem;
    }
}
/* secMapbox */
.secMapbox{
    margin-top: 9.1rem;
}
.secMapbox .mapbox{
    width: 100%;
    height: 52rem;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    z-index: 1;
    margin-top: 3.4rem;
}
.secMapbox .mapbox iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.secMapbox .addtxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    text-align: center;
    margin-top: 2.3rem;
}
.secMapbox .addtxt a{
    text-decoration: underline;
    color: var(--textColor);
}
@media only screen and (max-width:1215px){
    .secMapbox{
        margin-top: 5.5rem;
    }
    .secMapbox .mapbox{
        width: 100%;
        height: 33.5rem;
        border-radius: 0.5rem;
        margin-top: 2.5rem;
    }
    .secMapbox .addtxt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        margin-top: 1.2rem;
    }
}
.secEventDetails .secForm{
    margin-top: 9.3rem;
}
@media only screen and (max-width:1215px){
    .secEventDetails .secForm{
        margin-top: 5.6rem;
    }
}
.secEventDetails .secCmnBack{
    margin-top: 10rem;
}
@media only screen and (max-width:1215px){
    .secEventDetails .secCmnBack{
        margin-top: 6rem;
    }
}