@charset "utf-8";

/* 2025/0706 さすがにHTML直書き辞めようと思って新規作成 */

/*
    ※HTML5 では，見栄えに関する設定は CSS によるスタイルシートを用いる
    ことが徹底されたため，以下は廃止されました
    ・link属性：まだ訪れていないリンクの色
    ・alink属性：押した瞬間のリンクの色
    ・vlink属性：すでに訪れているリンクの色指定
*/
     
    /***************** CSS宣言 **********************/
    .center
    {
        font-family:"ヒラギノ角ゴ ProN W3",游ゴシック,メイリオ,Arial;
        <!-- width:1000px; -->
        margin : 0px;
    }
    .contents
   {
        font-family:"ヒラギノ角ゴ ProN W3",游ゴシック,メイリオ,Arial;
        width : 1000px;
        border : 3px <!-- solid black -->;
    }

    /* 2025/05/04 ---> */
    /* アスキーアート・ソースコード用  */
    .div-pre
    {
        white-space: pre;
        font-family:"ＭＳ ゴシック";
    }
    /* 2025/05/04 <--- */

    a:link  /*アクセスしたことのないリンク*/
    {
        color:#0000FF; 
    }
    a:visited  /*アクセスしたことのあるリンク*/
    {
        color: #6600FF;
        text-decoration-color: hotpink;
    }
    a:hover /*マウスが上に乗っている状態*/
    {
        color:#FF0099;
        text-decoration:underline;
    }
    a:active /*クリック中*/
    {
        color:#33CC00;
    }

    /* テーブルとセルの枠線を1pxにする */
    #tbl-bdr table, #tbl-bdr td, #tbl-bdr th
    {
        border-collapse : collapse;
        border : 1px solid #333;
        white-space: nowrap; /* セル内の文字折り返しなし */
    }

    /* 2026/01/01 ---> */
    /* 空のセルに斜線を引く 透明ー黒黒ー透明 *//* 引用 https://qiita.com/anna1707/items/01f51ec3689da954dda3 */
/* 削除
    table td:empty
    {
        background-image: linear-gradient(to top right,
        transparent, transparent 49%,
        black 49%,
        black 52%,
        transparent 52%, transparent);
    }
*/
    /* 2026/01/01 <--- */

    /* 2025/09/12 ---> */
    /* テーブルとセルの枠線をなくす */
    #tbl-bdr-no table, #tbl-bdr-no td, #tbl-bdr-no th
    {
        border-collapse : collapse;
        border : 1px solid #333;
        white-space: nowrap; /* セル内の文字折り返しなし */
        empty-cells: hide;         /* 空セルの枠線なし */
        border: none;                  /* 枠線なし */
    }
    /* 2025/09/12 <--- */

    /* 背景画像を設定する */
    .akagi 
    {
        background-image: url("./img/akagi.png");
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
    }
    /* ボタンCSS */ /* 参考_https://jajaaan.co.jp/css/button/ */
    a.btn--orange
    {
        color: #fff;
        background-color: #eb6100;
        border-bottom: 16px solid #b84c00;
    }
    a.btn--orange:hover
    {
        margin-top: 16px;
        color: #fff;
        background: #f56500;
        border-bottom: 2px solid #b84c00;
    }
    a.btn--shadow
    {
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    }
    /*パンくずリストCSS */ /* 参考_https://saruwakakun.com/html-css/basic/breadcrumb */
    .breadcrumb
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .breadcrumb li
    {
        display: inline; /*横に並ぶように*/
        list-style: none;
        font-weight: bold; /*太字*/
    }
    .breadcrumb li:after /* >を表示*/
    { 
        content: '>';
        padding: 0 0.2em;
        color: #555;
    }
    .breadcrumb li:last-child:after
    {
        content: '';
    }
    .breadcrumb li a
    {
        text-decoration: none;
        color: #52b5ee; /*色*/
    }
    .breadcrumb li a:hover
    {
        text-decoration: underline;
    }
    /* プログラム記述用？  */
    .pragma
    {
        width : 700px;
        font-family:"ヒラギノ角ゴ ProN W3",游ゴシック,メイリオ,Arial;
        background-color : #000000;
        color : #FFFFFF;
        font-size : small;
    }


    /*パンくずリストCSS  ここまで */
    /***************** CSS宣言 **********************/