@charset "UTF-8";

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

	ページ専用設定

---------------------------------------- */
/*
	セクション
*/
#otsukiAcademicSociety {
	.list {
		margin-top: var(--pd-vItem);
		padding: var(--pd-vSmall) 0;
		border: 1px var(--cl-gry02);
		border-style: solid none;
		font-size: var(--fs-smaller);
		line-height: var(--lh-small);

		.item {
			padding-left: 1.0em;
			text-indent: -1.0em;

			&::before {
				content: '・';
			}
		}
	}

	.link {
		width: fit-content;
		margin: var(--pd-vSmall) 0 0 auto;
	}
}


#otsukiConference {
	.list {
		margin-top: var(--pd-vItem);
		padding-bottom: var(--pd-vSmall);
		border-bottom: 1px solid var(--cl-gry02);
		font-size: var(--fs-smaller);
		line-height: var(--lh-small);

		.conference {
			padding-top: var(--pd-vSmall);
			border-top: 1px solid var(--cl-gry02);
			font-weight: var(--fw-medium);
		}

		.title {
			margin-top: var(--pd-vSmall);

			+ .conference {
				margin-top: var(--pd-vSmall);
			}
		}
	}
}


#otsukiBook {
	.list {
		margin-top: var(--pd-vItem);
		border-bottom: 1px solid var(--cl-gry02);

		.item {
			display: grid;
			grid-template-columns: auto 1fr;
			grid-template-rows: auto 1fr;
			gap: var(--pd-vSmall) 14px;
			padding: var(--pd-vSmall) 0;
			border-top: 1px solid var(--cl-gry02);
		}

		.title {
			grid-column: 2;
			grid-row: 1;
			font-size: var(--fs-smaller);
			font-weight: var(--fw-medium);
			line-height: var(--lh-small);
		}

		.image {
			grid-column: 1;
			grid-row: 1 / 3;
			width: 90px;
			aspect-ratio: 90 / 129;
			border: 1px solid var(--cl-gry02);
		}

		.details {
			grid-column: 2;
			grid-row: 2;
			align-self: end;
			color: var(--cl-gry01);
			font-size: var(--fs-small);
			line-height: 1.5;
		}
	}
}


#otsukiReport {
	.year,
	.reports .title {
		font-size: var(--fs-smaller);
		font-weight: var(--fw-medium);
		line-height: var(--lh-small);
	}

	.year {
		margin-top: var(--pd-vItem);
	}

	.reports {
		.title {
			margin-top: var(--pd-vSmall);
			padding-top: var(--pd-vSmall);
			border-top: 1px solid var(--cl-gry02);
		}

		.author,
		.book {
			color: var(--cl-gry01);
			font-size: var(--fs-small);
			line-height: var(--lh-small);
		}

		.author {
			margin-top: var(--pd-vSmall);
		}

		.link {
			width: fit-content;
			margin: var(--pd-vSmall) 0 0 auto;
		}
	}
}