.c-page-header[data-has-image=true] {
  height: clamp(250px,62.5vw,300px);
  height: 300px;
}

.smb-section.accent-section-01 {
  position: relative;
}
.smb-section.accent-section-01::before {
  content: "";
  position: absolute;
  width: 100%;
  background: #F6F4F1;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
}
@media (min-width: 768px) {
  .smb-section.accent-section-01::before {
    width: calc(100% - 60px);
    left: initial;
    right: 0;
  }
}
.smb-section.margin-plus-section {
  margin-top: calc(var(--_space, 1.8rem) * 3);
  margin-bottom: calc(var(--_space, 1.8rem) * 3);
}

@media (min-width: 640px) {
  .page-footer-links>.c-row--margin>.c-row__col:nth-child(-n+2) {
    flex: 1 1 50% !important;
    max-width: 50% !important;
  }
  .page-footer-links>.c-row--margin>.c-row__col:nth-child(n+3) {
    flex: 1 1 33.3333% !important;
    max-width: 33.3333% !important;
  }
}

.smb-section.no-padding-top {
  padding-top: 0;
}
.smb-section:not(.smb-section-with-bgimage) .smb-section__title,
.smb-section:not(.smb-section-with-bgimage) .smb-section__lede {
  color: var(--sub-accent-color);
}
.smb-section__title {
  letter-spacing: 0.25em;
}
.smb-section:not(.smb-section-with-bgimage) .smb-section__title:after {
  background-color: var(--sub-accent-color);
}
.smb-section-with-bgimage .smb-section__title:after {
  background-color: #fff;
}
.smb-section-break-the-grid__lede {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.smb-section__background-text__text {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  top: 0px;
  left: 0px;
  left: -.5em;
}
@media (max-width: 767px) {
  .smb-section__background-text__text {
    color: #fff !important;
    opacity: 1 !important;
  }
}
/* @media (min-width: 1024px) {
  .smb-section-break-the-grid__content {
    background-color: transparent !important;
  }
} */
.smb-container.no-padding-container {
  padding-right: 0;
  padding-left: 0;
}

.c-page-header[data-has-image=true] .c-page-header__bgimage::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(81,61,27,.5);
}
@media (min-width: 768px) {
  .c-page-header__bgimage,
  .c-page-header__bgimage>picture {
    width: calc(100vw - 220px);
    min-width: 1420px;
    left: initial;
  }
}
.c-page-header[data-has-image=true]>.c-container>.c-page-header__content {
  z-index: 2;
}

.wp-block-button__link[target] {
  position: relative;
}
.wp-block-button__link[target]::after {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: no-repeat center/contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20d%3D%22M0%2010V3h1v6h5V7h1v3H0Zm3-3V4H1V3h2V0h7v7H3Zm6-1V1H4v5h5Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  -webkit-transition: all 0.6s cubic-bezier(0.55, 0.05, 0.22, 0.99);
  transition: all 0.6s cubic-bezier(0.55, 0.05, 0.22, 0.99);
}

h3 {
  display: flex;
  align-items: center;
  color: #9F8D76;
  font-size: 28px;
  line-height: 1.25;
  &::before,
  &::after {
    content: '';
    height: 1px;
    flex-grow: 1;
    background-color: #9F8D76;
  }
  &::before {
    margin-right: 1rem;
  }
  &::after {
    margin-left: 1rem;
  }
}

h4 {
  border-left: solid 6px #9F8D76;
  color: #9F8D76;
  padding-left: 0.75em;
  font-size: 24px;
  line-height: 1.25;
   padding-bottom: 0.2em;
}


@media screen and (max-width: 768px) {
  h3 {
    font-size: 24px;
  }
  h4 {
    font-size: 20px;
    border-width: 4px;
    padding-left: 0.65em;
  }
}

/*スクロールアニメーション*/
h2 span {
  display: inline-block;
  opacity: 0;
  transform: rotateY(90deg);
}
h2.appeartext span {
  -webkit-animation-name: slideTxt;
  animation-name: slideTxt;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
h2.appeartext span:nth-child(1) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
h2.appeartext span:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
h2.appeartext span:nth-child(3) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
h2.appeartext span:nth-child(4) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
h2.appeartext span:nth-child(5) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
h2.appeartext span:nth-child(6) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
h2.appeartext span:nth-child(7) {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
}
h2.appeartext span:nth-child(8) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
h2.appeartext span:nth-child(9) {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}
h2.appeartext span:nth-child(10) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
h2.appeartext span:nth-child(11) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
h2.appeartext span:nth-child(12) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
h2.appeartext span:nth-child(13) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
h2.appeartext span:nth-child(14) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
h2.appeartext span:nth-child(15) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
h2.appeartext span:nth-child(16) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
h2.appeartext span:nth-child(17) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
h2.appeartext span:nth-child(18) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
h2.appeartext span:nth-child(19) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
h2.appeartext span:nth-child(20) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
h2.appeartext span:nth-child(21) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
h2.appeartext span:nth-child(22) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
h2.appeartext span:nth-child(23) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}
h2.appeartext span:nth-child(24) {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
h2.appeartext span:nth-child(25) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
h2.appeartext span:nth-child(26) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
h2.appeartext span:nth-child(27) {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
}
h2.appeartext span:nth-child(28) {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
}
h2.appeartext span:nth-child(29) {
  -webkit-animation-delay: 2.9s;
  animation-delay: 2.9s;
}
h2.appeartext span:nth-child(30) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
h2:not(.salon-title) {
  letter-spacing: .25rem;
  font-size: 1.5em !important;
  color: var(--sub-accent-color);
  opacity: 0;
}
h2.appeartext {
  opacity: 1;
}
@media (min-width: 640px) {
  h2:not(.salon-title) {
    font-size: 2em !important;
  }
}
@media (min-width: 1024px) {
  h2:not(.salon-title) {
    font-size: 2.5em !important;
  }
}
.smb-section-with-bgimage h2.smb-section__title {
  color: #fff !important;
}
it-keyframes slideTxt {
  from, to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  from {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}
@keyframes slideTxt {
  from, to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  from {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
  }
}

/* 特徴 */
.feature-list img {
  width: 33%;
}
@media (min-width: 460px) {
  .feature-list img {
    width: 25%;
  }
}
.feature-list .smb-items__item {
  padding: calc(var(--_space) * .25);
  text-align: center;
}
@media (min-width: 640px) {
  .feature-list .smb-items__item {
    padding: calc(var(--_space) * .5);
  }
}
@media (min-width: 1024px) {
  .feature-list .smb-items__item {
    padding: var(--_space);
  }
}
.feature-list .smb-items__item__title {
  font-size: 1.5em;
}
.feature-list__alter .smb-items__item {
  background-color: #fff;
  padding: var(--_space);
  height: 100%;
}

/* アラモードについてページ */
.timeline-event-content__body>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)+:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  margin-top: 1.8rem;
  margin-top: calc(var(--_space, 1.8rem) * 1 * var(--_margin-scale, 1));
}
.timeline-event-content__body>h3 {
  margin-bottom: calc(var(--_space, 1.8rem) * .75 * var(--_margin-scale, 1));
}
.timeline-list {
  list-style-type: none;
  padding-left: 0;
}
.timeline-list .timeline-list__item {
  position: relative;
}
.timeline-list .timeline-list__item:hover .timeline-event-icon {
  transform: rotate(-45deg);
}
.timeline-list .timeline-list__item:hover .timeline-event-content {
  background-color: #F6F4F1;
}
.timeline-list .timeline-event-content {
  padding: calc(var(--_space) * 1);
  position: relative;
  top: calc(var(--_space) * -1);
  width: calc(100% - (var(--_space) * 2));
  left: calc(var(--_space) * 2);
  transition: 0.3s cubic-bezier(.77,0,.18,1);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .timeline-list .timeline-event-content {
    flex-direction: column-reverse;
  }
}
@media (max-width: 599px) {
  .timeline-list .timeline-event-content {
    padding: calc(var(--_space) * .75);
    top: calc(var(--_space) * -0.75);
    width: calc(100% - (var(--_space) * 1));
    left: calc(var(--_space) * 1);
  }
}
.timeline-list .timeline-event-content__body {
  flex: 0 1 66.6666%;
  max-width: 66.6666%;
}
@media (min-width: 768px) {
  .timeline-list .timeline-event-content__body {
    margin-right: calc(var(--_space) * 1);
  }
}
@media (max-width: 767px) {
  .timeline-list .timeline-event-content__body {
    flex: 0 1 100%;
    max-width: 100%;
  }
}
.timeline-list .timeline-event-content__img {
  flex: 0 1 33.3333%;
  max-width: 33.3333%;
}
@media (max-width: 767px) {
  .timeline-list .timeline-event-content__img {
    flex: 0 1 100%;
    max-width: 100%;
    margin-bottom: calc(var(--_space) * .5);
  }
}
.timeline-list .timeline-event-content__body h3 {
  margin-bottom: calc(var(--_space, 1.8rem) * .75 * var(--_margin-scale, 1));
}
.timeline-list .timeline-event-content__body h3 span {
  margin-right: calc(var(--_space) * .5);
}
.timeline-list .timeline-event-content__body .timeline-event-tag {
  display: inline;
  background-color: var(--accent-color);
  color: #fff;
  font-size: 12px;
  padding: .25em;
  margin-left: calc(var(--_space) * .5);
}
.timeline-list .timeline-event-content__body p span {
  font-weight: 800;
}
.timeline-list .timeline-event-icon {
  transform: rotate(45deg);
  background-color: var(--accent-color);
  transition: 0.3s cubic-bezier(.77,0,.18,1);
  outline: 10px solid #fff;
  display: block;
  margin: 0.5em 0.5em 0.5em -0.5em;
  position: absolute;
  top: 0;
  left: var(--_space);
  width: 1em;
  height: 1em;
  pointer-events: none;
}
@media (max-width: 599px) {
  .timeline-list .timeline-event-icon {
    left: calc(var(--_space) * .5);
  }
}
.timeline-list .timeline-list__item:not(:last-of-type):before {
  height: 100%;
  width: 2px;
  background-color: var(--accent-color);
  content: "";
  display: block;
  left: var(--_space);
  position: absolute;
  top: 1em;
}
@media (max-width: 599px) {
  .timeline-list .timeline-list__item:not(:last-of-type):before {
    left: calc(var(--_space) * .5);
  }
}


/* サロン一覧ページ */
.salon-list figure {
  padding-top: 0;
  padding-bottom: 0;
}
.salon-list h3 {
  font-size: 1.25em;
  margin-top: calc(var(--_space, 1.8rem) * .25 * var(--_margin-scale, 1)) !important;
  margin-bottom: calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1)) !important;
}
.salon-list .smb-items__item__body>:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6)+:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.wp-block-spacer) {
  margin-top: calc(var(--_space, 1.8rem) * .5 * var(--_margin-scale, 1)) !important;
}
.store-title .sme-badge {
  border-radius: 0!important;
  font-size: calc(1em - 4px);
  font-weight: normal;
  height: initial;
  padding: 0.5em;
  vertical-align: baseline;
}
@media (min-width: 768px) {
  .store-title .sme-badge {
    font-size: calc(1em - 6px);
    transform: translateY(-3px);
  }
}
@media (min-width: 1024px) {
  .store-title .sme-badge {
    font-size: calc(1em - 8px);
    transform: translateY(-4px);
  }
}
.store-page-btn {
  line-height: 3;
}

@media (min-width: 1024px) {
  .smb-media-text.narrow-text-box .c-row {
    justify-content: space-between;
  }
  .smb-media-text.narrow-text-box .c-row__col--lg-2-3,
  .smb-media-text.narrow-text-box .c-row__col--lg-4-6,
  .smb-media-text.narrow-text-box .c-row__col--lg-6-9,
  .smb-media-text.narrow-text-box .c-row__col--lg-8-12 {
    flex: 0 1 50%;
    max-width: 50%;
  }
}
.scroll-hint-icon {
  top: 10% !important;
}


/* カットページ */
#cut__cource-section::before {
  content: url("../img/other/cut__star.jpg");

  z-index: -1;
}
.cut-detail__container::before {
  content: "";
  position: absolute;
  background-color: #F6F4F1;
  width: 100%;
  height: 100%;
  top: calc(var(--_space)*1.5);
  z-index: -1;
}
.cut-detail__container:nth-child(odd)::before {
  left: calc(var(--_space)*-2.5);
}
.cut-detail__container:nth-child(even)::before {
  right: calc(var(--_space)*-2.5);
}
.cut-detail__container {
  margin-bottom: calc(var(--_space)*1.5);
}
.cut-detail__container+.cut-detail__container {
  margin-top: calc(var(--_space)*6);
}
@media (max-width: 639px) {
  .cut-detail__container+.cut-detail__container {
    margin-top: calc(var(--_space)*3);
  }
}
.cut-detail__container:nth-child(odd) .cut-detail__container__img-cols>.wp-block-column:nth-child(even) img {
  transform: translateY(calc(var(--_space)*.5));
}
.cut-detail__container:nth-child(even) .cut-detail__container__img-cols>.wp-block-column:nth-child(odd) img {
  transform: translateY(calc(var(--_space)*.5));
}

/* カットスタイルページ */
.style__sort {
  text-align: center;
  display:flex;
  justify-content: center;
}
.style__sort label:not(:last-of-type) {
  margin-right: calc(var(--_space)*.5)
}
.style-items {
  display: flex;
  flex-wrap: wrap;
}
.style-items__item {
  max-width: 25%;
  padding: calc(var(--_space)*1.5);
  aspect-ratio: 1/1;
}
@media (max-width: 1023px) {
  .style-items__item {
    padding: calc(var(--_space)*1.25);
  }
}
@media (max-width: 959px) {
  .style-items__item {
    max-width: 33.3333%;
    padding: calc(var(--_space)*1);
  }
}
@media (max-width: 639px) {
  .style-items__item {
    padding: calc(var(--_space)*.5);
  }
}
@media (max-width: 459px) {
  .style-items__item {
    max-width: 50%;
  }
}
.style-items__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-id-120 .c-page-header__bgimage>img,
.page-id-120 .c-page-header__bgimage>picture>img {
  object-position: 50% 30%;
}

.page-id-17 .p-list-box img{
  display: inline-block;
}
.page-id-17 .p-list-list table tr td {
  padding: 0.7em 0.35em;
}
a:where(:not(.wp-element-button)) {
  text-underline-offset: .25rem;
}