@charset "UTF-8";

/**
* ------------------------------------------------------------
* ニュースレター登録・バナー（共通）
* ------------------------------------------------------------
*/

#journal-newsletter-area {
  background-color: #fff;
}

#journal-newsletter-area .container {
  text-align: center;
}

#journal-newsletter-text {
  color: #17375e;
  margin: 0 0 20px;
}


/*------ ニュースレター登録ボタン ------*/

.journal-newsletter-btn {
  width: 100%;
}

.journal-newsletter-btn a img {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}


/*------ バナー画像 ------*/

.journal-footer-banner {
  width: 100%;
  margin-top: 40px;
}

.journal-footer-banner a img {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}


/* ----------------------------------------
* PC
* ---------------------------------------- */

@media (min-width: 768px) {
  #journal-newsletter-area .container {
    padding: 40px 0;
  }
  /*------ ニュースレター登録ボタン ------*/
  .journal-newsletter-btn a img:hover {
    opacity: 0.7;
  }
  .journal-newsletter-btn .newsletter-pc {
    width: 437px;
  }
  .journal-newsletter-btn .newsletter-sp {
    display: none;
  }
  /*------ バナー画像 ------*/
  .journal-footer-banner-area .journal-footer-banner a img:hover {
    opacity: 0.7;
  }
  .journal-footer-banner-area .banner-sp {
    display: none;
  }
}


/* ----------------------------------------
* SP
* ---------------------------------------- */

@media (max-width: 767px) {
  #journal-newsletter-area .container {
    padding: 20px 2.816%;
  }
  #journal-newsletter-text {
    font-size: 16px;
  }
  /*------ ニュースレター登録ボタン ------*/
  .journal-newsletter-btn .newsletter-pc {
    display: none;
  }
  /*------ バナー画像 ------*/
  .journal-footer-banner-area .journal-footer-banner {
    margin-top: 20px;
  }
  .journal-footer-banner-area .banner-pc {
    display: none;
  }
  .journal-footer-banner-area .banner-sp {
    width: 100%;
  }
}