/*! tailwindcss v4.1.0 | MIT License | https://tailwindcss.com */
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
     @layer base {

          *,
          :before,
          :after,
          ::backdrop {
               --tw-rotate-x: rotateX(0);
               --tw-rotate-y: rotateY(0);
               --tw-rotate-z: rotateZ(0);
               --tw-skew-x: skewX(0);
               --tw-skew-y: skewY(0);
               --tw-border-style: solid;
               --tw-gradient-position: initial;
               --tw-gradient-from: #0000;
               --tw-gradient-via: #0000;
               --tw-gradient-to: #0000;
               --tw-gradient-stops: initial;
               --tw-gradient-via-stops: initial;
               --tw-gradient-from-position: 0%;
               --tw-gradient-via-position: 50%;
               --tw-gradient-to-position: 100%;
               --tw-leading: initial;
               --tw-outline-style: solid;
               --tw-blur: initial;
               --tw-brightness: initial;
               --tw-contrast: initial;
               --tw-grayscale: initial;
               --tw-hue-rotate: initial;
               --tw-invert: initial;
               --tw-opacity: initial;
               --tw-saturate: initial;
               --tw-sepia: initial;
               --tw-drop-shadow: initial;
               --tw-drop-shadow-color: initial;
               --tw-drop-shadow-alpha: 100%;
               --tw-drop-shadow-size: initial;
               --tw-content: "";
               --tw-translate-x: 0;
               --tw-translate-y: 0;
               --tw-translate-z: 0
          }
     }
}
header a img{
     max-width: 70%;
     border-radius: 0px !important;
     height: 80% !important;
     


}
header a:nth-child(1){
     display: flex;
     text-align: center;
     align-items: center;
}
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
     display: none !important;
}
@media (max-width: 768px) {
     header a img{
          max-width: 50%;
          margin-left: 30px;
     }
}
@layer theme {

     :root,
     :host {
          --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
          --color-black: #000;
          --color-white: #fff;
          --spacing: .25rem;
          --text-xs: .75rem;
          --text-xs--line-height: calc(1/.75);
          --text-sm: .875rem;
          --text-sm--line-height: calc(1.25/.875);
          --text-base: 1rem;
          --text-base--line-height: 1.5;
          --text-lg: 1.125rem;
          --text-lg--line-height: calc(1.75/1.125);
          --text-xl: 1.25rem;
          --text-xl--line-height: calc(1.75/1.25);
          --text-3xl: 1.875rem;
          --text-3xl--line-height: 1.2;
          --default-font-family: var(--font-sans);
          --default-mono-font-family: var(--font-mono);
          --color-color1: #41414c;
          --color-fontColor1: #41414c;
          --color-primary: #231c0d;
          --color-primary-rgb: 0, 41, 114;
          --animate-loading: loading 2s ease infinite
     }
}

@layer base {

     *,
     :after,
     :before,
     ::backdrop {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0
     }

     ::file-selector-button {
          box-sizing: border-box;
          border: 0 solid;
          margin: 0;
          padding: 0
     }

     html,
     :host {
          -webkit-text-size-adjust: 100%;
          tab-size: 4;
          line-height: 1.5;
          font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
          font-feature-settings: var(--default-font-feature-settings, normal);
          font-variation-settings: var(--default-font-variation-settings, normal);
          -webkit-tap-highlight-color: transparent
     }

     hr {
          height: 0;
          color: inherit;
          border-top-width: 1px
     }

     abbr:where([title]) {
          -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted
     }

     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
          font-size: inherit;
          font-weight: inherit
     }

     a {
          color: inherit;
          -webkit-text-decoration: inherit;
          text-decoration: inherit
     }

     b,
     strong {
          font-weight: bolder
     }

     code,
     kbd,
     samp,
     pre {
          font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
          font-feature-settings: var(--default-mono-font-feature-settings, normal);
          font-variation-settings: var(--default-mono-font-variation-settings, normal);
          font-size: 1em
     }

     small {
          font-size: 80%
     }

     sub,
     sup {
          vertical-align: baseline;
          font-size: 75%;
          line-height: 0;
          position: relative
     }

     sub {
          bottom: -.25em
     }

     sup {
          top: -.5em
     }

     table {
          text-indent: 0;
          border-color: inherit;
          border-collapse: collapse
     }

     :-moz-focusring {
          outline: auto
     }

     progress {
          vertical-align: baseline
     }

     summary {
          display: list-item
     }

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

     img,
     svg,
     video,
     canvas,
     audio,
     iframe,
     embed,
     object {
          vertical-align: middle;
          display: block
     }

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

     button,
     input,
     select,
     optgroup,
     textarea {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0
     }

     ::file-selector-button {
          font: inherit;
          font-feature-settings: inherit;
          font-variation-settings: inherit;
          letter-spacing: inherit;
          color: inherit;
          opacity: 1;
          background-color: #0000;
          border-radius: 0
     }

     :where(select:is([multiple], [size])) optgroup {
          font-weight: bolder
     }

     :where(select:is([multiple], [size])) optgroup option {
          padding-inline-start: 20px
     }

     ::file-selector-button {
          margin-inline-end: 4px
     }

     ::placeholder {
          opacity: 1
     }

     @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
          ::placeholder {
               color: color-mix(in oklab, currentColor 50%, transparent)
          }
     }

     textarea {
          resize: vertical
     }

     ::-webkit-search-decoration {
          -webkit-appearance: none
     }

     ::-webkit-date-and-time-value {
          min-height: 1lh;
          text-align: inherit
     }

     ::-webkit-datetime-edit {
          display: inline-flex
     }

     ::-webkit-datetime-edit-fields-wrapper {
          padding: 0
     }

     ::-webkit-datetime-edit {
          padding-block: 0
     }

     ::-webkit-datetime-edit-year-field {
          padding-block: 0
     }

     ::-webkit-datetime-edit-month-field {
          padding-block: 0
     }

     ::-webkit-datetime-edit-day-field {
          padding-block: 0
     }

     ::-webkit-datetime-edit-hour-field {
          padding-block: 0
     }

     ::-webkit-datetime-edit-minute-field {
          padding-block: 0
     }

     ::-webkit-datetime-edit-second-field {
          padding-block: 0
     }

     ::-webkit-datetime-edit-millisecond-field {
          padding-block: 0
     }

     ::-webkit-datetime-edit-meridiem-field {
          padding-block: 0
     }

     :-moz-ui-invalid {
          box-shadow: none
     }

     button,
     input:where([type=button], [type=reset], [type=submit]) {
          appearance: button
     }

     ::file-selector-button {
          appearance: button
     }

     ::-webkit-inner-spin-button {
          height: auto
     }

     ::-webkit-outer-spin-button {
          height: auto
     }

     [hidden]:where(:not([hidden=until-found])) {
          display: none !important
     }

     :root {
          --text-3xl: .4rem;
          --text-2xl: .36rem;
          --text-xl: .36rem;
          --text-lg: .32rem;
          --text-base: .28rem;
          --text-sm: .24rem;
          --text-xs: .2rem
     }

     @media (min-width:768px) {
          :root {
               --text-3xl: 28px;
               --text-2xl: 24px;
               --text-xl: 22px;
               --text-lg: 18px;
               --text-base: 16px;
               --text-sm: 14px;
               --text-xs: 12px
          }
     }
}

@layer components;

@layer utilities {
     .visible {
          visibility: visible
     }

     .\!static {
          position: static !important
     }

     .absolute {
          position: absolute
     }

     .fixed {
          position: fixed
     }

     .relative {
          position: relative
     }

     .top-0 {
          top: calc(var(--spacing)*0)
     }

     .top-\[0\.16rem\] {
          top: .16rem
     }

     .top-\[2px\] {
          top: 2px
     }

     .right-0 {
          right: calc(var(--spacing)*0)
     }

     .right-\[1\.4rem\] {
          right: 1.4rem
     }

     .right-\[2px\] {
          right: 2px
     }

     .bottom-0 {
          bottom: calc(var(--spacing)*0)
     }

     .left-0 {
          left: calc(var(--spacing)*0)
     }

     .z-1 {
          z-index: 1
     }

     .z-999 {
          z-index: 999
     }

     .container {
          width: 100%
     }

     @media (min-width:40rem) {
          .container {
               max-width: 40rem
          }
     }

     @media (min-width:48rem) {
          .container {
               max-width: 48rem
          }
     }

     @media (min-width:64rem) {
          .container {
               max-width: 64rem
          }
     }

     @media (min-width:80rem) {
          .container {
               max-width: 80rem
          }
     }

     @media (min-width:96rem) {
          .container {
               max-width: 96rem
          }
     }

     .m-\[0\.2rem_0\.3rem_0\.68rem_auto\] {
          margin: .2rem .3rem .68rem auto
     }

     .m-\[0\.32rem_auto_0_auto\] {
          margin: .32rem auto 0
     }

     .m-\[0_0_0\.06rem\] {
          margin: 0 0 .06rem
     }

     .mx-auto {
          margin-inline: auto
     }

     .mt-\[\.32rem\] {
          margin-top: .32rem
     }

     .mt-\[0\.08rem\] {
          margin-top: .08rem
     }

     .mt-\[0\.12rem\] {
          margin-top: .12rem
     }

     .mt-\[0\.16rem\] {
          margin-top: .16rem
     }

     .mt-\[0\.32rem\] {
          margin-top: .32rem
     }

     .mt-\[0\.34rem\] {
          margin-top: .34rem
     }

     .mt-\[0\.48rem\] {
          margin-top: .48rem
     }

     .mt-\[10px\] {
          margin-top: 10px
     }

     .mt-\[12px\] {
          margin-top: 12px
     }

     .mt-\[32px\] {
          margin-top: 32px
     }

     .mr-0 {
          margin-right: calc(var(--spacing)*0)
     }

     .mr-\[0\.16rem\] {
          margin-right: .16rem
     }

     .mr-\[0\.32rem\] {
          margin-right: .32rem
     }

     .mr-\[0\.48rem\] {
          margin-right: .48rem
     }

     .mr-\[6px\] {
          margin-right: 6px
     }

     .mr-\[16px\] {
          margin-right: 16px
     }

     .mb-0 {
          margin-bottom: calc(var(--spacing)*0)
     }

     .mb-\[0\.32rem\] {
          margin-bottom: .32rem
     }

     .mb-\[0\.48rem\] {
          margin-bottom: .48rem
     }

     .ml-\[-0\.3rem\] {
          margin-left: -.3rem
     }

     .ml-\[0\.16rem\] {
          margin-left: .16rem
     }

     .block {
          display: block
     }

     .flex {
          display: flex
     }

     .grid {
          display: grid
     }

     .hidden {
          display: none
     }

     .inline-block {
          display: inline-block
     }

     .h-\[0\.8rem\] {
          height: .8rem
     }

     .h-\[0\.48rem\] {
          height: .48rem
     }

     .h-\[0\.68rem\] {
          height: .68rem
     }

     .h-\[0\.72rem\] {
          height: .72rem
     }

     .h-\[0\.88rem\] {
          height: .88rem
     }

     .h-\[1\.6rem\] {
          height: 1.6rem
     }

     .h-\[1\.72rem\] {
          height: 1.72rem
     }

     .h-\[1\.88rem\] {
          height: 1.88rem
     }

     .h-\[1\.94rem\] {
          height: 1.94rem
     }

     .h-\[2\.3rem\] {
          height: 2.3rem
     }

     .h-\[4\.2rem\] {
          height: 4.2rem
     }

     .h-\[24px\] {
          height: 24px
     }

     .h-\[100\%\] {
          height: 100%
     }

     .h-\[170px\] {
          height: 170px
     }

     .h-\[354px\] {
          height: 354px
     }

     .h-\[fit-content\] {
          height: fit-content
     }

     .h-full {
          height: 100%
     }

     .\!w-\[5\.6rem\] {
          width: 5.6rem !important
     }

     .\!w-\[fit-content\] {
          width: fit-content !important
     }

     .w-\[0\.48rem\] {
          width: .48rem
     }

     .w-\[1\.4rem\] {
          width: 1.4rem
     }

     .w-\[1\.6rem\] {
          width: 1.6rem
     }

     .w-\[1\.72rem\] {
          width: 1.72rem
     }

     .w-\[2\.42rem\] {
          width: 2.42rem
     }

     .w-\[2\.84rem\] {
          width: 2.84rem
     }

     .w-\[5\.4rem\] {
          width: 5.4rem
     }

     .w-\[6\.02rem\] {
          width: 6.02rem
     }

     .w-\[24px\] {
          width: 24px
     }

     .w-\[100\%\] {
          width: 100%
     }

     .w-\[100vw\] {
          width: 100vw
     }

     .w-\[278px\] {
          width: 278px
     }

     .w-full {
          width: 100%
     }

     .max-w-\[unset\] {
          max-width: unset
     }

     .max-w-full {
          max-width: 100%
     }

     .flex-1 {
          flex: 1
     }

     .\!transform-none {
          transform: none !important
     }

     .transform {
          transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
     }

     .animate-loading {
          animation: var(--animate-loading)
     }

     .cursor-pointer {
          cursor: pointer
     }

     .grid-cols-1 {
          grid-template-columns: repeat(1, minmax(0, 1fr))
     }

     .grid-cols-2 {
          grid-template-columns: repeat(2, minmax(0, 1fr))
     }

     .flex-col {
          flex-direction: column
     }

     .flex-row {
          flex-direction: row
     }

     .items-center {
          align-items: center
     }

     .justify-between {
          justify-content: space-between
     }

     .justify-center {
          justify-content: center
     }

     .gap-\[0\.32rem\] {
          gap: .32rem
     }

     .gap-\[0\.56rem\] {
          gap: .56rem
     }

     .gap-\[32px\] {
          gap: 32px
     }

     .overflow-hidden {
          overflow: hidden
     }

     .rounded-\[0\.08rem\] {
          border-radius: .08rem
     }

     .rounded-\[0\.16rem\] {
          border-radius: .16rem
     }

     .rounded-\[2rem\] {
          border-radius: 2rem
     }

     .rounded-\[2rem_0_0_2rem\] {
          border-radius: 2rem 0 0 2rem
     }

     .rounded-\[4px\] {
          border-radius: 4px
     }

     .rounded-\[8px\] {
          border-radius: 8px
     }

     .rounded-\[50\%\] {
          border-radius: 50%
     }

     .border {
          border-style: var(--tw-border-style);
          border-width: 1px
     }

     .border-t {
          border-top-style: var(--tw-border-style);
          border-top-width: 1px
     }

     .border-r {
          border-right-style: var(--tw-border-style);
          border-right-width: 1px
     }

     .border-b {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 1px
     }

     .border-black\/8 {
          border-color: #00000014
     }

     @supports (color:color-mix(in lab, red, red)) {
          .border-black\/8 {
               border-color: color-mix(in oklab, var(--color-black)8%, transparent)
          }
     }

     .border-black\/10 {
          border-color: #0000001a
     }

     @supports (color:color-mix(in lab, red, red)) {
          .border-black\/10 {
               border-color: color-mix(in oklab, var(--color-black)10%, transparent)
          }
     }

     .border-primary {
          border-color: var(--color-primary)
     }

     .bg-\[\#41414c\]\/20 {
          background-color: #41414c33
     }

     .bg-color1\/60 {
          background-color: #41414c99
     }

     @supports (color:color-mix(in lab, red, red)) {
          .bg-color1\/60 {
               background-color: color-mix(in oklab, var(--color-color1)60%, transparent)
          }
     }

     .bg-fontColor1\/20 {
          background-color: #41414c33
     }

     @supports (color:color-mix(in lab, red, red)) {
          .bg-fontColor1\/20 {
               background-color: color-mix(in oklab, var(--color-fontColor1)20%, transparent)
          }
     }

     .bg-primary {
          background-color: var(--color-primary)
     }

     .bg-white {
          background-color: var(--color-white)
     }

     .bg-white\/90 {
          background-color: #ffffffe6
     }

     @supports (color:color-mix(in lab, red, red)) {
          .bg-white\/90 {
               background-color: color-mix(in oklab, var(--color-white)90%, transparent)
          }
     }

     .bg-linear-to-b {
          --tw-gradient-position: to bottom;
          background-image: linear-gradient(var(--tw-gradient-stops))
     }

     @supports (background-image:linear-gradient(in lab, red, red)) {
          .bg-linear-to-b {
               --tw-gradient-position: to bottom in oklab
          }
     }

     .bg-\[url\(\'\/imgs\/icon-dropdown\.svg\'\)\] {
          background-image: url(/public/static/images/home/en-us/icon-dropdown.svg)
     }

     .bg-\[url\(\/imgs\/icon-clear\.svg\)\] {
          background-image: url(/public/static/images/home/en-us/icon-clear.svg)
     }

     .bg-\[url\(\/imgs\/icon-close\.svg\)\] {
          background-image: url(/public/static/images/home/en-us/icon-close.svg)
     }

     .bg-\[url\(\/imgs\/icon-menu\.svg\)\] {
          background-image: url(/public/static/images/home/en-us/icon-menu.svg)
     }

     .bg-\[url\(\/imgs\/icon-pwa\.png\)\] {
          background-image: url(/public/static/images/home/en-us/icon-pwa.png)
     }

     .bg-\[url\(\/imgs\/icon-search\.svg\)\] {
          background-image: url(/public/static/images/home/en-us/icon-search.svg)
     }

     .bg-\[url\(\/imgs\/logo-m\.png\)\] {
          background-image: url(/public/static/images/home/en-us/logo-m.png)
     }

     .bg-\[url\(\/imgs\/search-bg-m\.jpg\)\] {
          background-image: url(/public/static/images/home/en-us/search-bg-m.jpg)
     }

     .to-black\/80 {
          --tw-gradient-to: #000c;
          --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position))
     }

     @supports (color:color-mix(in lab, red, red)) {
          .to-black\/80 {
               --tw-gradient-to: color-mix(in oklab, var(--color-black)80%, transparent)
          }
     }

     .bg-\[length\:0\.48rem\] {
          background-size: .48rem
     }

     .bg-\[length\:100\%_100\%\] {
          background-size: 100% 100%
     }

     .bg-cover {
          background-size: cover
     }

     .bg-size-\[70\%\] {
          background-size: 70%
     }

     .bg-center {
          background-position: 50%
     }

     .bg-no-repeat {
          background-repeat: no-repeat
     }

     .object-cover {
          object-fit: cover
     }

     .p-\[0\.04rem_0\.08rem\] {
          padding: .04rem .08rem
     }

     .p-\[0\.8rem_0\.32rem_0\.22rem_0\.32rem\] {
          padding: .8rem .32rem .22rem
     }

     .p-\[0_1\.72rem_0_0\.32rem\] {
          padding: 0 1.72rem 0 .32rem
     }

     .p-\[0_2\.36rem_0_0\.32rem\] {
          padding: 0 2.36rem 0 .32rem
     }

     .px-\[0\.3rem\] {
          padding-inline: .3rem
     }

     .px-\[0\.32rem\] {
          padding-inline: .32rem
     }

     .py-\[0\.32rem\] {
          padding-block: .32rem
     }

     .pt-\[0\.88rem\] {
          padding-top: .88rem
     }

     .pr-\[0\.12rem\] {
          padding-right: .12rem
     }

     .pb-\[0\.32rem\] {
          padding-bottom: .32rem
     }

     .text-center {
          text-align: center
     }

     .text-3xl {
          font-size: var(--text-3xl);
          line-height: var(--tw-leading, var(--text-3xl--line-height))
     }

     .text-base {
          font-size: var(--text-base);
          line-height: var(--tw-leading, var(--text-base--line-height))
     }

     .text-lg {
          font-size: var(--text-lg);
          line-height: var(--tw-leading, var(--text-lg--line-height))
     }

     .text-sm {
          font-size: var(--text-sm);
          line-height: var(--tw-leading, var(--text-sm--line-height))
     }

     .text-xl {
          font-size: var(--text-xl);
          line-height: var(--tw-leading, var(--text-xl--line-height))
     }

     .text-xs {
          font-size: var(--text-xs);
          line-height: var(--tw-leading, var(--text-xs--line-height))
     }

     .text-\[0\.28rem\] {
          font-size: .28rem
     }

     .text-\[14px\] {
          font-size: 14px
     }

     .text-\[18px\] {
          font-size: 18px
     }

     .text-\[24px\] {
          font-size: 24px
     }

     .text-\[36px\] {
          font-size: 36px
     }

     .leading-\[\.42rem\] {
          --tw-leading: .42rem;
          line-height: .42rem
     }

     .leading-\[0\.38rem\] {
          --tw-leading: .38rem;
          line-height: .38rem
     }

     .leading-\[0\.42rem\] {
          --tw-leading: .42rem;
          line-height: .42rem
     }

     .leading-\[0\.44rem\] {
          --tw-leading: .44rem;
          line-height: .44rem
     }

     .leading-\[0\.48rem\] {
          --tw-leading: .48rem;
          line-height: .48rem
     }

     .leading-\[0\.52rem\] {
          --tw-leading: .52rem;
          line-height: .52rem
     }

     .leading-\[0\.64rem\] {
          --tw-leading: .64rem;
          line-height: .64rem
     }

     .leading-\[1\] {
          --tw-leading: 1;
          line-height: 1
     }

     .leading-\[24px\] {
          --tw-leading: 24px;
          line-height: 24px
     }

     .leading-\[normal\] {
          --tw-leading: normal;
          line-height: normal
     }

     .text-\[\#ffffff\] {
          color: #fff
     }

     .text-fontColor1 {
          color: var(--color-fontColor1)
     }

     .text-fontColor1\/40 {
          color: #41414c66
     }

     @supports (color:color-mix(in lab, red, red)) {
          .text-fontColor1\/40 {
               color: color-mix(in oklab, var(--color-fontColor1)40%, transparent)
          }
     }

     .text-fontColor1\/60 {
          color: #41414c99
     }

     @supports (color:color-mix(in lab, red, red)) {
          .text-fontColor1\/60 {
               color: color-mix(in oklab, var(--color-fontColor1)60%, transparent)
          }
     }

     .text-primary {
          color: var(--color-primary)
     }

     .text-white {
          color: var(--color-white)
     }

     .outline {
          outline-style: var(--tw-outline-style);
          outline-width: 1px
     }

     .blur {
          --tw-blur: blur(8px);
          filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
     }

     .filter {
          filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
     }

     .delay-200 {
          transition-delay: .2s
     }

     .delay-400 {
          transition-delay: .4s
     }

     .delay-600 {
          transition-delay: .6s
     }

     .after\:right-\[0\]:after {
          content: var(--tw-content);
          right: 0
     }

     .after\:left-auto:after {
          content: var(--tw-content);
          left: auto
     }

     .after\:\!w-\[calc\(100\%-2\.58rem\)\]:after {
          content: var(--tw-content);
          width: calc(100% - 2.58rem) !important
     }

     @media (min-width:48rem) {
          .md\:fixed {
               position: fixed
          }

          .md\:top-\[16px\] {
               top: 16px
          }

          .md\:left-\[50\%\] {
               left: 50%
          }

          .md\:z-9991 {
               z-index: 9991
          }

          .md\:z-9992 {
               z-index: 9992
          }

          .md\:m-\[0_auto\] {
               margin: 0 auto
          }

          .md\:m-\[16px_0_8px\] {
               margin: 16px 0 8px
          }

          .md\:m-\[40px_auto_0_auto\] {
               margin: 40px auto 0
          }

          .md\:mx-auto {
               margin-inline: auto
          }

          .md\:mt-0 {
               margin-top: calc(var(--spacing)*0)
          }

          .md\:mt-\[8px\] {
               margin-top: 8px
          }

          .md\:mt-\[16px\] {
               margin-top: 16px
          }

          .md\:mt-\[20px\] {
               margin-top: 20px
          }

          .md\:mt-\[33px\] {
               margin-top: 33px
          }

          .md\:mr-\[12px\] {
               margin-right: 12px
          }

          .md\:mr-\[16px\] {
               margin-right: 16px
          }

          .md\:mb-\[12px\] {
               margin-bottom: 12px
          }

          .md\:mb-\[16px\] {
               margin-bottom: 16px
          }

          .md\:mb-\[24px\] {
               margin-bottom: 24px
          }

          .md\:ml-0 {
               margin-left: calc(var(--spacing)*0)
          }

          .md\:ml-\[0\.16rem\] {
               margin-left: .16rem
          }

          .md\:ml-\[auto\] {
               margin-left: auto
          }

          .md\:block {
               display: block
          }

          .md\:hidden {
               display: none
          }

          .md\:inline-block {
               display: inline-block
          }

          .md\:h-\[24px\] {
               height: 24px
          }

          .md\:h-\[32px\] {
               height: 32px
          }

          .md\:h-\[36px\] {
               height: 36px
          }

          .md\:h-\[42px\] {
               height: 42px
          }

          .md\:h-\[56px\] {
               height: 56px
          }

          .md\:h-\[60px\] {
               height: 60px
          }

          .md\:h-\[64px\] {
               height: 64px
          }

          .md\:h-\[72px\] {
               height: 72px
          }

          .md\:h-\[80px\] {
               height: 80px
          }

          .md\:h-\[100\%\] {
               height: 95%
          }

          .md\:h-\[135px\] {
               height: 135px
          }

          .md\:h-\[160px\] {
               height: 160px
          }

          .md\:h-\[170px\] {
               height: 170px
          }

          .md\:h-\[188px\] {
               height: 188px
          }

          .md\:h-\[218px\] {
               height: 218px
          }

          .md\:h-\[243px\] {
               height: 243px
          }

          .md\:\!w-\[282px\] {
               width: 282px !important
          }

          .md\:w-\[32px\] {
               width: 32px
          }

          .md\:w-\[70px\] {
               width: 70px
          }

          .md\:w-\[100\%\] {
               width: 100%
          }

          .md\:w-\[118px\] {
               width: 118px
          }

          .md\:w-\[132px\] {
               width: 132px
          }

          .md\:w-\[139px\] {
               width: 139px
          }

          .md\:w-\[240px\] {
               width: 240px
          }

          .md\:w-\[280px\] {
               width: 280px
          }

          .md\:w-\[328px\] {
               width: 328px
          }

          .md\:w-\[420px\] {
               width: 420px
          }

          .md\:w-\[800px\] {
               width: 800px
          }

          .md\:max-w-\[1200px\] {
               max-width: 1200px
          }

          .md\:flex-none {
               flex: none
          }

          .md\:translate-x-\[-50\%\] {
               --tw-translate-x: -50%;
               translate: var(--tw-translate-x)var(--tw-translate-y)
          }

          .md\:flex-row {
               flex-direction: row
          }

          .md\:justify-between {
               justify-content: space-between
          }

          .md\:gap-\[24px\] {
               gap: 24px
          }

          .md\:rounded-\[4px\] {
               border-radius: 4px
          }

          .md\:rounded-\[8px\] {
               border-radius: 8px
          }

          .md\:rounded-\[16px\] {
               border-radius: 16px
          }

          .md\:rounded-\[24px\] {
               border-radius: 24px
          }

          .md\:rounded-\[100px\] {
               border-radius: 100px
          }

          .md\:border-b {
               border-bottom-style: var(--tw-border-style);
               border-bottom-width: 1px
          }

          .md\:border-b-0 {
               border-bottom-style: var(--tw-border-style);
               border-bottom-width: 0
          }

          .md\:border-black\/8 {
               border-color: #00000014
          }

          @supports (color:color-mix(in lab, red, red)) {
               .md\:border-black\/8 {
                    border-color: color-mix(in oklab, var(--color-black)8%, transparent)
               }
          }

          .md\:bg-primary {
               background-color: var(--color-primary)
          }

          .md\:bg-primary\/20 {
               background-color: #00297233
          }

          @supports (color:color-mix(in lab, red, red)) {
               .md\:bg-primary\/20 {
                    background-color: color-mix(in oklab, var(--color-primary)20%, transparent)
               }
          }

          .md\:bg-\[url\(\/imgs\/icon-search\.svg\)\] {
               background-image: url(../images/icon-search.svg)
          }

          .md\:bg-\[url\(\.\./images\/logo-pc\.png\)\] {
               background-image: url(../images/logo-pc.png)
          }

          .md\:bg-\[url\(\/imgs\/search-bg-pc\.avif\)\] {
               background-image: url(../images/search-bg-pc.avif)
          }

          .md\:bg-\[length\:24px\] {
               background-size: 24px
          }

          .md\:bg-\[length\:32px\] {
               background-size: 32px
          }

          .md\:p-\[0_84px_0_24px\] {
               padding: 0 84px 0 24px
          }

          .md\:p-\[0_86px_0_16px\] {
               padding: 0 86px 0 16px
          }

          .md\:p-\[2px_4px\] {
               padding: 2px 4px
          }

          .md\:px-\[12px\] {
               padding-inline: 12px
          }

          .md\:px-\[16px\] {
               padding-inline: 16px
          }

          .md\:py-0 {
               padding-block: calc(var(--spacing)*0)
          }

          .md\:pt-\[88px\] {
               padding-top: 88px
          }

          .md\:pr-\[9px\] {
               padding-right: 9px
          }

          .md\:pb-0 {
               padding-bottom: calc(var(--spacing)*0)
          }

          .md\:pb-\[24px\] {
               padding-bottom: 24px
          }

          .md\:text-lg {
               font-size: var(--text-lg);
               line-height: var(--tw-leading, var(--text-lg--line-height))
          }

          .md\:text-xl {
               font-size: var(--text-xl);
               line-height: var(--tw-leading, var(--text-xl--line-height))
          }

          .md\:text-\[14px\] {
               font-size: 14px
          }

          .md\:text-\[20px\] {
               font-size: 20px
          }

          .md\:leading-1 {
               --tw-leading: calc(var(--spacing)*1);
               line-height: calc(var(--spacing)*1)
          }

          .md\:leading-\[19px\] {
               --tw-leading: 19px;
               line-height: 19px
          }

          .md\:leading-\[24px\] {
               --tw-leading: 24px;
               line-height: 24px
          }

          .md\:leading-\[26px\] {
               --tw-leading: 26px;
               line-height: 26px
          }

          .md\:leading-\[29px\] {
               --tw-leading: 29px;
               line-height: 29px
          }

          .md\:leading-\[30px\] {
               --tw-leading: 30px;
               line-height: 30px
          }

          .md\:leading-\[normal\] {
               --tw-leading: normal;
               line-height: normal
          }

          .md\:after\:\!w-\[calc\(100\%-344px\)\]:after {
               content: var(--tw-content);
               width: calc(100% - 344px) !important
          }
     }

     .md\:bg-primary {
          background-color: var(--color-primary)
     }

     @media (min-width:64rem) {
          .lg\:grid-cols-2 {
               grid-template-columns: repeat(2, minmax(0, 1fr))
          }

          .lg\:grid-cols-4 {
               grid-template-columns: repeat(4, minmax(0, 1fr))
          }

          .lg\:gap-\[24px\] {
               gap: 24px
          }
     }
     /* search input */
     @media (min-width:768px) {
          .bg-white.relative.border.border-primary.flex.justify-center.items-center.mx-auto.rounded-\[2rem\].overflow-hidden.w-\[5\.4rem\].h-\[0\.8rem\]md\:w-\[420px\].md\:h-\[42px\].md\:max-w-auto.md\:rounded-\[100px\].md\:fixed.md\:top-\[16px\].md\:left-\[50\%\].md\:translate-x-\[-50\%\].md\:z-9991{
               max-width: 432px;
          }
     }
     @media (max-width: 930px){
          .category {
               width: 61px !important;
          }
          .bg-white.relative.border.border-primary.flex.justify-center.items-center.mx-auto.rounded-\[2rem\].overflow-hidden.w-\[5\.4rem\].h-\[0\.8rem\]md\:w-\[420px\].md\:h-\[42px\].md\:max-w-auto.md\:rounded-\[100px\].md\:fixed.md\:top-\[16px\].md\:left-\[50\%\].md\:translate-x-\[-50\%\].md\:z-9991{
               max-width: 400px
          }
          .category {
                margin-right: -15px;
          }
}
     header astro-island{
          margin-left: 20px;
     }
     .\[\.item\:nth-last-of-type\(1\)\]\:border-b-0.item:last-of-type {
          border-bottom-style: var(--tw-border-style);
          border-bottom-width: 0
     }

     .\[\&\>\*\:nth-child\(5n\+1\)\]\:flex-col>:nth-child(5n+1) {
          /* flex-direction: column */
     }

     @media (min-width:48rem) {
          .md\:\[\&\>\*\:nth-child\(5n\+1\)\]\:flex-row>:nth-child(5n+1) {
               /* flex-direction: row */
          }
     }
}
.sidebar-open-btn.gtm-navagation-sider-icon{
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 10px;
}
html {
     overflow-y: scroll
}

:root {
     overflow: hidden auto
}

:root body {
     position: absolute
}

body {
     width: 100vw;
     overflow: hidden
}

.news-detail {
     font-size: 17px;
     line-height: 26px
}

.news-detail * {
     font-family: sesb, "Rubik,-apple-system,Framedcn,Helvetica Neue,Condensed,DisplayRegular,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif" !important
}

.news-detail img {
     margin: 1em auto;
     width: 100% !important;
     height: auto !important
}

.news-detail br {
     height: 0 !important
}

.news-detail p {
     min-height: 1em;
     margin-bottom: 4px
}

.news-detail strong {
     font-weight: 700;
     font-family: seb !important
}

.news-detail #relatedsearches1 {
     margin-top: 1em
}

.news-detail h1,
.news-detail h2,
.news-detail h3,
.news-detail h4 {
     margin: 1em 0;
     font-size: 1.02em;
     font-weight: 700
}

@media screen and (max-width:768px) {
     .news-detail {
          font-size: var(--text-base);
          line-height: .52rem !important
     }
}

.category {
     text-align: right;
     cursor: pointer;
     z-index: 2;
     justify-content: flex-end;
     align-items: center;
     width: 100px;
     height: 72px;
     font-family: seb;
     font-size: 18px;
     display: flex;
     position: relative
}

.category:hover .dropdown,
.dropdown:hover {
     display: block
}

.dropdown {
     background: #fff;
     border-radius: 8px;
     display: none;
     position: absolute;
     top: 54px;
     right: 66px;
     overflow: hidden;
     transform: translate(50%);
     box-shadow: 0 4px 12px #0000001f
}

.dropdown li {
     text-align: left;
     cursor: pointer;
     white-space: nowrap;
     font-family: sesb;
     font-size: 14px;
     line-height: 40px
}

.dropdown li a {
     width: 100%;
     height: 100%;
     padding: 0 16px;
     display: block
}

.dropdown li:hover {
     background: rgba(var(--color-primary-rgb), .2);
     color: var(--color-primary)
}

@media screen and (max-width:768px) {
     .category {
          display: none
     }
}

.ad-title:after {
     content: "Advertisement";
     display: block
}

.overlay {
     z-index: 40;
     background: #000c;
     position: fixed;
     inset: 0
}

.sidebar {
     z-index: 50;
     background: #fff;
     width: 6rem;
     height: 100%;
     transition: transform .3s;
     position: fixed;
     top: 0;
     left: 0
}

.sidebar-hidden {
     transform: translate(-100%)
}

.sidebar-title-h2 {
     margin-left: .46rem
}

.categories li a {
     cursor: pointer;
     align-items: center;
     height: .8rem;
     padding-left: .46rem;
     font-family: sesb;
     font-size: .32rem;
     display: flex
}

.categories li a:hover {
     background: rgba(var(--color-color1), .2);
     color: var(--color-color1)
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     background: #0003;
     width: .16rem;
     height: .16rem;
     transform: scale(1);
     left: unset !important
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
     background: 0 0;
     border: 1px solid #2670f1
}

.delay-200 {
     animation-delay: .2s
}

.delay-400 {
     animation-delay: .4s
}

.delay-600 {
     animation-delay: .6s
}

* {
     box-sizing: border-box
}

html {
     font-size: 13.3333vw;
     line-height: normal
}

@media (min-width:768px) {
     html {
          font-size: 100px
     }
}

body {
     color: var(--color-color1);
     font-family: Noto Sans JP;
     font-size: 16px
}

@media (max-width:768px) {
     body {
          font-size: .28rem
     }
}

input {
     outline: none
}

.ellipsis-clamp-1 {
     -webkit-line-clamp: 1;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden
}

.ellipsis-clamp-2 {
     -webkit-line-clamp: 2;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden
}

.ellipsis-clamp-3 {
     -webkit-line-clamp: 3;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden
}

.ellipsis-clamp-4 {
     -webkit-line-clamp: 4;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden
}

.ellipsis-clamp-5 {
     -webkit-line-clamp: 5;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden
}

.ellipsis-clamp-7 {
     -webkit-line-clamp: 7;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     overflow: hidden
}

.after-line:after {
     content: "";
     background-color: #0000001a;
     width: 100vw;
     height: 1px;
     position: absolute;
     bottom: 0;
     transform: scaleY(.5)
}

.title-h2 {
     margin-top: 32px;
     margin-bottom: 24px;
     padding-left: 12px;
     font-family: seb;
     font-size: 16px;
     font-weight: 700;
     line-height: 22px;
     position: relative
}

.title-h2:before {
     content: "";
     background-color: var(--color-primary);
     width: 4px;
     height: 100%;
     display: block;
     position: absolute;
     top: 0;
     left: 0
}

.loading-item {
     background-color: var(--color-primary);
     border-radius: 3px;
     width: 12px;
     height: 12px;
     margin: 0 10px 10px 0;
     position: relative
}

@media (max-width:768px) {
     .title-h2 {
          margin-top: .48rem;
          margin-bottom: .32rem;
          padding-left: .2rem;
          font-size: .32rem;
          line-height: .44rem
     }

     .title-h2:before {
          width: vw(8)
     }

     .after-line:after {
          height: .02rem
     }

     .loading-item {
          border-radius: .04rem;
          width: .16rem;
          height: .16rem;
          margin: 0 .08rem .08rem 0
     }

     .show-pc-only {
          display: none !important
     }
}

@media (min-width:751px) {
     .show-mobile-only {
          display: none !important
     }
}

@property --tw-rotate-x {
     syntax: "*";
     inherits: false;
     initial-value: rotateX(0)
}

@property --tw-rotate-y {
     syntax: "*";
     inherits: false;
     initial-value: rotateY(0)
}

@property --tw-rotate-z {
     syntax: "*";
     inherits: false;
     initial-value: rotateZ(0)
}

@property --tw-skew-x {
     syntax: "*";
     inherits: false;
     initial-value: skewX(0)
}

@property --tw-skew-y {
     syntax: "*";
     inherits: false;
     initial-value: skewY(0)
}

@property --tw-border-style {
     syntax: "*";
     inherits: false;
     initial-value: solid
}

@property --tw-gradient-position {
     syntax: "*";
     inherits: false
}

@property --tw-gradient-from {
     syntax: "<color>";
     inherits: false;
     initial-value: #0000
}

@property --tw-gradient-via {
     syntax: "<color>";
     inherits: false;
     initial-value: #0000
}

@property --tw-gradient-to {
     syntax: "<color>";
     inherits: false;
     initial-value: #0000
}

@property --tw-gradient-stops {
     syntax: "*";
     inherits: false
}

@property --tw-gradient-via-stops {
     syntax: "*";
     inherits: false
}

@property --tw-gradient-from-position {
     syntax: "<length-percentage>";
     inherits: false;
     initial-value: 0%
}

@property --tw-gradient-via-position {
     syntax: "<length-percentage>";
     inherits: false;
     initial-value: 50%
}

@property --tw-gradient-to-position {
     syntax: "<length-percentage>";
     inherits: false;
     initial-value: 100%
}

@property --tw-leading {
     syntax: "*";
     inherits: false
}

@property --tw-outline-style {
     syntax: "*";
     inherits: false;
     initial-value: solid
}

@property --tw-blur {
     syntax: "*";
     inherits: false
}

@property --tw-brightness {
     syntax: "*";
     inherits: false
}

@property --tw-contrast {
     syntax: "*";
     inherits: false
}

@property --tw-grayscale {
     syntax: "*";
     inherits: false
}

@property --tw-hue-rotate {
     syntax: "*";
     inherits: false
}

@property --tw-invert {
     syntax: "*";
     inherits: false
}

@property --tw-opacity {
     syntax: "*";
     inherits: false
}

@property --tw-saturate {
     syntax: "*";
     inherits: false
}

@property --tw-sepia {
     syntax: "*";
     inherits: false
}

@property --tw-drop-shadow {
     syntax: "*";
     inherits: false
}

@property --tw-drop-shadow-color {
     syntax: "*";
     inherits: false
}

@property --tw-drop-shadow-alpha {
     syntax: "<percentage>";
     inherits: false;
     initial-value: 100%
}

@property --tw-drop-shadow-size {
     syntax: "*";
     inherits: false
}

@property --tw-content {
     syntax: "*";
     inherits: false;
     initial-value: ""
}

@property --tw-translate-x {
     syntax: "*";
     inherits: false;
     initial-value: 0
}

@property --tw-translate-y {
     syntax: "*";
     inherits: false;
     initial-value: 0
}

@property --tw-translate-z {
     syntax: "*";
     inherits: false;
     initial-value: 0
}

@keyframes loading {
     0% {
          opacity: 1;
          top: 0
     }

     50% {
          opacity: .2;
          top: -10px
     }

     to {
          opacity: 1;
          top: 0
     }
}

html,
body {
     font-family: system-ui;
     margin: 0
}

.sidebar-hidden .sidebar-close-btn {
     visibility: hidden;
}

.sidebar-open-btn img,
.sidebar-close-btn {
    cursor: pointer;
}

.sidebar .gtm-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar .gtm-search-btn img {
    display: block;
    margin: 0;
    max-width: 60%;
    max-height: 60%;
}

        div#google_translate_element {
    border: 1px solid #d1d1d1;
    border: 1px solid #d1d1d1;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
0 1px 2px 0 rgb(0 0 0 / 0.05)
;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    width: 100px;
    font-weight: 500;
    /* font-size: 14.875px; */
    /*line-height: 1.25rem;*/
    /* padding-top: 0.5rem; */
    /* padding-bottom: 0.5rem; */
    /* padding-left: 1rem; */
    /* padding-right: 1rem; */
    /* margin-right: 20px; */
    --tw-bg-opacity: 1;
    background-color: var(--color-primary);
    --tw-border-opacity: 1;
    border-color: var(--color-primary);
    border-width: 1px;
    /* border-radius: 0.375rem;*/
}
.VIpgJd-ZVi9od-xl07Ob-lTBxed{
     display: flex;
}
.goog-te-gadget-icon{
position: fixed;}
span[aria-hidden="true"] {
     color: #fff !important;
}
div#google_translate_element span{
     color: #fff;
     border: 0px !important;
}
span[style="border-left: 1px solid rgb(187, 187, 187);"] {
     position: fixed;
     /* top: -999px; */
     /* margin-top: -999px; */
}

/* div#google_translate_element spanaria-hidden */
div#google_translate_element img{
     /* display: none; */
     opacity: 0;
}
.goog-te-gadget-simple{
     border: 0px !important;
     text-align: center;
}
div#google_translate_element .goog-te-gadget-simple{
     background-color: var(--color-primary);
}
.goog-te-gadget .goog-te-combo{
    width: 100%;
    outline: none;
}
.goog-te-combo option {
    color: black;
}
        body{
            top:0px !important;
        }
        #google_translate_element{
            border: #001ac4;
        }
        .goog-te-gadget{
            font-size: 0px !important;
            color: #fff !important;
        }
        .VIpgJd-ZVi9od-l4eHX-hSRGPd{
            display: none !important;
        }
        #goog-gt-tt{
            display: none !important;
        }
        .VIpgJd-ZVi9od-ORHb-OEVmcd{
            display: none;
        }