@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* 約物半角 */
@font-face {
  font-family: 'YakuHanJP';
  font-weight: lighter;
  src: url("../fonts/YakuHanJP-Light.woff2") format("woff2"), url("../fonts/YakuHanJP-Light.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanJP';
  font-weight: normal;
  src: url("../fonts/YakuHanJP-Regular.woff2") format("woff2"), url("../fonts/YakuHanJP-Regular.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanJP';
  font-weight: bold;
  src: url("../fonts/YakuHanJP-Bold.woff2") format("woff2"), url("../fonts/YakuHanJP-Bold.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanMP';
  font-weight: lighter;
  src: url("../fonts/YakuHanMP-Light.woff2") format("woff2"), url("../fonts/YakuHanMP-Light.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanMP';
  font-weight: normal;
  src: url("../fonts/YakuHanMP-Regular.woff2") format("woff2"), url("../fonts/YakuHanMP-Regular.woff") format("woff"); }
@font-face {
  font-family: 'YakuHanMP';
  font-weight: bold;
  src: url("../fonts/YakuHanMP-Bold.woff2") format("woff2"), url("../fonts/YakuHanMP-Bold.woff") format("woff"); }
/* --------------------------------------------------------

                         style

-------------------------------------------------------- */
/*============================
　home
============================*/
html, body, #wrapper {
  height: 100% !important; }

#home #wrapper {
  width: 100%;
  position: relative;
  color: #fff;
  background: url("../img/mainImg.jpg") no-repeat center;
  background-size: cover; }
#home a {
  color: #fff; }
#home header {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  z-index: 10;
  max-width: 600px;
  margin-top: -1.5% !important; }
  #home header #header {
    display: flex;
    flex-direction: column; }
  #home header h1 {
    margin: auto;
    order: 1; }
  #home header p.openDate {
    border-radius: 100px;
    border: 1px solid #fff;
    width: 160px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 0;
    margin: 0 -10% 10px auto; }
    #home header p.openDate span, #home header p.openDate em, #home header p.openDate i {
      display: block;
      letter-spacing: .2em; }
    #home header p.openDate span {
      font-size: 1rem;
      line-height: 1.6rem; }
    #home header p.openDate em {
      font-size: 1.5rem;
      line-height: 2.4rem; }
    #home header p.openDate i {
      font-size: 1.125rem;
      line-height: 1.8rem; }
  #home header p.add {
    text-align: left;
    margin-top: 30px;
    margin-left: 43%;
    order: 2; }
    #home header p.add span, #home header p.add em {
      display: block;
      font-size: 1.0625rem;
      line-height: 1.9125rem;
      letter-spacing: .2em; }
    #home header p.add span.zip {
      font-size: 1.25rem;
      line-height: 2.25rem;
      letter-spacing: .2em; }
    #home header p.add span.tel {
      margin-top: 5px; }
    #home header p.add span.email {
      margin-top: 5px; }

.producedby {
  position: absolute;
  bottom: 30px;
  right: 40px; }

/* ---------------------------------------------------------------------------------------------
  スマホ向け設定
--------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 750px) {
  #home #wrapper {
    background: url("../img/mainImgSp.jpg") no-repeat center;
    background-size: cover; }
  #home header {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    max-width: 80%;
    margin-top: -7.5% !important; }
    #home header #header {
      display: flex;
      flex-direction: column; }
    #home header h1 {
      margin: auto;
      order: 1; }
    #home header p.openDate {
      border: 1px solid #fff;
      width: 100px;
      height: 100px;
      order: 0;
      margin: 0 -5% 10px auto; }
      #home header p.openDate span, #home header p.openDate em, #home header p.openDate i {
        letter-spacing: .2em; }
      #home header p.openDate span {
        font-size: 0.6875rem;
        line-height: 1.1rem; }
      #home header p.openDate em {
        font-size: 1rem;
        line-height: 1.6rem; }
      #home header p.openDate i {
        font-size: 0.6875rem;
        line-height: 1.1rem; }
    #home header p.add {
      margin-top: 35px;
      margin-left: 43%;
      order: 2; }
      #home header p.add span, #home header p.add em {
        font-size: 0.6875rem;
        line-height: 1.2375rem;
        letter-spacing: .2em;
        white-space: nowrap; }
      #home header p.add span.zip {
        font-size: 0.75rem;
        line-height: 1.35rem;
        letter-spacing: .2em; }
      #home header p.add span.tel {
        margin-top: 5px; }
      #home header p.add span.email {
        margin-top: 5px; }

  .producedby {
    font-size: 0.625rem;
    line-height: 1.125rem;
    bottom: 20px;
    right: 25px; } }
/* ---------------------------------------------------------------------------------------------
  PC～スマホ 調整（兼タブレット）
--------------------------------------------------------------------------------------------- */