@charset "UTF-8";
/*----------------------------------------
	keyframes
----------------------------------------*/
@-webkit-keyframes tapGuide {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.35);
            transform: scale(0.35);
  }
  20% {
    opacity: 0.95;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
  }
}
@keyframes tapGuide {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.35);
            transform: scale(0.35);
  }
  20% {
    opacity: 0.95;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2.4);
            transform: scale(2.4);
  }
}
/*----------------------------------------
	common
----------------------------------------*/
:root {
  --font-en: "EB Garamond", serif;
  --font-ja: "yu-gothic-pr6n", "Yu Gothic", YuGothic, "游ゴシック", sans-serif;
  --font-ja-hiragino: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", "Helvetica", "Arial", sans-serif;
  --color-main: #2c241e;
  --color-sub: #1c1c1c;
  --bg-white: #ffffff;
  --rgb-product-label: 255,255,255;
  --alpha-product-label: .8;
  --bg-product-head: #ccc;
  --color-product-head: var(--color-main);
  --bg-case: #ddd;
  --height-global-nav: 0px;
  --bg-reservation:#666666;
  --color-reservation:#fff;
}

html {
  font-size: 62.5%;
  scroll-behavior: auto;
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
}

body {
  position: static !important;
  margin: 0;
  padding: 0;
}
body.is-modal-open {
  overflow: hidden;
}

main.main-area.lp {
  position: relative;
  margin: 0;
  padding: 0;
}

video {
  width: 100%;
  height: auto;
}

#contentsMain {
  color: var(--color-main);
  font-family: var(--font-ja);
  font-weight: 400;
}

.main-area {
  background: #f9e9cd;
}

/*----------------------------------------
	u-device-sp
----------------------------------------*/
.u-device-sp {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .u-device-sp {
    display: block !important;
  }
}

/*----------------------------------------
	u-device-pc
----------------------------------------*/
@media screen and (max-width: 767px) {
  .u-device-pc {
    display: none !important;
  }
}

/*----------------------------------------
	u-br-pc / u-br-sp
----------------------------------------*/
@media screen and (max-width: 767px) {
  br.u-br-pc {
    display: none;
  }
}

br.u-br-sp {
  display: none;
}
@media screen and (max-width: 767px) {
  br.u-br-sp {
    display: initial;
  }
}

/*----------------------------------------
	u-animation-fade-in
----------------------------------------*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.u-animation-fade-in {
  opacity: 0;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
}
.u-animation-fade-in.is-active {
  -webkit-animation: fadeIn 1s linear forwards;
          animation: fadeIn 1s linear forwards;
}

/*----------------------------------------
	u-animation-fade-up
----------------------------------------*/
.u-animation-fade-up {
  opacity: 0;
  translate: 0 4rem;
  -webkit-transition: 1s;
  transition: 1s;
}
.u-animation-fade-up.is-active {
  opacity: 1;
  translate: 0 0;
}

/*----------------------------------------
	u-animation-tap-guide
----------------------------------------*/
.u-animation-tap-guide {
  position: absolute;
  right: 4rem;
  bottom: 4rem;
  width: clamp(1.36rem, 1.4166666667vw, 2.21rem);
  aspect-ratio: 1;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.8s ease, visibility 0.8s ease;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}
.u-animation-tap-guide:before, .u-animation-tap-guide:after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  -webkit-animation: tapGuide 2.2s ease-out infinite;
          animation: tapGuide 2.2s ease-out infinite;
}
.u-animation-tap-guide:after {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.u-animation-tap-guide.is-faded {
  opacity: 0;
  visibility: hidden;
}
.u-animation-tap-guide.is-hidden {
  display: none;
}

/*----------------------------------------
	c-button
----------------------------------------*/
.c-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 32rem;
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
  border: 1px solid #e6e6e6;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.c-button:after {
  content: "";
  position: absolute;
  top: 0;
  right: 2.4rem;
  bottom: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-top: 1px solid var(--color-main);
  border-right: 1px solid var(--color-main);
  margin: auto;
  rotate: 45deg;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.c-button:hover {
  background: #e6e6e6;
}

/*----------------------------------------
	c-product
----------------------------------------*/
.c-product {
  position: relative;
}
.c-product__wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.c-product__item {
  height: auto;
  min-width: 0;
}
.c-product__list {
  min-width: 0;
}
.c-product .js-product-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  height: auto;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .c-product .js-product-column {
    gap: 2.4rem;
  }
}
.c-product__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  height: 100%;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .c-product__link {
    gap: 1.2rem;
  }
}
.c-product__link:active .c-product__img .swiper-slide img, .c-product__link.is-pressed .c-product__img .swiper-slide img {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.c-product__link .swiper-scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.3rem;
  border-radius: 0;
}
.c-product__img {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  min-width: 0;
  background-color: var(--bg-white);
}
.c-product__img .swiper {
  width: 100%;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
}
.c-product__img .swiper-wrapper {
  height: 100% !important;
  min-width: 0;
}
.c-product__img .swiper-slide {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  height: 100% !important;
  min-width: 0;
}
.c-product__img .swiper-slide img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.18s ease-out;
  transition: -webkit-transform 0.18s ease-out;
  transition: transform 0.18s ease-out;
  transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
}
.c-product__img span {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
  color: #666;
  background: rgba(var(--rgb-product-label), var(--alpha-product-label));
  padding: 0.4rem 0.8rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .c-product__img span {
    font-size: 1.2rem;
  }
}
.c-product__img-wrapper {
  position: relative;
}
.c-product__img-wrapper .swiper-scrollbar {
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  width: 100%;
  height: 0.3rem;
  border-radius: 0;
}
.c-product__img-wrapper .swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.3);
}
.c-product__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.2rem;
  padding: 0 1.6rem;
  font-size: 1.8rem;
  font-family: var(--font-ja);
  line-height: 1;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-product__content {
    padding: 0 0.4rem;
    font-size: 1rem;
    gap: 0.8rem;
  }
}
.c-product__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  font-size: 1.8rem;
  font-family: var(--font-ja);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .c-product__name {
    font-size: 1.3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-product__birthstone-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
  margin: auto;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-product__birthstone-txt {
    font-size: 1.3rem;
  }
}
.c-product__birthstone-txt:hover {
  opacity: 0.7;
}
.c-product__birthstone-txt .icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: #2c241e;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .c-product__birthstone-txt .icon {
    width: 1rem;
    height: 1rem;
  }
}
.c-product__birthstone-txt .icon:before, .c-product__birthstone-txt .icon:after {
  content: "";
  position: absolute;
  width: 0.7rem;
  height: 0.1rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .c-product__birthstone-txt .icon:before, .c-product__birthstone-txt .icon:after {
    width: 0.5rem;
  }
}
.c-product__birthstone-txt .icon:after {
  rotate: 90deg;
}
.c-product__button, .c-product__ctrl {
  display: none;
}
.c-product__button .swiper-button-prev,
.c-product__button .swiper-button-next {
  top: 32%;
  width: 4rem;
  height: 4rem;
  background: #f2f2f2;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .c-product__button .swiper-button-prev,
  .c-product__button .swiper-button-next {
    top: 46%;
  }
}
.c-product__button .swiper-button-prev:before,
.c-product__button .swiper-button-next:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 1rem;
  height: 1rem;
  border-top: 0.2rem solid var(--color-main);
  border-right: 0.2rem solid var(--color-main);
  margin: auto;
}
.c-product__button .swiper-button-prev svg,
.c-product__button .swiper-button-next svg {
  display: none;
}
.c-product__button .swiper-button-prev {
  left: 1.6rem;
}
.c-product__button .swiper-button-prev:before {
  left: 0.4rem;
  rotate: 225deg;
}
.c-product__button .swiper-button-next {
  right: 1.6rem;
}
.c-product__button .swiper-button-next:before {
  right: 0.4rem;
  rotate: 45deg;
}
.c-product__ctrl {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.6rem;
  width: 72%;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .c-product__ctrl {
    padding: 0 0 0 3.2rem;
  }
}
.c-product__ctrl .swiper-scrollbar {
  position: static;
  width: 100%;
}
.c-product__ctrl .swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.3);
}
.c-product__ctrl .swiper-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-product__ctrl .swiper-scroll {
  font-size: 1.4rem;
}
.c-product__ctrl .swiper-pagination {
  position: static;
  width: auto;
  font-size: 1.4rem;
}
.c-product.is-border .c-product__img {
  border: 1px solid rgb(230, 230, 230);
}
.c-product:not(.is-slide) {
  overflow: visible;
}
.c-product:not(.is-slide) .c-product__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3.2rem;
  -webkit-transform: none !important;
          transform: none !important;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__wrapper {
    gap: 2.4rem;
  }
}
.c-product:not(.is-slide) .c-product__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 34.5rem));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(100%, 139.2rem);
  margin: 0 auto;
  gap: 3.2rem 0.4rem;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 2.4rem 0.4rem;
  }
}
.c-product:not(.is-slide) .c-product__list-top {
  grid-template-columns: repeat(2, minmax(0, 34.5rem));
  width: 100%;
  max-width: 69.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list-top {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }
}
.c-product:not(.is-slide) .c-product__list-top .c-product__item:first-child {
  grid-column: 1/-1;
  justify-self: center;
  width: 34.5rem !important;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list-top .c-product__item:first-child {
    width: calc((100% - 0.4rem) / 2) !important;
  }
}
.c-product:not(.is-slide) .c-product__list-birthstone {
  grid-template-columns: repeat(2, minmax(0, 34.5rem));
  width: 100%;
  max-width: 69.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list-birthstone {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: none;
  }
}
.c-product:not(.is-slide) .c-product__list-bottom {
  width: 100%;
  max-width: 104.3rem;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .c-product:not(.is-slide) .c-product__list-bottom {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .c-product:not(.is-slide) .c-product__list-bottom .c-product__item {
    grid-column: span 2;
  }
  .c-product:not(.is-slide) .c-product__list-bottom .c-product__item:nth-child(1), .c-product:not(.is-slide) .c-product__list-bottom .c-product__item:nth-child(3) {
    grid-column: 2/span 2;
  }
  .c-product:not(.is-slide) .c-product__list-bottom .c-product__item:nth-child(2), .c-product:not(.is-slide) .c-product__list-bottom .c-product__item:nth-child(4) {
    grid-column: 4/span 2;
  }
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list-bottom .c-product__item:last-child {
    grid-column: 1/-1;
    justify-self: center;
    width: calc((100% - 0.4rem) / 2) !important;
  }
}
.c-product:not(.is-slide) .c-product__item {
  width: auto !important;
  margin: 0 !important;
}
.c-product:not(.is-slide) .c-product__item.pooh-piglet {
  position: relative;
}
.c-product:not(.is-slide) .c-product__item.pooh-piglet::after {
  position: absolute;
  content: "";
  width: 17.1rem;
  height: 21.4rem;
  background: url(../img/pooh-piglet.svg) no-repeat center/contain;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -19rem;
  z-index: 50;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__item.pooh-piglet::after {
    width: 9rem;
    height: 9.56rem;
    top: -8.5rem;
  }
}
.c-product:not(.is-slide) .c-product__item.tigger {
  position: relative;
}
.c-product:not(.is-slide) .c-product__item.tigger::after {
  position: absolute;
  content: "";
  width: 15.4rem;
  height: 20.8rem;
  background: url(../img/tigger.svg) no-repeat center/contain;
  left: -5.4rem;
  top: -17rem;
  z-index: 50;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__item.tigger::after {
    width: 8.1rem;
    height: 9.8rem;
    top: -8rem;
    left: 1.5rem;
  }
}
.c-product:not(.is-slide) .c-product__item.eeyore {
  position: relative;
}
.c-product:not(.is-slide) .c-product__item.eeyore::after {
  position: absolute;
  content: "";
  width: 21.4rem;
  height: 15.2rem;
  background: url(../img/eeyore.svg) no-repeat center/contain;
  right: -8rem;
  top: -12rem;
  z-index: 50;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__item.eeyore::after {
    width: 9.8rem;
    height: 7.8rem;
    top: -5.8rem;
    right: 0.8rem;
  }
}
.c-product:not(.is-slide) .c-product__list.is-item-few {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(75% - 0.6rem);
  gap: 0.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list.is-item-few {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 2.4rem;
  }
}
.c-product:not(.is-slide) .c-product__list.is-item-few .c-product__item {
  width: auto !important;
}
.c-product:not(.is-slide) .c-product__list.is-item-double {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list.is-item-double {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
  }
}
.c-product:not(.is-slide) .c-product__list.is-item-single {
  grid-template-columns: minmax(0, 1fr);
  width: calc(37.5% - 0.3rem);
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list.is-item-single {
    width: 100%;
    grid-template-columns: calc((100% - 0.4rem) / 2);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .c-product:not(.is-slide) .c-product__list.is-item-single .c-product__item {
    width: 100% !important;
  }
}
.c-product.is-slide {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-product.is-slide {
    padding: 0 3.2rem 0 0;
  }
}
.c-product.is-slide:not(.swiper-initialized) > .c-product__wrapper {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-auto-columns: calc((100% - 7.2rem) / 4);
  gap: 3.2rem 2.4rem;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .c-product.is-slide:not(.swiper-initialized) > .c-product__wrapper {
    grid-auto-columns: calc((100% - 1.6rem) / 2);
    gap: 2.4rem 1.6rem;
  }
}
.c-product.is-slide:not(.swiper-initialized) .c-product__item {
  width: auto !important;
  margin: 0 !important;
}
.c-product.is-slide.swiper-initialized > .c-product__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  overflow: visible;
}
.c-product.is-slide .c-product__button {
  display: block;
}
.c-product.is-slide .c-product__ctrl {
  display: none;
}
.c-product.is-slide.is-ctrl-active .c-product__ctrl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*----------------------------------------
	p-pooh-mv
----------------------------------------*/
.p-pooh-mv a {
  position: relative;
  display: block;
}
.p-pooh-mv a picture img {
  -webkit-transition: -webkit-transform 0.18s ease-out;
  transition: -webkit-transform 0.18s ease-out;
  transition: transform 0.18s ease-out;
  transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;
}
.p-pooh-mv a:active picture img, .p-pooh-mv a.is-pressed picture img {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.p-pooh-mv a .u-animation-tap-guide {
  left: 4rem;
  bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-mv a .u-animation-tap-guide {
    left: 3.2rem;
    bottom: 16rem;
  }
}
.p-pooh-mv a .copyright {
  position: absolute;
  left: 1.5rem;
  bottom: 3rem;
  width: 42rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-mv a .copyright {
    width: 21rem;
    bottom: 1rem;
    left: 1rem;
  }
}

/*----------------------------------------
	p-pooh-lead
----------------------------------------*/
.p-pooh-lead {
  text-align: center;
  font-size: 2.2rem;
  line-height: 2.2727272727;
  letter-spacing: 0.03em;
  font-family: var(--font-ja);
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-lead {
    font-size: 1.3rem;
    line-height: 2.2307692308;
    margin-top: 3rem;
  }
}

/*----------------------------------------
	p-product
----------------------------------------*/
.p-product__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-product__section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-product__head {
  width: 32rem;
  background: var(--bg-product-head);
  color: var(--color-product-head);
}
@media screen and (max-width: 767px) {
  .p-product__head {
    width: auto;
    color: var(--color-main);
    background: none;
  }
}
.p-product__head-inner {
  position: sticky;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  top: 0;
  left: 0;
  padding: 16rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-product__head-inner {
    position: static;
    padding: 4rem 2.4rem;
    gap: 1.2rem;
  }
}
.p-product__head-heading {
  font-size: 3.2rem;
  font-family: var(--font-en), var(--font-ja-hiragino);
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-product__head-heading.is-sp-left {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-product__head-heading.is-sp-center {
    text-align: center;
  }
}
.p-product__head-txt {
  font-size: 1.4rem;
  font-family: var(--font-ja);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-product__head-txt {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-product__head-txt.is-sp-left {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-product__head-txt.is-sp-center {
    text-align: center;
  }
}
.p-product__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 32rem);
  padding: 0 0 8rem;
}
@media screen and (max-width: 767px) {
  .p-product__main {
    width: auto;
    padding: 0 0 4rem;
  }
}
.p-product__main-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8rem;
}
@media screen and (max-width: 767px) {
  .p-product__main-category {
    gap: 4rem;
  }
}
.p-product__main-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
  padding: 4rem 0 0;
}
@media screen and (max-width: 767px) {
  .p-product__main-item {
    padding: 0;
    gap: 2.4rem;
  }
}
.p-product__main-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  padding: 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-product__main-title {
    padding: 2.4rem 2.4rem 0;
    gap: 1.2rem;
  }
}
.p-product__main-heading {
  font-size: 3.2rem;
  font-family: var(--font-en), var(--font-ja-hiragino);
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-product__main-heading {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .p-product__main-heading.is-sp-left {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-product__main-heading.is-sp-center {
    text-align: center;
  }
}
.p-product__main-txt {
  font-size: 1.4rem;
  font-family: var(--font-ja);
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-product__main-txt {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-product__main-txt.is-sp-left {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .p-product__main-txt.is-sp-center {
    text-align: center;
  }
}
.p-product__main-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 4rem;
}
@media screen and (max-width: 767px) {
  .p-product__main-button {
    padding: 0 2.4rem;
  }
}
.p-product__top {
  margin-top: 25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-product__top {
    margin-top: 12.5rem;
  }
}
.p-product__top::before {
  position: absolute;
  content: "";
  width: 20.7rem;
  height: 20.7rem;
  background: url(../img/decoration01.svg) no-repeat center center/contain;
  top: -4.5rem;
  left: calc(50% + 46rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-product__top::before {
    display: none;
  }
}
.p-product__birthstone {
  margin-top: 19rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-product__birthstone {
    margin-top: 9rem;
  }
}
.p-product__birthstone h2 {
  font-family: var(--font-en);
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .p-product__birthstone h2 {
    font-size: 1.35rem;
  }
}
.p-product__birthstone .birthstone__img {
  width: 55rem;
  margin: 2rem auto 7.4rem;
}
@media screen and (max-width: 767px) {
  .p-product__birthstone .birthstone__img {
    width: 29.3rem;
    margin: 1rem auto 4rem;
  }
}
.p-product__birthstone::before {
  content: "";
  position: absolute;
  width: 15.5rem;
  height: 6.3rem;
  background: url(../img/bee.svg) no-repeat center center/contain;
  top: -11rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-product__birthstone::before {
    width: 8.3rem;
    height: 3.35rem;
    top: -6rem;
  }
}
.p-product__birthstone::after {
  position: absolute;
  content: "";
  width: 20.7rem;
  height: 20.7rem;
  background: url(../img/decoration01.svg) no-repeat center center/contain;
  top: 47.5rem;
  left: calc(50% - 52rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-product__birthstone::after {
    display: none;
  }
}
.p-product__bottom {
  margin-top: 19rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-product__bottom {
    margin-top: 9rem;
  }
}
.p-product__bottom::before {
  content: "";
  position: absolute;
  width: 15.5rem;
  height: 6.3rem;
  background: url(../img/bee.svg) no-repeat center center/contain;
  top: -11rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-product__bottom::before {
    width: 8.3rem;
    height: 3.35rem;
    top: -6rem;
  }
}
.p-product__bottom::after {
  position: absolute;
  content: "";
  width: 20.7rem;
  height: 20.7rem;
  background: url(../img/decoration01.svg) no-repeat center center/contain;
  top: 29.4rem;
  left: calc(50% + 52rem);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-product__bottom::after {
    display: none;
  }
}

/*----------------------------------------
	p-pooh-case
----------------------------------------*/
.p-pooh-case__top {
  margin: 20rem auto 0;
  width: 63.7rem;
  background: #fff;
  padding: 9rem 0 3rem;
  text-align: center;
  border-radius: 2rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top {
    margin-top: 11rem;
    width: 34rem;
    padding: 4.5rem 0 1.5rem;
  }
}
.p-pooh-case__top h2 {
  position: relative;
  font-family: var(--font-en);
  font-size: 4.1rem;
  letter-spacing: 0.04em;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top h2 {
    font-size: 2.2rem;
  }
}
.p-pooh-case__top .case__sub {
  position: relative;
  margin-top: 2.4rem;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__sub {
    margin-top: 1rem;
    font-size: 1.3rem;
  }
}
.p-pooh-case__top .case__img {
  position: relative;
  margin: 14rem auto 0;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__img {
    margin-top: 8rem;
  }
}
.p-pooh-case__top .case__copyright {
  position: absolute;
  width: 27rem;
  left: 18rem;
  bottom: 26rem;
  z-index: 20;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__copyright {
    width: 13.1rem;
    bottom: 13.7rem;
    left: 9.4rem;
  }
}
.p-pooh-case__top .case__text {
  position: relative;
  font-size: 2.2rem;
  line-height: 1.6818181818;
  letter-spacing: 0.05em;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__text {
    margin-top: 0rem;
    font-size: 1.2rem;
    line-height: 1.6666666667;
  }
}
.p-pooh-case__top .case__note {
  position: relative;
  margin-top: 4.78rem;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__note {
    margin-top: 3.4rem;
    font-size: 0.9rem;
  }
}
.p-pooh-case__top .case__decoration01 {
  position: absolute;
  width: 20.7rem;
  bottom: 22.3rem;
  right: 0.5rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__decoration01 {
    width: 11rem;
    bottom: 12rem;
    right: 0.2rem;
  }
}
.p-pooh-case__top .case__decoration02 {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1;
}
.p-pooh-case__top .case__decoration03 {
  position: absolute;
  width: 27rem;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__decoration03 {
    width: 14.5rem;
  }
}
.p-pooh-case__top .case__decoration-bee {
  position: absolute;
  width: 13rem;
  top: 18rem;
  left: 2rem;
  z-index: 20;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__top .case__decoration-bee {
    width: 6.9rem;
    top: 7.7rem;
    left: 1rem;
  }
}
.p-pooh-case__bottom {
  position: relative;
  background: #fac449;
  width: 63.7rem;
  border-radius: 2rem;
  text-align: center;
  margin: 7rem auto 0;
  padding: 10rem 4rem 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom {
    margin-top: 3.5rem;
    width: 34rem;
    padding: 5.2rem 2rem 3.5rem;
    gap: 4rem;
  }
}
.p-pooh-case__bottom h3 {
  position: relative;
  z-index: 10;
  font-size: 2.8rem;
  letter-spacing: 0.05em;
  padding-bottom: 2rem;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom h3 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }
}
.p-pooh-case__bottom .note {
  position: relative;
  z-index: 10;
  font-size: 1.7rem;
  letter-spacing: 0.04em;
  line-height: 1.5562130178;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .note {
    font-size: 0.9rem;
    line-height: 1.5555555556;
  }
}
.p-pooh-case__bottom .order__text {
  position: relative;
  z-index: 10;
  font-size: 2.6rem;
  line-height: 1.8076923077;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .order__text {
    font-size: 1.2rem;
    line-height: 2.0833333333;
  }
}
.p-pooh-case__bottom .order__text .sm {
  font-size: 2.1rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .order__text .sm {
    font-size: 1.1rem;
  }
}
.p-pooh-case__bottom .online-order h3 {
  margin-bottom: 3.4rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .online-order h3 {
    margin-bottom: 1.7rem;
  }
}
.p-pooh-case__bottom .online-order .second {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .online-order .second {
    margin-top: 2.2rem;
  }
}
.p-pooh-case__bottom .shop-order h3 {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .shop-order h3 {
    margin-bottom: 1rem;
  }
}
.p-pooh-case__bottom .shop-order .shop-order__top {
  font-size: 1.9rem;
  line-height: 1.3989361702;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .shop-order .shop-order__top {
    font-size: 1rem;
    line-height: 1.4;
  }
}
.p-pooh-case__bottom .shop-order .first {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .shop-order .first {
    margin-top: 2.5rem;
  }
}
.p-pooh-case__bottom .shop-order .second {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .shop-order .second {
    margin-top: 2.2rem;
  }
}
.p-pooh-case__bottom .shop-order .shop-order__note {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .shop-order .shop-order__note {
    margin-top: 1.5rem;
  }
}
.p-pooh-case__bottom .case__decoration04 {
  position: absolute;
  width: 54.8rem;
  top: 13.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .case__decoration04 {
    width: 29.15rem;
    top: 7.5rem;
  }
}
.p-pooh-case__bottom .case__decoration05 {
  position: absolute;
  width: 54.8rem;
  bottom: 8.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .case__decoration05 {
    width: 29.15rem;
    bottom: 4.85rem;
  }
}
.p-pooh-case__bottom .case__decoration-bee {
  position: absolute;
  width: 13rem;
  bottom: -15.2rem;
  left: 2.3rem;
  z-index: 20;
}
@media screen and (max-width: 767px) {
  .p-pooh-case__bottom .case__decoration-bee {
    width: 6.9rem;
    bottom: -6.75rem;
    left: 1.25rem;
  }
}

/*----------------------------------------
	page-top
----------------------------------------*/
.page-top {
  padding: 5.7rem 0 15rem;
}
@media screen and (max-width: 767px) {
  .page-top {
    padding: 1.75rem 0 6rem;
  }
}
.page-top a {
  display: block;
  width: 9.2rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .page-top a {
    width: 4.85rem;
  }
}

/*----------------------------------------
	copyright__bottom
----------------------------------------*/
.copyright__bottom {
  padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .copyright__bottom {
    padding-bottom: 3rem;
  }
}
.copyright__bottom img {
  width: 44.6rem;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .copyright__bottom img {
    width: 24rem;
  }
}

/*----------------------------------------
	p-modal
----------------------------------------*/
.p-modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8rem;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .p-modal {
    padding: 12rem 2.4rem 2.4rem;
  }
}
.p-modal a {
  pointer-events: none;
}
.p-modal .c-product__name {
  color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-modal .c-product__name {
    font-size: 1rem;
  }
}
.p-modal .c-product__name span {
  color: #fff;
}
.p-modal .c-product__name span:last-child {
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-modal .c-product__name span:last-child {
    font-size: 1rem;
  }
}
.p-modal.is-active {
  opacity: 1;
  visibility: visible;
}
.p-modal.is-active a {
  pointer-events: auto;
}
.p-modal__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: rgba(82, 85, 84, 0.75);
  padding: 8rem 0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .p-modal__container {
    padding: 10rem 2.4rem 2.4rem;
  }
}
.p-modal__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.4rem;
  max-width: 87rem;
  width: 100%;
  margin: auto;
}
.p-modal__heading {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #fff;
}
.p-modal__close {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
  top: 2.4rem;
  right: 2.4rem;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-modal__close {
    gap: 0.4rem;
    top: 1.6rem;
    right: 1.6rem;
    font-size: 1.2rem;
  }
}
.p-modal__close span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
}
@media screen and (max-width: 767px) {
  .p-modal__close span {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.p-modal__close span:before, .p-modal__close span:after {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 2px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-modal__close span:before, .p-modal__close span:after {
    width: 2rem;
  }
}
.p-modal__close span:before {
  rotate: 45deg;
}
.p-modal__close span:after {
  rotate: -45deg;
}
.p-modal__content {
  width: 100%;
}
.p-modal.birthstone .p-modal__heading {
  font-family: var(--font-en);
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-modal.birthstone .p-modal__heading {
    font-size: 1.35rem;
  }
}
.p-modal.birthstone .p-modal__heading span {
  font-family: var(--font-ja);
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .p-modal.birthstone .p-modal__heading span {
    font-size: 1rem;
  }
}
.p-modal.birthstone .p-modal__heading-img {
  width: 80%;
  margin: 0 auto;
}/*# sourceMappingURL=pooh.css.map */