.navi-square * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}

.navi-square .text {padding: 15px; text-align: center;}

.navi-square .navi-btn {display: inline-block; width: 40px; height: 40px; vertical-align: top; color: #fff; text-align: center; text-decoration: none; background-color: #8880af;}
.navi-square .navi-btn span {line-height: 40px;}
.navi-square a.navi-btn:hover,
.navi-square a.navi-btn.hover {background-color: #6f679a;}

.navi-square .navi-delimiter {display: inline-block; width: 8px; height: 40px; vertical-align: top;}

.navi-square .navi-digit {display: inline-block; min-width: 20px; height: 40px; padding: 0 10px; vertical-align: top; line-height: 40px; color: #000; text-align: center; text-decoration: none; background-color: #f3f3f5;}
.navi-square .navi-digit span {line-height: 40px;}
.navi-square a.navi-digit:hover,
.navi-square .navi-digit:active,
.navi-square a.navi-digit.hover,
.navi-square .navi-digit.active {color: #fff; background-color: #4d4e50;}

.navi-square .navi-first,
.navi-square .navi-last {display: none;}

.navi-square .navi-prev,
.navi-square .navi-next {}