/* 本番 wifistore.jp の SWELL カスタマイザー生成CSS（2026-08-10 抽出）
   ＋ SWELLカラーパレット定義。記事ページ（投稿シングル）でのみ読み込む。 */
:root{--swl-fz--content:4vw;--swl-font_family:"游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--swl-font_weight:500;--color_main:#333333;--color_text:#333;--color_link:#0047c4;--color_htag:#333333;--color_bg:#fdfdfd;--color_gradient1:#d8ffff;--color_gradient2:#87e7ff;--color_main_thin:rgba(64, 64, 64, 0.05 );--color_main_dark:rgba(38, 38, 38, 1 );--color_list_check:#333333;--color_list_num:#333333;--color_list_good:#86dd7b;--color_list_triangle:#ffcf11;--color_list_bad:#f36060;--color_faq_q:#d55656;--color_faq_a:#6599b7;--color_icon_good:#3cd250;--color_icon_good_bg:#ecffe9;--color_icon_bad:#4b73eb;--color_icon_bad_bg:#eafaff;--color_icon_info:#f578b4;--color_icon_info_bg:#fff0fa;--color_icon_announce:#ffa537;--color_icon_announce_bg:#fff5f0;--color_icon_pen:#7a7a7a;--color_icon_pen_bg:#f7f7f7;--color_icon_book:#787364;--color_icon_book_bg:#f8f6ef;--color_icon_point:#ffa639;--color_icon_check:#86d67c;--color_icon_batsu:#f36060;--color_icon_hatena:#5295cc;--color_icon_caution:#f7da38;--color_icon_memo:#84878a;--color_deep01:#e44141;--color_deep02:#3d79d5;--color_deep03:#63a84d;--color_deep04:#f09f4d;--color_pale01:#fff2f0;--color_pale02:#f3f8fd;--color_pale03:#f1f9ee;--color_pale04:#fdf9ee;--color_mark_blue:#b7e3ff;--color_mark_green:#bdf9c3;--color_mark_yellow:#fcf69f;--color_mark_orange:#ffddbc;--border01:solid 1px var(--color_main);--border02:double 4px var(--color_main);--border03:dashed 2px var(--color_border);--border04:solid 4px var(--color_gray);--card_posts_thumb_ratio:56.25%;--list_posts_thumb_ratio:61.805%;--big_posts_thumb_ratio:56.25%;--thumb_posts_thumb_ratio:61.805%;--blogcard_thumb_ratio:56.25%;--color_header_bg:#fdfdfd;--color_header_text:#333;--color_footer_bg:#fdfdfd;--color_footer_text:#333;--container_size:1200px;--article_size:900px;--logo_size_sp:48px;--logo_size_pc:40px;--logo_size_pcfix:32px;}
.swl-cell-bg[data-icon="doubleCircle"]{--cell-icon-color:#ffc977}.swl-cell-bg[data-icon="circle"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="triangle"]{--cell-icon-color:#eeda2f}.swl-cell-bg[data-icon="close"]{--cell-icon-color:#ec9191}.swl-cell-bg[data-icon="hatena"]{--cell-icon-color:#93c9da}.swl-cell-bg[data-icon="check"]{--cell-icon-color:#94e29c}.swl-cell-bg[data-icon="line"]{--cell-icon-color:#9b9b9b}
.cap_box[data-colset="col1"]{--capbox-color:#f59b5f;--capbox-color--bg:#fff8eb}.cap_box[data-colset="col2"]{--capbox-color:#5fb9f5;--capbox-color--bg:#edf5ff}.cap_box[data-colset="col3"]{--capbox-color:#2fcd90;--capbox-color--bg:#eafaf2}
.red_{--the-btn-color:#f74a4a;--the-btn-color2:#c046f4;--the-solid-shadow: rgba(185, 56, 56, 1 )}.blue_{--the-btn-color:#0066ce;--the-btn-color2:#3087f2;--the-solid-shadow: rgba(0, 77, 155, 1 )}.green_{--the-btn-color:#62d847;--the-btn-color2:#45dde8;--the-solid-shadow: rgba(74, 162, 53, 1 )}
.is-style-btn_normal,.is-style-btn_shiny{--the-btn-bg: linear-gradient(100deg,var(--the-btn-color) 0%,var(--the-btn-color2) 100%)}
.is-style-btn_normal{--the-btn-radius:80px}.is-style-btn_solid{--the-btn-radius:80px}.is-style-btn_shiny{--the-btn-radius:80px}.is-style-btn_line{--the-btn-radius:80px}
.post_content blockquote{padding:1.5em 2em 1.5em 3em}
.post_content blockquote::before{content:"";display:block;width:5px;height:calc(100% - 3em);top:1.5em;left:1.5em;border-left:solid 1px rgba(180,180,180,.75);border-right:solid 1px rgba(180,180,180,.75);}
.mark_blue{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_blue) 0%);background:linear-gradient(transparent 64%,var(--color_mark_blue) 0%)}
.mark_green{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_green) 0%);background:linear-gradient(transparent 64%,var(--color_mark_green) 0%)}
.mark_yellow{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_yellow) 0%);background:linear-gradient(transparent 64%,var(--color_mark_yellow) 0%)}
.mark_orange{background:-webkit-linear-gradient(transparent 64%,var(--color_mark_orange) 0%);background:linear-gradient(transparent 64%,var(--color_mark_orange) 0%)}
[class*="is-style-icon_"]{color:#333;border-width:0}
[class*="is-style-big_icon_"]{border-width:2px;border-style:solid}
[data-col="gray"] .c-balloon__text{background:#f7f7f7;border-color:#ccc}[data-col="gray"] .c-balloon__before{border-right-color:#f7f7f7}
[data-col="green"] .c-balloon__text{background:#d1f8c2;border-color:#9ddd93}[data-col="green"] .c-balloon__before{border-right-color:#d1f8c2}
[data-col="blue"] .c-balloon__text{background:#e2f6ff;border-color:#93d2f0}[data-col="blue"] .c-balloon__before{border-right-color:#e2f6ff}
[data-col="red"] .c-balloon__text{background:#ffebeb;border-color:#f48789}[data-col="red"] .c-balloon__before{border-right-color:#ffebeb}
[data-col="yellow"] .c-balloon__text{background:#f9f7d2;border-color:#fbe593}[data-col="yellow"] .c-balloon__before{border-right-color:#f9f7d2}
.-type-list2 .p-postList__body::after,.-type-big .p-postList__body::after{content: "READ MORE »";}
.c-postThumb__cat{background-color:#333333;color:#fff;background-image: repeating-linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.1) 6px,transparent 6px,transparent 12px)}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){border-left:solid 6px var(--color_htag);padding:.5em 0 .5em 16px}
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{position:absolute;display:block;pointer-events:none}
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){padding:0 .5em .5em}
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before{content:"";width:100%;height:2px;background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 29.3%, rgba(64, 64, 64, 0.2 ) 29.3%, rgba(64, 64, 64, 0.2 ) 100%)}
.post_content h4:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)){padding:0 0 0 16px;border-left:solid 2px var(--color_htag)}
a{text-decoration: none}
.p-toc__list.is-style-index li::before{color:var(--color_main)}
.is-style-btn_normal a,.is-style-btn_shiny a{box-shadow:var(--swl-btn_shadow)}
.c-shareBtns__btn,.is-style-balloon>.c-tabList .c-tabList__button,.p-snsCta,[class*=page-numbers]{box-shadow:var(--swl-box_shadow)}
@media screen and (min-width: 600px){:root{--swl-fz--content:16px;}}
/* --- SWELL カラーパレット（本番 global-styles から抽出） --- */
:root{--wp--preset--color--swl-main: var(--color_main);--wp--preset--color--swl-main-thin: var(--color_main_thin);--wp--preset--color--swl-gray: var(--color_gray);--wp--preset--color--swl-deep-01: var(--color_deep01);--wp--preset--color--swl-deep-02: var(--color_deep02);--wp--preset--color--swl-deep-03: var(--color_deep03);--wp--preset--color--swl-deep-04: var(--color_deep04);--wp--preset--color--swl-pale-01: var(--color_pale01);--wp--preset--color--swl-pale-02: var(--color_pale02);--wp--preset--color--swl-pale-03: var(--color_pale03);--wp--preset--color--swl-pale-04: var(--color_pale04);}
.has-swl-main-color{color:var(--wp--preset--color--swl-main) !important}
.has-swl-main-thin-color{color:var(--wp--preset--color--swl-main-thin) !important}
.has-swl-gray-color{color:var(--wp--preset--color--swl-gray) !important}
.has-swl-deep-01-color{color:var(--wp--preset--color--swl-deep-01) !important}
.has-swl-deep-02-color{color:var(--wp--preset--color--swl-deep-02) !important}
.has-swl-deep-03-color{color:var(--wp--preset--color--swl-deep-03) !important}
.has-swl-deep-04-color{color:var(--wp--preset--color--swl-deep-04) !important}
.has-swl-pale-01-color{color:var(--wp--preset--color--swl-pale-01) !important}
.has-swl-pale-02-color{color:var(--wp--preset--color--swl-pale-02) !important}
.has-swl-pale-03-color{color:var(--wp--preset--color--swl-pale-03) !important}
.has-swl-pale-04-color{color:var(--wp--preset--color--swl-pale-04) !important}
.has-swl-main-background-color{background-color:var(--wp--preset--color--swl-main) !important}
.has-swl-main-thin-background-color{background-color:var(--wp--preset--color--swl-main-thin) !important}
.has-swl-gray-background-color{background-color:var(--wp--preset--color--swl-gray) !important}
.has-swl-deep-01-background-color{background-color:var(--wp--preset--color--swl-deep-01) !important}
.has-swl-deep-02-background-color{background-color:var(--wp--preset--color--swl-deep-02) !important}
.has-swl-deep-03-background-color{background-color:var(--wp--preset--color--swl-deep-03) !important}
.has-swl-deep-04-background-color{background-color:var(--wp--preset--color--swl-deep-04) !important}
.has-swl-pale-01-background-color{background-color:var(--wp--preset--color--swl-pale-01) !important}
.has-swl-pale-02-background-color{background-color:var(--wp--preset--color--swl-pale-02) !important}
.has-swl-pale-03-background-color{background-color:var(--wp--preset--color--swl-pale-03) !important}
.has-swl-pale-04-background-color{background-color:var(--wp--preset--color--swl-pale-04) !important}
.has-swl-main-border-color{border-color:var(--wp--preset--color--swl-main) !important}
.has-swl-deep-01-border-color{border-color:var(--wp--preset--color--swl-deep-01) !important}
.has-swl-deep-02-border-color{border-color:var(--wp--preset--color--swl-deep-02) !important}
.has-swl-deep-03-border-color{border-color:var(--wp--preset--color--swl-deep-03) !important}
.has-swl-deep-04-border-color{border-color:var(--wp--preset--color--swl-deep-04) !important}
.has-swl-pale-01-border-color{border-color:var(--wp--preset--color--swl-pale-01) !important}
.has-swl-pale-02-border-color{border-color:var(--wp--preset--color--swl-pale-02) !important}
.has-swl-pale-03-border-color{border-color:var(--wp--preset--color--swl-pale-03) !important}
.has-swl-pale-04-border-color{border-color:var(--wp--preset--color--swl-pale-04) !important}
/* --- フォントサイズ・白黒ユーティリティ（X-T9 パレットに無い分の補完） --- */
.has-xs-font-size{font-size:.75em !important}
.has-small-font-size{font-size:.9em !important}
.has-medium-font-size{font-size:1.1em !important}
.has-large-font-size{font-size:1.25em !important}
.has-huge-font-size{font-size:1.6em !important}
.has-white-color{color:#fff !important}
.has-black-color{color:#000 !important}
.has-white-background-color{background-color:#fff !important}
.has-black-background-color{background-color:#000 !important}
/* --- 目次（p-toc）: 本番カスタマイザーCSSから抽出（2026/8/10） --- */
.p-toc.is-omitted:not([data-omit=ct]) [data-level="2"] .p-toc__childList{height:0;margin-bottom:-.5em;visibility:hidden}
.p-toc.is-omitted:not([data-omit=nest]){position:relative}
.p-toc.is-omitted:not([data-omit=nest]):before{background:linear-gradient(hsla(0,0%,100%,0),var(--color_bg));bottom:5em;content:"";height:4em;left:0;opacity:.75;pointer-events:none;position:absolute;width:100%;z-index:1}
.p-toc.is-omitted:not([data-omit=nest]):after{background:var(--color_bg);bottom:0;content:"";height:5em;left:0;opacity:.75;position:absolute;width:100%;z-index:1}
.p-toc.is-omitted:not([data-omit=nest]) [data-omit="1"]{display:none}
.p-toc .p-toc__expandBtn{background-color:#f7f7f7;border:rgba(0,0,0,.2);border-radius:5em;box-shadow:0 0 0 1px #bbb;color:#333;display:block;font-size:14px;line-height:1.5;margin:.75em auto 0;min-width:6em;padding:.5em 1em;position:relative;transition:box-shadow .25s;z-index:2}
.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after,.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before{border-top-color:inherit;border-top-style:dotted;border-top-width:3px;content:"";display:block;height:1px;position:absolute;top:calc(50% - 1px);transition:border-color .25s;width:22px}
.p-toc:not([data-omit=nest]) .p-toc__expandBtn:before{right:calc(100% + 1em)}
.p-toc:not([data-omit=nest]) .p-toc__expandBtn:after{left:calc(100% + 1em)}
.p-toc.is-expanded .p-toc__expandBtn{border-color:transparent}
.p-toc__ttl{display:block;font-size:1.2em;line-height:1;position:relative;text-align:center}
.p-toc__ttl:before{content:"\e918";display:inline-block;font-family:icomoon;margin-right:.5em;padding-bottom:2px;vertical-align:middle}
.p-toc__list li{line-height:1.6}
.p-toc__list>li+li{margin-top:.5em}
.p-toc__list .p-toc__childList{padding-left:.5em}
.p-toc__list [data-level="3"]{font-size:.9em}
.post_content .p-toc__list{padding-left:0}
.p-toc__link{color:inherit;font-size:inherit;text-decoration:none}
.p-toc__link:hover{opacity:.8}
.p-toc.-border{border-bottom:2px solid var(--color_main);border-top:2px solid var(--color_main);padding:1.75em .5em 1.5em}
.p-toc.-border .p-toc__ttl{margin-bottom:.75em}
/* 本番は #main_content .p-toc{margin:4em auto;max-width:800px}。X-T9 に #main_content が無いため同等指定 */
.post_content .p-toc{border-radius:var(--swl-radius--2,0);margin:4em auto;max-width:800px}
@media (hover:hover){.p-toc .p-toc__expandBtn:hover{border-color:transparent;box-shadow:0 0 0 2px currentcolor}}
@media (min-width:600px){.p-toc.-border{padding:1.75em 1em 1.5em}}