@charset "utf-8";

/* ページャー
========================================================================== */
.pager01_area{
margin:0 auto 25px;
  width: 620px;
  z-index: 10;
}

.pager01{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  justify-content:center;
  -webkit-justify-content:center;/* Safari */
}

.pager_line_bottom,
.pager_line_bottom02,
.pager_line_top{
  border: 0;/* hr初期化 */	
  border-top: solid 2px #dcd0b8;
  height: 0;/* hr初期化 */	
  padding: 0;/* hr初期化 */
}

.pager_line_bottom{
  margin: 50px 0 14px 0;
}

.pager_line_bottom02{
  margin: 60px 0 14px 0;
}

.pager_line_top{
  margin: 0 0 14px 0;
}

.pager01 li{
  margin-right: 6px;
  white-space: nowrap;
}

.pager01 li:last-child{
  margin-right: 0px;
}

.pager01 li > span,
.pager01 li a {
  border-radius: 2px;
  display: block;
  padding: 6px 12px;
}

.pager01 li a {
  background: #f2eee9;
  border: solid 1px #cbc2bb;
}

.pager01 li.current span{
  background: #0168b7;
  border: solid 1px #0d579b;
  color: #fff;
}

.pager01 li > span{
  background: #ddd;
  border: solid 1px #bbb;
  color: #999;
}

.pager01 .pager_prev_g span::before{
  content:url(/static/detail/image_cmn/pager_prev_g.png);
  position: relative;
  bottom: 0;
  left: -4px;
}

.pager01 .pager_next_g span::after{
  content: url(/static/detail/image_cmn/pager_next_g.png);
  position: relative;
  bottom: 0;
  right: -6px;
}

.pager01 .pager_prev a::before{
  content: url(/static/detail/image_cmn/pager_prev.png);
  position: relative;
  bottom: 0;
  left: -4px;
}

.pager01 .pager_next a::after{
  content: url(/static/detail/image_cmn/pager_next.png);
  position: relative;
  bottom: 0;
  right: -6px;
}

/*セレクト*/
.pager01 .pager_select{
  border: 1px solid #d2d2d2;
  width: 144px;
}