@charset "utf-8";  
/*------------------------------------------------------------ 
    NEWS css
------------------------------------------------------------*/  

#detailHd{ background-image:url(../img/news/visual.jpg);}

#newsInner{
	width:auto;
	max-width:1000px;
	margin:80px auto;
	padding:0 10px;
}

#newsHd{
	width:auto;
	padding:20px;
	color:#fff;
	background:#97ACCF;
	overflow:hidden;
}

#newsHd h3{
	float:left;
	font-size:217%;
	line-height:1;
	letter-spacing:1px;
}

#newsHd p{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	padding-top:5px;
}

#sentence{
	width:auto;
	margin-bottom:45px;
	padding:50px 20px 20px;
	border-bottom:1px solid #2F599F;
}

.lead{
	font-size:200%;
	font-weight:bold;
	color:#2F599F;
	margin-bottom:10px;
}

.text{
	color:#333;
	font-size:150%;
	line-height:1.7;
	margin-bottom:40px;
}

.image{
	width:100%;
	margin-bottom:40px;
}

#pagination{
	width:100%;
	text-align:center;
	letter-spacing: -.40em;
}

#pagination li{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:100px;
	height:40px;
	margin:0 7px;
}

#pagination a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:134%;
	background:#2F599F;
}

.secHd{
	padding:90px 0 10px;
	margin-bottom:15px;
	color:#2F599F;
	font-size:200%;
	border-bottom:3px solid #97ABCF;
}

.kanren li{
	width:100%;
	padding:15px 0;
	border-bottom:1px solid #EFF1F1;
}

.kanren a{
	display:table;
	width:100%;
}

.kanren-img{
	display:table-cell;
	vertical-align:top;
	width:100px;
	padding-right:20px;
}

.kanren-info{
	display:table-cell;
	vertical-align:top;
}

.kanren-date{
	color:#333;
	font-size:109%;
}

.kanren-ttl{
	color:#666;
	font-size:150%;
	font-weight:bold;
	margin:8px 0;
}

.kanren-txt{
	color:#333;
	font-size:134%;
	line-height:1.5;
}

.archive{
	width:100%;
	letter-spacing: -.40em;
}

.archive li{
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal;
	margin-right:25px;
}

.archive a{
	display:block;
	line-height:2;
	color:#333;
	font-size:150%;
	padding-left:25px;
	background:url(../img/icon-arrow.png) no-repeat 6px 50%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.archive a:hover{ color:#2F599F;}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* TABLET */
@media screen and (max-width: 788px){

#newsHd{ padding:15px;}

#newsHd h3{ font-size:184%;}

#newsHd p,
.kanren-ttl,
.archive a{ font-size:134%;}

.lead{ font-size:175%;}

.text{
	font-size:134%;
	line-height:1.5;
}

.secHd{
	padding:60px 0 10px;
	font-size:175%;
}

.kanren-txt{ font-size:117%;}

.archive li{ margin-right:15px;}

}


/* SP */
@media screen and (max-width: 560px){

#newsInner{ margin:40px auto;}

#newsHd h3{
	float:none;
	font-size:150%;
}

#newsHd p{
	text-align:right;
	float:none;
	font-size:117%;
	padding-top:8px;
}

#sentence{
	margin-bottom:30px;
	padding:25px 10px 10px;
}

.lead{ font-size:150%;}

.text{
	font-size:117%;
	margin-bottom:20px;
}

.image{ margin-bottom:20px;}

.secHd{
	margin-bottom:10px;
	padding:45px 0 10px;
	font-size:150%;
}

.kanren li{ padding:10px 0;}

.kanren-img{
	width:80px;
	padding-right:10px;
}

.kanren-txt{
	font-size:109%;
	line-height:1.4;
}

.archive li{
	display:block;
	margin-right:0;
}

.archive a{
	line-height:1.8;
	font-size:117%;
	padding-left:25px;
	background:url(../img/icon-arrow.png) no-repeat 6px 50%;
}


}