@charset "sjis";

body{
    width: 100%;
    font-family: "Hiragino Kaku Gothic ProN","Noto Sans JP","Helvetica Neue",Arial,"Hiragino Sans",Meiryo,sans-serif;
}


section.pagetitle {
    background: url(../images/maintitle.jpg) no-repeat center center;
    background-size: auto 100%;
    min-height: inherit;
    display: block;
}
section.pagetitle h2{
margin: 0 auto 10px;
}
main ul{
width: 100%;
margin: 30px auto;
padding: 0;
box-shadow: 1px 0px 4px #cccccc;
}
main ul li{
border-top: 1px solid #cccccc;
overflow: hidden;
}
main ul li img{
float: left;
width: 30%;
height: 100px;
object-fit: cover;
}
main ul li p{
width: 70%;
padding: 10px;
float: right;
color: #646464;
margin: 0;
}
main ul li p span{
display: block;
color: #3972E3;
}

main .pager ul{
box-shadow: none;
}
main .pager ul li{
border: none;
}
main .pager ul li a{
border-radius: 0;
border: none;
background-color: #CF0508;
color: #fff;
margin-right: 10px;
}
/*-----------------------------------------------------
window size 900-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:900px){
.pagetitle{
margin: 0 auto;
box-shadow: none;
}
main ul{
box-shadow: none;
overflow: hidden;
width: 90%;
max-width: 850px;
margin: 50px auto;
}
main ul li{
border: 1px solid #cccccc;
width: 47%;
float: left;
margin: 20px 3% 0 0;
}
main ul li:hover{
opacity: 0.8;
}
section.pagetitle h2 {
    margin: 0;
}
main .pager ul li{
float: none;
}













































}