@charset "UTF-8";
/* CSS Document */
/****************************************************************************/
/**									旬の特集用CSS							*/
/****************************************************************************/
/* ----------------------------------------------------
		春のお花見特集2024
---------------------------------------------------- */
.only-pc { display: block; }
@media screen and (max-width: 640px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 640px) { .only-sp { display: block; } }

.mab10 { margin-bottom: 10px !important; }

.mab20 { margin-bottom: 20px !important; }

#season2024 { font-size: 1.8rem; line-height: 2; font-family: YuMincho, Yu Mincho, serif; }
@media screen and (max-width: 640px) { #season2024 { line-height: 1.8; } }
#season2024 * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#season2024 a { text-decoration: underline; }
#season2024 img { vertical-align: middle; }
#season2024 figure { margin: 0; }

#head_title { margin: 0 auto !important; }
@media screen and (max-width: 640px) { #head_title { width: 96%; } }

.top-sec { padding-top: 65px; padding-bottom: 70px; background: url("../img/seasonal_feature/spring2024/top_bg001.png") no-repeat center top -75px; }
@media screen and (max-width: 640px) { .top-sec { padding-top: 100px; padding-bottom: 60px; background-position: center top -35px; background-size: contain; } }
.top-sec p { display: flex; width: 100%; align-items: center; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; }
@media screen and (max-width: 640px) { .top-sec p { display: block; text-align: center; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; -o-writing-mode: horizontal-tb; writing-mode: horizontal-tb; } }

.style-sec { position: relative; margin-bottom: 40px; }
.style-sec .style-t { padding-top: 47px; background: url("../img/seasonal_feature/spring2024/style_bg001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .style-sec .style-t { padding-top: 4.3%; background-size: contain; } }
.style-sec .style-m { background: url("../img/seasonal_feature/spring2024/style_bg002.png") repeat-y; }
@media screen and (max-width: 640px) { .style-sec .style-m { background-size: contain; } }
.style-sec .style-b { padding-bottom: 47px; background: url("../img/seasonal_feature/spring2024/style_bg003.png") no-repeat left bottom; }
@media screen and (max-width: 640px) { .style-sec .style-b { padding-bottom: 4.3%; background-size: contain; } }
.style-sec .style-in { max-width: 930px; margin: 0 auto; padding-top: 130px; }
@media screen and (max-width: 640px) { .style-sec .style-in { padding: 50px 30px 0; } }
.style-sec .style-heading { z-index: 10; position: absolute; top: 50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
@media screen and (max-width: 640px) { .style-sec .style-heading { position: static; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); } }
.style-sec .style-icon { position: absolute; top: -50px; left: -45px; }
.style-sec .style-icon02 { position: absolute; top: 160px; right: 30px; }
@media screen and (max-width: 640px) { .style-sec .style-icon02 { position: static; text-align: right; } }
.style-sec .style-txt { width: 72.0430107527%; margin: 0 auto 30px; }
@media screen and (max-width: 640px) { .style-sec .style-txt { width: 100%; margin-bottom: 20px; } }
.style-sec .style-point { display: flex; justify-content: space-between; margin-bottom: 40px; }
@media screen and (max-width: 640px) { .style-sec .style-point { display: block; } }
.style-sec .style-point.reverse { flex-direction: row-reverse; }
.style-sec .style-point.reverse .point-ttl { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
@media screen and (max-width: 640px) { .style-sec .style-point.reverse .point-ttl { border-bottom-right-radius: 0; border-top-left-radius: 20px; border-bottom-left-radius: 0; } }
.style-sec .style-point.reverse .point-box { border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
@media screen and (max-width: 640px) { .style-sec .style-point.reverse .point-box { border-top-left-radius: 0; border-bottom-right-radius: 20px; } }
.style-sec .style-point .point-ttl { display: flex; align-items: center; width: 13.4408602151%; padding: 20px 15px; background-color: #f9689e; text-align: center; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
@media screen and (max-width: 640px) { .style-sec .style-point .point-ttl { width: 100%; padding: 10px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0; } }
.style-sec .style-point .point-ttl dl { width: 100%; }
@media screen and (max-width: 640px) { .style-sec .style-point .point-ttl dl { display: flex; align-items: center; justify-content: center; } }
.style-sec .style-point .point-ttl dl dt { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #fff; }
@media screen and (max-width: 640px) { .style-sec .style-point .point-ttl dl dt { margin-bottom: 0; margin-right: 15px; padding-bottom: 0; padding-right: 15px; border-bottom: none; border-right: 1px solid #fff; } }
.style-sec .style-point .point-box { display: flex; align-items: center; width: 86.5591397849%; padding: 20px 40px; background-color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
@media screen and (max-width: 640px) { .style-sec .style-point .point-box { width: 100%; padding: 20px; border-top-right-radius: 0; border-bottom-left-radius: 20px; } }
.style-sec .style-point .point-box dt { margin-bottom: 10px; font-size: 3rem; line-height: 1.6; }
@media screen and (max-width: 640px) { .style-sec .style-point .point-box dt { font-size: 2.2rem; text-align: center; } }
.style-sec .style-point .point-box dt span { margin-left: 1em; }
@media screen and (max-width: 640px) { .style-sec .style-point .point-box dt span { display: block; margin-left: 0; } }
.style-sec .style-box { display: flex; align-items: center; justify-content: space-between; }
.style-sec .style-box .style-box-fig { width: 23.6559139785%; margin-right: 40px; }
.style-sec .style-box .style-box-txt { flex: 1; }

.lnav { margin-bottom: 80px; }
.lnav ul { display: flex; align-items: flex-end; }
.spot-sec { margin-bottom: 80px; }
.spot-sec .spot-heading { margin-bottom: 50px; text-align: center; }
.spot-sec .spot-txt { margin-bottom: 30px; font-size: 3.0rem; text-align: center; }
@media screen and (max-width: 640px) { .spot-sec .spot-txt { font-size: 2.2rem; } }
.spot-sec .spot-map { margin-bottom: 10px !important; text-align: center; }
@media screen and (max-width: 640px) { .spot-sec .spot-map img { max-width: 100%; } }
.spot-sec .spot-dl { margin-bottom: 40px; font-size: 1.6rem; text-align: center; }
.spot-sec .spot-dl i { display: inline-block; width: 16px; height: 16px; background: url("../img/seasonal_feature/spring2024/pdf_i001.png") no-repeat left center; }
.spot-sec .spot-btn { text-align: center; }

.bench-sec .bench-in { position: relative; max-width: 943px; margin: 0 auto 80px; display: flex; align-items: center; justify-content: space-between; padding: 80px 80px 90px; background: url("../img/seasonal_feature/spring2024/spot_ohanami_bg001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .bench-sec .bench-in { display: block; background-image: none; background-color: #fff; border: 2px solid #dbd083; padding: 120px 40px 150px; } }
.bench-sec .bench-fig { width: 38.3141762452%; }
@media screen and (max-width: 640px) { .bench-sec .bench-fig { width: 100%; margin-bottom: 20px; }
  .bench-sec .bench-fig img { width: 100%; } }
.bench-sec dl { width: 57.4712643678%; margin-left: 4.214559387%; }
@media screen and (max-width: 640px) { .bench-sec dl { width: 100%; margin-left: 0; } }
.bench-sec dl dt { margin-bottom: 20px; font-size: 3.6rem; }
@media screen and (max-width: 640px) { .bench-sec dl dt { margin-bottom: 10px; } }
.bench-sec dl dd { font-size: 1.6rem; line-height: 1.6; }
.bench-sec .bench-icon01 { position: absolute; bottom: 20px; left: 15px; }
@media screen and (max-width: 640px) { .bench-sec .bench-icon01 { bottom: 10px; left: 10px; } }
.bench-sec .bench-icon02 { position: absolute; top: 25px; right: 20px; }
@media screen and (max-width: 640px) { .bench-sec .bench-icon02 { top: 10px; right: 10px; } }

.other-sec { margin-bottom: 150px; }
.other-sec .other-heading { margin-bottom: 35px; text-align: center; }
.other-sec .other-spot { display: flex; justify-content: space-between; padding-bottom: 120px; padding-top: 10px; }
@media screen and (max-width: 640px) { .other-sec .other-spot { display: block; } }
.other-sec .other-spot.reverse { flex-direction: row-reverse; }
.other-sec .other-spot .spot-box { position: relative; width: 42.5943852856%; }
@media screen and (max-width: 640px) { .other-sec .other-spot .spot-box { width: 100%; } }
.other-sec .other-spot .spot-box .spot-heading { margin-bottom: 40px; }
@media screen and (max-width: 640px) { .other-sec .other-spot .spot-box .spot-heading { text-align: center; } }
.other-sec .other-spot .spot-box .spot-txt { margin-bottom: 10px; font-size: 1.6rem; line-height: 1.4; }
.other-sec .other-spot .spot-box table { width: 100%; font-size: 1.6rem; line-height: 1.6; }
@media screen and (max-width: 640px) { .other-sec .other-spot .spot-box table { margin-bottom: 20px; } }
.other-sec .other-spot .spot-box table tr th { width: 5em; padding: 10px 0; font-weight: bold; text-align: left; }
.other-sec .other-spot .spot-box table tr td { padding: 10px 0; }
.other-sec .other-spot .spot-box table tr td i { display: inline-block; width: 16px; height: 16px; background: url("../img/seasonal_feature/spring2024/pdf_i001.png") no-repeat left center; }
.other-sec .other-spot .spot-box .spot-icon { position: absolute; }
@media screen and (max-width: 640px) { .other-sec .other-spot .spot-box .spot-icon { display: none; } }
.other-sec .other-spot .spot-fig { width: 53.242981607%; }
@media screen and (max-width: 640px) { .other-sec .other-spot .spot-fig { width: 100%; } }
.other-sec .other-spot .spot-fig p { margin-bottom: 10px; }
.other-sec .other-spot .spot-fig ul { display: flex; }
.other-sec .other-spot .spot-fig ul li { margin-right: 10px; }
.other-sec .other-spot .spot-fig ul li:last-child { margin-right: 0; }
.other-sec .other-spot01 { background: url("../img/seasonal_feature/spring2024/spot_other_01_bg001.png") no-repeat right 20px top; }
@media screen and (max-width: 640px) { .other-sec .other-spot01 { background: none; } }
.other-sec .other-spot01 .spot-box .spot-icon { right: 0; bottom: -60px; }
.other-sec .other-spot02 { background: url("../img/seasonal_feature/spring2024/spot_other_02_bg001.png") no-repeat left top 30px; }
@media screen and (max-width: 640px) { .other-sec .other-spot02 { background: none; } }
.other-sec .other-spot02 .spot-box .spot-icon { right: 0; bottom: 0; }
.other-sec .other-spot03 { background: url("../img/seasonal_feature/spring2024/spot_other_03_bg001.png") no-repeat right 20px top 90px; }
@media screen and (max-width: 640px) { .other-sec .other-spot03 { background: none; } }
.other-sec .other-spot03 .spot-box .spot-icon { right: 0; bottom: 0; }
.other-sec .other-spot04 { background: url("../img/seasonal_feature/spring2024/spot_other_04_bg001.png") no-repeat left top 100px; }
@media screen and (max-width: 640px) { .other-sec .other-spot04 { background: none; } }
.other-sec .other-spot04 .spot-box .spot-icon { right: 25px; bottom: 0; }
.other-sec .other-spot05 { padding-top: 45px; background: url("../img/seasonal_feature/spring2024/spot_other_05_bg001.png") no-repeat right 20px top; }
@media screen and (max-width: 640px) { .other-sec .other-spot05 { padding-top: 0; background: none; } }
.other-sec .other-spot05 .spot-box .spot-icon { right: 0; bottom: 145px; }
.other-sec .other-spot06 { background: url("../img/seasonal_feature/spring2024/spot_other_06_bg001.png") no-repeat left top 110px; }
@media screen and (max-width: 640px) { .other-sec .other-spot06 { background: none; } }
.other-sec .other-spot06 .spot-box { padding-top: 50px; }
@media screen and (max-width: 640px) { .other-sec .other-spot06 .spot-box { padding-top: 0; } }
.other-sec .other-spot06 .spot-box .spot-icon { right: 0; bottom: 0; }
.other-sec .other-spot07 { padding-bottom: 0; background: url("../img/seasonal_feature/spring2024/spot_other_07_bg001.png") no-repeat right bottom; }
@media screen and (max-width: 640px) { .other-sec .other-spot07 { background: none; } }
.other-sec .other-spot07 .spot-box .spot-heading { margin-bottom: 10px; }
@media screen and (max-width: 640px) { .other-sec .other-spot07 .spot-box .spot-heading { margin-bottom: 40px; } }
.other-sec .other-spot07 .spot-box .spot-icon { right: -10px; bottom: 105px; }

.tour-sec { margin-bottom: 130px; }
.tour-sec .tour-heading { margin-bottom: 50px; text-align: center; }
.tour-sec .tour-fig { margin-bottom: 40px; text-align: center; }
.tour-sec .tour-txt01 { margin-bottom: 30px; font-size: 1.6rem; text-align: center; }
.tour-sec .tour-txt02 { max-width: 600px; margin: 0 auto 50px; font-size: 1.6rem; }
.tour-sec .tour-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
/* @media screen and (max-width: 640px) { .tour-sec .tour-box { display: block; } } */
.tour-sec .tour-box p { width: 40.5614714424%; }
@media screen and (max-width: 640px) { .tour-sec .tour-box p { width: 100%; margin-bottom: 20px; } }
.tour-sec .tour-box dl { width: 53.242981607%; }
@media screen and (max-width: 640px) { .tour-sec .tour-box dl { width: 100%; } }
.tour-sec .tour-box dl dt { margin-bottom: 20px; font-size: 3.0rem; line-height: 1.6; }
@media screen and (max-width: 640px) { .tour-sec .tour-box dl dt { text-align: center; } }
.tour-sec .tour-box dl dd table { width: 100%; font-size: 1.6rem; line-height: 1.6; }
.tour-sec .tour-box dl dd table tr th { width: 6em; padding: 5px 0; font-weight: bold; text-align: left; }
.tour-sec .tour-box dl dd table tr td { padding: 5px 0; }
.tour-sec .tour-box dl dd table tr td a { color: #f9689e; }
.tour-sec .tour-btn { text-align: center; }

.info-sec { margin-bottom: 90px; background: url("../img/seasonal_feature/spring2024/info_bg001.png") no-repeat center top 50px; }
@media screen and (max-width: 640px) { .info-sec { background-size: contain; background-position: center top 0; } }
.info-sec .info-bg { padding-bottom: 290px; background: url("../img/seasonal_feature/spring2024/info_bg002.png") repeat-x center bottom; }
@media screen and (max-width: 640px) { .info-sec .info-bg { padding-bottom: 25%; background-size: contain; } }
.info-sec .info-heading { margin-bottom: 40px; text-align: center; }
.info-sec .info-fig { margin-bottom: 40px; text-align: center; }
.info-sec .info-txt { margin-bottom: 40px; font-size: 2.0rem; text-align: center; }
.info-sec .info-btn { text-align: center; }

.important-sec { position: relative; padding-bottom: 90px; }
.important-sec .important-t { max-width: 1030px; margin: 0 auto; padding-top: 39px; background: url("../img/seasonal_feature/spring2024/important_bg001.png") no-repeat left top; }
@media screen and (max-width: 640px) { .important-sec .important-t { padding-top: 3.7%; background-size: contain; } }
.important-sec .important-m { background: url("../img/seasonal_feature/spring2024/important_bg002.png") repeat-y; }
@media screen and (max-width: 640px) { .important-sec .important-m { background-size: contain; } }
.important-sec .important-b { padding-bottom: 40px; background: url("../img/seasonal_feature/spring2024/important_bg003.png") no-repeat left bottom; }
@media screen and (max-width: 640px) { .important-sec .important-b { padding-bottom: 3.7%; background-size: contain; } }
.important-sec .important-heading { position: absolute; top: -40px; left: 70px; }
@media screen and (max-width: 640px) { .important-sec .important-heading { position: static; padding: 0 20px; text-align: center; } }
.important-sec .important-in { position: relative; padding: 160px 45px 20px; }
@media screen and (max-width: 640px) { .important-sec .important-in { padding: 20px; } }
.important-sec ol { width: 93.9012584705%; }
@media screen and (max-width: 640px) { .important-sec ol { width: 100%; } }
.important-sec ol li { display: flex; padding: 20px; background: url("../img/seasonal_feature/spring2024/important_bg004.png") repeat-x left bottom; }
.important-sec ol li span { width: 30px; margin-right: 1em; line-height: 1.6; }
.important-sec ol li p { flex: 1; font-size: 2.4rem; line-height: 1.6; }
@media screen and (max-width: 640px) { .important-sec ol li p { font-size: 1.8rem; } }
.important-sec .important-fig { position: absolute; bottom: 15px; right: 40px; }
@media screen and (max-width: 640px) { .important-sec .important-fig { position: static; width: 50%; margin: 20px 0 0 auto; text-align: right; } }
.info-sec .info-in ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.info-sec .info-in ul li{
  width: 48%;
  margin-top: 40px;
  background-color: #fff;
  border: 1px solid #fff;
}
@media screen and (max-width: 640px) {
  .info-sec .info-in ul li{
    width: 100%;
    margin-top: 20px;
  }
}
.info-sec .info-in ul li:hover{
  border: 1px solid #f9689e;
}
.info-sec .info-in a{
  display: flex;
  align-items: center;
  padding: 20px;
  text-decoration: none !important;
}
@media screen and (max-width: 640px) {
  .info-sec .info-in a{
    flex-wrap: wrap;
    padding: 10px;
  }
}
.info-sec .info-in a:hover{
  color: #f9689e;
}
.info-sec .info-in img{
  flex-shrink: 0;
}
@media screen and (max-width: 640px) {
  .info-sec .info-in img{
    flex-shrink: unset;
    width: 100%;
  }
}
.info-sec .info-in .info-data{
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 20px;
}
@media screen and (max-width: 640px) {
  .info-sec .info-in .info-data{
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
}
.info-sec .info-in .info-data .info-subtitle{
  font-size: 0.9em;
}
.info-sec .info-in .info-data .info-title{
  font-size: 1.1em;
  line-height: 1.5;
}
.info-sec .info-in .info-data .info-more{
  margin-top: 10px;
  font-size: 0.9em;
}
.info-sec .info-in .info-data .ft-small{
  font-size: 0.9em;

}
/*# sourceMappingURL=seasonal_feature2024.css.map */
.lnav ul {
  gap: 2em;
}
.lnav ul li {
  flex: 1;
}
.lnav ul li a {
  display: block;
  background: no-repeat center / contain;
  aspect-ratio: 3 / 2;
}
.lnav ul li:first-child a {
  background-image: url('../../img/seasonal_feature/spring2024/lnav_bt003.png');
}
.lnav ul li:nth-child(2) a {
  background-image: url('../../img/seasonal_feature/spring2024/lnav_bt002.png');
}
.lnav ul li:last-child a {
  background-image: url('../../img/seasonal_feature/spring2024/lnav_bt001.png');
}
nav.lnav ul li:first-child a:hover,
nav.lnav ul li:first-child a:active {
  background-image: url('../../img/seasonal_feature/spring2024/lnav_bt003_on.png');
}
nav.lnav ul li:nth-child(2) a:hover,
nav.lnav ul li:nth-child(2) a:active {
  background-image: url('../../img/seasonal_feature/spring2024/lnav_bt002_on.png');
}
nav.lnav ul li:last-child a:hover,
nav.lnav ul li:last-child a:active {
  background-image: url('../../img/seasonal_feature/spring2024/lnav_bt001_on.png');
}
.tour-sec .tour-txt01 {
  margin-bottom: 60px;
}
.tour-sec .tour-box {
  align-items: center;
  justify-content: center;
  gap: 2em;
}
@media screen and (max-width: 640px) {
  .tour-sec .tour-box {
    flex-direction: column;
    gap: 0;
  }
}
.tour-sec .tour-box p {
  width: min(240px, 38vmin);
}
.tour-sec .tour-box p img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .tour-sec .tour-box dl dt {
    margin-bottom: 5px;
  }
}
.tour-sec .tour-box dl {
  width: fit-content;
}
.tour-sec .tour-box dl dd table {
  width: fit-content;
}
.tour-sec .tour-box dl dd table tr th {
  width: 4em;
}
.tour-sec .tour-box dl dd table .note {
  display: block;
  font-size: 1.2rem;
}
.tour-sec .tour-box dl dd table .td-txt-wrap {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.tour-sec .tour-box dl dd table .td-txt-wrap span:nth-child(2) {
  text-align: right;
}
