@charset "UTF-8";
@import url("variables.css");
/****************************************
1.COMMON
2.TEMPLATE
3.HEADER
4.FOOTER
*****************************************/
/****************************************
Smart phone COMMOM
*****************************************/
@media screen and (max-width: 912px) {
  /****************************************
  1.COMMON
  *****************************************/
  html {
    font-size: 62.5%;
  }
  body {
    font-family: "Noto Sans JP", sans-serif;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
  img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    width: auto;
  }
  /* ページ内遷移 ヘッダー分 引く*/
  :root {
    --header-height: 80px;
  }
  #calendar {
    scroll-margin-top: var(--header-height);
  }
  html {
    background: none;
  }
  .center {
    text-align: center;
  }
  .left {
    text-align: left;
  }
  .left-sp {
    text-align: left;
  }
  .center-sp {
    text-align: center !important;
  }
}
@media screen and (max-width: 912px) and (min-width: 375px) and (max-width: 912px) {
  /* 375以上 */
  .sp-pos {
    display: block;
  }
}
@media screen and (max-width: 912px) {
  /****************************************
  6.FOOTER
  *****************************************/
  footer {
    background-color: var(--cl-gry);
  }
  footer a {
    color: var(--cls-blk);
    text-decoration: none;
  }
  footer p.txt {
    width: var(--width-common-sp);
    margin: 0 auto;
    padding: 16px 0;
    text-align: left;
    font-size: 12px;
  }
  footer ul.footer-wrap {
    width: var(--width-common-sp);
    margin: 0 auto;
    padding: 32px 0;
    display: flex;
    flex-wrap: wrap; /* 折り返しを許可 */
    justify-content: center;
  }
  footer ul.footer-wrap li {
    margin-left: 24px;
    font-size: 1.4rem;
  }
  footer ul.footer-wrap li:last-child {
    width: 100%; /* 一行占有して改行 */
    text-align: center;
    margin-top: 8px;
  }
  /****************************************
  7.PAGENATION
  *****************************************/
  /* すべて隠して… */
  .pagenation li {
    display: none;
  }
  /* 前へ・現在ページ・次へ のみ表示 */
  .pagenation li.previous,
  .pagenation li.current,
  .pagenation li.next {
    display: inline-block;
    margin: 0 18px;
  }
  .pagenation li.previous a,
  .pagenation li.current a,
  .pagenation li.next a {
    padding: 0 16px;
  }
  /****************************************
  FORM
  *****************************************/
  form.contact {
    width: var(--width-common-sp);
  }
  /*END*/
}