@charset "UTF-8";
/* CSS Document */

a.cmnBtnBL {color: #0168B7;}
a.cmnBtnOR {color: #D62710;}
a.cmnBtnBL:hover,a.cmnBtnOR:hover {color: #FFF;}
.cmnBtnBL,.cmnBtnOR {width: calc(100% - 32px); padding: 18px 15px;display: block; position: relative; margin: auto; overflow: visible; background-size: 30px 8px;}
.cmnBtnBL {height: 24px; line-height: 24px; background: url("../img/cmn/arrow_bl.svg") no-repeat right 15px center #FFF; border: 1px solid #0168B7;}
.cmnBtnOR {height: 24px; line-height: 24px; background: url("../img/cmn/arrow_or.svg") no-repeat right 15px center #FFF; border: 1px solid #D62710;}
.cmnBtnBL:hover,.cmnBtnOR:hover {opacity: 1; background-size: 30px 8px; transition: all .2s;}
.cmnBtnBL:hover {background: url("../img/cmn/arrow_wh.svg") no-repeat right 5px center #0168B7;}
.cmnBtnOR:hover {background: url("../img/cmn/arrow_wh.svg") no-repeat right 5px center #D62710;}
@media screen and (max-width: 500px) {
	.cmnBtnBL,.cmnBtnOR {width: calc(100% - 22px); padding: 10px 10px;}
}

a.cmnBtnWH {color: #FFF;}
a.cmnBtnWH:hover {color: #666;}
.cmnBtnWH {width: calc(100% - 32px); padding: 0 15px; border: 1px solid #FFF; display: block; position: relative; margin: auto; overflow: visible; background: url("../img/arrow2.svg") no-repeat right 15px center; background-size: 5px 8px;}
.cmnBtnWH {height: 28px; line-height: 28px; text-shadow: 0 1px 1px rgba(0,0,0,0.8); border-shadow: 0 1px 1px rgba(0,0,0,0.8);}
.cmnBtnWH:hover {opacity: 1; background: url("../img/arrow1.svg") no-repeat right 5px center rgba(255,255,255,0.6); background-size: 5px 8px; transition: all .2s; text-shadow: none;}

.cmnBtnBLm,.cmnBtnORm {display: block; padding: 0 45px 0 15px; background-image: url("../img/cmn/arrow_wh.svg"); background-repeat: no-repeat; background-position: right 15px center; line-height: 40px; color: #FFF!important; font-size: 18px; font-weight: 700;}
.cmnBtnBLm:hover,.cmnBtnORm:hover {background-position: right 5px center;}
.cmnBtnBLm {background-color: #0168B7;}
.cmnBtnORm {background-color: #D62710;}
@media screen and (max-width: 763px) {
	.cmnBtnBLm,.cmnBtnORm {font-size: 16px;}
}

.pagenavi {margin: 0 1.5%;}
.pagenavi .wp-pagenavi span.pages {border: 1px solid #222; padding: 8px 8px; margin: 0 2px; color: #222;}
.pagenavi .wp-pagenavi span.current {border: 1px solid #222; padding: 3px 8px; margin: 0 2px; display: inline-block;background: #222; color: #FFF;}
.pagenavi .wp-pagenavi a.page,.pagenavi .wp-pagenavi a.nextpostslink,.pagenavi .wp-pagenavi a.previouspostslink {border: 1px solid #222; padding: 3px 8px; margin: 0 2px; display: inline-block; background: #FFF;}
.pagenavi .wp-pagenavi a.page:hover,.pagenavi .wp-pagenavi a.nextpostslink:hover,.pagenavi .wp-pagenavi a.previouspostslink:hover {border: 1px solid #222; background: #222;}