@charset "utf-8";




/**  news list **/




#newslist{
background:#ffff;
margin:2em auto;
padding-bottom:2em;
}
@media only screen and (min-width: 1170px) { /*pc*/
#newslist{
max-width:1150px;
}

}

@media only screen and (max-width: 767px) {/*sp*/
#newslist{
margin:2em 1%;
max-width:98%;
}

#newslist .box3{
display:block;
padding:0 0.5em 1em;
}

}

#main #newslist h2{
margin-bottom:0.5em;

}




#newslist a{
text-decoration:none;
color:#333;

}

@media only screen and (min-width: 768px) {/*pc*/

.listbox{
width:900px;
margin:0 auto;
}

}

.news_data{
margin:0.5em 0;
border-bottom:1px dotted #ccc;
padding:5px 0 10px;
}


@media only screen and (min-width: 768px) {/*pc*/

.news_data .fx{
display: flex;
justify-content:space-between;
}


.fx .entry {
flex-basis: auto;
order:1;
}
.fx figure {
order:3;
}

}


.news_data a{
display:block;
background:#fff;
padding:1em;
border-radius:0;
-moz-transition: 0.3s ease;
-webkit-transition:  0.3s ease;
-o-transition:  0.3s ease;
-ms-transition:  0.3s ease;
transition: 0.3s ease;

}


.news_data a:hover{
background:#F4F4F4;
background:#DBEDF2;
border-radius:20px;
}

.news_data h3{
margin-bottom:1em;
}


.news_data h3 .date{
font-size:80%;
text-decoration:none;
margin-right:10px;
color:#999;

}

.news_data h3 .title{
text-decoration:underline;
padding-left:1em;
background:url(img/ic_01.png) 0 0.4em no-repeat;

}

.news_data  a:hover h3 .title{
color:#cc0000;
}



@media only screen and (min-width: 768px) {/*pc*/

.news_data .fx figure{
width:30%;
/*height:0;*/
padding-top:22%;
overflow:hidden;
position:relative;
background:url(img/over_02.png);
-moz-transition: -moz-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-ms-transition: -ms-transform 0.3s ease;
transition: transform 0.3s ease;
}

.news_data .fx figure:hover{
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}

.news_data .fx figure img{
max-width:100%;
max-height:100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin:0;
}

}


@media only screen and (max-width: 767px) {/*sp*/

.news_data .fx figure{
width:100%;
padding:0 10px;
}


.news_data .fx figure img{
width:100%;
max-width:100%;
height:auto;
margin:0;
padding:0;


}

.news_data .fx figure{
-moz-transition: -moz-transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
-ms-transition: -ms-transform 0.3s ease;
transition: transform 0.3s ease;
}

.news_data .fx figure:hover{
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}

}






.pager{
margin:2em 1em 0;
text-align:center;
background:#F3F5F5;
padding:1em;

}

.pager a{
text-decoration:underline!important;
color:#069!important;
}

.pager a:hover{
color:#cc0000!important;
}

@media only screen and (max-width: 767px) {/*sp*/
.pager{
margin:2em 0.5em 0;
}