@charset "utf-8";

/* ---------------------------------
		pager
------------------------------------*/
.pagenation {
    position: relative;
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagenation__bottom {
    margin: 0 0 30px;
}
.pagenation__top {
    margin: 30px 0 0;
}
.pagenationCount {
    position: relative;
    line-height: 1;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagenationCountTotal {
    font-size: 16px;
    font-weight: 700;
}
.pagenationCountTotalNum {
    padding-right: 8px;
    font-size: 26px;
    font-weight: 700;

    color: #144B82;
}
.pagenationCountPage {
    font-size: 14px;
    font-weight: 500;
}
.pagenationCountPageStartNum {

}
.pagenationCountPageEndNum {

}
.pagerListBox {
    position: relative;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.pagerPrev {
    margin-right: 5px;
}
.pagerPrevLink {
    display: block;
    min-width: 25px;
    height: 25px;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #144B82;
    color: #144B82;
    text-decoration: none;

    background-image: url("../images/wedge_left_blue.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 6px 12px;
}
.pagerNext {

}
.pagerNextLink {
    display: block;
    min-width: 25px;
    height: 25px;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #144B82;
    color: #144B82;
    text-decoration: none;

    background-image: url("../images/wedge_right_blue.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 6px 12px;
}
.pagerList {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.pagerList > *:last-child {
    margin-right: 0 !important;
}
.pagerListItem {
    margin-right: 5px;
}
.pagerListItem:last-child {
    margin-right: 0;
}
.pagerListItemLink {
    min-width: 25px;
    height: 25px;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #144B82;
    color: #144B82;
    background-color: #fff;
    text-decoration: none;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pagerListItemLink.current {
    background-color: #144B82;
    color: #fff;
}
.pagerListItemPoints {
    min-width: 25px;
    height: 25px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    border-radius: 5px;
    border: 1px solid #144B82;
    color: #144B82;
    background-color: #fff;
    text-decoration: none;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pagerListItemLinkText {

}

/*----------------------------------------
  画面の横幅が560pxまで
----------------------------------------*/
@media (max-width: 560px) {
	/* ---------------------------------
			pager
	------------------------------------*/
	.pagenation {

    }
	.pagenation__bottom {
		margin: 0 0 3.57vw;
	}
    .pagenation__top {
        margin: 7.14vw 0 0;
    }
    .pagenationCount {
        width: 100%;
    }
	.pagenation__bottom .pagenationCount {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
    .pagenationCountPc {
        display: none;
    }
    .pagenationCountTotal {
        font-size: 3.57vw;
        letter-spacing: 0.01em;
    }
    .pagenationCountTotalNum {
		padding-right: 1.78vw;
		font-size: 7.14vw;
    }
    .pagenationCountPage {
        font-size: 3.57vw;
    }
    .pagenationCountPageStartNum {

    }
    .pagenationCountPageEndNum {

    }
    .pagerListBox {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pagerListBoxPc {
        display: none;
    }
    .pagerList {

    }
    .pagerPrev {
		margin-top: 2.67vw;
        margin-right: 2.67vw;
    }
    .pagerPrevLink {
		min-width: 8.92vw;
		height: 8.92vw;
        border-radius: 0.89vw;
		border: 0.17vw solid #144B82;
        padding: 0 0.89vw;
        background-size: 1.07vw 2.5vw;
    }
    .pagerNext {
		margin-top: 2.67vw;
    }
    .pagerNextLink {
		min-width: 8.92vw;
		height: 8.92vw;
        border-radius: 0.89vw;
		border: 0.17vw solid #144B82;
        padding: 0 0.89vw;
        background-size: 1.07vw 2.5vw;
    }
    .pagerListItem {
		margin-top: 2.67vw;
        margin-right: 2.67vw;
    }
    .pagerListItemLink {
		min-width: 8.92vw;
		height: 8.92vw;
        border-radius: 0.89vw;
		border: 0.17vw solid #144B82;
        padding: 0 0.89vw;
        font-size: 3.75vw;
    }
    .pagerListItemLink.current {

    }
    .pagerListItemPoints {
		min-width: 8.92vw;
		height: 8.92vw;
        border-radius: 0.89vw;
		border: 0.17vw solid #144B82;
        padding: 0 0.89vw;
        font-size: 3.75vw;
    }
    .pagerListItemLinkText {

    }

}