/* 麻美NoteStyle専用FAQ案。専用pluginの対象サイト条件内で、テーマ互換CSSより後に読込。
 * 原版: https://sidegigmama269.com/wp-content/themes/swell/build/css/blocks.css?ver=2.16.0
 * .faq_q/.faq_a の質問/回答、Q/Aマーカー、既存border/box/stripe/icon色のみ。
 * 本文・PHP・その他ブロック・テーマ本体は変更しない。
 * 元の色変数 --color_text/--color_main/--color_border/--color_gray/--color_faq_q/--color_faq_a は
 * 元設定値で供給が必要。標準col-textのQ/AはcurrentColorなので色変数に依存しない。
 */

.swell-block-faq {
  --swl-faq_icon_radius:0
}

.swell-block-faq.-icon-rounded {
  --swl-faq_icon_radius:10%
}

.swell-block-faq.-icon-circle {
  --swl-faq_icon_radius:50%
}

.swell-block-faq .swell-block-faq__item+.swell-block-faq__item {
  margin-top:1em
}

.swell-block-faq .faq_q {
  font-size:inherit;
  font-weight:700;
  line-height:1.5;
  margin:0;
  padding:1em 1em 1em 3em;
  position:relative
}

.swell-block-faq .faq_q:before {
  border-radius:var(--swl-faq_icon_radius);
  bottom:unset;
  content:"Q";
  display:block;
  font-family:Arial,sans-serif;
  font-weight:400;
  left:0;
  line-height:2;
  position:absolute;
  text-align:center;
  top:.75em;
  width:2em
}

.swell-block-faq .faq_a {
  line-height:1.5;
  padding:1em 1em 1em 3em;
  position:relative
}

.swell-block-faq .faq_a:before {
  border-radius:var(--swl-faq_icon_radius);
  content:"A";
  display:block;
  font-family:Arial,sans-serif;
  left:0;
  line-height:2;
  position:absolute;
  text-align:center;
  top:.75em;
  width:2em
}

.swell-block-faq.is-style-faq-border .swell-block-faq__item {
  padding-left:.5em;
  padding-right:.5em
}

.swell-block-faq.is-style-faq-border .swell-block-faq__item+.swell-block-faq__item {
  border-top:1px solid var(--color_border);
  padding-top:1em
}

.swell-block-faq.is-style-faq-box .swell-block-faq__item {
  border:1px solid var(--color_border)
}

.swell-block-faq.is-style-faq-box .faq_q {
  border-bottom:1px dashed var(--color_border)
}

.swell-block-faq.is-style-faq-box .faq_a,
.swell-block-faq.is-style-faq-box .faq_q,
.swell-block-faq.is-style-faq-stripe .faq_a,
.swell-block-faq.is-style-faq-stripe .faq_q {
  padding:1.25em 1em 1.25em 4em
}

.swell-block-faq.is-style-faq-box .faq_a:before,
.swell-block-faq.is-style-faq-box .faq_q:before,
.swell-block-faq.is-style-faq-stripe .faq_a:before,
.swell-block-faq.is-style-faq-stripe .faq_q:before {
  left:1em;
  position:absolute;
  top:1em
}

.swell-block-faq.is-style-faq-stripe .swell-block-faq__item:not(:last-child) {
  margin-bottom:1.5em
}

.swell-block-faq.is-style-faq-stripe .faq_q {
  background-color:var(--color_gray)
}

.swell-block-faq[data-a=col-text] .faq_a:before,
.swell-block-faq[data-q=col-text] .faq_q:before {
  box-shadow:0 0 0 1px currentcolor
}

.swell-block-faq[data-a=fill-text] .faq_a:before,
.swell-block-faq[data-q=fill-text] .faq_q:before {
  background-color:var(--color_text);
  color:#fff
}

.swell-block-faq[data-a=col-main] .faq_a:before,
.swell-block-faq[data-q=col-main] .faq_q:before {
  box-shadow:0 0 0 1px currentcolor;
  color:var(--color_main)
}

.swell-block-faq[data-a=fill-main] .faq_a:before,
.swell-block-faq[data-q=fill-main] .faq_q:before {
  background-color:var(--color_main);
  color:#fff
}

.swell-block-faq[data-q=col-custom] .faq_q:before {
  box-shadow:0 0 0 1px currentcolor;
  color:var(--color_faq_q)
}

.swell-block-faq[data-a=col-custom] .faq_a:before {
  box-shadow:0 0 0 1px currentcolor;
  color:var(--color_faq_a)
}

.swell-block-faq[data-q=fill-custom] .faq_q:before {
  background-color:var(--color_faq_q);
  color:#fff
}

.swell-block-faq[data-a=fill-custom] .faq_a:before {
  background-color:var(--color_faq_a);
  color:#fff
}