@charset "UTF-8";
/* Googleフォント */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:500,700&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap);
/* Googleフォント Merriweather */
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap");
/*****************************************************

 SCSS用
 
*****************************************************/
/*****************************************************

 Telリンク制御　※レスポンシブ
 
*****************************************************/
@media (min-width: 668px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
/*****************************************************

 404
 
*****************************************************/
.not_found_container {
  width: 100%;
  padding: 80px 0; }
  .not_found_container > p {
    font-size: 16px;
    color: #333;
    padding: 30px 0; }
    .not_found_container > p span {
      color: #de0515;
      display: block; }

/*****************************************************

 Common - Layout
 
*****************************************************/
html {
  font-size: 0; }

body {
  position: relative;
  width: auto;
  height: auto;
  background: #fff;
  z-index: 0;
  color: #333333;
  font-size: 16px;
  font-family: 'Noto Sans Japanese','Noto Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif , serif;
  font-weight: normal;
  line-height: 1.65;
  letter-spacing: 0.5px;
  overflow-x: hidden; }

.inner {
  width: 1008px;
  margin: 0 auto;
  position: relative;
  text-align: justify; }

.inner_lw {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  text-align: justify; }

h1:not(#top_h1) {
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  color: #FFF;
  text-shadow: 0px 0px 10px #ef2e7d;
  font-size: 48px;
  letter-spacing: 2px; }

h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  letter-spacing: 6px;
  font-size: 36px;
  color: #d34471; }
  h2::before {
    content: url("../images/common/slash.svg");
    width: 24px;
    height: 40px;
    margin-right: 30px; }
  h2::after {
    content: url("../images/common/slash.svg");
    width: 24px;
    height: 40px;
    margin-left: 30px; }

.h2_jp {
  display: block;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  font-size: 18px;
  color: #555;
  letter-spacing: 3px;
  margin-top: -60px;
  margin-bottom: 40px; }

h3 {
  margin-bottom: 40px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  font-size: 24px;
  color: #333;
  letter-spacing: 2px; }

h4 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  font-size: 24px;
  color: #bf225b; }

.h2_jp + p {
  text-align: center;
  width: 90%;
  margin: 10px auto 50px; }
  .h2_jp + p a {
    color: #289caf; }

h2 + h3 {
  margin-top: 30px; }

section {
  width: 100%;
  padding: 80px 0;
  background: #FFF; }
  section:nth-of-type(even) {
    background: linear-gradient(-23deg, #ece2ff 25%, #fff8ee); }

.link_btn {
  text-decoration: none;
  display: block;
  width: 300px;
  margin: 0 auto;
  background: #d34471;
  border-radius: 28px;
  padding: 8px 0;
  text-align: center;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 24px;
  color: #FFF;
  position: relative;
  transition: .3s; }
  .link_btn::after {
    font-family: 'Font Awesome 5 free';
    content: '\f0da';
    font-weight: 900;
    color: #FFF;
    position: absolute;
    top: 8px;
    right: 16px; }
  .link_btn:hover {
    opacity: .7;
    transition: .3s; }

.all {
  background: #289caf; }

.mishima {
  background: #d3b846; }

.fuji {
  background: #d34471; }

.kenbisou {
  background: #6f638c; }

.ofi {
  object-fit: cover;
  font-family: "object-fit: cover;"; }

#goods01, #goods02, #goods03, #goods04, #salon01, #salon02, #salon03, #hand, #foot, #other {
  margin-top: -160px;
  padding-top: 160px; }

@media screen and (min-width: 896px) {
  .pc_none {
    display: none !important; }

  .sp_menu, .sp_menu + nav {
    display: none; }

  #menu {
    display: none; } }
@media screen and (max-width: 896px) {
  .sp_none {
    display: none !important; }

  .inner, .inner_lw {
    width: 90%;
    margin: 0 auto;
    padding: 0; }

  .sp_menu {
    position: absolute;
    top: 20px;
    right: 20px; }
    .sp_menu i {
      font-size: 30px;
      color: #d34471; }

  h1:not(#top_h1) {
    font-size: 36px;
    width: 100%;
    text-align: center; }

  h2 {
    font-size: 22px;
    text-align: center; }

  .h2_jp {
    font-size: 16px;
    margin-top: -50px; }

  .h2_jp + p, h3 + p {
    text-align: left; }

  h2 span:nth-of-type(1), h2 span:nth-of-type(2) {
    font-size: 16px; }

  h3 {
    font-size: 18px;
    text-align: left; }

  section {
    padding: 40px 0; }

  .link_btn {
    width: 80%; }

  .mm-listitem > a {
    font-weight: bold;
    padding: 20px 10px 20px 20px !important;
    color: #333 !important; }

  #mm-1 > ul > li:nth-child(8) > a {
    background: #55a630;
    color: #FFF !important;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 16px; }

  #mm-1 > ul > li:nth-child(9) > a {
    background: #d2a7b8;
    color: #FFF !important;
    width: 80%;
    margin: 0 auto; }

  #mm-1 > ul > li:nth-child(10) > a {
    background: #d3b846;
    color: #FFF !important;
    width: 80%;
    margin: 0 auto; }

  #mm-1 > ul > li:nth-child(9) {
    margin-top: 20px; }

  #mm-1 > ul > li:nth-child(10) {
    margin-top: 20px; }

  #mm-1 > ul > li:nth-child(9)::after {
    border: none; }

  #goods01, #goods02, #goods03, #goods04, #salon01, #salon02, #salon03 {
    margin-top: -40px;
    padding-top: 40px; } }
@media print {
  .pc_none {
    display: none !important; }

  .sp_none {
    display: none !important; } }
/*****************************************************

 Lv1 Common
 
*****************************************************/
.lv1_cover_container {
  width: 100%;
  height: 380px;
  padding-top: 180px;
  box-sizing: border-box;
  text-align: center; }

.salon {
  background: url("../images/common/cover_about.jpg") center/cover no-repeat; }

.design {
  background: url("../images/common/cover_design.jpg") center/cover no-repeat; }

.goods {
  background: url("../images/common/cover_goods.jpg") center/cover no-repeat; }

.menu {
  background: url("../images/common/cover_menu.jpg") center/cover no-repeat; }

.staff {
  background: url("../images/common/cover_staff.jpg") center/cover no-repeat; }

.blog {
  background: url("../images/common/cover_blog.jpg") center/cover no-repeat; }

.breadcrumb {
  width: 100%;
  padding: 12px 0;
  background: #d188b3;
  font-size: 14px;
  font-weight: bold;
  color: #FFF; }
  .breadcrumb a {
    text-decoration: none;
    color: #FFF; }
    .breadcrumb a::after {
      font-family: 'Font Awesome 5 free';
      content: '\f105';
      font-weight: 900;
      color: #FFF;
      margin: 0 14px; }

.head_writing {
  width: 90%;
  text-align: center;
  margin-bottom: 60px; }
  .head_writing span {
    font-weight: bold; }

@media screen and (max-width: 896px) {
  .lv1_cover_container {
    height: 200px;
    padding-top: 100px; }

  .salon {
    background: url("../images/common/cover_about.jpg") 22%/cover no-repeat; }

  .goods {
    background: url("../images/common/cover_goods.jpg") 86%/cover no-repeat; } }
/*****************************************************

 Header
 
*****************************************************/
.global_header {
  width: 100%;
  height: 80px;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 1480px;
  z-index: 99; }

.logo_container {
  padding: 0 10px;
  box-sizing: border-box;
  width: 24%;
  height: 80px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-end;
  min-width: 400px; }
  .logo_container a {
    text-decoration: none;
    text-align: center; }
    .logo_container a img {
      width: 220px;
      max-width: 100%;
      height: auto; }
    .logo_container a span {
      display: block;
      font-family: 'Noto Serif JP', serif;
      font-weight: 500;
      font-size: 12px;
      color: #333;
      margin-top: -5px;
      padding-bottom: 8px;
      margin-left: -10px; }
    .logo_container a:nth-of-type(2) > img {
      width: 110px;
      max-width: 100%;
      height: auto;
      padding-bottom: 14px; }

.header_container {
  /*width:1000px;*/
  height: 80px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center; }
  .header_container .nav_container {
    width: 985px;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center; }
    .header_container .nav_container a {
      text-decoration: none;
      font-family: 'Noto Serif JP', serif;
      font-weight: 500;
      font-size: 15px;
      color: #333;
      text-align: center;
      position: relative; }
      .header_container .nav_container a span {
        display: block;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #d34471; }
      .header_container .nav_container a:hover::after {
        content: '';
        position: absolute;
        bottom: -16px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 60px;
        height: 3px;
        background: #d34471; }
      .header_container .nav_container a:nth-of-type(7) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 154px;
        height: 80px;
        background: #55a630;
        color: #fff;
        margin-right: -30px; }
        .header_container .nav_container a:nth-of-type(7):hover {
          opacity: .7; }
          .header_container .nav_container a:nth-of-type(7):hover::after {
            content: none; }
        .header_container .nav_container a:nth-of-type(7) span {
          color: #FFF; }
      .header_container .nav_container a:last-of-type {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 154px;
        height: 80px;
        background: #d3b846;
        color: #fff; }
        .header_container .nav_container a:last-of-type:hover {
          opacity: .7; }
          .header_container .nav_container a:last-of-type:hover::after {
            content: none; }
        .header_container .nav_container a:last-of-type span {
          color: #FFF; }

@media screen and (max-width: 896px) {
  .global_header {
    min-width: 100%;
    height: 70px; }

  .logo_container {
    justify-content: flex-start;
    align-items: center;
    width: 74%;
    min-width: 200px;
    height: 70px; }

  .logo_container p {
    display: none; }

  .logo_container a img {
    width: 180px; }

  .logo_container a span {
    display: none;
    /*font-size:14px;margin-top:-7px;margin-left:0;*/ }

  .logo_container a:nth-of-type(2) > img {
    width: 84px;
    margin: 19px 0 0 20px; } }
/*****************************************************

 Footer
 
*****************************************************/
.footer_wrap {
  width: 100%;
  background: url("../images/common/foot_ptn_bk.png");
  padding: 54px 0; }
  .footer_wrap > a {
    display: block;
    margin: 0 auto;
    width: 400px;
    padding: 16px 0;
    background: rgba(255, 255, 255, 0.2);
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color: #FFF;
    font-size: 20px;
    text-decoration: none;
    text-align: center; }
    .footer_wrap > a i {
      margin-right: 4px; }

.footer_logo_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center; }
  .footer_logo_container .footer_logo_item img {
    max-width: 100%;
    height: auto; }
  .footer_logo_container .footer_logo_item p {
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    font-size: 14px;
    color: #FFF; }
  .footer_logo_container .footer_logo_item:nth-of-type(1) {
    width: 22%; }
    .footer_logo_container .footer_logo_item:nth-of-type(1) img {
      width: 220px; }
  .footer_logo_container .footer_logo_item:nth-of-type(2) {
    width: 16%;
    text-align: center; }
    .footer_logo_container .footer_logo_item:nth-of-type(2) img {
      width: 111px; }
  .footer_logo_container .footer_logo_item:nth-of-type(3) {
    width: 40%;
    padding: 10px;
    box-sizing: border-box;
    background: #FFF; }
    .footer_logo_container .footer_logo_item:nth-of-type(3) img {
      width: 67px;
      vertical-align: top; }
    .footer_logo_container .footer_logo_item:nth-of-type(3) p {
      width: 80%;
      display: inline-block;
      margin-top: 6px;
      font-size: 16px;
      color: #333; }

.foot_nav_container {
  margin: 50px auto 40px;
  text-align: center;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #FFF; }
  .foot_nav_container a {
    text-decoration: none;
    margin: 0 20px;
    padding-bottom: 5px;
    color: #FFF; }
    .foot_nav_container a:hover {
      color: #d34471;
      border-bottom: 1px solid #d34471; }

@media screen and (max-width: 896px) {
  .footer_wrap {
    padding: 40px 0; }

  .footer_wrap > a {
    width: 80%; }

  .footer_logo_container .footer_logo_item:nth-of-type(1), .footer_logo_container .footer_logo_item:nth-of-type(2), .footer_logo_container .footer_logo_item:nth-of-type(3) {
    width: 100%; }

  .footer_logo_container .footer_logo_item {
    margin-bottom: 20px; }

  .footer_logo_container .footer_logo_item:nth-of-type(1) {
    text-align: center; }

  .footer_logo_container .footer_logo_item:nth-of-type(3) p {
    width: 72%; }

  .foot_nav_container {
    margin: 20px auto 30px; }

  .foot_nav_container a {
    margin: 0 10px; } }
/* page-top
----------------------------------------------------*/
.page-top {
  position: fixed;
  bottom: 20px;
  right: 20px; }
  .page-top p {
    text-align: center;
    display: block;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    background: #D34471;
    color: #FFF;
    opacity: 0.5;
    transition: all  0.5s ease; }
  .page-top a {
    text-decoration: none;
    background: #D34471;
    color: #FFF; }
    .page-top a p:hover {
      opacity: 1;
      transition: all  0.5s ease; }
  .page-top a:hover {
    text-decoration: none; }
  .page-top i {
    margin-top: 13px;
    font-size: 35px; }

/* copyright
----------------------------------------------------*/
.copyright_container {
  width: 100%;
  height: 60px;
  text-align: center;
  background: #111;
  	/*p::before {
      	font-family: FontAwesome;
      	content: '\f1f9';
      	padding-right: 5px;
  		font-weight: 900;
      	color: #FFF;
  	}*/ }
  .copyright_container p {
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    line-height: 60px; }

/*****************************************************

 アーカイブページ
 
*****************************************************/
.blog_archive_container {
  /*padding:120px 0 100px;*/
  background: #FFF;
  text-align: center; }
  .blog_archive_container article {
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    margin: 60px 0;
    background: #FFF;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 0; }
    .blog_archive_container article a {
      text-decoration: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .blog_archive_container article img {
      width: 296px;
      height: 222px;
      /*max-width:100%;
      object-fit: cover;
      font-family:"object-fit: cover;";*/ }
    .blog_archive_container article .blog_archive_txt {
      width: 62.9%;
      text-align: left; }
      .blog_archive_container article .blog_archive_txt p {
        font-size: 16px;
        color: #4d4d4d; }
        .blog_archive_container article .blog_archive_txt p:first-of-type {
          padding: 10px 0 20px;
          margin-bottom: 10px;
          border-bottom: 1px solid #cccccc;
          font-family: 'Noto Serif JP', serif;
          font-weight: 600;
          font-size: 20px;
          color: #bf225b;
          position: relative; }
          .blog_archive_container article .blog_archive_txt p:first-of-type span {
            position: absolute;
            top: 10px;
            right: 0;
            padding: 5px 10px;
            color: #FFF;
            font-size: 14px;
            font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-weight: normal; }
        .blog_archive_container article .blog_archive_txt p:nth-of-type(2) {
          font-size: 14px;
          color: #7f7f7f;
          margin-bottom: 15px; }

@media screen and (max-width: 896px) {
  .blog_archive_container {
    padding: 0; }

  .blog_archive_container article .blog_archive_txt {
    width: 100%; }

  .blog_archive_container article .blog_archive_txt p:first-of-type {
    font-size: 18px; }

  .blog_archive_container article .blog_archive_txt p:first-of-type span {
    position: static; } }
/* ページャー
----------------------------------------------------*/
.pager {
  padding: 80px 0;
  width: 100%;
  position: relative;
  text-align: center; }
  .pager .page-numbers {
    display: inline-block;
    margin: 12px 0 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 16px;
    border: 2px #d34471 solid;
    border-radius: 50%;
    color: #FFF;
    background: #d34471; }
  .pager a {
    text-decoration: none; }
    .pager a .page-numbers {
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
    .pager a .page-numbers:hover {
      background: #FFF;
      border: 2px #d34471 solid;
      color: #d34471;
      opacity: 1; }
  .pager .current {
    background: #FFF;
    border: 2px #d34471 solid;
    color: #d34471; }

@media screen and (max-width: 896px) {
  .pager {
    padding: 0px 0 80px; } }
/*****************************************************

 シングルページ
 
*****************************************************/
.blog_single_container {
  margin-bottom: 60px; }
  .blog_single_container > h2 {
    font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 600;
    letter-spacing: 2px; }
  .blog_single_container > p {
    margin: -40px auto 0;
    text-align: center; }
    .blog_single_container > p > span {
      padding: 5px 10px;
      color: #FFF;
      font-size: 14px;
      font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-weight: normal; }

/* エディター内装飾
----------------------------------------------------*/
.editor_area {
  width: 100%;
  margin: 20px 0; }
  .editor_area img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 20px 0;
    border: none !important; }
  .editor_area p {
    margin-top: 8px;
    font-size: 16px;
    color: #4d4d4d;
    word-break: break-all; }
  .editor_area strong {
    font-weight: 700; }
  .editor_area em {
    font-style: italic; }
  .editor_area ul {
    margin-top: 24px;
    list-style: disc;
    padding-left: 4.2rem; }
    .editor_area ul li {
      margin-top: 8px; }
      .editor_area ul li:first-child {
        margin-top: 0; }
  .editor_area ol {
    margin-top: 24px;
    list-style: decimal;
    padding-left: 4.2rem; }
    .editor_area ol li {
      margin-top: 8px; }
      .editor_area ol li:first-child {
        margin-top: 0; }
  .editor_area hr {
    border-top: 1px #cccccc dotted;
    margin-top: 32px;
    margin-bottom: 32px; }
  .editor_area > h3 {
    font-size: 18px;
    color: #333;
    margin: 20px 0; }
  .editor_area > h4 {
    margin: 12px 0;
    color: #444;
    font-size: 16px; }
  .editor_area h3 + p, .editor_area h3 + ul, .editor_area h3 + ol {
    margin-top: 10px; }
  .editor_area h4 + p, .editor_area h4 + ul, .editor_area h4 + ol {
    margin-top: 10px; }
  .editor_area a {
    /*text-decoration: none;*/
    color: #DE0515;
    font-size: 16px;
    margin: 10px 0; }
  .editor_area blockquote {
    position: relative;
    padding: 30px 15px 8px 15px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
    width: 80%;
    margin: 30px auto; }
    .editor_area blockquote:before {
      display: inline-block;
      position: absolute;
      top: 13px;
      left: 15px;
      content: "\f10d";
      font-family: FontAwesome;
      color: #cfcfcf;
      font-size: 28px;
      line-height: 1;
      font-weight: 900; }
    .editor_area blockquote p {
      padding: 0;
      margin: 10px 0;
      line-height: 1.7; }
    .editor_area blockquote cite {
      display: block;
      text-align: right;
      color: #888888;
      font-size: 0.9em; }

/*****************************************************

 Home
 
*****************************************************/
/* Cover
----------------------------------------------------*/
.top_cover_container {
  width: 100%;
  height: 600px;
  background: url("../images/home/main_cover.jpg") center/cover no-repeat;
  position: relative;
  z-index: 0; }
  .top_cover_container .top_cover_txt {
    text-align: center;
    padding-top: 240px; }
    .top_cover_container .top_cover_txt img {
      width: 710px;
      max-width: 100%;
      height: auto; }
    .top_cover_container .top_cover_txt p {
      font-family: 'Noto Serif JP', serif;
      font-weight: 500;
      color: #FFF;
      text-shadow: 1px 2px 4px #333;
      font-size: 28px; }

@media screen and (max-width: 896px) {
  .top_cover_container {
    height: 300px;
    background: url("../images/home/main_cover.jpg") 60%/cover no-repeat; }

  .top_cover_container .top_cover_txt {
    padding-top: 120px; }

  .top_cover_container .top_cover_txt p {
    font-size: 14px; }

  .top_cover_container .top_cover_txt p:nth-of-type(1) {
    font-size: 18px; } }
/* top_bnr
----------------------------------------------------*/
.bnr_area {
  width: 100%;
  margin: -90px 0 0; }
  .bnr_area .bnr_img_area {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .bnr_area .bnr_img_area li {
      width: 25%;
      margin-right: 24px; }
      .bnr_area .bnr_img_area li img {
        width: 100%;
        box-shadow: 0 0 10px rgba(175, 175, 175, 0.5); }
      .bnr_area .bnr_img_area li a {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0; }
        .bnr_area .bnr_img_area li a:hover {
          opacity: 0.7;
          transition: .3s; }
      .bnr_area .bnr_img_area li:last-of-type {
        margin-right: 0; }

@media screen and (max-width: 896px) {
  .bnr_area {
    margin: -50px 0 0; }

  .bnr_area .bnr_img_area {
    display: block; }

  .bnr_area .bnr_img_area li {
    width: 80%;
    margin: 0 auto 16px; }
    .bnr_area .bnr_img_area li:last-of-type {
      margin: 0 auto 0; }

  .bnr_area .bnr_img_area li img {
    width: 100%; } }
/* Concept
----------------------------------------------------*/
.top_concept_wrap {
  padding: 120px 0 100px;
  background: #FFF;
  text-align: center; }

@media screen and (max-width: 896px) {
  .top_concept_wrap {
    padding: 60px 0; } }
/* Features
----------------------------------------------------*/
.top_features_wrap {
  width: 100%;
  height: 1369px;
  background: url("../images/home/features_bk.jpg") center/cover no-repeat;
  background-attachment: fixed;
  padding: 120px 0 100px;
  box-sizing: border-box; }
  .top_features_wrap > h3 {
    text-align: center; }

.top_features_container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 20px; }
  .top_features_container:nth-of-type(1) {
    justify-content: flex-start; }
    .top_features_container:nth-of-type(1) .top_features_item {
      margin-right: 20px; }
      .top_features_container:nth-of-type(1) .top_features_item:last-of-type {
        margin-right: 0; }
  .top_features_container:nth-of-type(2) {
    justify-content: flex-end; }
    .top_features_container:nth-of-type(2) .top_features_item {
      margin-left: 20px; }
      .top_features_container:nth-of-type(2) .top_features_item:first-of-type {
        margin-left: 0; }
  .top_features_container .top_features_item {
    width: 26.66%;
    font-size: 0;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5); }
    .top_features_container .top_features_item img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    .top_features_container .top_features_item .top_features_txt {
      width: 100%;
      padding: 30px 20px;
      box-sizing: border-box;
      background: #FFF; }
      .top_features_container .top_features_item .top_features_txt img {
        width: 95px;
        height: 40px;
        text-align: left; }
      .top_features_container .top_features_item .top_features_txt p {
        width: 100%;
        font-size: 14px;
        color: #4d4d4d; }
        .top_features_container .top_features_item .top_features_txt p:nth-of-type(1) {
          text-align: center;
          margin: 10px auto 30px;
          font-family: 'Noto Serif JP', serif;
          font-weight: 500;
          font-size: 18px;
          color: #333; }

@media screen and (max-width: 896px) {
  .top_features_wrap {
    padding: 60px 0;
    height: auto; }

  .top_features_wrap > h3 {
    padding: 0 5%;
    box-sizing: border-box;
    text-align: left; }

  .top_features_container:nth-of-type(1), .top_features_container:nth-of-type(2) {
    justify-content: center; }

  .top_features_container:nth-of-type(1) .top_features_item, .top_features_container:nth-of-type(2) .top_features_item {
    margin: 0 0 20px; }

  .top_features_container .top_features_item {
    width: 100%; }

  .top_features_container:nth-of-type(2) {
    margin-top: 0; } }
/* Campaign
----------------------------------------------------*/
.top_campaign_wrap {
  padding: 120px 0 100px;
  background: #FFF;
  text-align: center; }
  .top_campaign_wrap article {
    width: 100%;
    padding: 24px;
    box-sizing: border-box;
    margin: 60px 0;
    background: #FFF;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 0; }
    .top_campaign_wrap article a {
      text-decoration: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .top_campaign_wrap article img {
      width: 296px;
      height: 222px;
      /*max-width:100%;
      object-fit: cover;
      font-family:"object-fit: cover;";*/ }
    .top_campaign_wrap article .top_campaign_txt {
      width: 62.9%;
      text-align: left; }
      .top_campaign_wrap article .top_campaign_txt p {
        font-size: 16px;
        color: #4d4d4d; }
        .top_campaign_wrap article .top_campaign_txt p:first-of-type {
          padding: 10px 0 20px;
          margin-bottom: 10px;
          border-bottom: 1px solid #cccccc;
          font-family: 'Noto Serif JP', serif;
          font-weight: 600;
          font-size: 20px;
          color: #bf225b;
          position: relative; }
          .top_campaign_wrap article .top_campaign_txt p:first-of-type span {
            position: absolute;
            top: 10px;
            right: 0;
            padding: 5px 10px;
            color: #FFF;
            font-size: 14px;
            font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
            font-weight: normal; }
        .top_campaign_wrap article .top_campaign_txt p:nth-of-type(2) {
          font-size: 14px;
          color: #7f7f7f;
          margin-bottom: 15px; }

@media screen and (max-width: 896px) {
  .top_campaign_wrap {
    padding: 60px 0; }

  .top_campaign_wrap article .top_campaign_txt {
    width: 100%; }

  .top_campaign_wrap article .top_campaign_txt p:first-of-type {
    font-size: 18px; }

  .top_campaign_wrap article .top_campaign_txt p:first-of-type span {
    position: static; } }
/* Goods
----------------------------------------------------*/
.top_goods_wrap {
  padding: 120px 0 100px;
  background: linear-gradient(-23deg, #ece2ff 25%, #fff8ee);
  text-align: center; }

.top_goods_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 60px auto; }
  .top_goods_container .top_goods_item {
    width: 31.74%;
    font-size: 0;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5); }
    .top_goods_container .top_goods_item img {
      width: 100%;
      height: auto;
      /*max-width:100%;
      object-fit: cover;
      font-family:"object-fit: cover;";*/ }
    .top_goods_container .top_goods_item .top_goods_txt {
      width: 100%;
      padding: 30px 20px;
      box-sizing: border-box;
      background: #FFF;
      text-align: left; }
      .top_goods_container .top_goods_item .top_goods_txt a {
        text-decoration: none;
        display: block;
        margin: 0 0 12px;
        font-family: 'Noto Serif JP', serif;
        font-weight: 500;
        font-size: 16px;
        color: #bf225b; }
        .top_goods_container .top_goods_item .top_goods_txt a:before {
          font-family: 'Font Awesome 5 free';
          content: '\f0da';
          font-weight: 900;
          margin-right: 4px; }
      .top_goods_container .top_goods_item .top_goods_txt p {
        width: 100%;
        font-size: 14px;
        color: #4d4d4d; }

@media screen and (max-width: 896px) {
  .top_goods_wrap {
    padding: 60px 0; }

  .top_goods_container .top_goods_item {
    width: 100%;
    margin-bottom: 20px; } }
/* Menu & Price
----------------------------------------------------*/
.top_menu_wrap {
  width: 100%;
  padding: 120px 0 100px;
  background: #FFF;
  text-align: center; }

.top_menu_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  margin: 60px auto; }
  .top_menu_container .top_menu_item {
    width: 28.54%;
    height: auto;
    padding: 24px;
    box-sizing: border-box; }
    .top_menu_container .top_menu_item:nth-of-type(1) {
      background: url("../images/home/menu_hand.jpg") left/cover no-repeat; }
    .top_menu_container .top_menu_item:nth-of-type(2) {
      background: url("../images/home/menu_foot.jpg") left/cover no-repeat; }
    .top_menu_container .top_menu_item:nth-of-type(3) {
      background: url("../images/home/menu_other.jpg") left/cover no-repeat; }
    .top_menu_container .top_menu_item .top_menu_txt {
      width: 100%;
      background: rgba(255, 255, 255, 0.8);
      padding: 20px;
      box-sizing: border-box;
      margin-top: 63%;
      text-align: left; }
      .top_menu_container .top_menu_item .top_menu_txt a {
        text-decoration: none;
        display: block;
        margin: 0 0 12px;
        font-family: 'Noto Serif JP', serif;
        font-weight: 500;
        font-size: 16px;
        color: #bf225b; }
        .top_menu_container .top_menu_item .top_menu_txt a:before {
          font-family: 'Font Awesome 5 free';
          content: '\f0da';
          font-weight: 900;
          margin-right: 4px; }
      .top_menu_container .top_menu_item .top_menu_txt p {
        width: 100%;
        font-size: 14px;
        color: #4d4d4d; }

@media screen and (max-width: 896px) {
  .top_menu_wrap {
    padding: 60px 0; }

  .top_menu_container .top_menu_item {
    width: 90%;
    margin-bottom: 20px;
    padding: 12px; }

  .top_menu_container .top_menu_item .top_menu_txt {
    padding: 10px;
    margin-top: 53%; } }
/* Information
----------------------------------------------------*/
.top_info_wrap {
  width: 100%;
  height: 1600px;
  background: url("../images/home/info_bk.jpg") left/cover no-repeat;
  padding: 100px 0;
  box-sizing: border-box;
  text-align: center; }
  .top_info_wrap > img {
    width: 254px;
    height: auto;
    max-width: 100%;
    margin: -10px auto 20px; }
  .top_info_wrap > p {
    width: 90%;
    margin: 0 auto; }

.top_info_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 60px auto; }
  .top_info_container .top_info_item {
    width: 48.8%;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
    font-size: 0; }
    .top_info_container .top_info_item a {
      text-decoration: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
    .top_info_container .top_info_item img {
      width: 176px;
      height: 176px;
      /*max-width:100%;
      object-fit: cover;
      font-family: "object-fit: cover;";*/ }
    .top_info_container .top_info_item .top_owner_txt {
      height: 176px;
      background: #FFF;
      padding: 14px;
      box-sizing: border-box; }
      .top_info_container .top_info_item .top_owner_txt p {
        font-size: 16px;
        color: #4d4d4d;
        text-align: left; }
        .top_info_container .top_info_item .top_owner_txt p:nth-of-type(2) {
          color: #bf225b;
          font-family: 'Noto Serif JP', serif;
          font-weight: 500;
          margin: 12px 0; }
          .top_info_container .top_info_item .top_owner_txt p:nth-of-type(2):before {
            font-family: 'Font Awesome 5 free';
            content: '\f0da';
            font-weight: 900;
            margin-right: 4px; }
        .top_info_container .top_info_item .top_owner_txt p:nth-of-type(3) {
          font-size: 14px; }

.top_school_container {
  width: 91.6%;
  height: 516px;
  margin: 80px auto;
  box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start; }
  .top_school_container > img {
    width: 50%;
    height: 100%;
    /*max-width:100%;
    object-fit: cover;
    font-family: "object-fit: cover;";*/ }
  .top_school_container .top_school_txt {
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 80px 0;
    box-sizing: border-box;
    text-align: center; }
    .top_school_container .top_school_txt img {
      width: 254px;
      height: auto;
      max-width: 100%; }
    .top_school_container .top_school_txt p {
      font-size: 14px;
      color: #4d4d4d; }
      .top_school_container .top_school_txt p:nth-of-type(1) {
        font-family: 'Noto Serif JP', serif;
        font-weight: 500;
        font-size: 16px;
        color: #bf225b;
        margin: 30px 0 12px; }
    .top_school_container .top_school_txt a {
      text-decoration: none;
      display: block;
      width: 300px;
      margin: 50px auto 0;
      background: #d34471;
      border-radius: 28px;
      padding: 8px 0;
      text-align: center;
      font-size: 16px;
      color: #FFF;
      position: relative;
      transition: .3s; }
      .top_school_container .top_school_txt a::after {
        font-family: 'Font Awesome 5 free';
        content: '\f35d';
        font-weight: 900;
        color: #FFF;
        position: absolute;
        top: 8px;
        right: 16px; }
      .top_school_container .top_school_txt a:hover {
        opacity: .7;
        transition: .3s; }

@media screen and (max-width: 896px) {
  .top_info_wrap {
    padding: 60px 0;
    height: auto; }

  .top_info_wrap > p {
    text-align: left; }

  .top_info_container {
    margin: 60px auto 20px; }

  .top_info_container .top_info_item {
    width: 100%;
    flex-wrap: wrap; }

  .top_info_container .top_info_item img {
    width: 100%;
    height: 180px; }

  .top_info_container .top_info_item .top_owner_txt {
    padding: 8px;
    height: auto; }

  .top_info_container .top_info_item .top_owner_txt p:nth-of-type(2) {
    margin: 6px 0; }

  .top_info_container .top_info_item .top_owner_txt p {
    font-size: 14px; }

  .top_school_container {
    width: 90%;
    height: auto;
    flex-direction: column;
    margin: 40px auto; }

  .top_school_container .top_school_txt {
    width: 100%;
    height: auto;
    padding: 40px 20px; }

  .top_school_container .top_school_txt a {
    width: 100%;
    font-size: 14px; }

  .top_school_container > img {
    width: 100%; }

  .top_school_container .top_school_txt p, .top_school_container .top_school_txt p:nth-of-type(1) {
    text-align: left; } }
/* bnr_area_02
----------------------------------------------------*/
.bnr_area_02 {
  width: 100%;
  margin-top: 72px; }
  .bnr_area_02 .bnr_container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    .bnr_area_02 .bnr_container .bnr_item {
      width: 48%; }
      .bnr_area_02 .bnr_container .bnr_item li {
        text-align: center; }
        .bnr_area_02 .bnr_container .bnr_item li a {
          width: 100%;
          height: 100%;
          top: 0;
          right: 0; }
          .bnr_area_02 .bnr_container .bnr_item li a:hover {
            opacity: 0.7;
            transition: .3s; }
      .bnr_area_02 .bnr_container .bnr_item li:nth-of-type(2) img {
        width: 100%; }
      .bnr_area_02 .bnr_container .bnr_item:nth-of-type(1) li:nth-of-type(1) img {
        width: 142px;
        margin-bottom: 16px;
        padding: 0 170px; }
      .bnr_area_02 .bnr_container .bnr_item:nth-of-type(2) li:nth-of-type(1) img {
        width: 83px;
        margin-bottom: 16px;
        padding: 0 200px; }

@media screen and (max-width: 896px) {
  .bnr_area_02 .bnr_container {
    display: block; }

  .bnr_area_02 .bnr_container .bnr_item {
    width: 100%;
    margin-bottom: 24px; }
    .bnr_area_02 .bnr_container .bnr_item:last-of-type {
      margin-bottom: 0; }

  .bnr_area_02 .bnr_container .bnr_item:nth-of-type(1) li:nth-of-type(1) img {
    padding: 0 100px; }

  .bnr_area_02 .bnr_container .bnr_item:nth-of-type(2) li:nth-of-type(1) img {
    padding: 0 127px; } }
/* Salon
----------------------------------------------------*/
.top_salon_wrap {
  width: 100%;
  padding: 100px 0 100px;
  background: #FFF;
  text-align: center;
  min-width: 1280px; }

.top_salon_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 60px; }
  .top_salon_container .top_salon_item {
    width: 28.54%;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
    font-size: 0;
    margin: 0 32px 64px; }
    .top_salon_container .top_salon_item img {
      width: 100%;
      height: auto;
      max-width: 100%; }
    .top_salon_container .top_salon_item .top_salon_txt {
      width: 100%;
      background: #FFF;
      padding: 20px;
      box-sizing: border-box; }
      .top_salon_container .top_salon_item .top_salon_txt p {
        font-family: 'Noto Serif JP', serif;
        font-weight: 500;
        font-size: 16px;
        color: #bf225b; }
      .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone {
        width: 100%;
        margin: 20px auto;
        text-align: center; }
        .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone a {
          text-decoration: none;
          text-align: center;
          padding: 10px 14px;
          margin-right: 16px;
          background: #FFF;
          border-radius: 21px;
          border: 1px solid #d34471;
          font-size: 18px;
          color: #d34471;
          font-family: 'Josefin Sans', sans-serif;
          font-weight: 400;
          transition: .3s; }
          .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone a:last-of-type {
            margin-right: 0; }
          .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone a:hover {
            opacity: .7;
            transition: .3s; }
          .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone a i {
            margin-right: 4px; }
        .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone .facebook {
          background: #4497ad;
          border: 1px solid #4497ad;
          padding: 10px 24px;
          font-size: 16px;
          color: #FFF; }
        .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone .insta {
          background: #d34471;
          border: 1px solid #d34471;
          padding: 10px 24px;
          font-size: 16px;
          color: #FFF; }
      .top_salon_container .top_salon_item .top_salon_txt table {
        width: 100%;
        font-size: 14px;
        color: #4d4d4d;
        text-align: left; }
        .top_salon_container .top_salon_item .top_salon_txt table th {
          width: 25%;
          vertical-align: top;
          padding: 10px 0; }
          .top_salon_container .top_salon_item .top_salon_txt table th i {
            margin-right: 4px; }
        .top_salon_container .top_salon_item .top_salon_txt table td {
          width: 75%;
          padding: 6px 0; }

@media screen and (max-width: 896px) {
  .top_salon_wrap {
    width: 90%;
    margin: 0 auto;
    padding: 60px 0 100px;
    min-width: 100%; }

  .top_salon_container .top_salon_item {
    width: 90%;
    margin-bottom: 20px; }

  .top_salon_container .top_salon_item .top_salon_txt {
    padding: 10px; }

  .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone a {
    font-size: 16px;
    display: block;
    margin-right: 0;
    border-radius: 28px; }

  .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone a {
    margin-top: 20px; }
    .top_salon_container .top_salon_item .top_salon_txt .top_salon_phone a:first-of-type {
      margin-top: 0; }

  .top_salon_container .top_salon_item .top_salon_txt table th {
    width: 30%; }

  .top_salon_container .top_salon_item .top_salon_txt table td {
    width: 70%; } }
/*****************************************************

 Menu & Price
 
*****************************************************/
.menu_container {
  width: 100%;
  margin-top: 30px;
  box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }
  .menu_container figure {
    width: 50%;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat; }
  .menu_container:nth-of-type(1) figure {
    background-image: url("../images/menu/menu_img_01.jpg");
    height: 406px; }
  .menu_container:nth-of-type(2) figure {
    background-image: url("../images/menu/menu_img_02.jpg");
    height: 624px; }
  .menu_container:nth-of-type(3) figure {
    background-image: url("../images/menu/menu_img_03.jpg");
    height: 352px; }
  .menu_container:nth-of-type(4) figure {
    background-image: url("../images/menu/menu_img_04.jpg");
    height: 332px; }
  .menu_container .menu_txt {
    width: 50%;
    background: #FFF;
    padding: 26px;
    box-sizing: border-box; }
    .menu_container .menu_txt > p {
      color: #4d4d4d;
      font-size: 16px; }
      .menu_container .menu_txt > p:nth-of-type(1) {
        padding-bottom: 20px;
        margin-bottom: 14px;
        border-bottom: 1px solid #ccc;
        font-family: 'Noto Serif JP', serif;
        font-weight: 500;
        font-size: 20px;
        color: #bf225b; }
    .menu_container .menu_txt .menu_price {
      width: 100%;
      margin-top: 40px; }
      .menu_container .menu_txt .menu_price .price_item {
        width: 100%;
        padding-bottom: 6px;
        margin-bottom: 6px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom: 2px dotted #ccc; }
        .menu_container .menu_txt .menu_price .price_item p {
          font-size: 16px;
          color: #4d4d4d; }
  .menu_container:nth-child(6) > .menu_txt > .menu_price > .price_item:nth-child(1) {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }

.combination_container {
  width: 100%; }
  .combination_container .combination_item {
    width: 100%;
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center; }
    .combination_container .combination_item .combination_menu {
      width: auto;
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      align-items: flex-start;
      margin-right: 70px; }
      .combination_container .combination_item .combination_menu p {
        padding: 14px;
        text-align: center;
        background: #FFF;
        font-size: 16px;
        font-weight: bold;
        color: #4d4d4d;
        position: relative;
        margin-right: 42px; }
        .combination_container .combination_item .combination_menu p::after {
          content: '+';
          font-size: 22px;
          color: #d34471;
          font-weight: bold;
          position: absolute;
          top: 10px;
          right: -28px; }
        .combination_container .combination_item .combination_menu p:last-of-type {
          margin-right: 0; }
          .combination_container .combination_item .combination_menu p:last-of-type::after {
            display: none; }
    .combination_container .combination_item > p {
      font-size: 16px;
      color: #4d4d4d;
      font-weight: bold; }
      .combination_container .combination_item > p span {
        font-size: 24px;
        color: #d34471;
        font-weight: bold; }

@media screen and (max-width: 896px) {
  .menu_container:last-of-type {
    margin-bottom: 60px; }

  .menu_container .menu_txt {
    width: 100%; }

  .menu_container figure {
    width: 100%; }

  .menu_container:nth-of-type(1) figure, .menu_container:nth-of-type(3) figure {
    height: 200px; }

  .menu_container:nth-of-type(2) figure {
    height: 300px; }

  .menu_container:nth-of-type(4) figure {
    height: 270px; }

  .combination_container {
    margin-bottom: 60px; }

  .combination_container .combination_item .combination_menu {
    flex-wrap: wrap; }

  .combination_container .combination_item .combination_menu p {
    margin-bottom: 10px; } }
/*****************************************************

 Design
 
*****************************************************/
.design_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start; }
  .design_container > h3 {
    display: block;
    width: 100%;
    text-align: center; }
    .design_container > h3:nth-of-type(2) {
      margin-top: 50px; }
  .design_container .design_item {
    width: 28.54%;
    margin-bottom: 30px; }
    .design_container .design_item img {
      width: 100%;
      height: 339px;
      /*max-width:100%;
      object-fit: cover;
      font-family: "object-fit: cover;"*/ }
    .design_container .design_item p {
      font-size: 16px;
      color: #4d4d4d;
      text-align: center;
      font-family: 'Noto Serif JP', serif;
      font-weight: 500; }

.instagram_feed_container {
  margin: 0 auto 60px; }

@media screen and (max-width: 896px) {
  .design_container .design_item {
    width: 90%; }

  .design_container .design_item img {
    height: 220px; }

  .design_container > h3:nth-of-type(2) {
    margin-top: 30px; } }
/*****************************************************

 Care Goods
 
*****************************************************/
.goods_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start; }
  .goods_container .goods_item {
    width: 31.74%;
    font-size: 0;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
    margin-bottom: 54px;
    margin-right: 24px; }
    .goods_container .goods_item img {
      width: 100%;
      max-width: 100%;
      height: auto;
      object-fit: cover;
      font-family: "object-fit: cover;"; }
    .goods_container .goods_item .goods_txt {
      width: 100%;
      padding: 20px;
      box-sizing: border-box;
      background: #FFF; }
      .goods_container .goods_item .goods_txt p {
        font-size: 14px;
        color: #4d4d4d; }
        .goods_container .goods_item .goods_txt p:nth-of-type(1) {
          font-family: 'Noto Serif JP', serif;
          font-weight: 500;
          color: #bf225b;
          font-size: 16px; }
          .goods_container .goods_item .goods_txt p:nth-of-type(1) span {
            font-size: 14px;
            display: block; }
        .goods_container .goods_item .goods_txt p:nth-of-type(2) {
          width: 100%;
          padding: 10px;
          box-sizing: border-box;
          background: #eff4f4;
          margin: 14px auto;
          text-align: right; }
    .goods_container .goods_item:nth-of-type(3n) {
      margin-right: 0; }

@media screen and (max-width: 896px) {
  .goods_container .goods_item {
    width: 100%;
    margin-bottom: 30px;
    margin-right: 0; }

  #main_content > section:last-of-type > .inner > .goods_container {
    margin-bottom: 60px; } }
/*****************************************************

 Staff
 
*****************************************************/
.owner_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 0 0 10px rgba(219, 193, 203, 0.5); }
  .owner_container .owner_txt {
    width: 50%;
    padding: 24px;
    box-sizing: border-box; }
    .owner_container .owner_txt p {
      padding-bottom: 18px;
      border-bottom: 1px solid #ccc;
      margin-bottom: 18px;
      font-family: 'Noto Serif JP', serif;
      font-weight: 500;
      font-size: 22px;
      color: #bf225b; }
      .owner_container .owner_txt p span {
        font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: normal;
        font-size: 18px;
        color: #4d4d4d;
        margin-left: 18px; }
    .owner_container .owner_txt li {
      list-style: none;
      font-size: 16px;
      color: #4d4d4d;
      margin-bottom: 0px; }
  .owner_container figure {
    width: 50%;
    height: 303px;
    background: url("../images/staff/staff_img01.jpg") center/cover no-repeat; }

.staff_wrap {
  background: url("../images/home/features_bk.jpg") center/cover no-repeat !important; }

.staff_container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px; }
  .staff_container .staff_item {
    width: 23.5%;
    margin-bottom: 24px;
    margin-right: 24px;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
    font-size: 0; }
    .staff_container .staff_item img {
      width: 282px;
      max-width: 100%;
      height: auto; }
    .staff_container .staff_item .staff_txt {
      background: #FFF;
      padding: 20px;
      box-sizing: border-box;
      font-size: 18px;
      color: #4d4d4d; }
      .staff_container .staff_item .staff_txt span {
        display: block;
        margin-top: -8px;
        font-size: 14px;
        color: #6eccd6; }
      .staff_container .staff_item .staff_txt ul {
        margin-top: 20px; }
      .staff_container .staff_item .staff_txt li {
        list-style: none;
        font-size: 14px;
        color: #4d4d4d;
        margin-bottom: 0px; }
    .staff_container .staff_item:nth-of-type(4n) {
      margin-right: 0; }

@media screen and (max-width: 896px) {
  .owner_container .owner_txt {
    width: 100%; }

  /*.owner_container .owner_txt li {list-style: disc;margin-left:20px;}*/
  .owner_container figure {
    width: 100%;
    height: 220px; }

  .staff_container {
    margin-bottom: 60px; }

  .staff_container .staff_item {
    width: 80%;
    margin: 0 auto 24px; }

  .staff_container .staff_item img {
    width: 100%; }

  .staff_container .staff_item:nth-of-type(4n) {
    margin: 0 auto 24px; } }
/*****************************************************

 Salon
 
*****************************************************/
.salon_container {
  width: 100%;
  padding: 0;
  background: #FFF;
  box-shadow: 0 0 10px rgba(219, 193, 203, 0.5);
  font-size: 0;
  margin-bottom: 60px; }
  .salon_container .salon_name {
    width: 100%;
    background: #d34471;
    padding: 12px;
    box-sizing: border-box;
    position: relative; }
    .salon_container .salon_name > h3 {
      color: #FFF;
      margin-bottom: 0; }
    .salon_container .salon_name > a {
      text-decoration: none;
      position: absolute;
      top: 12px;
      right: 12px;
      background: #FFF;
      border-radius: 20px;
      padding: 5px 20px;
      text-align: center;
      font-family: 'Josefin Sans', sans-serif;
      font-weight: 600;
      font-size: 18px;
      color: #d34471; }
      .salon_container .salon_name > a i {
        margin-right: 8px; }
  .salon_container .salon_info_container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
    padding: 0 0 20px; }
    .salon_container .salon_info_container .salon_info_item {
      width: 46%;
      margin-top: 20px; }
      .salon_container .salon_info_container .salon_info_item img {
        width: 464px;
        max-width: 100%;
        height: auto; }
      .salon_container .salon_info_container .salon_info_item h4 {
        margin-bottom: 14px;
        padding-bottom: 14px;
        border-bottom: 1px solid #ccc; }
      .salon_container .salon_info_container .salon_info_item table {
        width: 100%;
        font-size: 16px;
        color: #4d4d4d;
        text-align: left; }
        .salon_container .salon_info_container .salon_info_item table th {
          width: 25%;
          vertical-align: top;
          padding-bottom: 10px; }
        .salon_container .salon_info_container .salon_info_item table td {
          width: 75%;
          padding-bottom: 20px; }
      .salon_container .salon_info_container .salon_info_item a {
        width: 100%;
        display: block;
        text-decoration: none;
        text-align: center;
        margin-right: 16px;
        border-radius: 30px;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 400;
        transition: .3s;
        background: #d34471;
        border: 1px solid #d34471;
        padding: 10px 24px;
        box-sizing: border-box;
        font-size: 16px;
        color: #FFF; }
        .salon_container .salon_info_container .salon_info_item a:hover {
          opacity: 0.7;
          transition: .3s; }
      .salon_container .salon_info_container .salon_info_item .service_menu_info {
        width: 100%;
        margin-bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        font-size: 14px;
        color: #FFF; }
        .salon_container .salon_info_container .salon_info_item .service_menu_info > p {
          width: 30%;
          background: #289caf;
          margin-bottom: 10px;
          padding: 8px 0;
          box-sizing: border-box;
          text-align: center;
          border-radius: 22px; }
          .salon_container .salon_info_container .salon_info_item .service_menu_info > p:nth-of-type(2), .salon_container .salon_info_container .salon_info_item .service_menu_info > p:nth-of-type(5) {
            margin: 0 4% 10px; }
      .salon_container .salon_info_container .salon_info_item .fb {
        width: 100%;
        max-width: 464px; }
  .salon_container:nth-of-type(3) .salon_name {
    padding: 12px; }

@media screen and (max-width: 896px) {
  .salon_container .salon_name > h3 {
    margin-bottom: 10px; }

  .salon_container .salon_name > a {
    position: static;
    display: block; }

  .salon_container .salon_info_container {
    padding: 0 10px 10px;
    box-sizing: border-box; }

  .salon_container .salon_info_container .salon_info_item {
    width: 100%; }

  .salon_container .salon_info_container .salon_info_item .service_menu_info {
    justify-content: space-between; }

  .salon_container .salon_info_container .salon_info_item .service_menu_info > p {
    width: 46%; }

  .salon_container .salon_info_container .salon_info_item .service_menu_info > p:nth-of-type(2), .salon_container .salon_info_container .salon_info_item .service_menu_info > p:nth-of-type(5) {
    margin: 0 0 10px; }

  .top_salon_container .top_salon_item .top_salon_txt table th {
    width: 30%; }

  .top_salon_container .top_salon_item .top_salon_txt table td {
    width: 70%; } }
/*****************************************************

 reserve
 
*****************************************************/
.reserve_btn {
  display: block;
  position: absolute;
  bottom: -60px;
  right: 10px;
  background: #222222;
  color: #fff;
  padding: 10px 30px;
  border-radius: 24px;
  text-decoration: none;
  letter-spacing: 2px;
  font-family: 'Noto Serif JP', serif;
  box-shadow: 0px 0px 10px rgba(109, 109, 109, 0.4); }

.reserve_btn_sp {
  display: block;
  position: absolute;
  bottom: -60px;
  right: 10px;
  background: #222222;
  color: #fff;
  padding: 10px 30px;
  border-radius: 24px;
  text-decoration: none;
  letter-spacing: 2px;
  font-family: 'Noto Serif JP', serif;
  box-shadow: 0px 0px 10px rgba(109, 109, 109, 0.4); }

.reserve_container {
  width: 100%; }
  .reserve_container > .link_btn {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 21px;
    margin: 0 auto 40px;
    width: 40%;
    font-weight: bold; }

.howto_reserve_container {
  width: 80%;
  margin: 0 auto 20px;
  border: 1px solid #ddd;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }
  .howto_reserve_container .howto_reserve_txt {
    width: 64%; }
    .howto_reserve_container .howto_reserve_txt p {
      font-size: 16px;
      color: #333;
      line-height: 28px;
      margin-bottom: 30px; }
      .howto_reserve_container .howto_reserve_txt p:nth-of-type(odd) {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px; }
        .howto_reserve_container .howto_reserve_txt p:nth-of-type(odd) span {
          display: inline-block;
          width: 40px;
          height: 40px;
          background: #4497AD;
          line-height: 40px;
          color: #fff;
          font-size: 16px;
          text-align: center;
          border-radius: 50%;
          margin-right: 10px; }
  .howto_reserve_container figure {
    width: 240px;
    margin: 0 auto; }
  .howto_reserve_container:last-of-type {
    margin-bottom: 100px; }

@media screen and (max-width: 896px) {
  .reserve_container > .link_btn {
    width: 100%; }

  .howto_reserve_container .howto_reserve_txt {
    width: 100%; }

  .reserve_btn_sp {
    right: auto;
    left: 20px; } }
/*****************************************************

 cafe
 
*****************************************************/
/* top
----------------------------------------------------*/
.cafe_wrapper h2 {
  color: #736357; }
  .cafe_wrapper h2::before {
    content: url("../images/common/cafe_slash.svg"); }
  .cafe_wrapper h2::after {
    content: url("../images/common/cafe_slash.svg"); }
.cafe_wrapper .top_cover_container {
  background: url("../images/cafe/header_top_img.jpg") center/cover no-repeat; }
  .cafe_wrapper .top_cover_container .top_cover_txt img {
    width: 100%; }
.cafe_wrapper .top_concept_wrap {
  /*>h2{
  	color: #736357;
  	
  	&::before {
  		content:url("../images/common/cafe_slash.svg");
  	}
  	&::after {
  		content:url("../images/common/cafe_slash.svg");
  	}
  }*/ }
  .cafe_wrapper .top_concept_wrap::before {
    width: 245px;
    height: 350px;
    position: absolute;
    content: '';
    background: url("../images/cafe/before.png") no-repeat;
    top: 200px;
    left: -350px; }
  .cafe_wrapper .top_concept_wrap::after {
    width: 245px;
    height: 350px;
    position: absolute;
    content: '';
    background: url("../images/cafe/after.png") no-repeat;
    top: 200px;
    right: -350px; }
  .cafe_wrapper .top_concept_wrap .point_area {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap; }
    .cafe_wrapper .top_concept_wrap .point_area li {
      width: 135px;
      height: 135px;
      border-radius: 50%;
      background: #394f2a;
      color: #fff;
      text-align: center; }
      .cafe_wrapper .top_concept_wrap .point_area li dl {
        padding: 16px 0; }
        .cafe_wrapper .top_concept_wrap .point_area li dl dt {
          font-size: 13px;
          line-height: 1;
          /*font-family: 'Merriweather', serif;*/
          font-family: 'Merriweather', serif;
          font-weight: 700; }
          .cafe_wrapper .top_concept_wrap .point_area li dl dt span {
            font-size: 30px;
            /*font-family: 'Merriweather', serif;*/
            font-family: 'Merriweather', serif;
            font-weight: 700; }
        .cafe_wrapper .top_concept_wrap .point_area li dl dd {
          margin-top: 10px;
          font-size: 14px; }

@media screen and (max-width: 896px) {
  .cafe_wrapper .top_cover_container {
    background: url(../images/cafe/header_top_img.jpg) center/cover no-repeat; }

  .cafe_wrapper .top_concept_wrap::before {
    display: none; }

  .cafe_wrapper .top_concept_wrap::after {
    display: none; }

  .cafe_wrapper .top_concept_wrap .point_area li {
    margin-bottom: 10px; }
    .cafe_wrapper .top_concept_wrap .point_area li:last-of-type {
      margin-bottom: 0; } }
/* menu
----------------------------------------------------*/
.menu_area {
  width: 100%;
  background: #f7f6eb;
  padding: 100px 0; }
  .menu_area .palette_online_bnr {
    width: 100%;
    font-size: 0;
    margin-bottom: 50px; }
    .menu_area .palette_online_bnr img {
      width: 100%; }
    .menu_area .palette_online_bnr:hover {
      opacity: 0.7;
      transition: .3s; }
  .menu_area .menu_item {
    width: 100%;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
    margin-bottom: 64px; }
    .menu_area .menu_item:last-of-type {
      margin-bottom: 0; }
    .menu_area .menu_item:nth-of-type(2) {
      flex-direction: row-reverse; }
    .menu_area .menu_item:nth-of-type(5) {
      flex-direction: row-reverse; }
    .menu_area .menu_item .menu_text_01 {
      width: 100%; }
      .menu_area .menu_item .menu_text_01 > h4 {
        color: #333333;
        border-bottom: 1px solid;
        box-sizing: border-box;
        margin-bottom: 24px;
        font-size: 22px; }
        .menu_area .menu_item .menu_text_01 > h4 img {
          width: 30px;
          margin-right: 10px;
          margin-bottom: -5px; }
        .menu_area .menu_item .menu_text_01 > h4 span {
          font-size: 14px;
          color: #c1272d;
          margin-left: 40px; }
    .menu_area .menu_item .menu_text_02 {
      width: 100%; }
      .menu_area .menu_item .menu_text_02 > h4 {
        color: #333333;
        border-bottom: 1px solid;
        box-sizing: border-box;
        margin-bottom: 24px;
        font-size: 22px; }
        .menu_area .menu_item .menu_text_02 > h4 img {
          width: 30px;
          margin-right: 10px;
          margin-bottom: -5px; }

.text_area {
  font-size: 14px; }
  .text_area ul {
    margin-bottom: 24px; }
  .text_area .glutenfree {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #736357;
    margin: 16px 0; }
    .text_area .glutenfree figure {
      width: 40px;
      margin-right: 8px; }
  .text_area .h5 {
    font-size: 17px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 24px;
    border-bottom: 1px dashed #7C7C7C; }
    .text_area .h5 span {
      font-size: 18px;
      font-family: 'Noto Sans Japanese';
      font-weight: bold; }
  .text_area .txt_box {
    margin-bottom: 8px; }
    .text_area .txt_box p {
      font-family: 'Noto Serif JP', serif;
      font-size: 16px;
      display: inline-block;
      padding: 6px 20px;
      border-radius: 30px;
      color: #fff; }
      .text_area .txt_box p:nth-of-type(1) {
        background: #BA9E43;
        margin-right: 10px; }
      .text_area .txt_box p:nth-of-type(2) {
        background: #4480B7; }
  .text_area .item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .text_area .item > p {
      font-size: 18px;
      font-family: 'Noto Sans Japanese';
      font-weight: bold; }
      .text_area .item > p span {
        margin-left: 20px; }
        .text_area .item > p span img {
          width: 25px;
          height: auto;
          margin-right: 10px;
          vertical-align: -20%; }
  .text_area .color {
    color: #F7931E;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px; }
    .text_area .color > p {
      font-size: 18px;
      font-family: 'Noto Sans Japanese';
      font-weight: bold;
      color: #333; }
  .text_area .online_btn_link {
    display: inline-block;
    position: relative;
    margin: 24px 0 0;
    padding: 12px 40px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #534741; }
    .text_area .online_btn_link i {
      margin-right: 5px; }
    .text_area .online_btn_link:hover {
      opacity: 0.7;
      transition: .3s; }

.pc_menu_img_area {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 32px; }
  .pc_menu_img_area ul {
    width: 60%; }
  .pc_menu_img_area figure {
    width: 30%; }
  .pc_menu_img_area figure img {
    width: 100%; }

.menu_bk_area .item {
  padding: 8px;
  box-sizing: border-box; }
  .menu_bk_area .item:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.75); }

.img_area {
  width: 48%;
  margin: 0 auto; }
  .img_area figure img {
    width: 100%; }

.sweets_img_area {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
  .sweets_img_area .sweets_img_item {
    width: 222px;
    margin: 0 40px 20px 0; }
    .sweets_img_area .sweets_img_item:nth-of-type(4n) {
      margin-right: 0; }
    .sweets_img_area .sweets_img_item figure {
      width: 100%; }
      .sweets_img_area .sweets_img_item figure img {
        width: 100%; }
    .sweets_img_area .sweets_img_item p {
      text-align: center;
      font-family: 'Noto Serif JP', serif; }

.menu_item_content {
  width: 100%;
  text-align: center; }
  .menu_item_content figure {
    width: 80%;
    margin: 0 auto 48px; }
    .menu_item_content figure img {
      width: 100%; }
  .menu_item_content > a {
    text-decoration: none;
    background: #ba9e43;
    color: #fff;
    padding: 16px 48px;
    box-sizing: border-box; }
    .menu_item_content > a > i {
      margin-right: 10px; }
    .menu_item_content > a:hover {
      opacity: 0.7;
      transition: .3s; }
  .menu_item_content ul {
    margin-top: 64px; }
    .menu_item_content ul li:nth-of-type(1) {
      background: #394f2a;
      color: #fff;
      padding: 5px 0;
      width: 60%;
      text-align: center;
      border-radius: 30px;
      margin: 0 auto 24px;
      font-family: 'Noto Serif JP', serif;
      font-size: 13px; }
    .menu_item_content ul li:nth-of-type(2) {
      text-align: center; }
      .menu_item_content ul li:nth-of-type(2) > i {
        margin-right: 10px;
        font-size: 24px; }
      .menu_item_content ul li:nth-of-type(2) > a {
        text-decoration: none;
        color: #000;
        font-family: 'Noto Serif JP', serif;
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 8px; }

.text_indent {
  padding-left: 14px;
  text-indent: -14px; }

@media screen and (max-width: 896px) {
  .menu_area {
    padding: 64px 0; }

  .menu_area .menu_item {
    display: block;
    margin-bottom: 32px; }

  .menu_area .menu_item .menu_text_01 {
    width: 100%; }

  .menu_area .menu_item .menu_text_01 > h4, .menu_area .menu_item .menu_text_02 > h4 {
    font-size: 17px;
    padding-bottom: 6px; }

  .menu_area .menu_item .menu_text_01 > h4 img {
    width: 25px; }

  .menu_area .menu_item .menu_text_02 > h4 img {
    width: 15px; }

  .text_area {
    font-size: 14px; }

  .pc_menu_img_area {
    margin-bottom: 32px;
    flex-direction: column-reverse; }

  .pc_menu_img_area ul, .pc_menu_img_area figure {
    width: 100%; }

  .pc_menu_img_area figure {
    margin-bottom: 16px;
    font-size: 0; }

  .text_area .txt_box p {
    font-size: 14px;
    padding: 4px 10px; }

  .text_area .h5 {
    display: block;
    font-size: 15px;
    margin-bottom: 16px; }

  .text_area .h5 span {
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: right; }

  .text_area .glutenfree {
    font-size: 14px;
    margin: 8px 0; }

  .text_area .glutenfree figure {
    width: 40px; }

  .text_area .item, .text_area .red {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px; }

  .text_area .item, .text_area .red {
    display: block; }

  .text_area .item > p {
    font-size: 14px;
    text-align: right; }

  .text_area .item > p, .text_area .red > p {
    margin-top: 8px; }

  .text_area .red > p {
    font-size: 13px;
    text-align: right; }

  .text_area .item > p {
    font-size: 14px; }

  .text_area .item > p span img {
    width: 23px; }

  .text_area .online_btn_link {
    width: 100%;
    margin: 16px 0 0;
    font-size: 14px; }

  .menu_bk_area .item:nth-of-type(odd) {
    background-color: transparent; }

  .menu_item_content > a {
    padding: 16px 48px;
    font-size: 15px; }

  .menu_item_content ul li:nth-of-type(1) {
    font-size: 13px;
    padding: 16px 48px; }

  .menu_item_content ul li:nth-of-type(2) > i {
    font-size: 20px; }

  .menu_item_content ul li:nth-of-type(2) > a {
    font-size: 20px;
    letter-spacing: 6px; }

  .menu_img_area {
    margin-bottom: 32px; }

  .menu_img_area figure {
    width: 100%; }
    .menu_img_area figure img {
      width: 100%; }

  .sweets_img_area .sweets_img_item {
    width: 45%;
    margin: 0 32px 16px 0; }
    .sweets_img_area .sweets_img_item:nth-of-type(2n) {
      margin-right: 0; }

  .sweets_img_area .sweets_img_item p {
    font-size: 14px; } }
/* instagram
----------------------------------------------------*/
.instagram {
  width: 100%;
  margin: 100px 0; }
  .instagram .instagram_container {
    width: 1008px !important;
    margin: 0 auto; }
    .instagram .instagram_container #sb_instagram #sbi_load .sbi_follow_btn {
      width: 300px;
      display: block;
      margin: 0 auto; }
      .instagram .instagram_container #sb_instagram #sbi_load .sbi_follow_btn a {
        width: 100%;
        padding: 10px 0; }

@media screen and (max-width: 896px) {
  .instagram {
    margin: 100px 0 40px; }

  .instagram .instagram_container {
    width: 100% !important; } }
/* access
----------------------------------------------------*/
.access {
  width: 100%;
  margin-bottom: 100px; }

/*****************************************************

 company
 
*****************************************************/
.company_wrapper h2 {
  color: #d1d146; }
  .company_wrapper h2::before {
    content: url("../images/company/company_slash.svg"); }
  .company_wrapper h2::after {
    content: url("../images/company/company_slash.svg"); }
.company_wrapper .top_cover_container {
  background: url("../images/company/header_top_img.jpg") center/cover no-repeat; }
  .company_wrapper .top_cover_container .top_cover_txt img {
    width: 50%;
    margin-top: 48px; }
.company_wrapper .top_concept_wrap::after {
  position: absolute;
  content: '';
  background: url("../images/company/after.png") center/cover no-repeat;
  width: 435px;
  height: 288px;
  bottom: -40px;
  right: -355px; }
.company_wrapper .business_area {
  width: 100%;
  height: 981px;
  background: url("../images/company/business_bk.jpg") center/cover no-repeat;
  box-sizing: border-box;
  padding: 120px 0 100px;
  position: relative; }
  .company_wrapper .business_area .business_container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap; }
    .company_wrapper .business_area .business_container .business_item {
      width: 330px;
      position: relative;
      margin-right: 40px;
      z-index: 0; }
      .company_wrapper .business_area .business_container .business_item .business_img_area {
        display: flex;
        justify-content: space-between; }
        .company_wrapper .business_area .business_container .business_item .business_img_area figure img {
          width: 100%; }
        .company_wrapper .business_area .business_container .business_item .business_img_area > h4 {
          writing-mode: vertical-rl;
          text-orientation: sideways;
          margin-top: 42px;
          color: #ba9bc9;
          font-family: 'Merriweather', serif;
          font-weight: 700; }
      .company_wrapper .business_area .business_container .business_item .business_text_area {
        width: 85%; }
        .company_wrapper .business_area .business_container .business_item .business_text_area li:nth-of-type(1) {
          font-size: 15px;
          font-family: 'Noto Serif JP', serif;
          font-weight: bold;
          margin: 8px 0 16px; }
        .company_wrapper .business_area .business_container .business_item .business_text_area li:nth-of-type(2) {
          font-size: 14px;
          text-align: justify; }
      .company_wrapper .business_area .business_container .business_item a {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-decoration: none; }
      .company_wrapper .business_area .business_container .business_item:hover {
        opacity: 0.7;
        transition: .3s; }
      .company_wrapper .business_area .business_container .business_item:last-of-type {
        margin-right: 0; }
.company_wrapper .overview_area {
  margin: 100px 0; }
  .company_wrapper .overview_area table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 auto; }
    .company_wrapper .overview_area table tr {
      border-bottom: 1px solid #cccccc; }
      .company_wrapper .overview_area table tr:last-of-type {
        border-bottom: 0; }
      .company_wrapper .overview_area table tr th {
        width: 40%;
        padding: 30px 0 30px 20px;
        color: #4d4d4d;
        font-weight: bold; }
      .company_wrapper .overview_area table tr td {
        padding: 30px 20px 30px 0;
        color: #4d4d4d; }
        .company_wrapper .overview_area table tr td a {
          text-decoration: none;
          color: #4d4d4d; }

@media screen and (max-width: 896px) {
  .company_wrapper h3 {
    text-align: center; }

  .company_wrapper .top_cover_container .top_cover_txt img {
    width: 80%; }

  .company_wrapper .top_concept_wrap::after {
    display: none; }

  .company_wrapper .business_area {
    height: auto;
    padding: 50px 0; }

  .company_wrapper .business_area .business_container {
    width: 80%;
    margin: 0 auto; }

  .company_wrapper .business_area .business_container .business_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 48px; }
    .company_wrapper .business_area .business_container .business_item:last-of-type {
      margin-bottom: 0; }

  .company_wrapper .business_area .business_container, .company_wrapper .business_area .business_container .business_item .business_img_area {
    display: block; }

  .company_wrapper .business_area .business_container .business_item .business_img_area > h4 {
    writing-mode: lr;
    margin-top: 0; }

  .company_wrapper .business_area .business_container .business_item .business_img_area figure img {
    width: 100%; }

  .company_wrapper .overview_area {
    margin: 50px 0 100px; }

  .company_wrapper .overview_area table tr {
    font-size: 14px; }

  .company_wrapper .overview_area table tr th, .company_wrapper .overview_area table tr td {
    width: 100%;
    display: block; }

  .company_wrapper .overview_area table tr th {
    padding: 10px 0 0; }

  .company_wrapper .overview_area table tr td {
    padding: 0 0 10px; } }
/*****************************************************

 Beauty salon colorsnail (2023.11.28追加)
 
*****************************************************/
#bk_yellow {
  background: #fffef5;
  z-index: 1; }

/* トップ
----------------------------------------------------*/
.beautysalon_wrapper h2 {
  color: #6f8d5d; }
  .beautysalon_wrapper h2::before {
    content: url("../images/beautysalon/salon_slash.svg"); }
  .beautysalon_wrapper h2::after {
    content: url("../images/beautysalon/salon_slash.svg"); }
.beautysalon_wrapper h3 {
  margin-bottom: 20px;
  color: #ba9e43;
  font-weight: bold; }
.beautysalon_wrapper .top_cover_container {
  background: url(../images/beautysalon/beauty_salon_top_cover.jpg) center/cover no-repeat; }
  .beautysalon_wrapper .top_cover_container .top_cover_txt p {
    text-align: center;
    color: #736357;
    text-shadow: none; }
    .beautysalon_wrapper .top_cover_container .top_cover_txt p:first-of-type {
      font-size: 32px;
      font-weight: bold;
      font-family: serif;
      margin-bottom: 24px; }
    .beautysalon_wrapper .top_cover_container .top_cover_txt p:last-of-type {
      font-size: 64px;
      font-weight: bold;
      font-family: 'Tangerine', cursive; }

@media screen and (max-width: 896px) {
  .beautysalon_wrapper .h2_jp + p {
    width: 100%; }

  .beautysalon_wrapper .top_cover_container .top_cover_txt p:first-of-type {
    font-size: 18px;
    margin-bottom: 12px; }

  .beautysalon_wrapper .top_cover_container .top_cover_txt p:last-of-type {
    font-size: 32px; } }
.salon_img_3col {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .salon_img_3col figure {
    width: 32%;
    margin-right: 20px; }
    .salon_img_3col figure img {
      width: 100%; }
    .salon_img_3col figure:last-of-type {
      margin-right: 0; }

@media screen and (max-width: 896px) {
  .salon_img_3col figure {
    margin-right: 10px; } }
/* 痩せる生活習慣
----------------------------------------------------*/
.lifestyle_habit_wrapper {
  width: 100%;
  position: relative; }
  .lifestyle_habit_wrapper::after {
    width: 281px;
    height: 240px;
    position: absolute;
    bottom: 0;
    right: 0;
    content: '';
    background: url("../images/beautysalon/lifestyle_habit_after_bk.png") center/cover no-repeat;
    z-index: -1; }

.lifestyle_habit_list {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap; }
  .lifestyle_habit_list li {
    width: 32%;
    margin: 0 2% 2% 0;
    padding: 24px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5); }
    .lifestyle_habit_list li h3 {
      font-size: 18px;
      text-align: center; }
    .lifestyle_habit_list li:nth-of-type(3n) {
      margin-right: 0; }

@media screen and (max-width: 896px) {
  .lifestyle_habit_list li {
    width: 100%;
    margin: 0 0 24px 0; }
    .lifestyle_habit_list li:last-of-type {
      margin-bottom: 0; }

  .lifestyle_habit_list li p {
    font-size: 14px; }

  .lifestyle_habit_wrapper::after {
    display: none; } }
/* メニュー
----------------------------------------------------*/
.menu_price_area {
  width: 100%;
  margin-bottom: 40px;
  padding: 80px 40px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 10px rgba(219, 193, 203, 0.5); }
  .menu_price_area ul {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ccc; }
    .menu_price_area ul li h3 span {
      font-size: 18px; }
    .menu_price_area ul li p {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 18px;
      margin-bottom: 18px;
      font-size: 18px;
      font-weight: bold;
      font-family: serif;
      border-bottom: 1px dashed #ccc; }
      .menu_price_area ul li p .price_txt {
        color: #736357; }
    .menu_price_area ul li:last-of-type p {
      padding-bottom: 0;
      margin-bottom: 0;
      border-bottom: 0; }
    .menu_price_area ul:last-of-type {
      margin-bottom: 0; }

@media screen and (max-width: 896px) {
  .menu_price_area {
    padding: 40px 20px; }

  .menu_price_area ul li h3 span {
    font-size: 14px; }

  .menu_price_area ul li p {
    flex-wrap: wrap;
    font-size: 14px; }

  .menu_price_area ul li p .price_txt {
    width: 100%;
    display: block;
    margin-top: 12px;
    text-align: right;
    font-size: 16px; } }
.menu_img_area {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }
  .menu_img_area li {
    width: 32%;
    margin-right: 20px; }
    .menu_img_area li figure {
      width: 100%; }
      .menu_img_area li figure img {
        width: 100%; }
    .menu_img_area li h3 {
      margin: 12px 0;
      font-size: 18px; }
    .menu_img_area li:last-of-type {
      margin-right: 0; }

@media screen and (max-width: 896px) {
  .menu_img_area {
    flex-wrap: wrap; }

  .menu_img_area li {
    width: 100%;
    margin: 0 0 40px 0; }
    .menu_img_area li:last-of-type {
      margin-bottom: 0; }

  .menu_img_area li p {
    font-size: 14px; } }
/* キャンペーンバナー
----------------------------------------------------*/
.campaign_bnr {
  margin: 64px 0 0;
  text-align: center; }
  .campaign_bnr a:hover {
    opacity: 0.7;
    transition: .3s; }

@media screen and (max-width: 896px) {
  .campaign_bnr {
    width: 100%;
    margin: 40px 0 0; }

  .campaign_bnr a img {
    width: 100%; } }
/* オーナー紹介
----------------------------------------------------*/
.owner_info_area {
  width: 100%;
  display: flex;
  margin-top: 30px;
  background: #fff;
  box-shadow: 0 0 10px rgba(219, 193, 203, 0.5); }
  .owner_info_area figure {
    width: 50%;
    background: url(../images/beautysalon/owner_img.jpg) right/cover no-repeat; }
  .owner_info_area .owner_info_txt {
    width: 50%;
    height: auto;
    padding: 32px 20px;
    box-sizing: border-box;
    background: #fff; }
    .owner_info_area .owner_info_txt p:first-of-type {
      padding-bottom: 18px;
      margin-bottom: 18px;
      font-size: 28px;
      font-weight: bold;
      line-height: 30px;
      letter-spacing: 5px;
      font-family: serif;
      border-bottom: 1px dashed #ccc; }
      .owner_info_area .owner_info_txt p:first-of-type span {
        display: block;
        font-size: 24px;
        color: #736357;
        font-family: 'Tangerine', cursive; }
    .owner_info_area .owner_info_txt a {
      position: relative;
      display: inline-block;
      margin: 24px auto 0;
      padding: 12px 40px;
      box-sizing: border-box;
      text-align: center;
      font-size: 14px;
      color: #fff;
      font-weight: bold;
      letter-spacing: 2px;
      text-decoration: none;
      border-radius: 30px;
      background: #ba9e43; }
      .owner_info_area .owner_info_txt a::after {
        position: absolute;
        top: 14px;
        right: 16px;
        content: '\f0da';
        font-family: 'Font Awesome 5 free';
        color: #fff;
        font-weight: 900; }
      .owner_info_area .owner_info_txt a:hover {
        opacity: 0.7;
        transition: .3s; }

@media screen and (max-width: 896px) {
  .owner_info_area {
    flex-wrap: wrap; }

  .owner_info_area figure {
    width: 100%;
    padding-top: 65%; }

  .owner_info_area .owner_info_txt {
    width: 100%; }

  .owner_info_area .owner_info_txt p {
    font-size: 14px;
    line-height: 28px; }

  .owner_info_area .owner_info_txt p:first-of-type {
    font-size: 20px; }

  .owner_info_area .owner_info_txt p:first-of-type span {
    font-size: 18px; }

  .owner_info_area .owner_info_txt a {
    width: 100%; } }
/* お問い合わせ
----------------------------------------------------*/
.beautysalon_contact_wrapper {
  padding-bottom: 100px; }

.beautysalon_contact_area {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .beautysalon_contact_area .beautysalon_contact_item {
    width: 48%;
    margin-right: 40px;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px rgba(219, 193, 203, 0.5); }
    .beautysalon_contact_area .beautysalon_contact_item a {
      text-decoration: none;
      font-size: 36px;
      color: #333;
      font-family: serif; }
    .beautysalon_contact_area .beautysalon_contact_item .salon_contact_btn {
      width: 90%;
      position: relative;
      display: block;
      margin: 0 auto;
      padding: 14px 0;
      text-align: center;
      font-size: 16px;
      color: #fff;
      font-family: 'Noto Sans Japanese';
      text-decoration: none;
      background: #ba9e43;
      transition: .3s; }
      .beautysalon_contact_area .beautysalon_contact_item .salon_contact_btn::after {
        position: absolute;
        top: 15px;
        right: 16px;
        content: '\f0da';
        font-family: 'Font Awesome 5 free';
        color: #fff;
        font-weight: 900; }
      .beautysalon_contact_area .beautysalon_contact_item .salon_contact_btn:hover {
        opacity: 0.7;
        transition: .3s; }
    .beautysalon_contact_area .beautysalon_contact_item:last-of-type {
      margin-right: 0; }

@media screen and (max-width: 896px) {
  .beautysalon_contact_area {
    flex-wrap: wrap; }

  .beautysalon_contact_area .beautysalon_contact_item {
    width: 100%;
    padding: 20px;
    margin-right: 0;
    margin-bottom: 24px; }

  .beautysalon_contact_area .beautysalon_contact_item:last-of-type {
    margin-bottom: 0; }

  .beautysalon_contact_area .beautysalon_contact_item h3 {
    text-align: center; }

  .beautysalon_contact_area .beautysalon_contact_item a {
    font-size: 28px; } }