
/* @group @variables */

[class*="o-pagina"] {
--pagina-template-columns: var(--x-padding-left) 1fr var(--x-padding-right);
--pagina-template-rows: auto 3.75rem auto 3rem auto 5.25rem;
--pagina-hero-grid-column: 1 / span 3;
--pagina-hero-grid-row: 1;
--pagina-content-grid-column: 2;
--pagina-content-grid-row: 3;
--pagina-sidebar-grid-column: 2;
--pagina-sidebar-grid-row: 5;
}

@media (width >= 48em) { /* 768px -> * */

[class*="o-pagina"] {
--pagina-template-columns: var(--x-padding-left) 2fr 1fr var(--x-padding-right);
--pagina-template-rows: auto 3.75rem 1fr 5.25rem;
--pagina-hero-grid-column: 1 / span 4;
--pagina-hero-grid-row: 1;
--pagina-content-grid-column: 2;
--pagina-content-grid-row: 3;
--pagina-sidebar-grid-column: 3;
--pagina-sidebar-grid-row: 3;
}

}

/* @end @variables */

/* @group @o-pagina */

[class*="o-pagina"] {
box-sizing: border-box;
display: grid;
grid-template-columns: var(--pagina-template-columns);
grid-template-rows: var(--pagina-template-rows);
gap: var(--pagina-gap);
}

[class*="o-pagina"] main {
display: contents;
}

[class*="o-pagina"] [class*="o-hero-content"] {
grid-column: var(--pagina-hero-grid-column);
grid-row: var(--pagina-hero-grid-row);
}

[class*="o-pagina"] [class*="m-pagina-content"] {
grid-column: var(--pagina-content-grid-column);
grid-row: var(--pagina-content-grid-row);
}

[class*="o-pagina"] [class*="o-sidebar"] {
grid-column: var(--pagina-sidebar-grid-column);
grid-row: var(--pagina-sidebar-grid-row);
}

/* @end @o-pagina */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="o-hero-content"] {
--content-hero-grid-template-columns: calc(var(--x-padding-left) - .75rem) .75rem 1fr 2fr 1fr .75rem calc(var(--x-padding-right) - .75rem);
--content-hero-grid-template-rows: 1.5rem 1fr 1.5rem;
--content-hero-max-height: 24rem;
--head-1-font-family: var(--font-family-heading);
--head-1-font-size: clamp(2.625rem, 1.75rem + 4.38vw, 5.25rem);/* 42-84 to 320-1280 */
--head-1-line-height: 1;
--head-1-color: var(--color-white);
--head-1-font-weight: 400;
--head-2-font-size: clamp(1.25rem, 1.167rem + 0.42vw, 1.5rem);/* 20-24 to 320-1280 */
--head-2-line-height: 1.5;
--head-2-color: var(--color-white);
--head-2-font-weight: 600;
--line-height: 1.5;
--font-weight: 600;
--color: var(--color-white);
}

@media (width < 48em) { /* 0 -> 767px */

[class*="o-hero-content"] {
}

}

@media (width >= 48em) { /* 768px -> * */

[class*="o-hero-content"] {

}

}

[class*="a-hero-content-media"] {
--hero-content-media-filter: opacity(.875);
}

/* @end @variables */

/* @group @o-hero-content */

[class*="o-hero-content"] {
position: relative;
overflow: clip;
display: grid;
grid-template-columns: var(--content-hero-grid-template-columns);
grid-template-rows: var(--content-hero-grid-template-rows);
height: var(--content-hero-max-height);
background-color: var(--color-primary);
}

[class*="a-hero-content-media"] {
grid-column: 1 / span 7;
grid-row: 1 / span 3;
}

[class*="m-hero-content-body"] {
grid-column: 3 / span 4;
grid-row: 2;
}

[class*="o-hero-content"]:has([class*="a-hero-content-media"]):before {
grid-column: 1 / span 3;
grid-row: 1 / span 3;
}

[class*="o-hero-content"]:has([class*="a-hero-content-media"]):after {
grid-column: 5  / span 3;
grid-row: 1 / span 3;
}

/* @end @o-hero-content */

/* @group @o-hero-content : with-image */

[class*="o-hero-content"]:has([class*="a-hero-content-media"]) {
position: relative;
overflow: hidden;
z-index: 1;
}

[class*="o-hero-content"]:has([class*="a-hero-content-media"]) img {
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
aspect-ratio: var(--aspect-ratio);
border-radius: inherit;
object-fit: cover;
object-position: center center;
filter: var(--hero-content-media-filter);
transition: var(--hero-content-media-transition);
will-change: transform;
pointer-events: none;
}

[class*="o-hero-content"]:has([class*="a-hero-content-media"]):before,
[class*="o-hero-content"]:has([class*="a-hero-content-media"]):after {
content: '';
position: relative;
z-index: 3;
display: grid;
height: 100%;
}

[class*="o-hero-content"]:has([class*="a-hero-content-media"]):before {
background-image: linear-gradient(90deg, hsla(220deg 5% 20% / 80%) 0%, hsl(0deg 0% 100% / 0%) 100%);
}

[class*="o-hero-content"]:has([class*="a-hero-content-media"]):after {
background-image: linear-gradient(-90deg, hsla(220deg 5% 20% / 80%) 0%, hsl(0deg 0% 100% / 0%) 100%);
}

/* @end @o-hero-content : with-image */

/* @group @m-hero-content-body */

[class*="m-hero-content-body"] {
box-sizing: border-box;
position: relative;
z-index: 4;
display: grid;
align-items: center;
align-content: center;
grid-auto-flow: row;
gap: 1.125rem;
text-transform: uppercase;
}

[class*="m-hero-content-body"] h2+p:before {
content: '';
display: grid;
width: 3rem;
height: .25rem;
margin-block: .75rem 1.375rem;
background-color: var(--color-white);
}

[class*="m-hero-content-body"] h1,
[class*="m-hero-content-body"] h2,
[class*="m-hero-content-body"] p {
text-shadow: 0.7px 0.7px hsl(220deg 20% 30%), 1px 0 hsl(220deg 20% 30%), 0.7px -0.7px hsl(220deg 20% 30%), 0 -1px hsl(220deg 20% 30%), -0.7px -0.7px hsl(220deg 20% 30%), -1px 0 hsl(220deg 20% 30%), -0.7px 0.7px hsl(220deg 20% 30%), 0 1px hsl(220deg 20% 30%);
}

[class*="m-hero-content-body"] h2 {
letter-spacing: .15ch;
}

[class*="m-hero-content-body"] p {
letter-spacing: .15ch;
}

/* @end @m-hero-content-body */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="o-auxiliary-nav"] {
--auxiliary-nav-width: 13.5rem;
--auxiliary-nav-transform: translateX(-15rem);
--auxiliary-nav-open-transform: translateX(-15rem);
--font-size: .75rem;
--line-height: 1.5;
--link-color: var(--color-text);
--link-action-color: var(--color-secondary-action);
--link-active-color: var(--color-secondary-active);
--link-background-image: url('../img/sprite-svg.svg#icon-arrow-right');
--link-action-background-image: url('../img/sprite-svg.svg#icon-arrow-right-secondary-action');
}

[class*="is-watch-nav"][class*="is-fit-sticky"] [class*="o-auxiliary-nav"] {
--auxiliary-nav-transform: translateX(0);
--auxiliary-nav-open-transform: translateX(-11.25rem);
}

[class*="a-auxiliary-detail-link"] {
--transition-time: .2s;
}

[class*="o-auxiliary-nav"] dt {
--font-weight: var(--font-weight-bold);
--font-variation-settings: var(--font-variation-settings-bold);
}

@media (scripting: none) {

[class*="o-auxiliary-nav"] {
--auxiliary-nav-transform: translateX(0);
--auxiliary-nav-open-transform: translateX(-11.25rem);
}

}

@media (width < 48em) { /* 0 -> 767px */

[class*="m-auxiliary-list"]>li:not(:nth-of-type(3n)):after {
--auxiliary-list-after-content: '';
}

[class*="m-auxiliary-list"]>li:nth-of-type(-n+3) {
border-bottom: 1px solid var(--border-color);
}

}

@media (width < 30em) and (orientation: portrait) {

[class*="o-auxiliary-nav"] {
--auxiliary-nav-width: 24rem;
--auxiliary-nav-transform: translateX(-24rem);
--auxiliary-nav-open-transform: translateX(-24rem);
}

[class*="is-watch-nav"][class*="is-fit-sticky"] [class*="o-auxiliary-nav"] {
--auxiliary-nav-transform: translateX(0);
--auxiliary-nav-open-transform: translateX(-21.5rem);
}

}

@media (width >= 48em) { /* 768px -> * */

[class*="o-auxiliary-nav"] {
--auxiliary-nav-width: 13.5rem;
--auxiliary-nav-transform: translateX(-15rem);
--auxiliary-nav-open-transform: translateX(-15rem);
}

[class*="is-watch-nav"][class*="is-fit-sticky"] [class*="o-auxiliary-nav"] {
--auxiliary-nav-transform: translateX(0);
--auxiliary-nav-open-transform: translateX(-11.25rem);
}

@media (scripting: none) {

[class*="o-auxiliary-nav"] {
--auxiliary-nav-transform: translateX(0);
--auxiliary-nav-open-transform: translateX(-11.25rem);
}

}

[class*="a-auxiliary-detail-link"] {
--construction-grid-template-columns: repeat(4, 1fr);
--auxiliary-nav-padding: 0 var(--x-padding-right) 0 var(--x-padding-left);
--auxiliary-list-before-content: '';
}

[class*="m-auxiliary-list"]>li {
--auxiliary-list-after-content: '';
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-auxiliary-list"] {
--construction-grid-template-columns: repeat(6, 1fr);
}

}

/* @end @variables */

/* @group @o-auxiliary-nav */

[class*="o-auxiliary-nav"] {
position: fixed;
z-index: 5;
bottom: 1.5rem;
left: 0;
width: var(--auxiliary-nav-width);
display: grid;
grid-template-columns: 1fr 2.25rem;
background-color: var(--color-white);
border-radius: 0 .25rem .25rem 0;
box-shadow: .125rem .125rem .25rem 0 hsl(220deg 20% 20% / 20%);
will-change: transform;
transform: var(--auxiliary-nav-transform);
transition: var(--transform-transition);
}

input:checked ~ [class*="o-auxiliary-nav"] {
will-change: transform;
transform: var(--auxiliary-nav-open-transform);
}

[class*="o-auxiliary-nav"] label {
display: grid;
width: 2.25rem;
height: 100%;
background-color: var(--color-secondary);
background-image: url('../img/sprite-svg.svg#icon-arrow-left-white');
background-position: center center;
background-repeat: no-repeat;
background-size: .875rem .875rem;
border-radius: 0 .25rem .25rem 0;
transition: var(--link-secondary-transition);
cursor: pointer;
}

input:checked ~ [class*="o-auxiliary-nav"] label {
background-image: url('../img/sprite-svg.svg#icon-arrow-right-white');
transition: var(--background-image-transition);
}

[class*="o-auxiliary-nav"] dl,
[class*="o-auxiliary-nav"] ul {
overflow: clip;
}

[class*="o-auxiliary-nav"] li,
[class*="o-auxiliary-nav"] dt,
[class*="o-auxiliary-nav"] dd {
box-shadow: inset 0 1px 0 var(--border-color);
}

[class*="o-auxiliary-nav"] li,
[class*="o-auxiliary-nav"] dd {
transition: var(--background-image-transition);
}

[class*="o-auxiliary-nav"] dt {
display: grid;
align-items: center;
height: 1.875rem;
padding: 0 .75rem;
}

[class*="a-auxiliary-detail-link"] {
box-sizing: border-box;
position: relative;
display: grid;
padding: .375rem .375rem .375rem .125rem;
padding-left: 1.25rem;
background-image: var(--link-background-image);
background-position: .375rem .75rem;
background-repeat: no-repeat;
background-size: .625rem .625rem;
transition: var(--link-secondary-transition);
}

[class*="a-auxiliary-detail-link"]:focus {
background-image: var(--link-action-background-image);
}

[class*="a-auxiliary-label-link"],
[class*="a-auxiliary-detail-link"] {
color: inherit;
transition: var(--link-primary-transition);
}

[class*="a-auxiliary-label-link"]:focus,
[class*="a-auxiliary-detail-link"]:focus {
color: var(--color-secondary);
}

@media (hover: hover) {

[class*="a-auxiliary-detail-link"]:hover {
background-image: var(--link-action-background-image);
}

[class*="a-auxiliary-label-link"]:hover,
[class*="a-auxiliary-detail-link"]:hover {
color: var(--color-secondary);
}

}

/* @end @o-auxiliary-nav */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-construction"] {
--construction-grid-template-columns: repeat(1, 1fr);
--construction-link-grid-template-columns: .75rem 1fr .75rem;
--construction-link-grid-template-rows: auto .375rem auto .75rem auto .75rem auto .75rem  1fr;

--construction-media-grid-column: 1 / span 3;
--construction-media-grid-row: 1;
--construction-date-grid-column: 2;
--construction-date-grid-row: 3;
--construction-title-grid-column: 2;
--construction-title-grid-row: 5;
--construction-footer-grid-column: 2;
--construction-footer-grid-row: 7;
--construction-after-grid-column: 1 / span 3;
--construction-after-grid-row: 1 / span 9;

--construction-gap: 2.25rem;
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.33333333;
--head-3-color: var(--color-primary);
--font-size: .875rem;
--line-height: 1.71428571;
}

[class*="m-construction"] a:has([class*="a-construction-overview"]) {
--construction-link-grid-template-rows: auto .75rem auto .375rem auto .75rem 1fr auto .75rem;
--construction-overview-grid-column: 2;
--construction-title-grid-row: 3;
--construction-overview-grid-row: 5;
--construction-footer-grid-row: 8;
--construction-after-grid-row: 1 / span 9;
}

[class*="m-construction"] a:not(:has([class*="a-construction-overview"])) {
--construction-link-grid-template-rows: auto .75rem auto .75rem auto .75rem 1fr;
--construction-overview-grid-column: 2;
--construction-title-grid-row: 3;
--construction-footer-grid-row: 5;
--construction-after-grid-row: 1 / span 7;
}

@media (width >= 48em) { /* 768px -> * */

[class*="m-construction"] {
--construction-grid-template-columns: repeat(2, 1fr);
}

}

@media (width >= 62em) { /* 992px -> * */

[class*="m-construction"] {
--construction-grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-construction */

[class*="m-construction"] {
display: grid;
grid-template-columns: var(--construction-grid-template-columns);
gap: var(--construction-gap);
}

:where([class*="m-construction"]) section {
display: contents;
}

:where([class*="m-construction"]) a {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: var(--construction-link-grid-template-columns);
grid-template-rows: var(--construction-link-grid-template-rows);
background-color: var(--color-white);
box-shadow: 0 0 0 1px var(--border-color), .125rem .125rem .125rem var(--box-shadow-color);
text-decoration: none;
border-radius: .25rem;
}

:where([class*="m-construction"]) a:before {
grid-column: var(--construction-after-grid-column);
grid-row: var(--construction-after-grid-row);
}

[class*="a-construction-media"],
[class*="a-construction-logo"] {
grid-column: var(--construction-media-grid-column);
grid-row: var(--construction-media-grid-row);
}

[class*="a-construction-media"] {
border-bottom: .25rem solid var(--color-secondary);
}

[class*="a-construction-title"] {
grid-column: var(--construction-title-grid-column);
grid-row: var(--construction-title-grid-row);
}

[class*="a-construction-overview"] {
grid-column: var(--construction-overview-grid-column);
grid-row: var(--construction-overview-grid-row);
}

[class*="a-construction-footer"] {
grid-column: var(--construction-footer-grid-column);
grid-row: var(--construction-footer-grid-row);
}

:where([class*="m-construction"] img) {
width: 100%;
}

[class*="a-construction-footer"] {
display: block;
padding-top: calc(.75rem - 1px);
border-top: 1px solid var(--border-color);
text-align: center;
}

:where([class*="m-construction"]) a:before {
content: '';
position: relative;
z-index: -1;
opacity: 0;
border-radius: .25rem;
box-shadow: 0 0 0 1px var(--border-color), .25rem .25rem .25rem var(--box-shadow-color);
transition: var(--opacity-transition);
}

:where([class*="m-construction"]) a:hover:before,
:where([class*="m-construction"]) a:focus:before {
opacity: 1;
}

/* @end @m-construction */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-scrolled-contents-tertiary"] {
--scrolled-contents-overflow-y: hidden;
}

/* @end @variables */

/* @group @m-scrolled-contents */

[class*="m-scrolled-contents"] {
position: relative;
overflow-x: auto;
overflow-y: var(--scrolled-contents-overflow-y);
/*display: inline-grid;
margin-right: auto;*/
max-height: var(--scrolled-contents-max-height);
/*width: 100%;*/


/*background-image: linear-gradient(to right, var(--color-white), var(--color-white)), linear-gradient(to right, var(--color-white), var(--color-white)), linear-gradient(to right, hsl(220deg 20% 20% / 20%), hsl(0deg 0% 100% / 0%)), linear-gradient(to left, hsl(220deg 20% 20% / 20%), hsl(0deg 0% 100% / 0%));
/* Shadows *!/
/* Shadow covers *!/
background-position: left center, right center, left center, right center;
background-repeat: no-repeat;
background-color: var(--color-white);
background-size: 1rem 100%, 1rem 100%, .5rem 100%, .5rem 100%;
background-attachment: local, local, scroll, scroll;*/
/*border-bottom: 1px solid var(--border-color);*/

scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
transition: var(--background-image-transition);
}

[class*="m-scrolled-contents"]:not([class*="is-scrollable"]) {
overflow: hidden;
}

/*[class*="m-scrolled-contents-secondary"] {
max-height: 50rem;
}*/

.m-scrolled-head {
overflow: hidden;
max-width: 100%;
}

/* 上のスクロールバー用のコンテナ */
[class*="a-table-top-scroll"] {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
height: .75rem;
border-bottom: none;
}

[class*="a-top-scroll-inner"] {
height: 1px;
}

/*.a-table-container {
overflow-x: auto;
overflow-y: hidden;
}*/

/* @end @m-scrolled-contents */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-price-table-w-primary"],
[class*="m-price-table-w-secondary"],
[class*="m-price-table-w-tertiary"] {
--price-table-width: 100%;
}

@media (width < 48em), (width >= 80em) { /* 0 -> 767px and 1280px -> * */

[class*="m-price-table-w-proto"],
[class*="m-price-table-w-deutero"],
[class*="m-price-table-w-trito"] {
--price-table-width: 100%;
}

}

/* @end @variables */

/* @group @variables */

[class*="m-price-table"] {
--price-table-cell-padding-block: calc(.375rem - 1px);
--price-table-cell-padding-inline: .25rem;
}

[class*="m-price-table"] thead th {
--price-table-cell-padding-inline: .25rem;
--price-table-cell-padding-block: calc(.375rem - 1px);
}

[class*="m-price-table"] thead th:nth-of-type(1),
[class*="m-price-table"] tbody th:nth-of-type(1),
[class*="m-price-table"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-width: auto;
--price-table-cell-min-width: 12.75rem;
--price-table-cell-max-width: 12.75rem;
}

[class*="m-price-table-w-tertiary"] thead th:nth-of-type(1),
[class*="m-price-table-w-tertiary"] tbody th:nth-of-type(1),
[class*="m-price-table-w-tertiary"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-width: 5.25rem;
--price-table-cell-min-width: 5.25rem;
--price-table-cell-max-width: 5.25rem;
}

[class*="m-price-table-w-quinary"] thead th:nth-of-type(1),
[class*="m-price-table-w-quinary"] tbody th:nth-of-type(1),
[class*="m-price-table-w-quinary"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-width: 15rem;
--price-table-cell-min-width: 15rem;
--price-table-cell-max-width: 15rem;
}

[class*="m-price-table-w-quaternary"] thead th:nth-of-type(1),
[class*="m-price-table-w-quaternary"] tbody th:nth-of-type(1),
[class*="m-price-table-w-quaternary"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-width: 7.125rem;
--price-table-cell-min-width: 7.125rem;
--price-table-cell-max-width: 7.125rem;
}

[class*="m-price-table-w-proto"] thead th:nth-of-type(1),
[class*="m-price-table-w-proto"] tbody th:nth-of-type(1),
[class*="m-price-table-w-proto"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-width: 8.125rem;
--price-table-cell-min-width: 8.125rem;
--price-table-cell-max-width: 8.125rem;
}

[class*="m-price-table-w-deutero"] thead th:nth-of-type(1),
[class*="m-price-table-w-deutero"] tbody th:nth-of-type(1),
[class*="m-price-table-w-deutero"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-width: 10.5rem;
--price-table-cell-min-width: 10.5rem;
--price-table-cell-max-width: 10.5rem;
}

[class*="m-price-table-w-trito"] thead th:nth-of-type(1),
[class*="m-price-table-w-trito"] tbody th:nth-of-type(1),
[class*="m-price-table-w-trito"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-width: 8.125rem;
--price-table-cell-min-width: 8.125rem;
--price-table-cell-max-width: 8.125rem;
}

[class*="m-price-table-w-secondary"] thead th:nth-of-type(1),
[class*="m-price-table-w-secondary"] tbody th:nth-of-type(1) {
--price-table-cell-min-width: 100%;
--price-table-cell-max-width: 100%;
--price-table-cell-min-width: 100%;
}

[class*="m-price-table"] td {
--price-table-cell-width: 6rem;
--price-table-cell-min-width: 6rem;
--price-table-cell-max-width: 6rem;
}

[class*="m-price-table"] td[class*="a-car-type-cell"] {
--price-table-cell-width: auto;
--price-table-cell-min-width: 40ch;
--price-table-cell-max-width: auto;
}

/*[class*="m-price-table"] td[class*="a-car-type-cell-beside"] {
--price-table-cell-width: auto;
--price-table-cell-min-width: 30ch;
--price-table-cell-max-width: 50ch;
}

[class*="m-price-table-w-tertiary"] td[class*="a-car-type-cell-beside"] {
--price-table-cell-width: auto;
--price-table-cell-min-width: 30ch;
--price-table-cell-max-width: 50ch;
}*/

[class*="m-price-table-w-quinary"] td[class*="a-car-type-cell-beside"] {
--price-table-cell-width: 100%;
--price-table-cell-min-width: 13.5rem;
--price-table-cell-max-width: 100%;
}

[class*="m-price-table"] td[class*="a-price-label"] {
--price-table-cell-width: 6rem;
--price-table-cell-min-width: 6rem;
--price-table-cell-max-width: 6rem;
}

[class*="m-price-table"] td[class*="a-price-label-secondary"] {
--price-table-cell-width: 12rem;
--price-table-cell-min-width: 12rem;
--price-table-cell-max-width: 12rem;
}

[class*="m-price-table"] td[class*="a-price-note"] {
--price-table-cell-width: 10.5rem;
--price-table-cell-min-width: 10.5rem;
--price-table-cell-max-width: 10.5rem;
}

[class*="m-price-table"] tbody th[class*="a-car-type-head-beside"] {
--price-table-cell-width: 12rem;
--price-table-cell-min-width: 12rem;
--price-table-cell-max-width: 12rem;
}

[class*="m-price-table"] tbody th[class*="a-car-type-head-beside-secondary"] {
--price-table-cell-width: 16.5rem;
--price-table-cell-min-width: 16.5rem;
--price-table-cell-max-width: 16.5rem;
}

/* @end @variables */

/* @group @variables */

[class*="m-price-table"] {
--price-table-cell-border-width: 1px 1px 0 0;
}

[class*="m-price-table"] thead th:last-of-type,
[class*="m-price-table"] tbody td:last-of-type {
--price-table-cell-border-width: 1px 0 0 0;
}

[class*="m-price-table"] thead tr:has([rowspan="2"]) + tr th:last-of-type {
--price-table-cell-border-width: 1px 1px 0 0;
}

/*
[class*="m-price-table"] tbody tr:has([rowspan="3"]) + tr td:last-of-type,
[class*="m-price-table"] tbody tr:has([rowspan="3"]) + tr + tr td:last-of-type {
--price-table-cell-border-width: 1px 1px 0 0;
}*/

[class*="m-price-table"] tbody tr:last-of-type {
--price-table-cell-border-width: 1px 1px 1px 0;
}

[class*="m-price-table"] tbody tr:last-of-type td:last-of-type {
--price-table-cell-border-width: 1px 0 1px 0;
}

[class*="m-price-table"] tbody tr:has(td[rowspan="2"]) + tr td:last-of-type {
--price-table-cell-border-width: 1px 1px 0 0;
}

[class*="m-price-table"] tbody tr:nth-last-of-type(2):has(td[rowspan="2"]) td:last-of-type {
--price-table-cell-border-width: 1px 0 1px 0;
}

[class*="m-price-table"] tbody tr:nth-last-of-type(2):has(td[rowspan="2"]) + tr td:last-of-type {
--price-table-cell-border-width: 1px 1px 1px 0;
}

[class*="m-price-table"] thead th:nth-of-type(1),
[class*="m-price-table"] tbody th:nth-of-type(1),
[class*="m-price-table"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
--price-table-cell-border-width: 1px;
--price-table-cell-border-width: 1px 1px 0 0;
}

[class*="m-price-table"] tbody tr:last-of-type th:nth-of-type(1) {
--price-table-cell-border-width: 1px 1px 1px 0;
}

[class*="m-price-table"] tbody tr:nth-last-of-type(2) th:nth-of-type(1)[rowspan] {
--price-table-cell-border-width: 1px 1px 1px 0;
}

/* @end @variables */

/* @group @variables */

[class*="m-price-table"] {
--font-size: .75rem;
--line-height: 1.5;
--font-size: .875rem;
--line-height: 1.71428571;
}

[class*="m-price-table"] strong {
--strong-font-weight: 500;
}

/*[class*="m-price-table"] thead th,
[class*="m-price-table"] thead th:nth-of-type(1),
[class*="m-price-table"] tbody th,
[class*="a-table-cell-fit-height"],
[class*="m-price-table"] td[class*="a-price-label"],
[class*="m-price-table"] td[class*="a-price-note"] {
--font-size: .625rem;
--line-height: 1.8;
}*/

/*[class*="m-price-table"] [class*="a-car-type-cell"] {
--font-size: .5rem;
--line-height: 1.5;
}*/

[class*="m-price-table"] tbody td[class*="a-price-detail"] {
--font-family: var(--font-family-numeric);
--letter-spacing: .05ch;
}

[class*="m-price-table"] tbody td[class*="a-price-detail"] {
--price-table-cell-white-space: nowrap;
}

[class*="m-price-table"] td[class*="a-car-type-cell-secondary"] {
--price-table-cell-white-space: nowrap;
}

[class*="m-price-table"] [class*="a-car-type-cell-beside"] {
--price-table-cell-white-space: nowrap;
}

/*[class*="m-price-table"] [class*="a-car-type-head-beside"] {
--price-table-cell-white-space: nowrap;
}*/

/* @end @variables */

/* @group @variables */

[class*="m-price-table"] th {
--font-weight: var(--font-weight-bold);
--font-variation-settings: var(--font-variation-settings-bold);
}

/* @end @variables */

/* @group @variables */

[class*="m-price-table"] {
--price-table-cell-text-align: left;
}

[class*="m-price-table"] thead th,
[class*="m-price-table"] thead th:nth-of-type(1) {
--price-table-cell-text-align: center;
}

[class*="m-price-table"] tbody td[class*="a-price-detail"] {
--price-table-cell-text-align: right;
}

/*[class*="m-price-table"] td[class*="a-car-type-cell"] {
--price-table-cell-text-align: left;
}*/

/* @end @variables */

/* @group @variables */

[class*="m-price-table"] td {
--price-table-cell-background-color: hsl(0deg 0% 100% / 50%);
}

[class*="m-price-table"] thead th {
--price-table-cell-background-color: hsl(150deg 50% 85% / 50%);
}

[class*="m-price-table"] thead th:nth-of-type(1) {
--price-table-cell-background-color: hsl(150deg 50% 92.5%);
}

[class*="m-price-table"] tbody th:nth-of-type(1) {
--price-table-cell-background-color: hsl(220deg 25% 97.5% / 100%);
}

[class*="m-price-table"] tbody tr:has(th[rowspan="2"])+tr th:nth-of-type(1) {
--price-table-cell-background-color: transparent;
--price-table-cell-background-color: red;
}

[class*="m-price-table"] tr:has(> th:hover) td,
[class*="m-price-table"] tr:has(> td:hover) td,
[class*="m-price-table"] tr:has(th[rowspan="2"]):hover + tr td,
[class*="m-price-table"] tr:has([rowspan="2"]):has(+ tr:is(:hover)) th,
[class*="m-price-table"] tr:has([rowspan="2"]):has(+ tr:is(:hover)) td  {
--price-table-cell-background-color: hsl(220deg 20% 90% / 50%);
}

[class*="m-price-table"] td:hover {
--price-table-cell-background-color: hsl(100deg 50% 90% / 50%);
}

[class*="m-price-table"] tbody tr:has(> th:hover) th:nth-of-type(1),
[class*="m-price-table"] tbody tr:has(> td:hover) th:nth-of-type(1) {
--price-table-cell-background-color: hsl(220deg 20% 92.5%);
}

/* @end @variables */

/* @group @variables */

[class*="m-price-table"] {
--price-table-cell-vertical-align: middle;
}

[class*="m-price-table"] thead th {
--price-table-cell-vertical-align: top;
}

[class*="a-table-cell-fit-height"] td {
--price-table-cell-vertical-align: middle;
--price-table-cell-text-align: left;
}

[class*="a-table-cell-fit-height-proto"] th,
[class*="a-table-cell-fit-height-proto"] td {
--price-table-cell-vertical-align: top;
}

/* @end @variables */

/* @group @variables */

[class*="a-table-cell-fit-height-primary"]  {
--price-table-cell-height: 4.5rem;
}

[class*="a-table-cell-fit-height-secondary"]  {
--price-table-cell-height: 3.375rem;
}

[class*="a-table-cell-fit-height-quinary"]  {
--price-table-cell-height: 7.5rem;
}

/* @end @variables */

/* @group @variables */

[class*="a-car-type-cell-secondary"]  {
--strong-margin-right: .375rem;
}

/* @end @variables */

/* @group @m-price-table */

[class*="m-price-table"] {
position: relative;
width: var(--price-table-width);
margin-right: auto;
}

[class*="m-scrolled-contents"] [class*="m-price-table"] {
border-bottom-width: 0;
}

[class*="m-price-table"] th,
[class*="m-price-table"] td {
box-sizing: border-box;
width: var(--price-table-cell-width);
min-width: var(--price-table-cell-min-width);
max-width: var(--price-table-cell-max-width);
height: var(--price-table-cell-height);
padding-block: var(--price-table-cell-padding-block);
padding-inline: var(--price-table-cell-padding-inline);
background-color: var(--price-table-cell-background-color);
border: solid var(--border-color);
border-width: var(--price-table-cell-border-width);
box-shadow: var(--price-table-cell-box-shadow);
white-space: var(--price-table-cell-white-space);
text-align: var(--price-table-cell-text-align);
vertical-align: var(--price-table-cell-vertical-align);
transition: var(--background-color-transition);
}

[class*="m-price-table"] thead th {
position: relative;
}

[class*="m-price-table"] thead {
position: sticky;
z-index: 3;
top: 0;
}

[class*="m-price-table"] thead th:nth-of-type(1),
[class*="m-price-table"] tbody th:nth-of-type(1),
[class*="m-price-table"] tbody tr:not([class*="a-price-child-sticky"]) th[class*="a-price-sticky"] {
position: sticky;
z-index: 2;
left: 0;
}

[class*="m-price-table-secondary"] tbody th:nth-of-type(1):not([rowspan]):not([class*="a-table-cell-sticky"]) {
position: static;
background-color: transparent;
box-shadow: none;
}

[class*="m-price-table"] strong {
margin-right: var(--strong-margin-right);
}
  
/* @end @m-price-table */

/* @group @a-car-type-classifying */

[class*="a-car-type-classifying"] {
display: grid;
justify-content: space-between;
align-content: center;
grid-auto-flow: column;
gap: .25rem;
white-space: nowrap;
}

/* @end @a-car-type-classifying */

/* @group @a-price-classifying */

[class*="a-price-classifying"] {
display: grid;
justify-content: end;
align-content: center;
grid-auto-flow: column;
white-space: nowrap;
}

/* @end @a-price-classifying */

/* @group @a-price-classifying */

[class*="a-price-classifying-secondary"] {
padding-right: .875rem;
}

/* @end @a-price-classifying */

/* -------------------------------------------------------- */

/* @group @m-basic-table */

[class*="m-basic-table"] {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}

[class*="m-basic-table"] th,
[class*="m-basic-table"] td {
box-sizing: border-box;
padding-block: calc(.375rem - 1px);
padding-inline: .75rem;
border: solid var(--border-color);
border-width: 1px 0;
white-space: var(--price-table-cell-white-space);
}

[class*="m-basic-table"] td {
text-align: right;
}

/* @end @m-basic-table */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-annotation"] {
--head-3-color: var(--color-secondary);
--head-4-color: var(--color-secondary);
--font-size: .875rem;
--line-height: 1.71428571;
}

[class*="m-annotation-secondary"] {
--font-size: .75rem;
--line-height: 1.5;
}

/* @end @variables */

/* @group @m-annotation */

[class*="m-annotation"] {
display: grid;
grid-auto-flow: row;
gap:.75rem;
padding: .75rem;
border-radius: .25rem;
background-color: var(--background-color);
}

/* @end @m-annotation */

/* -------------------------------------------------------- */

/* @group @a-chapter-nav-list */

[class*="a-chapter-nav-list"] {
display: flex;
flex-wrap: wrap;
gap: .75rem;
/*margin-top: -1.5rem;*/
}

[class*="a-chapter-nav-list"]>li:not(:last-of-type) {
position: relative;
padding-right: .75rem;
}

[class*="a-chapter-nav-list"]>li:not(:last-of-type):after {
content: '';
position: absolute;
top: .25rem;
right: 0;
bottom: .25rem;
width: 1px;
background-color: var(--border-color);
}

/* @end @a-chapter-nav-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-explanatory"] {
--head-4-font-size: 1.125rem;
--head-4-line-height: 1.33333333;
--head-4-color: var(--color-secondary);
--head-5-font-size: 1rem;
--head-5-line-height: 1.5;
--head-5-color: var(--color-dimgray);
/*--font-size: .875rem;
--line-height: 1.71428571;*/
}

/* @end @variables */

/* @group @variables */

[class*="m-explanatory"] dt {
--font-weight: var(--font-weight-bold);
--font-variation-settings: var(--font-variation-settings-bold);
}

/* @end @variables */

/* @group @m-explanatory  */

[class*="m-explanatory"] {
display: grid;
align-content: start;
grid-auto-flow: row;
/*gap: 1.125rem;*/
border-radius: .25rem;
background-color: var(--color-white);
}

/*[class*="m-explanatory"] h4 {
padding-bottom: calc(.75rem - 1px);
border-bottom: 1px dotted var(--border-color);
}*/

[class*="m-explanatory"] dl {
padding: .75rem;
border-radius: .25rem;
background-color: var(--background-color);
}

[class*="m-explanatory"] dt {
margin-top: .375rem;
}

/* @end @m-explanatory  */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-custody-date"] {
--font-size: .875rem;
--line-height: 1.71428571;
}

[class*="a-custody-date"] dt {
--font-size: .75rem;
--line-height: 1.5;
--color: var(--color-secondary-text);
}

/* @end @variables */

/* @group @a-custody-date */

[class*="a-custody-date"] {
display: grid;
justify-content: start;
align-items: center;
grid-auto-flow: column;
gap:.375rem;
}

[class*="a-custody-date"] dt {
display: grid;
place-items: center;
height: 1.5rem;
padding: 0 .375rem;
border: 1px solid;
}

/* @end @a-custody-date */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-flow-list"] {
--head-3-font-size: 1.25rem;
--head-3-color: var(--color-secondary);
}

/* @end @variables */

/* @group @m-flow-list */

[class*="m-flow-list"] {
display: grid;
grid-auto-flow: row;
gap: 1.875rem;
counter-reset: li-entry;
}

:where([class*="m-flow-list"])>li {
position: relative;
display: grid;
grid-auto-flow: row;
gap: 1.125rem;
counter-increment: li-entry;
}

:where([class*="m-flow-list"]) h3 {
display: grid;
justify-content: start;
align-items: center;
align-content: center;
grid-auto-flow: column;
gap: .75rem;
font-size: 1rem;
}

:where([class*="m-flow-list"])>li h3:before {
box-sizing: border-box;
content: 'STEP 'counter(li-entry);
display: grid;
place-items: center;
width: 4.5rem;
height: 1.875rem;
padding: 0 .375rem;
background-color: var(--color-secondary);
border-radius: .25rem;
font-size: 1rem;
color: var(--color-white);
speak: none;
}
}

[class*="m-flow-list"] dt {
display: grid;
place-items: center;
height: 1.5rem;
padding: 0 .375rem;
border: 1px solid;
}

/* @end @m-flow-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-film"] {
--film-grid-template-columns: repeat(1, 1fr);
--film-gap: 2.25rem;

--film-link-grid-template-columns: 1fr ;
/*--film-link-grid-template-rows: auto .75rem auto .375rem auto 1.125rem auto 1.5rem 1fr auto;*/
--film-link-grid-template-rows: auto .75rem auto .375rem auto 1.125rem auto 1fr auto;

--film-media-grid-column: 1;
--film-media-grid-row: 1;
--film-title-grid-column: 1;
--film-title-grid-row: 3;
--film-overview-grid-column: 1;
--film-overview-grid-row: 5;
/*--film-price-grid-column: 1;
--film-price-grid-row: 7;*/
--film-link-grid-column: 1;
/*--film-link-grid-row: 10;*/
--film-link-grid-row: 9;

--head-3-font-family: var(--font-family-heading);
--head-3-font-size: 1.25rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-primary);
--font-size: .875rem;
--line-height: 1.71428571;
}

@media (width < 48em) { /* 0 -> 767px */

[class*="m-film"] {
}

}

@media (width >= 48em) { /* 768px -> * */

[class*="m-film"] {
--film-grid-template-columns: repeat(2, 1fr);
--film-gap: 1.5rem;
--film-link-margin-top: auto;
}

}

/* @end @variables */

/* @group @m-film */

[class*="m-film"] {
display: grid;
grid-template-columns: var(--film-grid-template-columns);
gap: var(--film-gap);
}

:where([class*="m-film"]) li {
display: grid;
grid-auto-flow: row;
grid-template-columns: var(--film-link-grid-template-columns);
grid-template-rows: var(--film-link-grid-template-rows);
}

[class*="a-film-media"] {
grid-column: var(--film-media-grid-column);
grid-row: var(--film-media-grid-row);
}

[class*="a-film-title"] {
grid-column: var(--film-title-grid-column);
grid-row: var(--film-title-grid-row);
}

[class*="a-film-overview"] {
grid-column: var(--film-overview-grid-column);
grid-row: var(--film-overview-grid-row);
}

[class*="a-film-price"] {
grid-column: var(--film-price-grid-column);
grid-row: var(--film-price-grid-row);
}

:where([class*="m-film"] a) {
grid-column: var(--film-link-grid-column);
grid-row: var(--film-link-grid-row);
}

/* @end @m-film */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-content-nav"] {
--school-nav-list-grid-template-columns: repeat(2, 1fr);
--school-nav-list-content-display: block;
--school-nav-list-content-top: 0;
--school-nav-list-content-bottom: 0;
--link-color: var(--color-text);
--link-action-color: var(--color-text-action);
}

@media all and (max-width:55.9375em) {

[class*="m-content-nav"] {
--school-nav-content-top: 3rem;
--school-nav-content-bottom: 0;
--school-nav-content-width: 100%;
--school-nav-content-height: 1px;
}

[class*="m-content-nav"] ul>li:nth-of-type(4n) {
--school-nav-list-content-display: none;
}

}

@media all and (min-width: 56em) {

[class*="m-content-nav"] {
--school-nav-list-grid-template-columns: repeat(4, 1fr);
--school-nav-padding-right: var(--x-padding-right);
--school-nav-padding-left: var(--x-padding-left);
--school-nav-content-top: .375rem;
--school-nav-content-bottom: .375rem;
--school-nav-content-width: 1px;
}

}

/* @end @variables */

/* @group @m-content-nav */

[class*="m-content-nav"] {
padding: 0 var(--school-nav-padding-right) 0 var(--school-nav-padding-left);
box-shadow: 0 -1px 0 0 hsl(220deg 20% 85%), inset 0 -1px 0 0 hsl(220deg 20% 85%);
}

[class*="m-content-nav"] ul {
position: relative;
display: grid;
grid-template-columns: var(--school-nav-list-grid-template-columns);
grid-template-rows: var(--school-nav-list-grid-template-rows);
gap: var(--school-nav-list-gap);
}

[class*="m-content-nav"] ul:before {
content: '';
position: absolute;
top: var(--school-nav-content-top);
left: 0;
bottom: var(--school-nav-content-bottom);
width: var(--school-nav-content-width);
height: var(--school-nav-content-height);
background-color: hsl(220deg 20% 85%);
}

[class*="m-content-nav"] :where(li) {
position: relative;
display: grid;
align-items: center;
height: 3rem;
padding-right: 2px;
font-size: .8125rem;
}

[class*="m-content-nav"] :where(ul) li:before {
content: '';
position: absolute;
top: var(--school-nav-list-content-top);
right: 0;
bottom: var(--school-nav-list-content-bottom);
display: var(--school-nav-list-content-display);
width: 1px;
background-color: hsl(220deg 20% 85%);
}

[class*="m-content-nav"] :where(a) {
display: grid;
place-items: center;
height: 100%;
padding: 0 .25rem;
text-decoration: none;
text-align: center;
transition: var(--link-proto-transition);
}

/* @end @m-content-nav */