@charset "utf-8";

#main #blogbody .art_img.img_small { width: 40%; }
#main #blogbody .art_img.img_medium { width: 60%; }
#main #blogbody .art_img.img_big { width: 100%; }

#main #blogbody .summary.right { grid-template-columns: 1fr 30%;}
#main #blogbody .summary.right .photo { order: 2;}
#main #blogbody .summary.right .meta { order: 1;}
#main #blogbody .summary .meta h4.h_small { font-size:80%;}
#main #blogbody .summary .meta h4.h_medium { font-size:120%;}
#main #blogbody .summary .meta h4.h_big { font-size:160%;}

#main #blogbody .intro { border: 1px solid #e0dccb; padding: 15px; margin: 10px 0 0; }
#main #blogbody .intro .flex { display: flex; justify-content: flex-start; align-items: flex-start;}
#main #blogbody .intro img { padding: 0; margin: 0; display: inline; width: 170px; height: auto; }
#main #blogbody .intro { color: #131313; }
#main #blogbody .intro .intro-info { padding-left: 20px; width: calc(100% - 170px); }
#main #blogbody .intro h5 { font-size: 18px; font-weight: bold; text-decoration: underline; }
#main #blogbody .intro p { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; line-height: 180%; padding: 5px 0 0; }

#relation .img img{width:100%;height:auto;}

@media only screen and (max-width:768px){

}