@charset "UTF-8";
/*	cmn-color
------------------------------------ */
/*	transition,hover
------------------------------------ */
/*	media-screen
------------------------------------ */
/*	font
------------------------------------ */
@font-face {
  font-family: "Cormorant-SemiBold";
  src: url("../fonts/Cormorant-SemiBold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenOldMincho-Regular";
  src: url("../fonts/ZenOldMincho-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenOldMincho-Medium";
  src: url("../fonts/ZenOldMincho-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: "ZenOldMincho-SemiBold";
  src: url("../fonts/ZenOldMincho-SemiBold.ttf");
  font-display: swap;
}
/*	layout
------------------------------------ */
/* animation
例）animation: fadedown .5s ease-in-out;
遅延）animation-delay: 0.5s;
最後の状態維持）animation-fill-mode: forwards;
------------------------------------ */
@keyframes fadedown {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    transform: translateY(-5px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeup {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }
  50% {
    transform: translateY(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes faderight {
  0% {
    transform: translateX(10px);
    opacity: 0;
  }
  50% {
    transform: translateX(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes grad-fill {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.95);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes floatY {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(var(--amp));
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
/*	font-size  cmn
------------------------------------ */
/*	cmn parts
------------------------------------ */
.md-inner {
  width: 100%;
  max-width: 1280px;
  margin: auto;
}

/* =========================================

  main layout  all

========================================= */
/* top-news  PC
------------------------------------ */
#top-news .news-inner {
  padding: 150px 0;
}

/* top-greeting  PC
------------------------------------ */
#top-greeting .greeting-inner {
  padding: 250px 0 80px;
}

/* top-style  PC
------------------------------------ */
#top-style .style-inner {
  padding: 110px 0 120px;
}

/* top-calendar  PC
------------------------------------ */
#top-calendar .calendar-inner {
  padding: 120px 0;
}

/* com-reserve  PC
------------------------------------ */
.com-reserve .reserve-inner {
  padding: 200px 0;
}

/* =========================================

  sub layout  all

========================================= */
/* concept  PC
------------------------------------ */
#concept .about-inner {
  padding: 120px 0 100px;
}
#concept .features-inner {
  padding: 55px 0 100px;
}

/* stylist  PC
------------------------------------ */
#stylist .about-inner {
  padding: 120px 0 20px;
}
#stylist .stylist-inner {
  padding: 200px 0 100px;
}

/* menu  PC
------------------------------------ */
#menu .menu::before {
  height: 50px;
}
#menu .menu-anchor-wrap {
  width: 100%;
  max-width: 1080px;
  margin: auto;
  padding-top: 68px;
}
#menu .menu-inner {
  padding: 150px 0 70px;
}
#menu .treat-inner {
  padding: 150px 0 100px;
}
#menu .item-inner {
  padding: 85px 0 90px;
}

/* style  PC
------------------------------------ */
#style .style-inner {
  padding: 130px 0 116px;
}

/* recruit  PC
------------------------------------ */
#recruit .recruit-inner {
  padding: 116px 0 64px;
}
#recruit .job-inner {
  padding: 85px 0 100px;
}

/* salon  PC
------------------------------------ */
#salon .salon-inner {
  padding: 125px 0 70px;
}
#salon .access-inner {
  padding: 140px 0 93px;
}
#salon .gallery-inner {
  padding: 90px 0 100px;
}/*# sourceMappingURL=style.css.map */