/* @group @a-price-copy */

.a-price-copy {
box-sizing: border-box;
position: relative;
z-index: 3;
display: grid;
/*width: 100%;
max-width: var(--hero-application-max-size);*/
width: min(30rem, 100%);
margin-right: auto;
margin-left: auto;
padding: .75rem;
box-shadow: inset 0 2px 0 0 var(--color-white), inset 0 -2px 0 0 var(--color-white);
}

/* @end @a-price-copy */

/* text-transform --------------------------------------------------------*/

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

/* @group @variables - text-transform */

:root {
--text-transform-none: none;/* テキストを変換しない（初期値） */
--text-transform-uppercase: uppercase;/* 全ての文字を大文字にする */
--text-transform-capitalize: capitalize;/* 単語の先頭文字を大文字にする */
--text-transform-lowercase: lowercase;/* 全ての文字を小文字にする */
--text-transform-full-width: full-width;/* 全ての文字を全角形式にする。 */
}

/* @end @variables - text-transform */

/* @group @a-text-transform-primary */

.a-text-transform-primary {
text-transform: uppercase;
}

/* @end @a-text-transform-primary */

/* line-clamp --------------------------------------------------------*/

/* @group @variables */

:root {
--line-clamp-base: 1.5;
}

.a-line-clamp-1 {
--line-clamp-line: 1;
}

.a-line-clamp-2 {
--line-clamp-line: 2;
}

.a-line-clamp-3 {
--line-clamp-line: 3;
}

.a-line-clamp-4 {
--line-clamp-line: 4;
}

/* @end @variables */

/* @group @a-line-clamp */

[class*="a-line-clamp"] {
position: relative;
overflow: hidden;
display: -webkit-box;
max-height: calc(var(--line-clamp-base) * var(--line-clamp-line));
-webkit-line-clamp: var(--line-clamp-line);
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}

/* @end @a-line-clamp */

/* text-position --------------------------------------------------------*/

/* @group @a-text-position */

.a-text-position-primary {text-align: left;}
.a-text-position-secondary {text-align: center;}
.a-text-position-tertiary {text-align: right;}
.a-text-position-proto {text-align: var(--text-align-proto);}
.a-text-position-deutero {text-align: var(--text-align-deutero);}
.a-text-position-trito {text-align: var(--text-align-trito);}
.a-text-position-primero {text-align: var(--text-align-primero);}
.a-text-position-segundo {text-align: var(--text-align-segundo);}
.a-text-position-tercero {text-align: var(--text-align-tercero);}
.a-text-position-premier {text-align: center;word-break: keep-all;}

/* @end @a-text-position */

/* heading --------------------------------------------------------*/

/* @group @a-heading */

[class*="a-heading"] {
margin-bottom: .75rem;
font-size: 1.5rem;
line-height: inherit;
font-weight: var(--text-font-weight-bold);
}

/* @end @a-heading */

/* highlight theme --------------------------------------------------------*/

/* @group @variables */

[class*="a-highlight"],
[class*="a-heading-highlight"] {
--highlight-primary-text-color: var(--color-brand);
--highlight-primary-border-width: .1875rem;
--highlight-primary-border-color: var(--color-brand-border-primary);
}

[class*="a-highlight-proto"],
[class*="a-heading-highlight-proto"] {
--highlight-primary-text-color: var(--color-white);
--highlight-primary-border-width: .1875rem;
--highlight-primary-border-color: var(--color-white-action);
}

/* @end @variables */

/* @group @a-highlight */

[class*="a-highlight-primary"],
[class*="a-highlight-proto"],
[class*="a-highlight-primero"],
[class*="a-heading-highlight-primary"],
[class*="a-heading-highlight-proto"],
[class*="a-heading-highlight-primero"] {
box-shadow: 0 var(--highlight-primary-border-width) 0 var(--highlight-primary-border-color);
color: var(--highlight-primary-text-color);
}

[class*="a-highlight-primero"] {
font-weight: var(--text-font-weight-bold);
}

[class*="a-heading-highlight"] {
font-size: 1.25rem;
line-height: inherit;
}

/* @end @a-highlight */

/* highlight theme --------------------------------------------------------*/

/* @group @a-realce */

.a-realce-primero,
.a-realce-premier {
background-image: linear-gradient(transparent 60%, var(--color-brand-border-secondary) 0%);
}

.a-realce-segundo,
.a-realce-deuxieme {
background-image: linear-gradient(transparent 60%, var(--color-secondary-border-secondary) 0%);
}

.a-realce-primero,
.a-realce-segundo,
.a-realce-tercero {
font-weight: var(--text-font-weight-bold);
}

.a-realce-proto {
background-image: linear-gradient(transparent 90%, var(--color-white-secondary) 0%);
}

.a-realce-deuxieme {
background-image: linear-gradient(transparent 90%, hsla(324.5, 100%, 40.8%, .75) 0%);
}

/* @end @a-realce */

/* word-break --------------------------------------------------------*/

/* @group @a-word-break */

.a-word-break-primary {word-break: keep-all;}

@media all and (min-width:48em) {
.a-word-break-proto {word-break: keep-all;}
}

@media all and (max-width:47.9375em) {
.a-word-break-primero {word-break: keep-all;}
}

wbr:before {content: "\A";white-space: pre;}

/* @end @a-word-break */

/* @group @a-line-break-primary */

[class*="a-line-break"] {display: inline-block;}

[class*="a-line-break-primary"] {display: block;}

@media all and (min-width:48em) {
[class*="a-line-break-proto"] {display: block;}
}

/* @end @a-line-break-primary */

/* ruby --------------------------------------------------------*/

/* @group @variables */

ruby {
--ruby-place-items: center center;
--ruby-text-font-size: .625rem;
--ruby-line-height: 1.2;
--ruby-text-align: center;
--ruby-text-color: var(--color-darkgray);
}

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

ruby {
--ruby-place-items: left center;
--ruby-text-align: left;
}

}

/* @end @variables */

/* @group @ruby */

ruby {
display: grid;
place-items: var(--ruby-place-items);
grid-template-rows: auto 1fr;
}

rt {
grid-row: 2;
font-size: var(--ruby-text-font-size);
line-height: var(--ruby-line-height);
text-align: var(--ruby-text-align);
color: var(--ruby-text-color);
/*text-align: center;
text-align-last: justify;
text-justify:inter-ideograph;*/
}

/* @end @ruby */