/* Article MainLayout — Figma 317:239 on a 1440 × 3579 canvas.
   Y positions are page coordinates minus the 148px header. */

.article-layout {
	width: min(100% - 32px, 1440px);
	margin: 24px auto 56px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 328px;
	gap: 16px;
	align-items: start;
}

.article-layout__stage {
	position: relative;
	min-width: 0;
	aspect-ratio: 1080 / 3579;
	container-type: inline-size;
	overflow: hidden;
}

.article-layout__canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 1440px;
	height: 3579px;
	transform-origin: top left;
	transform: scale(calc(100cqi / 1080px));
}

@media (max-width: 900px) {
	.article-layout {
		grid-template-columns: minmax(0, 1fr);
		width: min(100% - 20px, 1440px);
	}
}

.article-layout__canvas .svg-asset {
	display: block;
	width: auto;
	height: auto;
	max-width: none;
}

.article-layout__photo {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.post-article__surface {
	position: absolute;
	top: 74px;
	left: 45px;
	width: 1014px;
	height: 3443px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow:
		0 6px 20px rgba(50, 124, 128, 0.14),
		inset 0 1px 2px rgba(255, 255, 255, 0.7);
}

/* Title → image → body → content stack so long titles never overlap the photo. */
.post-article__stack {
	position: absolute;
	top: 136px;
	left: 78px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 964px;
	height: 3300px;
	box-sizing: border-box;
}

.post-article__title {
	width: 100%;
	max-width: 900px;
	margin: 0 0 70px;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 96px;
	font-weight: 500;
	line-height: 1.14;
	text-align: center;
	overflow-wrap: anywhere;
}

.post-article__image {
	flex-shrink: 0;
	width: 100%;
	height: 587px;
	margin: 0 0 54px;
	overflow: hidden;
}

.post-article__eyecatch {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 22px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 3px dashed #60cfd1;
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.2)),
		repeating-linear-gradient(
			-45deg,
			#f4fcfc,
			#f4fcfc 14px,
			#e7f7f7 14px,
			#e7f7f7 28px
		);
	color: #1a6d70;
}

.post-article__eyecatch-corner {
	position: absolute;
	width: 52px;
	height: 52px;
	border: 7px solid #60cfd1;
}

.post-article__eyecatch-corner--tl {
	top: 16px;
	left: 16px;
	border-right: 0;
	border-bottom: 0;
	border-radius: 8px 0 0 0;
}

.post-article__eyecatch-corner--tr {
	top: 16px;
	right: 16px;
	border-left: 0;
	border-bottom: 0;
	border-radius: 0 8px 0 0;
}

.post-article__eyecatch-corner--bl {
	bottom: 16px;
	left: 16px;
	border-top: 0;
	border-right: 0;
	border-radius: 0 0 0 8px;
}

.post-article__eyecatch-corner--br {
	right: 16px;
	bottom: 16px;
	border-top: 0;
	border-left: 0;
	border-radius: 0 0 8px 0;
}

.post-article__eyecatch-mark {
	display: flex;
	color: #60cfd1;
}

.post-article__eyecatch-rule {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	width: min(100% - 160px, 720px);
}

.post-article__eyecatch-line {
	flex: 1;
	height: 3px;
	background: #1a6d70;
}

.post-article__eyecatch-label {
	flex-shrink: 0;
	color: #12383b;
	font-family: Roboto, "Noto Sans JP", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
}

.post-article__body {
	width: 100%;
	margin: 0 0 24px;
	color: #000000;
	font-family: Roboto, "Noto Sans JP", sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 80px;
	text-align: center;
}

.post-article__scroll {
	flex: 1 1 auto;
	min-height: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 2px 16px 48px 2px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	color: #000000;
	font-family: Roboto, "Noto Sans JP", sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.8;
}

.post-article__scroll > * + * {
	margin-top: 28px;
}

.post-article__heading {
	position: relative;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 85px;
	margin: 0;
	border: 2px solid #000000;
	border-radius: 10px;
	background: #ffffff;
	color: #000000;
	font-family: Roboto, "Noto Sans JP", sans-serif;
	font-size: 45px;
	font-weight: 700;
	line-height: 1;
}

.post-article__heading::before {
	content: "";
	position: absolute;
	top: -2px;
	left: -2px;
	width: 30px;
	height: 85px;
	border-radius: 3px;
	background: #60cfd1;
}

.profile-widget__shell {
	position: absolute;
	top: 74px;
	left: 1098px;
	width: 297px;
	height: 396px;
	overflow: hidden;
	border: 3px solid #ffffff;
	border-radius: 200px;
	background-image: radial-gradient(
		ellipse 169px 198px at 50% 50%,
		#e0f7fa 45.673%,
		#acefe5 75%,
		#86dfdb 87.5%,
		#60cfd1 100%
	);
}

.profile-widget__logo-back {
	position: absolute;
	top: 81.178px;
	left: 1205.168px;
}

.profile-widget__logo {
	position: absolute;
	top: 82.663px;
	left: 1206.653px;
	width: 79.2px;
	height: 79.2px;
	overflow: hidden;
	border-radius: 50%;
}

.profile-widget__logo .article-layout__photo {
	position: absolute;
	top: -0.76px;
	left: -0.76px;
	width: 80.72px;
	height: 80.72px;
	max-width: none;
	object-fit: fill;
}

.profile-widget__button {
	position: absolute;
	top: 166px;
	left: 1176px;
	display: block;
	width: 156px;
	height: 36px;
	border-radius: 70px;
}

.profile-widget__button > span {
	position: absolute;
	box-sizing: border-box;
}

.profile-widget__button-outer {
	inset: 0;
	border: 2px solid rgba(233, 255, 255, 0.55);
	border-radius: 70px;
	background-image: linear-gradient(180deg, #f3ffff 0%, #9cb7b8 20%, #526d70 45%, #d9eeee 70%, #344b4d 100%);
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.35);
	opacity: 0.56;
}

.profile-widget__button-base {
	inset: 9.38% 3% 9.37% 3%;
	border: 2px solid rgba(223, 255, 255, 0.45);
	border-radius: 58px;
	background-image: linear-gradient(to left, #122f33 0%, #071c20 45%, #28565a 100%);
	box-shadow:
		inset 0 4px 5px rgba(0, 0, 0, 0.65),
		inset 0 -2px 3px rgba(255, 255, 255, 0.3);
	opacity: 0.8;
}

.profile-widget__button-aqua {
	inset: 15.62% 5% 15.63% 5%;
	border: 1px solid #fff3f3;
	border-radius: 50px;
	background-image: linear-gradient(270deg, #174d53 0%, rgba(44, 158, 163, 0.15) 25%, #62c8c7 50%, #2c9ea3 75%, #174d53 100%);
	box-shadow: inset 0 3px 5px rgba(6, 43, 48, 0.5);
}

.profile-widget__button-glass {
	inset: 30.39% 9% 43.36% 9%;
	border-radius: 21px;
	background-image: linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(223, 255, 255, 0.12) 60%, rgba(255, 255, 255, 0) 100%);
	filter: blur(1.5px);
	opacity: 0.55;
}

.profile-widget__button-line {
	inset: 22% 17.48% 74.25% 14.52%;
	border: 1px solid #fff3f3;
	border-radius: 3px;
	background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 10%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 100%);
	filter: blur(0.5px);
	opacity: 0.75;
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.profile-widget__button-label {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	color: #07343a;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

.profile-widget__panel {
	position: absolute;
	top: 207px;
	left: 1134.726px;
}

.profile-widget__plate {
	position: absolute;
	top: 223.932px;
	left: 1172.316px;
}

.profile-widget__user {
	position: absolute;
	top: 222.32px;
	left: 1172.316px;
}

.profile-widget__name {
	position: absolute;
	top: 227.561px;
	left: 1195.699px;
	margin: 0;
	color: #176d73;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 9.676px;
	font-weight: 700;
	line-height: 1.5;
}

.profile-widget__return-label {
	position: absolute;
	top: 245.3px;
	left: 1247.707px;
	margin: 0;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 8.063px;
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
}

.profile-widget__lever {
	position: absolute;
	top: 237.636px;
	left: 1309.034px;
}

.profile-widget__hand {
	position: absolute;
	top: 255.38px;
	left: 1246.5px;
}

.profile-widget__guide {
	position: absolute;
	top: 360.102px;
	left: 1203.446px;
	transform: rotate(180deg);
}

.profile-widget__return-arrow {
	position: absolute;
	top: 268.08px;
	left: 1286.3px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34.487px;
	height: 36.284px;
}

.article-layout__canvas .profile-widget__return-arrow img {
	display: block;
	width: 30.4897px;
	height: 22.9841px;
	max-width: none;
	transform: rotate(54.71deg);
}

.profile-widget__screen {
	position: absolute;
	top: 267.47px;
	left: 1158.61px;
	width: 73.778px;
	height: 37.091px;
	margin: 0;
	border: 1.209px solid rgba(244, 243, 237, 0.2);
	border-radius: 7.257px;
	background-image: linear-gradient(180deg, #111615 0%, #303735 50%, #161b1a 100%);
	box-shadow: 0 0.806px 1.613px rgba(0, 0, 0, 0.25);
	color: #70ff45;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 8.063px;
	font-weight: 700;
	line-height: 1.5;
}

.profile-widget__screen span {
	position: absolute;
	top: 4.84px;
	left: 37.09px;
}

.profile-widget__bill {
	position: absolute;
	top: 327.544px;
	left: 1167.075px;
	width: 79.422px;
	height: 72.165px;
	border: 0.605px solid #626a6d;
	border-radius: 3.225px;
	background-image: linear-gradient(180deg, #353a3c 0%, #1c2021 50%, #090b0c 100%);
	box-shadow:
		0 2.822px 4.032px rgba(0, 0, 0, 0.22),
		inset 0 0.806px 1.209px rgba(0, 0, 0, 0.12);
}

.profile-widget__bill-light {
	position: absolute;
	top: 341.252px;
	left: 1173.929px;
	width: 65.312px;
	height: 24.19px;
	border-radius: 2.016px;
	background-image: linear-gradient(180deg, #ffe0a3 0%, #edc17c 50%, #c28a49 100%);
	box-shadow:
		0 1.209px 1.613px rgba(0, 0, 0, 0.22),
		inset 0 -1.209px 1.613px rgba(117, 73, 30, 0.25),
		inset 0 0.806px 1.209px rgba(0, 0, 0, 0.3);
}

.profile-widget__bill-plate {
	position: absolute;
	top: 338.03px;
	left: 1173.93px;
	width: 65.312px;
	height: 58.861px;
	border-radius: 2.016px;
	background-image: linear-gradient(180deg, #686e70 0%, #3e4345 100%);
	box-shadow: 0 0.806px 1.209px rgba(0, 0, 0, 0.3);
	opacity: 0.3;
}

.profile-widget__bill-guide,
.profile-widget__bill-mechanism {
	position: absolute;
	left: 1173.93px;
	box-sizing: border-box;
	width: 65.312px;
	background-repeat: no-repeat;
	background-size: 2.016px 100%;
	background-position: 8.466px 0, 18.545px 0, 45.154px 0, 55.233px 0, 0 0;
}

.profile-widget__bill-guide {
	top: 338.03px;
	height: 3.225px;
	background-image:
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(#e2e2e2, #e2e2e2);
	background-size: 2.016px 100%, 2.016px 100%, 2.016px 100%, 2.016px 100%, 100% 100%;
}

.profile-widget__bill-mechanism {
	top: 371.49px;
	height: 22.98px;
	border: 0.403px solid #000000;
	background-image:
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(#2c2929, #2c2929),
		linear-gradient(180deg, #555b5d 0%, #a5aaac 15%, #858a8c 75%, #555a5c 100%);
	background-size: 2.016px 100%, 2.016px 100%, 2.016px 100%, 2.016px 100%, 100% 100%;
	background-origin: border-box;
	box-shadow:
		inset 0 -1.209px 1.209px rgba(0, 0, 0, 0.3),
		inset 0 2.016px 2.419px rgba(0, 0, 0, 0.4);
}

.profile-widget__bill-slot {
	position: absolute;
	top: 341.252px;
	left: 1182.395px;
	width: 48.782px;
	height: 18.142px;
	border-radius: 2.016px;
	background-image: linear-gradient(180deg, #020303 0%, #101314 55%, #272c2e 100%);
	box-shadow:
		0 -0.806px 0.403px rgba(0, 0, 0, 0.3),
		inset 0 1.209px 1.209px rgba(0, 0, 0, 0.75);
}

.profile-widget__bill-label {
	position: absolute;
	top: 344.477px;
	left: 1184.411px;
	margin: 0;
	color: #f7f8f8;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 9.676px;
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
}

.profile-widget__coin {
	position: absolute;
	width: 10.272px;
	height: 10.272px;
}

.profile-widget__coin img {
	display: block;
	width: 10.2725px;
	height: 10.2725px;
	max-width: none;
}

.profile-widget__coin span {
	position: absolute;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 4.032px;
	font-weight: 700;
	line-height: normal;
	white-space: nowrap;
}

.profile-widget__coin--500 { top: 229.58px; left: 1313.42px; }
.profile-widget__coin--500 span { top: 2.42px; left: 0.81px; }
.profile-widget__coin--100 { top: 226.75px; left: 1323.1px; }
.profile-widget__coin--100 span { top: 2.83px; left: 1.21px; }
.profile-widget__coin--50 { top: 226.75px; left: 1333.18px; }
.profile-widget__coin--50 span { top: 2.83px; left: 2.42px; }
.profile-widget__coin--10 { top: 229.58px; left: 1343px; }
.profile-widget__coin--10 span { top: 2.42px; left: 3px; }

.sidebar-search {
	position: absolute;
	top: 511px;
	left: 1104px;
	width: 291px;
	height: 102px;
	border: 1px solid #000000;
	border-radius: 10px;
	background: #ffffff;
}

.sidebar-search__bar {
	position: absolute;
	top: 25px;
	left: 16px;
	display: flex;
	align-items: center;
	width: 259px;
	height: 52px;
	padding: 0 8px 0 6px;
	border: 1px solid #000000;
	border-radius: 5px;
	background: #ececec;
}

.sidebar-search__input {
	width: 100%;
	border: 0;
	background: transparent;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
}

.sidebar-search__input:focus {
	outline: none;
}

.sidebar-search__button {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 1px solid #000000;
	background: transparent;
	cursor: pointer;
}

.sidebar-search__button img {
	display: block;
	width: 28px;
	height: 28px;
	max-width: none;
	object-fit: cover;
}

.recent-posts__wave,
.category-cards__wave {
	position: absolute;
	pointer-events: none;
}

.category-cards__wave {
	overflow: visible;
}

.recent-posts__wave {
	top: 635px;
	left: 1076px;
	width: 316.667px;
	height: 168px;
	overflow: visible;
}

.recent-posts__wave .article-layout__photo {
	object-fit: contain;
}

.post-archive__palm .article-layout__photo,
.post-archive__hibiscus .article-layout__photo,
.category-cards__wave .article-layout__photo,
.recent-posts__wave .article-layout__photo {
	filter: drop-shadow(5px 8px 3px rgba(0, 0, 0, 0.45));
}

.recent-posts__panel {
	position: absolute;
	top: 704px;
	left: 1081px;
}

.recent-posts__panel .svg-asset {
	filter: drop-shadow(-8px 0 10px rgba(30, 80, 90, 0.28));
}

.recent-posts__title,
.category-cards__title {
	position: absolute;
	margin: 0;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.5;
	white-space: nowrap;
}

.recent-posts__title {
	top: 897px;
	left: 1155px;
}

.recent-card {
	position: absolute;
	left: 1119px;
	width: 231px;
	height: 238px;
	overflow: hidden;
	border-radius: 5px;
	background-image: linear-gradient(
		to top,
		#60cfd1 72.073%,
		rgba(160, 238, 240, 0.8) 86.036%,
		#ffffff 100%
	);
	box-shadow: inset 0 4px 4px #ffffff;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}

.recent-card:nth-child(1) { top: 1084px; }
.recent-card:nth-child(2) { top: 1372px; }
.recent-card:nth-child(3) { top: 1660px; }

.recent-card__thumb {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 49.58%;
	border-radius: 10px;
	background: #ffffff;
}

.recent-card__title {
	position: absolute;
	top: 57.98%;
	right: 24.24%;
	bottom: 16.81%;
	left: 12.12%;
	line-height: 1.5;
}

.category-cards__wave {
	top: 1899px;
	left: 1085px;
	width: 313.163px;
	height: 158px;
}

.category-cards__panel {
	position: absolute;
	top: 1978px;
	left: 1085px;
	width: 308px;
	height: 677px;
	transform: rotate(180deg);
}

.category-cards__panel .svg-asset,
.post-archive__panel .svg-asset {
	filter: drop-shadow(8px 0 10px rgba(30, 80, 90, 0.28));
}

.category-cards__title {
	top: 2130px;
	left: 1159px;
	color: #000000;
}

.circular-card {
	position: absolute;
	width: 103px;
	height: 103px;
	border-radius: 5px;
	background-image: linear-gradient(
		to top,
		#60cfd1 72.073%,
		rgba(160, 238, 240, 0.8) 86.036%,
		#ffffff 100%
	);
	box-shadow: inset 0 4px 4px #ffffff;
}

.circular-card__face {
	position: absolute;
	inset: 0;
	border: 2px solid #ff8e04;
	border-radius: 200px;
	background: #ffffff;
}

.circular-card__label {
	position: absolute;
	right: 17.48%;
	bottom: 16.5%;
	left: 17.48%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 17px;
	border: 1px solid #000000;
	border-radius: 200px;
	background-image: radial-gradient(circle at 50% 50%, #d9d9d9 0%, #a6a6a6 50%, #8c8c8c 75%, #737373 100%);
	color: blue;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
}

.circular-card--1 { top: 2225px; left: 1126px; }
.circular-card--2 { top: 2225px; left: 1249px; }
.circular-card--3 { top: 2348px; left: 1126px; }
.circular-card--4 { top: 2348px; left: 1249px; }
.circular-card--5 { top: 2471px; left: 1126px; }
.circular-card--6 { top: 2471px; left: 1249px; }

.post-archive__panel {
	position: absolute;
	top: 2780px;
	left: 1082px;
	width: 308px;
	height: 619px;
	transform: rotate(180deg);
}

.post-archive__panel .svg-asset {
	position: absolute;
	top: 0;
	left: -4px;
}

.post-archive__palm {
	position: absolute;
	top: 2674px;
	left: 1071px;
	width: 326px;
	height: 173px;
	overflow: visible;
}

.post-archive__hibiscus {
	position: absolute;
	top: 3265px;
	left: 1082px;
	width: 312px;
	height: 151px;
	overflow: visible;
}

/* ArchiveHeading — Figma 45:53 (159 × 48 at x:1166, y:3090) */
.archive-heading {
	position: absolute;
	top: 2942px;
	left: 1166px;
	width: 159px;
	height: 48px;
	margin: 0;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.5;
	white-space: nowrap;
	word-break: break-word;
}

.post-archive__item {
	position: absolute;
	left: 1113px;
	width: 264px;
	height: 45px;
	color: #000000;
	font-family: Inter, "Noto Sans JP", sans-serif;
	font-weight: 500;
	line-height: 1.5;
	white-space: nowrap;
}

.post-archive__item:nth-child(1) { top: 3070px; }
.post-archive__item:nth-child(2) { top: 3100px; }
.post-archive__item:nth-child(3) { top: 3130px; }
.post-archive__item:nth-child(4) { top: 3160px; }
.post-archive__item:nth-child(5) { top: 3190px; }
.post-archive__item:nth-child(6) { top: 3220px; }
.post-archive__item:nth-child(7) { top: 3250px; }

.post-archive__rule {
	display: block;
	font-size: 15px;
}

.post-archive__date {
	display: block;
	margin-top: -6px;
	padding-left: 30px;
	color: #000000;
	font-size: 20px;
}

.post-index {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.post-index__heading {
	margin: 0;
	color: #176d73;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}

.post-article__title a {
	color: inherit;
	text-decoration: none;
}

.post-index__pager .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.post-index__pager .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 4px 12px;
	border: 2px solid #60cfd1;
	border-radius: 999px;
	background: #ffffff;
	color: #176d73;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	text-decoration: none;
}

.post-index__pager .page-numbers.current {
	background: #60cfd1;
	color: #ffffff;
}