@charset "UTF-8";
/* Scss Document */
* {
  font-family: a-otf-ryumin-pr6n,serif;
  font-weight: 300;
  font-style: normal; }

html {
  font-size: 10px; }

body {
  background: #000;
  color: #FFF; }

img {
  vertical-align: bottom; }

li, a {
  text-decoration: none; }

.inherit {
  color: inherit; }

.sp_br {
  display: block; }

.pc_br {
  display: none; }

.clear {
  clear: both; }

.wrapper {
  max-width: 900px;
  width: 84%;
  margin: 0 auto; }

/* hamburger */
.p-hamburger {
  cursor: pointer; }
  .p-hamburger__bar {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    display: block;
    width: 3rem;
    height: 2.7rem;
    z-index: 2; }
    .p-hamburger__bar > span {
      display: inline-block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      background: #231815;
      transition: 0.35s; }
      .p-hamburger__bar > span:nth-of-type(1) {
        top: 0; }
      .p-hamburger__bar > span:nth-of-type(2) {
        top: 1.2rem; }
      .p-hamburger__bar > span:nth-of-type(3) {
        bottom: 0; }
      .is-active .p-hamburger__bar > span:nth-of-type(1) {
        transform: translateY(12px) rotate(-405deg); }
      .is-active .p-hamburger__bar > span:nth-of-type(2) {
        opacity: 0; }
      .is-active .p-hamburger__bar > span:nth-of-type(3) {
        transform: translateY(-12px) rotate(405deg); }

.p-hamburger.is-active .p-hamburger__bar span {
  background: #FFF; }

/* nav */
.nav--pc {
  display: none; }
.nav--sp {
  position: fixed;
  padding-top: 6rem;
  top: 0;
  left: -100%;
  width: 0;
  height: 100vh;
  background: #000;
  transition: 0.35s; }
.nav__list {
  z-index: 1; }
  .nav__list ul {
    width: 15rem;
    margin: 0 auto; }
    .nav__list ul > li {
      width: 15rem;
      margin-bottom: 5rem;
      text-align: center;
      font-size: 1.6rem;
      position: relative;
      margin-bottom: 6rem;
      line-height: 2; }
      .nav__list ul > li:after {
        content: "";
        width: 15rem;
        height: 1px;
        display: inline-block;
        border-bottom: 1px solid #eabf88;
        position: absolute;
        bottom: 46%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        font-size: 1.3rem; }
      .nav__list ul > li span {
        font-size: 1.3rem; }
  .nav__list--sns:after {
    border-bottom: none !important; }

.is-nav-opened {
  overflow: hidden;
  height: 100%; }

.is-nav-opened nav {
  width: 100%;
  height: 100vh;
  left: 0;
  transition: all 0.35s ease-out; }

h1 {
  font-size: 2.4rem;
  text-align: center;
  color: #eabf88;
  margin-bottom: 2.5rem; }

h2 {
  font-size: 1.8rem;
  margin-bottom: 2.5rem;
  text-align: center;
  background: #eabf88; }

/* header */
.header {
  margin-bottom: 6rem;
  position: relative; }

.logo {
  position: absolute;
  top: 5.6rem;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  width: 20rem;
  height: auto; }

/* slider */
.slider {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6rem; }

.thumb {
  display: none; }

/* TOP */
.top {
  margin-bottom: 6rem; }
  .top p {
    line-height: 2;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 2px; }

.box {
  /* about */
  /* flow */
  /* menu */ }
  .box--about {
    margin: 0 7.5% 6rem; }
    .box--about__inner {
      border-bottom: 1px solid #eabf88;
      padding-bottom: 3rem;
      margin-bottom: 3rem; }
      .box--about__inner.last {
        margin-bottom: 0;
        padding-bottom: 0;
        border: none; }
    .box--about h3 {
      text-align: center;
      font-size: 2rem;
      margin: 2.5rem 0; }
    .box--about p {
      font-size: 1.3rem; }
  .box--flow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3.5rem; }
    .box--flow > div {
      width: 49%; }
      .box--flow > div > P {
        margin-top: 1.5rem;
        margin-bottom: 2.5rem;
        font-size: 1.3rem; }
  .box--contact {
    text-align: center;
    margin-bottom: 6rem; }
    .box--contact--name {
      font-size: 2rem; }
    .box--contact--phone {
      font-size: 3rem;
      margin-top: 2.5rem;
      margin-bottom: 3rem; }
    .box--contact dt, .box--contact dd {
      line-height: 2;
      font-size: 1.6rem; }
  .box--sns {
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    margin-bottom: 6rem; }

.list--mainMenu {
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 6rem;
  color: #eabf88; }
.list--subMenu dl {
  margin-bottom: 6rem; }
.list--subMenu dt {
  font-size: 1.6rem;
  color: #eabf88;
  border-bottom: 1px solid #eabf88;
  border-top: 1px solid #eabf88;
  text-align: left;
  width: 100%;
  margin-bottom: 1rem; }
.list--subMenu dd.menuList > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .list--subMenu dd.menuList > ul > li {
    font-size: 1.6rem; }
    .list--subMenu dd.menuList > ul > li span {
      font-size: 1rem; }

.menuList__list--item2 {
  margin: 0 1rem;
  flex-grow: 2;
  position: relative; }
  .menuList__list--item2::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #FFF;
    bottom: 1rem;
    left: 0; }

/* google map */
.gmap__box h2 {
  background: none;
  border-bottom: 1px solid #eabf88;
  width: 300px;
  padding-bottom: 1.5rem;
  margin: 0 auto 1.5rem;
  font-size: 1.8rem;
  line-height: 1.8rem; }

.gmap {
  height: 37.5rem; }

.copyright {
  background: #f0f0f0;
  text-align: center;
  font-size: 0.9rem;
  color: #000;
  height: 6rem;
  line-height: 6rem; }

@media screen and (min-width: 560px) {
  /* 560px fin */ }
@media screen and (min-width: 750px) {
  .header {
    margin-bottom: 5rem; }

  .logo {
    top: 7.6rem;
    width: 31.5rem; }

  .p-hamburger__bar, .nav--sp {
    display: none; }

  .nav--pc {
    max-width: 90rem;
    display: block;
    margin: 0 auto; }
    .nav--pc > ul {
      width: 90rem;
      margin: 0 auto 6rem;
      padding-left: 3.7rem;
      padding-right: 3.7rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .nav--pc > ul > li {
        margin-bottom: 5rem; }

  .slider {
    margin-bottom: 1rem; }

  .thumb {
    display: block;
    width: 84%;
    margin: 0 auto 5rem;
    max-width: 90rem; }
    .thumb img {
      padding-right: 1rem; }
      .thumb img:last-child {
        padding-right: 0; }

  h1 {
    margin-bottom: 4rem; }

  h2 {
    margin-bottom: 4rem; }

  h2.headline--flow {
    margin-bottom: 2.5rem; }

  .top {
    margin-bottom: 8rem; }
    .top p {
      line-height: 3; }

  .box--about {
    margin: 0 0 8rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
    .box--about__inner {
      width: auto;
      border-right: 1px solid #eabf88;
      border-bottom: none;
      width: 28%;
      margin-bottom: 0; }
      .box--about__inner:nth-child(1) {
        padding-right: 4%;
        margin-right: 4%;
        flex-grow: 1; }
      .box--about__inner:nth-child(2) {
        padding-right: 4%;
        flex-grow: 1; }
      .box--about__inner:nth-child(3) {
        padding-left: 4%;
        flex-grow: 1; }
  .box--flow {
    margin-bottom: 5.5rem; }
    .box--flow > div {
      width: 22%; }
  .box--contact--name {
    font-size: 2.6rem; }
  .box--contact--phone {
    margin: 4rem 0;
    font-size: 4.8rem; }
  .box--contact dl {
    width: 442px;
    margin: 0 auto;
    text-align: left;
    display: block; }
  .box--contact dt, .box--contact dd {
    display: inline-block; }
  .box--contact dt {
    vertical-align: top; }
  .box--contact .time dd {
    text-align-last: left; }

  .slick-track {
    display: flex;
    justify-content: space-between; }
    .slick-track img {
      float: none; }

  .list--mainMenu {
    margin-bottom: 4rem; }
  .list--subMenu {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 8rem; }
    .list--subMenu::after {
      position: absolute;
      top: 0;
      left: 50%;
      content: "";
      display: inline-block;
      width: 1px;
      height: 100%;
      border-right: 1px solid #eabf88; }
    .list--subMenu--left, .list--subMenu--right {
      width: 48%;
      max-width: 40rem; }
    .list--subMenu .drink {
      margin-bottom: 0; }

  /* サムネ固定 */
  .thumb .slick-track {
    transform: unset !important; }

  .gmap {
    height: 60rem; }

  .sp_br {
    display: none; }

  /* 750px fin */ }

/*# sourceMappingURL=style.css.map */