@charset "utf-8";

main {
width: 70%;
display: inline-block;
vertical-align: top;
}
?
aside {
width: calc(30% - 26px);
display: inline-block;
margin-left: 20px;
box-sizing: border-box;
border: solid 1px;
}
?
p {
line-height: 2;
width: 60%;
display: inline-block;
padding-right: 10px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
}
?
.imgarea {
height: 150px;
width: calc(40% - 6px);
background-color: #ccc;
display: inline-block;
}
@media screen and (max-width:480px) {
p {
width: 100%;
margin: 0px 0 10px 0;
}
?
main {
width: 100%;
}
?
.imgarea {
width: 100%;
}
?
aside {
width: 100%;
margin: 30px 0 0 0;
}
}
* {
float: none;
position: static;
}
?
img {
max-width: 100%;
height: auto;
}