@charset "UTF-8";
/* 製品情報 */
body.product-template-default.single {
  scroll-behavior: smooth;
}

.taxonomy.product-type {
  color: #333;
  pointer-events: none;
}

.cat-item__title {
  font-size: 1.6666666667em;
}
.cat-item__title::first-letter {
  text-transform: uppercase;
}

.product-box {
  width: 71.625em;
  max-width: 100%;
  margin-top: 2em;
  margin-right: auto;
  margin-left: auto;
  padding: 3.125em 2.8125em;
  background-image: url(../../images/bg_wall_light.png);
}
.product-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product-img {
  width: 25.4375em;
  max-width: 100%;
  height: 18.125em;
  margin-right: 2em;
  overflow: hidden;
}

.product-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product-title {
  font-size: 1.5em;
  font-weight: bold;
}
.product-title a {
  color: #000;
}
a.product-title a {
  color: #000;
  text-decoration: none;
}

.product_number {
  display: inline-block;
  min-width: 12.4285714286em;
  margin-top: 0.7142857143em;
  padding: 0.425em;
  background-color: #fff;
  color: #333;
  font-size: 0.875em;
  text-align: center;
}

.product_text {
  margin-top: 1.5625em;
  line-height: 1.75;
}

.btn-wrap {
  margin-top: 1.875em;
}

.product-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.1875em;
  height: 3.9375em;
  background-color: #333333;
  text-align: center;
}
a.product-btn {
  text-decoration: none;
}

.product-btn__inner {
  color: #fff;
}

.purchase-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.625em;
  height: 3.9375em;
  margin-left: 1em;
  background-color: #796a56;
  text-align: center;
}
a.purchase-btn {
  text-decoration: none;
}
.purchase-btn__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.purchase-btn__inner::after {
  display: block;
  width: 1.25em;
  height: 1.25em;
  margin-left: 1em;
  background-image: url(../../images/icon_outer.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.purchase-btn--sgl {
  width: 100%;
  margin-left: 0;
  border: 1px solid #796a56;
  background-color: #fff;
}
.purchase-btn--sgl:hover {
  background-color: #eeeeef;
}
.purchase-btn--sgl .purchase-btn__inner {
  color: #796a56;
}
.purchase-btn--sgl .purchase-btn__inner::after {
  margin-left: 3em;
  background-image: url(../../images/icon_outer_gold.png);
}

/* 詳細ページ */
.detail-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1000px;
  margin: 3.125em auto 0;
  list-style-type: none;
}

.detail-item {
  width: 31.33%;
  min-height: 5em;
  margin: 0.5em 1%;
  border: 1px solid #000;
  text-align: center;
}

.detail-item__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 1.5em;
}
a.detail-item__link {
  color: #000;
  text-decoration: none;
}
.detail-item__link::after {
  -webkit-transform: translateX(-50%);
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1.625em;
  height: 1.625em;
  transform: translateX(-50%);
  background-color: #000;
  background-image: url(../../images/down_arrow.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.detail-item__link--primary {
  padding: 1em 0.5em;
  font-size: 0.9375em;
  word-break: keep-all;
}

.product-image {
  max-width: 100%;
}

.product-item__image {
  width: 38.8125em;
  max-width: 100%;
  margin-right: 1.25em;
  padding: 0 1.5em;
}

.product-item {
  padding-right: 0.625em;
  padding-left: 0.625em;
}

.product-item__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em;
}

.product-item__cat {
  display: inline-block;
  padding: 0.75em 1em;
  background-color: #f7f7f7;
  font-size: 0.875em;
}
a.product-item__cat {
  text-decoration: none;
}

.product-item__cat-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #000;
}
.product-item__cat--slug {
  display: block;
  margin-right: 1em;
}
.product-item__cat--slug::first-letter {
  text-transform: uppercase;
}

.product-item__title {
  margin-top: 0.6666666667em;
  font-size: 1.875em;
  font-weight: bold;
}

.product-item__id {
  margin-top: 1.4285714286em;
  color: #333;
  font-size: 0.875em;
}

.product-item__text {
  margin-top: 2.5em;
  color: #333;
  line-height: 2;
}

.youtube-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5em;
  padding: 0.125em 0.375em;
  border: 1px solid #000;
}
a.youtube-link {
  text-decoration: none;
}

.youtube-link__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.youtube-link__text--sm {
  display: block;
  color: #000;
  font-size: 0.875em;
  text-align: center;
}
.youtube-link__text--lg {
  display: block;
  margin-top: 0.8474576271em;
  color: #333;
  font-size: 1.10625em;
  font-weight: bold;
  text-align: center;
}

.feature-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding-right: 3.75em;
  padding-left: 3.75em;
}

.feature-info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.feature-text {
  line-height: 2;
}

.specification-subtitle {
  position: relative;
  margin-bottom: 2.1875em;
  padding-bottom: 1em;
  text-align: center;
}
.specification-subtitle::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #796a56;
  content: "";
}
.specification-subtitle::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #796a56;
  content: "";
}

.specification-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
.specification-item:not(:first-of-type) {
  margin-top: 1.25em;
}
.specification-item dt {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 12.625em;
  margin-right: 1em;
  padding: 0.625em;
  background-image: url(../../images/bg_wall_light.png);
  text-align: center;
}
.specification-item dd {
  min-width: 44.1875em;
  padding: 0.625em;
  border-bottom: 2px solid #d5d5d6;
}

.information-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  width: 63.125em;
  max-width: 100%;
  margin-top: 2.1875em;
  margin-right: auto;
  margin-left: auto;
  padding: 3.125em 3.75em;
  background-image: url(../../images/bg_wall_light.png);
}

.information-list-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.25em;
  border-radius: 6px;
  background-color: #fff;
}
.information-list-item + .information-list-item {
  margin-top: 2em;
}
.information-list-item__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  gap: 0 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #333;
  text-align: center;
}
.information-list-item__inner::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.information-list-item__inner.manual::before {
  display: block;
  width: 3.6875em;
  height: 3.6875em;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../../images/manual.webp);
}
.information-list-item__inner.software::before {
  display: block;
  width: 3.6875em;
  height: 3.6875em;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../../images/software.webp);
}
.information-list-item__inner.movie::before {
  display: block;
  width: 3.6875em;
  height: 3.6875em;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../../images/movie.webp);
}

.option-list {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90%;
  max-width: 80em;
  margin-right: auto;
  margin-left: auto;
}

.option-item {
  width: 45%;
  max-width: 520px;
}
.option-item:nth-of-type(n+3) {
  margin-top: 6em;
}

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

.option-title {
  margin-top: 0.5555555556em;
  color: #333;
  font-size: 1.125em;
}

.option-id {
  display: inline-block;
  margin-top: 1.5714285714em;
  padding: 0.5em;
  background-color: #eeeeef;
  color: #333;
  font-size: 0.875em;
  text-align: center;
}

.option-available {
  font-size: 0.875em;
}

/* slick */
.gallery-thumbnail {
  width: 38.8125em;
  max-width: 100%;
  margin: 1em 0;
  padding: 0;
}
.gallery-thumbnail .slick-list {
  margin-right: -1em;
  margin-left: -1em;
  padding: 0 !important;
}
.gallery-thumbnail .slick-slide {
  margin: 0 1em;
}
.gallery-thumbnail .slick-slide .thumbnail-item {
  width: 100%;
}
.gallery-thumbnail .slick-slide:hover {
  opacity: 0.8;
}

.slick-next:before, .slick-prev:before {
  color: #000 !important;
}

.slick-dots {
  bottom: -1.5625em !important;
  margin: auto !important;
}
.slick-dots li {
  width: 1.25em !important;
  height: 1.25em !important;
}
.slick-dots button {
  width: 1.25em !important;
  height: 1.25em !important;
}
.slick-dots button::before {
  width: 1.25em !important;
  height: 1.25em !important;
  line-height: normal !important;
}

.gallery {
  width: 38.8125em;
  max-width: 100%;
}

.feature-image {
  width: 32em;
  max-width: 100%;
  height: 22.75em;
  margin-right: 1.25em;
  padding: 0;
  overflow: hidden;
}

/* コンバージョン */
.product-conversion {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 5.625em;
}

.product-conversion-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25.625em;
  padding: 1.5625em 1.25em;
  color: #fff;
  text-align: center;
}
a.product-conversion-btn {
  color: #fff;
  text-decoration: none;
}

.product-conversion-btn:not(:last-of-type) {
  margin-right: 2.5em;
}
.product-conversion-btn_inner {
  color: #fff;
  font-size: 1.1875em;
}
.product-conversion-btn--contact {
  background-color: #717071;
}
.product-conversion-btn--store {
  background-color: #796a56;
}
.product-conversion-btn--store .product-conversion-btn__inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-conversion-btn--store .product-conversion-btn__inner::after {
  display: block;
  width: 1.25em;
  height: 1.25em;
  margin-left: 3em;
  background-image: url(../../images/icon_outer.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

/* 購入サイトボタン */
.purchase-box {
  margin-top: 2.8125em;
  padding: 1em;
  background-color: #fff;
}

.purchase-box__title {
  padding-left: 0.5em;
  font-size: 1.25em;
}

.purchase-wrap {
  -ms-flex-wrap: wrap;
  gap: 0.625em 0.875em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.875em;
}

.site-item {
  width: 11.5625em;
  max-width: 100%;
  padding: 1em;
}
a.site-item {
  text-decoration: none;
}
.site-item--official {
  background-color: #796a56;
}
.site-item--amazon {
  background-color: #3e3a39;
}
.site-item--yahoo {
  background-color: #a40d23;
}
.site-item__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 1em;
}
.site-item__inner::after {
  width: 1.25em;
  height: 1.25em;
  background-image: url(../../images/icon_outer.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.purchase-detail-box {
  width: 65.3125em;
  max-width: 100%;
  margin-top: 4.0625em;
  margin-right: auto;
  margin-left: auto;
  padding: 1em 1.5em;
  background-image: url(../../images/bg_primary.png);
}
.purchase-detail-box.side-space {
  width: 100%;
  padding: 1em;
}
.purchase-detail-box.side-space .purchase-detail-item {
  width: 30.8%;
  padding: 0.8em 0.5em;
}
.purchase-detail-box.side-space .purchase-detail-wrap {
  gap: 1em;
  padding: 1em;
}
.purchase-detail-box.side-space .purchase-detail-item__inner {
  font-size: 1.1em;
}

.purchase-detail__title {
  font-size: 1.25em;
  text-align: center;
}

.purchase-detail-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  gap: 1.25em 3.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.125em;
  padding: 1.875em;
  background-color: #fff;
}

.purchase-detail-item {
  width: 16.25em;
  padding: 1.875em;
}
a.purchase-detail-item {
  text-decoration: none;
}
.purchase-detail-item--official {
  background-color: #796a56;
}
.purchase-detail-item--amazon {
  background-color: #3e3a39;
}
.purchase-detail-item--yahoo {
  background-color: #a40d23;
}
.purchase-detail-item__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 0.5em;
  color: #fff;
  font-size: 1.25em;
}
.purchase-detail-item__inner::after {
  width: 1.2em;
  height: 1.2em;
  background-image: url(../../images/icon_outer.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.faq__item + .faq__item {
  margin-top: 5em;
}

.faq__q {
  display: block;
  z-index: 1;
  position: relative;
  width: 100%;
  margin-top: 1em;
  padding: 0.8em 1.2em 0.9em 2.6em;
  background-image: url(../../images/bg_wall_light.png);
  font-size: 1.3em;
  font-weight: bold;
  text-align: left;
}
.faq__q[data-anchor] {
  -webkit-transition: 0.2s;
  padding-right: 3em;
  cursor: pointer;
  transition: 0.2s;
}
.faq__q[data-anchor]::after {
  -webkit-transform: translateY(-75%) rotate(45deg);
  z-index: 1;
  position: absolute;
  top: 45%;
  right: 1.2em;
  width: 0.7em;
  height: 0.7em;
  transform: translateY(-75%) rotate(45deg);
  border-right: 2px solid #111;
  border-bottom: 2px solid #111;
  content: "";
}
.faq__q[data-anchor]:hover {
  opacity: 0.8;
}
.faq__q::before {
  z-index: 1;
  position: absolute;
  top: 0.8em;
  left: 1.2em;
  content: "Q.";
}

.faq__a {
  z-index: 1;
  position: relative;
  margin-top: 1.5em;
  padding: 0 3.6em;
}
.faq__a::before {
  z-index: 1;
  position: absolute;
  top: -0.25em;
  left: 1.25em;
  font-size: 1.3em;
  font-weight: bold;
  content: "A.";
}

.faq__detail {
  margin-top: 2em;
  padding: 0 3.6em;
}

@media screen and (max-width: 1900px) {
  /* 製品情報 */
}

@media screen and (max-width: 1540px) {
  /* 製品情報 */
}

@media screen and (max-width: 1260px) {
  /* 製品情報 */
}

@media screen and (max-width: 1100px) {
  /* 製品情報 */
  .product-img {
    width: 40%;
  }
  .purchase-btn--sgl .purchase-btn__inner::after {
    margin-left: 2em;
  }
  .product-item__image {
    width: 27.1875em;
  }
  .gallery-thumbnail {
    width: 27.1875em;
  }
  .slick-dots {
    font-size: 0.5em !important;
  }
  .gallery {
    width: 27.1875em;
  }
}

@media screen and (max-width: 840px) {
  /* 製品情報 */
  .btn-wrap {
    display: block;
  }
  .purchase-btn {
    margin-top: 2em;
    margin-left: 0;
  }
  .purchase-btn--sgl {
    font-size: 1.4vw;
  }
  .detail-list {
    font-size: 1.4vw;
  }
  .detail-item__link {
    font-size: 0.875em;
  }
  .youtube-link {
    display: block;
  }
  .youtube-link__text--sm {
    font-size: 1.125em;
  }
  .youtube-link__text--lg {
    margin-top: 0.25em;
    font-size: 1.25em;
  }
  .youtube-link__text {
    padding: 0.625em;
  }
  .youtube-link__image {
    display: block;
    width: 100%;
    margin-top: 1.25em;
  }
  .youtube-link__image img {
    width: 100%;
  }
  .feature-box {
    padding-right: 1.875em;
    padding-left: 1.875em;
  }
  .specification-item dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: unset;
  }
  .feature-image {
    width: 24em;
    height: 18.1875em;
  }
  .site-item {
    width: 48%;
  }
  .purchase-detail-box.side-space .purchase-detail-item {
    width: 47%;
  }
  .purchase-detail-box.side-space .purchase-detail-item__inner {
    font-size: 1em;
  }
  .purchase-detail-wrap {
    gap: 1.25em 1.875em;
  }
  .purchase-detail-item {
    width: 30%;
  }
}

@media screen and (max-width: 480px) {
  /* 製品情報 */
  .product-box {
    padding: 3.125em 1.5em;
  }
  .product-box__inner {
    display: block;
  }
  .product-img {
    width: 100%;
    margin-right: 0;
  }
  .purchase-btn--sgl {
    font-size: inherit;
  }
  .detail-list {
    font-size: inherit;
  }
  .detail-item {
    width: 48%;
    margin: 0.4em 1%;
  }
  .detail-item__link--primary {
    word-break: initial;
  }
  .product-item__image {
    width: 100%;
    margin-right: 0;
  }
  .product-item {
    display: block;
  }
  .product-item__info {
    margin-top: 1.25em;
  }
  .feature-box {
    display: block;
    padding-right: 0.9375em;
    padding-left: 0.9375em;
  }
  .feature-info {
    margin-top: 1.25em;
  }
  .specification-item dt {
    min-width: 9.375em;
  }
  .information-list {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding: 1.25em;
  }
  .information-list-item {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .information-list-item:not(:first-of-type) {
    margin-top: 1.25em;
  }
  .information-list-item__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 1em 0;
    flex-direction: column;
    text-align: left;
  }
  .option-list {
    display: block;
    padding-right: 0.625em;
    padding-left: 0.625em;
  }
  .option-item {
    width: 100%;
  }
  .option-item:not(:first-of-type) {
    margin-top: 6em;
  }
  .gallery {
    width: 100%;
  }
  .feature-image {
    width: 100%;
    margin-right: 0;
  }
  .product-conversion {
    display: block;
    margin-top: 3.75em;
  }
  .product-conversion-btn:not(:last-of-type) {
    margin-right: auto;
  }
  .product-conversion-btn {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
  }
  .product-conversion-btn:not(:first-of-type) {
    margin-top: 1.875em;
  }
  .site-item {
    width: 30.8%;
    padding: 1em 0.5em;
  }
  .site-item__inner::after {
    font-size: 0.8em;
  }
  .purchase-detail-box.side-space .purchase-detail-item {
    width: 30%;
  }
  .purchase-detail-box.side-space .purchase-detail-item__inner {
    padding-left: 0;
    font-size: 0.9em;
  }
  .purchase-detail-item {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
  .faq__a {
    padding-right: 0;
  }
  .faq__detail {
    padding: 0;
  }
}