#header {
  background-color: initial;
}
#Wrap {
  padding: 0;
}
.c-breadcrumb {
  display: none;
}
#ACCESSORIES {
  --font-ja: var(--font-notosans);
  --font-en: var(--font-sofia-sans-extra-condensed);
  --font-weight_regular: 400;
  --font-weight_medium: 500;
  --font-weight_semebold: 600;
  --font-weight_bold: 700;
  background-color: #FBFBFB;
  --ACCESSORIES_CORAL: #e51d2e;
  --ACCESSORIES_BUR: #6d071a;
  --ACCESSORIES_GLD: #c39953;
  --ACCESSORIES_DPPL: #301934;
  --ACCESSORIES_MST: #ffa700;
  --ACCESSORIES_BRZ: #51412d;
  --ACCESSORIES_NVY: #2A2E39;
  --ACCESSORIES_BEG: #EDE8AC;
  --ACCESSORIES_GRN: #158017;
  --ACCESSORIES_OLV: #546C33;
  --ACCESSORIES_BLK: #000000;
  --ACCESSORIES_MIX: #000000;
  --ACCESSORIES_CHECK: #000000;
  --ACCESSORIES_BLU: #0E31F9;
  --ACCESSORIES_CRM: #F0EEE4;
  --ACCESSORIES_BRW: #8B4517;
  --ACCESSORIES_KKI: #808019;
  --ACCESSORIES_DGRY: #444444;
  --ACCESSORIES_GRY: #696969;
  --ACCESSORIES_WHT: #FFFFFF;
  --ACCESSORIES_DBRW: #43230E;
  --ACCESSORIES_LBLU: #83CCF7;
  --ACCESSORIES_ORG: #ED8F22;
  --ACCESSORIES_RED: #FB2501;
  --ACCESSORIES_YEL: #D59124;
  --ACCESSORIES_PNK: #F07EEA;
  --ACCESSORIES_OTHER: #000000;
  --ACCESSORIES_LBEG: #F9EFE5;
  --ACCESSORIES_IVR: #FFFFEE;
  --ACCESSORIES_PPL: #D5C1CE;
  --ACCESSORIES_MNT: #A8B7B7;
  --ACCESSORIES_TUQ: #18A4F0;
  --ACCESSORIES_PBEG: #F6E3DC;
  --ACCESSORIES_SKY: #A0D8EF;
  --ACCESSORIES_LBRW: #AE7F53;
  --ACCESSORIES_IND: #4b0082;
}
#ACCESSORIES section {
  position: relative;
  z-index: 2;
}
#ACCESSORIES img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  #ACCESSORIES .hidden-desktop {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #ACCESSORIES .hidden-mobile {
    display: none;
  }
  #Contents:not(:has(.js-header-alt-trigger)) {
    padding-top: 0!important;
  }
}
/* =================== hero =================== */
#ACCESSORIES .accessories-hero_image {
  position: relative;
  z-index: 2;
  width: 100%;
}
#ACCESSORIES .accessories-hero_image::before {
  position: absolute;
  content: "";
  display: block;
  width: calc(1600*100vw/1600);
  height: calc(900*100vw/1600);
  top: 0;
  left: 0;
  background-color: var(--color-black);
  opacity: .5;
  z-index: 3;
}
#ACCESSORIES .accessories-hero_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-white);
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: calc(24*100vw/1600);
  white-space: nowrap;
  z-index: 4;
}
#ACCESSORIES .accessories-hero_title {
  font-size: calc(58*100vw/1600);
  line-height: 1;
  font-weight: var(--font-weight_bold);
  font-family: var(--font-en);
}
#ACCESSORIES .accessories-hero_lead {
  font-size: calc(16*100vw/1600);
  line-height: 2;
  font-weight: var(--font-weight_regular);
  font-family: var(--font-ja);
}
@media screen and (max-width: 767px) {
  #ACCESSORIES .accessories-hero_image::before {
    width: calc(375*100vw/375);
    height: calc(667*100vw/375);
  }
  #ACCESSORIES .accessories-hero_content {
    align-items: center;
    row-gap: calc(14*100vw/375);
  }
  #ACCESSORIES .accessories-hero_title {
    font-size: calc(50*100vw/375);
  }
  #ACCESSORIES .accessories-hero_lead {
    width: calc(310*100vw/375);
    margin: 0 auto;
    font-size: calc(13*100vw/375);
    white-space: initial;
    text-align: left;
  }
}

/* =================== product =================== */
#ACCESSORIES .accessories-productlist {
  width: calc(1600*100vw/1600);
  margin: calc(50*100vw/1600) auto 0;
  padding-bottom: calc(20*100vw/1600);
}
#ACCESSORIES .accessories-productlist_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: calc(10*100vw/1600);
  margin-bottom: calc(100*100vw/1600);
}
#ACCESSORIES .accessories-productlist_item {
  position: relative;
  z-index: 2;
  background-color: var(--color-white);
  padding: calc(20*100vw/1600);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#ACCESSORIES .accessories-productlist_item-no_margin {
  padding: calc(0*100vw/1600);
}
#ACCESSORIES .accessories-productlist_colorlist {
  position: absolute;
  top: calc(24*100vw/1600);
  right: calc(24*100vw/1600);
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: calc(12*100vw/1600) calc(14.8*100vw/1600);
  width: calc(228*100vw/1600);
  pointer-events: none;
}
#ACCESSORIES .accessories-productlist_colorlist_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: calc(8.3*100vw/1600);
}
#ACCESSORIES .accessories-productlist_colorlist_item-mark {
  width: calc(14*100vw/1600);
  height: calc(14*100vw/1600);
  transform: rotate(45deg);
}
#ACCESSORIES .accessories-productlist_colorlist_item-text {
  font-size: calc(12*100vw/1600);
  line-height: 1.6;
  letter-spacing: .03em;
  font-weight: var(--font-weight_regular);
  font-family: var(--font-futura-pt);
  color: var(--color-black);
}
#ACCESSORIES .accessories-productlist_image {
  width: 100%;
  height: calc(600*100vw/1600);
  overflow: hidden;
}
#ACCESSORIES .accessories-productlist_item-no_margin .accessories-productlist_image {
  margin-top: 0;
  height: initial;
}
#ACCESSORIES .accessories-productlist_content {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}
#ACCESSORIES .accessories-productlist_name {
  font-size: calc(24*100vw/1600);
  line-height: 1;
  font-weight: var(--font-weight_bold);
  font-family: var(--font-en);
  color: var(--color-black);
}
#ACCESSORIES .accessories-productlist_price {
  font-size: calc(14*100vw/1600);
  line-height: 1;
  font-weight: var(--font-weight_regular);
  font-family: var(--font-futura-pt);
  color: var(--color-black);
}
#ACCESSORIES .accessories-productlist_btn {
  font-size: calc(16*100vw/1600);
  line-height: 1;
  letter-spacing: .03em;
  font-weight: var(--font-weight_regular);
  font-family: var(--font-futura-pt);
  color: var(--color-tertiary);
  text-align: center;
}
@media screen and (min-width: 768px) {
  #ACCESSORIES .accessories-productlist_image:hover .accessories-productlist_image-hover {
    opacity: 1;
    transform: scale(1.033);
  }
  #ACCESSORIES .accessories-productlist_image-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: opacity 1s, transform 1s;
  }
}
@media screen and (max-width: 767px) {
  #ACCESSORIES .accessories-productlist {
    width: calc(375*100vw/375);
    margin: calc(40*100vw/375) auto 0;
    padding-bottom: calc(20*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: calc(11*100vw/375);
    margin-bottom: calc(50*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_item {
    padding: calc(8*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_item-no_margin {
    padding: calc(0*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_colorlist {
    top: calc(8*100vw/375);
    right: calc(8*100vw/375);
    gap: calc(6*100vw/375);
    width: calc(96*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_colorlist_item {
    row-gap: calc(4.3*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_colorlist_item-mark {
    width: calc(8*100vw/375);
    height: calc(8*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_colorlist_item-text {
    font-size: calc(8*100vw/375);
    line-height: 1.25;
  }
  #ACCESSORIES .accessories-productlist_image {
    margin-top: calc(60*100vw/375);
    height: calc(227.5*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_content {
    flex-direction: column;
  }
  #ACCESSORIES .accessories-productlist_name {
    font-size: calc(20*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_price {
    font-size: calc(12*100vw/375);
  }
  #ACCESSORIES .accessories-productlist_btn {
    font-size: calc(14*100vw/375);
    line-height: 1.3714285714;
  }
}