/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./app_prime1studio_ec/cartridges/app_prime1studio_ec/cartridge/client/default/scss/base.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./app_prime1studio_ec/cartridges/app_prime1studio_ec/cartridge/client/default/scss/base.scss (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
  display: none;
}

body {
  line-height: 1;
}

menu,
ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.information-details-content-wrapper button.button-back img, .product-content .product-content-tag-list li a img, .not-found-content-wrapper button.button-back img, .reset-password-content-wrapper button.button-back img, .myaccount__nav-list li a img, .mfp-close.mfp-close--custom img, .cmn-header__navigation-sp__nav-list li a img,
.cmn-header__navigation-sp__nav-list li span img, .button-text img, .button-icon img, .button-change img, .button-gray img {
  filter: invert(34%) sepia(51%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(81%);
}
@media all and (min-width: 992px) {
  .information-details-content-wrapper button.button-back img, .product-content .product-content-tag-list li a img, .not-found-content-wrapper button.button-back img, .reset-password-content-wrapper button.button-back img, .myaccount__nav-list li a img, .mfp-close.mfp-close--custom img, .cmn-header__navigation-sp__nav-list li a img,
  .cmn-header__navigation-sp__nav-list li span img, .button-text img, .button-icon img, .button-change img, .button-gray img {
    transition: 0.3s;
  }
}
@media all and (min-width: 992px) {
  .information-details-content-wrapper button.button-back, .product-content .product-content-tag-list li a, .not-found-content-wrapper button.button-back, .reset-password-content-wrapper button.button-back, .myaccount__nav-list li a, .mfp-close.mfp-close--custom, .cmn-header__navigation-sp__nav-list li a,
  .cmn-header__navigation-sp__nav-list li span, .button-text, .button-icon, .button-change, .button-gray {
    transition: 0.3s;
  }
  .information-details-content-wrapper button.button-back:hover img, .product-content .product-content-tag-list li a:hover img, .not-found-content-wrapper button.button-back:hover img, .reset-password-content-wrapper button.button-back:hover img, .myaccount__nav-list li a:hover img, .mfp-close.mfp-close--custom:hover img, .cmn-header__navigation-sp__nav-list li a:hover img,
  .cmn-header__navigation-sp__nav-list li span:hover img, .button-text:hover img, .button-icon:hover img, .button-change:hover img, .button-gray:hover img {
    filter: none;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
body {
  min-height: 100vh;
  font-family: "Roboto", "Noto Sans JP", -apple-system, "Hiragino Sans", "BIZ UDPGothic", "Meiryo", "Arial", sans-serif;
  font-weight: 400;
  color: #666;
}
@media screen and (max-width: 991px) {
  body {
    font-size: 4.2666666667vw;
    line-height: 1.375;
  }
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}

body.noScroll {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
@supports (height: 100svh) {
  body.noScroll {
    height: 100svh;
  }
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}
a {
  color: inherit;
  text-decoration: none;
}
@media all and (min-width: 992px) {
  a {
    transition: 0.3s;
  }
  a:hover {
    color: #000;
    text-decoration: underline;
  }
  a:hover img {
    opacity: 0.7;
  }
  a img {
    transition: 0.3s;
  }
}

input[type=text] {
  border-radius: 0;
}

@media screen and (max-width: 991px) {
  .pcOnly {
    display: none !important;
  }
}

@media all and (min-width: 992px) {
  .spOnly {
    display: none !important;
  }
}

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

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.cmn-content-main {
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
}

.cmn-content-main-content {
  position: relative;
  padding-bottom: 150px;
}
@media screen and (max-width: 991px) {
  .cmn-content-main-content {
    padding-bottom: 26.6666666667%;
  }
}
.cmn-content-main-content-checkout {
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1240px;
}
@media screen and (max-width: 991px) {
  .cmn-content-main-content-checkout {
    padding-left: 5.3333333333%;
    padding-right: 5.3333333333%;
  }
}

body.header-is-fixed .cmn-content-is-padding {
  padding-top: 80px;
}
@media screen and (max-width: 991px) {
  body.header-is-fixed .cmn-content-is-padding {
    padding-top: 60px;
  }
}

.breadcrumbs {
  margin: 18px 0 30px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .breadcrumbs {
    margin: 19px 0;
    font-size: 3.2vw;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .breadcrumbs {
    font-size: 2.0833333333vw;
    line-height: 1;
  }
}
.breadcrumbs li {
  position: relative;
  float: left;
  margin-right: 14px;
  display: inline-table;
}
@media screen and (max-width: 991px) {
  .breadcrumbs li {
    margin-right: 18px;
  }
}
.breadcrumbs li::after {
  content: "|";
  position: absolute;
  color: #ddd;
  top: 0;
  right: -9px;
}
.breadcrumbs li:last-child {
  margin-right: 0;
}
.breadcrumbs li:last-child::after {
  display: none;
}
.breadcrumbs--narrow {
  margin: 10px 0 10px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .breadcrumbs--narrow {
    margin: 5px 0;
    font-size: 3.2vw;
    line-height: 1.3333333333;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .breadcrumbs--narrow {
    font-size: 2.0833333333vw;
    line-height: 1;
  }
}
.breadcrumbs--narrow li {
  position: relative;
  float: left;
  margin-right: 14px;
}
@media screen and (max-width: 991px) {
  .breadcrumbs--narrow li {
    margin-right: 18px;
  }
}
.breadcrumbs--narrow li::after {
  content: "|";
  position: absolute;
  color: #ddd;
  top: 0;
  right: -9px;
}
.breadcrumbs--narrow li:last-child {
  margin-right: 0;
}
.breadcrumbs--narrow li:last-child::after {
  display: none;
}

.table-basic th,
.table-basic td {
  padding: 8px 15px;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  border: 1px solid #ddd;
}
@media screen and (max-width: 991px) {
  .table-basic th,
  .table-basic td {
    font-size: 3.7333333333vw;
    line-height: 1.3571428571;
  }
}
.table-basic th {
  font-weight: 700;
  color: #000;
  background-color: #ebebeb;
}
.table-basic .col-text-center {
  text-align: center;
}
.table-basic .col-text-left {
  text-align: left;
}
.table-basic .col-text-right {
  text-align: right;
}
.table-basic .vertical-middle {
  vertical-align: middle;
}

.time-container {
  background: #c9171e;
  padding: 5px 10px;
  margin-top: 10px;
  line-height: 0 !important;
  border-radius: 6px;
}

.time-container > span {
  color: #eaedf7 !important;
  font-size: 1rem !important;
}

.time-container > .time {
  display: inline-flex !important;
}

.time-container > .time > .time-container-pdp-datetime {
  display: grid !important;
  width: 40px;
  font-family: fantasy;
}

.time-container-pdp-text {
  font-size: 1rem;
  transform: scale(1.2, 1.5);
  width: 60px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.cart__product-list-article-detail-status.product-counter {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-status.product-counter {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cart__product-list-article-detail-status.product-counter span.status-label, .cart__product-list-article-detail-status.product-counter .time-container2 {
  display: flex;
}
.cart__product-list-article-detail-status.product-counter .time-container2 span.price-off-message, .cart__product-list-article-detail-status.product-counter .time-container2 span.time {
  font-size: inherit !important;
  color: inherit !important;
  padding-top: 0 !important;
  margin-top: 5px;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-status.product-counter .time-container2 {
    display: initial;
  }
  .cart__product-list-article-detail-status.product-counter .time-container2 .time#day-content {
    margin-left: 0 !important;
  }
  .cart__product-list-article-detail-status.product-counter .time-container2 span.price-off-message {
    display: inline-block !important;
  }
}

.pdp-datetime-text {
  font-family: auto !important;
  font-size: 0.5rem;
}

.product-counter.block-margin {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.time-container2 {
  padding: 0;
}

.time-container2 > span {
  font-size: 0.7rem !important;
  border-bottom: 2px solid red;
}

.time-container2 > .time {
  margin-left: -5px;
}

.current-price {
  margin-right: 20px;
}

.priceoff-percent {
  white-space: nowrap;
  margin-left: 0 !important;
}

.jsCardFadeIn {
  opacity: 0;
  transition: opacity 0.6s ease-out;
}
.jsCardFadeIn a {
  transform: translateY(150px);
  transition: transform 0.6s ease-out;
}
@media screen and (max-width: 991px) {
  .jsCardFadeIn a {
    transform: translateY(40px);
  }
}
@media print {
  .jsCardFadeIn {
    opacity: 1;
  }
  .jsCardFadeIn a {
    transform: none;
  }
}
.jsCardFadeIn.is-active {
  opacity: 1;
}
.jsCardFadeIn.is-active a {
  transform: translateY(0);
}

.jsCardFadeInNews {
  opacity: 0;
  transform: translateY(150px);
}
@media screen and (max-width: 991px) {
  .jsCardFadeInNews {
    transform: translateY(40px);
  }
}
@media print {
  .jsCardFadeInNews {
    opacity: 1;
    transform: none;
  }
}
.jsCardFadeInNews.is-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.card-mask {
  position: relative;
}
.card-mask__bg {
  position: relative;
  overflow: hidden;
}
@media all and (min-width: 992px) {
  .card-mask__bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
}
@media all and (min-width: 992px) {
  .card-mask:hover .card-mask__bg::before {
    opacity: 1;
    transform: translateY(0);
  }
}

.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  width: 100%;
  height: 148px;
  padding: 20px 0 30px;
  background: #f1f1f1;
  box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  transition: all 0.3s;
  z-index: 10;
}
@media screen and (max-width: 991px) {
  .cookie {
    min-height: 238px;
    height: auto;
  }
}
.cookie__content {
  display: flex;
  width: 850px;
}
@media screen and (max-width: 991px) {
  .cookie__content {
    flex-direction: column;
    width: 89.33vw;
  }
}
.cookie__content__text {
  flex-basis: 700px;
  padding-right: 30px;
}
@media screen and (max-width: 991px) {
  .cookie__content__text {
    flex-basis: initial;
    padding: 0 0 18px 0;
  }
}
.cookie__content__title {
  color: #000;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .cookie__content__title {
    font-size: 4.8vw;
    line-height: 1.1666666667;
  }
}
.cookie__content__description {
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .cookie__content__description {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.cookie__content__button {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .cookie__content__button {
    width: 89.33vw;
    flex-direction: row;
    gap: 11px;
  }
}
.cookie__content__button > .button-basic {
  flex-basis: 120px;
  min-width: 120px;
}
@media screen and (max-width: 991px) {
  .cookie__content__button > .button-basic {
    min-width: initial;
    flex: 1 0 162px;
  }
}

.cookie-button {
  position: fixed;
  bottom: 12px;
  left: 12px;
  padding: 10px;
  background: #e1f542;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  z-index: 10;
}

.custom-select {
  display: flex;
  align-items: center;
}
.custom-select-form {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .custom-select-form {
    width: 80px;
    height: 44px;
  }
}
.custom-select-form::after {
  position: absolute;
  content: "";
  margin-top: -3px;
  width: 11px;
  height: 7px;
  right: 10px;
  top: 50%;
  background: url(../images/common/icon_arrow_pulldown.svg) no-repeat left top;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
}
.custom-select-form.disabled::after {
  background-image: url(../images/common/icon_arrow_pulldown_disabled.png);
}
.custom-select-form > select {
  position: relative;
  padding: 11px 30px 11px 12px;
  min-width: 80px;
  min-height: 44px;
  color: #000;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  font-size: 1rem;
  line-height: 1.1875;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .custom-select-form > select {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.custom-select-form > select:focus {
  border: 1px solid #264064;
}
.custom-select-form > select:disabled {
  color: #acacac;
  background-color: #f9f9f9;
}
.custom-select-form > select.is-invalid {
  border-color: #ff006c;
  background: #ffeff6;
}
.custom-select label {
  margin-right: 15px;
  color: #000;
}

button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  color: #666;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
@media all and (min-width: 992px) {
  button {
    transition: 0.3s;
  }
}
button:disabled {
  color: #F1F1F1;
  background-color: #ACACAC;
  cursor: default;
}

.button-basic {
  padding: 12px 0;
  text-align: center;
  min-width: 230px;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 500;
  color: #fff;
  background-color: #264064;
  border-radius: 6px;
}
@media all and (min-width: 992px) {
  .button-basic:not(:disabled):hover {
    background-color: #667992;
  }
}
@media screen and (max-width: 991px) {
  .button-basic {
    min-width: initial;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.3571428571;
  }
}

.button-gray {
  border-radius: 6px;
  padding: 12px 0;
  text-align: center;
  min-width: 230px;
  font-size: 0.875rem;
  line-height: 1.3571428571;
  font-weight: 500;
  background-color: #f1f1f1;
}
@media all and (min-width: 992px) {
  .button-gray:not(:disabled):hover {
    background-color: #ddd;
    color: #000;
  }
}
@media screen and (max-width: 991px) {
  .button-gray {
    border-radius: 6px;
    min-width: initial;
    padding-left: 54px;
    padding-right: 54px;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.3571428571;
  }
}
.button-gray:disabled {
  color: #cccccc;
  background-color: #f1f1f1;
  cursor: default;
}

.button-change {
  padding: 7px 11px;
  height: 32px;
  line-height: 32px;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
}
@media all and (min-width: 992px) {
  .button-change {
    transition: 0.3s;
  }
  .button-change:hover {
    color: #000;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
  }
}
@media screen and (max-width: 991px) {
  .button-change {
    padding-top: 8px;
    padding-bottom: 8px;
    height: auto;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.button-change img {
  margin-right: 5px;
  display: inline-block;
}

@media all and (min-width: 992px) {
  .button-icon {
    transition: 0.3s;
  }
  .button-icon:hover {
    color: #000;
    background-color: #f1f1f1;
  }
}
.button-icon img {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.button-icon.is-border {
  padding: 13px 15px;
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 500;
  line-height: 1;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
}
@media all and (min-width: 992px) {
  .button-icon.is-border:hover {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
  }
}
@media screen and (max-width: 991px) {
  .button-icon.is-border {
    padding: 3.4666666667% 4%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.button-icon--icon-only img {
  margin-right: 0;
}
@media all and (min-width: 992px) {
  .button-icon--icon-only:hover {
    background-color: transparent;
    border: none;
  }
}

.button-text {
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: 500;
}
@media all and (min-width: 992px) {
  .button-text {
    transition: 0.3s;
  }
  .button-text:hover {
    color: #000;
  }
}
.button-text img {
  margin-right: 3px;
  display: inline-block;
}
@media all and (min-width: 992px) {
  .button-text img {
    transition: 0.3s;
  }
}
@media all and (min-width: 992px) {
  .button-text:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 991px) {
  .button-text {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.button-text--image-right img {
  margin-right: 0;
  margin-left: 7px;
}

.button-image {
  padding: 0;
  line-height: 1;
}
@media all and (min-width: 992px) {
  .button-image {
    transition: 0.3s;
  }
  .button-image:hover {
    opacity: 0.7;
  }
}

.custom-checkbox input[type=checkbox] {
  display: none;
}
.custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #264064;
  border: none;
}
.custom-checkbox input[type=checkbox]:disabled + label {
  color: #ACACAC;
}
.custom-checkbox input[type=checkbox]:disabled + label::before {
  background-color: #F1F1F1;
  border: none;
}
.custom-checkbox input[type=checkbox]:disabled + label::after {
  display: none;
}
.custom-checkbox label {
  position: relative;
  cursor: pointer;
  color: #666;
}
.custom-checkbox label::before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
  vertical-align: middle;
  box-sizing: border-box;
  transition: 0.3s;
}
.custom-checkbox label::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  display: block;
  height: 7px;
  left: 7px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}

.input__text {
  padding: 10px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 0;
  font-size: 1rem;
  line-height: 1.1875;
}
@media screen and (max-width: 991px) {
  .input__text {
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}

.input__search {
  padding: 10px 10px 10px 50px;
  height: 44px;
  line-height: 44px;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
  min-width: 304px;
  font-size: 1rem;
  line-height: 1.1875;
}
.input__search-form {
  position: relative;
}
.input__search-form::before {
  content: "";
  background: url(../images/common/icon_search.svg) no-repeat 50% 50%;
  background-size: contain;
  display: block;
  position: absolute;
  left: 19px;
  top: 13px;
  width: 18px;
  height: 19px;
}
@media screen and (max-width: 991px) {
  .input__search {
    font-size: 4.2666666667vw;
    line-height: 1.1875;
    -webkit-appearance: none;
    border-radius: 0;
    background: #FFFFFF;
  }
}
.input__search:focus {
  border: 1px solid #264064;
}
.input__search:disabled {
  color: #acacac;
  background-color: #f9f9f9;
}

.input__textarea {
  border-radius: 0;
  padding: 13px 15px;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  height: 120px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .input__textarea {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    height: 215px;
  }
}

.input__password {
  padding-right: 36px;
}
.input__password-wrapper {
  position: relative;
}
.input__password-wrapper .toggle-disp-button {
  position: absolute;
  right: 8px;
  top: 8px;
}
.input__password-wrapper .toggle-disp-button img {
  display: none;
}
.input__password-wrapper .toggle-disp-button img.active {
  display: inline;
}

::-moz-placeholder {
  color: #acacac;
}

::placeholder {
  color: #acacac;
}

.is-invalid {
  border-color: #ff006c;
  background: #ffeff6;
}

div.invalid-feedback {
  color: #ff006c;
  display: block;
  font-size: 0.875rem;
  line-height: 2.2857142857;
}
@media screen and (max-width: 991px) {
  div.invalid-feedback {
    font-size: 3.7333333333vw;
    line-height: 2.2857142857;
  }
}

div.success-feedback {
  color: #000;
  display: block;
  font-size: 0.875rem;
  line-height: 2.2857142857;
}
@media screen and (max-width: 991px) {
  div.success-feedback {
    font-size: 3.7333333333vw;
    line-height: 2.2857142857;
  }
}

.filter-bar {
  width: 100%;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
@media screen and (max-width: 991px) {
  .filter-bar {
    margin-top: 20px;
  }
}
.filter__inner {
  position: relative;
  display: flex;
  min-height: 74px;
  align-items: center;
}
@media screen and (max-width: 1080px) {
  .filter__inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .filter__inner {
    align-items: center;
  }
}
.filter__inner::before {
  content: "";
  position: relative;
  min-width: 36px;
  height: 36px;
  background: url(../../../static/images/common/icon_filter.svg) no-repeat;
  background-size: contain;
  margin-right: max(min(2px + 48 * (100vw - 1164px) / 756, 30px), 20px);
}
@media screen and (max-width: 1080px) {
  .filter__inner::before {
    top: 19px;
  }
}
@media screen and (max-width: 991px) {
  .filter__inner::before {
    display: none;
  }
}
.filter__button-sp {
  display: none;
}
@media screen and (max-width: 991px) {
  .filter__button-sp {
    position: relative;
    display: flex;
    align-items: center;
    width: 100px;
    height: 44px;
    color: #000000;
    font-size: 1rem;
    line-height: 1.3125;
    font-weight: var(--font-weight-medium);
    border-radius: 6px;
    border: 1px solid #E8E8E8;
  }
  .filter__button-sp::before {
    content: "";
    position: relative;
    left: 4px;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    background: url(../../../static/images/common/icon_filter.svg) no-repeat;
    background-size: contain;
  }
}

.filter-main {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 74px;
  box-sizing: border-box;
}
@media screen and (max-width: 1080px) {
  .filter-main {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .filter-main {
    flex-direction: row;
    width: 100%;
    padding: 15px 0;
  }
}
.filter-main__list {
  position: relative;
}
@media screen and (max-width: 991px) {
  .filter-main__list {
    display: none;
  }
}
.filter-main__list ul {
  display: flex;
}
.filter-main__list ul li {
  position: relative;
  padding: 26px 0 27px 0;
  box-sizing: border-box;
  font-weight: var(--font-weight-medium);
  font-size: 1rem;
  line-height: 1.3125;
  white-space: nowrap;
  color: #000000;
}
.filter-main__list ul li:not(:last-child) {
  margin-right: max(min(2px + 48 * (100vw - 1224px) / 696, 30px), 20px);
}
@media screen and (max-width: 1080px) {
  .filter-main__list ul li {
    padding-bottom: 22px;
  }
}
.filter-main__list ul li img {
  margin-left: 7px;
  transition: transform 0.3s ease-out;
}
.filter-main__list-selected {
  position: absolute;
  left: 0;
  top: 53px;
  width: 1px;
  height: 2px;
  background-color: #000000;
  transition: all 0.3s ease-out;
  opacity: 0;
}
@media screen and (max-width: 1080px) {
  .filter-main__list-selected {
    top: 50px;
  }
}
@media screen and (max-width: 991px) {
  .filter-main__list-selected {
    display: none;
  }
}
.filter-main__sort {
  position: relative;
  margin-left: auto;
}
@media screen and (max-width: 1080px) {
  .filter-main__sort {
    order: 2;
    position: absolute;
    top: 15px;
    right: 0;
  }
}
@media screen and (max-width: 991px) {
  .filter-main__sort {
    font-size: 1rem;
    line-height: 1;
    position: relative;
    top: 0;
    width: 177px;
    height: 44px;
  }
}
.filter-main__sort::after {
  content: "";
  position: absolute;
  display: block;
  margin-top: -3px;
  top: 50%;
  right: 11px;
  width: 11px;
  height: 7px;
  background: url(../../../static/images/common/icon_arrow_pulldown.svg) no-repeat left top;
  background-size: contain;
}
.filter-main__sort select {
  position: relative;
  padding: 10px 30px 11px 15px;
  min-width: 120px;
  min-height: 44px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  color: #000000;
  font-size: 1rem;
  line-height: 1.3125;
  text-align: left;
  border: 1px solid #E8E8E8;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .filter-main__sort select {
    position: absolute;
    top: 0;
    right: 0;
  }
}

@media screen and (max-width: 991px) {
  .filter-switch + .filter-switch {
    margin-top: 14px;
  }
}
.filter-switch-pc {
  display: flex;
  align-items: center;
  gap: max(min(2px + 48 * (100vw - 1224px) / 696, 30px), 20px);
  margin-left: max(min(2px + 48 * (100vw - 1164px) / 756, 40px), 30px);
}
@media screen and (max-width: 1080px) {
  .filter-switch-pc {
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .filter-switch-pc {
    display: none;
  }
}
.filter-switch-sp {
  display: inline-block;
  padding: 0 0 20px 20px;
}
.filter-switch input[type=checkbox] {
  display: none;
}
.filter-switch input[type=checkbox]:checked + label::before {
  background-color: #264064;
}
.filter-switch input[type=checkbox]:checked + label::after {
  left: 20px;
}
.filter-switch > label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #666666;
  font-size: 1rem;
  line-height: 1.3125;
}
@media screen and (max-width: 991px) {
  .filter-switch > label {
    font-size: 1rem;
    line-height: 1.375;
  }
}
.filter-switch > label::before {
  content: "";
  width: 38px;
  height: 20px;
  display: inline-block;
  background: #E8E8E8;
  border-radius: 10px;
  margin-right: 10px;
  vertical-align: middle;
  box-sizing: border-box;
  transition: background-color 0.2s ease-out;
}
@media screen and (max-width: 991px) {
  .filter-switch > label::before {
    margin-right: 14px;
  }
}
.filter-switch > label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  border-radius: 8px;
  vertical-align: middle;
  background: #FFFFFF;
  transition: left 0.2s ease-out;
}

.filter__menu-pc {
  position: absolute;
  display: none;
  top: 75px;
  left: 0;
  width: 100%;
  height: 314px;
  background: #FFFFFF;
  z-index: 3;
  backface-visibility: hidden;
}
@media screen and (max-width: 1080px) {
  .filter__menu-pc {
    top: 64px;
  }
}
@media print {
  .filter__menu-pc {
    display: none;
  }
}
.filter__menu-pc__inner {
  position: relative;
  display: none;
  padding: 40px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  backface-visibility: hidden;
}
.filter__menu-pc-series, .filter__menu-pc-characters, .filter__menu-pc-availability, .filter__menu-pc-price, .filter__menu-pc-title, .filter__menu-pc-artist, .filter__menu-pc-formats, .filter__menu-pc-title, .filter__menu-pc-collection, .filter__menu-pc-deals, .filter__menu-pc-scale {
  display: none;
}
.filter__menu-pc__keywords {
  position: absolute;
  top: 40px;
  left: calc(50% - 175px);
  height: 74px;
}
.filter__menu-pc__keywords .input__text {
  width: 350px;
}
.filter__menu-pc__list {
  position: absolute;
  top: 40px;
  left: 40px;
  display: flex;
  flex-wrap: wrap;
  max-height: 160px;
  gap: 10px 40px;
  overflow: auto;
}
.filter__menu-pc-series .filter__menu-pc__list, .filter__menu-pc-characters .filter__menu-pc__list, .filter__menu-pc-collection .filter__menu-pc__list {
  top: 114px;
}
.is-scroll-bar .filter__menu-pc__list, .is-scroll-bar .filter__menu-pc__list {
  overflow: scroll;
}
.is-scroll-bar .filter__menu-pc__list::-webkit-scrollbar, .is-scroll-bar .filter__menu-pc__list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.is-scroll-bar .filter__menu-pc__list::-webkit-scrollbar-thumb, .is-scroll-bar .filter__menu-pc__list::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.filter__menu-pc .filter__menu-pc-price .filter__menu-pricerange {
  position: absolute;
  top: 40px;
  left: calc(50% - 186px);
  right: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 10px;
  z-index: 10;
  height: 74px;
}
.filter__menu-pc .filter__menu-pc-price .filter__menu-pricerange__unit {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 0.875rem;
  line-height: 2.5;
}
.filter__menu-pc .filter__menu-pc-price .filter__menu-pricerange input {
  height: 40px;
  max-width: 130px;
  font-size: 1rem;
  line-height: 1.1875;
}
.filter__menu-pc .filter__menu-pc-price .filter__menu-pc__list {
  top: 114px;
}
.filter__menu-pc .filter__menu-pc-price .filter__menu-pc-price .filter__menu-pricerange {
  position: absolute;
  top: 40px;
  left: calc(50% - 186px);
  right: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 10px;
  z-index: 10;
  height: 74px;
}
.filter__menu-pc .filter__menu-pc-price .price-error {
  position: absolute;
  top: 75px;
  left: calc(50% - 186px);
  right: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 10px;
  z-index: 10;
  height: 74px;
}
.filter__menu-pc .filter__menu-pc-price .input__price-error {
  color: #FF006C;
  font-size: 0.875rem;
  line-height: 2.2857142857;
}
@media screen and (max-width: 991px) {
  .filter__menu-pc .filter__menu-pc-price .input__price-error {
    font-size: 3.7333333333vw;
    line-height: 2.2857142857;
  }
}
.filter__menu-pc .filter__menu-pc-price .filter__menu-pc-price .filter__menu-pricerange__unit {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 0.875rem;
  line-height: 2.5;
}
.filter__menu-pc .filter__menu-pc-price .filter__menu-pc-price .filter__menu-pricerange input {
  height: 40px;
  max-width: 130px;
  font-size: 1rem;
  line-height: 1.1875;
}
.filter__menu-pc .filter__menu-pc-price .button-submit {
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #666;
  display: block;
  height: 40px;
  width: 70px;
}

@media all and (min-width: 992px) {
  .filter__menu-sp {
    display: none;
  }
}
@media print {
  .filter__menu-sp {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .filter__menu-sp {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    z-index: 100;
    overflow-y: scroll;
  }
}
.filter__menu-sp__close {
  position: fixed;
  right: 10px;
  top: 12px;
  width: 36px;
  height: 36px;
  z-index: 10;
}
.filter__menu-sp__close > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 2px;
  background-color: #666666;
  transition: transform 0.3s ease-out, left 0.3s ease-out, top 0.3s ease-out;
  transform-origin: center center;
}
.filter__menu-sp__close > div:nth-child(1) {
  transform: rotate(45deg);
  left: 9px;
  top: 17px;
}
.filter__menu-sp__close > div:nth-child(2) {
  transform: rotate(-45deg);
  left: 9px;
  top: 17px;
}
.filter__menu-sp__head {
  position: fixed;
  display: flex;
  align-items: center;
  width: 100%;
  height: 64px;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: var(--font-weight-medium);
  color: #000000;
  background-color: #FFFFFF;
  z-index: 10;
  gap: 10px;
}
.filter__menu-sp__head img {
  margin-left: 10px;
}
.filter__menu-sp-base {
  position: relative;
  padding-top: 94px;
  padding-bottom: 184px;
  overflow-y: scroll;
}
.filter__menu-sp__accordion {
  border-top: 1px solid #E8E8E8;
}
.filter__menu-sp__accordion > li {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 4.2666666667vw;
  line-height: 1;
  font-weight: var(--font-weight-medium);
  color: #000000;
}
.filter__menu-sp__accordion > li > span {
  position: relative;
  display: block;
  padding: 14px 20px 15px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.filter__menu-sp__accordion > li > span img {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  transition: transform 0.3s;
}
.filter__menu-sp__accordion > li > span.active img {
  transform: rotate(180deg);
}
.filter__menu-sp__accordion > li:last-child {
  border-bottom: 1px solid #E8E8E8;
}
.filter__menu-sp__accordion > li + li {
  border-top: 1px solid #E8E8E8;
}
.filter__menu-sp__inner {
  position: relative;
  display: none;
  backface-visibility: hidden;
}
.filter__menu-sp__inner > .accordion-close-area {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
}
.filter__menu-sp__contents {
  padding: 30px 20px;
}
.filter__menu-sp__keywords {
  margin-top: -26px;
  padding-bottom: 30px;
  font-size: 16px;
}
.filter__menu-sp__keywords .input__text {
  width: 100%;
  font-size: 1em;
}
.filter__menu-sp__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.filter__menu-sp .filter__menu-pricerange {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0 10px;
  height: 44px;
  margin-bottom: 15px;
  margin-top: -26px;
  font-size: 4.2666666667vw;
  line-height: 1.1875;
  font-weight: var(--font-weight-regular);
}
.filter__menu-sp .filter__menu-pricerange__unit {
  color: #666666;
  display: flex;
  align-items: center;
  height: 44px;
  font-size: 3.7333333333vw;
  line-height: 2.5;
  font-weight: var(--font-weight-regular);
}
.filter__menu-sp .filter__menu-pricerange input {
  height: 44px;
  max-width: 105px;
  font-size: 4.2666666667vw;
  line-height: 1.1875;
  font-weight: var(--font-weight-regular);
}
.filter__menu-sp .filter__menu-pricerange button {
  font-size: 3.7333333333vw;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-medium);
  height: 44px;
  width: 50px;
}
.filter__menu-sp .filter__menu-pricerange .button-submit {
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  color: #666;
  display: block;
  height: 40px;
  width: 50px;
}
.filter__menu-sp .filter__menu-pricerange .price-error {
  position: absolute;
  top: 50px;
  left: calc(50% - 186px);
  right: auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 0 10px;
  z-index: 10;
  height: 74px;
}
.filter__menu-sp__button-area {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 74px;
  background-color: #F1F1F1;
}
.filter__menu-sp__button-area button {
  width: 41.866vw;
  height: 44px;
  font-size: 3.7333333333vw;
  line-height: 1.3571428571;
  font-weight: var(--font-weight-medium);
  border-radius: 6px;
}
.filter__menu-sp__button-area button:nth-child(1) {
  border: 1px solid #E8E8E8;
  background-color: #FFFFFF;
  margin-right: 20px;
}
.filter__menu-sp__button-area button:nth-child(2) {
  border: 1px solid #264064;
  background-color: #264064;
  color: #FFFFFF;
}

.filter-checkbox {
  width: 310px;
}
@media screen and (max-width: 991px) {
  .filter-checkbox {
    width: 100%;
  }
}
.filter-checkbox > input[type=checkbox] {
  display: none;
}
.filter-checkbox > input[type=checkbox]:checked + label::before {
  background-color: #264064;
  border: none;
}
.filter-checkbox > input[type=checkbox]:disabled + label {
  color: #ACACAC;
}
.filter-checkbox > input[type=checkbox]:disabled + label::before {
  background-color: #F1F1F1;
  border: none;
}
.filter-checkbox > input[type=checkbox]:disabled + label::after {
  display: none;
}
.filter-checkbox > label {
  position: relative;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  color: #666;
}
.filter-checkbox > label::before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #ddd;
  vertical-align: middle;
  box-sizing: border-box;
  transition: background-color 0.3s, border 0.3s;
}
.filter-checkbox > label::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  display: block;
  height: 7px;
  left: 7px;
  position: absolute;
  top: 5px;
  transform: rotate(45deg);
  width: 5px;
}
.filter-checkbox > label > span {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 30px);
  font-size: 1rem;
  line-height: 1.375;
  font-weight: var(--font-weight-regular);
}

.filter-radio {
  width: 310px;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .filter-radio {
    width: 100%;
  }
}
.filter-radio > input[type=radio] {
  display: none;
}
.filter-radio > input[type=radio]:checked + label::before {
  border-color: #264064;
}
.filter-radio > input[type=radio]:checked + label::after {
  background-color: #264064;
}
.filter-radio > label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #666666;
  font-size: 1rem;
  line-height: 1.375;
  font-weight: var(--font-weight-regular);
}
.filter-radio > label::before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 1px solid #DDDDDD;
  vertical-align: middle;
  box-sizing: border-box;
  transition: border-color 0.3s;
}
.filter-radio > label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  display: inline;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  border-radius: 5px;
  vertical-align: middle;
  box-sizing: border-box;
  z-index: 1;
  transition: background-color 0.3s;
}

.input__price-error-sp {
  color: #FF006C;
  font-size: 0.875rem;
  line-height: 2.2857142857;
}
@media screen and (max-width: 991px) {
  .input__price-error-sp {
    font-size: 3.7333333333vw;
    line-height: 2.2857142857;
  }
}

.cmn-footer {
  margin-top: auto;
  position: relative;
  box-sizing: border-box;
  padding-top: 81px;
  min-height: 414px;
}
@media screen and (max-width: 991px) {
  .cmn-footer {
    padding-top: 46px;
    min-height: 276px;
  }
}
.cmn-footer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 164px;
  background: url(../images/common/footer_pattern.svg) repeat-x;
  background-position: top center;
  background-size: auto 100%;
}
@media screen and (max-width: 991px) {
  .cmn-footer::before {
    height: 110px;
  }
}
.cmn-footer__inner {
  position: relative;
  min-height: 333px;
  background-color: #ddd;
  padding-top: 83px;
  padding-right: 20px;
  padding-bottom: 54px;
  padding-left: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .cmn-footer__inner {
    min-height: 230px;
    padding-top: 64px;
  }
}
.cmn-footer__copyright {
  position: absolute;
  left: 0;
  bottom: 13px;
  display: block;
  width: 100%;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .cmn-footer__copyright {
    bottom: 12px;
    font-size: 0.75rem;
    line-height: 2.5;
  }
}
.cmn-footer__blocks {
  display: flex;
  flex-direction: row;
}
@media all and (min-width: 992px) {
  .cmn-footer__blocks {
    justify-content: center;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .cmn-footer__blocks {
    flex-direction: column;
  }
}
@media all and (min-width: 992px) {
  .cmn-footer__block-item {
    max-width: 210px;
    flex-basis: 16.935483871%;
    margin-left: 3.2258064516%;
  }
}
@media screen and (max-width: 991px) {
  .cmn-footer__block-item {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media all and (min-width: 992px) {
  .cmn-footer__block-item:nth-child(1) {
    order: 3;
    max-width: 240px;
    flex-basis: 19.3548387097%;
  }
}
@media all and (min-width: 992px) {
  .cmn-footer__block-item:nth-child(2) {
    order: 1;
    margin-left: 0;
  }
}
@media all and (min-width: 992px) {
  .cmn-footer__block-item:nth-child(3) {
    order: 2;
  }
}
@media all and (min-width: 992px) {
  .cmn-footer__block-item:nth-child(4) {
    order: 4;
  }
}
@media all and (min-width: 992px) {
  .cmn-footer__block-item:nth-child(5) {
    order: 5;
  }
}
.cmn-footer__logo {
  padding-top: 20px;
  text-align: center;
}
.cmn-footer__logo img {
  width: 240px;
}
@media screen and (max-width: 991px) {
  .cmn-footer__logo img {
    width: 180px;
  }
}
.cmn-footer__block-item + .cmn-footer__block-item {
  margin-top: 20px;
}
.cmn-footer__label {
  border-bottom: solid 2px #ccc;
  font-size: 1rem;
  line-height: 2.25;
  font-weight: var(--font-weight-medium);
}
@media all and (min-width: 992px) {
  .cmn-footer__label {
    margin-top: -6px;
  }
}
.cmn-footer__link-list {
  margin-top: 20px;
}
.cmn-footer__link-list li {
  font-size: 1rem;
  line-height: 1.25;
}
.cmn-footer__link-list li + li {
  margin-top: 12px;
}
.cmn-footer__link-list a:link, .cmn-footer__link-list a:visited {
  color: #666;
  transition: color 0.3s ease-out;
}
.cmn-footer__link-list a:hover, .cmn-footer__link-list a:active {
  color: #000;
  text-decoration: underline;
}
.cmn-footer__link-list + .cmn-footer__label, .cmn-footer__input + .cmn-footer__label, .cmn-footer__input-error-text + .cmn-footer__label, .cmn-footer__input-success-text + .cmn-footer__label, form.sendgrid + .cmn-footer__label {
  margin-top: 20px;
}
.cmn-footer__social-list ul {
  display: flex;
  padding-top: 20px;
}
.cmn-footer__social-list li + li {
  margin-left: 18px;
}
.cmn-footer__social-list svg {
  width: 40px;
  height: 40px;
}
.cmn-footer__social-list a:link .cmn-footer__svg-base-color, .cmn-footer__social-list a:visited .cmn-footer__svg-base-color {
  fill: #666;
  transition: all 0.3s ease-out;
}
.cmn-footer__social-list a:hover .cmn-footer__svg-base-color, .cmn-footer__social-list a:active .cmn-footer__svg-base-color {
  fill: #000;
}
.cmn-footer__payment {
  padding-top: 20px;
}
.cmn-footer__payment img {
  width: 182px;
  aspect-ratio: 182/213;
}
.cmn-footer__input-error-text {
  display: none;
  color: #ff006c;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 8px;
}
.cmn-footer__input-success-text {
  display: none;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 8px;
}
.cmn-footer__input {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 20px;
  height: 44px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .cmn-footer__input {
    margin-top: 5.3333333333%;
  }
}
.cmn-footer__input .input__text {
  border: none;
  width: calc(100% - 24px);
}
.cmn-footer__input .button-footer-email-submit {
  background: #666;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 24px;
}
.cmn-footer__input .button-footer-email-submit:hover {
  background: #000;
  transition: 0.3s;
}
.cmn-footer__input .button-footer-email-submit img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(18deg) brightness(105%) contrast(104%);
}
.cmn-footer__input-error + .cmn-footer__input-error-text {
  display: block;
}
.cmn-footer__input-success + .cmn-footer__input-success-text {
  display: block;
}

.cmn-header {
  position: relative;
  width: 100%;
  z-index: 99;
  transition: top 300ms ease-out;
}
.home .cmn-header, .product .cmn-header {
  position: absolute;
}

body.header-is-fixed .cmn-header {
  position: fixed;
}
@media print {
  body.header-is-fixed .cmn-header {
    position: absolute;
  }
}

.jsHeader {
  position: relative;
  width: 100%;
  z-index: 99;
  transition: top 300ms ease-out;
}

body.header-is-fixed .jsHeader {
  position: fixed;
}
@media print {
  body.header-is-fixed .jsHeader {
    position: absolute;
  }
}

.cmn-header__main {
  display: flex;
  align-items: center;
  width: 100%;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 991px) {
  .cmn-header__main {
    height: 60px;
  }
}
.cmn-header__main__list {
  position: relative;
  margin-left: max(min(140px + 100% - 1315px, 140px), 40px);
}
@media screen and (max-width: 991px) {
  .cmn-header__main__list {
    display: none;
  }
}
.cmn-header__main__list ul {
  position: relative;
  display: flex;
}
.cmn-header__main__list li {
  position: relative;
  font-size: 1rem;
  line-height: 2.125;
  font-weight: var(--font-weight-medium);
  color: #000;
  letter-spacing: normal;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.cmn-header__main__list li a:hover,
.cmn-header__main__list li a:active {
  text-decoration: none;
}
.cmn-header__main__list li + li {
  margin-left: max(min(2px + 48 * (100vw - 992px) / 323, 50px), 20px);
}
.cmn-header__main__list__selected {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease-out;
  opacity: 0;
}
.cmn-header__main__menu {
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 991px) {
  .cmn-header__main__menu {
    padding-right: 10px;
    padding-left: 20px;
  }
}
.cmn-header__main__menu > ul {
  display: flex;
}
.cmn-header__main__menu > ul li {
  position: relative;
  width: 36px;
  height: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cmn-header__main__menu > ul li + li {
  margin-left: 20px;
}
.cmn-header__main__menu svg {
  vertical-align: top;
  width: 36px;
  height: 36px;
}
.cmn-header__main__menu__search, .cmn-header__main__menu__my {
  transition: opacity 0.3s ease-out;
}
.cmn-header__main__menu__search:hover, .cmn-header__main__menu__search:active, .cmn-header__main__menu__my:hover, .cmn-header__main__menu__my:active {
  opacity: 0.6;
}
.cmn-header__main__menu__search.active, .cmn-header__main__menu__my.active {
  opacity: 0.6;
}
.cmn-header__main__menu__search {
  cursor: pointer;
}
.cmn-header__main__menu__cart {
  transition: opacity 0.3s ease-out;
}
.cmn-header__main__menu__cart:hover, .cmn-header__main__menu__cart:active {
  opacity: 0.6;
}
.cmn-header__main__menu__cart__number {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  height: 16px;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 0 4px;
  font-size: 0.625rem;
  line-height: 1.3;
  color: #fff;
  background-color: #ff006c;
  font-weight: var(--font-weight-medium);
  pointer-events: none;
}
.cmn-header__main__menu__mobile {
  position: relative;
}
@media all and (min-width: 992px) {
  .cmn-header__main__menu__mobile {
    display: none;
  }
}
.cmn-header__main__menu__mobile > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease-out;
  transform-origin: center center;
}
.cmn-header__main__menu__mobile > div:nth-child(1) {
  left: 9px;
  top: 11px;
}
.cmn-header__main__menu__mobile > div:nth-child(2) {
  left: 9px;
  top: 17px;
}
.cmn-header__main__menu__mobile > div:nth-child(3) {
  left: 9px;
  top: 23px;
}
.cmn-header__main__cover {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
}
@media all and (min-width: 992px) and (min-width: 1481px) {
  .cmn-header__main__cover {
    left: 330px;
    width: calc(100% - 330px);
    padding-right: 330px;
  }
}
@media all and (min-width: 992px) and (max-width: 1480px) {
  .cmn-header__main__cover {
    left: 60px;
    width: calc(100% - 60px);
    padding-right: 60px;
  }
}
@media screen and (max-width: 991px) {
  .cmn-header__main__cover {
    display: none;
  }
}
.cmn-header__main__cover__search {
  position: relative;
  width: 428px;
  height: 44px;
  box-sizing: border-box;
  margin: 18px auto 0;
  border: solid #e8e8e8 1px;
}
.cmn-header__main__cover__search img {
  position: absolute;
  left: 8px;
  top: 3px;
  width: 36px;
  height: 36px;
}
.cmn-header__main__cover__search input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.75em 0.5em;
  margin-left: 54px;
  width: 362px;
  box-sizing: border-box;
  color: #000;
}
.cmn-header__main__cover__search input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.cmn-header__main__cover__close {
  position: absolute;
  right: 40px;
  top: 22px;
  width: 36px;
  height: 36px;
  transition: opacity 0.3s ease-out;
  cursor: pointer;
}
.cmn-header__main__cover__close:hover, .cmn-header__main__cover__close:active {
  opacity: 0.6;
}
.cmn-header__main__cover__close > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 2px;
  background-color: #666;
  transition: all 0.3s ease-out;
  transform-origin: center center;
}
.cmn-header__main__cover__close > div:nth-child(1) {
  transform: rotate(45deg);
  left: 9px;
  top: 17px;
}
.cmn-header__main__cover__close > div:nth-child(2) {
  transform: rotate(-45deg);
  left: 9px;
  top: 17px;
}

.cmn-header__logo {
  padding: 0 0 0 25px;
  box-sizing: border-box;
}
@media all and (min-width: 992px) and (min-width: 1481px) {
  .cmn-header__logo {
    min-width: 301px;
  }
}
@media all and (min-width: 992px) and (max-width: 1480px) {
  .cmn-header__logo {
    min-width: 60px;
  }
}
@media screen and (max-width: 991px) {
  .cmn-header__logo {
    position: absolute;
    left: 15px;
    top: 15px;
    padding: 0;
  }
  .cmn-header__logo img {
    vertical-align: top;
  }
}

.cmn-header__navigation-pc {
  position: absolute;
  display: none;
  width: 100%;
  height: calc(100vh - 80px);
  background-color: rgba(0, 0, 0, 0.5);
}
@supports (height: calc(100svh - 80px)) {
  .cmn-header__navigation-pc {
    top: 80px;
    height: calc(100svh - 80px);
  }
}
.cmn-header__navigation-pc__inner {
  position: relative;
  display: none;
  box-sizing: border-box;
  height: 0;
  background-color: #fff;
  overflow: hidden;
}
.cmn-header__navigation-pc__inner.my {
  width: 230px;
  margin-left: auto;
}
.cmn-header__navigation-pc-products, .cmn-header__navigation-pc-trend, .cmn-header__navigation-pc-collaboration, .cmn-header__navigation-pc-search, .cmn-header__navigation-pc-my {
  display: none;
}
.cmn-header__navigation-pc__blocks-4 {
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
  display: flex;
  gap: 0 40px;
  width: calc(100% - 40px);
  max-width: 1080px;
  margin: 0 auto;
}
.cmn-header__navigation-pc-search .cmn-header__navigation-pc__blocks-4 {
  top: 10px;
}
.cmn-header__navigation-pc__blocks-3 {
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translateX(-50%);
  display: flex;
  gap: 0 40px;
  width: calc(100% - 40px);
  max-width: 800px;
  margin: 0 auto;
}
.cmn-header__navigation-pc__block {
  position: relative;
  width: 240px;
}
.cmn-header__navigation-pc__block-wide {
  position: relative;
  width: 520px;
}
.cmn-header__navigation-pc__block-wide-devide {
  width: 520px;
}
.cmn-header__navigation-pc__block-wide-devide > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
}
.cmn-header__navigation-pc__block-wide-devide > div > div {
  width: 240px;
}
.cmn-header__navigation-pc__block-wide-devide > div + div {
  margin-top: 25px;
}
.cmn-header__navigation-pc__preview {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.cmn-header__navigation-pc__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmn-header__navigation-pc__list__head {
  font-size: 1rem;
  line-height: 2.25;
  font-weight: var(--font-weight-medium);
  color: #000;
  border-bottom: solid #e8e8e8 2px;
}
.cmn-header__navigation-pc__list-normal {
  margin-top: 20px;
}
.cmn-header__navigation-pc__list-normal li {
  font-size: 1rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmn-header__navigation-pc__list-normal li + li {
  margin-top: 11px;
}
.cmn-header__navigation-pc__list-narrow {
  margin-top: 18px;
}
.cmn-header__navigation-pc__list-narrow li {
  font-size: 0.875rem;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmn-header__navigation-pc__list-narrow li + li {
  margin-top: 3px;
}
.cmn-header__navigation-pc__list-my {
  padding: 20px 10px 20px 20px;
}
.cmn-header__navigation-pc__list-my li {
  font-size: 1rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmn-header__navigation-pc__list-my li + li {
  margin-top: 10px;
}
.cmn-header__navigation-pc__list-brand li {
  margin-top: 20px;
}
.cmn-header__navigation-pc__list-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.cmn-header__navigation-pc__list-social li {
  width: 47.91%;
  margin-top: 0;
}
.cmn-header__navigation-pc__list-social li img {
  width: 100%;
  vertical-align: top;
}
.cmn-header__navigation-pc__list-thumbnail {
  height: 310px;
  margin-top: 20px;
  overflow-y: scroll;
}
.cmn-header__navigation-pc__list-thumbnail li {
  padding-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.2857142857;
}
.cmn-header__navigation-pc__list-thumbnail li + li {
  margin-top: 10px;
}
.cmn-header__navigation-pc__list-thumbnail a {
  display: flex;
  align-items: center;
}
.cmn-header__navigation-pc__list-thumbnail span:nth-child(1) {
  width: 65px;
}
.cmn-header__navigation-pc__list-thumbnail span:nth-child(2) {
  width: calc(100% - 65px);
}
.cmn-header__navigation-pc__list-thumbnail img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.cmn-header__navigation-pc__block-wide .cmn-header__navigation-pc__list-normal {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.cmn-header__navigation-pc__block-wide .cmn-header__navigation-pc__list-normal li {
  width: 46.15%;
  margin-top: 0;
}
.cmn-header__navigation-pc__item-big a:hover,
.cmn-header__navigation-pc__item-big a:active {
  text-decoration: none;
}
.cmn-header__navigation-pc__item-big__image {
  width: 100%;
  vertical-align: top;
}
.cmn-header__navigation-pc__item-big__head {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.2857142857;
}
.cmn-header__navigation-pc__item-big__text {
  margin-top: 2px;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-regular);
  color: #666;
}
a:link .cmn-header__navigation-pc__item-big__head, a:visited .cmn-header__navigation-pc__item-big__head {
  color: #666;
}
a:link .cmn-header__navigation-pc__item-big__text, a:visited .cmn-header__navigation-pc__item-big__text {
  color: #666;
}

.cmn-header__navigation-sp {
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
}
.cmn-header__navigation-sp__close {
  position: absolute;
  right: 10px;
  top: 12px;
  width: 36px;
  height: 36px;
}
.cmn-header__navigation-sp__close > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease-out;
  transform-origin: center center;
}
.cmn-header__navigation-sp__close > div:nth-child(1) {
  transform: rotate(45deg);
  left: 9px;
  top: 17px;
}
.cmn-header__navigation-sp__close > div:nth-child(2) {
  transform: rotate(-45deg);
  left: 9px;
  top: 17px;
}
.cmn-header__navigation-sp__head {
  position: relative;
}
.cmn-header__navigation-sp__head__logo {
  display: none;
  position: absolute;
  left: 15px;
  top: 15px;
}
.cmn-header__navigation-sp__head__logo img {
  vertical-align: top;
}
.cmn-header__navigation-sp__head__home {
  display: none;
  position: relative;
  margin: 0 20px;
  padding: 20px 16px;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-medium);
  color: #000;
  opacity: 1;
  transition: all 0.3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
}
.cmn-header__navigation-sp__head__home img {
  position: absolute;
  left: 0;
  top: calc(50% - 6px);
  vertical-align: top;
  transform: rotate(180deg);
}
.cmn-header__navigation-sp__nav-head {
  margin: 0 20px;
  color: #000;
  font-weight: var(--font-weight-medium);
}
.cmn-header__navigation-sp__nav-list {
  margin: 0 20px;
}
.cmn-header__navigation-sp__nav-list li {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cmn-header__navigation-sp__nav-list li a,
.cmn-header__navigation-sp__nav-list li span {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 10px 16px;
  text-align: left;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .cmn-header__navigation-sp__nav-list li a,
  .cmn-header__navigation-sp__nav-list li span {
    padding: 3.7333333333% 2.6666666667% 4.2666666667%;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.cmn-header__navigation-sp__nav-list li a img,
.cmn-header__navigation-sp__nav-list li span img {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}
@media all and (min-width: 992px) {
  .cmn-header__navigation-sp__nav-list li a:hover,
  .cmn-header__navigation-sp__nav-list li span:hover {
    text-decoration: none;
    background-color: #f1f1f1;
  }
}
.cmn-header__navigation-sp__nav-list li a.active,
.cmn-header__navigation-sp__nav-list li span.active {
  color: #000;
  background-color: #f1f1f1;
}
.cmn-header__navigation-sp__nav-list li a.active img,
.cmn-header__navigation-sp__nav-list li span.active img {
  filter: none;
}
.cmn-header__navigation-sp__nav-list li:last-child a,
.cmn-header__navigation-sp__nav-list li:last-child span {
  border-bottom: 1px solid #e8e8e8;
}
.cmn-header__navigation-sp__nav-head + .cmn-header__navigation-sp__nav-list {
  margin-top: 4.2666666667%;
}
.cmn-header__navigation-sp__nav-list + .cmn-header__navigation-sp__nav-head {
  margin-top: 8.5333333333%;
}
.cmn-header__navigation-sp__nav-list-brand {
  margin: 0 20px;
}
.cmn-header__navigation-sp__nav-list-brand li {
  margin-top: 4.2666666667%;
}
.cmn-header__navigation-sp__nav-list-brand li img {
  width: 64%;
}
.cmn-header__navigation-sp__nav-list-brand li a:link, .cmn-header__navigation-sp__nav-list-brand li a:visited {
  opacity: 1;
  transition: all 0.3s ease-out;
}
.cmn-header__navigation-sp__nav-list-brand li a:hover, .cmn-header__navigation-sp__nav-list-brand li a:active {
  opacity: 0.7;
}
.cmn-header__navigation-sp__nav-list-social {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin: 12px 20px;
}
.cmn-header__navigation-sp__nav-list-social li {
  width: 162px;
}
.cmn-header__navigation-sp__nav-list-social li a:link, .cmn-header__navigation-sp__nav-list-social li a:visited {
  opacity: 1;
  transition: all 0.3s ease-out;
}
.cmn-header__navigation-sp__nav-list-social li a:hover, .cmn-header__navigation-sp__nav-list-social li a:active {
  opacity: 0.7;
}
.cmn-header__navigation-sp-base, .cmn-header__navigation-sp-products, .cmn-header__navigation-sp-trend, .cmn-header__navigation-sp-collaboration, .cmn-header__navigation-sp-my, .cmn-header__navigation-sp-search {
  display: none;
  position: absolute;
  left: 0;
  top: 78px;
  width: 100%;
  padding-bottom: 140px;
}
.cmn-header__navigation-sp-base .cmn-header__navigation-sp__nav-list li a,
.cmn-header__navigation-sp-base .cmn-header__navigation-sp__nav-list li span {
  color: #000;
  font-weight: var(--font-weight-medium);
}
.cmn-header__navigation-sp-base {
  z-index: 200;
}
.cmn-header__navigation-sp-trend, .cmn-header__navigation-sp-collaboration, .cmn-header__navigation-sp-products {
  z-index: 100;
}
.cmn-header__navigation-sp-search__input {
  position: relative;
  margin: 0 20px -8px;
  border: solid #ddd 1px;
}
.cmn-header__navigation-sp-search__input img {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 36px;
  height: 36px;
}
.cmn-header__navigation-sp-search__input input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.75em 0.5em;
  margin-left: 44px;
  width: calc(100vw - 42px - 44px);
  box-sizing: border-box;
  color: #000;
}
.cmn-header__navigation-sp-search__input input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.cmn-header__navigation-sp-search__list-simple {
  margin: 16px 20px 0;
}
.cmn-header__navigation-sp-search__list-simple li {
  color: #666;
}
.cmn-header__navigation-sp-search__list-simple li + li {
  margin-top: 20px;
}
.cmn-header__navigation-sp-search__list-thumbnail {
  margin: 20px 20px 0;
}
.cmn-header__navigation-sp-search__list-thumbnail li {
  border-bottom: solid #ddd 1px;
  padding-bottom: 10px;
}
.cmn-header__navigation-sp-search__list-thumbnail li + li {
  margin-top: 10px;
}
.cmn-header__navigation-sp-search__list-thumbnail a {
  display: flex;
  align-items: center;
}
.cmn-header__navigation-sp-search__list-thumbnail span:nth-child(1) {
  width: 65px;
}
.cmn-header__navigation-sp-search__list-thumbnail span:nth-child(2) {
  width: calc(100% - 65px);
}
.cmn-header__navigation-sp-search__list-thumbnail img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.cmn-header__navigation-sp-search .cmn-header__navigation-sp__nav-head {
  margin-top: 34px;
  border-bottom: solid #ddd 2px;
  padding-bottom: 6px;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
@media screen and (max-width: 991px) {
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
  }
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

@media screen and (max-width: 991px) {
  body.jsModalOpenedIOS {
    position: fixed;
    width: 100%;
    overscroll-behavior-y: none;
  }
  body.jsModalOpened {
    overflow: hidden;
  }
}

.mfp-wrap {
  overflow: scroll;
}

.mfp-bg {
  background: #000;
  opacity: 0.5;
}
@media screen and (max-width: 991px) {
  .mfp-bg {
    background-color: #fff;
    opacity: 1;
  }
}

.mfp-bg.mfp-fade.mfp-ready {
  opacity: 0.5;
}
@media screen and (max-width: 991px) {
  .mfp-bg.mfp-fade.mfp-ready {
    background-color: #fff;
    opacity: 1;
  }
}

@media screen and (max-width: 991px) {
  .mfp-container {
    padding: 0;
  }
}

@media screen and (max-width: 991px) {
  .mfp-content {
    vertical-align: top;
  }
}

.modal-base {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
}

.mfp-close.mfp-close--custom {
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
}
.mfp-close.mfp-close--custom:active {
  top: 5px;
}

.modal-new-address-wrapper {
  padding: 40px 40px 50px;
  width: 800px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .modal-new-address-wrapper {
    padding: 10.6666666667% 5.3333333333% 13.3333333333%;
    width: 100%;
  }
}
.modal-new-address__ttl {
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-new-address__ttl {
    font-size: 7.4666666667vw;
    line-height: 1;
  }
}
.modal-new-address-form-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form-wrapper {
    display: block;
    margin-top: 0;
    padding-top: 10px;
  }
}
.modal-new-address-form-wrapper .input__text,
.modal-new-address-form-wrapper .custom-select-form,
.modal-new-address-form-wrapper select {
  width: 100%;
}
.modal-new-address-form__ttl {
  margin-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form__ttl {
    margin-bottom: 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.modal-new-address-form-parts {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form-parts {
    margin-top: 5.3333333333%;
  }
}
.modal-new-address-form-parts.half {
  width: 350px;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form-parts.half {
    width: 100%;
  }
}
.modal-new-address-form-parts .input__text-error {
  display: none;
}
.modal-new-address-form-parts__error input.input__text:required {
  border-color: #ff006c;
  background: #ffeff6;
}
.modal-new-address-form-parts__error input.input__text:required + .input__text-error {
  color: #ff006c;
  display: block;
  font-size: 0.875rem;
  line-height: 2.2857142857;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form-parts__error input.input__text:required + .input__text-error {
    font-size: 3.7333333333vw;
    line-height: 2.2857142857;
  }
}
.modal-new-address-form-parts__error .custom-select-form > select:required {
  border-color: #ff006c;
  background: #ffeff6;
}
.modal-new-address-form-parts__error .custom-select__error + .input__text-error {
  color: #ff006c;
  display: block;
  font-size: 0.875rem;
  line-height: 2.2857142857;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form-parts__error .custom-select__error + .input__text-error {
    font-size: 3.7333333333vw;
    line-height: 2.2857142857;
  }
}
.modal-new-address-form-checkbox {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form-checkbox {
    margin-top: 5.3333333333%;
  }
}
.modal-new-address-form-checkbox label {
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .modal-new-address-form-checkbox label {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.modal-new-address-buttons {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .modal-new-address-buttons {
    display: block;
    margin-top: 0;
    padding-top: 5.3333333333%;
  }
}
.modal-new-address-buttons button {
  margin-right: 20px;
  width: 250px;
}
@media screen and (max-width: 991px) {
  .modal-new-address-buttons button {
    margin-top: 5.3333333333%;
    margin-right: 0;
    width: 100%;
  }
}
.modal-new-address-buttons button:last-child {
  margin-right: 0;
}

.modal-address-book-wrapper {
  padding: 40px;
  width: 800px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .modal-address-book-wrapper {
    padding: 10.6666666667% 5.3333333333%;
    width: 100%;
  }
}
.modal-address-book__ttl {
  margin-bottom: 28px;
  padding-bottom: 0;
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-address-book__ttl {
    margin-bottom: caclp(28);
    font-size: 7.4666666667vw;
    line-height: 1;
  }
}
.modal-address-book__ttl--myaccount {
  margin-bottom: 50px;
  font-size: 2.25rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .modal-address-book__ttl--myaccount {
    margin-bottom: 10.6666666667%;
    font-size: 8.5333333333vw;
    line-height: 1;
  }
}
.modal-address-book__sttl {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .modal-address-book__sttl {
    padding-bottom: 5.3333333333%;
    margin-bottom: 4%;
  }
}
.modal-address-book-add-wrapper {
  text-align: center;
}
.modal-address-book-list {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list {
    margin-top: 4%;
  }
}
.modal-address-book-list__article {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-top: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article {
    display: block;
    padding: 5.3333333333% 0;
  }
}
.modal-address-book-list__article:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.modal-address-book-list__article-address {
  margin-right: 10px;
  flex: 1;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-address {
    margin-right: 0;
  }
}
.modal-address-book-list__article-address-label {
  margin-bottom: 8px;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-address-label {
    margin-bottom: 3px;
  }
}
.modal-address-book-list__article-address-name {
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-address-name {
    font-size: 4.2666666667vw;
    line-height: 1.3125;
  }
}
.modal-address-book-list__article-address-txt {
  margin-top: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-address-txt {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.modal-address-book-list__article-buttons {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-buttons {
    margin-top: 2.6666666667%;
  }
}
.modal-address-book-list__article-edit, .modal-address-book-list__article-select {
  font-size: 0.875rem;
  line-height: 1;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-edit, .modal-address-book-list__article-select {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.modal-address-book-list__article-edit, .modal-address-book-list__article-delete {
  margin-right: 10px;
}
.modal-address-book-list__article-edit.is-border, .modal-address-book-list__article-delete.is-border {
  padding: 9px 15px 8px;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-edit.is-border, .modal-address-book-list__article-delete.is-border {
    padding: 8.5px 15px;
  }
}
.modal-address-book-list__article-edit img, .modal-address-book-list__article-delete img {
  margin-right: 2px;
  vertical-align: middle;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-delete.is-border {
    padding-top: 7.925px;
    padding-bottom: 7.925px;
  }
}
.modal-address-book-list__article-delete img {
  margin-top: -2px;
}
.modal-address-book-list__article-select {
  padding: 10px 0;
  width: 155px;
  min-width: initial;
}
@media screen and (max-width: 991px) {
  .modal-address-book-list__article-select {
    padding: 9px 15px;
    width: auto;
  }
}

.modal-product-wrapper {
  padding: 36px 0;
  width: 496px;
  text-align: center;
  box-sizing: border-box;
}

.modal-product__description {
  width: 95%;
  margin: 10px;
  line-height: normal;
}

.modal-paypal-buttons, .modal-product-buttons, .modal-order-buttons {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .modal-paypal-buttons, .modal-product-buttons, .modal-order-buttons {
    display: block;
    margin-top: 8%;
  }
}
.modal-paypal-buttons li:first-child, .modal-product-buttons li:first-child, .modal-order-buttons li:first-child {
  margin-right: 18px;
}
@media screen and (max-width: 991px) {
  .modal-paypal-buttons li:first-child, .modal-product-buttons li:first-child, .modal-order-buttons li:first-child {
    margin-right: 0;
    margin-bottom: 5.3333333333%;
  }
}
.modal-paypal-buttons button, .modal-product-buttons button, .modal-order-buttons button {
  min-width: 180px;
}
@media screen and (max-width: 991px) {
  .modal-paypal-buttons button, .modal-product-buttons button, .modal-order-buttons button {
    width: 100%;
  }
}

.modal-payment-failed-buttons {
  padding-top: 10px;
}
@media screen and (max-width: 991px) {
  .modal-payment-failed-buttons {
    padding-top: 2.6666666667%;
  }
}
.modal-payment-failed-buttons li {
  margin-top: 20px;
}
.modal-payment-failed-buttons li button {
  min-width: 250px;
}
@media screen and (max-width: 991px) {
  .modal-payment-failed-buttons li button {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .modal-payment-failed-buttons li {
    margin-top: 5.3333333333%;
  }
}

.modal-single-button {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .modal-single-button {
    margin-top: 13.3333333333%;
  }
}
.modal-single-button button {
  min-width: 240px;
}
@media screen and (max-width: 991px) {
  .modal-single-button button {
    width: 100%;
  }
}

#invoice-input #product-info {
  display: none;
}

.cmn-page-up {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  opacity: 0;
  z-index: 8;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}
@media screen and (max-width: 991px) {
  .cmn-page-up {
    bottom: 25px;
    right: 25px;
    width: 9.6vw;
    height: 9.6vw;
  }
}
.cmn-page-up::after {
  content: "";
  position: absolute;
  width: 11.414px;
  height: 7.121px;
  background: url(../images/common/icon_arrow_up.svg) no-repeat center;
  background-size: contain;
}
@media screen and (max-width: 991px) {
  .cmn-page-up::after {
    width: 2.1333vw;
    height: 1.3306vw;
  }
}
.cmn-page-up:hover {
  background-color: #fff;
}
.cmn-page-up.jsAppear {
  animation: appearAnime 0.3s forwards;
}
@keyframes appearAnime {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cmn-page-up.jsDisappear {
  animation: disappearAnime 0.3s forwards;
}
@keyframes disappearAnime {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(50px);
  }
}

.slider {
  position: relative;
  width: 100%;
  max-height: 85vh;
  vertical-align: top;
  font-size: 0;
}
.slider > li:not(:first-child) {
  display: none;
}

.slick-slide img {
  display: initial;
}

.slick-dots {
  position: absolute;
  bottom: 21.5px;
  width: 100%;
  height: 3px;
  z-index: 10;
  text-align: center;
  font-size: 0;
}
@media screen and (max-width: 991px) {
  .slick-dots {
    bottom: 3.6vw;
  }
}
.slick-dots li {
  display: inline-block;
}
.slick-dots li:nth-child(n+2) {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .slick-dots li:nth-child(n+2) {
    margin-left: 2.6666666667%;
  }
}
.slick-dots button {
  color: transparent;
  outline: none;
  width: 35px;
  height: 3px;
  display: block;
  width: 35px;
  background: #ccc;
  margin-bottom: 20px;
}
.slick-dots .slick-active button {
  background: #264064;
}

:root {
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight-black: 900;
}

.regular {
  font-weight: var(--font-weight-regular);
}

.medium {
  font-weight: var(--font-weight-medium);
}

.bold {
  font-weight: var(--font-weight-bold);
}

.black {
  font-weight: var(--font-weight-black);
}

body .align-left {
  text-align: left;
}
body .align-center {
  text-align: center;
}
body .align-right {
  text-align: right;
}

.main-content__ttl {
  font-size: 2.25rem;
  line-height: 1.3333333333;
  color: #000;
}
@media screen and (max-width: 991px) {
  .main-content__ttl {
    font-size: 8.5333333333vw;
    line-height: 1.34375;
  }
}
.main-content__ttl.is-margintop {
  margin-top: 45px;
}

.jsUnderLine {
  position: relative;
}
.jsUnderLine .underline {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease;
}
.jsUnderLine .underline.notransition {
  transition: none;
}

.information-bar-inner {
  position: relative;
  width: 100%;
  min-height: 44px;
  overflow: hidden;
  display: none;
}
.information-bar-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 44px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5625;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .information-bar-text {
    font-size: 0.875rem;
    line-height: 1.7857142857;
  }
}
.information-bar-close {
  position: absolute;
  right: 14px;
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.information-bar-close svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-out;
  vertical-align: top;
}
.information-bar a:link, .information-bar a:visited {
  color: #fff;
}
.information-bar a:hover, .information-bar a:active {
  color: #fff;
}
.information-bar svg {
  fill: #ccc;
}
.information-bar:hover svg {
  fill: #fff;
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color);
}

/*
    Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  display: none;
  touch-action: none;
  outline: 0;
  opacity: 0.003;
  contain: layout style size;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
  background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__item {
  /* z-index for fade transition */
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

/*

  PhotoSwipe UI

*/
/*
    Error message appears when image is not loaded
    (JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  margin: auto;
  font-size: 1em;
  line-height: 1;
  color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
  z-index: 10; /* always overlap slide content */
  pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
  position: relative;
  display: block;
  width: 50px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 0.85;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

/*
    div element that matches size of large image,
    large image loads on top of it,
    used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;
  /* allow events to pass through top bar itself */
  pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}

/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}

/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  pointer-events: none;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin: 15px 0 0 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.cart__ttl {
  margin-top: 50px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding-bottom: 12px;
  color: #000;
  border-bottom: 2px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .cart__ttl {
    margin-top: 12%;
    font-size: 5.8666666667vw;
    line-height: 1.3181818182;
    padding-bottom: 4.5333333333%;
  }
}
.cart__ttl--recommend {
  margin-top: 95px;
}
@media screen and (max-width: 991px) {
  .cart__ttl--recommend {
    margin-top: 70px;
  }
}
.cart__ttl .mypoints__description__title {
  color: #666;
  text-align: right;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .cart__ttl .mypoints__description__title {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.cart__ttl.buynow_header {
  display: flex;
}
@media screen and (max-width: 991px) {
  .cart__ttl.buynow_header {
    display: inline-block;
  }
}
.cart__ttl.buynow_header .m-auto {
  margin: auto;
}
.cart__ttl.buynow_header .red-notice {
  color: #fe3f46;
}
@media screen and (max-width: 991px) {
  .cart__ttl.buynow_header .red-notice {
    display: flex;
  }
}

.cart__noitem {
  margin-top: 50px;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding-bottom: 12px;
  color: #000;
}
@media screen and (max-width: 991px) {
  .cart__noitem {
    margin-top: 12%;
    font-size: 5.8666666667vw;
    line-height: 1.3181818182;
    padding-bottom: 4.5333333333%;
  }
}

.cart__product-list {
  padding: 10px 0 0 20px;
}
@media screen and (max-width: 991px) {
  .cart__product-list {
    padding: 2.6666666667% 0;
  }
}
.cart__product-list-article {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article {
    display: block;
    padding: 5.3333333333% 0;
  }
}
.cart__product-list-article-pic {
  display: flex;
  width: 150px;
  height: 150px;
}
@media all and (min-width: 992px) {
  .cart__product-list-article-pic {
    min-width: 150px;
  }
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-pic {
    position: relative;
    padding-top: 24%;
    width: 24%;
    height: auto;
  }
  .cart__product-list-article-pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.cart__product-list-article-detail {
  margin-left: 30px;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.cart__product-list-article-detail-wrapper {
  display: flex;
  align-items: center;
  flex-basis: 435px;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-wrapper {
    flex-basis: 100%;
    align-items: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail {
    margin-left: 4%;
    width: 72%;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.cart__product-list-article-detail-work, .cart__product-list-article-detail-ttl {
  color: #000;
  font-weight: 500;
}
.cart__product-list-article-detail-ttl {
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-ttl {
    font-size: 4.2666666667vw;
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-code {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.cart__product-list-article-detail-price {
  margin-top: 12px;
  color: #000;
}
.cart__product-list-article-detail-price label {
  margin-left: 10px;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-price {
    margin-top: 3.2%;
  }
}
.cart__product-list-article-detail-status {
  margin-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-status {
    margin-bottom: 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.cart__product-list-article-detail-status--pink {
  color: #ff006c;
}
.cart__product-list-article-detail-status .status-label {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-status .status-label {
    margin-right: 0;
    margin-bottom: 5px;
  }
}
.cart__product-list-article-form {
  flex-basis: 240px;
}
.cart__product-list-article-form .custom-select {
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-form {
    margin-top: 26px;
    display: inline-block;
    padding-left: 28%;
    text-align: left;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .cart__product-list-article-form {
    margin-top: 6.9333333333%;
  }
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-form .custom-select {
    justify-content: flex-start;
  }
}
.cart__product-list-article-total-price {
  flex-basis: 176px;
  text-align: right;
  color: #000;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-total-price {
    display: inline-block;
    margin-left: 20px;
    flex-basis: initial;
    text-align: left;
  }
}
.cart__product-list-article-checkout {
  font-weight: 500;
  flex-basis: 369px;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-checkout {
    padding-left: 28%;
    flex-basis: initial;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }
  .cart__product-list-article-checkout .button-basic {
    margin-top: 20px;
    width: 100%;
  }
}
.cart__product-list-article-checkout-action {
  margin-top: 20px;
  margin-left: auto;
  width: 230px;
  display: flex;
  justify-content: flex-end;
  font-size: 0.875rem;
  line-height: 1;
}
.cart__product-list-article-checkout-action button:first-child {
  margin-right: 15px;
}
.cart__product-list-article-checkout-action button:last-child {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-checkout-action {
    margin-top: 5.3333333333%;
    width: 100%;
    box-sizing: border-box;
    font-size: 3.2vw;
    line-height: 1;
  }
  .cart__product-list-article-checkout-action .button-text {
    font-size: 3.2vw;
    line-height: 1;
  }
}
.cart__product-list-article-checkout-action .button-favorite {
  background: #f1f1f1;
  border-radius: 50%;
  position: relative;
  height: 36px;
  width: 36px;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-checkout-action .button-favorite {
    height: 30px;
    width: 30px;
  }
}
.cart__product-list-article-checkout-action .button-favorite img {
  position: absolute;
  top: 29%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.3s;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-checkout-action .button-favorite img {
    width: 17px;
    height: 14px;
  }
}
@media all and (min-width: 992px) {
  .cart__product-list-article-checkout-action .button-favorite:hover img {
    transition: 0.3s;
    filter: invert(66%) sepia(1%) saturate(0%) hue-rotate(172deg) brightness(104%) contrast(93%);
  }
}
.cart__product-list-article-checkout-action .button-favorite.is-active img {
  filter: invert(16%) sepia(91%) saturate(6783%) hue-rotate(328deg) brightness(99%) contrast(105%);
}

.cart__total-price {
  margin-right: 40px;
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 500;
  color: #000;
}
.cart__total-price-wrapper {
  margin: 40px 0 80px auto;
  padding: 20px 0;
  max-width: 1220px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f1f1f1;
}
@media screen and (max-width: 991px) {
  .cart__total-price-wrapper {
    margin: 8% 0 20% -20px;
    padding: 5.3333333333% 0;
    width: calc(100% + 40px);
    display: block;
  }
  .cart__total-price-wrapper .button-basic {
    display: block;
    width: 68.8%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 991px) {
  .cart__total-price {
    margin-right: 0;
    margin-bottom: 4%;
    text-align: center;
    font-size: 4.8vw;
    line-height: 1;
  }
}

.cart__recommend-list {
  display: flex;
}
@media screen and (max-width: 991px) {
  .cart__recommend-list {
    padding: 0;
    flex-wrap: wrap;
  }
}
.cart__recommend-list-article {
  margin: 40px 20px 0 0;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .cart__recommend-list-article {
    margin-top: 8%;
    margin-right: 2.089552238%;
    width: 48.9552238806%;
  }
  .cart__recommend-list-article:nth-child(2n) {
    margin-right: 0;
  }
  .cart__recommend-list-article:nth-child(n+3) {
    margin-top: 4%;
  }
}
.cart__recommend-list-article:last-child {
  margin-right: 0;
}
.cart__recommend-list-article > a {
  display: block;
}
.cart__recommend-list-article-ttl {
  margin-top: 10px;
  font-weight: 500;
  color: #000;
  font-size: 1rem;
  line-height: 1.2;
}
@media screen and (max-width: 991px) {
  .cart__recommend-list-article-ttl {
    margin-top: 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1.2142857143;
  }
}

.modal-paypal-wrapper {
  padding: 36px 0;
  width: 496px;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .modal-paypal-wrapper {
    padding: 10.6666666667% 5.3333333333%;
    width: auto;
  }
}
.modal-paypal-wrapper .modal-paypal-setup-button {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .modal-paypal-wrapper .modal-paypal-setup-button {
    margin-top: 10.6666666667%;
  }
  .modal-paypal-wrapper .modal-paypal-setup-button .button-basic {
    width: 100%;
  }
}
.modal-paypal__ttl {
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-paypal__ttl {
    font-size: 7.4666666667vw;
    line-height: 1.25;
  }
}
.modal-paypal__description {
  margin-top: 30px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .modal-paypal__description {
    margin-top: 8%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.modal-order-wrapper {
  padding: 36px 0;
  width: 496px;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .modal-order-wrapper {
    padding: 10.6666666667% 5.3333333333%;
    width: auto;
  }
}
.modal-order-wrapper .modal-order-setup-button {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .modal-order-wrapper .modal-order-setup-button {
    margin-top: 10.6666666667%;
  }
  .modal-order-wrapper .modal-order-setup-button .button-basic {
    width: 100%;
  }
}
.modal-order__ttl {
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-order__ttl {
    font-size: 7.4666666667vw;
    line-height: 1.25;
  }
}
.modal-order__description {
  margin: 20px 30px 40px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .modal-order__description {
    margin-top: 8%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.jsPaymentMethod {
  display: none;
}
.jsPaymentMethod.active {
  display: block;
}

.checkout-payment-method-form {
  display: flex;
}
.checkout-payment-method-form-wrapper {
  padding-top: 10px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form-wrapper {
    padding-top: 2.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form {
    display: block;
  }
}
.checkout-payment-method-form-parts {
  margin: 20px 20px 0 0;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form-parts {
    margin-top: 5.3333333333%;
    margin-right: 0;
  }
}
.checkout-payment-method-form__ttl {
  margin-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form__ttl {
    margin-bottom: 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.checkout-payment-method-form .input__text.number, .checkout-payment-method-form .input__text.name {
  width: 350px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form .input__text.number, .checkout-payment-method-form .input__text.name {
    width: 100%;
  }
}
.checkout-payment-method-form .input__text.cvv {
  width: 120px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form .input__text.cvv {
    width: 100%;
  }
}
.checkout-payment-method-form-select {
  display: flex;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form-select {
    justify-content: space-between;
    width: 100%;
  }
}
.checkout-payment-method-form-select .custom-select {
  width: 48.3582089552%;
}
.checkout-payment-method-form .custom-select-form.month {
  margin-right: 10px;
  width: 90px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form .custom-select-form.month {
    margin-right: 0;
    width: 100%;
  }
}
.checkout-payment-method-form .custom-select-form.year {
  width: 104px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method-form .custom-select-form.year {
    width: 100%;
  }
}
.checkout-payment-method-form .custom-select-form > select {
  width: 100%;
}

.cmn-content-main-content-checkout-inner {
  position: relative;
}

.order-status-list {
  display: flex;
  width: 400px;
  justify-content: space-between;
}
.order-status-list-wrapper {
  position: absolute;
  width: 100%;
  display: flex;
  top: 0;
  left: 0;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .order-status-list-wrapper {
    position: relative;
    margin-top: 8%;
  }
}
@media screen and (max-width: 991px) {
  .order-status-list {
    padding: 0 4%;
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 991px) {
  .order-status-list__article {
    position: relative;
    width: 33.3333333333%;
    text-align: center;
  }
}
.order-status-list__article-number {
  position: relative;
  margin: 0 auto 10px;
  font-weight: 700;
  color: #fff;
  width: 35px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: url(../images/order/progress_hex_gray.svg) no-repeat left top;
}
@media screen and (max-width: 991px) {
  .order-status-list__article-number {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2.6666666667%;
    font-size: 4.2666666667vw;
    line-height: 1;
    width: 33.3333333333%;
    height: auto;
    padding-top: 40%;
    line-height: 0;
    background-size: contain;
  }
  .order-status-list__article-number .num {
    display: flex;
    width: 100%;
    top: 35%;
    left: 0;
    position: absolute;
    justify-content: center;
    align-items: center;
  }
}
.order-status-list__article-number::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 35px;
  width: 140px;
  height: 1px;
  background-color: #ccc;
}
@media screen and (max-width: 991px) {
  .order-status-list__article-number::before {
    width: 300%;
    top: 34%;
    left: 0;
    z-index: -1;
  }
}
.order-status-list__article-number.active::before {
  background-color: #000;
}
.order-status-list__article-txt {
  font-size: 0.75rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .order-status-list__article-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 2.6666666667vw;
    line-height: 1;
  }
}
.order-status-list__article:last-child .order-status-list__article-number::before {
  display: none;
}
.order-status-list__article.active .order-status-list__article-number {
  background-image: url(../images/order/progress_hex_blue.svg);
}

.checkout-content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .checkout-content {
    display: block;
  }
}
.checkout-content-inner {
  width: 46.2096774194%;
}
@media screen and (max-width: 991px) {
  .checkout-content-inner {
    width: 100%;
  }
}
.checkout-content-main {
  margin-top: 40px;
  margin-bottom: 80px;
}
@media screen and (max-width: 991px) {
  .checkout-content-main {
    margin-top: 8%;
    margin-bottom: 18.6666666667%;
  }
}
.checkout-content-main.no-margin {
  margin-bottom: 0;
}
.checkout-content-main.product-options {
  margin-bottom: 30px;
}
.checkout-content-main.product-options .shipping-method-radios {
  margin-top: 20px;
  flex-wrap: wrap;
}
.checkout-content-main.product-options .shipping-method-radios label {
  width: calc(47% - 0.7em);
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .checkout-content-main.product-options .shipping-method-radios {
    margin-top: 20px;
    width: 100%;
    justify-content: left;
  }
  .checkout-content-main.product-options .shipping-method-radios label {
    margin-bottom: 2px;
    margin-right: 2px;
    width: 48%;
  }
}
.checkout-content-address {
  margin-bottom: 20px;
  display: flex;
}
@media screen and (max-width: 991px) {
  .checkout-content-address {
    margin-bottom: 5.3333333333%;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.checkout-content-address__txt {
  margin-right: 40px;
  max-width: 340px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .checkout-content-address__txt {
    margin-right: 0;
    max-width: 73.9682539683%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.checkout-content-address__txt .name {
  font-weight: 500;
}
.checkout-content-address__txt--medium {
  font-weight: 500;
}
.checkout-content-address__txt--point {
  margin-top: 17px;
}
@media screen and (max-width: 991px) {
  .checkout-content-address__txt--point {
    margin-top: 4.5333333333%;
  }
}

.shipping-method-radios {
  display: flex;
}
.shipping-method-radios--payment {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .shipping-method-radios--payment {
    margin-top: 5.3333333333%;
  }
}
.shipping-method-radios input[type=radio] {
  display: none;
}
.shipping-method-radios input[type=radio]:checked + label {
  border: 2px solid #264064;
}
.shipping-method-radios label {
  display: inline-block;
  margin-right: 20px;
  padding: 15px 0;
  width: 47%;
  text-align: center;
  font-weight: 500;
  color: #000;
  border: 2px solid #e8e8e8;
  border-radius: 6px;
  cursor: pointer;
}
@media all and (min-width: 992px) {
  .shipping-method-radios label {
    transition: 0.3s;
  }
}
@media screen and (max-width: 991px) {
  .shipping-method-radios label {
    margin-right: 6.3492063492%;
    width: 49.8412698413%;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.shipping-method-radios label:last-child {
  margin-right: 0;
}

.shipping-method-notice {
  display: none;
  margin-top: 30px;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .shipping-method-notice {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
.shipping-method-notice.active {
  display: block;
}
.shipping-method-notice a {
  text-decoration: underline;
}
.shipping-method-notice a:hover {
  fill: #000;
}
.shipping-method-notice .shipping-method-eco-us {
  margin-top: 20px;
}
.shipping-method-notice .shipping-method-eco-us h3 {
  font-weight: bold;
}
.shipping-method-notice .shipping-method-eco-us a {
  color: blue;
}

.checkout-payment__ttl {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
  color: #000;
}
@media screen and (max-width: 991px) {
  .checkout-payment__ttl {
    font-size: 4.8vw;
    line-height: 1;
  }
}
.checkout-payment__description {
  margin: 17px 0 10px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-payment__description {
    margin: 4.5333333333%, 0 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}

@media screen and (max-width: 991px) {
  .checkout-payment-point-form {
    display: flex;
  }
}
.checkout-payment-point-form .input__text {
  margin-right: 10px;
  width: 260px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-point-form .input__text {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 2.9850746269%;
    width: 73.1343283582%;
    height: auto;
  }
}
.checkout-payment-point-form .button-change {
  width: 100px;
  height: 44px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-point-form .button-change {
    padding: 12px 0;
    width: 23.8805970149%;
    font-size: 3.7333333333vw;
    line-height: 1;
    height: auto;
  }
}

.checkout-payment__coupon-ttl-wrapper {
  display: flex;
  margin-top: 40px;
  max-width: 370px;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .checkout-payment__coupon-ttl-wrapper {
    margin-top: 8%;
    max-width: 100%;
  }
}

.checkout-payment__coupon-reset-button {
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-payment__coupon-reset-button {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}

.checkout-payment__ttl--coupon {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .checkout-payment__ttl--coupon {
    margin-top: 8%;
  }
}

.checkout-payment-coupon-wrapper {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 370px;
  height: 122px;
  border: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .checkout-payment-coupon-wrapper {
    margin-top: 5.3333333333%;
    padding: 33px 0;
    width: 100%;
    height: auto;
  }
}
.checkout-payment-coupon-wrapper .button-change {
  width: 150px;
  height: 44px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-coupon-wrapper .button-change {
    padding: 13px 30px;
    width: auto;
    height: auto;
  }
}

.checkout-content-coupon__image {
  margin-top: 20px;
  max-width: 370px;
}
@media screen and (max-width: 991px) {
  .checkout-content-coupon__image {
    margin-top: 5.3333333333%;
    max-width: initial;
  }
  .checkout-content-coupon__image img {
    width: 100%;
  }
}

.jsCheckoutBillingAddress {
  display: none;
}
.jsCheckoutBillingAddress.active {
  display: block;
}

.jsCouponWrapper {
  display: none;
}
.jsCouponWrapper.active {
  display: flex;
}

.jsCheckoutCoupon {
  display: none;
}
.jsCheckoutCoupon.active {
  display: block;
}

.jsCouponResetButton {
  display: none;
}
.jsCouponResetButton.active {
  display: flex;
}

.checkout-payment-method, .checkout-payment-account {
  margin-top: 17px;
}
.checkout-payment-method--image, .checkout-payment-account--image {
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .checkout-payment-method--image, .checkout-payment-account--image {
    margin-top: 8%;
  }
}
@media screen and (max-width: 991px) {
  .checkout-payment-method, .checkout-payment-account {
    margin-top: 4.5333333333%;
  }
}

.checkout-product-detail {
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.checkout-product-detail-list {
  margin-top: -40px;
  border-bottom: 1px solid #e8e8e8;
}
@media all and (min-width: 992px) {
  .checkout-product-detail-list {
    padding: 20px 0;
  }
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-list {
    margin-top: -8%;
  }
}
.checkout-product-detail:last-child {
  border-bottom: none;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail {
    padding: 8% 0;
    align-items: flex-start;
  }
}
.checkout-product-detail__img {
  margin-right: 20px;
}
@media all and (min-width: 992px) {
  .checkout-product-detail__img {
    max-width: 100px;
  }
}
@media screen and (max-width: 991px) {
  .checkout-product-detail__img {
    margin-right: 6.3492063492%;
    width: 31.746031746%;
  }
  .checkout-product-detail__img img {
    width: 100%;
  }
}
.checkout-product-detail-txt__work, .checkout-product-detail-txt__ttl {
  color: #000;
}
.checkout-product-detail-txt__work {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__work {
    font-size: 3.7333333333vw;
    line-height: 1.5714285714;
  }
}
.checkout-product-detail-txt__ttl {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__ttl {
    font-size: 4.2666666667vw;
    line-height: 1.2;
  }
}
.checkout-product-detail-txt__code {
  margin: 7px 0 10px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__code {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.checkout-product-detail-txt__qty {
  color: #000;
}
.checkout-product-detail-txt__qty-wrapper {
  display: flex;
  font-size: 0.875rem;
  line-height: 1;
  align-items: flex-start;
  color: #000;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__qty-wrapper {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
  .checkout-product-detail-txt__qty-wrapper.sale {
    display: block;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .checkout-product-detail-txt__qty-wrapper.sale .checkout-product-detail-txt__qty {
    margin-bottom: 2.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__qty-wrapper.sale .checkout-product-detail-txt__qty-price {
    margin-left: 0;
  }
  .checkout-product-detail-txt__qty-wrapper.sale .checkout-product-detail-txt__qty-price .price {
    margin-left: 0;
  }
  .checkout-product-detail-txt__qty-wrapper.sale:not(:has(.price-before)) .checkout-product-detail-txt__qty {
    display: inline-block;
    vertical-align: top;
  }
  .checkout-product-detail-txt__qty-wrapper.sale:not(:has(.price-before)) .checkout-product-detail-txt__qty-price {
    display: inline-block;
    margin-left: 20px;
  }
  .checkout-product-detail-txt__qty-wrapper.sale:not(:has(.price-before)) .promotion-message {
    display: block;
    margin-top: 0;
  }
}
.checkout-product-detail-txt__qty-wrapper .price-before {
  display: inline-block;
  margin-left: 20px;
  margin-right: -10px;
  font-size: 0.75rem;
  line-height: 1;
  color: #ccc;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__qty-wrapper .price-before {
    margin-left: 0;
    margin-right: 10px;
    font-size: 3.2vw;
    line-height: 1;
  }
}
.checkout-product-detail-txt__qty-wrapper .price {
  margin-left: 20px;
  display: inline-block;
}
.checkout-product-detail-txt__qty-wrapper .price-off {
  display: inline-block;
  margin-left: 10px;
  color: #ff006c;
}
.checkout-product-detail-txt__qty-wrapper .price-off-message {
  display: inline-block;
  margin-left: 20px;
  padding-top: 5px;
  font-size: 0.75rem;
  line-height: 1;
  color: #666;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__qty-wrapper .price-off-message {
    display: block;
    margin-left: 0;
    font-size: 2.6666666667vw;
    line-height: 1;
  }
}
.checkout-product-detail-txt__qty-wrapper .promotion-message {
  display: inline-block;
  margin-left: 20px;
  font-size: 0.75rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-product-detail-txt__qty-wrapper .promotion-message {
    margin: 2.6666666667% 0 0 0;
  }
}

.checkout-price-detail-normal {
  display: none;
}
.checkout-price-detail-normal.active {
  display: block;
}
.checkout-price-detail-edit {
  display: none;
}
.checkout-price-detail-edit.active {
  display: block;
}
.checkout-price-detail-apply {
  display: none;
}
.checkout-price-detail-apply.active {
  display: block;
}

.checkout-price-detail__list {
  margin-top: 20px;
  padding: 0 0 20px;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list {
    margin-top: 5.3333333333%;
    padding: 0 0 5.3333333333%;
  }
}
.checkout-price-detail__list li {
  margin-top: 20px;
  display: flex;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list li {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.checkout-price-detail__list li span.term {
  display: flex;
  flex-basis: 310px;
  justify-content: flex-end;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list li span.term {
    flex-basis: 60.3174603175%;
  }
}
.checkout-price-detail__list li span.price {
  display: block;
  flex-basis: 265px;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list li span.price {
    flex-basis: 46.3492063492%;
  }
}
.checkout-price-detail__list li span.point {
  display: inline-block;
  padding-top: 5px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list li span.point {
    padding-top: 1.3333333333%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.checkout-price-detail__list li:first-child {
  margin-top: 0;
}
.checkout-price-detail__list--total {
  margin-top: 0;
  padding: 27px 0;
  border-top: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--total {
    padding: 7.2% 0;
  }
}
.checkout-price-detail__list--total li {
  margin-top: 20px;
  color: #000;
}
.checkout-price-detail__list--total li:first-child {
  margin-top: 0;
}
.checkout-price-detail__list--total li span.term {
  font-weight: 500;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--total li span.term {
    font-size: 4.2666666667vw;
    line-height: 1e;
  }
}
.checkout-price-detail__list--total li span.term__normal {
  color: #666;
  font-weight: normal;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--total li span.term__normal {
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.checkout-price-detail__list--total li span.price {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--total li span.price {
    font-size: 6.4vw;
    line-height: 1;
  }
}
.checkout-price-detail__list--total li span.price__normal {
  color: #666;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--total li span.price__normal {
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}

.checkout-payment__coupon-wrapper {
  display: flex;
  align-items: center;
}

.checkout-price__point-notice {
  font-size: 0.875rem;
  line-height: 1.3571428571;
  text-align: right;
}
.checkout-price__point-notice__last {
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .checkout-price__point-notice__last {
    margin-top: 2.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .checkout-price__point-notice {
    font-size: 3.7333333333vw;
    line-height: 1.3571428571;
  }
}

.button-choose-option {
  border-radius: 0;
  width: 100%;
  height: 55px;
  background-image: url(../images/common/icon_accordion_plus.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
}
@media screen and (max-width: 991px) {
  .button-choose-option {
    height: auto;
    padding: 20px 0;
    line-height: 1;
  }
}

.button-confirm-order {
  margin-top: 20px;
  border-radius: 6px;
  width: 100%;
  height: 55px;
}
.button-confirm-order--buy-now {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .button-confirm-order--buy-now {
    margin-top: 10.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .button-confirm-order {
    margin-top: 5.3333333333%;
    padding: 20px 0;
    height: auto;
  }
}

.button-complete-order {
  margin-top: 20px;
  border-radius: 6px;
  width: 100%;
  height: 55px;
}
.button-complete-order--buy-now {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .button-complete-order--buy-now {
    margin-top: 10.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .button-complete-order {
    margin-top: 5.3333333333%;
    padding: 20px 0;
    height: auto;
  }
}

.button-back-cart {
  border-radius: 6px;
  display: block;
  margin: 100px auto 0;
  width: 372px;
  height: 55px;
}
@media screen and (max-width: 991px) {
  .button-back-cart {
    margin-top: 16%;
    padding: 20px 0;
    width: 100%;
    height: auto;
  }
}

.checkout-payment-option {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}

.modal-important-notice-wrapper {
  padding: 35px 40px 50px;
  max-width: 777px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-wrapper {
    padding: 10.6666666667% 5.3333333333% 16%;
    max-width: initial;
  }
}
.modal-important-notice__ttl {
  font-size: 2.1875rem;
  line-height: 1;
  font-weight: 900;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-important-notice__ttl {
    font-size: 7.4666666667vw;
    line-height: 1;
  }
}

.modal-important-notice-txt-wrapper {
  margin-top: 30px;
  padding: 20px 15px;
  height: 299px;
  overflow: auto;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-txt-wrapper {
    margin-top: 8%;
    padding: 5.3333333333% 4%;
    height: 325px;
  }
}
.modal-important-notice-txt-wrapper .custom-checkbox {
  margin-top: 25px;
  text-align: center;
}
.modal-important-notice-txt-wrapper .custom-checkbox p.checkbox-message {
  margin-bottom: 25px;
}
.modal-important-notice-txt__body pre {
  white-space: pre-wrap;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-txt__body pre {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.modal-important-notice-txt__body pre .ttl {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-txt__body pre .ttl {
    font-size: 4.8vw;
    line-height: 1.3333333333;
  }
}
.modal-important-notice-txt__body pre .sttl {
  font-weight: 500;
  color: #000;
}
.modal-important-notice-txt__body .content-asset ul {
  list-style: disc inside;
}
.modal-important-notice-txt__body .content-asset .supplement {
  color: #B0B0B0;
  font-size: 95%;
}

.modal-important-notice-buttons {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-buttons {
    display: block;
    margin-top: 8%;
  }
}
.modal-important-notice-buttons li {
  margin-right: 20px;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-buttons li {
    margin-right: 0;
  }
}
.modal-important-notice-buttons li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-buttons li:last-child {
    margin-top: 5.3333333333%;
  }
}
.modal-important-notice-buttons .button-gray {
  border-radius: 6px;
}
@media screen and (max-width: 991px) {
  .modal-important-notice-buttons .button-gray {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .modal-important-notice-buttons .button-continue {
    width: 100%;
  }
}

.checkout-complete-wrapper {
  margin-top: 100px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .checkout-complete-wrapper {
    margin-top: 10.6666666667%;
  }
}
.checkout-complete-wrapper .button-basic {
  margin-top: 80px;
}
@media screen and (max-width: 991px) {
  .checkout-complete-wrapper .button-basic {
    margin-top: 18.6666666667%;
    width: 100%;
  }
}
.checkout-complete__ttl {
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 991px) {
  .checkout-complete__ttl {
    font-size: 8.5333333333vw;
    line-height: 1.25;
  }
}
.checkout-complete__sttl {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 500;
  color: #000;
}
@media screen and (max-width: 991px) {
  .checkout-complete__sttl {
    margin-top: 2.6666666667%;
    font-size: 4.8vw;
    line-height: 1.3333333333;
  }
}
.checkout-complete__description {
  margin-top: 40px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .checkout-complete__description {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.modal-coupon-wrapper {
  padding: 36px 40px 50px;
  width: 862px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .modal-coupon-wrapper {
    width: 100%;
    padding: 10.6666666667% 5.3333333333%;
    box-sizing: border-box;
  }
}
.modal-coupon__ttl {
  font-size: 2rem;
  line-height: 1;
  font-weight: 900;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-coupon__ttl {
    font-size: 7.4666666667vw;
    line-height: 1;
  }
}
.modal-coupon__list {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .modal-coupon__list {
    padding-top: 4%;
  }
}
.modal-coupon__list li {
  margin-top: 20px;
  width: 410px;
}
@media all and (min-width: 992px) {
  .modal-coupon__list li:nth-child(-n+2) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  .modal-coupon__list li {
    margin-top: 8.8%;
  }
}
.modal-coupon__list li p {
  text-align: left;
}
.modal-coupon__list__ttl {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 900;
  color: #000;
  margin: 20px 0 10px;
}
.modal-coupon__list__text {
  font-size: 1rem;
  line-height: 1.5;
  color: #666;
}

.checkout-choose-payment-option-outer {
  margin-top: 40px;
  background-color: #f1f1f1;
}
@media screen and (max-width: 991px) {
  .checkout-choose-payment-option-outer {
    margin-top: 10.6666666667%;
  }
}

.checkout-choose-payment-option-wrapper {
  display: none;
  padding: 30px 20px 40px;
  background-color: #f1f1f1;
}
@media screen and (max-width: 991px) {
  .checkout-choose-payment-option-wrapper {
    padding: 8% 2.6666666667% 10.6666666667%;
  }
}
.checkout-choose-payment-option-wrapper.active {
  display: block;
}
.checkout-choose-payment-option-wrapper .custom-select-form,
.checkout-choose-payment-option-wrapper .custom-select select {
  width: 100%;
}
.checkout-choose-payment-option-wrapper .table-basic.checkout-payment-option {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .checkout-choose-payment-option-wrapper .table-basic.checkout-payment-option {
    margin-top: 8%;
    margin-bottom: 5.3333333333%;
  }
}
.checkout-choose-payment-option-wrapper .table-basic.checkout-payment-option th,
.checkout-choose-payment-option-wrapper .table-basic.checkout-payment-option td {
  background-color: #fff;
}
.checkout-choose-payment-option__ttl {
  margin: 30px 0 10px;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 991px) {
  .checkout-choose-payment-option__ttl {
    margin-top: 8%;
    margin-bottom: 2.6666666667%;
  }
}
.checkout-choose-payment-option__ttl.no-margin {
  margin-top: 0;
}
.checkout-choose-payment-option__description {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .checkout-choose-payment-option__description {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.checkout-choose-payment-option-button-wrapper {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .checkout-choose-payment-option-button-wrapper {
    margin-top: 8%;
  }
  .checkout-choose-payment-option-button-wrapper .button-basic {
    width: 100%;
  }
}

.table-basic .col-text-notactive {
  color: #ccc;
}
.table-basic a {
  text-decoration: underline;
}

.checkout-payment-option-applied-button-wrapper {
  margin-top: -30px;
  text-align: right;
}
.checkout-payment-option-applied-button-wrapper .button-text {
  margin-left: auto;
}

.jsPaymentOption {
  display: none;
}
.jsPaymentOption.active {
  display: block;
}

.jsAppliedPaymentOption {
  display: none;
}
.jsAppliedPaymentOption.active {
  display: block;
}

.home-main-visual {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  z-index: 0;
}
.home-main-visual ul.slider {
  max-height: 100%;
}
@media screen and (max-width: 991px) {
  .home-main-visual {
    max-height: initial;
  }
}
.home-main-visual img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  vertical-align: top;
}
.home-main-visual a:hover img,
.home-main-visual a:active img {
  opacity: 1;
}
.home-main-contents {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 20px 0 0px;
}
@media screen and (max-width: 991px) {
  .home-main-contents {
    max-width: initial;
    padding: 4% 0;
  }
}
.home-main-contents__wrapper {
  position: relative;
  padding: 0 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
  max-width: 1920px;
}
.home-main-contents__wrapper a:hover img {
  opacity: initial;
}
@media screen and (max-width: 991px) {
  .home-main-contents__wrapper {
    max-width: initial;
    width: 92%;
    padding: 0;
    gap: 15px 1.8666666667%;
  }
}
.home-main-contents__item--base {
  position: relative;
  flex: 1 500px;
  max-height: 720px;
  overflow: hidden;
}
@media screen and (max-width: 1599px) {
  .home-main-contents__item--base {
    flex-basis: 31.25%;
  }
}
@media screen and (max-width: 991px) {
  .home-main-contents__item--base {
    flex: auto;
    width: 48.9855%;
  }
}
.home-main-contents__item--base img {
  max-height: 720px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.home-main-contents__item--double {
  position: relative;
  flex: 2 1020px;
  max-height: 720px;
  overflow: hidden;
}
@media screen and (max-width: 1599px) {
  .home-main-contents__item--double {
    flex-basis: 63.75%;
  }
}
@media screen and (max-width: 991px) {
  .home-main-contents__item--double {
    flex: auto;
    width: 100%;
  }
}
.home-main-contents__item--double img {
  max-height: 720px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.home-main-contents__item--triple {
  position: relative;
  flex: 1 1540px;
  overflow: hidden;
}
@media screen and (max-width: 1599px) {
  .home-main-contents__item--triple {
    flex-basis: 96.25%;
  }
}
@media screen and (max-width: 991px) {
  .home-main-contents__item--triple {
    flex: auto;
    width: 100%;
  }
}
.home-main-contents__item--triple img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
@media screen and (max-width: 991px) {
  .home-main-contents__item--triple img {
    height: 54.1333vw;
  }
}
.home-main-contents__item--triple-hd {
  position: relative;
  flex: 1 1540px;
  overflow: hidden;
}
@media screen and (max-width: 1599px) {
  .home-main-contents__item--triple-hd {
    flex-basis: 96.25%;
  }
}
@media screen and (max-width: 991px) {
  .home-main-contents__item--triple-hd {
    flex: auto;
    width: 100%;
  }
}
.home-main-contents__item--triple-hd img {
  max-height: 1039px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.home-main-contents a {
  display: block;
}
.home-main-contents a:hover .home-card-detail {
  opacity: 1;
  z-index: 1;
}
@media all and (min-width: 992px) {
  .home-main-contents a .home-card-detail {
    position: absolute;
    left: 40px;
    bottom: 40px;
    width: calc(100% - 80px);
    color: #fff;
    opacity: 0;
  }
}
@media screen and (max-width: 991px) {
  .home-main-contents a .home-card-detail {
    position: relative;
    color: #666;
    margin-top: 1.3333333333%;
  }
}
.home-main-contents a .home-card-detail__title {
  font-weight: var(--font-weight-medium);
}
@media all and (min-width: 992px) {
  .home-main-contents a .home-card-detail__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}
@media screen and (max-width: 991px) {
  .home-main-contents a .home-card-detail__title {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
  }
}
@media all and (min-width: 992px) {
  .home-main-contents a .home-card-detail__price {
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 991px) {
  .home-main-contents a .home-card-detail__price {
    font-weight: var(--font-weight-regular);
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
.home-main-contents a .home-card-detail__price span.cancel {
  text-decoration: line-through;
  font-size: 0.875rem;
  line-height: 2.1428571429;
}
@media screen and (max-width: 991px) {
  .home-main-contents a .home-card-detail__price span.cancel {
    font-size: 2.6666666667vw;
    line-height: 1.8;
  }
}
.home-main-contents a .home-card-detail__price span.discount {
  color: #ff006c;
}
.home-main-contents a .home-card-detail__price span:nth-child(n+2) {
  padding-left: 5px;
}
@media screen and (max-width: 991px) {
  .home-main-contents a .home-card-detail__price span:nth-child(n+2) {
    padding-left: 1.33vw;
  }
}
.home-main-contents__article {
  padding: 0 10px;
  margin-bottom: 50px;
  width: 100%;
}
.home__ttl {
  margin: 50px 0 0 0px;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.3333333333;
  padding-bottom: 12px;
  color: #000;
  border-bottom: 2px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .home__ttl {
    margin-top: 12%;
    font-size: 5.8666666667vw;
    line-height: 1.3181818182;
    padding-bottom: 4.5333333333%;
  }
}
.home__ttl--recommend {
  margin-top: 95px;
}
@media screen and (max-width: 991px) {
  .home__ttl--recommend {
    margin-top: 70px;
  }
}

.home-news-content .home-news-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 50px;
}
.home-news-content .home-news-list img {
  width: 100%;
  aspect-ratio: 5/6;
}
@media screen and (max-width: 991px) {
  .home-news-content .home-news-list {
    margin-top: 8%;
  }
}
.home-news-content .home-news-list > li {
  margin-bottom: 40px;
  width: 23.7903225806%;
}
.home-news-content .home-news-list > li .tag-list {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.home-news-content .home-news-list > li .tag-list > li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.home-news-content .home-news-list > li .tag-list > li a {
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}
.home-news-content .home-news-list > li .tag-list > li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.home-news-content .home-news-list > li .tag-list > li a.promo {
  background: #748b9f;
}
.home-news-content .home-news-list > li .tag-list > li a.bonus {
  background: #8a9579;
}
@media screen and (max-width: 991px) {
  .home-news-content .home-news-list > li {
    margin-right: 1.8666666667%;
    margin-bottom: 20px;
    width: 49%;
  }
  .home-news-content .home-news-list > li:nth-child(2n) {
    margin-right: 0;
  }
}
@media all and (min-width: 992px) {
  .home-news-content .home-news-list > li:nth-child(3n) {
    margin-right: 0;
  }
}
.home-news-content .home-news-list > li .home-news-list-ttl {
  color: #000;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-medium);
  margin-top: 10px;
  text-align: left;
}
@media screen and (max-width: 991px) {
  .home-news-content .home-news-list > li .home-news-list-ttl {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
    margin-top: 2.6666666667%;
  }
}
.home-news-content .home-news-list > li .news-content-list-date {
  margin-top: 10px;
}
.home-news-content .home-news-list__link {
  display: flex;
  justify-content: flex-end;
}

.home-information-content .home-information-list {
  border-top: 1px solid #e8e8e8;
  max-width: 1400px;
  margin: 50px auto 50px;
}
@media screen and (max-width: 991px) {
  .home-information-content .home-information-list {
    margin-top: 10.6666666667%;
  }
}
.home-information-content .home-information-list__item {
  border-bottom: 1px solid #e8e8e8;
}
.home-information-content .home-information-list__item a {
  display: block;
  font-size: 1rem;
  line-height: 2.1875;
  padding: 10px 0;
}
@media screen and (max-width: 991px) {
  .home-information-content .home-information-list__item a {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.home-information-content .home-information-list__link {
  display: flex;
  justify-content: flex-end;
}
.home-information-content .not-found-content__text {
  margin-top: 50px;
}

.product-content__detail-col.first {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col.first {
    flex-direction: column;
  }
}
.product-content__detail-col .product-content__detail-ttl {
  border-bottom: 2px solid #e8e8e8;
  color: #000;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
  padding-bottom: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-ttl {
    font-size: 5.8666666667vw;
    line-height: 1.1363636364;
    margin-bottom: 8%;
  }
}
.product-content__detail-col .product-content__detail-details {
  margin-top: 82px;
}
.product-content__detail-col .product-content__detail-table-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-table-wrap {
    flex-direction: column;
  }
}
.product-content__detail-col .product-content__detail-table-wrap table {
  width: 47.5%;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-table-wrap table {
    width: 100%;
  }
}
.product-content__detail-col .product-content__detail-table-wrap table th,
.product-content__detail-col .product-content__detail-table-wrap table td {
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
}
.product-content__detail-col .product-content__detail-table-wrap table th {
  color: #000;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-medium);
  text-align: left;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-table-wrap table th {
    width: 160px;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.product-content__detail-col .product-content__detail-table-wrap table td {
  color: #666;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-table-wrap table td {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.product-content__detail-col .product-content__detail-col-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
}
.product-content__detail-col .product-content__detail-col-flex .card-mask {
  width: 49.1935483871%;
}
.product-content__detail-col .product-content__detail-col-flex .card-mask.last {
  margin-left: 1.6129032258%;
}
.product-content__detail-col .product-content__detail-col-card-wrap {
  margin-top: 15.2%;
}
.product-content__detail-col .product-content__detail-col-card-wrap .product-content__detail-col-card {
  margin-top: 15px;
}
.product-content__detail-col .product-content__detail-col-card-wrap .product-content__detail-col-card.first {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-col-card-wrap .product-card-detail__title {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
  }
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-col-card-wrap .product-card-detail__subtext {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
.product-content__detail-col .card-mask:hover img {
  opacity: 1;
}
.product-content__detail-col .card-mask:hover .product-card-detail {
  opacity: 1;
  transition: 0.3s;
}
.product-content__detail-col .card-mask__bg {
  line-height: 0.8;
}
.product-content__detail-col .card-mask .product-card-detail {
  opacity: 0;
  position: absolute;
  left: 40px;
  bottom: 40px;
}
.product-content__detail-col .card-mask .product-card-detail__title {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
}
.product-content__detail-col .card-mask .product-card-detail__subtext {
  color: #fff;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: var(--font-weight-bold);
}
.product-content__detail-col .product-content__detail-col-line {
  margin-top: 20px;
}
.product-content__detail-col__rerated {
  margin-top: 103px;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col__rerated {
    margin-top: 18.6666666667%;
  }
}
.product-content__detail-col__reccomended {
  margin-top: 100px;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col__reccomended {
    margin-top: 18.6666666667%;
  }
}
.product-content__detail-col .product-content__detail-product-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-product-list {
    flex-wrap: wrap;
  }
}
.product-content__detail-col .product-content__detail-product-list li {
  width: 23.7903225806%;
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-product-list li {
    width: 47.7611940299%;
    margin-bottom: 15px;
  }
}
.product-content__detail-col .product-content__detail-product-list li a > p {
  color: #000;
  margin-top: 10px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .product-content__detail-col .product-content__detail-product-list li a > p {
    font-size: 3.7333333333vw;
    line-height: 1.2142857143;
  }
}

@media all and (min-width: 992px) {
  .cart__product-list--mydashboard .cart__product-list-article-pic {
    width: 100px;
    height: 100px;
    min-width: 100px;
  }
}
@media all and (min-width: 992px) {
  .cart__product-list--mydashboard .cart__product-list-article-detail-wrapper {
    flex-basis: 567px;
  }
  .cart__product-list--mydashboard .cart__product-list-article-form {
    flex-basis: 70px;
  }
  .cart__product-list--mydashboard .cart__product-list-article-total-price {
    flex-basis: 230px;
  }
}

.mydashboard__button {
  display: block;
  margin: 40px auto 0;
  min-width: 250px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .mydashboard__button {
    margin-top: 8%;
    width: 100%;
  }
}

.cart__ttl--dashbord-margin {
  margin-top: 80px;
}
@media screen and (max-width: 991px) {
  .cart__ttl--dashbord-margin {
    margin-top: 18.6666666667%;
  }
}

.no-order-wrapper {
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
@media screen and (max-width: 991px) {
  .no-order-wrapper {
    position: relative;
    margin-top: 8%;
    padding: 15px 4%;
    flex-wrap: wrap;
  }
}

.mydashboard-recent-wrapper {
  margin-top: 40px;
  padding: 13px 15px;
  display: flex;
  align-items: center;
  background-color: #f1f1f1;
}
@media screen and (max-width: 991px) {
  .mydashboard-recent-wrapper {
    position: relative;
    margin-top: 8%;
    padding: 15px 4%;
    flex-wrap: wrap;
  }
}
.mydashboard-recent-txt {
  margin-right: 30px;
}
@media screen and (max-width: 991px) {
  .mydashboard-recent-txt {
    order: 2;
  }
}
.mydashboard-recent-txt__ttl {
  font-size: 0.75rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .mydashboard-recent-txt__ttl {
    font-size: 3.2vw;
    line-height: 1;
  }
}
.mydashboard-recent-txt__date {
  margin-top: 7px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .mydashboard-recent-txt__date {
    margin-top: 2.6666666667%;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
@media all and (min-width: 992px) {
  .mydashboard-recent__label {
    min-width: 91px;
  }
}
@media screen and (max-width: 991px) {
  .mydashboard-recent__label {
    width: 100%;
    order: 1;
  }
}
.mydashboard-recent__label-text {
  font-size: 0.875rem;
  line-height: 1.2;
  max-width: 260px;
  margin-left: 10px;
  color: #264064;
}
@media screen and (max-width: 991px) {
  .mydashboard-recent__label-text {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 100%;
    order: 2;
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.mydashboard-recent__label-text__shipped {
  color: #748B9F;
}
.mydashboard-recent__label-text__error, .mydashboard-recent__label-text__hold {
  color: #FF006C;
}
.mydashboard-recent__label-text__canceled {
  color: #ACACAC;
}
.mydashboard-recent__button {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
@media screen and (max-width: 991px) {
  .mydashboard-recent__button {
    position: absolute;
    display: block;
    top: 15px;
    right: 4%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}

.cart__product-list--mydashboard {
  padding-top: 0;
}

.mydashboard-account-wrapper {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .mydashboard-account-wrapper {
    display: block;
    margin-top: 0;
  }
}
.mydashboard-account-content {
  flex-basis: 400px;
}
@media screen and (max-width: 991px) {
  .mydashboard-account-content {
    margin-top: 8%;
    width: 100%;
    flex-basis: auto;
  }
}
.mydashboard-account-content__ttl {
  margin-bottom: 20px;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 500;
  color: #000;
}
@media screen and (max-width: 991px) {
  .mydashboard-account-content__ttl {
    margin-bottom: 5.3333333333%;
    font-size: 4.8vw;
    line-height: 1;
  }
}
.mydashboard-account-content__detail {
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .mydashboard-account-content__detail {
    margin-bottom: 3.2%;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.mydashboard-account-content__detail .name {
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .mydashboard-account-content__detail .name {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 4.2666666667vw;
    line-height: 1.3125;
  }
}

.mydashboard-point-wrapper {
  margin-top: 40px;
  display: flex;
}
@media screen and (max-width: 991px) {
  .mydashboard-point-wrapper {
    margin-top: 8%;
    display: block;
  }
}
.mydashboard-point-content {
  display: flex;
  padding: 20px;
  width: 50%;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .mydashboard-point-content {
    display: block;
    width: 100%;
    padding: 5.3333333333%;
  }
}
.mydashboard-point-content.first {
  border-right: none;
}
@media screen and (max-width: 991px) {
  .mydashboard-point-content.first {
    border-right: 1px solid #e8e8e8;
    border-bottom: none;
  }
}
.mydashboard-point-content__ttl {
  margin-bottom: 10px;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .mydashboard-point-content__ttl {
    margin-bottom: 2.1333333333%;
    font-size: 5.3333333333vw;
    line-height: 1.2;
  }
}
.mydashboard-point-content__description-point .txt {
  margin-right: 20px;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .mydashboard-point-content__description-point .txt {
    margin-right: 5.3333333333%;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.mydashboard-point-content__description-point img {
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 991px) {
  .mydashboard-point-content__description-point img {
    margin-right: 3.2%;
  }
}

.mydashboard-coupon__list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .mydashboard-coupon__list {
    margin-top: 0;
    display: block;
  }
}
.mydashboard-coupon__list-article {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  width: 45.3333333333%;
}
@media screen and (max-width: 991px) {
  .mydashboard-coupon__list-article {
    margin-top: 8%;
    margin-right: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
}
.mydashboard-coupon__list-article:last-child {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .mydashboard-coupon__list-article-pic img {
    width: 100%;
  }
}
.mydashboard-coupon__list-article-ttl {
  margin-top: 20px;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 991px) {
  .mydashboard-coupon__list-article-ttl {
    margin-top: 5.3333333333%;
    font-size: 4.8vw;
    line-height: 1;
  }
}
.mydashboard-coupon__list-article-description {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .mydashboard-coupon__list-article-description {
    margin-top: 2.6666666667%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.mydashboard-support__list {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
}
@media screen and (max-width: 991px) {
  .mydashboard-support__list {
    margin-top: 9.0666666667%;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.mydashboard-support__list-article {
  width: 24.5%;
  height: 164px;
  text-align: center;
  box-sizing: border-box;
}
.mydashboard-support__list-article .mydashboard-support__list__text {
  color: #707070;
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
}
@media screen and (max-width: 991px) {
  .mydashboard-support__list-article {
    width: 30%;
    height: auto;
    margin-bottom: 20px;
    margin-right: 10px;
  }
}
.mydashboard-support__list-article > a {
  border: 1px solid #ddd;
  border-radius: 6px;
  display: block;
  padding: 25px 0 30px;
  cursor: pointer;
}
@media all and (min-width: 992px) {
  .mydashboard-support__list-article > a {
    transition: 0.3s;
  }
  .mydashboard-support__list-article > a:hover {
    text-decoration: none;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
  }
  .mydashboard-support__list-article > a:hover .mydashboard-support__list-article-pic img {
    filter: none;
    opacity: 1;
  }
}
@media screen and (max-width: 991px) {
  .mydashboard-support__list-article > a {
    padding-top: 2.6666666667%;
    padding-bottom: 6.4%;
    height: 100%;
  }
}
.mydashboard-support__list-article-ttl {
  margin-top: 10px;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .mydashboard-support__list-article-ttl {
    margin-top: 1.3333333333%;
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.mydashboard-support__list-article-pic img {
  filter: invert(34%) sepia(51%) saturate(0%) hue-rotate(179deg) brightness(100%) contrast(81%);
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 991px) {
  .mydashboard-support__list-article-pic img {
    width: 60%;
  }
}

.myaccount-paypal-content {
  margin: 70px auto 0;
  max-width: 560px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .myaccount-paypal-content {
    margin-top: 13.3333333333%;
    max-width: initial;
  }
}
@media screen and (max-width: 991px) {
  .myaccount-paypal-content__pic img {
    width: 60.8955%;
  }
}
.myaccount-paypal-content__description {
  margin-top: 30px;
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .myaccount-paypal-content__description {
    margin-top: 8%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.myaccount-paypal-content__button {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .myaccount-paypal-content__button {
    margin-top: 10.6666666667%;
  }
  .myaccount-paypal-content__button .button-basic {
    width: 68.6567%;
  }
}
.myaccount-paypal-content__notice {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .myaccount-paypal-content__notice {
    margin-top: 5.3333333333%;
    font-size: 3.7333333333vw;
    line-height: 1.3571428571;
  }
}
.myaccount-paypal-content__date {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .myaccount-paypal-content__date {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}

.mypoints__description {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .mypoints__description {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}

.mypoints__first {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .mypoints__first {
    margin-top: 5.3333333333%;
  }
}

.mypoints__title {
  float: left;
}

.mypoints-content-tab {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .mypoints-content-tab {
    margin-top: 8%;
  }
}
.mypoints-content-tab li {
  margin-right: 40px;
}
@media screen and (max-width: 991px) {
  .mypoints-content-tab li {
    margin-right: 10.6666666667%;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.mypoints-content-tab li.last {
  margin-right: 0;
}
.mypoints-content-tab-button {
  padding-bottom: 7px;
  font-size: 1rem;
  line-height: 1;
  color: #acacac;
  font-weight: 500;
}
.mypoints-content-tab-button.active {
  color: #000;
}

.mypoints-content {
  display: none;
}
.mypoints-content.active {
  display: block;
}

.mypoints-point__list {
  padding-top: 25px;
}
@media screen and (max-width: 991px) {
  .mypoints-point__list {
    padding: 15px 0;
    border-top: 1px solid #e8e8e8;
  }
  .mypoints-point__list.last {
    border-bottom: 1px solid #e8e8e8;
  }
  .mypoints-point__list-wrapper {
    margin-top: 8%;
  }
  .mypoints-point__list.gray li {
    color: #ccc;
  }
}
.mypoints-point__list--no-ttl {
  padding-top: 35px;
}
.mypoints-point__list--no-ttl li:first-child {
  border-top: 1px solid #e8e8e8;
}
.mypoints-point__list li {
  padding: 15px 0;
  display: flex;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .mypoints-point__list li {
    padding: 0;
    margin-top: 5px;
    border-bottom: none;
  }
}
.mypoints-point__list li.ttl {
  font-weight: 500;
}
.mypoints-point__list li.gray {
  color: #ccc;
}
.mypoints-point__list li span {
  display: inline-block;
}
.mypoints-point__list li span a {
  cursor: pointer;
  text-decoration: underline;
}
@media all and (min-width: 992px) {
  .mypoints-point__list li span.date {
    flex-basis: 198px;
  }
  .mypoints-point__list li span.trigger {
    flex-basis: 238px;
  }
  .mypoints-point__list li span.grant {
    flex-basis: 111px;
    text-align: right;
  }
  .mypoints-point__list li span.disabled {
    flex-basis: 111px;
    text-align: right;
    text-decoration: line-through;
  }
  .mypoints-point__list li span.use {
    flex-basis: 142px;
    text-align: right;
  }
  .mypoints-point__list li span.valid {
    flex-basis: 183px;
    text-align: right;
  }
}
@media screen and (max-width: 991px) {
  .mypoints-point__list li span {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
  .mypoints-point__list li span.ttl {
    flex-basis: 38.8059701493%;
    text-align: left;
    font-weight: 500;
  }
  .mypoints-point__list li span.content {
    margin-left: 20px;
    flex-basis: 61.4925373134%;
    text-align: left;
  }
  .mypoints-point__list li span.content-disabled {
    margin-left: 20px;
    flex-basis: 61.4925373134%;
    text-align: left;
    text-decoration: line-through;
  }
}
.mypoints-point__list-3clm li {
  justify-content: space-between;
}

.modal-mypoints-expiration-wrapper {
  padding-right: 40px;
  padding-left: 40px;
  width: 800px;
}
@media screen and (max-width: 991px) {
  .modal-mypoints-expiration-wrapper {
    padding-right: 5.3333333333%;
    padding-left: 5.3333333333%;
    width: 100%;
  }
  .modal-mypoints-expiration-wrapper .button-gray {
    width: 68.6567%;
  }
}

.modal-mypoints-exxpiration__ttl {
  text-align: left;
}

.modal-mypoints__expiration-table {
  margin-top: 15px;
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .modal-mypoints__expiration-table {
    margin-top: 4%;
    margin-bottom: 8%;
  }
}
.modal-mypoints__expiration-table thead th {
  font-weight: 500;
}
.modal-mypoints__expiration-table th,
.modal-mypoints__expiration-table td {
  padding: 15px 0;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .modal-mypoints__expiration-table th,
  .modal-mypoints__expiration-table td {
    padding: 4% 0;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.modal-mypoints__expiration-table th.valid,
.modal-mypoints__expiration-table td.valid {
  width: 250px;
}
@media screen and (max-width: 991px) {
  .modal-mypoints__expiration-table th.valid,
  .modal-mypoints__expiration-table td.valid {
    width: 42.0895522388%;
  }
}
.modal-mypoints__expiration-table th.trigger,
.modal-mypoints__expiration-table td.trigger {
  width: 258px;
}
@media screen and (max-width: 991px) {
  .modal-mypoints__expiration-table th.trigger,
  .modal-mypoints__expiration-table td.trigger {
    width: 40%;
  }
}
.modal-mypoints__expiration-table th.points,
.modal-mypoints__expiration-table td.points {
  padding-right: 150px;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .modal-mypoints__expiration-table th.points,
  .modal-mypoints__expiration-table td.points {
    padding-right: 0;
  }
}
.modal-mypoints__expiration-table th a,
.modal-mypoints__expiration-table td a {
  text-decoration: underline;
}

.support__description {
  margin-top: 50px;
  text-align: justify;
  margin-left: 10px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .support__description {
    margin-top: 10.6666666667%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.support__description ul {
  list-style-type: "●";
  padding-left: 5px;
}
.support__description li {
  padding-left: 5px;
  margin-bottom: 15px;
}
.support__description-notice {
  margin-left: -10px;
}

.support-content-tab {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .support-content-tab {
    margin-top: 13.3333333333%;
  }
}
.support-content-tab li {
  margin-right: 80px;
}
@media screen and (max-width: 991px) {
  .support-content-tab li {
    margin-right: 7.4626865672%;
    width: 28.3582089552%;
  }
}
.support-content-tab li.last {
  margin-right: 0;
}
.support-content-tab li .support-content-tab-button {
  padding-bottom: 8px;
  font-weight: 500;
  color: #acacac;
  filter: invert(94%) sepia(0%) saturate(1594%) hue-rotate(314deg) brightness(75%) contrast(86%);
}
@media screen and (max-width: 991px) {
  .support-content-tab li .support-content-tab-button {
    width: 100%;
  }
}
.support-content-tab li .support-content-tab-button img {
  max-width: 80px;
}
@media screen and (max-width: 991px) {
  .support-content-tab li .support-content-tab-button img {
    max-width: initial;
    width: 71.5789473684%;
  }
}
.support-content-tab li .support-content-tab-button .txt {
  padding-top: 10px;
  display: inline-block;
}
@media screen and (max-width: 991px) {
  .support-content-tab li .support-content-tab-button .txt {
    padding-top: 16px;
    min-height: 2em;
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.support-content-tab li .support-content-tab-button.active {
  filter: none;
  color: #000;
}
@media all and (min-width: 992px) {
  .support-content-tab li .support-content-tab-button:hover {
    filter: none;
    color: #000;
  }
}

.support-content {
  display: none;
}
.support-content.active {
  display: block;
}
.support-content-wrapper {
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper {
    padding-top: 13.3333333333%;
  }
}
.support-content-wrapper .modal-new-address-form-parts.half {
  width: 48.9092996556%;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .modal-new-address-form-parts.half {
    width: 100%;
  }
}
.support-content-wrapper .button-attache {
  min-width: 150px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .button-attache {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.support-content-wrapper .attached-file-txt {
  margin-left: 15px;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .attached-file-txt {
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.support-content-wrapper .support__input-file {
  display: none;
}
.support-content-wrapper .button-delete {
  min-width: 50px;
  margin-left: 15px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .button-delete {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.support-content-wrapper .attached-file-txt-append {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .attached-file-txt-append {
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.support-content-wrapper .button-support-submit {
  display: block;
  margin: 40px auto 0;
  width: 372px;
  height: 55px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .button-support-submit {
    margin-top: 10.6666666667%;
    padding: 18px 0;
    width: 100%;
    height: auto;
  }
}

.support-attached-file__description {
  margin-top: 20px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .support-attached-file__description {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.support-attached-file__description-pic {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .support-attached-file__description-pic {
    margin-top: 5.3333333333%;
  }
}

.myaccount-row-wrapper {
  display: flex;
}
@media screen and (max-width: 991px) {
  .myaccount-row-wrapper {
    display: block;
  }
}

.myaccount-row-nav {
  width: 304px;
  order: 1;
}
@media screen and (max-width: 991px) {
  .myaccount-row-nav {
    width: 100%;
  }
}

.myaccount-row-content {
  position: relative;
  margin-left: 65px;
  flex: 1;
  order: 2;
}
@media screen and (max-width: 991px) {
  .myaccount-row-content {
    margin-left: 0;
  }
}
@media print {
  .myaccount-row-content {
    min-width: 550px;
  }
}
.myaccount-row-content .modal-address-book-wrapper {
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .myaccount__nav-list {
    margin-top: 18.6666666667%;
  }
}
.myaccount__nav-list li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 12px 10px 16px;
  text-align: left;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  font-size: 1rem;
  line-height: 1.1875;
}
@media screen and (max-width: 991px) {
  .myaccount__nav-list li a {
    padding: 3.7333333333% 2.6666666667% 4.2666666667%;
    font-size: 4.2666666667vw;
    line-height: 1.1875;
  }
}
.myaccount__nav-list li a img {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}
@media screen and (max-width: 991px) {
  .myaccount__nav-list li a img {
    right: calcP810;
  }
}
@media all and (min-width: 992px) {
  .myaccount__nav-list li a:hover {
    text-decoration: none;
    background-color: #f1f1f1;
  }
}
.myaccount__nav-list li a.active {
  color: #000;
  background-color: #f1f1f1;
}
.myaccount__nav-list li a.active img {
  filter: none;
}
.myaccount__nav-list li:last-child a {
  border-bottom: 1px solid #e8e8e8;
}

.cart__product-list--myaccount {
  padding-left: 0;
}
.cart__product-list--myaccount .cart__product-list-article-detail-wrapper {
  flex: 1;
}
.cart__product-list--myaccount .cart__product-list-article-checkout {
  flex-basis: initial;
}
@media screen and (max-width: 991px) {
  .cart__product-list--myaccount .button-text-only {
    margin-left: auto;
    margin-top: 5.3333333333%;
  }
}
.cart__product-list--myaccount .button-gray {
  border-radius: 6px;
}

.cart__product-list--mywaitlist {
  padding-top: 50px;
}
.cart__product-list--mywaitlist .cart__product-list-article:first-child {
  border-top: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .cart__product-list--mywaitlist .cart__product-list-article-checkout {
    margin-top: 5.3333333333%;
    padding-right: 0;
  }
  .cart__product-list--mywaitlist .cart__product-list-article-checkout-nomargin {
    margin-top: 0;
  }
  .cart__product-list--mywaitlist .cart__product-list-article-checkout .button-basic {
    margin-top: 0;
  }
  .cart__product-list--mywaitlist .cart__product-list-article-checkout .button-gray {
    width: 100%;
  }
}
@media all and (min-width: 992px) {
  .cart__product-list--mywaitlist .cart__product-list-article-checkout button:first-child {
    margin-right: 0;
  }
}
@media screen and (max-width: 991px) {
  .cart__product-list--mywaitlist .cart__product-list-article-checkout-action .button-gray {
    width: 100%;
  }
}

.cart__product-list-article-detail-notice {
  margin-top: 5px;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .cart__product-list-article-detail-notice {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

.cart__ttl--myaccount {
  margin-top: 80px;
}

.myaccount-information-ttl-wrapper {
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .myaccount-information-ttl-wrapper {
    padding-bottom: 0;
  }
}
@media all and (min-width: 992px) {
  .myaccount-information .modal-new-address-form-parts.half {
    width: 48.9092996556%;
  }
}
.myaccount-information__description {
  margin-top: 30px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .myaccount-information__description {
    margin-top: 8%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.myaccount-information-update-button {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .myaccount-information-update-button {
    margin-top: 10.6666666667%;
  }
}
.myaccount-information-update-button .button-basic {
  margin-right: auto;
  margin-left: auto;
  padding-top: 18px;
  padding-bottom: 18px;
  width: 372px;
}
@media screen and (max-width: 991px) {
  .myaccount-information-update-button .button-basic {
    width: 100%;
  }
}
.myaccount-information-error-message {
  border: 2px solid #FF006C;
  color: #FF006C;
  max-width: 570px;
  margin: 0 auto;
  margin-top: 50px;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 20px;
}
@media screen and (max-width: 991px) {
  .myaccount-information-error-message {
    margin-bottom: 10.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}

@media print {
  .jsUnderLine .underline {
    display: none !important;
  }
  .mypoints-content-wrapper .mypoints-point__list li span.date {
    min-width: 150px;
  }
  .mypoints-content-wrapper .mypoints-point__list li span.trigger {
    min-width: 238px;
  }
  .mypoints-content-wrapper .spOnly {
    display: none;
  }
}
.cart__product-list--myorders .cart__product-list-article:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.myaccount-order-detail__sttl {
  margin-bottom: 10px;
  color: #000;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__sttl {
    margin-bottom: 1.3333333333%;
  }
}
.myaccount-order-detail__ttl {
  display: flex;
  align-items: flex-start;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__ttl {
    font-size: 7.4666666667vw;
    line-height: 1;
  }
}
.myaccount-order-detail__label-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__label-text {
    flex-direction: column;
    align-items: flex-start;
  }
}
.myaccount-order-detail__label-text .myaccount-order-detail__text {
  margin-left: 10px;
  font-size: 1rem;
  line-height: 1.2;
  color: #264064;
}
.myaccount-order-detail__label-text .myaccount-order-detail__text__shipped {
  color: #748B9F;
}
.myaccount-order-detail__label-text .myaccount-order-detail__text__error, .myaccount-order-detail__label-text .myaccount-order-detail__text__hold {
  color: #FF006C;
}
.myaccount-order-detail__label-text .myaccount-order-detail__text__canceled {
  color: #ACACAC;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__label-text .myaccount-order-detail__text {
    margin-left: 0;
    margin-top: 10px;
    font-size: 4.2666666667vw;
    line-height: 1.3125;
  }
}
.myaccount-order-detail__label {
  display: inline-block;
}
@media all and (min-width: 992px) {
  .myaccount-order-detail__label {
    width: auto;
    height: 24px;
  }
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__label {
    width: auto;
    height: 18px;
  }
}
.myaccount-order-detail__date {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__date {
    margin-top: 5.3333333333%;
  }
}
.myaccount-order-detail__button {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__button {
    position: relative;
    margin-top: 5.3333333333%;
  }
}
.myaccount-order-detail__button button img {
  vertical-align: top;
}
.myaccount-order-detail__button button .txt {
  display: inline-block;
  vertical-align: middle;
}
.myaccount-order-detail__tracking-notice {
  margin-top: 20px;
  line-height: 1.375;
}

.myaccount-order-detail__tracking-number-list {
  padding-top: 25px;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__tracking-number-list {
    padding-top: 4%;
  }
}
.myaccount-order-detail__tracking-number-list li {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__tracking-number-list li {
    padding: 4% 0;
  }
}
.myaccount-order-detail__tracking-number-list li span {
  display: inline-block;
}
.myaccount-order-detail__tracking-number-list li .num {
  flex-basis: 236px;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__tracking-number-list li .num {
    flex-basis: 57.3134%;
  }
}
.myaccount-order-detail__tracking-number-list li .company {
  flex: 1;
}

.cart__ttl--myaccount-order-detail-support {
  margin-top: 80px;
}
@media screen and (max-width: 991px) {
  .cart__ttl--myaccount-order-detail-support {
    margin-top: 18.6666666667%;
  }
}

.myaccount-order-detail-payment-option-table {
  margin-bottom: 0;
}
.myaccount-order-detail-payment-option-table th,
.myaccount-order-detail-payment-option-table td {
  vertical-align: middle;
}
.myaccount-order-detail-payment-option-table th img,
.myaccount-order-detail-payment-option-table td img {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.myaccount-order-detail-payment-option-table th.is-padding-left,
.myaccount-order-detail-payment-option-table td.is-padding-left {
  padding-left: 36px;
}

.myaccount-order-detail__notice {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .myaccount-order-detail__notice {
    margin-top: 5.3333333333%;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.myaccount-order-detail__notice .font-red {
  color: #f00;
}

.myaccount-payment-failed-wrapper {
  position: fixed;
  display: flex;
  justify-content: center;
  padding: 30px 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  background-color: #f1f1f1;
  box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.16);
  z-index: 10;
}
@media screen and (max-width: 991px) {
  .myaccount-payment-failed-wrapper {
    padding: 30px 5.3333333333%;
    box-sizing: border-box;
  }
}
.myaccount-payment-failed-content {
  display: flex;
  width: 540px;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .myaccount-payment-failed-content {
    display: block;
    width: 100%;
  }
}
.myaccount-payment-failed-content-txt {
  flex-basis: 400px;
}
.myaccount-payment-failed-content-txt__ttl {
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 991px) {
  .myaccount-payment-failed-content-txt__ttl {
    font-size: 1rem;
    line-height: 1;
  }
}
.myaccount-payment-failed-content-txt__description {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .myaccount-payment-failed-content-txt__description {
    margin-top: 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.myaccount-payment-failed-content-txt__description a {
  text-decoration: underline;
  cursor: pointer;
}
.myaccount-payment-failed-content-button button {
  min-width: 120px;
}
@media screen and (max-width: 991px) {
  .myaccount-payment-failed-content-button button {
    margin-top: 5.3333333333%;
    width: 100%;
  }
}

@media all and (min-width: 992px) {
  .modal-finalpayment-wrapper {
    padding-right: 40px;
    padding-left: 40px;
    width: 600px;
  }
}

.modal-finalpayment-price-wrapper {
  margin-top: 40px;
  padding: 0 40px;
  border-top: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .modal-finalpayment-price-wrapper {
    margin-top: 8%;
    padding: 0 2.6666666667%;
  }
}

.checkout-price-detail__list--finalpayment {
  margin-top: 0;
  padding: 20px 0;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--finalpayment {
    padding: 5.3333333333% 0;
  }
}
.checkout-price-detail__list--finalpayment.first {
  border-bottom: 1px solid #e8e8e8;
}
.checkout-price-detail__list--finalpayment li span.term {
  flex-basis: 253px;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--finalpayment li span.term {
    flex-basis: 51.4285714286%;
  }
}
.checkout-price-detail__list--finalpayment li span.price {
  flex-basis: 186px;
}
@media screen and (max-width: 991px) {
  .checkout-price-detail__list--finalpayment li span.price {
    flex-basis: 48.5714285714%;
  }
}

.modal-finalpayment-address-wrapper {
  margin-top: 19px;
  margin-bottom: 40px;
  padding: 20px 40px;
  text-align: left;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .modal-finalpayment-address-wrapper {
    margin-top: 13.3333333333%;
    margin-bottom: 5.3333333333%;
    padding: 5.3333333333% 0;
  }
}
.modal-finalpayment-address__ttl {
  margin-bottom: 20px;
  font-weight: 700;
  color: #000;
}
@media screen and (max-width: 991px) {
  .modal-finalpayment-address__ttl {
    margin-bottom: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.modal-finalpayment-address__detail {
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .modal-finalpayment-address__detail {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.modal-finalpayment-address__detail .name {
  font-weight: 500;
}

.modal-finalpayment-buttons {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .modal-finalpayment-buttons {
    padding: 0;
    display: block;
  }
  .modal-finalpayment-buttons li {
    margin-top: 20px;
  }
  .modal-finalpayment-buttons li:first-child {
    margin-top: 0;
  }
  .modal-finalpayment-buttons button {
    width: 100%;
  }
}

.myaccount-payment-failed-wrapper--payment-confirmation .myaccount-payment-failed-content {
  justify-content: center;
}
.myaccount-payment-failed-wrapper--payment-confirmation .myaccount-payment-failed-content button {
  min-width: 250px;
}
@media screen and (max-width: 991px) {
  .myaccount-payment-failed-wrapper--payment-confirmation .myaccount-payment-failed-content button {
    margin-top: 0;
  }
}

.myaccount-order-edit-bar {
  margin-top: 50px;
  padding: 14px 0;
  color: #fff;
  font-weight: 500;
  text-align: center;
  background-color: #264064;
}
@media screen and (max-width: 991px) {
  .myaccount-order-edit-bar {
    margin: 10.6666666667% calc(50% - 50vw) 0;
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}

.myaccount-order-edit-info {
  text-align: right;
  margin-top: 10px;
  line-height: 1.375;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .myaccount-order-edit-info {
    margin-top: 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.myaccount-order-edit-info .font-red {
  color: #f00;
}

.signin-content {
  padding: 0 9.6774%;
  width: 50%;
  box-sizing: border-box;
}
.signin-content-wrapper {
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .signin-content-wrapper {
    display: block;
    margin-top: 0;
    padding-top: 5.3333333333%;
  }
  .signin-content-wrapper .modal-new-address-form-wrapper {
    padding-top: 0;
  }
}
.signin-content-wrapper button.button-basic {
  margin-top: 30px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .signin-content-wrapper button.button-basic {
    margin-top: 5.3333333333%;
  }
}
.signin-content-wrapper button.button-basic.signin-button-apply {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .signin-content-wrapper button.button-basic.signin-button-apply {
    margin-top: 10.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .signin-content {
    display: none;
    padding: 0;
    width: 100%;
  }
  .signin-content.active {
    display: block;
  }
}
.signin-content.first {
  border-right: 1px solid #e8e8e8;
}
@media screen and (max-width: 991px) {
  .signin-content.first {
    border-right: none;
  }
}
.signin-content__ttl {
  padding-bottom: 10px;
  text-align: center;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  color: #000;
}
.signin-content__description {
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .signin-content__description {
    margin-top: 5.3333333333%;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 991px) {
  .signin-content-tab {
    margin-top: 10.6666666667%;
    display: flex;
    justify-content: center;
  }
  .signin-content-tab li:first-child {
    margin-right: 16%;
  }
  .signin-content-tab li .button-text {
    position: relative;
    padding-bottom: 10px;
    color: #acacac;
    font-weight: 500;
    font-size: 4.8vw;
    line-height: 1;
    box-sizing: border-box;
  }
  .signin-content-tab li .button-text.active {
    color: #000;
  }
}

.signin-complete-wrapper {
  margin-top: 80px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .signin-complete-wrapper {
    margin-top: 11.7333333333%;
  }
}

.signin-complete__img {
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .signin-complete__img {
    margin-bottom: 8%;
  }
}

.checkout-complete__description--signin {
  text-align: left;
}
@media all and (min-width: 992px) {
  .checkout-complete__description--signin {
    margin-right: auto;
    margin-left: auto;
    max-width: 560px;
  }
}

.reset-password-content-wrapper {
  margin: 76px auto 0;
  max-width: 400px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper {
    margin-top: 11.7333333333%;
  }
}
.reset-password-content-wrapper .reset-password-content__text {
  margin: 40px 0;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper .reset-password-content__text {
    margin-top: 10.6666666667%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.reset-password-content-wrapper .reset-password-form__ttl {
  margin-bottom: 10px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper .reset-password-form__ttl {
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
}
.reset-password-content-wrapper input.input__text {
  width: 100%;
}
.reset-password-content-wrapper button.button-basic {
  margin-top: 30px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper button.button-basic {
    margin-top: 8%;
    width: 100%;
  }
}
.reset-password-content-wrapper button.button-back {
  margin-top: 20px;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  min-width: 230px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 500;
  background-color: #f1f1f1;
  border-radius: 6px;
}
@media all and (min-width: 992px) {
  .reset-password-content-wrapper button.button-back:not(:disabled):hover {
    background-color: #ddd;
    color: #000;
  }
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper button.button-back {
    min-width: initial;
    padding-left: 54px;
    padding-right: 54px;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
    margin-top: 5.3333333333%;
  }
}
.reset-password-content-wrapper__sent-email {
  margin: 76px auto 0;
  max-width: 560px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper__sent-email {
    margin-top: 11.7333333333%;
  }
}
.reset-password-content-wrapper__sent-email .reset-password--sent-email-content__text {
  margin-top: 20px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper__sent-email .reset-password--sent-email-content__text {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.reset-password-content-wrapper__sent-email button.button-basic {
  margin: 40px auto 0;
  width: 100%;
  max-width: 400px;
  display: block;
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper__sent-email button.button-basic {
    margin-top: 5.3333333333%;
    width: 100%;
  }
}
.reset-password-content-wrapper__sent-email .main-content__ttl {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .reset-password-content-wrapper__sent-email .main-content__ttl {
    margin-top: 8%;
  }
}

.terms-of-service-row-wrapper {
  display: flex;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-wrapper {
    flex-direction: column;
  }
  .terms-of-service-row-wrapper .myaccount__nav-list {
    margin-top: 10.6666666667%;
  }
}

.terms-of-service-row-nav {
  width: 304px;
  order: 1;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-nav {
    width: 100%;
  }
}

.terms-of-service-row-content {
  position: relative;
  margin-left: 65px;
  flex: 1;
  order: 2;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content {
    margin-left: 0;
    margin-top: 10.6666666667%;
  }
}
.terms-of-service-row-content__onecolumnformat {
  max-width: 872px;
  margin-left: 0;
  margin: 0 auto;
}
.terms-of-service-row-content__onecolumnformat .terms-of-service-parts__full-text {
  margin-top: 40px;
  font-weight: var(--font-weight-normal);
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content__onecolumnformat .terms-of-service-parts__full-text {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 10.6666666667%;
  }
}
.terms-of-service-row-content__onecolumnformat .terms-of-service-parts__full-img {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content__onecolumnformat .terms-of-service-parts__full-img {
    margin-top: 10.6666666667%;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-text {
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__ttl-text {
    margin-top: 10.6666666667%;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-text__ttl {
  color: #000000;
  font-weight: var(--font-weight-bold);
  font-size: 1.125rem;
  line-height: 1.3333333333;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__ttl-text__ttl {
    font-size: 4.8vw;
    line-height: 1.3333333333;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-text__text {
  color: #666666;
  font-weight: var(--font-weight-regular);
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__ttl-text__text {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list {
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__ttl-list {
    margin-top: 18.6666666667%;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__ttl {
  border-bottom: 2px solid #E8E8E8;
  color: #000000;
  font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  line-height: 1.1666666667;
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__ttl-list__ttl {
    font-size: 5.8666666667vw;
    line-height: 1.2;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist {
    margin-top: 8%;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist > li {
  display: table;
  margin-top: 15px;
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist > li:first-child {
  margin-top: 0;
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist > li > div {
  color: #666666;
  display: table-cell;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist > li > div {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist > li > div a {
  text-decoration: underline;
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__numlist > li > div:first-child {
  width: 20px;
}
.terms-of-service-row-content .terms-of-service-parts__ttl-list__text {
  margin-top: 25px;
}
.terms-of-service-row-content .terms-of-service-parts__dotlist {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__dotlist {
    margin-top: 8%;
  }
}
.terms-of-service-row-content .terms-of-service-parts__dotlist li {
  display: table;
  margin-top: 15px;
}
.terms-of-service-row-content .terms-of-service-parts__dotlist li > div {
  display: table-cell;
  color: #666666;
  display: table-cell;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .terms-of-service-row-content .terms-of-service-parts__dotlist li > div {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.terms-of-service-row-content .terms-of-service-parts__dotlist li > div:first-child {
  width: 19px;
  font-size: 0.375rem;
  line-height: 1;
}

.server-maintenance-content {
  padding-top: 150px;
}
@media screen and (max-width: 991px) {
  .server-maintenance-content {
    padding-top: 18.6666666667%;
  }
}
.server-maintenance-content__img {
  text-align: center;
}
.server-maintenance-content__ttl {
  color: #000;
  text-align: center;
  font-size: 2.25rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .server-maintenance-content__ttl {
    font-size: 8.5333333333vw;
    line-height: 1.1875;
    margin-top: 10.6666666667%;
  }
}
.server-maintenance-content__text {
  max-width: 560px;
  margin: 40px auto 0;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .server-maintenance-content__text {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.not-found-content-wrapper {
  margin: 76px auto 0;
  max-width: 345px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper {
    margin-top: 11.7333333333%;
  }
}
.not-found-content-wrapper__text {
  margin: 40px 0;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper__text {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.not-found-content-wrapper .main-content__ttl {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper .main-content__ttl {
    margin-top: 8%;
    font-size: 8.5333333333vw;
    line-height: 1.1875;
  }
}
.not-found-content-wrapper .not-found-content__text {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 20px;
}
.not-found-content-wrapper button.button-basic {
  display: block;
  margin: 30px auto 0;
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper button.button-basic {
    margin-top: 8%;
    width: 100%;
  }
}
.not-found-content-wrapper button.button-back {
  margin-top: 20px;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  min-width: 230px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 500;
  background-color: #f1f1f1;
  border-radius: 6px;
}
@media all and (min-width: 992px) {
  .not-found-content-wrapper button.button-back:not(:disabled):hover {
    background-color: #ddd;
    color: #000;
  }
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper button.button-back {
    min-width: initial;
    padding-left: 54px;
    padding-right: 54px;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
    margin-top: 5.3333333333%;
  }
}

.not-found-content-wrapper {
  margin: 76px auto 0;
  max-width: 385px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper {
    margin-top: 11.7333333333%;
  }
}
.not-found-content-wrapper__text {
  margin: 40px 0;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper__text {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.not-found-content-wrapper .main-content__ttl {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper .main-content__ttl {
    margin-top: 8%;
    font-size: 8.5333333333vw;
    line-height: 1.1875;
  }
}
.not-found-content-wrapper .not-found-content__text {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 20px;
}
.not-found-content-wrapper button.button-basic {
  display: block;
  margin: 30px auto 0;
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper button.button-basic {
    margin-top: 8%;
    width: 100%;
  }
}
.not-found-content-wrapper button.button-back {
  margin-top: 20px;
  width: 100%;
  padding: 12px 0;
  text-align: center;
  min-width: 230px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 500;
  background-color: #f1f1f1;
  border-radius: 6px;
}
@media all and (min-width: 992px) {
  .not-found-content-wrapper button.button-back:not(:disabled):hover {
    background-color: #ddd;
    color: #000;
  }
}
@media screen and (max-width: 991px) {
  .not-found-content-wrapper button.button-back {
    min-width: initial;
    padding-left: 54px;
    padding-right: 54px;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
    margin-top: 5.3333333333%;
  }
}

.faq-row-wrapper {
  display: flex;
}
@media screen and (max-width: 991px) {
  .faq-row-wrapper {
    flex-direction: column;
  }
  .faq-row-wrapper .myaccount-row-nav .myaccount__nav-list {
    margin-top: 10.6666666667%;
  }
}

.faq-row-nav {
  width: 304px;
  order: 1;
}
@media screen and (max-width: 991px) {
  .faq-row-nav {
    width: 100%;
  }
}

.faq-row-content {
  position: relative;
  margin-left: 65px;
  flex: 1;
  order: 2;
}
@media screen and (max-width: 991px) {
  .faq-row-content {
    margin-left: 0;
    margin-top: 10.6666666667%;
  }
}
.faq-row-content .faq-parts-ttl {
  margin-top: 50px;
  border-bottom: 2px solid #E8E8E8;
  color: #000000;
  font-weight: var(--font-weight-bold);
  font-size: 1.5rem;
  line-height: 1.1666666667;
  padding-bottom: 10px;
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .faq-row-content .faq-parts-ttl {
    margin-top: 18.6666666667%;
    font-size: 5.8666666667vw;
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) {
  .faq-row-content .faq-parts-ttl__first {
    margin-top: 8%;
  }
}
.faq-row-content .faq-parts-qa {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 20px;
}
.faq-row-content .faq-parts-qa-wrap {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .faq-row-content .faq-parts-qa-wrap {
    margin-top: 8%;
  }
}
.faq-row-content .faq-parts-qa__a, .faq-row-content .faq-parts-qa__q {
  color: #666666;
  display: table;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .faq-row-content .faq-parts-qa__a, .faq-row-content .faq-parts-qa__q {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.faq-row-content .faq-parts-qa__a > p:first-child, .faq-row-content .faq-parts-qa__q > p:first-child {
  width: 20px;
}
.faq-row-content .faq-parts-qa__a > div a, .faq-row-content .faq-parts-qa__q > div a {
  text-decoration: underline;
}
.faq-row-content .faq-parts-qa__a > div > p, .faq-row-content .faq-parts-qa__q > div > p {
  margin-top: 10px;
}
.faq-row-content .faq-parts-qa__a > div > p:first-child, .faq-row-content .faq-parts-qa__q > div > p:first-child {
  margin-top: 0;
}
.faq-row-content .faq-parts-qa__a .dot-list, .faq-row-content .faq-parts-qa__q .dot-list {
  margin-top: 10px;
}
.faq-row-content .faq-parts-qa__a .dot-list:first-child, .faq-row-content .faq-parts-qa__q .dot-list:first-child {
  margin-top: 0;
}
.faq-row-content .faq-parts-qa__a .dot-list li, .faq-row-content .faq-parts-qa__q .dot-list li {
  display: table;
}
.faq-row-content .faq-parts-qa__a .dot-list li > p, .faq-row-content .faq-parts-qa__q .dot-list li > p {
  display: table-cell;
}
.faq-row-content .faq-parts-qa__a .dot-list li > p:first-child, .faq-row-content .faq-parts-qa__q .dot-list li > p:first-child {
  font-size: 0.375rem;
  line-height: 1;
  width: 15px;
}
.faq-row-content .faq-parts-qa__a .num-list, .faq-row-content .faq-parts-qa__q .num-list {
  margin-top: 10px;
}
.faq-row-content .faq-parts-qa__a .num-list:first-child, .faq-row-content .faq-parts-qa__q .num-list:first-child {
  margin-top: 0;
}
.faq-row-content .faq-parts-qa__a .num-list li, .faq-row-content .faq-parts-qa__q .num-list li {
  display: table;
}
.faq-row-content .faq-parts-qa__a .num-list li > p, .faq-row-content .faq-parts-qa__q .num-list li > p {
  display: table-cell;
}
.faq-row-content .faq-parts-qa__a .num-list li > p:first-child, .faq-row-content .faq-parts-qa__q .num-list li > p:first-child {
  width: 15px;
}
.faq-row-content .faq-parts-qa__a > p,
.faq-row-content .faq-parts-qa__a > div, .faq-row-content .faq-parts-qa__q > p,
.faq-row-content .faq-parts-qa__q > div {
  display: table-cell;
}
.faq-row-content .faq-parts-qa__q {
  transition: 0.3s;
  text-align: left;
}
@media all and (min-width: 992px) {
  .faq-row-content .faq-parts-qa__q:hover {
    cursor: pointer;
    color: #000000;
    text-decoration: underline;
  }
}
.faq-row-content .faq-parts-qa__a {
  display: none;
}

.contact-content {
  max-width: 872px;
  margin: 0 auto;
}
.contact-content .contact__description {
  margin-top: 50px;
  text-align: justify;
  margin-left: 10px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .contact-content .contact__description {
    margin-top: 10.6666666667%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.contact-content .contact__description ul {
  list-style-type: "●";
  padding-left: 5px;
}
.contact-content .contact__description li {
  padding-left: 5px;
  margin-bottom: 15px;
}
.contact-content .contact__description-notice {
  margin-left: -10px;
}

.support-content-tab {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .support-content-tab {
    margin-top: 13.3333333333%;
  }
}
.support-content-tab li {
  margin-right: 80px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .support-content-tab li {
    margin-right: 7.4626865672%;
    width: 28.3582089552%;
  }
}
.support-content-tab li.last {
  margin-right: 0;
}
.support-content-tab li .support-content-tab__caution {
  filter: invert(94%) sepia(0%) saturate(1594%) hue-rotate(314deg) brightness(75%) contrast(86%);
  color: #acacac;
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .support-content-tab li .support-content-tab__caution {
    font-size: 3.2vw;
    line-height: 1.1666666667;
  }
}
@media screen and (max-width: 991px) {
  .support-content-tab li.center .support-content-tab__caution {
    margin-top: 1.8666666667%;
  }
}
@media screen and (max-width: 991px) {
  .support-content-tab li.first .support-content-tab__caution {
    margin-top: 8%;
  }
}
.support-content-tab li .support-content-tab-button {
  display: block;
  padding-bottom: 8px;
  font-weight: 500;
  filter: invert(94%) sepia(0%) saturate(1594%) hue-rotate(314deg) brightness(75%) contrast(86%);
}
.support-content-tab li .support-content-tab-button:hover {
  text-decoration: none;
}
@media screen and (max-width: 991px) {
  .support-content-tab li .support-content-tab-button {
    width: 100%;
  }
}
.support-content-tab li .support-content-tab-button img {
  max-width: 80px;
}
@media screen and (max-width: 991px) {
  .support-content-tab li .support-content-tab-button img {
    max-width: initial;
    width: 71.5789473684%;
  }
}
.support-content-tab li .support-content-tab-button .txt {
  filter: invert(94%) sepia(0%) saturate(1594%) hue-rotate(314deg) brightness(75%) contrast(86%);
  color: #acacac;
  padding-top: 10px;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.1875;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .support-content-tab li .support-content-tab-button .txt {
    padding-top: 5px;
    min-height: 2em;
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.support-content-tab li .support-content-tab-button__contact.active {
  filter: none;
  color: #000;
  border-bottom: 2px solid #000;
}
@media all and (min-width: 992px) {
  .support-content-tab li .support-content-tab-button:hover {
    filter: none;
    color: #000;
  }
}

@media screen and (max-width: 991px) {
  .support-content-tab {
    /* Allow items to wrap on smaller screens */
    flex-wrap: wrap;
    justify-content: center;
  }
  .support-content-tab li {
    width: 30%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.support-content {
  display: none;
}
.support-content.active {
  display: block;
}
.support-content-wrapper {
  padding-top: 50px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper {
    padding-top: 13.3333333333%;
  }
}
.support-content-wrapper .modal-new-address-form-parts.half {
  width: 48.9092996556%;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .modal-new-address-form-parts.half {
    width: 100%;
  }
}
.support-content-wrapper .button-attache {
  min-width: 150px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .button-attache {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.support-content-wrapper .attached-file-txt {
  margin-left: 15px;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .attached-file-txt {
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.support-content-wrapper .support__input-file {
  display: none;
}
.support-content-wrapper .button-delete {
  min-width: 50px;
  margin-left: 15px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .button-delete {
    font-size: 3.7333333333vw;
    line-height: 1;
  }
}
.support-content-wrapper .attached-file-txt-append {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .attached-file-txt-append {
    font-size: 4.2666666667vw;
    line-height: 1;
  }
}
.support-content-wrapper .button-support-submit, .support-content-wrapper .button-collaboration-submit {
  display: block;
  margin: 40px auto 0;
  width: 372px;
  height: 55px;
}
@media screen and (max-width: 991px) {
  .support-content-wrapper .button-support-submit, .support-content-wrapper .button-collaboration-submit {
    margin-top: 10.6666666667%;
    padding: 18px 0;
    width: 100%;
    height: auto;
  }
}

.support-attached-file__description {
  margin-top: 20px;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .support-attached-file__description {
    margin-top: 5.3333333333%;
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}

.support-attached-file__description-pic {
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .support-attached-file__description-pic {
    margin-top: 5.3333333333%;
  }
}

.distributors {
  color: #0000EE;
}

.all-series-content {
  font-size: 1rem;
  line-height: 1.5;
}
.all-series-content-anchor {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .all-series-content-anchor {
    margin-top: 10.6666666667%;
    flex-wrap: wrap;
  }
}
.all-series-content-anchor li {
  margin-left: 10px;
}
.all-series-content-anchor li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 991px) {
  .all-series-content-anchor li:nth-child(17) {
    margin-left: 0;
  }
}
.all-series-content-anchor a {
  color: #264064;
  font-size: 1.125rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .all-series-content-anchor a {
    margin-top: 10.6666666667%;
    font-size: 4.8vw;
    line-height: 2;
  }
}
.all-series-content .all-series-content-parts {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .all-series-content .all-series-content-parts-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 991px) {
  .all-series-content .all-series-content-parts {
    margin-top: 10.6666666667%;
    width: 48%;
  }
}
.all-series-content .all-series-content-parts .all-series-content-parts__ttl {
  color: #000;
  border-bottom: 2px solid #e8e8e8;
  padding-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .all-series-content .all-series-content-parts .all-series-content-parts__ttl {
    font-size: 5.8666666667vw;
    line-height: 1.2;
  }
}
.all-series-content .all-series-content-parts .all-series-content-list {
  margin-top: 40px;
}
@media all and (min-width: 992px) {
  .all-series-content .all-series-content-parts .all-series-content-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -moz-columns: 4;
         columns: 4;
  }
}
@media screen and (max-width: 991px) {
  .all-series-content .all-series-content-parts .all-series-content-list {
    display: block;
    margin-top: 30px;
  }
}
.all-series-content .all-series-content-parts .all-series-content-list li {
  color: #666;
  margin-right: 40px;
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.1875;
  font-weight: var(--font-weight-regular);
}
.all-series-content .all-series-content-parts .all-series-content-list li a {
  color: #666;
  font-size: 1rem;
  line-height: 1.1875;
  font-weight: var(--font-weight-regular);
  transition: 0.3s;
}
.all-series-content .all-series-content-parts .all-series-content-list li a:hover {
  color: #000;
}
@media screen and (max-width: 991px) {
  .all-series-content .all-series-content-parts .all-series-content-list li {
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
  .all-series-content .all-series-content-parts .all-series-content-list li a {
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.all-series-content .all-series-content-parts .all-series-content-list li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .all-series-content .all-series-content-parts .all-series-content-list li {
    width: 100%;
    margin-right: 0;
  }
}
.all-series-content .all-series-content-parts .all-series-content-list li.all-series-content-list-parts__pic-anchor a {
  color: #000;
  background: #f1f1f1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
}
.all-series-content .all-series-content-parts .all-series-content-list li.all-series-content-list-parts__pic-anchor a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.all-series-content .all-series-content-parts .all-series-content-list li.all-series-content-list-parts__pic-anchor a img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 50px;
  width: 50px;
}
.all-series-content .all-series-content-parts .all-series-content-list li.all-series-content-list-parts__pic-anchor a > p {
  padding-left: 15px;
}
@media screen and (max-width: 991px) {
  .all-series-content .all-series-content-parts .all-series-content-list li.all-series-content-list-parts__pic-anchor a > p {
    padding-left: 7px;
  }
}

.product-ttl-img {
  max-width: 1920px;
  width: 100%;
  max-height: 85vh;
  margin: 0 auto;
  z-index: 0;
}
.product-ttl-img img {
  width: 100%;
  max-height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 991px) {
  .product-ttl-img {
    max-height: 435px;
  }
  .product-ttl-img img {
    -o-object-fit: fill;
       object-fit: fill;
    width: 100%;
    height: 435px;
  }
}

.product-content-wrapper {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 30px 150px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .product-content-wrapper {
    padding: 0 15px 100px;
  }
}

.not-content {
  text-align: center;
  color: #CCCCCC;
  margin-top: 60px;
  font-size: 1.75rem;
  line-height: 1.1785714286;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .not-content {
    font-size: 5.3333333333vw;
    line-height: 1.2;
    margin-top: 16%;
  }
}

.product-content-search .input__search-form {
  width: 100%;
}
.product-content-search .input__search-form::before {
  height: 28px;
  width: 28px;
  top: 19px;
  left: 22px;
}
@media screen and (max-width: 991px) {
  .product-content-search .input__search-form::before {
    width: 17px;
    height: 17px;
    top: 16px;
    left: 12px;
  }
}
.product-content-search .input__search-form .input__search {
  background: #f1f1f1;
  border: none;
  font-size: 2.25rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
  height: 63px;
  width: 100%;
  padding-left: 67px;
}
.product-content-search .input__search-form .input__search::-moz-placeholder {
  color: darkGray;
}
.product-content-search .input__search-form .input__search::placeholder {
  color: darkGray;
}
.product-content-search .input__search-form .input__search:focus-visible::-moz-placeholder {
  color: #f1f1f1;
}
.product-content-search .input__search-form .input__search:focus-visible::placeholder {
  color: #f1f1f1;
}
@media screen and (max-width: 991px) {
  .product-content-search .input__search-form .input__search {
    height: 48px;
    font-size: 1.5rem;
    line-height: 1.1666666667;
    font-weight: var(--font-weight-bold);
    padding-left: 48px;
  }
}
.product-content-body {
  display: none;
}
.product-content-body.active {
  display: block;
}
.product-content-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.product-content-tab li {
  margin-right: 40px;
}
.product-content-tab li.last {
  margin-right: 0;
}
.product-content-tab-button {
  font-size: 1.125rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-medium);
  padding-bottom: 7px;
}
@media screen and (max-width: 991px) {
  .product-content-tab-button {
    font-size: 4.8vw;
    line-height: 1.1666666667;
  }
}
.product-content-tab-button.active {
  color: #000;
}
.product-content .product-content-tag-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .product-content .product-content-tag-list {
    margin-top: 5.3333333333%;
  }
}
.product-content .product-content-tag-list li {
  margin-left: 15px;
}
.product-content .product-content-tag-list li:first-child {
  margin-left: 0;
}
.product-content .product-content-tag-list li a {
  background: #f1f1f1;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-regular);
  padding: 10px 26px 10px 10px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .product-content .product-content-tag-list li a {
    display: block;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
}
.product-content .product-content-tag-list li a img {
  position: absolute;
  right: 10px;
  top: 40%;
}
@media all and (min-width: 992px) {
  .product-content .product-content-tag-list li a:not(:disabled):hover {
    background-color: #ddd;
    color: #000;
    text-decoration: none;
  }
}
@media screen and (max-width: 991px) {
  .product-content .product-content-tag-list li a {
    min-width: initial;
    padding: 10px 26px 10px 10px;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content .product-content-tag-list li a {
    font-size: 2.0833333333vw;
    line-height: 1;
  }
}
.product-content .product-content-item-count {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-regular);
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .product-content .product-content-item-count {
    margin-top: 5.3333333333%;
  }
}
.product-content .product-content-item-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-columns: 4;
       columns: 4;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 40px;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .product-content .product-content-item-list {
    grid-template-columns: 1fr 1fr;
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 7px;
         column-gap: 7px;
    row-gap: 15px;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .product-content .product-content-item-list {
    margin-top: 5.3333333333%;
  }
}
.product-content .product-content-item-list li .product-content-item-list__tag-list {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.product-content .product-content-item-list li .product-content-item-list__images {
  position: relative;
  line-height: 1;
}
.product-content .product-content-item-list li .product-content-item-list__images__badge {
  position: absolute;
  top: 10px;
  right: 10px;
}
@media screen and (max-width: 991px) {
  .product-content .product-content-item-list li .product-content-item-list__images__badge {
    width: 32px;
    height: 32px;
    top: 5px;
    right: 5px;
  }
}
.product-content .product-content-item-list li .product-content-item-list__ttl {
  color: #000;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-medium);
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .product-content .product-content-item-list li .product-content-item-list__ttl {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
    margin-top: 2.6666666667%;
  }
}
.product-content .product-content-item-list li .product-content-item-list__price {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .product-content .product-content-item-list li .product-content-item-list__price {
    font-size: 2.6666666667vw;
    line-height: 1.8;
    margin-top: 1.8666666667%;
  }
}
.product-content .product-content-item-list__articles li .product-content-item-list__ttl {
  text-align: left;
}
.product-content__p1s-360-video {
  margin-top: 80px;
}

.product-content__detail .product-content__detail-col.first {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col.first {
    flex-direction: column;
  }
}
.product-content__detail .product-content__detail-col-slider {
  width: 65%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col-slider {
    width: 100vw;
    margin-left: calc((100% - 100vw) * 0.5);
  }
}
.product-content__detail .product-content__detail-col-slider__main {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.product-content__detail .product-content__detail-col-slider__main::before {
  content: "";
  display: block;
  padding-top: 66.75%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col-slider__main::before {
    padding-top: 100%;
  }
}
.product-content__detail .product-content__detail-col-slider__main img {
  position: absolute;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.product-content__detail .product-content__detail-col-slider__items {
  margin-top: 14px;
}
.product-content__detail .product-content__detail-col-slider__items img {
  height: 80px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col-slider__items img {
    height: 60px;
  }
}
.product-content__detail .product-content__detail-col-slider__items .slick-slide + .slick-slide {
  margin-left: 5px;
}
.product-content__detail .product-content__detail-col-slider__items .slick-prev {
  position: absolute;
  left: 6px;
  top: calc(50% - 12px);
  z-index: 10;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #fff;
  font-size: 0;
}
.product-content__detail .product-content__detail-col-slider__items .slick-prev::after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: solid #000 0;
  border-width: 2px 2px 0 0;
  position: absolute;
  left: calc(50% - 3px);
  top: calc(50% - 4px);
  transform: rotate(225deg);
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.product-content__detail .product-content__detail-col-slider__items .slick-prev:hover::after {
  opacity: 0.5;
}
.product-content__detail .product-content__detail-col-slider__items .slick-prev.slick-disabled {
  display: none !important;
}
.product-content__detail .product-content__detail-col-slider__items .slick-next {
  position: absolute;
  right: 6px;
  top: calc(50% - 12px);
  z-index: 10;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #fff;
  font-size: 0;
}
.product-content__detail .product-content__detail-col-slider__items .slick-next::after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: solid #000 0;
  border-width: 2px 2px 0 0;
  position: absolute;
  left: calc(50% - 5px);
  top: calc(50% - 4px);
  transform: rotate(45deg);
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.product-content__detail .product-content__detail-col-slider__items .slick-next:hover::after {
  opacity: 0.5;
}
.product-content__detail .product-content__detail-col-slider__items .slick-next.slick-disabled {
  display: none !important;
}
.product-content__detail .product-content__detail-col-img {
  width: 65%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col-img {
    width: 111%;
    margin-left: -5.3333333333%;
    margin-right: -5.3333333333%;
  }
}
.product-content__detail .product-content__detail-col-information {
  width: 29.8387096774%;
  margin-left: 5.3225806452%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col-information {
    width: 100%;
    margin-left: 0;
    margin-top: 8%;
  }
}
.product-content__detail .product-content__detail-col-information.commingsoon {
  width: 30.1612903226%;
  margin-left: 4.8387096774%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col-information.commingsoon {
    width: 100%;
    margin-left: 0;
    margin-top: 8%;
  }
}
.product-content__detail .product-content__detail-col-information.commingsoon .product-content__detail-col__work-name {
  margin-top: 0;
}
.product-content__detail .product-content__detail-col-information.commingsoon .product-content__detail-col__work-name > p, .product-content__detail .product-content__detail-col-information.commingsoon .product-content__detail-col__work-name h1 {
  margin-top: 0;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__commingsoon__text {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 37px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__commingsoon__text {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 4%;
  }
}
.product-content__detail .product-content__detail-col .product-content-item-list__tag-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content-item-list__tag-list {
    margin-top: 2.6666666667%;
  }
}
.product-content__detail .product-content__detail-col .product-content-item-list__tag-list li {
  margin-left: 5px;
}
.product-content__detail .product-content__detail-col .product-content-item-list__tag-list li:first-child {
  margin-left: 0;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__work {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-Regular);
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__work {
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
    margin-top: 2.6666666667%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__work-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__work-name > p, .product-content__detail .product-content__detail-col .product-content__detail-col__work-name h1 {
  color: #000;
  font-size: 2.25rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__work-name > p, .product-content__detail .product-content__detail-col .product-content__detail-col__work-name h1 {
    font-size: 8.5333333333vw;
    line-height: 1.1875;
    margin-top: 2.6666666667%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__work-name .button-favorite {
  background: #f1f1f1;
  border-radius: 50%;
  position: relative;
  height: 36px;
  width: 36px;
  min-width: 36px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__work-name .button-favorite {
    height: 30px;
    width: 30px;
    min-width: 30px;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__work-name .button-favorite img {
  position: absolute;
  top: 29%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: 0.3s;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__work-name .button-favorite img {
    width: 17px;
    height: 14px;
  }
}
@media all and (min-width: 992px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__work-name .button-favorite:hover img {
    transition: 0.3s;
    filter: invert(66%) sepia(1%) saturate(0%) hue-rotate(172deg) brightness(104%) contrast(93%);
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__work-name .button-favorite.is-active img {
  filter: invert(16%) sepia(91%) saturate(6783%) hue-rotate(328deg) brightness(99%) contrast(105%);
}
.product-content__detail .product-content__detail-col .product-content__detail-col__description {
  color: #000;
  font-size: 1rem;
  line-height: 1.1875;
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__description {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 2.6666666667%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__version {
  color: #666;
  font-size: 1rem;
  line-height: 2.1875;
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__version {
    font-size: 4.2666666667vw;
    line-height: 2.1875;
    margin-top: 4%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns {
    margin-top: 8%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li {
  width: 48.6486486486%;
  margin-top: 10px;
  position: relative;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li.first-line {
  margin-top: 0;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .cant-selected {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 8px;
  left: 9px;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li label {
  border: 2px solid #f1f1f1;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  text-align: center;
  border-radius: 6px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns li label {
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns li label {
    height: 85px;
    font-size: 3.6458333333vw;
    line-height: 1.0714285714;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li label:hover {
  cursor: pointer;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li input[type=radio] {
  display: none;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li input[type=radio]:checked + label {
  border: 2px solid #264064;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change {
  background: #f1f1f1;
  border-radius: 6px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  width: 100%;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change {
    height: 80px;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change > img {
  margin-right: 10px;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change > img {
    width: 35px;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change > span {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  color: #666;
  text-align: left;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change > span {
    font-size: 3.6458333333vw;
    line-height: 1.0714285714;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change:hover {
  background: #ddd;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change-disabled {
  background: #ACACAC;
  border-radius: 6px;
  color: #F1F1F1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  width: 100%;
  cursor: default;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change-disabled > img {
  margin-right: 10px;
  filter: brightness(220%) contrast(100%);
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns li .button-icon-is-change-disabled > span {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  color: #F1F1F1;
  text-align: left;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li {
  width: auto;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-basic {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  width: 259px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-medium);
  margin-top: 0;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-basic img {
  margin-right: 13px;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-basic .active {
  display: none;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-basic.is-active .active {
  display: block;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-basic.is-active .not-active {
  display: none;
}
.product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-icon-is-change {
  width: 100px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-medium);
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-basic {
    height: 52px;
    width: 225px;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li .button-basic {
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
  }
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__btns.commingsoon li.second {
    margin-left: 10px;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__price {
  color: #000;
  font-size: 1.25rem;
  line-height: 1.8;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__price {
    font-size: 5.3333333333vw;
    line-height: 1.8;
    margin-top: 8%;
    margin-bottom: 8%;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__price {
    font-size: 5.3333333333vw;
    line-height: 1.8;
    margin-top: 5.3333333333%;
    margin-bottom: 5.3333333333%;
  }
}
.product-content__detail .product-content__detail-col .button-basic {
  font-size: 1rem;
  line-height: 1.1875;
  height: 55px;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .button-basic {
    font-size: 4.2666666667vw;
    line-height: 1.1875;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .button-basic {
    height: 85px;
    font-size: 3.6458333333vw;
    line-height: 1.0714285714;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__date {
  color: #666;
  font-size: 0.875rem;
  line-height: 2.5714285714;
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__date {
    margin-top: 2.6666666667%;
    font-size: 3.7333333333vw;
    line-height: 2.5714285714;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col__low_stock {
  color: #ea1111;
  font-size: 0.9375rem;
  line-height: 1.0666666667;
  padding-bottom: 5px;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col__low_stock {
    font-size: 4vw;
    line-height: 1.0666666667;
    padding-bottom: 1.3333333333%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 108px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts {
    margin-top: 18.6666666667%;
    flex-direction: column;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .image {
  width: 47.4193548387%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .image {
    width: 100%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .texts {
  width: 47.4193548387%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .texts {
    width: 100%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .texts-ttl {
  color: #000;
  font-size: 1.75rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .texts-ttl {
    font-size: 5.8666666667vw;
    line-height: 1.4545454545;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .texts-text {
  color: #666;
  font-size: 1.125rem;
  line-height: 1.7;
  font-weight: var(--font-weight-regular);
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .texts-text {
    font-size: 4.2666666667vw;
    line-height: 1.8125;
    margin-top: 5.3333333333%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts.left {
  margin-left: 5.1612903226%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts.left {
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .image {
    order: 1;
  }
  .product-content__detail .product-content__detail-col .product-content__detail-parts .image-texts .texts {
    order: 2;
    margin-top: 10.6666666667%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-ttl {
  border-bottom: 2px solid #e8e8e8;
  color: #000;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
  padding-bottom: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-ttl {
    font-size: 5.8666666667vw;
    line-height: 1.1363636364;
    margin-bottom: 8%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-details {
  margin-top: 82px;
}
.product-content__detail .product-content__detail-col .product-content__detail-table-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-table-wrap {
    flex-direction: column;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-table-wrap table {
  width: 47.5%;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-table-wrap table {
    width: 100%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-table-wrap table th,
.product-content__detail .product-content__detail-col .product-content__detail-table-wrap table td {
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
}
.product-content__detail .product-content__detail-col .product-content__detail-table-wrap table th, .product-content__detail .product-content__detail-col .product-content__detail-table-wrap table h3 {
  color: #000;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-medium);
  text-align: left;
  width: 42%;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-table-wrap table th, .product-content__detail .product-content__detail-col .product-content__detail-table-wrap table h3 {
    width: 160px;
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .product-content__detail-table-wrap table th, .product-content__detail .product-content__detail-col .product-content__detail-table-wrap table h3 {
    width: 250px;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-table-wrap table td {
  color: #666;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-table-wrap table td {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-col-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
}
.product-content__detail .product-content__detail-col .product-content__detail-col-flex .card-mask {
  width: 49.1935483871%;
}
.product-content__detail .product-content__detail-col .product-content__detail-col-flex .card-mask.last {
  margin-left: 1.6129032258%;
}
.product-content__detail .product-content__detail-col .product-content__detail-col-card-wrap {
  margin-top: 15.2%;
}
.product-content__detail .product-content__detail-col .product-content__detail-col-card-wrap .product-content__detail-col-card {
  margin-top: 15px;
}
.product-content__detail .product-content__detail-col .product-content__detail-col-card-wrap .product-content__detail-col-card.first {
  margin-top: 0;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col-card-wrap .product-content__detail-col-card img {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col-card-wrap .product-card-detail__title {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
  }
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-col-card-wrap .product-card-detail__subtext {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}
.product-content__detail .product-content__detail-col .card-mask:hover img {
  opacity: 1;
}
.product-content__detail .product-content__detail-col .card-mask:hover .product-card-detail {
  opacity: 1;
  transition: 0.3s;
}
.product-content__detail .product-content__detail-col .card-mask__bg {
  line-height: 0.8;
}
.product-content__detail .product-content__detail-col .card-mask .product-card-detail {
  opacity: 0;
  position: absolute;
  left: 40px;
  bottom: 40px;
}
.product-content__detail .product-content__detail-col .card-mask .product-card-detail__title {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: var(--font-weight-bold);
}
.product-content__detail .product-content__detail-col .card-mask .product-card-detail__subtext {
  color: #fff;
  font-size: 1.125rem;
  line-height: 2;
  font-weight: var(--font-weight-bold);
}
.product-content__detail .product-content__detail-col .product-content__detail-col-line {
  margin-top: 20px;
}
.product-content__detail .product-content__detail-col__rerated {
  margin-top: 103px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col__rerated {
    margin-top: 18.6666666667%;
  }
}
.product-content__detail .product-content__detail-col__reccomended {
  margin-top: 100px;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col__reccomended {
    margin-top: 18.6666666667%;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-product-list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-product-list {
    flex-wrap: wrap;
    -moz-column-gap: normal;
         column-gap: normal;
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-product-list li {
    width: 48.9552238806%;
    margin-bottom: 15px;
  }
}
.product-content__detail .product-content__detail-col .product-content__detail-product-list li a > p {
  color: #000;
  margin-top: 10px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.3125;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .product-content__detail .product-content__detail-col .product-content__detail-product-list li a > p {
    font-size: 3.7333333333vw;
    line-height: 1.2142857143;
  }
}

.modal-share-wrapper {
  max-width: 510px;
  padding: 40px 40px 50px;
}
@media screen and (max-width: 991px) {
  .modal-share-wrapper {
    padding: 40px 20px;
  }
}
.modal-share-wrapper .modal-share__ttl {
  color: #000;
  font-size: 2.1875rem;
  line-height: 1.1714285714;
  font-weight: var(--font-weight-bold);
  text-align: center;
}
@media screen and (max-width: 991px) {
  .modal-share-wrapper .modal-share__ttl {
    font-size: 7.4666666667vw;
    line-height: 1.3214285714;
  }
}
.modal-share-wrapper .modal-share__description {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .modal-share-wrapper .modal-share__description {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 8%;
  }
}
.modal-share-wrapper .modal-share__snslinks {
  margin-top: 42px;
}
@media screen and (max-width: 991px) {
  .modal-share-wrapper .modal-share__snslinks {
    margin-top: 14.9333333333%;
  }
}
.modal-share-wrapper .modal-share__snslinks li {
  text-align: center;
  margin-top: 20px;
}
.modal-share-wrapper .modal-share__snslinks li:first-child {
  margin-top: 0;
}

.modal-installment-simulator-wrapper {
  max-width: 777px;
  padding: 40px 40px 50px;
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper {
    padding: 40px 20px;
  }
}
.modal-installment-simulator-wrapper .modal-installment-simulator__line {
  margin-top: 40px;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__line.first {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment-simulator__line {
    margin-top: 5.3333333333%;
  }
}
.modal-installment-simulator-wrapper .modal-installment-simulator__ttl {
  color: #000;
  font-size: 2.1875rem;
  line-height: 1.1714285714;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment-simulator__ttl {
    font-size: 7.4666666667vw;
    line-height: 1.3214285714;
  }
}
.modal-installment-simulator-wrapper .modal-installment-simulator__flex {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 30px;
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment-simulator__flex {
    flex-direction: column;
  }
}
.modal-installment-simulator-wrapper .modal-installment-simulator__flex .modal-installment-simulator__select {
  width: 40.1721664275%;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__flex .modal-installment-simulator__select .custom-select {
  margin-top: 15px;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__flex .modal-installment-simulator__select .custom-select .custom-select-form {
  width: 100%;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__flex .modal-installment-simulator__select .custom-select .custom-select-form select {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment-simulator__flex .modal-installment-simulator__select {
    width: 100%;
  }
}
.modal-installment-simulator-wrapper .modal-installment-simulator__flex .modal-installment-simulator__line__ttl {
  color: #000;
  font-size: 1.125rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment-simulator__flex .modal-installment-simulator__line__ttl {
    font-size: 4.8vw;
    line-height: 1.1666666667;
  }
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li {
  margin-top: 10px;
  position: relative;
  width: 280px;
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment__simulator__btns li {
    width: 100%;
    margin-top: 4%;
  }
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li.first-line {
  margin-top: 0;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li .cant-selected {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 8px;
  left: 9px;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li label {
  border: 2px solid #f1f1f1;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 54px;
  text-align: center;
  border-radius: 6px;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li label .shipping__price {
  color: #000;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: var(--font-weight-medium);
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li label .shipping__date {
  color: #666;
  font-size: 0.75rem;
  line-height: 1.6666666667;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment__simulator__btns li label {
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li label:hover {
  cursor: pointer;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li input[type=radio] {
  display: none;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li input[type=radio]:checked + label {
  border: 2px solid #264064;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li .button-icon-is-change {
  background: #f1f1f1;
  border-radius: 6px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  width: 100%;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li .button-icon-is-change > img {
  margin-right: 10px;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li .button-icon-is-change > span {
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: var(--font-weight-medium);
  color: #666;
  text-align: left;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__btns li .button-icon-is-change:hover {
  background: #ddd;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__results {
  width: 54.5193687231%;
  margin-left: 5.7388809182%;
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment-simulator__results {
    width: 100%;
    margin-left: 0;
    margin-top: 5.3333333333%;
  }
}
.modal-installment-simulator-wrapper .modal-installment-simulator__results table {
  border: 1px solid #ddd;
  margin-top: 15px;
  width: 100%;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__results table thead th {
  background: #ebebeb;
  color: #000;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: var(--font-weight-bold);
  text-align: center;
  padding: 10px;
  width: 33.3%;
  border-right: 1px solid #ddd;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__results table tbody td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  padding: 10px;
  width: 33.3%;
  vertical-align: middle;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__results table tbody td.amount {
  text-align: right;
}
.modal-installment-simulator-wrapper .modal-installment-simulator__results table tbody .total td {
  text-align: right;
}
.modal-installment-simulator-wrapper .modal-installment__simulator__text {
  color: #666;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .modal-installment-simulator-wrapper .modal-installment__simulator__text {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}

.pswp--ui-visible .pswp__button--arrow {
  width: 46px;
  opacity: 0.6;
  transition: opacity 0.3s ease-out;
}
.pswp--ui-visible .pswp__button--arrow:hover {
  opacity: 1;
}

.pswp__top-bar {
  display: block;
}

.pswp__counter {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 10px;
  font-size: 1rem;
  line-height: 1.3125;
  color: #acacac;
}

.pswp__button {
  opacity: 0.6;
  transition: opacity 0.3s ease-out;
}

.pswp__button--close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 36px;
  height: 36px;
  margin: 0;
}
.pswp__button--close:hover {
  opacity: 1;
}

.pswp__button--share {
  position: absolute;
  left: 20px;
  top: 10px;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 991px) {
  .pswp__button--share {
    left: 10px;
  }
}
.pswp__button--share:hover {
  opacity: 1;
}

.pswp__button--full-screen {
  position: absolute;
  left: 71px;
  top: 10px;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 991px) {
  .pswp__button--full-screen {
    display: none;
  }
}
.pswp__button--full-screen:hover {
  opacity: 1;
}

.pswp__button--zoom {
  position: absolute;
  left: 122px;
  top: 10px;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 991px) {
  .pswp__button--zoom {
    left: 51px;
  }
}
.pswp__button--zoom:hover {
  opacity: 1;
}
.pswp__button--zoom svg:nth-child(2) {
  display: none;
}

.pswp--zoomed-in .pswp__button--zoom svg:nth-child(1) {
  display: none;
}
.pswp--zoomed-in .pswp__button--zoom svg:nth-child(2) {
  display: initial;
}

.pswp__custom-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0 10px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #acacac;
}
@media screen and (max-width: 991px) {
  .pswp__custom-caption {
    justify-content: start;
    font-size: 1rem;
    line-height: 1.3125;
  }
}

.pswp__share {
  display: none;
  position: absolute;
  left: 20px;
  top: 46px;
}
@media screen and (max-width: 991px) {
  .pswp__share {
    left: 10px;
  }
}
.pswp__share ul {
  width: 168px;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #333;
}
.pswp__share li {
  width: 100%;
  height: 36px;
  margin: 0;
}
.pswp__share li > a, .pswp__share li > div {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 3px 10px;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  color: #ccc;
  cursor: pointer;
}
.pswp__share li > a:hover, .pswp__share li > a:active, .pswp__share li > div:hover, .pswp__share li > div:active {
  color: #fff;
  text-decoration: underline;
}

.pswp--custom-icon-colors {
  --pswp-icon-color: #00fffc;
  --pswp-icon-color-secondary: #333;
}

#my-gallery {
  display: none;
}

.modal-share__snslinks .js-copy.cliped:hover {
  opacity: 1;
}
@media all and (min-width: 992px) {
  .modal-share__snslinks .js-copy.cliped {
    width: 380px;
    height: 55px;
    background: url(../images/product/copy_url_to_clipboard_cliped.svg) no-repeat center center;
  }
}
@media screen and (max-width: 991px) {
  .modal-share__snslinks .js-copy.cliped {
    width: 335px;
    height: 55px;
    background: url(../images/product/copy_url_to_clipboard_clcopy_url_to_clipboard_cliped_spiped.svg) no-repeat center center;
  }
}
.modal-share__snslinks .js-copy.cliped img {
  display: none !important;
}
.modal-share__snslinks #js-clipboardText {
  display: block;
  height: 1px;
  margin-top: -7px;
  opacity: 0;
}

.product-youtube {
  position: relative;
}
.product-youtube::after {
  content: "";
  opacity: 0.5;
  position: absolute;
  top: 35%;
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  width: 30%;
  height: 30%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAFpCAYAAADqa5D1AAASYElEQVR4nO3dLXQcR6KG4S8+ZsPH2MIWjhdrsY1tuvGFOQ7cH5hs4OZc6uAE25dGeG0sYQln+GBfUGp7JI2kmZ7+7+c5R0eyrUiFUm9XV1d/8/nz5zA5R0kWDX4fME3rJBcNfh8j8rjvAXDN5oS8uPpzZZnkyY3vfxoTONCv8xt//jPJ6p4/n7U+InbyjRWA1m1O5NUEvzmZm8SBuariYTMSzrb8HS0QAM04zteJfvPz0z4HBTABq6uPP298vki5NUFNAmB31cR+lHIFX31e9jkogBlbJ7nM1yg4i5WDnQmA7aoJ/ijl6t5EDzAeVRhcXH1UX7NBABTHVx9HSZ7FPXmAqami4OzqY/a3EOYaAMcbH896HgsA/dgMgrPMLAjmEgDLJH9JmfC/7XksAAzTeUoIfMwMbhlMOQCOkpwkeR737wHYT7Wp8OPVx+RMLQBM+gA0bZ2vITCZGJhCACyT/DVl4jfpA9CmVUoEvM/IHzcccwCcpEz8NvEB0IfzJH8kOe17IHWMLQAWSV7G1T4Aw7FKiYD3GdGTBGMJgGWS1yn39j2jD8AQrfM1BAZ/e2DoAVBN/Cd9DwQA9nCa5LcMOASGGgCLlIn/Rd8DAYCa1kk+ZKC3BoYYANXEb6kfgClYJ3mXgW0WHFIAHCd5G5v7AJimyyS/ZCCnDA4hABZJ3sR9fgDm4UPK/oBebwv0HQDPU676LfcDMCe9rwb0FQA2+QFA8mvKJsHO9REARylX/U+7/sUAMECfkvwnHd8S6DoALPkDwG2rJD+lw1sCXQbAyyTfdfXLAGBk1ikRcNbFL+sqAN7GLn8A2MUv6eDMgEdt/4KY/AFgH53Mm49b/NmLJD/HZj8A2Nfbq8+trQS0tQJg8geAw7S6EtBWALyJyR8ADtVaBLQRAO75A0Bz3qY8Rt+opgPgdUz+ANC0tykH6TWmyQA4SfKqwZ8HABSLJP9MgwfpNRUARyn3/QGAdiyT/KupH9ZEADReJQDAVs9SbrcfrIkA+CGlSgCA9r1KcnzoDzk0AJ4n+fbQQQAAezn4xXqHBMAyX08qAgC6s8yBtwIOCYD/ifv+ANCXFzngVkDdALD0DwD9q/0EXp0AWBzyCwGAxjxN8rLOf1gnAF7Grn8AGIpXqXFLft8AWKTccwAAhmGRGqsA+wbAm9j4BwBD8yJ7rs7vEwDLeNEPAAzRIns+FrhPADRy9CAA0Irn2WOVftcAWKSFdxEDAI3Zay/ArgHwMu79A8DQ7bxRf9cAcO8fAIZvkR3n7F0C4CSe+weAsdjpNsAuAfDXAwcCAHTnaZKjh77poQBYJnnWyHAAgK48eBvgoQD4S0MDAQC6c3AAOPYXAMbnwcf37wuAo9j8BwBjVTsAHPwDAOMlAABghhZJju/6x7sCYJnyGAEAMF53XszfFQB3FgMAMBp7B4DH/wBg/Ja5Y0P/XQHg8B8AmIatq/rbAuAo3vwHAFOxcwC4/w8A0yEAAGCGtu4D2BYAHv8DgGm5dXF/MwDu3C0IAIzWrdcD3wyAB98fDACMjgAAgBm69Xi/AACAebg2x98MABsAAWCars3x2zYBAgDT82TzD5sB4Pl/AJiua/P8ZgC4+geA6bo2z28GwJMAAFN1ZwB4AgAApu3LbYDNAPAGQACYti9z/WYA3DokAACYlC+r/dteBgQATNOXfQBVAHgEEACm78uGfysAADAft1YAPAEAANN3KwA8AQAA87BMBAAAzM2TxC0AAJglmwABYF6Ok68B4EVAADAjAgAA5uXaJkAAYB6+bAL0BAAAzMyjeAIAAObELQAAmCEBAABz9SieAACA2XmUjVcDAgCzcOwWAADMkAAAgBkSAAAwQzYBAsD8HNkECADzs3ALAABmSAAAwAwJAACYIQEAAPOzFAAAMD9PBAAAzNCjJM/6HgQA0K3HfQ8AJuAyyVmSVZKLjb9fppyzcRyhDQyMAIB6VklOk/xx9fVDFkmeJ3mZ5GmL4wLYyTefP3/+v74HASOyTvIhyW8H/IzjJG/jGG6gP+cCAHZ3meTH7HbFv4uTJK8jBIDuCQDY0WmSdykrAE0TAkDXVgIAHnaa5JcOfs9Jkjcp+wUAWuUcALjfZcqVfxdOk/wtye9pZ6UB4AsrAHC3dZLv09w9/30sUp4YeBErAkALrADA3T6kn8k/KfHxW6wIAC2xAgDbrVIm36FYpmwUPOl7IMA0WAGA7U77HsANq5SNiH/L8MYGjJAAgO3+6HsAdxACQCMEANx2mf7u/e9qMwTOex4LMEICAG4763sAe1gl+XuSf0QIAHsQAHDb0K/+tzmLEAD2IADgtouHv2WwNkPgsuexAAMmAGCazlIOMfol41zRAFomAGDaquOFhQBwjQCAeRACwDUCAObFC4eAJAIA5sp7BmDmBADMlxcOwYwJAGAzBD70PBagIwIAqKyTvIv3DMAsCADgJi8cghkQAMBdhABMmAAAHlKFgPcMwIQIAGBXXjgEEyIAgH0JAZgAAQDUVYXAT3G8MIyOAAAO9THeMwCjIwCApnjhEIyIAACathkCjheGgRIAQFu8eRAGTAAAbfLCIRgoAQB0QQjAwAgAoEtVCHwfxwtDrwQA0AfvGYCeCQCgT0IAeiIAgCHYDAHHC0MHBAAwJKt4zwB0QgAAQ+SFQ9AyAQAM2WYIXPY8FpgUAQCMwVnKo4PeMwANEQDAmHjhEDREAABjJATgQAIAGDMvHIKaBAAwBd4zAHsSAMBUeOEQ7EEAAFOzGQIfeh4LDJYAAKZqneRdvGcAthIAwNR54RBsIQCAuRACsEEAAHNThYD3DDBrAgCYKy8cYtYEADB3QoBZEgAARRUCP8XxwsyAAAC47mO8Z4AZEAAA21XvGfg1ThVkggQAwP3eJ/k+yWXfA4EmCQCAh61S9geIACZDAADsZh0RwIQIAIDdVRFgTwCjJwAA9rNOeVQQRk0AAOzvLN4nwMgJAIB6fut7AHAIAQBQzyrJp74HAXUJAID6/tv3AKAuAQBQ38e+BwB1CQCA+tbxvgBGSgAAHEYAMEoCAOAwF30PAOoQAACHcSogoyQAAA6z6HsAUIcAADjMUd8DgDoEAMBhln0PAOoQAAD1LSMAGCkBAFDfcd8DgLoEAEB9L/seANQlAADqOU7ytO9BQF0CAKCe130PAA4hAAD29zLJs74HAYcQAAD7OUryqu9BwKEEAMDuFknexul/TIAAANjNMsnPsfGPiXjc9wAARuA4yT/jyp8JEQAAd1uk7PZ/0fdAoGkCAOC2RcpO/xdx1c9ECQCA66orfhM/kyYAAIqTlMnfy32YBQEAzJ2Jn1kSAMBcHac802/iZ5YEADA3xylX/I7yZdYEADAXJn7YIACAqVsm+SEmfrhGAABTtUy54j/peyAwRAIAmBoTP+xAAABTUZ3e51W9sAMBAIydY3uhBgEAjJWJHw4gAIAxOknyJiZ+qE0AAGPi2F5oiAAAxsDEDw0TAMCQOb0PWiIAgCEy8UPLBAAwJCZ+6IgAAIbA6X3QMQEA9MnEDz0RAEAfTPzQMwEAdMnpfTAQAgDogokfBkYAAG17HRM/DI4AANri9D4YMAEANM3EDyMgAICmPE95Q5+JH0ZAAACHcnofjJAAAOoy8cOICQBgX8skP8TED6MmAIBdOb0PJkQAAA8x8cMECQDgLot8PcQHmBgBANzk2F6YAQEAVEz8MCMCAEjK/f03MfHDbAgAmDfH9sJMCQCYJxM/zJwAgHk5Tlnqf9r3QIB+CQCYB8f2AtcIAJg2Ez+wlQCAaXJ6H3AvAQC3jXljnIkf2IkAgNue9D2AGkz8wF4EANx23PcA9uD0PqAWAQC3PUuZTNd9D+QeJn7gIAIAtnue5LTvQWxh4geasH6U5LLvUcAAve57AFucJPnfJK9i8gcOc/k4w17mhL4sUybcIawCOLYXaJxbAHC310k+pr9Ifp5ybK+JH2icAIC7LZP8kOTHjn+v0/uA1gkAuN+3KZPxbx38LhM/0BkBAA97lXIb4H1LP/8oZanfxA905nGSi/gfDzzku5RX6L5Lc3sCnN4H9OXMUwCwu5OUZfpfkpwd8HNM/EDv3AKA/SyT/DvJecq+gH1CwMQPDIYAgHqepYTAKiUCzja+rhylTPpHKY/0Pe14jAB3epzkz74HASNWHRjkqh4Ykz8fpVy1AADzsXrU9wgAgO4JAACYoUcp5wAAAPNx9ijOAQCA2XELAABmqAqAy15HAQB05TL5GgBuAwDAPKwTtwAAYJaqADjkxSYAwHicJVYAAGCWqgDwPgAAmIc/k68B4H0AADAPq8RTAAAwN9eeAnAcMADMw0VyfROgVQAAmInNAHAaIABM23n1xWYAeBIAAGZiMwA8CQAA0/bl4D8rAAAwH1/2+1kBAID5+PLU32YAeB8AAEzbl9X+m+8C8CggAEzXl9X+mwHgUUAAmKZrc/zNAHAiIABM07W9fgIAAObh2hx/MwA8CQAA03RvAHgSAACm6d5bAImNgAAwRfeuANz6BgBg9M5v/oUVAACYvlsX99sCwD4AAJiWnQLALQAAmJZbq/vbAiDZcq8AABitnVYAErcBAGAqtl7UCwAAmLatc7oAAIBp2ysAEvsAAGAKtm7uvy8ArAIAwLhdJllv+4f7AuBjO2MBADpy58X8fQFwkTuqAQAYhVoBkFgFAIAxu3MeFwAAME2f7vvHhwLARkAAGKd75/CHAmCdBwoCABik/973jw8FwIM/AAAYnMskq/u+YZcAsA8AAMblwVv4uwSA2wAAMC6nD33DLgGQJH8cOBAAoBur3HH876ZdA+BjHAoEAGOw0637XQMg2WE5AQDo3ftdvmmfANjpBwIAvXlw939lnwBYxSuCAWDIdr5Y3ycA9vrBAECn1tnj0f19A+BjdlxaAAA6tdeG/X0DIEl+q/HfAADt+rDPN9cJgNN4JBAAhuQ8Ozz7v6lOACR7VgYA0Kq9D+yrGwDvYxUAAIZglRpn9dQNgHWsAgDAENTam1c3AKpf6IkAAOhPrav/5LAASDwRAAB9qj0PHxoApynHDgIA3ap99Z8cHgBJ8q6BnwEA7OegVfgmAuAs3hQIAF26zIFzbxMBkJRVAI8FAkA3Dl59byoA1kl+aehnAQB3+5Sy+n6QpgIgKS8h+NTgzwMArlsn+U8TP6jJAEjKoNwKAIB2/J6G5tmmA8CtAABox3nKUfyNaDoAknIrwDHBANCcxpb+K20EQFJ2JzogCACa8S4NH7/fVgAkyd9jPwAAHOpTWjhvp80AWCf5R0QAANS1SsNL/5U2AyBJLuKoYACoY53kp7R0Id12ACRl2eLXDn4PAEzJu5QL6VZ0EQBJeWzB+wIAYDe/p+V5s6sASMr5ACIAAO53mgPf9LeLLgMgEQEAcJ9P6ehAva4DIBEBALDNZVra8b9NHwGQiAAA2HSZjs/P+ebz589d/a5tXib5rs8BAEDPOp/8k/4DIElOkrztexAA0IPzJD+mh0PzhhAASXKU5N9JFn0PBAA6cpoe36A7lABIyuT/c5KnfQ8EAFr2IT2flDukAKi8SfKi70EAQAvWKRN/7xvhhxgASfI8ZV+AWwIATMUq5Wz/1o733cdQAyApk/+/kjzreyAAcKBPKc/4D+YNuUMOgMrLJK9iNQCAcfo15Z04gzKGAEjK5P9Dkm/7HggA7OgyZZf/IJb8bxpLAFSOU/YGLPseCADc4/d08EKfQ4wtACqvU54UcFsAgCE5T7nXv+p7IA8ZawAkZfKv9gcAQJ9WKY/3fex7ILsacwBUlikrAid9DwSA2VmnHOoz6OX+baYQAJUqBJ7HrQEA2lVN/O8zoEf79jGlAKhUtwbsEQCgaaOf+CtTDIBNJykx4P0CABxilTLx/5GRT/yVqQdA5ShlRcDtAQD2cZ5ytT+azX27mksAVBYpEfCXOFQIgO1WKS/r+SMjeJyvrrkFwKZlSgicxC0CgLlbp1zlVx+TN+cA2FTFwHGsDADMxewm/U0C4LZFSgg8v/rs2GGA6bhMcpayxD/IM/q7IgAetrk68Cw2EQKMySplwq8+JntPf18CYH9HKXsGjje+BmAYqiv8i5jw7yUADrdICYHNIHDbAKB9lykTffX5rN/hjIsAaE8VBMt8DQO3DwD2d5myYe8syZ/5OuFzAAHQveN8XTVYJnly9dmqATBn51efz1Im+4uUyd4SfksEwLBUQVAFQq4+VysHz/oYFEBN65Sr9err6qr94urPm39HxwTAeB1vfF2FQ2UzIHLj+6w0AA9Z5e4r75v32W9O4q7aR+L/AaCnaigal3f7AAAAAElFTkSuQmCC) no-repeat;
  background-size: contain;
  transition: 0.23s ease-in-out;
  transform: scale(0.75);
}
@media screen and (max-width: 991px) {
  .product-youtube::after {
    top: 37%;
  }
}
.product-youtube:hover::after {
  opacity: 1;
}
.product-youtube:hover {
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .product-content__detail-col-slider__main_youtube {
    line-height: 0.9;
  }
  .product-content__detail-col-slider__main_youtube iframe {
    max-height: 375px;
  }
}

.checkout_card {
  margin-left: 20px;
}
.checkout_card.product-counter .price-before, .checkout_card.product-counter .price-off-message {
  margin-left: 0;
}
.checkout_card .discount-amount, .checkout_card .priceoff-percent {
  display: initial !important;
  vertical-align: middle;
}

.hidden {
  display: none !important;
}

.product-counter.block-margin {
  margin-left: 20px;
}
.product-counter .price-before {
  display: inline-block;
  margin-right: -10px;
  font-size: 0.75rem;
  line-height: 1;
  color: #ccc;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-counter .price-before {
    font-size: 3.6458333333vw;
    line-height: 1.0714285714;
  }
}
.product-counter .current-price {
  display: inline-block;
}
.product-counter .price-before:not(.hidden) + .current-price {
  color: #fe4e51;
  font-weight: 600;
  margin-left: 20px;
}
.product-counter .price-off {
  display: inline-block;
  margin-left: 10px;
  color: #ff006c;
}
.product-counter .discount-amount {
  display: inline-block;
  background-color: #0066ff;
  padding: 1px 5px;
  color: white;
  font-size: 0.8em;
  font-weight: 600;
  margin-left: 10px;
}
.product-counter .priceoff-percent {
  display: inline-block;
  background-color: #fe3f46;
  padding: 1px 5px;
  color: white;
  font-size: 0.8em;
  font-weight: 600;
  margin-left: 10px;
}
.product-counter .product-content-item-list__tag-list {
  padding-top: 5px;
}
.product-counter .product-content-item-list__tag-list li {
  display: inline-block;
}
.product-counter .countdown-message-common, .product-counter .preorder-end-message, .product-counter .price-off-message {
  display: inline-block;
  padding-top: 5px;
  font-size: 0.75rem;
  line-height: 1;
  color: #666;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-counter .countdown-message-common, .product-counter .preorder-end-message, .product-counter .price-off-message {
    font-size: 3.6458333333vw;
    line-height: 1.0714285714;
  }
}
.product-counter .preorder-end-message {
  width: auto;
}
.product-counter .time {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1;
  color: #666;
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  .product-counter .time {
    font-size: 3.6458333333vw;
    line-height: 1.0714285714;
  }
}

.p1s-360-video {
  aspect-ratio: 16/9;
  width: 100%;
}

.no-content {
  text-align: center;
  color: #ccc;
  margin-top: 60px;
  font-size: 1.75rem;
  line-height: 1.1785714286;
  font-weight: var(--font-weight-bold);
}

@media screen and (max-width: 991px) {
  .news-content-wrapper {
    margin-top: 0%;
  }
}
.news-content .news-content-ttl-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-ttl-search {
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }
  .news-content .news-content-ttl-search .input__search-form {
    margin-top: 10.6666666667%;
    width: 100%;
  }
  .news-content .news-content-ttl-search .input__search-form .input__search {
    width: 100%;
  }
}
.news-content .news-content-search-results__text {
  color: #000;
  margin-top: 30px;
  font-size: 1.125rem;
  line-height: 0.6111111111;
  font-weight: var(--font-weight-medium);
}
@media screen and (max-width: 991px) {
  .news-content .news-content-search-results__text {
    font-size: 4.8vw;
    line-height: 1.1666666667;
    margin-top: 8%;
  }
}
.news-content .news-content-search-results__tag .tag-list {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.news-content .news-content-search-results__tag .tag-list > li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.news-content .news-content-search-results__tag .tag-list > li a {
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}
.news-content .news-content-search-results__tag .tag-list > li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.news-content .news-content-search-results__tag .tag-list > li a.promo {
  background: #748b9f;
}
.news-content .news-content-search-results__tag .tag-list > li a.bonus {
  background: #8a9579;
}
.news-content .news-content-list {
  display: flex;
  justify-content: start;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 50px;
}
.news-content .news-content-list img {
  width: 100%;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list {
    margin-top: 8%;
  }
}
.news-content .news-content-list > li {
  background: #f1f1f1;
  margin-right: 1.6129032258%;
  margin-bottom: 40px;
  width: 32.2580645161%;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li {
    margin-right: 1.8666666667%;
    margin-bottom: 20px;
    width: 49%;
  }
  .news-content .news-content-list > li:nth-child(2n) {
    margin-right: 0;
  }
}
@media all and (min-width: 992px) {
  .news-content .news-content-list > li:nth-child(3n) {
    margin-right: 0;
  }
}
.news-content .news-content-list > li img {
  aspect-ratio: 5/6;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li .news-content-list-ttl {
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.news-content .news-content-list > li .news-content-list-ttl a {
  color: #000;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li .news-content-list-ttl a {
    font-size: 3.7333333333vw;
    line-height: 1.2;
  }
}
.news-content .news-content-list > li .news-content-list-details {
  padding: 20px;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li .news-content-list-details {
    padding: 10px;
  }
}
.news-content .news-content-list > li .news-content-list-date-views {
  color: #666;
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 10px;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li .news-content-list-date-views {
    font-size: 3.2vw;
    line-height: 2;
    margin-top: 1.8666666667%;
  }
}
.news-content .news-content-list > li .news-content-list-date-views .news-content-list-views {
  margin-left: 20px;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li .news-content-list-date-views .news-content-list-views {
    margin-left: 10px;
  }
}
.news-content .news-content-list > li .news-content-list-content {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li .news-content-list-content {
    display: none;
  }
}
.news-content .news-content-list > li .tag-list {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .news-content .news-content-list > li .tag-list {
    display: none;
  }
}
.news-content .news-content-list > li .tag-list > li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.news-content .news-content-list > li .tag-list > li a {
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}
.news-content .news-content-list > li .tag-list > li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.news-content .news-content-list > li .tag-list > li a.promo {
  background: #748b9f;
}
.news-content .news-content-list > li .tag-list > li a.bonus {
  background: #8a9579;
}
.news-content .not-content {
  text-align: center;
  color: #ccc;
  margin-top: 60px;
  font-size: 1.75rem;
  line-height: 1.1785714286;
  font-weight: var(--font-weight-bold);
}
.news-content-details-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper {
    flex-direction: column;
  }
}
.news-content-details-wrapper .news-row-content {
  width: 100%;
  max-width: 872px;
  margin-right: 5.1612903226%;
}
.news-content-details-wrapper .news-row-content .tag-list {
  margin-top: 40px;
}
.news-content-details-wrapper .news-row-side {
  max-width: 304px;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .news-row-side {
    margin-top: 22.6666666667%;
    max-width: 100%;
  }
  .news-content-details-wrapper .news-row-side .input__search {
    width: 100%;
  }
}
.news-content-details-wrapper .news-row-side__ttl {
  border-bottom: 2px solid #e8e8e8;
  color: #000;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-bold);
  padding-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .news-row-side__ttl {
    font-size: 5.8666666667vw;
    line-height: 1.2;
  }
}
.news-content-details-wrapper .news-row-side-posts, .news-content-details-wrapper .news-row-side-tags {
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .news-row-side-posts, .news-content-details-wrapper .news-row-side-tags {
    margin-top: 10.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .news-row-side-tags {
    margin-top: 18.6666666667%;
  }
}
.news-content-details-wrapper .news-row-side-archive {
  margin-top: 40px;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .news-row-side-archive {
    margin-top: 8%;
  }
}
.news-content-details-wrapper .news-row-side-archive > li {
  margin-bottom: 20px;
  margin-top: 5.3333333333%;
}
.news-content-details-wrapper .news-row-side-archive > li:last-child {
  margin-bottom: 0;
}
.news-content-details-wrapper .news-row-side-archive > li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-content-details-wrapper .news-row-side-archive > li a img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 50px;
  width: 50px;
}
.news-content-details-wrapper .news-row-side-archive > li a p {
  color: #666;
  font-size: 1rem;
  line-height: 1.2;
  font-weight: var(--font-weight-regular);
  width: 80%;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .news-row-side-archive > li a p {
    font-size: 4.2666666667vw;
    line-height: 1.2;
    width: 82%;
  }
}
.news-content-details-wrapper .tag-list {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.news-content-details-wrapper .tag-list > li {
  margin-bottom: 10px;
  margin-right: 10px;
}
.news-content-details-wrapper .tag-list > li a {
  background: #acacac;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: var(--font-weight-regular);
  padding: 5px 7px;
  transition: 0.3s;
}
.news-content-details-wrapper .tag-list > li a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.news-content-details-wrapper .tag-list > li a.promo {
  background: #748b9f;
}
.news-content-details-wrapper .tag-list > li a.bonus {
  background: #8a9579;
}
.news-content-details-wrapper .social-list {
  margin-top: 50px;
  display: flex;
  justify-content: start;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .social-list {
    margin-top: 13.3333333333%;
    flex-direction: column;
    align-items: start;
  }
}
.news-content-details-wrapper .social-list li {
  margin-left: 20px;
}
@media screen and (max-width: 991px) {
  .news-content-details-wrapper .social-list li {
    margin-left: 0;
  }
  .news-content-details-wrapper .social-list li:last-child {
    margin-top: 2.6666666667%;
  }
}
.news-content-details-wrapper .social-list li:first-child {
  margin-left: 0;
}
.news-content-details .main-content__ttl {
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .news-content-details .main-content__ttl {
    font-size: 5.8666666667vw;
    line-height: 1.1363636364;
    margin-top: 0%;
  }
}
.news-content-details .news-content-details__date-views {
  margin-top: 10px;
  color: #000;
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.1666666667;
  font-weight: var(--font-weight-regular);
}
.news-content-details .news-content-details__date-views .news-content-details__views {
  margin-left: 20px;
}
@media screen and (max-width: 991px) {
  .news-content-details .news-content-details__date-views {
    font-size: 4.8vw;
    line-height: 1.1666666667;
    margin-top: 4%;
  }
}
.news-content-details .news-content-details-parts {
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .news-content-details .news-content-details-parts {
    margin-top: 10.6666666667%;
  }
}
.news-content-details .news-content-details-parts-text {
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
  margin-top: 20px;
}
.news-content-details .news-content-details-parts-text:first-child {
  margin-top: 0;
}
@media screen and (max-width: 991px) {
  .news-content-details .news-content-details-parts-text {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 5.3333333333%;
  }
}
.news-content-details .news-content-details-parts-images {
  margin-top: 80px;
}
@media screen and (max-width: 991px) {
  .news-content-details .news-content-details-parts-images {
    margin-top: 18.6666666667%;
  }
}
.news-content-details .news-content-details-parts-images__ttl {
  color: #000;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: var(--font-weight-bold);
}
@media screen and (max-width: 991px) {
  .news-content-details .news-content-details-parts-images__ttl {
    font-size: 4.8vw;
    line-height: 1.3333333333;
  }
}
.news-content-details .news-content-details-parts-images__img {
  margin-top: 20px;
}
.news-content-details .news-content-details-parts-caution {
  margin-top: 80px;
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: var(--font-weight-regular);
}
@media screen and (max-width: 991px) {
  .news-content-details .news-content-details-parts-caution {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 10.6666666667%;
  }
}

.information-content .information-list {
  border-top: 1px solid #e8e8e8;
  max-width: 872px;
  margin: 50px auto 0;
}
@media screen and (max-width: 991px) {
  .information-content .information-list {
    margin-top: 10.6666666667%;
  }
}
.information-content .information-list__item {
  border-bottom: 1px solid #e8e8e8;
}
.information-content .information-list__item a {
  display: block;
  font-size: 1rem;
  line-height: 2.1875;
  padding: 10px 0;
}
@media screen and (max-width: 991px) {
  .information-content .information-list__item a {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.information-content .not-content {
  text-align: center;
  color: #ccc;
  margin-top: 60px;
  font-size: 1.75rem;
  line-height: 1.1785714286;
  font-weight: var(--font-weight-bold);
}

.information-details-content-wrapper {
  max-width: 892px;
  margin: 0 auto;
}
.information-details-content-wrapper .main-content__ttl {
  font-size: 1.75rem;
  line-height: 1.2;
}
@media screen and (max-width: 991px) {
  .information-details-content-wrapper .main-content__ttl {
    font-size: 5.8666666667vw;
    line-height: 1.1363636364;
  }
}
.information-details-content-wrapper .information-details-date {
  color: #000;
  font-weight: var(--font-weight-regular);
  font-size: 1.125rem;
  line-height: 1.1666666667;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .information-details-content-wrapper .information-details-date {
    font-size: 4.8vw;
    line-height: 1.1666666667;
    margin-top: 15px;
  }
}
.information-details-content-wrapper .information-details-content {
  margin-top: 50px;
}
@media screen and (max-width: 991px) {
  .information-details-content-wrapper .information-details-content {
    margin-top: 10.6666666667%;
  }
}
.information-details-content-wrapper .information-details-content__text {
  font-weight: var(--font-weight-regular);
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 20px;
}
@media screen and (max-width: 991px) {
  .information-details-content-wrapper .information-details-content__text {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.information-details-content-wrapper button.button-back {
  display: block;
  margin: 80px auto 0;
  width: 372px;
  padding: 18px 0;
  text-align: center;
  min-width: 230px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 500;
  background-color: #f1f1f1;
  border-radius: 6px;
}
@media all and (min-width: 992px) {
  .information-details-content-wrapper button.button-back:not(:disabled):hover {
    background-color: #ddd;
    color: #000;
  }
}
@media screen and (max-width: 991px) {
  .information-details-content-wrapper button.button-back {
    min-width: initial;
    padding-left: 54px;
    padding-right: 54px;
    box-sizing: border-box;
    font-size: 3.7333333333vw;
    line-height: 1.1428571429;
    margin-top: 18.6666666667%;
    width: 100%;
  }
}

.p1s-container-outer {
  width: 100%;
}

.p1s-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 870px;
  margin: 5px auto 10px auto;
}

.p1s-campaign-image {
  width: 100%;
}

.p1s-campaign-details {
  width: 45%;
  padding: 15px 40px;
  box-sizing: border-box;
}

.p1s-campaign-title {
  font-size: 24px;
  margin-bottom: 20px;
}

.p1s-campaign-text {
  font-size: 15px;
  margin-bottom: 20px;
}

.button-cg-fontsize {
  font-size: large !important;
  margin-top: 15px;
}

.p1s-campaign-date {
  font-size: 13px;
  margin-bottom: 5px;
}
.p1s-campaign-date .time-container2 > span {
  color: #ff006c !important;
  font-size: inherit !important;
}

@media (max-width: 750px) {
  .p1s-container {
    flex-direction: column;
  }
  .p1s-container {
    width: 100%;
  }
  .p1s-campaign-image-container {
    width: 95%;
    text-align: center;
  }
}
@media (min-width: 751px) {
  .p1s-campaign-image-container {
    width: 55%;
  }
  .p1s-hr {
    width: max(84%, 870px);
  }
}
.p1s-entry-wrap {
  text-align: center;
}
.p1s-entry-wrap button.button-basic {
  padding-left: 12px;
  padding-right: 12px;
}

.p1s-entry-button {
  transition: all 500ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
  display: block;
  margin: 20px auto 0px auto;
  text-decoration: none;
  border-radius: 4px;
  padding: 10px 20px;
}

.p1s-entry-button {
  max-width: 55%;
  color: rgba(30, 22, 54, 0.6);
  box-shadow: rgba(30, 22, 54, 0.4) 0 0px 0px 2px inset;
}

.p1s-entry-button:hover {
  color: rgba(255, 255, 255, 0.85);
  box-shadow: rgba(30, 22, 54, 0.8) 0 0px 0px 40px inset;
}

.p1s-campaign-banner-footer {
  position: fixed;
  bottom: 25px;
  left: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  opacity: 0;
  z-index: 8;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

@media screen and (max-width: 991px) {
  .p1s-campaign-banner-footer {
    bottom: 25px;
    left: 25px;
    width: 9.6vw;
    height: 9.6vw;
  }
}
@media screen and (max-width: 750px) and (min-width: 451px) {
  .p1s-campaign-image {
    width: 80%;
    padding: 15px;
  }
  .p1s-campaign-details {
    width: 90%;
    padding: 15px;
  }
}
@media (max-width: 450px) {
  .p1s-campaign-image {
    width: 100%;
  }
  .p1s-campaign-details {
    width: 100%;
    padding: 7px;
  }
}
@media screen and (min-width: 500px) {
  #countdown {
    width: 465px;
    height: 112px;
  }
  #countdown #tiles > span {
    width: 92px;
    max-width: 92px;
    margin: 0 7px;
  }
  #countdown .labels li {
    width: 107px;
    font: bold 15px "Droid Sans", Arial, sans-serif;
    color: #f47321;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
  }
}
@media screen and (max-width: 499px) {
  #countdown {
    width: 90vw;
    height: 112px;
  }
  #countdown #tiles > span {
    width: 19vw;
    max-width: 19vw;
    margin: 0 0.5vw;
  }
  #countdown .labels li {
    width: 20vw;
    font: bold 12px "Droid Sans", Arial, sans-serif;
    color: #f47321;
    text-shadow: 1px 1px 0px #000;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
  }
}
#countdown {
  text-align: center;
  background: #222;
  background-image: -o-linear-gradient(top, #222, #333, #333, #222);
  border: 1px solid #111;
  border-radius: 5px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6);
  margin: auto;
  padding: 24px 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#countdown #tiles {
  position: relative;
  z-index: 1;
}

#countdown #tiles > span {
  font: bold 48px "Droid Sans", Arial, sans-serif;
  text-align: center;
  color: #111;
  background-color: #ddd;
  background-image: -o-linear-gradient(top, #bbb, #eee);
  border-top: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);
  padding: 18px 0;
  display: inline-block;
  position: relative;
}

#countdown .labels {
  width: 100%;
  height: 25px;
  text-align: center;
}

.veil {
  position: absolute;
  z-index: 100;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.veil .underlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #000;
}

.spinner {
  width: 80px;
  height: 80px;
  text-align: center;
  animation: sk-rotate 2s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-bounce 2s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

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