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

.wp-pagenavi {clear: both;text-align:center; margin-bottom: 50px;}
.wp-pagenavi a, .wp-pagenavi span {color: #fff;background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );background-color:#3d94f6;border:1px solid #3d94f6;padding: 8px 15px;margin: 0 2px;white-space: nowrap;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration:none;}
.wp-pagenavi a:hover{color:#3d94f6; background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );background-color:#dfdfdf;}
.wp-pagenavi span.current{color: #FFF;background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );background-color:#1e62d0;border-color: #3d94f6;font-weight: bold;}

a.btnRD {color: #FFF; text-decoration: none;}
.btnRD {width: calc(100% - 55px); display: block; padding: 15px 45px 15px 10px; font-size: 24px; font-weight: 700; border: 1px solid #E71B0F; background-color: #E71B0F; background-image: url("image/arrow_wh.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: right 20px center; border-radius: 5px; text-align: center;}
a.btnGRY {color: #FFF; text-decoration: none;}
.btnGRY {width: calc(100% - 40px); display: block; padding: 15px 20px; font-size: 24px; font-weight: 700; border: 1px solid #999999; background-color: #999999; background-image: url("image/arrow_wh2.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: left 20px center; border-radius: 5px; text-align: center;}
@media screen and (max-width: 812px) {
}
@media screen and (max-width: 500px) {
	.btnRD,.btnBE {font-size: 18px;}
	.btnRD {width: calc(100% - 35px); padding: 15px 25px 15px 10px; background-position: right 5px center;}
	.btnBE {background-position: left 5px center;}
}