/* HOMMEのカラー変更css 20200624 */

@font-face {
  font-family: "bebas";
  src: url('../fonts/Bebas-Regular.otf') format('opentype');
}
@font-face {
  font-family: "shingo";
  src: url("../fonts/A-OTF-UDShinGoPro-DeBold.otf") format('truetype');
}


body {
  color: #222222;
}


/* ヘッダー */
#header .head_top {
  background: #222222;
}
#header .head_bottom .inner .schedule a {
  background: #222222;
}
#header .head_bottom .inner .schedule a:hover {
  background: #585858;
}
.head_nav .nav > li a {
  color: #222222;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.head_nav .nav > li a:hover {
  border-bottom: 4px solid #585858;
  color: #585858;
}
.floating_box_link01 {
  background: #585858;
}
.floating_box_link02 {
  background: #917b4a;
}
.floating_box_innerbox02:hover a {
  background: #222222 !important;
}
.floating_box_link04,
.floating_box_link03 {
  background: #222222;
}
.floating_box_link04:hover,
.floating_box_link03:hover {
  background: #585858 !important;
}
@media (max-width:767px) {
  .head_sp {
    background: #222222;
  }
  .head_sp_burger_menu_button {
    background: #585858;
  }
  /* .head_sp_burger_menu_button.show {
    background: #222222;
  } */
  .head_sp_burger_menu_box .schedule a {
    background: #917b4a;
  }
}


/* フッター */
.artmake_reservation {
  background: #ccc;
}
.artmake_reservation_title01 {
  font-family: "bebas";
  color: #ccc;
  top: -98px;
}
.artmake_reservation_text01 {
  color: #222222;
}
.artmake_reservation_title02 {
  color: #222222;
}
.link_section01_link01--01 {
  background: #222222 url("../img/bg_arrow_left01.png") no-repeat left 40px center;
}
.link_section01_link01--01:hover {
  background: #585858 url("../img/bg_arrow_left01.png") no-repeat left 40px center;
}
.link_section01_link01--02 {
  background: #917b4a url("../img/bg_arrow_right01.png") right 40px center no-repeat;
}
.link_section01_link01--02:hover {
  background: #222222 url("../img/bg_arrow_right01.png") right 40px center no-repeat;
}
.link_section01_link01--03 p {
  background: #917b4a;
}
.top_recruit_box01 {
  background: rgba(34,34,34,0.6);
}
.top_recruit_box01 .title span {
  font-family: "bebas";
  color: #222222;
  letter-spacing: 0.07em;
}
.top_recruit_box01 .title span::before {
  content: none;
}
.top_recruit_text01 {
  font-family: "shingo", sans-serif;
  font-size: 26px;
  font-style: italic;
  letter-spacing: 0.05em;
}
.top_recruit_list01 a {
  font-family: "shingo", sans-serif;
  color: #222222;
  letter-spacing: 0.1em;
  border-color: #222222;
  padding: 25px 15px;
}
.top_recruit_list01 a:hover {
  background: #222222 url("../img/btn_recruit_bg01_on.png") no-repeat center right 20px;
}
.top_concept::before {
  background: #585858;
}
.top_concept_text01 {
  font-family: "shingo";
  font-size: 26px;
  letter-spacing: 0.1em;
  font-style: italic;
}
.top_concept_box01 .title {
  font-family: "shingo";
  letter-spacing: 0.1em;
  border-color: #585858;
}
.top_concept_list01 a {
  line-height: 1.5;
  background: #fff url("../img/btn_recruit_bg01.png") no-repeat center left;
}
.top_concept_list01 a:hover {
  background: #fff url("../img/btn_recruit_bg01.png") no-repeat center left;
}
.top_concept_list01 a::before {
  background: #585858;
}
.top_contact .title::before, .top_contact .title::after {
  background: #222222;
}
.top_contact .title span {
  font-family: "bebas";
  color: #222222;
  letter-spacing: 0.07em;
}
.top_contact .title span::before {
  content: none;
}
.top_contact_box01 p {
  font-family: "shingo", sans-serif;
  letter-spacing: 0.1em;
  font-style: italic;
  font-size: 28px;
}
.fukidashi--brown {
  background: #917b4a;
}
.fukidashi--brown::after {
  border-color: #917b4a transparent transparent transparent;
}
.fukidashi--gray {
  background: #585858;
}
.fukidashi--gray::after {
  border-color: #585858 transparent transparent transparent;
}
.contact_link--gray a {
  background: url("../img/btn_contact_bg01_gray.png") no-repeat top center / cover;
  box-shadow: 0 10px 0 #303030;
}
.contact_link--brown a {
  background: url("../img/btn_contact_bg01_brown.png") no-repeat top center / cover;
  box-shadow: 0 10px 0 #665633;
}
.contact_link a {
  font-size: 16px;
}
.contact_link--03 a {
  box-shadow: 0 10px 0 #222222;
}
.contact_link--03 a:hover {
  opacity: .8;
  background: url("../img/btn_contact_bg03.png") no-repeat top center / cover;
}
.contact_link--04 a {
  box-shadow: 0 10px 0 #665634;
}
.contact_link--04 a:hover {
  opacity: .8;
  background: url("../img/btn_contact_bg04.png") no-repeat top center / cover;
}
.pdf_link01:hover {
  background: url("../img/f_pdf_btn_bg_on.png") no-repeat left 30px center #917b4a;
}
@media (max-width:767px) {
  .artmake_reservation_title01 {
    top: -105px;
  }
  .artmake_reservation_box02>div:first-child {
    margin-top: 0;
  }
  .pdf_link01 {
    padding: 30px;
    background: url("../img/f_pdf_btn_bg_sp.png") no-repeat left 30px center;
  }
  .bottom_floating_box ul li:nth-child(1) a {
    background: #585858;
  }
  .bottom_floating_box ul li:nth-child(1) {
    border-color: #303030;
  } 
  .bottom_floating_box ul li:nth-child(2) a {
    background: #917b4a;
  }
  .bottom_floating_box ul li:nth-child(2) {
    border-color: #665633;
  }
  .bottom_floating_box ul li:nth-child(3) a {
    background: #222222;
  }
  .bottom_floating_box ul li:nth-child(3) {
    border-color: #000000;
  }
}


/* トップページ */
.home #container {
  padding-top: 0;
}
.home .mainv {
  background: url("../img/mv01.jpg") no-repeat top center;
}
.top_info {
  display: none;
}
.top_month_campaign {
  background: url("../img/campaign_bg01.jpg") no-repeat bottom center;
  height: 520px;
  margin-top: 0;
}
.top_month_campaign .title {
  display: none;
}
.top_month_campaign .cambox {
  padding-top: 155px;
  display: none;
}
.top_month_campaign .cambox.slick-initialized {
  display: block;
}
.top_month_campaign .cambox .slick-dots {
  margin-top: 10px;
}
.top_treatment h2.title {
  font-family: "bebas";
  color: #555555;
  letter-spacing: 0.07em;
  font-size: 60px;
}
.top_treatment h2.title span:before {
  content: none;
}
.top_treatment h3.title {
  background: #222222;
  color: #222222;
  font-family: "shingo", sans-serif;
  letter-spacing: 0.1em;
  font-style: italic;
  font-size: 32px;
  height: 80px;
}
.top_treatment h3.title span i {
  font-style: italic;
  display: inline-block;
  width: 400px;
}
.top_treatment h3.title:before {
  border-top: 80px solid #cccccc;
  border-bottom: none;
  border-left: 30px solid transparent;
  width: 68%;
}
.top_treatment h3.title span i:before {
  font-style: normal;
  color: #fff;
  font-family: "bebas";
  letter-spacing: 0.07em;
  font-size: 50px;
  top: -10px;
  left: -280px;
}
.top_treatment .sec01 .inner .flex .face .bg_image:before,
.top_treatment .sec01 .inner .flex .face .bg_image:after,
.top_treatment .sec01 .inner .flex .face .bg_image > div:before,
.top_treatment .sec01 .inner .flex .face .bg_image > div:after,
.top_treatment .sec01 .inner .flex .body .bg_image:after,
.top_treatment .sec01 .inner .flex .body .bg_image:before,
.top_treatment .sec01 .inner .flex .body .bg_image > div:after,
.top_treatment .sec01 .inner .flex .body .bg_image > div:before {
  background: #cccccc;
}
.top_treatment .sec01 .inner .flex > div .title {
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 50px;
}
.top_treatment .sec01 .inner .flex > div .title span {
  font-family: "bebas";
  letter-spacing: 0.1em;
  font-size: 40px;
  color: #585858;
}
.top_treatment .sec01 .inner .flex > div .title span i:after,
.top_treatment .sec01 .inner .flex > div .title span i:before {
  content: url("../img/top_parts_title_naname01.png");
  padding-top: 10px;
}
.top_treatment .sec01 .inner .flex > div .title span i {
  padding: 0 40px;
}
.top_treatment .sec01 .inner .flex .face ul li a,
.top_treatment .sec01 .inner .flex .body ul li a {
  border-color: #917b4a;
}
.top_treatment .sec01 .inner .flex .body ul li a:hover,
.top_treatment .sec01 .inner .flex .face ul li a:hover {
  background: #917b4a;
}
.top_treatment .sec05 {
  background: #f9f9f9;
}
.top_treatment .sec05 .title_box h4.title span {
  font-family: "bebas";
}
@media (max-width:767px) {
  .home .mainv {
    background: url("../img/mv01_sp.jpg") no-repeat top center;
    height: 570px;
  }
  .top_month_campaign {
    background: url("../img/campaign_bg01_sp.jpg") no-repeat bottom center;
    height: 822px;
    padding-bottom: 0;
  }
  .top_month_campaign .cambox {
    padding-top: 195px;
  }
  .top_month_campaign .cambox .slick-dots {
    margin-top: 50px;
  }
  .top_month_campaign .cambox .slick-dots li {
    margin: 0 20px;
  }
  .top_treatment h3.title {
    text-align: left;
  }
  .top_treatment h3.title:before {
    width: 70%;
  }
  .top_treatment h3.title span i {
    padding-left: 200px;
    width: auto;
  }
  .top_treatment h3.title span i:before {
    left: 65px;
  }
}


/* トップページスペシャルコンテンツ要素 */
.top_treatment .sec04 .sp_contents {
  height: 500px;
  background: url("../img/top_sp_contents_bg01.png") no-repeat top center;
}
.top_treatment .sec04 .sp_contents h4.title {
  display: none;
}
@media (max-width:767px) {
  .top_treatment .sec04 .sp_contents {
    height: auto;
    background-size: cover;
  }
}


/* お悩みのパーツから探すページ */
.nayami_title01 span:nth-child(1) {
  color: #222222;
  font-family: "bebas";
}
.nayami_title01::after {
  background: #222222;
}
.nayami_list01 a {
  border: 2px solid #222222;
}
.nayami_list01 a:hover {
  border-color: #917b4a;
}
.nayami_list01 a:hover .nayami_list01_box01 {
  background-color: #917b4a;
}
.nayami_list01_box01 {
  background: url("../img/nayami_arrow01.png") no-repeat right 20px center #222222;
}
.nayami_title02 span::before,
.nayami_title01::before {
  background: #917b4a;
}


/* 施術一覧要素 */
.top_treatment .sec05 .title_box h4.title i {
  border-color: #585858;
}
.bg--green01 {
  background: #f9f9f9 !important;
}
.button_box01 a {
  font-family: "shingo";
  border-color: #222222;
  letter-spacing: 0.1em;
}
.top_treatment .sec05 .menu_nav a {
  border-color: #222222;
  color: #222222;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  font-size: 16px;
  font-family: "shingo";
  letter-spacing: 0.1em;
}
.top_treatment .sec05 .menu_nav a:hover {
  background: url("../img/bg_top_menu_nav_on.png") no-repeat 170px center, #222222;
  
}
.top_treatment .sec05 .flex > div a span .title,
.treatment_list01 .title {
  color: #585858;
}
.top_treatment .sec05 .flex > div a span .txt,
.treatment_list01 .txt {
  color: #272d31;
  border-bottom-color: #292928;
}
.top_treatment .sec05 .flex > div a span .more,
.treatment_list01 .more {
  color: #272d31;
  background: url("../img/treatment_list01_more_arrow.png") no-repeat center right 0;
  padding-right: 15px;
  padding-bottom: 2px;
}
.top_treatment .sec05 .flex > div a:hover span .title,
.treatment_list01 a:hover .title {
  color: #585858;
}
.top_treatment .sec05 .flex > div a:hover span .txt,
.treatment_list01 a:hover .txt {
  color: #585858;
  border-bottom-color: #5a5a5a;
}
.top_treatment .sec05 .flex > div a:hover span .more,
.treatment_list01 a:hover .more {
  background: url("../img/treatment_list01_more_arrow_on.png") no-repeat center right 0;
  color: #33586b;
}
.top_treatment .sec05 .flex>div:hover a,
.treatment_list01 li:hover a {
  outline: 2px solid #cdcdcd;
}
.top_treatment .sec05 .flex>div:hover::before,
.treatment_list01 li:hover div::before {
  background-image: url("../img/menu_nav_list_tr_on.png");
}
.top_treatment .sec05 .flex>div:hover::after,
.treatment_list01 li:hover div::after {
  background-image: url("../img/menu_nav_list_bl_on.png");
}
.top_treatment .sec05 .flex > div a:hover::before,
.treatment_list01 li:hover a::before {
  background-image: url("../img/menu_nav_list_tl_on.png");
}
.top_treatment .sec05 .flex > div a:hover::after,
.treatment_list01 li:hover a::after {
  background-image: url("../img/menu_nav_list_br_on.png");
}
.top_treatment .sec05 .flex>div:hover::before,
.top_treatment .sec05 .flex>div:hover::after,
.top_treatment .sec05 .flex > div a:hover::before,
.top_treatment .sec05 .flex > div a:hover::after,
.treatment_list01 li:hover div::before, .treatment_list01 li:hover div::after, .treatment_list01 li:hover a::before, .treatment_list01 li:hover a::after {
  z-index: 2;
  opacity: 1;
}


/* 初めての方へページ、求人情報ページ */
.slider_nav {
  border-bottom-color: #222222;
}
.slider_nav .slider_nav_box01.nav-current,
.slider_nav--arrow .slider_nav_box01.nav-current {
  background: url("../img/btn_recruit_bg01_on.png") no-repeat right 20px center #222222;
}
.slider_nav_box01 p {
  color: #585858;
}
.box04_text01 {
  color: #917b4a;
}
.flow_box03 {
  background: #f7f7f7;
}
p.flow_title01 {
  color: #222222;
}
.faq_list01--001 .faq_list01_title01 {
  color: #585858;
}
.faq_list01_text01 {
  color: #222222;
}
.faq_list01>li {
  border-bottom-color: #cccccc;
}
.faq_link01 {
  color: #917b4a;
  border-bottom-color: #917b4a;
}
.form_content table tr:last-child th {
  border-color: #222;
  color: #585858;
}
.introduction_table01 td,
.bosyuu_end_box01 p,
.staff_list01_soon_box01 {
  border-color: #ccc;
}
.bosyuu_end_box01 p,
.bosyuu_title01,
.staff_list01_soon_box01 p {
  color: #917b4a;
}


/* お知らせページ */
.img_wrap {
  background: #222222;
}
.text_wrap .category {
  background: rgba(34,34,34,0.7);
  width: max-content;
}
.text_wrap .date {
  color: #917b4a;
}
.top_article_list01>li a:hover .title, .top_article_list01>li a:hover .text {
  color: #585858;
}
.top_article_box02 .title span::before {
  color: #917b4a;
}
.top_article.information .top_article_category_list01>li a::before {
  background: #585858;
}
.top_article.information .top_article_category_list01>li a:hover {
  color: #585858;
  background: url("../img/bg_article_bg01.png") no-repeat right 10px center;
}
.top_article.information .top_article_category_list01>li {
  border-bottom-color: #cccccc;
}
.top_article_box02 {
  border-top: 4px solid #222222;
}
.delimiter img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.top_article.information .top_article_category_list01>li a:hover,
.top_article.information .top_article_category_list01>li a {
  background: url("../img/btn_recruit_bg01.png") no-repeat right 10px center;
}


/* 料金表ページ */
.price_table01_title01 p {
  background: #222222;
}
.price_table01_title01 {
  border-color: #222222;
}
.price_table01, .price_table01 th, .price_table01 td, .price_table01 tr {
  border-color: #cccccc;
}


/* 施術ページ */
.skincare.mainv--type01 {
  background: url("../img/skincare_mainv_bg01.jpg") no-repeat;
}
.christina03_box01 p,
.kanpou_type_title01 span {
  background: #585858;
}
.bg--green02 {
  background: #222 !important;
}
.attention_section01_box01 {
  border-color: #ccc;
  color: #222;
}
.artmake_title07 p:nth-child(1) {
  color: #585858;
}
.artmake_insta {
  background: #ccc;
}
.table01 th,
.artmake_sec07_list01>li>p:nth-child(1) {
  background: #222;
}
.artmake_sec07_list01>li>p:nth-child(1)::after {
  border-color: transparent transparent transparent #222;
}
.artmake_sec07_list01>li>p:nth-child(2) {
  background: #f7f7f7;
}
.treatment_recommend_list02_title01 {
  background: #222;
}
.box04--type01 a,
.cocktail_box03_innerbox01_title01,
.christina02_list01>li::before,
.artmake_title07::before,
.downtime_note01,
.title04,
.mainv_text02 {
  color: #917b4a;
}
.treatment_recommend_title02,
.mainv_text03 {
  color: #222222;
}
.artmake_sec02_list01>li>p:nth-child(2),
.artmake_title06,
.treatment_recommend_list01>li::before,
.artmake_title03 {
  color: #222222;
}
.treatment_recommend_list01>li {
  color: #585858;
}
.artmake_title06 span,
.treatment_recommend_title01 span {
  color: #917b4a;
}
.artmake_sec02_box01,
.treatment_recommend_box01 {
  border-color: #cccccc;
}
.treatment_title01 {
  background: #222222;
}
.treatment_title01 span:nth-child(2) {
  background: #585858;
}
.treatment_title01 span:nth-child(2)::before {
  border-color: transparent #585858 transparent transparent;
}
.treamtment_step_title01 {
  background: #e6e6e6;
}
.bg--brown01 {
  background: #917b4a !important;
}
.hifu_table01 td:nth-child(2)::before,
.hifu_table01 td:nth-child(2)::after,
.hifu_table01 tr:last-child td:nth-child(2) span {
  background: #917b4a;
}
.hifu_table01 th {
  background: #585858;
}
.artmake_title04 {
  color: #222222;
  border-color: #222222;
}
.list02_content01 {
  background: #222222;
}
.list02_content01::after {
  border-color: transparent transparent transparent #222222;
}
.list02_content02 {
  background: #e6e6e6;
  padding: 20px 40px;
}
.link01 {
  color: #917b4a;
  border-color: #917b4a;
}
.artmake_sec01_text01 {
  color: #222222;
}
.contents_section {
  background: #ccc;
}
.contents_section_title01 {
  top: -88px;
}
.contents_section .menu_nav a {
  border-color: #222222;
  color: #222222;
}
.contents_section .menu_nav a.anchor:hover {
  background: url("../img/bg_top_menu_nav_on.png") no-repeat right 20px center #222222;
}
.link02_box01::before {
  border-bottom-color: #222;
}
.link02_box01 {
  color: #222222;
  border-color: #222;
}
@media (max-width:767px) {
  .skincare_menu #container {
    padding-top: 0 !important;
  }
  .skincare.mainv--type01 {
    padding-bottom: 320px;
    background: url("../img/skincare_mainv_bg01_sp.jpg") no-repeat bottom center, #f7f7f7;
  }
  .contents_section_title01 {
    top: -78px;
  }
}


/* 糖質カットプログラムページ */
#heiyou {
  background: none;
}
.qaa_box01 {
  background: url("../img/qaa_bg01.png") no-repeat top 10px left 25px #222222;
}
.qaa_box02 {
  border-color: #222222;
}
.qaa_box02 p span {
  background: linear-gradient(transparent 50%, #cccccc 50%);
}
.heiyou_title01 {
  background: #222222;
}
.heiyou_link01 {
  border-color: #222222;
  color: #222222;
}
.heiyou_link01:hover {
  background: url("../img/btn_recruit_bg01_on.png") no-repeat center right 30px #222222;
}


/* クリニック紹介ページ */
.button_box01 a {
  border-color: #222222;
  color: #222222;
  background: url("../img/btn_recruit_bg01.png") no-repeat center right 20px;
}
.button_box01 a:hover {
  background: url("../img/btn_recruit_bg01_on.png") no-repeat right 20px center #222222;
}
.introduction_table01 th {
  border-color: #585858;
  color: #222222;
}
.introduction_table01 td {
  border-color: #f7f7f7;
}
.introduction_table01 td a {
  color: #917b4a;
}
.staff_list_box01>div,
.introduction_list01 {
  background: #f7f7f7;
}
.introduction_list01>li::before {
  color: #222222;
}


/* お問い合わせページ */
.form_content table th {
  border-color: #222222;
}
.submit_send {
  background: url("../img/btn_recruit_bg01_on.png") no-repeat center right 40px #222222;
}
.submit_send:hover {
  background-color: #585858;
  cursor: pointer;
}