/* main style */
/* -------------------------------- */
/* Primary style                    */
/* -------------------------------- */

html {
    font-family : YuMincho, /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
    font-weight: normal;
}

body {
    margin: 1px 1px 1px 1px;
    background-color : #fffffe;
    transition       : all 1s;
}
.bodyfadeout {
    opacity          : 0;
}
button {
  padding            : 0;
  border             : none;
  background         : transparent;
  cursor             : pointer;
}
#disp-contents-footer {
    margin-top       : 5%;
    display          : flex;
    background-color : #d8d8d8;
}
@media screen and (max-width: 600px) {
    #disp-contents-footer {
        height       : 120px;
    }
}
#disp-contents-footer #footer-c-name{
    padding-top      : 2%;
    padding-left     : 6%;
    letter-spacing   : 4px;
    font-size        : 2.0em;
}
@media screen and (max-width: 600px) {
    #disp-contents-footer #footer-c-name{
        padding-top      : 2%;
        padding-left     : 6%;
        letter-spacing   : 3px;
        font-size        : 1.4em;
    }
}
#disp-contents-footer #footer-c-since{
    padding-left     : 6%;
    padding-bottom   : 2%;
    letter-spacing   : 1px;
    font-size        : 0.6em;
}
#disp-contents-footer #footer-c-since br {
    display          : none;
}
@media screen and (max-width: 600px) {
    #disp-contents-footer #footer-c-since{
        padding-top      : 16%;
    }
    #disp-contents-footer #footer-c-since br {
        display          : block;
    }
}
#disp-contents-footer span {
  width: calc(50% - 10px);
  margin: 5px;
}
#disp-contents-footer #footer-link {
    float            : right;
    padding-top      : 6%;
    padding-right    : 10%;
}
#disp-contents-footer #footer-link #footer-link-fb{
    max-height       : 25px;
    min-height       : 20px;
    padding-right    : 5%;
}
#disp-contents-footer #footer-link #footer-link-is {
    max-height       : 25px;
    min-height       : 20px;
}