@charset "UTF-8";
/* Template: jin
 * Theme Name: jin-child
 * Author: CrossPiece
 * Version: 1.00 */
/* サイト名のスタイルを変更する */



/*--------------------------------------------------- */
/* レビューフォーム */
/*--------------------------------------------------- */
main .wpcf7 {
  width: 100%;
}

.wpcf7-form .reviewSection label {
  margin-top: 1em;
}
.wpcf7-form .reviewSection textarea {
  height: 130px;
}
.wpcf7-form .reviewSection input[type="submit"] {
  background: #be4c9c;
}

/*--------------------------------------------------- */
/* header */
/*--------------------------------------------------- */
.header .tn-logo-size img {
  max-width: 386px;
}

/*--------------------------------------------------- */
/* バナー */
/*--------------------------------------------------- */
@media (min-width: 481px) {
  .mbVisible {
    display: none;
  }
}

.bannerBlock {
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
}





/* ポップアップバナー */
#popup {
  display: none;
}

/* コンテナ */
.popup-overlay-bg {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.popup-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 500px;
  min-width: 280px;
  max-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  animation: fadein 0.5s;
}

.popup-inner img {
  max-width: 100%;
  max-height: 500px;
  transition-duration: 0.5s;
}

/*@media only screen and (min-width: 768px) {
  .popup-inner img:hover {
    opacity: 0.5;
    transition-duration: 0.5s;
  }
}
*/
.popup-close {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 999999;
}

.popup-close-inner {
  display: block;
  position: relative;
  width: 50px;
  background: #d92525;
  border-radius: 50%;
  height: 50px;
}

.popup-close-inner:before, .popup-close-inner:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 30px;
  background: #fff;
}

.popup-close-inner:after {
  transform: translate(-50%, -50%) rotate(45deg);
}

.popup-close-inner:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* アニメーション */
@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}