html{
	font-size:100%; /*base 16px*/
}
body{font-size:1rem;}
h1{font-size:2rem;} /*32px*/
main h2{	font-size: 1.75rem; }/*28px*/
main h3{ font-size:1.5rem;} /*24px*/
p,a,pre{font-size:1rem;}

/**ipad用**/
/*768px*/
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait){
 main{padding-top:200px;}
}


@media screen and (min-width:768px){
	main{padding-top:150px;}
}

@media screen and (max-width:768px){
	html{font-size:87.5%;} /*base 14px h1:28,h2:24px,h3:21px;*/
	/*.sugi{width:auto;height:45vh;margin-bottom:1rem;}*/
		.navbar .nav li { display:inline-block; }
		.navbar .nav li a{padding-bottom:0.5rem;}
}
@media only screen
and (min-device-width:480px)
and (max-device-width:768px)
and (orientation:landscape){
 html{font-size:62.5%;} /*base 10px*/
}

@media screen and (max-width: 640px){
	.photo{width:100%;height:auto;}
}
@media screen and (max-width:480px){
	html{font-size:62.5%;} /*base 10px*/

}

@media screen and (max-width:341px){
	.sitename a{font-size:14px;}
	.sga{display: none;}
	.fp{width: 100%;}
}