@charset "utf-8";

/*
Theme  ：カエテングラフ
Author ：クリエイティブプランニング
Service：忍者
Ver.ID ：200327
*/

/*━━━━━━━━━━━
□エリア別
━━━━━━━━━━━━*/
/*
□基本設定
*/

/*リセット*/
a,html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,/*sub,sup,*/var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
:focus{outline:0}

/*フォント*/
body{font-family:'Noto Sans JP',Meiryo,sans-serif,'Font Awesome 5 Free'}

/*ベース*/
body{margin:auto;background:#fff;text-align:center;-webkit-text-size-adjust:100%;word-wrap:break-word}
img{max-width:100%;height:auto;border:none;vertical-align:bottom}
*,*:before,*:after{box-sizing:border-box}
html{overflow-y:scroll}
ul,ol{list-style-type:none}
ol{counter-reset:li}
th,td{vertical-align:middle}
pre{white-space:pre-wrap}

/*フォーム*/
[type="text"],[type="submit"],[type="checkbox"],[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;max-width:100%;margin:0;padding:0 10px;box-shadow:none;border:solid 1px #d9d9d9;border-radius:0;background:#fff;font:inherit;font-weight:400;font-size:14px}
[type="submit"]{vertical-align:top;transition:.5s}
[type="submit"],[type="checkbox"]{cursor:pointer}

/*アンダーライン*/
.footer-in a,.cm-label a,.ktoc a,a[class*="h2-"],a[class*="h3-"]{text-decoration:none}

/*トランジション*/
a,.kl img,.pn-in:after,.card-ttl,.cbtn{transition:border .5s,background .5s,color .5s,opacity .5s}
i,.card,.dark1,.dark2{transition:background .5s}
.gnav li li{transition:.5s}
@supports (-ms-ime-align:auto){a{transition:border .5s,background .5s,opacity .5s}}
@media all and (-ms-high-contrast:none){a{transition:border .5s,background .5s,opacity .5s}}

/*背景*/
.kl-l img:hover,.sns-btn a:hover{opacity:.5}
.kl>li>a:hover,.side li a:hover,.fsmain-body li a:hover,.card:hover,.ktoc a:hover,.pankuzu,.prev,.next,.code,.table-00 tr:not([class*="-"]):nth-child(2n+1),blockquote,[class*="box-0"],.fsbnr,.fsfooter,.pfnav i,.cms a i,.sns-fol i{background:rgba(0,0,0,.04)}

/*アイコン*/
.hnav i,.pfnav i,.cms a i,.sns-fol i{display:flex;justify-content:center;align-items:center;width:26px;height:26px;margin:0 2px;border-radius:50%}
.pfnav i,.cms a i{display:inline-flex;margin:0}

/*全体リンク*/
#header,.post-head,.pn-in,.kl>li,.krp>li{position:relative}
#header>a,.post-head>a,.pn-in:after,.pn-in img,.kl>li>a,.krp>li>a{position:absolute;top:0;right:0;bottom:0;left:0}
.pn-in:after{content:""}

/*レイアウト*/
#ctr1,#ctr2,#ctr3,#ctr-in,.hnav,.header-in,.gnav-in,.post-head-in,.footer-in,.fsfooter-in{margin:auto}
.header-in-l:after{content:"";display:block;clear:both}
.fadein{display:none}
.kl-in,.card-in{display:flex;padding:15px 5px}
.kl-l,.card-l,.krp-l{width:100px;height:100px;margin-right:15px}
.kl-r,.card-r,.krp-r{flex:1}
@media screen and (min-width:800px){.kl-l{width:150px;height:150px}}

/*トリミング*/
.kl-l,.pn-in,.card-l,.krp-l{position:relative;overflow:hidden}
.kl-l img,.pn-in img,.card-l img,.krp-l img{width:100%;height:100%;-webkit-object-fit:cover;object-fit:cover}
@media all and (-ms-high-contrast:none){.kl-l img,.pn-in img,.card-l img,.krp-l img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto}}

/*その他*/
a[class*="h2-"],a[class*="h3-"]{display:block}
#header,.footer-in,.post-foot,.kul,.kl,.postnav,[class*="kbg-"],[class*="kmarker-"],[class*="kline-"],[class*="border"],.copy,.card,[class*="h2-"],[class*="h3-"],[class*="ul-0"],[class*="ol-0"],[class*="parts-"],.break-all,pre,code{word-break:break-all}


/*
□ヘッダー
*/

/*全体*/
#header{border-top:solid 5px;background:#fff}

/*ナビ*/
.hnav{position:relative}
.hnav ul{display:flex;position:absolute;top:2px;right:0;margin:0 -7px;font-size:0}

/*外側*/
.header-outer{padding:30px 0}

/*内側*/
.header-in{}

/*タイトル/説明文*/
.header-in-l,.header-in-r{text-align:left}
.site-ttl a{position:relative}
.site-ttl{text-shadow:1px 1px 2px rgba(0,0,0,.15)}
.site-ttl a:hover{text-shadow:none}
.site-desc{}


/*
□グローバル
*/
.gnav{border-top:solid 1px rgba(0,0,0,.15);background:#fff}
.gnav-in{text-align:left}
.gnav ul{margin:-1px -15px;font-size:0}
.gnav li{display:inline-block;position:relative}
.gnav a{display:block;padding:11px 15px}


/*
□フッター
*/

/*全体*/
.footer-in{padding:30px 0}
.copyright{font-style:normal}
.footer-ttl{}

/*フッターナビ*/
.fnav{margin:0 0 15px;font-size:0}
.fnav li{display:inline-block;margin:5px 0;border-right:solid 1px}
.fnav li:last-child{border:none}
.fnav a{padding:0 10px}


/*
□記事
*/

/*全体*/
.post{}

/*タイトル*/
.post-head,.page-head{background-position:center center;background-repeat:no-repeat;background-size:cover}
.post-head-sgl,.arch-head-arch{padding:60px 0}
.post-head-top{padding:30px 10px}
.post-ttl{position:relative;display:inline}
.post-cat{display:block}
.post-cat-in{display:inline}
.post-cat a{position:relative}
.post-date,.post-cat{margin-top:5px}

/*フッター*/
.post-foot{clear:both}
.pfnav{text-align:right;font-size:0}
.pfnav li{display:inline;line-height:30px;padding-left:10px}
.pfnav li:first{padding-left:0}
.tag-list:after{content:" / "}
.tag-list:last-child:after{content:""}

/*続きを読む*/
a.more-link{display:block;width:100%;padding:10px;border:solid 1px;text-align:center}

/*パンくず*/
.pankuzu{padding:15px 10px;text-align:center;font-size:0}
.pankuzu li{display:inline;margin-right:10px}
.pankuzu li:last-child{margin:0}


/*
□コンテンツボディ
*/
.post-body,.side,.fsmain-body{padding:15px 10px;background:#fff;text-align:left}


/*
□サイドバー/FSメイン/一覧/関連/CM/TB
*/

/*全体*/
.sidebar,.fs3crl,.fsmain,.list,.relate,.cms,.tbs{background:#fff;text-align:left}

/*タイトル*/
.sidetitle,.fsmain-ttl,.list-ttl,.relate-ttl,.cms-ttl{position:relative;padding:10px;border-bottom:solid 2px #d9d9d9}
.sidetitle:before,.fsmain-ttl:before,.list-ttl:before,.relate-ttl:before,.cms-ttl:before{position:absolute;left:0;bottom:-2px;content:"";width:50%;height:2px}


/*
□サイドバー
*/

/*親リスト*/
.kul{margin:-10px -5px}
.kul li{position:relative;border-bottom:dashed 1px #d9d9d9}
.kul li:last-child{border:none}
.kul li a{display:flex;padding:10px 5px}
.kul .sub{padding:10px 5px 0 5px}

/*子リスト*/
.kul ul{margin:0}
.kul li li{position:relative;padding-left:1.8em;border:none}
.kul li li:before{position:absolute;top:.875em;left:.8em;content:"";width:.875em;height:.875em;border:solid #d9d9d9;border-width:0 0 1px 1px}

/*投稿数*/
.countwrap{padding-left:35px}
.count{position:absolute;top:11px;right:5px;line-height:1;padding:5px 8px;background:rgba(0,0,0,.2);color:#fff}

/*追従*/
@media screen and (min-width:960px){.side-scroll{position:-webkit-sticky;position:sticky;top:15px}}


/*
□記事一覧
*/

/*ボディ*/
.list-body{}
.list-body2{padding:30px 10px}
.relate-body{}

/*リスト*/
.kl{padding:5px 10px 0;font-size:0}
.kl>li{margin:0 -5px;border-bottom:dashed 1px #d9d9d9}
.kl-ttl a{position:relative}
.kl-desc{display:block;margin:10px 0}
.kl-date,.kl-cat{display:inline}
.kl-cat{position:relative}
.kl-date{margin-right:8px}

/*NOIMAGE*/
.noimg{display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:solid 1px #d9d9d9;font-size:11px}

/*関連*/
.relate .kl>li:last-child{border:none}


/*
□CM/TB
*/

/*ボディ*/
.cms-body{overflow:hidden}
.cms-leave{margin:30px 10px}
.cm-form{margin:0 10px}
.cm-form-edit{margin:15px 10px 0}
.cm-ttl{margin:15px 0}
.cm-label{margin:0 0 5px}
.cms [type="text"],.cms textarea,.tbs input{width:100%;height:45px;margin:0 0 15px}
.cms [type="password"]{width:150px;height:30px;margin:0 8px 15px 0}
.cms textarea{display:block;height:150px;padding:10px}

/*送信*/
.form-submit{text-align:center}
.cms [type="submit"]{margin:15px 0;padding:15px 30px}

/*リスト*/
.cm-list{padding:0 10px;font-size:0}
.cm-list li{margin:0 -5px;padding:30px 5px;border-bottom:dashed 1px #d9d9d9}
.cm-sub{}
.cm-name,.tb-name{display:inline-block}
.cm-name{margin:0 0 1em}
.cm-date,.tb-date{display:inline;margin-left:8px}

/*チェックボックス*/
.cm-chk{display:flex;align-items:center;margin:0 0 15px}
.cm-chk [type="checkbox"]{flex:none;position:relative;width:30px;height:30px;margin-right:8px;padding:0}
.cm-chk input:checked:before{position:absolute;top:-1px;left:-1px;content:"";width:30px;height:30px}
.cm-chk input:checked:after{position:absolute;top:-9px;left:2px;content:"\f00c";font-size:24px;color:#fff;font-weight:700}


/*
□フッターボタン
*/
.fbtn{display:none;position:fixed;bottom:0;right:0;z-index:3;line-height:1;font-size:0}
.fbtn ul{display:flex}
.fbtn li{position:relative;margin-left:1px}
.fbtn a{display:block;width:50px;height:50px;background:rgba(255,255,255,.9)}
.fbtn i{position:absolute;top:5px;left:0;right:0;font-size:26px}
.fbtn .txt{position:absolute;bottom:5px;left:0;right:0;font-size:10px}


/*
□前後ページナビ
*/
.pager{line-height:1;font-size:0}
.pager li{display:inline-block}
.pager a,.pager span,.leader{display:inline-block;padding:15px 18px;border:solid 1px rgba(0,0,0,.15);background:#fff}
.leader{padding:15px}


/*
□前後記事ナビ
*/
.postnav{display:flex}
.prev,.next{position:relative;width:50%}
.prev{margin-right:2px}
.next{margin-left:2px}
.pn-in{display:flex;justify-content:center;align-items:center;width:100%;height:150px}
.pn-txt,.pn-ttl{z-index:1}
.pn-txt{position:absolute;top:4px}
.prev .pn-txt{left:0}
.next .pn-txt{right:0}
.pn-txt i{margin:0 8px}
.pn-ttl{padding:0 5px}


/*
□SNSボタン
*/
.sns-btn,.sns-fol{display:flex;flex-wrap:wrap;justify-content:center;line-height:1;margin:0 -1px}
.sns-btn li{flex:1;padding:1px}
.sns-btn li a{display:flex;justify-content:center;align-items:center;height:32px}
.sns-btn .icon{font-size:18px}
.sns-btn .text{padding-left:8px;font-size:11px}
@media screen and (max-width:666px){
.sns-btn li{flex:none;width:calc(100%/3)}
.sns-btn .icon{width:40%;text-align:right}
.sns-btn .text{width:60%}
.sns-btn .facebook .icon{width:38%}
.sns-btn .facebook .text{width:62%}
.sns-btn .hatena .icon{width:42%}
.sns-btn .hatena .text{width:58%}}
.sns-fol i{width:40px;height:40px;margin:0 5px;font-size:22px}
.sns-fol i:hover{color:#fff}
.facebook,.fb:hover{background:#3b5998}
.hatena{background:#00a4de}
.pocket{background:#ef4056}
.feedly{background:#87c040}
.twitter,.tw:hover{background:#1b95e0}
.line{background:#00b900}
.rss:hover{background:#ffa500}
.ig:hover{background:#c13584}


/*
□記事装飾パーツ
*/

/*文字背景/蛍光マーカー/蛍光ライン/罫線囲み/コード*/
[class*="kbg-"],[class*="kmarker-"],[class*="kline-"],.code{padding:1px .5em}
[class*="kbg-"]{color:#fff}
[class*="border"]{padding:0 .5em;border:solid 1px rgba(0,0,0,.2)}
.border-white{border-color:#fff}
.code{vertical-align:top}
code{font-family:Consolas,Courier,'Noto Sans JP'}
code span.code,code.code{padding-top:3px;padding-bottom:3px}
code span.code[class*="border"],code.code[class*="border"]{padding-top:2px;padding-bottom:2px}

/*文字だけ見出し*/
.copy{text-shadow:1px 1px 3px rgba(0,0,0,.3);font-weight:700}
.copy a:hover{text-shadow:none}

/*画像回込*/
.imgl,.imgl2{float:left;margin-right:8px;text-align:center}
.imgr,.imgr2{float:right;margin-left:8px;text-align:center}
.imgl img,.imgl2 img,.imgr img,.imgr2 img{margin-top:.4em}
.clear:after{content:"";display:block;clear:both}
.text00{overflow:hidden;min-height:100px}

/*TABLE*/
table{width:100%;border-collapse:collapse;text-align:center}
th,td,th[class*="-"],td[class*="-"]{padding:5px 15px;border:solid 1px #d9d9d9}
[class*="table-0"]{width:auto;border-collapse:separate;border-spacing:0;box-shadow:0 2px 2px rgba(0,0,0,.04)}
[class*="table-0"] tr:not([class*="-"]) th:not([class*="-"]){color:#fff}
[class*="table-0"] th{border:solid rgba(255,255,255,.2);border-width:0 1px 1px 0;font-weight:400}
[class*="table-0"] th:last-child{border-right:none}
[class*="table-0"] td{border:solid #d9d9d9;border-width:0 1px 1px 0}
[class*="table-0"] td:first-child{border-left-width:1px}
[class*="table-0"] tr:first-child td{border-top-width:1px}

/*引用/BOX*/
blockquote,[class*="box-0"]{margin:5px auto;padding:1.25em}
blockquote,blockquote.border,blockquote[class*="-"]{position:relative;padding:2.5em 1.25em}
blockquote:before,blockquote:after{position:absolute;font-size:1.5em;font-weight:700}
blockquote:before{content:"\f10d";top:0;left:.833em}
blockquote:after{content:"\f10e";bottom:0;right:.833em}
.box-alert,.box-info,.box-que{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:5em;margin:5px auto;padding:1.25em 1em 1.25em 4em}
.box-alert{background:#ffeaf4}
.box-info{background:#f4ffea}
.box-que{background:#eaffff}
.box-alert:before,.box-info:before,.box-que:before{position:absolute;top:.5em;left:.4em;line-height:1;font-size:2.5em;font-weight:700}
.box-alert:before{content:"\f06a";color:#d33}
.box-info:before{content:"\f05a";color:#81d742}
.box-que:before{content:"\f059";color:#7f7fff}

/*Ｑ＆Ａ*/
.que,.ans{position:relative;margin:5px auto;padding-left:2.375em}
.que:before,.ans:before{position:absolute;top:0;left:0;content:"";height:1.875em;width:1.875em;line-height:1;border-radius:6px}
.que:before{background:#7f7fff}
.ans:before{background:#d33}
.que:after,.ans:after{position:absolute;top:.1em;line-height:1;color:#fff;font-size:1.625em;font-family:Arial}
.que:after{content:"Q";left:.188em}
.ans:after{content:"A";left:.25em}

/*記事カード*/
.card{margin:5px -5px;border:solid #d9d9d9;border-width:1px 0;text-align:left}
.card-ttl,.card-info{margin:0 0 5px}
.card-info.surl,.card-info.date{margin:0}

/*会話*/
.talk-l,.talk-r{display:flex;padding:5px 0}
.talk-r{text-align:right}
.talk-r,.ttxt-r{flex-direction:row-reverse}
.tface{display:flex;flex-direction:column;align-items:center}
.tface-in{width:60px;height:60px;overflow:hidden;border-radius:50%}
.tface-in img{width:100%;height:auto}
.tname{margin-top:2px;font-size:12px}
.ttxt-l,.ttxt-r{display:flex;align-items:baseline}
.ttxt{padding:10px 6px;border-radius:6px;background:#fff}
.tbln{flex:none;width:10px;height:10px;padding:0;border-width:0 0 1px 1px;background:#fff}
.ttxt-l .tbln{margin:0 -5px 0 10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.ttxt-r .tbln{margin:0 10px 0 -5px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}

/*アコーディオン*/
.toggle{position:relative;padding-left:1.2em;cursor:pointer}
.toggle:hover{text-decoration:underline}
.acordion{display:none;margin:0 -5px;padding:.01em 5px}
.acordion:after{content:"";display:block;clear:both}
.none-acordion:after{content:"\f055";font-weight:700}
.active-acordion:after{content:"\f056";font-weight:700}
.default.toggle.none-acordion:after,
.default.toggle.active-acordion:after{position:absolute;top:0;left:0}
[class*="h2-"].toggle.none-acordion:after,
[class*="h2-"].toggle.active-acordion:after{position:absolute;top:10px;right:10px}
[class*="h3-"].toggle.none-acordion:after,
[class*="h3-"].toggle.active-acordion:after{position:absolute;top:7px;right:10px}
[class*="h2-"].toggle,[class*="h3-"].toggle{padding-right:2em}
[class*="h3-06-"].toggle.none-acordion:after,
[class*="h3-06-"].toggle.active-acordion:after{top:5px}
[class*="h3-07-"].toggle{display:table}
[class*="h3-07-"].toggle.none-acordion:after,
[class*="h3-07-"].toggle.active-acordion:after{top:0}

/*h2/h3*/
[class*="h2-"],[class*="h3-"]{position:relative;margin:5px -5px;border-style:solid;font-weight:700}
[class*="h2-"]:before,[class*="h3-"]:before{position:absolute}

[class*="h2-"]{padding:10px 15px}
[class*="h2-01-"]{border-width:1px 0 3px}
[class*="h2-02-"],[class*="h2-03-"]{padding:.5em .5em .5em 2em;border:solid 1px #c0c0c0}
[class*="h2-03-"]{padding-left:1.6em}
[class*="h2-02-"]:before{top:.65em;left:.5em;content:"";height:1.2em;width:1.2em;border-radius:50%}
[class*="h2-03-"]:before{top:10%;left:.6em;content:"";width:10px;height:80%;border-radius:4px}
[class*="h2-04-"]{margin:5px -7px;border:double 5px #fff;color:#fff}
[class*="h2-05-"]{color:#fff}

[class*="h3-"]{padding:7px 10px}
[class*="h3-01-"]{border-width:2px}
[class*="h3-02-"]{border-width:1px 1px 1px 10px}
[class*="h3-03-"]{border-width:0 0 2px 5px}
[class*="h3-04-"]{border-bottom:solid 3px #e5e5e5}
[class*="h3-04-"]:before{left:0;bottom:-3px;content:"";width:30%;height:3px}
[class*="h3-05-"]{color:#fff}
[class*="h3-06-"]{display:table;padding:5px 15px;border-radius:15px;color:#fff;font-weight:400}
[class*="h3-07-"]{padding:0 0 0 1.5em}
[class*="h3-07-"]:before{top:.306em;left:0;content:"";width:1.25em;height:1.25em;border-radius:50%}
[class*="h3-08-"]{padding-left:20px}
[class*="h3-08-"]:before{top:0;left:0;content:"";width:10px;height:100%;border-radius:4px}

/*ul*/
[class*="ul-0"]{margin:5px}
[class*="ul-0"]>li{position:relative;padding-left:1.25em}
[class*="ul-0"]>li:before{position:absolute;left:0;text-align:center;font-weight:700}
[class*="ul-01-"]>li{margin:4px 0;padding:2px .5em;border-left:solid 3px;border-bottom:dotted 1px}
[class*="ul-03-"]>li,[class*="ul-04-"]>li,[class*="ul-05-"]>li{padding-left:1.875em}
[class*="ul-03-"]>li:before,[class*="ul-04-"]>li:before{top:.125em;content:"\f00c";width:1.5em;height:1.5em;line-height:1.438}
[class*="ul-04-"]>li:before{line-height:1.313;border:solid 1px;border-radius:4px}
[class*="ul-05-"]>li:before{content:"\f00c";line-height:1;font-size:1.5em}
[class*="ul-06-"]>li:before{content:"\f058"}
[class*="ul-07-"]>li:before{content:"\f057"}
[class*="ul-08-"]>li:before{content:"\25A0"}
[class*="ul-02-"]>li:before{content:"\25CF"}
.ul-09>li:before{content:"\203B"}

/*ol*/
[class*="ol-0"]{margin:5px}
[class*="ol-0"]>li{position:relative;padding-left:1.875em}
[class*="ol-0"]>li:before{position:absolute;top:.15em;left:0;content:counter(li);counter-increment:li;width:1.875em;height:1.875em;line-height:1.875;border-radius:50%;font-weight:400;text-align:center;font-size:.8em}
[class*="ol-03-"]>li:before,[class*="ol-04-"]>li:before{line-height:1.75;border:solid 1px}
[class*="ol-02-"]>li:before,[class*="ol-04-"]>li:before{border-radius:4px}

/*バッジ*/
.badge{display:flex;justify-content:center;align-items:center;line-height:1.2;margin:5px 0;padding:1px;width:90px;height:90px;border-radius:50%;font-weight:700;text-align:center;font-size:18px}

/*ボタン*/
[class*="kbtn"]{margin:5px auto;text-align:center}
[class*="kbtn"] a{display:inline-block;text-align:center}
[class*="kbtn"] a:after{content:"\f105";margin-left:1em;font-weight:700}
[class*="kbtn"] a{margin:auto;padding-left:2em;padding-right:2em}
[class*="kbtn-"] a{min-width:160px;padding:10px 30px;color:#fff}

/*コピーボタン*/
.cbtn{display:block;margin:30px auto;padding:0;text-align:center;cursor:pointer}
.cbtn.table{min-width:310px}
.cbtn-txt{padding:10px 1em}
.cbtn-txt:before,.cbtn-suc:before,.cbtn-err:before{margin-right:1em}
.cbtn-txt:before{content:"\f0c5"}
.cbtn-suc:before{content:"\f058"}
.cbtn-err:before{content:"\f057"}

/*BOX-TTL*/
.box-ttl{display:table;position:relative;z-index:1;margin:5px 0 -1em 1em;background:#fff}

/*目次*/
.ktoc{margin:5px -5px;padding:1em}
.ktoc-ttl{margin:auto;padding:0 .5em;text-align:center;font-size:18px}
.ktoc-ttl:before{content:"\f03a";margin-right:8px;font-weight:700}
.ktoc .toggle{margin-left:.5em;font-size:18px}
.ktoc-body{margin-top:1em}
.ktoc ol{margin:0}
.ktoc li{padding:0;border-top:dashed 1px rgba(0,0,0,.15)}
.ktoc li li{margin-left:2em;border:none;font-size:.875em}
.ktoc li li li{font-size:1em}
.ktoc li:before{top:.938em;left:.625em}
.ktoc li li:before{top:.625em;left:.4em;line-height:1.8;background:none;font-size:1em}
.ktoc li li:after{position:absolute;top:.625em;left:1.9em;content:"."}
.ktoc a{display:block;position:relative;padding:.625em .5em .625em 2.5em}
#ktoc>li:before{background:rgba(0,0,0,.2)}

/*グラデ*/
.grada,.badge,[class*="h2-05-"],[class*="h2-"]:before,[class*="h3-"]:before{background-image:linear-gradient(to bottom,rgba(255,255,255,.25) 0%,rgba(153,153,153,.1) 100%)}
[class*="h2-01-"],[class*="h2-02-"],[class*="h2-03-"]{background-image:linear-gradient(to bottom,rgba(255,255,255,.2) 20%,rgba(85,85,85,.1) 100%)}

/*属性なしタグ/JOY互換*/
.noclass h2:not([class*="h2-"]):not([class*="h3-"]):not(.copy),.h2-00{margin:5px -5px;padding:10px 15px;background-image:linear-gradient(to bottom,rgba(255,255,255,.2) 20%,rgba(85,85,85,.1) 100%);font-size:20px;border:solid 1px #d1d1d1;border-bottom:solid 3px grey}
.noclass h3:not([class*="h2-"]):not([class*="h3-"]):not(.copy),.h3-00{margin:5px -5px;padding:7px 15px;font-size:16px;border:solid 2px grey}
.noclass ul:not([class*="ul-0"]):not(.relate_ul),.noclass ol:not([class*="ol-0"]),.ul-00,.ol-00{margin:5px}
.noclass ul:not([class*="ul-0"]):not(.relate_ul)>li,.ul-00>li{margin:4px 0;padding-left:.5em;border-left:solid 3px grey}
.noclass ol:not([class*="ol-0"])>li,.ol-00>li{position:relative;padding-left:1.875em}
.noclass ol:not([class*="ol-0"])>li:before,.ol-00>li:before{position:absolute;top:.15em;left:0;content:counter(li);counter-increment:li;width:1.875em;height:1.875em;line-height:1.875;border-radius:50%;font-weight:400;text-align:center;font-size:.8em;color:#fff;background:grey}
.h2-04-glay,.h2-05-glay,.h3-05-glay,.h3-06-glay,[class*="-glay"]:before,[class*="-glay"]>li:before{background-color:grey}[class*="-01-glay"],.h3-02-glay,.h3-03-glay,.ul-01-glay>li{border-color:grey}[class*="-glay"]>li:before{color:grey}
[class*="parts-"]{line-height:1.2;margin:5px 0;padding:1px 10px;text-align:center;border-radius:6px;color:#fff;font-weight:700;font-size:18px;background:grey}
[class*="parts-01-"],[class*="parts-02-"]{font:inherit}
[class*="parts-03-"],[class*="parts-04-"]{width:120px;padding:5px 10px}
[class*="parts-05-"]{display:flex;justify-content:center;align-items:center;padding:1px;width:90px;height:90px;border-radius:50%}

/*文字位置*/
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}

/*太字*/
.bold{font-weight:700}

/*下線*/
.underline{text-decoration:underline}

/*その他*/
.margin-auto{margin:auto}
.margin-l-auto{margin-left:auto}
.margin-r-auto{margin-right:auto}
.margin-0{margin:0}
.margin-t-0{margin-top:0}
.margin-b-0{margin-bottom:0}
.margin-l-0{margin-left:0}
.margin-r-0{margin-right:0}
.margin-t-5px{margin-top:5px}
.margin-t-10px{margin-top:10px}
.margin-t-15px{margin-top:15px}
.margin-t-20px{margin-top:20px}
.margin-b-5px{margin-bottom:5px}
.margin-b-10px{margin-bottom:10px}
.margin-b-15px{margin-bottom:15px}
.margin-b-20px{margin-bottom:20px}
.margin-l-5px{margin-left:5px}
.margin-l-10px{margin-left:10px}
.margin-l-15px{margin-left:15px}
.margin-l-20px{margin-left:20px}
.margin-r-5px{margin-right:5px}
.margin-r-10px{margin-right:10px}
.margin-r-15px{margin-right:15px}
.margin-r-20px{margin-right:20px}
.padding-0{padding:0}
.padding-t-0{padding-top:0}
.padding-b-0{padding-bottom:0}
.padding-l-0{padding-left:0}
.padding-r-0{padding-right:0}
.padding-t-5px,a.padding-t-5px{padding-top:5px}
.padding-t-10px,a.padding-t-10px{padding-top:10px}
.padding-t-15px,a.padding-t-15px{padding-top:15px}
.padding-t-20px,a.padding-t-20px{padding-top:20px}
.padding-b-5px,a.padding-b-5px{padding-bottom:5px}
.padding-b-10px,a.padding-b-10px{padding-bottom:10px}
.padding-b-15px,a.padding-b-15px{padding-bottom:15px}
.padding-b-20px,a.padding-b-20px{padding-bottom:20px}
.padding-l-5px,a.padding-l-5px{padding-left:5px}
.padding-l-10px,a.padding-l-10px{padding-left:10px}
.padding-l-15px,a.padding-l-15px{padding-left:15px}
.padding-l-20px,a.padding-l-20px{padding-left:20px}
.padding-r-5px,a.padding-r-5px{padding-right:5px}
.padding-r-10px,a.padding-r-10px{padding-right:10px}
.padding-r-15px,a.padding-r-15px{padding-right:15px}
.padding-r-20px,a.padding-r-20px{padding-right:20px}
.radius-0{border-radius:0}
.radius-4px{border-radius:4px}
.radius-6px{border-radius:6px}
.radius-8px{border-radius:8px}
.radius-10px{border-radius:10px}
.radius-15px{border-radius:15px}
.radius-round{border-radius:50%}
.width-full{width:100%}
.width-auto{width:auto}
.min-width-0,.min-width-0 a{min-width:0}
.border-none{border:none}
.border-t-none{border-top:none}
.border-b-none{border-bottom:none}
.border-l-none{border-left:none}
.border-r-none{border-right:none}
[class*=" dashed"]{border-style:dashed}
[class*=" dotted"]{border-style:dotted}
[class*=" double"]{border-style:double;border-width:3px}
.bg-none{background:none}
.grada-none{background-image:none}
.block,a.block{display:block}
.table,a.table{display:table}
.inline-block,a.inline-block{display:inline-block}
.hidden{overflow:hidden}
#ctr .decoration-none{text-decoration:none}
#ctr .decoration-none:hover{text-decoration:underline}


/*
□PCプルダウン
*/
@media screen and (min-width:800px){
.gnav ul ul{position:absolute;top:100%;left:0;z-index:1;width:200px;margin:0;background:rgba(0,0,0,.5)}
.gnav ul ul ul,.gnav ul ul ul ul ul{top:0;left:100%;background:#666}
.gnav ul ul ul ul,.gnav ul ul ul ul ul ul{left:-100%;width:100%}
.gnav li li{float:left;overflow:hidden;width:100%;height:0}
.gnav li:hover>ul>li{overflow:visible;height:40px}
.gnav li li a{white-space:nowrap;display:block;line-height:40px;overflow:hidden;padding:0 10px;font-weight:400;text-align:left;color:#fff}
.gnav ul ul li>ul:before,.gnav ul ul ul ul li>ul:before{position:absolute;top:13px;left:-10px;content:"";border:solid 7px transparent;border-left-color:#fff}
.gnav ul ul ul li>ul:before,.gnav ul ul ul ul ul li>ul:before{left:200%;margin-left:-20px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.gnav ul ul ul ul li>ul:before{margin:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}}


/*
□画像黒フィルタ
*/
.dark1,.pn-in:after{background:rgba(0,0,0,.6)}
.post-head:hover .dark1,.prev:hover .pn-in:after,.next:hover .pn-in:after{background:rgba(0,0,0,.3)}
.post-head:hover .dark2,.page-head:hover .dark2{background:rgba(255,255,255,.3)}


/*
□iframe
*/
.youtube,.googlemap{text-align:center}
.twitter-tweet,.instagram-media{margin:auto!important}
.youtube iframe,.googlemap iframe,.iframe iframe{max-width:100%}
@media screen and (max-width:959px){
.youtube{padding-top:56.25%}
.googlemap{padding-top:75%}
.youtube,.googlemap{position:relative;width:100%}
.youtube iframe,.googlemap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.iframe{overflow:auto;-webkit-overflow-scrolling:touch}
.iframe iframe{display:block;width:100%}}


/*
□フリースペース
*/

/*FSヘッダー*/
.fshead-l,.fshead-r{text-align:center}
.fshead-l a,.fshead-r a{position:relative}
.fshead-l{float:left}
.fshead-l img{margin-top:.333em;margin-right:8px}
@media screen and (min-width:800px){
.header-in{display:flex;flex:1}
.header-in-l{flex:1}}

/*FSバナー*/
.fsbnr{}

/*FSフッター*/
.fsfooter{padding:1px 0}
.fsfooter-in{text-align:left}
.fsfoot{}
.fsfoot-ttl{margin:0 -2px 5px}
@media screen and (min-width:960px){
.fsfooter-in{display:flex}
.fsfooter-l,.fsfooter-c,.fsfooter-r{display:block;width:calc(100%/3);min-width:0}
.fsfooter-c,.fsfooter-r{margin-left:50px}}

/*FSその他
.fspost1 記事内上部
.fspost2 記事内下部
.fsmore 続きを読む*/
.fscms/*コメント*/{text-align:center}
.fsside>div/*サイドバー*/{padding:15px 10px}
.fsarch>div/*アーカイブ*/{padding:0 10px}
.fs/*文字サイズ用*/{clear:both}

/*PC/SP表示制御*/
.pc{display:block}
.sp{display:none}

/*flexbox*/
.flexbox,.flexbox2{display:flex}
.flex-1{flex:1}
.flex-2{flex:2}
.flex-1,.flex-2,.flex-none{min-width:0}
.items-center{display:flex;align-items:center}
.flex-center{display:flex;justify-content:center}
.flex-end{display:flex;justify-content:flex-end}
.space-between{justify-content:space-between}
.space-around{justify-content:space-around}
.row-reverse{flex-direction:row-reverse}
.flex-column{flex-direction:column}
.ad-l,.ad-r{flex:1;padding:1px;text-align:center}
.ad-l{margin-left:-2px}
.ad-r{margin-right:-2px}


/*
□WebFont調整
*/
.gnav i,.fnav i,.post-head i,.pfnav i,.kul i,.kl i,.cms i,.cms a i,.tbs i,.card i{margin-right:4px}
.more-link i{margin-left:15px}
.edit i{margin:0}


/*
□余白設定
*/
#ctr-in{padding:35px 0}
[id*="main-"],[id*="side-l-"],[id*="side-r-"],.fs3crl{display:block;min-width:0;padding:10px}
.post,.pankuzu,.sidebar,.list,.relate,.cms,.tbs,.postnav,.fsmain,.fsside>div,.fsarch>div,.fs3crl{margin:0 0 45px}
.pager{margin:0 0 40px}
.pager li{margin:0 1px 5px}
.more-link,.sns-btn,.sns-fol{margin:30px 0}
.post-foot{margin:30px 0 0}
.fspost1>div{margin:0 0 30px}
.fspost2>div{margin:30px 0 0}
.fsmore>div{padding:30px 0}
.fscms>div{margin:15px 0}
.fsbnr>div{padding:15px 0}
.fsfoot{margin:45px 0}


/*
□レスポンシブ
*/

/*SPヘッダーボタン*/
.hbtn{position:absolute;top:5px;right:0;z-index:3;width:57px;height:57px;cursor:pointer}
.hbtn span,.hbtn span:before,.hbtn span:after{position:absolute;left:0;right:0;content:"";width:27px;height:1px;margin:auto;background:#333;transition:1s}
.hbtn span{top:50%}
.hbtn span:before{-webkit-transform:translateY(-9px);transform:translateY(-9px)}
.hbtn span:after{-webkit-transform:translateY(9px);transform:translateY(9px)}
.hbtn.open span{background:none}
.hbtn.open span:before,.hbtn.open span:after{left:-5px;width:37px}
.hbtn.open span:before{-webkit-transform:rotate(-45deg) translate(0);transform:rotate(-45deg) translate(0)}
.hbtn.open span:after{-webkit-transform:rotate(45deg) translate(0);transform:rotate(45deg) translate(0)}

/*SP検索*/
.sp-form{padding:10px 5px;font-size:0}
.sp-form [type="text"]{width:78%;height:34px;padding:0 10px;border-right:none}
.sp-form [type="submit"]{width:22%;height:34px;padding:0}

/*PC非表示*/
.hbtn,.sp-menu,.sp-form,.sp-sns,.sp-smap{display:none}

/*959px以下*/
@media screen and (max-width:959px){
#ctr-in{padding:0}
[id*="main-"]{padding:15px 5px .01em}
[id^="side-"]{padding:30px 5px .01em}
[id*="side-t-"]{padding:0 5px}
.post,.pankuzu,.sidebar,.list,.relate,.cms,.tbs,.postnav,.fsmain,.fsside>div,.fsarch>div{margin:0 0 30px}
.pager{margin:0 0 25px}
.fsfoot,.fs3crl{margin:30px 0}
.fs3crl{padding:15px 10px}
}

/*799px以下*/
@media screen and (max-width:799px){
.hnav{display:none}
.site-ttl,.site-desc{padding-right:3em}
.post-head-sgl,.arch-head-arch{padding:30px 0}
.pankuzu{overflow-y:hidden;-webkit-overflow-scrolling:touch;white-space:nowrap}
.fshead-r>div{margin-top:15px}
.hbtn,.sp-menu,.sp-form,.sp-sns,.sp-smap{display:block}
.sp-sns a{display:inline-block}
.sp-smap a{border-bottom:solid 1px rgba(0,0,0,.15)}
.gnav{position:relative;margin:0;border:none;background:none}
.gnav-in{display:none;position:absolute;top:0;right:0;z-index:2;width:100%;margin:0;padding:10px;background:#e6e6e6}
.gnav ul{margin:0;font-size:inherit}
.gnav a{padding:10px;font-weight:400}
.gnav .fa-home,.gnav .fa-list{margin-left:-2px}
.gnav li{display:block}
.gnav li a{border-top:solid 1px rgba(0,0,0,.15)}
.gnav li:first-child a{border:none}
.gnav li li a,.gnav li li a:hover{padding:10px 5px;border:none}
.gnav li li{position:relative;padding-left:2.175em}
.gnav li li:before{position:absolute;top:.75em;left:1.175em;content:"";width:.875em;height:.875em;border:solid #999;border-width:0 0 1px 1px}
.gnav li li li{padding-left:1.8em}
.gnav li li li:before{left:.8em}
}

/*666px以下*/
@media screen and (max-width:666px){
.post-in{padding:0 4px}
.footer-in p{display:inline}
.pn-in{height:115px}
.fnav{margin:0 0 30px}
.fnav a{display:block;padding:10px}
.fnav li{display:block;margin:0;border:none}
.fnav li a{box-shadow:0 -1px rgba(0,0,0,.1)inset;border-bottom:1px solid rgba(255,255,255,.1)}
.imgl,.imgr{float:none;margin:0 0 15px}
.imgl img,.imgr img{margin:auto}
.flexbox{display:block}
.ad-l,.ad-r{margin:0;padding:0}
.ad-r{margin-top:15px}
:not(.flexbox2)>[class*="margin-l-"]:not(.margin-l-auto){margin-left:0}
:not(.flexbox2)>[class*="margin-r-"]:not(.margin-r-auto){margin-right:0}
.table-scroll{overflow:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
}


/*━━━━━━━━━━━
□独自コンテンツ
━━━━━━━━━━━━*/
/*拍手/広告*/
.NinjaClap,.NinjaEntryCommercial{line-height:1;margin:30px 0}
.NinjaClap img{margin-right:5px;vertical-align:middle}
.NinjaEntryCommercial{padding:0!important}

/*プラグイン説明*/
.plugin-desc{margin:5px 0;font-size:12px}

/*プラグイン*/
.side,.fsmain-body{padding:10px}
.plugin_data{margin:-10px -5px 0;padding:5px;border-top:dashed 1px #d9d9d9}
.plugin_data:first-child{border:none}
.plugin_data a{display:block;margin:0 -5px 10px;padding:5px}
.plugin_data_date{margin:-15px 0 20px;font-size:12px}
.plugin_data a:hover{background:rgba(0,0,0,.04)}
.plugin_cm_with_res img{display:none}
.kul{margin:-5px}

/*バーコード*/
.qrcode_image{text-align:center}

/*プロフィール*/
.plugin_data .right{margin:0 0 10px}
.plugin_data .right a{margin:0 -5px -5px}
.profile_image{margin:0 0 20px;text-align:center!important}

/*カレンダー*/
table.CalendarMoveTable,table.CalendarTable{max-width:500px;margin:auto}
table.CalendarMoveTable{font-weight:bold}
table.CalendarMoveTable td,
table.CalendarTable th,
table.CalendarTable td{height:30px;line-height:30px;margin:auto;padding:0;border:none}
.CalendarTable a{font-weight:bold;text-decoration:underline}
.CalendarTable a:hover{display:block;background:rgba(0,0,0,.15);color:#fff}
.CalendarWdaySat{color:#00bfff}
.CalendarWdaySun{color:#e8383d}

/*検索BOX*/
.blogsearch{margin-top:5px;font-size:0}
.blogsearch [type="text"]{width:78%;height:34px;padding:0 10px;border-right:none}
.blogsearch [type="submit"]{width:22%;height:34px;padding:0}
.blogsearch [type="submit"]:hover{color:#fff}

/*記事カード調整*/
.card{position:relative}
.card>a{position:absolute;top:0;right:0;bottom:0;left:0;content:""}


/*━━━━━━━━━━━
■管理者コメント
━━━━━━━━━━━━*/
.cm-list li li{position:relative;margin:15px -10px 0;padding-left:55px;background:rgba(0,0,0,.04);border:none}
.cm-list li li:before{position:absolute;top:30px;left:10px;content:"\f122";line-height:1;font-size:30px;color:#ccc;font-weight:700}


/*━━━━━━━━━━━
■文字サイズ
━━━━━━━━━━━━*/
/*
■記事本文
*/
.post-body,.fsmain{
font-size:16px;
}

/*
■サイト・記事タイトル
*/
.site-ttl,.post-ttl,.arch-ttl{
font-size:26px;
}

/*
■サイト説明文
*/
.site-desc{
font-size:12px;
}

/*
■グローバル・フッターメニュー
*/
.gnav a,.fnav a{
font-size:14px;
}

/*
■サイドバー・FSフッター
*/
.side,.fsfoot{
font-size:14px;
}

/*
■サイドバー等タイトル
*/
.sidetitle,.fsmain-ttl,.list-ttl,.relate-ttl,.cms-ttl,.fsfoot-ttl{
font-size:18px;
}

/*
■記事一覧：記事タイトル
*/
.kl-ttl{
font-size:18px;
}

/*
■記事一覧：抜粋文等
*/
.kl-desc,.kl-date,.kl-cat{
font-size:12px;
}

/*
■コメント本文
*/
.cm-txt{
font-size:12px;
}

/*
■フリースペース
*/
.fs{
font-size:12px;
}

/*その他*/
body{font-size:14px;line-height:1.8}
#header,.post-ttl,.arch-ttl,.kl-ttl,h2,[class*="h2-"]{line-height:1.5}
.cm-ttl,.pn-ttl{font-size:16px}
.hnav a,.cms-leave,.cm-sub,.cm-name,.tb-sub,.cms i{font-size:14px}
.footer-in,.post-date,.post-cat,.pfnav li,.pankuzu li,.count,.cms,.tbs,.cm-meta,.cm-date,.tb-txt,.tb-name,.tb-date,.tabmenu,.pager li,.pn-txt,.card-info,figcaption,cite{font-size:12px}

/*記事装飾パーツ*/
[class*="h2-"],.copy{font-size:20px}
[class*="h3-"]{font-size:16px}
table{font-size:14px}

/*799px以下*/
@media screen and (max-width:799px){
.site-ttl,[class*="h2-"],.copy{font-size:18px}
.post-ttl,.arch-ttl{font-size:20px}
.kl-ttl,[type="text"],[type="password"],textarea{font-size:16px}
.pn-ttl{font-size:14px}
.pn-txt{font-size:11px}}


/*━━━━━━━━━━━
■文字色
━━━━━━━━━━━━*/
/*
■リンク色：#1111cc
*/
a:link{
color:#1111cc;
}

/*
■訪問済色：#800080
*/
a:visited{
color:#800080;
}

/*
■タイトル：#333
*/
a[class*="h2-"],a[class*="h3-"],[class*="h2-"] a,[class*="h3-"] a{color:inherit}
.site-ttl a,.sidetitle,.fsmain-ttl,.list-ttl,.relate-ttl,.cms-ttl{
text-decoration:none;
color:#333;
}

/*
■メインエリア：#333
*/
.pankuzu a,.kl-ttl a,
body,.gnav a,.kl-cat a,.cm-name a,.tb-sub a,.fbtn a,.pager a{
text-decoration:none;
color:#333;
}

/*
■サイドバー：#333
*/
.kul a,.plugin_data a,.CalendarMoveTable a,.CalendarTable a,
.side,.fsside,.fs3crl{
text-decoration:none;
color:#333;
}

/*
■サブエリア：#999
*/
.pfnav a,
.hnav a,.site-desc,.pfnav,.kl-desc,.noimg,.cms i,.cm-meta,.cm-date,.tb-name,.tb-date,.sns-fol i,.card-info,.ktoc li li:before,.ktoc li li:after,.plugin-desc,.plugin_data_date{
text-decoration:none;
color:#999;
}

/*
■ホバー色：#ff0000
*/
a:hover,.card:hover .card-ttl,.plugin_data a:hover{
text-decoration:underline;
color:#ff0000;
}

/*その他*/
#footer,#footer a,.post-head,.post-head a,.page-head a,.arch-head,.pager span,.pn-txt,.pn-ttl,.hnav a:hover,.gnav a:hover,a.more-link:hover,.fbtn a:hover,.pager a:hover,a:hover .base,[type="submit"]:hover{color:#fff}
.tbs input{color:#999}
.fnav li{border-color:#fff}
[class*="-ttl"]:not(.cm-ttl):not(.box-ttl):not(.krp-ttl):not(.kpp-ttl),.gnav,.sidetitle,.cm-sub{font-weight:700}
.hnav a,.gnav a,.post-head a,.page-head a,a.more-link,a.edit,.kl-l a,.pager a,.postnav a,.sns-fol a{text-decoration:none}
.post-ttl:hover,.post-cat-in a:hover,a:hover .pn-ttl{text-decoration:underline}
.sns-btn a,[class*="kbtn-"] a,[class*="kbtn"] a:hover{text-decoration:none;color:#fff}


/*━━━━━━━━━━━
■ベースカラー：#1e73be
━━━━━━━━━━━━*/
#footer,.post-head,.page-head,.arch-head,.sidetitle:before,.sidetitle:after,[class*="-ttl"]:before,[class*="-ttl"]:after,.pager span{
background-color:#1e73be;
}
#header,.pager span{
border-color:#1e73be;
}


/*━━━━━━━━━━━
■ホバーカラー：#000
━━━━━━━━━━━━*/
.gnav a:hover,a.more-link:hover,.fbtn a:hover,.pager a:hover,.cbtn:hover,a:hover .base,[class*="kbtn"] a:hover,[type="submit"]:hover,[type="checkbox"]:checked:before{
border-color:#000;
background-color:#000;
}


/*━━━━━━━━━━━
■記事装飾パーツカラー
━━━━━━━━━━━━*/
/*
■テーブル見出し：#1e73be
*/
[class*="table-0"] tr:not([class*="-"]) th:not([class*="-"]){
background-color:#1e73be;
}

/*
■メイン：#1e73be
*/
.h2-04-main,.h2-05-main,.h3-05-main,.h3-06-main,[class*="-main"]:before,[class*="-main"]>li:before,.kbg-main,.kbtn-main a,.ktoc-main #ktoc>li:before{
background-color:#1e73be;
}
.h2-01-main,.h3-01-main,.h3-02-main,.h3-03-main,.ul-01-main>li,.border-main{
border-color:#1e73be;
}
[class*="-main"]>li:before,.kfc-main,.kfc-main a,a.kfc-main{
color:#1e73be;
}

/*
■ブルー：#0000ff
*/
.h2-04-blue,.h2-05-blue,.h3-05-blue,.h3-06-blue,[class*="-blue"]:before,[class*="-blue"]>li:before,.kbg-blue,.kbtn-blue a,.ktoc-blue #ktoc>li:before{
background-color:#0000ff;
}
.h2-01-blue,.h3-01-blue,.h3-02-blue,.h3-03-blue,.ul-01-blue>li,.border-blue{
border-color:#0000ff;
}
[class*="-blue"]>li:before,.kfc-blue,.kfc-blue a,a.kfc-blue{
color:#0000ff;
}

/*
■ネイビー：#808080
*/
.h2-04-navy,.h2-05-navy,.h3-05-navy,.h3-06-navy,[class*="-navy"]:before,[class*="-navy"]>li:before,.kbg-navy,.kbtn-navy a,.ktoc-navy #ktoc>li:before{
background-color:#000080;
}
.h2-01-navy,.h3-01-navy,.h3-02-navy,.h3-03-navy,.ul-01-navy>li,.border-navy{
border-color:#000080;
}
[class*="-navy"]>li:before,.kfc-navy,.kfc-navy a,a.kfc-navy{
color:#000080;
}

/*
■レッド：#ff0000
*/
.h2-04-red,.h2-05-red,.h3-05-red,.h3-06-red,[class*="-red"]:before,[class*="-red"]>li:before,.kbg-red,.kbtn-red a,.ktoc-red #ktoc>li:before{
background-color:#ff0000;
}
.h2-01-red,.h3-01-red,.h3-02-red,.h3-03-red,.ul-01-red>li,.border-red{
border-color:#ff0000;
}
[class*="-red"]>li:before,.kfc-red,.kfc-red a,a.kfc-red{
color:#ff0000;
}

/*
■グリーン：#008000
*/
.h2-04-green,.h2-05-green,.h3-05-green,.h3-06-green,[class*="-green"]:before,[class*="-green"]>li:before,.kbg-green,.kbtn-green a,.ktoc-green #ktoc>li:before{
background-color:#008000;
}
.h2-01-green,.h3-01-green,.h3-02-green,.h3-03-green,.ul-01-green>li,.border-green{
border-color:#008000;
}
[class*="-green"]>li:before,.kfc-green,.kfc-green a,a.kfc-green{
color:#008000;
}

/*
■オレンジ：#ffa500
*/
.h2-04-orange,.h2-05-orange,.h3-05-orange,.h3-06-orange,[class*="-orange"]:before,[class*="-orange"]>li:before,.kbg-orange,.kbtn-orange a,.ktoc-orange #ktoc>li:before{
background-color:#ffa500;
}

.h2-01-orange,.h3-01-orange,.h3-02-orange,.h3-03-orange,.ul-01-orange>li,.border-orange{
border-color:#ffa500;
}
[class*="-orange"]>li:before,.kfc-orange,.kfc-orange a,a.kfc-orange{
color:#ffa500;
}

/*
■パープル：#800080
*/
.h2-04-purple,.h2-05-purple,.h3-05-purple,.h3-06-purple,[class*="-purple"]:before,[class*="-purple"]>li:before,.kbg-purple,.kbtn-purple a,.ktoc-purple #ktoc>li:before{
background-color:#800080;
}
.h2-01-purple,.h3-01-purple,.h3-02-purple,.h3-03-purple,.ul-01-purple>li,.border-purple{
border-color:#800080;
}
[class*="-purple"]>li:before,.kfc-purple,.kfc-purple a,a.kfc-purple{
color:#800080;
}

/*
■ピンク：#f19ca7
*/
.h2-04-pink,.h2-05-pink,.h3-05-pink,.h3-06-pink,[class*="-pink"]:before,[class*="-pink"]>li:before,.kbg-pink,.kbtn-pink a,.ktoc-pink #ktoc>li:before{
background-color:#f19ca7;
}
.h2-01-pink,.h3-01-pink,.h3-02-pink,.h3-03-pink,.ul-01-pink>li,.border-pink{
border-color:#f19ca7;
}
[class*="-pink"]>li:before,.kfc-pink,.kfc-pink a,a.kfc-pink{
color:#f19ca7;
}

/*
■ブラック：#000
*/
.h2-04-black,.h2-05-black,.h3-05-black,.h3-06-black,[class*="-black"]:before,[class*="-black"]>li:before,.kbg-black,.kbtn-black a,.ktoc-black #ktoc>li:before{
background-color:#000;
}
.h2-01-black,.h3-01-black,.h3-02-black,.h3-03-black,.ul-01-black>li,.border-black{
border-color:#000;
}
[class*="-black"]>li:before,.kfc-black,.kfc-black a,a.kfc-black{
color:#000;
}

/*
■グレー：#808080
*/
.h2-04-grey,.h2-05-grey,.h3-05-grey,.h3-06-grey,[class*="-grey"]:before,[class*="-grey"]>li:before,.kbg-grey,.kbtn-grey a,.ktoc-grey #ktoc>li:before{
background-color:#808080;
}
.h2-01-grey,.h3-01-grey,.h3-02-grey,.h3-03-grey,.ul-01-grey>li,.border-grey{
border-color:#808080;
}
[class*="-grey"]>li:before,.kfc-grey,.kfc-grey a,a.kfc-grey{
color:#808080;
}

/*
■蛍光イエロー：#ffff99
*/
.kmarker-yellow,a.kmarker-yellow{background-color:#ffff99;}
.kline-yellow{background:linear-gradient(transparent 70%, #ffff99 70%);}

/*
■蛍光ブルー：#b2d8ff
*/
.kmarker-blue,a.kmarker-blue{background-color:#b2d8ff;}
.kline-blue{background:linear-gradient(transparent 70%, #b2d8ff 70%);}

/*
■蛍光レッド：#ffb2b2
*/
.kmarker-red,a.kmarker-red{background-color:#ffb2b2;}
.kline-red{background:linear-gradient(transparent 70%, #ffb2b2 70%);}

/*
■蛍光グリーン：#ccffcc
*/
.kmarker-green,a.kmarker-green{background-color:#ccffcc;}
.kline-green{background:linear-gradient(transparent 70%, #ccffcc 70%);}

/*
■蛍光オレンジ：#ffcc99
*/
.kmarker-orange,a.kmarker-orange{background-color:#ffcc99;}
.kline-orange{background:linear-gradient(transparent 70%, #ffcc99 70%);}

/*
■蛍光ピンク：#ffcce5
*/
.kmarker-pink,a.kmarker-pink{background-color:#ffcce5;}
.kline-pink{background:linear-gradient(transparent 70%, #ffcce5 70%);}


/*━━━━━━━━━━━
■背景色
━━━━━━━━━━━━*/
/*
■ボディ
*/
body{
background:#fff;
}

/*
■メインカラム
*/
[id*="main-"]{
background:none;
}

/*
■サイドバー
*/
[id*="side-l-"],[id*="side-r-"]{
background:none;
}


/*━━━━━━━━━━━
■レイアウト
━━━━━━━━━━━━*/
/*
2カラム右：全体幅1020px
[メイン690px:10+(10+650px+10)+10]+40px+[右サイド290px:10+(10+250px+10)+10]
*/

/*全体幅*/
#ctr-in{max-width:1020px;}

/*表示幅：全体幅－20px*/
.hnav,.header-in,.gnav-in,.post-head-in,.footer-in,.fsfooter-in{max-width:1000px;}

/*レスポンシブ表示幅：全体幅＋30px*/
@media screen and (max-width:1050px){
.gnav-in{margin:0;}
.gnav ul{margin:-1px 0;}
.hnav,.header-in,.post-head-in,.footer-in,.fsfooter-in{margin:auto 15px;}}

/*レイアウト*/
@media screen and (min-width:960px){
#ctr-in{display:grid;display:-ms-grid;grid-template-rows:auto 1fr;-ms-grid-rows:auto 1fr;
grid-template-columns :1fr 40px 290px;
-ms-grid-columns/*IE*/:1fr 40px 290px;}}

/*エリア別*/
[id*="main-"]{grid-row:1/3;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;}
[id*="side-r-"]{grid-row:2/3;grid-column:3/4;-ms-grid-row:2;-ms-grid-column:3;}
[id*="side-l-"],[id*="side-t-"]{display:none;}
@media screen and (max-width:959px){[id*="side-r-"]{padding-bottom:30px;}}


/*━━━━━━━━━━━
■追加アレンジ
━━━━━━━━━━━━*/


/*━━━━━━━━━━━
□その他
━━━━━━━━━━━━*/
@media screen and (max-width:959px){.gnav{margin:0}}
@media screen and (max-width:799px){.header-outer{height:auto;padding:15px 0}.header-in{height:auto}.gnav a{color:#333}}
@media screen and (max-width:666px){.site-ttl,.site-desc{width:auto}}
blockquote[class*="-"]:before,.box-alert:before,.box-info:before,.box-que:before,[class*="ul-"]:not([class*="ul-03-"])>li:before,[class*="ol-03-"]>li:before,[class*="ol-04-"]>li:before,.ktoc-ttl:before,[class*="fa-"]:before{background:none}
[class*="ul-03-"]>li:before,[class*="ol-01-"]>li:before,[class*="ol-02-"]>li:before,.cbtn:hover,.kfc-white,.kfc-white a,a.kfc-white,a[class*="h2-04-"],a[class*="h2-05-"],a[class*="h3-05-"],a[class*="h3-06-"]{color:#fff}
h1{font-size:2.44em}h2{font-size:1.95em}h3{font-size:1.56em}h4{font-size:1.25em}h5{font-size:1em}h6{font-size:.8em}
.cbtn,.box-ttl{font-size:16px}[class*="font12"]{font-size:12px}[class*="font14"]{font-size:14px}[class*="font16"]{font-size:16px}[class*="font18"]{font-size:18px}[class*="font20"]{font-size:20px}[class*="font22"]{font-size:22px}[class*="font24"]{font-size:24px}[class*="font26"]{font-size:26px}[class*="font28"]{font-size:28px}[class*="font32"]{font-size:32px}[class*="font36"]{font-size:36px}[class*="font40"]{font-size:40px}.font-weight-normal{font-weight:400}.line-height-normal{line-height:inherit}