@CHARSET "UTF-8";

/* ===== pages.css ===== */
/* ページコンテンツ */
/* pages inner までは style.css で定義している */
/*---------------------------------------------------------------------------*/
/* ページメニュー */
.pages .page_menu {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
}
.pages .page_menu:after {
	content: "";
	clear: both;
	display: block;
}
/*-------------------------------------*/
/* メニューブロック */
.page_menu .menu_block {
	display: block;
	width:100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
.page_menu .menu_block:after {
	content: "";
	clear: both;
	display: block;
}
.page_menu .page-description {
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 14px;
	line-height: 1.0;
	text-align: center;
}
/*-------------------------------------*/
/* ページメニューの表示項目 */
.page_menu .menu_block ul {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-content: space-around;
	flex-wrap: wrap;
	margin: 0;
	padding: 5px 0 0 0;
}
.page_menu .menu_block ul::after {
	content: "";
	clear: both;
	display: block;
}
.page_menu .menu_block ul li {
	display: block;
	flex: 4 1 20%;
	min-width: 110px;
	text-align: center;
	background: transparent;
	margin: 0;
	padding: 3px 5px;
	border: none;
}
.page_menu .menu_block a {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	line-height: 1.5;
	color: #555;
	text-decoration: none;
}
.page_menu .menu_block a:hover {
	color: #000;
	text-decoration: none;
}
/*-------------------------------------*/
/* メニューボタン */
.page_menu .bt_menu {
	display: inline-block;
	float: right;
	width: 100%;
	height: 32px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 16px;
	line-height: 2.0;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #008080;
	border: solid 1px #000;
	border-radius: 5px;
}
.page_menu .bt_menu:hover {
	background: #EEEEEE;
	color: #008080;
}
.page_menu .bt_menu:disabled {
	background: #AAA;
	color: #DDD;
}
/*-------------------------------------*/
/* メインブロック */
.pages .main_block {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
}
.pages .main_block:after {
	content: "";
	clear: both;
	display: block;
}
/*-------------------------------------*/
/* メインコンテンツ */
.main_block .page_main {
	position: relative;
	width: 100%;
	max-width: 1080px;
	min-height: 300px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: transparent;
}
/*======================================*/
/* ページタイトル */
.page_main h1 {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 10px;
	font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 26px;
	line-height: 2.0;
	text-align: left;
	background-color: transparent;
}
/* セクションタイトル */
.page_main h3 {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 5px 0;
	padding: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 2.0;
	text-align: center;
	color: #008080;
	background: transparent;
}
/*-------------------------------------*/
/* 記事 */
.page_main section {
	margin: 0;

}
.page_main section::after {
	content: "";
	clear: both;
	display: block;
}
.page_main section.group {
	margin: 0;
	padding: 0;
}
/*-------------------------------------*/
/* コメント */
.page_main .page_comment {
	display: block;
	position: relative;
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
	padding: 10px;
	font-family: -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	text-align: left;
	background: transparent;
}
.page_main .page_comment .alert {
	line-height: 1.5;
	color: #A00;
}
/*-------------------------------------*/
/* 一覧表示のページコントロール表示 */
.page_cntl{
	display: block;
	margin: 5px auto;
	padding: 0;
	background: transparent;
}

/* 1行に全部並べる */
.page_cntl .page_bar{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	width:100%;
	flex-wrap:nowrap;
}

/* Prev/Next */
.page_cntl .big{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:30px;
	border:none;
	cursor:pointer;
}
.page_cntl .bt_spc{ cursor:auto; }

/* buttons（ページ番号） */
.page_cntl .page_nums{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px;
	flex-wrap:nowrap;
}
.page_cntl .page_nums > div.bt_numb{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	font-weight:bold;
	font-size:18px;
	color:#AAA;
	background: #EEE;
	border:solid 1px #CCC;
	border-radius: 5px;
	cursor:pointer;
}
.page_cntl .page_nums > div.gray{
	color:#777;
	background: #FFF; 
	border:solid 2px #AAA;
}
@media (hover:hover){
	.page_cntl .page_nums > div.bt_numb:hover{
		color:#EEE;
		background:#AAA; 
	}
}
/* info */
.page_cntl .page_info{
	text-align:center;
	min-width:110px;
	padding:0;
	background: #FFF;
	border-radius: 3px;
	opacity: 0.6;
}
.page_cntl .page_pos{
	font-weight:bold;
	font-size:16px;
	line-height:1.2;
	color:#333;
	white-space:nowrap;
}
.page_cntl .page_range{
	font-size:12px;
	line-height:1.2;
	color:#000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.page_cntl .page_dummy{ opacity:0; }

/* 矢印 */
.page_cntl .bt_prev::after{
	content:"";
	display:block;
	position:absolute;
	top:6px;
	left:10px;
	width:12px;
	height:12px;
	transform:rotate(45deg);
	border-bottom: 4px solid;
	border-left: 4px solid;
	border-color:#777;
}
.page_cntl .bt_next::after{
	content:"";
	display:block;
	position:absolute;
	top:6px;
	right:10px;
	width:12px;
	height:12px;
	transform:rotate(45deg);
	border-top: 4px solid;
	border-right: 4px solid;
	border-color:#777;
}
/* スマホ：buttons を消して Prev / info / Next にする */
@media (max-width:480px){
	.page_cntl .page_nums{ display:none; }
	.page_cntl .big{ width:48px; height:48px; }
}
/*=====================================*/
/* END */