/* 全体 ========= */
#pageHead {
  border: none;
}

/*2404追加*/
.enTitle {
  font-family: "Cormorant Garamond", serif;
}

/* トップページ　PC　ヘッダー ========= */
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width: 769px) {
  #pageHead {
    position: absolute;
    background: none;
    border-bottom: none;
    z-index: 100;
    background: rgba(255, 255, 255, 0.7);
  }

  #pageHead.fixed {
    position: fixed;
    background: #fff;
    border-bottom: 1px solid;
    text-shadow: none;
  }

  #pageHead p {
    /* color: #a78f87; */
    color: #000;
  }

  #globalNavi a {
    /* color: #a78f87; */
    color: #000;
  }

  #pageHead.fixed p {
    /* color: #a78f87; */
    color: #000;
  }

  #pageHead.fixed #globalNavi a {
    /* color: #A78F87; */
    color: #000;
  }

  .pageBody-recruit a:hover {
    background: url(../images/index/recruit_text.png) top left no-repeat;
    background-position: 54px 15px;
  }

  .pageBody-recruit a {
    display: block;
  }
}

.page {
  height: 100%;
}

.pageBody-section {
  margin-bottom: 72px !important;
}

p.grass-animation2 {
  position: absolute;
  top: -70px;
  left: 50%;
  margin-left: -520px;
}

p.grass-animation1 {
  position: absolute;
  top: -60px;
  right: 50%;
  margin-right: -520px;
}

.pageBody-total_beauty {
  position: relative;
  margin-bottom: 104px !important;
}

/* XSサイズ : Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
}

/* カスタム, iPhone Retinaディスプレイ */
@media only screen and (max-width: 320px) {
}

/* 見出し ========= */
.pageBody-heading {
  margin-bottom: 16px;
}

.sub-heading {
  text-align: center;
  margin-bottom: 32px;
}

/* ファーストビュー ========= */

.grass1 {
  z-index: 100;
}

.grass2 {
  z-index: 100;
}

.mainImage {
  background-size: cover !important;
  height: 100%;
}

.bxslider-img {
  background-size: cover !important;
  height: 100%;
}

.catch-copy {
  position: absolute;
  left: 26%;
  top: 50%;
  margin-top: -82px !important;
}

.mainImage {
  background-size: cover !important;
  height: 100%;
}

.bxslider-img {
  background-size: cover !important;
  height: 100%;
}

.top_img1 {
  background: url(../images/index/main_img.jpg) top center no-repeat;
}

.top_img2 {
  background: url(../images/index/main_img2.jpg) top center no-repeat;
}

.top_img2 .catch-copy {
  left: 8%;
}

.top_img3 {
  background: url(../images/index/main_img3.jpg) top center no-repeat;
}

.top_img3 .catch-copy {
  min-width: 400px;
  max-width: 800px;
  left: 45%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 15px;
  margin-top: 0 !important;
}

.top_img3 a {
  display: block;
  width: 100%;
  height: 100%;
}

.top_img4 {
  background: url(../images/index/main_img5.jpg) top center no-repeat;
}

.top_img4 .catch-copy {
  left: 18%;
}

.catch-copy {
  position: absolute;
  left: 26%;
  top: 50%;
  margin-top: -82px !important;
}

.top_img6 {
  background: url(../images/index/main_img6.jpg) top center no-repeat;
}

.top_img6 .catch-copy {
  right: 18%;
}

.top_img7 {
  background: url(../images/index/main_img7.jpg) top center no-repeat;
}

.top_img9 {
  background: url(../images/index/main_img9.jpg) top center no-repeat;
}

.top_img10 {
  background: url(../images/index/main_img10.jpg) top center no-repeat;
}

.top_img11 {
  background: url(../images/index/main_img11.jpg) top center no-repeat;
}

.top_img12 {
  background: url(../images/index/main_img12.jpg?date=180427) top center
    no-repeat;
}

.top_img13 {
  background: url(../images/index/main_img13.jpg?date=180427) top center
    no-repeat;
}

.catch-copyRight {
  position: absolute;
  right: 26%;
  top: 50%;
  margin-top: -82px !important;
}

.top_img14 {
  background: url(../images/index/190516/main1.jpg) top center no-repeat;
}

.top_img15 {
  background: url(../images/index/190516/main2.jpg) top center no-repeat;
}

.top_img16 {
  background: url(../images/index/190516/main3.jpg) top center no-repeat;
}

.top_img17 {
  background: url(../images/index/190522/main1.jpg) top center no-repeat;
}

.top_img18 {
  background: url(../images/index/190522/main2.jpg) top center no-repeat;
}

.top_img19 {
  background: url(../images/index/190522/main3.jpg) top center no-repeat;
}

.top_img20 {
  background: url(../images/index/231207/top_01.jpg) top center no-repeat;
}

.top_img21 {
  background: url(../images/index/231207/top_02.jpg) top center no-repeat;
}

.top_img22 {
  background: url(../images/index/231207/top_03.jpg) top center no-repeat;
}

.top_img23 {
  background: url(../images/index/240424/top_01.jpg) top center no-repeat;
}

.top_img24 {
  background: url(../images/index/240424/top_02.jpg) top center no-repeat;
}

.top_img25 {
  background: url(../images/index/240424/top_03.jpg) top center no-repeat;
}

/* ページボディ ========= */

.w1400 {
  max-width: 1400px;
  margin: 0 auto;
}

/* ニュース ========= */
.pageBody-news table {
  margin: 0 auto;
  /* color: #A78F87; */
  color: #000;
}

.pageBody-news a {
  text-decoration: underline;
  /* color: #A78F87; */
  color: #000;
}

.pageBody-news a:hover {
  text-decoration: none;
}

.pageBody-news tr {
  height: 32px;
}

.pageBody-news th {
  padding-right: 24px;
}

/* サロン情報 ========= */
.pageBody-salon section {
  background: #fafcf7;
}

.pageBody-salon {
  background: #fafcf7 url(../images/index/ph_salon.jpg) no-repeat left top;
}

/* 180418修正 */
.salonInfoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 32px auto;
}

.salonInfoWrap li {
}

.salonInfoWrap li:first-child {
  width: 60%;
  position: relative;
}

.salonInfoWrap li:last-child {
  width: 40%;
  text-align: center;
}

.salonInfoWrap li:last-child p.salon-logo {
  max-width: 130px;
  margin: 0 auto;
}

p.salon-logo {
  max-width: 130px;
  margin: 0 auto;
}

p.salon-logo img.u_chambord_logo {
  margin-bottom: 8px;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .salonInfoWrap li:first-child {
    width: 100%;
  }

  .salonInfoWrap li:last-child {
    width: 100%;
    padding: 0px;
  }
}

.noticeText {
  width: 100%;
  position: absolute;
  text-align: center;
  top: 72px;
  left: 0;
  background: rgba(167, 143, 135, 0.7);
  color: #fff;
  padding: 72px 0;
  font-size: 28px;
  font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .noticeText {
    top: 40px;
    padding: 24px 0;
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .noticeText {
    top: 64px;
    padding: 16px 0;
    font-size: 20px;
  }
}

/* トータルビューティーサロン ========= */
.total_beauty-detail {
  margin-bottom: 56px;
}

.hair-detail {
  background: url(../images/common/260601/ph_hair.jpg) no-repeat left;
}

.nail-detail {
  background: url(../images/common/ph_nail.jpg) no-repeat right;
}

.eye-detail {
  background: url(../images/common/ph_eye.jpg) no-repeat left;
}

.esthe-detail {
  background: url(../images/common/ph_esthe.jpg) no-repeat right;
}

.kitsuke-detail {
  background: url(../images/common/260219/ph_dressing.jpg) no-repeat left;
}

.total_beauty-detail section {
  background: #fff;
}

.total_beauty-detail h3 {
  /* border-bottom: 1px solid #A78F87; */
  border-bottom: 1px solid #000;
  padding-bottom: 12px;
}

.total_beauty-detail .row-10 > div {
  padding: 5px;
}

.total_beauty-detail .dotted-btn a {
  margin: 0;
}

.total_beauty-detail:nth-child(2n) .dotted-btn a {
  margin: 0 0 0 auto;
}

.total_beauty-detail .total_beauty-btn {
  max-width: 400px;
}

.total_beauty-detail:nth-child(2n) .total_beauty-btn {
  margin-left: auto;
}

.bg-btn a {
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (min-width: 691px) {
  .total_beauty-detail.row--nopadding > .col-sm-6 {
    padding: 5px 5px 5px 16px;
    width: 52%;
  }

  .total_beauty-detail.row--nopadding:nth-child(2n) > .col-sm-6 {
    padding: 5px 16px 5px 5px;
  }
}

/* スタッフ ========= */

.pageBody-staff {
  background: #fafcf7;
  padding: 48px 0 56px;
  position: relative;
}

.staff-box p {
  position: absolute;
  bottom: 8px;
  right: 8px;
  text-align: right;
  color: #fff;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.staff-box .grayscale {
  position: relative;
}

p.grass-animation3 {
  position: absolute;
  top: -70px;
  left: 50%;
  margin-left: -520px;
}

p.grass-animation4 {
  position: absolute;
  top: -80px;
  right: 50%;
  margin-right: -520px;
}

/* スケールcss ========= */

@media screen and (min-width: 691px) {
  .grayscale {
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }

  .grayscale:hover {
    -webkit-filter: grayscale(0%);
    filter: none;
  }
}

/* ブログ ========= */

@media screen and (min-width: 691px) {
  ul.blog {
    max-width: 1000px;
    margin: 0 auto;
  }

  .blog .blog-post {
    width: 15%;
    float: left;
    margin-left: 2%;
    position: relative;
  }

  .blog .blog-post:first-child {
    margin-left: 0;
  }

  .blog-title {
    position: absolute;
    bottom: 0;
    left: 2px;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    font-size: 13px;
  }
}

/* ========================================================================== */
/* スマホ用css */
/* ========================================================================== */

@media screen and (max-width: 690px) {
  .pageBody-section {
    margin-bottom: 56px !important;
  }

  #pageHead {
    z-index: 100;
  }

  /* ファーストビュー ========= */
  .mainSlideWrap {
    height: 70vh;
  }

  .mainSlideWrap .bx-wrapper {
    height: 100% !important;
  }

  .mainSlideWrap .bx-wrapper .bx-viewport {
    height: 100% !important;
  }

  .mainImage {
    background-size: cover !important;
    height: 100%;
  }

  .bxslider-img {
    background-size: cover !important;
    height: 100%;
  }

  .top_img1 {
    background: url(../images/index/mb_main_img.jpg) top center no-repeat;
  }

  .top_img2 {
    background: url(../images/index/mb_main_img2.jpg) top center no-repeat;
  }

  .top_img2 .catch-copy {
    left: 50%;
  }

  .top_img3 {
    background: url(../images/index/mb_main_img4_2.jpg) left center no-repeat;
  }

  .top_img3 a {
    display: block;
    width: 100%;
    height: 100%;
  }

  .top_img4 {
    background: url(../images/index/mb_main_img5.jpg) top left no-repeat;
  }

  .top_img6 {
    background: url(../images/index/mb_main_img6.jpg) top left no-repeat;
  }

  .top_img7 {
    background: url(../images/index/mb_main_img7.jpg) top right no-repeat;
  }

  .top_img8 {
    background: url(../images/index/mb_main_img8.jpg) top left no-repeat;
  }

  .top_img9 {
    background: url(../images/index/mb_main_img9.jpg?date=180427) top left
      no-repeat;
  }

  .top_img10 {
    background: url(../images/index/mb_main_img10.jpg?date=180427) top right
      no-repeat;
  }

  .top_img11 {
    background: url(../images/index/mb_main_img11.jpg?date=180427) top left
      no-repeat;
  }

  .top_img12 {
    background: url(../images/index/mb_main_img12.jpg?date=180427) top left
      no-repeat;
  }

  .top_img13 {
    background: url(../images/index/mb_main_img13.jpg?date=180427) top right
      no-repeat;
  }

  /*  .mainImage {
    background: url(../images/index/mb_main_img.jpg) top center no-repeat;
  }*/

  .top_img14 {
    background: url(../images/index/190516/main_mb1.jpg) top left no-repeat;
  }

  .top_img15 {
    background: url(../images/index/190516/main_mb2.jpg) top left no-repeat;
  }

  .top_img16 {
    background: url(../images/index/190516/main_mb3.jpg) top right no-repeat;
  }

  .catch-copy {
    left: 50%;
  }

  /* 見出し ========= */
  .pageBody-news h2 img {
    max-width: 141px;
  }

  .pageBody-total_beauty h2 img {
    max-width: 278px;
  }

  .pageBody-recruit h2 img {
    max-width: 159px;
  }

  /* ニュース ========= */
  .pageBody-news {
    width: 100%;
    padding: 0 12px;
  }

  .pageBody-news th,
  .pageBody-news td {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /* サロン情報 ========= */
  .pageBody-salon {
    background: #fafcf7;
  }

  .salon-box {
    padding-bottom: 24px;
  }

  .total_beauty-detail h3 {
    border: none;
    padding: 0;
    margin: 0;
  }

  .salon-logo {
    padding-top: 24px;
  }

  /* トータルビューティー ========= */

  #mb-hair,
  #mb-nail,
  #mb-eye,
  #mb-esthe {
    padding-top: 61px;
    margin-top: -61px;
  }

  .total_beauty-detail {
    margin-bottom: 32px;
  }

  .total_beauty-detail .total_beauty-btn {
    width: 100%;
    max-width: 100%;
    padding: 0 8px;
  }

  .total_beauty-detail .dotted-btn a,
  .total_beauty-detail:nth-child(2n) .dotted-btn a {
    margin: 0 auto;
  }

  .hair-detail,
  .nail-detail,
  .eye-detail,
  .esthe-detail,
  .kitsuke-detail {
    background: none;
  }

  /* ブログ ========= */
  .blog-title {
    font-size: 14px;
    /* color: #A78F87; */
    color: #000;
  }

  /* リクルート ========= */

  .pageBody-recruit.u-ta-c {
    background: #fafcf7;
    padding-top: 24px;
  }
}

/* スライダーCSS========== */

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
  height: 100%;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

/** THEME
===================================*/

/*スライダーの枠*/

/*
.bx-wrapper .bx-viewport {
  box-shadow: 0 0 5px #ccc;
  border: solid #fff 5px;
  left: -5px;
  background: #fff;
}
*/

/*スライダーの枠*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../staff/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(../staff/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.bx-viewport {
  left: 0;
  box-shadow: none;
  border: none;
  height: 100%;
}

ul.bxslider {
  height: 100%;
}

.slider li {
  height: 100%;
  background: center / cover no-repeat;
}

/*イルミナバナーの設定*/

.event-irumina {
  text-align: center;
  padding-top: 50px;
}

.event-irumina img {
  /* border:1px solid #A78F87; */
  border: 1px solid #000;
}

/*2404 修正分*/
#pageHead.fixed #globalNavi a {
  line-height: 36px;
}

#pageHead.fixed {
  background: rgba(255, 255, 255, 0.7);
  border: none;
}

@media only screen and (min-width: 769px) {
  #globalNavi a {
    line-height: 36px;
  }
}

/* newsスライダー追加 */

.newsSlider_thumbnail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto 60px;
  list-style: none;
  gap: 20px;
}

.newsSlider_thumbnail > li {
  width: calc((100% / 8) - 20px);
}

.newsSlider_thumbnail > li > a {
  display: block;
  position: relative;
  padding-top: 58%;
  opacity: 0.5;
}

.newsSlider_thumbnail > li > a.active {
  opacity: 1;
}

.newsSlider_thumbnail > li > a > img {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  max-height: 100%;
}

.pageBody-section {
  margin-bottom: 180px !important;
}

.pageBody-news .newsSlider {
  background-color: transparent;
  margin: 0 auto;
  border: none;
  box-shadow: none;
  margin-left: 50%;
}

.pageBody-news .newsSlider li {
  width: calc(100vw / 3);
  margin-left: calc((100vw / 6) * -1);
  margin-right: calc((100vw / 6) + 40px) !important;
}

.pageBody-news .pageBody-heading {
  margin-bottom: 40px;
}

@media only screen and (max-width: 769px) {
  .newsSlider_thumbnail > li {
    width: calc((100% / 6) - 20px);
  }

  .pageBody-news .newsSlider img {
    display: block;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .newsSlider_thumbnail > li {
    width: calc((100% / 3) - 20px);
  }

  .pageBody-section {
    margin-bottom: 120px !important;
  }

  .pageBody-news .newsSlider {
    margin: 0 auto;
  }

  .pageBody-news .newsSlider li {
    margin-left: 0;
    margin-right: 0 !important;
  }
}

/* 求人バナー修正 */

.pageBody-recruit {
  margin: 180px calc(100vw / 9) 320px;
}

@media only screen and (max-width: 769px) {
  .pageBody-recruit {
    margin: 120px calc(100vw / 18) 160px;
  }
}

@media only screen and (max-width: 480px) {
  .pageBody-recruit {
    margin: 120px auto 40px;
  }
}

/* 240621 movie ================ */
.top_movie {
  overflow: hidden;
  width: 100%;
  height: calc(100vw * (1500 / 1500) * 843.75 / 1500);
  position: relative;
}

.top_movie video {
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
  .top_movie video {
    top: 0;
  }

  .top_movie {
    height: calc(100vw * (375 / 375) * 666.666 / 375);
  }
}