@charset "UTF-8";
/* ************************************** _
タイトル：supersport.css
概要：supersport用css
作成：2025.04.03
更新：2025.04.03
_ ************************************** */

/* =========================================================================
   CSS変数の定義  本国スタイルより
============================================================================ */
:root {
  --wp--preset--aspect-ratio--square: 1;
  --wp--preset--aspect-ratio--4-3: 4/3;
  --wp--preset--aspect-ratio--3-4: 3/4;
  --wp--preset--aspect-ratio--3-2: 3/2;
  --wp--preset--aspect-ratio--2-3: 2/3;
  --wp--preset--aspect-ratio--16-9: 16/9;
  --wp--preset--aspect-ratio--9-16: 9/16;
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
  --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
  --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
  --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
  --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
  --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
  --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
  --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
  --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
  --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
  --wp--preset--spacing--20: 0.44rem;
  --wp--preset--spacing--30: 0.67rem;
  --wp--preset--spacing--40: 1rem;
  --wp--preset--spacing--50: 1.5rem;
  --wp--preset--spacing--60: 2.25rem;
  --wp--preset--spacing--70: 3.38rem;
  --wp--preset--spacing--80: 5.06rem;
  --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}



/* =========================================================================
   スタイル  本国スタイルより  head
============================================================================ */
html {
  scroll-behavior: smooth
}
img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px
}



/* =========================================================================
   スタイル  本国スタイルより  classic-theme-styles-inline-css
============================================================================ */
.wp-block-button__link {
  color: #fff;
  background-color: #32373c;
  border-radius: 9999px;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em
}

.wp-block-file__button {
  background: #32373c;
  color: #fff;
  text-decoration: none
}



/* =========================================================================
   スタイル  本国スタイルより  global-styles-inline-css
============================================================================ */
:where(.is-layout-flex) {
  gap: 0.5em;
}

:where(.is-layout-grid) {
  gap: 0.5em;
}

body .is-layout-flex {
  display: flex;
}

.is-layout-flex {
  flex-wrap: wrap;
  align-items: center;
}

.is-layout-flex > :is(*, div) {
  margin: 0;
}

body .is-layout-grid {
  display: grid;
}

.is-layout-grid > :is(*, div) {
  margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}

.has-black-color {
  color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
  color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
  color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
  color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
  color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
  color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
  color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
  color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
  color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
  color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
  color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
  color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
  background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
  background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
  background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
  background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
  background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
  background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
  background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
  background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
  background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
  background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
  background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
  border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
  border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
  border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
  border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
  border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
  border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
  border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
  border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
  border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
  border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
  border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
  background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
  background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
  background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
  background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
  background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
  background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
  background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
  font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
  font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
  font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
  font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
  gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
  gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
  gap: 2em;
}

:root :where(.wp-block-pullquote) {
  font-size: 1.5em;
  line-height: 1.6;
}



/* =========================================================================
   スタイル  本国スタイルより  下部
============================================================================ */
/* BREAKPOINT: Desktop (BASE) */
.brxe-popup-12248 .brx-popup-content {
  width: 100%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-color: rgba(24, 10, 23, 0)
}

.brxe-popup-12248.brx-popup .brx-popup-backdrop {
  background-color: rgba(24, 10, 23, 0.9)
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-bf835a {
  font-size: 22px;
  letter-spacing: 1.4px;
  line-height: 1.2;
  padding-top: 0
}

#brxe-bf835a a {
  font-size: 22px;
  letter-spacing: 1.4px;
  line-height: 1.2;
  font-size: inherit
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-bf835a {
    font-size: 16px
  }

  #brxe-bf835a a {
    font-size: 16px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-1339c7 {
  font-size: 48px;
  font-weight: 300
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-1339c7 {
    font-size: 20px
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-080a15 {
  align-items: stretch;
  justify-content: space-between;
  padding-top: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
  padding-left: 4%;
  width: 40%
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-080a15 {
    justify-content: space-between;
    width: 100%;
    height: 45%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-080a15 {
    width: 100%;
    height: 45%;
    justify-content: space-between
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-15e799 {
  border-radius: 35px;
  font-size: 40px;
  padding-top: 0;
  padding-right: 11px;
  padding-bottom: 0;
  padding-left: 11px;
  color: rgba(65, 64, 66, 0.7);
  fill: rgba(65, 64, 66, 0.7);
  background-color: rgba(255, 255, 255, 0.3)
}

#brxe-15e799 {
  backdrop-filter: blur(1px);
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-6b1d04 {
  width: 60%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 2px;
  padding-right: 2px
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-6b1d04 {
    width: 100%;
    height: 55%;
    border-radius: 5px
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-6b1d04 {
    width: 100%;
    height: 55%;
    border-radius: 5px
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-c0a1d4 {
  flex-direction: row;
  align-items: stretch;
  height: 90dvh;
  overflow: auto;
  visibility: visible;
  width: 90dvw;
  background-color: var(--bricks-color-wsqpfu);
  border-radius: 5px
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-c0a1d4 {
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    flex-direction: column-reverse;
    align-self: flex-start !important;
    flex-wrap: nowrap;
    row-gap: 2%
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-c0a1d4 {
    flex-direction: column-reverse;
    align-self: flex-start !important;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    flex-wrap: nowrap
  }
}

/* BREAKPOINT: Desktop (BASE) */
.brxe-popup-12070 .brx-popup-content {
  width: 100%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-color: rgba(24, 10, 23, 0)
}

.brxe-popup-12070.brx-popup .brx-popup-backdrop {
  background-color: rgba(24, 10, 23, 0.9)
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-d55e75 {
  font-size: 22px;
  letter-spacing: 1.4px;
  line-height: 1.2;
  padding-top: 0
}

#brxe-d55e75 a {
  font-size: 22px;
  letter-spacing: 1.4px;
  line-height: 1.2;
  font-size: inherit
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-d55e75 {
    font-size: 16px
  }

  #brxe-d55e75 a {
    font-size: 16px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-63b6f2 {
  font-size: 48px;
  font-weight: 300
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-63b6f2 {
    font-size: 20px
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-7f7aab {
  align-items: stretch;
  justify-content: space-between;
  padding-top: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
  padding-left: 4%;
  width: 40%
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-7f7aab {
    justify-content: space-between;
    width: 100%;
    height: 45%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-7f7aab {
    width: 100%;
    height: 45%;
    justify-content: space-between
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-d73be4 {
  border-radius: 35px;
  font-size: 40px;
  padding-top: 0;
  padding-right: 11px;
  padding-bottom: 0;
  padding-left: 11px;
  color: rgba(65, 64, 66, 0.7);
  fill: rgba(65, 64, 66, 0.7);
  background-color: rgba(255, 255, 255, 0.3)
}

#brxe-d73be4 {
  backdrop-filter: blur(1px);
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-75289a {
  width: 60%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: row;
  justify-content: flex-end;
  padding-top: 2px;
  padding-right: 2px
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-75289a {
    width: 100%;
    height: 55%;
    border-radius: 5px
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-75289a {
    width: 100%;
    height: 55%;
    border-radius: 5px
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-8dfb73 {
  flex-direction: row;
  align-items: stretch;
  height: 90dvh;
  overflow: auto;
  visibility: visible;
  width: 90dvw;
  background-color: var(--bricks-color-wsqpfu);
  border-radius: 5px
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-8dfb73 {
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    flex-direction: column-reverse;
    align-self: flex-start !important;
    flex-wrap: nowrap;
    row-gap: 2%
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-8dfb73 {
    flex-direction: column-reverse;
    align-self: flex-start !important;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    flex-wrap: nowrap
  }
}

/* BREAKPOINT: Desktop (BASE) */
.brxe-popup-11817 .brx-popup-content {
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0);
  width: 75%
}

.brxe-popup-11817.brx-popup {
  padding-right: 5%;
  padding-left: 5%;
  justify-content: center;
  align-items: center
}

.brxe-popup-11817.brx-popup .brx-popup-backdrop {
  background-color: rgba(0, 0, 0, 0.82)
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-kinjex {
  font-size: 25px;
  background-color: var(--bricks-color-gljktn);
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-radius: 50px;
  color: var(--bricks-color-wsqpfu);
  fill: var(--bricks-color-wsqpfu)
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-etdumm {
  align-items: center;
  justify-content: center;
  align-self: center !important
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-fzefkt {
  flex-direction: row-reverse;
  column-gap: 15px;
  row-gap: 15px
}


/* BREAKPOINT: Desktop (BASE) */
.brxe-popup-11349 .brx-popup-content {
  width: 100%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  background-color: rgba(24, 10, 23, 0)
}

.brxe-popup-11349.brx-popup .brx-popup-backdrop {
  background-color: rgba(24, 10, 23, 0.9)
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-gklmep {
  font-size: 22px;
  letter-spacing: 1.4px;
  line-height: 1.2;
  padding-top: 0
}

#brxe-gklmep a {
  font-size: 22px;
  letter-spacing: 1.4px;
  line-height: 1.2;
  font-size: inherit
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-gklmep {
    font-size: 16px
  }

  #brxe-gklmep a {
    font-size: 16px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-vnagcf {
  font-size: 48px;
  font-weight: 300
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-vnagcf {
    font-size: 20px
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-kxrpsj {
  align-items: stretch;
  justify-content: space-between;
  padding-top: 4%;
  padding-right: 4%;
  padding-bottom: 4%;
  padding-left: 4%;
  width: 40%
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-kxrpsj {
    justify-content: space-between;
    width: 100%;
    height: 45%;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-kxrpsj {
    width: 100%;
    height: 45%;
    justify-content: space-between
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-pidktw {
  border-radius: 35px;
  font-size: 40px;
  padding-top: 0;
  padding-right: 11px;
  padding-bottom: 0;
  padding-left: 11px;
  color: rgba(65, 64, 66, 0.55);
  fill: rgba(65, 64, 66, 0.55);
  background-color: rgba(255, 255, 255, 0.55);
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px
}

#brxe-pidktw {
  backdrop-filter: blur(1px);
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-pkdqcf {
  width: 60%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 2px;
  padding-right: 2px;
  align-items: flex-end
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-pkdqcf {
    width: 100%;
    height: 55%;
    border-radius: 5px
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-pkdqcf {
    width: 100%;
    height: 55%;
    border-radius: 5px
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-pcrrtc {
  flex-direction: row;
  align-items: stretch;
  height: 90dvh;
  overflow: auto;
  visibility: visible;
  width: 90dvw;
  background-color: var(--bricks-color-wsqpfu);
  border-radius: 5px
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-pcrrtc {
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    flex-direction: column-reverse;
    align-self: flex-start !important;
    flex-wrap: nowrap;
    row-gap: 2%
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  #brxe-pcrrtc {
    flex-direction: column-reverse;
    align-self: flex-start !important;
    padding-top: 4%;
    padding-right: 4%;
    padding-bottom: 4%;
    padding-left: 4%;
    flex-wrap: nowrap
  }
}

/* BREAKPOINT: Desktop (BASE) */
.brxe-popup-6819 .brx-popup-content {
  width: 100%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0
}


/* BREAKPOINT: Desktop (BASE) */
#brxe-fntbqv {
  position: absolute;
  z-index: 1;
  right: 5px;
  color: var(--bricks-color-ujpjtm);
  fill: var(--bricks-color-ujpjtm);
  font-size: 40px;
  padding-top: 20px;
  padding-right: 20px
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-fntbqv {
    color: var(--bricks-color-ivbksi);
    fill: var(--bricks-color-ivbksi);
    padding-top: 5px;
    padding-right: 5px;
    font-size: 30px
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-murrwd {
  background-image: url(../images/Engine-Transmission-Feature-Image.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-murrwd {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-murrwd {
    min-height: 30vh;
    background-image: url(../images/Engine-Transmission-Feature-Image.jpg);
    background-size: cover
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-huzujn {
    font-size: 14px
  }

  #brxe-huzujn a {
    font-size: 14px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-plsbth {
  padding-top: 5%;
  padding-right: 2%;
  padding-bottom: 5%;
  padding-left: 2%;
  justify-content: center;
  background-color: var(--bricks-color-ivbksi);
  width: 40%
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-plsbth {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-plsbth {
    justify-content: flex-start;
    align-items: center;
    align-self: center !important;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    min-height: 70vh
  }
}

/* BREAKPOINT: Desktop (BASE) */
[data-id="brxe-qxxzlm"].splide__slide {
  background-image: url(../images/Sennheiser-Audio-Feature-Image.jpg);
  background-size: cover;
  background-position: center right;
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  padding-right: 5%;
  min-height: 100vh
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  [data-id="brxe-qxxzlm"].splide__slide {
    padding-right: 0;
    flex-direction: column
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  [data-id="brxe-qxxzlm"].splide__slide {
    flex-direction: column
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-vozdrb {
  background-image: url(../images/Sennheiser-Audio-Feature-Image.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-vozdrb {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-vozdrb {
    min-height: 30vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-qnqifz {
    font-size: 14px
  }

  #brxe-qnqifz a {
    font-size: 14px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-xpuqfb {
  background-color: var(--bricks-color-ivbksi);
  padding-top: 5%;
  padding-right: 2%;
  padding-bottom: 5%;
  padding-left: 2%;
  justify-content: center;
  width: 40%
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-xpuqfb {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-xpuqfb {
    justify-content: flex-start;
    align-items: center;
    align-self: center !important;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    min-height: 70vh
  }
}

/* BREAKPOINT: Desktop (BASE) */
[data-id="brxe-bypscr"].splide__slide {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  min-height: 100vh;
  padding-right: 5%;
  background-image: url(../images/Natural-Materials-Feature-Image.jpg);
  background-size: cover
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  [data-id="brxe-bypscr"].splide__slide {
    padding-right: 0;
    flex-direction: column
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  [data-id="brxe-bypscr"].splide__slide {
    flex-direction: column
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-ebpsar {
  background-image: url(../images/Natural-Materials-Feature-Image.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-ebpsar {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-ebpsar {
    min-height: 30vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-vikdlf {
    font-size: 14px
  }

  #brxe-vikdlf a {
    font-size: 14px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-usvbet {
  padding-top: 5%;
  padding-right: 2%;
  padding-bottom: 5%;
  padding-left: 2%;
  justify-content: center;
  background-color: var(--bricks-color-ivbksi);
  width: 40%
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-usvbet {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-usvbet {
    justify-content: flex-start;
    align-items: center;
    align-self: center !important;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    min-height: 70vh
  }
}

/* BREAKPOINT: Desktop (BASE) */
[data-id="brxe-wturbp"].splide__slide {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  min-height: 100vh;
  padding-right: 5%;
  background-image: url(../images/Mirrors-Feature-Image.jpg);
  background-size: cover
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  [data-id="brxe-wturbp"].splide__slide {
    padding-right: 0;
    flex-direction: column
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  [data-id="brxe-wturbp"].splide__slide {
    flex-direction: column
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-fmlrtt {
  background-image: url(../images/Mirrors-Feature-Image.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-fmlrtt {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-fmlrtt {
    min-height: 30vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-xqtsgl {
    font-size: 14px
  }

  #brxe-xqtsgl a {
    font-size: 14px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-vbumyf {
  padding-top: 5%;
  padding-right: 2%;
  padding-bottom: 5%;
  padding-left: 2%;
  justify-content: center;
  background-color: var(--bricks-color-ivbksi);
  width: 40%
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-vbumyf {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-vbumyf {
    justify-content: flex-start;
    align-items: center;
    align-self: center !important;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    min-height: 70vh
  }
}

/* BREAKPOINT: Desktop (BASE) */
[data-id="brxe-epyjdm"].splide__slide {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  min-height: 100vh;
  padding-right: 5%;
  background-image: url(../images/Dynamic-Handling-Pack-Feature-Image.jpg);
  background-size: cover
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  [data-id="brxe-epyjdm"].splide__slide {
    padding-right: 0;
    flex-direction: column
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  [data-id="brxe-epyjdm"].splide__slide {
    flex-direction: column
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-cbzdmj {
  background-image: url(../images/Dynamic-Handling-Pack-Feature-Image.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-cbzdmj {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-cbzdmj {
    min-height: 30vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-dilyll {
    font-size: 14px
  }

  #brxe-dilyll a {
    font-size: 14px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-kqvpor {
  padding-top: 5%;
  padding-right: 2%;
  padding-bottom: 5%;
  padding-left: 2%;
  justify-content: center;
  background-color: var(--bricks-color-ivbksi);
  width: 40%
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-kqvpor {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-kqvpor {
    justify-content: flex-start;
    align-items: center;
    align-self: center !important;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    min-height: 70vh
  }
}

/* BREAKPOINT: Desktop (BASE) */
[data-id="brxe-uatjyg"].splide__slide {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  min-height: 100vh;
  padding-right: 5%;
  background-image: url(../images/Active-Sports-Exhaust-Feature-Image.jpg);
  background-size: cover
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  [data-id="brxe-uatjyg"].splide__slide {
    padding-right: 0;
    flex-direction: column
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  [data-id="brxe-uatjyg"].splide__slide {
    flex-direction: column
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-zmbbug {
  background-image: url(../images/Active-Sports-Exhaust-Feature-Image.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-zmbbug {
    width: 100%;
    min-height: 50vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-zmbbug {
    min-height: 30vh
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-pheoyk {
    font-size: 13px
  }

  #brxe-pheoyk a {
    font-size: 13px;
    font-size: inherit
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-hrhiqz {
  padding-top: 5%;
  padding-right: 2%;
  padding-bottom: 5%;
  padding-left: 2%;
  justify-content: center;
  background-color: var(--bricks-color-ivbksi);
  width: 47%
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  #brxe-hrhiqz {
    width: 100%
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-hrhiqz {
    justify-content: flex-start;
    align-items: center;
    align-self: center !important;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    min-height: 70vh
  }
}

/* BREAKPOINT: Desktop (BASE) */
[data-id="brxe-qsogwe"].splide__slide {
  flex-direction: row;
  align-items: stretch;
  justify-content: flex-end;
  min-height: 100vh
}

/* BREAKPOINT: Tablet portrait */
@media (max-width: 991px) {
  [data-id="brxe-qsogwe"].splide__slide {
    padding-right: 0;
    flex-direction: column
  }
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  [data-id="brxe-qsogwe"].splide__slide {
    flex-direction: column
  }
}

/* BREAKPOINT: Mobile portrait */
@media (max-width: 478px) {
  [data-id="brxe-qsogwe"].splide__slide {
    min-height: 100vh
  }
}

/* BREAKPOINT: Desktop (BASE) */
#second .splide__arrow--next {
  right: 20px
}

#second .splide__arrow--prev {
  left: 20px
}

#second .splide__arrow {
  background-color: var(--bricks-color-wsqpfu);
  border-radius: 55px;
  height: 60px;
  width: 60px;
  font-size: 30px;
  min-height: 30px;
  min-width: 30px
}

#second .splide__arrow svg {
  height: 30px;
  width: 30px
}

#second .splide__arrow {
  top: unset;
  bottom: 0;
  z-index: 10;
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #second .splide__arrow--prev {
    bottom: 5%
  }

  #second .splide__arrow--next {
    bottom: 5%
  }
}

/* BREAKPOINT: Desktop (BASE) */
#brxe-lomglb {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0
}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
  #brxe-lomglb {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0
  }
}



/* =========================================================================
   スタイル  本国スタイルより  画像指定など bricks-dynamic-data-inline-css
============================================================================ */
#brxe-gzexwx {
  background-image: url(../images/photo01.jpg)
}

#brxe-motfec {
  background-image: url(../images/photo02-1.jpg)
}

#brxe-fifzcd {
  background-image: url(../images/photo02-2.jpg)
}

#brxe-edfbze {
  background-image: url(../images/photo02-3.jpg)
}

.brxe-rklnky .brxe-pkdqcf.brxe-block[data-query-loop-index="0"] {
  background-image: url(../images/slide_design_01.jpg)
}

.brxe-rklnky .brxe-sqpeng.brxe-block[data-query-loop-index="0"] {
  background-image: url(../images/slide_design_01.jpg)
}

.brxe-rklnky .brxe-sqpeng.brxe-block[data-query-loop-index="1"] {
  background-image: url(../images/slide_design_02.jpg)
}

.brxe-rklnky .brxe-sqpeng.brxe-block[data-query-loop-index="2"] {
  background-image: url(../images/slide_design_03.jpg)
}

.brxe-rklnky .brxe-sqpeng.brxe-block[data-query-loop-index="3"] {
  background-image: url(../images/slide_design_04.jpg)
}

.brxe-rklnky .brxe-sqpeng.brxe-block[data-query-loop-index="4"] {
  background-image: url(../images/slide_design_05.jpg)
}

.brxe-rklnky .brxe-sqpeng.brxe-block[data-query-loop-index="5"] {
  background-image: url(../images/slide_design_06.gif)
}

.brxe-wvjrxe .brxe-6b1d04.brxe-block[data-query-loop-index="0"] {
  background-image: url(../images/slide_engineering_01_popup.jpg)
}

.brxe-wvjrxe .brxe-pugnvl.brxe-block[data-query-loop-index="0"] {
  background-image: url(../images/slide_engineering_01.jpg)
}

.brxe-wvjrxe .brxe-pugnvl.brxe-block[data-query-loop-index="1"] {
  background-image: url(../images/slide_engineering_02.jpg)
}

.brxe-wvjrxe .brxe-pugnvl.brxe-block[data-query-loop-index="2"] {
  background-image: url(../images/slide_engineering_03.jpg)
}

.brxe-wvjrxe .brxe-pugnvl.brxe-block[data-query-loop-index="3"] {
  background-image: url(../images/slide_engineering_04.jpg)
}

.brxe-wvjrxe .brxe-pugnvl.brxe-block[data-query-loop-index="4"] {
  background-image: url(../images/slide_engineering_05.jpg)
}

#brxe-avfmmw {
  background-image: url(../images/photo03-1.jpg)
}

#brxe-chsteu {
  background-image: url(../images/photo03-2.jpg)
}

#brxe-nswxyh {
  background-image: url(../images/photo03-3.jpg)
}

#brxe-fqrbbe {
  background-image: url(../images/photo_soft-top.jpg)
}

#brxe-jrzvvn {
  background-image: url(../images/photo_hard-top.jpg)
}

.brxe-xhickg .brxe-75289a.brxe-block[data-query-loop-index="0"] {
  background-image: url(../images/slide_features_01.jpg)
}

.brxe-xhickg .brxe-doptsw.brxe-block[data-query-loop-index="0"] {
  background-image: url(../images/slide_features_01.jpg)
}

.brxe-xhickg .brxe-doptsw.brxe-block[data-query-loop-index="1"] {
  background-image: url(../images/slide_features_02.jpg)
}

.brxe-xhickg .brxe-doptsw.brxe-block[data-query-loop-index="2"] {
  background-image: url(../images/slide_features_03.jpg)
}

.brxe-xhickg .brxe-doptsw.brxe-block[data-query-loop-index="3"] {
  background-image: url(../images/slide_features_04.jpg)
}

.brxe-xhickg .brxe-doptsw.brxe-block[data-query-loop-index="4"] {
  background-image: url(../images/slide_features_05.jpg)
}

.brxe-xhickg .brxe-doptsw.brxe-block[data-query-loop-index="5"] {
  background-image: url(../images/slide_features_06.jpg)
}

.brxe-xhickg .brxe-doptsw.brxe-block[data-query-loop-index="6"] {
  background-image: url(../images/slide_features_07.jpg)
}

#brxe-gzexwx {
  background-image: url(../images/photo01.jpg)
}

#brxe-motfec {
  background-image: url(../images/photo02-1.jpg)
}

#brxe-fifzcd {
  background-image: url(../images/photo02-2.jpg)
}

#brxe-edfbze {
  background-image: url(../images/photo02-3.jpg)
}

#brxe-avfmmw {
  background-image: url(../images/photo03-1.jpg)
}

#brxe-chsteu {
  background-image: url(../images/photo03-2.jpg)
}

#brxe-nswxyh {
  background-image: url(../images/photo03-3.jpg)
}

#brxe-fqrbbe {
  background-image: url(../images/photo_soft-top.jpg)
}

#brxe-jrzvvn {
  background-image: url(../images/photo_hard-top.jpg)
}

#brxe-gzexwx {
  background-image: url(../images/photo01.jpg)
}

#brxe-motfec {
  background-image: url(../images/photo02-1.jpg)
}

#brxe-fifzcd {
  background-image: url(../images/photo02-2.jpg)
}

#brxe-edfbze {
  background-image: url(../images/photo02-3.jpg)
}

#brxe-avfmmw {
  background-image: url(../images/photo03-1.jpg)
}

#brxe-chsteu {
  background-image: url(../images/photo03-2.jpg)
}

#brxe-nswxyh {
  background-image: url(../images/photo03-3.jpg)
}

#brxe-fqrbbe {
  background-image: url(../images/photo_soft-top.jpg)
}

#brxe-jrzvvn {
  background-image: url(../images/photo_hard-top.jpg)
}

#brxe-gzexwx {
  background-image: url(../images/photo01.jpg)
}

#brxe-motfec {
  background-image: url(../images/photo02-1.jpg)
}

#brxe-fifzcd {
  background-image: url(../images/photo02-2.jpg)
}

#brxe-edfbze {
  background-image: url(../images/photo02-3.jpg)
}

#brxe-avfmmw {
  background-image: url(../images/photo03-1.jpg)
}

#brxe-chsteu {
  background-image: url(../images/photo03-2.jpg)
}

#brxe-nswxyh {
  background-image: url(../images/photo03-3.jpg)
}

#brxe-fqrbbe {
  background-image: url(../images/photo_soft-top.jpg)
}

#brxe-jrzvvn {
  background-image: url(../images/photo_hard-top.jpg)
}

.brxe-rklnky .brxe-pkdqcf.brxe-block[data-query-loop-index="1"] {
  background-image: url(../images/slide_design_02.jpg)
}

.brxe-rklnky .brxe-pkdqcf.brxe-block[data-query-loop-index="2"] {
  background-image: url(../images/slide_design_03.jpg)
}

.brxe-rklnky .brxe-pkdqcf.brxe-block[data-query-loop-index="3"] {
  background-image: url(../images/sidescreenshorter_01_00_00_00.jpg)
}

.brxe-rklnky .brxe-pkdqcf.brxe-block[data-query-loop-index="4"] {
  background-image: url(../images/slide_design_05.jpg)
}

.brxe-rklnky .brxe-pkdqcf.brxe-block[data-query-loop-index="5"] {
  background-image: url(../images/slide_design_06.gif)
}

.brxe-wvjrxe .brxe-6b1d04.brxe-block[data-query-loop-index="1"] {
  background-image: url(../images/slide_engineering_02.jpg)
}

.brxe-wvjrxe .brxe-6b1d04.brxe-block[data-query-loop-index="2"] {
  background-image: url(../images/slide_engineering_03.jpg)
}

.brxe-wvjrxe .brxe-6b1d04.brxe-block[data-query-loop-index="3"] {
  background-image: url(../images/slide_engineering_04.jpg)
}

.brxe-wvjrxe .brxe-6b1d04.brxe-block[data-query-loop-index="4"] {
  background-image: url(../images/slide_engineering_05.jpg)
}

.brxe-xhickg .brxe-75289a.brxe-block[data-query-loop-index="1"] {
  background-image: url(../images/slide_features_02.jpg)
}

.brxe-xhickg .brxe-75289a.brxe-block[data-query-loop-index="2"] {
  background-image: url(../images/slide_features_03.jpg)
}

.brxe-xhickg .brxe-75289a.brxe-block[data-query-loop-index="3"] {
  background-image: url(../images/slide_features_04.jpg)
}

.brxe-xhickg .brxe-75289a.brxe-block[data-query-loop-index="4"] {
  background-image: url(../images/slide_features_05.jpg)
}

.brxe-xhickg .brxe-75289a.brxe-block[data-query-loop-index="5"] {
  background-image: url(../images/slide_features_06.jpg)
}

.brxe-xhickg .brxe-75289a.brxe-block[data-query-loop-index="6"] {
  background-image: url(../images/Morgan_Supersport_Location_Lilac_096-e1741343829556.jpg)
}



/* =========================================================================
   CSS変数の定義  その2
============================================================================ */
/* 自前 CSS変数 */
:root {
  --color__White: #fff;
  --color__WhiteAlpha: 255,255,255;
  --color__Black: #414042;
  --color__BlackAlpha: 65,64,66;
  --color__Gray: #eaeaea;
  --color__DerkWhite: #f9fafa;
  --color__Line: #dddedf;
}



/* =========================================================================
   スタイル
============================================================================ */
/* 再設定・上書き */
#brx-content,
.brxe-popup-17237.brx-popup {
  font-family: "Lato", "Noto Sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
}
#brx-content h1,
#brx-content h2,
#brx-content h3,
#brx-content h4,
#brx-content h5,
#brx-content h6,
.brxe-popup-17237.brx-popup h1,
.brxe-popup-17237.brx-popup h2,
.brxe-popup-17237.brx-popup h3,
.brxe-popup-17237.brx-popup h4,
.brxe-popup-17237.brx-popup h5,
.brxe-popup-17237.brx-popup h6 {
  /*font-family: "gill-sans-nova";*/
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  line-height: 1;
}


.brxe-rklnky .brxe-gayqsf.brxe-heading,
.brxe-wvjrxe .brxe-buklan.brxe-heading,
.brxe-xhickg .brxe-oquakn.brxe-heading{
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

.brxe-rklnky .brxe-gklmep.brxe-text,
.brxe-wvjrxe .brxe-bf835a.brxe-text,
.brxe-xhickg .brxe-d55e75.brxe-text {
  font-size: 19px;
}
@media (max-width: 767px) {
  .brxe-rklnky .brxe-vnagcf.brxe-heading,
  .brxe-wvjrxe .brxe-1339c7.brxe-heading,
  .brxe-xhickg .brxe-63b6f2.brxe-heading {
    font-size: 6vw;
  }
  .brxe-rklnky .brxe-gklmep.brxe-text,
  .brxe-wvjrxe .brxe-bf835a.brxe-text,
  .brxe-xhickg .brxe-d55e75.brxe-text {
    font-size: 2.5vw;
  }
}
@media (max-width: 600px) {
  .brxe-rklnky .brxe-gklmep.brxe-text,
  .brxe-wvjrxe .brxe-bf835a.brxe-text,
  .brxe-xhickg .brxe-d55e75.brxe-text {
    font-size: 2.75vw;
  }
}
@media (max-width: 478px) {
  .brxe-rklnky .brxe-vnagcf.brxe-heading,
  .brxe-wvjrxe .brxe-1339c7.brxe-heading,
  .brxe-xhickg .brxe-63b6f2.brxe-heading {
    font-size: 5.5vw;
  }
  .brxe-rklnky .brxe-gklmep.brxe-text,
  .brxe-wvjrxe .brxe-bf835a.brxe-text,
  .brxe-xhickg .brxe-d55e75.brxe-text {
    font-size: 3.5vw;
  }
}

.brxe-rklnky .brxe-pidktw.brxe-icon,
.brxe-wvjrxe .brxe-15e799.brxe-icon,
.brxe-xhickg .brxe-d73be4.brxe-icon{
  height: 40px;
}
.ion-ios-close:before {
  content: " ";
  background: url("../images/icon_close.svg") no-repeat center center;
  background-size: 16px 16px;
  display: inline-block;
  height: 20px;
  margin-bottom: 14px;
  opacity: 0.7;
  padding: 2px;
  width: 20px;
}


/* フォームラン エリア */
.formrunArea {
  margin: 50px auto;
  max-width: 780px;
  padding: 0 10px;
}
.formrunArea .formrun-embed {
  border-radius: 20px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
  overflow: hidden;
}


/* コンテンツ
-------------------------------------- */
/* header部
-------------------- */
.headerBarWrapper {
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.2s, -webkit-transform 0.4s;
  transition: background-color 0.2s, -webkit-transform 0.4s;
  transition: background-color 0.2s, transform 0.4s;
  transition: background-color 0.2s, transform 0.4s, -webkit-transform 0.4s;
  width: 100%;
  z-index: 998;
  background-position: 50%;
  background-size: cover;
}
.headerBarWrapper.is--scroll .headerBar {
  background-color: #2f3133;
}
.headerBarWrapper.is--slideup {
  -ms-overflow-style: none;
  overflow-x: hidden;
  scrollbar-width: none;
  -webkit-transform: translateY(-101%);
  transform: translateY(-101%);
}

.headerBar {
  z-index: 9999;
  padding-top: 0;
  padding-bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.headerBar .navLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 5%;
  padding-left: 5%;
  max-width: 100%;
  width: 100%;
}
.headerBar .navLink .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.headerBar .navLink .item.type--left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}
.headerBar .navLink .item.type--center {
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerBar .navLink .item.type--right {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.headerBar .logoWrapper {
  border-color: currentcolor;
  cursor: pointer;
  text-decoration: none;
  color: currentcolor;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}
.headerBar .logo--morgan {
  display: block;
  width: 100px;
  height: 60px;
}
.headerBar .btnDealers {
  border-width: 0;
  color: var(--color__DerkWhite);
  font-size: 14px;
  letter-spacing: 3px;
  font-family: "Open Sans";
  cursor: pointer;
  padding: 10px 25px 10px 25px;
  display: block;
  background: rgba(65, 64, 66, 0.4);
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(7.9px);
  -webkit-backdrop-filter: blur(7.9px);
  z-index: 999;
  border-radius: 50px;
  text-decoration: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  width: auto;
}
.headerBar .btnDealers:hover, .headerBar .btnDealers:active, .headerBar .btnDealers:focus {
  background: rgba(65, 64, 66, 0.6);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

@media screen and (max-width: 767px) {
  .headerBar {
    padding: 1rem 1rem 1rem 1rem;
  }
  .headerBar .navLink .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .headerBar .navLink .item.type--left {
    display: none;
  }
  .headerBar .navLink .item.type--center {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .headerBar .navLink .item.type--right {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .headerBar .logo--morgan {
    width: 80px;
    height: 48px;
  }
}


/* footer
-------------------- */
#mk-footer {
  display: block;
  background-color: #3d4045;
  width: 100%;
  position: relative;
  padding: 0;
  z-index: 10;
}

#mk-footer,
#mk-footer p {
  font-size: 14px;
  color: #808080;
  font-weight: normal;
}

.mk-footer-disable {
  padding-top: 0;
}

.mk-footer-unfold {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
}

#sub-footer {
  background-color: #43474d;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-size: 100%;
}

.mk-grid {
  max-width: 1140px;
  width: 100%;
  /*min-width: 755px;*/
  margin: 0 auto;
}
.mk-grid:after {
  content: "";
  display: table;
  clear: both;
}

.mk-footer-copyright {
  margin: 0;
  border: 0;
  vertical-align: baseline;
  line-height: 16px;
  float: left;
  padding: 25px 0 20px;
  font-size: 11px;
  letter-spacing: 1px;
  opacity: 0.8;
}

.mk-footer-copyright,
#mk-footer-navigation li a {
  color: #8c8e91;
}

/* ------------------------------------------------------------------------------
  Handcrafted / CTA / formrun（SS400 JP）
------------------------------------------------------------------------------ */
#brxe-hijdyb {
  display: none !important;
}
#brxe-chqdba {
  display: flex !important;
}
/* Every morgan（本国 iwssxl 相当 + gradient背景） */
.build-and-price {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 70px;
  background-color: #0f0f0f;
  background-image: url("../images/gradient-horizontal40.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.build-and-price::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(15, 15, 15, 0) 0%, #0f0f0f 100%);
}
#enquire {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  column-gap: 20px;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 5%;
  color: #fff;
  text-align: center;
}
#brxe-hvwawy {
  height: 60px;
  width: auto;
  margin-bottom: 40px;
}
#brxe-qekezm {
  color: #fff;
  text-align: center;
  margin: 0;
}
#brxe-ntaqxn,
.ss400-unique-text {
  color: rgba(255, 255, 255, 0.85);
  text-align: center;
  line-height: 1.8;
  max-width: 820px;
}
#brxe-vluczs,
.ss400-cta-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  column-gap: 50px;
  row-gap: 10px;
  padding-top: 40px;
}
.ss400-cta-row .ss400-hero-btn,
#brxe-czywcc,
#brxe-berubv {
  position: relative;
  border-style: none;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  overflow: hidden;
  padding: 5px 50px;
  text-decoration: none;
  cursor: pointer;
}
.ss400-cta-row .ss400-hero-btn::before,
#brxe-czywcc::before,
#brxe-berubv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #d7584f20;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ss400-cta-row .ss400-hero-btn::after,
#brxe-czywcc::after,
#brxe-berubv::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(215, 88, 79, 0.2) 70%, transparent 100%);
  transform: skewX(-20deg);
}
.ss400-cta-row .ss400-hero-btn:hover::before,
#brxe-czywcc:hover::before,
#brxe-berubv:hover::before {
  opacity: 1;
}
.ss400-cta-row .ss400-hero-btn:hover::after,
#brxe-czywcc:hover::after,
#brxe-berubv:hover::after {
  animation: morganSweep 0.6s ease forwards;
}
@keyframes morganSweep {
  0% { left: -120%; }
  100% { left: 140%; }
}
.formrunArea {
  background-color: #0f0f0f;
  background-image: none;
  margin: 0;
  max-width: none;
  padding: 60px 20px 80px;
}
.formrunArea .formrun-embed {
  max-width: 780px;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: none;
  overflow: hidden;
  background: transparent;
}

/* ------------------------------------------------------------------------------
  SS400 feature popup close（本国準拠）
------------------------------------------------------------------------------ */
.brxe-popup-17237 .brxe-9c7cd5.ion-ios-close,
.brxe-jzewyx .brxe-9c7cd5.ion-ios-close {
  font-size: 0 !important;
  line-height: 0;
}

.brxe-popup-17237 .brxe-9c7cd5.ion-ios-close:before,
.brxe-jzewyx .brxe-9c7cd5.ion-ios-close:before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  background: none !important;
  background-image: none !important;
  font-family: inherit !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  background:
    linear-gradient(45deg, transparent calc(50% - 1px), #d7584f calc(50% - 1px), #d7584f calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(-45deg, transparent calc(50% - 1px), #d7584f calc(50% - 1px), #d7584f calc(50% + 1px), transparent calc(50% + 1px)) !important;
}

.brxe-popup-17237 .brxe-9c7cd5.brxe-icon,
.brxe-jzewyx .brxe-9c7cd5.brxe-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 62px;
  height: 62px;
  min-width: 62px;
  min-height: 62px;
  border-radius: 50%;
  font-size: 0 !important;
  padding: 0 !important;
  color: var(--400-coral, #d7584f);
  fill: var(--400-coral, #d7584f);
  background-color: #0f0f0fed;
  cursor: pointer;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  z-index: 10;
  position: relative;
  flex-shrink: 0;
}
.brxe-naclgr {
  cursor: pointer;
}

/* ------------------------------------------------------------------------------
 モーガン東京 style.css 上書き（ページ本体のみ・移植元準拠）
------------------------------------------------------------------------------ */
#brx-content p,
#brx-content .brxe-text-basic,
#brx-content .brxe-text,
.brxe-popup-17237.brx-popup p,
.brxe-popup-17237.brx-popup .brxe-text {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
}

/* ------------------------------------------------------------------------------
 ヘッダー上部の白いグラデーション除去（東京共通ヘッダー × ScrollSmoother 対策）
------------------------------------------------------------------------------ */
body.page-id-16742 {
  background-color: var(--color1, #0f0f0f);
}

.mainLayout > .l-header .l-header__pill {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.mainLayout > .l-header.is-scrolled .l-header__pill {
  background: rgba(27, 27, 27, 0.92);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* ------------------------------------------------------------------------------
  SS400 feature popup（モーダル重なり順）
------------------------------------------------------------------------------ */
.brxe-popup-17237.brx-popup {
  z-index: 10000000 !important;
}