/* page.css */
@charset "UTF-8";

.initPage {
	position:relative;
	overflow-x:hidden;
}
.TextNewsPage {
	display:block;
}
/* Common
------------------------------ */
.page-title {
	margin:1rem 0;
	padding:10px 15px 10px 15px;
	border-top:solid 3px #214DB5;
	border-bottom:dotted 1px #214DB5;
	font-size:3.6rem;
	font-weight:normal;
	color:#009;
}

.page-title > span:nth-child(2) {
	font-size:		2rem;
}
.page-title > span:nth-child(3) {
	font-size:		1.6rem;
	margin-left:	1rem;;
	white-space:	nowrap;
}

/* Text News Page
------------------------------ */
.TextNewsPage #core-contents {
	height:auto;
}
.TextNewsPage section {
	margin:2rem;
}
.TextNewsPage article {
	overflow:hidden;
	clear:both;
	margin-bottom:1rem;
	border-left:solid 8px #2c2c2c;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background:#F5F5FF;
	position:		relative;
}
.TextNewsPage article.opened,
.TextNewsPage article:hover {
	border-left-color:#016;
	background:#c0cdea;
}

.TextNewsPage article h1 {
	width:100%;
	line-height:1.3;
	font-size:1.8rem;
	color:#000;
}
.TextNewsPage article.opened h1 {
	color:#016;
}
.TextNewsPage article h1 > span {
	display:inline-block;
}
.TextNewsPage article h1 > span .icon-image {
	display:inline-block;
	width:11px;
	height:11px;
	margin-top:0px;
	margin-right:3px;
	vertical-align:-1px;
}
.TextNewsPage article h1 > span .icon-image .svg-color {
	fill:#000;
}
.TextNewsPage article.opened h1 span .icon-image .svg-color,
.TextNewsPage article:hover h1 span .icon-image .svg-color {
	fill:#016;
}
.TextNewsPage article h1 > span.ttl {
	float:		left;
	display:	block;
	margin:		5px 0 5px 10px;
	width:		calc(100% - 16rem);
}
.TextNewsPage article h1 > span.date {
	color:			#555;
	float:			right;
	font-weight:	normal;
	font-size:		1rem;
	margin-top:		10px;
	width:			12rem;
}
.TextNewsPage article h1 > span.date img {
	padding-left:	1rem;
	vertical-align:	middle;
	width:			26px;
}
.TextNewsPage article h1 .del_news,
.TextNewsPage article h1 .edit_news,
.TextNewsPage article h1 .dl_news_pdf,
.TextNewsPage article h1 .copy_nid {
	padding: 0px 2px;
	border-radius: 5px;
	color: white;
	margin-right: 5px;
	background-color: limegreen;
	display: inline;
	cursor:			pointer;
}

.outer-post {
	clear:			both;
	display:		none;
	margin:			0 20px 20px 20px;
	padding:		10px 20px 0;
	background:		#fff;
	overflow:		auto;
	position:		relative;
}
.outer-post.opened {
	display:block;
}
.post-content {
	line-height:	1.8;
	margin-bottom:	2rem;
}
.post-content h2 {
	margin-top:1rem;
	margin-bottom:1rem;
	font-size:1.8rem;
}
.post-content h6 {
	font-size:1.6rem;
}

.image_pos_0, .image_pos_3 {	/* 0:左上, 3:左下 */
	text-align: left;
}
.image_pos_1, .image_pos_4 {	/* 0:中上, 3:中下 */
	text-align: center;
}
.image_pos_2, .image_pos_5 {	/* 0:右上, 3:右下 */
	text-align: right;
}
.image_pos_A {
	float:left;
	margin-right:1rem;
}
.image_pos_0 img, .image_pos_1 img, .image_pos_2 img, .image_pos_3 img, .image_pos_4 img, .image_pos_5 img, .image_pos_A img {
	max-width: 100%;
}
.listener {
	text-align: right;
	margin-bottom: 2rem;
}
.TextNewsPage article p {
	margin:1rem 0.5rem;
}
.TextNewsPage article p.post-time {
	float:left;
	text-indent:0px;
	color:#000;
}
.post-time .svg-icon-time {
	fill:#000;
}
.TextNewsPage article .wrap-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 2px;
	margin-left: 0px;
}

.sr_blk {
	margin-bottom:3rem;
	padding-bottom:1rem;
	border-bottom:dotted 1px #aaa;
}
.sr_blk em {
	background:#ff3;
}
.sr_ttl {
	font-size:1.8rem;
}
.sr_dt {
	margin-bottom:1.2rem;
	line-height:1.7;
}
.sr_dt:before {
	display:inline-block;
	content:"";
	position:relative;
	top:1px;
	width:15px;
	height:15px;
	background-image:url("../img/time2.svg");
	margin-right:3px;
}
.sr_pg {
	text-align:center;
}
.sr_pg a {
	transition:0.4s;
	display:inline-block;
	padding:5px 11px;
	background-color:#83a2ea;
	text-decoration:none;
	color:#fff;
}
.sr_pg a:hover {
	background-color:#214DB5;
}
.sr_pg a.in-order {
	background-color:transparent;
	color:#214DB5;
}
.sr_pg a#previous:before {
	display:inline-block;
	content:"";
	position:relative;
	top:2px;
	width:10px;
	height:15px;
	background-image:url("../img/lt.svg");
	margin-right:5px;
}
.sr_pg a#following:after {
	display:inline-block;
	content:"";
	position:relative;
	top:2px;
	width:10px;
	height:15px;
	background-image:url("../img/gt.svg");
	margin-left:5px;
}
.sr_pg .sr_curpg {
	background-color:#4879e9;
}

.srch_prev {
	padding: 0px 50px 4px 50px;
	font-weight: normal;
	font-size:1.4rem;
	color: #444;
	word-break: break-all;
}

.srch_prev em,
.ttl em,
article em {
	background-color:	#ff3;
}

.kam {
	background:			linear-gradient(360deg, rgba(253, 219, 146, 1), rgba(255, 255, 255, 1));
	line-height:		34px;
}

.bm_ps,
.bm_ps_chk,
.bm_sh,
.bm_sh_chk,
.copy {
	color:				#016!important;
	text-decoration:	none;
}

#top_bm_sh {
	display:			none;
}

.copy {
	background:			url("../img/copy.png") no-repeat left bottom;
	padding-left:		24px;
	background-size:	20px 20px;
	display:			inline-block;
	margin-bottom:		3px;
}

.dl_pdf {
	background-color:	#8DEFFF;
	border:				solid 1px gray;
	border-radius:		5px;
	color:				black;
	font-size:			1.2rem;
	line-height:		2rem;
	margin-left:		10px;
	padding:			0 5px;
	text-decoration:	none;
	vertical-align:		top;
}

.copyright_td {
	background-color:	transparent!important;
	border:				none!important;
	font-size:			1.2rem!important;
	font-weight:		normal!important;
}

.copyable {
	background-size:		14px 14px;
	background-image:		url(../img/copy.png);
	background-position:	left 16px top 8px;
	background-repeat:		no-repeat;
}

.copyable_lv2 {
	background-size:		14px 14px;
	background-image:		url(../img/copy.png);
	background-position:	left 32px top 8px;
	background-repeat:		no-repeat;
}

.bmlist_rem {
	font-size:				1.4rem;
	font-weight:			normal;
}

.bmlist_rem img {
	margin:					5px 3px 0 3px;
	width:					1.6rem;
	vertical-align:			middle;
}

@media screen and (min-width:1px) and (max-width:500px) {
	.bmlist_rem {
		font-size:			1.2rem;
	}
}

/* ----- end of page.css ----- */