@charset "UTF-8";
/* CSS Document */




/* Library Separator=========================================================

　ページネーション

----------------------------------------------------------------------------*/
.navigation.pagination{
	padding: 50px 0 0;
}
/* ページネーションの汎用スタイル */
.nav-links ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.nav-links li > * {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  height: 45px;
}
.nav-links li > *:not(.dots) {
  width: 45px;
  border-radius: 50%;
  color: #000000;
  background: #efefef;
  transition: color 0.3s ease, background 0.3s ease;
}
.nav-links li > .current,
.nav-links li > a:hover {
  color: #ffffff;
  background: #000000;
}


/* Library Separator=========================================================

　WP Pagenavi プラグイン ページャー

----------------------------------------------------------------------------*/
.wp-pagenavi{
	line-height: 1;
	text-align: center;
	padding-top: 50px;
}
.wp-pagenavi .pages{
	font-size: 1.2rem;
	padding-right: 10px;
}
.wp-pagenavi .current,
.wp-pagenavi a{
	display: inline-block;
	background: #EEEEEE;
	border-radius: 3px;
	padding: 5px 10px;
	margin-right: 3px;
	margin-bottom: 10px;
}
.wp-pagenavi .current{
	background: #91C6CE;
	color: #FFF;
}

/* Library Separator=========================================================

　プラグイン Simple Lightbox ズーム時のキャプション表示テキスト整形

============================================================================*/
.slb_data_content{
	padding-top: 0.5em!important;
}
.slb_data_title,
.slb_group_status{
	font-size: 1.2rem!important;
	font-weight: normal!important;
	font-style: normal!important;
}
.slb_group_status{
	padding-left: 1em!important;
	color: #777!important;
}
.slb_data_desc{
	margin-top: 0!important;
}

/* Library Separator=========================================================

　reCAPTCHAのバッジ隠した時（Google公認）に表示すべき内容のスタイル

============================================================================*/
.recaptcha_policy {
  padding: 10px;
  margin: 0;
  text-align: center;
  font-size: 1.2rem !important;
  color: #444 !important;}

.recaptcha_policy a {
  font-size: 1.2rem !important;
  color: #00B5EE !important;}

/* reCAPTCHAバッジを隠す */
.grecaptcha-badge { visibility: hidden; }


/* Library Separator=========================================================

　 エントリー（編集エリア全体）

============================================================================*/
.entry{
	font-size: 1.4rem;
	color: #333333;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 100px;
}
.entry a{
	color: #1558d6;
}
.entry a:hover{
	text-decoration: underline;
}


.entry p{
	margin: 1em 0;
	line-height: 1.8;
}

.entry h2,.entry h3,.entry h4,.entry h5,.entry h6{ font-feature-settings: "palt" 1;}

.entry h2{
	font-size: 2.2rem;
	margin: 4em 0 1em;}

.entry h3{
	font-size: 1.75rem;
	margin: 2em 0 0.5em;}

.entry h4{
	font-size: 1.5rem;
	margin: 1.5em 0 0.5em;}

.entry h5{
	font-size: 1.5rem;
	margin: 1.5em 0 0.5em;}

.entry h6{
	font-size: 1.5rem;
	margin: 1.5em 0 0.5em;}


/*リスト形式----------------------**/
.entry ul,
.entry ol{
	margin: 1em 0;}

.entry ul li,
.entry ol li{
	line-height: 1.4;
	margin: 0.4em 0;}

.entry ul li{
	padding-left: 1em;
	text-indent: -1em;}

.entry ul li::before{
	content: '・';
	font-family: "Osaka-mono", "MS Gothic", "monospace";}

.entry ol li{
	list-style: decimal;
	margin-left: 1.5em;}


/*★リスト形式（コメ印）----------------------*/
.entry ul.kome li{
	font-size: 90%;
	color: #616161;}

.entry ul.kome li::before{
	content: '※'!important;}


/*写真ブロックとそのキャプション　----------------------*/
.entry .wp-block-image{
	margin-top: 1em;
	margin-bottom: 1em;}

.entry .wp-block-image figcaption{
	font-size: 1.2rem;
	color: #4C4C4C;
	padding-top: 0.5em;
	text-align: center;}

.entry .wp-block-image .aligncenter figcaption{
	text-align: center;}
.entry .wp-block-image .alignright figcaption{
	text-align: right;}


/*テーブルとそのキャプション　----------------------*/

/*クラシックエディターでのテーブル対応をしつつ、後半はデフォルトのテーブルを設定*/
.entry table{
	font-size: 90%;
}

.entry table th,
.entry table td{
	border: 1px solid #999;
	padding: 1em;}

.entry table th{
	background: #F0F0F0;}

.entry .wp-block-table{
	margin: 1em 0;}

.entry .wp-block-table th{
	background: transparent;}

.entry .wp-block-table thead{
	border-bottom: 2px solid;}

.entry .wp-block-table tfoot{
	border-top: 2px solid;}

.entry .wp-block-table figcaption{
	font-size: 1.2rem;
	color: #4C4C4C;
	text-align: center;
	padding: 0.75em 0;}

/*==テーブル横スクロール対応==*/
.yoko-scroll{
	overflow-x: auto;
	white-space: nowrap;
}


/*ギャラリーとそのキャプション　----------------------*/
.entry .wp-block-gallery{
	margin: 1em 0;}

.entry .wp-block-gallery .wp-block-image{
	margin: 0;
}

.entry .blocks-gallery-caption{
	font-size: 1.2rem;
	color: #4C4C4C;
	text-align: center;
	padding: 0.75em 0;}


/*区切り線HR----------------------*/

.entry .wp-block-separator{
	width: 30%;
	margin: 50px auto;
	background: #BABABA;
	height: 1px;
	border: none;
}
.entry .wp-block-separator.is-style-wide{
	width: 100%;
}

/*引用----------------------*/
.entry .wp-block-quote{
	margin: 3em 0;
	border-left: 2px solid #999;
	padding: 0.5em 1em 0.5em 2em;
}
.entry .wp-block-quote p{
	margin: 0;
	font-family: serif;
}
.entry .wp-block-quote cite{
	display: block;
	margin: 0.75em 0 0 0;
	font-size: 90%;
	font-family: serif;
}

/*コード----------------------*/
.entry .wp-block-code{
	margin: 1em 0;
	padding: 2em;
	font-size: 90%;
	font-family: "Osaka-mono", "MS Gothic", "monospace";
	background-color: #F7F7F7;
}

/*整形テキスト------------------*/
.entry .wp-block-preformatted{
	line-height: 1.8;
	margin: 1em 0;
}

/*プルクオート-------------------*/
.entry .wp-block-pullquote{
	margin: 3em 0;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	font-family: serif;
	padding-left: 1em;
	padding-right: 1em;
}

/*ポエム-------------------*/
.entry .wp-block-verse{
	font-size: 95%;
	margin: 2em 0;
	line-height: 2;
	letter-spacing: 0.075em;
}

/*ファイル------------------*/
.entry .wp-block-file{
	margin: 1em 0;
}
.entry .wp-block-file::before{
	content: "・";
}
.entry .wp-block-file__button{
	padding: 0 2em!important;
	line-height: 2.4;
	display: inline-block;
}
.entry .wp-block-file__button:hover{
	opacity: 0.6;}

/*ボタン------------------*/
.entry .wp-block-button{
	margin: 1em 0;
}
.entry .wp-element-button,
.entry .wp-element-button:hover{
	color: #FFF;
}

.entry .wp-block-button:hover{
	opacity: 0.6;
	
}
.entry a.wp-element-button:hover{
	text-decoration: none!important;
}


@media (min-width:768px){
	.entry{
		font-size: 1.6rem;
		padding-bottom: 200px;}
}
/*========================================
	PDFにアイコンをつける
========================================*/
.entry a[href$=".pdf"]::after {
	content: '\f1c1';
	font-family: "Font Awesome 6 Free";
	font-size: 100%;
	font-weight: 100;
	color: #AF0201;
	margin-left: 5px;
}

.entry a[href$=".docx"]::after {
	content: '\f1c2';
	font-family: "Font Awesome 6 Free";
	font-size: 100%;
	font-weight: 100;
	color: #1757BD;
	margin-left: 5px;
}

.entry a[href$=".xlsx"]::after {
	content: '\f1c3';
	font-family: "Font Awesome 6 Free";
	font-size: 100%;
	font-weight: 100;
	color: #207547;
	margin-left: 5px;
}

/*ファイルのダウンロードボタンにはアイコンを付けない*/
.entry a.wp-block-file__button[href$=".pdf"]::after,
.entry a.wp-block-file__button[href$=".docx"]::after,
.entry a.wp-block-file__button[href$=".xlsx"]::after{
	content: none;
}