@charset "utf-8";
/* CSS Document */

.column {
	background-color: #FFF;
	padding: 30px 40px;
	text-align: left;
}
.column .columnSec {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}
.column .columnSec .txt h3 {
	line-height: 1.4;
	margin-bottom: 0.5em;
}
.column .columnSec .txt h3 a {
	font-weight: bold;
}
.column .columnSec .txt h3 span:after {
	content: "\A";
	white-space: pre;
}
 @media (min-width: 768px) {
.column .columnSec:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.column .columnSec .thum {
	float: left;
	margin: 0 20px 30px 0;
}
.column .columnSec .thum img {
	width: 150px;
}
.column .columnSec .txt {
	float: left;
	width: 700px;
}
}
@media (max-width: 767px) {
.column .columnSec .thum {
	margin-bottom: 10px;
}
.column .columnSec .txt {
	margin-bottom: 20px;
}
}

.c_detail {
	background-color: #FFF;
	padding: 20px;
	text-align: left;
	color: #555;
}
.c_detail h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
.c_detail h3 span:after {
	content: "\A";
	white-space: pre;
}
.c_detail .center {
	border-top: 1px solid #CCC;
}
.c_detail .center .eyecatch {
	margin-bottom: 20px;
}
.c_detail .center .date {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}
.c_detail .center .txtarea {
	padding-bottom: 50px;
}
.c_detail .center .txtarea h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0080C0;
}
.c_detail .center .txtarea h4:before {
	content:"\f10c";
	font-family: FontAwesome;
	margin-right: 10px;
}
.c_detail .center .txtarea .txt strong {
	font-weight: bold;
}
.c_detail .center .txtarea p.txt {
	margin-bottom: 50px;
}
.c_detail .center .txtarea p.img {
	text-align: center;
	margin: 20px;
}
.c_detail .sidebar ul li {
	font-size: 12px;
	line-height: 1.4;
}
.c_detail .sidebar ul li a {
	display: block;
}
.c_detail .sidebar ul li a:hover {
	background-color: #FFF6E6;
}

@media (min-width: 768px) {
.c_detail .center {
	width: 720px;
	float: left;
}
.c_detail .sidebar {
	width: 150px;
	float: right;
}
.c_detail .sidebar ul li {
	margin-bottom: 20px;
}
.c_detail .sidebar ul li .txt {
	padding: 5px 5px 10px;
}
}
@media (max-width: 767px) {
.c_detail .center {
	margin-bottom: 30px;
	background: url(../story/img/sec_ttl_bg.png) no-repeat center bottom;
}
.c_detail .sidebar ul li {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
}
.c_detail .sidebar ul li a {
	text-decoration: none;
	padding: 5px 0;
}
.c_detail .sidebar ul li .txt:before {
	content:"\f152";
	font-family: FontAwesome;
	padding-right: 0.5em;
}
.c_detail .sidebar ul li img {
	display: none;
}
}