/*
 * Cocoon（2.9.5・スキン ganchan03）の記事の装飾を、SWELL の本文（.post_content）でも同じように見せる CSS（2026-10-22 Claude）
 * Cocoon の style.css と、ページに埋め込まれていた CSS から、記事で使っている class の規則だけを機械で取り出した（記事は書き換えない方針のため）。
 * 対象：マーカー、太字・赤字、白枠・アイコンつき・ラベル・タブのボックス、吹き出し、文字サイズ fz-*、取り消し線、カラム、横スクロールの表 など
 * 取り出し方：swell_migration/tools/extract_cocoon_css.py。手で直したところは、このファイルの最後の「手直し」にまとめる。
 */
/* ---- Cocoon の色などの変数（:root）。装飾の規則が参照する ---- */
:root{--cocoon-twitter-color: #000000;--cocoon-mastodon-color: #6364FF;--cocoon-bluesky-color: #0085ff;--cocoon-misskey-color: #96d04a;--cocoon-facebook-color: #3b5998;--cocoon-threads-color: #000000;--cocoon-reddit-color: #FF4500;--cocoon-hatebu-color: #2c6ebd;--cocoon-google-plus-color: #dd4b39;--cocoon-pocket-color: #ef4056;--cocoon-line-color: #00c300;--cocoon-linkedin-color: #0077b5;--cocoon-website-color: #002561;--cocoon-instagram-color: #405de6;--cocoon-pinterest-color: #bd081c;--cocoon-youtube-color: #cd201f;--cocoon-tiktok-color: #000000;--cocoon-note-color: #000000;--cocoon-soundcloud-color: #ff8800;--cocoon-flickr-color: #111;--cocoon-amazon-color: #ff9900;--cocoon-twitch-color: #6441a4;--cocoon-rakuten-color: #bf0000;--cocoon-rakuten-room-color: #c61e79;--cocoon-slack-color: #e01563;--cocoon-github-color: #4078c0;--cocoon-codepen-color: #333;--cocoon-feedly-color: #2bb24c;--cocoon-rss-color: #f26522;--cocoon-copy-color: #333333;--cocoon-comment-color: #333333;--cocoon-red-color: #e60033;--cocoon-pink-color: #e95295;--cocoon-purple-color: #884898;--cocoon-deep-color: #55295b;--cocoon-indigo-color: #1e50a2;--cocoon-blue-color: #0095d9;--cocoon-light-blue-color: #2ca9e1;--cocoon-cyan-color: #00a3af;--cocoon-teal-color: #007b43;--cocoon-green-color: #3eb370;--cocoon-light-green-color: #8bc34a;--cocoon-lime-color: #c3d825;--cocoon-yellow-color: #ffd900;--cocoon-amber-color: #ffc107;--cocoon-orange-color: #f39800;--cocoon-deep-orange-color: #ea5506;--cocoon-brown-color: #954e2a;--cocoon-light-grey-color: #cccccc;--cocoon-grey-color: #949495;--cocoon-dark-grey-color: #666666;--cocoon-blue-gray-color: #607d8b;--cocoon-black-color: #333333;--cocoon-white-color: #ffffff;--cocoon-watery-blue-color: #f3fafe;--cocoon-watery-yellow-color: #fff7cc;--cocoon-watery-red-color: #fdf2f2;--cocoon-watery-green-color: #ebf8f4;--cocoon-custom-background-color: inherit;--cocoon-custom-text-color: inherit;--cocoon-custom-border-color: #ccc;--cocoon-default-font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--cocoon-text-color: #333;--cocoon-pallid-text-color: #777;--cocoon-x-pallid-text-color: #999;--cocoon-default-text-size: 18px;--cocoon-text-size-s: 0.8em;--cocoon-basic-border-color: #ccc;--cocoon-three-d-border-colors: #e3e3e3 #cecece #b4b4b4 #d6d6d6;--cocoon-middle-thickness-color: #888;--cocoon-thin-color: #ddd;--cocoon-x-thin-color: #eee;--cocoon-xx-thin-color: #f5f6f7;--cocoon-xxx-thin-color: #fafbfc;--cocoon-current-background-color: #eee;--cocoon-select-background-color: #d8eaf2;--cocoon-tab-label-color: #f2f2f2;--cocoon-tab-label-active-color: #404453;--cocoon-basic-border-radius: 4px;--cocoon-badge-border-radius: 2px;--cocoon-middle-border-radius: 8px;--cocoon-box-padding: 1em 1.5em;--cocoon-list-padding: min(1%, 8px) min(2%, 16px) min(1%, 8px) min(3%, 24px);--cocoon-list-wide-padding: min(3%, 24px) min(5%, 40px) min(3%, 24px) min(7%, 56px);--cocoon-box-border-color: #47585c;--cocoon-sns-color: var(--cocoon-text-color);--cocoon--header-container--position-offset: 0px;--cocoon--mobile-header-menu-buttons--height: 50px}

/* ---- from cocoon-master_style.css（221 規則） ---- */
.post_content .fz-12px{font-size: 12px;}
.post_content .fz-13px{font-size: 13px;}
.post_content .fz-14px{font-size: 14px;}
.post_content .fz-15px{font-size: 15px;}
.post_content .fz-16px{font-size: 16px;}
.post_content .fz-17px{font-size: 17px;}
.post_content .fz-18px{font-size: 18px;}
.post_content .fz-19px{font-size: 19px;}
.post_content .fz-20px{font-size: 20px;}
.post_content .fz-21px{font-size: 21px;}
.post_content .fz-22px{font-size: 22px;}
.post_content .fz-24px{font-size: 24px;}
.post_content .fz-28px{font-size: 28px;}
.post_content .fz-32px{font-size: 32px;}
.post_content .fz-36px{font-size: 36px;}
.post_content .fz-40px{font-size: 40px;}
.post_content .fz-44px{font-size: 44px;}
.post_content .fz-48px{font-size: 48px;}
.post_content .scrollable-table{-webkit-overflow-scrolling: touch;
  margin: 0;}
.post_content .scrollable-table.stfc-sticky table:not(.wp-calendar-table) tr > *:first-child{background-color: #e9eff2;
  color: var(--cocoon-text-color);
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  z-index: 2;}
.post_content .scrollable-table table{border-collapse: collapse;
  max-width: none;
  margin: 0;}
.post_content .scrollable-table th{background-color: #eee;}
.post_content .scrollable-table td,
.post_content .scrollable-table th{white-space: nowrap;}
.post_content .scrollable-table{overflow-x: auto !important;
  overflow-y: hidden !important;}
.post_content .column-wrap h1,
.post_content .column-wrap h2,
.post_content .column-wrap h3,
.post_content .column-wrap h4,
.post_content .column-wrap h5,
.post_content .column-wrap h6{margin-top: 0;}
.post_content .blogcard-type br{display: none;}
.post_content .bold{font-weight: bold;}
.post_content .red{color: var(--cocoon-red-color);}
.post_content .bold-red{font-weight: bold;
  color: var(--cocoon-red-color);}
.post_content .blue{color: var(--cocoon-blue-color);}
.post_content .marker{background-color: #ff9;}
.post_content .marker-red{background-color: #ffd0d1;}
.post_content .marker-blue{background-color: #a8dafb;}
.post_content .marker-under{background: linear-gradient(transparent 60%, #ff9 60%);}
.post_content .marker-under-red{background: linear-gradient(transparent 60%, #ffd0d1 60%);}
.post_content .marker-under-blue{background: linear-gradient(transparent 60%, #a8dafb 60%);}
.post_content .strike{text-decoration: line-through;}
.post_content .primary-box{color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
  padding: 15px;
  border-radius: 4px;}
.post_content .alert-box,
.post_content .common-icon-box,
.post_content .information-box{padding: 20px 20px 20px 72px;
  border-radius: 4px;
  position: relative;
  display: block;}
.post_content .blank-box > :last-child,
.post_content .block-box > :last-child,
.post_content .block-box-content > :last-child,
.post_content .column-left > :last-child,
.post_content .column-right > :last-child,
.post_content .common-icon-box > :last-child,
.post_content .primary-box > :last-child{margin-bottom: 0;}
.post_content div.scrollable-table table{margin-bottom: 0;}
.post_content .information-box{background: #f3fafe;
  border: 1px solid #bde4fc;}
.post_content .alert-box{background: #fdf2f2;
  border: 1px solid #f6b9b9;}
.post_content .alert-box::before,
.post_content .common-icon-box::before,
.post_content .information-box::before{font-family: "FontAwesome";
  font-size: 34px;
  position: absolute;
  padding-right: 0.15em;
  line-height: 1em;
  top: 50%;
  margin-top: -0.5em;
  left: 10px;
  width: 44px;
  text-align: center;}
.post_content .information-box::before{content: "\f05a";
  color: #87cefa;
  border-right: 1px solid #bde4fc;}
.post_content .alert-box::before{content: "\f06a";
  color: #f3aca9;
  border-right: 1px solid #f6b9b9;}
.post_content .blank-box{--cocoon-custom-border-color: var(--cocoon-grey-color);
  padding: var(--cocoon-box-padding);
  border-radius: var(--cocoon-basic-border-radius);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
  border-style: solid;
  border-width: 3px;
  border-color: var(--cocoon-custom-border-color);
  background-clip: padding-box;}
.post_content .blank-box ol,
.post_content .blank-box ul{margin: 0;}
.post_content .blank-box.bb-red{border-color: var(--cocoon-red-color);}
.post_content .blank-box.bb-pink{border-color: var(--cocoon-pink-color);}
.post_content .blank-box.bb-purple{border-color: var(--cocoon-purple-color);}
.post_content .blank-box.bb-blue{border-color: var(--cocoon-blue-color);}
.post_content .blank-box.bb-green{border-color: var(--cocoon-green-color);}
.post_content .blank-box.bb-orange{border-color: var(--cocoon-orange-color);}
.post_content .blank-box.bb-yellow{border-color: var(--cocoon-yellow-color);}
.post_content .blank-box.bb-brown{border-color: var(--cocoon-brown-color);}
.post_content .blank-box.bb-grey{border-color: var(--cocoon-grey-color);}
.post_content .blank-box.bb-black{border-color: var(--cocoon-black-color);}
.post_content .blank-box.bb-deep{border-color: var(--cocoon-deep-color);}
.post_content .blank-box.bb-indigo{border-color: var(--cocoon-indigo-color);}
.post_content .blank-box.bb-light-blue{border-color: var(--cocoon-light-blue-color);}
.post_content .blank-box.bb-cyan{border-color: var(--cocoon-cyan-color);}
.post_content .blank-box.bb-teal{border-color: var(--cocoon-teal-color);}
.post_content .blank-box.bb-light-green{border-color: var(--cocoon-light-green-color);}
.post_content .blank-box.bb-lime{border-color: var(--cocoon-lime-color);}
.post_content .blank-box.bb-amber{border-color: var(--cocoon-amber-color);}
.post_content .blank-box.bb-deep-orange{border-color: var(--cocoon-deep-orange-color);}
.post_content .blank-box.bb-white{border-color: var(--cocoon-white-color);}
.post_content .blank-box.bb-tab{position: relative;
  margin-top: 2em;
  border-top-left-radius: 0;}
.post_content .blank-box.bb-tab .bb-label{background-color: var(--cocoon-custom-border-color);
  font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif;
  position: absolute;
  font-size: 13px;
  top: -27px;
  height: 24px;
  color: var(--cocoon-white-color);
  left: -3px;
  border-radius: 6px 6px 0 0;
  padding: 0 1em 0 0.8em;}
.post_content .blank-box.bb-tab .bb-label .fa{margin-right: 6px;}
.post_content .blank-box.bb-tab.bb-red .bb-label{background-color: var(--cocoon-red-color);}
.post_content .blank-box.bb-tab.bb-pink .bb-label{background-color: var(--cocoon-pink-color);}
.post_content .blank-box.bb-tab.bb-purple .bb-label{background-color: var(--cocoon-purple-color);}
.post_content .blank-box.bb-tab.bb-blue .bb-label{background-color: var(--cocoon-blue-color);}
.post_content .blank-box.bb-tab.bb-green .bb-label{background-color: var(--cocoon-green-color);}
.post_content .blank-box.bb-tab.bb-orange .bb-label{background-color: var(--cocoon-orange-color);}
.post_content .blank-box.bb-tab.bb-yellow .bb-label{background-color: var(--cocoon-yellow-color);}
.post_content .blank-box.bb-tab.bb-brown .bb-label{background-color: var(--cocoon-brown-color);}
.post_content .blank-box.bb-tab.bb-grey .bb-label{background-color: var(--cocoon-grey-color);}
.post_content .blank-box.bb-tab.bb-black .bb-label{background-color: var(--cocoon-black-color);}
.post_content .blank-box.bb-tab.bb-deep .bb-label{background-color: var(--cocoon-deep-color);}
.post_content .blank-box.bb-tab.bb-indigo .bb-label{background-color: var(--cocoon-indigo-color);}
.post_content .blank-box.bb-tab.bb-light-blue .bb-label{background-color: var(--cocoon-light-blue-color);}
.post_content .blank-box.bb-tab.bb-cyan .bb-label{background-color: var(--cocoon-cyan-color);}
.post_content .blank-box.bb-tab.bb-teal .bb-label{background-color: var(--cocoon-teal-color);}
.post_content .blank-box.bb-tab.bb-light-green .bb-label{background-color: var(--cocoon-light-green-color);}
.post_content .blank-box.bb-tab.bb-lime .bb-label{background-color: var(--cocoon-lime-color);}
.post_content .blank-box.bb-tab.bb-amber .bb-label{background-color: var(--cocoon-amber-color);}
.post_content .blank-box.bb-tab.bb-deep-orange .bb-label{background-color: var(--cocoon-deep-orange-color);}
.post_content .blank-box.bb-tab.bb-white .bb-label{background-color: var(--cocoon-white-color);}
.post_content .blank-box.sticky{border-width: 0 0 0 6px;
  border-color: var(--cocoon-x-pallid-text-color);
  background-color: var(--cocoon-xx-thin-color);}
.post_content .blank-box.sticky.st-yellow{border-color: #FFA103;
  background-color: #ffeac7;}
.post_content .blank-box.sticky.st-red{border-color: #CD3740;
  background-color: #F5DADC;}
.post_content .blank-box.sticky.st-blue{border-color: #0066cc;
  background-color: #E5F2FF;}
.post_content .blank-box.sticky.st-green{border-color: #028760;
  background-color: #CBEFE4;}
.post_content .bb-check .bb-label .fa::before{content: "\f00c";}
.post_content .bb-check .bb-label::after{content: "CHECK";}
.post_content .bb-comment .bb-label .fa::before{content: "\f075";}
.post_content .bb-comment .bb-label::after{content: "COMMENT";}
.post_content .bb-point .bb-label .fa::before{content: "\f0eb";}
.post_content .bb-point .bb-label::after{content: "POINT";}
.post_content .bb-tips .bb-label .fa::before{content: "\f19d";}
.post_content .bb-tips .bb-label::after{content: "TIPS";}
.post_content .bb-hint .bb-label .fa::before{content: "\f0f3";}
.post_content .bb-hint .bb-label::after{content: "HINT";}
.post_content .bb-pickup .bb-label .fa::before{content: "\f005";}
.post_content .bb-pickup .bb-label::after{content: "PICKUP";}
.post_content .bb-bookmark .bb-label .fa::before{content: "\f02e";}
.post_content .bb-bookmark .bb-label::after{content: "BOOKMARK";}
.post_content .bb-memo .bb-label .fa::before{content: "\f249";}
.post_content .bb-memo .bb-label::after{content: "MEMO";}
.post_content .bb-download .bb-label .fa::before{content: "\f019";}
.post_content .bb-download .bb-label::after{content: "DOWNLOAD";}
.post_content .bb-break .bb-label .fa::before{content: "\f0f4";}
.post_content .bb-break .bb-label::after{content: "BREAK";}
.post_content .bb-amazon .bb-label .fa::before{content: "\f270";}
.post_content .bb-amazon .bb-label::after{content: "AMAZON";}
.post_content .bb-ok .bb-label .fa::before{content: "\f10c";}
.post_content .bb-ok .bb-label::after{content: "OK";}
.post_content .bb-ng .bb-label .fa::before{content: "\f00d";}
.post_content .bb-ng .bb-label::after{content: "NG";}
.post_content .bb-good .bb-label .fa::before{content: "\f164";}
.post_content .bb-good .bb-label::after{content: "GOOD";}
.post_content .bb-bad .bb-label .fa::before{content: "\f165";}
.post_content .bb-bad .bb-label::after{content: "BAD";}
.post_content .bb-profile .bb-label .fa::before{content: "\f007";}
.post_content .bb-profile .bb-label::after{content: "PROFILE";}
.post_content .blogcard-type .blogcard-label{display: block;}
.post_content .bct-none .blogcard-label{display: none;}
.post_content .bct-related .blogcard-label .fa::before{content: "\f15c";}
.post_content .bct-related .blogcard-label::after{content: var(--cocoon-bct-related-text, "関連記事");}
.post_content .bct-reference .blogcard-label .fa::before{content: "\f19d";}
.post_content .bct-reference .blogcard-label::after{content: var(--cocoon-bct-reference-text, "参考記事");}
.post_content .bct-popular .blogcard-label .fa::before{content: "\f005";}
.post_content .bct-popular .blogcard-label::after{content: var(--cocoon-bct-popular-text, "人気記事");}
.post_content .bct-pickup .blogcard-label .fa::before{content: "\f005";}
.post_content .bct-pickup .blogcard-label::after{content: var(--cocoon-bct-pickup-text, "ピックアップ");}
.post_content .bct-check .blogcard-label .fa::before{content: "\f00c";}
.post_content .bct-check .blogcard-label::after{content: var(--cocoon-bct-check-text, "チェック");}
.post_content .bct-together .blogcard-label .fa::before{content: "\f02d";}
.post_content .bct-together .blogcard-label::after{content: var(--cocoon-bct-together-text, "あわせて読みたい");}
.post_content .bct-detail .blogcard-label .fa::before{content: "\f15c";}
.post_content .bct-detail .blogcard-label::after{content: var(--cocoon-bct-detail-text, "詳細はこちら");}
.post_content .bct-official .blogcard-label .fa::before{content: "\f024";}
.post_content .bct-official .blogcard-label::after{content: var(--cocoon-bct-official-text, "公式サイト");}
.post_content .bct-dl .blogcard-label .fa::before{content: "\f019";}
.post_content .bct-dl .blogcard-label::after{content: var(--cocoon-bct-dl-text, "ダウンロード");}
.post_content .bct-prev .blogcard-label .fa::before{content: "\f137";}
.post_content .bct-prev .blogcard-label::after{content: var(--cocoon-bct-prev-text, "前回の記事");}
.post_content .bct-next .blogcard-label .fa::before{content: "\f138";}
.post_content .bct-next .blogcard-label::after{content: var(--cocoon-bct-next-text, "続きの記事");}
.post_content .block-box-label{display: flex;}
.post_content .block-box-label::before{margin-right: 0.3em;}
.post_content .tab-caption-box{--cocoon-custom-border-color: var(--cocoon-current-background-color);
  --cocoon-custom-background-color: transparent;
  --cocoon-custom-text-color: var(--cocoon-text-color);
  border-width: 0;}
.post_content .tab-caption-box-label{padding: 0 0.8em;
  font-size: 0.9em;
  background-color: var(--cocoon-custom-border-color);
  display: block;
  width: fit-content;
  border-top-left-radius: var(--cocoon-middle-border-radius);
  border-top-right-radius: var(--cocoon-middle-border-radius);
  color: var(--cocoon-text-color);}
.post_content .tab-caption-box-content{border-width: 3px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);
  padding: 0.4em 0.8em;
  border-radius: var(--cocoon-middle-border-radius);
  border-top-left-radius: 0;
  background-clip: padding-box;}
.post_content .label-box{--cocoon-custom-border-color: var(--cocoon-middle-thickness-color);
  --cocoon-custom-background-color: transparent;
  --cocoon-custom-text-color: var(--cocoon-text-color);
  border-width: 0;
  color: var(--cocoon-custom-text-color);}
.post_content .label-box-label{margin-left: 1em;
  padding: 0 0.8em;
  font-size: 0.9em;
  font-weight: bold;
  text-shadow: var(--cocoon-white-color) 3px 0px 0px, var(--cocoon-white-color) 2px 1px 0px, var(--cocoon-white-color) 2px 2px 0px, var(--cocoon-white-color) 2px 3px 0px, var(--cocoon-white-color) 1px 3px 0px, var(--cocoon-white-color) 0px 3px 0px, var(--cocoon-white-color) -1px 3px 0px, var(--cocoon-white-color) -2px 2px 0px, var(--cocoon-white-color) -3px 1px 0px, var(--cocoon-white-color) -3px 0px 0px, var(--cocoon-white-color) -3px -1px 0px, var(--cocoon-white-color) -3px -2px 0px, var(--cocoon-white-color) -2px -2px 0px, var(--cocoon-white-color) -1px -3px 0px, var(--cocoon-white-color) 0px -3px 0px, var(--cocoon-white-color) 1px -3px 0px, var(--cocoon-white-color) 2px -2px 0px, var(--cocoon-white-color) 2px -2px 0px, var(--cocoon-white-color) 3px -1px 0px;}
.post_content .label-box-content{margin-top: -0.9em;
  border-width: 3px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  padding: 1em 0.8em 0.4em;
  border-radius: var(--cocoon-middle-border-radius);}
.post_content .column-wrap{display: flex;
  justify-content: space-between;
  position: relative;
  margin: 0;
  gap: 1%;}
.post_content .column-wrap > div{width: 49.5%;
  margin: 0;}
.post_content .column-wrap > div > *:first-child{margin-top: 0;}
.post_content .column-wrap.column-3 > div{width: 32.5%;}
.post_content .column-2-3-1-2 .column-left{width: 34%;}
.post_content .column-2-3-1-2 .column-right{width: 65%;}
.post_content .column-2-3-2-1 .column-left{width: 65%;}
.post_content .column-2-3-2-1 .column-right{width: 34%;}
.post_content .column-2-4-1-3 .column-left{width: 25%;}
.post_content .column-2-4-1-3 .column-right{width: 74%;}
.post_content .column-2-4-3-1 .column-left{width: 74%;}
.post_content .column-2-4-3-1 .column-right{width: 25%;}
.post_content .speech-wrap{--cocoon-custom-background-color: var(--cocoon-white-color);
  --cocoon-custom-text-color: var(--cocoon-text-color);
  --cocoon-custom-border-color: var(--cocoon-basic-border-color);
  display: flex;
  border: 0;}
.post_content .speech-person{width: 12%;
  min-width: 12%;}
.post_content .speech-icon amp-img,
.post_content .speech-icon img{border-radius: 50%;
  border: 2px solid var(--cocoon-basic-border-color);
  width: 100%;}
.post_content .speech-name{text-align: center;
  font-size: 13px;}
.post_content .speech-name:empty{display: none;}
.post_content div.speech-balloon{height: 100%;
  position: relative;
  padding: 10px;
  background-color: var(--cocoon-custom-background-color);
  border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);
  border-radius: 6px;
  max-width: 86%;}
.post_content div.speech-balloon p{margin: 0;}
.post_content .speech-balloon::before{content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -12px;
  top: 10px;
  border-right-width: 12px;
  border-right-style: solid;
  border-right-color: var(--cocoon-custom-border-color);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;}
.post_content .speech-balloon::after{content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -9px;
  top: 10px;
  border-right-width: 12px;
  border-right-style: solid;
  border-right-color: var(--cocoon-custom-background-color);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;}
.post_content .sbp-l:not(.not-nested-style) .speech-balloon{margin-left: 20px;}
.post_content .sbp-r{flex-direction: row-reverse;}
.post_content .sbp-r:not(.not-nested-style){}
.post_content .sbp-r:not(.not-nested-style) .speech-balloon{margin-right: 20px;}
.post_content .sbp-r:not(.not-nested-style) .speech-balloon::before{right: -12px;
  left: auto;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: var(--cocoon-custom-border-color);
  border-right: none;}
.post_content .sbp-r:not(.not-nested-style) .speech-balloon::after{right: -9px;
  left: auto;
  border-left-width: 12px;
  border-left-style: solid;
  border-left-color: var(--cocoon-custom-background-color);
  border-right: none;}
.post_content .sbis-sn:not(.not-nested-style) .speech-icon-image{border-radius: 0;
  border-style: none;
  box-shadow: none;}
.post_content .sbis-sb:not(.not-nested-style) .speech-icon-image{border-radius: 0;}
.post_content .sbis-cn:not(.not-nested-style) .speech-icon-image{border-style: none;
  box-shadow: none;}
.post_content .sbs-flat{--cocoon-custom-background-color: #f1f1f1;
  --cocoon-custom-border-color: #f1f1f1;
  --cocoon-custom-text-color: var(--cocoon-text-color);}
.post_content .sbs-flat:not(.not-nested-style) .speech-balloon{background-color: var(--cocoon-custom-background-color);
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);}
.post_content .sbs-flat:not(.not-nested-style) .speech-balloon::before{border-right-color: var(--cocoon-custom-border-color);}
.post_content .sbs-flat:not(.not-nested-style) .speech-balloon::after{border-right-color: var(--cocoon-custom-background-color);}
.post_content .sbs-line{--cocoon-custom-background-color: var(--cocoon-white-color);
  --cocoon-custom-border-color: var(--cocoon-basic-border-color);
  --cocoon-custom-text-color: var(--cocoon-text-color);}
.post_content .sbs-line:not(.not-nested-style) .speech-balloon{border-width: 1px;
  background-color: var(--cocoon-custom-background-color);
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);}
.post_content .sbs-line:not(.not-nested-style) .speech-balloon::after{left: -10px;}
.post_content .sbs-line:not(.not-nested-style) .speech-balloon::before{border-right-color: var(--cocoon-custom-border-color);}
.post_content .sbs-line:not(.not-nested-style) .speech-balloon::after{border-right-color: var(--cocoon-custom-background-color);}
.post_content .sbs-line.sbp-r{--cocoon-custom-background-color: #85e249;
  --cocoon-custom-border-color: #85e249;}
.post_content .sbs-line.sbp-r:not(.not-nested-style) .speech-balloon{background-color: var(--cocoon-custom-background-color);
  border-color: var(--cocoon-custom-border-color);
  color: var(--cocoon-custom-text-color);}
.post_content .sbs-line.sbp-r:not(.not-nested-style) .speech-balloon::after{left: auto;
  right: -10px;}
.post_content .sbs-line.sbp-r:not(.not-nested-style) .speech-balloon::before{border-left-color: var(--cocoon-custom-border-color);}
.post_content .sbs-line.sbp-r:not(.not-nested-style) .speech-balloon::after{border-left-color: var(--cocoon-custom-background-color);}
.post_content div.sbs-think.sbp-l:not(.not-nested-style) .speech-balloon{margin-left: 46px;}
.post_content div.sbs-think:not(.not-nested-style) .speech-balloon::before{border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  border-radius: 50%;
  left: -29px;
  top: 11px;
  width: 20px;
  height: 20px;}
.post_content div.sbs-think:not(.not-nested-style) .speech-balloon::after{border-width: 2px;
  border-style: solid;
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  border-radius: 50%;
  left: -44px;
  top: 25px;
  width: 10px;
  height: 10px;}
.post_content .sbs-think.sbp-r:not(.not-nested-style) .speech-balloon{margin-right: 46px;}
.post_content .sbs-think.sbp-r:not(.not-nested-style) .speech-balloon::before{left: auto;
  right: -29px;}
.post_content .sbs-think.sbp-r:not(.not-nested-style) .speech-balloon::after{left: auto;
  right: -44px;}
.post_content .iconlist-box{--cocoon-custom-icon-color: var(--cocoon-text-color);
  --cocoon-custom-border-color: transparent;
  --cocoon-custom-background-color: transparent;
  --cocoon-custom-text-color: var(--cocoon-text-color);
  border-color: var(--cocoon-custom-border-color);
  background-color: var(--cocoon-custom-background-color);
  color: var(--cocoon-custom-text-color);}
.post_content .iconlist-box ul{list-style: none !important;}
.post_content .iconlist-box ul li::before{display: initial;}
.post_content .iconlist-box.list-none ul{list-style: disc;}
.post_content .iconlist-box.list-none ol{list-style: decimal;}
.post_content .iconlist-box li::before{font-family: FontAwesome;
  margin-right: 0.4em;
  margin-left: -1.4em;
  position: absolute;}
.post_content .iconlist-box [class*=is-style-icon-list-] > li::before,
.post_content .iconlist-box [class*=is-style-numeric-list-] > li::before{margin-left: 0;}
.post_content .live-writer .alert-box,
.post_content .live-writer .information-box{padding: 10px;}
.post_content .live-writer .alert-box::after,
.post_content .live-writer .alert-box::before,
.post_content .live-writer .information-box::after,
.post_content .live-writer .information-box::before{display: none;}
@media screen and (max-width: 834px){
  .post_content .sbp-l{margin-right: auto;}
  .post_content .sbp-r{margin-left: auto;}
  .post_content .speech-wrap.sbs-think.sbp-l{margin-right: 0;}
  .post_content .speech-wrap.sbs-think.sbp-r{margin-left: 0;}
  .post_content .container .column-wrap{flex-direction: column;}
  .post_content .container .column-wrap > div{width: 100%;}
}
@media screen and (max-width: 480px){
  .post_content .speech-person{width: 16%;
    min-width: 16%;}
  .post_content .speech-name{font-size: 10px;}
  .post_content .speech-wrap .speech-balloon{padding: 7px;
    max-width: 84%;}
  .post_content .speech-wrap .speech-balloon::after,
.post_content .speech-wrap .speech-balloon::before{border-bottom-width: 7px;
    border-right-width: 7px;
    border-top-width: 7px;}
  .post_content .speech-wrap .speech-balloon::before{left: -7px;}
  .post_content .speech-wrap .speech-balloon::after{left: -5px;}
  .post_content .speech-wrap:not(.not-nested-style).sbp-l .speech-balloon{margin-left: 10px;}
  .post_content .speech-wrap:not(.not-nested-style).sbp-r .speech-balloon{margin-right: 10px;}
  .post_content .speech-wrap:not(.not-nested-style).sbp-r .speech-balloon::before{right: -7px;
    left: auto;
    border-left-width: 7px;}
  .post_content .speech-wrap:not(.not-nested-style).sbp-r .speech-balloon::after{border-left-width: 7px;
    right: -5px;
    left: auto;}
  .post_content .speech-wrap.sbs-think:not(.not-nested-style).sbp-l .speech-balloon{margin-left: 28px;}
  .post_content .speech-wrap.sbs-think:not(.not-nested-style) .speech-balloon::before{top: 4px;
    left: -19px;
    width: 12px;
    height: 12px;}
  .post_content .speech-wrap.sbs-think:not(.not-nested-style) .speech-balloon::after{top: 16px;
    width: 6px;
    height: 6px;
    left: -27px;}
  .post_content .speech-wrap.sbs-think.sbp-r:not(.not-nested-style) .speech-balloon{margin-right: 28px;}
  .post_content .speech-wrap.sbs-think.sbp-r:not(.not-nested-style) .speech-balloon::before{border: 2px solid var(--cocoon-basic-border-color);
    left: auto;
    right: -19px;}
  .post_content .speech-wrap.sbs-think.sbp-r:not(.not-nested-style) .speech-balloon::after{border: 2px solid var(--cocoon-basic-border-color);
    left: auto;
    right: -27px;}
  .post_content .alert-box,
.post_content .common-icon-box,
.post_content .information-box{padding: 28px 12px 12px;}
  .post_content .alert-box::before,
.post_content .common-icon-box::before,
.post_content .information-box::before{padding: 0;
    top: 0.7em;
    left: 50%;
    margin-left: -0.5em;
    font-size: 18px;
    border: none;
    width: auto;}
  .post_content .container .blank-box{margin-left: 0;
    margin-right: 0;}
}

/* ---- from inline_skin.css（2 規則） ---- */
.post_content .alert-box,
.post_content .blank-box,
.post_content .block-box,
.post_content .blogcard-type,
.post_content .column-wrap,
.post_content .common-icon-box,
.post_content .information-box,
.post_content .label-box,
.post_content .scrollable-table,
.post_content .speech-wrap,
.post_content .tab-caption-box{margin-bottom:1.8em}
@media screen and (max-width:834px){
  .post_content .container .column-wrap{gap:1.8em}
}