@charset "UTF-8";

/****************************************
        ベース（基本設定）
****************************************/
/*************** カラー ***************/
.color {
  color: #f4f4f4;
}

.color2 {
  color: #f9f5f2;
}

.color3 {
  color: #959595;
}

.bgcolor {
  background-color: #f4f4f4;
}

.bgcolor2 {
  background-color: #f9f5f2;
}

.bgcolor3 {
  background-color: #959595;
}

.bgcolor4 {
  background-color: #f7f7f7;
}

.bgpink {
  background-color: rgba(237, 211, 222, 0.4);
}

.bgblue {
  background-color: rgba(167, 192, 219, 0.4);
}

.bggreen {
  background-color: rgba(189, 210, 191, 0.4);
}

.bgpurple {
  background-color: rgba(206, 175, 218, 0.4);
}

/**************************************
    共通要素
**************************************/
/**
ヘッダー
header
*/
.header {
  padding: 30px 0;
}

.header-logo {
  text-align: center;
}

.header-logo a {
  display: inline-block;
}

.header-logo img {
  height: 45px;
}
.header-reserve div{
  min-height: inherit !important;
}
.header-reserve .acont a{
  color: #c6c6ff;
}
.header-reserve {
  position: fixed;
  z-index: 50;
  top: 50%;
  right: 30px;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: rotate(90deg) translateX(50%);
  -ms-transform: rotate(90deg) translateX(50%);
  transform: rotate(90deg) translateX(50%);
}

.header-reserve a {
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: .2em;
  border-bottom: 1px solid;
  color: inherit;
  text-shadow: 1px 0px 0px #fff, 0 1px 0px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
      text-transform: uppercase;
}

.header-contact {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
}

.header-contact .box.-telephone {
  width: 100%;
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: .2em;
  color: #959595;
  text-align: center;
}

.header-contact .box.-telephone .tel {
  font-size: 30px;
}

.header-contact .box.-telephone a {
  color: #959595;
}

.header-contact .box.-contact {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: "Sorts Mill Goudy", serif;
  width: 100%;
}

.header-contact .box.-contact a {
  display: inline-block;
  padding: .5em 3em;
  border: 1px solid #000;
  color: #fff;
  background: #000;
}

/* .header-contact .box.-contact a:first-letter {
  font-size: 1.5em;
}
 */
.header-contact .box.-contact .title-in {
  display: inline-block;
}

/* .header-contact .box.-contact .title-in:first-letter {
  font-size: 1.5em;
}
 */
.header.fixed {
  position: fixed;
  z-index: 200;
  top: 0;
  width: 100%;
  padding: 20px 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

.header.fixed .header-logo {
  text-align: left;
}

.header.fixed .header-logo img {
  height: 45px;
}

.totop {
  position: fixed;
  cursor: pointer;
  z-index: 100;
  bottom: 50px;
  right: 50px;
  text-shadow: 2px 0px 0px #fff, 0 1px 0px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
}

.totop:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "\f106";
  margin-left: 5px;
  text-shadow: 2px 0px 0px #fff, 0 1px 0px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
}


[data-element-id] #wrapper {
  padding-top: 0 !important;
}

[data-element-id] .header-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

[data-element-id] .header.fixed {
  position: relative;
}
.spfix{
  display: none;
}
[data-element-id] .spfix{
  display: block;
  position: static;
}
.spfixListItem{
  margin: 0 5px;
}
.spfixListItem a{
  display: inline-block;
  max-width: 25px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .header {
    padding: 20px 0;
  }

  .header-logo img {
    height: 40px;
  }
.header-contact{
  display: none;
}
  .header-reserve {
    /* display: none; */
        top: auto;
    bottom: 0;
    left: 0;
    right: auto;
    background-color: #fff;
    -webkit-transform: none;
                -ms-transform: none;
                    transform: none;
                    width: 100%;
  }
  .header-reserve a{
        padding: 0.75em 3em 0.75em;
    border: none;
    background: #000;
    text-shadow: none;
    display: inline-block;
        color: #fff;
  }
}

@media only screen and (max-width: 599px) {
  .header {
    /*padding: 10px;*/
    padding: 5px;
  }
  .index .header{
    padding: 0;
  }
  .header-logo {
    text-align: left;
  }
  .index .header-logo {
    display: none;
  }

  .header-contact .box.-telephone {
    letter-spacing: .1em;
  }

  .header-contact .box.-telephone .tel {
    font-size: 20px;
  }

  .header-contact .box.-telephone a {
    color: #959595;
  }

  .header-contact .box.-contact a {
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: .5em 1em;
    font-size: 12px;
    color: #fff;
    background: #000;
  }
  .header-reserve .acont a {
    background: #fff;
  }
  .header-reserve a {
    display: block;
    width: 100%;
    text-align: center;
    padding: .75em 1em;
}

/*   .header-contact .box.-contact a:first-letter {
  font-size: 1.5em;
}
 */
  .header-contact .box.-contact .title-in {
    display: inline-block;
  }

/*   .header-contact .box.-contact .title-in:first-letter {
  font-size: 1.5em;
}
 */
  .totop {
    position: fixed;
    right: 20px;
  }
  .spfix{
  display: block;
      position: fixed;
    top: 20px;
    right: 60px;
    z-index: 90;
}
}

/**
グローバルナビ
nav-global
*/
#gnav a {
  display: inline-block;
}

.nav-list.-logo {
  margin-bottom: 20px;
}
.nav-list.-logo li{
  display: flex;
}
.nav-list.-logo ul {
    width: 30%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.nav-list.-logo ul li{
  width: 48%;
  margin-bottom: 0 !important;
}

.nav-list .navitem {
  width: 100%;
}

.nav-list.-logo a {
  display: block;
}
.glogo > a img{
      max-height: 30px;
    width: auto;
}
.glogo > a{
  margin-right: 1em;
  width: 100px;
  text-align: center;
}
/* .nav-list.-logo a img {
  max-height: 40px;
  max-width: 100%;
} */

.nav-list.-global a {
  display: inline-block;border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.nav-list.-global a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.nav-list.-global01 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 20px 0;
}

.nav-list.-global01 .navitem.-parent {
  width: 100%;
}

.nav-list.-global02 {
  padding: 20px 0;
  border-bottom: 1px solid #000;
}

.nav-list.-global02 .navitem {
  width: 50%;
}

.nav-list.-global01 .nav-list.-second {
  padding: 10px 0 0 20px;
}

[data-element-id] .nav-list.-global {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

[data-element-id] .nav-list.-second {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/**
フッター
footer
*/
.footer{
  background: #fff;
  position: relative;
  z-index: 11;
}
.footer-info {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 50px 0 30px 0;
}

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

.footer-logo a {
  display: inline-block;
}

.footer-logo img {
  height: 50px;
}

.footer-text {
  line-height: 200%;
  font-weight: 600;
}

/* .nav-list.-footer {
  -webkit-column-count: 3;
  column-count: 3;
}

.nav-list.-footer .navitem {
  margin: 0 0 .5em 2em;
  min-width: 100px;
} */

.nav-list.-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.nav-list.-footer .navitem {
    margin: 10px 0;
    width: 33.3333%;
}
.copy {
  padding: 1em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 1024px) {
  .footer {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .footer-info {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .footer-left {
    margin: 0 auto 20px;
    display: none;
  }

  .nav-footer {
    margin: 0 auto;
  }
}

/**
サイドメニュー
side
*/
.side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.side .list {
  width: 100%;
  margin-bottom: 3em;
}

.side .datatitle {
  padding: 1em;
  text-align: center;
  font-weight: 600;
}

.side .data {
  text-align: center;
}

.side .data a {
  display: inline-block;
  position: relative;
  padding: 3px 0;
}

@media only screen and (max-width: 1024px) {
  .side .list {
    width: 48%;
  }

  .side .list.-archive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .side .list.-archive .datatitle {
    width: 100%;
  }

  .side .list.-archive .data {
    width: 48%;
  }
}

@media only screen and (max-width: 599px) {
  .side .list {
    width: 100%;
  }
}

/**
コンテンツア内レイアウト（コンテンツアイテムの間隔の調整）
*/

.alt01{
  display: none;
}

/*レイアウト１*/
.contents.-layout01>.contents-item {
  padding: 3rem 0;
}

@media only screen and (max-width: 599px) {
  .contents.-layout01>.list.-breadcrumb {
    display: none;
  }

  .contents.-layout01>.contents-item {
    padding: 1rem 0;
  }
}

/*レイアウト２*/
.contents.-layout02>.contents-item:first-of-type {
  padding-top: 3rem;
}

.contents.-layout02>.contents-item:last-of-type {
  padding-bottom: 3rem;
}

@media only screen and (max-width: 599px) {
  .contents.-layout02>.list.-breadcrumb {
    display: none;
  }

  .contents.-layout02>.contents-item:first-of-type {
    padding-top: 1rem;
  }

  .contents.-layout02>.contents-item:last-of-type {
    padding-bottom: 1rem;
  }
}

/**
コンテンツアイテム内レイアウト（エリアの間隔の調整）
*/
/*レイアウト１*/
.contents-item.-layout01>.title {
  margin-bottom: 2em;
}

.contents-item.-layout01>.area {
  padding: 3rem 0;
}

.contents-item.-layout01>.area:first-of-type {
  padding-top: 0;
}

.contents-item.-layout01>.area.-padding {
  padding: 3rem 0;
}

@media only screen and (max-width: 599px) {
  .contents-item.-layout01>.title {
    margin-bottom: 1.5em;
  }

  .contents-item.-layout01>.area {
    padding: 2rem 0;
  }

  .contents-item.-layout01>.area.-padding {
    padding: 2rem 0;
  }
}

/*レイアウト２（サイドメニューのあるページ）*/
.contents-item.-layout02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contents-item.-layout02>.title {
  width: 100%;
  margin-bottom: 2rem;
}

.contents-item.-layout02 .side {
  width: 25%;
}

.contents-item.-layout02 .area {
  width: 70%;
}

@media only screen and (max-width: 1024px) {
  .contents-item.-layout02>.title {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .contents-item.-layout02 .side {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    margin-bottom: 5%;
  }

  .contents-item.-layout02 .area {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin-bottom: 5%;
  }
}

@media only screen and (max-width: 599px) {
  .contents-item.-layout02>.title {
    margin-bottom: 1rem;
  }
}

/*レイアウト3*/
.contents-item.-layout03>.title {
  margin-bottom: 2em;
}

.contents-item.-layout03>.area {
  padding: 3rem 0;
  margin-bottom: 50px;
}

.contents-item.-layout03>.area:first-of-type {
  padding-top: 0;
}

.contents-item.-layout03>.area.-padding {
  padding: 3rem 0;
}

@media only screen and (max-width: 599px) {
  .contents-item.-layout03>.title {
    margin-bottom: 1.5em;
  }

  .contents-item.-layout03>.area {
    padding: 2rem 0;
  }

  .contents-item.-layout03>.area.-padding {
    padding: 2rem 0;
  }
}

/*********************************************
    エリア area
*********************************************/
/**
エリア内レイアウト(セクション間隔の調整)
-layout
*/
/*layout01*/
.area.-layout01 .title {
  margin-bottom: 1em;
}

.area.-layout01 .section:not(:last-of-type) {
  margin-bottom: 50px;
}

/*layout02*/
.area.-layout02 .title {
  margin-bottom: 1em;
}

.area.-layout02 .section:not(:last-of-type) {
  margin-bottom: 80px;
}

/*layout03*/
.area.-layout03 .section:not(:last-of-type) {
  margin-bottom: 150px;
}

@media only screen and (max-width: 599px) {
  .area.-layout03 .section:not(:last-of-type) {
    margin-bottom: 100px;
  }
}

/**
汎用モデルエリア
-model
*/
/*model1*/
.area.-model1 {
  position: relative;
  padding: 3rem 0;
}

@media only screen and (max-width: 599px) {
  .area.-model1 {
    padding: 2rem 0;
  }
}

/**
固有エリア
*/
/*********************************************
    セクション　section
*********************************************/
/**
セクション汎用クラス
*/
.section.center * {
  text-align: center;
}

/**
セクション内レイアウト（テキスト間隔の調整）
-layout
*/
/*併用セクションレイアウト１*/
.section.-layout01 .title {
  margin-bottom: 20px;
}

.section.-layout01 .img.-textimg {
  /* margin-bottom: 10px; */
  margin: 20px auto;
  width: 100%;
}


.section.-layout01 .img.-textimg02 {
  margin-bottom: 30px;
}

.section.-layout01 .img.-main {
  margin-bottom: 30px;
}

.section.-layout01 .text.-head {
  margin-bottom: 10px;
}

.section.-layout01 .text.-time {
  margin-bottom: 10px;
}

.section.-layout01 .text.-salon {
  margin-bottom: 10px;
}

.section.-layout01 .text.-normal {
  margin-bottom: 20px;
}

.section.-layout01 .text.-telephone {
  margin-top: 10px;
}

.section.-layout01 .button {
  margin-top: 40px;
}

@media only screen and (max-width: 599px) {
  .section.-layout01 .button {
    margin-top: 20px;
  }
}

.section.-layout_list01 .button {
  margin-top: 15px;
}


/**
共通セクション
-cmn
*/
/*共通セクション１*/
.section.-cmn01 {
  position: relative;
  z-index: 1;
}

.section.-cmn01 .img {
  position: absolute;
  z-index: -1;
  width: 65%;
  max-height: 100%;
  overflow: hidden;
}

.section.-cmn01 .img img {
  width: 100%;
}

.section.-cmn01 .title {
  padding-top: 50px;
  text-align: right;
}

.section.-cmn01 .text.-sub {
  text-align: right;
}

.section.-cmn01 .text.-head {
  margin-bottom: 10px;
  font-size: 24px;
}

.section.-cmn01 .box {
  width: 450px;
  padding: 30px 20px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: 10px;
  background: #fff;
}

.section.-cmn01.-reverse .img {
  right: 0;
}

.section.-cmn01.-reverse .title {
  text-align: left;
}

.section.-cmn01.-reverse .text.-sub {
  text-align: left;
}

.section.-cmn01.-reverse .text.-head {
  margin-bottom: 10px;
}

.section.-cmn01.-reverse .box {
  margin-right: auto;
  margin-left: inherit;
}

.section.-cmn01.-type01 .title {
  padding-top: 0;
  text-align: left;
}

.section.-cmn01.-type01 .text.-sub {
  text-align: left;
}

.section.-cmn01.-type01 .box {
  width: 100%;
  margin-top: 0;
}

@media only screen and (max-width: 599px) {
  .section.-cmn01 .box {
    width: 96%;
  }

  .section.-cmn01 .text.-head {
    font-size: 20px;
  }
}

/*共通セクション２*/
.section.-cmn02 {
  position: relative;
  z-index: 1;
}

.section.-cmn02 .img {
  position: absolute;
  z-index: -1;
  right: 0;
  width: 40%;
  max-height: 100%;
  overflow: hidden;
}

.section.-cmn02 .img img {
  width: 100%;
}

.section.-cmn02 .title {
  padding-top: 100px;
}

.section.-cmn02 .box {
  width: 80%;
  padding: 30px 20px;
  background: #fff;
}

@media only screen and (max-width: 599px) {
  .section.-cmn02 .img {
    width: 50%;
  }

  .section.-cmn02 .box {
    width: 96%;
  }
}

/*共通セクション２の要素の左右反転*/
.change_action02 {
  counter-reset: section;
}

.change_action02 .section:nth-of-type(even) .img {
  right: inherit;
  left: 0;
}

.change_action02 .section:nth-of-type(even) .title {
  text-align: right;
}

.change_action02 .section:nth-of-type(even) .text.-sub {
  text-align: right;
}

.change_action02 .section:nth-of-type(even) .box {
  margin-left: auto;
}

/**
固有セクション
*/

/*video*/

.video{
  width: 90%;
  margin: 0 auto;
	height: 67vh;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	margin-bottom: 0px;
	z-index: 11;
}
.video.remove{
    visibility: hidden;
    opacity: 0;
  }
#videosp, #video {
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-width: 100vw;
    min-height: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    font-family: "object-fit: cover; object-position: 50% 50%;";
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
#video {
  min-height: inherit !important;
}
@media screen and (min-width:600px){
  #videosp {
    display: none;
  }
}
@media screen and (max-width:599px){
  .video{
    position: fixed;
    width: 100%;
    height: 100vh;
  }
  #video {
    display: none;
  }
  .topmv{
    opacity: 1 !important;
  }
}



/*トップページ　メインビジュアル*/
/* .section.-top_mainvisual .img {
  position: relative;
  width: 90%;
  height: calc(80vh - 165px);
  margin: 0 auto;
  overflow: hidden; } */

/* .section.-top_mainvisual img {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); } */

.slide-sp {
  display: none;
}
.slide-sp .uk-slidenav-position[data-uk-slideshow] {
    position: relative;
    padding-top: 100vh;
}
.slide-sp .uk-slideshow {
  height: 100% !important;
  position: absolute;
  top: 0;
}

.slide-sp .uk-slideshow li {
  height: 100% !important;
}

.slide-sp .uk-slideshow .uk-flex {
  height: 100% !important;
}

.slide-sp .uk-slideshow img {
  /*IE対策*/
  font-family: "object-fit: cover; object-position: 50% 50%;";
  width: 100%;
  /* width: auto !important; */
  /* max-width: none; */
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.slide-sp .uk-dotnav {
  transform: rotate(90deg) translateX(-50%);
  top: 50%;
  left: 20px;
  width: auto;
}

[data-element-id] .slide-sp {
  display: block;
}

[data-element-id] .slide-sp {
  display: block;
  max-width: 1024px;
  margin: 0 auto;
}

.section.-top_mainvisual .scroll {
  position: absolute;
  z-index: 1;
  right: 30px;
  bottom: 10vh;
}

.section.-top_mainvisual .scroll a {
  display: block;
  text-shadow: 2px 0px 0px #fff, 0 1px 0px #fff, 1px 1px 1px #fff, -1px -1px 1px #fff;
}

.section.-top_mainvisual .scroll a:before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-right: 5px;
}
@media only screen and (min-width: 600px) {
  .-top_mainvisual {
  height: auto !important;
}
}
@media only screen and (max-width: 599px) {
  .-top_mainvisual {
    height: 100vh;
  }
  .slide-pc {
    display: none;
  }
  [data-element-id] .slide-sp{
    position: static;
  }
  .slide-sp {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
  }
  .slide-sp.remove{
    visibility: hidden;
    opacity: 0;
  }
}

/* @media only screen and (max-width: 1024px) {
  .section.-top_mainvisual .img {
    height: auto; }
    .section.-top_mainvisual .img:before {
      content: "";
      display: block;
      padding-top: 60%; }
  .section.-top_mainvisual img {
    position: absolute;
    top: 0; } } */

/* @media only screen and (max-width: 599px) {
  .section.-top_mainvisual .img {
    min-height: 140px; }
    .section.-top_mainvisual .img:before {
      padding-top: 50%; }
  .section.-top_mainvisual img {
    width: 100%;
    min-height: auto; } } */

/*トップページ　ピックアップ*/
.section.-top_pickup .button {
  margin-top: 0;
}

.slick-prev:before {
  content: "＜";
  color: #999;
}

.slick-next:before {
  content: "＞";
  color: #999;
}

[data-element-id] .section.-top_pickup {
  max-height: 550px;
  overflow: hidden;
}

[data-element-id] .section.-top_staff {
  max-height: 480px;
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .section.-top_pickup .grid {
    width: 80%;
    min-width: 300px;
  }
}

/*トップページ　ブログ・ニュース*/
@media only screen and (max-width: 599px) {
  .section.-top_article .list {
    width: 80%;
    min-width: 300px;
    margin: 0 auto;
  }
}

/*トップページ　サロン*/
.section.-top_salon .column {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.section.-top_salon .box .img {
  margin: 15px;
}

.section.-top_salon .box img {
  height: 40px;
}

.section.-top_salon .button {
  margin-top: 10px;
}

[data-element-id] .section.-top_salon {
  max-height: 500px;
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .section.-top_salon .w65 {
    width: 65%;
    margin: 0;
  }

  .section.-top_salon .w30 {
    width: 30%;
        margin: 5% auto;
  }

  .section.-top_salon .box img {
    height: 30px;
  }
  .section.-top_salon .box .img{
    margin: 0 0 1em;
  }
  .section.-top_salon .box .text{
    font-size: 10px;
  }
}

/*スリックスライド*/
.slick-initialized .slick-slide {
  padding: 0 10px;
}


/*トップページ０１*/
.section.-top01 {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.section.-top01.topconcept{
  background: #f0edee;
}
.section.-top01.topconcept .img img {
  max-width: 100%;
}
/* .section.-top01.topconcept .box * {
    text-shadow: 0px 0px 10px #999;
}
 */.section.-top01 .img {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  overflow: hidden;
}
.section.-top01 .img img {
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  -o-object-fit: cover;
    object-fit: cover;
  font-family: 'object-fit: cover;';
}

.section.-top01 .box {
  position: relative;
  width: 50%;
  padding: 40px;
  /*     background: #fff;
 */
}

.section.-top01 .box.-right {
  margin: 0 auto;
}

.section.-top01 .title-number {
  /*color: #ffc6c6;
  border-bottom: 1px solid #ffc6c6 !important;*/
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}

@media only screen and (max-width: 599px) {
  .section.-top01 {
    padding-top: 0;
  }

  .section.-top01 .img {
    overflow: hidden;
  }

  .section.-top01 .img:before {
    content: "";
    display: block;
    padding-top: 30%;
  }

  .section.-top01 .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: auto;
    height: 100%;
  }

  .section.-top01 .box {
    width: 100%;
    padding: 10px 20px;
    margin: 0 auto;
  }
  
}

/*ピックアップ（トップ）*/
.section.-top_pickup .title-number {
  /*color: #ffc6ff;
  border-bottom: 1px solid #ffc6ff !important;*/
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}

/*トップページ０２*/
.section.-top02 {
  position: relative;
  padding-top: 40px;
}

.section.-top02 .title-number {
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}

.section.-top02 .list {
  margin-top: 30px;
  margin-bottom: 30px;
}
.section.-top02 .listitem {
  position: static;
}
.section.-top02 .listitem:first-of-type {
  width: 35%;
}
.section.-top02 .listitem:last-of-type {
  width: 58%;
}
.section.-top02 .listitem:first-of-type p:first-of-type {
  margin-bottom: 20px;
}

/* .section.-top02 .listitem:nth-of-type(1) {
  position: absolute;
  z-index: 1;
  top: -100px;
}

.section.-top02 .listitem:nth-of-type(2) {
  width: 50%;
  margin-left: auto;
  margin-top: 150px;
  margin-bottom: -25%;
}

.section.-top02 .listitem:nth-of-type(2):before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
}

.section.-top02 .listitem:nth-of-type(3) {
  width: 40%;
  margin-bottom: -8%;
}

.section.-top02 .listitem:nth-of-type(4) {
  position: relative;
  width: 50%;
  margin-left: auto;
  margin-bottom: 3%;
}

.section.-top02 .listitem:nth-of-type(4) .item-in {
  display: inline-block;
  max-width: 100%;
  text-align: right;
} */

.section.-top02 .listitem:nth-of-type(5) {
  width: 40%;
  margin-left: auto;
  margin-bottom: -36%;
}

.section.-top02 .listitem:nth-of-type(6) {
  width: 35%;
  margin-left: 5%;
  margin-bottom: 100px;
}

.section.-top02 .listitem:nth-of-type(6):before {
  /*         content: "";
 */
  display: block;
  position: absolute;
  top: 30px;
  left: 30px;
  width: 100%;
  height: 100%;
  background-color: #f9f5f2;
}

@media only screen and (max-width: 599px) {
  .section.-top02 .listitem {
    position: relative;
  }

  .section.-top02 .listitem:nth-of-type(1) {
    position: relative;
    top: 0;
  }

  .section.-top02 .listitem:nth-of-type(2) {
    /*margin-top: -30px;*/
    margin-bottom: -30px;
  }

  .section.-top02 .listitem:nth-of-type(2):before {
    top: 15px;
    right: 15px;
  }

  .section.-top02 .listitem:nth-of-type(3) {
    margin-bottom: -50px;
  }

  .section.-top02 .listitem:nth-of-type(4) {
    position: relative;
    left: 0;
    width: 60%;
    margin-bottom: 20px;
    text-align: right;
  }

  .section.-top02 .listitem:nth-of-type(4) .item-in {
    max-width: 100%;
    text-align: right;
  }

  .section.-top02 .listitem:nth-of-type(5) {
    width: 40%;
    margin-bottom: -100px;
  }

  .section.-top02 .listitem:nth-of-type(6) {
    width: 35%;
  }

  .section.-top02 .listitem:nth-of-type(6):before {
    top: 15px;
    left: 15px;
  }
  .section.-top02 .listitem:first-of-type p:first-of-type {
    margin-bottom: 10px;
  }
  .index h2.title{
    text-align: center;
        font-size: 24px !important;
  }
  .index div:not(.-top_blog) h2.title .title-number{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  
  .index .-top_blog h2.title{
    text-align: center;
        position: relative;
    padding-top: 40px;
  }
/*   .index .-top_blog h2.title:first-letter{
  font-size: 150%;
}
 */  .index .-top_blog h2.title .title-number{
        position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: auto;
    transform: translateX(-50%);
        margin-right: 0;
    line-height: 100%;
  }
}

/*top MV effect like parallax*/
@media only screen and (max-width: 599px) {
.contentsArea{
  background: #fff;
  position: relative;
  z-index: 11;
}
}
/*メニュー（トップ）*/
.section.-top_menu .title-number {
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}
.-top_menu .box{
  text-align: center;
}
.-top_menu .inb{
  display: inline-block;
}
/*スタッフ（トップ）*/
.section.-top_staff .title-number {
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}

/*ニュース（トップ）*/
.section.-top_news .title-number {
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}

/*ブログ（トップ）*/
.section.-top_blog .title-number {
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}

/*サロン（トップ）*/
.section.-top_salon .title-number {
  color: #c6c6ff;
  border-bottom: 1px solid #c6c6ff !important;
}

/*サロンリスト*/
.section.-salon_list .-textimg a {
  display: inline-block;
}

.section.-salon_list .-textimg img {
  height: 50px;
}

/*サロン詳細ページ*/
.section.-layout_salon * {
  text-align: center;
}

.section.-layout_salon .img.-main {
  margin-bottom: 30px;
}

.section.-layout_salon .img.-textimg01 {
  margin-bottom: 10px;
}

.section.-layout_salon .text.-head {
  margin-bottom: 30px;
}

.section.-layout_salon .datatitle {
  margin-bottom: 5px;
}

/*スタッフ詳細*/
.section.-staff_detail {
  position: relative;
}

.section.-staff_detail:after {
  content: "";
  display: block;
  clear: both;
}

.section.-staff_detail .box.-text {
  float: left;
  position: relative;
  z-index: 1;
  width: 50%;
  padding-top: 50px;
  margin-bottom: 30px;
}

.section.-staff_detail .box.-image {
  float: left;
  width: 50%;
}

.section.-staff_detail .box.-image .img:nth-child(1) {
  width: 50%;
  margin-bottom: 50px;
}

.section.-staff_detail .box.-image .img:nth-child(2) {
  width: 60%;
  margin-left: auto;
  margin-bottom: 30px;
}

.section.-staff_detail .box.-image .img:nth-child(3) {
  width: 50%;
}

.section.-staff_detail .box.-info {
  float: right;
  width: 45%;
}

.section.-staff_detail .box.-info .img {
  margin: 0 auto 30px;
  margin-bottom: 30px;
}

.section.-staff_detail .text.-position {
  margin-bottom: 10px;
}

.section_nomb.-reserv li {
  margin: 0 1rem 3rem;
}

.section_nomb.-reserv li a {
    display: inline-block;
    padding: .75em 4em;
    border: 1px solid #000;
    background: #f9f5f2;
}


@media only screen and (max-width: 1024px) {
  .section.-staff_detail .box.-text {
    width: 100%;
    padding-top: 0;
  }

  .section.-staff_detail .box.-info {
    position: relative;
    width: 100%;
  }

  .section.-staff_detail .box.-info .img {
    width: 60%;
    min-width: 300px;
  }

  .section.-staff_detail .box.-image {
    width: 100%;
  }

  .section.-staff_detail .box.-image .img:nth-child(1) {
    margin-top: 30px;
  }
}

/*スタッフ詳細02*/
.section.-staff_detail02 {
  position: relative;
}

.section.-staff_detail02 .flexb {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.section.-staff_detail02 .box.-text {
  position: relative;
  z-index: 1;
  width: 65%;
  padding-top: 30px;
}

.section.-staff_detail02 .box.-image {
  width: 30%;
}

.section.-staff_detail02 .text.-position {
  margin-bottom: 10px;
}

.section.-staff_detail02 .text.-head {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1024px) {
  .section.-staff_detail02 .box.-text {
    padding-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .section.-staff_detail02 .flexb {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .section.-staff_detail02 .box.-text {
    width: 100%;
  }

  .section.-staff_detail02 .box.-image {
    width: 80%;
    min-width: 250px;
    margin: 0 auto 10px;
  }
}

/*スタッフ詳細03*/
.section.-staff_detail03 {
  position: relative;
}

.section.-staff_detail03 .flexb {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.section.-staff_detail03 .box.-text {
  position: relative;
  z-index: 1;
  width: 55%;
  padding-top: 30px;
}

.section.-staff_detail03 .box.-image {
  width: 40%;
}

.section.-staff_detail03 .text.-position {
  margin-bottom: 10px;
}

.section.-staff_detail03 .text.-head {
  margin-bottom: 20px;
}

.section.-staff_detail03 .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .section.-staff_detail03 .box.-text {
    padding-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .section.-staff_detail03 .flexb {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .section.-staff_detail03 .box.-text {
    width: 100%;
  }

  .section.-staff_detail03 .box.-image {
    width: 80%;
    min-width: 250px;
    margin: 0 auto 10px;
  }
}

/*スタッフブログ*/
.section.-staff_blog .box {
  position: relative;
}

.section.-staff_blog .box .button {
  position: absolute;
  bottom: 0;
  right: 0;
}

.section.-staff_blog .text {
  margin-bottom: 10px;
}

.section.-staff_blog .img a {
  display: block;
}

.section.-staff_blog>.button {
  margin-top: 50px;
}

@media only screen and (max-width: 599px) {
  .section.-staff_blog .box .button {
    position: relative;
    text-align: right;
  }
}

/*コンセプト*/
.concept01 .area:nth-of-type(even) {
  background: #f4f4f4;
}

/*クーポンリスト*/
.section.-couponlist .column {
  position: relative;
  z-index: 1;
  padding: 30px 70px;
  background: #fff;
  -webkit-box-shadow: 10px 10px 0 0 #c9c9c9;
  box-shadow: 10px 10px 0 0 #c9c9c9;
}

.section.-couponlist .column.NEW:before {
  content: url(/upload/tenant_1/df63c3742384244293b3a7112d9ca65e.png);
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -10px;
}

.section.-couponlist .column.ALL:before {
  content: url(/upload/tenant_1/ada081a43fcea31da55513f9c35e84fb.png);
  position: absolute;
  z-index: -1;
  top: -10px;
  left: -10px;
}

.section.-couponlist .text.-head {
  margin-bottom: 20px;
}

.section.-couponlist .text.-head a {
  display: block;
}

.section.-couponlist .text.-value {
  margin-bottom: 10px;
}

.section.-couponlist .text.-available {
  margin-bottom: 10px;
}

.section.-couponlist .text.-expiration {
  margin-bottom: 5px;
}

.section.-couponlist .box {
  padding-top: 20px;
  border-top: 1px solid #000;
}

@media only screen and (max-width: 1024px) {
  .section.-couponlist .column {
    padding: 30px 38px;
  }

  .section.-couponlist .column.NEW:before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }

  .section.-couponlist .column.ALL:before {
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}

@media only screen and (max-width: 599px) {
  .section.-couponlist .text.-head {
    margin-bottom: 10px;
  }

  .section.-couponlist .text.-head a {
    height: auto !important;
  }
}

/*スタイルギャラリー*/
.section.-gallery .column {
  position: relative;
}

.section.-gallery a {
  display: block;
}

.section.-gallery a:hover {
  opacity: 1;
}

.section.-gallery a:hover .img:after {
  opacity: 1;
}

.section.-gallery a:hover .text {
  opacity: 1;
}

.section.-gallery .img:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.section.-gallery .text {
  position: absolute;
  z-index: 1;
  top: 50%;
  padding: 10px;
  color: #fff;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity: 0;
}

@media only screen and (max-width: 1024px) {
  .section.-gallery .text {
    display: none;
  }

  .section.-gallery a:hover .text {
    opacity: 0;
  }
}

/*スタイル詳細*/
.section.-style_detail {
  position: relative;
}

.section.-style_detail .box.-gallery .image01 {
  margin-bottom: 20px;
}

.section.-style_detail .box.-info>.text.-head {
  margin-bottom: 20px;
}

.section.-style_detail .box.-staff .datalist {
  margin-bottom: 20px;
}

.section.-style_detail .box.-staffinfo .text {
  text-align: right;
}

.section.-style_detail .list {
  margin-bottom: 50px;
}

.section.-style_detail .box-in .datatitle {
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .section.-style_detail .box.-staff .img {
    width: 50%;
    min-width: 250px;
    margin: 0 auto;
  }

  .section.-style_detail .box.-staffinfo {
    width: 50%;
    min-width: 250px;
    margin: auto;
  }

  .section.-style_detail .list {
    margin-bottom: 20px;
  }
}

/*お客様の声*/
.section.-voice .box.-left .text {
  text-align: center;
}

.section.-voice .box.-left .text.-month {
  margin-right: 10px;
}

.section.-voice .box.-right .text.-head {
  margin-bottom: 10px;
}

.section.-voice .box.-right .button {
  margin-top: 20px;
}

/*お客様の声詳細*/
.section.-voice_detail .box.-right>.text.-head {
  margin-bottom: 30px;
}

/*記事（ブログ・ニュース）*/
.section.-article .img {
  margin-bottom: 10px;
}

.section.-article .text.-category {
  margin-bottom: 5px;
}

.section.-article .button {
  margin-top: 10px;
}

/*記事詳細（ブログ・ニュース）*/
.section.-article_detail .text.-head {
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .section.-article_detail .text.-head {
    margin-bottom: 10px;
  }

  .section.-article_detail .module {
    margin-left: auto;
    margin-right: auto;
  }
}

/*商品*/
.section.-product .img {
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #959595;
  background-color: #fff;
  overflow: hidden;
}

.section.-product .img:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.section.-product .img a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.section.-product .button {
  margin-top: 10px;
}

/*商品詳細*/
.section.-product_detail .text.-head {
  margin-bottom: 10px;
}

.section.-product_detail .text.-value {
  margin-bottom: 30px;
}

.section.-product_detail .img {
  text-align: center;
}

.section.-product_detail img {
  max-width: 100%;
}

/*効果*/
.section.-effect .title {
  text-align: center;
}

.section.-effect .text.-sub {
  text-align: center;
  margin-bottom: 20px;
}

/*********************************************
    ボックス    box
*********************************************/
/**
汎用モデルボックス
-model
*/
/*ボックスモデル１*/
/**
固有ボックス
*/
/*********************************************
    グリッド　grid
*********************************************/
/**
グリッド汎用クラス
*/
.grid.-divide .column {
  margin: 0 1% 5%;
}

.grid.-divide2 .column {
  padding: 0 2%;
  margin: 0 1% 5%;
}

.grid.-divide3 .column {
  margin: 0 1% 2%;
}

.grid.-divide4 .column {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 1%;
  margin-bottom: 5%;
}

@media only screen and (max-width: 599px) {
  .grid.-divide2 .column {
    margin-bottom: 10%;
  }
}

/**
２カラム
-column2
*/
/*221*/
.grid.-column221 {
  position: relative;
}

.grid.-column221 .column {
  width: 48%;
  max-width: 50%;
}

@media only screen and (max-width: 599px) {
  .grid.-column221 {
    position: relative;
  }

  .grid.-column221 .column {
    width: 100%;
    max-width: unset;
  }
}

/**
３カラム
-column3
*/
/*333*/
.grid.-column333 {
  position: relative;
}

.grid.-column333 .column {
  width: 31.333%;
  max-width: 33.333%;
}

/*332*/
.grid.-column332 {
  position: relative;
}

.grid.-column332 .column {
  width: 31.333%;
  max-width: 33.333%;
}

@media only screen and (max-width: 599px) {
  .grid.-column332 .column {
    width: 48%;
    max-width: 50%;
  }
}

/*331*/
.grid.-column331 {
  position: relative;
}

.grid.-column331 .column {
  width: 31.333%;
  max-width: 33.333%;
}

@media only screen and (max-width: 599px) {
  .grid.-column331 .column {
    width: 100%;
    max-width: 100%;
  }
}

/*322*/
.grid.-column322 {
  position: relative;
}

.grid.-column322 .column {
  width: 31.333%;
  max-width: 33.333%;
}

@media only screen and (max-width: 1024px) {
  .grid.-column322 .column {
    width: 48%;
    max-width: 50%;
  }
}

/**
４カラム
-column4
*/
/*442*/
.grid.-column442 {
  position: relative;
}

.grid.-column442 .column {
  width: 23%;
  max-width: 25%;
}

@media only screen and (max-width: 599px) {
  .grid.-column442 .column {
    width: 48%;
    max-width: 50%;
  }
}

/*443*/
.grid.-column443 {
  position: relative;
}

.grid.-column443 .column {
  width: 23%;
  max-width: 25%;
}

@media only screen and (max-width: 599px) {
  .grid.-column443 .column {
    width: 31.333%;
    max-width: 33.333%;
  }
}

/*422*/
.grid.-column422 {
  position: relative;
}

.grid.-column422 .column {
  width: 23%;
  max-width: 25%;
}

@media only screen and (max-width: 599px) {
  .grid.-column422 .column {
    width: 48%;
    max-width: 50%;
  }
}

/**
５カラム
-column5
*/
/*553*/
.grid.-column553 {
  position: relative;
}

.grid.-column553 .column {
  width: 18%;
  max-width: 20%;
}

@media only screen and (max-width: 599px) {
  .grid.-column553 .column {
    width: 31.333%;
    max-width: 33.333%;
  }
}

/*********************************************
    タイトル　title
*********************************************/
/**
汎用タイトルモデル
-model1
*/
/*モデルタイトル（フォントサイズ３６）*/
.title.-cmn01 {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 32px;
  letter-spacing: .1em;
}

.title.-cmn01.-type1 {
  font-size: 24px;
}

.title.-cmn01.-type1 .title-in:first-of-type:before {
  content: "“";
}

.title.-cmn01.-type1:after {
  content: "”";
  position: relative;
  bottom: 0;
  font-size: 1.5em;
}

.title.-cmn01.-type2 {
  font-size: 32px;
  padding-top: 20px;
}


.title.-cmn01.-type03 {
  text-align: center;
}

/* .title.-cmn01.-type03:first-letter {
  font-size: 1.5em;
}
 */
.title.-cmn01.-type03 .title-in01 {
  width: 100%;
  display: block;
  position: relative;
}

.title.-cmn01.-type03 .title-in01:after {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  background-color: #000;
}

.title.-cmn01.-type03 .title-in02 {
  display: inline-block;
  max-width: 100%;
}

/* .title.-cmn01.-type03 .title-in02:first-letter {
  font-size: 1.5em;
}
 */
.title.-cmn01.-type03 .title-in03 {
  display: inline-block;
  max-width: 100%;
  font-size: 1.5em;
}

.title.-cmn01.-number {
  position: relative;
  padding-top: 40px;
}

.title.-cmn01.-number .title-number {
  position: absolute;
  top: 10px;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 100%;
  border-bottom: 1px solid #000;
}

.title.-cmn01.-number.-center {
  text-align: center;
}

.title.-cmn01.-number.-center .title-number {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.title.-cmn01.-number01 .title-number {
  position: relative;
  bottom: .5em;
  margin-right: 30px;
  font-size: 20px;
  letter-spacing: 0;
  border-bottom: 1px solid #000;
}

/* .title.-cmn01 .title-in {
  font-size: 1.5em;
}
 */
@media only screen and (max-width: 599px) {
  .title.-cmn01 {
    font-size: 24px;
  }

  .title.-cmn01.-type1 {
    font-size: 18px;
  }
}

.title.-cmn02 {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 24px;
  letter-spacing: .1em;
}

.title.-cmn02.-type01 {
  text-align: center;
}

/* .title.-cmn02.-type01:first-letter {
  font-size: 1.5em;
}
 */
.title.-cmn02.-type01 .title-in01:after {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  background-color: #000;
}

.title.-cmn02.-type01 .title-in02 {
  display: inline-block;
}

/* .title.-cmn02.-type01 .title-in02:first-letter {
  font-size: 1.5em;
}
 */
.title.-cmn02.-type01 .title-in03 {
  display: inline-block;
  max-width: 100%;
  font-size: 1.5em;
}

.title.-cmn02 .title-in {
  font-size: 1.5em;
}

@media only screen and (max-width: 599px) {
  .title.-cmn02 {
    font-size: 20px;
  }
}

.title.-cmn03 {
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: .1em;
}

/* .title.-cmn03:first-letter {
  font-size: 1.5em;
 */}

.title.-cmn03.-type01:after {
  content: "";
  display: block;
  position: relative;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  background-color: #000;
}

.title.-cmn03.-pink:first-letter {
  color: #edd3de;
}

.title.-cmn03.-blue:first-letter {
  color: #a7c0db;
}

.title.-cmn03.-green:first-letter {
  color: #bdd2bf;
}

.title.-cmn03.-purple:first-letter {
  color: #ceafda;
}

.title.-cmn03 .title-in {
  display: inline-block;
}
/* 
.title.-cmn03 .title-in:first-letter {
  font-size: 1.5em;
}
 */
.title.-cmn04 {
  font-size: 24px;
  font-weight: 600;
}

.title.-cmn04.-number:before {
  counter-increment: section;
  content: counter(section);
  margin-right: 10px;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 1.5em;
}

.title.-cmn04.-blue:before {
  color: #a7c0db;
}

@media only screen and (max-width: 599px) {
  .title.-cmn04 {
    font-size: 20px;
  }
}

.title.-cmn05.-type01 {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 600;
}

.title.-cmn05.-type01:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  height: 1px;
  width: 100%;
  background: #000;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.title.-cmn05.-type01 .title-in {
  display: inline-block;
  min-width: 180px;
  padding-right: 10px;
  background: #fff;
}

@media only screen and (max-width: 599px) {
  .title.-cmn05.-type01 .title-in {
    min-width: 150px;
  }
}

/**
固有タイトル
*/
/*********************************************
    テキスト    text
*********************************************/
/**
汎用モデルテキスト
-model
*/
/*モデルテキスト１*/
.text.-cmn01 {
  line-height: 200%;
}

/**
固有テキスト
*/
.text.-time {
  font-family: "Montserrat", sans-serif;
}

.text.-time.-type01 {
  border-bottom: 1px solid #000;
}

.text.-head {
  font-weight: 600;
}

.text.-head.-type01 {
  font-size: 18px;
  text-align: center;
}

.text.-head.-type02 {
  font-size: 20px;
}

.text.-head.-type03 {
  font-size: 16px;
}

.text.-head.-type04 {
  position: relative;
  padding-bottom: 10px;
  font-size: 16px;
}

/* .text.-head.-type04:first-letter {
  font-size: 1.5em;
}
 */
.text.-head.-type04:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 120%;
  right: 0;
  bottom: 0;
  background-color: #000;
}

.text.-head.-type05 {
  font-size: 16px;
  padding-bottom: 5px;
  border-bottom: 1px solid #000;
}

.text.-head.-type06 {
  position: relative;
  padding-bottom: 10px;
  font-size: 20px;
}

.text.-head.-type06:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 115%;
  right: 0;
  bottom: 0;
  background-color: #000;
}

.text.-head .text-in {
  display: inline-block;
  margin-left: 10px;
  font-size: 12px;
}

@media only screen and (max-width: 599px) {
  .text.-head.-type01 {
    font-size: 16px;
  }

  .text.-head a {
    display: block;
  }

  .data a {
    display: block;
  }
}

.text.-name {
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: .2em;
}

.text.-name a {
  display: block;
}

.text.-name .text-in1 {
  margin-right: 0em;
}

.text.-name .text-in1 span:first-child {
  display: inline-block;
  margin-bottom: .2em;
  font-size: 1em;
}

.text.-name .text-in2 {
  display: inline-block;
  margin-left: .5em;
}

/* .text.-name .text-in2:first-letter {
  font-size: 1em;
}
 */
.text.-position {
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: .1em;
}

/* .text.-position:first-letter {
  font-size: 1.5em;
}
 */
.text.-position.-type01:after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 120%;
  margin-top: 5px;
  background-color: #000;
}

.text.-position.-type01 .text-in {
  display: inline-block;
}

/* .text.-position.-type01 .text-in:first-letter {
  font-size: 1.5em;
}
 */
@media only screen and (max-width: 1024px) {
  .text.-position.-type01:after {
    width: 100%;
  }
}

.text.-category.-type01 {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 16px;
}

/* .text.-category.-type01:first-letter {
  font-size: 1.5em;
}
 */
.text.-category.-type02 {
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: .1em;
}

/* .text.-category.-type02:first-letter {
  font-size: 1.5em;
}
 */
.text.-category.-type03 {
  border-bottom: 1px solid #000;
}

@media only screen and (max-width: 599px) {
  .text.-category.-type01 {
    font-size: 14px;
  }
}

.text.-value.-type01 {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 30px;
  color: red;
}

.text.-value.-type02 {
  font-family: "Sorts Mill Goudy", serif;
  font-size: 40px;
  color: red;
}

.text.-value.-type03 {
  font-size: 20px;
  text-align: right;
}

.text.-available .text-in span {
  display: inline-block;
  padding: 2px 10px;
  color: #fff;
  background-color: #959595;
  margin: 0 5px 5px;
}

.text.-week.-type01 {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}

.text.-day.-type01 {
  font-family: "Montserrat", sans-serif;
  font-size: 80px;
  font-weight: 600;
  line-height: 120%;
}

.text.-month.-type01 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
}

.text.-year.-type01 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
}

.text.-telephone.-type01 {
  font-family: "Sorts Mill Goudy", serif;
  letter-spacing: .2em;
  color: #959595;
}

.text.-telephone.-type01 .tel {
  font-size: 36px;
}

.text.-telephone.-type01 a {
  color: #959595;
}

@media only screen and (max-width: 599px) {
  .text.-telephone.-type01 .tel {
    font-size: 30px;
  }
}

/*********************************************
    リンク　link
*********************************************/
/**
汎用モデルリンク
-model
*/
/*********************************************
    ボタン button
*********************************************/
/**
汎用モデルボタン
-model
*/
/*モデルボタン１*/
.button.-cmn01 a {
  font-family: "Montserrat", sans-serif;
  border-bottom: 1px solid #000;
}

.button.-cmn02 a {
  display: inline-block;
  padding: .5em 3em;
  border: 1px solid #000;
}

.button.-cmn02.-type01 {
  font-family: "Sorts Mill Goudy", serif;
}

.button.-cmn02.-type01 a {
  color: #fff;
  background: #000;
}

/* .button.-cmn02.-type01 a:first-letter {
  font-size: 1.5em;
}
 */
.button.-cmn02.-type01 .title-in {
  display: inline-block;
}

/* .button.-cmn02.-type01 .title-in:first-letter {
  font-size: 1.5em;
}
 */
/*********************************************
    画像 img
*********************************************/
/**
汎用画像用クラス
*/
/*要素幅一杯に画像を表示*/
.img.-full img {
  width: 100%;
}

/*要素中心に画像を表示*/
.img.-center {
  position: relative;
}

.img.-center img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*モバイル時に小さめに表示*/
.img.-smallsp {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 599px) {
  .img.-smallsp {
    width: 80%;
  }
}

/*モバイル時により小さめに表示*/
.img.-smallersp {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 599px) {
  .img.-smallersp {
    width: 50%;
  }
}

/*角丸画像*/
.img.-round {
  overflow: hidden;
  border-radius: 20px;
}

/*メイン画像*/
.img.-main {
  position: relative;
  overflow: hidden;
}

.img.-main:after {
  content: "";
  display: block;
  padding-top: 60%;
}

.img.-main.-type01:after {
  padding-top: 50%;
}

.img.-main img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

/*********************************************
    リスト list
*********************************************/
/**
共通モデルリスト
-cmn
*/
/*共通リスト01*/
.list.-cmn01 .listitem {
  margin-bottom: 10px;
}

.list.-cmn01 .flex {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.list.-cmn01 .datatitle {
  min-width: 100px;
}

.list.-cmn01.-type01 .datatitle {
  font-family: "Sorts Mill Goudy", serif;
}

/* .list.-cmn01.-type01 .datatitle:first-letter {
  font-size: 1.5em;
}
 */
/*共通リスト02*/
.list.-cmn02 .listitem {
  margin-bottom: 10px;
}

.list.-cmn02 .flex {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.list.-cmn02 .datatitle {
  min-width: 120px;
}

@media only screen and (max-width: 1024px) {
  .list.-cmn02 .flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/*共通リスト03*/
.list.-cmn03 .listitem {
  margin-bottom: 15px;
}

.list.-cmn03 .flex {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.list.-cmn03 .datatitle {
  min-width: 200px;
  font-weight: 600;
}

.list.-cmn03 .data {
  font-weight: 500;
}

.list.-cmn03 .box {
  padding: 50px;
  margin-top: 20px;
}

.list.-cmn03 .box .text {
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  .list.-cmn03 .datatitle {
    min-width: 150px;
  }
}

@media only screen and (max-width: 599px) {
  .list.-cmn03 .flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .list.-cmn03 .data {
    width: 100%;
  }

  .list.-cmn03 .box {
    padding: 20px;
  }
}

/*パンくずリスト*/
.list.-breadcrumb .listitem {
  display: inline-block;
}

.list.-breadcrumb .listitem:not(:last-child):after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  margin-left: 10px;
  margin-right: 5px;
}

/*ページネーション*/
.list.-pagenation {
  text-align: center;
}

.list.-pagenation .listitem {
  display: inline-block;
  margin: 0 .3rem;
}

.list.-pagenation .listitem .present-in,
.list.-pagenation .listitem a {
  display: block;
  width: 20px;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 30px;
  text-align: center;
}

.list.-pagenation .listitem a {
  color: #959595;
}

.list.-pagenation .listitem .present-in,
.list.-pagenation .listitem a:hover {
  opacity: 1;
  color: #000;
  border-bottom: 1px solid #000;
}

.list.-pagenation .listitem.-prev {
  margin-right: 30px;
}

.list.-pagenation .listitem.-prev a:before {
  content: "<";
}

.list.-pagenation .listitem.-next {
  margin-left: 30px;
}

.list.-pagenation .listitem.-next a:before {
  content: ">";
}

@media only screen and (max-width: 599px) {

  .list.-pagenation .listitem .present-in,
  .list.-pagenation .listitem a {
    width: 20px;
    font-size: 20px;
  }

  .list.-pagenation .listitem.-prev {
    margin-right: 10px;
  }

  .list.-pagenation .listitem.-next {
    margin-left: 10px;
  }
}

/**
固有リスト
*/
/*ニュースリスト*/
.list.-news {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.list.-news .datatitle {
  margin-right: 20px;
}

@media only screen and (max-width: 599px) {
  .list.-news {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .list.-news .datatitle {
    width: 100%;
  }
}
.-top_blog{
  width: 100%;
}
.-top_blog .listitem .img,.-top_blog .listitem .box{
  width: 100%;
  margin: 2% 0;
}
.list.-news1 .listitem {
  margin-bottom: 30px;
  width: 29.333%;
}

.list.-news1 .text.-head a {
  display: block;
  font-family: "游ゴシック",YuGothic,Hiragino Sans,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

@media only screen and (min-width: 600px) {
  .list.-news1 .listitem:nth-child(4) {
    display: none;
  }

  .list.-news1 .text.-head a {
    height: auto !important;
  }
}

@media only screen and (max-width: 599px) {
  .list.-news1 .listitem {
    width: 48%;
    margin: 0 0 30px;
  }
}

/*サロンリスト*/
.list.-saloninfo2 .listitem {
  margin-bottom: 20px;
}

.list.-saloninfo2 .datatitle {
  font-family: "Sorts Mill Goudy", serif;
}

/* .list.-saloninfo2 .datatitle:first-letter {
  font-size: 1.5em;
}
 */
/*スタッフ詳細　右側*/
.list.-staff_info .listitem {
  margin-bottom: 20px;
}

.list.-staff_info .datatitle {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
}

/*スタッフブログリスト*/
.list.-staff_blog .listitem {
  margin-bottom: 30px;
}

/*メニュー　カテゴリーリスト*/
.list.-category .listitem {
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .list.-category .listitem {
    width: 33.333%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .list.-category .listitem {
    width: 50%;
  }
}

/*メニューリスト*/
.list.-menu .listitem {
  margin-bottom: 15px;
}

.list.-menu dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 5px;
}

.list.-menu .datatitle {
  padding-right: 1em;
  font-weight: bold;
}

.list.-menu .data {
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .list.-menu dl {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .list.-menu .datatitle {
    width: 100%;
  }

  .list.-menu .data {
    margin-left: auto;
  }
}

/*お客様の声リスト*/
.list.-voice .listitem {
  position: relative;
  z-index: 1;
  padding: 30px 20px;
  margin-bottom: 50px;
  border: 1px solid #000;
}

.list.-voice .listitem:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 10px;
  left: 10px;
  border: 1px solid #000;
}

/*流れ*/
.list.-flow {
  counter-reset: listitem;
}

.list.-flow .listitem {
  position: relative;
  padding-left: 30px;
  margin-bottom: 20px;
}

.list.-flow .datatitle:before {
  counter-increment: listitem;
  content: counter(listitem);
  position: absolute;
  left: 0;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 30px;
  color: #bdd2bf;
}

/*Q&A*/
.list.-qa .listitem {
  margin-bottom: 50px;
}

.list.-qa .datatitle {
  position: relative;
  padding-left: 60px;
  margin-bottom: 14px;
}

.list.-qa .datatitle:before {
  content: "Q｜";
  position: absolute;
  left: 0;
  top: 5px;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 30px;
  font-weight: 400;
}

.list.-qa .data {
  position: relative;
  padding-left: 60px;
  margin-bottom: 14px;
}

.list.-qa .data:before {
  content: "A｜";
  position: absolute;
  left: 0;
  top: 5px;
  font-family: "Sorts Mill Goudy", serif;
  font-size: 30px;
  font-weight: 400;
}

@media only screen and (max-width: 599px) {
  .list.-qa .datatitle {
    padding-left: 50px;
  }

  .list.-qa .datatitle:before {
    font-size: 24px;
  }

  .list.-qa .data {
    padding-left: 50px;
  }

  .list.-qa .data:before {
    font-size: 24px;
  }
}

/*********************************************
    モジュール　module
*********************************************/
/*影*/
/* .shadow {
  -webkit-box-shadow: 15px 15px 0 0 #f4f4f4;
  box-shadow: 15px 15px 0 0 #f4f4f4; }
  .shadow.-pink {
    -webkit-box-shadow: 15px 15px 0 0 #edd3de;
    box-shadow: 15px 15px 0 0 #edd3de; }
  .shadow.-pink01 {
    -webkit-box-shadow: 15px 15px 0 0 rgba(237, 211, 222, 0.5);
    box-shadow: 15px 15px 0 0 rgba(237, 211, 222, 0.5); }
  .shadow.-blue {
    -webkit-box-shadow: 15px 15px 0 0 #a7c0db;
    box-shadow: 15px 15px 0 0 #a7c0db; }
  .shadow.-blue01 {
    -webkit-box-shadow: 15px 15px 0 0 rgba(167, 192, 219, 0.5);
    box-shadow: 15px 15px 0 0 rgba(167, 192, 219, 0.5); }
  .shadow.-green {
    -webkit-box-shadow: 15px 15px 0 0 #bdd2bf;
    box-shadow: 15px 15px 0 0 #bdd2bf; }
  .shadow.-green01 {
    -webkit-box-shadow: 15px 15px 0 0 rgba(189, 210, 191, 0.5);
    box-shadow: 15px 15px 0 0 rgba(189, 210, 191, 0.5); }
  .shadow.-purple {
    -webkit-box-shadow: 15px 15px 0 0 #ceafda;
    box-shadow: 15px 15px 0 0 #ceafda; }
  .shadow.-purple01 {
    -webkit-box-shadow: 15px 15px 0 0 rgba(206, 175, 218, 0.5);
    box-shadow: 15px 15px 0 0 rgba(206, 175, 218, 0.5); }
 */
/*記事の日付*/
.module.-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 180px;
  height: 180px;
  border: 1px solid #000;
}

.module.-date:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 5px;
  left: 5px;
  border: 1px solid #959595;
}

.module.-date .text {
  text-align: center;
}

/*フォーム*/
.form dl {
  padding: 10px 0;
}

.form dt {
  width: 25%;
  font-weight: 600;
}

.form dt .reqw {
  display: block;
  width: 30px;
  padding: 1px 5px;
  margin-top: 5px;
  background: #d5262b;
  color: #fff;
  font-weight: 500;
}

.form dd {
  width: 75%;
}

.form dd input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  margin-bottom: 10px;
  border: none;
}

.form dd select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  border: none;
}

.form dd input[type="radio"] {
  display: none;
}

.form dd input[type="radio"]+label {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
  line-height: 200%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.form dd input[type="radio"]+label::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #303841;
  border-radius: 50%;
  background: #fff;
}

.form dd input[type="radio"]:checked+label::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 2px;
  width: 8px;
  height: 8px;
  background: #303841;
  border-radius: 50%;
}

.form dd input[type="radio"]:checked+label {
  border-bottom: 1px solid;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.form dd input[type="number"] {
  width: 70px;
  margin-right: 10px;
}

.form dd textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  font-size: 14px;
  font-family: "游ゴシック",
    YuGothic,
    Hiragino Sans,
    "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic Pro",
    Hiragino Kaku Gothic ProN,
    "メイリオ",
    Meiryo,
    'ＭＳ Ｐゴシック',
    sans-serif;
  height: 300px;
  border: none;
}

.form .post input,
.form .phone input {
  width: 200px;
}

.form .text.-head {
  margin-top: 20px;
}

.formbtn li button {
  text-align: center;
  color: #fff;
  display: block;
  background: #000;
  padding: .5em 2em;
  position: relative;
  z-index: 1;
  opacity: 1;
  overflow: hidden;
  border: none;
  margin: 80px auto;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

/* .formbtn li button:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px; } */

/* .formbtn2 li:nth-of-type(odd) button:after {
  right: auto;
  left: 10px;
  content: "\f104"; } */

.formbtn li button:hover {
  opacity: 0.6;
  cursor: pointer;
}

.formbtn li {
  width: 100%;
  max-width: 320px;
  margin: auto;
}

.formbtn2 li {
  max-width: 250px;
}

.form .age div {
  display: inline-block;
}

.form .date div {
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .form dt {
    width: 100%;
    padding-bottom: 1em;
  }

  .form dd {
    width: 100%;
  }

  .form dl {
    padding: 15px 0;
  }

  .formbtn li button {
    margin: 60px auto;
    padding: 15px 40px;
  }

  .formbtn2 li {
    max-width: 200px;
  }
}

@media only screen and (max-width: 599px) {
  .formbtn li button {
    margin: 40px auto;
    padding: 10px 40px;
    max-width: 250px;
  }

  .formbtn2 li {
    max-width: 130px;
  }
}

/*********************************************
    汎用クラス
*********************************************/
/**
マージン
*/
.mb5 {
  margin-bottom: 50px;
}

.m5 {
  margin-top: 50px;
  margin-bottom: 50px;
}

/**
テキスト関連クラス
*/
.center {
  text-align: center;
}

.right {
  text-align: right;
}

/*文字をまとめて落とす*/
.group {
  display: inline-block;
}

/*打消し線*/
.strike {
  text-decoration: line-through;
}

/************* 並べ替え *************/
@media only screen and (max-width: 599px) {
  .change.-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

/********* heightLineリセット *********/
@media only screen and (max-width: 1024px) {
  .resetheight.-tablet {
    height: auto !important;
  }
}

@media only screen and (max-width: 599px) {
  .resetheight.-mobile {
    height: auto !important;
  }
}

/*トリミングする要素のブロック化*/
.trim {
  display: block;
}

/*PC時のみ非表示*/
@media only screen and (min-width: 1025px) {
  .no-pc {
    display: none;
  }
}


/* reservation */
.shop_reserve li {
  width: 48%;
  margin-bottom: 60px;
}
.salon_lo{
  width: 30%;
}
.salon_spec{
  width: 68%;
}
.salon_spec dl{
  margin-bottom: 20px;
}
.appli{
  margin: 30px auto 0;
}

.appli ul{
  margin-top: 20px;
}
.appli li{
  margin-right: 10px;
  width: 300px;
}
.appli li:last-of-type{
  margin-right: 0;
}
.appli li a {
    display: block;
    padding: .5em 3em;
    background:#000;
    color: #fff;
    text-align: center;
}

.shop_reserve li .link_area li,
.shop_reserve li .appli li{
  margin-right: 0;
  margin-bottom: 10px;
  width: 48%;
}
.shop_reserve li .link_area li:last-of-type,
.shop_reserve li .appli li:last-of-type{
  margin-bottom: 0;
}

@media only screen and (max-width: 599px){
  .shop_reserve li {
  width: 100%;
}
.salon_lo{
    width: 70%;
    margin: 20px auto;
    text-align: center;
}
.salon_spec{
  width: 100%;
}
  .shop_reserve .appli li {
  width: 48%;
}
}
.link_area li{
  margin-right: 10px;
  width: 300px;
}
.link_area li:last-of-type{
  margin-right: 0;
}
.link_area li a {
    padding: .5em 2em;
    border: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.link_area li a img{
    max-height: 30px;
    width: auto;
    margin-right: 10px;
}
@media only screen and (max-width: 599px){
  .link_area li,
  .appli li{
  margin-right: 0;
  margin-bottom: 10px;
  width: 100%;
}
.link_area li:last-of-type,
.appli li:last-of-type{
  margin-right: 0;
}
.shop_reserve li .link_area li,
.shop_reserve li .appli li{
  width: 100%;
}
}


.mediaItem a[href="#"]{
  pointer-events: none;
}