@charset "utf-8";

/*--------------------------------------------

 

　　　未就園児教室ページ用CSS

 

---------------------------------------------*/





/* =======================================

   section01

   ======================================= */

   

   

   

   

   

   

/* =======================================

   section02

   ======================================= */

   

   

   

   

   

   

/* =======================================

   section03

   ======================================= */

#main .photo {

	margin: 5px;

	padding: 5px;

	border: 1px solid #ccc;

	background-color: #FFF;

	width: 200px;

}

.photo-flame {

	background-color: #FFFFFF;

	border: 1px solid #ccc;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	-webkit-border-radius: 20px;/* for Safari and Chrome */

	-moz-border-radius: 20px; /* for Firefox */

	-o-border-radius: 20px; /* for opera */

	border-radius: 20px;

}
.btn {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 1em; /* for Firefox */
	-o-border-radius: 20px;
	margin-top: 0px;
	float: right;
	display: block;

}

#main .list-works li {

	-o-border-radius: 20px;

	float: left;

	width: 14em;

	line-height: 2em;

}



#main .photoArea {

	margin-top: 1.5em;

	margin-bottom: 1.5em;

	overflow: hidden;

	margin-right: auto;

	width: 100%;

	margin-left: auto;

	text-align: center;

}

#main .photoArea img{

	width: 220px;



}

#main h6 {

	font-size: 1.2em;

	font-weight: bold;

	margin: 30px auto;

	width: auto;

	height: auto;

	border: 1px solid #aaa;

	padding: 15px;

	background-color: #E9F8FE;

	border-radius: 10px;        /* CSS3草案 */

	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */

	-moz-border-radius: 10px;

	display: inline;

	top: 30px;



}





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

#main h1 img {width:100%;}

#main h2 {border-bottom:none; line-height:1.2em;}

#main h2 span {line-height:1.2em; margin-bottom:3%; padding-bottom:1%;}

#main .photoArea img {width:48%; float:left; margin-right:0;}

#main .photoArea img:nth-child(even) {margin-left:4%;}

#main h6 {

	/* [disabled]margin: 7% 0; */

}



}