@media screen and (max-device-width: 767px) {
body {
    background-color:#f3f2ed;
    line-height:150%;
}


div#frame {
    max-width:800px;
    margin:5% auto 5%;
    padding:5%;
    background-color:#FFFFFF;
}
h1 {
    font-size:x-large;
    text-align:center;
}
    h2 {
        font-size:x-large;
    }
    h3 {
        font-size:large;
    }
span.date {
    display:block;
    text-align:right;
    font-size:large;
    margin:2% auto 5%;
}

span.mailadd {
    padding:3%;
    border:1px solid #CCCCCC;
    display:block;
    margin:4% 2% 2%;
}
span.caution {
    font-size:small;
    display:block;
    margin:2% 2% 4%;
}

p.riyou {
    margin-top:10%;
}

span.obi {
    background-color:#0099dd;
    display:block;
    padding:2%;
    color:#FFFFFF;
    font-size:large;
    font-weight:bold;
}
span.text {
    padding:3%;
    display:block;
} 

p.forum {
    margin:10% 0% 5%;
}
span.obi_green {
    background-color:#8cc226;
    display:block;
    padding:2%;
    color:#FFFFFF;
    font-size:large;
    font-weight:bold;
    margin-bottom:4%;
}

a.forumdata {
    text-align:center;
    display:block;
    width:80%;
    margin:3% 5%;
    border:1px solid #0099dd;
    float:left;
    padding:4%;
    color:#000000;
    text-decoration:none;
}
a.forumdata:hover {
    background-color:#0099dd;
    color:#FFFFFF;
    border:1px solid #0099dd;
}

p#footer {
    text-align:center;
    margin-top:10%;
}
    
}