/* ====== 縁取り文字 ====== */

/* 縁取(青) 文字(白) */
.outline-bw {
    display        : inline-block;
    color          : #ffffff;        /* 文字の色 */
    /*font-size      : 16pt;*/           /* 文字のサイズ */
    letter-spacing : 2px;            /* 文字間 */
    text-shadow    : 
        2px  2px 1px #007fff,
       -2px  2px 1px #007fff,
        2px -2px 1px #007fff,
       -2px -2px 1px #007fff,
        2px  0px 1px #007fff,
        0px  2px 1px #007fff,
       -2px  0px 1px #007fff,
        0px -2px 1px #007fff;        /* 文字の影 */
}

/* 縁取(橙) 文字(白) */
.outline-ow {
    display        : inline-block;
    color          : #ffffff;        /* 文字の色 */
    /*font-size      : 16pt;*/           /* 文字のサイズ */
    letter-spacing : 2px;            /* 文字間 */
    text-shadow    : 
        2px  2px 1px #ff7f00,
       -2px  2px 1px #ff7f00,
        2px -2px 1px #ff7f00,
       -2px -2px 1px #ff7f00,
        2px  0px 1px #ff7f00,
        0px  2px 1px #ff7f00,
       -2px  0px 1px #ff7f00,
        0px -2px 1px #ff7f00;        /* 文字の影 */
}

/* 縁取(灰) 文字(白) */
.outline-gw {
    display        : inline-block;
    color          : #ffffff;        /* 文字の色 */
    /*font-size      : 36pt;*/           /* 文字のサイズ */
    letter-spacing : 4px;            /* 文字間 */
    text-shadow    : 
        2px  2px 1px #999999,
       -2px  2px 1px #999999,
        2px -2px 1px #999999,
       -2px -2px 1px #999999,
        2px  0px 1px #999999,
        0px  2px 1px #999999,
       -2px  0px 1px #999999,
        0px -2px 1px #999999;        /* 文字の影 */
}

/* 縁取(青) 文字(白) */
.outline-tron {
    display        : inline-block;
    color          : #ffffff;        /* 文字の色 */
    font-size      : 1.2rem;         /* 文字のサイズ */
    letter-spacing : 2px;            /* 文字間 */
    text-shadow    : 
        2px  2px 1px #007fff,
       -2px  2px 1px #007fff,
        2px -2px 1px #007fff,
       -2px -2px 1px #007fff,
        2px  0px 1px #007fff,
        0px  2px 1px #007fff,
       -2px  0px 1px #007fff,
        0px -2px 1px #007fff;        /* 文字の影 */
}

/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575.98px) {

    /* 縁取(青) 文字(白) */
    .outline-tron {
        font-size: 1.0rem;           /* 文字のサイズ */
    }

}
/*[EOF]*/