@charset "UTF-8";

main {
    margin:0 auto 5%;
    padding: 0 0;
    max-width:750px;
    width:90%;
}
main p{
    line-height:1.6em;
    text-align: center;
}
#top .swiper{
    padding: 0 0 2%;
}
#top .swiper-pagination{
    bottom: 0;
}
#top .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
#top .swiper-pagination-bullet-active{
    background: #444;
}
#top .swiper-wrapper{
    padding: 5% 0;
}
.swiper-wrapper li.swiper-slide-active {
    transform: scale(1.2);
    transition-duration:0.3s;
}
.swiper-wrapper li a img{
    display:block;
    position:relative;
    top:0;
    transition: all ease 0.8s;
}
.swiper-wrapper li a:hover img{
    top:-5px;
}
.swiper-wrapper li p.text{
    border-top: 1pt solid #999;
    font-size: 0.6em;
    font-weight: 300;
    margin: 12% auto 0;
    padding: 8% 0;
}
.swiper-wrapper li a{
    display: block;
    border-radius: 30px;
    text-align:center;
    font-size: 0.7em;
    margin: 6% auto 0;
    padding: 5px;
    width: 100%;
    transition: all ease 0.5s;
}
.swiper-wrapper li a.link_a{
    background: #ecd8c8;
}
.swiper-wrapper li a.link_a:hover{
    background: #d9c6b6;
}
.swiper-wrapper li a.link_b{
    background: #c8dcec;
}
.swiper-wrapper li a.link_b:hover{
    background: #b1c4d3;
}
.swiper-wrapper li:not(.swiper-slide-active) p.text,
.swiper-wrapper li:not(.swiper-slide-active) a.link_b{
    display:none;
}
@media print,screen and (min-width: 769px){
}

@media print,screen and (max-width: 768px){
    #top .swiper{
        padding: 0 0 15%;
    }
    .swiper-wrapper{
        padding: 5% 0 10%;
    }
    main p{
        text-align: left;
    }
}