@CHARSET "UTF-8";
/* ページコンテンツ */
/* 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 .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: solid 1px transparent;
	border: none;
}
.page_menu .menu_block ul li:hover {
	#border: solid 1px #AAA;
}
.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;
}
.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;
	#border: solid 1px #C00;
}
/*======================================*/
/* ページタイトル */
.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;
	#background-color: #EFEFFF;
}
/* セクションタイトル */
.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;
	#background-color: #EFEFFF;

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

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

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

/* buttons（ページ番号） */
.page_cntl .page_nums{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex-wrap:nowrap;
}
.page_cntl .page_nums > div.bt_numb{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  font-weight:bold;
  font-size:18px;
  color:#DDD;
  background:transparent;
  border:solid 1px #CCC;
  cursor:pointer;
}
.page_cntl .page_nums > div.gray{ background:#999; }

/* info */
.page_cntl .page_info{
  text-align:center;
  min-width:110px;
  padding:0 6px;
}
.page_cntl .page_pos{
  font-weight:bold;
  font-size:16px;
  line-height:1.2;
  color:#666;
  white-space:nowrap;
}
.page_cntl .page_range{
  font-size:12px;
  line-height:1.2;
  color:#999;
  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:15px;
  left:16px;
  width:12px;
  height:12px;
  transform:rotate(45deg);
  border-bottom:3px solid;
  border-left:3px solid;
  border-color:#BBB;
}
.page_cntl .bt_next::after{
  content:"";
  display:block;
  position:absolute;
  top:15px;
  right:16px;
  width:12px;
  height:12px;
  transform:rotate(45deg);
  border-top:3px solid;
  border-right:3px solid;
  border-color:#BBB;
}

/* PC hover */
@media (hover:hover){
  .page_cntl .page_nums > div.bt_numb:hover{ background:#777; }
}

/* スマホ：buttons を消して Prev / info / Next にする */
@media (max-width:480px){
  .page_cntl .page_nums{ display:none; }
  .page_cntl .big{ width:48px; height:48px; }
}
/*=====================================*/
/* END */