p.header {
	margin:0 0 10px 0;
	padding:10px 10px 10px 10px;
	line-height:150%;
	font-weight:bold;

}
     
     
body {
     color: dimgray;
     font-family: "MS ゴシック","Hirakino Kaku Gothic Pro",sans-serif;
     font-size: 75%;
     letter-spacing: 0.1em;
     line-height: 2em;
}

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

body {
    font-size: 20px;
}    
#wrapper {
    width: 500px;
    
 }
 

 .profile_left {

    display: block;
    width: 50%;
    
   
  }
   
.profile_right {
    display: block;
    width: 100%;
 
      }
}


@media screen and (min-width: 641px) {
#wrapper {
    width: 900px;
    
      }    
 
 .profile_left {

     display: block;
     float: left;
	 width: 30%;
	  }   
  
 .profile_right  {
	 display: block;
	 float: right;
	 width: 70%;
	 
	 }    
}

a {
     color: #00bfff;
     text-decoration: none;
}

p.resizeimage img {
     line-height: 0;
     margin: 10px auto;
     width: 100%;
}

p.right {
     text-align: right;
}

#wrapper {
     margin: 0px auto;
     
     
}

h1 {
     font-size: 1.3em;
}

h2 {
     font-size: 1.1em;
     line-height: 1.3em;
}

#header {
     margin: auto;
     width: 100%;
}

#article {
     font-size: 1.2em;
     margin: 0px auto;
     width: 100%;
}

.article_in {
     margin-bottom: 50px;
     
}

#profile {
     margin-bottom: 100px;
	 width: 100%;
     
}

.profile_wrap {
     margin-bottom: 50px;
     overflow: hidden;
}     

.prof_img {
     border: 0px none;
     height: auto;
     width: 100%;
}

.profile_left {
     height: auto;
     box-sizing: border-box;
	 padding: 0px 20px 0px 0px;
     vertical-align: top;
     }

.profile_right {
     height: auto;
     box-sizing: border-box;
     vertical-align: top;
     
}

#yan {
     margin-bottom: 100px;
     
    
}

p.pragraph {
     text-indent: 1em;
}