@charset "utf-8";

.pc {
  display: none !important;
}

img {
  max-width: 100%;
}
#widewrapper{
  overflow: hidden;
  position: relative;
}
#keyVisual {
  margin-bottom: 0;
  overflow: hidden;
}
#keyVisual h1 img{
  display: block;
  width: 100%;
}
.navi {
  width: 100%;
  background-color: #fff;
  z-index: 101;
}

.navi ul {
  width: 100%;
  display: flex;
  font-size: 80%;
  background-color: #fff;
  padding: 8px 0;
}
.navi ul li{
  flex: 1.5;
  padding: 4px 0;
  border-right: 1px solid #999;
}
.navi ul li a {
  color: #767676;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 4px;
}
.navi ul li:last-child{
  border-right: none;
  flex: 1;
}

#contentsArea {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}

#contentsArea a:hover {
  text-decoration: none !important;
}


.ranking {
  padding: 24px 16px 0;
  text-align: center;
}
.rankNote:before{position: absolute; content: ''; width: 100px; height: 1px; background: #8c8c8c;bottom: 0;left: 50%; transform: translateX(-50%);}
.rankNote{font-size: 13px;line-height: 1.5; position: relative; padding: 0 16px 56px; margin-bottom: 56px;}

.ranking .swiper-container{margin-bottom: 24px;}
.ranking .swiper-wrapper {
  padding: 0 0 20px;
}

.ranking .swiper-wrapper .swiper-slide {
  border-radius: 5px;
  border: 1px solid #eae9e9;
  box-shadow: 0 1px 10px #eae9e9;
  overflow: hidden;
  position: relative;
  /* box-sizing: border-box; */
  line-height: 1.5;
}
.ranking .swiper-wrapper .swiper-slide .photo{
  overflow: hidden;
  height: 112px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(1)::before {
  background: url(https://img.travel.rakuten.co.jp/special/furusato/images/no1bg.png) no-repeat;
  background-size: 32px auto;
  content: "1";
  color: #000;
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(2)::before {
  background: url(https://img.travel.rakuten.co.jp/special/furusato/images/no2bg.png) no-repeat;
  background-size: 32px auto;
  content: "2";
  color: #000;
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(3)::before {
  background: url(https://img.travel.rakuten.co.jp/special/furusato/images/no3bg.png) no-repeat;
  background-size: 32px auto;
  content: "3";
  color: #000;
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(4)::before {
  content: "4";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(5)::before {
  content: "5";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(6)::before {
  content: "6";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(7)::before {
  content: "7";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(8)::before {
  content: "8";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(9)::before {
  content: "9";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(10)::before {
  content: "10";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(11)::before {
  content: "11";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(12)::before {
  content: "12";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(13)::before {
  content: "13";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(14)::before {
  content: "14";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(15)::before {
  content: "15";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(16)::before {
  content: "16";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(17)::before {
  content: "17";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(18)::before {
  content: "18";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(19)::before {
  content: "19";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide:nth-child(20)::before {
  content: "20";
}

.ranking .rankingbox .swiper-wrapper .swiper-slide::before {
  background: url(https://img.travel.rakuten.co.jp/special/furusato/images/no4bg.png) no-repeat;
  background-size: 32px auto;
  width: 32px;
  height: 20px;
  display: block;
  content: "";
  position: absolute;
  top: 6px;
  left: 9px;
  text-align: center;
  padding-top: 11px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}

.ranking .swiper-wrapper .swiper-slide img {
  width: 100%;
  object-fit: cover;
}

.ranking .swiper-wrapper .swiper-slide p {
  font-size: 88%;
  padding: 0 10px 6px;
}
.ranking .swiper-wrapper .swiper-slide a{
  color: #333;
}
.ranking .swiper-wrapper .swiper-slide p.area, .ranking .swiper-wrapper .swiper-slide p.htlName{font-weight: bold;}
.ranking .swiper-wrapper .swiper-slide p.price{font-size: 14px;text-align: right;}
.ranking .swiper-wrapper .swiper-slide p.price span{color: #bf0000; font-weight: bold;}
.ranking .swiper-wrapper .swiper-slide a.btn {
  font-size: 78%;
  display: block;
  border-radius: 5px;
  border: 1px solid #c5c5c5;
  margin: 10px;
  padding: 10px 0;
  text-align: center;
}
.ranking .swiper-wrapper .swiper-slide p.area{font-weight: bold; margin: 8px 0;}
.ranking .jdsTabNav{
  background: #f3f3f3;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  margin-bottom: 24px;
}
.ranking .jdsTabNav li{
  width: 23%;
  background: #fff;
  text-align: center;
  padding: 6px 0;
  margin: 0 1% 6px;
  font-size: 13px;
  border-radius: 4px;
}

.ranking .jdsTabNav li.active{
background: #54822B;
color: #fff;
}

.attentionXX {
  padding: 0 15px;
}
.attentionXX ul {
  padding: 20px 0 0;
  line-height: 150%;
}

.attentionXX ul li {
  font-weight: bold;
  font-size: 13px;
  padding-bottom: 15px;
  list-style: disc;
}

.attentionXX ul li b {
  color: #bf0000;
}

.attentionXX ul li span {
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.attentionXX .greybox {
  padding: 20px;
  font-size: 12px;
  line-height: 150%;
  background: #f0f0f0;
  border-radius: 10px;
}

.attentionXX .greybox span {
  color: #bf0000;
}

.attentionXX p.note {
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  font-size: 12px;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}



#processBk{padding: 40px 0;overflow: hidden;}
.attentionXX {display: block;}
.attentionXX h3.ttls{ font-size: 13px; margin-top: 24px; text-align: left;}
.attentionXX ul li{ list-style: none; padding-bottom: 8px;}
.attentionXX ul li ul{ padding: 0;}
.attentionXX ul li ul li{ font-weight: normal; font-size: 12px;}
.attentionXX ul li i{ color: #FD0000; font-style: normal;}

/* #qa{ padding: 0; margin: 0 15px 32px; display: block;} */
#qa dl{ margin: 16px auto 0;border: 1px solid #D8D0D0;}
#qa dl dt{ font-size: 13px; padding:8px 32px 8px 16px; position: relative; cursor: pointer;}
#qa dl dt.jdsCoponSwitch{ background: url(https://img.travel.rakuten.co.jp/special/furusato/202304/images/jia.png) 98% center #F0F0F0 no-repeat ;}
#qa dl dt::before{ content: "Q：";}
#qa dl dt.jdsCoponSwitch.active-submenu{background: url(https://img.travel.rakuten.co.jp/special/furusato/202304/images/jian.png) 98% center #F0F0F0 no-repeat;}
#qa dl dd{ font-size: 13px; padding: 16px; line-height: 1.4; border-top: 1px solid #D8D0D0; position: relative;}
#qa dl dd::before{ content: "A：";}
#qa dl dd img{ display: block; margin: 24px auto 0;}
#qa dl dd p{ display: flex; justify-content: space-around; flex-direction:row-reverse; margin-top: 16px;}
#qa dl dd .irregular{ display: initial; justify-content: initial; flex-direction:initial; margin-top: 16px;}
#qa dl dd p img{ width: 50%; margin: 0;}
#qa dl dd .irregular img{ width: 100%; margin-top: 24px;}
#qa dl dd p span{width: calc(50% - 24px); display: block; margin-top: 8px; }
#qa dl dd .irregular span{width: 100%; display: block; margin-top: 8px; }

.sub_ttl{
  font-size: 18px;
  margin-bottom: 16px;
  color: #333;
  font-weight: normal;
}
.sub_ttl2{font-size: 18px;margin-bottom: 16px; font-weight: normal;}

.searchWide{
  margin: 0 -10px;
}
#searchFolder{
  padding-bottom: 0;
  padding-top: 56px;
  position: relative;
  border-bottom: none;
}
#searchFolder:before{position: absolute; content: ''; width: 100px; height: 1px; background: #8c8c8c; left: 50%; top: 0; transform: translateX(-50%);}
#searchFolder .mds{font-size: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 56px;}
#searchFolder .mds small{display: flex; align-items: baseline; font-size: 13px;}
#searchFolder .mds small img{margin: 0 4px 0 2px;}
.searchNav li a span{
color: #333;
}
a.wtBtn2{display: block; font-size: 20px; text-align: center; border-radius: 4px; border: 1px solid #8c8c8c; padding: 10px 0; line-height: 1.3; color: #333; margin-bottom: 24px;}
a.wtBtn2 small{display: block; font-size: 12px;}
/* 1120 renewal */
#keyVisual h1{width: 100%; position: relative; padding-bottom: 90px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//kv.png) 0 100% / 810px 90px; animation: slide 50s linear infinite;}
#keyVisual h1 img{display: block; width: 100%;}
@keyframes slide {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -810px 100%;
  }
}
/* エントリー */
#entry{background: #FFEDBE; padding: 32px 16px;}
#entry h2 img{display: block; width: 100%; margin: 0 auto 16px;}
.termBox{margin:24px auto;line-height:1.5;padding:0 16px; color: #333; font-size: 14px;}
.termBox span{padding: 4px 8px; border-radius: 3px; border: 1px solid #333; display: inline-block; margin-right: 4px;}
.termBox ul{margin:10px auto 0;}
.campBox{width: 100%; margin-top: 10px;}
.campBoxLink{display: flex; justify-content: center;}
.campBoxLink a{margin: 0 4px; background: #eaeaea; border-radius: 4px; padding: 8px 10px; font-size: 14px; color: #333;}
.campBoxLink a:last-child{position: relative;}
.campBoxLink a:last-child:after{position: absolute; content: url(https://img.travel.rakuten.co.jp/camp/mobile/202207/images/iconOpen.png); margin-left: 20px;}


/* firstUser */
#newUser{margin: 40px 16px;}
#newUser h2{text-align: center;margin-bottom: -10px;}
#newUser h2 span{font-size: 18px; color: #333; background: #fff; padding: 8px 16px;}
.newUserBox{border-radius: 8px; border: 2px solid #ccc; padding: 24px 16px;}
.newUserBox h3{font-size: 20px; padding: 0 24px 0 36px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_newUser.png) no-repeat left center; color: #1D54A7; font-weight: normal; position: relative; line-height: 1.3;}
.newUserBox h3:before{position: absolute; content: ''; width: 10px; height: 10px; border-top: 1px solid #1D54A7; border-right: 1px solid #1D54A7; right: 4px; top: 50%; transform: rotate(135deg) translateY(50%);}
.newUserBox h3.active-submenu:before{transform: rotate(-45deg) translateY(-50%);}
.newUserBox > div{padding-top: 8px;}
.newUserBox > div > p{font-size: 16px; margin-bottom: 24px;}
.newUserBox > div img{display: block; width: 100%; margin-bottom: 24px;}
.newUserBox > div h4{font-size: 20px; font-weight: normal; text-align: center; margin-bottom: 16px;}
.newUserBox .do3 li{border-radius: 4px; border: 1px solid #ccc; padding: 16px; background: #F3F3F3;}
.newUserBox .do3 li:nth-of-type(even){position: relative; margin: 24px 0;}
.newUserBox .do3 li:nth-of-type(even):before{position: absolute; content: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_arrow.png); width: 24px; height: 24px; top: -24px; left: 50%; transform: translateX(-50%);}.newUserBox .do3 li:nth-of-type(even):after{position: absolute; content: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_arrow.png); width: 24px; height: 24px; bottom: -24px; left: 50%; transform: translateX(-50%);}
.newUserBox .do3 li p{display: flex; font-size: 16px; align-items: center;}
.newUserBox .do3 li p strong{font-size: 20px; margin-right: 24px; padding-left: 30px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_newCheck.png) no-repeat left center; line-height: 1;}
.newUserBox .do3 li a{font-size: 15px; padding-left: 28px; display: block; margin-top: 8px;line-height: 1.5;}
.newUserBox .do3 li:first-of-type a{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_calculator.png) no-repeat 0 2px;}
.newUserBox .do3 li:last-of-type a{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_phone.png) no-repeat 0 2px;}
.newUserBox .do3 li a small{font-size: 12px;}
.newUserBox .do3 + p{font-size: 14px; margin: 16px 0 0; line-height: 1.5;}
/* about */
#about{padding: 56px 16px 40px; background: #F3F3F3;}
#about h2{text-align: center; font-size: 24px; font-weight: normal; line-height: 1.3; margin-bottom: 16px;}
#about h2 em{font-size: 30px; display: block;}
#about h2 small{font-size: 18px; display: block;}
#about .lead{font-size: 16px; margin-bottom: 24px; line-height: 2;}
#about .lead + img{ display: block; width: 100%; margin-bottom: 40px;}
#about dt{padding: 8px 32px 8px 8px; display: flex; align-items: center; font-size: 20px; position: relative; line-height: 1.3; margin-bottom: 16px;}
#about dt img{margin-right: 8px; width: 34px;}
#about dt p span{background: #FFFCB4; padding: 2px;}
#about dt:before{position: absolute; content: ''; width: 10px; height: 10px; border-top: 1px solid #1D54A7; border-right: 1px solid #1D54A7; right: 4px; top: 50%; transform: rotate(135deg) translateY(50%);}
#about dt.active-submenu:before{transform: rotate(-45deg) translateY(-50%);}
#about dd{padding: 0 36px 104px; line-height: 1.5; font-size: 14px;}
#about dd.icon_map{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_map.png) no-repeat center 88%;}
#about dd.icon_calender{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_calender.png) no-repeat center 88%;}
#about dd.icon_coupon{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_coupon.png) no-repeat center 88%;}
#about dd.icon_appointment{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_appointment.png) no-repeat center 85%;}
#about dd.icon_pointillust{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_pointillust.png) no-repeat center 88%;}
#about dd.icon_rise{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_rise.png) no-repeat center 88%;}
#about dd a{color: #333; text-decoration: underline;}
/* flow */
#flow{padding: 56px 0 0; margin-bottom: 56px;}
#flow h2{font-size: 30px; font-weight: normal; text-align: center; line-height: 1.3; margin-bottom: 24px; padding: 0 16px;}
#flow h2 small{font-size: 16px; display: block;}
#flow .lead{font-size: 16px; line-height: 2; margin-bottom: 48px; padding: 0 16px;}
#flow .jdsTabNav{display: flex; justify-content: space-between; padding: 0 16px; align-items: center; margin-bottom: -2px; position: relative;}
#flow .jdsTabNav li{border-radius: 8px 8px 0 0; border: 2px solid #ccc; border-bottom: none; color: #8C8C8C; font-size: 16px; width: 48.5%; padding: 10px; box-sizing: border-box; text-align: center; line-height: 1.5; background: #fff; white-space: nowrap;}
#flow .jdsTabNav li span{text-decoration: underline;}
#flow .jdsTabNav li.active{background: #FFF8E5; border-color: #6D6D6D; padding: 16px 10px 18px; color: #333;}
#flow .jdsTabMain{padding: 40px 0; background: #FFF8E5; border-top: 2px solid #6D6D6D;}
#flow .flowNo{display: flex; justify-content: center; margin-bottom: 32px; background-color: #FFF8E5; width: 100%; z-index: 100; height: 66px;}
.flowNo li{display: flex; flex-direction: column; align-items: center; margin: 0 8px; position: relative; width: 44px;font-weight: bold; padding: 4px 0;}
.flowNo li:before{position: absolute; content: ''; height: 2px; background: #00B900; left: -24px; top: 13px; width: 33px;}
.flowNo li:after{position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0;z-index: 100;}
.flowNo li:first-child:before{content: 'STEP'; font-size: 11px; height: auto; background: none; top: 8px; font-weight: bold;}
.flowNo li a{border-radius: 100rem; width: 27px; height: 27px; background: #fff; font-size: 15px; text-align: center; margin-bottom: 4px; line-height: 27px; color: #333;}
.flowNo li span{font-size: 11px; line-height: 1.2; text-align: center;}
.flowNo li.here a{background: #00B900; color: #fff;}
.flowNo li.here span{color: #00B900;}
#flow .mds{text-align: center; font-size: 20px; margin-bottom: 32px;}
#flow1-1, #flow2-1{margin-top: 32px;}
#flow .mds span{color: #00B900; display: block; font-weight: bold;position: relative;}
#flow .mds span em{font-size: 30px;}
.flowBox{padding: 24px 16px; background: #FFEDBE;}
.flowTtl{font-size: 24px; padding-left: 44px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_search.png) no-repeat left center; margin-bottom: 8px;}
.txt_s{font-size: 13px; margin-bottom: 24px;}
.flowBox img{display: block; margin: 24px auto 16px; width: 224px;}
/* .flowBox .swiper-slide img{display: block; margin: 0 auto 8px; width: 280px;} */
.flowBox p{font-size: 16px; line-height: 1.5;}
.flowBox p span{color: #1D54A7;}
.flowBox .swiper-button-next{background-image: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//swiper_arr.png); width: 48px; height: 72px; background-size: 100%; margin-top: 0;top: 154px;right: -10px;}
.flowBox .swiper-button-prev{background-image: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//swiper_arr.png); width: 48px; height: 72px; background-size: 100%; margin-top: 0;top: 154px;transform: rotate(180deg);left: -10px;}
.flowBox .swiper-button-next.swiper-button-disabled, .flowBox .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 36px; height: 36px; border: 1px solid #ccc; border-radius: 4px; margin: 0 8px; background: #fff; opacity: 1; box-sizing: border-box; line-height: 36px; position: relative;}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{position: absolute;top: 0;left: 0; font-size: 14px; width:100%; height: 100%; font-family: inherit; display: flex; justify-content: center; align-items: center;}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1):before{content: '1';}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2):before{content: '2';}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(3):before{content: '3';}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(4):before{content: '4';}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(5):before{content: '5';}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #54822B !important; border-color: #54822B;}
.flowBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before{color: #fff;}
.flowBox .swiper-container{padding-bottom: 56px; margin-bottom: 24px;}
.noteBox{background: #FDF3DA; font-size: 16px; margin: 16px 0; padding: 12px 12px 12px 36px; text-indent: -20px; line-height: 1.5; border-radius: 4px;}
a.grBtn{display: block; font-size: 20px;text-align: center; border-radius: 4px; padding: 16px; color: #fff; background: #54822B; line-height: 1.3;}
a.grBtn span{position: relative; padding-right: 20px;}
a.grBtn span:before{position: absolute; content: ''; width: 8px; height: 8px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; right: 0; top: 50%; transform: rotate(45deg) translateY(-50%);}
a.grBtn small{display: block; font-size: 12px;}
.connect{background: #FFF8E5; padding: 24px 0;}
.connect p{font-size: 20px; text-align: center; margin-top: 8px;}
.connect img{display: block; margin: 0 auto;}
/* .connect.line{position: relative; height: 24px; margin-bottom: 24px;}
.connect.line:before{position: absolute; width: 100px; height: 1px; background: #8c8c8c; bottom: 0;left: 50%; transform: translateX(-50%); content: '';} */
.ntBox{border-radius: 4px; background: #FDF3DA; padding: 16px;}
.ntBox p{font-size: 16px; text-indent: -24px; padding-left: 24px; line-height: 1.5;}
a.wtBtn{display: block; padding: 12px; font-size: 16px; text-align: center; background: #fff; border-radius: 4px; border: 1px solid #8C8C8C; color: #333; margin-top: 16px;}
.happy{padding-top: 40px;}
.happy p{text-align: center; font-size: 14px;}
.happy p span{color: #1D54A7;}
.happy img{display: block; margin: 40px auto;}
.txt_s{font-size: 13px !important; text-align: center;}
.ttls{font-size: 30px; text-align: center; font-weight: normal;}

.flowBnr{position: fixed; right: 0; bottom: 45px; width: 70px;}
.flowBnr img{width: 100%; display: block;}

.homeBox{background: #E6F3F5; text-align: center; padding: 30px 10px;}
.homeBox h3{ font-size: 28px; line-height: 120%; margin-bottom: 15px;}
.homeBox h3 span{ display: inline-block; padding-left: 18px; font-size: 18px; color: #BF0000; line-height: 140%; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images/home_icon.png) no-repeat top 5px left; background-size: 15px;}
.homeBox a{display: block;}
.homeBox a img{width: 100%;}
.homeBox p{ font-size: 14px; padding-top: 10px; line-height: 160%;}

/* 20241126 add */

#video{padding: 56px 0 0; margin-bottom: 56px;}
#video h2{font-size: 28px; font-weight: normal; text-align: center; line-height: 1.3; margin-bottom: 24px; padding: 0 16px;}
#video h2 small{font-size: 16px; display: block;}
#video .lead{font-size: 16px; line-height: 2; margin-bottom: 48px; padding: 0 16px;}
#video .jdsTabNav{display: flex; justify-content: space-between; padding: 0 16px; align-items: center; margin-bottom: -2px; position: relative;}
#video .jdsTabNav li{border-radius: 8px 8px 0 0; border: 2px solid #ccc; border-bottom: none; color: #8C8C8C; font-size: 16px; width: 48.5%; padding: 10px; box-sizing: border-box; text-align: center; line-height: 1.5; background: #fff; white-space: nowrap;}
#video .jdsTabNav li span{text-decoration: underline;}
#video .jdsTabNav li.active{background: #FFF8E5; border-color: #6D6D6D; padding: 16px 10px 18px; color: #333;}
#video .jdsTabMain{padding: 40px 0; background: #FFF8E5; 
  /* border-top: 2px solid #6D6D6D; */
}
#video .flowNo{display: flex; justify-content: center; margin-bottom: 32px; background-color: #FFF8E5; width: 100%; z-index: 100; height: 66px;}

.vBox {
  margin: 0 16px;
}
.vBox .mv {
  margin-top: 24px;
}
.video_ttl { 
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  background: url(../images/icon_video.png) center top no-repeat;
  padding-top: 48px;}

.alink{
  display: block;
  line-height: 16px;
  text-align: right;
  margin: 8px auto;
  box-sizing: border-box; 
  font-size: 14px;}

  .bc-player-BkgcEiWAZ7_default {
    width: 100%;}


/* 20250905 add */
#ssbox{ background: #E6F6FF; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 16px; padding: 24px 16px;}
#ssbox .btn a { display: block; border-radius: 100px; background: #BF0000; padding: 15px 58px; color: #FFF; text-align: center; font-family: "Noto Sans JP"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 100%; position: relative;}
#ssbox .btn a:after { position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; right: 25px; top: 50%; transform: rotate(45deg) translateY(-50%); }

  .accordion {padding:  20px;background-color: #FFF9C8;margin: 0 auto;font-size: 14px;}
  /* 百叶窗样式 */
  .accordion-title {
    cursor: pointer;
    position: relative;
    user-select: none;
    padding-right: 24px;
  }

  .accordion-title .arrow {
  position: absolute;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #7B8586;
  border-bottom: 2px solid #7B8586;
  right: 0;
  transform: rotate(45deg); bottom: 7px;

  }



  .accordion-title.open .arrow {  transform: rotate(225deg); bottom: 0 ;

  }
  .accordion-content {
    margin-top: 10px;
    display: none;
    padding: 16px;
    line-height: 1.8;
    background-color: #fff;
  }

  
#about dd.icon_pointillust span { display: block; padding: 16px 20px; background-color: #FFF9C8; margin: 16px auto; font-size: 14px; margin-bottom: 30px; line-height: 18px; }
