@charset "UTF-8";
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  height: 100%;
}

body {
  background-color: #ffffff;
  color: #000000;
  font-weight: 700;
  line-height: 1.857em;
  letter-spacing: 0.06em;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (min-width: 960px) {
  body {
    font-size: 18px;
  }
}

h2 {
  font-size: 1.96rem;
  font-weight: 700;
  font-family: "Cormorant Garamond", "Zen Old Mincho", serif;
}
@media screen and (min-width: 960px) {
  h2 {
    font-size: 2.8rem;
  }
}
h2.small {
  font-size: 1.344rem;
}
@media screen and (min-width: 960px) {
  h2.small {
    font-size: 1.92rem;
  }
}

ul {
  list-style: none;
}

.l-main {
  display: block;
}

.l-footer__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.c-nav-button {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.c-nav-button__container {
  position: relative;
  z-index: 100;
  margin: 15px;
  width: 82px;
  height: 82px;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .c-nav-button__container {
    margin: 40px;
  }
}
.c-nav-button__icon {
  display: inline-block;
  position: absolute;
  left: 14px;
  height: 2px;
  background: #ffffff;
  width: 54px;
}
.c-nav-button__icon:nth-of-type(1) {
  top: 14px;
}
.c-nav-button__icon:nth-of-type(2) {
  top: 28px;
}
.c-nav-button__icon:nth-of-type(3) {
  top: 42px;
}
.c-nav-button__label {
  display: inline-block;
  position: absolute;
  top: 49px;
  left: 22px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  font-family: "EB Garamond", serif;
  letter-spacing: 0;
}

.midnightHeader.default .c-nav-button__icon, .midnightHeader.white .c-nav-button__icon {
  background: #ffffff;
}
.midnightHeader.default .c-nav-button__label, .midnightHeader.white .c-nav-button__label {
  color: #ffffff;
}
.midnightHeader.black .c-nav-button__icon {
  background: #000000;
}
.midnightHeader.black .c-nav-button__label {
  color: #000000;
}

.c-nav-button__container:hover .c-nav-button__icon {
  background: #666666;
}
.c-nav-button__container:hover .c-nav-button__label {
  color: #666666;
}

.c-nav-menu {
  display: none;
}
.c-nav-menu__container {
  position: fixed;
  top: 25px;
  left: 30px;
  z-index: 200;
  width: 85%;
  height: auto;
  padding: 110px 45px 70px 45px;
  background: #000000;
  border-radius: 4px;
  text-align: center;
  transition: 1s;
}
@media screen and (min-width: 960px) {
  .c-nav-menu__container {
    width: 345px;
    height: auto;
  }
}
.c-nav-menu__close-button {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 54px;
  height: 54px;
}
.c-nav-menu__close-icon {
  display: inline-block;
  position: absolute;
  top: 27px;
  left: 0;
  height: 1px;
  background: #ffffff;
  width: 54px;
}
.c-nav-menu__close-icon:nth-of-type(1) {
  transform: rotate(45deg);
}
.c-nav-menu__close-icon:nth-of-type(2) {
  transform: rotate(-45deg);
}
.c-nav-menu__header {
  margin-bottom: 45px;
}
.c-nav-menu__header img {
  width: 210px;
}
.c-nav-menu__list a {
  position: relative;
  display: block;
  padding: 18px 0 6px;
  color: #ffffff;
  text-decoration: none;
}
.c-nav-menu__list a::before {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: transparent;
  width: 100%;
  height: 1px;
  content: "";
  transition: 0.2s;
}
.c-nav-menu__list a:hover::before, .c-nav-menu__list a:active::before {
  background-color: #ffffff;
  transition: 0s;
  -webkit-animation: scale-up-center 0.5s;
          animation: scale-up-center 0.5s;
}

.is-nav-open .c-nav-menu {
  display: block;
}

.c-header-logo {
  width: 100%;
  padding-top: 97.28px;
  padding-bottom: 44.8px;
  background: #222223;
}
.c-header-logo__container {
  text-align: center;
}
.c-header-logo img {
  width: 399.36px;
  max-width: 60%;
}

.c-header-logo--white {
  background: #ffffff;
}

.c-header-title {
  width: 100%;
  background: #d4b1a1 url(../images/header-background.webp) no-repeat center/cover;
}
.c-header-title__container {
  width: 95%;
  padding-top: 150.4px;
  padding-bottom: 172.8px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .c-header-title__container {
    width: 960px;
  }
}
.c-header-title h1 {
  position: relative;
  font-size: 1.96rem;
  font-weight: 700;
  font-family: "Cormorant Garamond", "Zen Old Mincho", serif;
}
@media screen and (min-width: 960px) {
  .c-header-title h1 {
    font-size: 2.8rem;
  }
}
.c-header-title h1::before {
  position: absolute;
  left: 0;
  bottom: -48px;
  width: 100%;
  height: 1px;
  background-color: #000000;
  -webkit-animation: scale-up-center 1.5s ease-in-out;
          animation: scale-up-center 1.5s ease-in-out;
  content: "";
}

.c-button {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 297.6px;
  height: 52.48px;
  outline: solid 1px #222223;
  outline-offset: 2.56px;
  margin-top: 15.36px;
  margin-right: 20.48px;
  margin-bottom: 15.36px;
  margin-left: 20.48px;
  background-color: #222223;
  color: #ffffff;
  font-size: 19.2px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: 0.2s;
}
.c-button:hover, .c-button :active {
  outline: solid 1px #666666;
  background-color: #666666;
}

.c-button__text {
  display: block;
}
.c-button__text--webshop {
  padding-bottom: 5px;
}
.c-button__image {
  display: block;
  padding-top: 11px;
}

.c-splash__container {
  position: absolute;
  top: calc(50vh - 22.342775vw);
  left: 0;
  width: 100vw;
  text-align: center;
  opacity: 0;
  -webkit-animation: fade-in 0.8s linear 0.2s forwards;
          animation: fade-in 0.8s linear 0.2s forwards;
}
@media screen and (min-width: 960px) {
  .c-splash__container {
    top: calc(50vh - 12.1428125vw);
  }
}
.c-splash__container img {
  width: 74.75vw;
}
@media screen and (min-width: 960px) {
  .c-splash__container img {
    width: 40.625vw;
  }
}
.c-splash__header {
  margin-bottom: 12.0833333333vw;
}
@media screen and (min-width: 960px) {
  .c-splash__header {
    margin-bottom: 7.5520833333vw;
  }
}
.c-splash__text {
  color: #ffffff;
  font-size: 2.5vw;
}
@media screen and (min-width: 960px) {
  .c-splash__text {
    font-size: 1.5625vw;
  }
}

.c-splash--gray {
  background: #222223;
}

.c-chapter {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .c-chapter {
    width: 960px;
  }
}
.c-chapter__full-width {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.c-chapter__header {
  position: relative;
  margin-bottom: 115.2px;
}
.c-chapter__header.is-scroll::before {
  position: absolute;
  left: 0;
  bottom: -48px;
  width: 100%;
  height: 1px;
  background-color: #000000;
  -webkit-animation: scale-up-center 1.5s ease-in-out;
          animation: scale-up-center 1.5s ease-in-out;
  content: "";
}
.c-chapter__lead {
  font-size: 1.2rem;
  line-height: 1.857em;
}
@media screen and (min-width: 960px) {
  .c-chapter__lead {
    font-size: 1.4rem;
  }
}
.c-chapter__column-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-chapter__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.p-front-concept {
  padding-top: 83.2px;
  padding-bottom: 137.6px;
  background: #222223 url(../images/front-logo-darkgray.svg) no-repeat center bottom 30px/min(1200px, 93%) auto;
  color: #ffffff;
}
.p-front-concept .c-chapter__header {
  margin-bottom: 103.68px;
}
.p-front-concept .c-chapter__header::before {
  background-color: #ffffff;
}
.p-front-concept .c-chapter__text {
  font-size: 1.08rem;
  line-height: 2.5em;
}
@media screen and (min-width: 960px) {
  .p-front-concept .c-chapter__text {
    font-size: 1.2rem;
  }
}

.p-front-food {
  padding-top: 83.2px;
  padding-bottom: 113.28px;
  background: url(../images/front-bg-food@sp.webp) no-repeat center top calc(46rem - 20vw)/100% auto;
}
@media screen and (min-width: 960px) {
  .p-front-food {
    background: url(../images/front-bg-food@pc.webp) no-repeat center top calc(43rem - 20vw)/100% auto;
  }
}
.p-front-food .c-chapter__lead {
  margin-bottom: 62.72px;
}
.p-front-food .c-chapter__list {
  line-height: 1.8rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 960px) {
  .p-front-food .c-chapter__list {
    line-height: 3.3rem;
  }
}
@media screen and (max-width: 959px) {
  .p-front-food .c-chapter__list li {
    margin-bottom: 1.6rem;
  }
}
.p-front-food .c-button img {
  width: 128px;
  margin-right: 28.8px;
}
.p-front-food__carousel {
  height: 230.4px;
  margin-top: 134.4px;
  margin-bottom: 76.8px;
}
@media screen and (min-width: 960px) {
  .p-front-food__carousel {
    margin-top: 284.8px;
  }
}
.p-front-food__carousel img {
  width: 230.4px;
  margin-right: 19.2px;
}

.p-front-salon {
  position: relative;
  padding-top: 89.6px;
  padding-bottom: 133.12px;
  background: #222223 url(../images/front-bg-salon-transparent.webp) no-repeat left center/auto 100%;
  background-blend-mode: multiply;
  color: #ffffff;
}
.p-front-salon .c-chapter__header::before {
  background-color: #ffffff;
}
.p-front-salon .c-chapter__lead {
  margin-bottom: 69.12px;
}
.p-front-salon .c-chapter__list {
  margin-bottom: 154.88px;
  line-height: 1.8rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 960px) {
  .p-front-salon .c-chapter__list {
    line-height: 3.3rem;
  }
}
@media screen and (max-width: 959px) {
  .p-front-salon .c-chapter__list li {
    margin-bottom: 1.6rem;
  }
}
.p-front-salon .c-button {
  background-color: #d4b1a1;
  outline-color: #d4b1a1;
  color: #1a1a1a;
  font-size: 14.08px;
}
.p-front-salon .c-button:hover, .p-front-salon .c-button :active {
  background-color: #be8971;
  outline-color: #be8971;
}
.p-front-salon .c-button img {
  width: 128px;
  margin-right: 19.84px;
}

.p-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: #222223;
}
.p-hero::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #d4b1a1;
  content: "";
  -webkit-animation: fade-out 1s linear 2.5s forwards;
          animation: fade-out 1s linear 2.5s forwards;
}
.p-hero.p-hero--gray::after {
  background-color: #222223;
}
.p-hero h1 {
  display: none;
}
.p-hero__container {
  position: absolute;
  top: calc(50vh - 22.342775vw);
  left: 0;
  z-index: 10;
  width: 100vw;
  text-align: center;
  opacity: 0;
  -webkit-animation: fade-in 0.5s linear 0.2s forwards;
          animation: fade-in 0.5s linear 0.2s forwards;
}
@media screen and (min-width: 960px) {
  .p-hero__container {
    top: calc(50vh - 12.1428125vw);
  }
}
.p-hero__header {
  margin-bottom: 12.0833333333vw;
}
@media screen and (min-width: 960px) {
  .p-hero__header {
    margin-bottom: 7.5520833333vw;
  }
}
.p-hero__header img {
  width: 74.75vw;
}
@media screen and (min-width: 960px) {
  .p-hero__header img {
    width: 40.625vw;
  }
}
.p-hero__text {
  color: #ffffff;
  font-size: 2.5vw;
}
@media screen and (min-width: 960px) {
  .p-hero__text {
    font-size: 1.5625vw;
  }
}
.p-hero__slider::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  content: "";
}
.p-hero__slider img {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-hero__salon {
  width: 100vw;
  height: 100vh;
  background: #222223 url(../images/salon-hero.webp) no-repeat center/cover;
}
.p-hero__salon::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  content: "";
}

.p-food-lead {
  padding-top: 70.4px;
  padding-bottom: 81.92px;
  background: #222223;
}
.p-food-lead .c-chapter__text {
  color: #ffffff;
  font-size: 1.28rem;
  line-height: 1.9375em;
}
.p-food-lead .c-chapter__text:not(:last-child) {
  margin-bottom: 1.9375em;
}

.p-food-approach {
  width: 100%;
  background: #decbbe;
}
.p-food-approach__column-wrap01, .p-food-approach__column-wrap02, .p-food-approach__column-wrap03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  align-content: flex-start;
  align-items: flex-start;
  width: 95%;
  margin: 0 auto;
  padding-top: 19.84px;
  padding-bottom: 51.84px;
}
@media screen and (min-width: 960px) {
  .p-food-approach__column-wrap01, .p-food-approach__column-wrap02, .p-food-approach__column-wrap03 {
    justify-content: space-between;
  }
}
@media screen and (min-width: 960px) {
  .p-food-approach__column-wrap01, .p-food-approach__column-wrap02, .p-food-approach__column-wrap03 {
    width: 960px;
  }
}
.p-food-approach__image01 {
  width: 80%;
}
@media screen and (min-width: 960px) {
  .p-food-approach__image01 {
    width: 44%;
    margin-top: 68.48px;
    margin-bottom: 68.48px;
  }
}
.p-food-approach__image02, .p-food-approach__image03 {
  width: 80%;
  margin-top: 33.92px;
  margin-bottom: 33.92px;
}
@media screen and (min-width: 960px) {
  .p-food-approach__image02, .p-food-approach__image03 {
    width: 44%;
    margin-top: 68.48px;
    margin-bottom: 68.48px;
  }
}
.p-food-approach__text01-1, .p-food-approach__text01-2, .p-food-approach__text02, .p-food-approach__text03 {
  width: 100%;
  margin-top: 68.48px;
  margin-bottom: 68.48px;
}
@media screen and (min-width: 960px) {
  .p-food-approach__text01-1, .p-food-approach__text01-2, .p-food-approach__text02, .p-food-approach__text03 {
    width: 50%;
  }
}
.p-food-approach__image01 {
  order: 2;
}
@media screen and (min-width: 960px) {
  .p-food-approach__image01 {
    order: 1;
  }
}
.p-food-approach__text01-1 {
  order: 1;
}
@media screen and (min-width: 960px) {
  .p-food-approach__text01-1 {
    order: 2;
  }
}
.p-food-approach__text01-2 {
  order: 3;
}
@media screen and (min-width: 960px) {
  .p-food-approach__text01-2 {
    order: 2;
  }
}
.p-food-approach__image02 {
  order: 2;
}
@media screen and (min-width: 960px) {
  .p-food-approach__image02 {
    order: 4;
  }
}
.p-food-approach__text02 {
  order: 1;
}
@media screen and (min-width: 960px) {
  .p-food-approach__text02 {
    order: 3;
  }
}
.p-food-approach__image03 {
  order: 2;
}
@media screen and (min-width: 960px) {
  .p-food-approach__image03 {
    order: 5;
  }
}
.p-food-approach__text03 {
  order: 1;
}
@media screen and (min-width: 960px) {
  .p-food-approach__text03 {
    order: 6;
  }
}
@media screen and (min-width: 960px) {
  .p-food-approach__text02 {
    width: 46.875%;
  }
}
.p-food-approach h2 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1.3143em;
}
.p-food-approach p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.84em;
}
.p-food-approach p:not(:last-child) {
  margin-bottom: 1.84em;
}
.p-food-approach img {
  width: 100%;
  margin-bottom: 17.92px;
}
.p-food-approach a {
  color: #9f4e24;
  text-decoration: none;
}
.p-food-approach a:hover, .p-food-approach a:active {
  color: #8d8075;
}

.p-food-cta {
  padding-top: 86.4px;
  padding-bottom: 67.2px;
  background: #222223;
}
.p-food-cta .c-chapter__text {
  color: #ffffff;
  font-size: 1.28rem;
  line-height: 2.1875em;
}
.p-food-cta .c-chapter__text:not(:last-child) {
  margin-bottom: 2.1875em;
}
.p-food-cta .c-chapter__text:last-child {
  margin-bottom: 86.4px;
}
.p-food-cta .c-button {
  background-color: #000000;
  outline-color: #000000;
  color: #ffffff;
}
.p-food-cta .c-button:hover, .p-food-cta .c-button:active {
  outline: solid 1px #666666;
  background-color: #666666;
}
.p-food-cta .c-button img {
  width: 128px;
  margin-right: 19.84px;
}

.p-salon-news {
  padding-top: 76.8px;
  padding-bottom: 113.92px;
  background-color: #222223;
  color: #ffffff;
}
.p-salon-news .c-chapter__column-wrap {
  justify-content: left;
}
.p-salon-news__header {
  width: 228px;
  margin-bottom: 30px;
  color: #decbbe;
  text-align: left;
}
.p-salon-news__list {
  width: 732px;
  text-align: left;
}
.p-salon-news__article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 39.68px;
  color: #ffffff;
  text-decoration: none;
}
.p-salon-news__article::before {
  position: absolute;
  left: 0;
  bottom: -19.84px;
  background-color: #666666;
  width: 100%;
  height: 1px;
  content: "";
  transition: 0.2s;
}
.p-salon-news__article:hover::before {
  background-color: #ffffff;
}
.p-salon-news__date {
  width: 160px;
  color: #decbbe;
  font-size: 92%;
  font-family: "EB Garamond", serif;
}
.p-salon-news__title {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .p-salon-news__title {
    width: 570px;
  }
}

.p-salon-menu {
  padding-top: 96px;
  padding-bottom: 160px;
  background-color: #d4b1a1;
}
.p-salon-menu .c-chapter__text {
  margin-bottom: 0.435rem;
}
.p-salon-menu .c-chapter__list {
  line-height: 2.87rem;
}
.p-salon-menu__lead01 {
  margin-bottom: 118.4px;
}
.p-salon-menu__lead02 {
  margin-bottom: 56.32px;
}
.p-salon-menu__carousel {
  height: 256px;
  margin-top: 86.4px;
  margin-bottom: 86.4px;
}
.p-salon-menu__carousel img {
  width: 256px;
  margin-right: 11.52px;
}

.p-salon-access {
  padding-top: 115.2px;
  padding-bottom: 150.4px;
  background-color: #222223;
  color: #ffffff;
}
.p-salon-access .c-chapter__header::before {
  background-color: #ffffff;
}
.p-salon-access__column01 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 340px;
  margin: 0 15px;
}
.p-salon-access__column02 {
  width: 340px;
  margin: 0 15px;
}
@media screen and (min-width: 960px) {
  .p-salon-access__column02 {
    width: 550px;
  }
}
.p-salon-access__shopname {
  text-align: right;
}
.p-salon-access__shopname img {
  width: 290.56px;
  margin-bottom: 6.4px;
}
.p-salon-access__address {
  font-size: 0.84rem;
  line-height: 2.1em;
  text-align: right;
}
.p-salon-access__address a {
  color: #ffffff;
  text-decoration: none;
}
.p-salon-access__map iframe {
  width: 100%;
  height: 247.04px;
}
@media screen and (min-width: 960px) {
  .p-salon-access__map iframe {
    width: 513.92px;
  }
}

.p-news {
  padding-top: 156.8px;
  padding-bottom: 115.2px;
  background: #222223;
  color: #ffffff;
}
.p-news__wrapper {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .p-news__wrapper {
    width: 960px;
  }
}
.p-news__article {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 39.68px;
  color: #ffffff;
  text-decoration: none;
}
.p-news__article::before {
  position: absolute;
  left: 0;
  bottom: -19.84px;
  background-color: #666666;
  width: 100%;
  height: 1px;
  content: "";
  transition: 0.2s;
}
.p-news__article:hover::before {
  background-color: #ffffff;
}
.p-news__article:first-child::after {
  position: absolute;
  left: 0;
  top: -19.84px;
  background-color: #666666;
  width: 100%;
  height: 1px;
  content: "";
  transition: 0.2s;
}
.p-news__date {
  width: 114px;
  margin-left: 14px;
  margin-right: 14px;
  color: #decbbe;
  font-size: 92%;
  font-family: "EB Garamond", serif;
}
.p-news__title {
  width: 100%;
  margin-left: 14px;
  margin-right: 14px;
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .p-news__title {
    width: 790px;
  }
}
.p-news__title a {
  color: #ffffff;
  text-decoration: none;
}
.p-news__pager {
  margin-bottom: 180.48px;
  text-align: center;
}
.p-news__pager a {
  position: relative;
  margin-left: 20.48px;
  color: #ffffff;
  text-decoration: none;
}

.p-post {
  padding-top: 100.48px;
  padding-bottom: 115.2px;
  background: #222223;
  color: #ffffff;
}
.p-post__wrapper {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .p-post__wrapper {
    width: 960px;
  }
}
.p-post__info {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 25.6px;
}
.p-post__date {
  margin-right: 26.24px;
  font-size: 0.92rem;
  font-family: "EB Garamond", serif;
}
.p-post__category {
  font-weight: 400;
}
.p-post__title {
  position: relative;
  font-size: 1.4rem;
  padding-bottom: 119.04px;
  font-weight: 400;
}
.p-post__title::before {
  position: absolute;
  left: 0;
  bottom: 83.84px;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}
.p-post__body {
  position: relative;
  padding-bottom: 124.8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.p-post__body::before {
  position: absolute;
  left: 0;
  bottom: 25.6px;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}
.p-post__body h1 {
  margin-bottom: 2rem;
  font-size: 2.2rem;
  font-family: "Zen Old Mincho", serif;
}
.p-post__body h2 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-family: "Zen Old Mincho", serif;
}
.p-post__body h3 {
  margin-bottom: 2rem;
  font-size: 1.2rem;
}
.p-post__body ul {
  margin-bottom: 2rem;
  padding-left: 1.5em;
  list-style: disc;
}
.p-post__body ol {
  margin-bottom: 2rem;
  padding-left: 1.5em;
}
.p-post__body p {
  margin-bottom: 2rem;
}
.p-post__body a {
  color: #9f4e24;
  text-decoration: none;
}
.p-post__body a:hover {
  color: #8d8075;
}
.p-post__pager {
  margin-bottom: 180.48px;
  text-align: center;
}
.p-post__pager a {
  position: relative;
  margin-left: 20.48px;
  color: #ffffff;
  text-decoration: none;
}
.p-post__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 353.28px;
  margin: 0 auto;
}
.p-post__link a {
  display: block;
  width: 353.28px;
  max-width: 80%;
  height: 47.36px;
  font-size: 1.2rem;
  color: #ffffff;
  line-height: 47.36px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ffffff;
}
.p-post__link a:not(:last-child) {
  margin-bottom: 38.4px;
}

.p-post--info {
  background: #ffffff;
  color: #000000;
}

.p-page {
  padding-top: 100.48px;
  padding-bottom: 115.2px;
  background: #222223;
  color: #ffffff;
}
.p-page__wrapper {
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .p-page__wrapper {
    width: 960px;
  }
}
.p-page__title {
  position: relative;
  font-size: 2.2rem;
  padding-bottom: 119.04px;
  font-weight: 400;
}
.p-page__title::before {
  position: absolute;
  left: 0;
  bottom: 83.84px;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}
.p-page__body {
  position: relative;
  margin-bottom: 124.8px;
  padding-bottom: 124.8px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}
.p-page__body::before {
  position: absolute;
  left: 0;
  bottom: 25.6px;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  content: "";
}
.p-page__body h2 {
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-family: "Zen Old Mincho", serif;
}
.p-page__body h3 {
  margin-bottom: 2rem;
  font-size: 1.2rem;
}
.p-page__body ul {
  margin-bottom: 2rem;
  padding-left: 1.5em;
  list-style: disc;
}
.p-page__body ol {
  margin-bottom: 2rem;
  padding-left: 1.5em;
}
.p-page__body p {
  margin-bottom: 2rem;
}
.p-page__body a {
  color: #9f4e24;
  text-decoration: none;
}
.p-page__body a:hover {
  color: #8d8075;
}
.p-page__link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 353.28px;
  margin: 0 auto;
}
.p-page__link a {
  display: block;
  width: 353.28px;
  max-width: 80%;
  height: 47.36px;
  font-size: 1.2rem;
  color: #ffffff;
  line-height: 47.36px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ffffff;
}
.p-page__link a:not(:last-child) {
  margin-bottom: 38.4px;
}

.p-footer {
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  font-size: 0.8rem;
  font-weight: 400;
}
@media screen and (min-width: 960px) {
  .p-footer {
    height: 102.4px;
  }
}
.p-footer .l-footer__wrapper {
  width: 95%;
  height: 102.4px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .p-footer .l-footer__wrapper {
    width: 960px;
  }
}
@media screen and (min-width: 960px) {
  .p-footer .l-footer__wrapper {
    justify-content: space-between;
  }
}
.p-footer .l-footer__column01 {
  width: 95%;
  margin: 0 10px;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-footer .l-footer__column01 {
    width: 440px;
  }
}
@media screen and (min-width: 960px) {
  .p-footer .l-footer__column01 {
    text-align: left;
  }
}
.p-footer .l-footer__column02 {
  width: 95%;
  margin: 0 10px;
  font-size: 0.56rem;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .p-footer .l-footer__column02 {
    width: 470px;
  }
}
@media screen and (min-width: 960px) {
  .p-footer .l-footer__column02 {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 960px) {
  .p-footer .l-footer__column02 {
    text-align: right;
  }
}
.p-footer a {
  color: #ffffff;
  text-decoration: none;
}
.p-footer li {
  display: inline;
}
.p-footer li:not(:last-child) a::after {
  content: " ｜";
}

.p-password {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #d4b1a1;
  font-family: "Cormorant Garamond", "Zen Old Mincho", serif;
}
.p-password__container {
  text-align: center;
}
.p-password img {
  width: 403.84px;
  max-width: 80vw;
  margin-bottom: 44.8px;
}
.p-password__input {
  width: 448px;
  max-width: 80vw;
  height: 44.8px;
  margin-bottom: 19.2px;
  padding-left: 19.2px;
  padding-right: 19.2px;
  background-color: #ffffff;
  text-align: left;
}
.p-password__submit {
  width: 448px;
  max-width: 80vw;
  height: 44.8px;
  color: #ffffff;
  background-color: #222223;
}

.u-font-bold {
  font-weight: 600;
}
.u-font-s-10 {
  font-size: 10/10 rem;
}
.u-font-s-15 {
  font-size: 15/10 rem;
}
.u-font-s-20 {
  font-size: 20/10 rem;
}
.u-font-s-30 {
  font-size: 30/10 rem;
}

.u-color {
  color: #000000;
}

.u-bg-black {
  background-color: #000000;
}

.u-bg-darkgray {
  background-color: #222223;
}

.u-bg-pink {
  background-color: #d4b1a1;
}

.u-text-dash {
  width: 2em;
  margin-right: 0.24em;
  letter-spacing: -0.12em;
}

@media screen and (min-width: 960px) {
  .u-sp-only {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .u-pc-only {
    display: none;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2022-9-30 17:57:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
.js-slick {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.js-slick.slick-initialized {
  opacity: 1;
}

.is-slick-animation {
  -webkit-animation: zoomUp 10s linear 0s normal both;
          animation: zoomUp 10s linear 0s normal both;
}

@-webkit-keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 拡大率 */
  }
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 拡大率 */
  }
}/*# sourceMappingURL=style.css.map */