@charset "UTF-8";
#contents .article-body {
  padding-bottom: 0 !important; }
  #contents .article-body > section {
    margin: 0 auto !important; }
#contents .l-content {
  width: 100%; }
  #contents .l-content__inner {
    margin-bottom: 0 !important; }
  #contents .l-content__main {
    width: 100% !important; }
#contents .breadcrumb,
#contents .sec_inner {
  width: calc(100% - 32px);
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(8px * 2);
  padding-right: calc(8px * 2); }
  @media screen and (min-width: 768px) {
    #contents .breadcrumb,
    #contents .sec_inner {
      width: calc(768px - 32px); } }
  @media screen and (min-width: 960px) {
    #contents .breadcrumb,
    #contents .sec_inner {
      width: calc(960px - 32px); } }
  @media screen and (min-width: 1200px) {
    #contents .breadcrumb,
    #contents .sec_inner {
      width: calc(1212px - 32px); } }
#contents .sec_inner {
  padding-top: calc(8px * 8);
  padding-bottom: calc(8px * 8); }
#contents .ncH2:first-child {
  margin-top: 0 !important; }

/*時間替わりページ背景*/
body {
  position: relative;
  background-color: #222; }
  body::after {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 0;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    will-change: opacity, filter;
    transition: opacity 1.2s ease, filter 1.2s ease;
    filter: blur(30px);
    opacity: 0; }
  body.is-loaded::after {
    opacity: 1;
    filter: blur(0); }
  body.is-morning::after {
    background-image: url("/wp-content/package/page/noria/img/bg-morning.webp"); }
  body.is-day::after {
    background-image: url("/wp-content/package/page/noria/img/bg-day.webp"); }
  body.is-evening::after {
    background-image: url("/wp-content/package/page/noria/img/bg-evening.webp"); }
  body.is-night::after {
    background-image: url("/wp-content/package/page/noria/img/bg-night.webp"); }
  body #wrapper {
    position: relative;
    z-index: 1; }

/*コンテンツスタイル*/
.sec_inner {
  container-type: inline-size; }
  .sec_inner * {
    font-size: 1.4cqw; }
  @media (min-width: 768px) {
    .sec_inner > div {
      width: 100%; } }

/*アイキャッチロゴ画像*/
.article-header__thumbnail {
  text-align: center; }
  .article-header__thumbnail img {
    width: min(80%, 450px); }

/*基本ボタン色*/
.ncButton_btn {
  background-color: #000; }

/*レイアウト*/
.block {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 3cqw 4cqw; }
  @media (min-width: 768px) {
    .block {
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } }
  @media (max-width: 767px) {
    .block {
      width: 100%;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } }
  .block h2 {
    margin-bottom: 2cqw;
    text-align: center;
    font-size: 200%;
    font-family: "Noto serif JP", sans-serif; }

.information,
.topics {
  margin-bottom: 4cqw; }

/*インフォメーション*/
.information .status {
  width: 65%;
  margin: 1em auto;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  text-align: center;
  font-size: 180%; }
.information_list {
  width: 70%;
  margin: auto; }
  @media (min-width: 768px) {
    .information_list article {
      display: flex; }
      .information_list article .date {
        width: 9em; }
      .information_list article .text {
        flex-shrink: 1;
        flex-grow: 1;
        width: calc(100% - 9em); }
        .information_list article .text a {
          color: #333;
          font-size: 150%;
          font-weight: 700; }
        .information_list article .text p {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          /* 行数指定 */
          overflow: hidden; } }

/*トピックス*/
.topics_list {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .topics_list {
      gap: 2cqw; }
      .topics_list article {
        width: calc((100% - 6cqw) / 4); } }
  .topics_list article {
    border: 0.5cqw solid #c6151d; }
  .topics_list a {
    height: 100%;
    color: #333;
    transition: 0.3s ease; }
    .topics_list a:hover {
      transform: translateY(0.5cqw); }
  .topics_list .thumb {
    width: 100%;
    aspect-ratio: 264/273;
    overflow: hidden; }
    .topics_list .thumb img {
      width: 100%;
      height: 100%;
      max-width: initial;
      object-fit: cover; }
  .topics_list .text {
    padding: 1em; }
  .topics_list h3, .topics_list p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .topics_list h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 120%;
    -webkit-line-clamp: 1;
    /* 行数指定 */ }
  .topics_list p {
    -webkit-line-clamp: 2;
    /* 行数指定 */ }

@media (min-width: 768px) {
  .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    grid-template-areas: "fee time" "fee access";
    gap: 4cqw; }
    .grid .fee {
      grid-area: fee;
      height: 100%; }
    .grid .time {
      grid-area: time; }
    .grid .access {
      grid-area: access;
      margin-bottom: 0; } }

/*乗車料金*/
.ticket {
  text-align: center; }
  .ticket .ncButton_btn {
    display: block;
    background: #c00;
    /* 赤色 */
    color: #fff;
    padding: 15px;
    text-decoration: none;
    border-radius: 4px; }