/* CSS for PC @date     2019.6.10 @author  */
/* ------------------------------------------

------------------------------------------ */
#widewrapper{position:relative;overflow:hidden;width:100%}
#contentsArea{position:relative;margin:0 auto;background:#fff;word-wrap:break-word}
#contentsArea #contents{position:relative;margin:0 auto;padding:0;width:100%;color:#333333; font-family: 'Noto Sans JP', sans-serif;}
#widewrapper { box-sizing: border-box; }
#planC .ttl {
  font-size: 32px;
  text-align: center;
  padding: 40px 0 20px;
  margin: 0 auto 20px;
  background: url(../images/ttl-border.png) bottom center no-repeat;
}
.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; }

#contents { width: 100% !important; padding: 40px 0 60px; background: #F0F0F0; overflow: hidden; position: relative; }

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

/* ----- 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: #333; font-weight: bold; font-size: 17px; padding: 7px 0 12px 29px; }
.kenlist h2.searchicon.pink{background-color:#c5dde5; border-top: 7px solid #c5dde5; }
.kenlist h2.searchicon.kenBetu{padding: 7px 0 17px 35px; margin-top: 18px;}
.kenlist .schArea{ background:#c5dde5; 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: 貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,繝｡繧､繝ｪ繧ｪ,Meiryo,serif; }

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

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



/* ----- totop -----*/
#contents .pagetop { right:10px; bottom: 10px; width: 100%;}
#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: #c5dde5;}
.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 #c5dde5;border-right:10px solid #c5dde5; background-color: #c5dde5;}

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

#sevInfo{ margin-top: 40px;}
#kv{ line-height: 0;}
#kv img{ width: 100%;}



/* kariyushi */
#contents-area{position:relative}
#sizeDetect{display:none}
.br-pc{display:block}
.br-sp{display:none}
#menu-sp{display:none}
#wrapper{width:100%;overflow:hidden; position: relative;}
.btn-pagetop{z-index:9999;position:fixed;right:3%;bottom:3%;opacity:0;transition:all .5s ease}
.btn-pagetop a:hover{opacity:.8;transition:all .5s ease}
.btn-pagetop.is-show{opacity:1}
.btn-pagetop.sp{display:none}
#nav_menu{position:absolute;left:0;top:798px;z-index:9999;width:100%;font-family:貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,繝｡繧､繝ｪ繧ｪ,Meiryo,serif;background:#f1b5ae;background:-moz-linear-gradient(left,#f1b5ae 1%,#8ab9ff 100%);background:-webkit-linear-gradient(left,#f1b5ae 1%,#8ab9ff 100%);background:linear-gradient(to right,rgba(241,181,174,.8) 1%,rgba(138,185,255,.8) 100%);opacity:0;top:-200px}
#nav_menu.is-fixed{position:fixed;top:0;bottom:auto}
#nav_menu ul{display:flex;justify-content:space-around;align-items:center;width:946px;;height:74px;margin:0 auto}
.nav_item{padding:5px;box-sizing:border-box}
.nav_item a{padding:7px 5px 7px;font-size:15px;font-weight:700;letter-spacing:.06em;line-height:1.5;color:#000;text-decoration:none;text-align:center;position:relative;display:block}
.nav_item a span{display:block;font-size:12px}
.nav_item a:hover{color:#fb6047;background:url(../images/nav-line.png) no-repeat bottom center}
#kv-area{width:100%;height:798px;position:relative;background:url(../images/kv.jpg) center center no-repeat;background-size:cover;box-sizing:border-box}
#kv-area .in{width:946px;;position:relative;margin:0 auto}
#kv-area .in img{ width: 100%;}
#kv-area .in img.kv-text-top{margin:0 0 0 0;width: 920px;}
#kv-area .in img.kv-text-mid{padding:140px 0 0 0}
#kv-area .in img.kv-text-bottom{margin:110px 0 20px -190px}
#kv-area .in img.kv-sub{position:absolute;top:220px;left:190px}
#kv-area .in img.kv-sub2{position:absolute;top:600px;left:22px}
#sec-lead{width:100%;position:relative;display:block;height:450px}
#sec-lead .in{position:relative;height:450px;width:946px;;margin:0 auto}
#sec-lead .mask{background:url(../images/slide_cover.png);background-size:cover;width:100%;height:450px;position:absolute;top:0;left:0;z-index:2}
#sec-lead .swiper-container{position:absolute;top:0;left:0;z-index:1;height:450px; width: 946px;}
#sec-lead .swiper-container img{ width: 100%;}
#sec-lead .text-block{z-index:4;
  position: absolute;
  top: 42px;
  right: 50px;
  color: #fff;
  width: 400px;}
#sec-lead .ttl{ margin: 0;
  text-align: left;
  font-size: 32px;
  line-height: 1.3;
  padding: 0 0 20px 0;
  margin-bottom: 12px;
  background: url(../images/ttl-border.png) no-repeat bottom center;
  text-shadow: 0 0 4px #333;}
#sec-lead .in p.text{font-size:13px;line-height:1.5;text-shadow:0 0 4px #333}
#sec-lead .in a{ display: block;position:absolute;right:10px;bottom:10px;z-index:999;}
#sec-lead .in a:hover{opacity:.5;transition:all .5s ease;}
img.lead-kira1{position:absolute;top:28px;right:40px;z-index:3; width: 100px;}
img.lead-kira2{position:absolute;bottom:0px;right:30px;z-index:3; width: 85px;}
#recommend {background:url(../images/bg_spot.png) top left no-repeat}
.tab-container{margin:35px auto 0}
.tab-nav-list{display:flex;justify-content:center;position:relative;width:95%;margin:0 auto 30px;font-weight:900}
.tab-nav-item{padding:10px 10px 10px;cursor:pointer;transition:.5s;width:25%;font-size:20px;line-height:1.5;text-align:center}
.tab-nav-item span{font-size:14px;display:block}
.tab-nav-item.current,.tab-nav-item:hover{opacity:1;color:#ff3919;background:url(../images/ico-leaf.png) left center no-repeat}
.tab-nav-item:nth-child(1){width:22%}
.tab-nav-item:nth-child(2){width:22%}
.tab-nav-item:nth-child(3){width:22%}
.tab-nav-item:nth-child(4){width:34%}
.tab-main-list{position:relative;overflow:hidden}
.tab-main-item{width:100%;visibility:hidden;height:1px;opacity:0;transition:1s}
.tab-main-item.current{display:block;visibility:visible;height:auto;opacity:1}
.figure-block{text-align:center;margin-bottom:80px}
#recommend .text-block{line-height:2.4;font-size:18px;font-weight:700;letter-spacing:.01em}
p.tab-lead-text{font-size:16px;line-height:1.6;width:630px;padding-top:170px;margin:0 auto}
.tab-main-item:nth-child(1) .tab-lead-text{background:url(../images/area-hokubu.png) top center no-repeat}
.tab-main-item:nth-child(2) .tab-lead-text{background:url(../images/area-chubu.png) top center no-repeat}
.tab-main-item:nth-child(3) .tab-lead-text{background:url(../images/area-nanbu.png) top center no-repeat}
.tab-main-item:nth-child(4) .tab-lead-text{background:url(../images/bg_coupon.png) top center no-repeat}
p.tab-lead-text a{background:url(../images/ico-pdf.png) center right no-repeat;padding-right:20px;text-decoration:underline;color:#ff391a}
ul.tab-card{display:flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;}
li.tab-card-item{width:33%;display:block;margin-top:60px}
li.tab-card-item .swiper-slide>img{width:100%;height:auto}
li.tab-card-item .ttl{font-size:22px;margin:10px 0;padding-left:15px}
li.tab-card-item .text{font-size:15px;line-height:1.5;margin-bottom:15px;padding-left:15px}
li.tab-card-item .text2{font-size:15px;font-weight:700;line-height:1.5;margin-bottom:15px;padding-left:15px}
li.tab-card-item .spot{font-size:14px;background:url(../images/ico-pin.png) left top no-repeat;background-size:22px 26px;line-height:26px;padding-left:2em;margin-left:15px}
.crossFade ul{position:relative}
.crossFade ul li{top:0;left:0;position:absolute}
.swiper-tab .swiper-wrapper{flex-wrap:wrap;justify-content:space-between}
.swiper-tab .swiper-slide{width:33%}
.swiper-tab img{width:100%}
#recommend .nega{background:url(../images/nega.png) no-repeat top center;background-size:cover;height:300px; margin-top: -30px;}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{display:none}
#book{background:url(../images/bg_facility.jpg) center center no-repeat; background-size:cover; padding-bottom: 60px;}
#book .in{width:880px;;margin:0 auto}
#book .in>.ttl{font-size:48px;text-align:center;padding:65px 0 20px;margin:0 auto 20px;background:url(../images/ttl-border.png) bottom center no-repeat;}
#book .ttl span{font-size:20px;display:inline-block;position:relative}
#book .ttl span:after{position:absolute;top:-30px;right:-300px;width:79px;height:85px;content:"";display:block;background:url(../images/ico-kazari.png) center center no-repeat}
#book .about{text-align:center;}
#book .about .ttl{font-size:30px;text-align:center;margin-bottom:20px}
#book .about .text{font-size:15px;line-height:1.6;margin-bottom:30px}
#book .ico-list{display:flex;justify-content:space-between;width:500px;margin:0 auto}
#book .ico-item{font-size:14px;line-height:1.5;padding-top:52px;background:top center no-repeat}
#book .ico-item:nth-child(1){background-image:url(../images/ico-lead1.png)}
#book .ico-item:nth-child(2){background-image:url(../images/ico-lead2.png)}
#book .ico-item:nth-child(3){background-image:url(../images/ico-lead3.png)}
#book .ico-item:nth-child(4){background-image:url(../images/ico-lead4.png)}
.faci-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.faci-item{width:calc(50% - 30px);text-align:left;margin-bottom:40px;box-sizing:border-box;background:rgba(255,255,255,.4);position:relative;top:10px;left:10px;z-index:10; padding: 30px 20px 20px 30px;}
.faci-item:nth-child(2n){ margin-right: 30px;}
.faci-item:before{width:100%;height:100%;content:"";position:absolute;top:10px;left:10px;background:rgba(255,255,255,.4);z-index:0}
.faci-item .btns,.faci-item .plan-box-outer,.faci-item .text,.faci-item .text-plan,.faci-item .ttl{z-index:2;position:relative}
.faci-item .ttl{font-size:20px;text-align:left;line-height:1.3;margin-bottom:10px}
.faci-item .text{font-size:15px;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:22px;font-weight:700;padding:20px 0 18px;background:url(../images/f_pointcoin.png) no-repeat left center;background-size:30px;padding-left:40px;color:#ff3919;left:50%;transform:translateX(-50%)}
.faci-item .plan-box-outer{box-sizing:border-box;position:relative}
.faci-item .plan-box-outer:before{position:absolute;top:-5px;left:-5px;width:calc(100% + 5px);height:5px;background:#eabcb3;content:""}
.faci-item .plan-box-outer:after{position:absolute;top:-5px;left:-5px;height:calc(100% + 5px);width:5px;background:#eabcb3;content:""}
.faci-item .plan-box:before{position:absolute;bottom:-5px;right:-5px;width:calc(100% + 5px);height:5px;background:#9ec7d2;content:""}
.faci-item .plan-box:after{position:absolute;bottom:-5px;right:-5px;height:calc(100% + 5px);width:5px;background:#9ec7d2;content:""}
.faci-item .plan-box{background:#eff0f8;opacity:1;transition:opacity .3s ease;box-sizing:border-box}
.faci-item .plan-box:hover{opacity:.7}
.faci-item .plan-box a{text-decoration:none;width:100%;height:100%;display:block;padding:20px 30px;box-sizing:border-box;background:url(../images/faci_arrow.png) right bottom no-repeat}
.faci-item .plan-name{margin-bottom:10px;padding-bottom:10px;line-height:1.4;color:#000;background:url(../images/faci_line.png) bottom center repeat-x}
.faci-item .text-price{font-size:26px;color:#000;padding-bottom:10px}
.faci-item .text-price .sub-text1{font-size:15px}
.faci-item .text-price .sub-text3{font-size:15px;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:.5em;width:100%;height:100%;display:block;font-size:16px;font-weight:700;text-align:center;letter-spacing:.05em;opacity:1;transition:.4s;box-sizing:border-box}
.faci-item .btn a:hover{opacity:.5;text-decoration:none}
.faci-item .text-point{font-size:29px;color:#ff3919}
.faci-item .text-point .sub-text2,.faci-item .text-point .sub-text3{font-size:16px}
.faci-swiper{width:auto;width:400px;height:306px;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:94%;transition:.3s;width:23.6%!important;margin-right:1.7%}
.faci-swiper .thumbnail .swiper-slide img{width:100%}
.faci-swiper .thumbnail .swiper-wrapper{transform:none!important}
.faci-swiper .thumbnail .swiper-slide:hover{opacity:.5}
.faci-swiper .thumbnail .swiper-slide-active{opacity:.5}
.faci-swiper .thumbnail .swiper-slide-active:after{width:100%;height:100%;content:'';display:block;background:rgba(200,255,255,.3)}
#faci-hotel{margin:20px 0 100px}
#faci-inn{margin-bottom:100px}
#faci-inn .ttl-lv2{border-color:#119242;background-image:url(../images/logo_inn.png)}
#faci-inn .point-list .item .ttl,#faci-inn .text-three-point span,#faci-inn .ttl-lv2,#faci-inn .ttl-lv2 span{color:#119242}
#faci-inn .faci-item .plan-box{background:#eff5f2}
#faci-inn .faci-item .text-point{background:#094}
#faci-campana{margin-bottom:100px}
z #faci-campana .ttl-lv2{border-color:#9a0031;background-image:url(../images/logo_campana.png)}
#faci-campana .point-list .item .ttl,#faci-campana .text-three-point span,#faci-campana .ttl-lv2,#faci-campana .ttl-lv2 span{color:#9a0031}
#faci-campana .faci-item .plan-box{background:#fcf3f6}
#faci-campana .faci-item .text-point{background:#9a0031}
#faci-grouphotel{margin-bottom:100px}
#faci-grouphotel .ttl-lv2{color:#000;border-color:#000;background-image:none;padding-left:0;margin-bottom:50px}
#faci-grouphotel .faci-item .plan-box{background:#f0f0f0}
#faci-grouphotel .faci-item .text-point{background:#474747}
#map-section{background:url(../images/bg_list.png) top center no-repeat;background-size:cover;}
#map-section .in{width:880px;;margin:0 auto;padding-bottom:20px;overflow:hidden}
#map-section .in>.ttl{font-size:32px;text-align:center;  padding: 40px 0 20px; margin:0 auto 20px;background:url(../images/ttl-border.png) bottom center no-repeat}
#map-section .ttl span{font-size:20px;display:inline-block;position:relative}
#map-section .note p{font-size:15px;text-indent:-1em;margin-left:2em;font-weight:900}
#map-section .note p:nth-child(1){color:#452f3c;margin-bottom:1em}
#map-section .figure-map{text-align:center;margin-bottom:40px;float: left;}
#map-section .figure-map img{ width: 100%;}
.map-list1,.map-list2{width:41%; margin: 0 auto;float: right;padding-right: 10px;}
.map-item{font-size:12px;font-weight:700;letter-spacing:-.09em}
.map-item span{font-size:12px;color:#fff;background:#452f3c;width:22px;height:22px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;margin:0 7px 10px 0;line-height:1}
#service{background:rgb(212,159,152,.8);background:-moz-linear-gradient(left,rgba(212,159,152,.8) 2%,rgba(117,155,212,.8) 100%);background:-webkit-linear-gradient(left,rgba(212,159,152,.8) 2%,rgba(117,155,212,.8) 100%);background:linear-gradient(130deg,rgba(212,159,152,.8) 2%,rgba(117,155,212,.8) 100%);background:#fff}

.mb60{margin-bottom:60px}
#js-slider{text-align:center}
@media(min-width:992px){.js-sw{flex-wrap:wrap}
.js-ss{width:33.3%;padding:0 5px}
}
#js-slider .js-ss img{max-width:100%;height:auto;margin-bottom:10px}
#map-section a{color:#452f3c;text-decoration:none}
#map-section a:hover{color:#ff3919}
#map-section a:visited{color:#4682b4}
body{animation:fadeIn 2s ease 0s 1 normal;-webkit-animation:fadeIn 2s ease 0s 1 normal}
@keyframes fadeIn{
  0% {opacity:0}
  100% {opacity:1}
}
@-webkit-keyframes fadeIn{
  0% {opacity:0}
  100% {opacity:1}
}
.kv-text-top{opacity:0;transform:scale(1.5);transition:all 1s}
.kv-text-top.scrollin{opacity:1;transform:scale(1)}
.kv-text-bottom{opacity:0;transform:scale(1.5);transition:all 1s}
.kv-text-bottom.scrollin{opacity:1;transform:scale(1)}
.kv-sub{opacity:0;transition:all 1.2s ease;transition-delay:.4s}
.kv-sub.scrollin{opacity:1}
.kv-sub2{opacity:0;transition:all 1.2s ease;transition-delay:.5s}
.kv-sub2.scrollin{opacity:1}
.kv-text-mid{opacity:0;transform:translate(0,0);transition:all 1.2s;transform:scale(.8)}
.kv-text-mid.scrollin{opacity:1;transform:translate(0,0);transform:scale(1)}
#sec-lead .in a {
-webkit-animation:fuwafuwa 1.5s infinite linear alternate;
animation:fuwafuwa 1.5s infinite linear alternate;
}

@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) ;}
50% {-webkit-transform:translate(0, -20px) ;}
100% {-webkit-transform:translate(0, 0);}
}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) ;}
50% {transform:translate(0, -20px) ;}
100% {transform:translate(0, 0);}
}


.kirakira {
    -webkit-animation:kirakira 1s infinite linear alternate;
    animation:kirakira 1s infinite linear alternate;
}
#recommend .in{ width: 880px; margin: 0 auto;}
#recommend .in > .ttl {
  font-size: 32px;
  text-align: center;
  padding: 60px 0 20px;
  line-height: 1.5;
  background: url(../images/ttl-border.png) bottom center no-repeat;
}

#recommend .ttl span {
  font-size: 20px;
  display: block;
}

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



/* -- 2308 -- */
.columleft { display: none!important;}
.columright { float: none; margin-left: auto; margin-right: auto;}
.rightBlock { padding-bottom:10px!important;}
.planBox_2308 { padding-top: 40px;}
body .areattl, body .noNewArival { display: none!important;}
#FROMPLAN .tabs {
  margin-top: 20px;
  display: flex;
  justify-content: start;
}
#FROMPLAN .tabs li { background: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  width: 82px;
  box-sizing: border-box;
}
#FROMPLAN .tabs li:hover {
  opacity: 0.8;
}
#FROMPLAN .tabs li.active {
  background-color: #00b900;
  color: #fff;
  border-color: #00b900;
}
#FROMPLAN .hotel-box {
  min-height: 380px;
  padding-top: 24px;
}
#FROMPLAN .hotel-box .noNewArival {
  padding-bottom: 80px;
  padding-top: 40px;
  text-align: center;
  font-weight: 300;
}
#FROMPLAN .hotel-box h3 {
  margin-bottom: 16px;
}
#FROMPLAN .hotel-box .swiper-scrollbar {
  width: 100%;
  bottom: 30px;
  left: 0;
}
#FROMPLAN .hotels {
  margin-bottom: 50px;display: block;
}
#FROMPLAN .hotels li {margin-bottom: 15px;float: left;
  width: 200px!important; margin-right: 16px!important;
  border: 1px solid #eee; background: #fff;
  line-height: 1.5;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
  border-radius: 3px;
}
#FROMPLAN .hotels li a:hover {
  text-decoration: none;
}
#FROMPLAN .hotels li .photo img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
#FROMPLAN .hotels li .name {
  font-size: 12px;
  display: block;
  padding: 8px;
  padding-bottom: 0;
  font-weight: bold;
}
#FROMPLAN .hotels li .name a {
  color: #333;
}
#FROMPLAN .hotels li .box {
  padding: 8px;
  font-size: 12px;
}
#FROMPLAN .hotels li .down a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#FROMPLAN .hotels li .down a .badge {
  box-sizing: border-box;
  padding-bottom: 0;
  width: 58px;
  height: 58px;
  background-size: 58px;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
}
#FROMPLAN .hotels li .down a .badge span {
  color: #fff;
  font-weight: 300;
}
#FROMPLAN .hotels li .down a .badge span:last-child {
  letter-spacing: -1px;
}
#FROMPLAN .hotels li .down a .badge span em {
  font-style: normal;
  font-weight: 500;
  font-size: 150%;
}
#FROMPLAN .hotels li .area {
  color: #767676;
  padding-bottom: 4px;
}
#FROMPLAN .hotels li .price-box {
  color: #bf0000;
  padding-top: 8px;
}
#FROMPLAN .hotels li .price-box span {
  font-size: 14px;
  font-weight: bold;
}
#FROMPLAN .hotels li .condition {
  color: #333;
  padding-top: 4px;
}
#FROMPLAN .hotels li .point span {
  font-size: 20px;
}
#FROMPLAN .hotels .review a .num {
  color: #bf0000;
  font-size: 14px;
  font-weight: bold;
}
#FROMPLAN .hotels .review .stars {
  font-size: 13px;
  letter-spacing: 3px;
  margin-right: 7.5px;
  width: auto;
  text-align: center;
  display: inline-block;
  position: relative;
}
#FROMPLAN .hotels .review .stars .review-base {
  padding-left: 1.5px;
  color: #eaeaea;
  width: 100%;
  box-sizing: border-box;
}
#FROMPLAN .hotels .review .stars .review-rst {
  padding-left: 1.5px;
  color: #ffba00;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  box-sizing: border-box;
}
#FROMPLAN .all-plan {
  width: 516px;
  height: 64px;
  margin: 50px auto 0;
}
#FROMPLAN .all-plan a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: #00b900;
  color: #fff;
  position: relative;
  font-size: 20px;
  padding-right: 10px;
}
#FROMPLAN .all-plan a:hover {
  text-decoration: none;
}
#FROMPLAN .all-plan a:after {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  right: 53px;
  top: 50%;
  margin-top: -5px;
  transform: rotate(-45deg);
}
.planBox_2308 .ttl { margin-bottom: 0; margin-top: 0; padding-top: 20px; text-align: center;}
#FROMPLAN .tabs li { margin-left: 1px; margin-right: 1px; font-size: 12px; color: #000!important}
#FROMPLAN .tabs li.active { color: #fff!important;}
#contents .twoblock { width: 916px!important; margin: 0 auto auto auto;}
#FROMPLAN .hotel-box { width: 900px!important; word-wrap:normal}
#OVERVIEW {
  width: 916px;
  padding-top: 80px;
}
.parts h2 {
  text-align: center;
  font-weight: 500;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  color: #bf0000;
  font-size: 28px;
}

#OVERVIEW .holder {
  margin-top: 32px;
  margin-bottom: 80px;
  padding: 40px;
  padding-bottom: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  background-color: #FFF;
}
#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;
}

#topLogo{text-align: center; padding: 16px 0; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea; }