body#top .container {
  max-width: 1410px; }

@media (min-width: 992px) {
  .sp {
    display: none; } }
@media (max-width: 991.98px) {
  .pc {
    display: none; } }
.c1 {
  color: #EE87B4; }

.c2 {
  color: #E9FBFE; }

.c3 {
  color: #DD962C; }

.c4 {
  color: #7EAB3F; }

.c5 {
  color: #FCC800; }

.c6 {
  color: #D60000; }

.c7 {
  color: linear-gradient(140deg, #EE87B4 0%, #0063c5 100%); }

.bs1 {
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2); }

.ts1 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }

*[class*="ov"] {
  -webkit-transition: all .3s;
  transition: all .3s; }

.ov50:hover {
  opacity: 0.25;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25); }

.ov50:hover {
  opacity: 0.50;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50); }

.ov75:hover {
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75); }

.oi25:hover img {
  opacity: 0.25;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25); }

.oi50:hover img {
  opacity: 0.50;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50); }

.oi75:hover img {
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75); }

.oi {
  display: block; }

.oi img {
  background-color: transparent; }

.oi:hover {
  background-color: transparent; }

.oi:hover img {
  visibility: hidden; }

.f_bold {
  font-weight: bold; }

.link_1 {
  padding-left: 15px;
  background: url(../image/icon/icon_link.gif) no-repeat left center; }

.navi ul,
.navi ul li {
  padding: 0;
  margin: 0; }

.navi ul {
  list-style: none; }

.navi li {
  float: left; }

.navi li a {
  display: block; }

.navi li a img {
  background-color: transparent; }

.navi li a:hover {
  background-color: transparent; }

.navi li a:hover img {
  visibility: hidden; }

#base .pos_al {
  text-align: left; }

#base .pos_ac {
  text-align: center; }

#base .pos_ar {
  text-align: right; }

#base .pos_vt {
  vertical-align: top; }

#base .pos_vm {
  vertical-align: middle; }

#base .pos_vb {
  vertical-align: bottom; }

#base .fl_left {
  float: left; }

#base .fl_right {
  float: right; }

#base .fl_left .fl_image {
  margin: 0 15px 5px 0; }

#base .fl_right .fl_image {
  margin: 0 0 5px 15px; }

* html .fl_left,
* html .fl_right {
  display: inline; }

.list_pager {
  margin-top: 50px;
  margin-bottom: 30px; }
  .list_pager ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
    .list_pager ul li {
      margin: 0 7px;
      font-size: 2.2rem;
      margin-bottom: 20px; }
      .list_pager ul li strong,
      .list_pager ul li a {
        display: block;
        min-width: 2em;
        padding: 2px 7px 4px;
        border: 1px rgba(0, 0, 0, 0) solid;
        text-decoration: none;
        color: #222;
        text-align: center; }
        .list_pager ul li strong:hover,
        .list_pager ul li a:hover {
          background: #EE87B4;
          color: #FFF;
          border: 1px solid #EE87B4; }
      .list_pager ul li.-arrow a {
        min-width: 2em;
        border: 1px #EE87B4 solid;
        color: #EE87B4; }
        .list_pager ul li.-arrow a:hover {
          color: #FFF; }
      .list_pager ul li strong {
        min-width: 2em;
        background: #EE87B4;
        border: 1px #EE87B4 solid;
        color: #FFF; }
      .list_pager ul li.next a, .list_pager ul li.back a {
        border: 1px #EE87B4 solid;
        color: #EE87B4; }
        .list_pager ul li.next a:hover, .list_pager ul li.back a:hover {
          color: #FFF; }