@charset "utf-8";

/* --------------------------------

  plugin

-------------------------------- */

/* utility */
/* .clearfix:after{content:"";display:table;clear:both}.block{display:block}.inline{display:inline}.table{display:table}.tcell{display:table-cell}.dn{display:none}.vh{visibility:hidden}.cb{clear:both}.cl{clear:left}.cr{clear:right}.fl{float:left}.fr{float:right}.center{text-align:center}.left{text-align:left}.right{text-align:right}.top{vertical-align:top}.middle{vertical-align:middle}.bottom{vertical-align:bottom}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.f80{font-size:.8em}.f90{font-size:.9em}.f120{font-size:1.2em}.f130{font-size:1.3em}.f140{font-size:1.4em}.f150{font-size:1.5em}.normal{font-weight:400}.bold{font-weight:700}.indent{text-indent:1em}.strike{text-decoration:line-through}.italic{font-style:italic}.mincho{font-family:"游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif}.red{color:red}.red2{color:#c00}.blue{color:#09f}.blue2{color:#06f}.orange{color:#f90}.orange2{color:#f60}.yellow{color:#ff0}.green{color:#096}.m1{margin-bottom:1em}.m5{margin-bottom:5px}.m10{margin-bottom:10px}.m15{margin-bottom:15px}.m20{margin-bottom:20px}.m30{margin-bottom:30px}.aligncenter{display:block;margin:0 auto}.alignright{float:right;margin-left:1em}.alignleft{float:left;margin-right:1em}img[class*=wp-image-],img[class*=attachment-]{height:auto;max-width:100%;margin-bottom:1em} */

/* pagination */
.pagination{margin-top:0;text-align:center;overflow:hidden}.pagination h2.screen-reader-text{display:none}.pagination a,.pagination span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:1px;padding:.3em .7em;color:#fff;font-size:.9em;text-align:center;background-color:#aaa}@media screen and (min-width: 768px), print{.pagination a,.pagination span{margin:2px;padding:.5em 1em}}.pagination a:hover,.pagination span.current{background-color:#fff;color: #333333}.pagination a:hover{text-decoration:none}
.pagination .arrow_left,.pagination .arrow_right{
  position: relative;
}
.pagination{
  display: flex;
  margin-top: 90px;
}
@media screen and (max-width: 767.98px) {
  .pagination{
    justify-content: center;
    margin-top: 40px;
  }
}
.pagination a, .pagination span{
  width: 30px;
  height: 30px;
  font-size: 1.5rem;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 10px 0 0;
  background-color: #333333;
  border: 1px solid #333333;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
}
.pagination a.arrow_right{
  margin: 0;
}
.pagination .arrow_left::before{
  content: "<";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  -webkit-transform: translate(-50% , -50%);
  -moz-transform: translate(-50% , -50%);
  -ms-transform: translate(-50% , -50%);
  -o-transform: translate(-50% , -50%);
  line-height: 1.2;
}
.pagination .arrow_right::before{
  content: ">";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  -webkit-transform: translate(-50% , -50%);
  -moz-transform: translate(-50% , -50%);
  -ms-transform: translate(-50% , -50%);
  -o-transform: translate(-50% , -50%);
  line-height: 1.2;
}