/* common
=================================================================== */
/* layout
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* animation
=================================================================== */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(238, 238, 238, 0.92);
  z-index: 100;
  display: none; }
  .modal .modal--img {
    position: absolute;
    width: 90%;
    max-width: 1108px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    line-height: 0; }
    .modal .modal--img span {
      background: url(../img/top/banner--pc.jpg) no-repeat center center;
      background-size: 100% auto;
      padding-top: 36.9%;
      display: block; }
    .modal .modal--img .modal--close {
      position: absolute;
      background: url(../img/top/close.png) no-repeat center center;
      background-size: 100% auto;
      width: 66px;
      height: 66px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      top: auto;
      bottom: -33px;
      cursor: pointer; }

@media only screen and (max-width: 738px) {
  .modal .modal--img {
    width: 100%;
    max-width: inherit; }
    .modal .modal--img span {
      background: url(../img/top/banner--sp.jpg) no-repeat center center;
      background-size: 100% auto;
      padding-top: 131%; }
    .modal .modal--img .modal--close {
      display: none; }
  .modal .modal--close--sp {
    background: url(../img/top/close.png) no-repeat center center;
    background-size: 100% auto;
    width: 52px;
    height: 52px;
    position: fixed;
    left: auto;
    right: 10px;
    top: 10px;
    bottom: auto;
    transform: translate(0); } }
/* common
=================================================================== */