@charset "UTF-8";

/**
NEWS
**/

#news .wrap {
	padding:60px 0　0;
}
#news .newsBox {
	max-width:720px;
	margin:0 auto 30px;
}
#news .newsBox dl {
	width:100%;
	font-size:1.4rem;
	line-height:1;
	border-bottom:1px solid #707070;
	padding-top:.5em;
	padding-bottom:2em;
	margin-bottom:1.5em;
	position:relative;
}
#news .newsBox dl::after {
	content:'';
	display:block;
	width:8em;
	height:1px;
	background-color:#088d87;
	position:absolute;
	left:0;
	bottom:-1px;
	z-index:1;
}
#news .newsBox .date {
	width: 60px;
	font-family: 'Oswald', sans-serif;
}
#news .newsBox .cat {
	width:120px;
	text-align:center;
}
#news .newsBox .cat a {
	font-size:1.2rem;
	background-color:#fa2778;
	color:#FFFFFF;
	display:inline-block;
	line-height:2;
	padding:0 1em;
}
#news .newsBox dt {
	width:calc(100% - 180px);
}
#news .newsBox dt a {
	font-size:inherit;
	line-height:1.4;
	transition:.3s;
}
#news .newsBox dt a:hover {
	opacity:.5;
}

#news .contents.single {
	max-width:1000px;
	padding-top:30px;
}
#news .contents.single h2 {
	font-size:2.2rem;
	font-weight:500;
	line-height:1.3;
	border-bottom:4px solid #707070;
	padding:0 .5em .33em;
	margin-bottom:1em;
	position:relative;
}
#news .contents.single h2::after {
	content:'';
	display:block;
	width:8em;
	height:4px;
	background-color:#088d87;
	position:absolute;
	left:0;
	bottom:-4px;
	z-index:1;
}
#news .contents.single span.date {
	font-size:1.5rem;
	line-height:1;
	display:block;
}
#news .contents.single .contents_inner {
	padding:45px 0 90px;
}
#news .contents.single .newsnav {
	width:100%;
	font-size:1.5rem;
}
#news .contents.single .newsnav > div,
#news .contents.single .newsnav > a {
	width:9em;
}
#news .contents.single .newsnav > a {
	margin:0 3em;
}
#news .contents.single .newsnav div a {
	display:block;
} 
#news .contents.single .newsnav a {
	color:#E8236F;
	border:1px solid #E8236F;
	background-color:#FFFFFF;
	text-align:center;
	line-height:2;
	transition:.3s;
}
#news .contents.single .newsnav a:hover {
	background-color:#E8236F;
	color:#FFFFFF;
}



@media screen and (max-width:1500px){
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:1024px){

}

@media screen and (max-width: 768px){

#news .wrap {
	padding-top:30px;
}
#news .newsBox dl {
	font-size:1.3rem;
	padding-top:.5em;
	padding-bottom:1em;
	margin-bottom:.5em;
}
#news .newsBox .date {
	width: 50px;
}
#news .newsBox .cat {
	width:100px;
}
#news .newsBox .cat a {
	font-size:1.1rem;
	padding:0 .5em;
}
#news .newsBox dl::after {
	width:6em;
}
#news .newsBox dt {
	width:calc(100% - 150px);
}
#news .newsBox dt a {
	transition:0s;
}
#news .newsBox dt a:hover {
	opacity:1;
}

#news .contents.single {
	padding-top:0;
}
#news .contents.single h2 {
	font-size:1.6rem;
	border-bottom:3px solid #707070;
}
#news .contents.single h2::after {
	width:6em;
	height:3px;
	bottom:-3px;
}
#news .contents.single span.date {
	font-size:1.4rem;
}
#news .contents.single .contents_inner {
	padding:30px 0 45px;
}
#news .contents.single .newsnav {
	font-size:1.2rem;
}
#news .contents.single .newsnav > div,
#news .contents.single .newsnav > a {
	width:8em;
}
#news .contents.single .newsnav > a {
	margin:0 .5em;
	width:6em;
}
#news .contents.single .newsnav a {
	transition:0s;
}
#news .contents.single .newsnav a:hover {
	background-color:#ffffff;
	color:#E8236F;
}
	
}

@media screen and (max-width:640px){
}
	
@media screen and (max-width:480px){
}
	
@media screen and (max-width:360px){
}