body {
      word-break: break-word;
      overflow-wrap: break-word;
      white-space: normal;
    }
    .nav-link{
      border-bottom-width:thick !important;
    }
    .r-i {
      vertical-align: top;
      display: inline-block;
    }
    .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
      --bs-offcanvas-height: 98vh !important;
    }
    .accordion-box {
      position: relative;
    }
    .accordion-box label {
      height: 85px; /* グラデーションの高さ */
      cursor: pointer;
      text-align: center;
      font-size: 12px;
      position: absolute;
      bottom: 0;
      width: 100%;
      /* 以下グラデーションは「背景が白」に併せて設定しています */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
      background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    }
    .accordion-box input:checked + label {
      background: inherit; /* 開いた時には背景グラデーションを消す */
    }
    .accordion-box label:after {
      content: "続きを読む"; /* ラベルの文字 */
      letter-spacing: .05em;
      line-height: 1.94rem;
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      color: #fff;
      background-color: #000;
      width: 8.75rem;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 6px;
    }

    .accordion-box input {
      display: none;
    }
    .accordion-box .accordion-container {
      overflow: hidden;
      height: 140px; /* 開く前に見えている部分の高さ */
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        -ms-transition: all 0.1s;
        -o-transition: all 0.1s;
        transition: all 0.1s;
    }
    .accordion-box input:checked + label {
      /* display: none ; 閉じるボタンは要らないとき */
    }
    .accordion-box input:checked + label:after {
      content: "閉じる";
    }
    .accordion-box input:checked ~ .accordion-container {
      height: auto;
      padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
      -webkit-transition: all 0.1s;
      -moz-transition: all 0.1s;
      -ms-transition: all 0.1s;
      -o-transition: all 0.1s;
      transition: all 0.1s;
    }
    .hidden {
      display: none !important;
    }
    .item {
      padding: 16px;
      /* margin: 8px 0;
      background-color: #eee; */
      transition: opacity 0.5s ease, transform 0.5s ease;
    }
        .lazy {
      opacity: 0;
      transform: translateY(20px);
    }
    
    .lazy.visible {
      opacity: 1;
      transform: translateY(0);
    }