@charset "UTF-8";

/*	{ box-sizing:border-box; } */

h1	{font-size:2.4rem;line-height:2.6rem;margin-left:2%;}

div h2, h2 {font-size:2.4rem;line-height:2.2rem;margin-left:2%;}

div h3, h3 {font-size:2.0rem;line-height:1.8rem;margin-left:2%;}

div	{
	width:100%;
	max-width:820px;
	padding:2% 1%;
	border-radius:15px;
	margin-left:auto;margin-right:auto;
	}

ul img  {
	width:98%;
	max-width:800px;padding:0;
	margin-left:1%;margin-right:auto;
	}

li	{
	list-style-type:none;
	font-size:2rem;
	line-height:2.2rem;
	}

@media (max-width: 855px) and (min-width: 521px)
{

section { padding:0px;}

div	{
	width:100%; max-width:820px; margin-left:auto;margin-right:auto;
	padding:3% 1%;
	border-radius:10px;
	}

ul img  {
	max-width:800px; padding:0; margin-left:1%; margin-right:auto;
	float:none;
	}

li	{
	padding-left:3%;
	font-size:2rem;
	line-height:2.2rem;
	}
}

@media (max-width: 520px) and (min-width: 361px)
{

html, body	{
	width:100%; max-width:520px; margin:0;padding:0;
	border-radius:15px; min-width:361px;
	}

hr	{ margin-left:3%;width:95%; }

section { padding:0px; margin-left:auto; margin-right:auto;}
section:last-child { padding-bottom: 4rem; }

div	{
	width:96.5%; max-width:508px; margin-left:auto;margin-right:auto;
	padding:2%;
	border-radius:5px;
	}

ul  {
	width:99%; max-width:506px !important; margin-left:auto;margin-right:auto;
	}

ul img  {
	width:100%; max-width:490px; margin-left:auto; margin-right:auto;
	}
}

@media (max-width: 360px)
{

html, body	{
	width:100%; max-width:360px; padding:0; margin:0;
	}

nav	{
	position:fixed;
	bottom:0;
	left:			0;
	width:			100%;
	max-width:		360px;
	margin:			20px 0px 0px 0px;
	padding:		5px 6px 5px 4px;
	background-color:	black;
	z-index:		10;
	}

section { width:100%; max-width:360px; padding:2px; margin:0; }
section:last-child { padding-bottom: 4rem; margin:0; }

div	{
	width:100%; max-width:360px; margin-left:0; border-radius:0px;
	padding: 5px 5px;
	}

ul	{
	float:none; width:100%;max-width:360px; margin:0; padding:0;
	}

ul img  {
	width:100%; max-width:354px;
	float:none;
	margin-left:5px;
	}

li	{
	font-size:1.8rem;
	line-height:2.0rem;
	}
	/*section last child space-after ? */
}