/* スマホ表示時(画面幅1200px以下)でのみ読み込まれるCSS */

#h_navi {
  display: none;
}

.navToggle {
  display: block;
}

#top-img-box {
  width: 100%;
}

#contents {
  width: 100%;
}

#contents section {
  border-radius: 0;
  margin-bottom: 0.5rem;
}

#footer-box {
  width: 100%;
}

.only-show-pc {
  display: none;
}

.only-show-sp {
  display: initial;
}

nav.globalMenuSp {
  display: block;
  position: fixed;
  z-index: 2;
  top: 60px;
  left: 0;
  width: 100%;
  background: #fff;
  color: #000;
  text-align: center;
  transform: translateX(100%);
  z-index: 10000;
}

/* 更に小さい画面(幅960px以下)はここから書き込むこと */

@media (max-width: 960px) {
  .link-like-btn {
    display: block;
    padding: 0.25rem 0;
    margin: 0;
  }

  .long-txt-btn {
    padding: 1.75rem 0;
    display: flex;
    font-size: 1.5rem;
    height: 2.5rem;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  #footer-box {
    flex-direction: column;
    gap: 1rem;
  }

  #footer-box p {
    text-align: center !important;
    font-size: 0.75rem;
  }

  .link-like-btn {
    width: 100%;
  }

  footer {
    padding: 1.75rem 3.5rem;
  }
}

@media (max-width: 570px) {
  .only-show-sp-xs {
    display: initial;
  }
}

.attention-p-box {
  padding: 0 0.5rem;
}
.attention-p-box p {
  margin-bottom: 1rem;
}