@charset "utf-8"; /* ==============================
 * common - 컨텐츠 공통
 * ============================== */
/* ==============================
 * main
 * ============================== */
.mainVisual {
    position: relative;
    z-index: 60;
    height: 100%;
    background: #ddd;
}

.mainVisual .normalSwiper {
    height: 100%;
}

.mainVisual .swipeType3 {
    height: 100%;
}

.mainVisual .cont {
    height: 100%;
    color: #fff;
}

.mainVisual .cont .division {
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    display: table;
    width: 100%;
    overflow: hidden;
}

.mainVisual .cont .division strong {
    position: relative;
    display: table-cell;
    padding: 0 8px 0 16px;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    line-height: 20px;
}

.mainVisual .cont .division strong:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 8px;
    border-bottom: 1px solid #e7e3e0;
}

.mainVisual .cont.ty1 .division strong:before {
    content: none;
}

.mainVisual .cont .division span {
    position: relative;
    display: table-cell;
    width: 100%;
    height: 20px;
}

.mainVisual .cont .division span:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    width: 100%;
    border-bottom: 1px solid #e7e3e0;
}

.mainVisual .cont > .inner {
    position: absolute;
    bottom: 44px;
    left: 0;
    width: 100%;
    padding: 0 16px;
}

/* .mainVisual .cont > .inner .title.ty1:before {background-position:0 0;} XXXX*/
/* .mainVisual .cont > .inner .title.ty2:before {background-position:0 -21px;} XXXX*/
/* .mainVisual .cont > .inner .title.ty3:before {background-position:0 -42px;} XXXX*/
/* .mainVisual .cont > .inner .title.ty4:before {background-position:0 -63px;} XXXX*/
.mainVisual .cont > .inner .linkBox {
    margin-top: 17px;
    display: none;
}

.mainVisual .cont > .inner .linkBox ul {
    overflow: hidden;
    width: calc(100% + 8px);
}

.mainVisual .cont > .inner .linkBox ul li {
    float: left;
}

.mainVisual .cont > .inner .linkBox ul li + li {
    padding-left: 8px;
}

.mainVisual .cont > .inner .linkBox .ty1 li {
    width: 50%;
}

.mainVisual .cont > .inner .linkBox .ty1 li:first-child {
    width: calc(50% - 8px);
}

.mainVisual .cont > .inner .linkBox .ty2 li {
    width: 33.3%;
}

.mainVisual .cont > .inner .linkBox .ty2 li:first-child {
    width: calc(33.3% - 8px);
}

.mainVisual .cont > .inner .linkBox ul li a {
    display: block;
}

.mainVisual .cont > .inner .linkBox ul li .inner {
    position: relative;
}

.mainVisual .cont > .inner .linkBox ul li .inner .txt {
    position: relative;
    z-index: 1;
    height: 92px;
    padding: 14px 16px 16px 16px;
    background: url(../images/common/icon/icon_arrow3.png) no-repeat left 16px bottom 16px;
    background-size: 21px 5px;
    text-align: left;
    color: #fff;
}

.mainVisual .cont > .inner .linkBox ul li .inner .txt span {
    display: block;
    padding-bottom: 3px;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    opacity: 0.5;
    text-transform: uppercase;
    white-space: nowrap;
}

.mainVisual .cont > .inner .linkBox ul li .inner .txt strong {
    display: block;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}

.mainVisual .cont > .inner .linkBox li .dimmed.ty1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #7d6955;
    opacity: 0.8;
}

.mainVisual .cont > .inner .linkBox li .dimmed.ty2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #977e5c;
    opacity: 0.8;
}

.mainVisual .cont > .inner .linkBox li .dimmed.ty3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #72685a;
    opacity: 0.8;
}

.mainVisual .cont > .inner .linkBox li .dimmed.ty4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3a3d36;
    opacity: 0.8;
}

.mainVisual .swipeType3 .swiper-pagination {
    position: absolute;
    bottom: 20px;
}

.mainVisual .swipeType3 .bullet {
    position: absolute;
    bottom: 20px;
    left: 0;
    top: auto;
    width: 100%;
    z-index: 55;
}

/* ==============================
 * content
 * ============================== */
.mainCont {
}

.mainCont.bg {
    background: #F9F9F9;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    margin: 0 -16px;
    padding-bottom: 35px;
}

.mainCont.bg .itemWrap {
    padding: 0 16px;
}

.mainCont + .mainCont {
    margin-top: 25px;
}

.mainCont > h2 {
    font-size: 20px;
    color: #333;
}

.mainCont > h2 + .subTxt {
    padding: 11px 0 0 0;
    color: #333;
    line-height: 18px;
}

/* 2020-11-20 오퍼검색 추가  start */
.MofferTit {
    line-height: 17px;
}

.MnewOfferSearchArea {
    padding: 10px 16px 8px;
}

.MnewOfferSearchArea>article {
}

.MnewOfferSearchArea .MofferSearchSect {
}

.MnewOfferSearchArea .MofferSearchSect .MofferTit {
    font-size: 12px;
    color: #9c836a;
    font-weight: 300 !important;
    display: block;
}

.MnewOfferSearchArea .MofferSearchSect .checkInDate .MofferTit {
    letter-spacing: -2px;
}

.MnewOfferSearchArea .MofferSearchSect .htlDivisonClick h3 {
    font-size: 16px;
    color: #333333;
    line-height: 31px;
    font-weight: normal;
}

.MnewOfferSearchArea .MofferfloatArea {
    font-size: 0;
    padding: 18px 0 14px;
}

.MnewOfferSearchArea .MofferfloatArea em {
    line-height: 36px;
}

/*달력부분*/
.MnewOfferSearchArea .McalendarSect .offer_Htl {
    display: none;
}

.MnewOfferSearchArea .McalendarSect .offer_PKG {
    display: none;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl.on {
    display: block;
}

.MnewOfferSearchArea .McalendarSect .offer_PKG.on {
    display: block;
}

.MnewOfferSearchArea .MofferfloatArea .McalendarSect {
    display: inline-block;
    width: 67%;
    vertical-align: top;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl>ul {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl>ul>li {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    margin-right: 17px;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl>ul>li.nights {
    text-align: center;
}

/* .MnewOfferSearchArea .McalendarSect .offer_Htl>ul>li:last-child{margin-right:0;} */
.MnewOfferSearchArea .McalendarSect .offer_Htl>ul>li>p {
    display: inline-block;
    font-size: 10px;
    margin-top: 5px;
}

.MnewOfferSearchArea .McalendarSect .ofDateM {
    font-size: 10px;
    color: #333;
}

.MnewOfferSearchArea .McalendarSect .ofDateD {
    font-size: 26px;
    color: #333;
    display: inline-block;
    font-family: roboto;
    font-weight: 500;
    font-style: initial !important;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl .ofDateD {
    float: right;
}

.MnewOfferSearchArea .McalendarSect .offer_PKG>p>.ofDateD {
    margin-left: 6px;
}

.MnewOfferSearchArea .McalendarSect .offer_PKG>p>.ofDateD:first-child {
    margin-left: 0px;
}

.MnewOfferSearchArea .McalendarSect .ofDateN {
    font-size: 12px;
    color: #333333;
    margin-top: 10px;
}

.MnewOfferSearchArea .McalendarSect .ofDateT {
    font-size: 10px;
    color: #999;
}

.MnewOfferSearchArea .McalendarSect .ofStaySect {
    display: inline-block;
}

.MnewOfferSearchArea .McalendarSect .offer_PKG>p {
    font-size: 30px;
    color: #333;
}

/*인원선택부분*/
.MnewOfferSearchArea .MofferfloatArea .MguestSect {
    display: inline-block;
    width: 33%;
    vertical-align: top;
    padding: 0px 8px 0px 16px;
    ; text-align: left;
}

.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList {
    font-size: 0;
}

.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList>li {
    display: inline-block;
    text-align: center;
    margin-right: 16px;
}

.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList>li:last-child {
    margin-right: 0;
}

.MnewOfferSearchArea .MofferfloatArea .MguestSect .guestsList>li>em {
    font-size: 26px;
    color: #333;
    display: inline-block;
    font-family: roboto;
    font-weight: 500;
    font-style: initial !important;
    margin-top: 4px;
}

/*검색버튼*/
.MnewOfferSearchArea .offerBtnArea {
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 8.5px 0;
    background-color: #9c836a;
    margin-top: 0px;
    line-height: 20px;
}

.MnewOfferSearchArea .offerBtnArea>button {
    vertical-align: baseline;
}

/*오퍼 팝업*/
.MnewOfferSearchArea .MofferClickArea {
    cursor: pointer;
}

.MnewOfferSearchArea .MofferSelectPop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
    padding-bottom: 80px;
    overflow: auto;
}

.MnewOfferSearchArea .MofferSelectPop.on {
    display: block;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectHd {
    padding: 23px 15px 34px;
    position: relative;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectHd>h3 {
    text-align: center;
    font-size: 17px;
    color: #191919;
    font-weight: bold;
}

/* .MnewOfferSearchArea .MofferSelectPop .MofferSelctClose{position:absolute;top:23px; left:15px; font-size:0; width:15px; height:15px; background:url(../images/common/icon/M_ic_close.png) no-repeat;background-size:cover; } */
.MnewOfferSearchArea .MofferSelectPop .MofferSelctClose {
    position: absolute;
    top: 23px;
    left: 15px;
    font-size: 0;
    width: 15px;
    height: 15px;
    background: url(../images/common/btn/btn_layerclose.gif) no-repeat;
    background-size: cover;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect {
    padding: 0 40px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea {
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li {
    text-align: center;
    padding: 18px 20px;
    border: 1px solid #e9e5e2;
    margin-top: 12px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.on {
    border: 1px solid #9c836a;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li:first-child {
    margin-top: 0;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img {
    display: inline-block;
    max-width: 100%;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>p {
    margin-top: 8px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectFt {
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectFt .MofferSelectComp {
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 18px 0;
    background-color: #9c836a;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

/*인원설정 팝업*/
.MbtnOff {
    pointer-events: none;
    opacity: 0.5;
}

.MguesetDivisionArea.on {
    display: block;
}

.MguesetDivisionArea {
    display: none;
}

.MnewOfferSearchArea .MofferSelectPop .MpersonTit {
    font-size: 14px;
    color: #333333;
    position: relative;
    top: 6px;
}

.MnewOfferSearchArea .MofferSelectPop .MpersonNum {
    font-size: 20px;
    color: #333333;
    font-weight: 400;
    display: inline-block;
    margin: 0 28px;
}

.MnewOfferSearchArea .MofferSelectPop .MnewPersonSect {
    padding: 14px 0;
    border-bottom: 1px solid #e7e3e0;
}

.MnewOfferSearchArea .MofferSelectPop .MnewPersonSect:after {
    display: block;
    content: '';
    clear: both;
}

.MnewOfferSearchArea .MofferSelectPop .MguestTitsect {
    float: left;
}

.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect {
    float: right;
}

.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect>button {
    width: 25px;
    height: 25px;
    font-size: 26px;
    position: relative;
    border: 1px solid #373532;
    border-radius: 50%;
    top: -8px;
}

.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect .MpersonPlus:after {
    display: block;
    content: '';
    width: 10px;
    height: 1px;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect .MpersonPlus:before {
    display: block;
    content: '';
    width: 1px;
    height: 10px;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.MnewOfferSearchArea .MofferSelectPop .MguestBtnSect .MpersonMinus:after {
    display: block;
    content: '';
    width: 10px;
    height: 1px;
    background-color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.MnewOfferSearchArea .MofferSelectPop article {
    margin-top: 20px;
}

.MnewOfferSearchArea .MofferSelectPop article>strong {
    font-size: 14px;
    position: relative;
    color: #333333;
}

.MnewOfferSearchArea .MofferSelectPop article .guesetInfoTxt {
    margin-top: 10px;
}

.MnewOfferSearchArea .MofferSelectPop article .guesetInfoTxt>li {
    font-size: 12px;
    color: #666666;
    position: relative;
    padding-left: 12px;
    line-height: 18px;
    word-break: keep-all;
}

.MnewOfferSearchArea .MofferSelectPop article .guesetInfoTxt>li:before {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    content: '';
    clear: both;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #666666;
}

.mainVisual .cont > .inner .linkBox ul li .inner .txt {
    display: none;
}

.mainVisual .cont .division {
    display: none;
}

/* 2020-11-20 오퍼검색 추가  end */
@media screen and (max-width: 640px) {
}

/*2020-12-14 추가*/
.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img {
    display: inline-block;
    max-width: 45%;
}

/*2020-12-15 추가*/
.MnewOfferSearchArea .htlDivisonClick {
    font-size: 0;
}

.MnewOfferSearchArea .htlDivisonClick .MofferTit {
    display: inline-block;
    width: 40%;
}

.MnewOfferSearchArea .htlDivisonClick h3 {
    display: inline-block;
    width: 60%;
    line-height: 0;
    vertical-align: top;
}

.MnewOfferSearchArea .htlDivisonClick h3>img {
    width: 137px;
}

/*메인페이지 호텔패키지 선택 수정 start ex)나중에 변경가능*/
.MnewOfferSearchArea .htlDivisonClick h3 {
    width: 100%;
    display: block;
    text-align: center;
}

.MnewOfferSearchArea .htlDivisonClick h3>img {
    width: 120px;
}

/*메인페이지 호텔패키지 선택 수정 end ex)나중에 변경가능*/
.swiper-slide .inner .newLinkBtn {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    letter-spacing: -0.17px;
    width: 94px;
    text-align: center;
    padding: 6px 0;
    background-color: rgba(255,255,255,0.1);
    -webkit-text-size-adjust: none;
    margin-top: 11px;
    -webkit-transform: scale(0.83);
    margin-left: -7px;
}

@media (orientation: landscape) {
    .confLayerContent {
        max-height:43vh !important;
    }
}

.newScrollArea {
    text-align: center;
    margin-top: 10px;
}

.newScrollArea>p {
    font-size: 10px;
    color: #9C836A;
    font-weight: 300;
}

.newScrollArea>p>img {
    width: 8px;
    display: block;
    margin: 4px auto 0;
}

@media screen and (max-width: 340px) {
    .MnewOfferSearchArea .MofferfloatArea .MguestSect {
        padding: 0px 8px 0px 16px;
    }
}

/*2021-07-13 메인페이지 공지 띠배너 추가*/
.mobile #wrap .headerFixed {
    position: relative;
    z-index: 100;
    transition: 0.3s;
}

.mobile #wrap .headerFixed .notiSbu {
    background: #4d4843;
    position: relative;
    text-align: left;
    overflow: hidden;
    text-transform: uppercase;
    padding: 11px 16px;
}

.mobile #wrap .headerFixed .notiSbu .notiSbuClose {
    position: absolute;
    top: 11px;
    right: 16px;
    width: 10px;
    height: 9.5px;
}

.mobile #wrap .headerFixed .notiSbu .notiSbuClose:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
}

.mobile #wrap .headerFixed .notiSbu .notiSbuClose:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    width: 10px;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
}

.mobile #wrap .innerBoxIcon {
    position: absolute;
    left: 16px;
    top: 14px;
    font-size: 11px;
    color: #333;
}

.mobile #wrap .innerBoxIcon img {
    vertical-align: top;
    width: 13px;
    height: 14px;
}

.mobile #wrap .innerBoxText {
    height: 100%;
    display: table;
    color: #666;
}

.mobile #wrap .innerBoxText .textDiv {
    font-size: 11px;
    overflow: hidden;
    text-align: left;
    line-height: 16px;
    display: table-cell;
    vertical-align: middle;
    visibility: hidden;
    word-break: break-word;
}

.mobile #wrap .innerBoxText .textDiv>font {
    color: #fff;
    font-size: 13px;
    letter-spacing: -0.11px;
    font-weight: normal;
}

.mobile #wrap .innerBoxText .textDiv>font>a {
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}

.mobile #wrap .innerBoxText .noticeMore {
    color: #9c836a !important;
    margin-left: 6px;
}

.scrollFix {
    top: 45px;
}

#headerWrap.headerWrapIndex {
    transition: 0.3s;
}

#headerWrap.scrTop {
    top: -40px !important;
}

#headerWrap.headerWrapIndex .menuBtn.etc {
    bottom: 22px;
    top: auto;
}

.fs12px {
    font-size: 12px !important;
}

.fs18px {
    font-size: 18px !important;
}

.fs20px {
    font-size: 20px !important;
}

.fw600 {
    font-weight: 600 !important;
}

.MnewOfferSearchArea .MofferfloatArea {
    padding: 10px 0 10px;
}

.MnewOfferSearchArea .MofferSelectPop {
    padding-bottom: 50px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li {
    margin-top: 10px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.MHtlOpn {
    padding: 12px 20px 9px 20px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.MPkgOpn {
    padding: 12px 20px 10px 20px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.bdNonePd0 {
    border: none;
    padding: 0px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li.borderline {
    border-top: 1px solid #9c836a;
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding: 0px;
    margin: 25px -20px 0px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li ul>li {
    text-align: left;
    color: #9C836A;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li ul>li.facSubTit {
    margin-left: 20px;
    margin-top: 25px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>p {
    margin-top: 2px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.ht {
    max-width: 55.5%;
    padding-bottom: 7px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.ap {
    max-width: 59%;
    padding-bottom: 9px;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.cm {
    max-width: 45%;
}

.MnewOfferSearchArea .MofferSelectPop .MofferSelectSect>.htlPkgChoiceArea>li>img.wb {
    max-width: 35.5%;
}

.condLine {
    width: 6%;
    height: 50px;
    border-right: 1px solid rgb(153,153,153,0.25);
    margin-top: 0px;
    display: inline-block;
}

.offer_Htl ul.checkInDate {
    width: 38.5%;
}

.offer_Htl ul.checkInDate>li.date {
    margin: 0;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night {
    width: 16%;
    text-align: center;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night p {
    font-size: 12px;
    margin-top: 10px;
    display: block;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night li.nights {
    margin: 0;
}

.MnewOfferSearchArea .McalendarSect .offer_Htl .ofStaySect.night li.nights img {
    width: 16.5px;
    margin-top: 5px;
}

.guestsList li {
    margin: 0 !important;
}

.guestsList li.clickAdult {
    width: 55%;
}

.guestsList li.clickChild {
    width: 45%;
}

.MnewOfferSearchArea .MofferfloatArea .MguestSect {
    padding: 0;
}

.pt20 .notiTxt2 {
    text-align: left;
    word-break: break-word;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.ocHalf {
    opacity: 0.5;
}

/* main contents - 2023.02.27 */
.mainVisual .cont > .inner > i {
    display: block;
    width: 21px;
    height: 21px;
}

.mainVisual .cont > .inner .title {
    position: relative;
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 8vw;
    line-height: 8.8vw;
    text-transform: uppercase;
}

.mainVisual .cont > .inner .title + .title {
    font-weight: 300;
    margin-top: 10px;
    font-size: 3.75vw;
    line-height: 5.05vw;
    text-transform: initial;
}

.mainVisual [class^=ty].cont.new {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* main one image, 2022.09.13 - JA
.mainVisual .cont.ty1 {background:url(../images/main/new_img_mainVisual01.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty1.newty1 {background:url(../images/main/Its-Summer_3.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty1.newty1 {background:url(../images/main/230216_CLEAN_PARADISE_MOB_750x1176.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty2 {background:url(../images/main/new_img_mainVisual02.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty2 {background:url(../images/main/230216_CLEAN_PARADISE_MOB_750x1176.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty2.newty2 {background:url(../images/main/Its-Summer_C_3.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty3 {background:url(../images/main/new_img_mainVisual03.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty3 {background:url(../images/main/new_img_mainVisual02.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty3.newty3 {background:url(../images/main/crop_210916_mo_ver2.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty3 {background:url(../images/main/4th_MOB_750x1194_crop_01.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty4 {background:url(../images/main/new_img_mainVisual04.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty4.newty4 {background:url(../images/main/Its-Summer_W_3.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty4 {background:url(../images/main/img_mainVisual05.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty5 {background:url(../images/main/M_640x700_Baccarat.png) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty5.newty5 {background:url(../images/main/210713_LUCKY-GOLDEN-KEY_MOB_750x1176_crop.jpg) no-repeat; background-size:cover; background-position: center;}
.mainVisual .cont.ty5{background:url(/mobilePub/static/images/main/220120_saturday_lucky_chips_event_m.jpg) no-repeat;background-size:cover;background-position:center;}
*/
/* main icon renewal, 2022.09.08 - JA
.mainVisual .cont > .inner .title:before{display:none;}
.mainVisual .cont > .inner .title.newtyicon:before{display:inline-block;}
.mainVisual .cont > .inner .title.newtyicon:before{}
.mainVisual .cont.ty1 > .inner .title.newtyicon:before{background-position:0 -21px}
.mainVisual .cont.ty2 > .inner .title.newtyicon:before{background: url(../images/main/icon_cimer.svg) no-repeat;background-size:cover; width:24px;height:24px;}
.mainVisual .cont.ty4 > .inner .title.newtyicon:before{background: url(../images/main/icon_wonder.svg) no-repeat;background-size:cover; width:26px;height:26px;}
.mainVisual .cont.ty5 > .inner .title.newtyicon:before{background: url(https://www.p-city.com/pcPub/static/images/main/icon_main_visual.png) no-repeat 0 -45px;background-size:cover; width:26px;height:26px;}
.mainVisual .cont > .inner .title.newtyicon + .title{font-weight:300; margin-top:10px;}
*/
.containerIndex .mainCont.bg .itemWrap .itemMore {
    right: 32px;
}

.containerIndex .itemWrap .btnMoreTxt {
    font-size: 14px;
    letter-spacing: -1px;
}

.containerIndex .itemWrap h2 {
    font-size: 22px;
    color: #9C836A;
    font-weight: 600;
    line-height: 29px;
    padding: 0 0 0 16px;
    font-family: "Noto Sans", "Noto Sans CJK JP","Noto Sans CJK JP Subset", sans-serif;
}

.containerIndex .itemWrap h2 + .subTxt {
    padding: 10px 16px 15px;
}

.containerIndex .mainCont .swiper-container.Type1 {
    padding-top: 17px;
}

.containerIndex .mainCont .swiper-container.typeFull {
    width: 100%;
    height: auto;
}

.containerIndex .mainCont .itemWrap > div.shadow {
    box-shadow: 0px 7px 8px #00000033;
    margin-bottom: 14px;
}

.containerIndex .mainCont .swiper-container.typeFull .swiper-slide {
}

.containerIndex .mainCont .swiper-container.typeFull .swiper-slide .title {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 100%;
    color: #fff;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Noto Sans', sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px 0 0;
    z-index: 1
}

.containerIndex .mainCont .swiper-container.typeFull .swiper-slide img {
    width: 100%;
}

.containerIndex .mainCont .swiper-container.typeFull .swiper-slide .title {
    display: block;
    top: 0px;
    left: 0px;
    bottom: 0px;
    padding: 0px;
}

.containerIndex .mainCont .swiper-container.typeFull .swiper-slide .title>span {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.containerIndex .mainCont .swiper-container.typeFull .swiper-slide.dim:before {
    display: block;
    content: '';
    width: 100%;
    height: calc(100% - 2px);
    position: absolute;
    background: url(/mobilePub/static/images/main/dim.png) no-repeat;
    background-size: 100%;
    top: 2px;
}

.containerIndex .mainCont .Type1 .swiper-slide {
    border: none;
    width: 217px;
}

.containerIndex .mainCont .itemThumb > img {
    max-width: 217px;
    max-height: 142px;
}

.containerIndex .mainCont .itemDetail {
    background: #fff;
    border: 1px solid #E9E5E2;
    border-top: none;
    padding: 15px 14px 20px;
}

.containerIndex .mainCont .itemDetail strong {
    line-height: 17px;
    font-family: "Noto Sans", "Noto Sans CJK JP","Noto Sans CJK JP Subset", sans-serif;
}

.containerIndex .mainCont .itemDetail .txt {
    font-size: 12px;
    margin-top: 8px;
    line-height: 17px;
}

.containerIndex .mainCont .itemDetail .itemPrice {
    display: block;
    margin-top: 20px;
}

.containerIndex .mainCont .itemDetail .itemPrice .price1 + .wave {
    color: inherit;
}

.containerIndex .mainCont .itemDetail .date {
    color: #999;
    line-height: 17.5px;
    padding: 10px 0 0 0;
    font-weight: 200;
}

.containerIndex .mainCont .sTitle {
    color: #333;
    font-weight: bold;
    line-height: 20px;
    margin: 6px 0 10px;
}

#footerWrap .footerTop > .inner {
    padding: 24px 16px 0 16px;
}

#footerWrap .footerTop .subLogoWrap {
    text-align: right;
    padding: 5.5vw 16px 30px 0;
    border-bottom: 1px solid #474645;
}

#footerWrap .footerTop .subLogoWrap>img {
    width: 9.5vw;
    height: auto;
    margin: 0px;
}

#footerWrap .footerTop .subLogoWrap>img+img {
    margin-left: 1.5vw;
}

.inner .footerLinkMIddle {
    margin-top: 5px;
    position: relative;
    overflow: inherit;
}

.inner .footerLinkMIddle .familySite {
    display: inline-block;
    width: 39.5%;
    padding-top: 0px;
}

.inner .footerLinkMIddle .familySite .selectbox {
    height: 23px;
    font-size: 12px;
}

.inner .footerLinkMIddle .snsNew {
    float: none;
    margin: 0;
    position: absolute;
    bottom: -16vw;
    overflow: inherit;
    font-size: 0px;
}

.inner .footerLinkMIddle .snsNew a {
    display: inline-block;
    width: 9.5vw;
    height: 9.5vw;
}

.inner .footerLinkMIddle .snsNew a + a {
    margin-left: 1.5vw;
}

.inner .footerLinkMIddle .snsNew a.line {
    background: url('../images/main/footer_SNS_m_line.png') no-repeat;
    background-size: 100%;
}

.inner .footerLinkMIddle .snsNew a.twit {
    background: url('../images/main/footer_SNS_m_twitter.png') no-repeat;
    background-size: 100%;
}

.inner .footerLinkMIddle .snsNew a.inst {
    background: url('../images/main/footer_SNS_m_instagram.png') no-repeat;
    background-size: 100%;
}

.inner .footerLinkMIddle .snsNew a.ytub {
    background: url('../images/main/footer_SNS_m_youtube.png') no-repeat;
    background-size: 100%;
}

.inner .footerLinkMIddle .appBtn {
    display: inline-block;
    width: 60.5%;
    text-align: right;
}

.inner .footerLinkMIddle .appBtn > a {
    display: inline-block;
    width: 44.5%;
}

.inner .footerLinkMIddle .appBtn > a img {
    width: 100%;
}