@charset "utf-8";
/*-----------------------------------------------
	index
-----------------------------------------------*/
/* secViewBtm */
.secViewBtm{
    position: relative;
    overflow: hidden;
}
.secViewBtm .swiper-wrapper{
    transition-timing-function: linear;
}
.secViewBtm .swiper{
    width: 480px;
    overflow: visible;
}
@media only screen and (max-width:767px){
    .secViewBtm{
        padding: 0;
    }
    .secViewBtm .swiper{
        width: 126px;
        overflow: visible;
    }
}

/* secMap */
.secMap .mapTit{
    margin-top: 77px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 18px;
    line-height: 25px;
    border-left: 3px solid #878787;
    min-height: 45px;
    display: flex;
    align-items: center;
    letter-spacing: 1.5px;
}
.secMap .boxMap{
    margin-top: 20px;
}
.secMap .boxMap iframe{
    width: 100%;
}

/* secModel */
.secModel{
    margin-top: 100px;
}
.secModel .titImg{
    text-align: center;
}
.secModel .topTitImg{
    text-align: center;
    margin: 0 auto;
}
.secModel .topTit{
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 25px;
}
.secModel .tab-area{
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    height: max-content;
}
.secModel .tab-area .tab{
    width: calc((100% - 130px) / 4);
    height: 80px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: solid 1px #1f2126;
    margin-right: 65px;
}
.secModel .tab-area .tab:last-child{
	margin-right:0;
}
.secModel .tab-area .tab.active{
    background: #1f2126;
    color: #fff;
}
.secModel .tab-area .txtMin{
    font-size: 14px;
    display: none;
}
.secModel .tab-area .tab:nth-child(4){
    margin-right: 0;
}
/* content-area */
.secModel .content-area{
    margin-top: 76px;
}
.secModel .content{
    display: none;
}
.secModel .content.show{
    display: block;
}
.secModel .txtNotes{
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    text-align: center;
    margin: -6px 0 42px;
}
.secModel .linkBox{
    display: flex;
    flex-wrap: wrap;
}
.secModel .item{
    width: 430px;
    margin-right: 65px;
    position: relative;
}
.secModel .item:nth-child(3n){
    margin-right: 0;
}
.secModel .item:nth-child(n+4){
    margin-top: 75px;
}
.secModel .modelInner{
    text-decoration: none;
    color: #1a1a1a;
    position: relative;
    display: block;
    height: 528px;
}
.secModel .itemAboutNone .modelInner{
    height: auto;
}
.secModel .img{
    padding-top: 62.791%;
}
.secModel .txtBox{
    margin-top: 11px;
}
.secModel .tit{
    font-size: 22px;
    letter-spacing: 1px;
    line-height: calc(36 / 22);
    text-align: center;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
}
.secModel .txt{
    font-size: 15px;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 2px;
}
.secModel .txtPrice{
    font-size: 15px;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 13px;
}
.secModel .boxTxtAbout{
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5;
    width: 100%;
    height: 107px;
    background: #FFF7D2;
    padding: 18px 16.5px 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.secModel .boxTxtAbout2{
    padding: 9px 16.5px 0;
}
.secModel .subTxtBox{
    margin-top: 19px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fffbde;
    font-weight: bold;
    color: #e60012;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.5;
}
.secModel .boxIcon{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    background: #DEAB24;
    width: 81px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.secModel .boxIcon2{
    background: #63B437;
}
.secModel .boxIcon3{
    background: #264EB4;
    width: 114px;
}
.secModel .boxNoEntry{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 270px;
    background: rgba(0, 0, 0, 50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}
.secModel .txtIn{
    font-size: 35px;
    letter-spacing: 5px;
    color: #fff;
}

/* btnList */
.secModel .btnList{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.secModel .btnItem{
    width: 48.838%;
    margin-right: 2.324%;
}
.secModel .btnItem:nth-child(2){
    margin-right: 0;
}
.secModel .btnItem:only-child{
    width: 230px;
    margin: 0 auto;
}
.secModel .btnInner{
    height: 64px;
    background: #a40f17;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
    font-weight: bold;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
@media only screen and (max-width:767px){
    .secMap .mapTit {
        margin-top: 40px;
    }
    .secModel{
        margin-top: 86px;
    }
    .secModel .titImg{
        width: 22px;
        margin: 0 auto;
    }
    .secModel .topTitImg{
        width: 220px;
        margin: 20px auto 0;
    }
    .secModel .topTit{
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 1px;
        margin-top: 17px;
    }
    .secModel .tab-area{
        margin-top: 48px;
        flex-wrap: wrap;
    }
    .secModel .tab-area .tab{
        width: calc((100% - 11px) / 2);
        height: 37px;
        margin-right: 0;
        font-size: 12px;
        letter-spacing: 0;
    }
    .secModel .tab:nth-child(n+3){
        margin-top: 16px;
    }
    .secModel .tab-area .txtMin{
        font-size: 11px;
        letter-spacing: -1px;
        margin: 2px 0 0;
    }
    .secModel .tab.active::after{
        width: 14px;
        height: 9px;
        bottom: -8px;
        left: calc(50% - 7px);
    }
    .secModel .tab .txtSp{
        margin-top: -13px;
    }
    .secModel .tab-area .tab.active::after {
        width: 14px;
        height: 9px;
        bottom: -9px;
        left: calc(50% - 7px);
    }
    /* content-area */
    .secModel .content-area{
        margin-top: 29px;
    }
    .secModel .txtNotes {
        font-size: 13px;
        line-height: 24px;
        letter-spacing: 0px;
        margin: -6px 0 22px;
    }
    .secModel .linkBox{
        justify-content: space-between;
    }
    .secModel .item{
        width: 100%;
        display: block;
        margin-right: 0;
    }
    .secModel .item:nth-child(n+2){
        margin-top: 40px;
    }
    .secModel .item:nth-child(2n){
        margin-right: 0;
    }
    .secModel .modelInner{
        display: block;
        height: auto;
    }
    .secModel .iconBox .icon{
        font-size: 12px;
        padding: 8px 12px;
    }
    .secModel .iconBox .icon.icon01{
        padding: 8px 7px;
    }
    .secModel .iconBox .icon.icon01::before{
        right: -11px;
        border-top: 29px solid #a40f17;
        border-right: 11px solid transparent;
    }
    .secModel .img{
        padding-top: 62.899%;
    }
    .secModel .txtBox{
        margin-top: 18px;
    }
    .secModel .tit{
        font-size: 18px;
        letter-spacing: 0.5px;
        height: auto;
    }
    .secModel .txt{
        font-size: 13px;
        margin-top: 10px;
    }
    .secModel .txtPrice{
        font-size: 13px;
        letter-spacing: 0;
        margin-top: 12px;
    }
    .secModel .boxTxtAbout{
        position: relative;
        font-size: 12px;
        letter-spacing: 0;
        line-height: 1.5;
        padding: 12px 8px;
        margin-top: 18px;
        height: 87px;
    }
    .secModel .boxTxtAbout2{
        padding: 10px 8px;
    }
    .secModel .boxTxtAbout3{
        margin-top: 43px;
    }
    .secModel .subTxtBox{
        margin-top: 10px;
        height: 58px;
        font-size: 10px;
        letter-spacing: 1px;
        line-height: 1.5;
        padding: 11px 10px;
        text-align: left;
    }
    .secModel .content:nth-child(2) .subTxtBox{
        height: auto;
    }
    .secModel .boxIcon{
        font-size: 13px;
        width: 65px;
        height: 24px;
    }
    .secModel .boxIcon3{
        width: 80px;
    }
    /* btnList */
    .secModel .btnList{
        margin-top: 25px;
    }
    .secModel .btnItem{
        width: 49.276%;
        margin-right: 1.448%;
    }
    .secModel .btnItem:only-child{
        width: 185px;
        margin: 0 auto;
    }
    .secModel .btnInner{
        height: 51px;
        font-size: 14px;
        letter-spacing: normal;
        line-height: 1.5;
    }
    .secModel .btnItem:nth-child(2) .btnInner02{
        font-size: 12px;
    }
    .secModel .iconTxt{
        font-size: 10px;
        height: 20px;
    }
    .secModel .iconTxt2{
        letter-spacing: -1px;
    }
    .secModel .boxNoEntry{
        height: 0;
        padding-top: 61.899%;
    }
    .secModel .txtIn{
        font-size: 30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}
@media only screen and (max-width:340px){
    .secModel .tit{
        font-size: 17px;
    }
}

.txtReserveBnrTop{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 24px;
}
@media only screen and (max-width:767px){
    .txtReserveBnrTop{
        width: 214px;
        margin: 49px auto 11px;
    }
}

#btnEvent{
    position: fixed;
    right: 61px;
    bottom: 100px;
    z-index: 9999;
    transition: all 0.2s ease-out;
    transform: translateX(223px);
    opacity: 0;
}
#btnEvent.scroll{
    transform: none;
    opacity: 1;
}
@media only screen and (max-width:767px){
    #btnEvent{
        width: 115px;
        height: 143px;
        right: 11px;
        bottom: 30px;
    }
}

.txtPlace{
    margin-top: 10px;
    line-height: 1.5;
}
/* 251222 */
.secTaikan{
    margin-top: 149px;
}
.txtImg{
    text-align: center;
}
.txtImg img{
    width:1160px;
    margin: 0 auto;
    margin-top: 102px;
}
.linkBox{
    margin-top: 148px;
}
.secHousing{
    margin-top: 156px;
}
.secHousing .bgBox.lazyloaded{
    background: url(../img/index/bgevnt.jpg) no-repeat;
}
.secHousing .bgBox{
    height: auto;
    padding-top: 62px;
    padding-bottom: 80px;
}
.secHousing .imgHousing{
    width: 1320px;
    margin:0 auto;
    /* margin-top: 34px; */
}
.secHousing .imgHousing.parat1{
    width: 1299px;
    margin: 0 auto;
    margin-top: 62px;
}
.secHousing .secBtnBox {
    margin-top: 50px;
}
@media only screen and (max-width:767px){
    /* 251222 */
    .secTaikan{
        margin-top: 49px;
    }
    .txtImg{
        text-align: center;
    }
    .txtImg img{
        width: 66.67%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .linkBox{
        margin-top: 49px;
    }
    .secHousing{
        margin-top: 50px;
    }
    .secHousing .bgBox.lazyloaded{
        background: url(../img/index/bgevnt_sp.jpg) no-repeat;
        background-size: 100% auto;
    }
    .secHousing .bgBox{
        height: auto;
        padding-top: 16px;
        padding-bottom: 20px;
    }
    .secHousing .imgHousing{
        width: 93.045%;
        margin:0 auto;
        /* margin-top: 34px; */
    }
    .secHousing .imgHousing.parat1{
        width: 91.598%;
        margin: 0 auto;
        margin-top: 15px;
    }
    .secHousing .secBtnBox {
        margin-top: 50px;
    }
    .secTaikan .img{
        position: relative;
    }
    .secTaikan .img.lazyloaded::after{
        background: url(../img/index/imgEventIcon_1_sp.png) no-repeat;
        background-size: 100% auto;
        width: 76px;
        height: 96px;
        right: -21px;
        top: calc(0% - -88px);
        position: absolute;
        content: "";
    }
}