@charset "utf-8";
.fc-blue {
  color: #003894;
}

@media screen and (max-width: 767px) {
	.column-list-article__main-contents__bodyImg .main_img {
		margin-top: 4vw; 
	}
}

.column-list-article__main-contents {
	position: relative;
}
.column-list-article__main-contents::before {
	content: "";
	position: absolute;
	background: url(../../../images/static/column-list/column-niconico-0110/column-niconico-0110_img_12.png?$staticlink$) center top repeat;
	top: 270px;
	bottom: 240px; 
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	z-index: -1;
}
@media screen and (min-width: 769px) {
	.column-list-article__main-contents__articlearea {
		padding-bottom: 100px;
	}
	.column-list-article__main-contents__article {
//		background: url(../../../images/static/column-list/column-niconico-0110/column-niconico-0110_img_13.png?$staticlink$) center top repeat-y #fff;
	}
	.column-list-article__main-contents__article-lead {
		padding: 40px 5px 10px 75px;
		display: flex;
		align-items: flex-start;
		text-align: justify;
	}
	.column-list-article__main-contents__article-lead img {
		width: 370px;
		height: 365px;
		object-fit: cover;
		object-position: 0;
	}
	.column-list-article__main-contents__article {
		position: relative;
		background-color: #fff;
	}
	.column-list-article__main-contents__article::before,
	.column-list-article__main-contents__article::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 5px;
		background: #1e7d14;
	}
	.column-list-article__main-contents__article::before { left: 0; }
	.column-list-article__main-contents__article::after { right: 0; }
}
@media screen and (max-width: 768px) {
	.column-list-article__main-contents__article {
		position: relative;
		background-color: #fff;
	}
	.column-list-article__main-contents__article::before,
	.column-list-article__main-contents__article::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 5px;
		background: #1e7d14;
	}
	.column-list-article__main-contents__article::before { left: 0; }
	.column-list-article__main-contents__article::after { right: 0; }
	.column-list-article__main-contents__article-lead {
		padding: 6vw;
	}
	.column-list-article__main-contents__article-lead img {
		width: 90vw;
		height: auto;
		margin: 0 auto 0;
		max-width: 375px;
	}
}
@media screen and (max-width: 427px) {
	.column-list-article__main-contents__article-lead img {
		width: 90vw;
		height: auto;
		margin: -7vw -6vw 0;
		max-width: 375px;
	}
}
.column-list-article__main-contents__article img {
	position: relative;
	z-index: 1;
}
.column-list-article__main-contents__bodyText p {
	font-size: 18.5px;
	margin-bottom: 1.6em;
	text-align: justify;
}
.column-list-article__main-contents__bodyText sup {
	white-space: nowrap;
}
.column-list-article__main-contents__bodyText p ruby > rt {
	font-size: 60%;
}
.column-list-article__main-contents__bodyText p ruby[data-ruby] rt {
	display: none;
}
.column-list-article__main-contents__bodyText p ruby[data-ruby] {
	position: relative;
	display: inline-block;
}
 
.column-list-article__main-contents__bodyText p ruby[data-ruby]::after {
	content: attr(data-ruby);
	position: absolute;
	transform: translate(-50%, -1.7em);
	display: block;
	left: 50%;
	top: 0.9em;
	white-space: nowrap;
	font-size: 60%;
	letter-spacing: 0;
}

@media screen and (min-width: 768px) {
	.column-list-article__main-contents__bodyTitle {
		margin: 0 0 20px;
	}
	#column-anchor1 .column-list-article__main-contents__bodyText p,
	#column-anchor2 .column-list-article__main-contents__bodyText p,
	#column-anchor3 .column-list-article__main-contents__bodyText p,
	#column-anchor4 .column-list-article__main-contents__bodyText p {
		padding: 0 75px;
	}
}
@media screen and (max-width: 767px) {
	.column-list-article__main-contents__bodyTitle {
		margin: 0 0 4vw;
	}
	#column-anchor1 .column-list-article__main-contents__bodyText p,
	#column-anchor2 .column-list-article__main-contents__bodyText p,
	#column-anchor3 .column-list-article__main-contents__bodyText p,
	#column-anchor4 .column-list-article__main-contents__bodyText p {
		padding: 0 7vw;
		margin-bottom: 1.5em;
	}
	#column-anchor1 .column-list-article__main-contents__bodyItemImg {
		margin-top: -4vw;
	}
}

.column-list-article__main-contents__bodyImg p {
	display: none;
}
.column-list-article__main-contents__body-flex {
	font-size: 18.5px;
	text-align: justify;
}
@media screen and (min-width: 768px) {
	.column-list-article__main-contents__bodyWrapper {
		margin-bottom: 55px;
	}
	.column-list-article__main-contents__body-flex {
		display: flex;
		align-items: flex-start;
	}
	#column-anchor2 .body-flex1 {
		padding: 20px 65px 0 0;
	}
	#column-anchor2 .body-flex2 {
		padding: 20px 0 0 75px;
	}
	#column-anchor2 .column-list-article__caption {
		padding: 0 75px;
	}
	#column-anchor2 .body-flex2 {
		flex-direction: row-reverse;
	}
	#column-anchor2 .body-flex1 img {
		width: 450px;
		height: 305px;
		object-fit: cover;
		margin: -25px 20px 0 5px;
	}
	#column-anchor2 .body-flex2 img {
		width: 450px;
		height: 290px;
		object-fit: cover;
		margin: -20px 5px 0 15px;
	}
	#column-anchor3 .column-list-article__main-contents__bodyItemImg {
		margin-bottom: 30px; 
	}
}
@media screen and (max-width: 767px) {
	.column-list-article__main-contents__bodyWrapper {
		margin-bottom: 10vw;
	}
	#column-anchor2 .body-flex1 p,
	#column-anchor2 .body-flex2 p {
		padding: 0 7vw;
	}
	#column-anchor2 .body-flex1 img {
		margin-top: -8vw;
	}
	#column-anchor2 .body-flex2 img {
		margin-top: 5vw;
	}
	#column-anchor2 .column-list-article__caption {
		padding: 7vw 7vw 1vw;
	}
	#column-anchor3 .column-list-article__main-contents__bodyImg {
		margin-bottom: 30px;
	}
	#column-anchor3 .column-list-article__main-contents__bodyItemImg {
		margin-top: -5vw; 
	}
	#column-anchor4 .column-list-article__main-contents__bodyImg {
		margin: -4vw 0 24vw;
	}
}

.column-list-article__caption {
  display: block;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 0.5em;
}

.column-list-article__main-contents__bodyWrapper:after {
  display: none;
}

.column-list-article__main-contents__bodyWrapper::after {
  background: none;
}
