/* @group @variables */

[class*="m-repeter-column"] {
--repeter-column-gap: 3rem;
}

/* @end @variables */

/* @group @m-repeter-column */

[class*="m-repeter-column"] {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--repeter-column-gap);
}

/* @end @m-repeter-column */

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

/* @group @variables */

/* 
タブレット以上で画像が右か左かを選択（ラジオボタン）
（今回実装なし）右に画像がるときにテキストが右寄せ（ラジオボタン）
 */
[class*="m-repeter-column"] {
--column-grid-columns: repeat(1, 1fr);
--column-body-grid-column: 1;
--column-body-grid-row: 1;
--column-media-grid-column: 1;
--column-media-grid-row: 2;
--column-gap: 2.25rem;
}

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

[class*="m-repeter-column"] {
--column-grid-columns: 1fr 1fr 1fr 2.25rem 1fr 1fr;
--column-grid-rows: 1.5rem 1fr 2.25rem 1.5rem;
--column-gap: .75rem;
--column-body-grid-column: 1 / 5;
--column-body-grid-row: 1 / 4;
--column-media-grid-column: 4 / 7;
--column-media-grid-row: 2 / 5;
--column-body-padding: 1.5rem;
}

[class*="m-repeter-column-primary"]>div:nth-of-type(2n),
[class*="m-repeter-column-proto"]>div:nth-of-type(2n+1) {
--column-grid-columns: 1fr 1fr 2.25rem 1fr 1fr 1fr;
--column-body-grid-column: 3 / 7;
--column-media-grid-column: 1 / 4;
}

}

/* @end @variables */

/* @group @variables */

[class*="m-repeter-column"] {
--heading-2-margin-bottom: 0;
--heading-2-font-family: var(--font-family-default);
--heading-2-font-size: 1.5rem;
--heading-2-line-height: 1.5;
--heading-2-font-weight: var(--text-font-weight-bold);
--heading-2-word-break: keep-all;

--heading-3-margin-bottom: 0;
--heading-3-font-family: var(--font-family-default);
--heading-3-font-size: 1.5rem;
--heading-3-line-height: 1.5;
--heading-3-font-weight: var(--text-font-weight-bold);
--heading-3-word-break: keep-all;
}

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

[class*="m-repeter-column"] {
--heading-2-text-align: center;
--heading-3-text-align: center;
}

}

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

[class*="m-repeter-column"] {
--heading-2-font-size: 1.875rem;
--heading-2-line-height: 1.333333333;
--heading-3-font-size: 1.875rem;
--heading-3-line-height: 1.333333333;
}

}

/* @end @variables */

/* @group @column-theme */

[class*="m-column-theme"] {
display: grid;
grid-template-columns: var(--column-grid-columns);
grid-template-rows: var(--column-grid-rows);
gap: var(--column-gap);
align-items: start;
width: 100%;
max-width: var(--inner-thrust-max-width);
margin-right: var(--inner-thrust-push);
margin-left: var(--inner-thrust-push);
direction: var(--column-direction);

}

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

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

/* @end @column-theme */

/* @section-media --------------------------------------------------------*/

/* @group @variables */

/* 画像の位置変更でクラス変更 */
[class*="a-column-media"] {
--object-fit: cover;
--object-position: var(--object-position-novenary);
}

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

[class*="a-column-media"] {
--column-media-width: 100%;
--column-media-height: 100%;
}

}

/* @end @variables */

/* @group @a-column-media */

[class*="a-column-media"] {
position: relative;
z-index: 1;
overflow: hidden;
width: var(--column-media-width);
height: var(--column-media-height);
object-fit: var(--object-fit);
object-position: var(--object-position);
}

[class*="a-column-media"] img {
width: var(--column-media-width);
height: var(--column-media-height);
object-fit: var(--object-fit);
object-position: var(--object-position);
}

/* @end @a-column-media */

/* @section-body --------------------------------------------------------*/

/* @group @variables */

[class*="m-column-body"] {
--column-body-gap: 1.125rem;
--column-contents-gap: .75rem;
--text-block-margin-bottom: 0;
--column-background-color: var(--color-white);
}

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

[class*="m-column-body"] {
--column-body-align-content: center;
--column-body-height: 100%;
--column-body-box-shadow: 0 0 0 1px var(--color-brand);
}

}

/* @end @variables */

/* @group @m-column-body */

[class*="m-column-body"] {
box-sizing: border-box;
position: relative;
z-index: 2;
display: grid;
align-content: var(--column-body-align-content);
grid-template-columns: repeat(1, 1fr);
gap: var(--column-body-gap);
height: var(--column-body-height);
padding: var(--column-body-padding);
background-color: var(--column-background-color);
box-shadow: var(--column-body-box-shadow);
}

/* @end @m-column-body */