@charset "utf-8";
/*============================================
スライドショー（PC版）
============================================*/
@media screen and (min-width:640px) {

div.splidewrapper {
    background-color:#ffffff;
    width:753px;
    height:auto;
    margin:auto;
}
    
div.splide__track {
    width:640px;
    height:930px;
    margin:auto;
    background:url(../images/reader_background.png);
}

.button.next {
    opacity:1;
}
.button.prev {
    opacity:1;
}

.splide__pagination {
    counter-reset: pagination-num;
}
    
.splide__pagination__page:before {
    counter-increment: pagination-num;
    content: counter( pagination-num );
}

}

/*============================================
スライドショー（モバイル版）
============================================*/
@media screen and (max-width:640px) {

div.splidewrapper {
    background-color:#ffffff;
    width:100%;
    height:auto;
    margin:auto;
}
    
div.splide__track {
    width:100%;
    height:auto;
    margin:auto;
    background:url(../images/reader_background.png);
    background-size:contain;
}
    
div.splide__track img {
    width:100%;
    height:auto;
}

div.splide__arrows {
    display:none;
}    

.button.next {
    opacity:1;
}
.button.prev {
    opacity:1;
}
.splide__pagination {
    counter-reset: pagination-num;
}

.splide__pagination__page:before {
    counter-increment: pagination-num;
    content: counter( pagination-num );
}
.paginationwrapper {
    height:30px;
    background-color:#818181;
}

}