@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td
*{
    overflow:auto;
    padding:0;
    word-break: normal;
    word-wrap: break-word;
}
  
img{
	border:0;
	vertical-align: top;
}


a{
    text-decoration:none;
}

@font-face
{
font-family: mplus-1mn-regular;
src: url('http://mplus-fonts.sourceforge.jp/webfonts/mplus-1mn-regular.ttf')
     format("truetype");
}

@media screen and (win-width: 641px){

body{
   	text-align:justify;
    
   	-webkit-text-size-adjust: 100%;
	font-size:14px;
   	color:#234313;
   	background-color:#eff9f9;
   	display:block;
	font-family: 'mplus-1mn-regular';
    
    direction: ltr;
	-webkit-direction: ltr;
	-o-direction: ltr;
	writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
    -moz-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
    
	-webkit-text-orientation: upright;
	-moz-text-orientation: upright;
	-o-text-orientation: upright;
	-ms-text-orientation: upright;
	text-orientation: upright;
}


article{
    padding:50px;

}
section{
	padding:50px;
	height:80%;
    line-height:1.7rem;
    letter-spacing:0.1rem;
    word-break:break-all;
}

footer{
    text-align:center;
    font-size:0.8rem;
    padding:30px;
}

span{
	-ms-writing-mode: lr-tb;
	-webkit-writing-mode: horizontal-tb;
}
}

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

body{
   	-webkit-text-size-adjust: 100%;
	font-size:14px;
   	color:#234313;
   	background-color:#eff9f9;
   	display:block;
    overflow:auto;

    -ms-writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    
} 

article{
    width:auto;
    padding: 10px;
    vertical-align:baseline;
}
sction{
    width:auto;
    vertical-align:baseline;
}


footer{
    text-align:center;
    font-size:0.8rem;
    padding:-20px;
}
}