@charset "UTF-8";
/* CSS for PC @date     2019.6.10 @author   gyy */
/* ------------------------------------------

------------------------------------------ */
#widewrapper {
  box-sizing: border-box;clear: both;
}

#widewrapper {
  width: 100%;
  min-width: 1220px;
  color: #333;
  position: relative;
}

.sp {
  display: none !important;
}

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

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

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

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

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



.nav {
  display: flex;
  justify-content: space-around;
  padding: 30px 0 30px;
}
.nav li:hover {
  opacity: 0.8;
}

#contents .pagetop {
  position: fixed;
  width: 78px;
  height: 78px;
  right: 10px;
  bottom: 10px;
}
#contents .pagetop:hover {
  opacity: 0.8;
}

#search-box {
  border: none;
  background: #edd6b8;
}

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

#search-box .inputDate {
  background-color: #fff;
}

.kenlist {
  letter-spacing: 2px;
}

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

.columleft ul.sm.pc, .columleft ul.pc.totops {
  margin: 0 10px;
}

.kenlist ul.totops {
  margin-top: 5px;
}

.kenlist ul.totops li {
  text-align: center;
  border-bottom: 1px dotted #ddd;
  margin: 0 10px;
}

.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 h2.searchicon {
  color: #432f24;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}

.kenlist h2.searchicon.pink {
  background-color: #edd6b8;
  border-top: 7px solid #edd6b8;
}

.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 span {
  letter-spacing: 1px;
  font-style: normal;
}

.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;
  color: #2c1704;
}

.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 {
  width: 220px;
  padding: 0.56em 5px;
  margin-bottom: 5px;
}

#search-box #dh-adlt, #search-box #f_heya_su, #search-box #f_chu {
  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(0, 0, 0, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px 5px rgba(171, 171, 171, 0.6);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 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;
}

#search-box .number ul li.adult {
  width: 53%;
}

#search-box .number ul li.child {
  width: 46%;
}

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 60px no-repeat;
}

nav.arealist li.ken47 a:hover {
  background: #EEE url(https://img.travel.rakuten.co.jp/superdeal/images/base/arrow2right.png) top left 60px no-repeat;
}

.fixwrap {
  padding-top: 20px;
}
.fixwrap img {
  margin-right: 8px;
}

.fixwrap h2 {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 17px;
  align-items: center;
  color: #2c1704;
  padding-bottom: 3px;
}

.keyvisual{background: url(../images/mainbg.png) no-repeat center center;height: 512px;display: flex;justify-content: center;align-items: center;position: relative;}
.keyvisual .kumo01{position: absolute; top: 21px;right: 242px;animation:kumoright 0.4s;}
.keyvisual .kumo02{position: absolute; bottom: 30px;left: 230px;animation: kumoleft 0.4s;}
.alwaysFix{background:#fff;z-index: 100;width:918px;}
#about .makimonobg img{width: 100%;}
#about{position: relative;}
#about .p1{position: absolute;z-index: 10; top: 59px;right: 60px;}
#about .p2{position: absolute;z-index: 10;top: 10px;right:200px;}

#spot{margin: 40px 0;}
#spot .jdsTabNav{display: flex;}
#spot .jdsTabNav li{width: 50%;display: flex;justify-content: center; background: #d8d8d8;padding: 25px 0;cursor: pointer;}
#spot .jdsTabNav li.here{background: #252f3a;}
#spot .jdsTabNav li img.on{display: none;}
#spot .jdsTabNav li.here img.on{display: block;}
#spot .jdsTabNav li.here img.off{display: none;}
#spot .jdsTabMain{box-sizing: border-box;border: 25px solid #252f3a;border-top: none; background: #334251;}
.maintxt{
  animation:leftDownUp 1s;
  position: absolute; 
right:470px;
 top: 70px;
 animation-fill-mode:forwards;
}
.kyotomain{background: url(../images/kyotomainmap.png) no-repeat 500px 55px; height: 239px; position: relative;padding: 55px 0;}
.shigamain{background: url(../images/shigamainmap.png) no-repeat 500px 55px; height: 245px; position: relative;padding: 55px 0;}
.spot{padding: 160px 0 80px; margin-top: -80px;}
h2.spotname{position: relative;text-align: center; animation:titleAni 0.4s;}
#kyoto01 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/kyoto01icon.png) no-repeat;width: 37px;height: 35px;top: -50px;right: 48%;}
#kyoto02 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/kyoto02icon.png) no-repeat;width: 35px;height: 34px;top: -50px;right: 48%;}
#kyoto03 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/kyoto03icon.png) no-repeat;width: 25px;height: 33px;top: -50px;right: 48%;}
#kyoto04 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/kyoto04icon.png) no-repeat;width: 44px;height: 32px;top: -50px;right: 48%;}
#kyoto05 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/kyoto05icon.png) no-repeat;width: 34px;height: 34px;top: -50px;right: 48%;}
#kyoto06 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/kyoto06icon.png) no-repeat;width: 42px;height: 35px;top: -50px;right: 48%;}
#shiga01 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/shiga01icon.png) no-repeat;width: 37px;height: 35px;top: -50px;right: 48%;}
#shiga02 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/shiga02icon.png) no-repeat;width:51px;height: 29px;top: -50px;right: 48%;}
#shiga03 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/shiga03icon.png) no-repeat;width: 36px;height: 36px;top: -50px;right: 48%;}
#shiga04 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/shiga04icon.png) no-repeat;width: 44px;height: 20px;top: -50px;right: 48%;}
#shiga05 h2.spotname:before{display: block;content: "";position: absolute;background: url(../images/shiga05icon.png) no-repeat;width: 30px;height: 34px;top: -50px;right: 48%;}

.spotimg img{border: 12px solid #252f3a; display: block;margin: 30px auto;}
.spottxt{text-align: center;}
#kyoto01,#shiga01{position: relative;background: url(../images/kyoto01bg.png) no-repeat top center;background-size: 100%;}
#kyoto02,#shiga02{position: relative;background: url(../images/kyoto02bg.png) no-repeat top center;background-size: 100%;}
#kyoto03,#shiga03{position: relative;background: url(../images/kyoto03bg.png) no-repeat top center;background-size: 100%;}
#kyoto04,#shiga04{position: relative;background: url(../images/kyoto04bg.png) no-repeat top center;background-size: 100%;}
#kyoto05,#shiga05{position: relative;background: url(../images/kyoto05bg.png) no-repeat top center;background-size: 100%;}
#kyoto06{position: relative;background: url(../images/kyoto06bg.png) no-repeat top center;background-size: 100%;}

.map h2{text-align: center;margin: 40px 0;}
.map .maparea{position: relative;}
.map.kyoto .maparea{background: url(../images/kyotomap.png) no-repeat center center;width: 764px; height: 562px;margin: 20px auto 40px;}
.map.shiga .maparea{background: url(../images/shigamap.png) no-repeat top center;width: 548px; height: 401px;margin: 20px auto 40px;padding-bottom: 200px;}
.map.kyoto .maparea .txtlink{font-size: 20px;position: absolute;right: 0; bottom: 0;}
.map.shiga .maparea .txtlink{font-size: 20px;position: absolute;left:20px; bottom: 0;}
.map .maparea .txtlink li{padding-bottom: 5px;}
.map .maparea .txtlink li.txtover a{opacity: 1;}
.map .maparea .txtlink li a{ color: #f6e4d0 !important;font-family: 'Shippori Mincho B1', serif;opacity: 0.5;font-weight: 600;display: flex; align-items: center;}
.map .maparea .txtlink li a img{width: 20px;padding-right: 10px;}
.map .maparea .txtlink li a:hover{opacity: 1; text-decoration: none !important;}

.map .maparea .pinlink li a img{width:37px;}
.map .maparea .pinlink li{position: absolute;}
.map .maparea .pinlink li.over a img{transform: scale(1.3);}
.map .maparea .pinlink li a:hover{opacity: 0.8;}
.map.kyoto .maparea .pinlink li:nth-child(1){left: 241px; bottom: 161px;}
.map.kyoto .maparea .pinlink li:nth-child(2){left: 239px; bottom: 215px;}
.map.kyoto .maparea .pinlink li:nth-child(3){left: 150px; bottom:139px;}
.map.kyoto .maparea .pinlink li:nth-child(4){left: 207px; bottom:198px;}
.map.kyoto .maparea .pinlink li:nth-child(5){left: 218px; bottom:111px;}
.map.kyoto .maparea .pinlink li:nth-child(6){left: 180px; bottom:177px;}

.map.shiga .maparea .pinlink li:nth-child(1){left: 327px; top: 235px;}
.map.shiga .maparea .pinlink li:nth-child(2){left: 388px; top: 63px;}
.map.shiga .maparea .pinlink li:nth-child(3){left: 379px; top: 95px;}
.map.shiga .maparea .pinlink li:nth-child(4){left: 350px; top: 150px;}
.map.shiga .maparea .pinlink li:nth-child(5){left: 459px; top: 136px;}

.bigbtn{display: block;margin: 70px auto 20px;text-align: center;}

.contentright h2{padding-top: 100px;margin-top: -80px;}
.bigbtn:hover{opacity: 0.8;}

#aboutanchor{padding-top:80px;margin-top: -84px;}

.fixTop_bottom {
  bottom: 0;
  top: auto !important;
  position: absolute !important;
  margin-bottom: 40px;
}
.gaiyoholder{padding-top: 30px;}

.covid{font-size: 16px; color: #f8efe5;font-family: 'Shippori Mincho B1', serif;font-weight: 600;width: 688px; margin:20px auto 100px;line-height: 160%;}
.ui-datepicker{z-index: 999 !important;}




/* 202505 new gaiyou */
#OVERVIEW {
  padding: 120px 0;
}
#OVERVIEW h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  color: #bf0000;
  font-size: 28px;
}
#OVERVIEW .holder {
  box-sizing: border-box;
  margin: 40px auto 0;
  padding: 40px;
  padding-bottom: 28px;
  border-radius: 4px;
  border: 1px solid #ccc;
  font-size: 12px;
  background-color: #fff;
  color: #333;
}

#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: 400;
  padding: 4px 8px;
  background: #ebebeb;
}

#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 .holder dl b {
  font-weight: 700;
}
#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;
}