@charset "UTF-8";
/* error
-------------------------------------------------------------*/
body.error {
    border-bottom: none;
}

body.error #container {
    width: 629px;
    margin: 0 auto;
    background: #fff url(../img/common/error-bg-repeat.gif) repeat-y center top;
}

/* header
-------------------------------------------------------------*/
body.error #header {
    margin: 0;
    padding: 0 4px;
    background: #f5f4ee url(../img/common/error-bg-upper.gif) no-repeat center bottom;
}

/* footer
-------------------------------------------------------------*/
body.error #footer {
    height: 78px;
    margin: 0;
    padding: 0 4px;
    background: #f5f4ee url(../img/common/error-bg-bottom.gif) no-repeat center top;
}

body.error #footer address {
    padding-top: 19px;
    text-align: center;
}

/* main
-------------------------------------------------------------*/
body.error #main h1 {
    margin: 11px 20px 1.5em;
    padding: 0;
}

body.error #main #contents {
    margin: 0 20px;
    padding: 0;
}

body.error #main .section {
    width: auto;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #f2f2f2;
}

body.error #main .section p {
    margin-bottom: 1.5em;
}

body.error #main .error-result {
    margin-bottom: 1.5em;
    padding: 3px 10px;
    background: #f2f2f2;
}

body.error #main .error-result ul {
    margin: 0;
}

body.error #main .error-result ul li {
    margin: 10px 0;
    font-weight: bold;
}

body.error #main .buttons ul {
    margin-bottom: 2em;
    text-align: center;
}


body.error #main .buttons ul li {
    display: inline;
    margin: 0 10px;
}

/* errors
-------------------------------------------------------------*/




/* font-size sample */
/*
    default = 12px
    24px = 200%
    23px = 192%
    22px = 183%
    21px = 175%
    20px = 166%
    19px = 158%
    18px = 150%
    17px = 142%
    16px = 133%
    15px = 125%
    14px = 117%
    13px = 108%
    11px = 92%
    10px = 84%
    9px = 75%
    8px = 67%
    7px = 58%
*/


.sp {
    display: none;
}

/*スマホ
------------------------------*/

@media screen and (max-width: 750px) {

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }

}