diaries crd media rule

---container01---
@media only screen and (max-width: 600px) {
#container01 {
background-size: 300px;
}
}

---music player---
@media only screen and (max-width: 600px) {
#musicplayer {
top: 15px;
}
}

---text01---
@media only screen and (max-width: 600px) {
#text01 {
padding-top:3px;
}
}

---text02---
@media only screen and (max-width: 600px) {
#text02 {
position: relative;
top: 10px;
}
}

---scroll01---
@media only screen and (max-width: 600px) {
#scroll01 {
height: 11.4em;
width: 9em;
padding: 10px 0px 5px 15px;
}
}

---scroll02---
@media only screen and (max-width: 600px) {
#scroll02 {
height: 9.5em;
width:9em;
}
}

---scroll03---
@media only screen and (max-width: 600px) {
#scroll03 {
height: 11.4em;
width: 9em;
}
}

---scroll04---
@media only screen and (max-width: 600px) {
#scroll04 {
height: 8em;
width: 8em;
}
}