@charset "utf-8";
/* CSS Document */
#sns-top, 
footer p#pc-top {
	display: none;
}

#sns-kids2, 
footer p#pc-kids2 {
	display: block;
}





html body div#wrap div#container header section:nth-of-type(2) {
	/* overflow: hidden; */
	position: relative;
	z-index: 2;
}
html body div#wrap div#container header section:nth-of-type(2) figure {
	border: solid 1px #ccc;
	float: left;
	font-size: 0;
	margin: 0 10px;
	width: 32.8%;
}
html body div#wrap div#container header section:nth-of-type(2) p {
	clear: both;
	float: left;
	padding: 10px 0 10px 10px;
	width: 33%;
}
html body div#wrap div#container header section:nth-of-type(2) h2, 
html body div#wrap div#container header section:nth-of-type(2) > ul:nth-of-type(1) {
	padding: 0 10px 5px 40%;
}
html body div#wrap div#container header section:nth-of-type(2) h2 {
	width: 92%;
}
html body div#wrap div#container header section:nth-of-type(2) ul:nth-of-type(1) li:nth-of-type(3) {
	margin: 1em 0 0 0;
}
html body div#wrap div#container header section:nth-of-type(2) ul:nth-of-type(2) {
	float: left;
	padding: 0 10px 30px 38%;
	width: 100%;
}
html body div#wrap div#container header section:nth-of-type(2) ul:nth-of-type(2) li {
	margin: 20px 10px 0 0;
}






html body div#wrap div#container main {
	background: #fff;
	clear: both;
}

html body div#wrap div#container main nav.link {
	clear: both;
}

html body div#wrap div#container main section {
	clear: both;
	/* padding: 3% 0 0 0; */
	position: relative;
}

html body div#wrap div#container main section p {
	background: #fff;
	padding: 10px;
}

html body div#wrap div#container main section h1 {
	background: #ff6e03;
	color: #fff;
	padding: 5px 10px;
}

html body div#wrap div#container main section img {
	float: right;
	margin: 0;
}

@media screen and (max-width: 320px) {
html body div#wrap div#container main section#kids2_01:nth-of-type(2) img {
	margin-top:5px;
	width:50%;
	height:auto;
}
}
@media screen and (min-width: 321px) and (max-width: 640px) {
html body div#wrap div#container main section#kids2_01:nth-of-type(2) h2{
	max-width:60%;
}
html body div#wrap div#container main section#kids2_01:nth-of-type(2) img {
	margin-top:5px;
	max-width:40%;
	height:auto;
}
}
@media screen and (min-width: 641px) {
html body div#wrap div#container main section#kids2_01:nth-of-type(2) h2{
	margin-top:5px;
}
}


@media screen and (max-width: 320px) {
html body div#wrap div#container main section#kids2_02:nth-of-type(3) img {
	margin-top:-20px;
	width:35%;
	height:auto;
}
}
@media screen and (min-width: 321px) and (max-width: 640px) {
html body div#wrap div#container main section#kids2_02:nth-of-type(3) img {
	margin-top:-20px;
	width:40%;
	height:auto;
}
}
@media screen and (min-width: 641px) {
html body div#wrap div#container main section#kids2_02:nth-of-type(3) img {
	margin-top:-20px;
}
}


html body div#wrap div#container main section#kids2_03:nth-of-type(4) img {
	float: none;
	margin: 0;
}