@charset "UTF-8";
@import url(font-awesome-4.6.3/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

	html,body { 
	     font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif !important;
	     font-weight: 400;
	     font-size: 100%;
	}
	html, body { height: 100%; width: 100%; }

	ul li { letter-spacing: 0; list-style-type: none; }
	
	img,video {
	  max-width: none !important;
	  height: auto;
	}
	
 	body.page { 
  
  /* 背景画像 */
  
  /* 画像ファイルの指定 */
  background-image: url(../img/background/2206_4.jpg);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;

	} 

	 
/* a:link */
	a { color: #EF6C66; text-decoration: none; text-decoration: underline; }
	a:hover, a:focus { color: #327A2E; }

	.mgt0 { margin-top: 0em !important; } .mgb0 { margin-bottom: 0em !important; }
	.mgall5 { margin: 5%; }
	.mgt05 { margin-top: .5em; } .mgb05 { margin-bottom: .5em; }
	.mgt1 { margin-top: 1em; } .mgb1 { margin-bottom: 1em; }
	.mgt2 { margin-top: 2em; } .mgb2 { margin-bottom: 2em; }
	.pdl1 { padding-left: 1em; } .pdl2 { padding-left: 2em; } .pdl3 { padding-left: 3em; } .pdl4 { padding-left: 4em; }
	.w100p { width: 100%; }
	.lt { text-align:left; } .ct { text-align:center; } .rt { text-align:right; }
	.r4 { border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;}
	.cl { clear: both !important; }
	hr { border-top: 1px solid #B0AE85; }
	.fs1 { font-size: 1.2em; line-height: 160%; }

/* container
-----------------------------------------------------------------------------*/

	header {  }
	
	.content {}
	
	.sidebar {}
	
	footer {}
	
	@media only screen and (max-width: 480px){
	#wrapper {
		padding: 1.5%;
		margin: 0 auto;
	}
	}
	
	@media only screen and (min-width: 481px) and (max-width: 767px){
	#wrapper {
		padding: 1%;
		margin: 0 auto;
	}
	}
	
	@media only screen and (min-width: 767px) {
	#wrapper {
		max-width: 1024px;
		margin: 0 auto;
		padding: 1%;
	}
	}


/* container
-----------------------------------------------------------------------------*/

	#wrapper {}

	#container {
	border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, .4);
	padding: 1% 1% 1% 1%;
	
	/*
	background-image: url(../img/img/bg_m1.jpg);
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	*/
	    }
	
	header, .content, footer {
	background-image: url(../img/img/toys-doodles.png);
	background-repeat: repeat;
	background-position: top left;
	}
	
	.home .firstline { padding: 1em 0 0 0; background: #fff; }
	.home .firstline .box { padding: 1em 5% 0 5%; }
	.home .firstline img { width:18%;float:left;margin-right:2%; }
	
	.home .thirdline { padding: 1em 0 0 0; background: #fff; }
	.home .thirdline a.txbanner { color:#0A8754; background: #DFEFE9; line-height: 300%; text-decoration: none; display:block; }
	.home .thirdline a:hover.txbanner { color:#fff; background: #F0ADDA; }

	.page .content {
	background: #fff;
	}
	
	header {  
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, 1);
	padding: 2% 2% 0% 2%;
	margin-bottom:1em;
	}
	
	.content { 
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, 1);
	padding: 2% 2% 2% 2%; 
	margin-bottom:1em;
	}
	
	.inner { 
	border: 1px solid #D2C2AB;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, 1);
	padding: 2% 2% 2% 2%; 
	}
	
	
	footer { 
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, 1);
	text-align:center; line-height:400%;
	color: #666; letter-spacing: .1em;
	}

	address { text-align:right; }
	
	@media only screen and (max-width: 767px){
	header {
	text-align:center; padding-top: 5%;
	}
	address {
	text-align:center; margin-bottom:0;
	}
	
	.home .firstline {
	}
	
	.home .secondline {
	padding: 0 0 1em 0;
	margin-bottom: 0;
	}	
	}


/* Headline
-----------------------------------------------------------------------------*/

h1 { font-size: 1.6em; line-height:120%; font-weight:bold; }
h2 { font-size: 1.4em; line-height:120%; font-weight:bold; }



.tb3 { color:#516F36; font-size: .85em; text-align:center; }

	@media only screen and (max-width: 767px){
	.tb3 { padding-top: 5%; font-size: .9em; }
	.tb3 img { width:70% !important; }
	}


/* 入園児の募集
-----------------------------------------------------------------------------*/
.entering h3 { font-size: 1.2em; line-height:120%; margin:1em 0; }



/* Album
-----------------------------------------------------------------------------*/

.estb { padding: 0; margin: 0 0% 0 0%; overflow: hidden; display: table; width: 100%;  display: block\9; letter-spacing: -.40em; }
.estb li { width: 23% !important; margin: 1% 1% 1% 1% !important; padding: 1%; letter-spacing: normal;  vertical-align: top; line-height: 100%; display: inline-block; /display: inline; /zoom: 1;
border: 1px solid #f2f2f2;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
width: auto\9; behavior: url('../PIE-1.0beta3/PIE.htc');  /* CSS3 PIE */

-webkit-box-shadow: 0px 5px 4px -4px rgba(102,102,102,0.3);
-moz-box-shadow: 0px 5px 4px -4px rgba(102,102,102,0.3);
box-shadow: 0px 5px 4px -4px rgba(102,102,102,0.3);

line-height: 140%; color: #333; font-size: 90%;
text-align: center;
}

.estb li:nth-child(4n) { margin-right: 0% !important; }


.estb li img { margin: 0px auto .2em; padding:0px; border: 1px solid #f7f7f7; border-radius: 4px; width: 100%; }
.estb li img.vertical { height: 146px; width: auto; }
.estb li a img { opacity: 0.8;}
.estb li a:hover img { opacity: 1; filter:alpha(opacity=60); -ms-filter: “alpha( opacity=60 )”; }


	@media only screen and (min-width: 481px) and (max-width: 767px){
	.estb li { width: 31.2% !important; }
	}



	@media only screen and (max-width: 480px){
	.estb li { width: 48%; }
	.estb li img { max-width: 100% !important; }
	}

.new { font-size:70%; color: #EF6C66; }

	
/* Map
-----------------------------------------------------------------------------*/
.google-maps { position: relative; padding-bottom: 75%; /* 縦横比 */ height: 0; overflow: hidden; border: 1px solid rgba(178, 134, 129, 0.2); }
.google-maps iframe {  position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* Map
-----------------------------------------------------------------------------*/
.encho { width:100%; }

	@media only screen and (min-width: 481px) and (max-width: 767px){
	.encho { width: 50% !important; }
	}
	@media only screen and (min-width: 481px) and (max-width: 767px){
	.encho { width: 50% !important; }
	}