@charset "UTF-8";

/* 投稿ページ用CSS (PC用) */
.original-css {
	margin: 0 auto 20px ;
}
.original-css h2.ttl {
	margin: 0 auto .2em ;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.3;
}
.original-css span.date {
	margin: 0 auto 1.5em;
	font-size: 1em;
	display: block;
}
.original-css figure {
	margin: 0 0 1.5em;
}
.original-css h2 {
	font-weight: bold;
	font-size: 1.8em;
	margin: 0 auto 1em;
	line-height: 1.3em;
	background: #f0f0f0;
	padding: .5em .5em;
}
.original-css h3 {
	font-weight: bold;
	font-size: 1.6em;
	margin: 0 auto 1em;
	line-height: 1.3em;
	color: #5fb642;
}
.original-css h4 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 auto 1em;
	line-height: 1.3em;
}
.original-css h5 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0 auto 1em;
	line-height: 1.3em;
}
.original-css table {
	width: 100%;
	margin: 0 0 1em;
}
.original-css table th,
.original-css table td {
	font-size: 1.1em;
	padding: .8em .5em;
	border: 1px solid #ccc;
}
.original-css p {
	font-size: 1.1em;
	margin: 0 0 1em;
	line-height: 1.8;
}
.original-css strong {
	font-weight: bold;
}
.original-css em {
	font-style: italic;
}
.original-css ul,
.original-css ol {
	margin: 0 0 1.5em;
}
.original-css ul li {
	list-style: disc;
	margin: .5em 0 .5em 1.2em ;
	font-size: 1.1em;
}
.original-css ol li {
	list-style: decimal;
	margin: .5em 0 .5em 1.2em ;
	font-size: 1.1em;
}

.list-mokuji {
	background-color: #fdfdfd;
	padding: 1.2em 1.2em .5em;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin: 0 0 2em;
}
.list-mokuji .mokuji-ttl {
	font-size: 1.3em;
	margin-bottom: 1em;
	background: #c9edf2;
}
.list-mokuji ol {
	padding-left: .5em;
	margin: 0 0 1em;
}
.list-mokuji > ol > li {
	font-size: 1.4em;
}
.list-mokuji > ol > li > a {
	font-size: 1em;
}
.list-mokuji ol ol {
	padding-left: 16px;
	margin-top: 10px;
}
.list-mokuji ol ol > li {
	font-size: .9em;
}

.supervisor {
	position: relative;
	margin: 6em auto 0;
	padding: 1.8em;
	border: solid 1px #ccc;
}
.supervisor .sup-title {
	position: absolute;
	display: inline-block;
	top: -40px;
	left: -1px;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	font-size: 1em;
	background: #5dc1cf;
	color: #ffffff;
	font-weight: bold;
}
.supervisor .sup-top {
	display: flex;
	gap: 5%;
	margin: 0 0 1em;
}
.supervisor .sup-top .pic {
	max-width: 20%;
}
.supervisor .sup-top .pic img {
	border-radius: 50%;
}
.supervisor .sup-top .text h4 {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0 0 .3em;
}
.supervisor .sup-top .text .sentence {
	font-size: 1em;
	line-height: 1.5;
}
.supervisor .flexbox-gap.sup-btm {
	margin: 0;
	padding: 1em;
	background: #eefbfd;
	border-radius: 7px;
}
.supervisor .flexbox-gap.sup-btm div {
	margin: 0;
}
.supervisor .flexbox-gap.sup-btm div h4 {
	margin: 0 0 .8em;
	border-bottom: 1px solid #5dc1cf;
	line-height: 1.6;
	padding: .3em 0;
}
.supervisor .flexbox-gap.sup-btm div ul li {
	font-size: .9em;
	list-style: square;
	color: #5dc1cf;
	margin: 0 0 .3em 1em;
	line-height: 1.3;
}
.supervisor .flexbox-gap.sup-btm div ul li span {
	color: #333;
}

.related  {
	margin: 3em auto 0;
}
.related ul li figure {
	margin: 0 auto .7em;
}
.related ul li figure img {
	object-fit: cover;
	width: 100%;
	height: 100px;
}
.related ul li .sentence {
	font-size: .9em;
	line-height: 1.5em;
	margin: 0;
}




/* ==============================
   サイドバー共通：リスト表示（確定版）
============================== */

/* sidebar内のul初期化 */
.sidebar-panel ul {
  margin: 0;
  padding-left: 0;
}

/* li共通 */
.sidebar-panel li {
  position: relative;
  padding-left: 1.2em;
  margin: 4px 0;
  list-style: none;
}

.sidebar-panel li::before {
  content: '・';
  position: absolute;
  left: 0;
  top: 0;
}

/* 親カテゴリ（p） */
.sidebar-panel .parent-name {
  position: relative;
  padding-left: 1.2em;
  margin: 4px 0;
}

.sidebar-panel .parent-name::before {
  content: '・';
  position: absolute;
  left: 0;
  top: 0;
}

/* ★ 子カテゴリのulをインデント */
.sidebar-panel .parent-block > ul {
  margin-left: 1.2em;
}
/* 親カテゴリの文字サイズを li と揃える */
.sidebar-panel .parent-name {
  font-size: 1.2em;
}
/* 子カテゴリの文字サイズを調整 */
.sidebar-panel .parent-block li,
.sidebar-panel .parent-block li a {
  font-size: 1.05em;
}






/*================================================
 ●●● スマホ向けレイアウト（画面幅767px以下）
 ================================================*/
@media (max-width: 767px) {
	/* （タブレット ／スマートフォン用）の記述 */

	/* 投稿ページ用CSS (スマホ用) */
	.original-css h2.ttl {
		font-size: 1.7em;
	}
	.original-css span.date {
		margin: 0 auto 1em;
	}
	.original-css h2 {
		font-size: 1.6em;
	}
	.original-css h3 {
		font-size: 1.5em;
	}
	.original-css h4 {
		font-size: 1.3em;
	}
	.original-css h5 {
		font-size: 1.2em;
	}

	.original-css table th,
	.original-css table td,
	.original-css p,
	.original-css ul li,
	.original-css ol li {
		font-size: 1.1em;
	}

	.list-mokuji ol ol > li {
		font-size: 1em;
	}
	.list-mokuji > ol > li > a {
		font-size: 1.1em;
	}
	.supervisor .sup-top {
		display: block;
		margin: 0 0 1.5em;
	}
	.supervisor .sup-top .pic {
		max-width: 50%;
		margin: 0 auto 1em;
	}
	.supervisor .sup-top .text h4 {
		text-align: center;
	}
	.supervisor .sup-top .text .sentence {
		font-size: 1em;
		line-height: 1.8;
	}
	.supervisor .flexbox-gap.sup-btm {
		padding: 1.5em 1.5em .5em;
	}
	.supervisor .flexbox-gap.sup-btm div {
		margin: 0 0 1em;
	}

}/* （タブレット ／スマートフォン用）の記述終わり */