/* CSS for PC @date     2020.10.15 @author   minami junna */
/* ------------------------------------------

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

#widewrapper { box-sizing: border-box; }

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

#widewrapper { width: 100%; min-width: 1220px; }

.sp { display: none !important; }

#contentsArea { position: relative; width: 100%; background: #FFF; color: #3e3631; }


#contentsArea a:link, #contentsArea a:visited {
    color: #3e3631;
    text-decoration: none;
}

#contents { width: 100% !important; padding: 40px 0 60px; background: #ffffff; overflow: hidden; box-shadow: inset 0px 15px 10px -15px #999; position: relative; }

#contents .twoblock { overflow: hidden; width: 1220px; margin: 0 auto; }

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

nav.arealist { width: 254px; background: #FFF; z-index: 99; /* left: 40px; */ }

nav.arealist h2 { text-align: center; }

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/arrow2right.png) top left 69px 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/arrow2right.png) top left 69px 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: 14px 10px 12px 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 { 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; }

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

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

.kenlist h2.searchicon { background: url(../images/icon_search.png) top left 43px no-repeat; color: #ba0100; font-weight: bold; font-size: 17px; padding: 7px 0 12px 29px; }
.kenlist h2.searchicon.pink{background-color:#ebf3fc; border-top: 7px solid #ebf3fc; }
.kenlist h2.searchicon.kenBetu{padding: 7px 0 17px 35px; margin-top: 18px;}
.kenlist .schArea{ background:ebf3fc; 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: 14px 0; display: block; text-align: center; }

.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: 946px; float: right; font-family: 'Century Gothic'; }
.columright .text { font-size: 12px; text-align: center; font-family: 'meiryo'; }
h3 {font-size: 16px; text-align: center; font-family: 'M PLUS 1p', sans-serif;}

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

.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; }

/* ----- 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; }

/*# sourceMappingURL=contents_pc_j.css.map */

#discover .htlBox33 .photo{min-height: 176px;}
#discover .htlBox33 .basic h3{min-height: 36px;}
#discover .htlBox33 .planName {min-height: 32px;}


#ss_special{ display:none;}
#ss_the_sale{ display:none;}
.ebnr{ display:none;}
.ss1bnr{ display:none;}
.ss2bnr { display: none;}


#search-box{ border: none; background-color: #ebf3fc;}
.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: 99!important;}

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

.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: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;}

.planSearch p{ text-align: center;}
.planSearch p img.pc{ max-width:930px; margin: 0 auto; width: 100%;}

.tpr{ font-size: 18px; line-height: 1.8; text-align: center;margin: 50px auto;}
.yobo{ background: #f2f2f2; overflow: hidden; padding-bottom: 60px; width: 916px;}
.yobo dt{ font-size: 20px; font-weight: bold; text-align: center; padding: 36px 0 0;}
.yobo dd{ display: flex; justify-content: center; margin: 40px 0 0;}
.yobo dd img{ display: block; margin: 0 10px;}

#contents .jsTab .tab_navs{ padding-bottom: 56px;  margin-top: 60px;}
#contents .jsTab .tab_navs span{ color: rgba(255, 255, 255, 0.4); display: block; width: 50%; padding:25px 0; text-align: center; font-size: 22px; font-weight: bold; position: relative;}
#contents .jsTab .tab_navs span:nth-child(1){ background: #c66c38;}
#contents .jsTab .tab_navs span:nth-child(2){ background: #59648e;}
#contents .jsTab .tab_navs span.active{ color: #fff;}
#contents .jsTab .tab_navs span.active:nth-child(1):after{ display: block; content: ""; background: url(../images/navActive1.png) no-repeat; width: 18px; height: 56px; position: absolute; left: 50%; margin-left: -9px; bottom: -56px;}
#contents .jsTab .tab_navs span.active:nth-child(2):after{ display: block; content: ""; background: url(../images/navActive2.png) no-repeat; width: 18px; height: 56px; position: absolute; left: 50%; margin-left: -9px; bottom: -56px;}


.tab_content .ttls{ font-size: 17px;}
.tab_content .pr{ font-size: 17px; margin-top: 20px; text-align: center; line-height: 1.8;}

.bgbox{ display: flex;flex-wrap: wrap; padding-bottom: 80px;}
.leis{ background: #f5d9c9;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 25%, #f5d9c9 25%, #f5d9c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 25%,#f5d9c9 25%,#f5d9c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 25%,#f5d9c9 25%,#f5d9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5d9c9',GradientType=1 ); /* IE6-9 */
}
.busi{ background: #d3e8fb;
background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 25%, #d3e8fb 25%, #d3e8fb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 25%,#d3e8fb 25%,#d3e8fb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ffffff 0%,#ffffff 25%,#d3e8fb 25%,#d3e8fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3e8fb',GradientType=1 ); /* IE6-9 */
}

#sevInfo{margin-left: 0%; width: 95%; }

.kv img{ width: 100%;}
.ttl{ margin: 40px auto 0; text-align: center; width: 40%; padding-bottom: 5px; border-bottom: solid 1px #afafaf; padding-top: 5px;  border-top: solid 1px #afafaf; }

.nav {margin-right: 40px; margin-top: 40px; margin-bottom: 40px; height: 50px; display: flex; justify-content: center; background: #fff;}
.nav li{ font-size: 18px;  color:  #054568; font-weight: bold; padding: 1px; margin: 0; border-right: 1px solid #054568; width: 30%; display: flex; align-items: center; justify-content: center; }
ul .nav {display:flex;}
.nav li{-webkit-transform: skewX(150deg); -moz-transform: skewX(150deg); transform: skewX(150deg); border-right: 1px solid #054568;}
.nav li:last-child{ border-right: none;}
.nav li a{ display:block; transform: skewX(-150deg); padding: 20px;}

/*# contents border*/
hr.place1{text-align:left; width:500px;}




.flex{
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
}

.flex > *{
  width: 33%;}

.top .text{font-size: 17px; color:#054568; line-height: 2;}
/*  施設枠  */

/* 施設枠内リンク */

.hotel1 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel1 img { width: 100%;}
.hotel1 h1 {position: absolute; text-align: center; top: 2%; left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel1 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel1 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel1 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel1 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel1 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel1 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel1 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel1 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel1 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel1 .link-r img{position: absolute; text-align: left; top: 61%; left: 75%; width: 165px;}

.hotel2 {position: relative; width: 940px; margin-bottom: -360px; }
.hotel2 img { width: 100%;}
.hotel2 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel2 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel2 h3{position: absolute; text-align: left; top: 15%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel2 h4{position: absolute; text-align: left; top: 20%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel2 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel2 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel2 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel2 .swiper-container{ width: 500px;  height: 300px;  left: -175px; padding-bottom: 30px;}
.hotel2 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel2 .link-l img{position: absolute; text-align: left; top: 61%;left: 14%; width: 100px;}
.hotel2 .link-r img{position: absolute; text-align: left; top: 60.9%;left: 36%;width: 154px;}

.hotel3 {position: relative; width: 940px;margin-bottom: -350px;}
.hotel3 img { width: 100%;} 
.hotel3 h1 {position: absolute; text-align: center; top: 2%; left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel3 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel3 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel3 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel3 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel3 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel3 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel3 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel3 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel3 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel3 .link-r img{position: absolute; text-align: left; top: 60.8%; left: 75%; width: 154px;}

.hotel4 {position: relative; width: 940px; margin-bottom: -350px; }
.hotel4 img { width: 100%;}
.hotel4 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px; }
.hotel4 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel4 h3{position: absolute; text-align: left; top: 15%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel4 h4{position: absolute; text-align: left; top: 20%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel4 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel4 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel4 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel4 .swiper-container{ width: 500px;  height: 300px;  left: -175px; padding-bottom: 30px;}
.hotel4 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel4 .link-l img{position: absolute; text-align: left; top: 61%;left: 14%; width: 100px;}
.hotel4 .link-r img{position: absolute; text-align: left; top: 60.8%;left: 36%;width: 154px;}

.hotel5 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel5 img { width: 100%;}
.hotel5 h1 {position: absolute; text-align: center; top: 2%;left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel5 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel5 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel5 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel5 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel5 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel5 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel5 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel5 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel5 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel5 .link-r img{position: absolute; text-align: left; top: 60.8%; left: 75%; width: 154px;}


.hotel6 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel6 img { width: 100%;}
.hotel6 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel6 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel6 h3{position: absolute; text-align: left; top: 15%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel6 h4{position: absolute; text-align: left; top: 20%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel6 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel6 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel6 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel6 .swiper-container{ width: 500px;  height: 300px;  left: -175px; padding-bottom: 30px;}
.hotel6 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel6 .link-l img{position: absolute; text-align: left; top: 61%;left: 14%; width: 100px;}
.hotel6 .link-r img{position: absolute; text-align: left; top: 60.8%;left: 36%;width: 154px;}

.hotel7 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel7 img { width: 100%;}
.hotel7 h1 {position: absolute; text-align: center; top: 2%;left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel7 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel7 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel7 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel7 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel7 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel7 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel7 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel7 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel7 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel7 .link-r img{position: absolute; text-align: left; top: 60.8%; left: 75%; width: 154px;}

.hotel8 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel8 img { width: 100%; }
.hotel8 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel8 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel8 h3{position: absolute; text-align: left; top: 15%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel8 h4{position: absolute; text-align: left; top: 20%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel8 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel8 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel8 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel8 .swiper-container{ width: 500px;  height: 300px;  left: -175px; padding-bottom: 30px;}
.hotel8 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel8 .link-l img{position: absolute; text-align: left; top: 61%;left: 14%; width: 100px;}
.hotel8 .link-r img{position: absolute; text-align: left; top: 60.8%;left: 36%;width: 154px;}

.hotel9 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel9 img { width: 100%;}
.hotel9 h1 {position: absolute; text-align: center; top: 2%;left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel9 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel9 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel9 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel9 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel9 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel9 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel9 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel9 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel9 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel9 .link-r img{position: absolute; text-align: left; top: 60.8%; left: 75%; width: 154px;}


.hotel10 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel10 img { width: 100%;}
.hotel10 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel10 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel10 h3{position: absolute; text-align: left; top: 15%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel10 h4{position: absolute; text-align: left; top: 20%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel10 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel10 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel10 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel10 .swiper-container{ width: 500px;  height: 300px;  left: -175px; padding-bottom: 30px;}
.hotel10 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel10 .link-l img{position: absolute; text-align: left; top: 61%;left: 14%; width: 100px;}
.hotel10 .link-r img{position: absolute; text-align: left; top: 60.8%;left: 36%;width: 154px;}

.hotel11 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel11 img { width: 100%;}
.hotel11 h1 {position: absolute; text-align: center; top: 2%;left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel11 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel11 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel11 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel11 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel11 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel11 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel11 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel11 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel11 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel11 .link-r img{position: absolute; text-align: left; top: 60.8%; left: 75%; width: 154px;}

.hotel12 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel12 img { width: 100%;}
.hotel12 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel12 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel12 h3{position: absolute; text-align: left; top: 15%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel12 h4{position: absolute; text-align: left; top: 20%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel12 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel12 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel12 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel12 .swiper-container{ width: 500px;  height: 300px;  left: -175px; padding-bottom: 30px;}
.hotel12 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel12 .link-l img{position: absolute; text-align: left; top: 61%;left: 14%; width: 100px;}
.hotel12 .link-r img{position: absolute; text-align: left; top: 60.8%;left: 36%;width: 154px;}

.hotel13 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel13 img { width: 100%;}
.hotel13 h1 {position: absolute; text-align: center; top: 2%;left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel13 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel13 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel13 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel13 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel13 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel13 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel13 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel13 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel13 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel13 .link-r img{position: absolute; text-align: left; top: 60.8%; left: 75%; width: 154px;}

.hotel14 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel14 img { width: 100%;}
.hotel14 h1 {position: absolute; text-align: center; top: 2%;left: 3%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel14 h2{position: absolute; text-align: left; top: 10%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel14 h3{position: absolute; text-align: left; top: 15%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel14 h4{position: absolute; text-align: left; top: 20%;left: 3%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel14 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel14 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel14 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 8%;font-size: 17px;color: #ffffff;}
.hotel14 .swiper-container{ width: 500px;  height: 300px;  left: -175px; padding-bottom: 30px;}
.hotel14 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel14 .link-l img{position: absolute; text-align: left; top: 61%;left: 14%; width: 100px;}
.hotel14 .link-r img{position: absolute; text-align: left; top: 60.8%;left: 36%;width: 154px;}

.hotel15 {position: relative; width: 940px; margin-bottom: -350px;}
.hotel15 img { width: 100%;}
.hotel15 h1 {position: absolute; text-align: center; top: 2%;left: 32%;font-size: 25px;color: #ffffff;
 border-bottom:solid; border-color:#ffffff; border-width:1px; width: 610px; padding-bottom: 17px;}
.hotel15 h2{position: absolute; text-align: left; top: 10%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel15 h3{position: absolute; text-align: left; top: 15%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel15 h4{position: absolute; text-align: left; top: 20%;left: 45%;font-size: 30px;color: #ffffff; font-family: 'Financial'; font-style: italic; font-weight: lighter; }
.hotel15 .text1 p{position: absolute; text-align: left; top: 10.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel15 .text2 p{position: absolute; text-align: left; top: 15.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel15 .text3 p{position: absolute; text-align: left; top: 20.5%;left: 50%;font-size: 17px;color: #ffffff;}
.hotel15 .swiper-container{ width: 500px;  height: 300px;  right: -175px; padding-bottom: 30px;}
.hotel15 .swiper-container-vertical>.swiper-pagination-bullets{left: 50% !important; right:auto !important; margin-left:650px; border-radius:0px;}
.hotel15 .link-l img{position: absolute; text-align: left; top: 61%; left: 53%; width: 100px;}
.hotel15 .link-r img{position: absolute; text-align: left; top: 61%; left: 75%; width: 154px;}


/* 施設枠内スライダー*/
.jdsSwiper, .swiper-container { width: 600px; padding-left: 0px; padding-right: 0px; box-sizing: content-box; }
.swiper-container .swiper-button-prev { top: 0; left: 0px; width: 30px; height: 100%; margin-top: 0; }
.swiper-container .swiper-button-next { top: 0; right: 0px; width: 30px; height: 100%; margin-top: 0;  }

.widebox{position:relative; top: -480px; width: 100%; margin:0 auto; clear:both; overflow: hidden;}
.swiper-pagination-bullet{ background: #02293f !important;}
.swiper-pagination-bullet-active{ background: #ffffff !important;}
.swiper-pagination-bullet { width: 40px !important; height: 2.5px !important; border-radius:0px !important;}


/* =====20210317 by 277===== */
#keyVisual div ul.ptexp .jdsCoponSwitch,
#keyVisual div ul.ptexp .foreg{
	display: none!important;
}
#keyVisual div ul.ptexp img{
	margin-top: 5px;
}

#topLogo {
clear: both;
position: relative;
text-align: center;
padding: 16px 0;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
#topLogo a {
display: flex;
color: #333;
font-size: 18px;
align-items: center;
font-weight: 500;
position: absolute;
top: 50px;
right: 20px;
}
#OVERVIEW .holder {
  margin-top: 32px;
  margin-bottom: 80px;
  padding: 40px;
  padding-bottom: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
}
#OVERVIEW .holder .title {
  padding-bottom: 16px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
  font-weight: bold;
}
#OVERVIEW .holder .title span {
  display: block;
  font-size: 14px;
  padding-bottom: 8px;
}
#OVERVIEW .holder dl {
  line-height: 1.6;
  padding-bottom: 4px;
}
#OVERVIEW .holder dl:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 16px;
}
#OVERVIEW .holder dl dt {
  padding-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}
#OVERVIEW .holder dl dd span {
  display: inline-block;
  font-weight: bold;
  padding: 4px 8px;
  background: #ebebeb;
  font-weight: 400;
}
#OVERVIEW .holder dl dd p {
  padding: 4px 0 14px;
  font-weight: 300;
}
#OVERVIEW .holder dl dd p em {
  font-style: normal;
  text-decoration: underline;
}
#OVERVIEW .holder dl dd a {
  text-decoration: underline;
}
#OVERVIEW h2 {
    text-align: center;
    font-weight: 500;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    color: #bf0000;
    font-size: 28px;
}
#OVERVIEW{padding-top: 40px;}