/*エラーメッセージ*/
.message{
    background: #dfdfdf;
    padding: 1.5rem;
}
.message p{
    max-width: 1100px;
    margin: auto;
    padding: 1rem;
    background: #FFF;
    font-weight: bold;
}
.message p.info{
    border: solid #004e90 3px;
    color: #0078cc;
}
.message p.caution{
    border: solid #f19401 3px;
    color: #f19401;
}
.message p.error{
    border: solid #eb0414 3px;
    color: #ff0012;
}
p.text.error.attention {
    text-align: center;
    width: calc(1100px - 2rem);
    margin: 0 auto;
}
p.text.error.attention a{
     color: #ff0012;
    text-decoration: none;
    font-size: 20px;
}
p.text.error.attention a:hover{
    opacity: 0.8
}
@media screen and (min-width: 768px) {
.message{
    padding: 1.5rem 0;
    min-width: 1100px;
}
}

@media screen and (max-width: 767px) {
.message{
    font-size: 0.85rem;
    padding: 1.5rem 0.5rem;
}
p.text.error.attention {
    width: auto;
    margin: 0 auto;
    padding: 0.7rem 0.2rem;
}
p.text.error.attention a {
    font-size: 0.9rem;
}

}