.konohana-home {
  padding-top:0
}
.konohana-slider {
  position:relative;
  width:100%;
  height:544px;
  overflow:hidden
}
.konohana-slider-track {
  position:relative;
  display:flex;
  align-items:stretch;
  gap:7px;
  width:100%;
  height:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding-inline:calc((100% - 70.79063vw)/2)
}
.konohana-slider-track::-webkit-scrollbar {
  display:none
}
.konohana-slide {
  position:relative;
  flex:0 0 70.79063vw;
  scroll-snap-align:center;
  height:544px;
  margin:0;
  overflow:hidden;
  border-radius:4px;
  background:#f3eee7
}
.konohana-slide img {
  width:100%;
  height:100%!important;
  object-fit:cover
}
.konohana-slider button {
  border:0
}
.konohana-slide-prev,.konohana-slide-next {
  position:absolute;
  top:calc(50% - 16px);
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  padding:8px;
  border-radius:50%;
  background:#f90;
  color:#ee5533;
  z-index:2
}
.konohana-slide-prev {
  left:max(12px,calc((100vw - 1110px)/2 + 20px))
}
.konohana-slide-next {
  right:max(12px,calc((100vw - 1110px)/2 + 20px))
}
.konohana-slider button:disabled {
  opacity:.4;
  cursor:default
}
.konohana-slider-dots {
  position:absolute;
  bottom:26px;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  gap:6px
}
.konohana-slider-dots button {
  width:14px;
  height:14px;
  border-radius:50%;
  background:#fffb;
  padding:0;
  cursor:pointer
}
.konohana-slider-dots button[aria-current=true] {
  background:#fff
}
.konohana-slider-dots {
  max-width:calc(100% - 24px);
  overflow-x:auto;
  scrollbar-width:none
}
.konohana-slider-dots button {
  flex:none
}
.konohana-slider button[hidden] {
  display:none
}
.konohana-home>.konohana-hubs {
  margin-top:90px;
  margin-bottom:40px
}
.konohana-home-banners {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-bottom:105px
}
.konohana-home-editor {
  min-width:0;
  overflow-wrap:anywhere;
  align-self:start
}
.konohana-home-editor>:first-child {
  margin-top:0
}
.konohana-home-editor>:last-child {
  margin-bottom:0
}
.konohana-home-editor img {
  max-width:100%;
  height:auto
}
.konohana-home-editor table {
  display:block;
  max-width:100%;
  overflow:auto
}
.konohana-cycle-banner {
  aspect-ratio:551/310;
  position:relative;
  overflow:hidden;
  border-radius:4px;
  background:#f3eee7;
  color:#fff;
  text-align:center
}
.konohana-cycle-banner>a,.konohana-cycle-banner>span {
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center
}
.konohana-cycle-banner img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%!important;
  object-fit:cover
}
.konohana-cycle-banner strong,.konohana-cycle-banner span span {
  position:relative;
  z-index:1
}
.konohana-cycle-banner strong {
  font-family:"DIN 2014",Arial,sans-serif;
  font-size:32px;
  font-weight:800
}
.konohana-cycle-banner>a>span,.konohana-cycle-banner>span>span {
  font-size:18px;
  font-weight:700;
  position:relative
}
.konohana-home-events {
  margin-bottom:104px
}
.konohana-card-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px
}
.konohana-home-market {
  margin-bottom:104px
}
.konohana-home-market .konohana-section-heading {
  margin-bottom:30px
}
.konohana-home-market h3:not(.konohana-card-title) {
  margin:0 0 8px;
  font-size:32px;
  font-weight:700;
  text-align:center;
  line-height:1.3
}
.konohana-market-intro {
  font-size:14px;
  text-align:center;
  margin:0 0 27px;
  line-height:24px
}
.konohana-market-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:30px
}
.konohana-market-grid .konohana-card-image {
  aspect-ratio:1!important
}
.konohana-market-grid .konohana-card-title {
  font-size:32px!important;
  text-align:center;
  line-height:1.25!important;
  margin:20px 0 14px!important
}
.konohana-market-grid .konohana-card-date {
  display:none
}
.konohana-home-eat {
  margin-bottom:108px
}
.konohana-eat-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px
}
.konohana-eat-grid .konohana-card-date {
  display:none
}
.konohana-eat-grid .konohana-card-title {
  margin-top:20px!important
}
.konohana-home-access {
  display:grid;
  grid-template-columns:540fr 540fr;
  gap:30px;
  margin-bottom:80px;
  align-items:center
}
.konohana-map iframe {
  display:block;
  width:100%;
  aspect-ratio:1;
  border:0;
  background:#f3eee7
}
.konohana-map-link {
  display:inline-block;
  margin:8px 0 0;
  padding:4px 10px;
  font-size:12px;
  color:#ee5533!important
}
.konohana-transports {
  display:flex;
  flex-direction:column;
  gap:30px
}
.konohana-transport {
  display:flex;
  align-items:center;
  min-height:100px
}
.konohana-drive-time {
  margin:0 0 12px;
  color:var(--kono-red, #ee5533);
  font-size:clamp(20px, 2.1vw, 26px);
  font-weight:700;
  line-height:1.5;
}
.konohana-transport h3 {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:16px;
  line-height:28px;
  font-weight:700;
  margin:0 0 10px
}
.konohana-transport a,.konohana-transport div>span {
  font-size:12px;
  line-height:20px
}
.konohana-transport a {
  color:#ee5533;
  text-decoration:underline
}
.konohana-empty {
  font-size:14px
}
@media(min-width:1600px) {
  .konohana-slider,.konohana-slide {
    height:auto;
    min-height:544px
  }
  .konohana-slide {
    aspect-ratio:967/544
  }
}
@media(min-width:601px) and (max-width:1150px) {
  .konohana-market-grid {
    gap:16px
  }
  .konohana-market-grid .konohana-card-title {
    font-size:24px!important
  }
}
@media(max-width:600px) {
  .konohana-home {
    padding-top:10px
  }
  .konohana-slider {
    height:auto;
    aspect-ratio:393/188
  }
  .konohana-slider-track {
    padding-inline:30px;
    gap:2px;
    height:100%
  }
  .konohana-slide {
    flex-basis:calc(100vw - 60px);
    height:auto;
    aspect-ratio:334/188
  }
  .konohana-slide-prev,.konohana-slide-next {
    width:32px;
    height:32px;
    top:calc(50% - 16px)
  }
  .konohana-slide-prev {
    left:12px
  }
  .konohana-slide-next {
    right:12px
  }
  .konohana-slider-dots {
    bottom:8px;
    gap:5px
  }
  .konohana-slider-dots button {
    width:8px;
    height:8px
  }
  .konohana-home>.konohana-hubs {
    margin-top:35px;
    margin-bottom:20px
  }
  .konohana-home-banners {
    grid-template-columns:1fr;
    gap:5px;
    margin-bottom:50px
  }
  .konohana-home-editor {
    min-height:0
  }
  .konohana-cycle-banner {
    aspect-ratio:363/204.189
  }
  .konohana-cycle-banner strong {
    font-size:24px
  }
  .konohana-cycle-banner>a>span,.konohana-cycle-banner>span>span {
    font-size:14px
  }
  .konohana-home-events {
    margin-bottom:50px
  }
  .konohana-card-grid {
    display:grid;
    grid-template-columns:1fr;
    gap:34px
  }
  .konohana-home-events .konohana-card-grid {
    max-width:350px
  }
  .konohana-home-market {
    margin-bottom:50px
  }
  .konohana-home-market .konohana-section-heading {
    margin-bottom:33px
  }
  .konohana-home-market h3:not(.konohana-card-title) {
    font-size:24px;
    margin-bottom:8px
  }
  .konohana-market-intro {
    margin:0 auto 27px;
    font-size:14px;
    line-height:24px
  }
  .konohana-market-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 21px
  }
  .konohana-market-grid .konohana-card-title {
    font-size:24px!important;
    line-height:1.25!important;
    margin:15px 0!important
  }
  .konohana-eat-grid {
    grid-template-columns:1fr;
    gap:30px
  }
  .konohana-home-eat {
    margin-bottom:100px
  }
  .konohana-home-access {
    grid-template-columns:1fr;
    gap:45px;
    margin-bottom:90px
  }
  .konohana-transports {
    gap:25px
  }
  .konohana-transport {
    min-height:100px
  }
  .konohana-transport h3 {
    font-size:14px;
    gap:6px
  }
  .konohana-eat-grid .konohana-card-title {
    font-size:18px!important
  }
}
.konohana-home>.konohana-hubs {
  margin-top:65.5px
}
.konohana-home-banners {
  margin-bottom:87px
}
.konohana-home-editor .konohana-banner-image {
  width:100%;
  aspect-ratio:551/310;
  object-fit:cover
}
.konohana-section-heading {
  line-height:1;
  margin-bottom:37px
}
@media(max-width:600px) {
  .konohana-home>.konohana-hubs {
    margin-top:37px
  }
  .konohana-home-banners {
    margin-bottom:43px
  }
  .konohana-section-heading {
    margin-bottom:24px
  }
}
.konohana-home-events {
  margin-bottom:87px
}
.konohana-home-events .konohana-more {
  margin-top:26px
}
.konohana-home-market .konohana-section-heading {
  margin-bottom:13px
}
.konohana-home-market h3:not(.konohana-card-title) {
  line-height:36px;
  margin-bottom:10px
}
.konohana-market-intro {
  margin-bottom:20px
}
.konohana-market-grid .konohana-card-title {
  margin-bottom:12px!important
}
@media(max-width:600px) {
  .konohana-home-events {
    margin-bottom:43.5px
  }
  .konohana-home-events .konohana-card-grid {
    row-gap:16px
  }
  .konohana-home-events .konohana-more {
    margin-top:17px
  }
  .konohana-home-market .konohana-section-heading {
    margin-bottom:12px
  }
  .konohana-home-market h3:not(.konohana-card-title) {
    line-height:30px;
    margin-bottom:8px
  }
  .konohana-market-intro {
    margin-bottom:20px
  }
}
@media(max-width:600px) {
  .konohana-market-intro {
    font-size:12px;
    line-height:20px;
    max-width:333px;
    margin-bottom:17px
  }
  .konohana-home-market h3:not(.konohana-card-title) {
    margin-bottom:15.5px
  }
  .konohana-market-grid {
    row-gap:15px
  }
  .konohana-market-grid .konohana-card-title {
    font-size:18px!important;
    line-height:26px!important;
    margin:11px 0 14px!important
  }
  .konohana-market-grid .konohana-card-excerpt {
    font-size:12px;
    line-height:20px;
    margin-bottom:0
  }
  .konohana-home-market .konohana-more {
    margin-top:15px
  }
}
.konohana-home-market {
  margin-bottom:87px
}
.konohana-eat-grid .konohana-card-title {
  margin-top:14px!important
}
@media(min-width:601px) {
  .konohana-market-grid .konohana-card-title {
    margin-top:16px!important;
    margin-bottom:9px!important
  }
  .konohana-market-grid .konohana-card-excerpt {
    margin-bottom:0
  }
  .konohana-home-market .konohana-more {
    margin-top:26.5px
  }
}
@media(max-width:600px) {
  .konohana-home-market {
    margin-bottom:43.5px
  }
}
.konohana-eat-grid .konohana-card-excerpt {
  white-space:pre-line;
  margin-bottom:0
}
.konohana-home-eat {
  margin-bottom:75px
}
@media(max-width:600px) {
  .konohana-eat-grid {
    row-gap:17px
  }
  .konohana-home-eat {
    margin-bottom:35px
  }
}
@media(max-width:600px) {
  .konohana-home-access {
    grid-template-columns:minmax(0,1fr);
    row-gap:19px;
    margin-bottom:76px
  }
  .konohana-map {
    width:calc(100% + 30px);
    min-width:0;
    margin-left:-15px
  }
  .konohana-transports {
    gap:11px;
    padding-inline:15px
  }
  .konohana-transport {
    display:block;
    min-height:0
  }
  .konohana-transport>div {
    margin-top:8px
  }
  .konohana-transport h3 {
    font-size:16px;
    line-height:28px;
    margin-bottom:9px
  }
  .konohana-transport div>a,.konohana-transport div>span {
    display:block;
    line-height:20px;
    min-height:40px
  }
  .konohana-transport-bus div>a,.konohana-transport-bus div>span,.konohana-transport-airport div>a,.konohana-transport-airport div>span {
    min-height:60px
  }
}

/* Original one-path caret circles and white pager dots from the XD. */
.konohana-slide-prev,.konohana-slide-next {padding:0;border-radius:0;background:transparent}
.konohana-slide-prev img,.konohana-slide-next img {width:32px;height:32px}
.konohana-slide-prev {left:max(12px,calc((100vw - 1110px)/2 + 23px))}
.konohana-slide-next {right:max(11px,calc((100vw - 1110px)/2 + 22px))}
.konohana-slider-dots {bottom:20px;gap:6px}
.konohana-slider-dots button {width:14px;height:14px;background:#fff}
@media(max-width:600px) {
 .konohana-slide-prev {left:12px}
 .konohana-slide-next {right:11px}
 .konohana-slider-dots {bottom:3px;left:calc(50% + .5px)}
}

/* Overlay the slides at the center; JavaScript moves each photo in its own lane. */
.konohana-slider.is-looping .konohana-slider-track {
  display:grid;
  place-items:center;
  overflow:clip;
  padding:0;
  touch-action:pan-y pinch-zoom
}
.konohana-slider.is-looping .konohana-slide {
  grid-area:1/1;
  width:70.79063vw
}
@media(max-width:600px) {
  .konohana-slider.is-looping .konohana-slide {width:calc(100vw - 60px)}
}