@charset "UTF-8";
＊ {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.line {
  width: 0%;
  height: 2px;
  background-color: #63513b;
  position: fixed;
  top: 50%;
  z-index: 11;
}

.top {
  background-color: linen;
  height: 50%;
  width: 100%;
  position: fixed;
  z-index: 10;
  top: 0;
}

.bottom {
  background-color: linen;
  height: 50%;
  width: 100%;
  position: fixed;
  z-index: 10;
  bottom: 0;
}

.bar {
  display: none;
}

header {
  margin-top: 0px;
  background-color: white;
  padding-right: 0px;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}

.header_parent {
  text-align: center;
}

.about_header_parent {
  padding-bottom: 30px;
}

.heder2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
}

#globalNavi {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  padding-right: 10%;
  padding-left: 10%;
}

#Navimenu {
  padding-right: 10%;
  padding-left: 10%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  border-top: 1px solid #c1b7aa;
  border-bottom: 1px solid #c1b7aa;
  margin-bottom: 100px;
}

.fixed {
  margin-top: 0px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  -webkit-animation: nyuru 0.5s;
          animation: nyuru 0.5s;
}

@-webkit-keyframes nyuru {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes nyuru {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.hide {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.clone-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.is-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.header-logo {
  width: 180px;
  height: 93.425px;
  display: inline-block;
  margin-right: 8%;
}

.about_header_logo {
  width: 180px;
  height: 93.425px;
  display: inline-block;
  margin-right: 5%;
}

.header_left_text,
.header_right_text {
  font-size: 14px;
  line-height: 1.8;
  font-weight: 600;
  font-family: "Crimson Text", serif;
  color: #333333;
  letter-spacing: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align-last: left;
  margin-top: 20px;
}

.header_left_text {
  display: inline-block;
  padding-right: 150px;
  text-align-last: left;
}

.header_right_text {
  display: inline-block;
  padding-left: 130px;
  margin-bottom: 20px;
}

.linkul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 62px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 1px;
}

.linkul .menu-item {
  text-decoration: none;
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  font-size: 16px;
  font-family: 'Crimson Text', serif;
  color: #333333;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.linkul .menu-item::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  content: '';
  width: 100%;
  height: 3px;
  background: #63513b;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition: -webkit-transform .8s;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s;
}

.linkul .menu-item:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.linkul .li_line {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-family: 'Vollkorn', serif;
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  font-size: 16px;
  font-family: 'Crimson Text', serif;
  color: #333333;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.linkul .li_line::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #63513b;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.linkul .top_li_line::after {
  bottom: 4px;
}

.top_limini {
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  font-size: 16px;
  font-family: 'Crimson Text', serif;
  color: #333333;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.top_limini::after {
  position: absolute;
  bottom: 4px;
  left: 0;
  content: '';
  content: '';
  width: 100%;
  height: 3px;
  background: #63513b;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition: -webkit-transform .8s;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s;
}

.top_limini:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.limini {
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 25px;
  font-size: 16px;
  font-family: 'Crimson Text', serif;
  color: #333333;
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.limini::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  content: '';
  width: 100%;
  height: 3px;
  background: #63513b;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition: -webkit-transform .8s;
  transition: -webkit-transform .8s;
  transition: transform .8s;
  transition: transform .8s, -webkit-transform .8s;
}

.limini:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.navi_icon {
  margin-top: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navi_icon .navi_li_icon {
  border-radius: 50%;
  background-color: #63513b;
  border: 1px solid #63513b;
  display: inline-block;
  width: 45px;
  height: 45px;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-left: 5px;
}

.navi_icon .navi_li_icon .navi_i_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 25px;
  font-family: "Font Awesome 5 Brands";
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.navi_icon .navi_li_icon .navi_i_icon_instagram {
  top: 49%;
  left: 52%;
}

.navi_icon .navi_li_icon:hover {
  background-color: white;
  border: 1px solid #63513b;
}

.navi_icon .navi_li_icon:hover .navi_i_icon {
  color: #63513b;
}

.title {
  text-align: center;
  padding-top: 43px;
  font-size: 50px;
  color: white;
  font-family: 'Vollkorn', serif;
  margin-top: 30px;
  margin-bottom: 20px;
  opacity: 0;
  -webkit-transform: translate(0, -60px);
          transform: translate(0, -60px);
  -webkit-transition: all 800ms;
  transition: all 800ms;
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.down {
  opacity: 0;
  -webkit-transform: translate(0, 60px);
          transform: translate(0, 60px);
  -webkit-transition: all 800ms;
  transition: all 800ms;
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.logo {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.time {
  opacity: 0;
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
  -webkit-transition: all 700ms;
  transition: all 700ms;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.staff_logo,
.contact_logo,
.reservation_logo {
  opacity: 0;
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
  -webkit-transition: all 700ms;
  transition: all 700ms;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.time2 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.time3 {
  opacity: 0;
  -webkit-transform: translate(0, -30px);
          transform: translate(0, -30px);
  -webkit-transition: all 700ms;
  transition: all 700ms;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.time4 {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.time17 {
  display: none;
}

.mae {
  margin: 0 auto;
  width: 62px;
}

.boll {
  opacity: 0;
  display: inline-block;
}

.small {
  margin: 0 auto;
}

.scale {
  -webkit-animation: anim7 1s forwards;
          animation: anim7 1s forwards;
  -webkit-animation-delay: 800ms;
          animation-delay: 800ms;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes anim7 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes anim7 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 60px);
            transform: translate(0, 60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.main_text {
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1600px;
}

.main-warper {
  margin-top: 10px;
  background-image: url("img/main_photo.jpg");
  width: 100%;
  background-size: cover;
  height: 0px;
  position: relative;
  padding-top: 41%;
}

.main-warper .main_ip_btn {
  display: none;
}

.main-warper .mamoru {
  width: 52%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: 0 auto;
}

.main-warper .mamoru .mv2 {
  text-align: center;
  margin-top: 20px;
  position: relative;
  margin-bottom: 170px;
}

.main-warper .mamoru .mv2 img {
  margin: 0 auto;
  display: inline-block;
}

.main-warper .mamoru .mv2::after {
  text-align: center;
  content: " ";
  display: block;
  height: 2px;
  background: #361e1e;
  width: 128px;
  position: absolute;
  right: 80px;
  top: 0;
  margin-top: 24px;
  background: white;
}

.main-warper .mamoru .mv2::before {
  content: " ";
  display: block;
  height: 2px;
  background: white;
  width: 128px;
  position: absolute;
  left: 80px;
  top: 0;
  margin-top: 24px;
}

.main-warper .maru {
  border-top: 2.8px solid white;
  border-bottom: 2.8px solid white;
  border-right: 2.8px solid white;
  border-left: 2.8px solid white;
  border-radius: 50%;
  margin: 0 auto;
  width: 62px;
  height: 62px;
  padding-top: 20px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  display: block;
}

.main-warper .maru:hover {
  margin: 0 auto;
  cursor: pointer;
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.main-warper .maru:hover .sankaku {
  -webkit-transform: scale(0.9, 0.9);
          transform: scale(0.9, 0.9);
  display: block;
}

.main-warper .maru .sankaku {
  text-align: center;
  display: block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
}

.kakomu {
  background-color: rgba(0, 0, 0, 0.7);
  height: 50px;
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-animation: bottom_slide 0.5s;
          animation: bottom_slide 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  opacity: 0;
}

@-webkit-keyframes bottom_slide {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes bottom_slide {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

.kakomu .yotu {
  color: white;
  display: block;
  margin: 0 120px;
}

.kakomu .yotu:hover .shiro {
  -webkit-transform: translateX(35px);
          transform: translateX(35px);
}

.kakomu .yotu span {
  line-height: 50px;
}

.toi {
  border: 1px solid white;
  padding: 4px 19px;
  font-size: 12px;
}

.day {
  font-size: 14px;
  margin: 0 19px;
  font-family: 'Crimson Text', serif;
}

.koment {
  font-size: 14px;
  margin-right: 10px;
}

.shiro {
  display: inline-block;
  padding-bottom: 22px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.fadein {
  width: 50%;
  display: block;
  opacity: 0;
  -webkit-transform: translate(0, 80px);
          transform: translate(0, 80px);
  -webkit-transition: all 1500ms;
  transition: all 1500ms;
}

.fadein.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.leg {
  display: block;
  opacity: 0;
  -webkit-transform: translate(0, 80px);
          transform: translate(0, 80px);
  -webkit-transition: all 1500ms;
  transition: all 1500ms;
}

.hot {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.top-warper {
  margin-top: 0px;
}

.top-warper .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: linen;
}

.top-warper .container .img {
  width: 50%;
  display: block;
}

.top-warper .container .misebun {
  width: 50%;
  height: 330px;
  position: relative;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.top-warper .container .misebun .about {
  padding-top: 5px;
  display: block;
  text-align: center;
  font-size: 40px;
  letter-spacing: 2px;
  font-family: 'Crimson Text', serif;
  font-weight: bold;
  color: black;
}

.top-warper .container .misebun .nami {
  margin: 0 auto;
  display: block;
}

.top-warper .container .misebun P {
  text-align: center;
  padding-top: 20px;
  font-size: 14px;
  color: #333333;
  width: 80%;
  margin: 0 auto;
  line-height: 30px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.top-warper .container .misebun P .br_iphone {
  display: none;
}

.top-warper .container .misebun P .br_mini_pc {
  display: none;
}

.top-warper .container .misebun .more-btn {
  width: 55%;
  height: 60px;
  font-size: 14px;
  background-color: #63513b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  font-family: 'Vollkorn', serif;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: white;
  margin: 0 auto;
  position: relative;
  margin-top: 50px;
}

.top-warper .container .misebun .more-btn h5 {
  margin: 0 auto;
}

.top-warper .container .misebun .more-btn:hover {
  width: 55%;
  height: 60px;
  font-size: 14px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  font-family: 'Vollkorn', serif;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #63513b;
  border: 1px solid #63513b;
  cursor: pointer;
  margin-top: 50px;
}

.top-warper .container .misebun .more-btn:hover h5 {
  margin: 0 auto;
}

.top-warper .container .misebun .more-btn:hover h5 {
  margin: 0 auto;
}

.top-warper .container .misebun .more-btn:hover .kuro {
  display: block;
  width: 40px;
  line-height: 50px;
  -webkit-animation: anim1 0.8s forwards;
          animation: anim1 0.8s forwards;
  position: absolute;
  left: 65%;
}

@-webkit-keyframes anim1 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}

@keyframes anim1 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
}

.top-warper .container .misebun .more-btn .btn_white_png {
  display: none;
}

.top-warper .container .misebun .more-btn .kuro {
  display: none;
}

.mgr-10 {
  margin-right: 15px;
}

.style {
  padding-top: 30px;
}

.style .styletop {
  position: relative;
  width: 25%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 30px;
}

.style .styletop h6 {
  font-family: 'Crimson Text', serif;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 2px;
  text-align: center;
}

.style .styletop .namiyade {
  display: block;
  margin: auto;
}

.style .photos {
  margin: 0 auto;
  width: 85%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.style .photos .oya {
  width: 25%;
  overflow: hidden;
  margin-right: 5px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  position: relative;
}

.style .photos .oya:hover {
  cursor: pointer;
}

.style .photos .oya:hover .photo {
  -webkit-transform: scale(1.15, 1.15);
          transform: scale(1.15, 1.15);
  cursor: pointer;
  -webkit-filter: brightness(40%);
          filter: brightness(40%);
}

.style .photos .oya:hover .coment_parent .coment1 {
  -webkit-animation: style_top 0.5s;
          animation: style_top 0.5s;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.style .photos .oya:hover .coment_parent .coment2 {
  -webkit-animation: style_top 0.5s;
          animation: style_top 0.5s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.style .photos .oya:hover .coment_parent .coment3 {
  -webkit-animation: style＿bottom 0.5s;
          animation: style＿bottom 0.5s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.style .photos .oya:hover .coment_parent .coment4 {
  -webkit-animation: style＿bottom 0.5s;
          animation: style＿bottom 0.5s;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes style_top {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 1;
  }
}

@keyframes style_top {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 1;
  }
}

@-webkit-keyframes style＿bottom {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 1;
  }
}

@keyframes style＿bottom {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 1;
  }
}

.style .photos .oya .photo {
  width: 100%;
  display: block;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  overflow: hidden;
}

.style .photos .oya .coment_parent {
  position: absolute;
  height: 200px;
  width: 200px;
  left: 50%;
  top: 55%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.style .photos .oya .coment_parent .coment1 {
  display: block;
  text-align: center;
  font-size: 15px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
}

.style .photos .oya .coment_parent .coment2 {
  margin-top: 15px;
  display: block;
  text-align: center;
  font-size: 15px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
}

.style .photos .oya .coment_parent .coment3 {
  margin-top: 75px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.style .photos .oya .coment_parent .coment4 {
  margin-top: 10px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
}

.style .photos .onesan {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.style .photos .oji {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.style .photos .ojisan {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.btn2 {
  width: 26%;
  height: 60px;
  font-size: 14px;
  background-color: #63513b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  font-family: 'Vollkorn', serif;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: white;
  margin-top: 20px;
  position: relative;
}

.btn2 h5 {
  margin: 0 auto;
  letter-spacing: 1px;
}

.btn2 .bo {
  display: none;
}

.btn2 .kuro {
  display: none;
  position: absolute;
  left: 65%;
}

.btn2:hover {
  width: 26%;
  height: 60px;
  font-size: 14px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  font-family: 'Vollkorn', serif;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  color: #63513b;
  border: 1px solid #63513b;
  cursor: pointer;
  margin-top: 20px;
}

.btn2:hover h5 {
  margin: 0 auto;
  letter-spacing: 1px;
}

.btn2:hover h5 {
  margin: 0 auto;
  letter-spacing: 1px;
}

.btn2:hover .kuro {
  display: block;
  width: 38px;
  line-height: 50px;
  -webkit-animation: anim1 0.8s forwards;
          animation: anim1 0.8s forwards;
}

.btn2:hover .bo {
  display: block;
  width: 37px;
  line-height: 50px;
  -webkit-animation: anim1 0.8s forwards;
          animation: anim1 0.8s forwards;
  position: absolute;
  left: 65%;
}

@keyframes anim1 {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  100% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}

.padding {
  padding-top: 60px;
  margin-top: 30px;
}

.padding .STAFF {
  padding-top: 100px;
  margin: 0 auto;
  width: 95%;
  background-color: #f3ede5;
  padding-bottom: 60px;
}

.padding .STAFF .kakomi1 {
  position: relative;
}

.padding .STAFF .kakomi1 .STAFFnami {
  display: block;
  margin: 0 auto;
}

.padding .STAFF .kakomi1 h6 {
  color: #000;
  font-family: 'Crimson Text', serif;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  letter-spacing: 2px;
}

.padding .STAFF .kakomi1 .setumei {
  font-size: 12px;
  color: #333;
  padding-top: 60px;
  padding-bottom: 20px;
  text-align: center;
  width: 100%;
  line-height: 30px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.padding .STAFF .yonin {
  margin: 0 auto;
  width: 90%;
  margin-bottom: 50px;
  padding-right: 0px;
  margin-bottom: 30px;
}

.padding .STAFF .yonin .other {
  margin: 0 auto;
  display: inline-block;
  margin-top: 30px;
  padding-top: 20px;
  width: 22%;
  padding-bottom: 20px;
  background-color: white;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.padding .STAFF .yonin .other:hover {
  cursor: pointer;
}

.padding .STAFF .yonin .other:hover .biyoushi {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: brightness(26%);
          filter: brightness(26%);
}

.padding .STAFF .yonin .other:hover .stylist_parent .staff1 {
  -webkit-animation: stylist_top 0.4s;
          animation: stylist_top 0.4s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.padding .STAFF .yonin .other:hover .stylist_parent .staff2 {
  -webkit-animation: stylist_bottom 0.4s;
          animation: stylist_bottom 0.4s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes stylist_top {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
  }
}

@keyframes stylist_top {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
  }
}

@-webkit-keyframes stylist_bottom {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 1;
  }
}

@keyframes stylist_bottom {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 1;
  }
}

.padding .STAFF .yonin .other .mizuiro {
  margin: 0 auto;
  background-color: #e8e8e8;
  width: 90%;
  border-radius: 50%;
}

.padding .STAFF .yonin .other .mizuiro .biyoushi {
  display: block;
  width: 100%;
  border-radius: 50%;
  border-color: white;
  -webkit-transition: 1s;
  transition: 1s;
  position: relative;
}

.padding .STAFF .yonin .other .stylist_parent {
  width: 160px;
  height: 100px;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.padding .STAFF .yonin .other .stylist_parent .staff1 {
  text-align: center;
  margin-top: 0px;
  color: white;
  opacity: 0;
  font-family: 'Crimson Text', serif;
  letter-spacing: 1.4px;
  font-size: 14px;
  display: block;
}

.padding .STAFF .yonin .other .stylist_parent .staff2 {
  margin: 0 auto;
  margin-top: 40px;
  opacity: 0;
}

.padding .STAFF .yonin .other .stylist_parent .staff2 img {
  display: block;
  margin: 0 auto;
}

.padding .STAFF .yonin .other h3 {
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
  font-family: "Crimson Text", serif;
  color: #aea293;
  letter-spacing: 1px;
}

.padding .STAFF .yonin .other .jin {
  color: #333;
  font-size: 13px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.padding .STAFF .yonin .staff_one {
  margin-left: 3%;
}

.padding .STAFF .yonin .obayan {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  margin-left: 20px;
}

.padding .STAFF .yonin .bijin {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  margin-left: 20px;
}

.padding .STAFF .yonin .hansam {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  margin-left: 20px;
}

.padding .STAFF .sukima {
  padding-top: 80px;
}

.padding .STAFF .enudotto {
  width: 100%;
  position: relative;
}

.padding .STAFF .enudotto .gazou {
  width: 90%;
  margin: 0 auto;
  display: block;
  margin-bottom: 60px;
}

.padding .STAFF .enudotto .shikaku {
  background-color: white;
  width: 44%;
  height: 410px;
  padding: 10px;
  position: absolute;
  top: 80px;
  bottom: 0;
  left: 12%;
  right: 0;
}

.padding .STAFF .enudotto .shikaku .prodakuto {
  background-color: white;
  width: 100%;
  height: 100%;
  border: 1px solid #c1b7aa;
  margin: 0 auto;
}

.padding .STAFF .enudotto .shikaku .prodakuto h6 {
  padding-top: 50px;
  color: #000;
  font-family: 'Crimson Text', serif;
  font-weight: bold;
  font-size: 39px;
  letter-spacing: 1px;
  text-align: center;
}

.padding .STAFF .enudotto .shikaku .prodakuto .namidayon {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}

.padding .STAFF .enudotto .shikaku .prodakuto h3 {
  text-align: center;
  line-height: 30px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 12px;
  color: #333;
  padding-bottom: 20px;
}

.padding .STAFF .prodact_btn {
  width: 66%;
}

.padding .STAFF .NEWS {
  position: relative;
}

.padding .STAFF .NEWS h6 {
  padding-top: 30px;
  color: #000;
  font-family: 'Crimson Text', serif;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 2px;
  text-align: center;
}

.padding .STAFF .NEWS .nami4 {
  display: block;
  margin: 0 auto;
}

.padding .STAFF .NEWS .ul_blog {
  padding-top: 0px;
  border-top: 1px solid #aea293;
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
  padding-bottom: 40px;
}

.padding .STAFF .NEWS .ul_blog .tyairo3 {
  border-bottom: 1px solid #aea293;
  width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding .STAFF .NEWS .ul_blog .tyairo3 .hiniti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.padding .STAFF .NEWS .ul_blog .tyairo3 .hiniti:hover .nyan {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.padding .STAFF .NEWS .ul_blog .tyairo3 .hiniti .text1 {
  font-size: 12px;
  color: white;
  margin-left: 35px;
  margin-right: 20px;
  text-align: center;
  line-height: 24px;
  width: 90px;
  height: 24px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.padding .STAFF .NEWS .ul_blog .tyairo3 .hiniti .text2 {
  font-family: 'Crimson Text', serif;
  size: 14px;
  margin-right: 20px;
}

.padding .STAFF .NEWS .ul_blog .tyairo3 .hiniti .text3 {
  font-size: 14px;
}

.padding .STAFF .NEWS .ul_blog .tyairo3 .hiniti .text3 .article_title {
  text-decoration: underline;
  color: #1a0dab;
}

.padding .STAFF .NEWS .ul_blog .tyairo3 .hiniti .text4 .nyan {
  display: block;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  position: absolute;
  right: 100px;
}

.news {
  background-color: #CF7250;
}

.blog {
  background-color: #aea293;
}

.list2 {
  border-bottom: 1px solid #aea293;
  margin-bottom: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 45px;
}

.pc_footer_icon {
  margin-left: 20px;
}

footer {
  padding-bottom: 20px;
  text-align: center;
  width: 100%;
}

footer .ul_icon {
  margin-bottom: 20px;
}

footer .ul_icon .li_icon_pc {
  margin-right: 15px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  border: solid 1px #63513b;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

footer .ul_icon .li_icon_pc .i-icon {
  font-family: "Font Awesome 5 Brands";
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #63513b;
}

footer .ul_icon .li_icon_pc:hover {
  background-color: #63513b;
}

footer .ul_icon .li_icon_pc:hover .i-icon {
  color: white;
}

footer .ul_icon .li_icon {
  display: none;
}

footer h5 {
  font-size: 14px;
  font-weight: 600;
  line-height: 32.4px;
  letter-spacing: 1px;
  font-family: "Crimson Text", serif;
}

.about1 {
  width: 100%;
  margin: 0 auto;
  margin-top: 80px;
  position: relative;
}

.about1 img {
  display: block;
  margin: 0 auto;
}

.about1 .mise {
  width: 95%;
  margin-top: 80px;
}

.about1 .newspage_logo {
  width: 7.3%;
}

.about2 {
  width: 95%;
  margin: 0 auto;
  margin-top: 60px;
  background-color: #f3ede5;
  padding-bottom: 80px;
  position: relative;
}

.about2 .mise2 {
  width: 100%;
  margin-top: 80px;
  display: block;
  margin: 0 auto;
}

.about2 .aida {
  height: 80px;
}

.about2 .aida2 {
  height: 30px;
}

.about2 .aida_shop {
  padding-top: 60px;
  padding-bottom: 40px;
}

.about2 .mise3 {
  margin-top: 80px;
  display: block;
  margin: 0 auto;
}

.about2 p {
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 32.2px;
}

.about2 p .pc {
  display: block;
}

.about2 p .br_iphone {
  display: none;
}

.about3 {
  width: 95%;
  margin: 0 auto;
  margin-top: 90px;
}

.about3 .mise2 {
  width: 100%;
  margin-top: 80px;
  display: block;
  margin: 0 auto;
}

.consept {
  margin: 0 auto;
  width: 90%;
  margin-top: 70px;
  margin-bottom: 180px;
}

.consept img {
  display: block;
  margin: 0 auto;
  margin-top: 30px;
  margin-bottom: 50px;
}

.consept .consept1 {
  text-align: center;
  line-height: 30px;
  letter-spacing: 2px;
  font-size: 14px;
}

.type2 {
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 200px;
}

.treatment_type2 {
  margin-bottom: 150px;
}

.bb {
  font-size: 24px;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  color: #333333;
  width: 65%;
  margin: 0 auto;
}

.medicine {
  width: 90%;
  margin: 0 auto;
  margin-top: 80px;
  margin-bottom: 20px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.medicine img {
  display: block;
  width: 28%;
}

.hukidashi1 {
  font-size: 14px;
  border: 1px solid #c1b8ae;
  width: 80%;
  margin: 0 auto;
  padding: 10px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.hukidashi1 .hukidashi2 {
  display: inline-block;
  width: 160px;
  background-color: #63513b;
  padding: 13px 20px;
  text-align: center;
  color: white;
  position: relative;
}

.hukidashi1 .hukidashi2::after {
  position: absolute;
  top: 50%;
  left: 100%;
  content: '';
  margin-top: -7px;
  margin-left: 0px;
  border: 7px solid transparent;
  border-left: 7px solid #63513b;
}

.hukidashi1 .hukidashi3 {
  display: inline-block;
  padding: 13px;
  margin-left: 10px;
}

.map {
  margin: 0 auto;
  width: 95%;
  background-color: #f3ede5;
  margin: 0 auto;
  padding-bottom: 80px;
}

.map img {
  display: block;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 60px;
}

.map .map1 {
  width: 85%;
  margin: 0 auto;
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.map .map1 .map3 {
  width: 50%;
  display: inline-block;
}

.map .map1 .map20 {
  display: inline-block;
  width: 51%;
  margin-right: 3%;
  color: #333333;
}

.map .map1 .map20 li {
  text-align: left;
  width: 100%;
  padding: 20px 10px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #c1b8ae;
  font-size: 14px;
}

.map .map1 .map20 .li_acsess {
  padding: 15px 10px;
}

.map .map1 .map20 .nyan5 {
  position: relative;
}

.map .map1 .map20 .nyan5 .about_mail {
  letter-spacing: 1px;
}

.map .map1 .map20 .nyan5 .about_mail:hover {
  cursor: pointer;
}

.map .map1 .map20 .nyan5 .about_mail:hover img {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.map .map1 .map20 .nyan5 img {
  display: inline-block;
  position: absolute;
  top: -54px;
  left: 233px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.map .map1 .map20 .map21 {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 25px 10px;
}

.map .map1 .map20 .map21 img {
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 108px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.map .map1 .map20 .map21 img:hover {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.map .map1 .map20 .map21 .map23 {
  margin-bottom: -5px;
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.map .map1 .map20 .about_map_last p {
  line-height: 22px;
}

.about_acsess {
  width: 60px;
  margin-right: 35px;
  line-height: 30px;
}

.haba,
.width {
  width: 60px;
  margin-right: 35px;
}

.haba2 {
  width: 60px;
  line-height: 22px;
}

.reception_detail p {
  line-height: 22px;
}

.map24 {
  letter-spacing: 1px;
  padding-top: 13px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.map24:hover {
  cursor: pointer;
}

.map24:hover img {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.haba3 p {
  line-height: 30px;
  letter-spacing: 1px;
}

.momo {
  margin-top: -5px;
}

.holiday {
  padding-bottom: 3px;
}

.pp2 {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.pp3 {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

.N {
  padding-top: 20px;
  width: 65%;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 30px;
  letter-spacing: 2px;
  display: block;
  margin: 0 auto;
}

.N .img_absolte {
  position: relative;
}

.N .img_absolte::after {
  content: url("../img/yaji_black.png");
  display: inline-block;
  position: absolute;
  left: 195px;
  top: -10px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.N .img_absolte:hover {
  cursor: pointer;
}

.N .img_absolte:hover:hover::after {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.N .nyan2 {
  line-height: -50px;
  display: inline-block;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.N .nyan2:hover {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.misenamae p {
  font-family: "Crimson Text", serif;
  font-size: 21px;
  font-weight: 400;
  color: #333333;
}

.gloup {
  margin: 0 auto;
  width: 997px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.gloup .style_li_ALL {
  color: #c1b8ae;
  border-left: 1px solid #c1b8ae;
}

.gloup li {
  display: inline-block;
  padding: 0px 45px;
  border-right: 1px solid #c1b8ae;
  font-family: "Crimson Text", serif;
  font-size: 12px;
  font-weight: 600;
  color: #2b1616;
  letter-spacing: 1px;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

.gloup li:hover {
  color: #c1b8ae;
  cursor: pointer;
}

.heair1 {
  padding-left: 9%;
  margin-bottom: 100px;
  width: 90%;
  margin: 0 auto;
}

.heair1 li {
  display: inline-block;
  margin-right: 20px;
  margin-top: 20px;
  width: 28%;
  position: relative;
  overflow: hidden;
}

.heair1 li:hover .style_photo {
  -webkit-transform: scale(1.15, 1.15);
          transform: scale(1.15, 1.15);
  cursor: pointer;
  -webkit-filter: brightness(35%);
          filter: brightness(35%);
}

.heair1 li:hover .heair2 {
  -webkit-animation: anim2 0.5s;
          animation: anim2 0.5s;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.heair1 li:hover .heair3 {
  -webkit-animation: anim2 0.5s;
          animation: anim2 0.5s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.heair1 li:hover .heair4 {
  -webkit-animation: anim3 0.5s;
          animation: anim3 0.5s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.heair1 li:hover .heair5 {
  -webkit-animation: anim3 0.5s;
          animation: anim3 0.5s;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

@-webkit-keyframes anim2 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 1;
  }
}

@keyframes anim2 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 1;
  }
}

@-webkit-keyframes anim3 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 1;
  }
}

@keyframes anim3 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 1;
  }
}

.heair1 li .style_photo {
  display: block;
  width: 100%;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.heair1 li .stylepage_parent {
  height: 180px;
  width: 260px;
  position: absolute;
  left: 50%;
  top: 53%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.heair1 li .stylepage_parent .heair2 {
  display: block;
  top: 70px;
  text-align: center;
  font-size: 15px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
  font-weight: 400;
  letter-spacing: 1.5px;
}

.heair1 li .stylepage_parent .heair3 {
  display: block;
  top: 100px;
  text-align: center;
  font-size: 15px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-top: 13px;
}

.heair1 li .stylepage_parent .heair4 {
  display: block;
  top: 230px;
  text-align: center;
  font-size: 16px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
  font-weight: 400;
  letter-spacing: 1.5px;
  margin-top: 74px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.heair1 li .stylepage_parent .heair5 {
  margin-top: 15px;
  display: block;
  top: 230px;
  text-align: center;
  font-size: 16px;
  color: white;
  font-family: 'Crimson Text', serif;
  opacity: 0;
  font-weight: 400;
  letter-spacing: 1.5px;
}

.heair1 li .stylepage_parent .heair5 img {
  margin: 0 auto;
  display: block;
}

.obayan1 {
  color: white;
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.bijin1 {
  color: white;
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.ments,
.ul_shop {
  padding-left: 8.3%;
  margin-top: 30px;
}

.ments li,
.ul_shop li {
  display: inline-block;
  width: 21%;
  background-color: white;
  margin-right: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.ments li:hover .pp .winter,
.ments li:hover .img_parent_shop .winter,
.ul_shop li:hover .pp .winter,
.ul_shop li:hover .img_parent_shop .winter {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-filter: brightness(26%);
          filter: brightness(26%);
}

@-webkit-keyframes anim5 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 1;
  }
}

@keyframes anim5 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 1;
  }
}

@-webkit-keyframes anim6 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 1;
  }
}

@keyframes anim6 {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 1;
  }
}

.ments li:hover .pp .pro,
.ments li:hover .img_parent_shop .pro,
.ul_shop li:hover .pp .pro,
.ul_shop li:hover .img_parent_shop .pro {
  -webkit-animation: anim5 0.4s forwards;
          animation: anim5 0.4s forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.ments li:hover .pp .pro2,
.ments li:hover .img_parent_shop .pro2,
.ul_shop li:hover .pp .pro2,
.ul_shop li:hover .img_parent_shop .pro2 {
  -webkit-animation: anim6 0.4s;
          animation: anim6 0.4s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.ments li:hover .pp .pro3,
.ments li:hover .img_parent_shop .pro3,
.ul_shop li:hover .pp .pro3,
.ul_shop li:hover .img_parent_shop .pro3 {
  -webkit-animation: anim6 0.55s forwards;
          animation: anim6 0.55s forwards;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.ments li .pp,
.ments li .img_parent_shop,
.ul_shop li .pp,
.ul_shop li .img_parent_shop {
  width: 90%;
  margin: 0 auto;
  cursor: pointer;
  background-color: #e8e8e8;
  border-radius: 50%;
  position: relative;
}

.ments li .pp .winter,
.ments li .img_parent_shop .winter,
.ul_shop li .pp .winter,
.ul_shop li .img_parent_shop .winter {
  width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  border-color: white;
  -webkit-transition: 1s;
  transition: 1s;
}

.ments li .pp .staffpage_parent,
.ments li .pp .shoppage_parent,
.ments li .img_parent_shop .staffpage_parent,
.ments li .img_parent_shop .shoppage_parent,
.ul_shop li .pp .staffpage_parent,
.ul_shop li .pp .shoppage_parent,
.ul_shop li .img_parent_shop .staffpage_parent,
.ul_shop li .img_parent_shop .shoppage_parent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 90%;
  height: 90px;
}

.ments li .pp .staffpage_parent .pro,
.ments li .pp .shoppage_parent .pro,
.ments li .img_parent_shop .staffpage_parent .pro,
.ments li .img_parent_shop .shoppage_parent .pro,
.ul_shop li .pp .staffpage_parent .pro,
.ul_shop li .pp .shoppage_parent .pro,
.ul_shop li .img_parent_shop .staffpage_parent .pro,
.ul_shop li .img_parent_shop .shoppage_parent .pro {
  text-align: center;
  color: white;
  opacity: 0;
  font-family: 'Crimson Text', serif;
  letter-spacing: 1.4px;
  font-size: 14px;
}

.ments li .pp .staffpage_parent .pro2,
.ments li .pp .shoppage_parent .pro2,
.ments li .img_parent_shop .staffpage_parent .pro2,
.ments li .img_parent_shop .shoppage_parent .pro2,
.ul_shop li .pp .staffpage_parent .pro2,
.ul_shop li .pp .shoppage_parent .pro2,
.ul_shop li .img_parent_shop .staffpage_parent .pro2,
.ul_shop li .img_parent_shop .shoppage_parent .pro2 {
  margin-top: 58px;
  opacity: 0;
  color: white;
}

.ments li .pp .staffpage_parent .pro2 img,
.ments li .pp .shoppage_parent .pro2 img,
.ments li .img_parent_shop .staffpage_parent .pro2 img,
.ments li .img_parent_shop .shoppage_parent .pro2 img,
.ul_shop li .pp .staffpage_parent .pro2 img,
.ul_shop li .pp .shoppage_parent .pro2 img,
.ul_shop li .img_parent_shop .staffpage_parent .pro2 img,
.ul_shop li .img_parent_shop .shoppage_parent .pro2 img {
  display: block;
  margin: 0 auto;
}

.ments li .pp .staffpage_parent .pro3,
.ments li .pp .shoppage_parent .pro3,
.ments li .img_parent_shop .staffpage_parent .pro3,
.ments li .img_parent_shop .shoppage_parent .pro3,
.ul_shop li .pp .staffpage_parent .pro3,
.ul_shop li .pp .shoppage_parent .pro3,
.ul_shop li .img_parent_shop .staffpage_parent .pro3,
.ul_shop li .img_parent_shop .shoppage_parent .pro3 {
  opacity: 0;
  color: white;
  margin-top: 12px;
  text-align: center;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 29.2px;
}

.ments li .pp .staffpage_parent .pro3 .pc,
.ments li .pp .shoppage_parent .pro3 .pc,
.ments li .img_parent_shop .staffpage_parent .pro3 .pc,
.ments li .img_parent_shop .shoppage_parent .pro3 .pc,
.ul_shop li .pp .staffpage_parent .pro3 .pc,
.ul_shop li .pp .shoppage_parent .pro3 .pc,
.ul_shop li .img_parent_shop .staffpage_parent .pro3 .pc,
.ul_shop li .img_parent_shop .shoppage_parent .pro3 .pc {
  display: block;
}

.ments li .pp .staffpage_parent .pro3 .br_iphone,
.ments li .pp .shoppage_parent .pro3 .br_iphone,
.ments li .img_parent_shop .staffpage_parent .pro3 .br_iphone,
.ments li .img_parent_shop .shoppage_parent .pro3 .br_iphone,
.ul_shop li .pp .staffpage_parent .pro3 .br_iphone,
.ul_shop li .pp .shoppage_parent .pro3 .br_iphone,
.ul_shop li .img_parent_shop .staffpage_parent .pro3 .br_iphone,
.ul_shop li .img_parent_shop .shoppage_parent .pro3 .br_iphone {
  display: none;
}

.ments li h3,
.ul_shop li h3 {
  text-align: center;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 12px;
  font-family: "Crimson Text", serif;
  color: #aea293;
  letter-spacing: 1px;
}

.ments li .name2,
.ul_shop li .name2 {
  margin-bottom: 15px;
  color: #333;
  font-size: 13px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.ments li .name3,
.ul_shop li .name3 {
  margin-bottom: 15px;
  color: #333;
  font-size: 17px;
}

.obayan {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.bijin {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.hansam {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.menu {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu .menu5 {
  width: 2%;
}

.menu ul {
  width: 49%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.menu ul li {
  margin-bottom: 40px;
}

.menu ul li .menuname {
  color: #333333;
  width: 100%;
  font-size: 24px;
  letter-spacing: 1px;
  font-family: "Crimson Text", serif;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid #c1b7aa;
  padding: 20px 10px;
}

.menu ul li .menutext_parent .menutext1 {
  color: #333333;
  font-size: 15px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #c1b7aa;
  letter-spacing: 1px;
  padding-bottom: 33px;
  padding-top: 17px;
  padding-left: 10px;
  padding-right: 10px;
}

.menu ul li .menutext_parent .menutext1 h2 {
  float: left;
}

.menu ul li .menutext_parent .menutext1 h3 {
  float: right;
}

.menu ul li .menu1_parent .menu1 {
  color: #333333;
  font-size: 15px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #c1b7aa;
  letter-spacing: 1px;
  padding-bottom: 17px;
  padding-top: 17px;
  padding-right: 10px;
  padding-left: 10px;
}

.menu ul li .menu1_parent .menu1 .menu_parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.menu ul li .menu1_parent .menu1 .menu_parent .menu2 {
  position: absolute;
  left: 0;
}

.menu ul li .menu1_parent .menu1 .menu_parent .menu3 {
  position: absolute;
  right: 0;
}

.menu ul li .menu1_parent .menu1 .menu4 {
  text-align: left;
  margin-top: 30px;
  font-size: 12px;
  color: #666;
  letter-spacing: 0;
  line-height: 24px;
}

.menu ul li .menu1_parent .menu1 .menu6 {
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 2;
}

.menu ul li .menu1_parent .menu1 .menu7 {
  text-align: left;
  margin-top: 50px;
  font-size: 12px;
  color: #666;
}

.btn7 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
}

.btn7 .btn4 {
  margin: 0 auto;
  width: 30%;
  display: block;
  background-color: #63513b;
  padding: 25px 20px;
  border: 1px solid #63513b;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
}

.btn7 .btn4 h5 {
  text-align: center;
  color: white;
  font-family: 'Vollkorn', serif;
  letter-spacing: 2px;
  font-size: 14px;
}

.btn7 .btn4 img {
  display: inline-block;
  position: absolute;
  top: 45%;
  left: 70%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.btn7 .btn4 .manubtn_shiro {
  display: none;
}

.btn7 .btn4:hover {
  background-color: white;
  border: 1px solid #63513b;
  padding: 25px 20px;
}

.btn7 .btn4:hover h5 {
  color: #63513b;
}

.btn7 .btn4:hover img {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.yoyaku {
  width: 93%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  margin-bottom: 50px;
}

.yoyaku .tell {
  padding-bottom: 30px;
  text-align: center;
  width: 50%;
  background-color: #f3ede5;
}

.yoyaku .tell h2 {
  color: #333333;
  font-weight: 400;
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 20px;
  display: block;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.yoyaku .tell .btn6 {
  margin: 0 auto;
  width: 90%;
  display: block;
  background-color: #63513b;
  padding: 15px 20px;
  border: 1px solid #63513b;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
  margin-bottom: 30px;
}

.yoyaku .tell .btn6 h5 {
  text-align: center;
  color: white;
  font-family: "Crimson Text", serif;
  letter-spacing: 2px;
  font-size: 26px;
}

.yoyaku .tell .btn6 img {
  display: inline-block;
  position: absolute;
  top: 45%;
  left: 75%;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.yoyaku .tell .btn6 .shiro_yajirushi {
  display: none;
}

.yoyaku .tell .btn6:hover {
  background-color: white;
  border: 1px solid #63513b;
  padding: 15px 20px;
}

.yoyaku .tell .btn6:hover h5 {
  color: #63513b;
}

.yoyaku .tell .btn6:hover img {
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}

.yoyaku .tell h4 {
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 auto;
  width: 90%;
  text-align: left;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 400;
}

.yoyaku .yoyaku2 {
  width: 4%;
}

.apuri {
  width: 93%;
  background-color: #f3ede5;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 0px;
}

.apuri h1 {
  color: #333333;
  font-weight: 400;
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 20px;
  display: block;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.apuri h3 {
  margin-bottom: 30px;
  color: #333333;
  font-size: 20px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.apuri .apuri3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.apuri .apuri3 img {
  display: inline-block;
}

.apuri .apuri3 .apuri4 {
  width: 2%;
}

.apuri .apuri5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 55%;
  margin-top: 30px;
}

.apuri .apuri5 img {
  display: inline-block;
}

.apuri .apuri5 p {
  line-height: 22px;
  width: 95%;
  font-weight: 400;
  padding-top: 20px;
  margin-left: 20px;
  color: #333333;
  font-size: 16px;
  text-align: left;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.apuri .apuri6 {
  background-color: white;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 94%;
  padding: 35px 30px;
  margin-top: 30px;
}

.apuri .apuri6 .apuri9 {
  width: 5%;
}

.apuri .apuri6 img {
  display: block;
}

.apuri .apuri6 .apuri8 {
  width: 10%;
}

.apuri .apuri6 .apuri7 {
  width: 60%;
  text-align: left;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-top: 60px;
  font-weight: 400;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.apuri .apuri6 .apuri7 h2 {
  line-height: 21.6px;
  color: #333333;
  font-size: 18px;
}

.apuri .apuri6 .apuri7 h4 {
  color: #333333;
  line-height: 28px;
  font-size: 14px;
}

.time11 {
  opacity: 0;
  color: white;
}

.time12 {
  color: white;
  opacity: 0;
}

.time13 {
  color: white;
  opacity: 0;
}

.time14 {
  color: white;
  opacity: 0;
}

.time15 {
  color: white;
  opacity: 0;
}

.time16 {
  color: white;
  opacity: 0;
}

.close {
  -webkit-animation: anim8 0.7s forwards;
          animation: anim8 0.7s forwards;
  opacity: 0;
}

@-webkit-keyframes anim8 {
  0% {
    -webkit-transform: translate(0, 80px);
            transform: translate(0, 80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    opacity: 1;
  }
}

@keyframes anim8 {
  0% {
    -webkit-transform: translate(0, 80px);
            transform: translate(0, 80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    opacity: 1;
  }
}

.close2 {
  -webkit-animation: anim8 0.7s forwards;
          animation: anim8 0.7s forwards;
  opacity: 0;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@keyframes anim8 {
  0% {
    -webkit-transform: translate(0, 80px);
            transform: translate(0, 80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    opacity: 1;
  }
}

.close3 {
  -webkit-animation: anim8 0.7s forwards;
          animation: anim8 0.7s forwards;
  opacity: 0;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

@keyframes anim8 {
  0% {
    -webkit-transform: translate(0, 80px);
            transform: translate(0, 80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
    opacity: 1;
  }
}

.close4 {
  -webkit-transform: translate(0, 0px);
          transform: translate(0, 0px);
  opacity: 1;
}

.list3 {
  padding-top: 80px;
}

.delay {
  color: white;
  opacity: 0;
}

.delaynext {
  color: white;
  opacity: 0;
}

.two {
  color: white;
}

.three {
  color: white;
}

.div_parent {
  margin-bottom: 10px;
  text-align: center;
  background-color: green;
  width: 1000px;
  margin: 0 auto;
}

.parentfull_name {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
  width: 780px;
}

.full_name {
  width: 250px;
  display: inline-block;
  text-align: left;
}

.name_interval {
  width: 30px;
  display: inline-block;
}

textarea {
  text-align: left;
  cursor: pointer;
  border: 1px solid #c1b7aa;
  width: 533px;
  margin: 0 auto;
  display: inline-block;
  background-color: white;
  padding: 10px;
  height: 170px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

textarea:focus {
  outline: solid 2px blue;
}

.input_address {
  display: block;
}

button {
  position: relative;
  background-color: #63513b;
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
  font-family: 'Vollkorn', serif;
  color: white;
  font-weight: 400;
  margin: 0 auto;
  display: block;
  width: 35vw;
  text-align: center;
  padding: 20px;
  margin-top: 10px;
}

button:hover {
  border: 1px solid #63513b;
  background-color: white;
  color: #63513b;
}

.sine {
  display: inline-block;
  width: 60px;
  margin-bottom: 0px;
  margin: 0 auto;
}

.info {
  display: none;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
}

.info label {
  display: inline-block;
  margin-top: 0px;
  margin: 0 auto;
  padding-right: 0px;
}

.info label .check_span {
  margin-left: 10px;
  color: #F30100;
  font-size: 12px;
}

.error_text {
  color: #F30100;
  text-align: center;
  margin-top: 20px;
}

.red_text {
  color: #F30100;
  line-height: 28px;
  margin-top: 80px;
  margin-bottom: 60px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.contact_text {
  line-height: 28px;
  color: #333333;
  margin-top: 80px;
  margin-bottom: 60px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.prefectures {
  display: inline-block;
  width: 35vw;
}

.parent_address label {
  display: inline-block;
}

.parent_address .input_address {
  display: inline-block;
}

.required {
  margin-left: 10px;
  margin-right: 15px;
  font-size: 12px;
  line-height: 50px;
  font-weight: 400;
  color: #c1b8ae;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.btn-primary {
  background-color: #63513b;
  border: 1px solid #63513b;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.btn-primary .span1 {
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
  font-family: 'Vollkorn', serif;
}

.btn-primary:hover {
  border: 1px solid #63513b;
  background-color: white;
  color: #63513b;
}

.dl_confirm {
  width: 750px;
  margin: 0 auto;
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #c1b8ae;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

dt {
  width: 168px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 20px;
  float: left;
  text-align: right;
  border-right: 1px solid #c1b8ae;
  font-weight: 400;
}

dd {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 192px;
  width: 557px;
}

.confirm_space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.dd_prefectures {
  width: 60px;
}

.dd_address {
  width: 557px;
  margin-left: 0px;
}

.dd_name {
  width: 50px;
  margin-left: 0px;
}

.dd_family_name {
  margin-left: 25px;
  width: 50px;
}

.btn-default {
  margin-top: 40px;
}

.div_value {
  margin: 0 auto;
  width: 750px;
}

.dt_addres {
  height: 50px;
}

.dd_all_addres {
  height: 50px;
}

.dt_info {
  border: none;
}

.dd_info {
  border-left: 1px solid #c1b8ae;
  padding-left: 25px;
  width: 557px;
  word-wrap: break-word;
  margin-left: 168px;
}

.div_btn_parent {
  width: 30vw;
  margin: 0 auto;
  position: relative;
}

.div_btn_parent img {
  position: absolute;
  display: inline-block;
  position: absolute;
  top: 45%;
  left: 85%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.div_btn_parent:hover img {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.div_btn_parent .shiro_yajirushi {
  display: none;
}

.btn_about {
  margin: 0 auto;
  width: 30%;
  display: block;
  background-color: #63513b;
  padding: 25px 20px;
  border: 1px solid #63513b;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: relative;
}

.btn_about:hover {
  background-color: white;
  border: 1px solid #63513b;
  padding: 25px 20px;
}

.btn_about:hover h5 {
  color: #63513b;
}

.btn_about:hover img {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

.btn_about h5 {
  text-align: center;
  color: white;
  font-family: 'Vollkorn', serif;
  letter-spacing: 2px;
  font-size: 14px;
}

.btn_about img {
  display: inline-block;
  position: absolute;
  top: -76%;
  left: 70%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.btn_about .btn_white_png {
  display: none;
}

.button_bottom {
  height: 90px;
}

.ballon_name,
.ballon,
.ballon_info {
  background-color: #63513b;
  color: white;
  font-size: 12px;
  padding: 8px 20px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 120px;
  position: absolute;
  display: block;
  top: -55%;
  left: 0%;
}

.ballon_name::after,
.ballon::after,
.ballon_info::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  border: 5px solid transparent;
  border-top: 5px solid #63513b;
  margin-top: 0px;
  margin-left: -5px;
}

.div_textarea_parent {
  margin-top: 60px;
}

.ballon_div_parent {
  position: relative;
  width: 400px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.div_info_input_parent {
  position: relative;
  width: 20px;
  display: inline-block;
}

.ballon_textarea {
  background-color: #63513b;
  color: white;
  font-size: 12px;
  padding: 8px 20px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 120px;
  position: absolute;
  display: block;
  top: -28%;
  left: 0%;
}

.ballon_textarea::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: '';
  border: 5px solid transparent;
  border-top: 5px solid #63513b;
  margin-top: 0px;
  margin-left: -5px;
}

.no_error {
  position: absolute;
  color: white;
  display: inline-block;
  top: -50%;
  left: 0%;
}

.no_secondname {
  position: absolute;
  color: white;
  display: inline-block;
  top: -50%;
  left: 52%;
}

.ballon_info {
  position: absolute;
  top: -32px;
  left: -25px;
}

.btn-default {
  margin-left: 40px;
  border: 2px solid #63513b;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
  font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.input_left {
  margin-left: 15px;
}

.label_namber {
  width: 120px;
  margin-left: 120px;
}

tr {
  padding-bottom: 80px;
  height: 30px;
}

table {
  border-collapse: separate;
  border-spacing: 0px 35px;
}

.center {
  margin: 0 auto;
  width: 880px;
}

.input_fullname {
  width: 255px;
  display: inline-block;
  background-color: white;
}

.fullname_marjin {
  margin-right: 3%;
}

label {
  margin: 0 auto;
  display: inline-block;
  width: 220px;
  margin-top: 6px;
  padding-right: 50px;
  margin-right: 20px;
  text-align: right;
  font-size: 14px;
  line-height: 50px;
  font-weight: 400;
  color: #333333;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.hissu {
  position: relative;
}

.hissu::after {
  content: "＊";
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 5px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 50px;
  font-weight: 400;
  color: #F30100;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

input {
  cursor: pointer;
  border: 1px solid #c1b7aa;
  margin-bottom: 40px;
  width: 533px;
  margin: 0 auto;
  display: inline-block;
  background-color: white;
  padding: 19px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-align: left;
}

input:focus {
  background-color: #f4efe7;
}

.label_nini {
  padding-right: 15px;
}

select {
  padding: 10px;
  width: 150px;
  margin-top: 0px;
  margin-bottom: 10px;
  display: block;
  background-color: white;
  border: 1px solid #c1b7aa;
}

.textarea_error {
  position: absolute;
  color: white;
  display: inline-block;
  top: -16%;
  left: 0%;
}

.td_flex {
  margin-right: 8px;
  float: right;
}

.info_no_error {
  width: 115px;
  left: -28px;
  color: white;
}

.space_address_input {
  margin-top: -30px;
}

.label_postal_code {
  display: block;
  margin-top: 3px;
  padding-right: 110px;
}

.label_prefectures_last {
  padding-right: 40px;
  display: block;
  margin-top: -5px;
  margin-right: 0px;
}

.label_municipality {
  display: block;
  padding-right: 40px;
  margin-top: -30px;
  margin-right: 0px;
}

.th_postal_code {
  position: relative;
}

.th_postal_code::after {
  display: inline-block;
  position: absolute;
  content: "[住所自動入力]";
  right: 30px;
  top: 2px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 50px;
  font-weight: 400;
  color: #c1b8ae;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.tab-wrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding-bottom: 60px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar {
  position: relative;
  padding-left: 30px;
  width: 18%;
}

.sidebar aside {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}

.sidebar aside .tab-group h3 {
  color: #333333;
  font-family: "Crimson Text", serif;
  font-size: 21px;
  border-bottom: 1px solid #c1b8ae;
  padding-bottom: 20px;
  padding-right: 10px;
}

.sidebar aside .tab-group .label_archive {
  padding-top: 100px;
}

.sidebar aside .tab-group li {
  padding: 17px 10px 20px 17px;
  font-size: 14px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 1px;
  font-weight: 400;
  border-bottom: 1px solid #c1b8ae;
}

.p_name_date {
  margin-top: 20px;
  color: #333333;
  font-size: 12px;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.p_name_date .article_category_name {
  margin-right: 15px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  color: white;
  width: 90px;
  height: 24px;
}

.article_p_text {
  line-height: 30px;
}

.article_detail {
  border-bottom: 1px solid #c1b8ae;
  letter-spacing: 0.5px;
  line-height: 30px;
}

.panel-group, .panel_archive {
  min-height: 100px;
  border-top: 8px solid #FDF5E6;
  width: 40%;
}

.tab.is-active, .year.is-active {
  color: #c1b8ae;
}

.panel {
  display: none;
}

.panel h2 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 20px;
  border-bottom: 1px solid #c1b8ae;
}

.panel h2 strong {
  font-weight: 400;
}

.shingle_article h2 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 20px;
  border-bottom: 1px solid #c1b8ae;
}

.shingle_article h2 strong {
  font-weight: 400;
}

.is-show {
  opacity: 0;
  display: block;
  -webkit-animation: under_up 1s forwards;
          animation: under_up 1s forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes under_up {
  0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

@keyframes under_up {
  0% {
    -webkit-transform: translateY(60px);
            transform: translateY(60px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}

.opacity {
  opacity: 1;
  -webkit-animation: opacity 0.5s forwards;
          animation: opacity 0.5s forwards;
}

@-webkit-keyframes opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}

@keyframes opacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}

.panel_archive {
  display: none;
}
/*# sourceMappingURL=style.css.map */