/*
 * DN Core 旧ブロックの表示（blockcompat）— 土台
 *
 * Snow Monkey Blocks 26.0.3 が全ページに読み込んでいた fallback.css（sass-basis）と blocks.css のうち、
 * 自社サイトの保存済みブロックが実際に使っている部分だけを写したもの。
 *   ・寸法の変数（--_margin* / --_padding* / --_s* / 文字の大きさの段）
 *   ・.c-container（ブロックの中の幅の箱）／.c-row（お客様の声の段組み）
 * 🛑 値は SMB の配布物（dist/css/fallback.css・dist/css/blocks.css）と同じ式。
 *    計算の式に見える「+ var(--_msN)*0.28125」も SMB の出力どおり（ここを「直す」と寸法がずれる）。
 * 🛑 このファイルは、本文に旧ブロックがあるページだけで読み込む。
 */
:root {
	--_global--background-color: #0000;
	--_global--border-radius: 3px;
	--_color-black: #111;
	--_color-gray: #999;
	--_dark-color-gray: #666;
	--_darker-color-gray: #444;
	--_darkest-color-gray: #3b3b3b;
	--_light-color-gray: #ccc;
	--_lighter-color-gray: #eee;
	--_lightest-color-gray: #f7f7f7;
	--_color-text: #333;
	--_color-white: #fff;
	--_global--container-margin: var(--_s1);
	--_global--container-max-width: 1280px;
	--_global--transition-duration: .2s;
	--_global--transition-function-timing: ease-out;
	--_global--transition-delay: 0s;
	--_half-leading: 0.3;
	--_global--line-height: calc(1 + var(--_half-leading)*2);
	--_margin-scale: 1;
	--_space-unitless: var(--_global--line-height);
	--_space: calc(var(--_global--line-height)*1rem);
	--_harmonic-sequence-base: 8;
	--_min-harmonic-sequence-base: 9;
	--_max-harmonic-sequence-base: var(--_harmonic-sequence-base);
	--_line-height-slope: -0.16666;
	--_font-size-level: 0;
	--_ms-2: calc(var(--_space-unitless)/3*1);
	--_ms-1: calc(var(--_space-unitless)/3*2);
	--_ms0: 0rem;
	--_ms1: calc(var(--_space-unitless)/3*3);
	--_ms2: calc(var(--_space-unitless)/3*5);
	--_ms3: calc(var(--_space-unitless)/3*8);
	--_ms4: calc(var(--_space-unitless)/3*13);
	--_ms5: calc(var(--_space-unitless)/3*21);
	--_ms6: calc(var(--_space-unitless)/3*34);
	--_ms7: calc(var(--_space-unitless)/3*55);
	--_s-2: calc(var(--_ms-2)*1rem);
	--_s-1: calc(var(--_ms-1)*1rem);
	--_s0: 0rem;
	--_s1: calc(var(--_ms1)*1rem);
	--_s2: clamp(calc(var(--_ms1) + var(--_ms2)*0.28125) * 1rem, calc(((var(--_ms2) - var(--_ms1) + var(--_ms2)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms2)*0.28125)*1rem + (var(--_ms2) - var(--_ms1) + var(--_ms2)*0.28125)/57.5*100vw), var(--_ms2) * 1rem);
	--_s3: clamp(calc(var(--_ms1) + var(--_ms3)*0.28125) * 1rem, calc(((var(--_ms3) - var(--_ms1) + var(--_ms3)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms3)*0.28125)*1rem + (var(--_ms3) - var(--_ms1) + var(--_ms3)*0.28125)/57.5*100vw), var(--_ms3) * 1rem);
	--_s4: clamp(calc(var(--_ms1) + var(--_ms4)*0.28125) * 1rem, calc(((var(--_ms4) - var(--_ms1) + var(--_ms4)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms4)*0.28125)*1rem + (var(--_ms4) - var(--_ms1) + var(--_ms4)*0.28125)/57.5*100vw), var(--_ms4) * 1rem);
	--_s5: clamp(calc(var(--_ms1) + var(--_ms5)*0.28125) * 1rem, calc(((var(--_ms5) - var(--_ms1) + var(--_ms5)*0.28125)/57.5*-22.5 + var(--_ms1) + var(--_ms5)*0.28125)*1rem + (var(--_ms5) - var(--_ms1) + var(--_ms5)*0.28125)/57.5*100vw), var(--_ms5) * 1rem);
	--_margin-2: calc(var(--_s-2)*var(--_margin-scale));
	--_margin-1: calc(var(--_s-1)*var(--_margin-scale));
	--_margin0: 0rem;
	--_margin1: calc(var(--_s1)*var(--_margin-scale));
	--_margin2: calc(var(--_s2)*var(--_margin-scale));
	--_margin3: calc(var(--_s3)*var(--_margin-scale));
	--_padding-2: var(--_s-2);
	--_padding-1: var(--_s-1);
	--_padding0: 0rem;
	--_padding1: var(--_s1);
	--_padding2: var(--_s2);
	--_padding3: var(--_s3);
	--_padding4: var(--_s4);
}

/*
 * 文字の大きさの段（--_font-size-level を変えた要素ごとに計算し直す必要があるので * に置く）と box-sizing。
 * 🛑 SMB の fallback.css と同じく全要素に効かせる。このファイルは旧ブロックのあるページでしか読まないので、
 *    「SMB が有効だったときのそのページ」と同じ状態になる（SWELL は元から border-box なので見た目は変わらない）。
 */
* {
	--_font-size: calc(var(--_harmonic-sequence-base)/(var(--_harmonic-sequence-base) - var(--_font-size-level))*1rem);
	--_line-height: clamp(1.1, var(--_line-height-slope) * calc(var(--_harmonic-sequence-base)/(var(--_harmonic-sequence-base) - var(--_font-size-level))) + 1 + 2 * var(--_half-leading) + -1 * var(--_line-height-slope), 2 * var(--_half-leading) + 1);
	--_fluid-font-size: clamp(1rem * calc(var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level))), calc((var(--_max-harmonic-sequence-base)/(var(--_max-harmonic-sequence-base) - var(--_font-size-level))/57.5*-22.5 - var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level))/57.5*-22.5 + var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level)))*1rem + (var(--_max-harmonic-sequence-base)/(var(--_max-harmonic-sequence-base) - var(--_font-size-level))/57.5 - var(--_min-harmonic-sequence-base)/(var(--_min-harmonic-sequence-base) - var(--_font-size-level))/57.5)*100vw), 1rem * calc(var(--_max-harmonic-sequence-base)/(var(--_max-harmonic-sequence-base) - var(--_font-size-level))));
	box-sizing: border-box;
}
:before, :after {
	box-sizing: inherit;
}

/* 幅の箱（sass-basis .c-container） */
.c-container, .c-fluid-container {
	--_container-margin: var(--_global--container-margin);
	--_container-margin-right: calc(var(--_container-margin) + env(safe-area-inset-right));
	--_container-margin-left: calc(var(--_container-margin) + env(safe-area-inset-left));
	flex-grow: 1;
	box-sizing: initial;
	padding-right: var(--_container-margin-right);
	padding-left: var(--_container-margin-left);
	width: auto;
	max-width: 100%;
	min-width: 0;
}
.c-container {
	--_container-max-width: var(--_global--container-max-width);
	margin-right: auto;
	margin-left: auto;
	max-width: var(--_container-max-width);
}
.c-container--no-padding { padding-right: 0 !important; padding-left: 0 !important; }

/* 段組み（sass-basis .c-row ＋ SMB blocks.css の data-*-columns） */
.c-row {
	--_gap: 0px;
	--_item-width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-right: calc(var(--_gap)*.5*-1);
	margin-left: calc(var(--_gap)*.5*-1);
	margin-bottom: calc(var(--_gap)*-1);
}
.c-row > .c-row__col { padding-right: calc(var(--_gap)*.5); padding-left: calc(var(--_gap)*.5); margin-bottom: var(--_gap); }
.c-row__col { flex: 0 0 var(--_item-width); max-width: var(--_item-width); }
.c-row--margin { --_gap: var(--_margin1); }
.c-row--margin-s { --_gap: var(--_margin-1); }
.c-row--margin-l { --_gap: var(--_margin2); }
.c-row--collapse { --_gap: 0px; }
.c-row[data-columns="1"] { --_item-width: 100%; }
.c-row[data-columns="2"] { --_item-width: 50%; }
.c-row[data-columns="3"] { --_item-width: 33.3333333333%; }
.c-row[data-columns="4"] { --_item-width: 25%; }
.c-row[data-columns="5"] { --_item-width: 20%; }
.c-row[data-columns="6"] { --_item-width: 16.6666666667%; }
@media (min-width: 640px) {
	.c-row[data-md-columns="1"] { --_item-width: 100%; }
	.c-row[data-md-columns="2"] { --_item-width: 50%; }
	.c-row[data-md-columns="3"] { --_item-width: 33.3333333333%; }
	.c-row[data-md-columns="4"] { --_item-width: 25%; }
	.c-row[data-md-columns="5"] { --_item-width: 20%; }
	.c-row[data-md-columns="6"] { --_item-width: 16.6666666667%; }
}
@media (min-width: 1024px) {
	.c-row[data-lg-columns="1"] { --_item-width: 100%; }
	.c-row[data-lg-columns="2"] { --_item-width: 50%; }
	.c-row[data-lg-columns="3"] { --_item-width: 33.3333333333%; }
	.c-row[data-lg-columns="4"] { --_item-width: 25%; }
	.c-row[data-lg-columns="5"] { --_item-width: 20%; }
	.c-row[data-lg-columns="6"] { --_item-width: 16.6666666667%; }
}
@media (min-width: 1280px) {
	.c-row[data-xl-columns="1"] { --_item-width: 100%; }
	.c-row[data-xl-columns="2"] { --_item-width: 50%; }
	.c-row[data-xl-columns="3"] { --_item-width: 33.3333333333%; }
	.c-row[data-xl-columns="4"] { --_item-width: 25%; }
	.c-row[data-xl-columns="5"] { --_item-width: 20%; }
	.c-row[data-xl-columns="6"] { --_item-width: 16.6666666667%; }
}