@charset "UTF-8";
html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

main {
  min-height: 1px;
}

footer {
  padding: 30px 0;
}

body {
  border: 2px #a9a07f solid;
  overflow-x: hidden;
  font-family: "dnp-shuei-mincho-pr6n", "plantin", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", sans-serif, serif;
  font-size: 16px;
  color: #000000;
  background-color: #000;
  background-size: contain;
}
@media (max-width: 575px) {
  body {
    background-size: 142%;
    background-position: 0px 99%;
  }
}

p {
  line-height: 1.6;
  color: #fff;
}

a {
  text-decoration: underline;
  color: #1a0dab;
}
a:hover {
  text-decoration: none;
  opacity: 0.8;
  color: #1a0dab;
}
a.btn {
  text-decoration: none;
}

:focus,
button:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  border: none;
}

ul {
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  overflow-wrap: break-word;
  margin: 0;
}

.container {
  width: 96%;
  max-width: 1110px;
  padding-left: 0;
  padding-right: 0;
}

h1 {
  padding: 0;
  margin: 0;
}

h2 {
  color: #a89670;
  font-size: 30px;
  font-weight: bold;
  border-bottom: 1px solid #676665;
  border-top: 1px solid #676665;
  padding: 10px 0px 20px;
  font-weight: 500;
  background-image: radial-gradient(at 50% 240%, rgb(119, 112, 85), rgba(119, 112, 85, 0));
  text-align: center;
}
@media (max-width: 575px) {
  h2 {
    font-size: 18px;
    padding-bottom: 10px;
  }
}

@media (min-width: 575px) {
  .box-img {
    width: 85%;
  }
}

.goodsbox {
  padding-top: 20px;
  padding-bottom: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(2%, rgba(35, 33, 30, 0.4392156863))), -webkit-gradient(linear, left top, right top, from(rgba(39, 32, 13, 0.8588235294)), color-stop(14%, #120f04), color-stop(50%, rgb(0, 0, 0)), color-stop(86%, #120f04), to(rgba(39, 32, 13, 0.8588235294)));
  background: linear-gradient(to bottom, #000000 0%, rgba(35, 33, 30, 0.4392156863) 2%), linear-gradient(90deg, rgba(39, 32, 13, 0.8588235294) 0%, #120f04 14%, rgb(0, 0, 0) 50%, #120f04 86%, rgba(39, 32, 13, 0.8588235294) 100%);
  background-size: 100%;
}

.area-goods {
  padding: 48px;
  margin-top: 80px;
}
@media (max-width: 575px) {
  .area-goods {
    margin-top: 40px;
    padding: 24px 0px;
  }
}

.box-goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .box-goods {
    display: block;
    margin-top: 20px;
  }
}
.box-goods .photo-goods {
  width: 48%;
  max-width: 440px;
}
@media (max-width: 767px) {
  .box-goods .photo-goods {
    width: 100%;
    max-width: 100%;
  }
}
.box-goods .text-goods {
  width: 50%;
  max-width: 520px;
}
.box-goods .text-goods p {
  color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .box-goods .text-goods {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }
}
@media (max-width: 575px) {
  .box-goods .text-goods p {
    font-size: 14px;
  }
}
.box-goods dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  text-align: left;
  margin: 20px auto 0;
}
@media (max-width: 575px) {
  .box-goods dl {
    display: block;
    margin: 20px auto 10px auto;
  }
}
.box-goods dl dt {
  width: 20%;
  max-width: 65px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  background: #898164;
  padding: 2px 0px 4px;
}
@media (max-width: 575px) {
  .box-goods dl dt {
    font-size: 14px;
    padding: 6px;
  }
}
.box-goods dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  color: #d0d0d0;
  min-height: 43px;
  font-size: 14px;
  line-height: 1.4;
  padding: 0 0 0 10px;
  margin: 6px 0;
}
@media (min-width: 767px) {
  .box-goods dl dd {
    font-size: 17px;
  }
}
@media (max-width: 575px) {
  .box-goods dl dd {
    display: block;
    width: 100%;
    min-height: 100%;
    padding: 0 0 5px 0;
    margin: 8px 0 12px 0;
  }
}
.box-goods .button-goods {
  margin-top: 48px;
}
@media (max-width: 575px) {
  .box-goods .button-goods {
    margin-top: 24px;
  }
}
.box-goods .button-goods .button-cart a,
.box-goods .button-goods .button-detail a {
  display: block;
  font-size: 22px;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  padding: 20px 20px 18px;
}
@media (max-width: 575px) {
  .box-goods .button-goods .button-cart a,
  .box-goods .button-goods .button-detail a {
    font-size: 16px;
    padding: 10px 10px 8px;
  }
}
.box-goods .button-goods .button-cart a {
  color: #CCB792;
  background-image: radial-gradient(at 50% 25%, rgb(62, 44, 14), rgb(24, 17, 6));
  border: 2px solid #655942;
}
.box-goods .button-goods .button-cart a::before {
  content: "";
  position: relative;
  top: -1px;
  display: inline-block;
  width: 34px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%23CCB792" d="M295.249-115.615q-23.682 0-39.658-16.415-15.976-16.414-15.976-40.413 0-23.999 16.179-40.201 16.178-16.202 39.846-16.202 23.668 0 40.052 16.414 16.385 16.415 16.385 40.414 0 23.999-16.414 40.201-16.415 16.202-40.414 16.202Zm375.385 0q-23.682 0-39.658-16.415Q615-148.444 615-172.443q0-23.999 16.178-40.201 16.179-16.202 39.847-16.202 23.667 0 40.052 16.414 16.385 16.415 16.385 40.414 0 23.999-16.415 40.201-16.414 16.202-40.413 16.202ZM230.385-749.461l113.077 237.23h268.769q6.923 0 12.692-3.461 5.769-3.462 8.846-9.616l111.923-202.615q4.616-8.462.77-15-3.847-6.538-13.077-6.538h-503Zm-16.154-30.77h520.556q26.068 0 39.218 21.385 13.149 21.384 1.149 43.923L664.277-512.48q-8.969 14.172-22.682 22.596-13.714 8.423-29.052 8.423H324l-54.462 100.154q-5.384 9.23 0 19.999 5.385 10.77 16.923 10.77h441.001v30.769H290.846q-33.538 0-48.577-24.154-15.038-24.154.115-52.231l64.77-116.461-150.462-316.616H84.846V-860h91.615l37.77 79.769Zm129.231 268h283.384-283.384Z" /></svg>');
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media (max-width: 575px) {
  .box-goods .button-goods .button-cart a::before {
    width: 26px;
    height: 26px;
  }
}
.box-goods .button-goods .button-detail a {
  color: #d1d1d1;
  background: rgba(255, 255, 255, 0.1215686275);
  border: 1px solid #d1d1d1;
  margin-top: 20px;
}
.box-goods .button-goods .button-detail a::before {
  content: "";
  position: relative;
  top: -3px;
  display: inline-block;
  width: 34px;
  height: 32px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960"><path fill="%23ffffff" d="M339.769-264.615h280.462v-30.77H339.769v30.77Zm0-164.616h280.462V-460H339.769v30.769ZM255.384-120q-23.057 0-39.221-16.163Q200-152.327 200-175.384v-609.232q0-23.057 16.163-39.221Q232.327-840 255.384-840h334.077L760-669.461v494.077q0 23.057-16.163 39.221Q727.673-120 704.616-120H255.384Zm318.693-535.538v-153.693H255.384q-9.23 0-16.923 7.692-7.692 7.693-7.692 16.923v609.232q0 9.23 7.692 16.923 7.693 7.692 16.923 7.692h449.232q9.23 0 16.923-7.692 7.692-7.693 7.692-16.923v-480.154H574.077ZM230.769-809.231v153.693-153.693 658.462-658.462Z" /></svg>');
  background-repeat: no-repeat;
  vertical-align: middle;
}
@media (max-width: 575px) {
  .box-goods .button-goods .button-detail a::before {
    width: 26px;
    height: 26px;
  }
}

.slider-area {
  position: relative;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .slider-area {
    max-width: 100%;
  }
}
.slider-area .slider-thumbnail {
  position: relative;
}
.slider-area .slider-thumbnail img {
  display: block;
  margin: 4px 0 0;
  border: 2px solid #0a0a0a;
}

.slick-arrow {
  position: absolute;
  top: calc(50% - 1rem);
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  z-index: 1;
}
.slick-arrow img {
  display: block;
  margin: 8px;
}
.slick-arrow.slick-prev {
  left: 8px;
  background: url(../img/button-prev.png) no-repeat;
  background-size: 30px auto;
}
.slick-arrow.slick-next {
  right: 8px;
  background: url(../img/button-next.png) no-repeat;
  background-size: 30px auto;
}

.slider-thumbnail .slick-track {
  -webkit-transform: unset !important;
          transform: unset !important;
  width: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.slider-thumbnail .slick-slide {
  display: block !important;
  float: none !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  cursor: pointer;
}

.slider-thumbnail .slick-current {
  border: 2px solid #ba0000 !important;
}

.slider {
  display: none;
}

.slider.slick-initialized {
  display: block; /*slick-initializedが付与されたら表示*/
}

footer {
  border-top: 1px solid #626262;
  background-color: #000000;
}
footer .link-pageup {
  position: fixed;
  position: fixed;
  z-index: 1;
  right: 28px;
  bottom: 20px;
  font-size: 40px;
  color: #ffffff;
  text-decoration: none;
}
@media (max-width: 991px) {
  footer .link-pageup {
    right: 10px;
    bottom: 10px;
  }
}
footer .link-pageup:hover {
  color: #666666;
}
footer .copyright {
  display: block;
  text-align: center;
  color: #898989;
  line-height: 1em;
  font-family: Arial;
  letter-spacing: 0;
}

.material-symbols-outlined {
  color: #000;
  background: rgba(255, 255, 255, 0.7882352941);
  border-radius: 30px;
  padding: 10px;
}

.area-mainvisual {
  text-align: center;
  background-color: #000;
  background-repeat: repeat;
  background-position: center top;
  padding: 0px;
}
@media (max-width: 575px) {
  .area-mainvisual {
    background: none;
    padding: 0;
  }
}