@charset "utf-8";
/*
    Theme Name: WPT_MONO2
    Theme URI: 
    Description: 
    Author: 440.373
    Version: 2.1
    Tags:

    CSS構成
    --------------------------------------------------
    style_reset.css     : 共通リセット・共通フォント設定
    style_landscape.css : PC・横長画面用レイアウト
    style_portrait.css  : スマホ・縦長画面用レイアウト

    ※ style_landscape.css / style_portrait.css に
      実際のレイアウト・デザイン用CSSを記述する。
*/


/* ----------------------------------------------------------------------------------------- RESET */

    html,body                 { height                  : 100%;
                                background              : #f1f1f1;
    }

    body,div,h1,h2,h3,h4,h5,h6,
    p,blockquote,pre,address,
    figure,
    ul,ol,li,dl,dd,dt,
    table,th,td,
    form,fieldset,legend      { margin                  : 0;
                                padding                 : 0;
                                word-wrap               : break-word;
                                word-break              : break-all;
    }

    ul                        { list-style-type         : none;
    }

    table                     { border-collapse         : collapse;
    }

    img                       { border                  : 0px #fff none;
    }

    hr                        { display                 : none;
    }

    a:link,
    a:visited                 { color                   : #000000;
                                text-decoration         : none;
    }
    a:hover,
    a:active                  { color                   : #666666;
                                text-decoration         : underline;
    }
    /* Webフォントを定義（フォントの呼称、フォントのフォーマットとこのCSSから見たパス */
    @font-face                { font-family             : "futura"; 
                                src                     : url("futuraBook_.TTF") format("truetype");
    }
    /* 基準フォント設定 paltは自動カーニング futuraと絵文字だけ読み込んで他は端末のデフォルトに任せる*/
    body                      { color                   : #222;
                                font-size               : 12px;
                                font-weight             : 400;
                                font-style              : normal;
                                line-height             : 1;
                                font-family             : "futura", "Noto Color Emoji", sans-serif;
                                font-feature-settings   : "palt";
                                font-optical-sizing     : auto;
    }
    /* サイトのデフォルトフォント指定(12px) */
    h1,h2,h3,h4,h5,h6,
    p,blockquote,pre,address,
    table,
    ul,ol,dl,label,
    input,textarea,select     { font-size               : 1.2em;
                                line-height             : 1.2;
    }
    /* float解除関連 */
    /* [A]ボックスの最後でクリアする（floatしてる要素の親ボックスに指定） */
    .clfx:after               { content                 : ".";
                                display                 : block;
                                clear                   : both;
                                height                  : 0;
                                visibility              : hidden;
    }
    .clfx                     { display                 : inline-block;
    }
    /* [B]単体で使うクラス */
    .clboth                   { clear                   : both;
    }
    .hidari                   { float                   : left;
    }
    .migi                     { float                   : right;
    }
/* ----------------------------------------------------------------------------------------- RESET */

    #header-wrap              { background-color        : rgba(0,0,0,0.4);
                                border-bottom           : 1px solid #333;
                                height                  : 50px;
                                position                : fixed;
                                z-index                 : 990;
                                top                     : 0;
                                right                   : 0;
                                transition              : .3s;
    }
    .sitename img             { height                  : 18px;
                                position                : absolute;
                                top                     : 16px;
    }

/* ●サイト自己紹介  ------------------------------------------------------------------------- */
    .siteprof                 { position                : fixed;
                                top                     : 0;
                                left                    : 0;
                                height                  : 100vh;
                                overflow-x              : hidden;
                                overflow-y              : auto;
                                z-index                 : 950;
    }
    /* ブロック共通 */
    .block                    { width                   : 100%;
                                height                  : 100vh;
                                display                 : flex;
                                align-items             : center;
                                justify-content         : center;
                                position                : -webkit-sticky;
                                position                : sticky;
                                top                     : 0;
                                /* Android端末で右に余白ができるのを避ける */
                                overflow                : hidden;
    }
    /* スクロールバー */
    .siteprof::-webkit-scrollbar 
                              { background              : #333;
                                width                   : 5px;
    }
    .siteprof::-webkit-scrollbar-thumb
                              { background-color        : #666;
                                border-radius           : 20px;
    }
    .siteprof::-webkit-scrollbar-thumb:hover
                              { background-color        : green;
    }
    /* Firefoxのスクロールバー */
    .siteprof                 { scrollbar-width         : thin;
                                scrollbar-color         : #666 #000;
    }
/* ◎カバー写真 -------------------------------------------------------------------------------  */
    .block-cover              { background-image        : url('img/bg00.jpg');
    }
    .parabg                   { background-size         : cover;
                                background-position     : center;
                                background-repeat       : no-repeat;
                                color                   : #fff;
                                z-index                 : 100;
    }
    /* 下向き矢印 */
    .scroll-arrow-container   { position                : absolute;
                                top                     : 62%;
                                left                    : 50%;
                                transform               : translateX(-50%);
                                display                 : flex;
                                justify-content         : center;
                                width                   : 100%;
                                z-index                 : 951;
    }
    .scroll-arrow             { width                   : 40px;
                                height                  : 40px;
                                line-height             : 40px;
                                border                  : 2px solid white;
                                border-radius           : 50%;
                                text-align              : center;
                                font-size               : 24px;
                                color                   : white;
                                cursor                  : pointer;
                                xxxanimation               : bounce 1.5s ease-in-out 3;
    }
    @keyframes bounce         { 0%, 100% { transform: translateY(0); }
                                50% { transform: translateY(10px); }
    }
    .scroll-arrow a:link,
    .scroll-arrow a:visited,
    .scroll-arrow a:hover,
    .scroll-arrow a:active    { color                   : #ffffff;
                                text-decoration         : none;
    }
/* ◎イントロ ---------------------------------------------------------------------------------- */
    .block-intro              { background-color        : rgba(0, 0, 0, 0.85);
                                color                   : #ffffff;
                                width                   : 90%;
                                height                  : 55vh;
                                border-radius           : 8px;
                                z-index                 : 952;
                                margin                  : 50% auto 30%;
                                padding-top             : 40px;
    }
    .block-intro .item        { width                   : 80%;
                                margin                  : 20px auto;
    }
    .block-intro .item h2     { display                 : block;
                                width                   : 100%;
								margin-bottom			: 10px;
                                padding-top 			: 0;
                                font-size               : 1.8em;
                                line-height             : 1.2;
                                font-weight             : 500;
	}
    .block-intro p            { line-height             : 1.8;
                                margin-bottom           : 20px;
    }
    .block-intro .cloud       { padding                 : 20px 10px 20px;
                                text-align              : center;
                                line-height             : 0.9em;
    }
    .block-intro .cloud a     { display                 : inline-block;
                                vertical-align          : middle;
                                font-size               : 0.8em;
                                line-height             : 0.9em;
                                color                   : #33cc99;
    }
/* ◎Getting Started ---------------------------------------------------------------------------- */
    .block-guide              { height                  : 100vh;
                                z-index                 : 952;
                                background-color        : #e3e5e8;
                                align-items             : flex-start;
		                        clip-path               : polygon(
                                                            0 0,
                                                            100% 40px,
                                                            100% 100%,
                                                            0 100%
                                                          );
    }
    .block-guide .item        { width                   : 100%;
                                padding                 : 80px 30px 50px;
                                text-align              : right;
    }
    .block-guide .item h2     { display                 : block;
                                width                   : 95%;
								margin-bottom			: 20px;
                                margin-right			: 20px;
                                font-size               : 3.8em;
                                line-height             : 1.2;
                                font-weight             : 500;
    }
    .block-guide .item p      { display                 : block;
                                width                   : 90%;
                                margin        			: 20px auto;
                                font-size               : 1.2em;
                                line-height             : 1.5;
    							text-align              : left;
    }
/* ◎About / Plofile ---------------------------------------------------------------------------- */
    .block-about::before      { content                 : "";
                                position                : absolute;
                                top                     : 20px;
                                left                    : 0;
                                width                   : 100%;
                                height                  : 24px;
                                background-image        : radial-gradient(
                                                                circle,
                                                                #e3e5e8 8px,
                                                                transparent 9px
                                                         );
                                background-size         : 40px 24px;
                                background-repeat       : repeat-x;
    }
    .block-about              { background-color        : #f3f5f7;
                                border-top              : 1px solid rgba(0,0,0,0.08);
                                align-items             : flex-start;
                                box-shadow              : 0 -30px 50px rgba(0,0,0,0.18),
                                                          0 -8px 12px rgba(0,0,0,0.12);
    }
    .block-about .item        { width                   : 100%;
                                padding                 : 80px 30px 50px;
                                text-align              : left;
    }
    .block-about .item h2     { display                 : block;
                                width                   : 100%;
								margin-bottom			: 20px;
                                margin-left 			: 20px;
                                font-size               : 3.0em;
                                line-height             : 1.2;
                                font-weight             : 500;
    }
    .block-about .item p      { display                 : block;
                                width                   : 90%;
                                margin        			: 20px auto;
                                font-size               : 1.2em;
                                line-height             : 1.5;
    }
/* ◎ランダム格言 ------------------------------------------------------------------------------ */
    .block-quote              { position                : relative;
                                width                   : 100%;
                                height                  : calc(100vh + 60px);
                                margin-top              : -60px;
                                display                 : flex;
                                align-items             : flex-start;
                                overflow                : hidden;
                                z-index                 : 10;
                                /* Getting Startedとは逆方向の斜め */
                                clip-path               : polygon(
                                                                0 60px,
                                                                100% 0,
                                                                100% 100%,
                                                                0 100%
                                                          );
    }
    /* 背景画像＋かすかなフロスト */
    .block-quote::before      { content                 : "";
                                position                : absolute;
                                inset                   : 0;
                                background              : url("img/bg02.jpg") center / cover no-repeat;
                                filter                  : blur(.5px) brightness(.975);
                                transform               : scale(1.01);
                                z-index                 : 0;
    }
    .block-quote .item        { width                   : 100%;
                                padding                 : 180px 30px 40px;
                                text-align              : left;
                                z-index                 : 1;
    }
    .block-quote .item h2     { display                 : block;
                                width                   : 100%;
                                text-align              : right;
                                margin-bottom           : 20px;
                                font-size               : 3.4em;
                                line-height             : 1.2;
                                font-weight             : 500;
                                text-shadow             : 0 3px 8px rgba(0,0,0,.85),
                                                          0 0 16px rgba(0,0,0,.75);
    }
    .mono-quote               { color                   : #fff;
                                text-shadow             : 0 2px 6px rgba(0,0,0,0.95),
                                                          0 0 12px rgba(0,0,0,0.75);
                                text-align              : left;
                                position                : absolute;
                                left                    : 50%;
                                bottom                  : 80px;
                                transform               : translateX(-50%);
                                width                   : 90%;
    }
    .mono-quote p             { font-weight             : 500;
                                text-shadow             : 0 5px 14px rgba(0,0,0,1),
                                                          0 0 32px rgba(0,0,0,1);
    }
    .mono-author              { color                   : #fff;
    							margin-top              : 10px;
    }
    .mono-category            { color                   : #fff;
    							margin-top              : 30px;
    }
    .mono-category a          { color                   : #fff;
    }

    #scrollArrow2             { position                : absolute;
                                top                     : 65%;
                                left                    : 50%;
                                transform               : translate(-65%, -50%);
                                background              : rgba(0, 0, 0, 0.9);
                                border                  : none;
                                color                   : #fff;
    }
    #scrollArrow2 a:link,
    #scrollArrow2 a:visited,
    #scrollArrow2 a:hover,
    #scrollArrow2 a:active    { color                   : #fff;
                                text-decoration         : none;
    }
/* ●1階層目ナビ  -------------------------------------------------------------------------- */
    .nav-wrapper              { position                : relative;
                                overflow-y              : hidden;
    }
    /* 1階層目メニュー部分 */
    .fstnav                   { position                : fixed;
                                top                     : 0;
                                height                  : 100vh;
                                padding-top             : 50px;
                                overflow-x              : hidden;
                                overflow-y              : auto;
                                background-color        : #313640;
                                transition              : all 0.5s;
                                opacity                 : 0.8;
                                color                   : #ffffff;
                                /* 追加：スクロールの連鎖を止める */
                                overscroll-behavior     : contain;
    }
    /* 各要素 */
    .fstnav h2                { width                   : 90%;
                                padding                 : 15px 10px; 
                                margin                  : 0;
                                text-align              : left;
                                color                   : #fff; 
                                border-top              : 1px solid #3d4965; 
    }
    .fstnav form              { width                   : 90%;
                                margin                  : 0 10px 20px;
                                color                   : #fff;
		                        text-align              : center;
    }
    .fstnav form .s           { width                   : 60%;
    }
    .fstnav form.addentry     { padding-top             : 20px;
    }
    .cloud                    { padding                 : 0 10px 20px;
                                text-align              : center;
                                line-height             : 0.9em;
    }
    .cloud a                  { display                 : inline-block;
                                vertical-align          : middle;
                                font-size               : 0.8em;
                                line-height             : 0.9em;
                                color                   : #d6d7d9;
    }
    .fstnav ul                { width                   : 90%;
                                padding                 : 15px 20px 120px; 
    }
    .fstnav ul li             { width                   : 100%;
                                padding                 : 5px 0;
                                text-align              : left;
                                line-height             : 1.6em;
    }
    .fstnav ul li a           { display                 : block;
                                position                : relative;
                                color                   : #d6d7d9;
    }
    /* スクロールバー */
    .fstnav::-webkit-scrollbar{ background              : #333;
                                width                   : 5px;
    }
    .fstnav::-webkit-scrollbar-thumb
                              { background-color        : #666;
                                border-radius           : 20px;
    }
    .fstnav::-webkit-scrollbar-thumb:hover
                              { background-color        : green;
    }

/* ●2階層目ナビ  --------------------------------------------------------------------------- */
    .nav-wrapper2             { position                : relative;
                                overflow-y              : hidden; 
    }
    /* 2階層目メニュー部分 */
    .scndnav                  { position                : fixed;
                                top                     : 0;
                                height                  : 100vh;    
                                overflow-x              : hidden;
                                overflow-y              : auto;
                                background-color        : rgba(244, 245, 246, 0.9);
                                transition              : all 0.5s;
                                /* 追加：スクロールの連鎖を止める */
                                overscroll-behavior     : contain;
                                box-shadow              : none;
    }

    /* ページネーション */
    .mono-pagination          { /* ★上から60px下げる */
                                padding-top             : 50px;
                                display                 : flex;
                                justify-content         : center;
                                align-items             : center;
                                gap                     : 8px;
                                margin                  : 20px 0;
                                font-size               : 11px;
    }
    /* ●の基本形 */
    .mono-pagination a,
    .mono-pagination .current,
    .mono-pagination .disabled{ display                 : inline-flex;
                                justify-content         : center;
                                align-items             : center;
                                width                   : 21px;
                                height                  : 21px;
                                border-radius           : 50%;
                                box-sizing              : border-box;
                                background              : #666;
                                color                   : #fff;
                                text-decoration         : none;
                                font-size               : 11px;
                                font-weight             : normal;
                                transition              : background-color .2s ease;
    }
    /* ホバー */
    .mono-pagination a:hover  { background              : #000;
                                color                   : #fff;
    }
    /* 現在ページ */
    .mono-pagination .current { background              : #555;
                                color                   : #fff;
                                font-weight             : bold;
    }
    /* 無効 */
    .mono-pagination .disabled{ background              : #aaa;
                                color                   : #fff;
    }
    /* … */
    .mono-pagination .dots    { display                 : inline-block;
                                margin                  : 0 1px;
                                color                   : #666;
                                font-size               : 12px;
    }
    .scndnav h2               { position                : fixed;
                                top                     : 0;
                                z-index                 : 971;
                                height                  : 30px;
                                padding                 : 20px 0 0;
                                margin                  : 0;
                                text-align              : center;
                                color                   : #807f83;
                                background-color        : #f4f5f6;
                                border-bottom           : 1px solid #e5e5e5;
                              }
    .scndnav ul               { background-color        : rgba(244, 245, 246, 0.9);
                                /* ★上から60px下げる */
                                padding-top             : 60px; 
                                display                 : flex;
                                flex-direction          : column;
                                /* ★liを左右中央に配置 */
                                align-items             : center;
    }
    .scndnav ul li            { flex                    : 0 0 auto;
                                width                   : 90%;
                                white-space             : normal;
                                word-wrap               : break-word;
                                overflow-wrap           : break-word;
                                border-bottom           : 1px solid #666666;
                                margin-bottom           : 10px;
    }
    .eyecth                   { float                   : right;
                                overflow-x              : clip;
                                overflow-y              : clip;
                                text-align              : center;
                                background-color        : #fff;
    }
    .gazou                    { object-fit              : cover;
                                object-position         : 50% 50%;
    }
    .titoru                   { float                   : left;
                                height                  : 70px;
                                padding                 : 10px 5px 0 5px;
                                margin                  : 0;
                                text-align              : left;
                                font-size               : 0.9em;
                                line-height             : 1.2em;
                                font-weight             : 700;
    }
    .hiniti                   { font-size               : 0.9em;
                                font-weight             : 500;
    }
    .entry-tag                { padding-top             : 5px;
                                padding-bottom          : 15px;
                                padding-left            : 5px;
                                font-size               : 0.7em;
                                line-height             : 1.6;
    }
    /* スクロールバー */
    .scndnav::-webkit-scrollbar
                              { background-color        : rgba(244, 245, 246, 0.9);
                                 width                  : 5px;
    }
    .scndnav::-webkit-scrollbar-thumb
                              { background-color        : #c0c0c0;
                                border-radius           : 20px;
    }
    .scndnav::-webkit-scrollbar-thumb:hover
                              { background-color        : green;
    }
    /* Firefox */
    .scndnav {
                                scrollbar-width         : thin;
                                scrollbar-color         : #fff #c0c0c0;
    }

/* ●block-kijiの設定 ------------------------------------------------------------------------ */
    #kijitop                  { position                : fixed;
                                top                     : 0;
                                left                    : 0;
                                height                  : 100vh;
                                background-color        : #ffffff;
                                overflow-x              : hidden;
                                overflow-y              : auto;
                                z-index                 : 960;
                                transition              : left .35s ease;
    }

    /* 画面外へスライドするトグル */
    #toggleSiteprof           { position                : fixed;
                                /* 縦中央 */
                                top                     : 50%;
                                transform               : translateY(-50%);
                                /* 表示している時：パネル右端に密着 */
                                left                    : calc(-50vw + 1px);
                                /* トグルの装飾 */
                                width                   : 24px;
                                height                  : 48px;
                                display                 : flex;
                                justify-content         : center;
                                align-items             : center;
                                padding                 : 0;
                                border                  : none;
                                /* 左側が丸い半円 */
                                border-radius           : 0 24px 24px 0;
                                background              : rgba(0,0,0,.45);
                                color                   : #fff;
                                font-size               : 14px;
                                line-height             : 1;
                                cursor                  : pointer;
                                z-index                 : 9999;
                                transition              : left .35s ease,
                                                          background .2s ease;
                                text-indent             : -8px;
    }
    #toggleSiteprof:hover     { background              : rgba(0,0,0,.65);
    }

    /* 記事要素 */
    .postkiji h2.kijititle    { display                 : block;
                                width                   : 90%;
                                padding                 : 15px 5px;
                                margin                  : 30px auto 10px;
                                font-size               : 1.8em;
                                line-height             : 1.8em;
                                border-top              : 4px solid #333;
                                border-bottom           : 4px solid #333;
    }
    .postkiji h3              { display                 : block;
                                width                   : 80%;
                                padding                 : 10px 10px;
                                margin                  : 40px auto 20px;
                                font-size               : 1.6em;
                                line-height             : 1.6em;
                                border-top              : 4px solid #333;
    }
    .postkiji img             { width                   : 80%;
                                height                  : 80%;
                                object-fit              : cover;
                                display                 : block;
                                margin                  : 20px auto 20px;
    }
    .postkiji p               { display                 : block;
                                width                   : 80%;
                                margin                  : 20px auto 20px;
                                text-align              : left;
                                line-height             : 1.8em;
                                font-size               : 1.2em;
    }
    /* コード */
    .postkiji pre {
                                display                 : block;
                                width                   : 80%;
                                min-height              : 5vh;
                                max-height              : 60vh;
                                margin                  : 20px auto;
                                padding                 : 15px 20px;
                                box-sizing              : border-box;
                                background              : #1e1e1e;
                                color                   : #ffffff;
                                border-radius           : 8px;
                                overflow-x              : auto;
                                overflow-y              : auto;
                                white-space             : pre;
                                font-family             : monospace;
                                font-size               : 0.9em;
                                line-height             : 1.6;
                                text-align              : left;
    }
    .postkiji pre code {
                                display                 : block;
                                width                   : auto;
                                margin                  : 0;
                                padding                 : 0;
                                background              : transparent;
                                color                   : inherit;
                                border-radius           : 0;
                                font-family             : inherit;
                                font-size               : inherit;
                                line-height             : inherit;
    }
	/* リスト */
	.postkiji ul,
	.postkiji ol              { display                 : block;
                                width                   : 75%;
                                margin                  : 20px auto 20px;
                                padding-left            : 3em;
                                padding-right           : 2em;
                                text-align              : left;
                                line-height             : 1.8em;
                                font-size               : 1.2em;
	}
	.postkiji ul              { list-style-type         : disc;
	}
	.postkiji li              { margin-bottom           : 0.5em;
	}
	/* 定義リスト */
	.postkiji dl              { display                 : block;
                                width                   : 80%;
                                margin                  : 20px auto 20px;
                                text-align              : left;
                                line-height             : 1.8em;
                                font-size               : 1.2em;
	}
	.postkiji dt              { font-weight             : bold;
                                margin-top              : 1em;
	}
	.postkiji dd              { margin                  : 0 0 0.5em 1.5em;
	}
    /* パーツ */
    .postkiji .postdate       { display                 : block;
                                width                   : 90%;
                                margin                  : 0 auto 20px;
                                text-align              : right;
                                font-size               : 0.9em;
    }
    .postkiji .kategobox      { display                 : block;
                                width                   : 90%;
                                padding                 : 10px 10px;
                                margin                  : 50px auto 10px;
                                font-size               : 0.9em;
                                border-top              : 5px dotted #ccc;
    }
    .postkiji .tagobox        { display                 : block;
                                width                   : 90%;
                                padding                 : 0px 10px 10px;
                                margin                  : 0px auto 80px;
                                font-size               : 0.9em;
    }
    /* リンクの色 */
    .postkiji a:link,
    .postkiji a:visited       { color                   : #33cc99;
                                text-decoration         : none;
    }
    .kategobox a:link,
    .kategobox a:visited,
    .tagobox a:link,
    .tagobox a:visited        { color                   : #000;
                                text-decoration         : none;
    }
    .kategobox a:hover,
    .kategobox a:active,
    .tagobox a:hover,
    .tagobox a:active         { color                   : #000;
                                text-decoration         : underline;
    }
    .edit-link                { padding                 : 2px 10px;
                                background-color        : #212121;
                                border-radius           : 4px 4px 4px 4px;
    }

   /* ----------------------------------------------------------------------
       該当する記事がない場合
    ---------------------------------------------------------------------- */

    .postkiji-notfound        { width                   : 90%;
                                min-height              : 70vh;
                                display                 : flex;
                                align-items             : center;
                                box-sizing              : border-box;
                                margin                  : 15% auto;
    }
    .notfound-inner           { width                   : 90%;
                                margin                  : 0 auto;
                                text-align              : center;
                                transform               : translateY(50px);
    }
    /* 404 NOT FOUND */
    .notfound-title           { width                   : 100%;
                                line-height             : 1;
                                letter-spacing          : .03em;
                                color                   : #444;
                                white-space             : nowrap;
    }
    /* 該当記事なし */
    .notfound-message         { margin-top              : 20px;
                                font-size               : 1em;
                                line-height             : 1.8;
                                color                   : #666;
                                text-align              : center;
    }
    .notfound-quote .mono-quote{
                                color                   : #777;
                                text-shadow             : none !important;
                                text-align              : center;
                                position                : static;
                                left                    : auto;
                                bottom                  : auto;
                                transform               : none;
                                width                   : 90%;
                                margin                  : 80px auto 0;
                                padding                 : 18px 10px;
                                box-sizing              : border-box;
                                font-size               : .9em;
                                line-height             : 1.8;
                                border-top              : 1px solid #aaa;
                                border-bottom           : 1px solid #aaa;
    }
    /* 格言本文 */
    .notfound-quote .mono-quote p {
                                width                   : auto !important;
                                margin                  : 0 auto !important;
                                padding                 : 0 !important;
                                text-align              : center !important;
                                font-weight             : 500;
                                text-shadow             : none !important;
    }
    /* author */
    .notfound-quote .mono-author {
                                width                   : 100% !important;
                                margin                  : 8px auto 0 !important;
                                padding                 : 0 !important;
                                text-align              : center !important;
                                font-size               : 1.1em;
                                line-height             : 1.8;
                                color                   : #777;
    }
    .notfound-quote .mono-category {
                                display                 : none;
    }

    /* スクロールバー */
    .block-kiji::-webkit-scrollbar{ background          : #333;
                                 width                  : 5px;
    }
    .block-kiji::-webkit-scrollbar-thumb
                              { background-color        : #666;
                                border-radius           : 20px;
    }
    .block-kiji::-webkit-scrollbar-thumb:hover
                              { background-color        : green;
    }
    /* Firefox */
    .block-kiji {
                                scrollbar-width         : thin;
                                scrollbar-color         : #666 #000;
    }

/* PDFビューアー ------------------------------------------------------------------------ */
    .mono-pdf-viewer          { width                   : 80%;
                                margin                  : 30px auto;
    }
    .mono-pdf-stage           { width                   : 100%;
                                max-height              : 80vh;
                                overflow                : hidden;
                                position                : relative;
                                text-align              : center;
                                background              : #333;
    }
    .mono-pdf-page-wrap       { width                   : 100%;
                                position                : relative;
                                overflow                : hidden;
    }
    .mono-pdf-canvas          { display                 : block;
                                max-width               : 100%;
                                height                  : auto;
                                margin                  : 0 auto;
    }
    /* --------------------------------------------------
       PDFコントロール
       -------------------------------------------------- */
    .mono-pdf-controls        { display                 : flex;
                                justify-content         : center;
                                align-items             : center;
                                gap                     : 20px;
                                margin-top              : 15px;
    }
    /* --------------------------------------------------
       戻る・送るボタン
       -------------------------------------------------- */
    .mono-pdf-prev,
    .mono-pdf-next            { width                   : 40px;
                                height                  : 40px;
                                min-width               : 40px;
                                padding                 : 0;
                                border                  : 1px solid rgba(255,255,255,0.35);
                                border-radius           : 50%;
                                background              : rgba(0,0,0,0.65);
                                color                   : #fff;
                                font-size               : 15px;
                                line-height             : 38px;
                                text-align              : center;
                                cursor                  : pointer;
                                transition              : .15s;
    }
    /* hover */
    .mono-pdf-prev:hover,
    .mono-pdf-next:hover      { background              : rgba(0,0,0,0.85);
    }
    /* 押した瞬間 */
    .mono-pdf-prev:active,
    .mono-pdf-next:active     { background              : #000;
                                transform               : scale(0.94);
    }
    /* 無効 */
    .mono-pdf-prev:disabled,
    .mono-pdf-next:disabled   { opacity                 : 0.25;
                                cursor                  : default;
    }
    /* --------------------------------------------------
       ページ番号
       -------------------------------------------------- */
    .mono-pdf-page-info       { display                 : flex;
                                align-items             : center;
                                gap                     : 6px;
                                white-space             : nowrap;
                                color                   : #333;
                                font-size               : 14px;
    }
    /* ページ入力 */
    .mono-pdf-page-input      { width                   : 48px;
                                height                  : 34px;
                                padding                 : 0 5px;
                                border                  : 1px solid #aaa;
                                border-radius           : 4px;
                                background              : #fff;
                                color                   : #333;
                                text-align              : center;
                                font-size               : 14px;
                                line-height             : 32px;
                                box-sizing              : border-box;
    }
    /* フォーカス */
    .mono-pdf-page-input:focus{ outline                 : none;
                                border-color            : #666;
    }
    /* --------------------------------------------------
       スマホ
       -------------------------------------------------- */
    @media screen and (max-width: 680px) {
        .mono-pdf-controls {
            gap                     : 12px;
            margin-top              : 12px;
        }
        .mono-pdf-prev,
        .mono-pdf-next {
            width                   : 38px;
            height                  : 38px;
            min-width               : 38px;
            font-size               : 14px;
            line-height              : 36px;
        }
        .mono-pdf-page-info {
            gap                     : 5px;
            font-size               : 13px;
        }
        .mono-pdf-page-input {
            width                   : 44px;
            height                  : 32px;
            font-size               : 13px;
        }
    }
/* Twitter / X 埋め込み ------------------------------------------------------------------------ */
    .postkiji .twitter-tweet  { width                   : 100% !important;
                                max-width               : 100% !important;
                                margin                  : 20px auto !important;
    }
    .postkiji .twitter-tweet-rendered {
                                width                   : 100% !important;
                                max-width               : 100% !important;
                                margin                  : 20px auto !important;
    }

/* 外部リンクカード ------------------------------------------------------------------------ */
    .mono-linkcard            { width                   : 80%;
                                margin                  : 30px auto;
    }

    .mono-linkcard a          { display                 : flex;
                                width                   : 100%;
                                text-decoration         : none;
                                color                   : inherit;
                                overflow                : hidden;
                                border                  : 1px solid #ccc;
                                border-radius           : 6px;
                                background              : #fff;
    }
    .mono-linkcard-image      { flex                    : 0 0 240px;
                                width                   : 240px;
                                height                  : 150px;
                                overflow                : hidden;
    }
    .mono-linkcard-image img  { display                 : block;
                                width                   : 100%;
                                height                  : 100%;
                                object-fit              : cover;
    }
    .mono-linkcard-content    { flex                    : 1;
                                min-width               : 0;
                                padding                 : 20px;
    }
    .mono-linkcard-title      { margin                  : 0 0 10px;
                                font-weight             : bold;
                                font-size               : 1.1em;
    }
    .mono-linkcard-description{ margin                  : 0 0 15px;
                                line-height             : 1.6;
    }
    .mono-linkcard-description{ display                 : none;
    }
    .mono-linkcard-url        { font-size               : 0.8em;
                                word-break              : break-all;
    }
/* ==================================================
   WordPress純正 動画埋め込み
   ================================================== */

.postkiji .wp-block-video {
    width: 80%;
    max-width: 80%;
    margin: 20px auto;
}

.postkiji .wp-block-video video {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0;
}
/* ==================================================
   YouTube / 動画埋め込み
   ================================================== */

.postkiji .wp-block-video,
.postkiji .wp-block-embed {
    width: 80% !important;
    max-width: 80% !important;
    margin: 20px auto !important;
}

.postkiji .wp-block-video video,
.postkiji .wp-block-embed__wrapper,
.postkiji .wp-block-embed iframe {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

/* ==================================================
   Getting Started / Guide Cards
   ================================================== */

.guide-cards {
    width: 50vw;
    display: grid;
    grid-template-columns: 22vw 22vw;
    grid-template-rows: 30vh 30vh;
    justify-content: center;
    column-gap: 2vw;
    row-gap: 2vw;
}

.guide-card {
    width: 22vw;
    height: 30vh;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    overflow: hidden;
    text-align: left;
}

.guide-card-content {
    padding: 0;
    text-align: left;
}

.guide-card-content h3 {
    margin:0 !important;
    margin-top : 30px !important;
    padding: 0;
    text-align: left;
    text-indent: 0;
    font-size: 1.9em;
    line-height: 1.0 !important;
}

.guide-card-content p {
    margin: 0;
    margin-top : 8px !important;
    margin-left: -1px !important;
    padding: 0;
    text-align: left;
    text-indent: 0;
    font-size: 1.0em !important;
    line-height: 1.0 !important;
    opacity: 0.7;
}

.guide-card-image {
    flex: 1;
    overflow: hidden;
}

.guide-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* ==================================================
   Portrait / Mobile
   ================================================== */

@media screen and (max-width: 680px) {

    .guide-cards {
        width: 100vw;
        grid-template-columns: 44vw 44vw;
        grid-template-rows: 30vh 30vh;
        justify-content: center;
        column-gap: 2vw;
        row-gap: 2vw;
    }

    .guide-card {
        width: 44vw;
        height: 30vh;
    }

}