@charset "utf-8";
/* CSS Document */
/*
.section-top {
  margin-bottom: 120px;
}
*/
@media(max-width:768px) {
  .section-top__visual {
    position: relative;
    height: calc(100vh - 60px);
  }
  .section-top__rogo {
    position: absolute;
    bottom: 21px;
    z-index: 9999;
    margin-bottom: 0;
  }
  .section-top__rogo img {
    width: 65%;
    object-fit: cover;
    object-position: bottom;
  }
  /*==================================================
スライダーのためのcss
===================================*/
  .slider {
    position: relative;
    z-index: 1;
    /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
    height: calc(100vh - 60px); /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  }
  /*　背景画像設定　*/
  .slider-item01 {
    background: #bcbfc6 url("../images/topimage01@2x.jpg");
  }
  .slider-item02 {
    background: #bcbfc6 url("../images/topimage02@2x.jpg");
  }
  .slider-item03 {
    background: #bcbfc6 url("../images/topimage03@2x.jpg");
  }
  .slider-item04 {
    background: url("../images/topimage@2x.jpg");
  }
  .slider-item {
    width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: calc(100vh - 60px) !important; /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat; /*背景画像をリピートしない*/
    background-position: bottom; /*背景画像の位置を中央に*/
    background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
    /*    background-color: #bcbfc6;*/
  }
  /*矢印の設定*/
  /*戻る、次へ矢印の位置*/
}
.slick-prev, .slick-next {
  position: absolute; /*絶対配置にする*/
  z-index: 3;
  top: 42%;
  cursor: pointer; /*マウスカーソルを指マークに*/
  outline: none; /*クリックをしたら出てくる枠線を消す*/
  border-top: 2px solid #ccc; /*矢印の色*/
  border-right: 2px solid #ccc; /*矢印の色*/
  height: 25px;
  width: 25px;
}
.slick-prev { /*戻る矢印の位置と形状*/
  left: 2.5%;
  transform: rotate(-135deg);
}
.slick-next { /*次へ矢印の位置と形状*/
  right: 2.5%;
  transform: rotate(45deg);
}
/*ドットナビゲーションの設定*/
.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -30px 0 0 0;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.slick-dots button {
  color: transparent;
  outline: none;
  width: 8px; /*ドットボタンのサイズ*/
  height: 8px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: rgba(204, 204, 204, 0.3); /*ドットボタンの色*/
  padding: 0;
  border: none;
}
.slick-dots .slick-active button {
  background: #333; /*ドットボタンの現在地表示の色*/
}
/*==================================================
スライダーのためのcss終了
===================================*/
.section-top__navi {
  height: 60px; /*60px 7.4vh*/
}
@media(max-width:768px) {
  .section-top__navi__humberger {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .section-top__navi__contact {
    width: 187.5px;
    height: 60px;
    position: fixed;
    bottom: 0;
    right: 0;
  }
}
@media (min-width:769px) {
  .section-top {
    margin-bottom: 70px;
  }
  .section-top__visual {
    width: 100%;
  }
  /*==================================================
スライダーのためのcss
===================================*/
  .slider {
    position: relative;
    z-index: 1;
    /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
    height: 100vh; /*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  }
  /*　背景画像設定　*/
  .slider-item01 {
    background: url("../images/topimage_pc01.jpg");
  }
  .slider-item02 {
    background: url("../images/topimage_pc02.jpg");
  }
  .slider-item03 {
    background: url("../images/topimage_pc03.jpg");
  }
  .slider-item04 {
    background: url("../images/extria_pc.jpg");
    background-position: left;
  }
  .slider-item {
    width: 100%; /*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 95vh !important; /*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat; /*背景画像をリピートしない*/
    background-position: center; /*背景画像の位置を中央に*/
    background-size: cover; /*背景画像が.slider-item全体を覆い表示*/
  }
  /*矢印の設定*/
  /*戻る、次へ矢印の位置*/
  .slider-item04 {
    background-position: left;
  }
  .section-top__navi {
    display: none;
  }
  .section-top__telephone {
    margin-top: 7px;
    flex-basis: 20%;
    display: flex;
  }
  .section-top__header__illast {
    margin: 22px 30px 0 0;
  }
  .section-top__header__telephonenumber {
    margin-top: 27px;
    font-size: 2.0rem;
  }
  .section-top__navi__humberger {
    margin-top: 0px;
  }
  .section-insta__more-botton {
    margin-top: 30px;
    margin-bottom: 120px;
  }
  .section-about-info {
    margin-bottom: 150px;
  }
  .section-about-info__flex-wrapper {
    display: flex;
    justify-content: space-evenly;
  }
  .section-about-info__image__about {
    margin-bottom: 110px;
  }
  .section-about-info__about__title {
    margin-bottom: 20px;
  }
  .about {
    margin-top: 0;
  }
  .section-about-info__about__discription {
    font-size: 1.6rem;
    margin-bottom: 70px;
  }
  .section-about-info__information__flex-wrapper {
    display: flex;
  }
  .section-about-info__title {
    margin-right: 70px;
  }
  .section-about-info__frame {
    width: 300px;
    height: 150px;
    padding: 30px 35px;
    margin: 60px 24px 60px 0;
    border: dashed 1px #000;
  }
  .section-about-info__table {
    width: 100%;
    margin-right: 0;
  }
  .section-about-info__about__title {
    font-size: 2.2rem;
    font-weight: 300;
    max-width: 390px;
  }
  .section-about-info__about {
    margin-top: 100px;
  }
  .section-about-info__about__discription {
    max-width: 390px;
  }
}
 .section-insta__flex-wrapper {
    display: flex;
   margin-bottom: 10px;
  }
.view-more__insta__wrapper {
  display: flex;
}
.section-insta__more-botton {
  display: flex;
  justify-content: flex-end;
  margin-right: 10%;
}
@media(min-width:769px) {
  .section-insta__more-botton{
    margin-right: 15%;
  }
}
@media (max-width:768px) {
  .section-insta,.section-menu {
    margin-bottom: 120px;
  }
  .section-menu__bg {
    background-image: url("../images/salon menu picture@750.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 380px;
  }
  .section-menu__flex-wrapper {
    display: flex;
  }
  .section-insta__title,.section-menu__title {
    padding-right: 30px;
  }
  .section-menu__frame {
    width: 63.4%;
    height: 150px;
    padding: 35px 20px;
    margin: 60px 24px 60px 0;
    border: dashed 1px #000;
  }
  .section-menu__table {
    width: 100%;
    height: 146px;
    line-height: 1.0rem;
  }
  .section-menu__more-botton {
    display: flex;
    justify-content: flex-end;
    margin-top: -15px;
  }
  .section-menu__semi-circle {
    width: 20px;
    height: 40px;
    border-radius: 0 20px 20px 0;
    border: solid 1px #313131;
    border-left-style: hidden;
  }
}
.holiday {
  border-radius: 50%;
  background-color: #310E00;
  color: #FFF;
}
.section-calender__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px 3px;
}
@media (max-width:768px) {
  .section-calender {
    /*    margin-bottom: 40px;*/
  }
  .section-calender__bg {
    width: 100%;
    height: 1035px; /*1065*/
    background-color: #F6E9E6;
    padding: 40px 0 15px;
    position: relative;
  }
  .section-calender__flex-wrapper {
    position: absolute;
    top: -1px;
    width: 100%;
    margin-bottom: 15px;
  }
  .section-calender__circle {
    width: 327px;
    height: 327px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .section-calender__circle__year-month {
    margin-left: 5px;
  }
  .section-calender__table tr th {
    text-align: center;
    width: 31px;
  }
  .section-calender__table tr td {
    font-size: 1.5rem;
    width: 31px;
    text-align: center;
    padding: 1px 0;
  }
  .section-calender__square__bg {
    width: 100%;
    height: 300px;
    background-color: #F6E9E6;
  }
  .section-calender__square {
    width: 267px;
    height: 127px;
    background-color: #fff;
    margin: 0 auto 60px;
    padding: 20px 30px;
  }
  .section-calender__discription {
    padding-bottom: 5px;
  }
  .section-calender__discription__table {
    width: 100%;
  }
  .week {
    width: 33px;
  }
}
.week {
  font-family: 'Cormorant', serif;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: left;
}
@media(min-width:769px) {
  .section-calender {
    margin-bottom: 150px;
  }
  .section-calender__bg {
    width: 100%;
    /*    height: 780px;*/
    background-color: #F6E9E6;
    padding-top: 40px;
    /*    position: relative;*/
  }
  .section-calender__bg__inner {
    max-width: 1366px;
    margin: 0 auto;
  }
  .section-insta__flex-wrapper,.section-calender__flex-wrapper {
    margin: 0 143px;
  }
  .section-calender__title {
    margin-top: -80px !important;
  }
  .section-calender__flex-wrapper__inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1366px;
    margin: 100px 0 10px;
  }
  .section-calender__circle {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: #fff;
    display: table;
  }
  .both__calender {
    margin: 0 2vw 50px;
  }
  .section-calender__circle__monthy {
    padding: 70px 40px;
    display: table-cell;
    vertical-align: middle;
  }
  .section-calender__circle__year-month {
    font-size: 2.0rem;
    margin: 0 0 8px 25px;
  }
  .section-calender__table {
    width: 100%;
  }
  .section-calender__table tr th {
    text-align: center;
    font-size: 2.0rem;
  }
  .section-calender__table tr td {
    padding: 3px 0;
    text-align: center;
  }
  .holiday {
    background-clip: padding-box;
  }
  .week {
    width: 14%;
  }
  .section-calender__discription__table {
    width: 100%;
  }
}
@media(min-width:769px) {
  .section-pcmenu {
    max-width: 1366px;
    margin: 0 auto 250px;
    position: relative;
  }
  .section-pcmenu__image {
    z-index: 1;
  }
  .section-pcmenu__image img {
    margin-left: 225px;
  }
  .section-pcmenu__bg {
    width: 683px;
    height: 384px;
    background-color: #F6E9E6;
    position: absolute;
    top: 530px;
  }
  .section-pcmenu__flex-wrapper {
    display: flex;
    margin-left: 143px;
  }
  .section-insta__title,.section-pcmenu__title {
    margin-right: 70px;
  }
  .section-pcmenu__frame {
    margin-top: 60px;
  }
  .section-pcmenu__table tr td {
    padding: 3px 67px 3px 7px;
  }
  .section-menu__more-botton {
    display: flex;
    margin: -15px 0 0 70%;
  }
  .section-menu__semi-circle {
    width: 20px;
    height: 40px;
    border-radius: 0 20px 20px 0;
    border: solid 1px #313131;
    border-left-style: hidden;
  }
}
.section-access {
  margin-bottom: 120px;
}
.section-access__title {
  margin-right: 30px;
}
.section-access__flex-wrapper {
  display: flex;
  width: 100%;
}
.section-access__flex-child {
  width: 100%;
}
@media(max-width:768px) {
  .section-access__flex-child p {
    margin-bottom: -3px;
  }
}
.iframe {
  height: 275px;
  padding-top: 80px;
  margin-bottom: 10px;
  width: 100%;
}
.section-access__rogo {
  width: 80%;
  margin: 7px 0 8px;
}
.section-access__rogo img {
  width: 60%;
  object-fit: contain;
  margin-left: -2px;
}
.section-access__rogo__diccription {
  width: 85%;
}
.space {
  padding-left: 1px;
}
@media(min-width:769px) {
  .section-access {
    margin-bottom: 150px;
  }
  .section-access__title {
    margin: 0 70px 0 139px;
  }
  .gmap {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 40%;
    }

  .section-access__rogo img {
    width: 230px;
  }
  .section-contact {
    margin-bottom: 150px;
  }
  .section-contact__title {
    margin-left: 139px;
    margin-right: 70px;
  }
  .section-contact__flex-wrapper {
    display: flex;
  }
  .section-contact__bg {
    width: 100%;
    height: 90px;
    background-color: #F6E9E6;
    text-align: center;
    margin-top: 57px;
    padding-top: 70px;
  }
  .section-contact__discription {
    display: flex;
    max-width: 1366px;
    margin: 0 auto;
  }
  .section-contact__reservation {
    margin: 0 15px 0 auto;
    font-size: 1.8rem;
  }
  .section-contact__number {
    margin: 0 auto 0 15px;
    font-size: 1.8rem;
  }
}
@media(min-width:1000px){
  .gmap {
    padding-bottom: 30%;
  }
}
@media(min-width:1500px){
  .gmap {
    padding-bottom: 20%;
  }
}
@media(min-width:2200px){
  .gmap {
    padding-bottom: 15%;
  }
}
@media(min-width:2900px){
  .gmap {
    padding-bottom: 10%;
  }
}
.section-blog {
  margin-bottom: 70px;
}
.section-blog__inner {
  max-width: 1366px;
  margin: 0 auto;
}
.section-blog__flex-wrapper {
  display: flex;
  width: 100%;
}
.section-blog__title {
  margin-right: 30px;
}
.section-blog__wp__content__flex-wrapper {
  display: flex;
  margin: 0 0 50px 0;
}
.section-blog__wp {
  margin-top: 50px;
}
.news-item::marker {
  content: none;
}
.news-item {
  display: flex;
  margin: 0 24px 50px 0;
  width: 290px;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}
.news-item img {
  order: 1;
  padding-right: 18px;
  width: 130px;
  height: 120px;
  object-fit: cover;
}
.news-item__meta {
  order: 3;
  width: 97px;
  height: 21px;
  padding-top: 15px;
  font-size: 1.2rem;
}
.news-item__title {
  order: 2;
  position: absolute;
  left: 148px;
  top: 45px;
  font-weight: 300;
  font-size: 1.5rem;
}
.news-item__title a {
  text-decoration: none;
  color: #313131;
}
.section-blog__wp__content__discription {
  display: block;
  width: 130px;
  height: 102px;
  margin: 9px 15px;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media(min-width:769px) {
  .section-blog {
    margin-bottom: 205px;
  }
  .section-blog__title {
    margin: -40px 70px 0 139px;
  }
  .section-blog__wp__content__discription {
    width: 357px;
    height: 196px;
    margin: 51px 100px;
  }
  .section-blog__wp__content__image img {
    width: 350px;
    height: 300px;
    object-fit: cover;
  }
  .section-blog__wp__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 97%;
  }
  .news-item {
    position: static;
    flex-basis: 40%;
    margin: 0 0 100px 0;
  }
  .news-item img {
    width: 320px;
    height: 300px;
  }
  .news-item__meta {
    order: 2;
    width: 100%;
  }
  .news-item__title {
    position: static;
    order: 3;
    padding-top: 6px;
    font-size: 1.6rem;
  }
}
@media(max-width:768px) {
  .section-blog__wp__content__image img {
    width: 130px;
    height: 120px;
    object-fit: cover;
  }
}
.section-section-recruit__bg {
  width: 100%;
  height: 580px;
  background-color: #F6E9E6;
}
.section-recruit {
  margin-top: 110px;
}
.section-recruit__flex-wrapper {
  display: flex;
  justify-content: space-between;
}
.section-recruit__title {
  padding-right: 30px;
}
.section-recruit__image {
  margin: 80px 0 30px;
  width: 100%;
}
.section-recruit__image img {
  width: 100%;
  max-height: 200px;
  margin-right: auto;
  object-fit: contain;
  object-position: 50% bottom;
}
.section-recruit__discription {
  margin-bottom: 10px;
}
.section-recruit__more-botton {
  display: flex;
  justify-content: flex-end;
}
.section-recruit__semi-circle {
  width: 20px;
  height: 40px;
  border-radius: 0 20px 20px 0;
  border: solid 1px #313131;
  border-left-style: hidden;
  /*  margin-right: 24px;*/
}

@media(max-width:768px) {
  .footer__bg {
    margin-top: 0 !important;
  }
}