@charset "utf-8";
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}
::selection {
  color: #333333;
  background-color: #f5f5f5;
}
body {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #333333;
  background-color: #dedede;
}
h2 {
  font-family: dnp-shuei-ymincho-std, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(2.4rem, 0.8531rem + 0.0932vw, 3.0rem);
  line-height: clamp(4.8rem, 0.8531rem + 0.0932vw, 6.0rem);
}
p {
  font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
  line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
  font-weight: 400;
  margin-bottom: 1.6rem;
}
.small {
  font-size: clamp(1.0rem, 0.8531rem + 0.0932vw, 1.2rem);
  line-height: clamp(2.0rem, 0.8531rem + 0.0932vw, 2.4rem);
}
.red {
  color: #F00;
}
.en {
  font-family: "Fira Sans";
  font-weight: 400;
}
.en_itbold {
  font-family: "Fira Sans", serif;
  font-weight: 600;
  font-style: italic;
  background: #FFFF01;
  color: #333;
  display: inline-block;
  padding: 0 10px;
  margin-bottom: 1.25vw;
}
.zh {
  font-family: "Noto Sans SC", sans-serif;
  font-weight: 400;
}
.vertical_text {
  writing-mode: vertical-rl;
  text-orientation: upright;
}
hr {
  border-top: 1px dotted #8c8b8b;
  border-bottom: 1px dotted #fff;
  margin: 1.6rem 0;
}
img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}
.right {
  float: right;
}
.left {
  float: left;
}
@media screen and (min-width:1024px) {
  /*　画面サイズが1024pxから　*/
  .br_sp {
    display: none;
  }
  .br_pc {
    display: block;
  }
  .center {
    text-align: center;
  }
  .container {
    width: calc(100vw - calc(100vw - 100%));
    margin-right: auto;
    margin-left: auto;
  }
  .container #header {
    position: fixed;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  .container #header .mainlogo {
    position: fixed;
    left: 2vw;
    top: 2vw;
  }
  .container #header .mainlogo {
    width: 20vw;
    height: auto;
  }
  .wrapper {
    height: auto;
    width: 1200px;
    margin: 0 auto;
  }
  .container #mv {
    background-image: url(images/topmv_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: calc(100vw - calc(100vw - 100%));
    height: 100vh;
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50;
    margin: 0px;
    padding: 0px;
  }
  .is-layer-dot {
    position: relative;
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background-color: rgba(0, 0, 0, .3);
      background-image: radial-gradient(#000 20%, transparent 0), radial-gradient(#000 20%, transparent 0);
      background-position: 0 0, 10px 10px;
      background-size: 4px 4px;
    }
  }
  .container #mv .wrapper .mv_intro {
    color: #FFF;
    z-index: 100;
    max-width: 80vw;
    position: absolute;
    left: 10vw;
    bottom: 5vw;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  .container #mv .wrapper .mv_intro h2 {
    font-family: dnp-shuei-ymincho-std, sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 1.6rem;
  }
  .container #about_store {
    width: 100%;
  }
  /*スライダーここから*/
  .container #about_store .shop_photo {
    position: relative;
    display: flex;
    width: 100%;
    margin: 2.5vw 0;
    overflow: hidden;
  }
  .container #about_store .shop_photo ul {
    padding: 0;
    width: 100%;
    display: flex;
    flex-shrink: 0;
  }
  .container #about_store .shop_photo ul:first-child {
    animation: slide1 60s -30s linear infinite;
    -webkit-animation: slide1 60s -30s linear infinite;
  }
  .container #about_store .shop_photo ul:last-child {
    animation: slide2 60s linear infinite;
    -webkit-animation: slide2 60s linear infinite;
  }
  .container #about_store .shop_photo ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    text-align: center;
  }
  .container #about_store .shop_photo ul li img {
    display: block;
    max-width: 20vw;
    height: auto;
  }
  @keyframes slide1 {
    0% {
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
    }
  }
  @keyframes slide2 {
    0% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      -o-transform: translateX(-200%);
    }
  }
  /*スライダーここまで*/
  .container #about_store .store_introduction {
    width: 75vw;
    margin-top: 2.5vw;
  }
  .container #about_store .store_introduction h2 {
    text-align: center;
    margin-bottom: 1.875vw;
    display: block;
  }
  .container #about_master {
    width: 100%;
    height: 100%;
    margin-top: 2.5vw;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: row-reverse;
    position: relative;
    margin-bottom: 2.5vw;
  }
  .container #about_master .master_img {
    min-width: 50vw;
    display: flex;
    flex: 1;
    z-index: 100;
    align-self: center;
  }
  .container #about_master .master_intro {
    z-index: 300;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: column;
  }
  .container #notice {
    width: 100%;
    height: auto;
    margin-top: 2.5vw;
    position: relative;
  }
  .container #notice .notice_head {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
    margin-bottom: 2.5vw;
  }
  .container #notice .notice_head .notice_title {
    z-index: 300;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: column;
  }
  .container #notice .notice_head .son_img {
    min-width: 50vw;
    display: flex;
    flex: 1;
    z-index: 100;
    align-self: center;
  }
  .container #notice .notice_list {
    width: 75vw;
  }
  .container #notice .notice_list ul {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .container #notice .notice_list ul li {
    position: relative;
    padding: 0 0 0 2em;
    margin: 0;
  }
  .container #notice .notice_list ul li::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    color: #333333;
  }
  .container #notice .notice_list ul li p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    font-weight: 400;
    margin-bottom: 1.0rem;
  }
  .container #footer {
    position: relative;
    margin-top: 5vw;
    margin-bottom: 1.875vw;
    padding: 0 1.25vw;
  }
  .container #footer .footer_logo {
    margin-bottom: 1.875vw;
    width: 13vw;
    height: auto;
  }
  .container #footer .footer_address {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #footer ul.footer_address {
    list-style: none;
    padding: 0;
    margin: 0 0 0 2em;
  }
  .container #footer ul.footer_address li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0;
  }
  .container #footer ul.footer_address li.map::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f3c5';
    color: #333333;
  }
  .container #footer ul.footer_address li.tel::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f098';
    color: #333333;
  }
  .container #footer ul.footer_address li.time::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f017';
    color: #333333;
  }
  .container #footer ul.footer_address li.holi::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f073';
    color: #333333;
  }
  .container #footer .copyright {
    font-family: kiwi-maru, sans-serif;
    font-weight: 400;
    font-style: normal;
    writing-mode: vertical-rl;
    mix-blend-mode: difference;
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    z-index: 1000;
    font-size: clamp(1.0rem, 0.8531rem + 0.0932vw, 1.2rem);
    line-height: clamp(2.0rem, 0.8531rem + 0.0932vw, 2.4rem);
    color: #FFFFFF;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {
  /*　画面サイズが768pxから1024pxまで縦向き　*/
  h2 {
    font-size: clamp(2.4rem, 0.8531rem + 0.0932vw, 3.0rem);
    line-height: clamp(4.8rem, 0.8531rem + 0.0932vw, 6.0rem);
  }
  p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
  }
  .vt_sp {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .br_sp {
    display: block;
  }
  .br_pc {
    display: block;
  }
  .center {
    text-align: center;
  }
  .container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
  }
  .container #header {
    z-index: 1;
    position: fixed;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  .container #header .mainlogo {
    position: fixed;
    left: 1.5vw;
    top: 4.6vw;
  }
  .container #header .mainlogo {
    width: 29vw;
    height: auto;
  }
  .wrapper {
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
  }
  .container #mv {
    background-image: url(images/topmv_1024.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 1024px;
    height: 100vh;
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50;
    margin: 0px;
    padding: 0px;
  }
  .is-layer-dot {
    position: relative;
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background-color: rgba(0, 0, 0, .3);
      background-image: radial-gradient(#000 20%, transparent 0), radial-gradient(#000 20%, transparent 0);
      background-position: 0 0, 10px 10px;
      background-size: 4px 4px;
    }
  }
  .container #mv .wrapper .mv_intro {
    color: #FFF;
    z-index: 100;
    max-width: 95vw;
    position: absolute;
    left: 10vw;
    top: 20vw;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  .container #mv .wrapper .mv_intro h2 {
    font-size: clamp(2.4rem, 0.8531rem + 0.0932vw, 3.0rem);
    line-height: clamp(4.8rem, 0.8531rem + 0.0932vw, 6.0rem);
    margin-bottom: 1.6rem;
  }
  .container #mv .wrapper .mv_intro p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
  }
  .container #about_store {
    width: 100%;
  }
  /*スライダーここから*/
  .container #about_store .shop_photo {
    position: relative;
    display: flex;
    width: 100%;
    margin: 4.6vw 0;
    overflow: hidden;
  }
  .container #about_store .shop_photo ul {
    padding: 0;
    width: 100%;
    display: flex;
    flex-shrink: 0;
  }
  .container #about_store .shop_photo ul:first-child {
    animation: slide1 60s -30s linear infinite;
    -webkit-animation: slide1 60s -30s linear infinite;
  }
  .container #about_store .shop_photo ul:last-child {
    animation: slide2 60s linear infinite;
    -webkit-animation: slide2 60s linear infinite;
  }
  .container #about_store .shop_photo ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    text-align: center;
  }
  .container #about_store .shop_photo ul li img {
    display: block;
    width: 100%;
    height: auto;
  }
  @keyframes slide1 {
    0% {
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
    }
  }
  @keyframes slide2 {
    0% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      -o-transform: translateX(-200%);
    }
  }
  /*スライダーここまで*/
  .container #about_store .store_introduction {
    max-width: 85vw;
    margin-top: 0vw;
  }
  .container #about_store .store_introduction h2 {
    text-align: center;
    margin-bottom: 3.5vw;
    display: block;
  }
  .container #about_master {
    width: 100%;
    height: 100%;
    margin-top: 4.7vw;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: row-reverse;
    position: relative;
    margin-bottom: 2.5vw;
  }
  .container #about_master .master_img {
    min-width: 60vw;
    display: flex;
    flex: 1;
    z-index: 100;
    align-self: center;
  }
  .container #about_master .master_intro {
    z-index: 300;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: column;
  }
  .container #notice {
    width: 100%;
    height: auto;
    margin-top: 4.6vw;
    position: relative;
  }
  .container #notice .notice_head {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
    margin-bottom: 2.5vw;
  }
  .container #notice .notice_head.wrapper .notice_title {
    z-index: 300;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: column;
  }
  .container #notice .notice_head .son_img {
    min-width: 60vw;
    display: flex;
    flex: 1;
    z-index: 100;
    align-self: center;
  }
  .container #notice .notice_list {
    width: 90vw;
  }
  .container #notice .notice_list ul {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .container #notice .notice_list ul li {
    position: relative;
    padding: 0 0 0 2em;
    margin: 0;
  }
  .container #notice .notice_list ul li::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    color: #333333;
  }
  .container #notice .notice_list ul li p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    font-weight: 400;
    margin-bottom: 1.0rem;
  }
  .container #footer {
    position: relative;
    margin-top: 9.5vw;
    margin-bottom: 3.5vw;
    padding: 0 2.4vw;
  }
  .container #footer .footer_logo {
    margin-bottom: 2.4vw;
    width: 20vw;
    height: auto;
  }
  .container #footer .footer_address {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #footer .footer_address {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #footer ul.footer_address {
    list-style: none;
    padding: 0;
    margin: 0 0 0 1em;
  }
  .container #footer ul.footer_address li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0;
  }
  .container #footer ul.footer_address li.map::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f3c5';
    color: #333333;
  }
  .container #footer ul.footer_address li.tel::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f098';
    color: #333333;
  }
  .container #footer ul.footer_address li.time::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f017';
    color: #333333;
  }
  .container #footer ul.footer_address li.holi::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f073';
    color: #333333;
  }
  .container #footer .copyright {
    writing-mode: vertical-rl;
    mix-blend-mode: difference;
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    z-index: 1000;
    font-size: clamp(1.0rem, 0.8531rem + 0.0932vw, 1.2rem);
    line-height: clamp(2.0rem, 0.8531rem + 0.0932vw, 2.4rem);
    color: #FFFFFF;
  }
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation: landscape) {
  /*　画面サイズが768pxから1024pxまで横向き　*/
  h2 {
    font-size: clamp(2.4rem, 0.8531rem + 0.0932vw, 3.0rem);
    line-height: clamp(4.8rem, 0.8531rem + 0.0932vw, 6.0rem);
  }
  p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
  }
  .vt_sp {
    writing-mode: horizontal-tb;
  }
  .br_sp {
    display: none;
  }
  .br_pc {
    display: block;
  }
  .center {
    text-align: center;
  }
  .container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
  }
  .container #header {
    z-index: 1;
    position: fixed;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  .container #header .mainlogo {
    position: fixed;
    left: 1.5vw;
    top: 4.6vw;
  }
  .container #header .mainlogo {
    width: 29vw;
    height: auto;
  }
  .wrapper {
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
  }
  .container #mv {
    background-image: url(images/topmv_1024.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 1024px;
    height: 100vh;
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50;
    margin: 0px;
    padding: 0px;
  }
  .is-layer-dot {
    position: relative;
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background-color: rgba(0, 0, 0, .3);
      background-image: radial-gradient(#000 20%, transparent 0), radial-gradient(#000 20%, transparent 0);
      background-position: 0 0, 10px 10px;
      background-size: 4px 4px;
    }
  }
  .container #mv .wrapper .mv_intro {
    color: #FFF;
    z-index: 100;
    max-width: 95vw;
    position: absolute;
    left: 5vw;
    bottom: 3vw;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  .container #mv .wrapper .mv_intro h2 {
    font-size: clamp(2.4rem, 0.8531rem + 0.0932vw, 3.0rem);
    line-height: clamp(4.8rem, 0.8531rem + 0.0932vw, 6.0rem);
    margin-bottom: 1.6rem;
  }
  .container #mv .wrapper .mv_intro p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
  }
  .container #about_store {
    width: 100%;
  }
  /*スライダーここから*/
  .container #about_store .shop_photo {
    position: relative;
    display: flex;
    width: 100%;
    margin: 4.6vw 0;
    overflow: hidden;
  }
  .container #about_store .shop_photo ul {
    padding: 0;
    width: 100%;
    display: flex;
    flex-shrink: 0;
  }
  .container #about_store .shop_photo ul:first-child {
    animation: slide1 60s -30s linear infinite;
    -webkit-animation: slide1 60s -30s linear infinite;
  }
  .container #about_store .shop_photo ul:last-child {
    animation: slide2 60s linear infinite;
    -webkit-animation: slide2 60s linear infinite;
  }
  .container #about_store .shop_photo ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    text-align: center;
  }
  .container #about_store .shop_photo ul li img {
    display: block;
    width: 100%;
    height: auto;
  }
  @keyframes slide1 {
    0% {
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
    }
  }
  @keyframes slide2 {
    0% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      -o-transform: translateX(-200%);
    }
  }
  /*スライダーここまで*/
  .container #about_store .store_introduction {
    max-width: 85vw;
    margin-top: 0vw;
  }
  .container #about_store .store_introduction h2 {
    text-align: center;
    margin-bottom: 3.5vw;
    display: block;
  }
  .container #about_master {
    width: 100%;
    height: 100%;
    margin-top: 4.7vw;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: row-reverse;
    position: relative;
    margin-bottom: 2.5vw;
  }
  .container #about_master .master_img {
    min-width: 60vw;
    display: flex;
    flex: 1;
    z-index: 100;
    align-self: center;
  }
  .container #about_master .master_intro {
    z-index: 300;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: column;
  }
  .container #notice {
    width: 100%;
    height: auto;
    margin-top: 4.6vw;
    position: relative;
  }
  .container #notice .notice_head {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
    margin-bottom: 2.5vw;
  }
  .container #notice .notice_head.wrapper .notice_title {
    z-index: 300;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: stretch;
    align-self: center;
    flex-direction: column;
  }
  .container #notice .notice_head .son_img {
    min-width: 60vw;
    display: flex;
    flex: 1;
    z-index: 100;
    align-self: center;
  }
  .container #notice .notice_list {
    width: 90vw;
  }
  .container #notice .notice_list ul {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .container #notice .notice_list ul li {
    position: relative;
    padding: 0 0 0 2em;
    margin: 0;
  }
  .container #notice .notice_list ul li::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    color: #333333;
  }
  .container #notice .notice_list ul li p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    font-weight: 400;
    margin-bottom: 1.0rem;
  }
  .container #footer {
    position: relative;
    margin-top: 9.5vw;
    margin-bottom: 3.5vw;
    padding: 0 2.4vw;
  }
  .container #footer .footer_logo {
    margin-bottom: 2.4vw;
    width: 20vw;
    height: auto;
  }
  .container #footer .footer_address {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #footer ul.footer_address {
    list-style: none;
    padding: 0;
    margin: 0 0 0 1em;
  }
  .container #footer ul.footer_address li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0;
  }
  .container #footer ul.footer_address li.map::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f3c5';
    color: #333333;
  }
  .container #footer ul.footer_address li.tel::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f098';
    color: #333333;
  }
  .container #footer ul.footer_address li.time::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f017';
    color: #333333;
  }
  .container #footer ul.footer_address li.holi::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f073';
    color: #333333;
  }
  .container #footer .copyright {
    writing-mode: vertical-rl;
    mix-blend-mode: difference;
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    z-index: 1000;
    font-size: clamp(1.0rem, 0.8531rem + 0.0932vw, 1.2rem);
    line-height: clamp(2.0rem, 0.8531rem + 0.0932vw, 2.4rem);
    color: #FFFFFF;
  }
}
@media screen and (max-width:767px) and (orientation: portrait) {
  /*　画面サイズが480pxから768pxまで縦向き　*/
  h2 {
    font-size: clamp(2.0rem, 0.8531rem + 0.0932vw, 3.0rem);
    line-height: clamp(4.0rem, 0.8531rem + 0.0932vw, 6.0rem);
  }
  p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
  }
  .vt_sp {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }
  .br_sp {
    display: block;
  }
  .br_pc {
    display: none;
  }
  .container {
    max-width: 768px;
    margin-right: auto;
    margin-left: auto;
  }
  .container #header {
    z-index: 1;
    position: fixed;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  .container #header .mainlogo {
    position: fixed;
    left: 1.5vw;
    top: 4.6vw;
  }
  .container #header .mainlogo {
    width: 45vw;
    height: auto;
  }
  .wrapper {
    height: auto;
    max-width: 93.75vw;
    margin: 0 auto;
  }
  .container #mv {
    background-image: url(images/topmv_768.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 768px;
    height: 100vh;
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50;
    margin: 0px;
    padding: 0px;
  }
  .is-layer-dot {
    position: relative;
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background-color: rgba(0, 0, 0, .3);
      background-image: radial-gradient(#000 20%, transparent 0), radial-gradient(#000 20%, transparent 0);
      background-position: 0 0, 10px 10px;
      background-size: 4px 4px;
    }
  }
  .container #mv .wrapper .mv_intro {
    color: #FFF;
    z-index: 100;
    max-width: 95vw;
    position: absolute;
    left: 5vw;
    top: 25vw;
    bottom: none;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  .container #mv .wrapper .mv_intro h2 {
    font-size: clamp(1.8rem, 0.8531rem + 0.0932vw, 2.4rem);
    line-height: clamp(3.6rem, 0.8531rem + 0.0932vw, 4.8rem);
    margin-bottom: 1.6rem;
  }
  .container #mv .wrapper .mv_intro p {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #about_store {
    width: 100%;
  }
  /*スライダーここから*/
  .container #about_store .shop_photo {
    position: relative;
    display: flex;
    width: 100%;
    margin: 6.25vw 0;
    overflow: hidden;
  }
  .container #about_store .shop_photo ul {
    padding: 0;
    display: flex;
    flex-shrink: 0;
  }
  .container #about_store .shop_photo ul:first-child {
    animation: slide1 60s -30s linear infinite;
    -webkit-animation: slide1 60s -30s linear infinite;
  }
  .container #about_store .shop_photo ul:last-child {
    animation: slide2 60s linear infinite;
    -webkit-animation: slide2 60s linear infinite;
  }
  .container #about_store .shop_photo ul li {
    display: inline-block;
    max-width: 100%;
    list-style: none;
    text-align: center;
  }
  .container #about_store .shop_photo ul li img {
    display: block;
    max-width: 33.3vw;
    height: auto;
  }
  @keyframes slide1 {
    0% {
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
    }
  }
  @keyframes slide2 {
    0% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      -o-transform: translateX(-200%);
    }
  }
  /*スライダーここまで*/
  .container #about_store .store_introduction {
    max-width: 87.2vw;
    margin-top: 0vw;
  }
  .container #about_store .store_introduction h2 {
    text-align: center;
    margin-bottom: 4.7vw;
    display: block;
  }
  .container #about_master {
    width: 100%;
    height: auto;
    margin-top: 6.25vw;
    z-index: 1;
    display: block;
    position: relative;
  }
  .container #about_master .master_img {
    min-width: 100%;
    z-index: 100;
  }
  .container #about_master .master_intro {
    z-index: 300;
    width: auto;
    max-width: 100vw;
    height: auto;
    margin-top: 9.6vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .container #notice {
    width: 100%;
    height: auto;
    margin-top: 6.25vw;
    position: relative;
  }
  .container #notice .notice_head {
    width: 100%;
    height: auto;
    z-index: 1;
    display: block;
    position: relative;
    margin-bottom: 2.5vw;
  }
  .container #notice .notice_head.wrapper .notice_title {
    z-index: 300;
    max-width: 100vw;
    height: auto;
    margin-top: 6.25vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .container #notice .notice_head .son_img {
    min-width: 100%;
    z-index: 100;
  }
  .container #notice .notice_list {
    margin-top: 6.25vw;
    width: 87.2vw;
  }
  .container #notice .notice_list ul {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .container #notice .notice_list ul li {
    position: relative;
    padding: 0 0 0 2em;
    margin: 0;
  }
  .container #notice .notice_list ul li::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    color: #333333;
  }
  .container #notice .notice_list ul li p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    font-weight: 400;
    margin-bottom: 1.0rem;
  }
  .container #footer {
    position: relative;
    margin: 8.33vw 0 6.25vw;
    padding: 0 3.125vw;
  }
  .container #footer .footer_logo {
    margin-bottom: 3.125vw;
    width: 26vw;
    height: auto;
  }
  .container #footer .footer_address {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #footer .footer_address {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #footer ul.footer_address {
    list-style: none;
    padding: 0;
    margin: 0 0 0 1em;
  }
  .container #footer ul.footer_address li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0;
  }
  .container #footer ul.footer_address li.map::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f3c5';
    color: #333333;
  }
  .container #footer ul.footer_address li.tel::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f098';
    color: #333333;
  }
  .container #footer ul.footer_address li.time::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f017';
    color: #333333;
  }
  .container #footer ul.footer_address li.holi::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f073';
    color: #333333;
  }
  .container #footer .copyright {
    writing-mode: vertical-rl;
    mix-blend-mode: difference;
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    z-index: 1000;
    font-size: clamp(0.6rem, 0.8531rem + 0.0932vw, 1.0rem);
    line-height: clamp(1.2rem, 0.8531rem + 0.0932vw, 2.0rem);
    color: #FFFFFF;
  }
}
@media screen and (max-width:767px) and (orientation: landscape) {
  /*　画面サイズが480pxから768pxまでの横向き　*/
  h2 {
    font-size: clamp(2.0rem, 0.8531rem + 0.0932vw, 3.0rem);
    line-height: clamp(4.0rem, 0.8531rem + 0.0932vw, 6.0rem);
  }
  p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
  }
  .vt_sp {
    writing-mode: horizontal-tb;
  }
  .vertical_text {
    writing-mode: horizontal-tb;
  }
  .br_sp {
    display: none;
  }
  .br_pc {
    display: none;
  }
  .container {
    max-width: 768px;
    margin-right: auto;
    margin-left: auto;
  }
  .container #header {
    z-index: 1;
    position: fixed;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    display: block;
  }
  .container #header .mainlogo {
    position: fixed;
    left: 1.6vw;
    top: 3.2vw;
  }
  .container #header .mainlogo {
    width: 30vw;
    height: auto;
  }
  .wrapper {
    height: auto;
    max-width: 93.75vw;
    margin: 0 auto;
  }
  .container #mv {
    background-image: url(images/topmv_1024.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    max-width: 768px;
    height: 100vh;
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 50;
    margin: 0px;
    padding: 0px;
  }
  .is-layer-dot {
    position: relative;
    &:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      display: block;
      background-color: rgba(0, 0, 0, .3);
      background-image: radial-gradient(#000 20%, transparent 0), radial-gradient(#000 20%, transparent 0);
      background-position: 0 0, 10px 10px;
      background-size: 4px 4px;
    }
  }
  .container #mv .wrapper .mv_intro {
    color: #FFF;
    z-index: 100;
    position: absolute;
    left: 2vw;
    bottom: 2vw;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  .container #mv .wrapper .mv_intro h2 {
    font-size: clamp(1.8rem, 0.8531rem + 0.0932vw, 2.4rem);
    line-height: clamp(3.6rem, 0.8531rem + 0.0932vw, 4.8rem);
    margin-bottom: 1.6rem;
  }
  .container #mv .wrapper .mv_intro p {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #about_store {
    width: 100%;
  }
  /*スライダーここから*/
  .container #about_store .shop_photo {
    position: relative;
    display: flex;
    width: 100%;
    margin: 3.125vw 0;
    overflow: hidden;
  }
  .container #about_store .shop_photo ul {
    padding: 0;
    width: 100%;
    display: flex;
    flex-shrink: 0;
  }
  .container #about_store .shop_photo ul:first-child {
    animation: slide1 60s -30s linear infinite;
    -webkit-animation: slide1 60s -30s linear infinite;
  }
  .container #about_store .shop_photo ul:last-child {
    animation: slide2 60s linear infinite;
    -webkit-animation: slide2 60s linear infinite;
  }
  .container #about_store .shop_photo ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    text-align: center;
  }
  .container #about_store .shop_photo ul li img {
    display: block;
    max-width: 20vw;
    height: auto;
  }
  @keyframes slide1 {
    0% {
      transform: translateX(100%);
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
    }
  }
  @keyframes slide2 {
    0% {
      transform: translateX(0);
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
    }
    to {
      transform: translateX(-200%);
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      -o-transform: translateX(-200%);
    }
  }
  /*スライダーここまで*/
  .container #about_store .store_introduction {
    margin-top: 0vw;
  }
  .container #about_store .store_introduction h2 {
    text-align: center;
    margin-bottom: 3.125vw;
    display: block;
  }
  .container #about_master {
    height: auto;
    margin-top: 6.25vw;
    z-index: 1;
    display: block;
    position: relative;
  }
  .container #about_master .master_img {
    min-width: 100%;
    z-index: 100;
  }
  .container #about_master .master_intro {
    z-index: 300;
    width: 100%;
    height: auto;
    margin: 3.125vw auto;
    display: block;
  }
  .container #notice {
    max-width: 100%;
    height: auto;
    margin-top: 6.25vw;
    position: relative;
  }
  .container #notice .notice_head {
    height: auto;
    z-index: 1;
    display: block;
    position: relative;
  }
  .container #notice .notice_head.wrapper .notice_title {
    z-index: 300;
    height: auto;
    margin-top: 3.125vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .container #notice .notice_head .son_img {
    min-width: 100%;
    z-index: 100;
  }
  .container #notice .notice_list {
    margin-top: 3.125vw;
    font-size: 100%;
  }
  .container #notice .notice_list ul {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .container #notice .notice_list ul li {
    position: relative;
    padding: 0 0 0 2em;
    margin: 0;
  }
  .container #notice .notice_list ul li::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    color: #333333;
  }
  .container #notice .notice_list ul li p {
    font-size: clamp(1.4rem, 0.8531rem + 0.0932vw, 1.6rem);
    line-height: clamp(2.8rem, 0.8531rem + 0.0932vw, 3.2rem);
    font-weight: 400;
    margin-bottom: 1.0rem;
  }
  .container #footer {
    position: relative;
    margin: 6.25vw auto;
    padding: 0 3.125vw;
  }
  .container #footer .footer_logo {
    margin-bottom: 3.125vw;
    width: 23vw;
    height: auto;
  }
  .container #footer .footer_address {
    font-size: clamp(1.2rem, 0.8531rem + 0.0932vw, 1.4rem);
    line-height: clamp(2.4rem, 0.8531rem + 0.0932vw, 2.8rem);
  }
  .container #footer ul.footer_address {
    list-style: none;
    padding: 0;
    margin: 0 0 0 1em;
  }
  .container #footer ul.footer_address li {
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0;
  }
  .container #footer ul.footer_address li.map::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f3c5';
    color: #333333;
  }
  .container #footer ul.footer_address li.tel::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f098';
    color: #333333;
  }
  .container #footer ul.footer_address li.time::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f017';
    color: #333333;
  }
  .container #footer ul.footer_address li.holi::before {
    position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f073';
    color: #333333;
  }
  .container #footer .copyright {
    writing-mode: vertical-rl;
    mix-blend-mode: difference;
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    z-index: 1000;
    font-size: clamp(0.6rem, 0.8531rem + 0.0932vw, 1.0rem);
    line-height: clamp(1.2rem, 0.8531rem + 0.0932vw, 2.0rem);
    color: #FFFFFF;
  }
}