html {
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background-color: #ffffff;
  letter-spacing: 0.2em; }

* {
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: #000; }

a:hover {
  color: #ffc8c8; }

header {
  position: absolute;
  z-index: 998;
  text-align: center; }

#container {
  text-align: center;
  width: 95%;
  height: auto;
  margin: auto; }

/* .fuwat{
  visibility: hidden;
}
.fuwat.fuwatAnime{
  visibility: visible !important; 
} */
.fuwatAnime {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fuwatAnime;
  -ms-animation-name: fuwatAnime;
  animation-name: fuwatAnime;
  visibility: visible !important; 
}

@-webkit-keyframes fuwatAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fuwatAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }
.hide {
  display: none !important; }

/* Navbar */
.aa-nav {
  text-align: right;
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  height: 65px;
  overflow: hidden; }

/* ./Navbar */
/* Logo image */
/* ./Logo image */
/* Nav items */
.aa-nav-items {
  margin: 0;
  padding-right: 4rem;
  line-height: 65px;
  list-style: none; }

.aa-nav-items > li {
  display: inline-block;
  padding-left: 5rem; }

.aa-nav-items > li > a {
  text-decoration: none;
  font-size: 2rem;
  color: black;
  font-family: "Dancing Script", cursive; }

.aa-nav-items > li > a:hover {
  color: #ff7070; }

/* ./Nav items */
/* Hamburger */
.aa-icon-bar {
  background-color: #0063d4;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  margin-bottom: 4px;
  transition: opacity, transform;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7); }

.aa-hamburger-menu {
  cursor: pointer;
  position: absolute;
  position: fixed;
  top: 25px;
  right: 20px;
  z-index: 999;
  display: inline;
  display: none; }

.aa-hamburger-menu:hover > .aa-icon-bar {
  background-color: red; }

.aa-hamburger-menu:not(.collapsed) .aa-icon-bar:nth-child(1) {
  transform: translateY(6px) rotate(45deg); }

.aa-hamburger-menu:not(.collapsed) .aa-icon-bar:nth-child(2) {
  opacity: 0;
  transform: translateX(-10px); }

.aa-hamburger-menu:not(.collapsed) .aa-icon-bar:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg); }

/* ./Hamburger */
/* Mobile Overlay */
.aa-mobile-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 234, 234, 0.9);
  z-index: 99;
  display: none; }

.aa-mobile-nav-items {
  padding: 0;
  margin: 65px 0px;
  list-style: none; }

.aa-mobile-nav-items > li {
  display: block;
  padding-top: 3rem; }

.aa-mobile-nav-items > li > a {
  font-size: 3rem;
  color: #505050;
  font-family: "Dancing Script", cursive; }

.aa-mobile-nav-items > li > a:hover {
  color: black; }

/* ./Mobile Overlay */
/* Media queries */
@media (max-width: 768px) {
  .aa-hamburger-menu {
    display: block; }

  .aa-nav-items {
    display: none; } }
.img-slide .img-wrap {
  width: 100%;
  position: relative; }
.img-slide .img-wrap img {
  width: 100%;
  position: absolute; }

.concept-box {
  padding-top: 20rem;
  text-align: center;
  padding-bottom: 5rem; }
  .concept-box .shezars {
    width: 5%;
    height: auto;
    padding-bottom: 0.5rem; }
  .concept-box h2 {
    font-weight: 400;
    font-size: 1.3rem;
    margin-bottom: 2rem; }

.menu-box {
  text-align: center; }
  .menu-box .menu-img {
    width: 5%;
    height: auto;
    padding-bottom: 1rem; }
  .menu-box h2 {
    margin-bottom: 3rem;
    font-size: 2rem;
    font-weight: 300; }
  .menu-box img {
    width: 50%;
    height: auto;
    padding-bottom: 3.5rem; }

.salon-box {
  text-align: center;
  margin: 3rem 0; }
  .salon-box .position {
    position: relative; }
  .salon-box h2 {
    font-family: "Dancing Script", cursive;
    font-size: 2.5rem;
    position: absolute;
    font-weight: bold;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    letter-spacing: 0.3em; }
  .salon-box img {
    width: 60%;
    height: auto;
    padding-bottom: 0.5rem;
    padding: 0 3rem; }
  .salon-box .number-1 {
    text-align: left;
    margin-bottom: 2.5rem; }
  .salon-box .number-2 {
    text-align: right; }

.fourth-index-section {
  margin-top: 10rem;
  margin-bottom: 8.5rem;
  text-align: center; }
  .fourth-index-section .hair-img {
    background-color: #cecece;
    border-radius: 10px;
    margin: 0 3rem; }
  .fourth-index-section .hair-salon {
    width: 80%;
    height: auto;
    padding: 2rem; }
  .fourth-index-section .top-word-space {
    margin: 3rem 0; }
  .fourth-index-section .top-adcens-word {
    width: 85%;
    margin: auto;
    font-size: 1.1rem;
    font-weight: bold; }

.line {
  text-align: center; }

.hr {
  width: 100%;
  height: auto; }

.reserve-section {
  margin: 3rem 0;
  text-align: center; }
  .reserve-section .reserve-pic {
    width: 85%;
    height: auto; }
  .reserve-section .reserve-content {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 2rem 0; }
  .reserve-section .tel-css {
    width: 75%;
    height: auto; }

.end-section {
  text-align: center; }

.end-section {
  margin-bottom: 5rem;
  margin-top: 3rem; }

.scroll-top {
  width: 8%;
  height: auto;
  margin-bottom: 1.5rem;
  cursor: pointer;
}

.page-top {
  color: black;
  font-size: 1.3rem;
  cursor: pointer;
}

footer {
  background-color: #dce3e3;
  padding: 2rem 0;
  text-align: center; }
  footer .logo-img {
    width: 50%; }
  footer .logo-img {
    width: 50%; }
  footer .footer-logo {
    font-size: 3rem;
    font-weight: bolder;
    font-family: "Dancing Script", cursive; }

.footer-section {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 1rem;
  font-family: "Dancing Script", cursive; }

.sns-icon {
  margin: 0 1.2rem; }

.line-icon {
  width: 10%;
  height: auto; }

.f_nav_box {
  margin: 3.5rem; }

.add {
  font-size: 1.4rem;
  line-height: 2.3rem; }

.open-time {
  font-size: 1.4rem; }

.top-info-section {
  margin: 5rem 0;
  padding: 0 2rem; }
  .top-info-section h2 {
    font-weight: bold;
    font-size: 2.5rem;
    width: 50%;
    margin: auto;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3f3f3f;
    font-family: "Dancing Script", cursive; }
  .top-info-section .info-concept-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem; }
  .top-info-section .concept-img {
    width: 35%;
    height: auto; }
  .top-info-section p {
    font-size: 1.2rem;
    margin-left: 0.5rem;
    line-height: 1.5rem; }

.sub-info-section {
  margin: 5rem 0; }

.third-info-section {
  margin-top: 3rem;
  margin-bottom: 5rem; }

.open-time-space {
  margin-bottom: 2rem; }
  .open-time-space .access-about {
    font-weight: bold;
    font-size: 1.33rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3f3f3f;
    font-family: "Dancing Script", cursive; }

.dt-access {
  margin: 1.8rem 0; }
  .dt-access dt {
    font-size: 1.2rem;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    width: 80%;
    margin: 0.6rem; }
  .dt-access dd {
    display: inline-block;
    line-height: 2rem;
    font-size: 1.3rem;
    width: 70%;
    text-align: center;
    margin: auto; }

.store-about {
  font-size: 1rem;
  font-weight: 700; }

#google_map {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  z-index: 1; }

#google_map iframe,
#google_map object,
#google_map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.top-menu-section {
  margin-top: 10rem;
  margin-bottom: 3rem; }
  .top-menu-section .top-menu-img {
    width: 85%;
    height: auto; }

.menu-price-cut {
  margin: 3rem 0; }
  .menu-price-cut #color-menu {
    font-size: 2rem; }
  .menu-price-cut .menu-wrapper-title {
    font-family: "Dancing Script", cursive;
    font-size: 3rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #3f3f3f;
    text-align: left;
    width: 90%;
    margin: auto; }
  .menu-price-cut .menu-space {
    margin: 2.5rem 0; }
  .menu-price-cut .menu-parfect-list {
    font-size: 1.1rem;
    display: inline-block;
    text-align: left;
    line-height: 3rem;
    font-weight: bold; }

.har-style-png {
  width: 65%;
  height: auto; }

.top-reserve-section {
  margin-top: 10rem;
  margin-bottom: 3rem; }
  .top-reserve-section .reserve-top-pic {
    width: 85%;
    height: auto; }

.sub-reserve-section {
  margin: 3rem 0; }
  .sub-reserve-section .reserve-person {
    font-size: 1.4rem; }
  .sub-reserve-section .reserve-openTime {
    font-size: 1.2rem; }

.third-reserve-section {
  margin: 3rem 0; }
  .third-reserve-section .reserve-tel-pic {
    width: 55%;
    height: auto;
    margin-bottom: 2.5rem; }
  .third-reserve-section .tel-about-wrapeer {
    font-size: 1.3rem; }

.top-staff-section {
  margin-top: 8rem;
  margin-bottom: 3rem; }
  .top-staff-section .salon-info-img {
    width: 85%;
    height: auto; }
  .top-staff-section .info-top-about {
    margin-top: 3rem; }

.staff-section-title {
  margin-top: 3rem;
  margin-bottom: 5rem; }
  .staff-section-title .staff-about {
    font-family: "Dancing Script", cursive;
    font-size: 2.5rem;
    border-bottom: 2px solid #000;
    padding-bottom: 0.5rem; }

.owner-wrapper {
  margin-top: 3rem;
  margin-bottom: 5rem; }
  .owner-wrapper .human-pic {
    width: 60%;
    height: auto;
    margin-top: 2rem; }
  .owner-wrapper .curst-shop {
    font-size: 1.7rem;
    color: #494949;
    margin-top: 1.3rem; }
  .owner-wrapper .name-box {
    font-size: 1.4rem;
    margin: 1.3rem 0;
    font-weight: 600; }

@media (min-width: 520px) {
  .top-index-section {
    margin-top: 12rem; }

  .sub-index-section {
    margin-top: 5rem; }
    .sub-index-section .store-concept {
      line-height: 2.3rem;
      font-size: 1.6rem; }

  .fourth-index-section .top-adcens-word {
    font-size: 1.6rem;
    line-height: 2.3rem; }

  .f_nav_box {
    margin: 0;
    padding: 5rem 0;
    display: inline-block;
    vertical-align: top;
    width: 40%; }

  .concept-box {
    padding-top: 30rem; }

  .top-info-section {
    margin-top: 7rem; }
    .top-info-section .info-concept-box .concept-img {
      width: 25%;
      height: auto; }
    .top-info-section .info-concept-box p {
      font-size: 1.5rem;
      line-height: 2.5rem; }

  .sub-info-section {
    margin: 7rem 0; }
    .sub-info-section .access-about {
      font-size: 2.5rem; }
    .sub-info-section dt {
      font-size: 2rem;
      margin-bottom: 1.5rem; }
    .sub-info-section dd {
      font-size: 1.6rem; }

  .third-info-section {
    margin: 7rem 0; }
    .third-info-section .access-about {
      font-size: 2.5rem; }
    .third-info-section dt {
      font-size: 2rem;
      margin-bottom: 1.5rem; }
    .third-info-section dd {
      font-size: 1.6rem; }

  .menu-price-cut {
    margin: 8rem 0; }
    .menu-price-cut .menu-wrapper-title {
      font-size: 1.8rem; }
    .menu-price-cut .menu-parfect-list {
      font-size: 1.4rem;
      line-height: 4; }

  .top-staff-section {
    margin: 7rem 0; }
    .top-staff-section .info-top-about {
      margin: 5rem 0; }

  .owner-wrapper {
    margin: 7rem 0; }
    .owner-wrapper .staff-about {
      font-size: 2.5rem; }
    .owner-wrapper .curst-shop {
      font-size: 1.8rem; }
    .owner-wrapper .name-box {
      font-size: 1.6rem; }
    .owner-wrapper .name-box-eng {
      font-size: 1.6rem; }
    .owner-wrapper .apeal-point {
      font-size: 1.8rem; } }
@media (min-width: 740px) {
  .top-index-section {
    margin-top: 14rem; }

  .sub-index-section {
    margin-top: 7rem; }
    .sub-index-section .store-concept {
      line-height: 3rem;
      font-size: 2rem; }

  .third-index-section {
    margin: 6rem 0; }

  .reserve-section {
    margin: 8rem 0; }
    .reserve-section .reserve-content {
      font-size: 2.3rem;
      margin: 5rem 0; }

  .info-concept-box {
    width: 90%;
    height: auto;
    margin: auto; }
    .info-concept-box .concept-img {
      width: 40%;
      height: auto; }
    .info-concept-box p {
      font-size: 1.7rem;
      line-height: 3.5rem; }

  .footer_wrap .footer-logo {
    font-size: 4rem; }

  .f_nav_box .footer-section {
    font-size: 2.3rem; }
  .f_nav_box .add {
    font-size: 2rem;
    line-height: 4rem; }

  .open-time {
    font-size: 2rem; }

  .dt-access dt {
    font-size: 2.6rem;
    width: 60%; }
  .dt-access dd {
    font-size: 2rem;
    width: 70%;
    line-height: 4rem; }

  .store-about {
    font-size: 1.8rem; }

  .sub-reserve-section {
    margin: 6rem 0; }
    .sub-reserve-section .reserve-person {
      font-size: 2.3rem; }
    .sub-reserve-section .reserve-openTime {
      font-size: 2rem; }

  .third-reserve-section {
    margin: 6rem 0; }
    .third-reserve-section .tel-about-wrapeer {
      font-size: 2rem;
      margin: 4rem; }

  .menu-price-cut {
    margin: 11rem 0; }
    .menu-price-cut .menu-wrapper-title {
      font-size: 2.3rem; }
    .menu-price-cut .menu-parfect-list {
      font-size: 1.8rem;
      line-height: 6rem; }

  .owner-wrapper {
    display: inline-block;
    vertical-align: bottom;
    width: 40%;
    margin-bottom: 9rem;
    margin-top: 3rem; }
    .owner-wrapper .human-pic {
      width: 45%;
      height: auto; } }
@media (min-width: 765px) {
  .top-info-section {
    margin-top: 10rem; } }
@media (min-width: 960px) {
  .top-index-section {
    margin-top: 15rem;
    margin-bottom: 5rem; }
    .top-index-section .store-pic {
      width: 75%;
      height: auto; }

  .sub-index-section {
    margin: 8rem 0; }
    .sub-index-section .store-image-img {
      width: 45%;
      height: auto; }
    .sub-index-section .store-concept {
      font-size: 2.3rem;
      line-height: 3.5rem; }

  .fourth-index-section {
    margin: 8rem 0; }
    .fourth-index-section .top-word-space {
      margin-top: 5rem; }
    .fourth-index-section .top-adcens-word {
      font-size: 2.6rem;
      line-height: 4rem; }

  .reserve-section {
    margin: 8rem 0; }
    .reserve-section .reserve-content {
      font-size: 3.5rem; }
    .reserve-section .menu-price-cut {
      margin: 14rem 0; }
      .reserve-section .menu-price-cut .menu-wrapper-title {
        font-size: 2.7rem; }
      .reserve-section .menu-price-cut .menu-parfect-list {
        font-size: 2.2rem;
        line-height: 8rem; }
      .menu-parfect-list .ind7{
        text-indent: 7.5rem;
      }

  .info-concept-box {
    width: 90%;
    height: auto;
    margin: auto; }
    .info-concept-box .concept-img {
      width: 35%;
      height: auto; }
    .info-concept-box p {
      font-size: 2.5rem;
      line-height: 4rem; } }
@media (min-width: 374px) {
  .concept-box {
    padding-top: 28rem; } }
@media (min-width: 448px) {
  .concept-box {
    padding-top: 38rem; } }
@media (min-width: 596px) {
  .concept-box {
    padding-top: 45rem; } }
@media (min-width: 687px) {
  .concept-box {
    padding-top: 51rem; } }
@media (min-width: 786px) {
  .concept-box {
    padding-top: 59rem; } }
@media (min-width: 914px) {
  .concept-box {
    padding-top: 66rem; } }
@media (min-width: 1036px) {
  .concept-box {
    padding-top: 75rem; } }
@media (min-width: 1160px) {
  .concept-box {
    padding-top: 93rem; } }

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