@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300&display=swap");
a img {
  opacity: 1 !important;
}

a {
  transition: all 0.3s;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.7;
  }
}

.wrapper {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .wrapper {
    width: 92%;
  }
}

.img-wrap {
  width: fit-content;
}
.img-wrap img {
  width: 100%;
}

.flex {
  display: flex;
}

.pcB {
  display: block !important;
}
@media screen and (max-width: 768px) {
  .pcB {
    display: none !important;
  }
}

.spB {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spB {
    display: block !important;
  }
}

.pcIB {
  display: inline-block !important;
}
@media screen and (max-width: 768px) {
  .pcIB {
    display: none !important;
  }
}

.spIB {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spIB {
    display: inline-block !important;
  }
}

.pcF {
  display: flex !important;
}
@media screen and (max-width: 768px) {
  .pcF {
    display: none !important;
  }
}

.spF {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .spF {
    display: flex !important;
  }
}

html {
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}
html *,
html ::before,
html ::after {
  border-width: 0;
  border-style: solid;
  box-sizing: border-box;
}
html body {
  margin: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing: 0.06em;
  font-feature-settings: "palt";
}
html body main {
  display: block;
}
html body p,
html body table,
html body blockquote,
html body address,
html body pre,
html body iframe,
html body form,
html body figure,
html body dl {
  margin: 0;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}
html body ul,
html body ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
html body dt {
  font-weight: bold;
}
html body dd {
  margin-left: 0;
}
html body hr {
  clear: both;
  height: 0;
  overflow: visible;
  margin: 0;
  border-top-width: 1px;
  color: inherit;
  box-sizing: content-box;
}
html body address {
  font-style: inherit;
}
html body a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}
html body b,
html body strong {
  font-weight: bolder;
}
html body small {
  font-size: 100%;
}
html body sub,
html body sup {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
  font-size: 75%;
}
html body sub {
  bottom: -0.25em;
}
html body sup {
  top: -0.5em;
}
html body svg,
html body img,
html body embed,
html body object,
html body iframe {
  vertical-align: bottom;
}
html body button,
html body input,
html body optgroup,
html body select,
html body textarea {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: inherit;
  text-transform: inherit;
  -webkit-appearance: none;
  appearance: none;
}
html body [type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
html body [type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}
html body button,
html body [type=button],
html body [type=reset],
html body [type=submit] {
  cursor: pointer;
}
html body button:disabled,
html body [type=button]:disabled,
html body [type=reset]:disabled,
html body [type=submit]:disabled {
  cursor: default;
}
html body :-moz-focusring {
  outline: auto;
}
html body select:disabled {
  opacity: inherit;
}
html body option {
  padding: 0;
}
html body fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
}
html body progress {
  vertical-align: baseline;
}
html body textarea {
  overflow: auto;
}
html body [type=number]::-webkit-inner-spin-button,
html body [type=number]::-webkit-outer-spin-button {
  height: auto;
}
html body [type=search] {
  outline-offset: -2px;
}
html body [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
html body ::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
html body label[for] {
  cursor: pointer;
}
html body details {
  display: block;
}
html body summary {
  display: list-item;
}
html body [contenteditable]:focus {
  outline: auto;
}
html body table {
  border-color: inherit;
  border-collapse: collapse;
}
html body caption {
  text-align: left;
}
html body td,
html body th {
  vertical-align: top;
  padding: 0;
}
html body th {
  font-weight: bold;
  text-align: left;
}

:root {
  --black: #000;
  --spc: #7d3d3d;
  --b2: #454041;
  --white: #fff;
}

*[data-scroll=fade-up] {
  transform: translateY(30px);
  opacity: 0;
}
@media screen and (max-width: 768px) {
  *[data-scroll=fade-up] {
    transform: translateY(0);
  }
}
*.fade-up {
  animation: fadeup 2s forwards;
}
@media screen and (max-width: 768px) {
  *.fade-up {
    animation: fadeup 1.5s forwards;
  }
}
@keyframes fadeup {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.yuami_header02 {
  display: none;
}

html body #js-topBtn {
  position: absolute;
  bottom: 0;
  z-index: 10000;
  transition: opacity 0.3s, visibility 0.3s, transform 0s, bottom 0s, position 0s;
  transform: translateY(50%);
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1450px) {
  html body #js-topBtn {
    left: auto !important;
    right: 20px;
  }
}
@media screen and (max-width: 1450px) and (max-width: 768px) {
  html body #js-topBtn {
    right: 4.5%;
  }
}
html body #js-topBtn.is-scroll {
  position: fixed;
  bottom: 10px;
  transform: translateY(0);
}
html body #js-topBtn.fadeDisp {
  opacity: 1;
  visibility: visible;
}
html body .buy-btn {
  position: fixed;
  bottom: 3px;
  z-index: 10000;
  width: 128px;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
html body .buy-btn.is-scroll {
  opacity: 1;
  visibility: visible;
}
@media (hover: hover) {
  html body .buy-btn.is-scroll:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 1450px) {
  html body .buy-btn {
    left: auto !important;
    right: 80px;
  }
}
@media screen and (max-width: 1450px) and (max-width: 768px) {
  html body .buy-btn {
    top: auto;
    bottom: 7px;
    width: 280px;
    translate: 0;
    left: 50% !important;
    translate: -50%;
  }
}
@media screen and (max-width: 1450px) and (max-width: 768px) and (max-width: 500px) {
  html body .buy-btn {
    left: 10px !important;
    translate: 0;
  }
}
html body .img-content {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  html body .img-content {
    width: 100%;
  }
}
html body .video-content {
  width: 90%;
  max-width: 1000px;
  margin: 11.3% auto 0;
}
@media screen and (max-width: 768px) {
  html body .video-content {
    width: 100%;
  }
}
html body .video-content video {
  width: 100%;
}
html body .space {
  padding: 11.3% 0 19.3%;
}
@media screen and (max-width: 768px) {
  html body .space {
    padding-bottom: 125px;
  }
}
html body .space__inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
html body .space__inner .title {
  margin: 0 auto 30px;
  width: 20%;
}
@media screen and (max-width: 768px) {
  html body .space__inner .title {
    width: 160px;
  }
}
html body .space__inner .lineup {
  font-size: 22px;
  width: fit-content;
  margin: 0 auto;
  padding: 1.5% 5%;
  border-top: #635442 solid 4px;
  border-bottom: #635442 solid 4px;
  position: relative;
  letter-spacing: 0.183em;
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  margin-bottom: 67px;
}
@media screen and (max-width: 1000px) {
  html body .space__inner .lineup {
    font-size: clamp(1.063rem, 0.028rem + 2.16vw, 1.375rem);
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  html body .space__inner .lineup {
    border-top: #635442 solid 3px;
    font-size: 13px;
    border-bottom: #635442 solid 3px;
    margin-bottom: 40px;
  }
}
html body .space__inner .lineup::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #635442;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup::before {
    top: 3px;
  }
}
html body .space__inner .lineup::after {
  content: "";
  position: absolute;
  bottom: 7px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #635442;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup::after {
    bottom: 3px;
  }
}
html body .space__inner .lineup-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 110px;
}
@media screen and (max-width: 1000px) {
  html body .space__inner .lineup-list {
    row-gap: clamp(3.75rem, -6.595rem + 21.55vw, 6.875rem);
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  html body .space__inner .lineup-list {
    flex-direction: column;
    gap: 60px;
  }
}
html body .space__inner .lineup-list li {
  width: 47%;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup-list li {
    width: 100%;
  }
}
html body .space__inner .lineup-list li .container {
  position: relative;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup-list li .container {
    width: 76%;
    margin: 0 auto;
  }
}
html body .space__inner .lineup-list li .container .swiper .swiper-wrapper .swiper-slide .img-wrap {
  height: auto;
  width: 100%;
  aspect-ratio: 470/329;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup-list li .container .swiper .swiper-wrapper .swiper-slide .img-wrap {
    aspect-ratio: 570/400;
  }
}
html body .space__inner .lineup-list li .container .swiper .swiper-wrapper .swiper-slide .img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
html body .space__inner .lineup-list li .container .swiper .swiper-wrapper .swiper-slide .anno {
  margin-top: 5px;
  letter-spacing: 0.183em;
  font-size: 11px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup-list li .container .swiper .swiper-wrapper .swiper-slide .anno {
    margin-bottom: 0;
  }
}
html body .space__inner .lineup-list li .container .swiper-pagination-horizontal {
  bottom: -20px;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup-list li .container .swiper-pagination-horizontal {
    bottom: -25px;
  }
}
html body .space__inner .lineup-list li .container .swiper-pagination-horizontal .swiper-pagenation-bullet {
  background: #96c2c0;
}
html body .space__inner .lineup-list li .price-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: solid 1px #f4f3f3;
  border-radius: 30px;
  padding: 5px 20px;
  margin-bottom: 15px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  html body .space__inner .lineup-list li .price-area {
    padding-top: 15px;
    margin-top: 20px;
    padding-bottom: 0;
    gap: 10px;
    border: none;
    flex-direction: column;
  }
}
html body .space__inner .lineup-list li .price-area .name {
  font-size: 18px;
  font-family: "Noto Serif JP", serif;
  line-height: 1.5;
  letter-spacing: 0.183em;
}
@media screen and (max-width: 1000px) {
  html body .space__inner .lineup-list li .price-area .name {
    font-size: clamp(0.875rem, 0.047rem + 1.72vw, 1.125rem);
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  html body .space__inner .lineup-list li .price-area .name {
    font-size: 16px;
  }
}
html body .space__inner .lineup-list li .price-area .name span {
  font-size: 14px;
}
@media screen and (max-width: 1000px) {
  html body .space__inner .lineup-list li .price-area .name span {
    font-size: clamp(0.75rem, 0.336rem + 0.86vw, 0.875rem);
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  html body .space__inner .lineup-list li .price-area .name span {
    font-size: 12px;
  }
}
html body .space__inner .lineup-list li .price-area .price {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1000px) {
  html body .space__inner .lineup-list li .price-area .price {
    font-size: clamp(0.875rem, 0.461rem + 0.86vw, 1rem);
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  html body .space__inner .lineup-list li .price-area .price {
    font-size: 14px;
  }
}
html body .space__inner .lineup-list li .btn-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
html body .space__inner .lineup-list li .btn-list li {
  width: calc(33.3% - 8px);
}
html body #bread-crumb {
  display: none !important;
}
html body #main-column {
  margin-bottom: 0 !important;
}
html body #page-top {
  display: none !important;
}
html body .yuami_footer_section01 {
  display: none !important;
}
html body .yuami_footer_section02 {
  display: none !important;
}
html body .yuami_footer_section03 {
  display: none !important;
}

/*# sourceMappingURL=style.css.map */