@charset "UTF-8";
/*
Theme Name: Default Theme
Description: このサイト専用のテーマ。
Author: Daisuke U.
Author URI: localhost
Template:
Text Domain: default.theme
Version: WIP
.
コメント／利用許諾の記述 (あれば)
.
*/

:root {
  /* CSS Variables goes here. */
}



::placeholder {
  color: #c0c0c0;
}



html, body {
  /* height: 100%;
  width: 100%;
  overflow-x: hidden; */
  color: var(--presentation_color_foreground);
}

html {
  --current-font-size: var(--presentation_font-size_default);

  font-size: var(--presentation_font-size_default);
  letter-spacing: 0.025em;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

html[data-font-size-variant="small"] {
  --current-font-size: var(--presentation_font-size_small);

  font-size: var(--presentation_font-size_small);
}

html[data-font-size-variant="large"] {
  --current-font-size: var(--presentation_font-size_large);

  font-size: var(--presentation_font-size_large);
}



body {
  line-height: var(--presentation_line-height);
}



#global-header {
  text-decoration: none;
  margin: 0;
  background: #ffffff;
}

#global-header [data-composition="main"] {
  color: #ffffff;
  background: var(--presentation_color_theme-dark);
  background: var(--presentation_color_theme-gradient);
  padding: calc(1em / 3 * 2) 0;
}

#global-header [data-composition="main"] [data-define-width] > .as-flex {
  gap: var(--presentation_spacing_parts);
  /* min-height: var(--presentation_header_main_height); */
  align-items: center;
  justify-content: space-between;
}

#global-header [data-composition="main"] [data-part="menu-list"] ul {
  gap: 1.5em 2em;
  flex-wrap: wrap;
}

#global-header [data-composition="main"] [data-part="menu-list"] ul > li > a {
  color: #ffffff;
  white-space: nowrap;
}

body.home #global-header [data-composition="main"] [data-part="menu-list"] ul > li.home > a,
#global-header [data-composition="main"] [data-part="menu-list"] ul > li:is(.current-menu-item, .current-page-ancestor) > a {
  display: inline-block;
  position: relative;
}

body.home #global-header [data-composition="main"] [data-part="menu-list"] ul > li.home > a:after,
#global-header [data-composition="main"] [data-part="menu-list"] ul > li:is(.current-menu-item, .current-page-ancestor) > a:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  background: var(--presentation_color_part_header_top-level-menu_highlight);
  bottom: -0.5em;
}



#global-header [data-composition="title"] {
  padding: clamp(1rem, 2vw, 2.5rem) 0;
  border-bottom: 1px solid var(--presentation_color_border);
}

#global-header [data-composition="title"] [data-define-width] > .as-flex {
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--presentation_spacing_parts) 2em;
}

#global-header [data-composition="title"] [data-part="extras"] {
  flex-grow: 1;
}

#global-header [data-composition="title"] [data-part="extras"] > .as-flex {
  gap: 2rem;
  align-items: center;
  justify-content: end;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="ib-login-buttons"] {
  font-size: 0.9em;
  gap: 0.5em;
  transition: opacity var(--presentation_fx_transition-duration) var(--presentation_fx_transition-duration);
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="ib-login-buttons"] label {
  line-height: 1;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="ib-login-buttons"] > .as-flex {
  gap: 0.5em;
}

#global-header [data-composition="title"] [data-part="extras"] #search-button-switch:checked ~ * [data-part="ib-login-buttons"] {
  pointer-events: none;
  opacity: 0;
  
  transition: opacity var(--presentation_fx_transition-duration);
}



#global-header [data-composition="title"] [data-part="extras"] [data-part="button"] {
  /* opacity: 1; */
  transition: opacity var(--presentation_fx_transition-duration) var(--presentation_fx_transition-duration);
}

#global-header [data-composition="title"] [data-part="extras"] #search-button-switch:checked ~ * [data-part="button"] {
  pointer-events: none;
  opacity: 0;
  
  transition: opacity var(--presentation_fx_transition-duration);
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] {
  position: static;
  display: flex;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] label {
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  display: flex;
  width: 1em;
  overflow: hidden;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] label > span {
  display: inline-block;
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] label > span[data-state="off"] {
  width: 100%;
  opacity: 1;

  transition:
    width var(--presentation_fx_transition-duration),
    opacity var(--presentation_fx_transition-duration) var(--presentation_fx_transition-duration);
}

#global-header [data-composition="title"] [data-part="extras"] #search-button-switch:checked ~ * [data-part="search"] label > span[data-state="off"] {
  width: 0;
  opacity: 0;

  transition:
    width var(--presentation_fx_transition-duration) var(--presentation_fx_transition-duration),
    opacity var(--presentation_fx_transition-duration);
}



#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] label > span[data-state="on"] {
  opacity: 0;

  transition:
    opacity var(--presentation_fx_transition-duration);
}

#global-header [data-composition="title"] [data-part="extras"] #search-button-switch:checked ~ * [data-part="search"] label > span[data-state="on"] {
  opacity: 1;

  transition:
    opacity var(--presentation_fx_transition-duration);
}



#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] [data-component="keyword-search"] {
  gap: 0.5em;
  justify-content: end;
  align-items: center;

  position: absolute;
  display: flex;
  top: 0;
  right: 2.5em;
  width: 0;
  height: 100%;
  overflow: hidden;

  transition: width var(--presentation_fx_transition-duration);
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] [data-component="keyword-search"] > .as-flex {
  width: 100%;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] [data-component="keyword-search"] input[type="text"] {
  width: 100%;
}

#global-header [data-composition="title"] [data-part="extras"] #search-button-switch:checked ~ * [data-component="keyword-search"] {
  width: 24em;
  transition: width var(--presentation_fx_transition-duration) var(--presentation_fx_transition-duration);
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] [data-part="text-input"] > div:first-child {
  flex-grow: 1;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] [data-part="text-input"] input {
  width: 100%;
  border-radius: 4em;
}

#global-header [data-composition="title"] [data-part="extras"] [data-part="search"] [data-part="text-input"] button {
  white-space: nowrap;
  font-size: 1.5em;
}



#global-sub-header {
  position: sticky;
  top: 0;
  background: #ffffff;
  z-index: 5;
}

#global-sub-header > nav {
  border-bottom: 1px solid var(--presentation_color_border);
}

#global-sub-header > nav > div > ul {
  position: relative;
  flex-wrap: nowrap;
}

#global-sub-header > nav > div > ul > li {
  text-align: center;
  flex-grow: 1;
}

#global-sub-header > nav > div > ul > li > a {
  display: block;
  line-height: 1;
  padding: 1.5em 0;
  position: relative;
}

#global-sub-header > nav > div > ul > li > a:before,
#global-sub-header > nav > div > ul > li:last-child > a:after {
  --spacing: 1.25em;

  content: '';
  display: block;
  position: absolute;
  top: var(--spacing);
  left: 0;
  height: calc(100% - (var(--spacing) * 2));
  width: 1px;
  background: var(--presentation_color_border);
}

#global-sub-header > nav > div > ul > li:last-child > a:after {
  left: auto;
  right: 0;
}



#global-sub-header [data-part="sub-nodes-page"] {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;

  border-top: 1px solid var(--presentation_color_border);
  background: #ffffff;
  box-shadow: 0 1em 1em -2px rgb(0 0 0 / 25%);
  
  overflow: hidden;
  overscroll-behavior: none;
  
  z-index: -5;
  max-height: 0%;
  opacity: 0;

  transition:
    z-index 0s 0.25s,
    max-height 0s 0.25s,
    opacity 0.25s 0s;
}

#global-sub-header [data-composition="sub-nodes"] {
  display: grid;

  padding: 2em;
  box-sizing: border-box;

  grid-template: auto / repeat(4, 1fr);
  gap: 2em var(--presentation_spacing_parts);

  text-align: left;
}

#global-sub-header [data-composition="sub-nodes"] > li > a {
  display: block;
  font-size: 1em;
  border-bottom: 1px solid var(--presentation_color_background-fill_theme-dark);
  padding: 0 0 0.25em 0;
  margin: 0 0 1em 0;
}

#global-sub-header [data-composition="sub-nodes"] > li > :last-child {
  margin: 0;
}

#global-sub-header a[data-part="root-node"]:hover + [data-part="sub-nodes-page"],
#global-sub-header a[data-part="root-node"] + [data-part="sub-nodes-page"]:hover {
  overflow: auto;

  z-index: 1;
  max-height: 75vh;
  opacity: 1;

  transition:
    z-index 0s 0s,
    max-height 0s 0s,
    opacity 0.5s 0s;
}

/* 
#global-sub-header > nav > div > ul > li:first-child [data-part="sub-nodes-page"] {
  z-index: 1;
  max-height: 75vh;
  opacity: 1;
}

#global-sub-header > nav > div > ul > li:not(:first-child) [data-part="sub-nodes-page"] {
  display: none;
}
 */



/*
  Mobile-menu
*/
#place-menu-button [data-component="menu-button"] {
  --size: 3rem;
  --bar-width: calc(100% / 3 * 2);
  --bar-color: #ffffff;

  border-radius: 0.25em;
  background: var(--presentation_color_part_header_font-size-chooser_label);
}


#mobile-menu {
  font-size: 1.25rem;

  position: fixed;
  width: 100%;
  height: 0dvh;
  box-sizing: border-box;

  z-index: 20;
  background: #ffffff;
  overscroll-behavior: none;
  overflow: auto;

  transition: height var(--presentation_fx_transition-duration) 0s;
}

#mobile-menu > div {
  padding: var(--presentation_defined-width-side-space);
}

#menu-button-switch:checked ~ #mobile-menu {

  overflow: auto;
  height: calc(100dvh - var(--presentation_mobile_header-height));

  /* transition: overflow 0s var(--presentation_fx_transition-duration); */
}


#mobile-menu :is(nav[data-part="essentials"]) a {
  display: block;
  padding: 1em;
  line-height: 1;
  background: var(--presentation_color_theme-link-text);
  color: #ffffff;
  text-align: center;
}

#mobile-menu nav {
  margin: 0 0 var(--presentation_spacing_group) 0;
}



#mobile-menu div[data-part="search"] {
  /* margin: 0 0 var(--presentation_spacing_group) 0; */
  padding: 0 0 var(--presentation_defined-width-side-space) 0;
  border-bottom: 1px solid var(--presentation_color_border);
}

#mobile-menu div[data-part="search"] > form {
  --button-spacing: 2.5em;
  justify-content: center;
  align-items: center;
  padding: 0 1em;
}

#mobile-menu div[data-part="search"] > form input[type="text"] {
  border-radius: 4em;
  padding-right: calc(var(--button-spacing) * 1);
  width: 100%;
}

#mobile-menu div[data-part="search"] > form button {
  margin: 0 0 0 calc(-1 * var(--button-spacing));
}

/* 追加 */
#mobile-menu div[data-part="customer"] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10%;
  margin: 0 0 var(--presentation_spacing_group) 0;
  padding: 1.5em 0;
  border-bottom: 1px solid var(--presentation_color_border);
}
#mobile-menu div[data-part="customer"] .as-flex {
  width: 100%;
  justify-content: center;
  gap: 5%;
}
#mobile-menu div[data-part="customer"] .as-flex li a {
  line-height: 1;
  display: inline-block;
  padding: .8em;
  border-radius: 0.75em;
  color: #ffffff;
}
#mobile-menu div[data-part="customer"] .as-flex li a::after {
  content: '\f105';
  margin: 0 0 0 1em;
}
#mobile-menu div[data-part="customer"] .as-flex .menu-item-2106,
#mobile-menu div[data-part="customer"] .as-flex .menu-item-3399,
#mobile-menu div[data-part="customer"] .as-flex .menu-item-3689 {
  display: none;
}
#mobile-menu div[data-part="customer"] .as-flex .menu-item-2949 a {
  background: #fff;
  color: var(--presentation_color_key_theme_individuals_dark);
  border: 1px solid var(--presentation_color_key_theme_individuals_dark);
}
#mobile-menu div[data-part="customer"] .as-flex .menu-item-2105 a {
  background: #fff;
  color: var(--presentation_color_key_theme_business);
  border: 1px solid var(--presentation_color_key_theme_business);
}
/* ここまで */



#mobile-menu nav[data-part="ib"] > div {
  gap: 1em;
  justify-content: center;
  flex-wrap: wrap;
}

#mobile-menu nav[data-part="essentials"] > ul {
  grid-template: auto / 1fr 1fr;
  gap: 1em;
}


#mobile-menu nav[data-part="main"] {
  --expand-marker-size: 2em;
  --button-inner-spacing: 0.75em;
}


#mobile-menu nav[data-part="main"] > ul {
  border-top: 1px solid var(--presentation_color_border);
}

#mobile-menu nav[data-part="main"] > ul > li a {
  display: block;
}

#mobile-menu nav[data-part="main"] > ul > li > a {
  padding: var(--button-inner-spacing) var(--button-inner-spacing) var(--button-inner-spacing) 0;
}

#mobile-menu nav[data-part="main"] > ul > li:not(.menu-item-has-children) > a {
  padding: var(--button-inner-spacing) var(--button-inner-spacing) var(--button-inner-spacing) var(--expand-marker-size);
}

#mobile-menu nav[data-part="main"] > ul > li {
  border-bottom: 1px solid var(--presentation_color_border);
}



#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > a::before {
  display: inline-block;
  content: '\f0da';
  font-weight: bold;
  width: var(--expand-marker-size);
  text-align: center;
  transform: rotate(0deg);

  transition: transform var(--presentation_fx_transition-duration);
}

#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > ul.sub-menu {
  display: grid;
  overflow: hidden;
  margin: 0;
  box-sizing: border-box;

  transition: height 0.5s;
}

#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > ul.sub-menu {
  position: relative;
}

#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > a[data-state="expand"] + ul.sub-menu {
  position: relative;
  height: var(--expand-height);
}

#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > a + ul.sub-menu:before {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 1em);
  left: 1em;
  top: 0.25em;
  background: var(--presentation_color_border);
}

#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > a[data-state="expand"]::before {
  transform: rotate(90deg);
  transition: transform var(--presentation_fx_transition-duration);
}

#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > a[data-state="collapse"] + ul.sub-menu {
  height: 0;
}



#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > ul.sub-menu > li {
  display: flex;
  position: relative;
  margin: 0.75em 0 0 0;
}

#mobile-menu nav[data-part="main"] ul > li.menu-item-has-children > ul.sub-menu > li:last-child {
  margin-bottom: 1em;
}



/*
  Page-path  
*/
#page-path {
  --local-gap: 2em;

  font-size: 0.8rem;
  margin: calc((var(--presentation_spacing_section) - var(--presentation_line-height) * 1em) / 2) 0;
}

#page-path ol {
  gap: calc(var(--local-gap) / 4) var(--local-gap);
  position: relative;
  flex-wrap: wrap;
}

#page-path ol > li:not(:last-child):after {
  content: '\f105';
  display: inline-flex;
  width: 2em;
  position: absolute;
  justify-content: center;
  align-items: center;
}



/*
  Main
*/
main {
  width: 100%;
  text-align: center;
}

main > * {
  text-align: left;
}

main > .wfx {
  display: inline-block;
  position: relative;
}

#content {
}

#root {
}



/*
  Footer
*/
#global-footer {
  padding: var(--presentation_spacing_parts);
}

#global-footer > [data-define-width] > .as-flex {
  flex-wrap: wrap;
  gap: 1em var(--presentation_spacing_parts);
  justify-content: space-between;
  align-items: end;
}

#global-footer > [data-define-width] > .as-flex > div {
  flex-grow: 1;
}



#sponsor-banners {
  --swiper-navigation-size: 1rem;
  overflow-x: hidden;
  overflow-y: visible;
}

#sponsor-banners .swiper-slide {
  width: auto;
}

#sponsor-banners .swiper-slide a {
  display: block;
}

#sponsor-banners .swiper-slide a > img {
  max-width: none;
  height: clamp(3.5em, 8vw, 4em);
}

#sponsor-banners :is(.swiper-button-prev, .swiper-button-next) {
  --button-scale: 1.5em;
  top: calc(50% - (var(--button-scale) / 2));
  width: var(--button-scale);
  height: var(--button-scale);
  margin: 0;
  background: #ffffff;
  border-radius: 100%;
  box-shadow: 0 0 1em rgba(0,0,0, 0.75);
  border: 1px solid var(--presentation_color_border);
}

#sponsor-banners .swiper-button-prev, 
#sponsor-banners .swiper-rtl .swiper-button-next {
  left: 0.5em;
  right: auto;
}
#sponsor-banners .swiper-button-next, 
#sponsor-banners .swiper-rtl .swiper-button-prev {
  right: 0.5em;
  left: auto;
}

#sponsor-banners .swiper-button-next:after,
#sponsor-banners .swiper-rtl .swiper-button-prev:after {
  content: '\f105';
  font-family: var(--init_font-family_icons);
}

#sponsor-banners .swiper-button-prev:after, 
#sponsor-banners .swiper-rtl .swiper-button-next:after {
  content: '\f104';
  font-family: var(--init_font-family_icons);
}



#place-mini-banners {
  padding: 1em 0;
  background: var(--presentation_color_background-fill_theme-mid);
}

#mini-banners {
  margin: 0;
}

#mini-banners a {
  display: block;
}



#page-end-nav_customers [data-composition="controls"] {
  background: var(--presentation_color_background-fill_theme-dark);
  padding: 1rem 0 0 0;
}

#page-end-nav_customers [data-composition="controls"] nav label {
  display: inline-block;
  background: var(--presentation_color_background-fill_gray);
  padding: clamp(0.75em, 2vw, 1em) clamp(1.5em, 4vw, 4em);
  cursor: pointer;            
}

#page-end-nav_customers [data-composition="controls"] [data-composition="tabs-and-search"] {
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}

#page-end-nav_customers [data-composition="controls"] [data-composition="tabs-and-search"] > nav:first-child {
  gap: 0.75rem;
}

#page-end-nav_customers [data-composition="controls"] nav label {
  border-top-width: 3px;
  border-top-style: solid;
  border-image-slice: 1;
}

#page-end-nav_customers [data-composition="controls"] nav label[for="tab-switch_individual"] {
  border-image-source: var(--presentation_color_theme-gradient);
  color: var(--presentation_color_theme-dark);
}

#page-end-nav_customers [data-composition="controls"] nav label[for="tab-switch_corporate"] {
  border-image-source: var(--presentation_color_theme-gradient);
  color: var(--presentation_color_theme-dark);
}



/* #page-end-nav_customers [data-composition="controls"] [data-composition="tabs-and-search"] [data-part="search"] {
  --button-size: 1.25em;
}

#page-end-nav_customers [data-composition="controls"] [data-composition="tabs-and-search"] [data-part="search"] input {
  border-radius: 4em;  
  padding: 0.5em calc( 1em + var(--button-size) ) 0.5em 1em;
  border-color: var(--presentation_color_border);
}

#page-end-nav_customers [data-composition="controls"] [data-composition="tabs-and-search"] [data-part="search"] [data-part="button"] {
  display: flex;
  position: absolute;
  right: 0.5em;
  height: 100%;
} */



#page-end-nav_customers [data-composition="list-nav"] nav.as-grid {
  grid-template: auto / repeat(4, 1fr);
  gap: var(--presentation_spacing_parts);
}

#page-end-nav_customers [data-composition="list-nav"] nav.as-grid > section > header {
  border-bottom: 2px solid var(--presentation_color_border);
  padding: 0 0 0.5rem 0;
  margin: 0 0 1rem 0;
}

#page-end-nav_customers [data-composition="list-nav"] nav.as-grid > section > header > h3 {
  font-size: 1rem;
  margin: 0;
}

#page-end-nav_customers [data-composition="list-nav"] nav.as-grid > section > header > h3:before {
  content: none;
}

#page-end-nav_customers [data-composition="list-nav"] nav.as-grid > section > header > h3 > a {
  color: inherit;
}

#page-end-nav_customers [data-composition="list-nav"] section ul > li {
  font-size: 0.8em;
}



#page-end-nav_customers [data-composition="list-nav"] {
  display: none;
  margin: var(--presentation_spacing_group) 0;
}

#page-end-nav_customers #tab-switch_individual:checked ~ [data-composition="controls"] label[for="tab-switch_individual"] {
  background: #ffffff;
}

#page-end-nav_customers #tab-switch_corporate:checked ~ [data-composition="controls"] label[for="tab-switch_corporate"] {
  background: #ffffff;
}

#page-end-nav_customers #tab-switch_individual:checked ~ [data-part="individual"] {
  display: block;
}

#page-end-nav_customers #tab-switch_corporate:checked ~ [data-part="corporate"] {
  display: block;
}

#page-end-nav_customers [data-part="common-navigation"] {
  justify-content: center;
  gap: var(--presentation_spacing_parts);
  margin: var(--presentation_spacing_group) 0;
  flex-wrap: wrap;
}



#page-end-nav_band {
  --spacing: 1rem;
  --separator-width: 2px;

  background: var(--presentation_color_theme-gradient);
  color: #ffffff;
}

#page-end-nav_band ul {
  justify-content: center;
  gap: var(--spacing);
  padding: 1em 0;
}

#page-end-nav_band ul > li {
  line-height: 1;
}

#page-end-nav_band ul > li:not(:last-child):after {
  content: '';
  display: inline-block;
  width: var(--separator-width);
  height: 100%;
  background: var(--presentation_color_background-fill_theme-dark);
  vertical-align: bottom;
  margin: 0 0 0 calc(var(--spacing) - var(--separator-width));
}

#page-end-nav_band ul > li a {
  display: inline-block;
  line-height: inherit;
  color: #ffffff;
}



#page-end-nav_main {
  background: var(--presentation_color_background-fill_theme-light);
  padding: var(--presentation_spacing_group) 0;
}

#page-end-nav_main ul {
  column-count: 3;
  column-gap: var(--presentation_spacing_parts);
  margin: 0;
  font-size: 0.8rem;
}

#page-end-nav_main ul li a {
  color: #000000;
}



/*
  Width Variants
*/
[data-define-width] {
  width: 100%;
  height: inherit;
  margin: auto;
  padding: 0;
  box-sizing: border-box;
  position: static;

  /* transition: padding var(--fx_animation-duration-default) var(--fx_animation-duration-default); */
}

[data-define-width] > [data-spaced] {
  padding: 0 var(--presentation_defined-width-side-space);
}

[data-define-width$=-spaced] {
  padding: 0 var(--presentation_defined-width-side-space);
}

[data-define-width^="site"] {
  max-width: var(--presentation_width-variant_site);
}

[data-define-width^="site-spaced"] {
  max-width: calc( var(--presentation_width-variant_site) + (var(--presentation_defined-width-side-space) * 2) );
}

[data-define-width^="content"] {
  max-width: var(--presentation_width-variant_content);
}

[data-define-width^="content-spaced"] {
  max-width: calc( var(--presentation_width-variant_content) + (var(--presentation_defined-width-side-space) * 2) );
}

[data-define-width^="narrow"] {
  max-width: var(--presentation_width-variant_narrow);
}

[data-define-width^="narrow-spaced"] {
  max-width: calc( var(--presentation_width-variant_narrow) + (var(--presentation_defined-width-side-space) * 2) );
}

[data-define-width^="thin"] {
  max-width: var(--presentation_width-variant_thin);
}

[data-define-width^="thin-spaced"] {
  max-width: calc( var(--presentation_width-variant_thin) + (var(--presentation_defined-width-side-space) * 2) );
}



/*
  Swiper
*/
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination {
  z-index: 2;
}



/*
  reCaptcha
*/
.grecaptcha-badge {
  display: none;
}