/*contents_pc*/
body {
    /*display: none;*/
}

* {
    box-sizing: border-box;
}

img {
    vertical-align: middle;
}

html, body {
    font-family: 'Noto Sans JP', sans-serif;
}

.l-sizedetect {
    font-family: "PC";
}

.serif {
    font-family: 'Noto Serif JP', serif;
}

#widewrapper {
    width: 100%;
}

#contentsArea {
    /*max-width: 1680px;*/
    margin: 0 auto;
    position: relative;
}

#contents {
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 60px;
    transition: all 0.5s ease;
    position: relative;
    z-index: 5;
}

#contents-in {
    padding-top: 100px;
    z-index: 5;
    position: relative;
}

.br-sp {
    display: none;
}

/* -----------------------------

keyframes

----------------------------- */
@keyframes anim-show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes anim-hide {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* -----------------------------

contents-bg

----------------------------- */
.contents-bg {
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 2s linear 0s;
    -moz-transition: all 2s linear 0s;
    transition: all 2s linear 0s;
}

.contents-bg.is-show {
    z-index: 1;
    opacity: 1;
}

#bg-01 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg01.jpg);
}

#bg-02 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg02.jpg);
}

#bg-03 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg03.jpg);
}

#bg-04 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg04.jpg);
}

#bg-05 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg05.jpg);
}

#bg-06 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg06.jpg);
}

/* #bg-07 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg07.jpg);
}

#bg-08 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg08.jpg);
} */

#bg-09 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg09.jpg);
}

#bg-10 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg10.jpg);
}

#bg-11 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg11.jpg);
}

#bg-12 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg12.jpg);
}

#bg-13 {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg13.jpg);
}

/* -----------------------------

mainVisual

----------------------------- */
#mainVisual {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
    z-index: 100;
}

.kv-area {
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/main-visual.jpg) no-repeat;
    background-size: 918px auto;
    width: 918px;
    height: 332px;
    background-position: center top;
}

.kv-area .sp-onley {
    display: none;
}

.map-area {
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/map_bg.png) no-repeat;
    background-position: center center;
    background-size: 918px auto;
    width: 918px;
    height: 299px;
    position: relative;
}

.map-area::before {
    content: '';
    display: block;
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/map_front.png) no-repeat;
    background-size: 918px auto;
    background-position: center center;
    width: 918px;
    height: 299px;
    position: absolute;
    top: 0;
    left: 50%;
    /*transform: translate(50%, 50%);*/
    opacity: 0;
    transform: translate(0%, 0%) scale(1.8);
    transition: all 1s ease;
}

.map-area.is-show::before {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

.map-area-in {
    width: 918px;
    height: 300px;
    margin: 0 auto;
    position: relative;
}

.map-spots a {
    position: absolute;
    opacity: 0;
    transition: all 1s ease;
    transform: scale(1);
}

.map-spots a:hover {
    opacity: 0.5;
    transform: scale(1.2);
}
.map-spots img{
    height: 28px;
    width: auto;
}
.map-spots .spot1 img{
    height: 40px;
    width: auto;
}
.map-spots .spot1 {
    top: 124px;
    left: 412px;
}

.map-spots .spot2 {
    top: 220px;
    left: 546px;
}

.map-spots .spot3 {
    top: 60px;
    left: 536px;
}

.map-spots .spot4 {
    top: 117px;
    left: 604px;
}

.map-spots a.bounceInDown {
    opacity: 1;
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        -webkit-transform: translate3d(0,-500px,0);
        transform: translate3d(0,-500px,0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
        opacity: 1;
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
        /*opacity: 1;*/
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

/*---------------------
amination
---------------------*/
.anime-map {
    opacity: 1;
    transition: none;
}

.map-words {
    display: inline-block;
    padding-left: 26px;
}

.map-ttl {
    padding-top: 10px;
    position: relative;
    display: inline-block;
    opacity: 0;
    transform: translate(0, 50%);
    transition: all 1.5s ease;
}

.map-text {
    padding-top: 10px;
    opacity: 0;
    transform: translate(0, 50%);
    transition: all 1.5s ease;
}

.map-ttl .sp, .map-text .sp {
    display: none;
}

.map-ttl .pc, .map-text .pc {
    display: block;
}
.map-ttl img, .map-text img{width: 280px;}
.map-ttl.slideInUp, .map-text.slideInUp {
    opacity: 1;
    transform: translate(0, 0);
}

.map-area .scroll {
    position: absolute;
    bottom: 0;
    left: 25px;
    opacity: 0;
}

.map-area .scroll.bounce-scroll {
    position: absolute;
    bottom: 0;
    left: 5px;
    animation: bounce-scroll 3s cubic-bezier(0, 0, 0.2, 1) 0s infinite;
}
.map-area .scroll.bounce-scroll img{width: 18px;}
@keyframes bounce-scroll {
    0% {
        opacity: 1;
        transform: translate3d(0, 0%, 0)
    }

    40% {
        opacity: 0.4;
        transform: translate3d(0, -10%, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0%, 0)
    }
}

.map-wave {
    position: absolute;
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/map-bard.png) no-repeat;
    background-size: contain;
    width: 60px;
    height: 39px;
    opacity: 0;
    /*transform: translate(10%, 20%);*/
    transition: all 3s linear;
}

.is-show .map-wave {
    opacity: 1;
    /*transform: translate(0, 0);*/
}

.map-wave01 {
    top: 171px;
    left: -263px;
}

.map-wave02 {
    top: 412px;
    left: 85px;
}

.map-wave03 {
    top: 47px;
    left: 452px;
}

.map-wave04 {
    bottom: 16px;
    right: -370px;
}

@keyframes anim-yurayura {
    0% {
        opacity: 1;
        transform: translate3d(0, 0%, 0)
    }

    40% {
        opacity: 1;
        transform: translate3d(0, -20%, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0%, 0)
    }
}

.anim-yurayura {
    animation: anim-yurayura 2.3s cubic-bezier(0, 0, 0.2, 1) 0s infinite;
}

.bounce-scroll {
    animation-name: bounce-scroll;
}

/*============================
.gnav
============================*/
.gnav {
    background: rgba(255,255,255,1);
    padding: 25px 55px;
    z-index: 101;
    position: absolute;
    top: 630px;
    left: auto;
    right: auto;
    width: 918px;
}
/* .gnav.is-fixed {
    background: rgba(255,255,255,0.83);
    position: fixed;
    top: 0;
    right: calc(50% - 600px);
    width: 918px;
    left: auto;} */

.gnav-list {
    width: 100%;
    height: 110px;
    margin: 0px auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-right: 2px solid #000;
}

.gnav-item {
    width: 100%;
    height: 100%;
    text-align: center;
    border-left: 2px solid #000;
}

.gnav-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}

.gnav-item img {
    padding-top: 10px;
    opacity: 1;
    transition: all 0.5s ease;
}

.gnav-item img.sp {
    display: none;
}

.gnav-arrow {
    position: absolute;
    width: 24px;
    height: 16px;
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/gnav-arrow.png);
    left: 50%;
    margin-left: -12px;
    bottom: 0px;
    transition: all 0.5s ease;
}

.gnav-item a.is-hover img {
    opacity: 0.6;
}

.gnav-item a.is-hover .gnav-arrow {
    bottom: -7px;
}

.sec .media-wrap:nth-of-type(5) .media {
    margin-bottom: 68px;
}

/* -----------------------------

sec

----------------------------- */
.tra-top, .tra-bottom {
    width: 878px;
display: block;
position: relative;
z-index: 10;
left: 20px;
}
.tra-top{margin-top: 50px;}
.tra-bottom{margin-bottom: 100px;}
.tra-top img, .tra-bottom img{
    display: block;
    width: 100%;
}
.sec {
    width: 878px;
    margin: 0 auto;
    /* padding-bottom: 10px; */
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg-paper-body.png) repeat-y;
    position: relative;
    z-index: 10;
}

/* .sec:before {
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg-paper-top.png) no-repeat;
    background-size: 878px auto;
    content: '';
    width: 878px;
    height: 42px;
    position: absolute;
    top: -42px;
}

.sec:after {
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg-paper-bottom.png) no-repeat;
    background-size: 878px auto;
    content: '';
    width: 878px;
    height: 42px;
    position: absolute;
    bottom: -42px;
} */

.sec-ttl {
    text-align: center;
    margin-bottom: 37px;
    margin-top: 0;
}

.sec-ttl img {
    /* margin-top: -20px; */
}

.sec-ttl img.pc {
    display: inline-block;
}

.sec-ttl img.sp {
    display: none;
}

/*  media-wrap  */
.media-wrap {
    position: relative;
}

.media-wrap>img {
    position: absolute;
    opacity: 0;
}

.sec > .media-wrap {
    position: relative;
}

.media {
    display: flex;
    width: 808px;
    margin: 0 auto 100px;
}

.media.media-reverse {
    flex-direction: row-reverse;
}
.media-image{
    width: 48%;
}
.media-image img {
    display: block;
    z-index: 2;
    position: relative;
    width: 100%;
}

.media-text-block {
    padding: 7px 0 0 3%;
    width: 54%;
}

.media.media-reverse .media-text-block {
    padding: 7px 10px 0 0px;
}

.media-ttl {
    font-size: 28px;
    margin-bottom: 30px;
    vertical-align: top;
    line-height: 30px;
}

.media-ttl span {
    font-size: 14px;
    display: inline-block;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 30px;
    border-left: 1px solid #000;
    vertical-align: top;
}

.media-lead {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
    letter-spacing: 0.01em;
}

.media-subttl {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 13px;
}

.media-subtext {
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.01em;
}

.media-subttl:before {
    content: '';
    display: inline-block;
}

.ico-access:before {
    width: 25px;
    height: 29px;
    padding-right: 10px;
    margin-bottom: -7px;
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/ico-access.png) left center no-repeat;
}

.ico-date:before {
    width: 29px;
    height: 29px;
    padding-right: 10px;
    margin-bottom: -7px;
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/ico-date.png) left center no-repeat;
}

/* -----------------------------

stamp positions

----------------------------- */
/*footprint*/
.footprint1 {
    top: 270px;
left: 380px;
width: 240px;
height: auto;
}

.footprint2 {
    top: 226px;
    left: 312px;
    width: 150px;
}

.footprint3 {
    top: 269px;
    left: 352px;
    width: 150px;
}

.footprint4 {
    top: 270px;
    left: 370px;
    width: 140px;
    height: 163px;
}

/*  hagi  */
.stamp1 {
    top: 280px;
left: 730px;
width: 80px;
}

.stamp2 {
    top: 340px;
    left: 170px;
}

.stamp3 {
    top: 270px;
left: 680px;
width: 130px;
}

.stamp4 {
    top: 350px;
    left: 220px;
}

.stamp5 {
    top: 180px;
left: 720px;
}

.tegaki-arrow {
    top: 290px;
    left: 730px;
}

/*  tsuwano  */
.tsuwano-stamp1 {
    top: 330px;
    left: 820px;
}

.tsuwano-stamp2 {
    top: 340px;
    left: 170px;
}

.tsuwano-stamp3 {
    top: 320px;
    left: 780px;
}

.tsuwano-stamp4 {
    top: 350px;
    left: 220px;
}

.tsuwano-stamp5 {
    top: 160px;
    left: 780px;
}

.tsuwano-tegaki-arrow {
    top: 290px;
    left: 730px;
}

/*---------------------------------------

recommend

---------------------------------------*/

.recommend-top {
    display: none;
}

.recommend-ttl {
    text-align: center;
    margin-bottom: 104px;
}

#sec-hagi .recommend-ttl {
    margin-bottom: 0px;
}

.recommend-container {
    background: #fff;
    border: 2px solid #000;
    border-top: none;
    width: 808px;
    margin: 0 auto 120px;
    position: relative;
}
.nomb.recommend-container{
    margin-bottom: 0;
}
/* #rec04.recommend-container {
    margin-bottom: 10px;
} */

/* #sec-tsuwano .recommend-container, #sec-okayama .recommend-container {
    margin-bottom: 10px;
} */

.recommend-container:before {
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg-rec-top.png) no-repeat;
    background-size: 808px auto;
    content: '';
    display: inline-block;
    width: 808px;
    height: 66px;
    position: absolute;
    top: -66px;
    left: -2px;
}

.rec-ttl {
    text-align: center;
    font-size: 18px;
    margin-top: 0px;
    position: relative;
    top: -33px;
}

.rec-ttl span {
    font-size: 30px;
    display: block;
    margin-top: 15px;
    position: relative;
}

.rec-ttl span:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -23px;
    left: 50%;
    width: 110px;
    height: 4px;
    background: #000;
    transform: translateX(-50%);
}

.rec-nav {
    margin: 40px 0 50px;
    font-family: 'Noto Serif JP', serif;
}

.rec-nav-list {
    width: 804px;
    /* height: 70px; */
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* text-align: center; */
    margin: 0 auto;
    text-align: center;
    border-right: 1px solid #000;
}

.rec-nav-item {
    border-left: 1px solid #000;
    width: 100%;
    height: 80px;
    position: relative;
    /* display: flex; */
    /* align-items: center; */
}

.rec-nav-item a:after {
    content: '';
    display: block;
    width: 100px;
    height: 4px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.rec-nav-item a {
    display: block;
    width: 100%;
    height: 70px;
    font-size: 18px;
    font-weight: bold;
    color: #000 !important;
    opacity: 1;
    text-decoration: none !important;
    transition: all 0.5s ease;
}

.rec-nav-item a:hover {
    opacity: 0.7;
}

.rec-nav-item a:hover:after {
    animation: rec-nav-action 0.4s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
}

@keyframes rec-nav-action {
    from {
        width: 0px;
        height: 2px;
        opacity: 0;
    }

    to {
        width: 100px;
        height: 4px;
        opacity: 1;
    }
}

.rec-nav-item a span {
    display: block;
    padding: 5px 0 10px;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 1.4;
}

/* .recommend .media-wrap:after {
    content: '';
    display: block;
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/arrow-down.png) no-repeat;
    width: 40px;
    height: 26px;
    margin: 22px auto 10px;
} */

.recommend .media {
    width: 768px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.recommend .media-text-block {
    padding: 7px 0px 0 3%;
}

.recommend .media-ttl {
    padding: 0 20px;
    margin-bottom: 7px;
}
.recommend .media-ttl img{
    display: block;
    width: 100%;
}
/* .recommend #rec03 .media-ttl {
    padding-left: 0px;
} */


.recommend .media-lead p {
    line-height: 1.4;
    margin-bottom: 13px;
    letter-spacing: 0.02em;
    display: flex;
}

.recommend .media-lead p span {
    padding-right: 0.5em;
}

.rec-pointback {
    text-align: center;
}

.rec-pointback .sp {
    display: none;
}

.rec-link-list {
    display: flex;
    justify-content: space-between;
    width: 820px;
    margin: 20px auto 40px;
}

.rec-link-item {
    width: 390px;
    position: relative;
}

.rec-link-item a {
    background: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/bg-rec-border.png);
    border-radius: 10px;
    box-shadow: 1px 1px 10px #828282;
    display: block;
    padding: 5px 57px 5px 5px;
    transition: all 0.3s ease;
    opacity: 1;
}

.rec-link-item a:before {
    position: absolute;
    content: '';
    width: 12px;
    height: 12px;
    border-top: solid 4px #000;
    border-right: solid 4px #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 25px;
    margin-top: -3px;
}

.rec-link-item a:hover {
    opacity: 0.7;
}

.rec-link-item-in {
    position: relative;
    padding-left: 15px;
    border-radius: 10px 0 0 10px;
    background: #fff;
    display: inline-block;
    padding: 15px 15px;
    line-height: 1.4;
    width: 100%;
}

.rec-link-text-upper {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 2px solid #000;
    line-height: 1.3;
    position: relative;
    z-index: 1;
    height: auto;
    box-sizing: content-box;
}

.rec-link-text-lower {
    font-size: 13px;
    padding-top: 10px;
    line-height: 1.5;
}

.rec-link-text-lower em {
    color: #b11b1a;
    font-size: 24px;
    font-weight: bold;
    padding-right: 5px;
    letter-spacing: 0.01em;
    font-style: normal;
}

.rec-link-text-lower em span {
    font-size: 16px;
}

.rec-point-text {
    color: #b11b1a;
    font-size: 16px;
    font-weight: bold;
    padding-right: 5px;
}

.rec-grant-text {
}

.rec-link-text-underline {
    display: inline;
    background: linear-gradient(rgba(255, 255, 255, 0), 40%, #e0e22e 40%);
    padding: 0 5px;
}

.rec-link-item-in {
}

/*--------------------------------------------

 sec-aboutdeal

 --------------------------------------------*/
#sec-aboutdeal {
}

#sec-aboutdeal .container {
    width: 900px;
    margin: 0 auto;
    margin-top: 20px;
}

#sec-aboutdeal .ttl-text {
    text-align: center;
}

#sec-aboutdeal .ttl-img {
    text-align: left;
    font-size: 28px;
    text-align: left;
    margin-bottom: 10px;
}

.howto {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.howto li {
    display: table;
    padding: 30px 0;
}

.howto li span {
    padding: 0 30px;
}

.howto li:last-child {
    margin-right: 0;
}

.superdeal {
    font-weight: bold;
    color: #000;
    font-size: 18px;
    line-height: 1.6;
}

.superdeal span {
    color: #cc1e06;
}

.atn {
    font-size: 14px;
    line-height: 1.8;
    overflow: hidden;
    /* max-width: 74%; */
    margin: 0 auto;
}

.atn dt {
    margin-top: 15px;
    color: #bf0000;
    font-size: 14px;
    font-weight: bold;
}

.atn span {
    display: block;
    color: #60813a;
    font-weight: bold;
}

.atn .mt0 {
    margin-top: 0;
}

/*--------------------------------------------

 btn-pagetop

 --------------------------------------------*/
.btn-pagetop {
    z-index: 9999;
    position: fixed;
    right: 5px;
    bottom: 20px;
    opacity: 0;
    transition: all 0.5s ease;
}
.btn-pagetop img{width: 110px;}
.btn-pagetop a:hover {
    opacity: 0.8;
    transition: all 0.5s ease;
}

.btn-pagetop.is-show {
    opacity: 1;
}

.btn-pagetop.sp {
    display: none;
}

/*--------------------------------------------

swiper

 --------------------------------------------*/
/*flex-basis: 472px;*/
.swiper-container {
    width: 46%;
    margin: 0 !important;
    padding-bottom: 40px;
}

.swiper-button-prev, .swiper-button-next {
    width: 32px;
    height: 40px;
    -webkit-background-size: 100%;
    background-size: 100%;
    margin-top: -40px;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.swiper-button-prev {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/swiper-arrow-left.png) !important;
}

.swiper-button-next {
    background-image: url(https://img.travel.rakuten.co.jp/select/matsuo/201901/images/swiper-arrow-right.png) !important;
}

.swiper-pagination-bullet-active {
    background: #757575;
}

img[width="1"] {
    display: none;
}


.contentright h2 {
    padding-top: 50px;
}






/* 20210209 gyy */
#contents { width: 100% !important; padding: 40px 0; margin-bottom: 20px; background: #fff; overflow: hidden; box-shadow: inset 0px 15px 10px -15px #999; position: relative; z-index: 0;}
#contents .twoblock { overflow: hidden; width: 1200px; margin: 0 auto; }
.columright { width: 918px; float: right; }
.kenlist h2.searchicon {
    /* color: #df0031; */
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    /* background-color: #aabfa7; */
    /* border-top: 7px solid #aabfa7; */
}
.kenlist h2.searchicon span {
    padding: 15px 10px 15px 34px;
    background: url(../images/icon_search.png) left center no-repeat;
    display: inline-block;
    letter-spacing: 1px;
    font-style: normal;
}

/* ----- AreaSearch -----*/
.columleft { float: left; }

nav.arealist { width: 254px; background: #FFF; overflow: hidden; position: static; z-index: 100;width: 254px; left: calc(50% - 600px); background: #fff;bottom: 0; padding-bottom: 10px;}
.columleft.pos1{position: fixed;top: 20px;}
.columleft.pos2{position: absolute;top: auto; bottom: 2%;}
nav.topNav h2 {color: #df0031; align-items: center; font-size: 17px; text-align: center; overflow: hidden;}
nav.topNav h2 span{padding: 15px 10px 15px 34px; background: url(../images/icon_search.png) left center no-repeat; display: inline-block;}
nav.arealist span.sub-arrow { display: none; }

nav.arealist li.area13 { border-top: 1px solid #DDD; font-size: 17px; }
nav.arealist li.area13.allarea{ border-top:none ;}
nav.arealist ul.sm li.allarea.area13 ul.subMenu{border-bottom:2px solid #DDD;}

nav.arealist li.area13 a { padding: 9px 10px 9px 72px; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left 40px no-repeat; }

nav.arealist li.area13 a:hover { background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1down.gif) top left 40px no-repeat; text-decoration: none !important; }

nav.arealist li.area13 a.noken:hover { background: #EEE url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left 40px no-repeat; }

nav.arealist li.ken47 { font-size: 15px; border-bottom: 1px dotted #DDD; font-weight: normal; }

nav.arealist li.ken47 a {  text-align: center; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left no-repeat; }
nav.arealist li.ken47.first{ margin-top: -12px;}

nav.arealist li.ken47 a:hover { background: #eee url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif) top left no-repeat; }

nav.arealist li.ken47:last-child { border: none; }

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

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

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

.kenlist { letter-spacing: 2px; }

.kenlist li.ken47 a { display: block; text-decoration: none !important; padding: 12px 10px 10px 29px; }

.kenlist ul.ken { border-bottom:2px solid #ddd;}
.columleft ul.sm.pc,.columleft ul.pc.totops{ margin: 0 10px;}
.kenlist ul.totops {  margin-top: 5px; }

.columleft ul.pc.totops.areasOthNav li{margin: 0;}

.kenlist ul.totops li { text-align: center; border-bottom: 1px dotted #ddd; margin: 0 10px; }
.kenlist ul.totops li:last-child{border-bottom: none;}
.kenlist ul.totops li.last { border-bottom:none;}
.kenlist ul.totops li a { position: relative; }

.kenlist ul.totops li a.invoice:before { content: ''; background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/ico_info.png) center; display: block; position: absolute; width:18px; height:18px; left: calc( 50% - 64px); top:12px; background-size: 100%; }

.kenlist h2 { font-weight: normal; text-align: center;}

.kenlist.otherNav h2{ margin: 0 10px;}

.kenlist.otherNav h2 a.invoice:before{ left: 50px; top: 10px;}

.kenlist h2.searchicon {  color: #333; font-size: 17px; text-align: center; font-weight: bold;background-color:#aabfa7; border-top: 7px solid #aabfa7;}
.kenlist h2.searchicon.white{background: #fff; border-color: #fff;}
.kenlist h2.searchicon span{padding: 15px 10px 15px 34px; background: url(../images/icon_search.png) left center no-repeat; display: inline-block;}
.kenlist h2.searchicon.kenBetu{padding: 7px 0 17px 35px; margin-top: 18px;}
.kenlist .schArea{ background:#FFEAE8; display: block;padding:2px 0 15px 0; margin-top: 4px;}
.kenlist h2.navimds a{ border-bottom: none;}
.schArea b{ background: #ba0100; color: #ffffff; text-align: center; margin-top: 5px; display: inline-block; padding:6px 10px; font-size: 16px; font-weight: bold; border-radius: 30px; text-indent:2%; width:80px; line-height: 16px; height: auto;}

.kenlist h2.searchicon em { font-style: normal; }

.kenlist h2.searchicon span { letter-spacing: 1px; font-style: normal; }

.kenlist h2 a { position: relative; border-bottom: 1px dotted #DDD; display: block; }

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

.kenlist h2.navimds a { color: #ba0000 !important; font-weight: bold; font-size: 1.4em; padding-left: 0; }

.kenlist a { padding: 12px 0; display: block; text-align: center; font-size: 96%;}

.kenlist a:hover { text-decoration: none !important; background-color: #EEE; }

.kenlist span { letter-spacing: 1px; font-style: normal; }


/* ----- leftbnr -----*/
ul.leftbnr li { text-align: center; margin-top: 20px; }

/* ----- rightpart -----*/
.columright { width: 918px; float: right; position: relative;}

/* ----- pickup -----*/
.contentright { margin-bottom: 40px; }

.contentright h2 { padding-top: 20px; text-align: center; margin-bottom: 40px; }

ul.pickup { overflow: hidden; }

ul.pickup li { width: 284px; float: left; margin-right: 18px; margin-bottom: 27px; line-height: 0; text-align: left; }

ul.pickup li img { width: 100%; }

ul.pickup li .area_pkup { display: inline-block; background-color: #66b821; padding: 1px 15px 0; border-top-left-radius: 8px; border-top-right-radius: 8px; color: #fff; font-size: 14px; line-height: 23px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*IE11*/
  ul.pickup li .area_pkup { padding: 3px 15px 0 !important; } }

ul.pickup1 { text-align: center; }

ul.pickup1 li { float: none; display: inline-block; }

ul.pickup1 li.lastright { margin-right: 0.4%; }

ul.pickup1 li a:hover { opacity: 0.75; }

ul.pickup1 li img { box-shadow: 2px 2px 3px #c9c9c9; }


.areaprank .hotels { padding-top: 30px; }

.hotels1 { text-align: center; }

.hotels1 .htlBox { float: none; display: inline-block; } */

/* ----- totop -----*/
#contents .pagetop { width: 128px; height: 128px; position: fixed; bottom: 15px; right: 15px; z-index: 9; }

#contents .pagetop a:hover { opacity: 0.75; }

#contents .superSale { font-size: 15px; display: none;}

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

.areatotop { display: none !important; }

.allarea .area13 { line-height: 1.5; }

.allarea .area13 > ul { display: none; }

.allarea .area13 > .isShow { display: block; }

.allarea .area13 a { position: relative; display: block; }

.rt-header .rt-nav-link li a { box-sizing: content-box; }

.pickup, .hotels { padding-left: 30px; }

#serInvr table { margin-left: 65px; }

.jdsAlwaysFix1.end { position: absolute !important; bottom: 40px !important; top: inherit !important; }

.jdsShowFix1.end { position: absolute !important; bottom: 15px !important; bottom: 15px !important; }


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


#search-box{ border: none; background-color: #aabfa7;}
.kenlist #search-box a#dh-child-popup{ display: inline-block;}
#search-box #f_heya_su{ width:176px; padding: 0.56em 5px;}
#search-box #dh-adlt{ width:56px;text-align: center;padding: 0.4em 5px;}
#search-box #f_chu,#search-box #f_shou,#search-box #f_sai{ width:220px; padding: 0.56em 5px; margin-bottom: 5px;}
#search-box #dh-adlt,#search-box #f_heya_su,#search-box #f_chu,#search-box #f_shou,#search-box #f_sai{
  background:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px; margin-right: 3px;
  border: 1px solid#777777;
  -moz-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  -webkit-box-shadow: 0px 0px 0px rgba(000, 000, 000, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  box-shadow: 0px 0px 0px
  rgba(000, 000, 000, 0), inset 0px 1px 5px
  rgba(171, 171, 171, 0.6);
  color:#333333;
  line-height: 1.7;
}
#search-box #f_chu{ margin-top: 5px; display: block;}
#search-box .inputDate{background-color: #fff;}
#search-box dd.number ul{ border: none;}
#search-box p.searchSubmit a{ background: #ba0100; color: #ffffff; text-align: center; padding: 10px; font-size: 16px; font-weight: bold; border-radius: 30px; text-indent:2%; width:80px; line-height: 16px; height: auto;}
#search-box p.searchSubmit a:hover{ color: #FFFFFF;}
#ui-datepicker-div{ z-index: 999 !important;}

#schPCSP{border-left:10px solid #aabfa7;border-right:10px solid #aabfa7; background-color: #aabfa7;}

.mbN10{ margin-bottom: -15px!important;}


.columleft .navimds.pc a:hover{ background-color:#ffffff;}
#search-box .number ul li.adult{ width: 53%;}
#search-box .number ul li.child{ width: 46%;}

.swiper-container-horizontal > .swiper-scrollbar{ display: none;}
.topNav.pc .allarea .area13 li.ken47.superSale{ padding-left: 0; padding-right: 0;}
.topNav.pc .allarea .area13 li.ken47 a{ padding-left:10px;}
nav.arealist.topNav.pc  ul.sm li.allarea.area13 ul.subMenu{ margin: 0 10px; border-bottom: none; }
nav.arealist.topNav.pc li.ken47 a{background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;}

nav.arealist.topNav.pc li.ken47 a:hover{padding-left:10px;background: url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;}
nav.arealist.topNav.pc li.ken47.superSale a{ background: none;}
nav.arealist.topNav.pc ul.subMenu li.area13.udLine{border-top:2px solid #DDD;}

nav.arealist.topNav.pc ul.sm li.allarea.area13 ul.subMenu.areas{ margin: 0;display: none!important;}
.topNav.pc .allarea .area13 li.ken47 a:hover{ background-color: #eee;}

.allarea .area13 a:hover{background:
 url("https://img.travel.rakuten.co.jp/superdeal/images/base/arrow1right.gif") #eee no-repeat scroll left 40px top!important;
  padding: 9px 10px 9px 72px;}
.ui-datepicker .ui-datepicker-header{height: 24px;}

#sevInfo{background: #fff; margin-bottom: 0 !important; padding: 50px 0; position: relative; z-index: 100;}
#widewrapper{position: relative; overflow: hidden;}
.lt_box{width: 254px; background: #fff; padding-bottom: 10px;}
html{overflow: scroll !important; }

#rec01, #rec02, #rec03, #rec04{width: 100%; height: 1px; margin-top: 120px;}
.recmb{
    margin-bottom: 50px;
}
#keyVisual div ul.mainnav li a{padding: 0 35px;}
#keyVisual div ul.ptexp {
    width: 31.6%;
    padding-left: 20px;
    position: absolute;
    top: 0;
    right: 0;
}
#keyVisual div ul.ptexp img{
    margin-top: 5px;
}