@charset "UTF-8";
/* 本文CSSが参照する Cocoon 由来のカスタムプロパティ定義（本番稼働CSSから回収） */

:root{
  --card-ratio: 16/9;
  --cocoon-basic-border-color: #ccc;
  --cocoon-basic-border-radius: 4px;
  --cocoon-blue-color: #0095d9;
  --cocoon-box-padding: 1em 1.5em;
  --cocoon-custom-answer-color: #007bbb;
  --cocoon-custom-background-color: inherit;
  --cocoon-custom-border-color: #ccc;
  --cocoon-custom-question-color: #b7282e;
  --cocoon-custom-text-color: inherit;
  --cocoon-grey-color: #949495;
  --cocoon-red-color: #e60033;
  --cocoon-text-color: #333;
  --cocoon-three-d-border-colors: #e3e3e3 #cecece #b4b4b4 #d6d6d6;
  --cocoon-white-color: #fff;
  --cocoon-x-pallid-text-color: #999;
  --cocoon-xx-thin-color: #f5f6f7;
  --wp--preset--color--ex-c: #eaf4fc;
  --wp--preset--color--key-color: #19448e;
}

/* 本文の各種ボックスが :before の擬似要素アイコンに FontAwesome 4.7 を使っているため同梱する。
   SWELLはFontAwesome4を読み込まないので、これが無いとアイコンが豆腐(□)になる。
   出典: Font Awesome 4.7.0 by Dave Gandy — SIL OFL 1.1 (font) / MIT (CSS) */
@font-face {
  font-family: 'FontAwesome';
  src: url(fonts/fontawesome-webfont.woff2) format('woff2'),
       url(fonts/fontawesome-webfont.woff) format('woff'),
       url(fonts/fontawesome-webfont.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}