@charset "UTF-8";
html{
    background-color:#000;
}
.bgx{
    background-color:#fff;
}
#errPageDoc{
    width:970px;
    margin:150px auto 170px auto;
    background:url("/_error_docs/open_the_bonnet.png") no-repeat right top;
    background-size: contain;
    padding:46px 0;
}
#errPageDoc .ttl01{
    font-size:32px;
    font-weight:600;
    line-height:1.5;
}
#errPageDoc .ttl02{
    font-size:18px;
    color:#999;
    line-height:1.5;
}
#errPageDoc .msg{
    font-size:18px;
    color:#000;
    line-height:31px;
    margin:20px 0 35px 0;
}
#errPageDoc .btn a{
    display:inline-block;
    background-color:#000;
    color:#fff;
    font-size:16px;
    line-height:1;
    padding:16px 55px 16px 32px;
    border-radius: 10px;
    position: relative;
    font-weight:600;
}
#errPageDoc .btn a:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 35px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
#errPageDoc .openBonnet{
    display:none;
}

.btn a:link{text-decoration:none;}
.btn a:visited{text-decoration:none;}
.btn a:hover{text-decoration:none;opacity:0.6;transition: 0.25s ease-in-out;}
.btn a:active{text-decoration:none;}
/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:767px){

#errPageDoc{
    width:92vw;
    margin:10vh auto 10vh auto;
    background:none;
    padding:0;
}
#errPageDoc .ttl01{
    font-size:7vw;
    text-align:center;
}
#errPageDoc .ttl02{
    font-size:4vw;
    text-align:center;
    line-height:2;
}
#errPageDoc .msg{
    font-size:4.3vw;
    line-height:1.5;
    margin:1em 0;
}
#errPageDoc .btn {
    text-align:center;
}

#errPageDoc .btn a{
    display:inline-block;
    background-color:#000;
    color:#fff;
    font-size:16px;
    line-height:1;
    padding:16px 55px 16px 32px;
    border-radius: 10px;
    position: relative;
    font-weight:600;
    margin:15px auto;
}
#errPageDoc .btn a:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 35px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
#errPageDoc .openBonnet{
    display:block;
    width:90%;
    margin:40px auto 30px;
}
#errPageDoc .openBonnet img{
    width:100%;
}

}/* スマホ */