@charset "UTF-8";

/* CSS Document */
body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#wrap {
  background: url(/n/s/wp-content/uploads/2022/10/back.png), linear-gradient(333deg, #98d0da, #ffff6b);
  background-attachment: fixed;
  background-position: center top;
  background-repeat: repeat-y;
}

.is_parent #kv {
  opacity: 0;
  transition: opacity 0.5s;
}

article {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .2);
}

.kashi {
  margin-top: -80px;
  margin-bottom: -90px;
  font-size: 1.2em;
  color: #666;
  font-family: "Gothic MB101 Bold";
  /*text-decoration: underline;  下線 */
  /* text-decoration-thickness: 0.5em;  線の太さ */
  /* text-decoration-color: rgba(255, 228, 0, 0.6); /* 線の色 */
  /* text-underline-offset: -0.2em; /* 線の位置。テキストに重なるようにやや上部にする */
  /* text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}

.kashi2 {
  margin-top: -80px;
  margin-bottom: -90px;
  font-size: 1.2em;
  color: #FF6473;
  font-family: "Shuei MaruGo L";
}

#talk_wrap h2 {
  width: 60%;
  margin: 0 auto;
}


#information .info_title,
#information_free .info_title {
  font-size: 1.6em;
  font-family: "Gothic MB101 Bold";
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: rgba(255, 228, 0, 0.6);
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
  line-height: 1.8;
}

#information_free li .info_desc {
  max-width: 25em;
  margin: 0 auto;
  text-align: left;
}


@media (max-width: 640px) {
  #wrap {
    background: url(/n/s/wp-content/uploads/2022/10/bk_sp-2.png), linear-gradient(333deg, #98d0da, #ffff6b);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: repeat-y
  }

  article {
    width: 86%;
    margin: 0 auto;
  }

  .content_wrap {
    width: 100%;
    margin: 0 auto;
  }

  #talk_wrap h2 {
    width: 90%;
    margin: 0 auto;
  }

  #home_menu:not(.hidden) {
    width: 96%;
  }

  #home_menu h3 {
    width: 96vw;
    margin-left: calc((96vw - 100%) / 2 * -1);
  }

  .kashi,
  .kashi2 {
    font-size: 1.4em;
    margin-top: -60px;
    margin-bottom: -60px;
  }

  #talk_body .txt_box .desc p {
    font-size: unset;
  }

  .info_title .indent_half {
    margin-left: 0;
  }
}