@charset "shift_jis";
/* CSS Document */
/* TOP PAGE */
.loop {
  width: 100%;
  padding: 0.8em 0;
  display: flex;
  overflow: hidden;
  background: var(--color-primary);
}

.loop-text {
  padding: 0 4em;
  white-space: nowrap;
  font-size: 14px;
  color: #fff;
  animation: LoopText 13s linear infinite;
}

@keyframes LoopText {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* top-info */
.top-info .tab-panel article {
  padding: 0.5em;
}

.top-info .tab-panel article .news-thumb {
  flex-basis: 20%;
  margin-right: 1vw;
}

.top-info .tab-panel article .news-content time {
  display: inline-block;
  margin-bottom: 0.3em;
}

.top-info .tab-panel article .news-content .news-title {
  color: #f00;
}

.panel-area {
  max-height: min(70vh, 400px);
  overflow-y: auto;
}

@media screen and (max-width: 999px) {
  .panel-area {
    padding-top: 0;
  }
  .top-info {
    padding-bottom: 40px;
  }
  .top-info .tab-panel {
    height: auto;
    max-height: 54vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .top-info .tab-panel::-webkit-scrollbar {
    background: #eee;
    width: 1em;
  }
  .top-info .tab-panel::-webkit-scrollbar-thumb {
    background: #ccc;
  }
}
@media screen and (min-width: 1000px) {
  .panel-area {
    padding-bottom: 3vh;
  }
  .top-info .tab-panel {
    columns: 2;
  }
}
/* -----top-news only */
.top-info .tab-panel.top-news article .news-content {
  flex-basis: 80%;
}

.top-info .tab-panel.top-news article:nth-of-type(n + 2) {
  display: none !important;
}

.top-info .tab-panel.top-newface article .news-content {
  flex-basis: 80%;
}

.top-info .tab-panel.top-newface article .news-content .news-title {
  margin-bottom: 0.2em;
}

.top-info .tab-panel.top-newface article {
  border-bottom: dotted 1px var(--color-brown);
}

@media screen and (min-width: 1000px) {
  .top-info .tab-panel.top-newface article .news-content .news-comment {
    max-height: 4em;
    overflow: hidden;
  }
}
/* -----top-update only */
.top-info .tab-panel.top-update article {
  border-bottom: dotted 1px var(--color-brown);
}

.top-info .tab-panel.top-update article .news-content p {
  color: #777;
}

.top-info .tab-panel.top-update article .news-content p span {
  color: #f00;
}

/* colums*/
.top-update article,
.top-newface article {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.top-update article:last-child,
.top-newface article:last-child {
  border: none !important;
}

.top-update article:nth-child(2n+1):last-child,
.top-newface article:nth-child(2n+1):last-child {
  display: none !important;
}

@media screen and (min-width: 1000px) {
  .top-newface article {
    height: calc(20% + 1em);
  }
  .top-update article,
  .top-newface article {
    display: inline-block;
  }
}
/* top_diary */
.section-wrap {
  padding: 0;
}

.top-diary,
.top-reviews {
  width: 100%;
  padding: 0 3.5%;
}

.top-diary .iframe-wrap {
  min-height: 400px;
}

.top-diary .iframe-wrap,
.top-reviews ul {
  max-width: unset;
}

@media screen and (max-width: 999px) {
  .iframe-wrap {
    width: 100%;
    height: 54vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
  }
  .iframe-wrap iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .section-wrap {
    padding: 60px 0;
  }
  .top-diary,
  .top-reviews {
    width: 50%;
    padding: 0 4%;
  }
  .top-diary {
    border-right: solid 4px #000;
  }
  .top-diary .iframe-wrap {
    height: calc(100% - 272px - 6vh);
  }
  .top-diary .iframe-wrap,
  .top-reviews ul {
    max-width: 800px;
  }
}
/* top_event */
section.top-event h2 {
  margin: 0 1.6em !important;
  padding: 1.6em 0;
}

.top-event {
  background: linear-gradient(45deg, #e4e4e4 25%, transparent 25%, transparent 75%, #e4e4e4 75%), linear-gradient(45deg, #e4e4e4 25%, transparent 25%, transparent 75%, #e4e4e4 75%);
  background-color: #f0f0f0;
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}

.top-event > div {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.top-event .slick-slide img {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .top-event > div {
    width: 760px;
  }
}
.slider {
  display: none;
  overflow: hidden;
}

.slider.slick-initialized {
  display: block;
}

.top-event .slick-arrow {
  z-index: 99;
}

.top-event .slide-prev {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0);
}

.top-event .slide-next {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(0);
}

.top-event .slide-prev img,
.top-event .slide-next img {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 1000px) {
  .top-event .slide-prev:hover,
  .top-event .slide-next:hover {
    cursor: pointer;
  }
}
.slider {
  margin-bottom: 3vh;
}

.slide-nav {
  cursor: pointer;
}

/* top_video */
section.top-video h2 {
  margin: 0 1.6em !important;
  padding: 1.6em 0;
  color: #fff;
}

.top-video {
  background: var(--color-secondary);
}
.top-video a {
  color: #fff;
}
.top-video svg {
  --net-text: var(--color-secondary);
}

.top-video .video-wrap {
  position: relative;
  height: 0;
  margin: 0 auto;
}

.top-video .video-sp {
  width: 320px;
  padding-top: 240px;
}

.top-video .video-pc {
  width: 640px;
  padding-top: 480px;
}

.top-video .video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 999px) {
  .top-video .video-pc {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .top-video .video-sp {
    display: none;
  }
}