@charset "UTF-8";

/* 記事用
---------------------------------------------------------- */
/********** 文字の調整 **********/
.single {
  font-size: clamp(1.8rem, 1.203rem + 0.778vw, 2rem);
}
.single h3.wp-block-heading {
  width: 100%;
  margin: 2em auto 1em auto;
  font-size: 1.6em;
  color: #1e456c;
  font-weight: 600;
  display: inline-block;
  line-height: 1.3em;
  padding-bottom: 0.25em;
  text-align: left;
  border-bottom: 3px dashed #efefef;
}
.single h4.wp-block-heading {
  font-size: 1.25em;
  font-weight: 600;
  margin-block-start: 5rem;
  margin-block-end: 3rem;
  border-block-end: dotted 2px #545454;
}
.single h5.wp-block-heading {
  font-weight: 600;
  margin-block-start: 3rem;
  margin-block-end: 2rem;
}
.single .wp-block-image {
  margin-block-end: 3rem;
}

/********** リストの装飾調整 **********/
/***** 矢印 *****/
:root :where(.wp-block-list.is-style-sme-list-arrow) :where(li):before {
  border-color: #ff6e3b;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  display: block;
  height: 6px;
  left: calc(-1.5em + 7px);
  position: absolute;
  top: calc(var(--_half-leading) * 1rem + 10px);
  transform: rotate(-45deg);
  width: 6px;
}
:root :where(.wp-block-list.is-style-sme-list-arrow) :where(li):after {
  border: solid #ff6e3b;
  border-width: 2px 0 0;
  content: "";
  height: 0;
  left: calc(-1.5em + 5px);
  position: absolute;
  top: calc(var(--_half-leading) * 1rem + 12px);
  width: 8px;
}

/***** チェックマーク *****/
:root :where(.wp-block-list.is-style-sme-list-check) :where(li):before {
  border-color: #75cd00;
  border-style: solid;
  border-width: 0 0 2px 2px;
  content: "";
  display: block;
  height: 6px;
  left: calc(-1.5em + 5px);
  position: absolute;
  top: calc(var(--_half-leading) * 1rem + 9px);
  transform: rotate(-45deg);
  width: 8px;
}

/********** マンガページの調整 **********/
.gas-infobox.comic-titlebox {
  margin-block-end: 5rem;
}
.comic-infobox h4 {
  border-block-end: dotted 2px #333;
  margin-block-end: 2rem;
}
.comic-infobox .comic-imgbox {
  text-align: center;
  height: 350px;
}
