/* ------------------------------- */
/* 携帯時 ナビゲーションの幅広げる */
/* ------------------------------- */

  /* PC表示（1024px以上） */
  @media (min-width: 1024px) {
    .navbar-nav > li {
      border-right: 1px solid #ccc;
      padding: 0 1rem;
    }

    .navbar-nav > li:first-child {
      border-left: 1px solid #ccc;
    }
  }

  /* モバイル表示（1024px未満） */
  @media (max-width: 1023.98px) {
    .navbar-nav > li {
      border: none;
      padding: 0.8rem 0;     /* 上下の余白を広げる */
      line-height: 2.4;      /* テキスト行の高さを広げる */
    }

    .navbar-nav > li a {
      display: block;
    }
  }

/* ------------------------------- */
/* 画像拡大（PCのみ）              */
/* ------------------------------- */

@media (min-width: 768px) {
  .zoom-hover img {
    transition: transform 0.3s ease;
  }
  .zoom-hover img:hover {
    transform: scale(1.1);
  }
}

/* ------------------------------- */
/* スムーススクロール              */
/* ------------------------------- */

html {
  scroll-behavior: smooth;
}

/* ------------------------------- */
/* アイコン回転                    */
/* ------------------------------- */

img.spin-3d {
    display: inline-block;
    transform-style: preserve-3d;
    animation: spinY 3s ease-in-out 1;
}

@keyframes spinY {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}