/*
Template: astra
Theme Name: astra_child
*/

/* -------------------------------------------------------------------------
   ユーティリティ・基本設定
------------------------------------------------------------------------- */
.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

.br-none br {
  display: none;
}

img {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
}

/* -------------------------------------------------------------------------
   スプラッシュ画面 (ローディング)
------------------------------------------------------------------------- */
#splash {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  animation: fadeIn 1.2s ease forwards, fadeOut 1.2s ease forwards 3s;
}

#splash img {
  max-width: 200px;
  width: 20vw;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* -------------------------------------------------------------------------
   メニュー・ボタン
------------------------------------------------------------------------- */
.menu_color01 {
  color: #264470;
}

.menu_color02 {
  color: #f58220;
}

.quadmenu-item:hover .menu_color01,
.quadmenu-item:hover .menu_color02 {
  color: #fff;
}

.my-full-width-btn .ha-creative-btn-wrap {
  width: 100% !important;
}

.my-full-width-btn .ha-creative-btn {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
}

/* -------------------------------------------------------------------------
   WP Show Posts / 投稿リスト (Voice, News等)
------------------------------------------------------------------------- */
.wpsp-custom-combined-acf {
  margin-top: 5px;
  font-size: 13px;
}

/* Voice Container */
.voice-container {
  text-align: left;
  margin-bottom: 1em;
}

.voice-single {
  background-color: #ADC965;
  display: inline-block;
  padding: 5px 1em;
  border-radius: 20px;
  color: #fff;
}

.voice-period {
  background-color: #fff;
  color: #ADC965;
  margin: 0 5px 0 10px;
  padding: 1px 10px 2px 10px;
  border-radius: 12px;
  font-size: 13px;
}

.wpsp-period-label {
  background-color: #89D5C9;
  color: #fff;
  padding: 2px 10px;
  border-radius: 12px;
}

.wpsp-custom-combined-acf {
  margin-top: 15px;
}

/* Event List */
.eventlist .wp-show-posts-single:nth-child(-n+2) {
  margin-top: 2em !important;
}

/* Common WP Show Posts Styles */
.wp-show-posts-image {
  margin-bottom: 10px;
}

.wp-show-posts-image img {
  transition: transform .5s ease;
  border-radius: 7px;
}

.wp-show-posts-image:hover img {
  transform: scale(1.03);
}

.wp-show-posts-entry-title a {
  font-size: 14px;
  font-weight: 600;
  color: #3a3a3a;
}

.wp-show-posts-entry-header {
  line-height: 1.2;
}

.wp-show-posts-entry-meta {
  margin-top: 5px;
}

/* News Specific Styles */
.news .wp-show-posts-entry-header {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.news .wp-show-posts-entry-title {
  margin: -2px 0 0 10px;
}

.news .wp-show-posts-entry-date {
  margin-left: 10px;
  white-space: pre;
}

.news .wp-show-posts-terms {
  background-color: #ADC965;
  border-radius: 30px;
  padding: 0 7px 2px 7px;
  white-space: pre;
  text-align: center;
  margin-left: 1em;
  font-size: 12px;
}

.news .wp-show-posts-terms a {
  color: #fff !important;
}

.news .wp-show-posts-separator {
  display: none;
}

.news .wp-show-posts-single {
  padding: 2em 0 !important;
  border-bottom: solid 1px #aaa !important;
  margin: 0 !important;
  transition: 0.5s;
}

.news .wp-show-posts-single:hover {
  background-color: #fff;
  transition: 0.5s;
}

/* -------------------------------------------------------------------------
   シングルページ・メインコンテンツ
------------------------------------------------------------------------- */
.sidebar-main {
  margin-top: -75px;
}

.single-kakomi {
  border: solid 1px #e6e6e6;
  padding: 2em;
  position: relative;
}

.ast-taxonomy-container li,
.single-cat li {
  list-style: none !important;
  background-color: #ADC965;
  position: absolute;
  top: 0;
  right: 0;
}

.ast-taxonomy-container a,
.single-cat a {
  color: #fff;
  font-size: 14px;
  padding: 0.5em 1em !important;
  display: block;
}

.single-cat-voice {
  list-style: none !important;
  background-color: #ADC965;
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 14px;
  padding: 0.5em 1em !important;
  display: block;
}

.published {
  color: #8a8a8a !important;
  font-family: "Noto Sans JP";
  font-weight: 400 !important;
}

.wp-show-posts-terms {
  font-family: "Noto Sans JP";
}

.entry-meta {
  margin: -5px 0 2em 0;
}

.entry-title {
  font-size: 21px !important;
  margin-top: 10px;
}

.entry-header {
  border-left: solid 3px #ccc;
  padding-left: 0.8em;
}

/* パンくずリスト */
.breadcrumbs,
.breadcrumbs a {
  color: #3a3a3a;
  font-size: 14px;
  font-family: "Noto Sans JP";
}

.breadcrumbs a:hover {
  color: #1967D2;
}

/* ページネーション */
.page-numbers {
  padding: 5px 15px;
  border: 1px solid #ccc;
  text-decoration: none;
  font-weight: bold;
}

.page-numbers:hover {
  background: #f4f4f4;
}

.singlepost-pagination {
  font-weight: bold;
  line-height: 2em;
  letter-spacing: 1px;
  font-size: 14px;
}

.singlepost-title {
  font-size: 16px;
}

/* -------------------------------------------------------------------------
   メディアクエリ (レスポンシブ設定)
------------------------------------------------------------------------- */

/* Tablet & Mobile (Max 980px) */
@media screen and (max-width: 980px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
  }

  .entry-title {
    margin-top: 40px;
    font-size: 18px !important;
  }

  .sidebar-main {
    margin-top: 0;
  }

  .watches_brand .ha-slick-img {
    border-top: 1px solid #e6e6e6;
    width: 70%;
  }

  .kotei {
    position: fixed;
    width: 100%;
    bottom: 0px;
    opacity: 0.9;
    z-index: 99;
  }

  .breadcrumbs,
  .breadcrumbs a {
    font-size: 13px;
  }

  .singlepost-title {
    font-size: 13px;
  }

  .navbar-offcanvas .main-quad {
    background: #fff !important;
  }

  .single-kakomi {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0.5em 1em 0.5em;
    margin-top: -2em;
  }

  .news .wp-show-posts-entry-header {
    display: block;
  }

  .playbtnCss {
    width: 180px !important;
  }

  .i13_bx_slider {
    margin-right: -175px !important;
  }

  .i13_bx_slider img {
    width: 180px;
  }

  .bx-caption span {
    width: 160px !important;
  }
}

/* Mobile (Max 780px) */
@media screen and (max-width: 780px) {
  .wp-show-posts-columns .wp-show-posts-single {
    display: flex;
    width: 48%;
  }

  .wp-show-posts-columns .wp-show-posts-single:nth-child(odd) {
    margin-right: 1% !important;
  }

  .wp-show-posts-columns .wp-show-posts-single:nth-child(even) {
    margin-left: 1% !important;
  }
}