@charset "UTF-8";
@import url('https: //fonts.googleapis.com/css2?family=Cinzel&family=Zen+Old+Mincho:wght@500;600&display=swap');

html {
	/* font-size: 62.5%; */
	/* ブラウザ既定16px × 62.5% = 10px → 1rem = 10px */
	/* 
	html,body 以外の個所ではfont-sizeは下記の用にremで指定
	14px = 1.4rem
	15px = 1.5rem
	16px = 1.6rem
	17px = 1.7rem 
	*/
}

:root {
	--color-body: #000;
	--color-primary: #3E4888;
	--color-secondary: #29ABE2;
	--color-accent: #CCE9F8;

	--font-serif: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "MS PMincho", "Times New Roman", serif;
	--font-yu_gothic: YuGothic, "Noto Sans JP", sans-serif;
	--font-cinzel: "Cinzel", serif;
	--font-mincho: "Zen Old Mincho", serif;

	--h3-left-inset: 24px;
}

.editlink {
	a {
		color: #000;
	}
}

/* ==================================================== */

/* NEWS */
.news-list {
	li {
		display: flex;
		gap: 20px;
		color: #000;
		position: relative;

		&:not(:last-child) {
			margin-bottom: 17px;
		}

		time {
			display: block;
			width: 145px;
		}

		.titles {

			a {
				color: #000;
				font-weight: bold;
				text-decoration: underline !important;
				text-underline-offset: 5px;
				text-decoration-thickness: 0.2px !important;
			}
		}

		.detail {
			flex: 1;
		}

		a {
			text-decoration: none !important;

			&:hover {
				filter: alpha(opacity=60);

				/* IE 6,7*/
				-ms-filter: "alpha(opacity=60)";

				/* IE 8,9 */
				-moz-opacity: 0.6;

				/* FF , Netscape */
				-khtml-opacity: 0.6;

				/* Safari 1.x */
				opacity: 0.6;
				zoom: 1;

				/*IE*/
			}
		}
	}
}

.news-singlebox {
	color: #000;

	.titles {
		font-size: 150%;
		font-weight: bold;
		color: var(--color-primary);
		margin-bottom: 15px;
		border-bottom: solid 1px var(--color-primary);
	}
}



/* 共通 PAGINATION用  */
.pagenavi-box {

	text-align: center;

	.wp-pagenavi {
		clear: both;
		text-align: center;
		display: inline-block;
		margin: 50px 0 0;

		a,
		span {
			display: inline-block;
			color: var(--color-primary);
			font-size: 14px;
			text-decoration: none;
			padding: 5px 15px !important;
			border-color: var(--color-primary) !important;
			margin: 2px 5px;
		}

		span.current {
			color: #fff;
			background: var(--color-primary);
		}
	}
}

/* wp-editor */

#content .wp-editer {
	overflow: hidden;

	strong {
		font-weight: bold;
	}

	em {
		font-style: italic;
	}

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

	ul:not([class]) {
		margin-left: 20px;
		list-style: disc;
	}

	ol:not([class]) {
		margin-left: 30px;
		list-style: decimal;
	}

	h1 {
		font-size: 2em;
		font-weight: bold;
	}

	h2 {
		font-size: 1.5em;
		font-weight: bold;
	}

	h3 {
		font-size: 1.17em;
		font-weight: bold;
	}

	h4 {
		font-weight: bold;
	}

	h5 {
		font-size: 0.83em;
		font-weight: bold;
	}

	h6 {
		font-size: 0.67em;
		font-weight: bold;
	}
}

/* EDITOR */

.alignleft,
.alignright,
.aligncenter,
.alignnone {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote.alignleft,
img.alignleft,
.wp-caption.alignleft,
blockquote.alignright,
img.alignright,
.wp-caption.alignright,
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-bottom: 10px;
}

@media all and (min-width: 751px) {

	/* INDEX */
}

@media only screen and (max-width: 750px) {


	/* INDEX */
	.news-list {
		li {
			flex-direction: column;
			gap: 0;

			&:not(:last-child) {
				margin-bottom: 25px;
			}

			.head {
				flex-direction: column;
				gap: 0px;
			}

			.titles {
				font-weight: bold;
			}

			a {
				/* color: var(--color-primary); */

				&:hover {
					filter: alpha(opacity=60);

					/* IE 6,7*/
					-ms-filter: "alpha(opacity=60)";

					/* IE 8,9 */
					-moz-opacity: 0.6;

					/* FF , Netscape */
					-khtml-opacity: 0.6;

					/* Safari 1.x */
					opacity: 0.6;
					zoom: 1;

					/*IE*/
				}
			}
		}
	}

	.single-news {
		.title {
			font-size: 125%;
		}
	}

	/* -- */
	.lead-member {
		flex-direction: column;
		padding: 20px;

		dt {
			width: 100%;
			text-align: center;
			padding-bottom: 10px;
		}

		dd {
			border-left: none;
			border-top: solid 1px var(--color-primary);
			padding-left: 0px;
			padding-top: 10px;
		}
	}

	/* SUBNAV */
	#subnav,
	#subnav_layer {
		margin-bottom: 50px;

		.subnav-list {
			gap: 10px;
			padding-bottom: 0px;

			li {
				width: 48%;

				&.on,
				&.active {
					a {
						background-color: var(--color-primary);
						color: #fff;
					}
				}
			}

			a {
				min-width: 100%;
				padding: 5px;
				line-height: 1.5;
				min-height: 53px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}


}