@charset "UTF-8";

/*
Theme Name: LIQUID
Theme URI: https://lqd.jp/wp/liquid.html
Description: LIQUID is Responsive Web Design+ (RWD+) theme, based on Bootstrap 4. RWD+ is a unique feature. You can switch the mobile display and PC display on smartphones.
Author: LIQUID DESIGN Ltd.
Author URI: https://lqd.jp/wp/
License: GPLv2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, grid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, footer-widgets, threaded-comments, translation-ready, wide-blocks
Text Domain: liquid
Version: 1.2
Tested up to: 6.1
Requires at least: 4.7
Requires PHP: 5.2.4
*/
/* ------------------------------------
// common
------------------------------------ */
:root {
  --green: #7DBF28;
  --light-green: #A8DC02;
	--en-font: 'Playfair Display', serif;
	--orange: #FF7A19;
	--blue: #001A43;
	--light-blue: #F1F5FB;
	--white: #fff;
	--black: #333;
}

body {
  color: #333333;
  font-size: 14px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2.14;
}

.wrapper {
  overflow: hidden;
}

a {
  color: #00aeef;
  text-decoration: none;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

a:hover,
a:active {
  color: #00aeef;
  text-decoration: underline;
}

a:visited {
  color: inherit;
  opacity: 0.7;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.noimage {
  display: block;
  background: #eee;
  height: 100%;
  text-align: center;
  font-size: x-small;
  color: #fff;
  line-height: 10rem;
}

.none {
  display: none;
}

[class*='col-'] {
  overflow: hidden;
}

.breadcrumb {
  background: #fff;
  border-radius: 0;
  font-size: 13px;
  margin: -1rem -15px 0 -15px;
  padding: 20px 15px 0 15px;
}

.rwdwrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.rwdwrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.navbar {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}

.navbar .container {
  padding: 0;
}

.navbar-nav a {
  display: block;
  color: #333;
  font-weight: 500;
	text-transform: uppercase;
}

.navbar li {
  border-bottom: 1px solid transparent;
}

.nav>.menu-item-has-children>ul,
.nav>.page_item_has_children>ul {
  display: none;
}

.open ul {
  display: block !important;
}

.header-logo img {
  width: 100%;
  max-width: initial !important;
}

.navbar-nav .nav-item+.nav-item {
  margin-left: 0;
}

.navbar .current-menu-item,
.navbar .current-menu-parent,
.navbar .current_page_item {
  font-weight: bold;
}

blockquote {
  border-left: 2px solid rgba(119, 119, 119, 0.1);
  padding-left: 1em;
}

blockquote:before {
  content: "\e977";
  color: #333;
  font-size: large;
}

.screen-reader-text {
  display: none !important;
}

thead th,
thead td {
  background: rgba(119, 119, 119, 0.1);
}

/* ------------------------------------
// bootstrap
------------------------------------ */

.card {
  background-color: transparent;
}

/* navbar-toggler */

.navbar-toggler__wrap {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 8px;
  right: 20px;
  z-index: 9999;
}

.navbar-toggler__wrap .navbar-toggler {
  cursor: pointer;
  width: 38px;
  height: 38px;
  position: relative;
  top: -2px;
  right: 0;
}

.navbar-toggler span {
  display: inline-block;
	border-radius: 1px;
  transition: 0.4s;
  width: 25px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 0 0;
}

.navbar-toggler .line-top {
  transform: rotate(45deg) translate(-50%, -50%);
}

.navbar-toggler .line-middle {
  transform: rotate(0) translate(-50%, -50%);
  opacity: 0;
}

.navbar-toggler .line-bottom {
  transform: rotate(-45deg) translate(-50%, -50%);
}

.navbar-toggler.collapsed span {
  transform: rotate(0) translate(-50%, -50%);
}

.navbar-toggler.collapsed span {
  background: var(--white);
}

.navbar-toggler.collapsed .line-top {
  top: calc(50% - 7px);
}

.navbar-toggler.collapsed .line-middle {
  opacity: 1;
}

.navbar-toggler.collapsed .line-bottom {
  top: calc(50% + 7px);
}

.navbar-toggler:not(:disabled):not(.disabled) {
  z-index: 9990;
}

button:focus {
  outline: 1px solid var(--orange);
}

dropdown-menu {
  padding: 0;
}

.form-control,
.btn {
  border-radius: 0;
}


/* ------------------------------------
// main
------------------------------------ */

.headline {
  padding: 1rem 0;
}

.headline .ttl,
.headline .subttl {
  vertical-align: top;
  font-size: x-small;
  display: inline-block;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.header_image {
  width: 100%;
}

.main {
  background-color: #00aeef;
  text-align: center;
  padding: 1.5em 0;
  color: #fff;
}

.main h3 {
  margin-bottom: 0;
  font-size: x-large;
}

.main h3 a {
  color: #fff;
}

.mainpost {
  margin-top: 3rem;
}

article.card {
  margin-bottom: 2em;
  border: 0 none;
  border-radius: 0;
}

article.card .card-block {
  padding: 0;
}

article.card .card-title {
  font-size: initial;
  font-weight: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
  height: 2.4em;
  margin: 0 1rem .5rem 1rem;
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  box-orient: vertical;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -moz-box-orient: vertical;
  -moz-line-clamp: 2;
  -o-box-orient: vertical;
  -o-line-clamp: 2;
  -ms-box-orient: vertical;
  -ms-line-clamp: 2;
}

article.card .card-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.2em;
  height: 1.2em;
  margin: .5rem 1rem .5rem 1rem;
}

article.card a:hover {
  text-decoration: none;
}

article.card .post_links {
  cursor: pointer;
  display: block;
  border: 1px solid rgba(119, 119, 119, 0.1);
}

article.card .post_links:hover {
  background-color: rgba(119, 119, 119, 0.1);
}

article.card .post_thumb {
  overflow: hidden;
  width: 100%;
  height: 12rem;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -ms-background-size: 100% auto;
}

article.card a:hover .post_thumb {
  opacity: 0.8;
}

.post_meta {
  margin-bottom: 1rem;
}

.post_time,
.post_cat {
  font-size: small;
  color: #777;
  margin-right: .5em;
}

.post_body {
  padding: 1rem 0;
  margin-bottom: 1rem;
}

.post_body h1,
.post_body h2 {
  font-weight: bold;
  border-bottom: 2px solid rgba(119, 119, 119, 0.1);
  margin-bottom: 2rem;
}

.post_body h1 span,
.post_body h2 span {
  border-bottom: 2px solid #00aeef;
  display: inline-block;
  padding: 1rem 0;
  margin-bottom: -2px;
}

.post_body h3 {
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: large;
}

.post_body hr {
  clear: both;
}

.cat_info {
  margin-bottom: 1rem;
  color: #777;
}

.cat_info img {
  width: 100%;
}

.ttl {
  font-size: medium;
  font-weight: bold;
  background: rgba(119, 119, 119, 0.1);
  border-radius: 0;
  margin-bottom: 1rem;
}

ul.post-categories,
.widget ul {
  padding-left: 0;
  margin-left: -.5em;
  list-style: none;
}

ul.page-numbers {
  padding-left: 0;
  margin-left: -.5em;
  list-style: none;
}

ul.post-categories li {
  display: inline-block;
  padding-right: .5em;
  padding-left: .5em;
}

ul.page-numbers li {
  display: inline-block;
}

.sidebar {
  background-color: rgba(119, 119, 119, 0.1);
  padding-top: 1rem;
}

.sidebar .widget:first-child .ttl {
  margin-top: 0;
}

.sidebar .widget ul li a {
  padding: .5rem 0;
}

.widget {
  margin-bottom: 2rem;
}

.widget .ttl {
  font-size: medium;
  font-weight: bold;
  background: rgba(119, 119, 119, 0.1);
  border-radius: 0;
  margin-bottom: 1rem;
}

.sidebar .widget .ttl {
  background: transparent;
}

.ttl span {
  display: inline-block;
  padding: .5em 1em;
  border-bottom: 2px solid #00aeef;
}

.widget ul li {
  display: block;
  padding-left: .5rem;
  border-bottom: 1px solid rgba(119, 119, 119, 0.1);
}

.widget ul li ul {
  border-left: 1px solid rgba(119, 119, 119, 0.1);
  margin-left: 1rem;
}

.widget ul li ul li {
  border-bottom: 0 none;
}

.widget ul li a {
  padding: .2rem;
  display: inline-block;
}

.sidebar .newpost a {
  display: table;
  width: 100%;
}

.sidebar .newpost a .post_thumb {
  display: table-cell;
  vertical-align: top;
  width: 100px;
}

.sidebar .newpost a .post_thumb span {
  display: block;
  width: 90px;
  height: 60px;
  overflow: hidden;
}

.sidebar .newpost a .post_thumb img {
  width: 100%;
  height: auto;
}

.sidebar .newpost a .post_ttl {
  display: table-cell;
  vertical-align: top;
}

ul.post-categories a,
ul.tag a {
  display: inline-block;
  padding: .5em 1em;
  text-align: center;
  background: #fff;
  margin: 0 .5rem .5rem 0;
}

.pagination li>a {
  display: inline-block;
  padding: .5em 1em;
  text-align: center;
  background: #fff;
  margin: 0 .5rem .5rem 0;
}

ul.post-categories a:hover,
ul.tag a:hover {
  background: rgba(119, 119, 119, 0.1);
}

.page-numbers a:hover,
.widget a:hover {
  background: rgba(119, 119, 119, 0.1);
}

.share {
  margin-bottom: 1rem;
}

.share a {
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
  font-size: small;
  margin: 0 .1em .1em 0;
  opacity: 0.8;
}

.share a:hover {
  opacity: 1;
  color: #fff;
  text-decoration: none;
}

.share_facebook {
  background: #39599F;
}

.share_twitter {
  background: #45B0E3;
}

.share_google {
  background: #DB4437;
}

.share_hatena {
  background: #00A4DE;
}

.headline .sns {
  text-align: right;
}

.headline .sns a {
  font-size: large;
  display: inline-block;
  margin: 0 .2rem;
}

.foot .sns {
  text-align: center;
  padding: 4em 0;
}

.foot .sns a {
  font-size: xx-large;
  display: inline-block;
  margin: 0 .5rem;
}

.home .detail,
.home .post_body {
  padding-top: 0;
}

.detail {
  padding-top: 3rem;
}

.ttl_h1 {
  margin-bottom: 1rem;
}

.archive .ttl_h1,
.search .ttl_h1 {
  border-bottom: 1px solid rgba(119, 119, 119, 0.1);
  padding-bottom: 1rem;
}

.clearfix,
.post_body {
  zoom: 1;
}

.clearfix:after,
.post_body:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.pagination li>a,
.pagination li>span {
  border-radius: 0;
}

.page-numbers {
	clear: both;
	text-align: center;
}

.page-numbers:not(.prev):not(.next){
	border: 1px solid var(--green);
	height: 34px;
	width: 34px;
    display: inline-block;
    line-height: 32px;
	margin: 0 2px;
}

.page-numbers a {
  background: #fff;
  border: solid 1px rgba(119, 119, 119, 0.1);
  padding: .5em 8px;
  margin: 0 2px;
  text-decoration: none;
}

span.current {
  background: #fff;
  text-decoration: none;
}

.copy {
  padding: 2em;
  text-align: center;
  font-size: small;
}

.eg {
  background: rgba(119, 119, 119, 0.1);
  padding: 2rem 1rem;
  text-align: center;
  font-weight: bold;
}

.sidebar .eg {
  width: 100%;
  height: 250px;
  border: 1px solid rgba(119, 119, 119, 0.1);
}


/* ------------------------------------
// wp
------------------------------------ */

.aligncenter {
  display: block;
}

.alignright {
  float: right;
  margin-left: 1.5em !important;
  margin-bottom: 1em !important;
}

.alignleft {
  float: left;
  margin-right: 1.5em !important;
  margin-bottom: 1em !important;
}

.attachment-post-thumbnail,
.ttl_h1+img {
  margin-bottom: 1em;
}

.attachment-post-thumbnail {
  width: 100%;
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
  font-size: small;
  max-width: 100%;
  height: auto;
}

.sticky article.card .card-block {
  background: #f0ffc8;
}

.bypostauthor {
  font-weight: bold;
}

.form-allowed-tags {
  font-size: small;
}

.searchform>div {
  text-align: center;
}

.searchform input[type="text"] {
  width: calc(100% - 6rem);
  float: left;
}

.searchform input[type="submit"] {
  width: 5rem;
  float: none;
  clear: both;
}

#cse-search-box input[name="q"] {
  width: 74%;
}


/* ------------------------------------
// wpp
------------------------------------ */

.popular-posts .wpp-thumbnail {
  margin-right: 10px;
  max-width: initial !important;
  float: none;
}

.popular-posts .wpp-list li {
  display: table;
  width: 100%;
}

.popular-posts .wpp-list li a {
  display: table-cell;
  vertical-align: top;
}

.popular-posts .wpp-list li .wpp-post-title {
  width: 100%;
}

.popular-posts .wpp-list li .post-stats,
.popular-posts .wpp-list li .wpp-excerpt {
  display: table-cell;
  vertical-align: top;
}

.wpp-no-data {
  text-align: center;
}

/* ------------------------------------
// woocommerce
------------------------------------ */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
  flex: 0 1 auto;
  max-width: none;
  padding: 0;
}

.woocommerce .form-row {
  display: block;
}

.woocommerce .woocommerce-loop-product__title {
  background-color: transparent;
}

.woocommerce div.product .product_title {
  font-size: large;
}

.woocommerce .ttl_h1 {
  padding-bottom: 0;
}

.woocommerce a.remove {
  padding: 0 !important;
}

.woocommerce .sidebar a.remove,
.woocommerce-page .sidebar a.remove {
  margin-top: .25em !important;
}

.woocommerce .product_meta .posted_in,
.woocommerce .product_meta .tagged_as {
  display: block;
}


/* ------------------------------------
// yamada
------------------------------------ */

/*
// 共通スタイル
------------------------------------ */
:focus-visible {
  outline-color: var(--green);
}

figure {
  margin-bottom: 0;
}

iframe {
  vertical-align: bottom;
}

/* pcの電話番号発信対応 */
@media screen and (min-width: 800px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

.num-font {
  font-family: 'Roboto', sans-serif;
}

.text-block {
  display: inline-block;
}

.transparent {
  color: transparent;
}

.section__title {
	color: var(--blue);
	font-family: var(--en-font);
  font-size: 50px;
  line-height: 1.4;
  margin-bottom: 0;
  text-align: center;
}

.section__title--white{
	color: var(--white);
}

.section__title--underline {
  text-align: right;
  position: relative;
}

.section__title--underline::before {
  content: "";
  display: block;
  background-color: var(--blue);
  height: 1px;
  width: calc(100% + ((100vw - 1110px) / 2));
  position: absolute;
  right: 0;
  bottom: -9px;
}

.section__title--underline--white::before{
	background-color: var(--white);
}

.link-btn {
	display: inline-block;
	background-color: var(--blue);
	border-radius: 25px;
	color: #fff !important;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 260px;
	max-width: 100%;
	position: relative;
	border-width: 0;
    transition: 0.5s;
}

.link-btn::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  transition: 0.5s;
  position: absolute;
  top: 50%;
  left: 16px;
  z-index: 1;
  transition: 0.5s;
}

.link-btn:hover {
  background-color: #fff;
  border: 1px solid var(--blue);
  color: var(--blue) !important;
  text-decoration: none;
	cursor: pointer;
}

.link-btn:hover::before {
  border-top: 1px solid var(--blue);
  border-right: 1px solid var(--blue);
  transition: 0.5s;
}

.link-btn--staff::before{
	border-top: 1px solid var(--blue);
    border-right: 1px solid var(--blue);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.js-fadeOrder{
	opacity: 0;
	visibility: hidden;
}

/*
// header
------------------------------------ */
.headline {
  background-image: url(/wp-content/uploads/2023/08/header-bg.jpg);
  background-size: cover;
  background-repeat: repeat-x;
}

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

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

/* .header-logo img{
	filter: drop-shadow(1px 1px 2px #fff);
} */

.navbar-nav {
  flex-direction: row;
	align-items: center;
}

.navbar-nav a:hover,
.nav-phone a:hover {
  text-decoration: none;
}

.navbar-nav li:last-of-type a {
  position: relative;
}

.navbar-nav li:last-of-type a img:last-of-type {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  transition: 0.5s;
}

.navbar-nav li:last-of-type a:hover img:last-of-type {
  opacity: 1;
  transition: 0.5s;
}

.navbar-nav li:last-of-type a:hover img:first-of-type {
  opacity: 0;
  transition: 0.5s;
}

.phone-link {
    background-color: var(--orange);
    border-radius: 20px;
    box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.16);
    color: #fff;
    font-size: 30px;
    font-style: italic;
    font-weight: 300;
    padding: 0 14px 0 36px;
    position: relative;
}

.phone-link::before {
  content: "";
  display: inline-block;
  background-image: url(/wp-content/uploads/2023/04/icon-phone.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 21px;
  height: 22px;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
}

/*
// footer
------------------------------------ */
.footer {
  background-image: url(/wp-content/uploads/2023/08/footer-bg-jeans.png),url(/wp-content/uploads/2023/08/footer-bg-wood.jpg);
  background-size: contain,cover;
  background-repeat: no-repeat;
  margin-top: 50px;
  position: relative;
  z-index: 0;
}

/* .footer::before {
  content: "";
  display: block;
  background-color: var(--green);
  width: calc((100vw - 1140px) / 2 + 1px);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
} */

.footer__inner {
/*   background-image: url(/wp-content/uploads/2023/08/footer-bg-jeans.png);
  background-size: contain;
  background-repeat: no-repeat; */
  padding: 23px 15px 28px;
}

.footer__logo {
  width: 170px;
}

.footer-nav__items {
  display: flex;
  padding: 0;
  margin: 10px 0 0 -22px;
}

.footer-nav li {
  display: block !important;
}

.footer-nav__items a {
	display: block;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	padding: 10px 22px;
}

.footer-address {
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 16px;
}

.footer-copy {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  margin-top: 10px;
}
.pagetop{
	width: 50px;
    height: 50px;
    background-color: var(--blue);
    outline-offset: -4px;
    outline: 1px solid #fff;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
}
.pagetop::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg) translate(-50%, -50%);
    transition: 0.5s;
    position: absolute;
    top: 45%;
    left: 55%;
    z-index: 1;
    transition: 0.5s;
}
.pagetop a {
    width: 100%;
    height: 100%;
    display: block;
}

/*
// info
------------------------------------ */
.info__content {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  margin-top: 50px;
  position: relative;
}

.info__content::before {
  content: "";
  display: block;
  /*background-color: var(--light-blue);*/
  width: 58%;
  height: calc(100% + 160px);
  position: absolute;
  top: 50px;
  right: 0;
  z-index: -1;
}

.info__content-body {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}

.info__img {
  flex-basis: 50%;
  flex-grow: 1;
  margin-left: calc(50% - 50vw);
}

.info__img img {
  width: 100%;
}

.info__address {
  margin-bottom: 0;
}

.info__reserve {
  text-indent: -1rem;
  margin-top: 30px;
}

.info__reserve-text {
  color: var(--blue);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.45;
}

.info-phone {
  line-height: 1.8;
  margin-left: -1rem;
}

.phone-link--info {
  border-radius: 22px;
  font-size: 33px;
  padding: 0 18px 0 50px;
}

.phone-link--info::before {
  width: 27px;
  height: 29px;
  left: 17px;
  top: 51%;
}

.info__map {
  text-align: center;
  margin-top: 85px;
}

.info__map iframe{
  width: 100%;
}

/*
// index
------------------------------------ */

/*----- ローディング画面 -----*/ 
.c-loader-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--blue);
  z-index: 100;
  display: grid;
  place-items: center;
  pointer-events: none;
}
.c-loader-dot {
  display: inline-flex;
  align-items: center;
  justify-content: start;
  pointer-events: none;
}
 
.c-loader-dot > span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
}
 
.c-loader-dot > span + span {
  margin-left: 2rem;
}

.c-loader-dot{
	width:70%;
	max-width: 250px;
}


/*----- FV -----*/
.fv {
  position: relative;

}

.fv__text-item span{
	display: inline-block;
}
.fv::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.fv__img img{
	width: 100%;
}

.fv__text {
    color: #fff;
    font-size: clamp(26px, 4.5vw, 52px);
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 0;
    position: absolute;
    top: 13%;
    left: calc((100vw - 1140px) / 2);
    z-index: 2;
}
.fv__text p{
	margin-bottom: 0;
}

.swiper-wrapper{
	padding: 0;
	margin: 0;
}

/*----- about -----*/
.top-about {
  margin-top: 100px;
}

.top-about__content-item {
  display: flex;
}

.top-about__subtitle {
	color: var(--blue);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: -10px;
}

.top-about__content-item:nth-of-type(even) {
  flex-direction: row-reverse;
}

.top-about__content-body {
  background-color: var(--light-blue);
}

.top-about__content-body,
.top-about__content-img {
  flex-basis: 50%;
}

.top-about__content-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-about__content-item:nth-of-type(odd) .top-about__content-body {
/*   padding-right: 100px; */
	padding-right: min(100px, 7.7vw);
	margin-top: 4.6vw;
	padding-left: calc((100vw - 1140px) / 2);
	padding-top: 46px;
}

.top-about__content-item:nth-of-type(even) .top-about__content-body {
/*   padding-left: 90px; */
	padding-left: min(100px, 7vw);
	margin-bottom: 56px;
	padding-right: calc((100vw - 1140px) / 2);
	padding-top: 70px;
}

.top-about__content-text {
	text-align: justify;
	margin-top: 40px;
	margin-bottom: 0;
}

/*----- feature -----*/
.top-feature {
  background-image: url(/wp-content/uploads/2023/03/plant.png), url(/wp-content/uploads/2023/03/plant.png);
  background-position: left bottom, right bottom;
/*   background-size: 120px; */
	background-size: clamp(60px, 9.2vw, 130px);
  background-repeat: no-repeat;
  margin-top: 80px;
  padding-bottom: 40px;
}

.top-feature__items {
  margin-top: 30px;
}

.top-feature__item {
  display: flex;
  flex-direction: column-reverse;
  margin: 0 30px;
}

.top-feature__body {
  margin-top: 26px;
}

.top-feature__subtitle {
	color: var(--green);
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	margin: 0 -10px;
}

.top-feature__subtitle br{
	display: none;
}

.top-feature__text {
  margin-top: 22px;
  margin-bottom: 0;
}

.top-feature__img {
  margin: 0 20px;
}

/*----- voice -----*/
.top-voice {
  background-image: url(/wp-content/uploads/2023/08/content-bg-scaled.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding-top: 24px;
  padding-bottom: 60px;
}

.top-voice__text {
	color: var(--white);
	text-align: center;
	margin-bottom: 0;
	margin-top: 1rem;
}

.top-voice__items {
  margin-top: 42px;
}

.top-voice__items div:nth-of-type(n+3) {
  margin-top: 50px;
}

.top-voice__items div{
	overflow: visible;
}

.top-voice__item {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.16);
  height: 100%;
  padding: 17px 26px 50px;
}

.top-voice__item-heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--blue);
}

.top-voice__subtitle {
  color: var(--blue);
  font-size: 22px;
  margin-bottom: 0;
}

.top-voice__item-text{
	margin-top: 1rem;
}


/*----- zakuro -----*/
.top-zakuro {
  background-image: url(/wp-content/uploads/2023/08/top-about02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding-top: 24px;
  padding-bottom: 60px;
}

.top-zakuro__text {
	color: var(--white);
	text-align: center;
	margin-bottom: 0;
	margin-top: 1rem;
}

.top-zakuro__items {
  margin-top: 42px;
}

.top-zakuro__items div:nth-of-type(n+3) {
  margin-top: 50px;
}

.top-zakuroe__items div{
	overflow: visible;
}

.top-zakuro__item {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.16);
  height: 100%;
  padding: 17px 26px 50px;
}

.top-zakuro__item-heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--blue);
}

.top-zakuro__subtitle {
  color: var(--blue);
  font-size: 22px;
  margin-bottom: 0;
}

.top-zakuro__item-text{
	margin-top: 1rem;
}


/*----- top-menu -----*/
.top-menu {
  margin-top: 120x;
}

.top-menu__content {
  position: relative;
}

.section__title--menu {
  text-align: left;
}

.section__title--menu::before {
  right: auto;
  left: 0;
}

.top-menu__body-wrap {
  display: block;
  width: 46%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.top-menu__body {
  background-color: var(--light-blue);
  border-radius: 20px 0 0 20px;
  padding: 34px 0 58px 58px;
  position: relative;
}

.top-menu__body::before {
  content: "";
  display: block;
  background-color: var(--light-blue);
  height: 100%;
  width: calc((100vw - 1110px) / 2);
  position: absolute;
  right: calc((1110px - 100vw) / 2);
  top: 0;
  z-index: -1;
}

.top-menu__img {
  width: 74.5%;
}

.top-menu__img img {
  width: 100%;
}

.top-menu_text {
  margin-top: 48px;
  margin-bottom: 0;
}

.top-menu__link {
  text-align: center;
  margin-top: 56px;
}

/*----- top-hairstyle -----*/
.top-hairstyle {
  margin-top: 96px;
}
.top-hairstyle__items{
	margin-top: 40px;
	position: relative;
}
.top-hairstyle__items::before{
	content: "";
	display: block;
	background-color: #F2F7E1;
	width: 100%;
	height: calc(100% - 1rem);
	position: absolute;
	top: 100px;
	left: 0;
}
.top-hairstyle__item {
	border-radius: 15px;
	margin: 0 24px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
}
.top-hairstyle__item:nth-of-type(even){
	margin-top: 50px;
}
.top-slider__img img {
  height: auto;
  width: 100%;
}

.top-slider .slick-next:before, .top-slider .slick-prev:before {
    color: var(--green);
}
.top-hairstyle .slick-list{
	padding-bottom: 1rem !important;
}
.top-hairstyle__body{
	background-color: #fff;
	border-radius: 0 0 15px 15px;
	padding: 16px 22px 18px;
	position: relative;
	
}
.top-hairstyle__title{
	color: var(--green);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 1rem;
}

.top-hairstyle__img{
	padding-top: 120%;
	position: relative;
}

.top-hairstyle__img img{
	border-radius: 15px 15px 0 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.top-hairstyle__text{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 制限したい行数が3の場合 */
	overflow: hidden;
	line-height: 1.8;
}
.top-hairstyle__text p{
	text-align: justify;
	margin-bottom: 0;
}

.top-hairstyle__link{
	margin-top: 30px;
	text-align: center;	
}
.top-hairstyle__archive-link{
	margin-top: 80px;
	text-align: center;
}
.link-btn--hairstyle{
	background-color: var(--green);
	width: 250px;
}
.link-btn--hairstyle:last-of-type{
	margin-left: 30px;
}


/*----- top-staff -----*/
.top-staff {
  background-image: url(/wp-content/uploads/2023/08/content-bg-scaled.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 120px;
  padding-top: 60px;
  padding-bottom: 100px;
}

.section__title--top-staff {
  display: inline-block;
}

.top-staff__items {
  justify-content: space-between;
  margin-top: 50px;
}

.top-staff__item {
  flex-basis: 45%;
  font-weight: 500;
}

.top-staff__title {
  font-size: 14px;
}

.top-staff__name {
  font-size: 30px;
  line-height: 1.5;
}

.top-staff__name-body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
	color: var(--white);
}

.staff-link__wrap {
  text-align: center;
}

.top-staff__commendation {
	color: var(--white);
  font-size: 14px;
  margin-top: 5px;
}

.top-staff__img {
  margin-top: 20px;
}

.top-staff__link {
    margin-top: 60px;
    text-align: center;
}

.top-staff__link a:not(:first-of-type) button,
.page-staff__link a:not(:first-of-type) button{
	display: none;
}

.link-btn--top-staff {
    width: 450px;
    max-width: 100%;
    background-color: var(--orange);
    font-size: 20px;
}

.link-btn--top-staff:hover {
    border: 1px solid var(--orange);
    color: var(--orange) !important;
}

.link-btn--top-staff:hover::before {
    border-top: 1px solid var(--orange);
    border-right: 1px solid var(--orange);
    transition: 0.5s;
}

.link-btn--staff{
	border: 1px solid #ccc;
}

/*----- top-sns -----*/
.top-sns {
  margin: 120px auto;
	padding-top: 60px;
	position: relative;
}
.top-sns::before{
	content: "";
	display: block;
	background-color: var(--light-blue);
	width: 980px; 
	height: calc(100% - 170px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.top-sns::after{
	content: "";
	display: block;
	background-color: var(--light-blue);
	width: calc((100vw - 1100px) / 2); 
	height: calc(100% - 170px);
	position: absolute;
	left: calc(50% - 50vw);
	top: 0;
	z-index: -1;
}
.top-sns .section__title{
	text-transform: none;
}
.top-sns .sb_instagram_header{
	display: none;
}
.top-sns__content{
	margin-top: 40px;
}

/* ------------------------------------
// 下層ページ
------------------------------------ */

/*----- 共通スタイル -----*/
.detail.page{
  padding-top: 0;
}
.page-header{
  position: relative;
  z-index: 0;
}
.page-header > img{
  width: 100%;
}
.page-header::before{
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.page-header__title{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.page-title__img{
  display: block;
}
.page-title{
	color: #fff;
	font-family: var(--en-font);
    font-size: 60px;
    text-align: center;
	white-space: nowrap;
	margin-bottom: 0;
}
.page-title span{
	display: inline-block;
}
.page-content{
  margin-top: 100px;
  margin-bottom: 0;
}

/*
// メニュー
------------------------------------ */
.menu{
  margin-bottom: 150px;
}
.menu > *+*{
  margin-top: 100px;
}
.menu__title--heading{
	position: relative;
}
.menu__title--heading::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.menu__title--heading::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--white);
	position: absolute;
	bottom: 25px;
	left: 0;
	z-index: 2;
}
.menu__title {
	font-family: var(--en-font);
    font-size: 50px;
    margin-bottom: 0;
	color: var(--white);
	position: absolute;
	bottom: 30px;
    right: 22px;
	z-index: 2;
}
/* .menu__img{
  margin-top: 20px;
} */
.menu__items:nth-of-type(n+3),.menu__item--treatment {
	margin-top: 80px;
}
.menu__names{
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
}
.menu__name{
	list-style: none;
}
/* .menu__name:nth-of-type(odd){
  padding-right: 35px;
} */
/* .menu__name:nth-of-type(even){
  padding-left: 35px;
} */
.menu__dlist{
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  border-bottom: 1px dotted rgba(0,26,67,0.5);
  padding: 1rem 0.5rem;
}
.menu__dlist dt{
  font-weight: normal;
}
.menu__dlist dd{
  margin-bottom: 0;
}
.menu__item--pickup{
  margin-top: 50px;
}
.pickup-menu__title {
    color: var(--blue);
    font-size: 22px;
	font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0;
}
.pickup-menu__img{
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
	margin-top: 22px
}
.pickup-menu__img-item:last-of-type{
  padding-left: 40px;
}
.pickup-menu__text{
  margin: 30px 0 0;
	line-height: 1.5;
}
.menu__title--length{
	background-color: var(--light-blue);
	color: var(--blue);
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	margin-bottom: 0;
	margin-top: 100px;
	padding: 12px 0; 
}
.menu__plus-fee{
	margin-bottom: 0;
	margin-top: 1rem;
	text-align: center;
}
.menu__plus-fee{
	max-width: 500px;
	width:100%;
	margin-left: auto;
    margin-right: auto;
}

/*
// スタッフ
------------------------------------ */
.staff{
  margin-bottom: 150px;
}
.staff__text{
  font-size: 18px;
  text-align: center;
	margin-bottom: 0;
}
.staff__items{
	padding: 0;
	margin: 100px 0 0 0;
}
.staff__items > *+*{
  margin-top: 86px;
}
.staff__item:nth-of-type(odd){
  flex-direction: row-reverse;
}
.staff__item:nth-of-type(odd) .staff__item-body{
  padding-left: 80px;
}
.staff__item:nth-of-type(even) .staff__item-body{
  padding-right: 80px;
}
.staff__item:nth-of-type(odd) .staff__item-img{
  padding-right: 15px;
}
.staff__item:nth-of-type(even) .staff__item-img{
  padding-left: 15px;
}
.staff__item-heading{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border-bottom: 1px dotted rgba(0,26,67,0.5);
}
.staff__name {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.staff__name span{
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
}
.staff__dlist{
  margin-top: 30px;
  margin-bottom: 0;
}
.staff__dlist-item:not(:last-of-type){
  display: flex;
}
.staff__dlist-item:last-of-type{
  background-color: var(--light-blue);
  margin-top: 1rem;
  padding: 0.5rem 1rem 0.8rem;
}
.staff__dlist dt{
  flex-basis: 5em;
  font-weight: normal;
}
.staff__dlist dd{
  margin-bottom: 0;
}
.staff__dlist-item:not(:last-of-type) dd::before{
  content: "：";
}
.page-staff__link{
	text-align: center;
	margin-top: 100px;
}

/*
// ヘアーカタログ
------------------------------------ */
/*スライダー*/
.catalog__item-img .thumbnail.slick-slider{
	margin-top: 10px;
}
.catalog__item-img .slick-slide:not(.thumbnail-img){
	padding-top: 35%;
}
.catalog__item-img .thumbnail-img {
    position: relative;
    padding-top: 33%;
}
.catalog__item-img .slick-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}
.catalog__item-img .thumbnail .slick-track {
  transform: unset !important;
}
.catalog__item-img .thumbnail-img {
  opacity: 0.4;
  transition: opacity .3s linear;
}
.catalog__item-img .thumbnail .slick-current {
  opacity: 1;
}
.catalog__item-img .thumbnail-img:hover:not(.slick-current){
	cursor: pointer;
}
/*スライダーここまで*/
.catalog{
  margin-bottom: 120px;
}
.catalog__items > *+*{
	margin-top: 70px;
}
.catalog-nav{
  border-bottom: 1px solid var(--green);
}
.catalog-nav__item{
  text-transform: uppercase;
  width: 7em;
  text-align: center;
}
.catalog-nav__item a{
  border: 1px solid var(--green);
  border-bottom: none;
  color: var(--green);
  border-radius: 10px 10px 0 0;
}
.catalog-nav__item a.active{
  background-color: var(--green);
  border-radius: 10px 10px 0 0;
  color: #fff;
}
.catalog__item-title {
    background-color: #F2F7E1;
    color: var(--green);
    font-size: 22px;
    padding: 0.7rem 1rem 0.5rem;
    margin-bottom: 0;
}
.catalog__item-content{
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-top: 30px;
}
.catalog__item-body{
  padding-left: 70px;
}
.catalog__item-body-inner{
	display: contents;
}
.catalog-type{
  border: 1px solid var(--green);
  border-radius: 10px;
  padding: 20px 30px 16px;
  margin-top: 50px;
}
.catalog-type__title{
  padding-bottom: 10px;
  border-bottom: 1px dotted var(--light-green);
  color: var(--green);
  font-size: 16px;
  margin-bottom: 0;
}
.catalog-type__title:last-of-type{
  margin-top: 20px;
}
.catalog-type__title + div{
  margin-top: 0.5rem;
}
.catalog-type__items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
  margin-top: 1rem;
}
.catalog-type__item{
  flex-basis: 50%;
  display: flex;
}
.catalog-type__item dt{
  flex-basis: 5em;
  font-weight: normal;
}
.catalog-type__item dd{
  margin-bottom: 0;
}
.catalog__item-tag{
  display: flex;
  /* border-radius: 10px; */
  list-style: none;
  margin: 20px 0 0;
}
.catalog__item-tag dt{
  flex-basis: 6em;
  background-color: var(--green);
  border: 1px solid var(--green);
  border-radius: 10px 0 0 10px;
  color: #fff;
  font-weight: normal;
  padding: 0.2rem 0.5rem;
}
.catalog__item-tag dd{
  flex-grow: 1;
  border: 1px solid var(--green);
  border-radius: 0 10px 10px 0;
  margin-bottom: 0;
  padding: 0.2rem 0.5rem;
}
.catalog__item-price{
  border-bottom: 1px dotted var(--light-green);
  font-size: 22px;
  text-align: right;
  margin-top: 1rem;
}
.catalog__item-price span:last-of-type{
  display: inline-block;
  padding-left: 1rem;
}
.catalog-archive__link{
	margin-top: 60px;
    text-align: center;
}
.catalog-pagenation{
	margin-top: 60px;
}
.catalog-pagenation .pagination{
	justify-content: center;
}
.next.page-numbers,.prev.page-numbers{
	margin: 0 5px;
}
.page-numbers {
    color: var(--green) !important;
    font-weight: 500;
}
.page-numbers:hover:not(.prev):not(.next){
	text-decoration: none;
}
.page-numbers.current{
	background-color: var(--green);
	color: #fff !important;
}
.page-numbers:hover:not(.prev):not(.next):not(.current){
	background-color: var(--green);
	color: #fff !important;
}




/* ------------------------------------
// @media
------------------------------------ */

@media (min-width: 768px) {
	.scroll-header{
		position: fixed;
		width: 100%;
		padding: 0.5rem 0;
		z-index: 10;/*最前面へ*/
		animation: DownAnime 0.5s forwards;
	}

	@keyframes DownAnime{
		from {
			opacity: 0;
			transform: translateY(-170px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	.scroll-header .header-logo{
		display: none;
	}
	.scroll-header .header-nav{
		margin-top: 0;
	}

	
  .navbar .container {
    justify-content: center;
  }

  .header-nav {
    display: block !important;
    margin-top: 10px;
  }

  .navbar-nav a,
  .nav-phone {
    line-height: 1;
    padding: 10px 26px;
  }

  .navbar-nav a {
	  color: #fff;
    transition: 0.5s;
    position: relative;
  }
	
	.navbar-nav a:hover{
		color: var(--orange);
		transition: 0.5s;
	}

/*   .navbar-nav li:not(:last-of-type) a:before {
    content: "";
    display: block;
    background-color: var(--white);
    width: 0;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    bottom: 0;
    transition: 0.5s;
  } */

  .navbar-nav li:not(:last-of-type) a:hover:before {
    width: calc(100% - 40px);
    transition: 0.5s;
  }

}

@media (max-width:1300px) and (min-width: 1200px){
	.top-feature {
		background-size: 85px;
	}
}


/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  article.card .post_thumb {
    height: 10rem;
  }
	
  /*
  // 共通スタイル
  ------------------------------------ */
	.section__title {
		font-size: 38px;
	}
	.section__title--underline::before {
		width: calc(100% + ((100vw - 960px) / 2) + 15px);
	}
	
  /*
  // header
  ------------------------------------ */	
	.navbar-nav a, .nav-phone {
		padding: 10px 20px;
	}

  /*
  // footer
  ------------------------------------ */
  .footer::before {
    width: calc((100vw - 960px) / 2 + 1px);
  }

  /*
  // index
  ------------------------------------ */
	.fv__text {
		left: calc((100vw - 960px) / 2);
	}
	
	/*----- about -----*/
	.top-about__content-item:nth-of-type(odd) .top-about__content-body {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 0;
		padding-left: calc((100vw - 960px) / 2);
	}
	.top-about__content-item:nth-of-type(even) .top-about__content-body {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-top: 0;
		padding-right: calc((100vw - 960px) / 2);
		margin-bottom: 4vw;
	}
	.top-about__subtitle {
		font-size: 24px;
	}
	.top-about__content-text {
		margin-top: 26px;
	}
	
	/*----- feature -----*/
	.top-feature__item {
		margin: 0 16px;
	}
	.top-feature__subtitle {
		font-size: 22px;
		margin: 0 -16px;
	}
	.top-feature__text {
		text-align: justify;
		margin-top: 20px;
	}
	
	/*----- menu -----*/
	.top-menu__body::before {
		width: calc((100vw - 960px) / 2 + 15px);
		right: calc((960px - 100vw) / 2 - 15px);
	}
	.top-menu__img{
		padding-top: 60%;
		position: relative;
	}
	.top-menu__img img {
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/*----- staff -----*/
	.top-staff__name {
		font-size: 26px;
	}
	.top-staff__item {
		flex-basis: 48%;
	}
	
	.top-sns::after {
		width: calc((100vw - 960px) / 2);
	}
	.top-sns::before {
		width: 820px;
	}
  /*
  // 下層ページ
  ------------------------------------ */
	/*----- スタッフ -----*/
	.staff__item:nth-of-type(odd) .staff__item-body {
		padding-left: 60px;
	}
	.staff__item:nth-of-type(even) .staff__item-body {
		padding-right: 60px;
	}
	
	/*----- ヘアカタログ -----*/
	.catalog__item-body {
		padding-left: 40px;
	}
	.catalog-type {
		margin-top: 30px;
	}
}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  article.card .post_thumb {
    height: 7rem;
  }

  article.card .card-title {
    height: 3.6em;
  }
	
  /*
  // 共通スタイル
  ------------------------------------ */
	.section__title {
		font-size: 30px;
	}
	
  /*
  // header
  ------------------------------------ */
	.header-logo a {
		width: 150px;
	}
	.navbar-nav a, .nav-phone {
		padding: 10px 10px;
		font-size: 12px;
	}
	.phone-link:not(.phone-link--info) {
		font-size: 18px;
	}

  /*
  // footer
  ------------------------------------ */
	.info__content::before {
		width: calc(58% + 30px);
		right: -30px;
		top: 30px;
	}
	.info__content-body {
		margin-top: 30px;
		padding-top: 30px;
	}
	.info-phone {
		margin-left: 0;
	}
	.footer {
		background-size: cover,cover;
	}

  /*
  // index
  ------------------------------------ */
	/*----- 共通スタイル -----*/
	.section__title--underline::before {
		width: calc(100% + ((100vw - 720px) / 2) + 15px);
	}
	
	/*----- fv -----*/
	  .fv__text {
		left: calc((100vw - 720px) / 2);
	  }
	
	/*----- about -----*/
	.top-about {
		margin-top: 60px;
	}
	.top-about__content-body{
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.top-about__content-item:nth-of-type(odd) .top-about__content-body {
		padding-left: calc((100vw - 720px) / 2);
		padding-right: 40px;
		margin-top: 0;
	}
	.top-about__content-item:nth-of-type(even) .top-about__content-body {
		padding-right: calc((100vw - 720px) / 2);
		padding-left: 40px;
		margin-bottom: 0;
	}
	.top-about__subtitle {
		font-size: 20px;
	}
	.top-about__content-text {
		margin-top: 20px;
	}
	
	/*----- feature -----*/
	.top-feature__subtitle {
		font-size: 20px;
	}
	.top-feature__subtitle br{
		display: block;
	}
	.top-feature__item {
		margin: 0 10px;
	}
	.top-feature__img {
		margin: 0;
	}	
	
	/*----- voice -----*/
	.top-voice__items div:nth-of-type(n+2) {
		margin-top: 30px;
	}
	
	/*----- menu -----*/
	.menu__items:nth-of-type(n+2), .menu__item--treatment {
		margin-top: 80px;
	}
	.top-menu__body::before {
		width: calc((100vw - 720px) / 2 + 15px);
		right: calc((720px - 100vw) / 2 - 15px);
	}
	.top-menu__img{
		width: 100%;
		padding-top: 80%;
		margin-left: calc(50% - 50vw);
	}
	.top-menu__body-wrap {
		width: 55%;
	}
	.top-menu__body {
		padding: 40px 0 40px 55px;
	}
	.top-menu__link {
		margin-top: 30px;
	}
	
	/*----- staff -----*/
	.top-staff__item {
		display: flex;
		flex-direction: column;
	}
	.top-staff__name-body {
		display: contents;
	}
	.top-staff__name-wrap{
		order: 1;
	}
	.top-staff__commendation{
		order: 2;
	}
	.staff-link__wrap{
		order: 4;
		margin-top: 20px;
	}
	.top-staff__img{
		order: 3;
		margin-top: 10px;
	}
	.staff__item-heading {
		display: block;
	}
	.staff__name {
		font-size: 24px;
	}
	.staff__dlist {
		margin-top: 16px;
	}
	
	/*----- hairstyle -----*/
	.top-hairstyle__archive-link {
		margin-top: 50px;
	}
	.top-sns::after {
		width: calc((100vw - 720px) / 2);
	}
	.top-sns::before {
		width: 610px;
	}
	

	


  /*
  // 下層ページ
  ------------------------------------ */
	/*----- スタッフ -----*/
	.staff__items {
		margin-top: 30px;
	}
	.staff__item:nth-of-type(odd) .staff__item-body {
		padding-left: 15px;
	}
	.staff__item:nth-of-type(even) .staff__item-body {
		padding-right: 15px;
	}
	.staff__item-img{
		margin-top: 20px;
	}
	
	/*----- ヘアカタログ -----*/
	.catalog__item-content{
		flex-direction: row;
	}
	.catalog__item-body{
		display: contents;
	}
	.catalog__item-body-inner{
		display: block;
	}
	.catalog__item-body-inner.--text{
		order: 2;
	}
	.catalog__item-body-inner.--type{
		order: 3;
	}
	.catalog__item-img{
		order: 1;
	}


}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  article.card .post_thumb {
    height: 8rem;
  }

  .logo_text {
    text-align: left;
  }
	
  /*
  //共通スタイル
  ------------------------------------ */
	.section__title--underline::before {
/* 		width: calc(100% + 15px);
		left: -15px; */
		left: calc(50% - 50vw);
		width: calc(100% + (100vw - 540px) / 2 + 15px);
	}
	.section__title--menu::before {
		left: auto;
	}
	.section__title--top-staff::before{
		left: auto;
	}

  /*
  // header
  ------------------------------------ */
  .navbar-nav {
	  width: 100%;
	  flex-direction: column;
	  padding-top: 40px;
  }

	.navbar>.container {
		justify-content: center;
	}
	.header-logo--sp{
		margin-top: 50px;
	}
	.header-logo--sp img{
		width: 150px;
	}

  .header-nav--sp {
    display: none;
  }

  body.is-fixed {
    width: 100%;
    height: 100%;
    position: fixed;
  }

  .header-nav {
    display: none;
    background-color: var(--blue);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 20;
  }

  .navbar {
    overflow-y: auto;
    align-items: flex-start;
    height: 100%;
  }
	.navbar .menu-item a {
		color: #fff;
	}
	.phone-link--header{
		background-color: #fff;
		color: var(--blue);
	}
	.phone-link--header::before {
		background-image: url(/wp-content/uploads/2023/08/icon-phone-blue.png);
	}
	.navbar-toggler{
		border: 2px solid var(--white);
	}
	.navbar-toggler.collapsed{
		background-color: var(--blue);
	}
	.phone-link:not(.phone-link--info) {
		font-size: 24px;
	}
	.navbar .menu-item a {
	  font-size: 16px;
	  padding: .5rem 0;
  }

  /*
  // footer
  ------------------------------------ */
	.info__content {
		position: relative;
		flex-direction: column-reverse;
	}
	.info__content::before{
		content: none;
	}
	.info__content-body{
		width: 100%;
		position: relative;
	}
	.info__content-body::before {
		content: "";
		display: block;
		/*background-color: var(--light-blue);*/
		width: calc(100% + 100px);
		height: calc(100% + 250px);
		position: absolute;
		left: -50px;
		top: -80px;
		z-index: -1;
	}
	.footer::before {
		width: calc((100vw - 520px) / 2 + 1px);
	}
	.footer {
		background-position-x: -350px, 0;
	}
	.footer-nav__items {
		flex-wrap: wrap;
	}

  /*
  // index
  ------------------------------------ */
	/*----- fv -----*/
	.fv__img .swiper-slide{
		padding-top: 70vh;
		position: relative;
	}
	.fv__img img{
		height: 100%;
		object-fit: cover;
		position: absolute;
		object-position: center;
		top: 0;
		left: 0;
	}
	.fv__text {
		left: calc((100vw - 540px) / 2);
	}
	
	/*----- about -----*/
	.top-about__content-item {
		display: block;
	}
	.top-about__content-body {
		padding-right: calc((100vw - 510px) / 2) !important;
		padding-left: calc((100vw - 510px) / 2) !important;
	}
	
	/*----- feature -----*/
	.top-feature {
		background-image: none;
		position: relative;
	}
	.top-feature::before {
		content: "";
		display: block;
		background-image: url(/wp-content/uploads/2023/03/plant.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: min(250px, 30%);
		height: 40%;
		position: absolute;
		bottom: 0;
		right: -5%;
		z-index: -1;
		opacity: 0.3;
	}
	.top-feature::after {
		content: "";
		display: block;
		background-image: url(/wp-content/uploads/2023/03/plant.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: min(250px, 30%);
		height: 40%;
		position: absolute;
		top: 0;
		left: -5%;
		z-index: -1;
		opacity: 0.3;
	}
	.top-feature__items > *+*{
		margin-top: 50px;
	}
	.top-feature__img {
		text-align: center;
	}
	.top-feature__img img{
		width: 70%;
	}
	.top-feature__subtitle {
		margin: 0;
	}
	.top-feature__subtitle br {
		display: none;
	}
	.top-about__content-text {
		margin-top: 0;
	}
	.top-about__content-body {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	.top-about__content-text--second{
		margin-top: 40px;
	}
	
	/*----- menu -----*/
	.menu {
		margin-bottom: 80px;
	}
	.top-menu {
		margin-top: 50px;
	}
	.top-menu__body-wrap{
		width: 100%;
		position: static;
		transform: none;
	}
	.top-menu__body {
		position: relative;
		z-index: 0;
	}
	.top-menu__body::before {
		width: calc((100vw - 540px) / 2 + 15px);
		right: calc((540px - 100vw) / 2 - 15px);
	}
	.top-menu__img {
		margin-top: -60px;
		width: calc(100% + (100vw - 540px) / 2);
		position: relative;
		z-index: -1;
	}
	
	/*----- staff -----*/
	.top-staff__items {
		display: block;
	}
	.top-staff__items > *+*{
		margin-top: 40px;
	}
	.staff__item{
		flex-direction: column-reverse !important;
	}
	.top-staff__item:first-of-type .top-staff__commendation{
		display: none;
	}
	.info__map {
		margin-top: 50px;
		padding-top: 70%;
		position: relative;
	}
	.info__map iframe{
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	/*----- hairstyle -----*/
	.top-hairstyle__item {
		margin: 0 10px;
	}
	.top-hairstyle__link .link-btn::before {
		left: 10px;
	}
	.top-hairstyle__title {
		font-size: 18px;
	}
	
	.top-sns::after {
		width: calc((100vw - 540px) / 2);
	}
	.top-sns::before {
		width: 390px;
	}
	
  /*
  // 下層ページ
  ------------------------------------ */
	/*----- 共通スタイル -----*/
	.page-header {
		min-height: 230px;
	}
	.page-header > img {
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
	}
	.page-title {
		font-size: max(28px, 5vw);
	}
	.page-title img{
		max-width: 35vw;
	}
	
	/*-----　メニュー -----*/
/* 	.menu__name:nth-of-type(odd) {
		padding-right: 15px;
	} */
/* 	.menu__name:nth-of-type(even) {
		padding-left: 15px;
	} */
	.pickup-menu {
		display: block;
	}
	.pickup-menu__text {
		margin: 20px 0 0;
	}
	.pickup-menu__img {
		margin-top: 30px;
	}
	.menu__img {
		min-height: 180px;
		position: relative;
	}
	.menu__img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		left: 0;
	}
	.menu__title--length {
		font-size: 22px;
	}
	
	/*----- スタッフ -----*/
	.staff__name {
		margin-top: 20px;
	}
	
	/*----- ヘアカタログ -----*/
	.catalog__item-img .slick-slide {
		padding-top: 30%;
	}
	.catalog__item-text{
		margin-top: 30px;
	}
	.catalog-type {
		margin-top: 20px;
	}
}

@media (max-width: 659.98px) {
	/*----- hairstyle -----*/
	.top-hairstyle__link .link-btn::before {
		content: none;
	}
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .alignright {
    float: none;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }

  .alignleft {
    float: none;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }

  .headline .logo_text {
    width: 88%;
  }

  .navbar .menu-item {
    float: none;
  }
	.navbar-nav li:last-of-type a {
		padding: 0.5rem 2rem;
	}

  .navbar .container {
    padding: 0 .9375rem;
  }

  .widget_nav_menu li.d-md-block {
    display: block !important;
  }

  .main h3 {
    font-size: large;
  }

  .breadcrumb {
    font-size: small;
  }

  .share a {
    font-size: x-small;
    padding: .5em .7em;
  }

  article.card .post_thumb {
    height: 10rem;
  }

  article.card .card-title {
    height: 2.4em;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.4rem;
  }

  .logo_text {
    text-align: left;
  }
	
	/*
	// 共通スタイル
	------------------------------------ */
	.section__title--underline::before {
		left: -15px;
		width: calc(100% + 15px);
	}
	
	/*
	// header
	------------------------------------ */
	

	
	/*
	// footer
	------------------------------------ */	
	.info__map {
		margin: 50px 15px 0;
	}
	.pagetop{
		width: 40px;
		height: 40px;
	}

  /*
  // index
  ------------------------------------ */
	/*----- fv -----*/
	.fv__text {
		left: 15px;
	}
	
	/*----- about -----*/
	.top-about__content-body {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	/*----- feature -----*/
	.top-feature__items > *+* {
		margin-top: 30px;
	}
	
	/*----- voice -----*/
	.top-voice {
		margin-top: 50px;
	}
	.top-voice__item-text{
		margin-bottom: 0;
	}
	.top-voice__item {
		padding: 26px;
	}
	.top-voice__item-heading {
		flex-direction: column;
		padding-bottom: 3px;
	}
	.top-voice__subtitle {
		font-size: 20px;
	}
	.top-voice__customer{
		margin-top: 8px;
	}
	
	/*----- menu -----*/
	.top-menu__body::before {
		width: 15px;
		right: -15px;
	}
	.link-btn--hairstyle:last-of-type {
		margin-left: 0;
		margin-top: 20px;
	}
	.menu__plus-fee {
		max-width: 350px;
	}
	
	/*----- hairstyle -----*/
	.top-hairstyle__archive-link {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	/*
	// 下層ページ
	------------------------------------ */
	/*----- 共通スタイル -----*/
	.page-header {
		min-height: 170px;
	}
	.page-title img{
		min-width: 200px;
	}
	/*-----　メニュー -----*/
	.menu {
		margin-bottom: 100px;
	}
	.pickup-menu__img-item:last-of-type {
		padding-left: 20px;
	}
	.menu__img {
		min-height: 150px;
	}
	
	/*----- スタッフ -----*/
	.staff {
		margin-bottom: 100px;
	}
	.staff__text {
		font-size: 14px;
	}
}

@media (max-width: 499.98px) {
	/*----- top-hearstyle -----*/
	.top-hairstyle__items {
		padding-left: 15px;
		padding-right: 15px;
	}
	.top-hairstyle__item {
		margin: 0;
	}
	.top-hairstyle__item:nth-of-type(even) {
		margin-top: 0;
	}
	.top-hairstyle__items .top-slider > *+* {
		margin-top: 20px;
	}
	.top-hairstyle__link .link-btn::before {
		content: "";
	}
}

@media (max-width: 399.98px){
	/*
	// 下層ページ
	------------------------------------ */
	/*-----　メニュー -----*/
	.pickup-menu__img {
		display: block;
	}
	.pickup-menu__img-item:last-of-type {
		padding-left: 0;
		margin-top: 30px;
	}
	
}