.trans{
  animation-name: fadein;
  animation-duration: 1s; 
  animation-delay: .5s;
  animation-fill-mode: forwards;
  position: relative;
  opacity: 0; 
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*common*/
.inner{
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.inner02{
  width: 90%;
  max-width: 655px;
  margin: 0 auto;
  position: relative;
}
.flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
section{
  position: relative;
}
.sp_none{
  display: block;
}
.pc_none{
  display: none;
}
#main_contents{
  margin-top: 60px;
  overflow-x: clip;
  position: relative;
}
.section_other{
  padding: 100px 0;
}
.map_box01{
  width: 100%;
  height: auto;
  padding-top: 62.7%;
  position: relative;
  /* background-image: url(../img/common/map_img01.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; */
}
.hover_box02{
  border-radius: 40px;
  overflow: hidden;
}
.ttl01{
  font-size: 17px;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.ttl02{
  font-size: 24px;
  letter-spacing: 0.05em;
  font-weight: bold;
}
.txt01,
.contents_txt_box01 p{
  font-size: 17px;
  letter-spacing: 0.05em;
  text-align: left;
}
.contents_txt_box01 p{
  text-align: left;
}
.txt02{
  font-size: 16px;
  letter-spacing: 0.05em;
  text-align: left;
}
.head01{
  font-weight: bold;
  font-size: 33px;
  text-align: center;
  color: var(--color-primary);
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.head02{
  text-align: center;
  margin: 0 auto 55px;
  font-size: 32px;
  color: var(--color-primary);
  font-weight: bold;
  line-height: 1;
  width: fit-content;
  padding: 0 10px 10px;
  border-bottom: 2px solid var(--color-primary);
}
.head02 img{
  width: auto;
  height: 32px;
}
.btn01{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, .7);
  border-radius: 10px;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  transition: all .3s;
  font-weight: bold;
  border: 2px solid var(--color-primary);
  cursor: pointer;
  position: relative;
}
.btn01:hover{
  color: #fff;
  background-color: rgba(175, 138, 79, .7);
}
.btn01::after{
  content: '';
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .3s;
}
.btn01:hover::after{
  border-color: #fff;
}
.btn01 span{
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all .3s;
}
.btn01 span.detail{
  width: 24px;
  height: 19px;
  background-image: url(../icon/icon_more.svg);
}
.btn01:hover span.detail{
  background-image: url(../icon/icon_more_white.svg);
}
.btn01 span.guide{
  background-image: url(../icon/icon_audio_black.svg);
}
.btn01:hover span.guide{
  background-image: url(../icon/icon_audio_white.svg);
}
.btn01 span.movie{
  background-image: url(../icon/icon_play.svg);
}
.audio_box01{
/*  position: fixed;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);*/
  transition: all .5s;
  z-index: -1;
}
.audio_box01.active{
  opacity: 1;
  z-index: 1000;
}
.jquery-ripples{
  overflow: hidden;
}
/*kazari*/
.kazari{
  position: absolute;
}
.leaf01{
  width: 298px;
  animation: fuwafuwa 10s ease-in-out infinite alternate;
}
.leaf02{
  width: 244px;
  animation: fuwafuwa02 7s ease-in-out infinite alternate;
}
.hasu01{
  width: 355px;
  animation: fuwafuwa03 15s ease-in-out infinite alternate;
  transform-origin:100% 100%;
}
.hasu02{
  width: 313px;
  animation: fuwafuwa03 12s ease-in-out infinite alternate;
  transform-origin:0 100%;
}
.hasu03{
  width: 328px;
  animation: fuwafuwa03 10s ease-in-out infinite alternate;
  transform-origin:100% 100%;
}
.hasu04{
  width: 315px;
  animation: fuwafuwa03 10s ease-in-out infinite alternate;
  transform-origin:100% 100%;
}
.hasu05{
  width: 289px;
  animation: fuwafuwa03 10s ease-in-out infinite alternate;
  transform-origin:0 100%;
}

.kazari01{
    right: 8%;
    top: 27%;
}
.kazari02{
  left: 2%;
  top: 37.5%;
}
.kazari03{
  left: 16%;
  top: 51.5%;
}
.kazari04{
  right: 2%;
  top: 43.5%;
}
.kazari05{
  right: -60px;
  top: 58%;
}
.kazari06{
  left: -50px;
  top: 64%;
}
.kazari07{
  right: 6%;
  top: 68.5%;
}
.kazari08{
  left: 11%;
  top: 78.5%;
}
.kazari09{
  right: -45px;
  top: 79%;
}
.kazari10{
  right: 5%;
  bottom: -4%;
}
.kazari11{
  left: 2%;
  bottom: 2%;
}
.kazari12{
  right: -50px;
  top: 0;
}
.kazari13{
  left: 2%;
  top: 27%;
}
.kazari14{
  right: 2%;
  top: 38%;
}
.kazari15{
  left: 16%;
  top: 53%;
}
.kazari16{
  right: 7%;
  bottom: -3%;
}
.kazari17{
  right: -50px;
  top: 60%;
}
.kazari18{
  left: -30px;
  top: 75%;
}
.kazari19{
  left: 2%;
  bottom: -12%;
}
.kazari20{
  right: -50px;
  top: 44%;
}
.kazari21{
  right: 1%;
  top: 2%;
}
.kazari24{
  bottom: -8%;
  left: 5%;
}
.kazari25{
  top: 35%;
  right: -50px;
}
.kazari26{
  top: 8%;
  left: -30px;
}
/*#top02 .kazari01{
    right: 45px;
    top: -110px;
}
#top02 .kazari02{
  left: -45px;
  top: 30%;
}
#top02 .kazari03{
  left: 135px;
  bottom: 55px;
}
#top02 .kazari04{
  right: -60px;
  top: 50%;
}
#top #in_map .kazari05{
  right: -60px;
  top: 0;
}
#top #in_map .kazari06{
  left: -50px;
  bottom: -250px;
}
#top #in_map .kazari07{
  right: 0;
  bottom: -100px;
}
#top #ono .kazari08{
  left: 75px;
  bottom: 10px;
}
#top #ono .kazari09{
  right: -45px;
  bottom: -35%;
}
#top #vr_area .kazari10{
  right: 0;
  bottom: -200px;
}
#top #vr_area .kazari11{
  left: 25px;
  bottom: 80px;
}*/
/*animation*/
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, 0) rotate(-7deg);
  }
  70% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(-7deg);
  }
}

@keyframes fuwafuwa02 {
  0% {
    transform:translate(0, 0) rotate(7deg);
  }
  50% {
    transform:translate(0, 0) rotate(7deg);
  }
  70% {
    transform:translate(0, 7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}
@keyframes fuwafuwa03 {
  0% {
    transform:translate(0, 0) rotate(-5deg);
  }
  50% {
    transform:translate(0, 0) rotate(-5deg);
  }
  70% {
    transform:translate(0, -5px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(-5deg);
  }
}
/*content ttl*/
.contents_ttl01{
  margin-bottom: 25px;
  text-align: center;
  font-size: 20px;
  line-height: 1.3;
  color: var(--color-primary);
  font-weight: bold;
}
/*top*/
.mv_movie img{
  width: 100%;
}
.mv_movie{
  width: 100%;
  height: auto;
  padding-top: 73.72%;
  overflow: hidden;
  position: relative;
}

.mv_movie video{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
}
#top01{
  padding: 100px 0 0;
  position: relative;
}
.top_box01{
  position: relative;
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 70px;
}
.top_bg01{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 434px;
  z-index: -1;
}
/*.top_box01::before{
  content: '';
  position: absolute;
  width: 434px;
  height: 276px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: -1;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/common/bg_hasu.svg);
}*/
.top_ttl01{
  font-size: 62px;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-bottom: 120px;
  line-height: 1;
}

.top_txt01{
  font-size: 32px;
  font-weight: 500;
  line-height: 2;
  text-align: center;
}

.keyword_ttl{
  width: 60px;
}
.keyword_box01{
  max-width: 345px;
  border: 3px solid var(--color-line);
  padding: 5px 10px;
  border-radius: 10px;
  margin: 0 auto 75px;
  transition: all .3s;
  position: relative;
}
.keyword_box01:hover{
}
.keyword_box01::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .3);
  opacity: 0;
  border-radius: 30px;
  transition: all .3s;
  pointer-events: none;
}
.keyword_box01:hover::after{
  opacity: 1;
}
.keyword_box01 .box_l{
  width: 50px;
  position: relative;
  display: flex;
  align-items: center;
}

.keyword_box01 .box_r{
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.keyword_txt{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  transition: all .3s;
}
.keyword_box01:hover .keyword_txt{
  color: var(--color-primary);
}
#top01 .inner{
  border-bottom: 2px dashed var(--color-line);
}
#top02 .head02,
#contents_detail03 .head02,
#contents_index01 .head02{
  margin-bottom: 50px;
}
#top02 .inner{
  padding-bottom: 65px;
}
#top02{
  padding-top: 75px;
}
#in_map .inner{
  padding-top: 100px;
  border-top: 2px dashed var(--color-line);
  padding-bottom: 95px;
}
.contents_list01{
  max-width: 970px;
  margin: 0 auto;
}
.contents_list01>li{
  width: calc((100% - 60px) / 2);
  max-width: 382px;
}

.contents_list01>li:nth-child(2){
  margin-top: 260px;
}
.contents_list01>li:nth-child(3){
  margin-top: -90px;
  margin-left: -35px;
}
.contents_list01>li:nth-child(4){
  margin-top: 170px;
  margin-right: 70px;
}
.contents_list01 li .img{
  position: relative;
  margin-bottom: 25px;
}
.contents_list01.audio_list li .img::after{
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background-image: url(../icon/icon_start.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: all .3s;
}

.contents_list01 .ttl{
  margin-bottom: 35px;
  font-size: 22px;
/*  font-weight: bold;*/
  text-align: center;
}
.link_list01 li{
  width: calc((100% - 15px) / 2);
}
.more-btn{
  cursor: pointer;
  width: 100%;
  max-width: 300px;
  height: 40px;
  background-color: var(--color-primary);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto;
  transition: all .3s;
}
.more-btn:hover{
  color: var(--color-primary);
  background-color: #fff;
}
/*vrarea*/
#ono .inner{
  border-top: 2px dashed var(--color-line);
  border-bottom: 2px dashed var(--color-line);
  padding-top: 85px;
  padding-bottom: 45px;
}
.vr_box01{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  transition: all .3s;
  position: relative;
}
.vr_box01 .img{
  position: relative;
  overflow: hidden;
}
.vr_box01 .num{
  letter-spacing: 0;
}
.vr_box02{
  width: 100%;
  position: relative;
  height: auto;
  padding-top: 56.27%;
  margin-bottom: 20px;
}
.vr_box02 iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.vr_box_in{
  position: relative;
}
.hover_box01{
  position: relative;
  overflow: hidden;
}
.hover_box01::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .2);
  opacity: 0;
  transition: all .3s;
  pointer-events: none;
}
.hover_box01:hover::after{
  opacity: 1;
}

/*bnr_area*/
#bnr_area{
  padding-bottom: 150px;
}
.bnr_akechi{
  max-width: 860px;
  margin: 0 auto;
  overflow: hidden;
}
.hover_box01 img{
  transition: all .6s;
}
.hover_box01:hover img{
  transform: scale(1.1);
}
.vr_txt01{
  font-size: 20px;
  margin-top: 30px;
  text-align: center;
}
/*contents*/
#contents_detail01 .inner,
#contents_detail02 .inner{
  max-width: 650px;
}
body.ononokomachi #contents_detail01 .inner{
  padding: 60px 0;
}
.con_movie{
  position: relative;
  height: auto;
  padding-top: 56.25%;
  pointer-events: none;
}
body.ononokomachi .con_movie{
  display: none;
}
.con_movie img{
  width: 100%;
}
.contents_slide02.slick-slider{
  display: none;
}
body.ononokomachi .contents_slide02.slick-slider{
  display: block;
}
/*.con_movie::after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 60px;
  height: 60px;
  background-image: url(../img/common/start_btn.svg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}*/
.con_movie::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .1);
  pointer-events: none;
  opacity: 0;
  transition: all .3s;
}
.con_movie:hover::before{
  opacity: 1;
}
#contents_detail01 .inner{
  position: relative;
  background-image: url(../img/common/bg_hasu.svg);
  background-size: 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
#contents_detail01{
  padding: 30px 0 60px;
}
#contents_detail01 .age01{
  margin-bottom: 25px;
  font-size: 14px;
}
.btn_list02{
  max-width: 950px;
  margin: 0 auto 50px;
}
body.ononokomachi .btn_list02{
  display: none;
}
.btn_list02 li{
  max-width: 300px;
  width: calc((100% - 50px) / 3);
}
.btn_list02 .btn01{
  height: 50px;
  color: var(--color-secondary);
  font-size: 18px;
}
.btn_list02 .btn01:hover{
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn_list02 .btn01 span.guide{
  width: 30px;
  height: 30px;
}
.btn_list02 .btn01:hover span.guide{
  background-image: url(../icon/icon_audio_white.svg);
}
.btn_list02 .btn01 span.map{
  background-image: url(../icon/icon_map.svg);
  width: 30px;
  height: 30px;
}
.btn_list02 .btn01:hover span.map{
  background-image: url(../icon/icon_map_white.svg);
}
.btn_list02 .btn01 span.movie{
  background-image: url(../icon/icon_movie.svg);
  width: 30px;
  height: 30px;
}
.btn_list02 .btn01:hover span.movie{
  background-image: url(../icon/icon_movie_white.svg);
}
.share_box01.flex{
  justify-content: flex-start;
  align-items: center;
}
.share_box01 .box_l{
  border-right: 1px solid var(--color-secondary);
  padding: 2px 30px 5px 0;
}
.share_box01 .box_r{
  padding-left: 30px;
}
.share_list01 li{
  margin-right: 20px;
  transition: all .3s;
}
.share_list01 li:hover{
  opacity: 0.8;
}
.share_list01 li a,
.share_list01 li.share_copy .copy_btn{
  width: 28px;
  height: 28px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.share_list01 li.share_x a{
  background-image: url(../icon/icon_x.svg);
}
.share_list01 li.share_fb a{
  background-image: url(../icon/icon_fb.svg);
}
.share_list01 li.share_weibo a{
  background-image: url(../icon/icon_weibo.svg);
}
.share_list01 li.share_copy .copy_btn{
  background-image: url(../icon/icon_copy.svg);
  cursor: pointer;
}
.contents_slide01{
  position: relative;
}
.contents_slide01.slick-dotted.slick-slider{
  margin-bottom: 70px;
}

.contents_slide01 .slide_img,
.contents_slide02 .slide_img{
  width: 100%;
  height: auto;
  padding-top: 56%;
  background-size: cover;
  background-position: center center;
}
body.ononokomachi .contents_slide01{
  display: none;
}
.contents_slide01 .slick-dots{
  bottom: -40px;
}
.contents_slide01 .slick-dots li{
  margin: 0 2px;
}
.contents_slide01 .slick-dots li button:before{
  font-size: 11px;
  color: #c5c6c6;
  opacity: 1;
}
.contents_slide01 .slick-dots li.slick-active button:before{
  opacity: 1;
  font-size: 16px;
  color: var(--color-primary);
}
.contents_slide01 .slide-arrow{
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.contents_slide01 .slide-arrow.next-arrow{
  right: 20px;
}
.contents_slide01 .slide-arrow.prev-arrow{
  left: 20px;
}
.contents_txt_box01{
  padding: 0 0 45px;
}
.contents_txt_box01 .txt01 a,
.contents_txt_box01 a{
  position: relative;
  color: var(--color-link);
  font-weight: bold;
  text-decoration: underline;
}
/*.contents_txt_box01 .txt01 a::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: var(--color-link);
  bottom: 3px;
  left: 0;
}*/
.contents_txt_box01 i,
.contents_txt_box01 em{
  font-style: oblique 40deg;
}

.thumb_slide01.slick-initialized .slick-slide,
.contents_slide01.slick-initialized .slick-slide,
.keyword_slide01.slick-initialized .slick-slide,
.contents_slide02 .slick-slide{
  height: auto;
}
.keyword_slide01.slick-initialized .slick-slide:only-child,
.keyword_slide01.slick-slider .slick-track:has(.slick-slide:only-child){
  width: 100%!important;
}
#contents_detail03{
}
#contents_detail03 .inner{
  border-top: 1px dashed var(--color-primary);
  padding-top: 70px;
  padding-bottom: 60px;
}
.lity-container{
  max-width: 90%!important;
}
.lity-content:after{
  display: none!important;
}
.popup_box,
.audio_box01{
  background-color: #fff;
  border-radius: 20px;
  filter: drop-shadow(10px 10px 8px rgba(0, 0, 0, .5));
  max-width: 400px!important;
  padding: 50px 30px;
  font-weight: bold;
}
.audio_box01{
  padding: 75px 20px 50px!important;
}
.close_btn.remodal-cancel,
.btn_pause.remodal-cancel{
  position: absolute;
  width: 45px!important;
  min-width: 45px!important;
  background-color: transparent!important;
  right: 30px;
  top: 30px;
  height: 30px;
  background-image: url(../img/common/close_btn.svg)!important;
  background-size: contain!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
}
.popup_ttl{
  margin-bottom: 10px;
  text-align: left;
  width: calc(100% - 50px);
  line-height: 1.3;
}
.popup_img{
  margin-bottom: 20px;
}
.popup_img:empty{
  margin-bottom: 0;
}
.popup_txt{
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--color-secondary);
}
.relate_ttl{
  margin-bottom: 15px;
}
.keyword_list01 li{
  width: 100%;
  margin-bottom: 20px;
}
.keyword_list01 li:last-child{
  margin-bottom: 0;
}
.keyword_list01 li a,
.btn_pause,
.remodal-cancel{
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  background-color: #e4e4e5!important;
  min-height: 35px;
  border-radius: 50px;
  transition: all .3s;
  font-size: 16px;
  color: var(--color-secomdary)!important;
}
.keyword_list01 li a:hover{
  background-color: var(--color-primary);
  color: #fff;
}
.btn_pause,
.remodal-cancel{
  width: 200px;
  margin: 0 auto!important;
  cursor: pointer;
}
.leaflet-container{
  width: 100%;
}

.audio_ttl01{
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 50px;
  line-height: 1.3;
  font-size: 25px;
  border-bottom: 1px solid var(--color-secondary);
}
.audio_icon01{
  width: 100px;
  height: 100px;
  background-image: url(../icon/icon_audio_black.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto 30px;
}
.audio_txt01{
  font-size: 14px;
  color: #d62700;
  text-align: left;
}
.audio_ttl02{
  text-align: center;
  margin-bottom: 20px;
}
/*thumb slide*/
.thumb_slide01{
  margin-bottom: 10px;
}
.thumb_slide01 .slide_img{
  width: 100%;
  height: auto;
  padding-top: 58.1%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.img_box{
  position: relative;
}
.remodal-overlay{
  background-color: rgba(255, 255, 255, .5)!important;
}
#contents_index01{
  padding-top: 100px;
  padding-bottom: 60px;
}
/*#contents_index #ono{
  padding-bottom: 200px;
}*/
#contents_index #ono .inner{
  border-bottom: none;
}
#vr .inner02{
  max-width: 850px;
}
#vr .head02{
  margin-bottom: 25px;
}
.vr_ttl01{
  font-size: 37px;
  text-align: center;
  line-height: 1;
}
#vr .vr_txt01{
  margin-top: 20px;
}
.map_list01{
  margin-top: 50px;
  padding-left: 10px;
}
.map_list01 li{
  margin-bottom: 30px;
}
.map_list01 li a{
  display: flex;
  align-items: center;
  font-size: 26px;
  letter-spacing: 0.05em;
  transition: all .4s;
}
.map_list01 li a:hover{
  color: var(--color-primary);
}
.map_list01 li span.num{
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  margin-right: 20px;
}
.map_list01 li:nth-child(1) span.num{
  background-image: url(../img/map/num01.svg);
}
.map_list01 li:nth-child(2) span.num{
  background-image: url(../img/map/num02.svg);
}
.map_list01 li:nth-child(3) span.num{
  background-image: url(../img/map/num03.svg);
}
.map_list01 li:nth-child(4) span.num{
  background-image: url(../img/map/num04.svg);
}
.map_list01 li:nth-child(5) span.num{
  background-image: url(../img/map/num05.svg);
}
.map_list01 li:nth-child(6) span.num{
  background-image: url(../img/map/num06.svg);
}
.map_list01 li:nth-child(7) span.num{
  background-image: url(../img/map/num07.svg);
}
.map_list01 li:nth-child(8) span.num{
  background-image: url(../img/map/num08.svg);
}
.map_list01 li:nth-child(9) span.num{
  background-image: url(../img/map/num09.svg);
}
.map_list01 li span.txt{
  width: calc(100% - 60px);
}
.remodal.map_pop{
  background-color: transparent;
  width: 90%;
  padding: 0;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));
}
.map_pop .popup_ttl{
  background-color: #f6f4ed;
  margin: 0;
  width: 100%;
  padding: 10px 60px 10px 10px;
  display: flex;
  align-items: flex-start;
  line-height: 1;
}
.map_pop .popup_ttl .num{
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  margin-right: 15px;
}
.map_pop.box01 .popup_ttl .num{
  background-image: url(../img/map/num01.svg);
}
.map_pop.box02 .popup_ttl .num{
  background-image: url(../img/map/num02.svg);
}
.map_pop.box03 .popup_ttl .num{
  background-image: url(../img/map/num03.svg);
}
.map_pop.box04 .popup_ttl .num{
  background-image: url(../img/map/num04.svg);
}
.map_pop.box05 .popup_ttl .num{
  background-image: url(../img/map/num05.svg);
}
.map_pop.box06 .popup_ttl .num{
  background-image: url(../img/map/num06.svg);
}
.map_pop.box07 .popup_ttl .num{
  background-image: url(../img/map/num07.svg);
}
.map_pop.box08 .popup_ttl .num{
  background-image: url(../img/map/num08.svg);
}
.map_pop.box09 .popup_ttl .num{
  background-image: url(../img/map/num09.svg);
}
.map_pop .popup_ttl{
  line-height: 1;
}
.map_pop .popup_ttl .txt{
  line-height: 1.2;
  width: calc(100% - 45px);
}
.map_pop .close_btn.remodal-cancel{
  right: 15px!important;
  top: 15px!important;
  width: 25px!important;
  height: 25px!important;
  padding: 0!important;
}
/*star*/
#star,
#star02,
#star03,
#star04 {
  position: relative;
}
#star .wpcf7-list-item,
#star02 .wpcf7-list-item,
#star03 .wpcf7-list-item,
#star04 .wpcf7-list-item {
  position: absolute;
  top: 0;
  left: 0;
}
#star input[type='radio'],
#star02 input[type='radio'],
#star03 input[type='radio'],
#star04 input[type='radio'] {
  position: absolute;
  opacity: 0;
}
#star .wpcf7-list-item-label,
#star02 .wpcf7-list-item-label,
#star03 .wpcf7-list-item-label,
#star04 .wpcf7-list-item-label {
  color: #ccc;
  font-size: 180%;
  letter-spacing: .5em;
  cursor: pointer;
}
#star .wpcf7-list-item:hover .wpcf7-list-item-label,
#star .wpcf7-list-item:hover ~ .wpcf7-list-item .wpcf7-list-item-label,
#star .wpcf7-list-item.checked .wpcf7-list-item-label,
#star .wpcf7-list-item.checked ~ .wpcf7-list-item .wpcf7-list-item-label {
  color: #fc0;
}
#star02 .wpcf7-list-item:hover .wpcf7-list-item-label,
#star02 .wpcf7-list-item:hover ~ .wpcf7-list-item .wpcf7-list-item-label,
#star02 .wpcf7-list-item.checked .wpcf7-list-item-label,
#star02 .wpcf7-list-item.checked ~ .wpcf7-list-item .wpcf7-list-item-label {
  color: #fc0;
}
#star03 .wpcf7-list-item:hover .wpcf7-list-item-label,
#star03 .wpcf7-list-item:hover ~ .wpcf7-list-item .wpcf7-list-item-label,
#star03 .wpcf7-list-item.checked .wpcf7-list-item-label,
#star03 .wpcf7-list-item.checked ~ .wpcf7-list-item .wpcf7-list-item-label {
  color: #fc0;
}
#star04 .wpcf7-list-item:hover .wpcf7-list-item-label,
#star04 .wpcf7-list-item:hover ~ .wpcf7-list-item .wpcf7-list-item-label,
#star04 .wpcf7-list-item.checked .wpcf7-list-item-label,
#star04 .wpcf7-list-item.checked ~ .wpcf7-list-item .wpcf7-list-item-label {
  color: #fc0;
}
.contact_list01 dd{
  height: 30px;
  margin: 10px 0 20px;
}
/*contact*/
#form{
  padding-bottom: 100px;
}
.contact_box01{
  width: 100%;
  max-width: 550px;
  background-color: rgba(255, 255, 255, .8);
  margin: 80px auto 0;
  padding: 25px;
}
.contact_list01{
  width: 260px;
  margin: 0 auto;
}
.contact_list01 dt{
  color: var(--color-primary);
  margin-bottom: 20px;
}
.contact_list01 dd{
  margin-bottom: 30px;
}
.contact_list01 dd:first-of-type{
  font-size: 0;
  display: none;
}
.contact_box01 .btn01{
  margin: 50px auto 0;
  height: 40px;
  width: 185px;
  font-family: "Hannari", serif;
}
html[lang="ko"] .contact_box01 .btn01{
    font-family: "Noto Serif KR", serif;
    font-weight: 400;
}
html[lang="th"] .contact_box01 .btn01{
    font-family: "Noto Serif Thai", serif;
    font-weight: 400;
}
html[lang="tw"] .contact_box01 .btn01{
    font-family: "Noto Serif TC", serif;
    font-weight: 400;
}
html[lang="cn"] .contact_box01 .btn01{
    font-family: "Noto Serif SC", serif;
    font-weight: 400;
}
.wpcf7 form.sent .wpcf7-response-output{
  border: none!important;
  text-align: center!important;
}
.wpcf7-form.sent .contact_box01 .btn01{
  background-color: #ccc!important;
  pointer-events: none!important;
  border-color: #ccc!important;
}
.contact_box01 .txt01{
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
#main_contents{
}
.pc_none{
  display: block;
}
.sp_none{
  display: none;
}
.mv_movie video{
  width: 100%;
  height: auto;
  max-height: unset;
  transform: translateX(-50%) translateY(0);
  top: -13%;
}
.head01{
  font-size: 22px;
  margin-bottom: 5px;
}
.head02{
  margin-bottom: 22px;
  font-size: 25px;
  border-bottom-width: 1px;
}
.head02 img{
  height: 20px;
}
#vr_area .head02 img{
  height: 18px;
}
.txt01,
.contents_txt_box01 p{
  font-size: 13px;
}
.ttl01{
  font-size: 14px;
}
.ttl02{
  font-size: 20px;
}
.txt02{
  font-size: 16px;
}
.top_box01{
  padding: 0 5%;
  margin-bottom: 50px;
  position: relative;
}
.top_box01::before{
  display: none;
}
.top_ttl01{
  display: block;
  text-align: center;
  font-size: 27px;
  margin-bottom: 20px;
}

.top_txt01{
  font-size: 15px;
}
.keyword_box01{
  padding: 5px 15px;
  width: 90%;
}
.keyword_box01 .box_l{
  width: 70px;
}
.keyword_ttl{
  width: 40px;
}
.keyword_box01 .box_r{
  width: calc(100% - 70px);
}
.keyword_txt{
  font-size: 14px;
}
.keyword_box01 .box_l::after{
  width: 1px;
}
#top01{
  padding-top: 50px;
/*  background-image: url(../img/common/bg_hasu.svg);*/
  background-size: 60%;
  background-position: center center;
  background-repeat: no-repeat;
}
#top01 .inner{
  border-bottom-width: 1px;
}
.top_bg01{
  width: 60%;
}
#top02{
  padding-top: 50px;
}

#in_map .inner,
#ono .inner{
  padding: 60px 0;
}
.hover_box02{
  border-radius: 15px;
}
.btn01 span.detail{
  width: 18px;
  height: 15px;
}
.btn01 span.guide{
  width: 15px;
  height: 15px;
}
.contents_list01{
  width: 90%;
  margin: 0 auto;
}
.contents_list01>li{
  width: 100%;
  margin: 0 auto 60px!important;
}
.contents_list01>li:last-child{
  margin-bottom: 0!important; 
}
.contents_list01 li .img{
  margin-bottom: 10px;
}
.contents_list01 li .num{
  font-size: 50px;
  bottom: -25px;
}
.btn01{
  font-size: 12px;
}
.more-btn{
  height: 35px;
  font-size: 14px;
  max-width: 350px;
}
.section_other{
  padding: 60px 0;
}
.contents_list01 .ttl{
  margin-bottom: 15px;
}
.ttl01.cateory01{
  font-size: 14px;
}
#contents_detail01 .age01{
  font-size: 12px;
}
#bnr_area{
  padding-bottom: 60px;
}
.bnr_bunka{
  padding: 10px 15px;
}
.vr_txt01{
  font-size: 16px;
}
/*contents*/
.contents_slide01 .slide-arrow{
  width: 30px;
  height: 30px;
}
.contents_slide01 .slide-arrow.next-arrow{
  right: 10px;
}
.contents_slide01 .slide-arrow.prev-arrow{
  left: 10px;
}
.con_movie::after{
  width: 40px;
  height: 40px;
}
#contents_detail01{
  padding: 20px 0 50px;
}
#contents_detail01 .age01{
  margin-bottom: 15px;
}
.btn_list02{
  margin-bottom: 15px;
}

.btn_list02 li{
  width: calc((100% - 10px) / 2);
}
.btn_list02 li:first-child{
  margin-bottom: 15px;
  max-width: 100%;
}
.btn_list02 .btn01{
  height: 40px;
  font-size: 12px;
}
.btn_list02 .btn01 span.guide,
.btn_list02 .btn01 span.map{
  width: 20px;
  height: 20px;
}
.btn_list02 .btn01 span.movie{
  width: 15px;
  height: 15px;
}
.share_box01 .box_l{
  padding: 0 15px 0 0 ;
}
.share_box01 .box_l .txt02{
  font-size: 13px;
}
.share_box01 .box_r{
  padding-left: 15px;
}
.share_list01 li a, .share_list01 li.share_copy .copy_btn{
  width: 20px;
  height: 20px;
}
.contents_slide01 .slick-dots li button:before{
  font-size: 10px;
}
.contents_slide01 .slick-dots li{
  margin: 0;
}
.contents_slide01 .slick-dots{
  bottom: -30px;
}
.contents_slide01::after{
  width: 50px;
  bottom: -20px;
}
.contents_txt_box01{
  padding-top: 10px;
}
.popup_box, .audio_box01{
  border-radius: 15px;
  padding: 40px 20px;
}

.popup_img{
  margin-bottom: 15px;
}
.popup_txt{
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.keyword_list01 li{
  margin-bottom: 15px;
}
.keyword_list01 li a, .btn_pause{
  font-size: 13px;
  height: 25px;
}

.audio_box01{
  width: 90%;
}
.audio_icon01{
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
}
.audio_txt01{
  font-size: 12px;
  margin-bottom: 30px;
}
.btn_pause,
.remodal-cancel{
  max-width: 150px;
}
.leaf01{
  width: 40%;
  right: -5%!important;
  left: auto!important;
}
.leaf02{
  width: 30%;
  left: -5%!important;
  right: auto!important;
}
.hasu01{
  width: 45%;
}
.hasu02{
  width: 45%;
}
.hasu03{
  width: 45%;
}
.hasu04{
  width: 45%;
}
.hasu05{
  width: 45%;
}
.kazari01{
  top: 19%;
}
.kazari02{
  top: 27.5%;
}
.kazari03{
  top: 32.5%;
}
.kazari04{
  top: 41%;
}
.kazari05{
  top: 63%;
  right: -30px;
}
.kazari07{
  top: 53%;
  bottom: auto;
}
.kazari06{
  left: -20px;
  bottom: auto;
  top: 73.5%;
}
.kazari08{
  top: 45%;
  bottom: auto;
}
.kazari09{
  right: -30px;
  bottom: auto;
  top: 84%;
}
.kazari12{
  display: none;
}
.kazari11{
  bottom: 1%;
}
.kazari13{
  top: 18%;
}
.kazari14{
  top: 42%;
}
.kazari15{
  top: 4%;
}
.kazari16{
  top: 27%;
  bottom: auto;
}
.kazari17{
  top: 78%;
}
.kazari18{
  top: 94%;
}
.kazari19{
  top: 16%;
  right: -10%!important;
}
.kazari20{
  display: none;
}
.kazari21{
  top: auto;
  bottom: -13%;
}
.kazari22{
  top: 66%;
}
.kazari23{
  top: 52%;
}
.kazari24{
  bottom: 15%;
}
.kazari26{
  top: 4%;
}
.kazari25{
  top: 37%;
}
.kazari27{
  bottom: -12%;
}
#vr .inner02{
  width: 90%;
}
.vr_ttl01{
  font-size: 22px;
}
#contents_index01{
  padding-top: 50px;
}
.map_list01{
  margin-top: 30px;
}
.map_list01 li{
  margin-bottom: 15px;
}
.map_list01 li a{
  font-size: 17px;
}
.map_list01 li span.num{
  width: 25px;
  margin-right: 10px;
}
.map_list01 li span.txt{
  width: calc(100% - 35px);
}
.mv_movie {
    padding-top: 118.7%;
}
.map_pop .popup_ttl .num{
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.map_pop .popup_ttl .txt{
  width: calc(100% - 35px);
  margin-top: 3px;
}
.map_pop .popup_ttl{
  font-size: 18px;
}
body.ononokomachi #contents_detail01 .inner{
  padding: 40px 0;
}
}
#mapCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}