/* ==========================================================================
   add.css - 追加・テスト用
   ========================================================================== */

header > div,
footer > div {
	padding: 1rem;
}

:root {
	--gc-1: #d3381c;
	--gc-2: #ee7800;
	--gc-3: #f8b500;
	--gc-4: #a5d16d;
	--gc-5: #7dbe3c;
	--gc-6: #bce2e8;
	--gc-7: #0f4c81;
	--gc-8: #77428d;
	--gc-9: #f09199;
	--gc-10: #6f4b3e;
	--gc-11: #bdc0ba;
	--gc-12: #595857;
}

.wp-block-site-title {
	font-size: 16px;
}
main > section > div {
	border-left-width: 2px;
}

main > section:first-of-type > div {
	border-left-color: var(--gc-1);
	.wp-block-heading {color: var(--gc-1);}
}

main > section:nth-of-type(2) > div {
	border-left-color: var(--gc-2);
	.wp-block-heading {color: var(--gc-2);}
}

main > section:nth-of-type(3) > div {
	border-left-color: var(--gc-3);
	.wp-block-heading {color: var(--gc-3);}
}

main > section:nth-of-type(4) > div {
	border-left-color: var(--gc-4);
	.wp-block-heading {color: var(--gc-4);}
}

main > section:nth-of-type(5) > div {
	border-left-color: var(--gc-5);
	.wp-block-heading {color: var(--gc-5);}
}

main > section:nth-of-type(6) > div {
	border-left-color: var(--gc-6);
	.wp-block-heading {color: var(--gc-6);}
}

main > section:nth-of-type(7) > div {
	border-left-color: var(--gc-7);
	.wp-block-heading {color: var(--gc-7);}
}

main > section:nth-of-type(8) > div {
	border-left-color: var(--gc-8);
	.wp-block-heading {color: var(--gc-8);}
}

main > section:nth-of-type(9) > div {
	border-left-color: var(--gc-9);
	.wp-block-heading {color: var(--gc-9);}
}

main > section:nth-of-type(10) > div {
	border-left-color: var(--gc-10);
	.wp-block-heading {color: var(--gc-10);}
}

main > section:nth-of-type(11) > div {
	border-left-color: #fff;
	.wp-block-heading {color: #fff;}
}

main > section:last-of-type > div {
	border-left-color: var(--gc-12);
	.wp-block-heading {color: var(--gc-12);}
}

.top-btns {
	padding: 0 !important;
	gap: 0;
}

.top-btns .wp-block-button {
	width: calc(100% / 12);
}

.top-btns .wp-block-button a.wp-block-button__link {
	border-radius: 0;
}

.top-btns .wp-block-button a.wp-block-button__link:hover {
  transform: translateY(0);
}

.page-top-nav {
	bottom: 0.5rem !important;
}