/* ポップアップ */
.swal2-popup {  
    border-radius: 30px !important;
    position: absolute;
    top: 30px;
    background: transparent !important;
  }
  img.inner_img {
    width: 100%;
  }
  a.pop_link {
    display: block;
    width: 100%;
    margin: -17% auto 0;
  }
  a.pop_link img {
    width: 95%;
    position: relative;
    top: -20px;
  }
  .castLink_button_container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
  }
  .castLink_button {
    padding: 3% 2%;
    width: 96%;
    display:block;
  }
  .castLink_container {
    position: absolute;
    top: 25%;
    display: grid;
    display: -ms-grid;
    grid-template-rows: 52% 52%;
    grid-template-columns: 32% 32% 32%;
    justify-items: center;
    justify-content: space-between;
    margin: 0 3%;
  }
  .castLink_photo {
    width:100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  .castLink {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  #cast1 {
    grid-row: 1;
    grid-column: 1;
  }
  #cast2 {
    grid-row: 1;
    grid-column: 2;
  }
  #cast3 {
    grid-row: 1;
    grid-column: 3;
  }
  #cast4 {
    grid-row: 2;
    grid-column: 1;
  }
  #cast5 {
    grid-row: 2;
    grid-column: 2;
  }
  #cast6 {
    grid-row: 2;
    grid-column: 3;
  }
  .swal2-close {
    color: #636363 !important;
  }
  .swal2-actions {
    display: none !important;
  }
  .swal2-content {
    position: relative;
  }
  
  @media (max-width: 450px) {
    a.pop_link img {
      width: 90%;
      position: relative;
      top: -10px;
    }
  }
  @media (max-width: 375px) {
    .castLink_container {
      grid-template-rows: 52%;
      grid-template-columns: 31% 31% 31%;
      justify-content: space-between;
      margin: 0 4%;
    }
    a.pop_link img {
    top: -18px;
    }