.post p{
	width:60%;
	    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

#content { float:left;  padding-left: 28%; width: 660px; }
#content img{
    max-width:100%;
    margin-bottom:10px;
}

.date { display: inline; background: #fff; margin-top: 20px;  padding: 4px; float:right;  color:#ccc;}
.date span { }
.date span.day {}

.post {margin-bottom: 100px; padding-bottom:10px; position: relative; min-height: 250px; border-bottom:1px solid #ccc; width:100%;}
.box-bottom{display: none;}
.pagination{display: none;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html{
    font-size:62.5%;

}

header {
  margin: 0 50px;
  position: absolute;
  width: 120px;
  font-size: 1.2rem;
  line-height: 2;
    text-align: left;
    font-family: Helvetica, Aria, Meiryo, sans-serif;

}

header img {
  display: block;
  width: 100%;
  margin: 0 0 3rem;
}

header a {
  text-decoration: none;
  color: #000;
}

header a:hover {
  text-decoration: underline;
}

header ul {
  margin-bottom: 1rem;
  list-style: none;
}


#contact {
  margin: 5rem 0 1rem;
}

.photoset{
   
}

.post p{
  

}

.caption{
  
}

@media only screen and (max-width: 770px) {
header{
    position: relative;
    margin:2rem auto;
    width:90%;
    font-size:1.5rem;
}
    .caption{
        width:100%!important;
    }
  header img{
  width:40%;
  max-width:150px;
  }

.post p{
	width:100%;
}  

    #content {
                float:none;
                width:70%; 
                padding: 0 ;
                margin:0 auto; 
            }

    #content img{
        width:100%;
        height:auto;
    }
    .post{
                width:100%; 
                padding: 0 ;
                margin:0 auto 15px;
             
                overflow: hidden;
    }
    .post-content{
                width:100%!important; 
                padding: 0 ;
                margin:0 auto 15px; 
    }

    .pagination{display: block;}
    

    #contact {
        margin: 2rem 0 1rem;
    }



}

@media only screen and (max-width: 450px) {
    #content {
                float:none;
                width:90%; 
                padding: 0 ;
                margin:0 auto; 
            }  
  
    .post{
        text-align:justify;
    }
}



@media only screen and (min-width: 1480px) {
  #content { padding-left: 400px;  }
}