@charset "utf-8";

/* ------------------------------
  common
------------------------------ */
:root{
  /* font */
  --font-main: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  --font-bold: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  --font-zen: 'Zen Kaku Gothic New', sans-serif;

  /* color */
  --color-main: #99543e;
  --color-grn: #5bb384;
  --color-beige: #fbf7e9;
  --color-brown: #4c2a1f;
  --color-wht: #f5f5f5;
  --color-bg: #f5eee1;
}

html {
  font-size: 62.5%;
}

body {
  font-family: var(--font-main);
  font-size: 1.6rem;
  color: var(--color-main);
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

a {
  text-decoration: none;
  outline: none;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.for-sp {
  display: none;
}

@media screen and ( max-width:767px) {
  .for-sp {
    display: block;
  }
}

/* スクロール禁止 */
.is-scroll-prevent {
  overflow: hidden;
  height: 100%;
}