#header-name {
background: url(../images/title_s.gif) no-repeat 50px 10px;
        height: 50px;
        overflow: hidden;
}
#header-name a { display: block; padding-top: 50px;}

#header-description {
background: url(../images/diary_title.gif) no-repeat center;
        height: 50px;
        overflow: hidden;
}
#header-description a { display: block; padding-top: 50px;}

#main-read {
background: #FFF7E1 url(../images/read.gif) no-repeat center 10px;
        height: 85px;
        margin: 1em 0;
        overflow: hidden;
}
#main-read p { padding-top: 85px;}

.entry-more { font-size:88%; line-height: 1.7;}
.contentNavi { margin: 1.5em; clear: both;}
.archive-index .contentNavi { padding-top: 3em;}

.archive-index h2 { clear: left;}

ul.image-list {
/*margin-left: 4px;*/
}
ul.image-list li {
width: calc(100% / 4 - 7px);
float: left;
text-align:center;
min-height:105px;

/*IE6用min-heightハック*/
height: auto !important;
height: 105px;
}

ul.image-list a img { border: #FFF solid 2px;}
ul.image-list a img.now { border: #00F solid 2px;}
#content ul { margin-bottom: 2em;}
ul.image-list li { padding-top: 8px; margin: 2px; border-color: #ccc #999 #999 #ccc; border-style: solid; border-width: 1px 2px 2px 1px;}
ul.image-list li.now,
ul.image-list li:hover { background-color: #FFFFCC;}

.widget-content dd { margin-left: 1em;}

ul.image-list li { float: left;}
@media screen and (max-width:1000px) {
ul.image-list li {width: calc(100% / 3 - 7px);}
}
@media screen and (max-width:750px) and (min-width:601px) {
ul.image-list li { width: calc(100% / 4 - 7px);}
}

@media screen and (max-width:480px) {
ul.image-list li { width: calc(100% / 2 - 7px);}
#header-name { background-position: 0 10px;}
#main-read { background-size: 90% auto; height: 16vw;}
}
@media screen and (max-width:420px){
#header-description { background-size: 100% auto;}
}


.sawano_image { text-align: center;}
.sawano_image img { margin: 0 auto;}
.entry-title { text-align: center; margin-top: 2em; margin-bottom: 0.5em;}

.archive-index h2 { padding: 1.5em 0 0.2em 0; font-weight: bold;
}
.archive-index li p { font-size: 1.2rem; margin-top: 2px;}

.main-index .contentNavi { clear: both; margin-top: 2em;}
#alpha li p { font-size: 1.2rem;}

.entry-content { margin-left: 0;}
.sawano_image img { border: #ccc solid 1px; max-width: 100%;}
                        
