@charset "UTF-8";

body{
    /*background:#d8d0cb;*/
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
}
img{
    width:100%;
}
.number{
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
}
.font{
    font-family: "ab-kiraku-l", sans-serif;
    font-weight: 400;
    font-style: normal;
}
header{
    margin:0 auto 10%;
    padding:6% 0 0;
    width:100%;
}
header .logo{
    margin:0 auto;
    padding:0;
    max-width:230px;
    width:50%;
}
header .logo span{
    display:block;
    text-align:center;
    margin:0 auto 0;
    padding:3% 0 0;
}
footer{
    border-top: 1pt solid #999;
    margin:5% auto;
    padding: 0 0;
    width:100%;
}
footer ul{
    margin:0 auto 5%;
    padding:5% 0 0;
    width:95%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:baseline;
}
footer ul li{
    margin:0 1%;
    padding:0;
    max-width:42px;
    width:31%;
}
footer ul li img{
    position:relative;
    top:0;
    transition: all ease 0.8s;
}
footer ul li:hover img{
    top:-5px;
}
footer ul li a span{
    display:block;
    font-size:0.7em;
    text-align:center;
    margin:10px auto 0;
    padding:0;
}
footer .copy{
    font-size:0.7em;
    text-align:center;
    margin:0 auto;
    padding: 0 0 20px 0;
    width:100%;
}
.pager{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 3% auto 3%;
    padding: 3% 0;
}
.pager li{
    max-width: 180px;
    width: calc(97% / 3);
}
.pager li a{
    display: block;
    background: #ccc;
    font-size: 0.9em;
    text-align: center;
    width: 100%;
    padding: 7% 0;
    transition: all ease 0.8s;
}
.pager li.normal a{
    background: #ccc;
}
.pager li.normal a:hover{
    background: #aaa;
}
.pager li.home a{
    background: #ecd8c8;
}
.pager li.home a:hover{
    background: #d9c6b6;
}
@media print,screen and (min-width: 769px){
    .sp-disp{display: none;}
}

@media print,screen and (max-width: 768px){
    .pc-disp{display: none;}
}