@charset "UTF-8";

body {
    
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


.pager {
    clear:both;
    margin:30px 0;
    text-align:center;
}

.pager span {
    margin:5px;
    padding:5px 8px;
    background:#f8f4f2;
    border:1px #f8f4f2 solid;
}
.pager span:hover {
    cursor:pointer;
    background:#eee9e7;
}

.pager span.current {
    color:#000;
    background:none;
}
.pager span.current:hover {
    cursor:default;
}

.pager span.invalid {
    color:#dcdcdc;
    background:none;
}
.pager span.invalid:hover {
    cursor:default;
}

.pager span.ellipsis {
    color:#000;
    background:none;
}
.pager span.ellipsis:hover {
    cursor:default;
}

@media only screen and (max-width:480px){
.list {
    overflow:hidden;
    width:96%;
    max-width:480px;
    margin: 150px auto 30px;
    padding:0;
	}

.list li {
    display:block;
    float:left;
    width:48%;
    margin:1% 1%;
    text-align:center;
    vertical-align:middle;
    list-style:none;
}

.list li img{
	width:100%;
	max-width:450px;
}
}

@media only screen and (min-width:481px){
	.list {
    overflow:hidden;
    width:100%;
		max-width:1600px;
    margin: 150px auto 30px;
    padding:0;
	}

.list li {
    display:block;
    float:left;
    width:29%;
    margin:1% 2%;
    text-align:center;
    vertical-align:middle;
    list-style:none;
}

.list li img{
	width:100%;
	max-width:450px;
}	
}