@charset "UTF-8";

/* ブログ（一覧・記事）。お知らせの CSS（news_list.css・news_detail.css）に足す分 */

/* 本文 */
.news_body img{
	max-width: 100%;
	height: auto;
	display: block;
	margin: 20px auto;
}

.news_body h2{
	font-size: 20px;
	background-color: #e8faff;
	border-left: 6px solid #0097ed;
	padding: 4px 12px;
	margin: 30px 0 15px;
}

.news_body h3{
	font-size: 17px;
	color: #0097ed;
	margin: 25px 0 10px;
}

.news_body ul{
	list-style: disc;
	padding-left: 1.5em;
	margin-bottom: 1.2em;
}

.news_body ol{
	list-style: decimal;
	padding-left: 1.5em;
	margin-bottom: 1.2em;
}

.news_body li{
	list-style: inherit;
}

.news_body blockquote{
	border-left: 3px solid #cdf4ff;
	margin: 0 0 1.2em;
	padding-left: 12px;
	color: #555555;
}

.news_body a{
	color: #0097ed;
	text-decoration: underline;
}

/* 横の欄のカテゴリー（青・緑・橙・灰の順に色を変える） */
.side .btn{
	text-align: center;
}

.btn2{
	display: block;
	width: 100%;
	margin-top: 12px;
	padding: 6px 34px 6px 20px;
	position: relative;
	text-align: center;
	color: #ffffff;
	background-color: #0097ed;
	border-radius: 50px;
	font-weight: 700;
}

.side .btn:nth-of-type(4n+2) .btn2{
	background-color: #3bcaad;
}

.side .btn:nth-of-type(4n+3) .btn2{
	background-color: #ffaf3d;
}

.side .btn:nth-of-type(4n+4) .btn2{
	background-color: #c4c4c4;
}

.btn2 p{
	font-size: 13px;
}

.btn2::before{
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	bottom: 0px;
	content: "";
	height: 5px;
	margin: auto;
	right: 18px;
	top: 0px;
	transform: rotate(45deg);
	width: 5px;
	position: absolute;
}

.btn2:hover{
	opacity: 0.7;
}

/* 横の欄のアーカイブ（年ごとにまとめて、押すと月が開く） */
.side_year{
	margin-top: 12px;
}

.side_year summary{
	cursor: pointer;
	padding: 6px 4px;
	border-bottom: 1px solid #b6e3f0;
	font-size: 14px;
	font-weight: 700;
	color: #0097ed;
}

.side_year .side_text{
	margin-top: 8px;
}