.header-sp-wrap {
  display: flex;
  height: auto;
  width: auto;
  position: static;
  justify-content: space-between;
}
/* menuの設定 */

.header-sp-wrap .logo-wrap-sp {
  display: inline-flex;
  flex-direction: column;
  height: 66px;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  padding: 0px 16px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -2px;
  margin-bottom: -2px;
}

.header-sp-wrap .logo {
  position: relative;
  width: 104px;
  height: 66px;
}

.header-sp-wrap .menu-wrap {
  display: inline-flex;
  gap: 18px;
  flex: 0 0 auto;
  align-items: center;
  position: relative;
  align-self: stretch;
}

.header-sp-wrap .head-btn {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.header-sp-wrap .icon-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.header-sp-wrap .icon {
  position: relative;
  flex: 0 0 auto;
}

.header-sp-wrap .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 11px;
  white-space: nowrap;
}

.header-sp-wrap .cart-SP-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
}

.header-sp-wrap .cart-SP {
  position: relative;
  width: 28.78px;
  height: 28.78px;
}

.header-sp-wrap .hum-btn-wrapper {
  display: flex;
  flex-direction: column;
  width: 59px;
  justify-content: flex-end;
  gap: 8px;
  padding: 9px 0px;
  background-color: var(--DU-gwi-2);
  align-items: center;
  position: relative;
  align-self: stretch;
}

.header-sp-wrap .hum-btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.header-sp-wrap .hum-line {
  position: relative;
  width: 29.32px;
  flex: 0 0 auto;
  margin-top: -1.29px;
}

.header-sp-wrap .menu {
  position: relative;
  width: fit-content;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: var(--themelight);
  font-size: 11px;
  letter-spacing: 0;
  line-height: 11px;
  white-space: nowrap;
}

:root {
  --hitbox: rgba(255, 255, 255, 0);
  --DU-gwi-2: rgba(167, 30, 45, 1);
  --themeprimary: rgba(13, 110, 253, 1);
  --themesecondary: rgba(108, 117, 125, 1);
  --themesuccess: rgba(25, 135, 84, 1);
  --themedanger: rgba(220, 53, 69, 1);
  --themewarning: rgba(255, 193, 7, 1);
  --themeinfo: rgba(13, 202, 240, 1);
  --themelight: rgba(248, 249, 250, 1);
  --themedark: rgba(33, 37, 41, 1);
  --themeborder: rgba(222, 226, 230, 1);
  --body-textbody-color: rgba(33, 37, 41, 1);
  --graywhite: rgba(255, 255, 255, 1);
  --gray-100: rgba(248, 249, 250, 1);
  --gray-200: rgba(233, 236, 239, 1);
  --gray-300: rgba(222, 226, 230, 1);
  --gray-400: rgba(206, 212, 218, 1);
  --gray-500: rgba(173, 181, 189, 1);
  --gray-600: rgba(108, 117, 125, 1);
  --gray-700: rgba(73, 80, 87, 1);
  --gray-800: rgba(52, 58, 64, 1);
  --gray-900: rgba(33, 37, 41, 1);
  --grayblack: rgba(0, 0, 0, 1);
  --blue-100: rgba(231, 241, 255, 1);
  --blue-200: rgba(158, 197, 254, 1);
  --blue-300: rgba(110, 168, 254, 1);
  --blue-400: rgba(61, 139, 253, 1);
  --blue-500: rgba(13, 110, 253, 1);
  --blue-600: rgba(10, 88, 202, 1);
  --blue-700: rgba(8, 66, 152, 1);
  --blue-800: rgba(5, 44, 101, 1);
  --blue-900: rgba(3, 22, 51, 1);
  --indigo-100: rgba(224, 207, 252, 1);
  --indigo-200: rgba(194, 159, 250, 1);
  --indigo-300: rgba(163, 112, 247, 1);
  --indigo-400: rgba(133, 64, 245, 1);
  --indigo-500: rgba(102, 16, 242, 1);
  --indigo-600: rgba(82, 13, 194, 1);
  --indigo-700: rgba(61, 10, 145, 1);
  --indigo-800: rgba(41, 6, 97, 1);
  --indigo-900: rgba(20, 3, 48, 1);
  --purple-100: rgba(226, 217, 243, 1);
  --purple-200: rgba(197, 179, 230, 1);
  --purple-300: rgba(169, 142, 218, 1);
  --purple-400: rgba(140, 104, 205, 1);
  --purple-500: rgba(111, 66, 193, 1);
  --purple-600: rgba(89, 53, 154, 1);
  --purple-700: rgba(67, 40, 116, 1);
  --purple-800: rgba(44, 26, 77, 1);
  --purple-900: rgba(22, 13, 39, 1);
  --pink-100: rgba(247, 214, 230, 1);
  --pink-200: rgba(239, 173, 206, 1);
  --pink-300: rgba(230, 133, 181, 1);
  --pink-400: rgba(222, 92, 157, 1);
  --pink-500: rgba(214, 51, 132, 1);
  --pink-600: rgba(171, 41, 106, 1);
  --pink-700: rgba(128, 31, 79, 1);
  --pink-800: rgba(86, 20, 53, 1);
  --pink-900: rgba(43, 10, 26, 1);
  --red-100: rgba(248, 215, 218, 1);
  --red-200: rgba(241, 174, 181, 1);
  --red-300: rgba(234, 134, 143, 1);
  --red-400: rgba(227, 93, 106, 1);
  --red-500: rgba(220, 53, 69, 1);
  --red-600: rgba(176, 42, 55, 1);
  --red-700: rgba(132, 32, 41, 1);
  --red-800: rgba(88, 21, 28, 1);
  --red-900: rgba(44, 11, 14, 1);
  --orange-100: rgba(255, 229, 208, 1);
  --orange-200: rgba(254, 203, 161, 1);
  --orange-300: rgba(254, 178, 114, 1);
  --orange-400: rgba(253, 152, 67, 1);
  --orange-500: rgba(253, 126, 20, 1);
  --orange-600: rgba(202, 101, 16, 1);
  --orange-700: rgba(152, 76, 12, 1);
  --orange-800: rgba(101, 50, 8, 1);
  --orange-900: rgba(51, 25, 4, 1);
  --yellow-100: rgba(255, 243, 205, 1);
  --yellow-200: rgba(255, 230, 156, 1);
  --yellow-300: rgba(255, 218, 106, 1);
  --yellow-400: rgba(255, 205, 57, 1);
  --yellow-500: rgba(255, 193, 7, 1);
  --yellow-600: rgba(204, 154, 6, 1);
  --yellow-700: rgba(153, 116, 4, 1);
  --yellow-800: rgba(102, 77, 3, 1);
  --yellow-900: rgba(51, 39, 1, 1);
  --green-100: rgba(209, 231, 221, 1);
  --green-200: rgba(163, 207, 187, 1);
  --green-300: rgba(117, 183, 152, 1);
  --green-400: rgba(71, 159, 118, 1);
  --green-500: rgba(25, 135, 84, 1);
  --green-600: rgba(20, 108, 67, 1);
  --green-700: rgba(15, 81, 50, 1);
  --green-800: rgba(10, 54, 34, 1);
  --green-900: rgba(5, 27, 17, 1);
  --teal-100: rgba(210, 244, 234, 1);
  --teal-200: rgba(166, 233, 213, 1);
  --teal-300: rgba(121, 223, 193, 1);
  --teal-400: rgba(77, 212, 172, 1);
  --teal-500: rgba(32, 201, 151, 1);
  --teal-600: rgba(26, 161, 121, 1);
  --teal-700: rgba(19, 121, 91, 1);
  --teal-800: rgba(13, 80, 60, 1);
  --teal-900: rgba(6, 40, 30, 1);
  --cyan-100: rgba(207, 244, 252, 1);
  --cyan-200: rgba(158, 234, 249, 1);
  --cyan-300: rgba(110, 223, 246, 1);
  --cyan-400: rgba(61, 213, 243, 1);
  --cyan-500: rgba(13, 202, 240, 1);
  --cyan-600: rgba(10, 162, 192, 1);
  --cyan-700: rgba(8, 121, 144, 1);
  --cyan-800: rgba(5, 81, 96, 1);
  --cyan-900: rgba(3, 40, 48, 1);
  --placeholderimage: rgba(248, 249, 250, 1);
  --placeholderavatar: rgba(255, 255, 255, 1);
  --componentsaccordionborder: rgba(0, 0, 0, 0.12);
  --componentsaccordionactive-item-header-background: rgba(231, 241, 255, 1);
  --componentsaccordionactive-item-header-text-color: rgba(12, 99, 228, 1);
  --componentsalertprimarytext: rgba(8, 66, 152, 1);
  --componentsalertprimarybackground: rgba(207, 226, 255, 1);
  --componentsalertprimaryborder: rgba(182, 212, 254, 1);
  --componentsalertprimarylink: rgba(6, 53, 122, 1);
  --componentsalertsecondarytext: rgba(65, 70, 75, 1);
  --componentsalertsecondarybackground: rgba(226, 227, 229, 1);
  --componentsalertsecondaryborder: rgba(211, 214, 216, 1);
  --componentsalertsecondarylink: rgba(52, 56, 60, 1);
  --componentsalertsuccesstext: rgba(15, 81, 50, 1);
  --componentsalertsuccessbackground: rgba(209, 231, 221, 1);
  --componentsalertsuccessborder: rgba(186, 219, 204, 1);
  --componentsalertsuccesslink: rgba(12, 65, 40, 1);
  --componentsalertdangertext: rgba(132, 32, 41, 1);
  --componentsalertdangerbackground: rgba(248, 215, 218, 1);
  --componentsalertdangerborder: rgba(245, 194, 199, 1);
  --componentsalertdangerlink: rgba(106, 26, 33, 1);
  --componentsalertwarningtext: rgba(102, 77, 3, 1);
  --componentsalertwarningbackground: rgba(255, 243, 205, 1);
  --componentsalertwarningborder: rgba(255, 236, 181, 1);
  --componentsalertwarninglink: rgba(82, 62, 2, 1);
  --componentsalertinfotext: rgba(5, 81, 96, 1);
  --componentsalertinfobackground: rgba(207, 244, 252, 1);
  --componentsalertinfoborder: rgba(182, 239, 251, 1);
  --componentsalertinfolink: rgba(4, 65, 77, 1);
  --componentsalertlighttext: rgba(99, 100, 100, 1);
  --componentsalertlightbackground: rgba(254, 254, 254, 1);
  --componentsalertlightborder: rgba(253, 253, 254, 1);
  --componentsalertlightlink: rgba(79, 80, 80, 1);
  --componentsalertdarktext: rgba(20, 22, 25, 1);
  --componentsalertdarkbackground: rgba(211, 211, 212, 1);
  --componentsalertdarkborder: rgba(188, 190, 191, 1);
  --componentsalertdarklink: rgba(16, 18, 20, 1);
  --componentsbuttonprimaryhovered-background: rgba(11, 94, 215, 1);
  --componentsbuttonprimaryhovered-border: rgba(10, 88, 202, 1);
  --componentsbuttonprimaryactive-background: rgba(10, 88, 202, 1);
  --componentsbuttonprimaryactive-border: rgba(10, 83, 190, 1);
  --componentsbuttonsecondaryhovered-background: rgba(92, 99, 106, 1);
  --componentsbuttonsecondaryhovered-border: rgba(86, 94, 100, 1);
  --componentsbuttonsecondaryactive-background: rgba(86, 94, 100, 1);
  --componentsbuttonsecondaryactive-border: rgba(81, 88, 94, 1);
  --componentsbuttonsuccesshovered-background: rgba(21, 115, 71, 1);
  --componentsbuttonsuccesshovered-border: rgba(20, 108, 67, 1);
  --componentsbuttonsuccessactive-background: rgba(20, 108, 67, 1);
  --componentsbuttonsuccessactive-border: rgba(19, 101, 63, 1);
  --componentsbuttondangerhovered-background: rgba(187, 45, 59, 1);
  --componentsbuttondangerhovered-border: rgba(176, 42, 55, 1);
  --componentsbuttondangeractive-background: rgba(176, 42, 55, 1);
  --componentsbuttondangeractive-border: rgba(165, 40, 52, 1);
  --componentsbuttonwarninghovered-background: rgba(255, 202, 44, 1);
  --componentsbuttonwarninghovered-border: rgba(255, 199, 32, 1);
  --componentsbuttonwarningactive-background: rgba(255, 205, 57, 1);
  --componentsbuttonwarningactive-border: rgba(255, 199, 32, 1);
  --componentsbuttoninfohovered-background: rgba(49, 210, 242, 1);
  --componentsbuttoninfohovered-border: rgba(37, 207, 242, 1);
  --componentsbuttoninfoactive-background: rgba(61, 213, 243, 1);
  --componentsbuttoninfoactive-border: rgba(37, 207, 242, 1);
  --componentsbuttonlighthovered-background: rgba(249, 250, 251, 1);
  --componentsbuttonlighthovered-border: rgba(249, 250, 251, 1);
  --componentsbuttonlightactive-background: rgba(249, 250, 251, 1);
  --componentsbuttonlightactive-border: rgba(249, 250, 251, 1);
  --componentsbuttondarkhovered-background: rgba(28, 31, 35, 1);
  --componentsbuttondarkhovered-border: rgba(26, 30, 33, 1);
  --componentsbuttondarkactive-background: rgba(26, 30, 33, 1);
  --componentsbuttondarkactive-border: rgba(25, 28, 31, 1);
  --componentsbuttonlinkhovered-text: rgba(10, 88, 202, 1);
  --componentscardborder: rgba(0, 0, 0, 0.17);
  --componentscardcaption-background: rgba(0, 0, 0, 0.03);
  --componentscheckboxborder: rgba(0, 0, 0, 0.15);
  --componentscheckboxfocused-border: rgba(134, 183, 254, 1);
  --componentsdropdownsborder: rgba(0, 0, 0, 0.15);
  --componentsdropdownslight-hovered-item-text: rgba(30, 33, 37, 1);
  --componentsdropdownsdark-hovered-item-background: rgba(255, 255, 255, 0.15);
  --componentsdividerdivider-background: rgba(33, 37, 41, 0.25);
  --componentslist-groupborder: rgba(0, 0, 0, 0.12);
  --componentsmodalborder: rgba(0, 0, 0, 0.2);
  --componentsnavs-tabslight-link: rgba(0, 0, 0, 0.55);
  --componentsnavs-tabslight-link-hovered: rgba(0, 0, 0, 0.7);
  --componentsnavs-tabslight-link-active: rgba(0, 0, 0, 0.9);
  --componentsnavs-tabslight-link-disabled: rgba(0, 0, 0, 0.3);
  --componentsnavs-tabsdark-link: rgba(255, 255, 255, 0.55);
  --componentsnavs-tabsdark-link-hovered: rgba(255, 255, 255, 0.75);
  --componentsnavs-tabsdark-link-active: rgba(255, 255, 255, 1);
  --componentsnavs-tabsdark-link-disabled: rgba(255, 255, 255, 0.25);
  --componentsnavs-tabslight-toggle-border: rgba(0, 0, 0, 0.1);
  --componentsnavs-tabsdark-toggle-border: rgba(255, 255, 255, 0.1);
  --componentspopoverborder: rgba(0, 0, 0, 0.2);
  --componentspopoverheader-background: rgba(240, 240, 240, 1);
  --componentstoastsbackground: rgba(255, 255, 255, 0.85);
  --componentstoastsborder: rgba(0, 0, 0, 0.1);
  --componentstoastsheader-border: rgba(0, 0, 0, 0.05);
  --componentsinputfocused-border: rgba(134, 183, 254, 1);
  --componentsrangeslider-background: rgba(222, 226, 230, 1);
  --componentstablesborder-dark: rgba(55, 59, 62, 1);
  --componentsoffcanvasborder: rgba(0, 0, 0, 0.2);
  --applecomnero: rgba(255, 255, 255, 1);
  --applecomshark: rgba(29, 29, 31, 1);
  --applecomscience-blue: rgba(0, 113, 227, 1);
  --applecomblack: rgba(0, 0, 0, 1);
  --applecomathens-gray: rgba(245, 245, 247, 1);
  --applecomjapanese-laurel: rgba(41, 151, 255, 1);
  --applecomblack-80: rgba(0, 0, 0, 0.8);
  --applecomblack-42: rgba(0, 0, 0, 0.42);
  --applecommercury: rgba(230, 230, 230, 1);
  --applecommischka: rgba(210, 210, 215, 1);
  --applecomblack-16: rgba(0, 0, 0, 0.16);
  --applecomblack-56: rgba(0, 0, 0, 0.56);
  --applecomblack-72: rgba(0, 0, 0, 0.72);
  --applecomblack-88: rgba(0, 0, 0, 0.88);
  --applecomblack-48: rgba(0, 0, 0, 0.48);
  --applecomathens-gray-80: rgba(245, 245, 247, 0.8);
  --body-regular-font-family: "Noto Serif JP", Helvetica;
  --body-regular-font-weight: 400;
  --body-regular-font-size: 16px;
  --body-regular-letter-spacing: 0px;
  --body-regular-line-height: 150%;
  --body-regular-font-style: normal;
  --body-bold-font-family: "Noto Serif JP", Helvetica;
  --body-bold-font-weight: 700;
  --body-bold-font-size: 16px;
  --body-bold-letter-spacing: 0px;
  --body-bold-line-height: 150%;
  --body-bold-font-style: normal;
  --body-light-font-family: "Noto Serif JP", Helvetica;
  --body-light-font-weight: 300;
  --body-light-font-size: 16px;
  --body-light-letter-spacing: 0px;
  --body-light-line-height: 150%;
  --body-light-font-style: normal;
  --body-italic-font-family: "Noto Serif JP", Helvetica;
  --body-italic-font-weight: 400;
  --body-italic-font-size: 16px;
  --body-italic-letter-spacing: 0px;
  --body-italic-line-height: 150%;
  --body-italic-font-style: italic;
  --body-underline-font-family: "Noto Serif JP", Helvetica;
  --body-underline-font-weight: 400;
  --body-underline-font-size: 16px;
  --body-underline-letter-spacing: 0px;
  --body-underline-line-height: 150%;
  --body-underline-font-style: normal;
  --body-strike-font-family: "Noto Serif JP", Helvetica;
  --body-strike-font-weight: 400;
  --body-strike-font-size: 16px;
  --body-strike-letter-spacing: 0px;
  --body-strike-line-height: 150%;
  --body-strike-font-style: normal;
  --body-small-font-family: "Noto Serif JP", Helvetica;
  --body-small-font-weight: 400;
  --body-small-font-size: 14px;
  --body-small-letter-spacing: 0px;
  --body-small-line-height: 150%;
  --body-small-font-style: normal;
  --body-code-font-family: "Consolas", Helvetica;
  --body-code-font-weight: 400;
  --body-code-font-size: 14px;
  --body-code-letter-spacing: 0px;
  --body-code-line-height: 150%;
  --body-code-font-style: normal;
  --body-lead-font-family: "Noto Serif JP", Helvetica;
  --body-lead-font-weight: 300;
  --body-lead-font-size: 20px;
  --body-lead-letter-spacing: 0px;
  --body-lead-line-height: 150%;
  --body-lead-font-style: normal;
  --body-blockquote-font-family: "Noto Serif JP", Helvetica;
  --body-blockquote-font-weight: 400;
  --body-blockquote-font-size: 20px;
  --body-blockquote-letter-spacing: 0px;
  --body-blockquote-line-height: 150%;
  --body-blockquote-font-style: normal;
  --heading-h1-font-family: "Noto Serif JP", Helvetica;
  --heading-h1-font-weight: 500;
  --heading-h1-font-size: 40px;
  --heading-h1-letter-spacing: 0px;
  --heading-h1-line-height: 120.00000476837158%;
  --heading-h1-font-style: normal;
  --heading-h2-font-family: "Noto Serif JP", Helvetica;
  --heading-h2-font-weight: 500;
  --heading-h2-font-size: 32px;
  --heading-h2-letter-spacing: 0px;
  --heading-h2-line-height: 120.00000476837158%;
  --heading-h2-font-style: normal;
  --heading-h3-font-family: "Noto Serif JP", Helvetica;
  --heading-h3-font-weight: 500;
  --heading-h3-font-size: 28px;
  --heading-h3-letter-spacing: 0px;
  --heading-h3-line-height: 120.00000476837158%;
  --heading-h3-font-style: normal;
  --heading-h4-font-family: "Noto Serif JP", Helvetica;
  --heading-h4-font-weight: 500;
  --heading-h4-font-size: 24px;
  --heading-h4-letter-spacing: 0px;
  --heading-h4-line-height: 120.00000476837158%;
  --heading-h4-font-style: normal;
  --heading-h5-font-family: "Noto Serif JP", Helvetica;
  --heading-h5-font-weight: 500;
  --heading-h5-font-size: 20px;
  --heading-h5-letter-spacing: 0px;
  --heading-h5-line-height: 120.00000476837158%;
  --heading-h5-font-style: normal;
  --heading-h6-font-family: "Helvetica Neue", Helvetica;
  --heading-h6-font-weight: 500;
  --heading-h6-font-size: 16px;
  --heading-h6-letter-spacing: 0px;
  --heading-h6-line-height: 120.00000476837158%;
  --heading-h6-font-style: normal;
  --display-h1-font-family: "Helvetica Neue", Helvetica;
  --display-h1-font-weight: 300;
  --display-h1-font-size: 80px;
  --display-h1-letter-spacing: 0px;
  --display-h1-line-height: 120.00000476837158%;
  --display-h1-font-style: normal;
  --display-h2-font-family: "Noto Serif JP", Helvetica;
  --display-h2-font-weight: 300;
  --display-h2-font-size: 32px;
  --display-h2-letter-spacing: 0px;
  --display-h2-line-height: 120.00000476837158%;
  --display-h2-font-style: normal;
  --display-h3-font-family: "Noto Serif JP", Helvetica;
  --display-h3-font-weight: 300;
  --display-h3-font-size: 24px;
  --display-h3-letter-spacing: 0px;
  --display-h3-line-height: 120.00000476837158%;
  --display-h3-font-style: normal;
  --display-h4-font-family: "Helvetica Neue", Helvetica;
  --display-h4-font-weight: 300;
  --display-h4-font-size: 56px;
  --display-h4-letter-spacing: 0px;
  --display-h4-line-height: 120.00000476837158%;
  --display-h4-font-style: normal;
  --display-h5-font-family: "Helvetica Neue", Helvetica;
  --display-h5-font-weight: 300;
  --display-h5-font-size: 48px;
  --display-h5-letter-spacing: 0px;
  --display-h5-line-height: 120.00000476837158%;
  --display-h5-font-style: normal;
  --display-h6-font-family: "Helvetica Neue", Helvetica;
  --display-h6-font-weight: 300;
  --display-h6-font-size: 40px;
  --display-h6-letter-spacing: 0px;
  --display-h6-line-height: 120.00000476837158%;
  --display-h6-font-style: normal;
  --components-badge-h1-font-family: "Helvetica Neue", Helvetica;
  --components-badge-h1-font-weight: 700;
  --components-badge-h1-font-size: 30px;
  --components-badge-h1-letter-spacing: 0px;
  --components-badge-h1-line-height: 100%;
  --components-badge-h1-font-style: normal;
  --components-badge-h2-font-family: "Helvetica Neue", Helvetica;
  --components-badge-h2-font-weight: 700;
  --components-badge-h2-font-size: 24px;
  --components-badge-h2-letter-spacing: 0px;
  --components-badge-h2-line-height: 100%;
  --components-badge-h2-font-style: normal;
  --components-badge-h3-font-family: "Helvetica Neue", Helvetica;
  --components-badge-h3-font-weight: 700;
  --components-badge-h3-font-size: 21px;
  --components-badge-h3-letter-spacing: 0px;
  --components-badge-h3-line-height: 100%;
  --components-badge-h3-font-style: normal;
  --components-badge-h4-font-family: "Helvetica Neue", Helvetica;
  --components-badge-h4-font-weight: 700;
  --components-badge-h4-font-size: 18px;
  --components-badge-h4-letter-spacing: 0px;
  --components-badge-h4-line-height: 100%;
  --components-badge-h4-font-style: normal;
  --components-badge-h5-font-family: "Helvetica Neue", Helvetica;
  --components-badge-h5-font-weight: 700;
  --components-badge-h5-font-size: 15px;
  --components-badge-h5-letter-spacing: 0px;
  --components-badge-h5-line-height: 100%;
  --components-badge-h5-font-style: normal;
  --components-badge-h6-font-family: "Helvetica Neue", Helvetica;
  --components-badge-h6-font-weight: 700;
  --components-badge-h6-font-size: 12px;
  --components-badge-h6-letter-spacing: 0px;
  --components-badge-h6-line-height: 100%;
  --components-badge-h6-font-style: normal;
  --components-dropdowns-item-header-font-family: "Helvetica Neue", Helvetica;
  --components-dropdowns-item-header-font-weight: 500;
  --components-dropdowns-item-header-font-size: 14px;
  --components-dropdowns-item-header-letter-spacing: 0px;
  --components-dropdowns-item-header-line-height: 16.799999237060547px;
  --components-dropdowns-item-header-font-style: normal;
  --components-dropdowns-dropdown-header-font-family: "Helvetica Neue",
    Helvetica;
  --components-dropdowns-dropdown-header-font-weight: 500;
  --components-dropdowns-dropdown-header-font-size: 14px;
  --components-dropdowns-dropdown-header-letter-spacing: 0px;
  --components-dropdowns-dropdown-header-line-height: 16.799999237060547px;
  --components-dropdowns-dropdown-header-font-style: normal;
  --components-progress-label-font-family: "Helvetica Neue", Helvetica;
  --components-progress-label-font-weight: 400;
  --components-progress-label-font-size: 12px;
  --components-progress-label-letter-spacing: 0px;
  --components-progress-label-line-height: 18px;
  --components-progress-label-font-style: normal;
  --components-toast-header-title-font-family: "Helvetica Neue", Helvetica;
  --components-toast-header-title-font-weight: 700;
  --components-toast-header-title-font-size: 14px;
  --components-toast-header-title-letter-spacing: 0px;
  --components-toast-header-title-line-height: 21px;
  --components-toast-header-title-font-style: normal;
  --components-toast-header-time-font-family: "Helvetica Neue", Helvetica;
  --components-toast-header-time-font-weight: 400;
  --components-toast-header-time-font-size: 12.25px;
  --components-toast-header-time-letter-spacing: 0px;
  --components-toast-header-time-line-height: 18.375px;
  --components-toast-header-time-font-style: normal;
  --apple-com-helvetica-neue-regular-14-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-regular-14-font-weight: 400;
  --apple-com-helvetica-neue-regular-14-font-size: 14px;
  --apple-com-helvetica-neue-regular-14-letter-spacing: -0.2240000069141388px;
  --apple-com-helvetica-neue-regular-14-line-height: 20px;
  --apple-com-helvetica-neue-regular-14-font-style: normal;
  --apple-com-helvetica-neue-regular-6-3-underline-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-6-3-underline-font-weight: 400;
  --apple-com-helvetica-neue-regular-6-3-underline-font-size: 6.299999713897705px;
  --apple-com-helvetica-neue-regular-6-3-underline-letter-spacing: -0.37400001287460327px;
  --apple-com-helvetica-neue-regular-6-3-underline-line-height: 12.350000381469727px;
  --apple-com-helvetica-neue-regular-6-3-underline-font-style: normal;
  --apple-com-helvetica-neue-bold-50-86-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-bold-50-86-font-weight: 700;
  --apple-com-helvetica-neue-bold-50-86-font-size: 50.859375px;
  --apple-com-helvetica-neue-bold-50-86-letter-spacing: -0.2800000011920929px;
  --apple-com-helvetica-neue-bold-50-86-line-height: 60px;
  --apple-com-helvetica-neue-bold-50-86-font-style: normal;
  --apple-com-helvetica-neue-regular-24-94-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-24-94-font-weight: 400;
  --apple-com-helvetica-neue-regular-24-94-font-size: 24.9375px;
  --apple-com-helvetica-neue-regular-24-94-letter-spacing: 0.19599999487400055px;
  --apple-com-helvetica-neue-regular-24-94-line-height: 32px;
  --apple-com-helvetica-neue-regular-24-94-font-style: normal;
  --apple-com-helvetica-neue-regular-17-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-regular-17-font-weight: 400;
  --apple-com-helvetica-neue-regular-17-font-size: 17px;
  --apple-com-helvetica-neue-regular-17-letter-spacing: -0.37400001287460327px;
  --apple-com-helvetica-neue-regular-17-line-height: 20px;
  --apple-com-helvetica-neue-regular-17-font-style: normal;
  --apple-com-helvetica-neue-bold-51-73-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-bold-51-73-font-weight: 700;
  --apple-com-helvetica-neue-bold-51-73-font-size: 51.734375px;
  --apple-com-helvetica-neue-bold-51-73-letter-spacing: -0.2800000011920929px;
  --apple-com-helvetica-neue-bold-51-73-line-height: 60px;
  --apple-com-helvetica-neue-bold-51-73-font-style: normal;
  --apple-com-helvetica-neue-regular-25-7-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-25-7-font-weight: 400;
  --apple-com-helvetica-neue-regular-25-7-font-size: 25.703125px;
  --apple-com-helvetica-neue-regular-25-7-letter-spacing: 0.19599999487400055px;
  --apple-com-helvetica-neue-regular-25-7-line-height: 32px;
  --apple-com-helvetica-neue-regular-25-7-font-style: normal;
  --apple-com-helvetica-neue-bold-49-66-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-bold-49-66-font-weight: 700;
  --apple-com-helvetica-neue-bold-49-66-font-size: 49.65625px;
  --apple-com-helvetica-neue-bold-49-66-letter-spacing: -0.2800000011920929px;
  --apple-com-helvetica-neue-bold-49-66-line-height: 60px;
  --apple-com-helvetica-neue-bold-49-66-font-style: normal;
  --apple-com-helvetica-neue-regular-25-81-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-25-81-font-weight: 400;
  --apple-com-helvetica-neue-regular-25-81-font-size: 25.8125px;
  --apple-com-helvetica-neue-regular-25-81-letter-spacing: 0.19599999487400055px;
  --apple-com-helvetica-neue-regular-25-81-line-height: 32px;
  --apple-com-helvetica-neue-regular-25-81-font-style: normal;
  --apple-com-helvetica-neue-regular-19-03-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-19-03-font-weight: 400;
  --apple-com-helvetica-neue-regular-19-03-font-size: 19.03125px;
  --apple-com-helvetica-neue-regular-19-03-letter-spacing: 0.23100000619888306px;
  --apple-com-helvetica-neue-regular-19-03-line-height: 25px;
  --apple-com-helvetica-neue-regular-19-03-font-style: normal;
  --apple-com-helvetica-neue-regular-19-36-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-19-36-font-weight: 400;
  --apple-com-helvetica-neue-regular-19-36-font-size: 19.359375px;
  --apple-com-helvetica-neue-regular-19-36-letter-spacing: 0.23100000619888306px;
  --apple-com-helvetica-neue-regular-19-36-line-height: 25px;
  --apple-com-helvetica-neue-regular-19-36-font-style: normal;
  --apple-com-helvetica-neue-bold-37-19-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-bold-37-19-font-weight: 700;
  --apple-com-helvetica-neue-bold-37-19-font-size: 37.1875px;
  --apple-com-helvetica-neue-bold-37-19-letter-spacing: 0px;
  --apple-com-helvetica-neue-bold-37-19-line-height: 44px;
  --apple-com-helvetica-neue-bold-37-19-font-style: normal;
  --apple-com-helvetica-neue-regular-19-2-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-19-2-font-weight: 400;
  --apple-com-helvetica-neue-regular-19-2-font-size: 19.1953125px;
  --apple-com-helvetica-neue-regular-19-2-letter-spacing: 0.23100000619888306px;
  --apple-com-helvetica-neue-regular-19-2-line-height: 25px;
  --apple-com-helvetica-neue-regular-19-2-font-style: normal;
  --apple-com-helvetica-neue-regular-19-52-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-19-52-font-weight: 400;
  --apple-com-helvetica-neue-regular-19-52-font-size: 19.5234375px;
  --apple-com-helvetica-neue-regular-19-52-letter-spacing: 0.23100000619888306px;
  --apple-com-helvetica-neue-regular-19-52-line-height: 25px;
  --apple-com-helvetica-neue-regular-19-52-font-style: normal;
  --apple-com-helvetica-neue-bold-15-16-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-bold-15-16-font-weight: 700;
  --apple-com-helvetica-neue-bold-15-16-font-size: 15.15625px;
  --apple-com-helvetica-neue-bold-15-16-letter-spacing: 0px;
  --apple-com-helvetica-neue-bold-15-16-line-height: 22px;
  --apple-com-helvetica-neue-bold-15-16-font-style: normal;
  --apple-com-helvetica-neue-regular-15-16-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-15-16-font-weight: 400;
  --apple-com-helvetica-neue-regular-15-16-font-size: 15.15625px;
  --apple-com-helvetica-neue-regular-15-16-letter-spacing: 0px;
  --apple-com-helvetica-neue-regular-15-16-line-height: 22px;
  --apple-com-helvetica-neue-regular-15-16-font-style: normal;
  --apple-com-helvetica-neue-bold-14-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-bold-14-font-weight: 700;
  --apple-com-helvetica-neue-bold-14-font-size: 14px;
  --apple-com-helvetica-neue-bold-14-letter-spacing: -0.2240000069141388px;
  --apple-com-helvetica-neue-bold-14-line-height: 18px;
  --apple-com-helvetica-neue-bold-14-font-style: normal;
  --apple-com-helvetica-neue-regular-12-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-regular-12-font-weight: 400;
  --apple-com-helvetica-neue-regular-12-font-size: 12px;
  --apple-com-helvetica-neue-regular-12-letter-spacing: -0.11999999731779099px;
  --apple-com-helvetica-neue-regular-12-line-height: 16px;
  --apple-com-helvetica-neue-regular-12-font-style: normal;
  --apple-com-helvetica-neue-regular-12-underline-font-family: "Helvetica Neue",
    Helvetica;
  --apple-com-helvetica-neue-regular-12-underline-font-weight: 400;
  --apple-com-helvetica-neue-regular-12-underline-font-size: 12px;
  --apple-com-helvetica-neue-regular-12-underline-letter-spacing: -0.11999999731779099px;
  --apple-com-helvetica-neue-regular-12-underline-line-height: 16px;
  --apple-com-helvetica-neue-regular-12-underline-font-style: normal;
  --apple-com-helvetica-neue-bold-12-font-family: "Helvetica Neue", Helvetica;
  --apple-com-helvetica-neue-bold-12-font-weight: 700;
  --apple-com-helvetica-neue-bold-12-font-size: 12px;
  --apple-com-helvetica-neue-bold-12-letter-spacing: -0.11999999731779099px;
  --apple-com-helvetica-neue-bold-12-line-height: 16px;
  --apple-com-helvetica-neue-bold-12-font-style: normal;
  --focus-form: 0px 0px 0px 3px rgba(0, 123, 255, 0.25);
  --success-form: 0px 0px 0px 3px rgba(40, 167, 69, 0.25);
  --danger-form: 0px 0px 0px 1px rgba(220, 53, 69, 1);
  --regular-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
  --small-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  --larger-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.17);
  --active-shadow-primary: 0px 0px 0px 4px rgba(49, 132, 253, 0.5);
  --active-shadow-secondary: 0px 0px 0px 4px rgba(130, 138, 145, 0.5);
  --active-shadow-success: 0px 0px 0px 4px rgba(60, 153, 110, 0.5);
  --active-shadow-danger: 0px 0px 0px 4px rgba(225, 83, 97, 0.5);
  --active-shadow-warning: 0px 0px 0px 4px rgba(217, 164, 6, 0.5);
  --active-shadow-info: 0px 0px 0px 4px rgba(11, 172, 204, 0.5);
  --active-shadow-light: 0px 0px 0px 4px rgba(211, 212, 213, 0.5);
  --active-shadow-dark: 0px 0px 0px 4px rgba(66, 70, 73, 0.5);
  --active-shadow-link: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
  --active-shadow-outline-primary: 0px 0px 0px 4px rgba(13, 110, 253, 0.25);
  --active-shadow-outline-secondary: 0px 0px 0px 4px rgba(108, 117, 125, 0.5);
  --active-shadow-outline-success: 0px 0px 0px 4px rgba(25, 135, 84, 0.5);
  --active-shadow-outline-danger: 0px 0px 0px 4px rgba(220, 53, 69, 0.5);
  --active-shadow-outline-warning: 0px 0px 0px 4px rgba(255, 193, 7, 0.5);
  --active-shadow-outline-info: 0px 0px 0px 4px rgba(13, 202, 240, 0.5);
  --active-shadow-outline-light: 0px 0px 0px 4px rgba(248, 249, 250, 0.5);
  --active-shadow-outline-dark: 0px 0px 0px 4px rgba(33, 37, 41, 0.5);
  --components-navbar-light-toggler-active-border: 0px 0px 0px 4px
    rgba(0, 0, 0, 0.55);
  --components-navbar-dark-toggler-active-border: 0px 0px 0px 4px
    rgba(255, 255, 255, 0.55);
  --components-toasts-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
  --components-tables-light-fixed-cell-shadow: 0px 4px 8px 0px
    rgba(0, 0, 0, 0.15);
  --components-tables-light-fixed-column-shadow: 0px 2px 8px 0px
    rgba(0, 0, 0, 0.15);
  --components-tables-dark-fixed-cell-shadow: 0px 4px 8px 0px
    rgba(255, 255, 255, 0.15);
  --components-tables-dark-fixed-column-shadow: 0px 2px 8px 0px
    rgba(255, 255, 255, 0.15);
}

/* ハンバーガーメニュー */
.menu {
  position: relative;
  width: 430px;

  background-color: #ffffff;
}

.menu .frame {
  display: flex;
  flex-direction: column;
  width: 66px;
  height: 66px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 364px;
}

.menu .union-wrapper {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  position: relative;
  flex: 0 0 auto;
}

.menu .union {
  position: relative;
  width: 20px;
  height: 20px;
}

.menu .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Noto Serif JP", Helvetica;
  font-weight: 400;
  color: var(--themedark);
  font-size: 11px;
  letter-spacing: 0;
  line-height: 11px;
  white-space: nowrap;
}

.menu .menu-sp-logo {
  margin-top: 8px;
}
.menu_sp_position {
  position: relative;
}
.menu_sp_margin {
display: none
;
    flex-direction: column;
    position: absolute;
    justify-content: space-between;
    top: 80px;
    z-index: -2;
}
.menu .logo {
  position: relative;
  width: 170.18px;
  height: 108px;
  margin: 0 auto;
  display: block;
}

.menu .menu-sp-wrap {
    display: flex
;
    flex-direction: column;
    gap: 36px;
    align-items: center;
}

.menu .div {
    display: flex
;
    gap: 16px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-bottom: 20px;
}

.menu .btn-gray {
  padding: 16px 8px;
  display: flex;
  width: 50%;
  background-color: #424242;
  justify-content: center;
}

.menu .btn-mypage {
padding: 16px 8px;
    display: flex
;
    width: 100%;
    justify-content: center;
    border: 1px solid;
    border-color: #fff;
	    border-radius: 40px;
	gap:16px;
}

.menu .btn-sprireki {
padding: 16px 8px;
    display: flex
;
    width: 100%;
    justify-content: center;
}


.menu .text-wrapper-2 {
  margin-top: -1.1px;
  font-weight: 600;
  color: var(--graywhite);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  width: fit-content;
  font-family: "Noto Serif JP", Helvetica;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.menu .text-wrapper-3 {
  margin-top: -1px;
  font-weight: 600;
  color: var(--graywhite);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  width: fit-content;
  font-family: "Noto Serif JP", Helvetica;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.menu .sp-btn-wrap {
    display: inline-flex
;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    align-items: flex-start;
}

.menu .btn-red {
background-color: var(--u8ynp2);
    padding: 16px 24px;
    position: relative;
    width: 100%;
}
.fa-angle-down {
  color: var(--applecomnero);
}

.menu .vector {
  position: absolute;
  width: 18px;
  height: 10px;
  top: 20px;
  left: 364px;
}

.menu .sp-btn-2 {
display: flex
;
    flex-direction: column;
    position: relative;
    flex: 0 0 auto;
    width: 100%;
}

.menu .btn-menu-item-sp {
display: flex
;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #797979;
    justify-content: flex-start;
}

.menu .text-wrapper-4 {
  margin-top: -1px;
  font-weight: 400;
  color: #fff;
  position: relative;
  width: fit-content;
  font-family: "Noto Serif JP", Helvetica;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.menu .img {
  position: absolute;
  width: 10px;
  height: 18px;
  top: 16px;
  left: 368px;
}




.dropdown-menu.show {
    display: flex;
    padding: 30px;
    align-items: flex-start;
    gap: 30px;
    margin-top: 30px;
}

.category_titlewrap{
	 width:200px;
}

.category_wrap{
	 border-left: 1px solid #adb5bd;
}

.tateborder {
position:absolute;/*絶対位置指定*/
left:20%;/*横位置の指定*/
top:20%;/*縦位置の指定*/
background:#dee2e6;/*線の色指定*/
width:1px;/*線の幅指定*/
height:60%;/*線の高さ指定*/
}