@charset "UTF-8";
/*
 Theme Name:   habakiri_child_m
 Description:  habakiri の子テーマです
 Author:       mxx
 Author URI:   https://mxx-threetop.com
 Template:     habakiri
 Version: 2.5.2
*/
/*------photoswipe-------*/
@use 'photoswipe/dist/photoswipe.css';
/* ------ ヘッダーの背景無しに　------- */
.header {
  background: none !important;
  border: none; }

body {
  color: #706261;
  font-size: 15px;
  font-family: "M PLUS Rounded 1c", serif; }

ul li {
  list-style: none; }

.container {
  width: 100%; }

.mobmenur-container {
  position: fixed;
  right: 0px;
  top: 15px;
  z-index: 9999; }

.header__content {
  position: fixed;
  top: 0;
  left: 0;
  height: 50px;
  background: #fff; }

.sns_button {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 36px;
  font-size: 20px;
  vertical-align: middle; }
  .sns_button a {
    /*padding-right: 0;*/
    font-size: 18px;
    color: #664a62;
    text-align: center; }
  .sns_button a:hover {
    color: #64343B; }

.sns_btn_hd {
  background-image: linear-gradient(to bottom, #fcefe7, #f6e6d6);
  border: none;
  border-radius: 4px;
  width: 42px;
  line-height: 1em;
  margin-right: 5px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  padding: 2px 0; }
  .sns_btn_hd p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: center; }

iframe, .sns_line_div {
  min-width: 20% !important;
  height: 390px; }

.sns_line_div {
  height: auto; }

.sns h5.insta {
  margin-top: 20px; }

.salon_cont img.sns_line {
  border: 1px solid #f5f5f5; }

.salon_cont img.sns_line_btn {
  width: 60%;
  margin-top: 20px; }

#responsive-btn {
  display: none !important; }

button.btn {
  display: none; }

a:hover, .siteFooter a:where(:not(:is(.btn, .wp-block-button__link))) {
  text-decoration: none; }

h1, h2, h3 {
  font-size: 18px;
  text-align: center;
  font-family: "M PLUS Rounded 1c", serif; }

.site-branding h1 {
  text-align: left; }

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

h2 {
  font-size: 18px; }

h3 {
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 2px;
  text-align: left;
  padding-left: 5px; }

h4 {
  font-size: 14px;
  margin-bottom: 4px; }

.site-branding {
  display: none; }

.short h1 {
  font-size: 14px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  display: inline-flex;
  align-items: center;
  height: 50px; }
.short h1:before {
  content: url(./img/logo_ts.png);
  margin-right: 2px; }

.fa-calendar-days {
  font-size: 18px; }

/*---　フッターのフローティングメニュー　------*/
#footerFloatingMenu {
  display: flex;
  /*block;*/
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0px;
  z-index: 9999;
  text-align: center;
  padding: 0 25px 0 0;
  background-color: #e0c5c3; }

#footerFloatingMenu .fas, #footerFloatingMenu .fab, #footerFloatingMenu .icon-hpb:before, #footerFloatingMenu .fa-brands {
  font-size: 1.5em;
  color: #fff;
  padding: 8px;
  background: none; }

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?eg43bf");
  src: url("fonts/icomoon.eot?eg43bf#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?eg43bf") format("truetype"), url("fonts/icomoon.woff?eg43bf") format("woff"), url("fonts/icomoon.svg?eg43bf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-hpb:before {
  content: "\e900";
  font-family: 'icomoon'; }

.icon-home3:before {
  content: "\e902"; }

.page-header {
  text-shadow: #706261 2px 2px 2px; }

.page-header__title {
  font-size: 28px;
  font-weight: 800;
  font-style: normal;
  position: relative;
  z-index: 1;
  letter-spacing: -0.1em; }

/*mxx2*/
.page-id-574 .page-header__title {
  font-family: "M PLUS Rounded 1c", serif; }

.page-header--has_background-image {
  padding-top: 352px;
  padding-bottom: 8px; }

.sub-page-contents {
  padding-top: 5px; }

/*-----------------------------------*/
/*----------- header 画像　-----------*/
/*imgに画像　ヘッダー画像設定あり*/
/*top*/
.page-id-5 .page-header, .page-id-574 .page-header {
  background-image: url(./img/top_s.webp) !important;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 160px;
  padding-bottom: 248px;
  margin-top: 50px; }

.page-id-5 .page-header {
  position: relative; }

.page-id-5 .page-header::before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  /* 絶対位置指定 */
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  /* 半透明 */
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

/*404*/
.error404 p {
  text-align: center; }
.error404 .input-group {
  width: 70%;
  margin-left: 15%; }
.error404 .page-header {
  background-image: url(./img/nail_046.webp) !important; }
  .error404 .page-header h1 {
    font-size: 20px; }

/*サイトマップ*/
.smp_table img {
  width: 220px; }

.smp {
  background-color: #f0e2e7; }

.smp2 {
  background-color: #E0C5C3; }

/*nail*/
.page-id-29 .page-header, .page-id-32 .page-header, .page-id-334 .page-header, .page-id-428 .page-header, .blog .page-header, .single-post .page-header {
  background-image: url(./img/nail_046.webp) !important;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 0;
  margin-top: 50px;
  margin-bottom: -50px;
  border: none; }
  .page-id-29 .page-header .container, .page-id-32 .page-header .container, .page-id-334 .page-header .container, .page-id-428 .page-header .container, .blog .page-header .container, .single-post .page-header .container {
    background: #fff; }
    .page-id-29 .page-header .container h1, .page-id-32 .page-header .container h1, .page-id-334 .page-header .container h1, .page-id-428 .page-header .container h1, .blog .page-header .container h1, .single-post .page-header .container h1 {
      padding-top: 24px;
      color: #706261;
      text-shadow: none;
      font-family: "M PLUS Rounded 1c", serif;
      font-size: 18px;
      text-decoration: underline; }
.page-id-29 h2, .page-id-32 h2, .page-id-334 h2, .page-id-428 h2, .blog h2, .single-post h2 {
  margin-top: -266px;
  margin-bottom: 240px;
  text-shadow: #706261 2px 2px 2px;
  color: #fff;
  font-family: "Sofia", serif;
  font-size: 32px; }

.page-id-29 .page-header .container h1, .page-id-32 .page-header .container h1, .blog .page-header .container h1 {
  padding-bottom: 20px; }
.page-id-29 h2, .page-id-32 h2, .blog h2 {
  margin-top: -220px;
  margin-bottom: 245px; }

.page-id-334 .page-header .container h1, .page-id-428 .page-header .container h1 {
  padding-bottom: 125px; }
.page-id-334 h2, .page-id-428 h2 {
  margin-top: -236px;
  margin-bottom: 165px; }

.blog h2, .single h2 {
  margin-top: -226px; }

.single-post .entry__title, .blog .entry__title {
  margin-top: 0; }
.single-post .page-header, .blog .page-header {
  padding-top: 340px;
  background-repeat: repeat-x; }
.single-post .entry__content, .blog .entry__content {
  padding-bottom: 120px; }

.single-post .entry__title {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 20px; }

.artist h3 {
  text-align: center; }

/*eyelash*/
.page-id-32 .page-header {
  background-image: url(./img/eyelash_00.jpg) !important; }

/*staff*/
.page-id-334 .page-header {
  background-image: url(./img/salon_s.webp) !important; }

/*customer reviews*/
.page-id-428 .page-header {
  background-image: url(./img/customer.webp) !important; }

/*blog*/
.blog .page-header, .single-post .page-header {
  background-image: url(./img/logo.png) !important; }

/*------------------------------------*/
.col-md-9 {
  width: 100%;
  padding: 0; }

#main {
  margin-bottom: 0; }

.catchcopy {
  margin-top: -296px;
  margin-bottom: 200px;
  color: #fff;
  width: 100%;
  margin-left: 0;
  text-align: center;
  font-size: 17px;
  letter-spacing: -1px;
  line-height: 1.4em; }

.cap {
  display: flex;
  flex-direction: column; }
  .cap a:hover {
    color: #f6ddf1; }

.reserve_btn, .reserve_btn_ex, .reserve_btn_nail {
  border: #fff 2px solid;
  margin-top: -136px;
  margin-bottom: 120px;
  background: rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 12px #fff;
  padding: 8px 0;
  width: 74%;
  margin-left: 13%;
  color: pink;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold; }
  .reserve_btn p, .reserve_btn_ex p, .reserve_btn_nail p {
    margin-bottom: 0; }

.reserve_btn:hover {
  background: rgba(225, 225, 225, 0.5);
  border-color: pink;
  box-shadow: 0px 6px 8px #D89CA4;
  transform: translateY(-4px); }
  .reserve_btn:hover p {
    color: #524847;
    font-weight: bold; }

.reserve_btn_ex {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  background: #c0a3a5;
  box-shadow: 0 4px 10px #999;
  border: 3px double #fff;
  color: #fff;
  padding: 6px 10px; }

.reserve_btn_ex:hover, .reserve_btn_nail:hover {
  background: rgba(245, 225, 227, 0.4);
  box-shadow: 0px 6px 12px #D89CA4;
  transform: translateY(-4px);
  text-shadow: #fff 1px 2px 1px; }
  .reserve_btn_ex:hover p, .reserve_btn_nail:hover p {
    color: #706261; }

.reserve_btn_nail {
  margin-top: -196px;
  margin-bottom: 220px;
  width: 60%;
  margin-left: 20%; }
  .reserve_btn_nail a {
    color: #fff; }

.entry__content h1 {
  text-align: center; }

button.fixed_btn, button.topbtn, button.nebtn {
  overflow: hidden;
  text-transform: none;
  margin: 0;
  padding: 5px 18px 5px 18px;
  color: #fff;
  border-radius: 0;
  border-top: 4px solid #e9b2f4;
  border-right: 4px solid #8b3a94;
  border-bottom: 4px solid #6f0f74;
  border-left: 4px solid #eaaaf0;
  background-image: linear-gradient(to bottom, #ecbfcf, #ca4775);
  cursor: pointer;
  font-size: 17px;
  font-weight: bold;
  text-shadow: -1px -1px 1px #666;
  position: relative;
  z-index: 1; }
  button.fixed_btn p, button.topbtn p, button.nebtn p {
    margin: 0 0 3px; }
  button.fixed_btn.fixed_btn:after, button.fixed_btn.topbtn:after, button.fixed_btn.nebtn:after, button.topbtn.fixed_btn:after, button.topbtn.topbtn:after, button.topbtn.nebtn:after, button.nebtn.fixed_btn:after, button.nebtn.topbtn:after, button.nebtn.nebtn:after {
    position: absolute;
    top: -200%;
    left: -150%;
    content: "";
    height: 500%;
    width: 70px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    transform: rotate(60deg);
    animation: 3s shine infinite linear; }
@keyframes shine {
  0% {
    left: -100%; }
  80% {
    left: 150%; }
  100% {
    left: 150%; } }
button.fixed_btn {
  border: none; }

button:hover {
  box-shadow: 0px 6px 12px #D89CA4;
  background-image: linear-gradient(to bottom, #faf4f5, #f7d6d4);
  color: #706261;
  text-shadow: 1px 1px 2px #fff; }

.top_btn, .top_nail_btn {
  display: flex;
  justify-content: center; }

.middle_btn {
  display: flex;
  justify-content: center; }

button.ft_b {
  display: none; }

button.topbtn {
  margin-bottom: 20px; }

.top_concept {
  padding: 0 15px; }
  .top_concept dl dt {
    font-size: 16px;
    font-weight: 400;
    border-bottom: #664a62 2px dotted;
    margin-bottom: 2px;
    font-weight: bold;
    text-align: left;
    justify-content: center; }
  .top_concept dd {
    padding-left: 1.2em;
    padding-bottom: 1em; }

h2.nail_title {
  color: #524847;
  font-size: 22px;
  padding-top: 170px;
  font-family: "M PLUS Rounded 1c", serif;
  text-shadow: none;
  text-decoration: underline;
  margin-bottom: 20px; }

.salon_ex, .shop {
  background-color: rgba(244, 234, 220, 0.5);
  padding: 5px 25px 5px 25px; }

.salon_ex h1 {
  display: inline-flex;
  align-items: center;
  height: 50px;
  font-size: 20px; }

.salon_ex h1::before {
  content: url(./img/logo_ts.png);
  border: #fff 3px solid;
  margin-right: 2px;
  display: inline-flex;
  height: 50px;
  width: 50px; }

.top_photo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 35px 0;
  border-top: #ac93a8 1px solid;
  border-bottom: #ac93a8 1px solid; }
  .top_photo img {
    height: 98px;
    padding: 2px; }

.top_photo_hover {
  height: 98px;
  width: auto;
  overflow: hidden;
  position: relative;
  /* 相対位置指定 */ }
  .top_photo_hover .caption {
    font-size: 130%;
    text-align: center;
    padding-top: 25px;
    color: #fff; }
  .top_photo_hover .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    /* 絶対位置指定 */
    top: 0;
    left: 0;
    opacity: 0;
    /* マスクを表示しない */
    background-color: rgba(0, 0, 0, 0.4);
    /* マスクは半透明 */
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }

.top_photo_hover:hover .mask {
  opacity: 1;
  /* マスクを表示する */ }

.salon_cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 86%;
  margin: 30px 7%;
  border: #664a62 1px solid;
  padding: 15px; }

.s_nail h3 button, .s_eye h3 button, .s_staff h3 button, .s_cust h3 button, .s_sister h3 button {
  border: #664a62 1px solid;
  padding: 5px 2px;
  width: 60%;
  margin: 20px 20%;
  text-align: center;
  font-size: 18px;
  color: #664a62;
  box-shadow: #777 0 2px 2px;
  background-color: #fff; }
.s_nail h3 button:hover, .s_eye h3 button:hover, .s_staff h3 button:hover, .s_cust h3 button:hover, .s_sister h3 button:hover {
  background-image: linear-gradient(to top, #f0c9d0, #fbeceb);
  box-shadow: #999 0 2px 4px;
  color: #706261;
  text-shadow: #fff 1px 1px 1px; }
.s_nail h5, .s_eye h5, .s_staff h5, .s_cust h5, .s_sister h5 {
  text-align: center; }
.s_nail p, .s_eye p, .s_staff p, .s_cust p, .s_sister p {
  padding: 10px; }

.news h3 button {
  border: none;
  background: none;
  width: 60%;
  margin: 8px 20%;
  font-size: 18px; }
.news h3 button:hover {
  box-shadow: #999 0 1px 2px;
  color: #706261; }

.s_sister p, .s_cust p {
  text-align: center; }

.s_staff h3 button {
  width: 82%;
  margin: 20px 9%; }

.sns h3 {
  text-align: center;
  padding: 5px 2px;
  border: #664a62 1px solid;
  margin: 20px 20%;
  width: 60%;
  font-size: 18px; }

ul.s_sns {
  padding-left: 0; }
  ul.s_sns .fa-line, ul.s_sns .icon-hpb {
    color: #664a62;
    font-size: 1.8em; }
  ul.s_sns .fa-line, ul.s_sns .fa-solid {
    font-size: 1.6em; }

.s_sns {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  margin-top: 18px;
  text-align: center; }
  .s_sns h5 {
    margin-top: 16px;
    margin-bottom: 42px;
    width: 100%;
    border-bottom: 1px solid #524847; }
  .s_sns .fa-square-instagram, .s_sns .fa-youtube, .s_sns .fa-line, .s_sns .icon-hpb {
    font-size: 3em;
    color: #D6B4AD; }
  .s_sns i:hover {
    color: #64343B; }
  .s_sns .fa-line {
    font-size: 2.6em;
    padding-top: 2px;
    margin-bottom: 6px; }

/*------------ 最新情報　-------------*/
.news h2, .top_concept h2 {
  text-align: left; }

.news h2 {
  margin-left: 5%; }

.wp-block-latest-posts {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 10px; }
  .wp-block-latest-posts li {
    padding-left: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
    border-bottom: #664a62 2px dotted; }
    .wp-block-latest-posts li time {
      width: 22%; }
    .wp-block-latest-posts li a {
      padding-left: 1em;
      line-height: 1.2em;
      height: 2.4em;
      width: 68%; }
  .wp-block-latest-posts li:first-child {
    border-top: #664a62 2px dotted;
    padding-top: 15px; }

/*-------------------*/
.shop {
  text-align: center; }

/* ---------　ネイル・まつげ　メニュー ---------*/
.eyelash_menu p.nail_s, .nail_menu p.nail_s, .artist p.nail_s {
  text-align: center;
  font-size: 14px; }
.eyelash_menu p.nail_2, .eyelash_menu p.eye_2, .eyelash_menu p.artist_2, .nail_menu p.nail_2, .nail_menu p.eye_2, .nail_menu p.artist_2, .artist p.nail_2, .artist p.eye_2, .artist p.artist_2 {
  text-align: left;
  font-size: 14px;
  padding: 5px 10px; }
.eyelash_menu dl p, .nail_menu dl p, .artist dl p {
  text-align: right; }
.eyelash_menu p, .nail_menu p, .artist p {
  margin-left: 1em; }
.eyelash_menu table, .nail_menu table, .artist table {
  margin-left: 3%;
  margin-right: 3%;
  margin-bottom: 30px; }
  .eyelash_menu table th, .nail_menu table th, .artist table th {
    width: 600px;
    padding: 15px 0 0 5px;
    line-height: 1.2;
    border-bottom: 1px dashed #664a62;
    font-weight: lighter; }
  .eyelash_menu table td, .nail_menu table td, .artist table td {
    line-height: 1.2;
    border-bottom: 1px dashed #664a62;
    text-align: right;
    font-weight: bold;
    padding: 15px 5px 0 5px;
    width: 100px; }
  .eyelash_menu table td.eye_td, .nail_menu table td.eye_td, .artist table td.eye_td {
    text-align: right;
    font-size: 14px;
    padding: 2px 5px 0 0;
    margin-bottom: 0;
    background: rgba(244, 229, 220, 0.6);
    border: none;
    font-weight: lighter; }
  .eyelash_menu table th.recommend, .nail_menu table th.recommend, .artist table th.recommend {
    width: 240px; }
  .eyelash_menu table th.recommend, .eyelash_menu table th.recommend_t, .nail_menu table th.recommend, .nail_menu table th.recommend_t, .artist table th.recommend, .artist table th.recommend_t {
    border-top: 2px dotted #664a62;
    border-bottom: none; }
  .eyelash_menu table th.recommend_t, .nail_menu table th.recommend_t, .artist table th.recommend_t {
    width: 480px; }
  .eyelash_menu table td.recommend_td, .nail_menu table td.recommend_td, .artist table td.recommend_td {
    border-bottom: 2px dotted #664a62; }
  .eyelash_menu table img, .nail_menu table img, .artist table img {
    border: 2px solid #fff;
    outline: 1px solid #664a62; }
.eyelash_menu .recommend_h3, .nail_menu .recommend_h3, .artist .recommend_h3 {
  text-align: center;
  margin-left: 0; }

/*------------お客様の声------------*/
.customer {
  width: 80%;
  margin-left: 10%; }

.customer_p {
  border: #664a62 1px solid;
  padding: 10px;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  background: rgba(244, 229, 220, 0.6); }

.customer_pi, .customer_pi2 {
  display: flex;
  flex-direction: column;
  width: 80px;
  padding-top: 25px; }
  .customer_pi p, .customer_pi2 p {
    font-size: 12px;
    text-align: center; }

.customer_pi2 {
  flex-grow: 2;
  padding-top: 0; }
  .customer_pi2 p {
    text-align: left; }

/*------------blog------------*/
.entries .entry--has_media__media {
  width: 120px; }

.entries .entry--has_media__link {
  width: 100px;
  height: 100px;
  border: #706261 1px solid; }

/*---------------------------------------アコーディオン---------*/
.accordion-1 {
  margin-bottom: 4px; }

.accordion-1 summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer; }

.accordion-1 summary::-webkit-details-marker {
  display: none; }

.accordion-1 summary::after {
  transform: translateY(-25%) rotate(45deg);
  content: '';
  transition: transform .3s; }

.accordion-1[open] summary::after {
  transform: rotate(225deg); }

.accordion-1 dl, .accordion-1 table {
  transform: translateY(-10px);
  opacity: 0;
  transition: transform .8s, opacity .8s; }

.accordion-1[open] dl, .accordion-1[open] table {
  transform: none;
  opacity: 1; }

/* Safari対応　デフォルトの三角形アイコン非表示 */
details summary::-webkit-details-marker {
  display: none; }

tablel {
  padding: 1em; }

.icon {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 18px;
  margin-left: 6px;
  flex-shrink: 0;
  transform-origin: center 43%;
  transition: transform 0.5s; }

/* アイコンの三角矢印 */
.icon::before,
.icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 3px;
  background-color: #000; }

.icon::before {
  left: 0;
  transform: rotate(45deg); }

.icon::after {
  right: 0;
  transform: rotate(-45deg); }

/* アコーディオン表示の際に回転する */
details[open] .icon {
  transform: rotate(180deg); }

/*-----------------------------------------------------*/
span.nms, span.ems {
  /*-タイトルの後ろ小メニュー-*/
  font-weight: lighter;
  font-size: 14px;
  padding-left: 10px; }

/*-------------スタッフ-----------------*/
.staff {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around; }

.staff_in {
  width: 160px;
  text-align: center; }
  .staff_in img {
    box-shadow: #959595 2px 3px 2px;
    margin-top: 14px; }

/*--------フッター　------*/
.copyright {
  color: #fff;
  text-align: center;
  background: #E0C5C3;
  padding: 10px 0; }

/*--------blog--------------*/
.single h2.wp-block-heading, .single-post h2.wp-block-heading, h2.related-posts__title {
  margin: 10px auto;
  color: inherit;
  text-shadow: none;
  font-size: 20px;
  font-family: inherit;
  text-align: left;
  text-indent: -2em;
  padding-left: 3em; }

/*-----------------------------
1. x <= 428x (スマホ)
-------------------------------*/
@media (min-width: 428px) {
  .slide .btn-ghost {
    margin-top: .8em;
    padding: .2em 1em;
    font-size: 3.6vw; }

  .slide-text-set {
    top: 72%; } }
/*-----------------------------
1. x <= 481x (スマホ)
-------------------------------*/
  /*-----------------------------
1. x <= 600x (pc)
-------------------------------*/
@media screen and (min-width: 600px) {
  .page-id-5 .page-header {
    background-image: url(./img/top_pc.webp) !important;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 225px;
    background-position-y: 0;
    margin-bottom: 0;
    margin-top: 0; }

  .catchcopy {
    margin-top: -245px;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    width: 90%; }

  .reserve_btn, .reserve_btn {
    margin-top: -225px;
    margin-bottom: 0;
    width: 38%;
    margin-left: 27%; }

  .reserve_btn_ex {
    margin-right: 18%; }

  .reserve_btn_nail {
    width: 34%;
    margin-left: 28%; }

  h2 {
    font-size: 20px; }

  .top_concept {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 10%; }
    .top_concept dl {
      width: 50%;
      padding-right: 5%; }
    .top_concept dt {
      padding-right: 0.8em; }

  .cap {
    flex-direction: column;
    width: 100%; }

  button {
    width: 100%;
    right: 0; }

  .top_btn button, .top_nail_btn {
    display: flex;
    justify-content: center;
    margin-left: -15%;
    margin-top: 20px; }

  .top_nail_btn {
    margin-top: 0;
    margin-left: -8%; }

  .news h3 button {
    font-size: 22px;
    width: 50%;
    margin: 30px 25% 15px; }

  .salon_ex {
    text-align: center; }

  .s_sns {
    flex-direction: row;
    align-items: flex-start; }
    .s_sns h5 {
      display: flex;
      justify-content: center;
      align-items: center;
      border: none; }

  ul.s_sns {
    margin-left: 30%;
    margin-right: 30%;
    width: 40%;
    text-align: left; }

  .wp-block-latest-posts {
    margin-bottom: 50px; }
    .wp-block-latest-posts li {
      width: 80%;
      margin-left: 10%; }

  .news h2 {
    margin-left: 10%; }

  .top_photo img, .top_photo_hover {
    height: 250px; }

  .salon_cont {
    width: 70%;
    margin: 30px 15%;
    padding-top: 30px; }
    .salon_cont img {
      width: 80%;
      margin-left: 10%; }
    .salon_cont h3 button {
      width: 40%;
      margin: 20px 30%; }

  .s_staff h3 button {
    width: 60%;
    margin: 20px 20%; }

  .sns h3 {
    width: 40%;
    margin: 20px 30%; }

  .eyelash_menu p, .nail_menu p {
    margin-left: 20%; }
  .eyelash_menu h3, .nail_menu h3 {
    font-size: 22px; }
  .eyelash_menu .nail_s, .eyelash_menu .nail_2, .eyelash_menu .eye_2, .nail_menu .nail_s, .nail_menu .nail_2, .nail_menu .eye_2 {
    margin-left: 0; }

  /*サイトマップ*/
  .smp_table {
    margin-left: 30%; }

  /*-------------スタッフ-----------------*/
  .staff {
    display: flex;
    flex-direction: row;
    margin: 2% 10%;
    flex-wrap: wrap; }

  .staff_in {
    width: 300px;
    text-align: center;
    padding: 10px; }
    .staff_in img {
      box-shadow: #959595 2px 3px 2px; }

  .nail_menu p.nail_s, .eyelash_menu p.nail_s, .artist p.nail_s {
    font-size: 16px; }
  .nail_menu p.nail_2, .nail_menu p.eye_2, .nail_menu p.artist_2, .eyelash_menu p.nail_2, .eyelash_menu p.eye_2, .eyelash_menu p.artist_2, .artist p.nail_2, .artist p.eye_2, .artist p.artist_2 {
    text-align: center;
    font-size: 16px; }

  .customer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around; }

  .customer_p {
    width: 45%; }

  iframe {
    height: 255px; }

  .salon_cont img.sns_line {
    width: 80%;
    margin-left: 0;
    height: 200px; } }
 /*-----------------------------
1. x <= 760x (pc)
-------------------------------*/
@media screen and (min-width: 760px) {
  .page-header {
    background-attachment: fixed; }

  .page-header__title {
    font-size: 38px; }

  .page-id-574 .page-header {
    background-image: url(./img/salon_s.jpg) !important;
    background-repeat: repeat;
    padding-top: 50px;
    padding-bottom: 425px; }

  .page-id-29 .page-header, .page-id-32 .page-header, .page-id-334 .page-header, .page-id-428 .page-header, .blog .page-header {
    padding-top: 400px;
    margin-bottom: -50px; }

  .page-id-29 .page-header .container h1, .page-id-32 .page-header .container h1, .page-id-334 .page-header .container h1, .page-id-428 .page-header .container h1, .blog .page-header .container h1, .single-post .page-header .container h1 {
    font-size: 22px; }
  .page-id-29 .page-header .container h2, .page-id-32 .page-header .container h2, .page-id-334 .page-header .container h2, .page-id-428 .page-header .container h2, .blog .page-header .container h2, .single-post .page-header .container h2 {
    margin-top: -266px;
    margin-bottom: 220px;
    padding-bottom: 100px; }

  .single-post .page-header, .blog .page-header {
    background-size: cover; }

  .page-id-334 h2, .page-id-428 h2 {
    margin-top: -286px;
    margin-bottom: 205px; }

  .page-id-29 h2.snd_title, .page-id-32 h2.snd_title, .page-id-334 h2.snd_title, .page-id-428 h2.snd_title, .blog h2.snd_title, .single-post h2.snd_title {
    font-size: 38px; }

  .salon_ex p {
    margin-left: 0; }

  .s_nail p, .s_eye p, .s_staff p, .s_cust p, .s_sister p {
    padding: 10px 18%; }

  iframe, .sns_line_div {
    min-width: 20% !important;
    padding-top: 8px;
    height: 240px; }

  .sns_line_div {
    height: 320px;
    min-width: 15%;
    margin-left: 0; }

  .salon_cont img.sns_line {
    height: 200px; }

  .salon_cont img.sns_line_btn {
    width: 40%;
    margin-top: 10px;
    margin-left: 0; }

  iframe .x193iq5w {
    display: none !important; } }
 /*-----------------------------
1. x <= 960x (pc)
-------------------------------*/
@media screen and (min-width: 960px) {
  .header__content {
    height: 110px; }

  .page-header {
    top: 110px; }

  button.ft_b {
    display: block;
    position: fixed;
    bottom: 60px;
    right: 40px;
    z-index: 99999;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: none;
    box-shadow: 4px 4px 10px #a08da0;
    font-size: 14px;
    padding: 0;
    color: #fff;
    text-shadow: 2px 2px 2px #666; }

  a button.ft_b:hover {
    color: #664a62;
    text-shadow: 1px 1px 2px #fff; }

  button.btn {
    padding: 2px 10px;
    overflow: hidden;
    text-transform: none;
    margin: 0;
    color: #64343B;
    background-image: linear-gradient(to bottom, #f5ebeb, #E0C5C3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
    z-index: 1;
    display: flex;
    align-items: center; }
    button.btn.fixed_btn:after {
      position: absolute;
      top: -200%;
      left: -150%;
      content: "";
      height: 500%;
      width: 70px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 40%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
      transform: rotate(60deg);
      animation: 3s shine infinite linear; }

  @keyframes shine {
    0% {
      left: -100%; }
    80% {
      left: 150%; }
    100% {
      left: 150%; } }
  button:hover {
    box-shadow: 0px 6px 8px #D89CA4;
    transform: translateY(-4px); }

  .top_btn button, .top_nail_btn {
    margin-top: 70px; }

  .page-id-5 .page-header {
    padding-top: 160px;
    padding-bottom: 350px;
    background-position-y: 35px;
    margin-bottom: 50px; }

  .catchcopy {
    margin-top: -380px;
    margin-bottom: 230px; }

  .reserve_btn, .reserve_btn {
    margin-top: -240px;
    margin-bottom: 24px;
    width: 28%;
    margin-left: 34%;
    text-align: center; }

  .nail_rsv {
    width: 40%;
    margin-left: 35%;
    padding-bottom: 30px; }

  .sns_button {
    padding-top: 15px;
    padding-right: 15px;
    margin-right: 0;
    justify-content: space-between;
    margin-left: 80%;
    width: 20%; }
    .sns_button a {
      font-size: 24px; }

  .sns_btn_hd {
    width: 80px;
    line-height: 1.2em;
    height: 60px; }
    .sns_btn_hd p {
      font-size: 18px; }

  .page-header--has_background-image {
    padding-top: 380px;
    padding-bottom: 15px; }

  iframe, .sns_line_div {
    height: 330px; }

  .salon_cont img.sns_line {
    width: 60%;
    height: 270px; }

  .eyelash_menu, .nail_menu {
    /*h3, p{
      margin-left: 18%;
    }
    p{
      padding-left: 1em;
    }*/ }
    .eyelash_menu table, .nail_menu table {
      margin-left: 20%; }

  .short h1 {
    font-size: 22px;
    height: 110px; }

  .short h1:before {
    content: url(./img/logo_ts_pc.png);
    margin-right: 6px; }

  .eyelash_menu h3, .nail_menu h3 {
    margin-left: 20%; }

  .s_staff h3 button {
    width: 40%;
    margin: 20px 30%; } }

/*# sourceMappingURL=style.css.map */