#top-body {
        /*
        height: 400px;
        background:url("./../images/content_top_background.jpg") 50% 0px no-repeat;
        background-position :center;
        background-size:cover;
        */
        width: 100%;
        vertical-align: middle;

}

@media only screen and (max-width: 1200px){


}

@media only screen and (max-width: 960px){

}

}
@media only screen and (max-width: 640px){

#top-body {
        height: 200px;
}
}


/* Pager style */
.pager{
    text-align:right;
    padding:10px;
    clear:both;
}
/*ページャーボタン*/
.pager a{
  /*
    color: #333;
    */
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
    margin:0 6px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #1e87f0;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
    margin:0 6px;

    text-decoration: none;
}

.pager a:hover{
  /*
    background:#87c3ff;
    color: #fff;
    */
}

.overPagerPattern{
    padding:0 2px ;
}
/* Pager style */



.pager a {
  color: #323436;
  position: relative;
  display: inline-block;
  text-decoration: none;
  min-width: 18px;
  font-weight: bold;
  text-align: center;
}
.pager a:not(.current)::after  {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.pager a:not(.current):hover {
  color: #323436;
  text-decoration: none;
}
.pager a:not(.current):hover::after {
  transform: scale(1, 1);
}