/*
Theme Name: COW-SOAP Child
Theme URI: https://www.cow-soap.co.jp/
Author: COW-SOAP
Author URI: https://www.cow-soap.co.jp/
Description: 子テーマ
Template: cow-soap
*/

/* ------------------------------------------------------------
  【プレビュー時のみ】表示強制（真っ白になる現象の回避）
  ------------------------------------------------------------
  親テーマ側で、パンくず（.c-breadcrumbs-list）がある場合に
  main～footerを一旦「opacity:0」で隠し、JS等で解除して表示する演出がある。

  しかし、複製した下書きページのプレビューでは解除処理が走らず、
  main/footer が透明のまま（真っ白）になることがある。

  そこで、プレビュー表示（body.is-preview）のときだけ、
  opacity/transform を上書きして強制表示する。
  ※公開ページの演出には影響しない想定。
------------------------------------------------------------ */
body.is-preview .c-breadcrumbs-list~*,
body.is-preview main:has(.c-breadcrumbs-list)+footer {
  opacity: 1 !important;
  transform: none !important;
}

/* ------------------------------------------------------------
注記（キャプション/注意書き）テキスト
------------------------------------------------------------ */
.cs-event__attentionText {
  margin-top: 24px;
  margin-bottom: 40px;
  display: flex;
  -moz-column-gap: 0.25em;
  column-gap: 0.25em;
  font-size: 12px;
}
/* ------------------------------------------------------------
TOPPAGE　新規事業室用
------------------------------------------------------------ */
.p-top-bnr-frame-list__btn--back-note { background-color:#FFF7E3; }



/* 法人の<li>だけ：li側の背景アイコンは無効化 */
.l-nav-top-list__item.l-nav-top-list__item--corp{
  background-image: none;
}

/* 法人リンク専用 */
a.js-header-corp-teian-pill{
  padding: 4px 30px 4px 40px;
  border-radius: 9999px;
  background-color: rgba(214, 0, 28, 0.06);
  font-weight: 600;
  color: #D6001C;

  background-image:
    url(/assets/images/common/header_icon01.svg),
    url(/assets/images/common/btn_new_window.svg);
  background-repeat: no-repeat, no-repeat;
  background-size: 28px 28px, 14px 14px;
  background-position: left 12px center, right 12px center;
}

a.js-header-corp-teian-pill:hover{
  background-color: rgba(214, 0, 28, 0.10);
}