/* HexMemory Documentation Style */

body {

    background-color: #f5f5f5;

    color: #222222;

    font-family: "Segoe UI", Arial, sans-serif;

    text-align: left;

    margin: 40px;

}


/* タイトル */

h1 {

    border-bottom: 3px solid #005bbb;

    font-family: 'Orbitron', sans-serif;

    font-size: 60px;

    letter-spacing: 6px;

    color: #005bbb;

}


/* 大区分 */

h2 {

    border-bottom: 2px solid #005bbb;

    font-size: 35px;

    padding-bottom: 10px;

    color: #005bbb;

}


/* 小区分 */

h3 {

    border-bottom: 1px solid #888888;

    font-size: 20px;

    padding-bottom: 10px;

    color: #444444;

}


/* 文章 */

p {

    color: #333333;

    font-size: 18px;

    line-height: 1.7;

}


strong {

    color: #005bbb;

    font-size: 20px;

}


em {

    color: #d32f2f;

    font-size: 20px;

}


/* リンク */

a {

    color: #005bbb;

    text-decoration: none;

    display: block;

    margin: 20px 0;

    font-size: 22px;

}


/* マウスを乗せた時 */

a:hover {

    color: #003d80;

    text-decoration: underline;

}


/* 画像 */

img {

    width: 250px;

    border: 2px solid #cccccc;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);

}


/* 無効化されたオプション */

.disabled {

    color: #888888;

    text-decoration-color: #d32f2f;

}


/* ホームに戻るボタン */

.home-button {

    display: inline-block;

    text-decoration: none;

    text-decoration-color: #005bbb;

}


.home-button:hover {

    color: #003d80;

    text-decoration: underline;

}


/* アイコン設定 */

.icon {

    width: 512px;

    height: 512px;

    border: 0;

    box-shadow: none;

}

/* 隠し文字 */
h6 {

    color: #f5f5f5;

    font-size: 10px;

}

/*打ち消し線*/

.canceled {

    color: #777777;

    text-decoration: line-through;

}