@charset "utf-8";

/* ■■■■■■■■■■■■■■■■■■■■ */
/* div */
/* ■■■■■■■■■■■■■■■■■■■■ */

div.explorer-example {
    position: relative;
}

div.explorer-example p.navigation {
    color: deeppink;
    font-weight: bold;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 340px;
}

div.explorer-example p.file {
    color: greenyellow;
    font-weight: bold;
    left: 260px;
    margin: 0;
    position: absolute;
    top: 340px;
}

/* PC */
@media screen and (min-width: 600px) {
    div.bonus-features-ja {
        position: relative;
    }

    div.bonus-features-ja img:nth-child(2) {
        left: 466px;
        position: absolute;
        top: 158px;
    }

    div.bonus-features-en {
        position: relative;
    }

    div.bonus-features-en img:nth-child(2) {
        left: 462px;
        position: absolute;
        top: 158px;
    }
}

/* Mobile */
@media screen and (max-width: 599px) {
    div.bonus-features-ja img:nth-child(2) {
        display: none;
    }

    div.bonus-features-en img:nth-child(2) {
        display: none;
    }
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* pre */
/* ■■■■■■■■■■■■■■■■■■■■ */

pre.mail {
    background-color: white;
    border: 1px gray solid;
    margin: 0;
    padding: 1em;
    width: fit-content;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* span */
/* ■■■■■■■■■■■■■■■■■■■■ */

/* 注意事項 */
span.caution {
    color: red;
    font-weight: bold;
}

/* 強調表示 */
span.highlighting {
    color: green;
}

/* 強調表示2 */
span.highlighting2 {
    color: blue;
    font-weight: bold;
}

/* Insider Preview Build */
span.insider {
    color: indianred;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* ul, li */
/* ■■■■■■■■■■■■■■■■■■■■ */

ul.intro-os {
    background-color: ghostwhite;
    margin-bottom: 0;
    padding-right: 16px;
    width: fit-content;
}

ul.downloads {
    padding-inline-start: 0;
    display: inline-table;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* 窓の杜 画像 */
/* ■■■■■■■■■■■■■■■■■■■■ */

img.forest-watch-impress {
    /* オリジナルサイズ 205 x 205 */
    display: inline-block;
    height: 52px;
    margin: 0;
    object-fit: cover;
    text-align: left;
    vertical-align: middle;
    width: 82px;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* ソフトアンテナ 画像 */
/* ■■■■■■■■■■■■■■■■■■■■ */

div.softantenna {
    background-color: #42A0E6;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    width: 82px;
}

div.softantenna img {
    /* オリジナルサイズ 128 x 128 */
    display: inline-block;
    height: 18px;
    margin: 0;
    /*object-fit: cover;*/
    text-align: left;
    vertical-align: middle;
    width: 80px;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* Shell Folder Disabler 表 */
/* ■■■■■■■■■■■■■■■■■■■■ */

/* 全体 */
table.ui {
    border-collapse: collapse;
}

/* ヘッダー */
table.ui thead tr th {
    background-color: palegreen;
    border: 1px gray solid;
    padding: 4px;
    text-align: center;
}

/* セル */
table.ui tbody tr td {
    border: 1px gray solid;
    padding: 4px;
    text-align: start;
    vertical-align: top;
    word-break: break-all;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* Web Update Check 凡例 */
/* ■■■■■■■■■■■■■■■■■■■■ */

div.notes {
    border: 1px gray solid;
    margin-left: 1.5em;
    padding: 0.5em;
    width: fit-content;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* Web Update Check 設定サンプル */
/* ■■■■■■■■■■■■■■■■■■■■ */

table.sample th,
table.sample td {
    white-space: nowrap;
}

/* CSS Selector のtdだけ 改行を許可 */
table.sample td:nth-child(4) {
    white-space: normal;
}

table.sample td:nth-child(5),
table.sample td:nth-child(6) {
    text-align: center;
}

/* ■■■■■■■■■■■■■■■■■■■■ */
/* Web Update Check ボタンパネル */
/* ■■■■■■■■■■■■■■■■■■■■ */

table.button-panel td {
    vertical-align: top;
}