/* CSS Document */


/* UTILITIES */
.clr {
	clear: both;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.f_left {
	float: left;
}
.f_right {
	float: right;
}

.a_left {
	text-align: left;
}
.a_right {
	text-align: right;
}

.pc {
	opacity: 1;
	display: block;
}
.sp {
	opacity: 0;
	display: none;
	height: 0;
}

/*	MODAL */
div#news_contents h2 {
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px dotted #666;
	margin-bottom: .5rem;
}
div#news_contents h3 {
	font-size: 1.2rem;
	font-weight: normal;
	color: #6b8e23;
}
div#news_contents p {
	padding: 0 1rem;
}
div#news_contents p.date {
	text-align: right;
}


@media (max-width: 767px) {
	.pc {
		opacity: 0;
		display: none;
		height: 0;
	}
	.sp {
		opacity: 1;
		display: block;
	}
	
	/*	MODAL */
	div#news_contents, div#news_contents h2, div#news_contents h3, div#news_contents p {
		color: #333;
	}
	div#news_contents h2 {
		font-size: .8rem;
	}
	div#news_contents h3 {
		font-size: 1rem;
		font-weight: normal;
		color: #6b8e23;
	}
	div#news_contents p {
		padding: 0;
	}

}