@charset "UTF-8";
/* custome
=================================================================== */
.customeSection {
  padding-bottom: 72px; }
  .customeSection h2 {
    background: url(../img/title__customephotos.png) no-repeat center center;
    background-size: auto 100%; }
  .customeSection .customeSection__list {
    margin-right: -34px;
    margin-bottom: 15px; }
    .customeSection .customeSection__list li {
      float: left;
      width: 267px;
      margin-right: 34px;
      margin-bottom: 36px;
      cursor: pointer; }
      .customeSection .customeSection__list li:hover .customeSection__list--image {
        border: 1px #000 solid; }
        .customeSection .customeSection__list li:hover .customeSection__list--image span {
          -webkit-transform: scale(1.1);
          transform: scale(1.1); }
      .customeSection .customeSection__list li .customeSection__list--image {
        height: 260px;
        border: 1px #e7e7e7 solid;
        overflow: hidden;
        margin-bottom: 9px;
        -ms-transition-duration: 0.4s;
        -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        -webkit-transition-duration: 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        　-moz-transition-duration: 0.4s;
        -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
        　transition-duration: 0.4s;
        transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
        .customeSection .customeSection__list li .customeSection__list--image span {
          -ms-transition-duration: 0.4s;
          -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          -webkit-transition-duration: 0.4s;
          -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          　-moz-transition-duration: 0.4s;
          -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          　transition-duration: 0.4s;
          transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          display: block;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover; }
          .customeSection .customeSection__list li .customeSection__list--image span a {
            height: 100%; }
      .customeSection .customeSection__list li .customeSection__list--name {
        float: left; }
      .customeSection .customeSection__list li .customeSection__list--date {
        font-size: 9px;
        float: right; }
  .customeSection .customeSection__page {
    text-align: center; }
    .customeSection .customeSection__page li {
      display: inline-block;
      font-size: 10px;
      -ms-transition-duration: 0.4s;
      -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      -webkit-transition-duration: 0.4s;
      -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　-moz-transition-duration: 0.4s;
      -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      　transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
      width: 36px;
      height: 36px;
      line-height: 34px;
      margin: 0 5px;
      border: 1px #000 solid;
      border-radius: 18px;
      background: #000;
      color: #fff;
      cursor: pointer;
      letter-spacing: 0; }
      .customeSection .customeSection__page li.selected, .customeSection .customeSection__page li:hover {
        background: #fff;
        color: #000; }