.pc {
  display: none !important;
}

img {
  max-width: 100%;
}

#keyVisual {
  margin-bottom: 0;
}

.w1040 {
    padding: 32px 16px 0px 16px;
}

h2.ttl {
    font-size: 24px;
    text-align: center;

    color: #767676;
padding-bottom: 24px;
    line-height: normal;letter-spacing: 0.3em;
}
#keyVisual h1{padding: 34px 40px 0;width: calc(100% - 80px);}
#keyVisual h1 img:nth-child(2){padding-bottom: 20px;}
#part1 p {
  text-align: center;
  font-size: 16px;
  line-height: 200%;
}

#part2 .jdsTab {
  padding-top: 12px;
}

#part2 .jdsTab .jdsTabNav {
  display: flex;
  justify-content: space-between;
}

#part2 .jdsTab .jdsTabNav li {
  width: 24%;
  text-align: center;
  font-size: 11px;
  padding-bottom: 130px;
  background-size: 90px !important;
}

#part2 .jdsTab .jdsTabNav li:nth-child(1) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp01-off.png) center bottom no-repeat;
  color: #65B005;
  /*border-bottom: 4px solid #d1e7b4;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(1).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp01-on.png) center bottom no-repeat;
  /*border-bottom: 4px solid #65B005;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(2) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp02-off.png) center bottom no-repeat;
  color: #DDB100;
  /*border-bottom: 4px solid #f5e8b3;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(2).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp02-on.png) center bottom no-repeat;
  /*border-bottom: 4px solid #DDB100;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(3) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp03-off.png) center bottom no-repeat;
  color: #FF6400;
  /*border-bottom: 4px solid #ffd1b3;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(3).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp03-on.png) center bottom no-repeat;
  /*border-bottom: 4px solid #FF6400;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(4) {
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp04-off.png) center bottom no-repeat;
  color: #00A0F0;
  /*border-bottom: 4px solid #b3e3fb;*/
}

#part2 .jdsTab .jdsTabNav li:nth-child(4).active {
  font-weight: bold;
  background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/sp04-on.png) center bottom no-repeat;
  /*border-bottom: 4px solid #00A0F0;*/
}

#part2 .jdsTab .tab01 ul li span b,#part2 .jdsTab .tab01 ul li span a {
  color: #65B005;
}

#part2 .jdsTab .tab02 ul li span b,#part2 .jdsTab .tab02 ul li span a {
  color: #DDB100;
}

#part2 .jdsTab .tab03 ul li span b,#part2 .jdsTab .tab03 ul li span a {
  color: #ff6400;
}

#part2 .jdsTab .tab04 ul li span b,#part2 .jdsTab .tab04 ul li span a {
  color: #00A0F0;
}

#part2 .jdsTab .jdsTabMain ul li {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  padding: 50px 0 10px;
  position: relative;
}

/* #part2 .jdsTab .jdsTabMain ul li:nth-child(2) {
  flex-direction: row-reverse;
} */

#part2 .jdsTab .jdsTabMain ul li:nth-child(2) div {
  padding-right: 0;
margin-left: 5px;
}

#part2 .jdsTab .jdsTabMain ul li:last-child {
  border: none;
}

#part2 .jdsTab .jdsTabMain ul li div {
  width:50%;
  height: 120px;
  overflow: hidden;
  display: flex;
  justify-content: center;
 margin-right: 5px;
  position: relative;
}
#part2 .jdsTab .jdsTabMain ul li div img{max-width:none;width: auto;height: 100%;}
#part3 .planbox .swiper-slide a p.photo{padding:0;display: flex;justify-content: center;height: 170px;align-items: center;overflow: hidden;}
#part3 .planbox .swiper-slide a p.photo img{width: 100%;height: auto;}
#part2 .jdsTab .jdsTabMain ul li span {
  display: block;
  font-size: 13px;
  line-height: 170%;
  width: calc(100% - 105px);
}

#part2 .jdsTab .jdsTabMain ul li span a{display: block;text-decoration: underline;position: relative;font-weight: bold;}


#part2 .jdsTab .jdsTabMain ul li span b {
  display: block;
  font-size: 15px;
  padding-bottom: 5px;position: absolute;
  top: 20px;left: 0;
}

#part3 h3 {
  font-size: 16px;
  text-align: left;
  padding-top: 5px;
}

#part3 .planbox {
  padding-bottom: 20px;
  padding-top: 24px;
  margin-bottom: 15px;
  z-index: 0;
}

#part3 .planbox .swiper-slide a {
  display: block;
  overflow: hidden;

}
#part3 .planbox .swiper-slide {
  display: block;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
#part3 .planbox .swiper-slide a p {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 150%;
}

#part3 .planbox .swiper-slide a p b {
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
}

#part4 {
  padding-top: 64px;
}

#part4 h2.logo {
  font-weight: normal;
  text-align: center;
  font-size: 24px;
  line-height: 1.5;
}
#part4 h2.logo span{font-size: 14px; display: block;}
#part4 h2.logo img {
  display: block;
  margin: 10px auto 20px;
  width: 50%;
}

#part4 a.btn {
  display: block;
  position: relative;
  padding: 10px;
  border-radius: 80px;
  border: 1px solid #333;
  font-size: 16px;
  width: 80%;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 25px;
}

#part4 a.btn:hover {
  text-decoration: none;
}

#part4 a.btn:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(-45deg);
  position: absolute;
  right: 20px;
  top: 38%;
}

#part4 ul {
  overflow: hidden;
  padding: 20px 0;
}

#part4 ul li {
  float: left;
  width: 48%;
  margin:4px 0.6%;
}

#part4 ul li a {
  display: block;border-radius: 5px; overflow: hidden;
  box-shadow: 1px 1px 4px #ccc;
}

#part4 ul li a:hover {
  text-decoration: none !important;
}

#part4 ul li a img {
  width: 100%;
  display: block;
}

#part4 ul li a span {
  display: block;
  font-size: 13px;
  padding: 8px;
  /* min-height: 94px; */
}

#bnr {
  padding: 30px 16px;
}

#bnr ul {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  justify-content: space-between;
  margin-bottom: 20px;
}

#bnr ul li img {
  width: 100%;
}
/* @media screen and (max-width:320px) {
  #part3 .planbox .swiper-slide a p.photo{height: 145px;}
  #part3 .planbox.plan01 .swiper-slide a{min-height: 376px;}
  #part3 .planbox.plan02 .swiper-slide a{min-height: 376px;}
  #part3 .planbox.plan03 .swiper-slide a{min-height: 387px;}
  #part3 .planbox.plan04 .swiper-slide a{min-height: 376px;}
}
@media screen and (max-width:375px) {
  #part3 .planbox .swiper-slide a p.photo{height: 175px;}
  #part3 .planbox.plan01 .swiper-slide a{min-height: 345px;}
  #part3 .planbox.plan02 .swiper-slide a{min-height: 381px;}
  #part3 .planbox.plan03 .swiper-slide a{min-height: 387px;}
  #part3 .planbox.plan04 .swiper-slide a{min-height: 376px;}
} */
/* 
#part3 .planbox.plan01 .swiper-slide a{min-height: 345px;}
#part3 .planbox.plan02 .swiper-slide a{min-height: 381px;}
#part3 .planbox.plan03 .swiper-slide a{min-height: 358px;}
#part3 .planbox.plan04 .swiper-slide a{min-height: 355px;} */
.checklink { text-align: right; font-size: 14px; margin-right: 8px;}
.expsml { margin: 16px auto 0 auto; line-height: 1.5;font-size: 14px;}

#part3 .planbox .swiper-slide ul.btn{margin: 10px 15px;display: flex; justify-content: space-around;}
#part3 .planbox .swiper-slide ul.btn li a{display: block;margin: 5px 0;text-align: center;padding: 10px 0;font-size: 14px;color: #72A331;}


.gogreen a,#naruhodo a{box-shadow: 1px 1px 4px #ccc;display: block;padding: 10px;margin: 20px 10px; }
.gogreen a span,#naruhodo a span{font-size: 16px;line-height: 170%;display: block;padding-top: 10px;}



#part1 .popbtn{color: #54822B !important;font-size: 14px;display: block;text-align: center; padding-top: 32px;}
#popupNEW {position: fixed;top: 0; right:0;display: flex; justify-content:  center; align-items:  center;width: 100%; height: 100%;}
#popupNEW .blackbg{position: fixed;top: 0;right: 0;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);z-index: 998;}
#popupNEW .inner{width: 834px; background-color: #fff;z-index: 999;height: auto;overflow: hidden;}
#popupNEW .inner>.ttl{padding:8px 16px; box-shadow:-1px 1px 2px rgb(213 213 213);font-size:18px;font-weight: bold; display: flex;align-items: center;position: relative;z-index: 999;}
#popupNEW .inner>.ttl .close{cursor: pointer;padding-right: 20px;}
#popupNEW .inner div.wrap{overflow: auto;max-height: 500px;padding: 24px;}
@media screen and (max-width:320px) {
  #popupNEW .inner div.wrap{max-height: 400px !important;}
}
#popupNEW .inner .bottom{ box-shadow: -4px -1px 2px rgb(213 213 213);text-align: center;padding: 8px 0;position: relative;z-index: 999;}
#popupNEW .inner .bottom button{border-radius: 4px; background: #fff; border: 1px solid #8C8C8C;padding: 8px 62px;cursor: pointer;font-weight: bold;font-size: 14px;}
#popupNEW .inner .bottom button:hover,#popupNEW .inner .ttl .close:hover{opacity: 0.8;}

#about{ margin-bottom: 24px;}
.about h3{text-align: center;font-size: 16px;color: #767676;padding-bottom: 24px;font-weight: normal;}
.about .greenbg{padding: 24px; background-color: #F2F6EA;font-size: 14px;text-align: center;}
.about .greenbg b{display: block;text-align: center;font-size: 16px;padding-bottom: 8px;}
.about .sdgs{border:1px solid #D9D9D9 ; border-radius: 3px;margin-top: 32px;padding: 24px;font-size: 16px;position: relative;line-height: 160%;}
.about .sdgs b{font-size: 18px;text-align: center;display: block;padding-bottom: 16px;}
.about .sdgs img{text-align: center;display: block;margin: 16px auto;}
.about .sdgs .icon{position: absolute;display: flex; align-items: center; background: #fff;top: -20px;right: 34%;padding: 0 20px;color: #767676;font-size: 16px;}
.stepttl span b{font-weight: 800;color: #009700;}
#part1{padding: 88px 16px;}
#index{background: #F2F6EA;}
#index .w1040{padding: 40px 16px;}
#index h2{color: #767676; font-size: 24px;text-align: center;padding-bottom: 0;}

#index ul li{margin: 0 5%;}
#index ul li a{display: block; color: #54822B !important; font-size: 14px;padding-top: 24px;}

.stepttl{color: #767676;font-size: 24px;letter-spacing: 0.1em;text-align: center;}
.stepttl span img{padding-right: 10px;width: 40px;padding-top: 5px;}
.stepttl span{display: flex;align-items:flex-start; justify-content:flex-start;padding-bottom: 24px;text-align: left;}
.stepttl>img{width: 50%;}
#step01 dl{color: #333;font-size: 16px;line-height: 200%;padding-top: 16px;align-items: center;}
#step01 dl dt{padding-bottom: 16px;}

#step01{padding-bottom: 88px;}

.explain{font-size: 16px;color: #333;line-height: 200%;}
#step02 .stepttl>img{width:75px;}



.stepcontents dl dt{text-align: center;}
.stepcontents dl{padding: 24px 8px 16px;}
.stepcontents dl dd ul{display: flex; justify-content: space-between;width: 100%;margin: 20px auto 0;}
.stepcontents dl dd ul li a.popbtn{display: block;border-radius: 3px;overflow: hidden;width:100%; box-shadow: 0px 0px 2px 1px #d8d8d8;}
.stepcontents dl dd ul li a:hover{text-decoration: none !important;}
.stepcontents dl dd ul li{width: 32%;}
.stepcontents dl dd ul li a.popbtn span:first-child{display: block;height: 70px; background-size: cover !important; background-position: center center !important;}
.stepcontents dl dd ul li a.popbtn span:last-child{display: block;  background: #fff;padding: 8px 25px 8px 2px;font-size: 13px; color: #333;background: url(https://travel.rakuten.co.jp/special/sustainability/images/greenarrow.png) no-repeat 96% center;}
.stepbox{text-align: center;}
.stepbox p{width: 100%;word-wrap: break-word;text-align: left;padding-top: 24px;font-size: 14px;}
.stepbox p b{display: block;}
.contents{width: 100%;}

.step02{background-image: url(https://travel.rakuten.co.jp/special/sustainability/images/step_top.png),url(https://travel.rakuten.co.jp/special/sustainability/images/step_bottom.png); background-position: top center,bottom center; background-repeat: no-repeat,no-repeat;background-color: #F6F6F6;
padding: 60px 8px !important;
}
.step04{background-image: url(https://travel.rakuten.co.jp/special/sustainability/images/step_top.png); background-position: top center; background-repeat: no-repeat;background-color: #F6F6F6;
  padding: 60px 8px 36px !important;
  } 

  .sustainabilityicon ul{display: flex;flex-wrap: wrap; justify-content: space-between;text-align: center;}
  .sustainabilityicon ul li{width: 24%;font-size: 12px;}
  .sustainabilityicon ul li b{display: block;padding-top:8px;padding-bottom: 8px;}
  .sustainabilityicon dl{margin: 24px 0;}
  .sustainabilityicon dl dt{display: flex;font-size: 18px;font-weight: bold;align-items: center;}
  .sustainabilityicon dl dt img{width: 40px;padding-right: 10px;}
  .sustainabilityicon dl dd{margin-left: 40px;font-size: 14px;color: #333333;line-height: 150%;}
  .sustainabilityicon dl dd p{background: url(https://travel.rakuten.co.jp/special/sustainability/images/checkicon.png) top left no-repeat;padding-left: 30px;}

  #step03{padding:  0;display:flex;flex-direction: column;align-items: center;gap: 24px;}
  #step03 h2{padding-bottom: 24px;}
  #step03 .explain{text-align: left;}
  #step03 .stepttl img{width: 97px;}
  #step03 dl dt{font-size: 14px;line-height: 160%;}
  #step03 dl dt img{padding-top: 24px;}
  #step03 dl dt h3{font-size: 18px;font-weight: bold;color: #6E6B6B;position: relative;padding-bottom: 24px;letter-spacing: 0.1em;}
  /* #step03 dl dt h3:before{display: block;position: absolute;width: 30px;height: 1px;background-color: #009700;content: "";left: 0;top: 24%;} */
  .newbtn{display: flex;font-size: 14px;color: #767676 !important;text-align: center;margin: 24px auto 0; justify-content: center;}
  .newbtn span{display: block;border: 1px solid #D9D9D9;border-radius: 100px;padding: 8px 24px;}
  .newbtn:hover{text-decoration: none !important;}
  .newbtn.green{color: #54822B !important;}
  .newbtn.green span{border-color: #54822B; }

  #step04{margin: 32px 0 0;}
  #step04 .stepttl img{width: 120px;}
  #step04 .stepttl{margin-bottom: 24px;}
  #step04 ul{padding: 24px 0 0;width: 100%;}
  #step04 ul li img{width: 100%;}
  #step04 ul li p{font-size: 14px;padding: 16px 0;line-height: 150%;}
  #step04 ul li span{font-size: 13px;color: #54822B !important;text-align: right;display: block;margin-bottom: 24px;}

.swiper-scrollbar-drag{background: #ccc !important;}
#part3 .stepttl img{width: 148px;}
#part3 .stepttl{margin-bottom: 24px;}
#indexwrap{position: relative;}
.jdsShowFix1{position: fixed;bottom: 0;right: 5px;z-index: 10; text-align: center;}
.jdsShowFix1 a{ width: 65px; display: block;}
.jdsShowFix1 a:nth-of-type(2) img{ width: 30px;}

/* .jdsShowFix1 li:first-child{border-radius: 5px 0 0 5px; background: #fff;border:1px solid #ccc;border-right: none;}
.jdsShowFix1 li a{display: block;font-size: 13px;padding: 8px;border-bottom: 1px solid #ccc;}
.jdsShowFix1 li a:last-child{border: none;}
.jdsShowFix1 li a:hover{text-decoration: none !important;}
.jdsShowFix1 li.trigger{width: 50px; height: 50px; background: url(https://travel.rakuten.co.jp/special/sustainability/images/menu.png) no-repeat; background-size: cover;margin: 10px 0 0 auto;}
.jdsShowFix1.menuon li.trigger{background: url(https://travel.rakuten.co.jp/special/sustainability/images/menu_off.png) no-repeat; background-size: cover;} */

#part4 .stepttl img{width: 110px;padding-bottom: 24px;}
#popupNEW .wrap .stepbox p b{display: none;}

.gogreen a img{display: block;margin:  0 auto;}

#bnr h2.ttl{text-align: left;}


/* 0915 renewal */
#top img{width: 100%; display: block; }
.folder{margin: 0; line-height: 1.5;}
.midashi img{display: block; margin: 0 auto 32px; width: 100%;}
.ttlNew{text-align: center; font-size: 24px; color: #00b800; margin-bottom: 26px; font-weight: 600;}
#lead,
#theme,
#hint,
#sustainaSrh {
  margin-right: 16px;
  margin-left: 16px;
}
#lead p{font-size: 18px; color: #6e6b6b; font-weight: bold; margin-bottom: 32px;}
#lead p span{display: block;font-size: 12px;font-weight: normal;color: #666;padding-top: 20px;}
.videoBox{margin-bottom: 64px;}

#theme{margin-bottom: 64px;}
#theme ul{margin-top: 64px; position: relative; padding-bottom: 24px;}
#theme ul:nth-child(2){margin-top: 32px;}
#theme ul li p{font-size: 30px; color: #6e6b6b; margin-bottom: 24px; letter-spacing: -2px; text-align: center; line-height: 1.4;}
#theme ul li a{position: absolute; left: 0;bottom: 0; right: 0;}
#theme ul li a img{display: block; margin: 0 auto; width: 50%; max-width: 315px;}
#theme ul li a:active{opacity: .3;}
#theme ul{margin-top: 24px; padding-bottom: 0;}
#theme ul:nth-child(2){margin-top: 24px;}
#theme ul li:nth-child(odd) p{display: none;}
#theme ul li:nth-child(even){display: none;}
#theme ul li:nth-child(odd) a{position: static; display: flex; align-items: center; justify-content: center; width: min(88vw, 420px); min-height: 84px; margin: 0 auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='84' viewBox='0 0 420 84' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2322b24c'/%3E%3Cstop offset='100%25' stop-color='%23008f3f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect rx='42' ry='42' width='420' height='84' fill='url(%23g)'/%3E%3Cpath d='M32 42c34-26 72-26 106 0s72 26 106 0 72-26 106 0 72 26 106 0v42H0V42c34 26 72 26 106 0z' fill='rgba(255,255,255,0.12)'/%3E%3C/svg%3E"); background-size: 100% 100%; background-repeat: no-repeat; text-decoration: none !important;}
#theme ul li:nth-child(odd) a img{display: none;}
#theme ul li:nth-child(odd) a::after{display: block; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 0; line-height: 1.35; text-align: center; white-space: nowrap;}
#theme1 li:nth-child(odd) a::after{content: "身体いっぱい\A自然を味わおう。"; white-space: pre;}
#theme2 li:nth-child(odd) a::after{content: "その土地の\A文化に触れよう。"; white-space: pre;}
#theme3 li:nth-child(odd) a::after{content: "地域の新しい\A魅力を発見しよう。"; white-space: pre;}
#theme4 li:nth-child(odd) a::after{content: "地域のご馳走を\Aいただこう。"; white-space: pre;}
#theme ul li:nth-child(even){position: relative; padding: 40px 0;}
#theme ul li:nth-child(even) .ico img{position: absolute; z-index: 1;}
#theme ul li:nth-child(even) > img{position: relative; z-index: 5; display: block; width: 70vw; margin: 0 auto;}
#theme ul li#girl1 .ico img:first-child{top: 0; left: 0; width: 15vw; animation: anmRotate 4s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(2){top: 8vh; left: 14vw; width: 12vw; animation: anmRotate 5s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(3){top: -2vh; right: 4vw; width: 35vw; animation: anmMoveY 3s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(4){bottom: 6vh; right: 2vw; width: 22vw; animation: anmMoveX 6s ease infinite;}
#theme ul li#girl1 .ico img:nth-child(5){bottom: 6vh; left: 1vw; width: 20vw; animation: anmMove2 5s ease infinite; z-index: 6;}

#theme ul li#girl2 .ico img:first-child{top: 3vh; left: 4vw; width: 22vw; animation: anmRotate 5s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(2){top: 3vh; right: -2vw; width: 38vw; animation: anmMoveY 3s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(3){top: 21vh; right: -3vw; width: 12vw; animation: anmMoveX 4s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(4){bottom: 11vh; right: 0; width: 20vw; animation: anmMoveX 5s ease infinite;}
#theme ul li#girl2 .ico img:nth-child(5){bottom: 9vh; left: 3vw; width: 20vw; animation: anmMove2 5s ease infinite;
}
#theme ul li#girl3 .ico img:first-child{top: 5vh; left: 11vw; width: 18vw; animation: anmMoveY 5s ease infinite;}
#theme ul li#girl3 .ico img:nth-child(2){top: 6vh; right: -3vw; width: 24vw; animation: anmMoveX 6s ease infinite;}
#theme ul li#girl3 .ico img:nth-child(3){bottom: 8vh; right: -3vw; width: 22vw; animation: anmMoveY 2.5s ease infinite;}
#theme ul li#girl3 .ico img:nth-child(4){bottom: 15vh; left: 2vw; width: 28vw; animation: anmScale 3s ease infinite;}

#theme ul li#girl4 .ico img:first-child{top: 2vh; left: 3vw; width: 24vw; animation: anmMoveY 2s ease infinite;}
#theme ul li#girl4 .ico img:nth-child(2){top: 5vh; right: 2vw; width: 23vw; animation: anmRotate 3s ease infinite;}
#theme ul li#girl4 .ico img:nth-child(3){bottom: 9vh; right: 1vw; width: 22vw; animation: anmRotate 5s ease infinite;}
#theme ul li#girl4 .ico img:nth-child(4){bottom: 10vh; left: 0; width: 22vw; animation: anmRotate 4s ease infinite;}
@keyframes anmRotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(8deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes anmScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes anmMoveY {
  0% {
    transform: translateY(-8px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-8px);
  }
}
@keyframes anmMoveX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-8px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes anmMove2 {
  0% {
    transform: scale(1) rotate(0deg);
  }
  20% {
    transform: scale(0.98) rotate(0.5deg);
  }
  40% {
    transform: scale(0.96) rotate(0deg);
  }
  60% {
    transform: scale(0.97) rotate(-0.5deg);
  }
  80% {
    transform: scale(0.99) rotate(-0.75deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

#hint dl dt{font-size: 18px; font-weight: bold; color: #00b900; margin-bottom: 8px;}
#hint dl dd{font-size: 16px; color: #6e6b6b; margin-bottom: 24px;}
#hint dl dd a{ color: #00a0e9 !important; text-decoration: underline !important;}
.btn{text-align: center; margin: 32px auto 0;}
.btn a{font-size: 18px; border: 2px solid #00b900; color: #00b900 !important; border-radius: 100rem; padding: 16px 40px; display: inline-block; font-weight: bold;}
#theme .btn{margin: 30px 0;}
#theme .btn a{display: inline-flex; align-items: center; justify-content: center; gap: 8px;}
#theme .btn a::after{content: ""; width: 16px; height: 16px; display: inline-block; background: url(../images/arrow.svg) no-repeat center / contain;}

#sustainaSrh {padding-top: 40px;}
#sustainaSrh p{font-size: 14px; color: #6e6b6b;}
#certifiedHotels p{font-size: 14px; color: #6e6b6b;}
#certifiedHotels a{display: block; color: #00A0E9 !important; margin-top: 8px;}

#about h3{font-size: 18px; color: #6e6b6b; margin-bottom: 18px; text-align: center;}
#about p{font-size: 16px; color: #6e6b6b;}


/* theme */
.fourTheme{padding: 24px 0 0; margin-bottom: 56px;}
.fourTheme .rtnBtn{text-align: center;}
.fourTheme .rtnBtn a{font-size: 16px; border: 1px solid #00b900; color: #00b900 !important; border-radius: 4px; padding: 8px 32px; display: inline-block;}

.ttlNew.ttlNew2{margin: 24px 0 48px;}
.themeTtl{font-size: 32px; color: #6e6b6b; font-weight: normal; letter-spacing: -2px; margin-bottom: 24px;}
.themeTtl small{font-size: 16px; display: block; letter-spacing: 0;}
.fourTheme#theme1{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme1_illust2.png) no-repeat right calc(100% - 70px); background-size: 30vw auto;}
.fourTheme#theme1 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme1_illust1.png) no-repeat right top; background-size: 30vw auto;}
.fourTheme#theme2{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme2_illust2.png) no-repeat right calc(100% - 70px); background-size: 30vw auto;}
.fourTheme#theme2 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme2_illust1.png) no-repeat right top; background-size: 30vw auto;}
.fourTheme#theme3{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme3_illust2.png) no-repeat right calc(100% - 70px); background-size: 25vw auto;}
.fourTheme#theme3 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme3_illust1.png) no-repeat right top; background-size: 26vw auto;}
.fourTheme#theme4{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme4_illust2.png) no-repeat right calc(100% - 70px); background-size: 18vw auto;}
.fourTheme#theme4 .themeTtl{background: url(https://travel.rakuten.co.jp/special/sustainability/images/theme4_illust1_sp.png) no-repeat right top; background-size: 30vw auto;}
.fourTheme img{display: block; margin-bottom: 24px;}
.fourTheme p{color: #6e6b6b; font-size: 16px; margin-bottom: 24px;}

#widewrapper{opacity: 0;font-family: 'Noto Sans JP', sans-serif;}


/* 202401 */
#contentsArea{ margin-top: 64px;}
nav{ overflow: hidden;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding:8px 0 ;}
nav ul{ display: flex; justify-content: center; align-items: center;}
nav ul li{ border-right: 1px solid #ccc; width: 25%; display: flex; align-items: center; height: 60px; position: relative;}
nav ul li:last-child{ border-right: none;}
nav ul li a{ display: block; padding: 0 10px;width: 100%; color: #767676 !important; text-align: center; font-size: 12px; font-weight: 700; line-height: 130%; position: relative;}
nav ul li:active{ text-decoration: none !important;}
nav ul li:active::after{ display: block; content: ""; height: 4px; width: 80%; background: #00B900; position: absolute; left: 50%; bottom: -8px; margin-left: -40%;}
.ttlNew{ position: relative; padding-bottom: 16px;}
.ttlNew::after{ content: ""; width: 140px; height: 3px; display: block; background: #00B900; position: absolute; left: 50% ; bottom: 0; margin-left: -70px;}
#hint dl{ margin-top: 32px;}
#hint dl dt{ text-align: center; padding-top: 40px; background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/icon1.png) top center no-repeat; background-size: 32px; line-height: 1;}
#hint dl dt:nth-of-type(2){ background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/icon2.png) top center no-repeat; background-size: 32px;}
#hint dl dt:nth-of-type(3){ background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/icon3.png) top center no-repeat; background-size: 32px;}
#hint dl dt:nth-of-type(4){ background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/icon4.png) top center no-repeat; background-size: 32px;}
#hint dl dt:nth-of-type(5){ background: url(https://img.travel.rakuten.co.jp/special/sustainability/images/icon5.png) top center no-repeat; background-size: 32px;}
.btn a{ width: 80%; font-size: 18px; padding: 8px 0 6px; position: relative; background: #00B900; color: #fff !important; text-decoration: none !important;}





#Searchbox {margin-top: 64px!important;}
.modal-price{ position: fixed; top:10%!important; width:84%!important; left:8%!important; background: #ffffff;opacity: 1;height: 50%;z-index: 999;overflow: hidden;}

.input-squeezes {background: #f3f3f3;border-radius: 3px;padding: 8px;}
  .price-close {
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
    padding-left: 40px;
    line-height: 56px;
    background: #fff url(https://img.travel.rakuten.co.jp/special/yadomap/202102/images/ico-close.svg) 8px center no-repeat;
    box-shadow: rgb(0 0 0 / 14%) 0px 4px 4px -1px;
  }
  .modal-price ul {
    display: flex;
    max-width: 375px;
    justify-content: center;
    margin: 40px auto 0;
  }
  #price-range-slider {
    width: 81%;
    max-width: 304px;
    margin: 32px auto 0;
    height: 4px;
  }
  .modal-price .Searchnotes {
    font-size: 12px;
    color: #767676;
    text-align: right;
    margin: 30px auto 0;
    padding-right: 35px;
    max-width: 375px;
  }
  .btn-price-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    text-align: center;
    position: absolute;
    bottom: 0;
    box-shadow: rgb(0 0 0 / 14%) 0px -4px 4px -1px;
  }

  .btn-price-submit span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff;
    background: #54822b;
    width:80%;
    height: 36px;
    border: none;
    border-radius: 4px;margin-left:auto; margin-right: auto;
  }
  .modal-price-overlay {
    transition-duration: 0.4s;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    opacity: 0.3;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    display: none;
  }
  .modal-price ul {
    display: flex;
    max-width: 375px;
    justify-content: center;
    margin: 40px auto 0;
  }
  .modal-price li {
    font-size: 13px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 41%;
    height: 56px;
  }
  .modal-price li p {
    padding:0 8px 8px 0;
    position: absolute;
    width: 113px;
    text-align: center;
  }
  #FXC .modal-price select {
    font-size: 123% !important;
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 20px 8px 0 !important;
    width: 100% !important;
    height: 100% !important;
    font-weight: bold;
    background: none !important;
    text-align: center;
  }
  .modal-price .price-separation-line {
    border: none;
    display: flex;
    align-items: center;
    padding: 0 8px;
    width: 2%;
  }
  #price-range-slider {
    width: 81%;
    max-width: 304px;
    margin: 32px auto 0;
    height: 4px;
  }
  .noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;
  }
  .noUi-target {
    position: relative;
    direction: ltr;
    touch-action: none;
    user-select: none;
    box-sizing: border-box;
  }
  #FXC .modal-price select {
    font-size: 123% !important;
    background: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 20px 8px 0 !important;
    width: 100% !important;
    height: 100% !important;
    font-weight: bold;
    background: none !important;
  }
  #search-box #dh-search-form .structure dd .squeeze li label {
    border: 1px solid #d3d2d2;
    padding: 7px 12px;
    cursor: pointer;
    border-radius: 30px;
    color: #444444;
    font-weight: normal;
    margin: 0;
    background-color: #ffffff;
}
#search-box #dh-search-form input.fcmp:checked + label {
  border: 1px solid #5e8a38!important;
  padding-left: 30px!important;
  background: url(data:image/gif;base64,R0lGODlhGAAUALMAAOrv5GmRRt/n2F6KONTgyn+hYKrBlfX48nSZU1SCK+rw5WmSRf///wAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhDMzQwQkY3QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhDMzQwQkY4QkJGRTExRUM5QzJBRjhFMDQxQ0M0QzI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEMzNDBCRjVCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEMzNDBCRjZCQkZFMTFFQzlDMkFGOEUwNDFDQzRDMjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAGAAUAAAEN5DJSau9OOvNu/+gpBRKOClLAJgMqrLuyh1V3BlLKaYyJwy5Fg/0WxCGoV/ixRIgeqyodEqlRgAAOw==) left center no-repeat;
}

#search-box.verB.test .sibori input[type="checkbox"]+label {font-size: 14px;}

.GSTC{padding: 15px;background-color: #F5F5F5;font-size: 12px;}
.GSTC a{color: #00A0E9 !important;text-decoration: underline !important;}