@charset "UTF-8";
/* 04-grid.css — 並べ方：.row・.row-space・.col_1〜12・画面幅で出し分け（xx-show/hide）・ページ送り（pagination）
   （もとの style.css を、順番を変えずに分けたもの。上から順に読み込むので、ファイルの順番は変えないこと） */
/*---------------------------------
	GRID
-----------------------------------*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row-space{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  justify-content: start;
}

.row-space .col_1,
.row-space .col_2,
.row-space .col_3,
.row-space .col_4,
.row-space .col_5,
.row-space .col_6,
.row-space .col_7,
.row-space .col_8,
.row-space .col_9,
.row-space .col_10,
.row-space .col_11,
.row-space .col_12{
  padding-left:15px;
  padding-right:15px;
}
.row.center {
  -webkit-justify-content: center; /* Safari */
  justify-content: center;
  align-items: center;
}

.inner {
  padding: 0px 8%;
  margin: auto;
  width: 100%;
}

.col_2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col_3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.col_4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}
.col_5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}
.col_6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.col_7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}
.col_8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}
.col_9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.col_10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col_12 { /* margin-left:0; */
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.row .center {
  display: flex;
  /* justify-content: center; */
  align-items: center;
}
.row .last {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.row .first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: 0;
  order: 0;
}
.row-reverse{
  flex-direction: row-reverse;
}

.xxl-show, .xl-show, .lg-show, .md-show, .sm-show, .xs-show {
  display: none
}
.xxl-hide, .xl-hide, .lg-hide, .md-hide, .sm-hide, .xs-hide {
  display: inline-block;
}
.pagination {
  padding: 20px 0 20px;
  clear: both;
  /* bottom: -25px; */
  position: relative;
  background: #f5f5f5;
}
.pagination span, .pagination a {
  text-decoration: none;
  line-height: 1;
  width: 35px;
  height: 35px;
  color: #00367b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  /* color: #fff; */
  border: solid 2px #00367b;
  transition-property: all;
  transition-duration: .2s;
  margin: 3px;
}
.pagination a:hover {
  background: #00b9eb;
  color: #fff;
  border: solid 2px #00b9eb;
}
.pagination .current {
  background: #00367b;
  color: #fff;
  border: solid 2px #00367b;
}
.pagination a:before, .pagination a:after {
  display: none;
}