@charset "utf-8";
/* ====================================================================================================== トップページのスライダーセクション */
.dTopSections {
  position: relative;
  width: 100%;
  overflow: hidden;
  touch-action: pan-y;
  cursor: grab;
}
.dTopSections .dTop__pageLink,
.dTopSections .dTop__pageLink * {
  -webkit-user-drag: none;
}
.dTopSections.is-swiping {
  cursor: grabbing;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dTopSections.is-swiping .dTop__pageLink {
  pointer-events: none;
}
.dTopSections__arrow {
  position: absolute;
  z-index: 99;
  top: 50%;
  width: 84px;
  height: 84px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dTopSections__arrow:hover {
  opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
}
.dTopSections__arrow:focus-visible {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.dTopSections__arrow--prev {
  left: 0;
}
.dTopSections__arrow--next {
  right: 0;
}
.dTopSections__arrowIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  -moz-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.dTopSections__arrowIcon--prev {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -o-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  -ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
.dTopSections__arrowIcon--next {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.dTopSections__inner {
  width: 300vw;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-transform: translate3d(-100vw, 0, 0);
  -moz-transform: translate3d(-100vw, 0, 0);
  -o-transform: translate3d(-100vw, 0, 0);
  -ms-transform: translate3d(-100vw, 0, 0);
  transform: translate3d(-100vw, 0, 0);
}
.dTopSections .dTopSection {
  width: 100vw;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: auto;
  aspect-ratio: 481/270;
  padding-top: 0;
}
/* ====================================================================================================== 2026summer */
.d2026summer .dTopSection--plusoneday--2026summer .dTop__pageLink--thum {
  background-image: url("../img/2026summer/top/thum--plusoneday--2026summer.jpg");
}
.d2026summer .dTopSection--plusoneday--2026summer .dTop__pageLink--title {
  color: #ff6400;
}
/* ====================================================================================================== スマホ向けのスタイル */
@media only screen and (max-width: 767px) {
  .dTopSections__arrow {
    width: 10vw;
    height: 10vw;
  }
  .dTopSections__arrowIcon {
    width: 3.589743589743589vw;
    height: 3.589743589743589vw;
  }
  .dTopSections .dTopSection {
    width: 100vw;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: auto;
    aspect-ratio: auto;
    height: 50svh;
    padding-top: 0;
  }
  .d2026summer .dTopSection--plusoneday--2026summer .dTop__pageLink--thum {
    background-image: url("../img/2026summer/top/thum--plusoneday--2026summer-sp.jpg");
  }
}