@charset "utf-8";
/*
    ==================================================
    Landscape / PC,fold layout
    ==================================================
    CSS構成
    --------------------------------------------------
    style_reset.css     : 共通リセット・共通フォント設定
    style_landscape.css : PC・横長画面用レイアウト
    style_portrait.css  : スマホ・縦長画面用レイアウト
*/

    /* サイトのデフォルトフォント指定(12px) */
    h1,h2,h3,h4,h5,h6,
    p,blockquote,pre,address,
    table,
    ul,ol,dl,label,
    input,textarea,select     { font-size               : 1.4em;
                                line-height             : 1.4;
    }



/* ●ヘッダー -------------------------------------------------------------------------------  */
    #header-wrap              { width                   : 25vw;

    }
    .sitename img             { left                    : 20px;
    }                                
/* ●サイト自己紹介  ------------------------------------------------------------------------- */
    .siteprof                 { width                   : 50vw; 
    }
/* ◎カバー写真 -------------------------------------------------------------------------------  */
    .block-cover img          { width                   : 40vw;
    }

/* About リンクカード */
.about-cards              { width                   : 90%;
                            margin                  : 40px auto 0;
                            display                 : flex;
                            justify-content         : center;
                            align-items             : stretch;
                            gap                     : 30px;
}

.about-card               { display                 : flex;
                            flex-direction          : column;
                            width                   : 240px;
                            overflow                : hidden;
                            border                  : 1px solid #ccc;
                            border-radius           : 6px;
                            background              : #fff;
                            color                   : #222;
                            text-decoration         : none;
                            box-sizing              : border-box;
}

.about-card:hover         { color                   : #222;
                            text-decoration         : none;
                            box-shadow              : 0 4px 12px rgba(0,0,0,0.15);
}

.about-card-image         { width                   : 100%;
                            height                  : 180px;
                            overflow                : hidden;
}

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

.about-card-content       { padding                 : 15px;
                            box-sizing              : border-box;
}

.about-card-content h3    { width                   : 100%;
                            padding                 : 0;
                            margin                  : 0 0 10px;
                            border                  : none;
                            font-size               : 1.3em;
                            line-height             : 1.4;
                            color                   : #222;
}

.about-card-content p     { width                   : 100% !important;
                            margin                  : 0 !important;
                            padding                 : 0;
                            font-size               : 1em !important;
                            line-height             : 1.6 !important;
                            color                   : #555;
}









/* ●1階層目ナビ  -------------------------------------------------------------------------- */
    /* 1階層目メニュー部分 */
    .fstnav                   { z-index                 : 980;
                                right                   : 0;
                                width                   : 25vw;
    }
    /* 各要素 */
    .fstnav ul                { padding                 : 15px 20px 120px; 
    }
/* ●2階層目ナビ  --------------------------------------------------------------------------- */
    .nav-wrapper2             { border-left             : 10px solid #000;
    }
    /* 2階層目メニュー部分 */
    .scndnav                  { right                   : 25vw;
                                width                   : 25vw;   
                                z-index                 : 970;
    }
    /* ページネーション */
    .mono-pagination          { width                   : 25vw; 
    }
    .scndnav h2               { width                   : 25vw; 
                              }
    .scndnav ul               { width                   : 25vw; 
    }
    .eyecth                   { width                   : 6vw;
                                height                  : 6vw;
    }
    .gazou                    { width                   : 6vw;
                                height                  : 6vw;
                                transform               : translateZ(0);
                                filter                  : blur(0.15px);
    }
    .titoru                   { width                   : 14vw;
    }
/* ●block-kijiの設定 ------------------------------------------------------------------------ */
    #kijitop                  { width                   : 50vw; 
    }
    /* 画面外へスライドした状態 */
    #kijitop.closed           { left                    : -50vw;
    }

    /* ----------------------------------------------------------------------
       該当する記事がない場合
    ---------------------------------------------------------------------- */
    /* 404 NOT FOUND */
    .notfound-title           { font-size               : 5vw;
                                font-weight             : 500;
    }
/* 外部リンクカード ------------------------------------------------------------------------ */
    .mono-linkcard-image      { flex                    : 0 0 15vw;
                                width                   : 15vw;
                                height                  : 18vh;
                                overflow                : hidden;
                                margin-left             : 20px;
                                margin-bottom           : 20px;
    }


/* ●NAVI2案内吹き出し：横画面では非表示 */
#nav2-hint {
    display: none;
}