.np1-header, .np1-header * {
  font-family :var(--font-body-family) !important;
}

.np1-header .field__label {
  font-weight: var(--font-heading-weight) !important;
}

.overflow-hidden-mobile,
.overflow-hidden-tablet,
.overflow-hidden-desktop {
  overflow: hidden;
}

.np1-header details {
  margin-top: 0;
  margin-bottom: 0;
  border: none;
}

.section-header.shopify-section-group-header-group{
  z-index: 21;
}

.section-header {
  position: sticky;
  margin-bottom: 0px;
}

.shopify-section-header-sticky {
  position: sticky;
  top: 0;
}

.np1-header .header-wrapper {
  display: block;
  position: relative;
  background-color: #181818 !important;
}

.np1-header .header {
  display: grid;
  grid-template-areas: "left-icons heading icons";
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  min-height: 5.6rem;
}

.np1-header .page-width {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.np1-header .header__heading {
  margin: 0;
  line-height: 0;
}

.np1-header .header__heading, .np1-header .header__heading-link {
  grid-area: heading;
  justify-self: center;
}
.np1-header h1, .np1-header .h1 {
  font-size: calc(var(--font-heading-scale) * 3rem);
}

.np1-header h1 /*, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5*/ {
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * .06rem);
  color: rgb(var(--color-foreground));
  line-height: calc(1 + .3/max(1,var(--font-heading-scale)));
  word-break: break-word;
}

.np1-header .header__heading-link {
  display: inline-block;
  padding: .75rem;
  text-decoration: none;
  word-break: break-word;
}

.np1-header .link--text {
  color: rgb(var(--color-foreground));
}

.np1-header .link, .np1-header .customer a {
  cursor: pointer;
  display: inline-block;
  border: none;
  box-shadow: none;
  text-decoration: underline;
  text-underline-offset: .3rem;
  color: rgb(var(--color-link));
  background-color: transparent;
  font-size: 1.4rem;
  font-family: inherit;
}

.np1-header .header__heading-logo-wrapper {
  width: 100%;
  display: inline-block;
  transition: width .3s cubic-bezier(.52,0,.61,.99);
}

/* 以下から中央メニュー  */
.np1-header .header__inline-menu {
  margin-left: -1.2rem;
  grid-area: navigation;
  display: none;
}

.np1-header .list-menu--inline {
  display: inline-flex;
  flex-wrap: wrap;
}

.np1-header .list-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.np1-header .mega-menu {
  position: static;
}
.np1-header header-menu>details, .np1-header details-disclosure>details {
  position: relative;
}


.np1-header summary.list-menu__item {
  padding-left: 2.7rem;
  padding-right: 2.7rem;
}

.np1-header .list-menu__item {
  display: flex;
  align-items: center;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
  min-height: 7.2rem;
  position: relative;
}

.np1-header .header__menu-item {
  padding: 1.2rem;
  text-decoration: none;
  color: rgba(var(--color-foreground), .75);
  position: relative;
}

.np1-header summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

.np1-header details>* {
  box-sizing: border-box;
}

.np1-header .header__menu-item span {
  transition: text-decoration var(--duration-short) ease;
  font-size: 1.4rem;
  font-weight: 600;
  color: #fff;
}

.np1-header .js .mega-menu__content {
  opacity: 0;
  transform: translateY(-1.5rem);
}

.np1-header.shopify-section-header-sticky .mega-menu__content {
  max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);
}

.np1-header .mega-menu__content {
  background-color: rgb(255, 255, 255) !important;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  left: 0;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 100%;
}

.np1-header .gradient {
  background: rgb(var(--color-background));
  background: #121212;
  background-attachment: fixed;
}

.np1-header .global-settings-popup, .np1-header .header__submenu.global-settings-popup {
  border-radius: var(--popup-corner-radius);
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(18, 18, 18, var(--popup-shadow-opacity));
  z-index: -1;
}

.np1-header body, .np1-header .color-background-1, .np1-header .color-background-2, .np1-header .color-inverse, .np1-header .color-accent-1, .np1-header .color-accent-2 {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}

.np1-header .mega-menu .mega-menu__list--condensed {
  display: flex;
  justify-content: center;
  background: #fff;
}

.np1-header .mega-menu__list {
  display: grid;
  gap: 1.8rem 4rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  list-style: none;
}

.np1-header .mega-menu .mega-menu__list--condensed>li {
  order: var(--order);
}

.np1-header .mega-menu__list--condensed .mega-menu__link {
  font-weight: 400;
}

.np1-header .mega-menu__link--level-2 {
  font-weight: 700;
  display: flex !important;
  flex-direction: column;
  font-size: 1.2rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 16.8rem;
  position: relative;
}

.np1-header .mega-menu__link {
  color: rgba(18, 18, 18, .75);
  display: block;
  line-height: calc(1 + .3 / var(--font-body-scale));
  padding-bottom: .6rem;
  padding-top: .6rem;
  text-decoration: none;
  transition: text-decoration var(--duration-short) ease;
  word-wrap: break-word;
}

.np1-header .header__heading-logo {
  height: auto;
  max-width: 100%;
}

.np1-header .header__menu-item:hover:after {
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #77a1d3, #79cbca, #e684ae);
}

.np1-header details[open]>.list-menu__item:after {
  content: "";
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #77a1d3, #79cbca, #e684ae);
}

.np1-header .mega-menu__link--level-2:hover:after {
  content: "";
  height: .3rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #77a1d3, #79cbca, #e684ae);
}

.np1-header a:hover img {
  opacity: 1;
}

.mega-menu .header__heading-navi-img {
  width: 108px;
}

/* 以下から右アイコンメニュー  */

.np1-header .header__icons {
  display: flex;
  grid-area: icons;
  justify-self: end;
  padding-right: .8rem;
}

.np1-header .header__search {
  display: inline-flex;
  line-height: 0;
}

.np1-header .header__icon, .np1-header .header__icon--cart .icon, .np1-header .header__icon--heart .icon {
  height: 3.6rem;
  width: 3.6rem;
  padding: 0;
}
.np1-header .header__icon {
  color : rgb(255, 255, 255);
}

.np1-header .modal__toggle {
  list-style-type: none;
}

.np1-header .header__icon .icon {
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
  text-align: initial !important;
  font-size: initial !important;
  margin: initial !important;
}

.np1-header .header__icons .icon{
  text-align: initial !important;
  font-size: initial !important;
  margin: initial !important;
}

.np1-header .modal__toggle-open {
  display: flex;
}

.np1-header .modal__toggle-close {
  display: none;
}

.np1-header .search-modal {
  opacity: 0;
  border-bottom: .1rem solid rgba(var(--color-foreground), .08);
  min-height: calc(100% + var(--inputs-margin-offset) +(2* var(--inputs-border-width)));
  height: 100%;
}

.np1-header .modal__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(18, 18, 18);
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}

.np1-header div:empty {
  display: none;
}

.np1-header .search-modal__content-bottom {
  bottom: calc((var(--inputs-margin-offset) / 2));
}

.np1-header .search-modal__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5rem 0 1rem;
  line-height: calc(1 + .8 / var(--font-body-scale));
  position: relative;
}

.np1-header .search-modal__form {
  width: 100%;
}

.np1-header .field {
  position: relative;
  width: 100%;
  display: flex;
  transition: box-shadow var(--duration-short) ease;
}

.np1-header .field:before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(255, 255, 255, var(--inputs-shadow-opacity));
  z-index: -1;
}

.np1-header .search__input.field__input {
  padding-right: 9.8rem;
}

.np1-header .field__input{
  flex-grow: 1;
  text-align: left;
  padding: 1.5rem;
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.np1-header .field__input {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(18, 18, 18);
  color: rgb(255, 255, 255);
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 4.5rem;
  min-height: calc(var(--inputs-border-width)* 2);
  min-width: calc(7rem +(var(--inputs-border-width)* 2));
  position: relative;
  border: 0;
}

.np1-header .field__input {
  font-size: 1.3rem;
  line-height: calc(1 + .5 / var(--font-body-scale));
  letter-spacing: .04rem;
}

.np1-header .search__button:not(:focus-visible):not(.focused),.np1-header .reset__button:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}
.np1-header .reset__button {
  right: calc(var(--inputs-border-width) + 4.4rem);
  top: var(--inputs-border-width);
}

.np1-header .field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}

.np1-header .hidden {
  display: none !important;
}

.np1-header .reset__button .icon.icon-close {
  height: 1.8rem;
  width: 1.8rem;
  stroke-width: .1rem;
}

.np1-header .field__button>svg {
  height: 2.5rem;
  width: 2.5rem;
}

.np1-header .search__button {
  right: var(--inputs-border-width);
  top: var(--inputs-border-width);
}

.np1-header .search__button .icon {
  height: 1.8rem;
  width: 1.8rem;
  color: rgba(255, 255, 255, 0.75);
}

.np1-header .field:after {
  pointer-events: none;
  content: "";
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: .1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(255, 255, 255 , var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}


.np1-header .predictive-search {
  display: none;
  position: absolute;
  top: calc(100% + .1rem);
  left: -.1rem;
  border-width: var(--popup-border-width);
  border-style: solid;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  background-color: rgb(var(--color-background));
  z-index: 3;
  border-bottom-right-radius: var(--popup-corner-radius);
  border-bottom-left-radius: var(--popup-corner-radius);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.np1-header predictive-search:not([loading]) .predictive-search__loading-state, predictive-search:not([loading]) .predictive-search-status__loading {
  display: none;
}

.np1-header predictive-search .spinner {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 0;
}

.np1-header .spinner {
  animation: rotator 1.4s linear infinite;
}

.np1-header .path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

.np1-header .visually-hidden {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}

.np1-header .modal__close-button.link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem;
  height: 4.4rem;
  width: 4.4rem;
  background-color: transparent;
}

.np1-header .search-modal__close-button {
  position: absolute;
  right: .3rem;
}

.np1-header .header__icon:not(.header__icon--summary), .np1-header .header__icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.np1-header *, .np1-header *::before, .np1-header *::after {
  box-sizing: inherit;
}

.np1-header .header__icon span {
  height: 100%;
}

.np1-header *, .np1-header *:before, .np1-header *:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* スマホ */
.np1-header details:not([open])>.header__icon--menu .icon-close,
.np1-header details[open]>.header__icon--menu .icon-hamburger {
  opacity: 1;
  transform: scale(1.07);
}

.js details[open]:not(.menu-opening)>.header__icon--menu .icon-humburger {
  visibility: visible;
  opacity: 0.5;
  transform: scale(.8); 
}

.np1-header .header__icon--menu .icon {
  opacity: 1;
  transform: scale(1);
  transition: transform .15s ease, opacity .15s ease;
}

.np1-header .menu-drawer-container{
  display: flex;
}


.np1-header .header__icon--menu[aria-expanded=true]:before {
  content: "";
  top: 100%;
  left: 0;
  height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 0px)));
  width: 100%;
  display: block;
  position: absolute;
  background: rgba(var(--color-foreground), .5);
}

.np1-header .list-unstyled{
  margin: 0;
  padding: 0;
  list-style: none;
}

.np1-header .list-unstyled>li {
  position: static;
  padding-left: 0;
}

.np1-header .list-unstyled>li:before {
  content: none;
  width: initial;
  height: initial;
  background: initial;
  display: initial;
  position: initial;
  border-radius: initial;
  top: initial;
  left: initial;
}

.np1-header .js details[open]>.menu-drawer,
.np1-header .js details[open]>.menu-drawer__submenu {
  transition: transform var(--duration-default) ease, visibility var(--duration-default) ease;
}

.np1-header details[open] .modal-overlay:after {
  position: absolute;
  content: "";
  background-color: rgb(var(--color-foreground), .5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}

.np1-header details[open] .modal-overlay {
  display: block;
}

.np1-header details[open]>.search-modal {
  opacity: 1;
  animation: animateMenuOpen var(--duration-default) ease;
}

.np1-header .modal__close-button .icon {
  width: 1.7rem;
  height: 1.7rem;
}

.np1-header .field__label, .np1-header .customer .field label {
  font-size: 1.6rem;
  left: calc(var(--inputs-border-width) + 2rem);
  top: calc(1rem + var(--inputs-border-width));
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease, font-size var(--duration-short) ease;
  color: rgba(255, 255, 255, .75);
  letter-spacing: .1rem;
  line-height: 1.5;
}

.np1-header .field__input::placeholder,
.np1-header .customer .field input::placeholder {
  opacity: 0;
}

.np1-header .field__input:focus,
.np1-header .field__input:not(:placeholder-shown),
.np1-header .field__input:-webkit-autofill,
.np1-header .customer .field input:focus,
.np1-header .customer .field input:not(:placeholder-shown),
.np1-header .customer .field input:-webkit-autofill {
  padding: 2.2rem 1.5rem .8rem 2rem;
  margin: var(--inputs-border-width);
}

.np1-header .field__input:focus,
.np1-header .select__select:focus,
.np1-header .customer .field input:focus,
.np1-header .customer select:focus,
.np1-header .localization-form__select:focus.localization-form__select:after {
  box-shadow: 0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(255, 255, 255);
  outline: 0;
  border-radius: var(--inputs-radius);
}

.np1-header .field__input:focus~.field__label,
.np1-header .field__input:not(:placeholder-shown)~.field__label,
.np1-header .field__input:-webkit-autofill~.field__label,
.np1-header .customer .field input:focus~label,
.np1-header .customer .field input:not(:placeholder-shown)~label,
.np1-header .customer .field input:-webkit-autofill~label {
  font-size: 1rem;
  top: calc(var(--inputs-border-width) + .5rem);
  left: calc(var(--inputs-border-width) + 2rem);
  letter-spacing: .04rem;
}

.np1-header .header{
  position: static;
}


.np1-header .header__icon--summary{
  min-height: 7.2rem;
}

/* mypage submenu */  
.np1-header .mypage-menu__content{
  width: 570px;
  height: auto;
  left: auto;
  color: rgba(18, 18, 18, 0.75);
}

.np1-header .mypage-menu-login {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  padding: 16px;
  background: none;
}

.np1-header .mypage-menu-login .mypage-menu-login-name {
  font-size: 2.4rem;
  font-weight: bold;
  margin-right: 4px;
}

.np1-header .mypage-menu-login .mypage-menu-login-sama {
  font-size: 2rem;
  font-weight: bold;
}


.np1-header .mypage-menu__content .arrow-list-left-child-wrapper{
  padding:0;
}

.np1-header .mypage-menu__content .arrow-list-left-child {
  list-style-type: none;
  padding-left: 0;
  background: #fff;
  margin-bottom: 0;
}

.np1-header .mypage-menu__content .arrow-list-left-child>li a {
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
}

.np1-header .mypage-menu__content .arrow-list-left-child>li a::before {
  right: 12px;
}

.np1-header .mypage-menu__content .arrow-list-left-child>li a::before {
  font-family: "icomoon" !important;
  content: "\e906";
  position: absolute;
  font-size: 2rem;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.np1-header .mypage-menu__content .arrow-list-left-child .icon-blank_link:before {
  content: "\e909";
  font-family: "icomoon" !important;
  font-size: 2rem;
  line-height: 1.5rem;
}

.np1-header .mypage-menu__content .icon-logout:before {
  content: "\e91b";
  font-family: "icomoon" !important;
}

.np1-header .mypage-menu__content .icon-login:before {
  content: "\e91a";
  font-family: "icomoon" !important;
}

.np1-header .mypage-menu__content .is-pc {
  display: none !important;
}

.np1-header .mypage-menu summary.list-menu__item {
  padding-left: 1rem;
  padding-right: 1rem;
}

.np1-header details[open]>.mypage-menu__item:after,
.np1-header .mypage-menu__item:hover:after{
  background: none !important;
}

.np1-header .header__icon--summary.link{
  margin-left:0 !important;
}


@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
      padding-left: 5rem;
      padding-right: 5rem;
      max-width: 100%;
  }
}

@media screen and (max-width: 989px) {
  .np1-header .mypage-menu__content {
    left: initial;
    width: initial;
    height: initial;
    left: initial;
  }
  .np1-header .mypage-sub-menu {
    position: fixed;
    width: 100vw;
    left: 0;
    height: calc(100vh - 70px);
    background: #fff;
    border-bottom: none;
    overflow-x: auto;
    padding-bottom: 100px;
  }

  .np1-header .mypage-menu-login {
    padding: 24px 16px;
    background: #EFF4F7;
    border-bottom: none;
  }
  .np1-header .mypage-menu__content .arrow-list-left-child-wrapper {
    width: 100%;
    padding: 24px 16px 0;
  }

  .np1-header .mypage-menu__content .arrow-list-left-child>li {
    position: relative;
    border-top: 1px solid #222;
  }

  .np1-header .mypage-menu__content .arrow-list-left-child{
    width: 100%;
  }

  summary {
    list-style: none;
  }
  summary::-webkit-details-marker {
    display:none;
  }
}

@media screen and (min-width: 990px) {
  .np1-header .header-wrapper--transparent:hover,
  .section-header:where(:has(header-menu details[open])) .header-wrapper--transparent,
  .np1-header .scrolled-past-header .header-wrapper--transparent {
      background: #181818 !important;
  }
  .np1-header .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .np1-header .header {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .np1-header header-drawer {
    display: none;
  }
  .np1-header .header--middle-left {
    grid-template-areas: "heading navigation icons";
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }
  .np1-header .header__heading, .np1-header .header__heading-link {
    justify-self: start;
  }
  .np1-header .header--middle-left .header__heading-link, .np1-header .header--top-left .header__heading-link {
    margin-left: -.75rem;
  }

  /* 以下から中央メニュー  */
  .np1-header .header--middle-left .header__inline-menu {
    margin-left: 0;
  }
  .np1-header .header__inline-menu {
    display: block;
  }

  /* 以下から右アイコンメニュー  */
  .np1-header .header:not(.header--top-center) *>.header__search, .np1-header .header--top-center>.header__search {
    display: inline-flex;
  }
  .np1-header .header__icon, .np1-header .header__icon--cart .icon, .np1-header .header__icon--heart .icon {
    height: 4.4rem;
    width: 4.4rem;
  }
  .np1-header .search-modal__form {
    max-width: 74.2rem;
  }
  .np1-header .search-modal__close-button {
    position: initial;
    margin-left: .5rem !important;
  }

  .np1-header .mypage-menu__content .arrow-list-left-child {
    width: 50%;
    border-right: 1px solid #ccc;
    
  }
  .np1-header .mypage-menu__content .arrow-list-left-child a {
    font-size: 1.4rem;
    padding: 12px 40px 12px 16px;
  }

  .np1-header .mypage-menu__content .arrow-list-left-child>li {
    position: relative;
    border-top: none;
    border-bottom: 1px solid #ccc;
    border-left: none;
    border-right: none;
  }
  
  .np1-header .mypage-menu__content .arrow-list-left-child > li:first-child {
    border-top: none;
  }

  .np1-header .mypage-menu__content .arrow-list-left-child > li:last-child {
    border-bottom: none;
  }

  .np1-header .mypage-menu__content .arrow-list-left-child a:hover {
    text-decoration: none;
    color: #b31d36;
  }
  .np1-header .mypage-menu__content .arrow-list-left-child>li a {
    font-size: 1.4rem;
    font-weight: 500;
  }

  .np1-header .mypage-menu__content .arrow-list-left-child .icon-blank_link {
    margin-left: 4px;
    font-size: 2rem;
    line-height: 1.5rem;
    top: 3px;
  }

  .np1-header .mypage-menu__content .tfx-header-mypage-button .btn {
    width: 280px;
    font-size: 1.4rem;
    min-height: 48px;
    padding-right: 16px;
  }
}


@media screen and (min-width: 750px) {
  .section-header {
      margin-bottom: 0px;
  }
  .np1-header .header.page-width, .np1-header .utility-bar__grid.page-width {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
  .np1-header .page-width {
    padding: 0 5rem;
  }
  .np1-header h1, .np1-header .h1 {
    font-size: calc(var(--font-heading-scale) * 4rem);
  }

  /* 以下から右アイコンメニュー  */
  .np1-header .search-modal__content {
    padding: 0 6rem;
  }
  .np1-header .header predictive-search {
    position: relative;
  }
  .np1-header .predictive-search {
    border-top: none;
    width: calc(100% + .2rem);
  }
  .np1-header .search-modal__close-button {
    right: 1rem;
  }

  /* mypage submenu */
  .np1-header .mypage-menu__content .is-pc.disp-flex {
    display: flex !important;
  }
  

}


:root {
  --header-height: 72px;
  --header-bottom-position: 113.59375px;
  --header-bottom-position-desktop: 113px;
  --duration-default: .2s;

  --duration-short: .1s;
  --font-body-family: Assistant, sans-serif;
  --font-body-style: normal;

  --font-heading-family: Assistant, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 400;

  --font-body-scale: 1.0;
  --font-heading-scale: 1.0;

  --page-width: 127rem;

  --popup-border-width: 1px;
  --popup-border-opacity: 0.1;
  --popup-corner-radius: 0px;
  --popup-shadow-opacity: 0.05;
  --popup-shadow-horizontal-offset: 0px;
  --popup-shadow-vertical-offset: 4px;
  --popup-shadow-blur-radius: 5px;

  --drawer-border-width: 1px;
  --drawer-border-opacity: 0.1;
  --drawer-shadow-opacity: 0.0;
  --drawer-shadow-horizontal-offset: 0px;
  --drawer-shadow-vertical-offset: 4px;
  --drawer-shadow-blur-radius: 5px;

  --inputs-radius: 0px;
  --inputs-radius-outset: 0px;

  --inputs-shadow-horizontal-offset: 0px;
  --inputs-shadow-vertical-offset: 4px;
  --inputs-shadow-blur-radius: 5px;
  --inputs-shadow-opacity: 0.0;

  --inputs-border-width: 1px;
  --inputs-border-opacity: 0.55;

  --color-link: 255, 255, 255;
  --gradient-background: #121212;
  --color-foreground: 255, 255, 255;
  --color-background: 18, 18, 18;
}