/* 202112-h-tag change */


.h2.logo {position: fixed;mix-blend-mode: difference;z-index: 1010;}
@media screen and (min-width: 1024px){
.h2.logo {top: 72px;left: 6.2vw;margin-left: -36px;}
.h2.logo img {width: 72px;height: 97px;}   
}
@media screen and (max-width: 1023px){
.h2.logo {top: 20px;left: 30px;}
.h2.logo img {width: 46px;height: auto;}
}

main.top .section3 .name .item .txt {font-weight: normal;}
main.hotels_detail .section2 .child ul li .left h3.tit {font-weight: normal;}
main.hotels_detail .section2 .child .copy h3{font-weight: normal;}
main.hotels_detail .section3 .child .copy h3{font-weight: normal!important;}
main.hotels_detail .section4 .child .copy h3{font-weight: normal;}
main.hotels_detail .section5 .child .upper .big_txt h2 {position: absolute;left: 0;top: 0;opacity: 0;-webkit-transition: opacity 1s;transition: opacity 1s;-webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);transition-timing-function: cubic-bezier(.25,.46,.45,.94);font-weight: normal;}
main.hotels_detail .section5 .child .upper .big_txt h2.current {opacity: 1;}
main.hotels_detail .section5 .child .upper .big_txt h2:first-of-type {position: relative;}
main.hotels_detail .section6 .child>.txt h3{font-weight: normal;}
main.hotels_detail .section6 .child .drink .left h4 {font-weight: 400;}
main.hotels_detail .section6 .child .drink .left h4 .sub_txt {color: #969ba0;}

@media screen and (min-width: 1024px){
main.hotels_detail .section6 .child .drink .left h4 .txt {font-size: 1.37672vw;}
main.hotels_detail .section6 .child .drink .left h4 .sub_txt {font-size: 1rem;margin-left: 1vw;position: relative;top: -0.3vw;font-size: .62578vw;}
}
@media screen and (max-width: 1023px){
main.hotels_detail .section6 .child .drink .left h4 .txt {font-size: 5.33333vw;display: block;margin-left: -2vw;}
main.hotels_detail .section6 .child .drink .left h4 .sub_txt {font-size: 2.66667vw;display: block;}
}

@media screen and (min-width: 1024px){
main.hotels_detail .section7 .child .map h3.txt {left: 50vw;margin-left: -14vw;position: relative;display: inline-block;font-size: 1.37672vw;margin-bottom: 3vw;font-weight: normal;}
}

@media screen and (max-width: 1023px){
main.hotels_detail .section7 .child .map h3.txt {font-size: 5.33333vw;position: relative;left: 7vw;font-weight: normal;}
}

@media screen and (min-width: 1024px){
main.hotels_detail .section7 .child .map .howto .case .h3 {font-size: 1.37672vw;font-weight: normal;}
main.hotels_detail .section7 .child .map .howto .case .item .head {margin-top: 1.1vw;font-weight: normal;}
}

@media screen and (max-width: 1023px){
main.hotels_detail .section7 .child .map .howto .case .h3 {font-size: 5.33333vw;margin-bottom: 3vw;font-weight: normal;}
main.hotels_detail .section7 .child .map .howto .case .item .head {margin-top: 0;font-weight: normal;}
}
main.hotels_detail .section8 .child .items .item .item_child .body ul li a h4{font-weight: normal;}
main.hotels_detail .section8 .child .items .item .item_child .head {font-weight: normal;}

/*--ALL footer--*/
footer .child .logo_f {position: absolute;}
footer .child .logo_f img {width: 52px;height: 55px;}

@media screen and (min-width: 1024px){
footer .child .logo_f {right: 4.6vw;bottom: 3.1vw;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
footer .child .logo_f {right: 5vw;bottom: 56px;}
footer .child .logo_f img {width: 39px;height: 41px;}
}
@media screen and (max-width: 1023px){
footer .child .logo_f {display: none;}
}



/*--reservation-*/


@media screen and (min-width: 1024px){
main.reserve .section1 .child .list h2{display: block;}
main.reserve .section1 .child .list h2.pc_none {display: none;}    
main.reserve .section1 .child .list .contents_nav h2 {font-size: 1.1rem;font-weight: 400;padding-top: 2px;border-bottom: 1px solid #ebedf0;display:inherit;position: inherit;left: inherit;}
main.reserve .section1 .child .list .items h2 {font-size: 1.1rem;font-weight: 400;padding-top: 2px;border-bottom: 1px solid #ebedf0;display:inherit;position: inherit;left: inherit;}
}

@media screen and (max-width: 1023px){
main.reserve .section1 .child .list .items h2 {display: none;}
}

@media screen and (min-width: 1024px){
main.reserve .section1 .child .list .items ul li.item a h3.hotels_tit {white-space: nowrap;margin-top: 0.2vw;font-size: 2.0025vw;margin-left: 2.5vw;letter-spacing: .2em;font-weight: normal;padding-top: 0;border-bottom: none;}
    
main.reserve .section1 .child .list .items ul li.item a .cont .chunk .lower h3.address {margin-left: 2.4vw;margin-top: -0.4vw;font-size: .8761vw;color: #969ba0;font-weight: normal;padding-top: 0;border-bottom: none;}
}

@media screen and (max-width: 1023px){
main.reserve .section1 .child .list .items h3.address,main.reserve .section1 .child .list .items ul li.item a h3.hotels_tit {display:inherit;font-weight: normal;}
}

main.reserve .section2 .child .items .item h3.head, main.reserve .section3 .child .items .item h3.head, main.reserve .section4 .child .items .item h3.head {font-weight: normal;}
main.reserve .section2 .child .items .item .body h4, main.reserve .section3 .child .items .item .body h4, main.reserve .section4 .child .items .item .body h4 {font-weight: normal;}


@media screen and (max-width: 1023px){
    /*main.reserve .section1 .child .list .items ul li.item a .btn {
        padding: 2.2vw 0 2.2vw 6.4vw;
    }*/
    main.reserve .section1 .child .list .items ul li.item a .hotels_tit {
    letter-spacing: .2em;
    }
}

/*--HOTELS-*/
main.hotels .section1 .child .list .items ul li.item .hotels_tit h4{font-weight: normal;}


/*--About loof --*/
main.about .section1 .child h2 span {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
@media screen and (min-width: 1024px){
main.about .section1 .child h2 {
    letter-spacing: .25em;
    margin-top: -14.4vw;
    left: 50%;
    margin-left: -27.6vw;
    font-size: 3.12891vw;
    display: inline-block;
    position: relative;
    font-weight: 100;
}
}

@media screen and (max-width: 1023px){
main.about .section1 .child h2 {
    font-size: 6.66667vw;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 27vw;
    left: 50%;
    margin-left: -7vw;
    letter-spacing: .25em;
    position: relative;
    font-weight: 100;
}
    }

@media screen and (min-width: 1024px){
main.about .section2 .child h3 {
    left: 50%;
    margin-left: -30vw;
    top: 2.4vw;
    line-height: 2.5;
    letter-spacing: .06em;
    font-size: 1.00125vw;
    position: relative;
    font-weight: normal;
}
}

@media screen and (max-width: 1023px){
main.about .section2 .child h3 {
    font-size: 3.2vw;
    position: relative;
    left: 7vw;
    margin-top: 6vw;
    width: 86vw;
    letter-spacing: .04em;
    font-weight: normal;
}
}

@media screen and (min-width: 1024px){
main.about .section2 .child .child_section ul li h3.tit {
    font-size: 1.37672vw;
    position: relative;
    width: 8vw;
    right: 0.6vw;
    top: 2vw;
    letter-spacing: .14em;
    margin-left: 0;
    left: inherit;
    line-height: inherit;
    }
}
main.about .section2 .child .child_section ul li h3.tit:before{display: none;}

@media screen and (max-width: 1023px){
main.about .section2 .child .child_section ul li h3.tit {
    font-size: 5.33333vw;
    width: 11.5vw;
    position: relative;
    top: 10vw;
    letter-spacing: .15em;
    margin-top: 0;
    left: auto;
    line-height: inherit;
}
}

/**hotels index***/

.kana{vertical-align: sub;display: inline-block;font-size: 11px;}

@media screen and (max-width: 1164px){
    .kana{vertical-align: sub;text-align:center;}
}
@media screen and (max-width: 1023px){
    .kana{ vertical-align: middle;
    padding-top: 10px;display: inline-block;text-align:left;}
}

@media screen and (max-width: 375px){
     .kana{ vertical-align: middle;
    padding-top: 7px;
    }
}
@media screen and (max-width: 320px){
     .kana{ vertical-align: middle;
    padding-top: 5px;
}
}
    
@media screen and (min-width: 1024px){
main.hotels .section1 .child .list .items ul li.item .hotels_tit .name {
    margin-left: .4vw;
}
main.hotels .section1 .child .list .items ul li.item .hotels_tit .area {
    padding: 6px 8px;}
}
@media screen and (max-width: 1023px){
main.hotels .section1 .child .list .items ul li.item .hotels_tit .name {
    margin-left: .5vw;
}
}
main.hotels .section1 .child .list .items ul li.item .hotels_tit .name {
    letter-spacing: .2em;
}
@media screen and (max-width:425px){
main.hotels .section1 .child .list .items ul li.item .hotels_tit .name {
    margin-left: 1.5vw;
}
}

/** 20220712 TOP**/




.tp{ position: absolute;
    display: block;
    z-index: 1000000000;
    background: #2d1a1e;
    font-size: 13px;
    
}
.tp ul{width: 100%;}
.tp li{padding-left: 13px;height:48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.tp li:nth-child(2){border-top:1px solid #FFF;}
.tp a{color: #FFF;padding:1rem 1rem 1rem 32px;line-height:1;background-image: url(../image/icon_top.svg);background-repeat: no-repeat;background-size: 22px;background-position: left;}

@media screen and (min-width: 1024px){
    .tit_innews{height: 28px;font-size: 13px;font-weight: bold;border-bottom:1px solid #FFF;color: #FFF;padding-left: 13px;}
    .tp{
    bottom:27px;
    right: 4vw;
    width: 390px;
    }
    .tp li:nth-child(2){display: none;}
    main.top .hero .btn2 {
    right:inherit;
    left:16.3vw ;
    bottom: 32%;}
}

@media screen and (max-width: 1023px){
    .tp{
    bottom: 8%;
    right: 0;
    width:  100%;
    }
    .tp .tit_innews{display: none;}
    main.top .hero .scroll {top:460px !important;}
}

/* support iOS 
html{
  height: -webkit-fill-available;
}
body{
  min-height: 100vh;
min-height: -webkit-fill-available;
  
}*/



/* 202220805  company */

@media screen and (min-width: 1024px){
main.company .section9 .child .cp_slide_box {
    position: relative;
    margin-top: 1vw;
    left: 23vw;
    width: 61.5vw;
}
}


@media screen and (max-width: 1023px){
main.company .section9 .child .cp_slide_box {
    width: 84vw;
    position: relative;
    left: 8vw;
    margin-top: 4vw;
}
}


/** 20231109 hotels link  **/


@media screen and (min-width: 1024px){
ul.move_link_lists{
    font-size: 1.5rem;
    display: flex;
    width: 50%;
    justify-content: space-around;
    padding-left: 30%;
}
}
@media screen and (max-width: 1023px){
    ul.move_link_lists{
    font-size: 1.3rem;
    display: flex;
    width:87vw;
    justify-content: flex-end;
    padding-left:0;
    margin: 26.6vw auto 0;
        flex-wrap: wrap;
}
    ul.move_link_lists li{
        margin-right: 2rem;
        margin-bottom: 1rem;
    }
        ul.move_link_lists li a{
        padding: 1rem;
    }
}