.magazine-wrap{
    position: relative;
}

#magazine .page{
    width: 100%;
    height: 100%;
}

#magazine{
    margin: 160px auto 0 !important;
    width: 100%;
    height: auto;
    max-width: 100%;
}

#magazine .page{
	background-color:#ccc;
	background-size:100% 100%;
}

#magazine .loader{
	background-image:url(07.PNG);
	width:24px;
	height:24px;
	display:block;
	position:absolute;
	top:600px;
	left:1px;
}

.magazine-guide{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.magazine-guide_lt,
.magazine-guide_rt,
.magazine-guide_rb,
.magazine-guide_lb,
.magazine-guide_ct{
    display: inline-block;
    position: absolute;
}

.magazine-guide_lt{
    top: -40px;
    left: 0;
}

.magazine-guide_rt{
    top: -40px;
    right: 0;
}

.magazine-guide_lb{
    bottom: -40px;
    left: 0;
}

.magazine-guide_rb{
    bottom: -40px;
    right: 0;
}

.magazine-guide_ct{
    left: 50%;
    transform: translateX(-50%);
    top: -100px;
}

.magazine-ctl_tp,
.magazine-ctl_bt{
    width: 990px;
    margin: 10px auto 0;
    display: flex;
}

@media (max-width:768px){
    .magazine-ctl_tp,
    .magazine-ctl_bt{
        width: 100%;
    }

    .magazine-ctl_tp{
        display: none;
    }
}

.magazine-ctl_tp > *{
    flex: 1;
    text-align: center;
}

.magazine-ctl_bt{
    justify-content: center;
}

#page-number{
    border: 1px solid var(--clr-gy);
    text-align: center;
    margin: 0 5px;
}

/* アーカイブページ */
@media (max-width:768px){
    .book-archive .flex4 > *{
        width: calc(50% - 20px/2);
        margin-right: 20px;
    }

    .book-archive .flex4 > *:nth-of-type(2n){
        margin-right: 0;
    }

    .book-archive .flex4 > *:nth-of-type(-n+2){
        margin-top: 0;
    }

    .book-archive .flex4 > *:nth-of-type(n+3){
        margin-top: 20px;
    }

    .book-archive .list-item_card > a{
        padding: 8px;
    }
}