/*!
Theme Name: gestaltnet.jp
Author: Netpartner
Author URI: https://netpartner.jp/
Description: ゲシュタルトネットワークジャパン用カスタムテーマ
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: gestaltnet-jp
*/

/** 記事一覧 **/
.wp_bl_articleList {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}

/** アイコン付き一覧 **/
.wp_bl_subHeaderWithIcon {
  column-gap: 1rem;
  display: flex;
  flex-wrap: nowrap;
}

/** アイキャッチ **/
.wp_bl_eyecatch img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/* ページネーション */
.navigation {
  margin-top: 62px;
}

.nav-links {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  overflow-x: auto;
}

.nav-links > *:last-child {
  margin-right: 0;
}

.page-numbers {
  font-size: 1.8rem;
  margin-right: 3rem;
  text-align: center;
  transition: .2s;
  transition: .4s ease-in-out;
}

.page-numbers:hover,
.page-numbers:focus,
.page-numbers:active {
  text-decoration: underline;
}

.page-numbers.current {
  color: var(--col_gold);
}

.page-numbers.prev {
  margin-right: 2rem;
}

.page-numbers.next {
  margin-left: 1.2rem;
}

.page-numbers.current:hover,
.page-numbers.current:focus,
.page-numbers.current:active,
.page-numbers.dots:hover,
.page-numbers.dots:focus,
.page-numbers.dots:active {
  text-decoration: none;
}

.wp-nav-links-single li:first-child a::before {
  content: '＜　';
}

.wp-nav-links-single li:last-child a::after {
  content: '　＞';
}


/** 本文に対するCSSリセットを巻き戻し（WPのwysiwyg対応） */
.wp_bl_content * {
  all: revert;
}

/* リンク色を青からデフォルトへ変更 */
.wp_bl_content a {
  color: inherit;
  text-decoration: underline;
}

.wp_bl_content a:hover,
.wp_bl_content a:focus,
.wp_bl_content a:active {
  text-decoration: underline var(--col_gold);
}

/* 本文見出し */
.wp_bl_content h1,
.wp_bl_content h2,
.wp_bl_content h3,
.wp_bl_content h4,
.wp_bl_content h5,
.wp_bl_content h6 {
  font-weight: bold;
  margin: 30px 0 15px -3rem;
  text-align: left;
  width: 100%;
}

.wp_bl_content h1 {
  background-color: var(--col_lightGold);
  border-left: 10px solid var(--col_mainCol);
  font-size: 2rem;
  line-height: 1.2;
  padding: 1.5rem 2rem;
}

.wp_bl_content h2 {
  background-color: var(--col_lightGold);
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 1.5rem 3rem;
}

.wp_bl_content h3 {
  border-bottom: 3px solid var(--col_lightGold);
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0 3rem 1rem;
}

.wp_bl_content h4 {
  border-bottom: 1px solid var(--col_gray70);
  font-size: 1.6rem;
  line-height: 1.5;
  padding: 0 3rem 1rem;
}

.wp_bl_content h5 {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 1.4rem;
  gap: 1.2rem;
  justify-content: flex-start;
  line-height: 1.714;
  padding: 0;
}

.wp_bl_content h5::before {
  background-color: var(--col_gray70);
  content: '';
  height: 1px;
  width: 1.8rem;
}

.wp_bl_content h6 {
  font-size: 1.4rem;
  line-height: 1.714;
  padding: 0 3rem;
}

/*
* ファーストビュー
*/
.wp_bl_fvWrapper {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

.mypage_bl_fv {
  background-color: var(--col_white);
  margin: 0 auto;
  width: 100%;
}

.wp_bl_fvWrapper source,
.wp_bl_fvWrapper img {
  aspect-ratio: 1366 / 395;
  height: auto;
  object-fit: cover;
  width: 100%;
}

@media screen and (max-width:896px) {
  /* 本文見出し */
  .wp_bl_content h1,
  .wp_bl_content h2,
  .wp_bl_content h3,
  .wp_bl_content h4,
  .wp_bl_content h5,
  .wp_bl_content h6 {
    margin: 30px 0 15px;
    width: unset;
  }

  .wp_bl_content h1 {
    font-size: 1.8rem;
  }

  /*
* ファーストビュー
*/
  .wp_bl_fvWrapper source,
  .wp_bl_fvWrapper img {
    aspect-ratio: 375 / 182;
  }
}