@charset "UTF-8";

/*******************************************************
** base.css
*******************************************************/
/* リキッドレイアウト対応 */
html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    /* font-size: 0.8333333333vw; */
    font-size: 0.625vw;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 12px;
  }
}
/* @media screen and (max-width: 767px) {
  html {
    font-size: 2.1334vw;
  }
} */
/* @media screen and (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
} */

/* フォント */
body {
  font-family: "Noto Serif JP", "游明朝体", "游明朝", "Yu Mincho", yumincho, "ヒラギノ明朝 ProN", sans-serif;
}
header {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
footer {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", sans-serif;
}




/*******************************************************
** theme.css
*******************************************************/
main {
  overflow: hidden;
}

body {
  position: relative;
  background: #fff;
  color: #6a1900;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  overflow-x: hidden;
}

.ui-btn {
  cursor: pointer;
}

section {
  position: relative;
}



/*******************************************************
** module.css
*******************************************************/
/* visibable */
.dis_none {
  display: none;
}
.pc_none {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc_none {
    display: block;
  }
}
.sp_none {
  display: block;
}
@media screen and (max-width: 767px) {
  .sp_none {
    display: none;
  }  
}


/* inner */
.l-inner {
  width: 1280px;
  width: 80rem;
}
@media screen and (max-width: 1280px) {
  /* .l-inner {
    width: 1080px;
    width: 67.5rem;
  } */
}
@media screen and (max-width: 1080px) {
  /* .l-inner {
    width: 100%;
    padding: 0 45px;
    padding: 0 2.8125rem;
  } */
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 670px;
    max-width: 41.875rem;
    width: 100%;;
    padding: 0 20px;
    padding: 0 1.25rem;
  }
}

.m-inner {
  margin: 0 auto;
  /* padding: 0 6.25rem; */
  width: 1280px;
  width: 80rem;
}
@media screen and (max-width: 1280px) {
  /* .m-inner {
    width: 1080px;
    width: 67.5rem;
  } */
}
@media screen and (max-width: 767px) {
  .m-inner {
    max-width: 500px;
    max-width: 31.25rem;
    width: 100%;
    padding: 0 20px;
    padding: 0 1.25rem;
  }
}


.s-inner {
  /* width: 960px;
  width: 60rem; */
  margin: 0 auto;
  /* padding: 0 6.25rem; */
  width: 1280px;
  width: 80rem;
  max-width: 980px;
}
@media screen and (max-width: 1080px) {
  /* .s-inner {
    width: 100%;
  } */
}
@media screen and (max-width: 767px) {
  .s-inner {
    /* max-width: 570px;
    max-width: 35.625rem;
    width: 100%;
    padding: 0 25px;
    padding: 0 1.5625rem; */

    /* width: 600px;
    width: 37.5rem; */

    max-width: 26.25rem;
    /* max-width: 21.25rem; */
    width: 100%;
    padding: 0 1.5625rem;
    /* padding: 0 1.5625rem; */
  }
}