:root {
  --color_base: #f7f0e1;
  --color_accent: #d89f71;
  --color_btn:  #8F1F17;
  --color_hover: #BE4941;
  --color_sub: #6a4e3d;

  --yellow: #fdd000;
  --beige: #fef1d2;
  --day1: #2b883a;
  --day2: #935e29;
  --day3: #c50080;
  --enfont: "Dancing Script", cursive;
  --tegaki:"M PLUS 2", serif;
}

.bold600{
  font-weight: 600;
}

.nowrap span {
  white-space: nowrap;
}

.pacifico
{
  font-family: "Pacifico", serif;
  font-size: 3em;
  text-align: center;
}

footer {
  margin-top: 0;
}

.subpage-hero {
  padding-top: 80px;
  position: relative;

  h1 {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.swiper {
  width: 100%; /* 親要素に収まる */
  overflow: hidden; /* 横スクロールバーを非表示 */
}

#contents {
  padding-bottom: 160px;
  font-family: "Noto Sans JP", sans-serif;



  a:hover {
    text-decoration: none;
  }

  h1 {
    font-family: "Noto Sans JP", sans-serif;
  }

  h2 {
    inline-size: fit-content;
    margin-bottom: 0.5em;

    font-size: 24px;
  }

  .day {
    display: inline;
    line-height: 1;
    font-family: var(--tegaki);
    font-weight: 900;
  }

  .day1 {
    color: var(--day1);
  }
  .day2 {
    color: var(--day2);
  }
  .day3 {
    color: var(--day3);
  }
  .link-invalid a:hover .image{
      transform:none;
  }

  .link-invali a:hover .black{
    opacity: 1;
  }


  /* .nav{
    margin-inline:auto;
    max-width: 800px;
  }
  .navbox{
    width: 100%;
    border:1px solid #333;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .navflex{
    display: flex;
    aspect-ratio: 16/9;

    a{
      flex: auto;
    }
  }

  .menu1,
  .menu2,
  .menu3{
      background-color:rgba(255,255,255,.8);
      background-blend-mode:lighten;
      transition : all 0.25s;
  }

  .menu1:hover,
  .menu2:hover,
  .menu3:hover{
      background-color:rgba(255,255,255,.25);
      background-blend-mode:lighten;
  }



  .menu1{
    background-image: url('');
    aspect-ratio: 4/1;
  }

  .menu2{
    background-image: url('../../image/feature-20252708-factoryhero1.JPG');
   
  }

  .menu3{
    background-image: url('../../image/feature-20252708-nav3.jpg');
  }

  .menutit{
    text-align: center;
    font-size: 2.2rem;
    font-weight: 900;
  }
} */