@charset "utf-8";
@import url(//use.fontawesome.com/releases/v5.0.13/css/all.css); /* →SNS button */


/*
1.column parts
	∟ breadcrumbs
	∟ sns button
2.column detail page
	∟ prevnextlink
*/



/*------------------------------------------
1.column parts
------------------------------------------*/
/* breadcrumbs */
/* .breadcrumbs ol{
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.breadcrumbs ol li {
	display: inline;
	position:relative;
	list-style-type: none;
}
.breadcrumbs ol li:after {
	content: ">";
	padding: 0px 4px 0px 8px;
}
.breadcrumbs ol li:last-child:after {
	content: "";
	padding: 0;
} */

/* sns button */
.column-share{
	margin: 20px 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.column-share.column-share-dtop{
	margin: 0;
}
.column-share .shareHdg {
	margin-right: 10px;
	color: #888;
	font-size: 1.33846rem;
}
.shareList{
	display: flex;
	justify-content:flex-end;
}
.shareList > li {
  display: inline-block;
  vertical-align: top;
}
.shareList > li ~ li {
  margin-left: 4px;
}
.shareList a {
  display: block;
  position: relative;
  border-bottom: none;
  width: 32px;
  height: 32px;
  color: #FFF;
  transition: border-radius .2s;
}
.shareList a:hover {
  border-radius: 4px;
}
.shareList .hb a {
  background-color: #00a4de;
}
.shareList .fab {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1.4rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: font-size .2s;
}
.shareList a:hover .fab {
  font-size: 1.8rem;
}
.fa-hatena:before {
	content: "B!";
	font-family: Verdana;
	font-weight: bold;
}
.news-archive-post-list {
	margin: 0 0 64px 0;
}
.column-page-contents .wysiwyg h2 {
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.4;
	padding: 0;
	padding-left: 1em;
}
.column-page-contents .wysiwyg h2::before {
	display: none;
}
@media screen and (max-width: 700px) {
	.column-share {
    margin: 30px 0 20px 0;
	}
	.shareList {
		justify-content: flex-start;
	}
	.column-share.column-share-dtop{
		margin: 10px 0 0 0;
	}
	.news-archive-post-list {
		margin: 0 0 40px 0;
	}
	.column-page-contents .wysiwyg h2 {
		font-size: 20px;
		font-size: 2rem;
		text-align: left;
		padding-left: 0.5em;
	}
}




/*------------------------------------------
2.column detail page
------------------------------------------*/
.column-detail-header{
	display: flex;
	justify-content: space-between;
	margin-bottom: 4.8rem;
}
.column-detail-header .news-post-date-cat{
	margin-bottom:0px;
}
.column-info-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.column-info-box-inner {
	width: 47.9167%;
	margin-bottom: 28px;
}
.column-info-box-inner img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 700px) {
	.column-detail-header {
		flex-direction: column;
	}
	.column-info-box-inner {
		width: 100%;
	}
}


/* prevnextlink */
.prev_next_article_links{
	width: 100%;
	margin:40px 0 0 0;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	overflow: auto;
	position: relative;
}
.prev_next_article_links:after{
	position: absolute;
	content: "";
	background:#cfcfcf;
	width:1px;
	height: 80%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.prev_next_article_links li{
	display: table-cell;
	width: 50%;
	box-sizing:border-box;
	margin: 20px 0;
	list-style-type: none;
}
.prev_next_article_links li a{
	text-decoration: none;
	display:block;
	position: relative;
}
.prev_next_article_links li.prev_link{
	float: left;
}
.prev_next_article_links li.next_link{
	float: right;
}
.prev_next_article_links li a h2{
	margin: 0 0 0.8rem;
	text-decoration: underline;
	background: none;
	font-weight: 500;
	font-size: 1.4rem;
    line-height: 1.6;
}
.prev_next_article_links li a:hover h2{
	text-decoration:none;
}
.prev_next_article_links .next_link a{
	padding: 10px 38px 10px 30px;
}
.prev_next_article_links .prev_link a{
	padding: 10px 30px 10px 38px;
}
.prev_next_article_links .next_link a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 20px;
	width: 20px;
	background: url(https://www.nikken-cm.com/wp/wp-content/themes/ncm/common/img/common/icon-circle-next.png) no-repeat;
	background-size: 20px 20px;
}
.prev_next_article_links .prev_link a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 20px;
	width: 20px;
	background: url(https://www.nikken-cm.com/wp/wp-content/themes/ncm/common/img/common/icon-circle-prev.png) no-repeat;
	background-size: 20px 20px;
}

@media only screen and (max-width: 700px){
	.prev_next_article_links{
		border-bottom:none;
	}
	.prev_next_article_links:after {
    height: 90%;
	}
	.prev_next_article_links .next_link a:before {
    right: 0px;
    margin: 2px 0 0;
	}
	.prev_next_article_links .prev_link a:before {
		left: 0px;
		margin: 2px 0 0;
	}
	.prev_next_article_links .prev_link a {
		padding: 10px 15px 10px 32px;
	}
	.prev_next_article_links .next_link a {
		padding: 10px 32px 10px 15px;
	}
}