.f-yumin {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.f-yugo {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/*fullpage custom */
.fp-tableCell {
    /* padding: 20px 0; */
}

#sizeDetect {
    font-family: 'SP';
    display: none;
}

.br-pc {
    display: none;
}

.br-sp {
    display: block;
}

#btnPagetop-pc {
    display: none;
}

/* ------------------------------------------
  keyVisual　-- sp --
------------------------------------------ */
#prekeyVisual {padding: 0 10px 15px; margin: 0;z-index: 999;background: #fff;}
#prekeyVisual h1 { text-align: center; }
#prekeyVisual h1 img.splogo { max-width: 253px; margin: auto;}
#prekeyVisual img.sp { max-width: 300px;margin: auto; }
#prekeyVisual ul { margin-top: 15px; text-align: center; }
#prekeyVisual ul img { width: 100%; max-width: 370px; }
#prekeyVisual ul .jdsCoponSwitch { background: #ba0100; color: #FFF; text-align: center; font-size: 13px; line-height: 1; padding: 5px 0; cursor: pointer; }
#prekeyVisual ul .jdsCoponSwitch span { display: inline-block; padding-right: 16px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markplus.gif) top right no-repeat; }
#prekeyVisual ul .active-submenu span { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/markminus.gif); }
#prekeyVisual ul .foreg { padding: 10px; border: 1px solid #ba0100; font-size: 12px; line-height: 1.3em; }
#prekeyVisual ul .foreg span { text-decoration: underline; }
#prekeyVisual .pc {display: none;}
#prekeyVisual .sp {display: block;}


/*...........................
SVG TEXT
...........................*/
.svgText {
    opacity: 0;
}


/*----------------------
ひらがな
-----------------------*/
.svgText #logo-mask .maskElm {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 15px;
    stroke-dasharray: 300;
    stroke-dashoffset: 300;
    animation: logo_anime 0.4s ease-in-out forwards;
}

@keyframes logo_anime {
    0% {
        stroke-dashoffset: 300;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

.svgText #logo-mask .stroke0 {animation-delay: 0.0s;}
.svgText #logo-mask .stroke1 {animation-delay: 0.1s;}
.svgText #logo-mask .stroke2 {animation-delay: 0.2s;}
.svgText #logo-mask .stroke3 {animation-delay: 0.3s;}
.svgText #logo-mask .stroke4 {animation-delay: 0.4s;}
.svgText #logo-mask .stroke5 {animation-delay: 0.5s;}
.svgText #logo-mask .stroke6 {animation-delay: 0.6s;}
.svgText #logo-mask .stroke7 {animation-delay: 0.7s;}
.svgText #logo-mask .stroke8 {animation-delay: 0.8s;}
.svgText #logo-mask .stroke9 {animation-delay: 0.9s;}
.svgText #logo-mask .stroke10 {animation-delay: 1.0s;}
.svgText #logo-mask .stroke11 {animation-delay: 1.1s;}

.svgText #logo-mask .stroke12 {animation-delay: 1.5s;}

/*朝*/
.svgText #logo-mask .stroke13 {animation-delay: 2.0s;}
.svgText #logo-mask .stroke14 {animation-delay: 2.1s;}
.svgText #logo-mask .stroke15 {animation-delay: 2.3s;}
.svgText #logo-mask .stroke16 {animation-delay: 2.31s;}
.svgText #logo-mask .stroke17 {animation-delay: 2.33s;}
.svgText #logo-mask .stroke18 {animation-delay: 2.35s;}
.svgText #logo-mask .stroke19 {animation-delay: 2.37s;}
.svgText #logo-mask .stroke20 {animation-delay: 2.39s;}
.svgText #logo-mask .stroke21 {animation-delay: 2.42s;}
.svgText #logo-mask .stroke22 {animation-delay: 2.45s;}
.svgText #logo-mask .stroke23 {animation-delay: 2.48s;}
.svgText #logo-mask .stroke24 {animation-delay: 2.51s;}
.svgText #logo-mask .stroke25 {animation-delay: 2.54s;}
.svgText #logo-mask .stroke26 {animation-delay: 2.57s;}

/*ご*/
.svgText #logo-mask .stroke27 {animation-delay: 2.72s;}
.svgText #logo-mask .stroke28 {animation-delay: 2.83s;}
.svgText #logo-mask .stroke29 {animation-delay: 2.84s;}
.svgText #logo-mask .stroke30 {animation-delay: 3.00s;}
.svgText #logo-mask .stroke31 {animation-delay: 3.1s;}
.svgText #logo-mask .stroke32 {animation-delay: 3.2s;}
.svgText #logo-mask .stroke33 {animation-delay: 3.4s;}
.svgText #logo-mask .stroke34 {animation-delay: 3.5s;}
.svgText #logo-mask .stroke35 {animation-delay: 3.6s;}
.svgText #logo-mask .stroke36 {animation-delay: 3.7s;}
.svgText #logo-mask .stroke37 {animation-delay: 3.8s;}
.svgText #logo-mask .stroke38 {animation-delay: 3.9s;}
.svgText #logo-mask .stroke39 {animation-delay: 4.4s;}

.cls-1{font-size:118.9px;letter-spacing:-0.02em;font-weight: 500;}
.cls-2{letter-spacing:-0.03em;}
.cls-3{letter-spacing:0.02em;}
.cls-4{letter-spacing:-0.01em;}
.cls-5{letter-spacing:-0.01em;}
.cls-6{letter-spacing:-0.5em;}
.cls-7{letter-spacing:-0.06em;}
.cls-8{letter-spacing:-0.04em;}
.cls-9{letter-spacing:-0.03em;}
.cls-10{letter-spacing:-0.06em;}
.cls-11{letter-spacing:-0.09em;}
.cls-12{letter-spacing:-0.07em;}
.cls-13{letter-spacing:-0.5em;}
.cls-14,.cls-16,.cls-17,.cls-18,.cls-19,.cls-20,.cls-21{fill:none;stroke:#0071bc;stroke-linecap:round;stroke-linejoin:round;}
.cls-14{stroke-width:12px;}
.cls-15{fill:#0071bc;}
.cls-16{stroke-width:9px;}
.cls-17{stroke-width:10px;}
.cls-18{stroke-width:8px;}
.cls-19{stroke-width:7px;}
.cls-20{stroke-width:6px;}
.cls-21{stroke-width:5px;}


/*----------------------
漢字
-----------------------*/
/*.svgText #logo-mask .maskElm {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 10px;
    stroke-dasharray: 250;
    stroke-dashoffset: 250;
    animation: logo_anime 0.5s ease-in-out forwards;
}
@keyframes logo_anime {
    0% {
        stroke-dashoffset: 250;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
.svgText #logo-mask .stroke0 {animation-delay: 0.0s;}
.svgText #logo-mask .stroke1 {animation-delay: 0.1s;}
.svgText #logo-mask .stroke2 {animation-delay: 0.2s;}
.svgText #logo-mask .stroke3 {animation-delay: 0.3s;}
.svgText #logo-mask .stroke4 {animation-delay: 0.4s;}
.svgText #logo-mask .stroke5 {animation-delay: 0.5s;}
.svgText #logo-mask .stroke6 {animation-delay: 0.6s;}
.svgText #logo-mask .stroke7 {animation-delay: 0.7s;}
.svgText #logo-mask .stroke8 {animation-delay: 0.8s;}
.svgText #logo-mask .stroke9 {animation-delay: 0.9s;}
.svgText #logo-mask .stroke10 {animation-delay: 1.0s;}
.svgText #logo-mask .stroke11 {animation-delay: 1.1s;}
.svgText #logo-mask .stroke12 {animation-delay: 1.2s;}
.svgText #logo-mask .stroke13 {animation-delay: 1.3s;}
.svgText #logo-mask .stroke14 {animation-delay: 1.8s;}
.svgText #logo-mask .stroke15 {animation-delay: 2.00s;}
.svgText #logo-mask .stroke16 {animation-delay: 2.01s;}
.svgText #logo-mask .stroke17 {animation-delay: 2.02s;}
.svgText #logo-mask .stroke18 {animation-delay: 2.03s;}
.svgText #logo-mask .stroke19 {animation-delay: 2.04s;}
.svgText #logo-mask .stroke20 {animation-delay: 2.05s;}
.svgText #logo-mask .stroke21 {animation-delay: 2.06s;}
.svgText #logo-mask .stroke22 {animation-delay: 2.07s;}
.svgText #logo-mask .stroke23 {animation-delay: 2.08s;}
.svgText #logo-mask .stroke24 {animation-delay: 2.09s;}
.svgText #logo-mask .stroke25 {animation-delay: 2.10s;}
.svgText #logo-mask .stroke26 {animation-delay: 2.21s;}
.svgText #logo-mask .stroke27 {animation-delay: 2.32s;}
.svgText #logo-mask .stroke28 {animation-delay: 2.43s;}
.svgText #logo-mask .stroke29 {animation-delay: 2.54s;}
.svgText #logo-mask .stroke30 {animation-delay: 3.0s;}
.svgText #logo-mask .stroke31 {animation-delay: 3.1s;}
.svgText #logo-mask .stroke32 {animation-delay: 3.2s;}
.svgText #logo-mask .stroke33 {animation-delay: 3.3s;}
.svgText #logo-mask .stroke34 {animation-delay: 3.4s;}
.svgText #logo-mask .stroke35 {animation-delay: 3.5s;}
.svgText #logo-mask .stroke36 {animation-delay: 3.6s;}
.svgText #logo-mask .stroke37 {animation-delay: 3.7s;}
.svgText #logo-mask .stroke38 {animation-delay: 4.1s;}
.svgText #logo-mask .stroke39 {animation-delay: 4.2s;}
.svgText #logo-mask .stroke40 {animation-delay: 4.3s;}
.svgText #logo-mask .stroke41 {animation-delay: 4.4s;}
.svgText #logo-mask .stroke42 {animation-delay: 5.0s;}
.cls-10,.cls-11,.cls-12,.cls-13,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9 {
    fill: none;
    stroke: #808184;
    stroke-linecap: round;
    stroke-linejoin: round;
}.cls-1 {}
.cls-2 {stroke-width: 6px;}
.cls-3 {stroke-width: 13px;}
.cls-4 {stroke-width: 9px;}
.cls-5 {stroke-width: 16px;}
.cls-6 {stroke-width: 8px;}
.cls-7 {stroke-width: 11px;}
.cls-8 {stroke-width: 14px;}
.cls-9 {stroke-width: 12px;}
.cls-10 {stroke-width: 5px;}
.cls-11 {stroke-width: 4px;}
.cls-12 {stroke-width: 7px;}
.cls-13 {stroke-width: 10px;}*/
/*...........................
END     SVG TEXT
...........................*/
/*COMMON BASE*/
#wrap {
    width: 100%;
}

#contents-area {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    background: #fafafa;
}

#fullpage {
    overflow: hidden;
}

.sec-in {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 10px;
}

.section.active .sec-in {

}

/*============================
#sec01
============================*/
#sec01 {
    background: url(../images/kv.jpg) center  no-repeat;
    background-size: cover;
    padding: 40px 16px 160px;
}

#sec01 .bg-mask {
    background-color: #fff;
    opacity: 0;
    transition: 5s ease-in-out;
}

#sec01 .bg-mask.js-fadeOut {
    opacity: 1;
}

#sec01 .lead {
    text-align: center;
    margin-top: 24px;
}

#sec01 .lead-text {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
    opacity: 0;
    transform: translateY(30%);
    transition: all 1.3s ease-in-out;
}

#sec01 .logos {
    opacity: 0;
    transform: translateY(25%);
    transition: all 1.6s ease-in-out;
    width: 80%;
    margin: 0 auto;
}

#sec01 .logos img {
    width: 100%;
    height: auto;
}

#sec01 .lead-text.is-show, #sec01 .logos.is-show {
    transform: translate(0, 0);
    opacity: 1;
}

/*============================
#sec02
============================*/
#sec02 {
}

#sec02 .sec-in {
    padding-bottom: 40px;
}

#sec02 .image {
    text-align: center;
}

#sec02 .image img {
    width: 100%;
    height: auto;
}

#sec02 .carousel {
    width: 96%;
    min-height: 318px;
    height: auto;
    background: url(../images/bg_carousel.png);
    margin: -50px auto 0;
    /* padding: 20px 70px; */
    position: relative;
    box-sizing: border-box;
    z-index: 2;
}

#sec02 .carousel-ttl {
    font-size: 22px;
    color: #e68213;
    width: 220px;
    margin: 0 auto;
}

#sec02 .carousel .swiper-container {
    /*width: 611px;*/
    padding-bottom: 40px;
    position: relative;
}

#sec02 .carousel .swiper-wrapper {
    /*width: 611px;*/
}

#sec02 .carousel-ttl span {
    background: url(../images/ico-pickup_menu@2x.png) no-repeat;
    background-position: left center;
    background-size: 34px 30px;
    display: inline-block;
    margin: 15px auto 20px;
    padding: 5px 0 0 43px;
}

#sec02 .swiper-slide {
    display: inline-flex;
    flex-wrap: wrap;
    /* justify-content: unset; */
    padding: 0 30px;
    /* width: 611px !important; */
    box-sizing: border-box;
}

#sec02 .carousel-text {
    width: 100%;
    margin-bottom: 10px;
}

#sec02 .carousel-text h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

#sec02 .carousel-text h3 span {
    font-size: 16px;
    display: block;
    margin-bottom: 6px;
}

#sec02 .carousel-text p {
    font-size: 15px;
    line-height: 1.2;
}

#sec02 .carousel-figure {
}

#sec02 .carousel-figure {
    width: 100%;
}

#sec02 .carousel-figure img {
    width: 100%;
}

/*sub pagenation btn*/
#sec02 .swiper-pagination {
    bottom: 10px;
}

.swiper-pagination-bullet {
    background: #a1a1a1 !important;
    width: 10px !important;
    height: 10px !important;
}

.swiper-pagination-bullet-active {
    background: #e78115 !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px !important;
}

#sec02 .swiper-button-next, #sec02 .swiper-button-prev {
    display: block;
    width: 25px;
    height: 25px;
    border-top: solid 1px #000000;
    background: none;
    z-index: 999;
    top: 50%;
    margin-top: -30px;
    position: absolute;
}

#sec02 .swiper-button-next {
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: solid 1px #000000;
}

#sec02 .swiper-button-prev {
    left: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translate(0%);
    border-left: solid 1px #000000;
}

#sec02 .lead-text {
    font-size: 28px;
    text-align: center;
    padding-bottom: 16px;
    padding-top: 16px;
}

#sec02 .text {
    font-size: 1.4rem;
    text-align: left;
    line-height: 1.6;
    z-index: 1;
}

#sec02 .sec02-upper {
    position: relative;
    z-index: 1;
    padding: 0 10px;
}

#sec02 .sec02-lower {
    position: relative;
    top: 20px;
    z-index: 0;
}

#sec02 .fp-scroller {
    /* padding: 100px 0; */
}

/*============================
#sec03
============================*/
#sec03 {
}

#sec03 .sec-in {
    padding-top: 20px;
}

#sec03 h2 {
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 15px;
}

#sec03 .media {
    display: flex;
    flex-wrap: wrap;
    flex-flow: wrap-reverse;
    /* justify-content: space-around; */
}

#sec03 .media > div {
    /* width: 50% */
}

#sec03 .media-reverse {
    flex-direction: row-reverse;
    margin-top: 50px;
}

#sec03 .media .text-block {
    text-align: center;
    padding: 10px 20px;
}

#sec03 .media .text-block h3 {
    font-size: 20px;
    font-weight: normal;
    color: #e68213;
    margin-bottom: 8px;
    margin-top: 16px;
}

#sec03 .media .text-block .text {
    line-height: 1.6;
    text-align: left;
}

#sec03 .media .text-block .text b {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 1rem;
}

#sec03 .media .text-block .text p {
    /* margin: 1em 0; */
}

#sec03 .media .text-block p.text b {
    font-size: 20px;
    display: block;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: center;
}

#sec03 .media .image-block {
    padding: 0 10px;
}

#sec03 .media .image-block img {
    width: 100%;
    height: auto;
}

#sec03 .fp-scroller, #sec04 .fp-scroller {
    position: relative;
    overflow: hidden;
}

#sec03 .box {
    background: #000;
    width: 46%;
    height: 400px;
    margin: 25px 1% 20px;
    float: left;
}

.media .text-block .text p br {
    display: none;
}

/*============================
#sec04
============================*/
#sec04.sec-others {
}

#sec04.sec-others .sec-in {
    padding: 0px 10px;
    box-sizing: border-box;
}

#sec04 .media {
    /* display: flex; */
    /* justify-content: space-around; */
}

#sec04 .media > .image-block {
    /* padding: 0 10px; */
}

#sec04 .media > .image-block img {
    width: 100%;
    height: auto;
}

#sec04 .media-reverse {
    /* flex-direction: row-reverse; */
    margin: 0px auto 40px;
    /* width: 90%; */
}

#sec04 .media .text-block {
    text-align: center;
    padding: 0 0 10px 0;
}

#sec04 .media .text-block h3 {
    font-size: 20px;
    font-weight: normal;
    color: #e68213;
    display: inline-block;
    padding: 10px 0 0 30px;
    margin: 0 0 16px -20px;
    background: url(../images/ico_freeRental@2x.png) no-repeat left top;
    background-size: 20px 27px;
}

#sec04 .media .text-block .text {
    line-height: 1.6;
    text-align: left;
}

#sec04 .media .text-block p.text b {
    font-size: 26px;
    display: block;
    margin-bottom: 20px;
}

#sec04.sec-others .sec-in h3.ttl {
    margin: 0 auto;
    width: auto;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#sec04.sec-others .sec-in h3.ttl:before, #sec04.sec-others .sec-in h3.ttl:after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #000;
    position: absolute;
}

#sec04.sec-others .sec-in h3.ttl:before {
    top: 50%;
    left: -50px;
    transform: rotate(60deg);
}

#sec04.sec-others .sec-in h3.ttl:after {
    top: 50%;
    right: -50px;
    transform: rotate(-60deg);
}

#sec04.sec-others .sec-in ul.list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

#sec04.sec-others .sec-in ul.list li.item {
    width: 48.5%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#sec04.sec-others .sec-in ul.list li.item p {
    background: #ffe5c8;
    color: #e68213;
    font-size: 13px;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

#sec04.sec-others .sec-in ul.list li.item p span {
    font-size: 11px;
}

#sec04.sec-others .sec-in ul.list li.item img {
    width: 100%;
}

/*============================
#sec05
============================*/
#sec05.sec-hotellist {
}

#sec05.sec-hotellist .sec-in {
    position: relative;
    background: url(../images/bg_hotellist.jpg) no-repeat;
    background-position: 0px 46px;
    background-size: cover;
    /* height: 800px; */
    padding-bottom: 30px;
}

.sec-in {
}

#sec05.sec-hotellist .sec-in h3.ttl {
    font-size: 33px;
    text-align: center;
    margin-bottom: 20px;
}

#sec05.sec-hotellist .sec-in .info {
}

#sec05.sec-hotellist .sec-in .info {
    display: block;
    align-items: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
}

#sec05.sec-hotellist .sec-in .info span.ico-newOpen {
    background: #e68213;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.1;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% 50%;
    margin: 0 0 10px 0;
    position: absolute;
}

#sec05.sec-hotellist .sec-in .info .text {
    margin-left: 47px;
}

#sec05.sec-hotellist .sec-in .info p {
    font-size: 14px;
    font-weight: bold;
    color: #e68213;
    line-height: 1.4;
    margin-bottom: 5px;
    padding-left: 5.8em;
    position: relative;
}

#sec05.sec-hotellist .sec-in .info .info-date {
    padding-right: 10px;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

#sec05.sec-hotellist .sec-in ul.hotel-list {
    margin: 20px auto 0;
    position: relative;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item {
    /* width: 250px; */
    /* position: absolute; */
    padding: 0 10px;
    margin-top: 10px;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(1) {
    top: 57px;
    left: 0;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(2) {
    top: 179px;
    left: 0;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(3) {
    top: 326px;
    left: 0;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(4) {
    top: 452px;
    left: 0;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(5) {
    top: 57px;
    left: 310px;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(6) {
    top: 255px;
    left: 310px;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(7) {
    top: 452px;
    left: 310px;
}

#sec05.sec-hotellist ul.hotel-list li.hotel-item:nth-child(8) {
    top: 57px;
    left: 630px;
}

#sec05.sec-hotellist .sec-in ul.hotel-list li.hotel-item h4.ttl-area {
    font-size: 16px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    line-height: 1.8;
}

#sec05.sec-hotellist .sec-in ul.hotel-list li.hotel-item p {
    font-size: 14px;
    line-height: 1.8;
}

#sec05.sec-hotellist .sec-in .map {
    /* position: absolute; */
    /* bottom: 100px; */
    /* right: 30px; */
    /* width: 100%; */
    text-align: right;
    padding: 20px;
}

#sec05.sec-hotellist .sec-in .map img {
    width: 100%;
}

/*============================
#sec06
============================*/
#sec06 {
    background: url(../images/bg-facility.png) center top;
    margin-top: 32px;
}

#sec06 .fp-tableCell {
    /* overflow-y: scroll; */
}

#sec06 .sec-in {
    padding: 8px 10px 30px;
    box-sizing: border-box;
}

#sec06 .ttl-lv2 {
    color: #1d2088;
    font-size: 28px;
    line-height: 1.2;
    background: url(../images/logo_hotel.png) no-repeat left center;
    background-size: 48px auto;
    border-bottom: 2px solid #1d2088;
    padding: 0 0 4px 60px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#sec06 .ttl-lv2 span {
    font-size: 15px;
    display: block;
    padding: 10px 0;
}

#sec06 .text-three-point {
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

#sec06 .text-three-point span {
    color: #1d2088;
    font-size: 36px;
    padding: 0 5px;
}

#sec06 .point-list {
    /* display: flex; */
    /* justify-content: space-between; */
    margin-bottom: 20px;
}

#sec06 .point-list .item {
    /* width: 327px; */
    margin-bottom: 15px;
}

#sec06 .point-list .item .ttl {
    font-size: 18px;
    font-weight: bold;
    color: #1d2088;
}

#sec06 .point-list .item .ttl span {
    font-size: 18px;
    color: #fff;
    background: #e68213;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 7px 10px 0;
}

#sec06 .point-list .item .photo {
    margin-bottom: 8px;
    width: 100%;
}

#sec06 .point-list .item .disc {
    line-height: 1.4;
}

#sec06 .point-list .item .disc span {
    font-size: 13px;
    font-weight: bold;
}

/*============================
 facility
============================*/
.faci-list {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-between; */
}

.faci-item {
    width: 100%;
    text-align: center;
    padding: 20px 10px 20px;
    margin-bottom: 15px;
    box-sizing: border-box;
    background: #fff;
}

.faci-item .ttl {
    font-size: 20px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 10px;
}

.faci-item .ttl span {
    font-size: 18px;
    display: block;
}

.faci-item .text-plan {
    display: inline-block;
    font-size: 17px;
    padding: 15px 0;
    background: url(../images/f_pointcoin.png) no-repeat left center;
    background-size: 30px;
    padding-left: 40px;
}

.faci-item .plan-box {
    background: #eff0f8;
    margin-bottom: 10px;
    padding: 10px 0 0;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.faci-item .plan-box:hover {
    opacity: 0.7;
}

.faci-item .plan-box a {
    text-decoration: none;
}

.faci-item .plan-name {
    margin-bottom: 5px;
    color: #000;
}

.faci-item .text-price {
    /* background: #eff0f8; */
    font-size: 22px;
    color: #ba050b;
    padding-bottom: 10px;
}

.faci-item .text-price .sub-text1 {
    font-size: 15px;
}

.faci-item .text-price .sub-text3 {
    font-size: 13px;
    color: #000;
}

.faci-item .btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faci-item .btn {
    width: 32%;
}

.faci-item .btn a {
    color: #fff;
    border: 1px solid #000;
    background: #000;
    padding: 0.5em;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
    opacity: 1;
    transition: 0.4s;
    box-sizing: border-box;
}

.faci-item .btn a:hover {
    opacity: 0.5;
    text-decoration: none;
}

.faci-item .text-point {
    background: #1d2088;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
}

.faci-item .text-point .sub-text2 {
    font-size: 15px;
}

.faci-item .text-point .sub-text3 {
    font-size: 15px;
}

/*#sec-faci swiper*/
.faci-swiper {
    width: 100%;
    height: 243px;
    margin: 0 auto;
    overflow: hidden;
}

.faci-swiper .main {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 79%;
    width: 100%;
}

.faci-swiper .thumbnail {
    height: 19%;
}

.faci-swiper .swiper-slide {
    background-size: cover;
    background-position: center;
}

.faci-swiper .thumbnail .swiper-slide {
    cursor: pointer;
    opacity: 1;
    height: 84%;
    transition: 0.3s;
    width: 18.6% !important;
}

.faci-swiper .thumbnail .swiper-slide img {
    width: 100%;
}

.faci-swiper .thumbnail .swiper-wrapper {
    transform: none !important;
    display: flex;
    justify-content: space-between;
    /* width: 430px; */
}

.faci-swiper .thumbnail .swiper-slide:hover {
    opacity: 0.5;
}

.faci-swiper .thumbnail .swiper-slide-active {
    opacity: 0.5;
}

.faci-swiper .thumbnail .swiper-slide-active:after {
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background: rgba(200, 255, 255, 0.3);
}

/* HOTEL */
#faci-hotel {
    margin: 50px 0;
}

/* INN */
#faci-inn {
    margin-bottom: 50px;
}

#faci-inn .ttl-lv2 {
    border-color: #119242;
    background-image: url(../images/logo_inn.png);
}

#faci-inn .ttl-lv2, #faci-inn .ttl-lv2 span, #faci-inn .text-three-point span, #faci-inn .point-list .item .ttl {
    color: #119242;
}

#faci-inn .faci-item .plan-box {
    background: #eff5f2;
}

#faci-inn .faci-item .text-point {
    background: #009944;
}

/* CAMPANA */
#faci-campana {
    margin-bottom: 50px;
}

#faci-campana .ttl-lv2 {
    border-color: #9a0031;
    background-image: url(../images/logo_campana.png);
}

#faci-campana .ttl-lv2, #faci-campana .ttl-lv2 span, #faci-campana .text-three-point span, #faci-campana .point-list .item .ttl {
    color: #9a0031;
}

#faci-campana .faci-item .plan-box {
    background: #fcf3f6;
}

#faci-campana .faci-item .text-point {
    background: #9a0031;
}

/* #faci-grouphotel */
#faci-grouphotel {
}

#faci-grouphotel .ttl-lv2 {
    color: #000;
    border-color: #000;
    background-image: none;
    padding-left: 0;
    margin-bottom: 20px;
}

#faci-grouphotel .faci-item .plan-box {
    background: #f0f0f0;
}

#faci-grouphotel .faci-item .text-point {
    background: #474747;
}


/*============================
#menu-sp
============================*/
#menu-sp {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999;
    /* padding: 30px 0 0; */
    /* border-top: 2px solid #ccc; */
    background: #fffaf7;
    box-sizing: border-box;
}

#menu-sp .main-dd {
    display: none;
    padding: 45px 10px 1em;
    margin-top: 40px;
    position: absolute;
    bottom: 44px;
    width: 100%;
    background: rgba(255, 251, 249, 0.9);
    border-top: 1px solid #989898;
    box-sizing: border-box;
}

.menu-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
    -webkit-transform: rotate(-45deg);
    border-radius: 2px;
    transform: rotate(-45deg);
    position: relative;
    top: 10%;
    left: 10px;
    transition: 0.4s;
}

.is-show .menu-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
    -webkit-transform: rotate(135deg);
    border-radius: 2px;
    transform: rotate(135deg);
    position: relative;
    top: -5%;
    left: 10px;
}

#menu-sp span.ico-close {
    position: absolute;
    /*     background: #f5aeae; */
    width: 26px;
    height: 26px;
    display: block;
    top: 10px;
    right: 10px;
    cursor: pointer;
    padding: 5px;
}

#menu-sp span.ico-close:before, #menu-sp span.ico-close:after {
    content: '';
    width: 26px;
    height: 2px;
    display: block;
    background: #616161;
    position: absolute;
    top: 50%;
}

#menu-sp span.ico-close:before {
    transform: rotate(-45deg);
}

#menu-sp span.ico-close:after {
    transform: rotate(45deg);
}

#menu-sp ul li a {
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.05em;
}

#menu-sp ul.page {
    /* padding: 0 10px; */
}

#menu-sp ul.page li {
    text-align: center;
}

#menu-sp ul.page li a {
    padding: 1em 0;
    display: inline-block;
    border-bottom: 1px solid #989898;
    width: 100%;
    box-sizing: border-box;
}

#menu-sp ul.exturnal {
}

#menu-sp ul.exturnal li {
    text-align: center;
    /* border-bottom: 1px solid #ccc; */
    /* padding: 0 10px; */
}

#menu-sp ul.exturnal li a {
    padding: 1em 0 0;
    display: inline-block;
    width: 100%;
}

#menu-sp p.btn-dd {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #ccc;
    letter-spacing: 0.05em;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #ff9453;
    border-top: #ff9453;
    cursor: pointer;
}



/* ----------------------------
サービス概要
-----------------------------*/
/*.contentright h2 img {width: 100%;max-width: 373px;}
#sevInfo h2 { width: 60%; margin: 10px auto 0; }
#sevInfo table { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; width: 96%; clear: both; margin: 20px auto; position: relative; padding-bottom: 20px; border: 1px solid #b00; }
#sevInfo table a { color: #1D54A7 !important; text-decoration: underline !important; }
#sevInfo table a:hover { text-decoration: underline !important; }
#sevInfo table tr.last th { border-bottom: 1px solid #b00; }
#sevInfo table tr th { width: 15%; text-align: center; border-bottom: 1px solid #fff; color: #fff; font-size: 15px; font-weight: bold; background: #b00; }
#sevInfo table tr th.single2 { width: 20%; border-left: 1px solid #fff; }
#sevInfo table tr th span { align-self: center; }
#sevInfo table tr td { border-bottom: 1px solid #b00; padding: 10px; font-size: 13px; line-height: 1.5; }*/



.contentright h2 img {width: 100%;max-width: 373px;}
#sevInfo h2 { width: 60%; margin: 30px auto 0; }
#sevInfo table { width: 96%; clear: both; margin: 20px auto; position: relative; padding-bottom: 20px; border: 1px solid #b00; }
#sevInfo table a { color: #1D54A7 !important; text-decoration: underline !important; }
#sevInfo table a:hover { text-decoration: underline !important; }
#sevInfo table tr.last th { border-bottom: 1px solid #b00; }
#sevInfo table tr th { width: 18%; text-align: center; border-bottom: 1px solid #fff; color: #fff; font-size: 12px; font-weight: bold; background: #b00; }
#sevInfo table tr th.single2 { width: 20%; border-left: 1px solid #fff; }
#sevInfo table tr th span { align-self: center; }
#sevInfo table tr td { border-bottom: 1px solid #b00; padding: 10px; font-size: 12px; line-height: 1.5; }










/* 20210122 camby化 */

.columright { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; color: #000 !important;}

ul.leftbnr { text-align: center; margin: 15px; }

ul.leftbnr li { margin-bottom: 10px; }

ul.leftbnr li img { width: 100%; max-width: 200px; }

#contents .superSale a { color: #E68213; }

.superSale { font-weight: normal; font-size: 15px; display: none;}
.dropup-menu .navimds.superSale{ display:block;}

nav.arealist li.superSale { padding-left: 0; }

nav.arealist li.superSale a { padding-left: 0; padding-right: 0; background: none; }

nav.arealist li.superSale a:hover { background: #eee; }

nav.arealist li.allarea { border-top: none; }

nav.arealist li.allarea a { position: relative; display: block; }

nav.arealist li.allarea a.noken { background-image: none; }

nav.arealist li.allarea a.open { background-image: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1down.gif); }

.area13 { line-height: 1.5; }

.area13 > ul { display: none; }

.area13 > .isShow { display: block; }

/* btm_nav */
.btmNav { position: fixed;z-index: 9999;bottom: 0;width: 100%; background-color:#E68213;}
@media screen and (min-width:0px) and (max-width:240px) { 
.btmNav{ width:240px;}
}

.btmNav .dropup-menu { 
    display: none; 
    /* box-shadow: 0px 3px 15px #999;  */
    position: absolute;
    bottom: 100%;
    width: 100%;
    border: 1px solid #E68213;
    background-color:
    #fff;
    z-index: 9999; }

.btmNav .dropup-menu a { position: relative; }



.btmNav .dropup-menu li { text-align: center; margin: auto; padding: 0; }

.btmNav .dropup-menu li:first-child { text-align: center; }

.btmNav .dropup-menu li:first-child img { width: 5%; }

.btmNav .dropup-menu.areachos { padding-bottom: 5px; }

.btmNav .dropup-menu.areachos li { padding: 5px 0; }

.btmNav .dropup-menu.areachos li select { border-radius: 4px; padding: 10px; background-color: #f7f7f4; font-size: .9em; }

.btmNav .dropup-menu.areachos li.remindMsg { padding: 0; }

.btmNav .dropup-menu:last-of-type .close { padding: 8px 0; }

.btmNav .dropup-menu:last-of-type .close strong { padding: 3px 0 3px 29px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/icon_search.png) 0 -1px/18px auto no-repeat; }

.btmNav .dropup-menu .close { position: relative; font-weight: bold; background-color: #f1f1f1; color: #E68213; cursor: pointer; }

.btmNav .dropup-menu a, .btmNav .dropup-menu .close { display: block; padding: 3px 0; font-size: 15px; }
.btmNav .dropup-menu span strong{display: block; padding-right: 25px; white-space: nowrap;}
.btmNav .dropup-menu a em, .btmNav .dropup-menu .close em { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%; }

.btmNav a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; 
 width:16px; height:16px; left: calc( 50% - 60px); top: 5px; background-size: 100%; }

.btmNav .column2 a { float: left; width: 48%; box-sizing: border-box; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -5px no-repeat; position: relative; }

.btmNav .column2 a.invoice:before { top: 5px; }

.btmNav .column2 a.wid98 { width: 98%; }

.btmNav:after { content: ""; display: block; clear: both; }

.btmNav .isShow { display: block; }

.btmNav span.nv { float: left; display: block; max-width:24.9%; width:24.9%; padding:0; box-sizing: border-box; background-color: #E68213; text-align: center; color: #fff; cursor: pointer; font-size: 12px; margin:0;
min-height:60px; border-right: 1px solid #fff;}
.btmNav span.nv.moreIco{ margin-right: 0;}
.btmNav span.nv a{ color:#fff!important; display: block; padding: 0; margin: 0;}
.btmNav span.nv  img{ display: block; margin: 5px auto;}

.btmNav.sp .btn {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    background-color: #E68213;
font-weight: normal;
text-align: center;
color:
    #fff;
    cursor: pointer;
    font-size: 12px;
}

@media screen and (max-width:330px) {
.btmNav span.nv {font-size: 11px;}
}
.btmNav span.nv a,.btmNav span.nv span{ display: block; padding: 0;}
.btmNav .btn em { display: inline-block; transform: rotate(0deg); transition: .3s; }

.btmNav .btn:first-child { border-right: 1px solid #f0f0f0; }

.btmNav .btn.btn2 { width: calc( (100% - 1px) / 2); }

.btmNav .btn.btn3 { width: 33.33%; }

.btmNav .unchose { background-color: #333; }

.btmNav .chose { background-color: #E68213; }

.btmNav .chose em { transform: rotate(180deg); }




#schPCSP{position: relative; bottom:0;width:92%; margin-left:auto;margin-right:auto;
    background-color:#fff;z-index:10;box-shadow:none;
    border: 1px solid#E68213;left:0; display:block!important;}
#schPCSP .close { position: relative; text-align:center; font-weight:  bold;cursor: pointer; padding: 8px 0; width: 100%; display: block;color:#FFFFFF; background:#E68213;}
#schPCSP .close em {

    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/close.gif) 0 0/100% 100%;

}
#schPCSP .close em {display:none;}
#schPCSP .close:after{ content:"+";color:#FFFFFF;position:absolute; border:1px solid #fff; padding:1px 5px 2px 5px; font-size:12px;top:5px; right:5px;}
#schPCSP .close.open:after{content:"-";}


#search-box{ position:relative;border: 0; margin: 0; text-align: left; }

#search-box #search-box-title, #search-box .searchCategory { display: none; }

#search-box .remindMsg { text-align: center; }

#search-box #search-box-body { display: block; }

#search-box #search-box-body #domestic-search-box { padding: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl { display: block; width: 96%; margin: auto; overflow: hidden; }


#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dt { padding-right: 20px; padding-top: 5px; display: block; overflow: hidden; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd { margin-bottom: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select, #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd input, #search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd a#dh-child-popup { margin-bottom: 4px; border: 1px solid #747474; background-color: #f7f7f4; border-radius: 6px;font-size:16px!important;}


#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.heyasu select { width: 85%; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number select { width:62px;font-size: 16px !important; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li { width: 48%; max-width: none; white-space: nowrap; text-align: left; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li a { width: 46%; display: inline-block; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.adult { float: left; margin-top: 2px; padding-top: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.number ul li.child { float: right; margin-top: 0; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.area select { font-size:16px!important; }

#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd.prcBox select { width: 65%;font-size:16px!important;}
.sltBox td{font-size:14px!important;}
.sltBox table select{font-size:16px!important;}
#search-box p.searchSubmit { display: block; overflow: hidden; width: 160px; margin:0 auto 2px auto; }

#search-box p.searchSubmit a { border-radius: 100px; border: 0; padding:6px 0; width: 160px; margin:2px auto 8px auto; font-size: 100%;}
#search-box .inputDate,#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select{ font-size: 13px;}
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl.structure.structure2.lft{ width: 46%; float: left; margin-left: 2%;}
.hasDatepicker{ padding: 1px 3px;}
#search-box #search-box-body #domestic-search-box #searchSwitchArea1 dl dd select{ height: 30px;border-radius:4px;font-size: 16px!important;}
#search-box .number ul li.child a{ line-height: 1.2;}
body .childBox.popup-contents { z-index:999 !important; }

#search-box #search-box-body dl.structure label{ font-size: 14px;}
@media screen and (max-width:330px) {
#search-box #search-box-body dl.structure label{ font-size: 12px;}
}
#ui-datepicker-div{z-index:9999999999999999999!important; }


.jdsAlwaysFix2.end { display: none !important; }

.rt-footer { z-index: 1 !important; }

.mt10{ margin-top:10px !important;}
#ss_special{ display:none;}
#ss_the_sale{ display:none;}
.ebnr{ display:none;}
.ss1bnr{ display:none;}
.ss2bnr { display: none;}

.arealist.kenlist{ bottom: 1px!important; width: 100%; z-index: 999;}
#showMsg{ display: none!important;}
#search-box #f_chu{ margin-top: 5px; display:inline;}

#sevInfo h2{width: 100%!important; margin:0; padding-top: 30px;}

.btmNav .dropup-menu li.dealTop{ width:184px; float:none; margin-left: auto; margin-right: auto; clear: both;}
.btmNav .dropup-menu li.dealTop a{ float:none; width: 100%; margin:2px 0;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) -5px -7px no-repeat;}
.btn.btn-default.moreIco.nv{
    border:none;
}

#contents{padding: 0; background: #fff;}
.columleft{padding: 10px 0 20px;}
.btmNav span.noBdr{border: none;}
.hero > img{display: block; width: 100%;}
html{overflow: scroll !important; }
/* =====20210317 by 277===== */
#keyVisual div ul.ptexp .jdsCoponSwitch{
	display: none!important;
}