@charset "UTF-8";
/*scssをインポート*/
/* 設定用。変数の宣言はここ*/
/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
/*----------------------------------------------------
	色の設定
----------------------------------------------------*/
/*----------------------------------------------------
	各種角丸
----------------------------------------------------*/
/* ミックスイン、@extend、CSS3など*/
/* clearfix */
.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }

/*----------------------------------------------------
	ページネーション
----------------------------------------------------*/
.pager {
  margin: 0 auto 5%;
  font-family: acumin-pro,sans-serif;
  font-weight: 700;
  font-style: normal; }
  .pager ul {
    width: 60%;
    list-style: none;
    position: relative;
    display: inline-block; }
    .pager ul li {
      width: calc(90%/7);
      display: inline-block;
      margin: 0 auto;
      vertical-align: middle;
      text-align: center; }
      .pager ul li a, .pager ul li span {
        display: block;
        font-size: 120%;
        padding: 0.5em auto;
        border-radius: 5%;
        border: 0.2em solid #00aebd; }
      .pager ul li a {
        background: white;
        color: #00aebd;
        text-decoration: none; }
        .pager ul li a:hover {
          background: #ffff76;
          color: #000; }
    .pager ul .current {
      background: #ffff76;
      color: #000;
      border-radius: 5%; }
  @media all and (max-width: 640px) {
    .pager ul {
      width: 100%; } }

/*# sourceMappingURL=pager.css.map */