@charset "utf-8";

.sp {
  display: none !important;
}
#keyVisual {
  width: 100%;
  margin-bottom: 0;
  /* position: relative; */
}
/* #keyVisual h1 {
  text-indent: 0px;
} */
#keyVisual h1 img{
  display: block;
  width: 100%;
}
#widewrapper {
  width: 100%;
  position: relative;
  clear: both;
  overflow: hidden;
}

#widewrapper a:hover {
  opacity: 0.8;
}
.navi {
  width: 100%;
  background-color: #fff;
  z-index: 101;
}

.navi ul {
  margin: 0 auto;
  display: flex;
  font-size: 20px;
  justify-content: center;
  padding: 24px 0;
  background-color: #fff;
  max-width: 100%;
}

.navi ul li {
  border-right: 1px solid #999;
}

.navi ul li:last-child {
  border-right: none;
}

.navi ul li a {
  color: #626262;
  display: block;
  text-align: center;
  padding: 16px 60px 16px 60px;
  font-size: 14px;
  position: relative;
}
.navi ul li a:before{
  position: absolute;
  content: '';
  /* background-image:url(https://img.travel.rakuten.co.jp/special/furusato/202306/images/top_icons_grey.svg); */
  background-size:60px auto;
  width:30px;
  height:30px;
  top:calc(50% - 15px);
  left:40px;
}
.navi ul li.icon_dh a:before{
  background-position:-30px -30px;
}
.navi ul li.icon_air a:before{
  background-position:-30px -90px;
}
.navi ul li.icon_car a:before{
  background-position:-60px -30px;
}
.navi ul li.icon_bus a:before{
  background-position:-60px -30px;
}
.navi ul li.icon_dp a:before{
  background-position:-60px -60px;
}

.navi ul li a:hover{
  text-decoration: none;
}
#contentsArea {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}

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

.w1280 {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
}


.ranking {
  margin: 0 auto;
}
.rankNote:before{position: absolute; content: ''; width: 200px; height: 1px; background: #8c8c8c;bottom: 0;left: 50%; transform: translateX(-50%);}
.rankNote{font-size: 13px;line-height: 1.5; position: relative; padding: 0 0 120px; margin: 0 auto 120px; width: 1280px;}

/* .ranking .swiper-container {margin-bottom: 40px;} */

.ranking .swiper-wrapper {
  padding: 0 0 40px;
}
.ranking .swiper-wrapper .swiper-slide {
  border-radius: 5px;
  border: 1px solid #eae9e9;
  box-shadow: 0 1px 10px #eae9e9;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.ranking .swiper-wrapper .swiper-slide .photo{
  overflow: hidden;
  height: 108px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ranking .swiper-wrapper .swiper-slide a{
  color: #333;
}
.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;
  z-index: 100;
}

.ranking .swiper-wrapper .swiper-slide img {
  width: 100%;
  display: block;
}

.ranking .swiper-wrapper .swiper-slide p {
  font-size: 14px;
  line-height: 1.4;
  padding: 10px 10px 6px;
}
.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;margin-bottom: 8px;}
.ranking .swiper-wrapper .swiper-slide p.price span{color: #bf0000; font-weight: bold;}
.ranking .swiper-wrapper .swiper-slide a.btn {
  font-size: 14px;
  display: block;
  border-radius: 5px;
  border: 1px solid #c5c5c5;
  margin: 10px;
  padding: 10px;
  text-align: center;
  /* display: none; */
}
.ranking .swiper-button-next, .ranking .swiper-button-prev{
  width: 50px;
  height: 50px;
  background-image: url(https://img.travel.rakuten.co.jp/special/furusato/202306/images/arr_s.png);
  background-size: 50px;
  margin-top: -25px;
}
.ranking .swiper-button-next{
  right: -4px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: 1 !important;
}
.ranking .swiper-button-prev{
  left: -4px;
  transform: rotate(180deg);
}
.ranking .rankingbox .swiper-wrapper .swiper-slide p.area{font-weight: bold;text-align: left;}
.ranking .jdsTabNav{
  background: #f3f3f3;
  display: flex;
  flex-wrap: wrap;
  padding: 24px 18px;
  margin-bottom: 48px;
}
.ranking .jdsTabNav li{
  width: 24%;
  background: #fff;
  text-align: center;
  padding: 12px 0;
  margin: 0 .5% 8px;
  font-size: 16px;
}
.ranking .swiper-container-horizontal>.swiper-scrollbar{bottom: 10px;}
.ranking .jdsTabNav li.active{
background: #54822B;
color: #fff;
}

.ranking .jdsTabNav li:hover{
  cursor: pointer;
}
#ranking2 .swiper-container{margin-bottom: 0;}
#ranking2{margin-bottom: 0;}

#processBk{padding-top: 120px;}
.attentionXX ul {
  padding: 40px 0 0;
  line-height: 2;
}

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

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

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

.attentionXX .greybox {
  padding: 20px;
  font-size: 14px;
  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: 13px;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.attentionXX { margin-top: 24px;}
.attentionXX h3.ttls{ font-size: 24px; margin-top: 40px; text-align: left; font-weight: normal;}
.attentionXX ul li{ list-style: none; padding-bottom: 16px;}
.attentionXX ul li ul{ padding: 0;}
.attentionXX ul li ul li{ font-weight: normal; font-size: 14px;}
.attentionXX ul li i{ color: #FD0000; font-style: normal;}

#qa{ padding: 0; margin: 0 auto 80px; display: block !important;}
#qa dl{ margin: 24px auto 0;border: 1px solid #D8D0D0;}
#qa dl dt{ font-size: 20px; padding:12px 32px 12px 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："; font-weight: 600;}
#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: 18px; padding: 16px; line-height: 2; border-top: 1px solid #D8D0D0; position: relative;}
#qa dl dd::before{ content: "A："; font-weight: 600;}
#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: 32px;}
#qa dl dd p img{ width: 50%; margin: 0; object-fit: contain;}
#qa dl dd p span{width: calc(50% - 24px); display: block; margin-top: 8px; }

.sub_ttl{font-size: 24px; margin: 0 0 40px; color: #333; text-align: center; font-weight: 500;}
.sub_ttl2{font-size: 20px;margin-bottom: 16px; font-weight: normal;}
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: 40px auto; width: 358px;}
a.wtBtn2 small{display: block; font-size: 12px;}

/* 1120 renewal */
#keyVisual .logo{background: #fff; display: flex; justify-content: center; padding: 8px 0;}
#keyVisual .logo img{height: 48px;}
#keyVisual h1{width: 100%; position: relative; height: 320px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//kv.png) 0 100% / 2880px 320px; animation: slide 100s linear infinite;}
#keyVisual h1 img{display: block; width: auto; margin: 0 auto;}
@keyframes slide {
  0% {
    background-position: 0 100%;
  }
  100% {
    background-position: -2880px 100%;
  }
}

/* エントリー */
#entry{background: #FFEDBE; padding: 80px 24px;}
#entry h2 img{display: block; width: 540px; margin: 0 auto 40px;}

.termBox{width:650px;margin:0 auto 40px;font-size:16px;color: #333;}
.termBox span{padding: 4px 8px; border-radius: 3px; border: 1px solid #333; display: inline-block; margin-right: 4px;}
.termBox ul{margin:10px auto 0;}

.campBoxLink{display: flex; justify-content: center;}
.campBoxLink a{margin: 0 4px; background: #eaeaea; border-radius: 4px; padding: 10px 14px; font-size: 14px; color: #333; line-height: 1;}
.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: 80px auto; max-width: 1280px;}
#newUser h2{text-align: center;margin-bottom: -18px;}
#newUser h2 span{font-size: 20px; color: #333; background: #fff; padding: 8px 16px; font-weight: normal;}
.newUserBox{border-radius: 8px; border: 2px solid #ccc; padding: 24px 16px;}
.newUserBox h3{text-align: center;}
.newUserBox h3 span{font-size: 24px; padding: 0 40px; 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 span: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 span:before{transform: rotate(-45deg) translateY(-50%);}
.newUserBox h3:hover{cursor: pointer;}
.newUserBox > div{padding: 48px 20px;}
.newUserBox > div > p{font-size: 20px; margin-bottom: 40px; text-align: center;}
.newUserBox > div .pc{margin: 0 auto 40px; display: flex; justify-content: center;}
.newUserBox > div .pc img{margin: 0 16px; width: 48%; max-width: 450px;}
.newUserBox .do3{margin: 0 auto; max-width: 622px;}
.newUserBox > div h4{font-size: 24px; font-weight: normal; text-align: center; margin-bottom: 16px;}
.newUserBox .do3 li{border-radius: 4px; border: 1px solid #ccc; padding: 24px 40px; 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;}
.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; width: 622px; text-align: left; margin: 24px auto 0; line-height: 1.5;}

/* about */
#about{padding: 80px 24px; background: #F3F3F3;}
#about h2{text-align: center; font-size: 48px; font-weight: normal; line-height: 1.3; margin-bottom: 40px;}
#about h2 em{font-size: 48px;}
#about h2 small{font-size: 32px;}
#about .lead{font-size: 20px; margin-bottom: 40px; text-align: center;}
#about .lead + img{ display: block; max-width: 500px; margin: 0 auto 72px;}
#about dl{margin: 0 auto; max-width: 846px;}
#about dt{padding: 8px 32px 8px 16px; display: flex; align-items: center; font-size: 24px; position: relative; line-height: 1.3; margin-bottom: 24px; border-radius: 8px;}
#about dt.active-submenu, #about dt:hover{background: #fff; cursor: pointer;}
#about dt img{margin-right: 16px;}
#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: 28px; top: 50%; transform: rotate(135deg) translateY(50%);}
#about dt.active-submenu:before{transform: rotate(-45deg) translateY(-50%);}
#about dd{padding: 0 40px 120px; font-size: 16px;}
#about dd.icon_map{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_map.png) no-repeat center 70%;}
#about dd.icon_calender{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_calender.png) no-repeat center 70%;}
#about dd.icon_coupon{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_coupon.png) no-repeat center 70%;}
#about dd.icon_appointment{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_appointment.png) no-repeat center 70%;}
#about dd.icon_pointillust{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_pointillust.png) no-repeat center 70%;}
#about dd.icon_rise{background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_rise.png) no-repeat center 70%;}
#about dd a{color: #333; text-decoration: underline;}

/* flow */
#flow{padding: 56px 0 0; margin-bottom: 120px;}
#flow h2{font-size:48px; font-weight: normal; text-align: center; line-height: 1.5; margin-bottom: 40px;}
#flow h2 small{font-size: 32px; display: block;}
#flow .lead{font-size: 20px; margin-bottom: 80px; text-align: center;}
#flow .jdsTabNav{display: flex; justify-content: space-between; max-width: 1280px; align-items: center; margin: 0 auto -2px; position: relative;padding: 0 24px;}
#flow .jdsTabNav li{border-radius: 8px 8px 0 0; border: 2px solid #ccc; border-bottom: none; color: #8C8C8C; font-size: 24px; width: 49%; padding: 20px 10px; box-sizing: border-box; text-align: center; line-height: 1.5; background: #fff;}
#flow .jdsTabNav li span{position: relative; display: inline-block;}
#flow .jdsTabNav li span:before{position: absolute; content: ''; height: 1px; width: 100%; bottom: 0; left: 0; background: #8C8C8C;}
#flow .jdsTabNav li.active{background: #FFF8E5; border-color: #6D6D6D; padding: 36px 10px 38px; color: #333; font-size: 32px;}
#flow .jdsTabNav li.active span:before{background: #333;}
#flow .jdsTabNav li:not(.active):hover{cursor: pointer;}
#flow .jdsTabMain{padding: 80px 0; background: #FFF8E5; border-top: 2px solid #6D6D6D;}
#flow .flowNo{display: flex; justify-content: center; background-color: #FFF8E5; width: 100%; z-index: 100; height: 94px;}
.flowNo li{display: flex; flex-direction: column; align-items: center; padding: 4px 30px; position: relative; font-weight: bold;}
.flowNo li:before{position: absolute; content: ''; height: 2px; background: #00B900; left: -40px; top: 19px; width: 80px;}
.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: 20px; height: auto; background: none; top: 0; left: -40px; font-weight: bold;}
.flowNo li a{border-radius: 100rem; width: 40px; height: 40px; background: #fff; font-size: 20px; text-align: center; line-height: 40px; color: #333; display: block; margin: 0 auto 4px;}
.flowNo li span{font-size: 14px; line-height: 1.2; text-align: center; width: 60px; display: inline-block; margin: 0 auto;}
.flowNo li.here a{background: #00B900; color: #fff;}
.flowNo li.here span{color: #00B900;}
#flow .mds{text-align: center; font-size: 24px; margin-bottom:40px; line-height: 1.5;}
#flow1-1, #flow2-1{margin-top: 40px;}
#flow .mds span{color: #00B900; display: block; font-weight: bold;position: relative; font-size: 32px;}
#flow .mds span em{font-size: 48px;}
.flowBox{padding: 64px 0; background: #FFEDBE;}
.flowTtl{text-align: center; margin-bottom: 16px;}
.flowTtl span{font-size: 28px; padding-left: 44px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_search.png) no-repeat left center;}
.txt_s{font-size: 20px; margin-bottom: 24px; text-align: center;}
.flowBox .imgBox p{text-align: center;}
.flowBox img{display: block; margin: 16px auto; width: 224px;}
.flowBox p{font-size: 16px; line-height: 1.5;}
.flowBox p span{color: #1D54A7;}
.flowBox a.qa{font-size: 14px; display: block; text-align: center; margin-top: 16px;}
.flowBox a.qa span{padding-left: 24px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//icon_qa.png) no-repeat left center;}
.flowBox .swiper-container{margin-bottom: 40px;}
.flowBox .swiper-container .swiper-wrapper{transform: none !important; justify-content: center; flex-wrap: wrap; margin: 0 auto;}
.flowBox .swiper-slide{width: 262px; margin: 0 12px !important; position: relative;}
.flowBox .swiper-slide:before{position: absolute; content: ''; width: 24px; height: 36px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//swiper_arr.png) no-repeat; background-size: 100%; top: 144px; right: -26px;}
.flowBox .swiper-slide:last-of-type:before, .flowBox .swiper-container.arr .swiper-slide:nth-of-type(3):before{display: none;}
.flowBox .swiper-container.arr .swiper-wrapper{max-width: 1000px;}
.flowBox .swiper-container.arr .swiper-wrapper:before{position: absolute; content: ''; width: 737px; height: 477px; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images//yajirushi.png) no-repeat; right:60px;top: 164px;}
.flowBox .swiper-container.arr .swiper-slide:nth-last-of-type(-n+2){margin-top: 80px !important;}
.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; width: 358px; margin: 0 auto; font-size: 20px;text-align: center; border-radius: 4px; padding: 16px 0; 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: 40px 0;}
.connect p{font-size: 20px; text-align: center; margin-top: 16px;}
.connect img{display: block; margin: 0 auto;}
.ntBox{border-radius: 4px; background: #FDF3DA; padding: 16px; width: 476px; box-sizing: border-box; margin: 24px auto 0;}
.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; width: 358px; margin: 24px auto 0;}
.happy{padding-top: 64px;}
.happy p{text-align: center; font-size: 20px;}
.happy p span{color: #1D54A7;}
.happy img{display: block; margin: 32px auto;}
.ttls{font-size: 40px; text-align: center; font-weight: normal;}

#searchFolder{margin-bottom: 80px;padding: 80px 0 0;position: relative;}
#searchFolder:before{position: absolute; content: ''; width: 100px; height: 1px; background: #8c8c8c; left: 50%; top: 0; transform: translateX(-50%);}
#searchFolder .mds{font-size: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom:120px;}
#searchFolder .mds small{display: flex; align-items: baseline; font-size: 20px;}
#searchFolder .mds small img{margin: 0 4px 0 2px;}
#searchFolder .flowTtl span{font-size: 40px; padding-left: 56px;}
.searchWide{background: #f3f3f3; overflow: hidden; padding: 40px 30px;}
#search-box.verB .searchUndate{top: -47px;}
#search-box.verB{background: none;}
#search-box.verB.test .dhAll.dh{background: #fff;}
#maskDh{width: 1030px; left: 189px;}

.flowBnr{position: fixed; right: 0; bottom: 70px; width: 96px;}
.flowBnr img{margin: 0 auto; display: block;}


.homeBox{background: #E6F3F5; text-align: center; padding: 50px 0;}
.homeBox h3{ font-size: 42px; line-height: 140%; margin-bottom: 20px;}
.homeBox h3 span{ display: block; font-size: 30px; color: #BF0000; position: relative; width: 700px; margin: 0 auto;}
.homeBox h3 span:after{display: block; content: ""; position: absolute; top: 12px; left: 0; background: url(https://img.travel.rakuten.co.jp/special/furusato/202312/images/home_icon.png) no-repeat; width: 31px; height: 31px;}
.homeBox a{display: block;}
.homeBox p{ font-size: 16px; padding-top: 20px;}

/* 20241126 add */

.vBox { margin: 80px 16px;}

.vBox .mv {
  width: 950px;
  margin: 32px auto 0;
}


#video{padding: 56px 0 0; margin-bottom: 120px;}
#video h2{font-size:48px; font-weight: normal; text-align: center; line-height: 1.5; margin-bottom: 40px;}
#video h2 small{font-size: 32px; display: block;}

#video .jdsTabNav{display: flex; justify-content: space-between; max-width: 1280px; align-items: center; margin: 0 auto -2px; position: relative;padding: 0 24px;}
#video .jdsTabNav li{border-radius: 8px 8px 0 0; border: 2px solid #ccc; border-bottom: none; color: #8C8C8C; font-size: 24px; width: 49%; padding: 20px 10px; box-sizing: border-box; text-align: center; line-height: 1.5; background: #fff;}
#video .jdsTabNav li span{position: relative; display: inline-block;}
#video .jdsTabNav li span:before{position: absolute; content: ''; height: 1px; width: 100%; bottom: 0; left: 0; background: #8C8C8C;}
#video .jdsTabNav li.active{background: #FFF8E5; border-color: #6D6D6D; padding: 36px 10px 38px; color: #333; font-size: 32px;}
#video .jdsTabNav li.active span:before{background: #333;}
#video .jdsTabNav li:not(.active):hover{cursor: pointer;}
#video .jdsTabMain{ background: #FFF8E5;
   /* border-top: 2px solid #6D6D6D;  */
   overflow: hidden;}

.video_ttl { 
  display: table;
  margin: 0 auto;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  background: url(../images/icon_video.png) left center no-repeat;
  padding-left: 65px;
  position: relative;}

  .alink {
    display: block;
    line-height: 22px;
    text-align: right;
    max-width: 950px;
    margin: 8px auto;
    box-sizing: border-box;
    color: #1D54A7 !important;}

    .bc-player-BkgcEiWAZ7_default {
      width: 960px;
      height: 540px;}

 

/* 20250905 add */
#ssbox{ background: #E6F6FF; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px; padding: 48px 0;}
#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: 21px; 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 {width: 1200px;padding: 16px 20px;background-color: #FFF9C8;margin: 0 auto;font-size: 14px;margin-bottom: 30px;}

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