@charset "utf-8";
.secCmnHero{
    background-image: url(../img/gallery/bgTitle.jpg);
}
.secCmnHero.details{
    background-image: url(../img/gallery/bgTitle_details.jpg);
}
.secCmnHero .titEng{
    width: 29.7rem;
}
@media only screen and (max-width:1215px){
    .secCmnHero,
    .secCmnHero.details{
        background-image: url(../img/gallery/bgTitle_sp.jpg);
    }
    .secCmnHero .titEng{
        width: 10.9rem;
    }
}
/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secGallery */
.secGallery{
    margin-top: 7.2rem;
    position: relative;
}

@media only screen and (max-width:1215px){
    .secGallery{
        margin-top: 3rem;
    }
}

/* secGalleryTagbox */
.secGalleryTagbox{
    width: 100%;
    margin: 0 auto;
    margin-top: 6rem;
    background-color: var(--taglistColor);
    min-height: 8.8rem;
    border-radius: 0.4rem;
    padding: 4.2rem 0;
    position: relative;
}
.secGalleryTagbox .boxTit{
    display: flex;
    align-items: center;
    position: absolute;
    top: -1.5rem;
}
.secGalleryTagbox .titTag{
    width: 6.5rem;
    margin-right: 2rem;
    flex-shrink: 0;
}
.secGalleryTagbox .txtTop{
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing15_50);
    font-weight: bold;
}
.secGalleryTagbox .imgtit{
    width: 4.7rem;
    height: 2.2rem;
    position: absolute;
    left: 2.9rem;
    top: calc(50% - 1.1rem);
}
.secGalleryTagbox .taglist{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.5rem;
}
.secGalleryTagbox .tagitem{
    display: inline-block;
}
.secGalleryTagbox .taglink{
    display: inline-block;
    position: relative;
    color: var(--tagtxtColor);
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_15);
    padding-left: 2.9rem;
}
.secGalleryTagbox .taglink::before,
.secGalleryTagbox .taglink::after{
    position: absolute;
    content: '';
    display: block;
    top: -0.2rem;
    left: 0;
    width: 2rem;
    height: 2rem;
}
.secGalleryTagbox .taglink::before{
    border: 0.1rem solid;
    border-color: var(--ColorGray);
    background-color: var(--ColorGray);
    border-radius: 100%;
}
.secGalleryTagbox .taglink::after{
    content: '＃';
    color: var(--ColorWhite);
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width:1215px){
    .secGalleryTagbox{
        max-width: 100%;
        margin-top: 2rem;
        min-height: 0;
        padding: 0;
        background: none;
    }
    .secGalleryTagbox .imgtit{
        width: 3.2rem;
        height: auto;
        margin: 0 auto;
        position: static;
    }
    .secGalleryTagbox .spWrapper{
        display: none;
    }
    .secGalleryTagbox .taglist{
        align-items: flex-start;
        margin-top: 0;
        padding: 2rem;
        gap: 1rem;
        background-color: var(--taglistColor);
    }
    .secGalleryTagbox .tagitem{
        margin: 0.4rem 0;
    }
    .secGalleryTagbox .taglink{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_16);
        padding-left: 2rem;
    }
    .secGalleryTagbox .taglink::before,
    .secGalleryTagbox .taglink::after{
        top: -0.2rem;
        width: 1.6rem;
        height: 1.6rem;
    }
    .secGalleryTagbox .taglink::after{
        font-size: var(--spFontSize9);
    }
    .secGalleryTagbox .boxTit{
        width: 100%;
        height: 5rem;
        background: #fff;
        border: 1px solid #000;
        position: relative;
        padding: 1.5rem;
        top: 0;
        border-radius: 0.4em 0.4rem 0 0 ;
    }
    .secGalleryTagbox .boxTit::after {
        content: "";
        position: absolute;
        width: 0.8rem;
        height: 0.8rem;
        background-color: var(--textColor);
        top: calc(50% - 0.4rem);
        right: 1.5rem;
        clip-path: polygon(0 0, 50% 100%, 100% 0);
    }
    .secGalleryTagbox .boxTit.is-open::after {
        clip-path: polygon(0 100%, 50% 0%, 100% 100%);
    }
    .secGalleryTagbox .boxTit .titTag{
        display: none;
    }
    /* .secGalleryTagbox .boxTit.is-open + .taglist{
        display: flex;
    } */
    .secGalleryTagbox .txtTop {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_50);
    }
}

/* secSelectTag */
.secSelectTag{
    background: var(--ColorGray);
    color: var(--ColorWhite);
    height: auto;
    display: flex;
    padding: 4.1rem;
    align-items: center;
}
.secSelectTag .selectInner{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.secSelectTag .txtSelect{
    font-size: var(--pcFontSize18);
    width: calc(100% - 15rem);
    flex-shrink: 0;
    letter-spacing: var(--pcLetterSpacing18_50);
    line-height: var(--pcLineHeight18_24);
}
.secSelectTag .reset{
    font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
    position: relative;
    padding-left: 2rem;
    display: inline-block;
    text-decoration: underline;
    text-underline-offset: 0.7rem;
}
.secSelectTag .reset:before{
    content: '×';
    position: absolute;
    left: 0;
    color: var(--ColorWhite);
}
@media only screen and (max-width:1215px){
    .secSelectTag{
        background: none;
        display: block;
        margin-top: 2.5rem;
        padding: 0;
    }
    .secSelectTag .selectInner{
        display: block;
        text-align: right;
    }
    .secSelectTag .txtSelect{
        width: 100%;
        background: var(--ColorGray);
        text-align: left;
        font-size:var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_50);
        padding: 1.7rem 5.3%;
        display: flex
;
        align-items: center;
    }
    .secSelectTag .reset{
        color: var(--tagtxtColor);
        margin-right: 5.3%;
        font-size: var(--spFontSize11);
        margin-top: 1.2rem;
        letter-spacing: 0;
        padding-left: 1.5rem;
    }
    .secSelectTag .reset:before {
        content: '×';
        position: absolute;
        left: 0;
        color: var(--tagtxtColor);
    }
}
/* secGallerylist */
.secGallerylist{
    margin-top: 7rem;
    margin-bottom: 10rem;
}
.secGallerylist .list{
    display: flex;
    flex-wrap: wrap;
}
.secGallerylist .item{
    width: calc((100% - 12rem) / 4);
    margin-right: 4rem;
}
.secGallerylist .item:nth-child(4n){
    margin-right: 0;
}
.secGallerylist .item:nth-child(n+5){
    margin-top: 6.5rem;
}
.secGallerylist .link{
    display: block;
    width: 100%;
    overflow: visible;
}
.secGallerylist .imgArea{
    position: relative;
}
.secGallerylist .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc((600 / 400) * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 1;
}
.secGallerylist .txtbox{
    width: 100%;
    margin-top: 2rem;
}
.secGallerylist .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_35);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc((var(--pcFontSize20)* var(--pcLineHeight20_35))* 2);
    letter-spacing: var(--pcLetterSpacing20_50);
}
.secGallerylist .boxTag{
    width: 100%;
    margin-top: 1.8rem;
}
.secGallerylist .listTag{
    margin-top: 0.6rem;
    display: block;
    overflow: hidden;
    /* max-height: 8.3rem; */
}
.secGallerylist .itemTag{
    display: inline-block;
    margin: 0.5rem 0.5rem 0 0;
    white-space: nowrap;
    max-width: 100%;
    position: relative;
    padding-left: 2.9rem;
    min-height: 2.2rem;
}
.secGallerylist .txtTag{
    position: relative;
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    padding-top: 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: -0.6rem;
}
.secGallerylist .itemTag::before,
.secGallerylist .itemTag::after{
    content: '';
    position: absolute;
    top: -0.2rem;
    left: 0;
    width: 2rem;
    height: 2rem;
}
.secGallerylist .itemTag::after{
    content: '＃';
    color: var(--ColorWhite);
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}
.secGallerylist .itemTag::before{
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
    border-radius: 100%;
    background-color: var(--ColorGray);
}
@media only screen and (max-width:1215px){
    .secGallerylist{
        margin-top: 3.5rem;
        margin-bottom: 4rem;
    }
    .secGallerylist .list{
        flex-wrap: wrap;
    }
    .secGallerylist .item{
        width: calc((100% - 1.5rem) / 2);
        margin-right: 1.5rem;
    }
    .secGallerylist .item:nth-child(2n),
    .secGallerylist .item:last-child{
        margin-right: 0;
    }
    .secGallerylist .item:nth-child(n + 3){
        margin-top: 1.7rem;
    }
    .secGallerylist .imgBox{
        border-radius: 0.2rem;
    }
    .secGallerylist .txtbox{
        margin-top: 1.1rem;
    }
    .secGallerylist .tit{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        max-height: calc((var(--spFontSize12)* var(--spLineHeight12_18))* 2);
    }
    .secGallerylist .boxTag{
        margin-top: 1.3rem;
    }
    .secGallerylist .listTag{
        margin-top: 0;
        /* max-height: 8.3rem; */
    }
    .secGallerylist .itemTag{
        margin: 0.3rem 0.2rem 0 0;
        padding-left: 2rem;
        min-height: 2rem;
    }
    .secGallerylist .txtTag{
        font-size: var(--spFontSize11);
    }
    .secGallerylist .itemTag::before,
    .secGallerylist .itemTag::after{
        top: calc(50% - 0.8rem);
        width: 1.6rem;
        height: 1.6rem;
    }
    .secGallerylist .itemTag::after{
        font-size: var(--spFontSize9);
    }
}
.secContactbnr{
    margin-top: 19rem;
}
.secReservebnr{
    margin-top: 2rem;
}
@media only screen and (max-width:1215px){
    .secContactbnr{
        margin-top: 8rem;
    }
    .secReservebnr{
        margin-top: 0.5rem;
    }
}

/*-----------------------------------------------
    details
-----------------------------------------------*/
/* secGallery_details */
.secGallery_details{
    margin-top: 7rem;
}
.secGallery_details .pageTIt{
    font-size: var(--pcFontSize36);
    letter-spacing: var(--pcLetterSpacing36_80);
    line-height: var(--pcLineHeight36_55);
    text-align: center;
    font-weight: bold;
    margin-bottom: 3rem;
}
.secGallery_details .txtAdd{
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_50);
    text-align: center;
    margin-bottom: 4rem;
}
@media only screen and (max-width:1215px){
    .secGallery_details {
        margin-top: 2.3rem;
    }
    .secGallery_details .pageTIt{
        font-size:var(--spFontSize16);
        line-height: var(--spLineHeight16_26);
        letter-spacing:var(--spLetterSpacing16_50);
        text-align: left;
        margin-bottom: 0.7rem;
    }
    .secGallery_details .txtAdd{
        font-size:var(--spFontSize12);
        line-height: var(--spLineHeight12_26);
        letter-spacing:var(--spLetterSpacing12_30);
        text-align: left;
        margin-bottom: 1rem;
    }
}
/* secDetailsTagbox */
.secDetailsTagbox{
    width: 100%;
    margin: 0 auto;
    margin-top: 4rem;
    background-color: var(--taglistColor);
    border-radius: 0.4rem;
    padding: 3.5rem;
    position: relative;
    display: flex;
    justify-content: center;
}
.secDetailsTagbox .taglist{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.5rem;
}
.secDetailsTagbox .tagitem{
    display: inline-block;
}
.secDetailsTagbox .taglink{
    display: inline-block;
    position: relative;
    color: var(--tagtxtColor);
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_15);
    padding-left: 2.9rem;
}
.secDetailsTagbox .taglink::before,
.secDetailsTagbox .taglink::after{
    position: absolute;
    content: '';
    display: block;
    top: -0.2rem;
    left: 0;
    width: 2rem;
    height: 2rem;
}
.secDetailsTagbox .taglink::before{
    border: 0.1rem solid;
    border-color: var(--ColorGray);
    background-color: var(--ColorGray);
    border-radius: 100%;
}
.secDetailsTagbox .taglink::after{
    content: '＃';
    color: var(--ColorWhite);
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (max-width:1215px){
    .secDetailsTagbox{
        max-width: 100%;
        margin-top: 2rem;
        min-height: 0;
        padding: 0;
        justify-content: flex-start;
    }
    .secDetailsTagbox .taglist{
        align-items: flex-start;
        margin-top: 0;
        padding: 2rem;
        gap: 1rem;
        background-color: var(--taglistColor);
    }
    .secDetailsTagbox .tagitem{
        margin: 0.4rem 0;
    }
    .secDetailsTagbox .taglink{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_16);
        padding-left: 2rem;
    }
    .secDetailsTagbox .taglink::before,
    .secDetailsTagbox .taglink::after{
        top: -0.2rem;
        width: 1.6rem;
        height: 1.6rem;
    }
    .secDetailsTagbox .taglink::after{
        font-size: var(--spFontSize9);
    }
}

/* mainimg */
.secGallery_details .mainimg{
    display: inline-block;
    border-radius: 0.4rem;
    overflow: hidden;
    margin-top: 5rem;
    width: 100%;
}
.secGallery_details .mainimg img {
    width: auto;
    height: auto;
    max-width: 100%;
}
@media only screen and (max-width:1215px){}
/* secInterview */
.secInterview{
    margin-top: 12rem;
}
.secGallery_details .mainimg {
    margin-top: 2.5rem;
    text-align: center;
}
.secInterview .secInterviewInner{
    position: relative;
}
.secInterview .interviewLeft{
    position: relative;
    width: 100%;
    height: 45rem;
}
.secInterview .interviewLeft .interviewLeftInner{
    width: 68rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    padding-top: 6rem;
}
.secInterview .interviewLeft .interviewLeftInner:before{
    content: '';
    width: 20.6rem;
    height: 7.1rem;
    position: absolute;
    top: 10.2rem;
    left: calc(50% - 10.3rem);
}
.secInterview.lazyloaded .interviewLeft .interviewLeftInner:before{
    background: url(../img/gallery/txtOwner.png) center top / cover no-repeat;
}
.secInterview .interviewRight{
    position: absolute;
    right: 4rem;
    top: calc(50% - 18.5rem);
    width: 65.7rem;
    height: 37rem;
}
.secInterview .interviewRight iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0.4rem;
}
.secInterview.lazyloaded .interviewLeft{
    background: url(../img/gallery/bgInterview.jpg) center top / cover no-repeat;
}
.secInterview .interviewTit{
    position: relative;
    padding-bottom: 2.7rem;
    z-index: 4;
    width: 25.8rem;
    margin: 0 auto;
}
.secInterview .interviewTit:before,
.secInterview .interviewTit:after{
    content: "";
    position: absolute;
    bottom: 0;
    height: 0.2rem;
    left: calc(50% - 1.5rem);
}
.secInterview .interviewTit:before{
    background-color: var(--ColorWhite);
    width: 3rem;
}
.secInterview .interviewTit:after{
    width: 1.5rem;
    background-color: var(--ColorRed);
    z-index: 2;
}
.secInterview .interviewTitJp{
    font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_100);
    font-weight: bold;
    margin-top: 2.3rem;
    position: relative;
    z-index: 4;
    text-align: center;
    color: var(--ColorWhite);
}
.secInterview .interviewTxt{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
    letter-spacing: var(--pcLetterSpacing14_100);
    margin-top: 1.8rem;
    text-align: center;
    color: var(--ColorWhite);
}

@media only screen and (max-width:1215px){
    .secInterview {
        margin-top: 3rem;
    }
    .secInterview .interviewTit{
        padding-bottom: 2.3rem;
        width: 14.5rem;
    }
    .secInterview .interviewTitJp{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_100);
        line-height: var(--spLineHeight12_36);
        margin-top: 0.6rem;
    }
    .secInterview .interviewRight {
        width: calc(100% - 4rem);
        height: auto;
        aspect-ratio: 16 / 9;
        top: unset;
        bottom: 2rem;
        right: 2rem;
    }
    .secInterview .interviewLeft {
        position: relative;
        width: 100%;
        height: auto;
    }
    .secInterview .interviewLeft .interviewLeftInner {
        width: 100%;
        height: 100%;
        padding: 6.5rem 0 55.4vw;
        border-radius: 0.4rem 0.4rem 0 0;
    }
    .secInterview .interviewLeft .interviewLeftInner:before{
        width: 10.8rem;
        height: 4.2rem;
        top: 3rem;
        left: calc(50% - 5.4rem);
    }
    .secInterview.lazyloaded .interviewLeft .interviewLeftInner:before{
        background: url(../img/gallery/txtOwner_sp.png) center top / cover no-repeat;
    }
    .secInterview .interviewTxt{
        font-size: var(--spFontSize11);
        letter-spacing: var(--spLetterSpacing11_50);
        line-height: var(--spLineHeight11_20);
        margin-top: 0;
    }
    .secInterview.lazyloaded .interviewLeft {
        background: url(../img/gallery/bgInterview_sp.jpg) center top / cover no-repeat;
        border-radius: 0.4rem 0.4rem 0 0;
    }
    .secInterview .interviewRight iframe {
        border-radius: 0 0 0.4rem 0.4rem;
    }
}

/* secEntryList */
.secEntryList{
    margin-top: 7.5rem;
}
.secEntryList .item:nth-child(n+2){
    margin-top: 7.2rem;
}
.secEntryList .img{
    text-align: center;
}
.secEntryList .img img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0.5rem;
}
.secEntryList .box .img img,
.secEntryList .box04 .img img{
    width: 100%;
}
.secEntryList .txtBox{
    margin-top: 3.5rem;
}
.secEntryList .tit{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_50);
    letter-spacing: var(--pcLetterSpacing26_100);
    font-weight: bold;
}
.secEntryList .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_36);
    letter-spacing: var(--pcLetterSpacing16_100);
    margin-top: 1.5rem;
}
.secEntryList .boxWrapper{
    display: flex;
}
.secEntryList .boxItemWrap{
    display: flex;
    flex-flow: row-reverse;
}
.secEntryList .imgLeft,
.secEntryList .imgRight{
    overflow: hidden;
    /* border-radius: 0.5rem; */
}
.secEntryList .imgLeft{
    border-radius: 0.5rem 0 0 0.5rem;
}
.secEntryList .imgRight{
    border-radius: 0 0.5rem 0.5rem 0;
}

/* box02 */
.secEntryList .box02 .imgLeft{
    width: calc(100% - 34.6377% - 0.2rem);
    margin-right: 0.2rem;
}
.secEntryList .box02 .imgLeft .imgInner{
    padding-top: calc((750 / 900) * 100%);
}
.secEntryList .box02 .imgRight{
    width: 34.6377%;
}
.secEntryList .box02 .imgRight .imgInner{
    padding-top: calc((750 / 478) * 100%);
}

/* box03 */
.secEntryList .box03 .imgRightWrap{
    width: calc(100% - 54.3478% - 0.2rem);
    margin-left: 0.2rem;
}
.secEntryList .box03 .imgRight{
    padding-top: calc((374 / 628) * 100%);
    border-radius: 0 0.5rem 0 0;
}
.secEntryList .box03 .imgRight + .imgRight{
    margin-top: 0.2rem;
    border-radius: 0 0 0.5rem 0;
}
.secEntryList .box03 .imgLeft{
    width: 54.3478%;
}
.secEntryList .box03 .imgLeft .imgInner{
    padding-top: 100%;
}
/* box04 */
.secEntryList .box04 .boxItemWrap{
    margin-top: 4rem;
    justify-content: flex-end;
}
.secEntryList .box04 .boxItemWrap .txtBox{
    margin-top: -1.2rem;
    width: calc(100% - (32.029% + 10rem));
}
.secEntryList .box04 .boxImg04{
    width: 32.029%;
    margin-left: 10rem;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    height: fit-content;
}
.secEntryList .box04 .boxImg04 li{
    width: calc(50% - 0.1rem);
    border-radius: 0.4rem;
    overflow: hidden;
}
.secEntryList .box04 .boxImg04 .imgInner{
    padding-top: 100%;
}
.secEntryList .box04 .boxImg04 li:nth-child(2n){
    margin-left: 0.2rem;
}
.secEntryList .box04 .boxImg04 li:nth-child(n+3){
    margin-top: 0.2rem;
}
.secEntryList .box04 .boxItemWrap:not(:has(> .txtBox)) {
    flex-direction: row;
}
@media only screen and (max-width:1215px){
    .secEntryList{
        margin-top: 2.5rem;
    }
    .secEntryList .item:nth-child(n+2){
        margin-top: 2.5rem;
    }
    .secEntryList .img img{
        border-radius: 0.3rem;
    }
    .secEntryList .txtBox{
        margin-top: 1.4rem;
    }
    .secEntryList .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing16_50);
    }
    .secEntryList .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        margin-top: 0.8rem;
    }
    .secEntryList .boxItemWrap{
        display: block;
    }
    .secEntryList .imgLeft,
    .secEntryList .imgRight{
        border-radius: 0.3rem;
    }
    /* box04 */
    .secEntryList .box04 .boxItemWrap{
        margin-top: 0.2rem;
    }
    .secEntryList .box04 .boxItemWrap .txtBox{
        margin-top: 1.4rem;
        width: 100%;
    }
    .secEntryList .box04 .boxImg04{
        width: 100%;
        margin-left: 0;
    }
    .secEntryList .box04 .boxImg04 li {
        border-radius: 0rem;
    }
}

/* secCmnDetailsPager */
.secCmnDetailsPager{
    margin-top: 8rem;
}
.secCmnDetailsPager .imgBox{
    width: 100%;
    height: 0;
    padding-top: calc((600 / 400) * 100%);
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 1;
}
.secCmnDetailsPager .tit {
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_35);
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: calc((var(--pcFontSize20) * var(--pcLineHeight20_35)) * 2);
    letter-spacing: var(--pcLetterSpacing20_50);
}
.secCmnDetailsPager .boxTag {
    width: 100%;
    margin-top: 1.8rem;
}
.secCmnDetailsPager .listTag {
    margin-top: 0.6rem;
    display: block;
    overflow: hidden;
    /* max-height: 8.3rem; */
}
.secCmnDetailsPager .itemTag {
    display: inline-block;
    margin: 0.5rem 0.5rem 0 0;
    max-width: 100%;
    position: relative;
    padding-left: 2.9rem;
    min-height: 2.2rem;
}
.secCmnDetailsPager .txtTag {
    position: relative;
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    padding-top: 0;
    display: inline-block;
    max-width: 100%;
}
.secCmnDetailsPager .itemTag::before, 
.secCmnDetailsPager .itemTag::after {
    content: '';
    position: absolute;
    top: -0.2rem;
    left: 0;
    width: 2rem;
    height: 2rem;
}
.secCmnDetailsPager .itemTag::before {
    border: 0.1rem solid;
    border-color: var(--ColorWhite);
    border-radius: 100%;
    background-color: var(--ColorGray);
}
.secCmnDetailsPager .itemTag::after  {
    content: '＃';
    color: var(--ColorWhite);
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_16);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: normal;
}
@media only screen and (max-width:1215px){
    .secCmnDetailsPager {
        margin-top: 5rem;
    }
    .secCmnDetailsPager .pagerInner {
        display: flex;
    }
    .secCmnDetailsPager .pagerLink {
        display: block;
        padding:0;
        height: 100%;
    }
    .secCmnDetailsPager .imgArea {
        width: 100%;
    }
    .secCmnDetailsPager .pagerLink.prev {
        padding-left: 0;
        padding-right: 2.05rem;
    }
    .secCmnDetailsPager .pagerLink.next {
        padding-right: 0;
        padding-left: 2.05rem;
    }
    .secCmnDetailsPager .pagerBox + .pagerBox:has(.next) {
        border:unset;
    }
    .secCmnDetailsPager .pagerBox + .pagerBox:not(:has(.next)){
        border-left: 0.1rem solid;
        border-color: var(--infoBorderColor_25);
    }
    .secCmnDetailsPager .pagerBox + .pagerBox:has(.next) {
        border-left: 0.1rem solid;
        border-color: var(--infoBorderColor_25);
    }
    /* .secCmnDetailsPager .pagerBox:has(.prev):not(:has(.next)) .prev {
        border-right: 0.1rem solid;
        border-color: var(--infoBorderColor_25);
    } */
        .secCmnDetailsPager .pagerBox:has(.next), .secCmnDetailsPager .pagerBox {
        padding:0;
        margin: 2.5rem 0;
        width: 50%;
    }
    .secCmnDetailsPager .txtArea {
        max-width: unset;
        margin-top: 1rem;
    }
    .secCmnDetailsPager .prev .txtArea {
        padding-left: 0;
    }
    .secCmnDetailsPager .next .txtArea {
        padding-right: 0;
    }
    .secCmnDetailsPager .tit {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
        max-height: calc((var(--spFontSize12) * var(--spLineHeight12_18)) * 2);
    }
    .secCmnDetailsPager .boxTag {
        margin-top: 1.3rem;
    }
    .secCmnDetailsPager .listTag {
        margin-top: 0;
        /* max-height: 8.3rem; */
    }
    .secCmnDetailsPager .itemTag {
        margin: 0.3rem 0.2rem 0 0;
        padding-left: 2rem;
        min-height: 2rem;
    }
    .secCmnDetailsPager .txtTag {
        font-size: var(--spFontSize11);
    }
    .secCmnDetailsPager .itemTag::before, 
    .secCmnDetailsPager .itemTag::after {
        top: 0;
        width: 1.6rem;
        height: 1.6rem;
    }
    .secCmnDetailsPager .itemTag::after {
        font-size: var(--spFontSize9);
    }
}

.detailsBnr.secReservebnr {
    margin-top: 18rem;
}
@media only screen and (max-width:1215px){
    .detailsBnr.secReservebnr {
        margin-top: 8rem;
    }
}


.secGallery_details .mainTxtBox{
    margin-top: 5rem;
    display: flex;
    justify-content: flex-end;
}
.secGallery_details .mainTxtInner{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_36);
    letter-spacing: var(--pcLetterSpacing16_100);
    width: 100%;
}
.secGallery_details .titData{
    position: relative;
    margin-left: 2rem;
    width: 5rem;
    margin-bottom: 2rem;
}
.secGallery_details .titData:before{
    position: absolute;
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--ColorRed);
    top: calc(50% - 0.3rem);
    left: -2rem;
}
.secGallery_details .boxInfo{
    width: 45rem;
    border-radius: 0.5rem;
    background: var(--ColorGray);
    color: var(--ColorWhite);
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_24);
    letter-spacing: var(--pcLetterSpacing14_50);
    margin-left: 5.5rem;
    flex-shrink: 0;
    padding: 3rem;
}
.secGallery_details .itemData:first-child{
    border-top: 1px solid var(--ColorGalleryBorder);
}
.secGallery_details .itemData{
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ColorGalleryBorder);
    padding: 0.7em 0;
}
.secGallery_details .titItem{
    width: 8rem;
}
.secGallery_details .txtItem{
    margin-left: 1rem;
}
@media only screen and (max-width:1215px){
    .secGallery_details .mainTxtBox{
        margin-top: 2rem;
        display: block;
    }
    .secGallery_details .mainTxtInner{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
    }
    .secGallery_details .boxInfo {
        width: 100%;
        background: var(--ColorGray);
        color: var(--ColorWhite);
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        letter-spacing: 0;
        margin-left: 0;
        flex-shrink: 0;
        padding: 1.2rem 2rem 2rem;
        margin-top: 2rem;
    }
    .secGallery_details .titData{
        margin-left: 1.4rem;
        width: 3.4rem;
        margin-bottom: 1.4rem;
    }
    .secGallery_details .itemData{
        padding: 0.5em 0;
    }
    .secGallery_details .titItem{
        width: 6rem;
    }
    .secGallery_details .txtItem{
        margin-left: 0.5rem;
    }
    .secGallery_details .titData:before{
        width: 0.6rem;
        height: 0.6rem;
        top: calc(50% - -0.2rem);
        left: -1.4rem;
    }
}