@media screen and (max-width:480px){img{max-width:100%;height:auto;width:auto;　}
@charset "UTF-8";<style type="text/css">
*{padding:0px;margin:0px;}
#site-box{width:100%;#border:1px solid #FF9900;margin:5px auto}
#title{#border-bottom:1px solid #005522;}
#navi{width:100%;}
#menu{width:100%;}
#main{width:100%;font-size:100%;}
#link{clear:both;width:100%;font-size:100%;padding:10px 0px 10px 0px;border-top:1px solid #FF9900;}
#footer{clear:both;width:100%;background-color:#CCCCCC;font-size:90%;padding:10px 0px 10px 0px;text-align:center;}
h1{font-size:90%;line-height:100%;color:blue;text-align:center;}
h2{font-size:100%;line-height:130%;color:red;}
h3, h4{margin:0;padding:0;}
h3{margin:0 0 5px 0;padding:0.4em;font-size:100%;color:#FFFFFF;background-color:#DD4400;font-weight:bold;text-align:center;text-align:center;}
h4{margin:10px 0 3px 0;padding:0.5em;border-left:7px solid #DD4400;border-bottom:1px dashed #DD4400;font-size:100%;font-weight:bold;color:#000000;text-align:left;background-color:#FFEECC;line-height:100%;}
p{font-size:100%;margin:10px
line-height:150%;}
.category{font-size:100%;color:#FFFFFF;background-color:#DD4400;text-align:center;font-weight:bold;padding:5px}
.category2{font-size:80%;color:#FFFFFF;background-color:#db7093;text-align:left;font-weight:bold;}
.style1{font-size:100%;line-height:150%;}
.style2{font-size:120%;line-height:130%;}
.style3{font-size:150%;ling-height:130%;}
.style4{font-size:80%;line-height:150%;}
.style5{font-size:90%;line-height:130%;}
.style6{font-size:90%;line-height:180%;}
.style7{font-size:100%;line-height:150%;}
a{font-size:100%;font-weight:bold;color:#DD4400;text-decoration:none;}
a:hover{color:#9900FF;text-decoration:underline;}
hr.style-one{border:0;height:1px;background:#FFF;background-image:-webkit-linear-gradient(left, #EEE, #F90, #EEE);background-image:-moz-linear-gradient(left, #EEE, #F90, #EEE);background-image:-ms-linear-gradient(left, #EEE, #F90, #EEE);background-image:-o-linear-gradient(left, #EEE, #F90, #EEE);}
hr.style-two{border:0;border-bottom:1px dashed #F90;background:#FFF;}
#topmenu{width:100%;max-width:480px;margin:0 auto;padding:0;font-size:90%;}
#topmenu li{display:block;float:left;width:49.5%;border-right:1px solid #FFF;border-bottom:1px solid #FFF;margin:0;padding:0;}
#topmenu li a{display:block;padding:12px 0 10px;background:#f90;color:#fff;text-align:center;text-decoration:none;}
#topmenu li a:hover{background:#D40;}
#toggle{display:none;}
#classmenu{width:100%;max-width:480px;margin:0 auto;padding:0;}
#classmenu li{display:block;float:left;width:100%;margin:0;padding:0;}
#classmenu li a{display:block;padding:0px auto;background:#fff;color:#fff;text-align:center;text-decoration:none;}
#classmenu li a:hover{background:#fff;}
#toggle{display:none;}
.list{display:table;table-layout:fixed;width:100%;}
.list-box{display:table-cell;padding:5px;vertical-align:up;}
.list-img{max-height:100%;overflow:hidden;text-align:center;}
.list-img img{width:100px;}
.list-cat{background-color:#06f;border-radius:10px;color:#fff;font-size:80%;padding:1px 2px;text-align:center;}
.list-date{color:#555;font-size:80%;margin-left:0px;background-color:lightyellow;}
.list-text{color:#555;font-size:90%;line-height:1.4;margin-left:0.5em;margin-right:0.5em;}
#sidemenu{width:100%;max-width:480px;margin:0 auto;padding:0;font-size:120%;}
#sidemenu li{display:block;float:left;width:100%;border-bottom:1px solid #FFF;border-top:1px solid #FFF;margin:0;padding:0;}
#sidemenu li a{display:block;padding:12px 0 10px;background:#F90;color:#fff;text-align:center;text-decoration:none;}
#sidemenu li a:hover{background:#D40;}
#toggle{display:none;}
</style>