/*
    CSS リファレンス：https://developer.mozilla.org/ja/docs/Web/CSS
*/

/* 変数定義 */
:root{
    --site-base-color : #8B0000; /* DarkRed*/
    --site-text-color : #FFFFFF; /* White */
    --site-header-height : 60px;   /* ヘッダーとフッターの高さを明示的に設定 */
    --site-footer-height : 60px;   /* ヘッダーとフッターの高さを明示的に設定 */
}

/* Site Header */
.fixed-top {
    background-color : var(--site-base-color);
    color            : var(--site-text-color);
    height           : var(--site-header-height);
}
.fixed-top img{
    height        : 60px;
    width         : 60px;
}

/* Site Footer */
.fixed-bottom {
    background-color : var(--site-base-color);
    color            : var(--site-text-color);
    height           : var(--site-footer-height);
}
#footer-copylight{
    text-align: center;
}


/* Contents Area */
main {
    padding-top    : var(--site-header-height);
    padding-bottom : var(--site-footer-height);
    min-height     : 100vh; /* ビューポートの高さを100%に設定 */
}
#contents-area {
    margin-top      : 20px;
    margin-bottom   : 20px;
}
.left-contents {
}
.right-contents {
}
#img-self-photo{
    border-radius : 50%;
    height        : 60px;
    width         : 60px;
    margin        : 5px;
}