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

/* ----------------------------------------------------------------------------------------- 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");
                              }

    .sawarabi-gothic-regular  { font-family     		: "Sawarabi Gothic", sans-serif;
   				                font-weight     		: 400;
				                font-style      		: normal;
			                  }
    @font-face                { font-family             : "Noto Color Emoji";
                                src                     : url("NotoColorEmoji.ttf") format('truetype');
                              }
body {
  font-family: 'Noto Color Emoji', sans-serif;
}




    /* 基準フォント設定(10px)  paltは自動カーニング */
    body                      { color                   : #222;
                                font-size               : 12px;
                                font-weight             : 400;
                                font-style              : normal;
                                line-height             : 1;
                                font-family             : "futura", "Noto Color Emoji", "Zen Kaku Gothic New", "Noto Sans JP", 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 END  ----------------------------------------------------------------------------------------- */

/* 各種要素の設定 videoとiframeは動画用 */
	video                     { width                   : 100%;
                                max-width               : 800px;
                              }
	iframe                    { width                   : 100%;
                                max-width               : 800px;
                              }
    blockquote                { width                   : 90%;
                                margin                  : 0 auto 10px;
                                padding                 : 10px;
                                display                 : block;
                                text-align              : left;
                                font-size               : 0.8em;
                                line-height             : 1.2em;
                                background-color        : #fffaf0;
                                border                  : 1px solid #ccc;
                                font-style              : italic;
                                border-radius           : 3px 3px 3px 3px;
                              }
    pre                       { width                   : 90%;
                                margin                  : 0 auto 10px;
                                padding                 : 10px;
                                display                 : block;
                                text-align              : left;
                                font-size               : 1.1em;
                                line-height             : 1.2em;
                                background-color        : #2b2b2b;
                                color                   : #f5f5f5;
                                overflow-x              : auto;
                                border-radius           : 3px 3px 3px 3px;
                              }
    /* wordpressでimgがfigureで囲まれるための措置 */
    figure                    { display                 : block;
                                width	                : 90%;
                                margin                  : 0 auto 10px;
                                margin-block-start      : 0;
                                margin-block-end        : 0;
                                margin-inline-start     : 0;
                                margin-inline-end       : 0;
                                unicode-bidi            : isolate;
                              }

/* ハンバーガーアイコン ------------------------------------------------------------------------------- */

    .hmbrg                    { position                : absolute;
                                z-index        	        : 500;
                                top            	        : 0;
                                left           	        : 0;
                                width          	        : 50px;
                                height         	        : 50px;
                                display        	        : flex;
                                justify-content	        : center;
                                align-items    	        : center;
                                background     	        : #eeeeee;
                                cursor         	        : pointer;
                                transition     	        : all 0.5s;
                              }
    .hmbrg .MenuBtn-BarFrame  { position                : absolute;
                                display                 : block;
                                width                   : 26px;
                                height                  : 4px;
                                transition              : all .60s ease-in;
                              }
    .hmbrg_line               { position                : absolute;
                                display                 : block;
                                border-radius           : 9999px;
                                background-color        : #000000;
                                transition              : all .15s linear;
                              }
    .hmbrg_line1              { width                   : 100%;
                                height                  : 100%;
                              }
    .hmbrg_line2              { width                   : 16px;
                                height                  : 100%;
                                transform-origin        : center left;
                                transform               : translateY(1.414px) rotate(-45deg);
                              }
    .hmbrg_line3              { width                   : 16px;
                                height                  : 100%;
                                transform-origin        : center left;
                                transform               : translateY(-1.414px) rotate(45deg);
                              }
    /* ハンバーガーがクリックされた時の動き */
    .open .fstnav             { left                    : -100%;
                                width                   : 280px;
                              }
    .open .sitename           { left                    : -100%;
                                width                   : 280px;
                              }
    .open .scndnav            { left                    : 0;
                                width                   : 380px;
                              }
    .open .contents           { left                    : 380px;
                              }
    .open .hmbrg              { top                     : 0;
                                left                    : -280px;
                              }
    .open .hmbrg2             { top                     : 0;
                                left                    : 330px;
                                border-radius           : 6px 0px 0px 6px;
                              }
    .open .hmbrg_line2        { width                   : 100%;
                                transform               : translateY(-9px) rotate(0deg);
                              }
    .open .hmbrg_line3        { width                   : 100%;
                                transform               : translateY(9px) rotate(0deg);
                              }

/* ハンバーガーアイコン2 ------------------------------------------------------------------------------- */

    .hmbrg2                   { position                : fixed;
                                z-index                 : 500;
                                top                     : 0;
                                left                    : 610px;
                                width                   : 50px;
                                height                  : 50px;
                                display                 : flex;
                                justify-content         : center;
                                align-items             : center;
                                background              : #33cc99;
                                cursor                  : pointer;
                                transition              : all 0.5s;
                                border-radius           : 6px 0px 0px 6px;
                              }
    .hmbrg2 .MenuBtn-BarFrame2{ position                : absolute;
                                display                 : block;
                                width                   : 26px;
                                height                  : 4px;
                                transition              : all .60s ease-in;
                              }
    .hmbrg_line-2             { position                : absolute;
                                display                 : block;
                                border-radius           : 9999px;
                                background-color        : #eee;
                                transition              : all .15s linear;
                              }
    .hmbrg_line2-1            { width                   : 100%;
                                height                  : 100%;
                              }
    .hmbrg_line2-2            { width                   : 16px;
                                height                  : 100%;
                                transform-origin        : center left;
                                transform               : translateY(1.414px) rotate(-45deg);
                              }
    .hmbrg_line2-3            { width                   : 16px;
                                height                  : 100%;
                                transform-origin        : center left;
                                transform               : translateY(-1.414px) rotate(45deg);
                              }
    /* ハンバーガー2がクリックされた時の動き */
    .open2 .fstnav            { left                    : -100%;
                                width                   : 280px;
                              }
    .open2 .sitename          { left                    : -100%;
                                width                   : 280px;
                              }
    .open2 .scndnav           { left                    : -100%;
                                width                   : 380px;
                              }
    .open2 .contents          { left                    : 0;
                              }
    .open2 .hmbrg2            { top                     : 0;
                                left                    : 0;
                                border-radius           : 6px 6px 6px 6px;
                              }
    .open2 .hmbrg_line2-2     { width                   : 100%;
                                transform               : translateY(-9px) rotate(0deg);
                              }
    .open2 .hmbrg_line2-3     { width                   : 100%;
                                transform               : translateY(9px) rotate(0deg);
                              }
/* ハンバーガーアイコンここまで ---------------------------------------------------------------------------- */

    /* スワイプ用 */
    .open0 .fstnav            { left                    : 0;
                                width                   : 280px;
                              }
    .open0 .sitename          { left                    : 0;
                                width                   : 280px;
                              }
    .open0 .scndnav           { left                    : 280px;
                                width                   : 380px;
                              }
    .open0 .contents          { left                    : 0;
                              }


/* スマホでの表示を見ながら全環境共通のスタイルを設定する　cf: https://note.spiqa.design/332/ -------------- */

/* 1階層目ナビ  --------------------------------------------------------------------------- */
    .nav-wrapper              { position                : relative;
                              }
    /* サイト名 */
    .sitename                 { position                : absolute;
                                z-index                 : 400;
                                top                     : 0;
                                left                    : 0;
                                width          	        : 279px;
                                height         	        : 35px;
                                padding                 : 15px 0 0;
                                justify-content	        : center;
                                align-items    	        : center;
                                text-align              : center;
                                font-size               : 1.8em;
                                font-weight             : 500;
                                color                   : #fff; 
                                background     	        : #313640;
                                border-bottom           : 1px solid #3d4965;
                                transition              : all 0.5s;
                              }
    .sitename a               { color                   : #fff; 
                              }
    /* 1階層目メニュー部分 */
    .fstnav                   { position                : fixed;
                                z-index                 : 200;
                                top                     : 0;
                                left                    : 0;
                                width                   : 280px;
                                height                  : 100vh;
                                padding-top             : 50px;
                                overflow-x              : hidden;
                                overflow-y              : auto;
                                background-color        : #313640;
                                box-shadow              : 5px 0px 8px #b2b2b2;
                                transition              : all 0.5s;
                              }
    /* スクロールバー */
    .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;
                              }
    /* 各要素 */
    .fstnav h2                { width                   : 260px;
                                padding                 : 15px 10px; 
                                margin                  : 0;
                                text-align              : left;
                                color                   : #fff; 
                                border-top              : 1px solid #3d4965; 
                              }
    .fstnav form              { margin                  : 0 10px 20px;
                                color                   : #fff;                                
                              }
    .fstnav form.addentry     { padding-top             : 20px;
                              }
    .fstnav form .s           { width                   : 180px;
                              }
    .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                   : 280px;
                              }
    .fstnav ul li             { width                   : 250px;
                                padding                 : 5px 15px;
                                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                : fixed;
                                top                     : 0;
                                left                    : 280px;
                              }
    .scndnav                  { position                : fixed;
                                z-index                 : 300;
                                top                     : 0;
                                left                    : 280px; 
                                width                   : 380px;
                                height                  : 100vh;
                                overflow-x              : hidden;
                                overflow-y              : auto;
                                background-color        : #f4f5f6;
                                transition              : all 0.5s;
                              }
    /* 各要素 */
    .scndnav h2               { position                : fixed;
                                z-index                 ; 500;
                                width                   : 380px;
                                height                  : 35px;
                                padding                 : 15px 0 0;
                                margin                  : 0;
                                text-align              : center;
                                color                   : #807f83;
                                background-color        : #f4f5f6;
                                border-bottom           : 1px solid #e5e5e5;
                              }
    .scndnav ul               { padding-top             : 60px;
                              }
    .scndnav ul li            { height                  : 110px;
                                padding                 : 10px 0 0 10px;
                                margin                  : 0;
                                border-bottom           : 1px solid #e5e5e5;
                              }
    .eyecth                   { float                   : left;
                                width                   : 60px;
                                height                  : 60px;
                                overflow-x              : clip;
                                overflow-y              : clip;
                                text-align              : center;
                                background-color        : #fff;
                                xxxborder                  : 1px solid #ccc;
                                border-radius           : 6px 6px 6px 6px;
                              }
    .gazou                    { width                   : 60px;
                                height                  : 60px;
                                object-fit              : cover;
                                object-position         : 50% 50%
                              }
    .hiduke                   { display                 : block;
                                float                   : right;
                                width                   : 40px;
                                height                  : 80px;
                                padding                 : 10px 10px 0 0;
                                text-align              : right;
                                color                   : #313640;
                              }
    .hiniti                   { font-size               : 2.0em;
                                line-height             : 1.5em;
                                font-weight             : 700;
                              }
    .titoru                   { float                   : left;
                                width                   : 210px;
                                height                  : 80px;
                                padding                 : 10px 0 0 10px;
                                margin                  : 0;
                                text-align              : left;
                                font-size               : 1.0em;
                                line-height             : 1.2em;
                              }
    .katego                   { display                 : block;
                                margin                  : 10px 0 0;
                                font-size               : 0.8em;
                                line-height             : 1.0em;
                              }
    .entry-tag                { top                     : -20px;
                                padding                 : 5px 10px 10px;
                                margin                  : -20px 0 0;
                                text-align              : right;
                                font-size               : 0.8em;
                                line-height             : 0.8em;
                              }
/* メインコンテンツ  ---------------------------------------------------------------------- */
    .conten-wrapper           { position                : fixed;
                              }
    .contents                 { position                : fixed;
                                top                     : 0;
                                left                    : 660px;
                                width                   : 100%;
                                height                  : 100vh;
                                overflow-y              : auto;
                                justify-content         : center;
                                align-items             : center;
                                text-align              : center;
                                bacground               :#ccc;
                                xxxbackground-image        : url('./mainbg.jpg');
                                xxxbackground-repeat       : no-repeat;
                                xxxbackground-size         : cover;
				                xxxbackground-position	: 40% 70%;
                                xxxbox-shadow              : 13px 0 8px -8px #b2b2b2 inset;
				                border-left             :1px solid #b2b2b2;
                                transition              : all 0.5s;
                              }
    /* 各要素 */
    .postkiji                 { width                   : 100%;
                                max-width               : 720px;
                                min-height              : 30vh;
                                padding                 : 40px 0px 10px;
                                margin                  : 0px auto 20px;
                                text-align              : left;
                                background              : rgba(255,255,255,1.0);
                                border-radius           : 10px 10px 10px 10px;
                              }
    h2.wp-block-heading       { margin			: 30px 20px;
                                font-size               : 1.6em;

			      }
    .postkiji figure.wp-block-image
                              { display                 : block;
                                width                   : 95%;
                                padding                 : 8px 5px;
                                margin                  : 0 auto 10px;

                              }
    .postkiji img             { width                   : 100%;
                                height                  : 100%;
                                object-fit              : cover;
                                margin                  : 20px auto 20px;
                                display                 : block;
                              }
    .postkiji h2.kijititle    { display                 : block;
                                width                   : 95%;
                                padding                 : 8px 5px;
                                margin                  : 0 auto 10px;
                                font-size               : 1.8em;
                                line-height             : 1.2em;
                                border-top              : 1px solid #333;
                                border-bottom           : 1px solid #333;
                              }
    .postkiji h3              { display                 : block;
                                width                   : 90%;
                                padding                 : 10px 10px;
                                margin                  : 20px auto 20px;
                                font-size               : 1.4em;
                                line-height             : 1.6em;
                                border-top              : 1px #ccc dotted;
                                border-bottom           : 1px #ccc dotted;
                              }
    .postkiji p               { display                 : block;
                                width                   : 90%;
                                margin                  : 20px auto 20px;
                                text-align              : left;
                                font-size               : 1.4em;
                                line-height             : 1.8em;
                              }
    .postkiji .postdate       { display                 : block;
                                width	                : 95%;
                                margin                  : 0 auto 20px;
                                text-align              : right;
                                font-size               : 0.9em;
                              }
    .edit-link                { padding                 : 2px 10px;
                                background-color        : #212121;
                                border-radius           : 4px 4px 4px 4px;
                              }

    .postkiji .kategobox      { display                 : block;
                                width                   : 92%;
                                padding                 : 10px 10px;
                                margin                  : 50px auto 10px;
                                font-size               : 0.9em;
                                border-top              : 5px dotted #ccc;
                              }
    .postkiji .tagobox        { display                 : block;
                                width                   : 92%;
                                padding                 : 0px 10px 10px;
                                margin                  : 0px auto 10px;
                                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;
                              }

    /* twitter埋め込み用 */
    .postkiji iframe          { margin-left             :40px;
                              }
    /* 他サイト埋め込みリンク */
    .postkiji div.linkcard    { display                 : block;
                                width	                : 90%;
                                height                  : 100px;
                                margin                  : 0 auto 40px;
                                text-align              : left;
                                font-size               : 0.9em;
				color                   : #000000;
                                text-decoration         : none;
				background-color        : #fefefe;
                                border			: 1px solid #cccccc;
                                border-radius           : 4px 4px 4px 4px;

                              }
    .postkiji div.lkc-card    { display                 : block;
                                position                : relative;
				top			: 0;
				left                    : 0;

                              }
    .postkiji div.lkc-info    { display                 : block;
                                width	                : 230px;
                                position                : absolute;
				top			: 0;
				right                   : 0;


                              }
    .postkiji div.lkc-favicon { display                 : block;
                                width                   : 16px;
                                height                  : 16px;
				float			: right;
				margin-right            : 4px;
				margin-top              : -16px;
                              }
    .postkiji div.lkc-domain  { display                 : block;
				float			: right;
				margin-right            : 22px;
				margin-top              : 6px;
                                overflow-x              : hidden;

                              }
    .postkiji div.lkc-content { display                 : block;
                                position                : relative;
                              }
    .postkiji figure.lkc-thumbnail img
			      { display                 : block;
                                width                   : 100px;
                                height                  : 100px;
                                position                : absolute;
				top			: -20px;
				left                    : 0;
				margin-left             : 0;
                                overflow-x              : hidden;
                                overflow-y              : hidden;
                                border-radius           : 4px 0 0 4px;
                              }
    .postkiji div.lkc-title,
    .postkiji div.lkc-url,
    .postkiji div.lkc-excerpt { display                 : block;
                                position                : absolute;
				left                    : 120px;
				text-align		: left;
                              }
    .postkiji div.lkc-title   { top                     : 24px;
                                padding-right           : 10px;
                                font-size               : 1.2em;
                                font-weight             : 700;
				color                   : #000000;
                                text-decoration         : none;
                              }
    .postkiji div.lkc-url     { top                     : 50px;
                                font-size               : 0.8em;
				color                   : #000066;
                                text-decoration         : none;
                                overflow-x              : hidden;
                              }

    .postkiji div.lkc-excerpt { top                     : 62px;
                                height                  : 28px;
                                font-size               : 0.9em;
                                line-height             : 1.5;
				color                   : #000000;
                                text-decoration         : none;
                                padding-right           : 10px;
                                overflow-y              : hidden;
                              }

/*------------------------------------------------------------------------------------------------------------
 タブレット端末の縦で効くスタイル
@media screen and (min-width:768px) {



}
-------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------
 PC PCから効くスタイル 1480px
------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1200px) {

    .postkiji                 { width                   : 100%;
                                max-width               : 660px;
                                min-width               : 660px;
                                min-height              : 14vh;
                                background-color        : #ccc;
                                background              : rgba(255,255,255,0.9);
				                background-position	: right;
                                margin                  : 0px 60px 20px 30px;
                                padding                 : 80px 50px;
                                border-radius           : 4px 4px 4px 4px;
                                text-align              : left;
  box-shadow:
    20px 0 40px -10px rgba(0,0,0,0.15),   /* 右側 */
    -20px 0 40px -10px rgba(0,0,0,0.15);  /* 左側 */
                              }
    .postkiji iframe          { margin-left             :40px;
                              }


    .postkiji a.ccl           { display                 : block;
                                width	                : 90%;
                                height                  : 180px;
                                margin                  : 0 auto 20px;
                                text-align              : right;
                                font-size               : 0.9em;
				color                   : #000000;
                                text-decoration         : none;
				background-color        : #fefefe;
                                border-radius           : 8px 8px 8px 8px;
                              }
    .postkiji a.ccl img       { display                 : block;
                                width                   :200px;
                                height                  :180px
                                float                   :left;
				margin-left             :0;
                                overflow-x              : clip;
                                overflow-y              : hidden;
                                border-radius           : 8px 0 0 8px;

                              }

     .postkiji a.ccl div.ccl__info{
                                display                 : block;
                                width                   : 70%;
                                float                   :left;
                                height                  : 180px;
				background-color        :#ccc;
                                overflow-y              : hidden;
				margin-top		:-200px;
				margin-left		:200px;
                                border-radius           : 0 8px 8px 0;
                              }








 	.hmbrg                    { display                 : none;
                              }
	.hmbrg2                   { display                 : none;
                              }

	/* ハンバーガーがクリックされた時何もしない */
	.open .fstnav             { left                    : 0;
                                width                   : 280px;
                              }
	.open .sitename           { left                    : 0;
                                width                   : 280px;
                              }
	.open .scndnav            { left                    : 280px;
                                width                   : 380px;
                              }
	.open .contents           { left                    : 660px;
                              }
	.open .hmbrg              { top                     : 0;
                                left                    : 0;
                              }
	.open .hmbrg2             { top                     : 0;
                                left                    : 330px;
                                border-radius           : 6px 0px 0px 6px;
                              }
	.open .hmbrg_line2        { width                   : 100%;
                                transform               : translateY(-9px) rotate(0deg);
                              }
	.open .hmbrg_line3        { width                   : 100%;
                                transform               : translateY(9px) rotate(0deg);
                              }
	/* ハンバーガー2がクリックされた時何もしない */
	.open2 .fstnav            { left                    : 0;
                                width                   : 280px;
                              }
	.open2 .sitename          { left                    : 0;
                                width                   : 280px;
                              }
	.open2 .scndnav           { left                    : 280px;
                                width                   : 380px;
                              }
	.open2 .contents          { left                    : 660px;
                              }
	.open2 .hmbrg2            { top                     : 610px;
                                left                    : 0;
                                border-radius           : 6px 6px 6px 6px;
                              }
	.open2 .hmbrg_line2-2     { width                   : 100%;
                                transform               : translateY(-9px) rotate(0deg);
                              }
	.open2 .hmbrg_line2-3     { width                   : 100%;
                                transform               : translateY(9px) rotate(0deg);
                              }
    /* 動画の大きさ調整 */
    iframe                    { min-height              : 480px;
                              }
}