/* =========================================
 * column-style.css
 * 対象ページ：
 * /bizpost/column　以下すべてのページ
 * /bizpost/column　以下は全て旧サイトからの移行
 * 旧サイトのCSSだけでは対応できない部分やRN後のスタイルと不整合な部分があり、それらを補う目的で作成
 */
/* =========================================



/* これがないとパンくずがフッター上にいかない */
@media screen and (max-width: 767px) {

  .l-column-container {
    display: flex;
    flex-direction: column;
  }

  .l-column-container .l-column-wrapper {
    order: 1;
  }

  img {
    display: inline;
  }

  /* コラム一覧ページ用。SP時にパンくずが下部にいくとタイトルとヘッダー部分に余白できないので追記 */
  .main-title.mt {
    margin-top: 2.4rem;
  }
}

/* これをしないとフッター上のページトップが適切な位置にいかない */
footer.common .pagetop a {
  position: static;
}

/* パンくず法人トップにアンダーライン */
#path-box ul li a {
  text-decoration: underline;
}

#path-box ul li a:hover {
  text-decoration: none;
}

/* これをしないとバナーのボタンにアンダーラインがついてしまう */
/* 範囲はメインの記事部分に絞る */
main .l-column-container article a {
  text-decoration: none;
}

/* メインの記事部分の下の記事に関連するソリューションの下線の調整 */
.column-detail .related-solution ul li a{
  text-decoration: none;
}

.column-detail .related-solution ul li a:hover{
  text-decoration: underline;
}

.column-top a{
  text-decoration: none;
}

.column-top a:hover{
  text-decoration: underline;
}

.article-header .category a{
  text-decoration: none;
}

.article-header .category a:hover{
  text-decoration: underline;
}

/* 以下、ヘッダーフッダーのフォントの太さ */
/* コラムページだけこの太さにしないと他のヘページのヘッダー、フッターと整合性とれない */
.globalNavBizpost span {
  font-weight: 700;
}

.footerMainNav span {
  font-weight: 700;
}

/* どうしてもコラム配下だけグロナビアイコンが上に上がるので、調整 */
.globalNavBizpost .globalNav__item span::before  {
  top: -2px;
}

/* このリンクだけ表示がおかしかったので、リンク指定で見た目変更 */
/* 里帰りプロジェクト行 専用 */
p a[href*="inksatogaeri.jp"] {
  word-break: break-all;
  overflow-wrap: anywhere;
}
/* 親の justify を無効化 */
p:has(a[href*="inksatogaeri.jp"]) {
  text-align: left;
}

/* コラム一覧でタブレット時のメニューが崩れる問題を対処 */
@media screen and (max-width: 1024px)  {
  .column-list .c-tab-btn {
    font-size: 12px;
  }
}

@media screen and (max-width: 750px)  {
  .column-list .c-tab-btn {
    font-size: 1.4rem;
  }
}

/* コラムの前野記事、次の記事セクショ関連記事セクション　TABの縦むき、SPの横向きの際に、左右余白追加 */

@media screen and (max-width: 1024px)  {
  .column-detail .prev-next-link .inner {
    padding: 0 var(--XL);
  }
}

@media screen and (max-width: 468px) {
  .column-detail .prev-next-link .inner {
    padding: 0;
  }
}

@media screen and (max-width: 1024px)  {
  .column-detail .related-articles {
    padding: 0 var(--XL);
  }
}

@media screen and (max-width: 468px)  {
  .column-detail .related-articles {
    padding: 0 var(--M);
  }
}

@media screen and (max-width: 767px)  {
  .column-detail article .contents-list .title .btn:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
  }

  .column-detail article .contents-list .title.open .btn:before {
    transform: translate(-50%, -50%) rotate(0);
  }
}

@media screen and (max-width: 767px)  {
  .column-detail .ctr-contact-bnr1 .btn-contact > span {
    gap: 0.5rem;
  }
}


@media screen and (min-width: 768px)  {
  .StickContactBtns {
    bottom: 88px;
    z-index: 20;
  }
}

.column-detail article .content section table td {
  padding-left: 32px;
}