@charset "utf-8";

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

一覧

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

.news_list {
	border-top: 1px solid #ccc;
}

.news_item {
	display: flex;
	gap: 15px;
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}

.news_item dt {
	flex-shrink: 0;
}

.wp-pagenavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 50px;
}

.wp-pagenavi a {
	text-decoration: underline;
	transition: .2s linear;
}

.wp-pagenavi a:hover {
	opacity: .7;
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

.wp-pagenavi .page,
.wp-pagenavi .current {
	min-width: 30px;
	border: 1px solid #000;
}

.wp-pagenavi .current {
	color: #fff;
	background-color: #000;
}

.wp-pagenavi .nextpostslink {}

.wp-pagenavi .previouspostslink {}



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

詳細

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

/* カラーパレット */
:root {
	--color-white: #fff;
	--color-blue: #153A9D;
	--color-red: #C63F3F;
	--color-yellow: #ffea00;
	--color-orange: #ed6e1c;
}

.has-white-color {
	color: var(--color-white);
}

.has-white-background-color {
	background-color: var(--color-white);
}

.has-blue-color {
	color: var(--color-blue);
}

.has-blue-background-color {
	background-color: var(--color-blue);
}

.has-red-color {
	color: var(--color-red);
}

.has-red-background-color {
	background-color: var(--color-red);
}

.has-yellow-color {
	color: var(--color-yellow);
}

.has-yellow-background-color {
	background-color: var(--color-yellow);
}

.has-orange-color {
	color: var(--color-orange);
}

.has-orange-background-color {
	background-color: var(--color-orange);
}


.has-small-font-size {
	font-size: .875em;
}

.has-medium-font-size {
	font-size: 1.125em;
}

.has-large-font-size {
	font-size: 1.5em;
}

.has-x-large-font-size {
	font-size: 2em;
}


.news_content {}

.news_content > * {
	margin-top: 10px;
}

.news_content a {
	color: #153A9D;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	transition: .2s linear;
}

.news_content a:hover {
	opacity: .7;
}

.news_content figure img {
	max-width: 100%;
	height: auto;
}

.news_content p.has-background {
	padding: 0 5px;
}


.has-text-align-left,
.alignleft {
	text-align: left;
}

.has-text-align-center,
.aligncenter {
	text-align: center;
}

.has-text-align-right,
.alignright {
	text-align: right;
}