@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Allison&family=Nothing+You+Could+Do&family=Noto+Serif+JP:wght@300&display=swap");
/*
------------------

 .clearfix

------------------
*/
/* line 10, common.scss */
.clearfix {
  zoom: 1; }

/* line 13, common.scss */
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

/*
------------------

 Lib.

------------------
*/
/* line 25, common.scss */
.hover .btn:hover {
  opacity: 0.75;
  cursor: pointer; }

/* line 29, common.scss */
.fl {
  float: left; }

/* line 32, common.scss */
.fr {
  float: right; }

/* line 35, common.scss */
.forPC {
  display: block; }

/* line 38, common.scss */
.forSP {
  display: none; }

/* line 41, common.scss */
.btn-right {
  position: relative; }

/* line 44, common.scss */
.btn-right:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  margin-top: -3px;
  margin-left: 5px;
  border-left: 4px solid #000;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-right: 2px solid transparent; }

/* line 59, common.scss */
.refrect-ud {
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV"; }

@media screen and (max-width: 800px) {
  /* line 68, common.scss */
  .forPC {
    display: none; }

  /* line 71, common.scss */
  .forSP {
    display: block; }

  /* line 74, common.scss */
  .fl, .fr {
    float: none; } }
/*
------------------

 basic

------------------
*/
/* line 88, common.scss */
html {
  overflow: auto;
  font-size: 62.5%;
  /*10px*/
  width: 100%;
  height: 100%;
  -webkit-overflow-scrolling: touch; }

/* line 95, common.scss */
body {
  background-color: #fff;
  width: 100%;
  height: 100%;
  color: #604c3f;
  -webkit-overflow-scrolling: touch;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.1rem;
  font-size: 1.6rem; }

/* SP MENU */
/* line 110, common.scss */
div#icon-menu {
  transform: scale(1);
  position: fixed;
  right: 50px;
  top: 50px;
  /*background-color: rgba(255,255,255,0.5);*/
  z-index: 2000;
  padding: 15px 15px 12px 12px;
  border-bottom-right-radius: 5px;
  display: block; }
  @media screen and (max-width: 800px) {
    /* line 110, common.scss */
    div#icon-menu {
      right: 20px;
      top: 20px; } }

/* line 125, common.scss */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box; }

/* line 131, common.scss */
.menu-trigger {
  position: relative;
  width: 50px;
  height: 22px; }
  /* line 135, common.scss */
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    border-radius: 4px; }
    /* line 142, common.scss */
    .menu-trigger span:nth-of-type(1) {
      top: 0; }
    /* line 145, common.scss */
    .menu-trigger span:nth-of-type(2) {
      top: 10px; }
    /* line 148, common.scss */
    .menu-trigger span:nth-of-type(3) {
      bottom: 0; }

/* line 154, common.scss */
.menu-trigger.active span:nth-of-type(1) {
  width: 45%;
  -webkit-transform: translate3d(0, 3px, 0) rotate(35deg);
  transform: translate3d(0, 3px, 0) rotate(35deg); }
/* line 159, common.scss */
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translate3d(-1px, 0, 0) rotate(-35deg);
  transform: translate3d(-1px, 0, 0) rotate(-35deg); }
/* line 163, common.scss */
.menu-trigger.active span:nth-of-type(3) {
  width: 45%;
  -webkit-transform: translate3d(22px, -3px, 0) rotate(35deg);
  transform: translate3d(22px, -3px, 0) rotate(35deg); }

/* line 169, common.scss */
div#menu-sp {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1999;
  background-color: #669dc7; }
  /* line 178, common.scss */
  div#menu-sp div.logo-cont {
    position: absolute;
    top: 50px;
    left: 50px; }
    /* line 182, common.scss */
    div#menu-sp div.logo-cont img {
      width: 400px;
      height: auto; }
    @media screen and (max-width: 800px) {
      /* line 178, common.scss */
      div#menu-sp div.logo-cont {
        top: 30px;
        left: 30px;
        width: 100%; }
        /* line 190, common.scss */
        div#menu-sp div.logo-cont img {
          width: 50%; } }
  /* line 195, common.scss */
  div#menu-sp ul.menu {
    display: block;
    padding: 0;
    position: absolute;
    bottom: 50px;
    left: 50px; }
    /* line 201, common.scss */
    div#menu-sp ul.menu a {
      text-decoration: none;
      color: #fff; }
    /* line 205, common.scss */
    div#menu-sp ul.menu li {
      width: 100%;
      font-size: 3rem;
      text-align: left;
      width: 100%;
      float: none;
      padding: 15px 0;
      border-right: none;
      color: #fff;
      letter-spacing: 0.2em; }
    @media screen and (max-width: 800px) {
      /* line 195, common.scss */
      div#menu-sp ul.menu {
        bottom: 100px;
        left: 30px; }
        /* line 220, common.scss */
        div#menu-sp ul.menu li {
          font-size: 2rem; } }
  /* line 225, common.scss */
  div#menu-sp ul.snsmenu {
    position: absolute;
    bottom: 50px;
    right: 50px; }
    /* line 230, common.scss */
    div#menu-sp ul.snsmenu li img {
      width: 50px;
      height: auto; }
    @media screen and (max-width: 800px) {
      /* line 225, common.scss */
      div#menu-sp ul.snsmenu {
        top: 100px;
        bottom: inherit;
        right: 36px; } }
  /* line 242, common.scss */
  div#menu-sp p {
    width: 100%;
    font-size: 10px;
    position: absolute;
    text-align: center;
    bottom: 10px;
    left: 0;
    color: #fff; }

/* line 253, common.scss */
div#loader-bg {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center; }

/* line 263, common.scss */
.loader,
.loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
  color: #fff; }

/* line 270, common.scss */
.loader {
  color: #fff;
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(214, 214, 214, 0.2);
  border-right: 0.5em solid rgba(214, 214, 214, 0.2);
  border-bottom: 0.5em solid rgba(214, 214, 214, 0.2);
  border-left: 0.5em solid #d6d6d6;
  -webkit-transform: translateZ(0) scale(0.1);
  -ms-transform: translateZ(0) scale(0.1);
  transform: translateZ(0) scale(0.1);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* line 311, common.scss */
div#wrapper {
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/ }
  @media screen and (max-width: 1200px) {
    /* line 311, common.scss */
    div#wrapper {
      width: 1200px; } }
  @media screen and (max-width: 800px) {
    /* line 311, common.scss */
    div#wrapper {
      width: 100%; } }

/* line 323, common.scss */
section#mainimg {
  position: relative;
  width: 100%;
  /* height: 100vh; */ }
  /* line 328, common.scss */
  section#mainimg ul.slick {
    position: relative;
    width: 100%;
    height: 100vh;
    /*display: none;*/ }
    /* line 333, common.scss */
    section#mainimg ul.slick li {
      height: 100vh;
      overflow: hidden; }
      /* line 336, common.scss */
      section#mainimg ul.slick li img {
        width: 100%;
        height: auto; }
    @media screen and (max-width: 800px) {
      /* line 343, common.scss */
      section#mainimg ul.slick li img {
        height: 100vh;
        width: auto;
        margin-left: -80%; } }
    /* line 350, common.scss */
    section#mainimg ul.slick .slick-dots {
      top: 95vh; }
      /* line 352, common.scss */
      section#mainimg ul.slick .slick-dots li button:before {
        color: #fff; }
  /* line 358, common.scss */
  section#mainimg div.logo-cont {
    width: 170px;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 3; }
    /* line 364, common.scss */
    section#mainimg div.logo-cont img {
      width: 100%;
      height: auto; }
    @media screen and (max-width: 800px) {
      /* line 358, common.scss */
      section#mainimg div.logo-cont {
        top: 32px;
        left: 34px;
        width: 30%; } }

/* Common */
/* line 383, common.scss */
div.center {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    /* line 383, common.scss */
    div.center {
      width: 80%; } }

/* line 391, common.scss */
h1 {
  font-family: 'Nothing You Could Do', cursive;
  color: #669dc7;
  font-size: 18px; }

/* Concept */
/* line 398, common.scss */
section#concept {
  position: relative; }
  /* line 401, common.scss */
  section#concept div.center h1 {
    padding: 100px 0;
    color: #669dc7;
    font-size: 40px;
    letter-spacing: 0.4em;
    font-family: 'Noto Serif JP', serif; }
  /* line 408, common.scss */
  section#concept div.center p {
    padding-bottom: 50px;
    line-height: 48px;
    font-size: 24px;
    color: #999999;
    letter-spacing: 0.2em; }
  @media screen and (max-width: 800px) {
    /* line 416, common.scss */
    section#concept div.center h1 {
      font-size: 22px;
      padding: 60px 0;
      letter-spacing: 0.3em; }
    /* line 421, common.scss */
    section#concept div.center p {
      font-size: 14px;
      line-height: 38px; } }
  @media screen and (max-width: 375px) {
    /* line 427, common.scss */
    section#concept div.center p {
      letter-spacing: 0.1em; } }
  @media screen and (max-width: 320px) {
    /* line 432, common.scss */
    section#concept div.center p {
      font-size: 12px; } }
  /* line 437, common.scss */
  section#concept div.engcont {
    position: absolute;
    top: 76%;
    right: 20%;
    width: 320px; }
  /* line 443, common.scss */
  section#concept img#suisai01 {
    position: absolute;
    right: 5%;
    top: 10%;
    width: 20%;
    height: auto; }
  @media screen and (max-width: 800px) {
    /* line 451, common.scss */
    section#concept div.engcont, section#concept img#suisai01 {
      position: relative;
      top: inherit;
      right: inherit; }
    /* line 456, common.scss */
    section#concept div.engcont {
      width: 70%;
      margin: 30px auto; }
    /* line 460, common.scss */
    section#concept div.suisai-cont {
      width: 100%;
      text-align: center; }
    /* line 464, common.scss */
    section#concept img#suisai01 {
      width: 30%; } }

/* Youtube Container */
/* line 471, common.scss */
div.yt-cont {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 200px auto; }
  /* line 475, common.scss */
  div.yt-cont div {
    width: 100%;
    padding-top: 56.25%;
    position: relative; }
    /* line 479, common.scss */
    div.yt-cont div video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

/* English */
/* line 490, common.scss */
div.engcont h1 {
  margin-bottom: 20px; }
/* line 493, common.scss */
div.engcont p {
  font-family: 'Nothing You Could Do', cursive;
  font-size: 10px; }

/* Container for Wide spread image */
/* line 499, common.scss */
div.wideimg-cont {
  width: 100%; }
  /* line 501, common.scss */
  div.wideimg-cont img {
    width: 100%;
    height: auto;
    vertical-align: bottom; }
  @media screen and (max-width: 800px) {
    /* line 499, common.scss */
    div.wideimg-cont {
      overflow: hidden; }
      /* line 508, common.scss */
      div.wideimg-cont img {
        width: 150%;
        margin-left: -50%; } }

/* line 515, common.scss */
h2.section-ttl {
  margin: 70px 0 50px 0;
  font-family: 'Allison', cursive;
  text-align: center;
  font-size: 30px;
  color: #ccc; }
  @media screen and (max-width: 800px) {
    /* line 515, common.scss */
    h2.section-ttl {
      margin: 0 0 50px 0; } }

/* Wedding-out */
/* line 527, common.scss */
section#weddingout-content {
  width: 100%;
  padding-bottom: 100px; }
  /* line 532, common.scss */
  section#weddingout-content div.wide-container {
    width: 100%;
    position: relative; }
    /* line 536, common.scss */
    section#weddingout-content div.wide-container div.weddingout-left {
      width: 32.6%;
      position: relative;
      float: left; }
      /* line 540, common.scss */
      section#weddingout-content div.wide-container div.weddingout-left > img {
        width: 100%;
        height: auto; }
      /* line 544, common.scss */
      section#weddingout-content div.wide-container div.weddingout-left div#weddingout-logo-cont {
        text-align: right;
        position: absolute;
        top: 300px;
        right: 0;
        width: 35%; }
        /* line 550, common.scss */
        section#weddingout-content div.wide-container div.weddingout-left div#weddingout-logo-cont img {
          width: 100%;
          height: auto; }
      /* line 555, common.scss */
      section#weddingout-content div.wide-container div.weddingout-left div.engcont {
        position: absolute;
        top: 400px;
        margin-top: 30px;
        width: 70%;
        padding-left: 30%; }
      @media screen and (max-width: 800px) {
        /* line 536, common.scss */
        section#weddingout-content div.wide-container div.weddingout-left {
          display: none; } }
    /* line 566, common.scss */
    section#weddingout-content div.wide-container div.weddingout-right {
      width: 67.4%;
      float: left; }
      @media screen and (max-width: 800px) {
        /* line 566, common.scss */
        section#weddingout-content div.wide-container div.weddingout-right {
          float: none;
          width: 100%;
          background-image: url("../img/suisai02.jpg");
          background-size: 60%;
          background-repeat: no-repeat; } }
      /* line 578, common.scss */
      section#weddingout-content div.wide-container div.weddingout-right div#weddingout-right-body {
        width: 60%;
        margin: 0 auto; }
        /* line 581, common.scss */
        section#weddingout-content div.wide-container div.weddingout-right div#weddingout-right-body h1 {
          padding: 100px 0;
          color: #669dc7;
          font-size: 40px;
          letter-spacing: 0.2em;
          font-family: 'Noto Serif JP', serif; }
        /* line 588, common.scss */
        section#weddingout-content div.wide-container div.weddingout-right div#weddingout-right-body p {
          padding-bottom: 20px;
          line-height: 35px;
          font-size: 17px;
          color: #666;
          letter-spacing: 0.2em; }
          /* line 594, common.scss */
          section#weddingout-content div.wide-container div.weddingout-right div#weddingout-right-body p span {
            letter-spacing: -0.1em; }
        @media screen and (max-width: 800px) {
          /* line 578, common.scss */
          section#weddingout-content div.wide-container div.weddingout-right div#weddingout-right-body {
            width: 80%;
            max-width: 480px; }
            /* line 601, common.scss */
            section#weddingout-content div.wide-container div.weddingout-right div#weddingout-right-body h1 {
              font-size: 22px;
              text-align: right; }
            /* line 605, common.scss */
            section#weddingout-content div.wide-container div.weddingout-right div#weddingout-right-body p {
              font-size: 14px;
              line-height: 25px;
              letter-spacing: 0.1em; } }
  /* line 616, common.scss */
  section#weddingout-content div.bgwrap {
    background-image: url("../img/suisai06.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: 30%; }
    @media screen and (max-width: 800px) {
      /* line 616, common.scss */
      section#weddingout-content div.bgwrap {
        background-position: 190%;
        background-size: 80%;
        background-blend-mode: lighten; } }

/* line 632, common.scss */
section#family-content {
  width: 100%;
  padding-bottom: 100px; }
  @media screen and (max-width: 800px) {
    /* line 637, common.scss */
    section#family-content div.wideimg-cont img {
      margin-left: -26%; } }
  /* line 642, common.scss */
  section#family-content div#family-left {
    float: left;
    width: 53%; }
    /* line 645, common.scss */
    section#family-content div#family-left div#family-left-body {
      width: 70%;
      margin: 0 0 0 30%; }
      /* line 648, common.scss */
      section#family-content div#family-left div#family-left-body h1 {
        padding: 100px 0;
        color: #96bc9f;
        font-size: 40px;
        letter-spacing: 0.2em;
        font-family: 'Noto Serif JP', serif; }
      /* line 655, common.scss */
      section#family-content div#family-left div#family-left-body p {
        padding-bottom: 20px;
        line-height: 35px;
        font-size: 17px;
        color: #666;
        letter-spacing: 0.2em; }
    @media screen and (max-width: 800px) {
      /* line 642, common.scss */
      section#family-content div#family-left {
        float: none;
        background-image: url("../img/suisai05.jpg");
        background-position: right;
        background-repeat: no-repeat;
        background-size: 80%;
        width: 100%; }
        /* line 670, common.scss */
        section#family-content div#family-left div#family-left-body {
          width: 80%;
          margin: 0 auto; }
          /* line 673, common.scss */
          section#family-content div#family-left div#family-left-body h1 {
            font-size: 20px;
            letter-spacing: 0.1em; }
          /* line 677, common.scss */
          section#family-content div#family-left div#family-left-body p {
            line-height: 25px;
            font-size: 14px; } }
  /* line 686, common.scss */
  section#family-content div#family-right {
    float: left;
    position: relative;
    width: 47%;
    height: 391px;
    background-image: url("../img/suisai05.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain; }
    /* line 695, common.scss */
    section#family-content div#family-right div.logo-cont {
      width: 35.7%;
      position: absolute;
      top: 40%;
      left: 20%; }
      /* line 700, common.scss */
      section#family-content div#family-right div.logo-cont img {
        width: 100%;
        height: auto; }
    /* line 705, common.scss */
    section#family-content div#family-right div.engcont {
      position: absolute;
      bottom: -100px;
      width: 50%;
      left: 50px; }
      /* line 710, common.scss */
      section#family-content div#family-right div.engcont h1 {
        color: #96bc9f;
        text-align: center; }
    @media screen and (max-width: 800px) {
      /* line 686, common.scss */
      section#family-content div#family-right {
        display: none; } }
  /* line 721, common.scss */
  section#family-content div.bgwrap {
    background: #fff; }

/* Wedding, Family (common) */
/* line 729, common.scss */
div.detail-common {
  width: 90%;
  max-width: 800px;
  margin: 100px auto 0; }
  /* line 734, common.scss */
  div.detail-common div.detail-ttl p {
    float: left; }
    /* line 736, common.scss */
    div.detail-common div.detail-ttl p img {
      width: 63px;
      height: auto; }
  /* line 741, common.scss */
  div.detail-common div.detail-ttl h4 {
    float: left;
    margin-left: 20px;
    color: #bc96bb;
    font-size: 24px;
    letter-spacing: 0.1em; }
  @media screen and (max-width: 800px) {
    /* line 749, common.scss */
    div.detail-common div.detail-ttl p {
      float: none;
      text-align: center; }
      /* line 752, common.scss */
      div.detail-common div.detail-ttl p img {
        width: 100px; }
    /* line 756, common.scss */
    div.detail-common div.detail-ttl h4 {
      float: none;
      font-size: 22px;
      text-align: center;
      margin-left: 0; } }
  /* line 765, common.scss */
  div.detail-common div.detail-steps {
    margin: 50px auto; }
    /* line 768, common.scss */
    div.detail-common div.detail-steps div.step {
      margin-bottom: 30px;
      padding-top: 30px;
      border-top: thin dashed #ddd; }
      /* line 773, common.scss */
      div.detail-common div.detail-steps div.step p {
        float: left;
        font-family: 'Allison', cursive;
        width: 5%;
        font-size: 50px;
        color: #bc96bb;
        background-image: url("../img/suisai04.jpg");
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain; }
      /* line 784, common.scss */
      div.detail-common div.detail-steps div.step h3 {
        float: left;
        font-family: 'Noto Serif JP', serif;
        width: 28%;
        line-height: 70px;
        font-size: 20px;
        padding-left: 2%;
        color: #bc96bb; }
      /* line 793, common.scss */
      div.detail-common div.detail-steps div.step div {
        padding-top: 11px;
        float: left;
        width: 65%;
        font-size: 16px;
        color: #666; }
      @media screen and (max-width: 800px) {
        /* line 768, common.scss */
        div.detail-common div.detail-steps div.step {
          margin-bottom: 10px;
          padding-top: 10px; }
          /* line 803, common.scss */
          div.detail-common div.detail-steps div.step p {
            width: 10%; }
          /* line 806, common.scss */
          div.detail-common div.detail-steps div.step h3 {
            width: 85%;
            padding-left: 5%;
            letter-spacing: 0.2em; }
          /* line 811, common.scss */
          div.detail-common div.detail-steps div.step div {
            float: none;
            font-size: 14px;
            width: 85%;
            padding-left: 15%; } }
  /* line 820, common.scss */
  div.detail-common div.pricelists {
    width: 100%; }
    /* line 822, common.scss */
    div.detail-common div.pricelists div.pricelist {
      width: 90%;
      margin-bottom: 10px;
      padding: 23px 5% 15px 5%;
      border: thin dotted #f0bfee;
      border-radius: 5px;
      display: table; }
      @media screen and (max-width: 800px) {
        /* line 822, common.scss */
        div.detail-common div.pricelists div.pricelist {
          display: block; } }
      /* line 832, common.scss */
      div.detail-common div.pricelists div.pricelist h3 {
        width: 40%;
        display: table-cell;
        vertical-align: middle;
        font-size: 30px;
        line-height: 28px;
        color: #bc96bb; }
        /* line 839, common.scss */
        div.detail-common div.pricelists div.pricelist h3 span {
          font-size: 16px;
          font-family: 'Allison', cursive; }
        @media screen and (max-width: 800px) {
          /* line 832, common.scss */
          div.detail-common div.pricelists div.pricelist h3 {
            display: block;
            width: 100%;
            font-size: 20px;
            text-align: center;
            padding-bottom: 10px; }
            /* line 849, common.scss */
            div.detail-common div.pricelists div.pricelist h3 span {
              margin-left: 10px; } }
      /* line 854, common.scss */
      div.detail-common div.pricelists div.pricelist div.price-menu-cont {
        display: table-cell;
        vertical-align: middle;
        width: 60%;
        /* Wedding */
        /* Family */ }
        @media screen and (max-width: 800px) {
          /* line 854, common.scss */
          div.detail-common div.pricelists div.pricelist div.price-menu-cont {
            display: block;
            width: 100%; } }
        /* line 863, common.scss */
        div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu {
          display: inline-block;
          margin: 0 10px 10px 0; }
          /* line 866, common.scss */
          div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu p {
            display: inline-block;
            font-size: 16px;
            color: #666; }
            /* line 868, common.scss */
            div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu p img {
              width: 26px;
              height: auto;
              vertical-align: bottom; }
            @media screen and (max-width: 800px) {
              /* line 866, common.scss */
              div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu p {
                font-size: 14px; }
                /* line 879, common.scss */
                div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu p img {
                  width: 18px; } }
        /* line 888, common.scss */
        div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family {
          width: 100%; }
          /* line 890, common.scss */
          div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family p.family-menu-time {
            font-size: 16px;
            color: #666;
            line-height: 26px; }
          /* line 895, common.scss */
          div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family ul {
            display: table;
            width: 100%; }
            /* line 898, common.scss */
            div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family ul li {
              display: table-cell;
              font-size: 16px;
              color: #999999;
              line-height: 26px; }
              /* line 903, common.scss */
              div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family ul li img {
                width: 26px;
                height: auto;
                vertical-align: bottom;
                margin-right: 5px; }
              @media screen and (max-width: 800px) {
                /* line 898, common.scss */
                div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family ul li {
                  font-size: 14px; }
                  /* line 911, common.scss */
                  div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family ul li img {
                    width: 18px; } }
            /* line 920, common.scss */
            div.detail-common div.pricelists div.pricelist div.price-menu-cont div.price-menu-family ul li.family-menu-price {
              text-align: right; }

/* About Us */
/* line 932, common.scss */
section#aboutus-content {
  margin-bottom: 100px; }
  /* line 934, common.scss */
  section#aboutus-content div.wideimg-cont {
    position: relative; }
    /* line 936, common.scss */
    section#aboutus-content div.wideimg-cont div.logo-cont {
      width: 30%;
      position: absolute;
      bottom: 10%;
      left: 10%; }
      /* line 941, common.scss */
      section#aboutus-content div.wideimg-cont div.logo-cont img {
        width: 100%;
        height: auto; }
    @media screen and (max-width: 800px) {
      /* line 934, common.scss */
      section#aboutus-content div.wideimg-cont {
        overflow: hidden; }
        /* line 948, common.scss */
        section#aboutus-content div.wideimg-cont img {
          width: 200%;
          height: auto;
          margin-left: -50%; }
        /* line 953, common.scss */
        section#aboutus-content div.wideimg-cont div.logo-cont {
          width: 20%;
          left: 20%; } }
  /* line 959, common.scss */
  section#aboutus-content h2 {
    padding: 70px 0;
    font-size: 20px;
    line-height: 35px;
    color: #669dc7;
    text-align: center; }
  /* line 966, common.scss */
  section#aboutus-content div.center {
    max-width: 600px; }
    /* line 968, common.scss */
    section#aboutus-content div.center p {
      margin-bottom: 20px;
      line-height: 25px;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 800px) {
        /* line 968, common.scss */
        section#aboutus-content div.center p {
          font-size: 14px; } }
    /* line 976, common.scss */
    section#aboutus-content div.center img {
      width: 100%;
      height: auto; }
  /* line 982, common.scss */
  section#aboutus-content div.engcont {
    max-width: 480px;
    margin: 0 auto;
    padding: 30px 0; }
    /* line 986, common.scss */
    section#aboutus-content div.engcont h1, section#aboutus-content div.engcont p {
      font-family: "Noto Serif JP", serif !important;
      letter-spacing: 0.1em; }
    @media screen and (max-width: 800px) {
      /* line 982, common.scss */
      section#aboutus-content div.engcont {
        width: 80%; } }
  /* line 994, common.scss */
  section#aboutus-content div.aboutusimg-cont {
    margin: 30px 0; }
  /* line 997, common.scss */
  section#aboutus-content a#maillink {
    color: #669dc7;
    text-decoration: none; }
  /* line 1001, common.scss */
  section#aboutus-content a.gglmapbtn {
    display: block;
    padding: 10px 0;
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
    border: thin solid #ccc;
    color: #604c3f;
    text-decoration: none; }
    /* line 1010, common.scss */
    section#aboutus-content a.gglmapbtn:hover {
      border-color: #669dc7;
      color: #669dc7; }
    @media screen and (max-width: 800px) {
      /* line 1001, common.scss */
      section#aboutus-content a.gglmapbtn {
        width: 80%; } }
  /* line 1019, common.scss */
  section#aboutus-content div#utsusu {
    margin-top: 30px; }
    /* line 1021, common.scss */
    section#aboutus-content div#utsusu p {
      text-align: center; }

/* Reservation */
/* line 1028, common.scss */
section#reserve-form {
  padding: 30px 0 50px 0;
  background-color: #e6eef5;
  background-size: cover; }
  /* line 1032, common.scss */
  section#reserve-form h2 {
    color: #669dc7; }
  /* line 1035, common.scss */
  section#reserve-form div#form-cont {
    max-width: 800px;
    width: 90%;
    margin: 0 auto; }
    /* line 1039, common.scss */
    section#reserve-form div#form-cont .btn_horizon {
      background-color: #669dc7;
      border-radius: 10px;
      width: 90%;
      margin: 0 auto;
      border: none;
      display: block;
      padding: 20px 0;
      color: #fff; }
      /* line 1048, common.scss */
      section#reserve-form div#form-cont .btn_horizon:hover {
        cursor: pointer;
        opacity: 0.8; }
    /* line 1053, common.scss */
    section#reserve-form div#form-cont div#form-header {
      font-size: 22px;
      text-align: center;
      margin: 30px 0; }
    /* line 1058, common.scss */
    section#reserve-form div#form-cont div#form-body {
      background-color: #fff;
      border-radius: 10px;
      padding-bottom: 30px; }
      /* line 1063, common.scss */
      section#reserve-form div#form-cont div#form-body p#btn_back_cont {
        width: 100%;
        padding: 15px 0; }
        /* line 1066, common.scss */
        section#reserve-form div#form-cont div#form-body p#btn_back_cont input {
          background-color: #fff;
          border-radius: 10px;
          width: 90%;
          margin: 5px auto;
          border: thin solid #ccc;
          display: block;
          padding: 20px 0;
          color: #999; }
          /* line 1075, common.scss */
          section#reserve-form div#form-cont div#form-body p#btn_back_cont input:hover {
            cursor: pointer;
            opacity: 0.8; }
  /* line 1084, common.scss */
  section#reserve-form p#form-lead {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    padding: 30px 0;
    width: 90%;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      /* line 1084, common.scss */
      section#reserve-form p#form-lead {
        text-align: left; } }
  /* line 1095, common.scss */
  section#reserve-form p#form-lead span, section#reserve-form div.form-th span {
    font-size: 14px;
    color: #a30; }
  /* line 1099, common.scss */
  section#reserve-form div.form-line {
    font-size: 16px;
    margin-bottom: 30px; }
  /* line 1103, common.scss */
  section#reserve-form div.form-th {
    width: 27%;
    margin-left: 6.25%;
    line-height: 28px; }
  /* line 1108, common.scss */
  section#reserve-form div.form-td {
    width: 60%;
    line-height: 22px; }
  /* line 1112, common.scss */
  section#reserve-form div.form-td input, section#reserve-form div.form-td select, section#reserve-form div.form-td textarea {
    border-radius: 3px;
    border: thin solid #ccc;
    padding: 5px 10px;
    margin-bottom: 5px; }
  /* line 1118, common.scss */
  section#reserve-form div.form-td input[type='checkbox'] {
    padding: 0;
    width: 30px;
    height: 15px; }
  @media screen and (max-width: 800px) {
    /* line 1123, common.scss */
    section#reserve-form div.form-td input[type='text'], section#reserve-form textarea {
      width: 87.5%;
      padding: 15px; } }
  /* line 1129, common.scss */
  section#reserve-form div.form-th p {
    margin-top: 10px;
    font-size: 10px;
    line-height: 18px; }
  /* line 1134, common.scss */
  section#reserve-form p#form-privacylink {
    text-align: center;
    font-size: 12px;
    padding: 0 0 30px 0; }
    /* line 1138, common.scss */
    section#reserve-form p#form-privacylink a {
      color: #069;
      text-decoration: none !important; }
  /* line 1144, common.scss */
  section#reserve-form p#form-privacylink:hover {
    opacity: 0.5;
    cursor: pointer; }
  /* line 1148, common.scss */
  section#reserve-form div.form-td .error {
    color: #a30; }
  /* line 1151, common.scss */
  section#reserve-form div.form-td label.error {
    width: 100%;
    font-size: 12px;
    display: block; }
  @media screen and (max-width: 960px) {
    /* line 1158, common.scss */
    section#reserve-form div#form-header {
      font-size: 5vw;
      padding: 15px; }
    /* line 1162, common.scss */
    section#reserve-form div#form-header img {
      height: 10px;
      bottom: 0; }
    /* line 1166, common.scss */
    section#reserve-form p#form-lead {
      font-size: 12px;
      padding: 20px 0; }
    /* line 1170, common.scss */
    section#reserve-form div.form-th, section#reserve-form div.form-td {
      margin-left: 6.25%;
      width: 87.5%;
      margin-bottom: 10px;
      font-size: 16px; } }
  /* line 1177, common.scss */
  section#reserve-form div#btn-access_reserve-sp {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    border-radius: 10px;
    background-color: #736357;
    padding: 10px 0;
    width: 90%;
    margin-left: 5%;
    text-align: center; }

/*
------------------

 G A L L E Y  f o r  I n s t a g r a m

------------------
*/
/* line 1198, common.scss */
section#gallery {
  padding: 50px 0;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }

/* line 1204, common.scss */
div#gallery p.title {
  padding: 0 0 30px 0; }

/* line 1207, common.scss */
img#loading-gallery {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
  opacity: 0.5; }

/* line 1215, common.scss */
div#gallery-images {
  width: 100%;
  overflow: hidden;
  background-color: #fff; }

/* line 1220, common.scss */
div#gallery-images div.trim {
  width: 25%;
  overflow: hidden;
  position: relative;
  float: left; }

/* line 1226, common.scss */
div#gallery-images div.trim:before {
  content: "";
  display: block;
  padding-top: 100%; }

/* line 1234, common.scss */
div#gallery-images img {
  vertical-align: bottom;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

/* line 1239, common.scss */
img.inst-square {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* line 1249, common.scss */
img.inst-horizontal {
  /* 横長のイメージ */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%; }

/* line 1260, common.scss */
img.inst-vertical {
  /* 縦長のイメージ */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto; }

/* line 1271, common.scss */
.hover div#gallery-images img:hover {
  opacity: 0.8;
  transform: translate(-50%, -50%) scale(1.05, 1.05);
  -webkit-transform: translate(-50%, -50%) scale(1.05, 1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05, 1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05, 1.05);
  -o-transform: translate(-50%, -50%) scale(1.05, 1.05); }

/* line 1279, common.scss */
div#gallery-footer {
  text-align: center;
  width: 100%;
  position: relative;
  max-width: 1000px;
  margin: 30px auto;
  position: relative; }
  /* line 1287, common.scss */
  div#gallery-footer a.gglmapbtn {
    display: block;
    padding: 10px 0;
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
    border: thin solid #ccc;
    color: #604c3f;
    text-decoration: none; }
    /* line 1296, common.scss */
    div#gallery-footer a.gglmapbtn:hover {
      border-color: #669dc7;
      color: #669dc7; }
    @media screen and (max-width: 800px) {
      /* line 1287, common.scss */
      div#gallery-footer a.gglmapbtn {
        width: 80%; } }

@media screen and (max-width: 960px) {
  /* line 1309, common.scss */
  div#gallery {
    padding-top: 66px; }

  /* line 1312, common.scss */
  div#gallery-images div.trim {
    width: 50%; }

  /* line 1315, common.scss */
  div.snsmenu_footer {
    width: 100%; }

  /* line 1318, common.scss */
  div.snsmenu_footer > div > img {
    margin-bottom: 20px;
    margin-right: 0; } }
/* Footer */
/* line 1327, common.scss */
footer {
  padding: 50px 0;
  text-align: center; }
  /* line 1330, common.scss */
  footer div.logo-cont {
    margin-bottom: 30px; }
    /* line 1331, common.scss */
    footer div.logo-cont img {
      width: 170px;
      height: auto; }
  /* line 1338, common.scss */
  footer ul li {
    display: inline-block;
    margin: 5px 15px;
    color: #333;
    letter-spacing: 0.2em; }
  /* line 1345, common.scss */
  footer p {
    font-size: 10px;
    padding: 30px 0; }
    /* line 1348, common.scss */
    footer p span {
      color: #fff; }
      /* line 1350, common.scss */
      footer p span a {
        text-decoration: none;
        color: #fff; }

/* line 1359, common.scss */
div.modal-content {
  font-size: 12px;
  padding: 30px; }

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