@charset "UTF-8";
/* Theme Name: Twenty Twenty Two Child
    Version: 1
    Template: twentytwentytwo */
h1,
h2,
h3,
h4,
h5,
h6,
p,
body,
ol li,
ul li,
span,
pre,
code {
  font-family: "Helvetica Neue" Arial "Hiragino Kaku Gothic ProN" "Hiragino Sans" Meiryo sans-serif !important;
}

a {
  text-decoration: none;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin-left: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pt-0 {
  padding-top: 0;
}

main ul {
  list-style-position: inside;
  padding-left: 0;
}

main li > a,
main p > a {
  color: #06C;
}

div.inner-wrapper {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  padding-bottom: 2em;
}

div.wp-site-blocks {
  overflow: hidden;
}

header.wp-block-templete-part {
  margin-bottom: 0;
}

h1.wp-block-site-title {
  font-family: "Helvetica Neue" Arial "Hiragino Kaku Gothic ProN" "Hiragino Sans" Meiryo sans-serif !important;
  font-style: normal !important;
}

h1.wp-block-site-title a {
  text-decoration: none;
  color: black !important;
  font-family: "Helvetica Neue" Arial "Hiragino Kaku Gothic ProN" "Hiragino Sans" Meiryo sans-serif !important;
  font-weight: bold;
}

.wp-block-post-title a {
  text-decoration: none;
}

ul.wp-block-page-list a {
  color: black !important;
}

div.wp-block-cover {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  body.home header h2,
  body.blog header h2,
  body.post-type-archive-salons header h2 {
    font-size: 4em !important;
    margin-left: 0.5em !important;
  }
}

@media screen and (max-width: 425px) {
  body.home header h2,
  body.blog header h2,
  body.post-type-archive-salons header h2 {
    font-size: 2.25em !important;
  }
}

body.home h2,
body.blog h2,
body:not(home) h2,
body.archive h2 {
  color: black !important;
}

body.home .has-background,
body.blog .has-background,
body:not(home) .has-background,
body.archive .has-background {
  padding-bottom: 0 !important;
}

body.home header.wp-block-template-part,
body.blog header.wp-block-template-part,
body:not(home) header.wp-block-template-part,
body.archive header.wp-block-template-part {
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

body.home header.wp-block-template-part div > div,
body.blog header.wp-block-template-part div > div,
body:not(home) header.wp-block-template-part div > div,
body.archive header.wp-block-template-part div > div {
  padding-left: 1em;
  padding-right: 1em;
}

body.home header.wp-block-template-part div.alignwide,
body.blog header.wp-block-template-part div.alignwide,
body:not(home) header.wp-block-template-part div.alignwide,
body.archive header.wp-block-template-part div.alignwide {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

@media screen and (max-width: 425px) {
  body.home header.wp-block-template-part div.alignwide,
  body.blog header.wp-block-template-part div.alignwide,
  body:not(home) header.wp-block-template-part div.alignwide,
  body.archive header.wp-block-template-part div.alignwide {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
}

body.archive h2,
body.blog h2 {
  color: black !important;
}

body.archive .has-background,
body.blog .has-background {
  padding-bottom: 0 !important;
}

body.archive header.wp-block-template-part,
body.blog header.wp-block-template-part {
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

body.archive header.wp-block-template-part div > div,
body.blog header.wp-block-template-part div > div {
  padding-left: 1em;
  padding-right: 1em;
}

body.archive header.wp-block-template-part div.alignwide,
body.blog header.wp-block-template-part div.alignwide {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

@media screen and (max-width: 425px) {
  body.archive header.wp-block-template-part div.alignwide,
  body.blog header.wp-block-template-part div.alignwide {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
  }
}

body.archive .wp-block-post-date,
body.blog .wp-block-post-date {
  margin: 0.75em 0;
}

body.archive .wp-block-post-date a,
body.blog .wp-block-post-date a {
  text-decoration: none;
}

.wp-block-template-part div.has-foreground-background-color {
  background-color: white !important;
}

nav.wp-block-navigation a.wp-block-navigation-item__content {
  color: black;
}

ul.wp-block-navigation__container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

ul.wp-block-navigation__container li.wp-block-navigation-item {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

footer.wp-block-template-part ul.wp-block-navigation__container {
  display: inline;
}

.has-modal-open ul.wp-block-navigation__container {
  margin-top: 3em !important;
}

li.wp-block-pages-list__item.wp-block-navigation-item.open-on-hover-click a {
  margin-left: 1em;
  margin-right: 1em;
}

.has-modal-open .wp-block-navigation__responsive-close {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.has-modal-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.has-modal-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog button {
  border-style: double;
  border-radius: 5px;
  color: white;
}

.has-modal-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content {
  padding: 0;
}

.has-modal-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content ul {
  margin-top: 3em;
  width: 100%;
}

.has-modal-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content ul li {
  margin: 1em 0;
  text-align: center;
  width: 100%;
}

.has-modal-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content ul li a {
  background-color: #efefef;
  text-decoration: none;
  padding: 1em 0;
  width: 100%;
}

.wp-block-navigation__responsive-container-close {
  padding: 1em 0;
  width: 100%;
}

.wp-block-navigation__responsive-container-close svg {
  margin: 0 auto;
}

.wp-site-blocks h1 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  main h2 {
    font-size: 2em !important;
  }
}

main .inner-wrapper img.size-full {
  width: 100%;
}

.wp-block-group p {
  color: #222;
  margin-bottom: 2em;
}

.wp-block-group ul {
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 0 1em;
}

.wp-block-group fieldset {
  border-radius: 15px;
}

.wp-block-group fieldset legend {
  font-size: 1.1em;
  padding: 0 .5em;
}

.wp-block-group fieldset ul {
  margin-top: 0;
  margin-bottom: 0;
}

.wp-block-group fieldset li {
  margin: 1em 0;
  padding: 0.25em 0;
}

div.full-width {
  max-width: 100vw;
  width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  margin-top: 0;
}

div.full-width > div {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  div.full-width > div {
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media screen and (max-width: 425px) {
  div.full-width > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}

div.back-gray1 {
  background-color: #efefef;
}

div.back-main-gradation {
  background-color: #A8711b;
  background: linear-gradient(135deg, #A8711b 0%, white 100%);
}

div.back-sub-gradation {
  background-color: #DFFBFB;
  background: linear-gradient(135deg, #DFFBFB 0%, white 100%);
}

div.back-gray1-gradation {
  background-color: #efefef;
  background: -webkit-gradient(linear, left bottom, left top, from(#efefef), to(white));
  background: linear-gradient(0deg, #efefef 0%, white 100%);
}

div.back-gray1-gradation180 {
  background-color: #efefef;
  background: -webkit-gradient(linear, left bottom, left top, from(white), to(#efefef));
  background: linear-gradient(0deg, white 0%, #efefef 100%);
}

div.back-gray1-gradation-180 {
  background-color: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#efefef));
  background: linear-gradient(180deg, white 0%, #efefef 100%);
}

div.back-gray1-gradation45 {
  background-color: #efefef;
  background: linear-gradient(135deg, #efefef 0%, white 100%);
}

div.back-gray1-gradation-45 {
  background-color: #efefef;
  background: linear-gradient(225deg, #efefef 0%, white 100%);
}

div.back-gray-radius {
  background: rbg(255, 255, 255);
  background: radial-gradient(circle, #f0f0f0 0%, white 100%);
}

figure.alignfull {
  margin: 0 auto;
}

.mt-1 {
  margin-top: 1em;
}

.mt-2 {
  margin-top: 2em;
}

.mb-1 {
  margin-bottom: 1em;
}

.mb-2 {
  margin-bottom: 2em;
}

.pt-1 {
  padding-top: 1em;
}

.pt-2 {
  padding-top: 2em;
}

.pb-1 {
  padding-bottom: 1em;
}

.pb-2 {
  padding-bottom: 2em;
}

.design-title-wrap {
  text-align: center;
}

.design-title-wrap .design-title {
  display: inline-block;
  border-top: double 4px rgba(191, 188, 114, 0.2);
  border-bottom: double 4px rgba(191, 188, 114, 0.2);
  padding: 0.5em 0;
}

.design-title-wrap .design-title div {
  color: #666;
  font-size: .5em;
  margin-bottom: 0.25em;
}

body.single-post main .wp-block-spacer {
  height: 0 !important;
}

body.single-post main h2, body.single-post main h3, body.single-post main h4, body.single-post main h5, body.single-post main h6 {
  margin-top: 1em;
}

body.single-post main p {
  color: #222;
  margin-bottom: 1em;
}

p.wp-block-post-author__name {
  margin: 0 !important;
}

body.blog ul.wp-block-post-template,
body.archive ul.wp-block-post-template {
  max-width: 650px;
}

body.archive h1.wp-block-query-title {
  font-size: 2em !important;
  font-weight: bold;
  margin-bottom: 1.75em !important;
}

body.archive main.wp-block-query ul.wp-block-post-template {
  margin-left: auto;
  margin-right: auto;
}

p.wp-block-post-excerpt__excerpt {
  margin-bottom: 1em;
}

p.wp-block-post-excerpt__more-text {
  text-align: right;
}

p.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link {
  background-color: #06C;
  border: solid 1px #06C;
  border-radius: 2em;
  color: white;
  padding: 0.5em 1em;
  text-decoration: none;
}

p.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link:hover {
  background-color: white;
  color: #06C;
}

#new-post-wrapper > div,
#new-salons-wrapper > div {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

#new-post-wrapper > div img,
#new-salons-wrapper > div img {
  width: 100%;
  height: auto;
}

table.salon-info {
  margin-bottom: 1.5em;
}

table.salon-info tr {
  margin: 0.5em;
  border-bottom: 1px solid #efefef;
  border-right: solid 1px #efefef;
}

table.salon-info tr:first-child {
  border-top: solid 1px #efefef;
  border-top: 1px solid #efefef;
  min-width: 90px;
}

table.salon-info tr:last-child {
  border-bottom: 1px solid #efefef;
}

table.salon-info tr th {
  background-color: #efefef;
  margin-right: 0.5em;
  padding: 0.8em;
  border: solid 1px white;
  color: black;
}

table.salon-info tr svg {
  color: black;
}

table.salon-info tr td {
  padding: 0.8em !important;
  color: #222;
}

#regional-wrapper .regional-inner {
  position: relative;
  background: url(./assets/images/japan.png) no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
  margin: auto;
}

#regional-wrapper .regional-inner .area01 {
  position: absolute;
  top: 26%;
  right: 0;
}

#regional-wrapper .regional-inner .area02 {
  position: absolute;
  bottom: 12%;
  right: 0;
}

#regional-wrapper .regional-inner .area03 {
  position: absolute;
  bottom: 34%;
  left: 54%;
}

#regional-wrapper .regional-inner .area04 {
  position: absolute;
  bottom: 23%;
  left: 38%;
}

#regional-wrapper .regional-inner .area05 {
  position: absolute;
  bottom: 11%;
  left: 22%;
}

#regional-wrapper .regional-inner .area06 {
  position: absolute;
  bottom: 35%;
  left: 2%;
}

/*タブ切り替え全体のスタイル*/
/*タブのスタイル*/
.tabs {
  max-width: 1000px !important;
  /*ラジオボタンを全て消す*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのコンテンツのみを表示*/
  /*選択されているタブのスタイルを変える*/
}

.tabs .tab_item {
  width: calc(97% / 4);
  height: 50px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-radius: 10px 10px 0 0;
  background-color: #efefef;
  background: linear-gradient(225deg, #efefef 0%, white 100%);
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #222;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.tabs .tab_item:hover {
  opacity: 0.75;
}

.tabs input[name="tab_item"] {
  display: none;
}

.tabs .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}

.tabs #info-tab:checked ~ #info_content,
.tabs #gallery-tab:checked ~ #gallery_content,
.tabs #price-tab:checked ~ #price_content,
.tabs #access-tab:checked ~ #access_content {
  display: block;
}

.tabs #price_content dl dd {
  text-align: right;
  margin-bottom: 1em;
}

.tabs #access_content iframe {
  margin-top: 2em;
}

.tabs input:checked + .tab_item {
  background-color: white;
  background: none;
  border-color: black;
  border-width: 2px;
  color: black;
}

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

.title-underline {
  width: 50px;
}

.line-title {
  position: relative;
  padding: 0 65px;
  text-align: center;
}

.line-title::before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: black;
}

.line-title span {
  position: relative;
  padding: 0 1em;
  background: white;
}

button {
  background-color: #5B3800 !important;
  border-style: double !important;
  border-radius: 5px !important;
}

.wp-block-search__inside-wrapper .wp-block-search__button {
  font-size: 14px !important;
}

input[type="submit"] {
  background-color: #5B3800 !important;
}

a.button {
  background-color: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(#efefef));
  background: linear-gradient(180deg, white 0%, #efefef 100%);
  text-decoration: none;
  padding: 0.5em 1em;
}

div.readmore {
  text-align: right;
}

form.wp-block-search__button-outside {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

aside.wp-block-group {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em;
}

aside.wp-block-group ul {
  margin-top: 0.5em;
  margin-bottom: 2.5em;
  padding: 0;
}

aside.wp-block-group ul li {
  display: block;
  text-align: center;
  margin: .5em 0;
}

aside.wp-block-group ul li a {
  display: block;
  text-decoration: none;
  width: 100%;
  padding: 1em 0;
  margin: 1em 0;
  border: 1px #aaa solid;
  border-radius: 5px;
  background: white;
}

footer.wp-block-template-part {
  background-color: #efefef;
  max-width: 100vw;
  margin-top: 5em;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 0 20px !important;
}

footer.wp-block-template-part > .wp-block-group {
  padding-top: 0 !important;
}

footer.wp-block-template-part .alignfull {
  max-width: none;
  margin: auto !important;
}

footer.wp-block-template-part .wp-block-group p {
  line-height: 1.8;
  letter-spacing: 1px;
}

footer.wp-block-template-part .wp-block-group p:last-child {
  margin-bottom: 0;
}

footer.wp-block-template-part dl {
  margin-left: auto;
}

/***追従するトップへ戻るボタン***/
#page-top {
  position: fixed;
  right: 10px;
  bottom: 10px;
  font-size: 2.5rem;
  line-height: 2.15rem;
  background: #fff;
  color: #737373;
  padding: 0.25em;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.5), 0 3px 10px -4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 0.5), 0 3px 10px -4px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

/***トップへ戻るボタンここまで***/
.wp-block-cover {
  position: relative;
  background-size: cover;
  background-position: 50%;
  min-height: 430px;
  max-height: 95vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.wp-block-cover__background {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.wp-block-cover__inner-container {
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .wp-block-post-featured-image {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }
}

.wp-block-post-featured-image a {
  display: block;
}

.wp-block-post-featured-image a img {
  border-radius: 5em;
}

header.alignwide.wp-block-template-part {
  background-color: #efefef;
  background: linear-gradient(135deg, #efefef 0%, white 100%);
}

body:not(.home) header.wp-block-template-part {
  background-color: #efefef;
  background: linear-gradient(135deg, #efefef 0%, white 100%);
}

header figure {
  text-align: center;
}

header figure img {
  max-width: 1000px !important;
}

button.wp-block-navigation__responsive-container-open {
  border-radius: 5px;
  border-style: double;
}

body.blog h2 {
  color: black !important;
}

@media screen and (max-width: 768px) {
  body.blog h2.wp-block-post-title + figure.wp-block-post-featured-image {
    margin-top: 1em !important;
  }
}

aside.wp-block-group {
  border-radius: 10px;
  background-color: #efefef;
  background: -webkit-gradient(linear, left bottom, left top, from(white), to(#efefef));
  background: linear-gradient(0deg, white 0%, #efefef 100%);
}

hr.wp-block-separator {
  height: 1px;
  background-color: #777;
  border: none;
}

div.postinfo {
  background: gray;
}

.wp-block-navigation__responsive-container-open {
  border-color: white;
  color: white;
}

figure.wp-block-post-featured-image {
  border-top: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  padding-top: 1em;
  padding-bottom: 1em;
}

@media screen and (max-width: 768px) {
  figure.wp-block-post-featured-image + div.wp-block-columns {
    margin-top: 0;
  }
}

.new-post-inner-wrapper img.attachment-post-thumbnail {
  border-radius: 50%;
  border: solid 1px #DDD;
  padding: 2px;
}
/*# sourceMappingURL=style.css.map */