TF-8";
/* CSS Document */

.topics{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:flex-end;
display: inline-block;
padding: 0 1%;	
}
.to-box{
width: 10%;
margin: 0;	
color: #E4483E;		
	 text-shadow    : 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;  
	float: left;
	margin-top: 3%;	
}

.topics-box{
width: 85%;
display: block;
float: right;
margin-top: 3%;		
}

#newsWrap{
width: 100%;	
}

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul#newsList li{
	color:#004AAD;
	font-size:1em;
	margin:0;
	padding:1% 0;
	margin-bottom:3px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	line-height:120%;
	list-style-type:none;
	margin: 1% 0;
	
}
#newsWrap a{color:#0A2F61;border-bottom: solid 2px #0A2F61; padding-bottom: 0.3%;padding-left: 0.5%;line-height: 1.5;}
#newsWrap a:hover{color:#0A2F61;text-decoration:none;}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #AD2111;
	border-radius:6px;
	font-size:1em;
	line-height:100%;
	margin:0 2px;
	color: #AD2111;
}
.newMark{
	display:inline-block;
	border:1px solid #8FAD11;
	padding:1px 4px;
	font-size:1em;
	line-height:100%;
	background:#8FAD11;
	color:#333;
	box-shadow:1px 1px 1px #8FAD11;
	border-radius:8px;
	font-style:italic;
}
.comment{
	display:block;
	padding:0 1%;
	float:left;
	overflow:hidden;
	width:100%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	line-height: 1.75;
	color: #333;
}
.thumbNailWrap{
	display:block;
	width:30%;
	float:left;
	overflow:hidden;
	margin-top: 1%;
}
/*お知らせ*/
.background-img{
width: 100%;
height: auto;
display: inline-block;
position: relative;
}
.background-img .back-illust1{
width: 100%;
margin-top:-1.5%;	
}
.background-img .back-text strong{
font-size:2em;
display: block;	
}
.background-img .back-text{
font-size: 1em;
position: absolute;
color: #fff;	
top: 3.5%;
text-align: center;
width:100%;	
line-height: 1.2;	
}
.inner{
width: 100%;
padding: 2%;	
border: 1px solid #333;
margin: 1% 0;	
}
#up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 10px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
}
.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
	color: #fff;
}


.detailUpfile img{
	max-width:100%;
	height:auto;
	color:#fff;
}
.pNav{
color: #333;
font-size: 1em;
margin-top: 3%;	
}
.pNav a{
color:#004AAD;
font-size: 1em;
}			
.detailText{
	color: #fff!important;
	font-size: 1em!important;
			}
.btn a{
background-color:#004AAD;
border-radius: 50px;
color: #fff;
display: block;
margin: 0 auto;
width: 20%;
padding: 1%;
text-align: center;
margin-bottom: 5%;	
transition: all 0.5s;
border:#004AAD 2px solid;	
}
.btn a:hover{
background-color: rgba(255,255,255,0.0);
color: #004AAD;
text-decoration: transparent;		
}
@media (max-width: 1100px){
.background-img .back-text{	
top: 2.5%;	
}	
.to-box{
width: 100%;
padding: 0 2%;	
}

.topics-box{
width: 100%;
padding: 0 2%;	
}	
	}
@media (max-width: 900px){
.background-img .back-text{	
top: 1.5%;	
}	
}
@media (max-width: 670px){
.background-img .back-text strong{
font-size:1.3em;	
}	
.background-img .back-text{	
top:0.5%;	
	
}
.btn a{
width: 40%;	
}	
	
}
@media (max-width: 400px){

.background-img .back-text{	
top:0%;	
	
}
	
	
}