@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bellefair&family=Shippori+Mincho&display=swap");
@media screen and (max-width: 1024px) {
  /*--------------------
  共通コンテナ
  --------------------*/
  .gmap {
    padding-top: 150%;
  }
  /*--------------------
  共通見出し
  --------------------*/
  .h_ttl {
    font-size: 1.25rem;
  }
  /*--------------------
  liデザイン
  --------------------*/
  .list_dot li {
    font-size: 0.75rem;
  }
  .list_dot li::before {
    top: 12px;
  }
  .list_dot2 li {
    font-size: 0.75rem;
  }
  .list_dot2 li::before {
    width: 4px;
    height: 4px;
    top: 12px;
  }
  /*--------------------
  header
  --------------------*/
  /*--------------------
  カラム共通
  --------------------*/
  #wrapper {
    display: block;
    margin-top: 0;
  }
  main {
    width: 100%;
    padding: 1rem;
  }
  aside {
    width: 100%;
  }
  /*--------------------
  TOP
  --------------------*/
  .board_search {
    padding: 1rem;
  }
  #top4 .category_list li {
    width: 32%;
    margin-right: 2%;
  }
  #top4 .category_list li:nth-child(4n) {
    margin-right: 2%;
  }
  #top4 .category_list li:nth-child(3n) {
    margin-right: 0;
  }
  /*--------------------
  会員登録
  --------------------*/
  #register {
    margin-top: 0;
    padding: 1rem;
  }
  /*--------------------
  footer
  --------------------*/
  /*--------------------
  メディアクエリ切り替えクラス
  --------------------*/
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}