/* ******************************************************************
 *	File name		: article.css
 *	Summary			: css base
 * ******************************************************************
 */


.contents{
	padding:20px 20px 20px;
}
.shingle_border{
	position:relative;
	padding:20px 0 0;
	border-top:1px solid var(--base-color);
}

/* -----------------------------------------------------------------
   article
----------------------------------------------------------------- */

#news_article{
	position:relative;
	margin:0 0 80px;
}
#news_article #article_info{
	position:relative;
	margin-bottom:20px;
	}
	#news_article #article_info .date{
		display:block;
		position:relative;
		margin:0px;
		font-weight:normal;
		font-size:1.0rem;
		text-align:left;
		color:var(--base-color);
		line-height:1.65;
	}
	#news_article #article_info .category{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		top:3px;
		left:115px;
		width:150px;
		height:20px;
		margin:0px;
		font-size:0.80rem;
		background:#968C8C;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		color:#FFF;
		line-height:1;
}
#news_article h1{
	display:block;
	position:relative;
	margin:0 auto 50px;
	padding:0 0 10px 0;
	font-weight:bold;
	font-size:1.72rem;
	text-align:left;
	border-bottom:2px solid #888;
	color:#000;
	line-height:1.65;
}
#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex{
	align-items:start;
	vertical-align:text-top;
}
#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex p{
	font-size:0.9rem !important;
}
#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex > p:first-child{
	display:-webkit-flex;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	width:100px;
	margin:0 0 20px !important;
	padding:3px 0;
	font-size:0.77rem !important;
	text-align:center;
	background:#8C5EA2;
	color:#FFF;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	vertical-align:text-top;
}
#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex > p:first-child + div,
#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex > p:first-child + p{
	width:calc(100% - 130px);
	margin:0 0 20px 20px !important;
	padding:0px 0;
	font-size:0.9rem !important;
	vertical-align:text-top;
}
/* --- responsive --- */
@media screen and (max-width:767px){
	#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex > p:first-child{
		width:100%;
		margin:0 0 7px !important;
	}
	#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex > p:first-child + div,
	#news_article .wp-block-group.is-horizontal.is-layout-flex.wp-block-group-is-layout-flex > p:first-child + p{
		width:100%;
	}
}

#pdf_layout{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
}
#pdf_layout #pdf_layout_figure{
	width:300px;
}
#pdf_layout #pdf_layout_contents{
	width:calc(100% - 380px);
}


/* -----------------------------------------------------------------
   wp-block-list
----------------------------------------------------------------- */

ul.wp-block-list{
	display:block;
	list-style:none;
	}
	ul.wp-block-list li{
		position:relative;
		width:100%;
		margin-bottom:10px !important;
		padding-left:15px;
		font-weight:400;
		font-size:1.0rem !important;
	}
	ul.wp-block-list li::before{
		content:" ";
		position:absolute;
		top:7px;
		left:0px;
		width:9px;
		height:9px;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
		border-radius:50%;
		background:var(--base-color);
}


/* -----------------------------------------------------------------
   article_back_list
----------------------------------------------------------------- */

#article_back_list{
	text-align:right;
	}
	#article_back_list p{
		display:inline-block;
	}
	#article_back_list p a{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		width:auto;
		min-width:200px;
		height:100%;
		padding:0 30px;
		font-weight:500;
		font-size:1.0rem;
		text-decoration:none;
		text-align:center;
		border:1px solid var(--base-color);
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
		border-radius:25px;
		background:#FFF;
		color:var(--base-color);
		transition-duration:0.5s;
		line-height:1.35;
	}
	#article_back_list p a:hover{
		background:var(--base-color);
		color:#FFF;
}