@charset "UTF-8";

/* .groupArea */
.groupArea {
	width:76.5%;
	margin:0 auto;
	clear:both;
}
.groupArea .title {
	text-align:center;
	font-size:18px;
	color:#b73a3a;
	padding:3.5% 0 0;
	line-height:1.4;
}

/* .newsList */
.newsList {
	padding:2.8% 0 0;
}
.newsList dl {
	display: table;
	width: 100%;
	font-size:15px;
}
.newsList dl a,
.newsList dl span {
	display: block;
	text-decoration: none;
}
.newsList dl a dt,
.newsList dl span dt {
	display: table-cell;
	vertical-align: top;
	padding: 5px 0;
	width: 170px;
	color: #333;
}
.newsList dl a dt span,
.newsList dl span dt span {
	width: 36px;
	height: 18px;
	background-color: #c52932;
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
}
.newsList dl a dd,
.newsList dl span dd {
	display: table-cell;
	vertical-align: top;
	padding: 5px 10px;
	text-decoration: underline;
}
.newsList dl a:hover dd,
.newsList dl span dd {
	text-decoration: none;
}

/* .detailArea */
.detailArea {
	width:69%;
	margin:0 auto;
}
.detailArea .dates {
	text-align:right;
	font-size:15px;
	padding:3.2% 0 4.5%;
}
.detailArea .dates span {
	display:inline-block;
	background:#b73b3b;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	padding:0 4px;
	margin:0 1.8% 0 0;
}
.detailArea .title01 {
	font-size:24px;
	padding-bottom:5.5%;
}
.detailArea .cont {
	font-size:16px;
	padding-bottom:1.5%;
}
.detailArea .cont p {
	padding-bottom:4%;
	line-height:2;
}
.detailArea .img01 {
	padding-bottom:10.5%;
}
.detailArea .links a {
	width: 16%;
	display: block;
	min-width: 110px;
	margin: 0 auto;
	text-align: center;
	color: #C52932;
	background-color: #f6f6f6;
	border: 2px solid #f47f82;
	padding:1% 0;
}
.detailArea .links a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	transition: all 0.2s linear;
}

@media only screen and (min-width:1px) and (max-width:680px){
/* .groupArea */
.groupArea {
	width:100%;
}
.groupArea .title {
	font-size:17px;
	padding-top:7%;
}

/* .newsList */
.newsList {
	padding:4% 0;
}
.newsList dl {
	border-bottom:#bfbfbf 1px solid;
}
.newsList dl:last-child {
	border-bottom:none;
}
.newsList dl a {
	display: block;
	background: url(../../../common/img/icon1.png) 98% center no-repeat;
	background-size: 11px auto;
}
.newsList dl a dt {
	display: block;
	padding: 4px 0 2px;
	width: 100%;
	font-size:13px;
}
.newsList dl a dt span {
	width: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}
.newsList dl a dd {
	display: block;
	padding: 0 25px 5px 0;
	color:#b73a3a;
	font-size:16px;
}

/* .detailArea */
.detailArea {
	width:100%;
}
.detailArea .title01 {
	font-size:18px;
	padding-bottom:6%;
}
.detailArea .dates {
	font-size:13px;
	padding:8% 0 9%;
}
.detailArea .cont p {
	line-height:1.4;
	padding-bottom:5.5%;
}
.detailArea .img01 {
	padding-bottom:14%;
}
.detailArea .links a {
	width:57%;
	padding:2.8% 0;
	font-weight:bold;
}
.detailArea .links a:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}
}