@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	color: #3F3F3F}
	
h1 {font-weight: normal}
h2 {font-weight: normal}
	
/* ボックスの左右に確保する余白 */
.box1, .boxA, .box2-inner, .box5-inner
	{padding-left: 10px;
	padding-right: 10px}
	
a   {text-decoration: none;
     color: #3F3F3F}	
	
	


/* サイト名 */

.header{background-color:#FBF6CC;
        /*border-bottom: solid 5px #ffffff*/}

.header:after	{content: "";
	display: block;
	clear: both}

.box1	{/*float: left;
	width: auto*/
	/*display: flex;
	justify-content: center*/
	text-align: center;
	}
	
.bd    {border-bottom: solid #3F3F3F 5px}	

.contact	{
	width: 200px;
    margin: 30px;
	padding: 5px;
	font-size: 17px;
	-moz-border-radius: 30px;    /* 古いFirefox */
	-webkit-border-radius: 30px; /* 古いSafari,Chrome */
	border-radius: 10px;         /* CSS3 */
	background-color: #EAE7E2;   /* 背景色 */
	padding-right: 10px;
	padding-left: 10px;
}

.contact i {margin-right: 5px;
          font-size: 21px}
		  
.h1ue {color: #787878}		  

.mozi {margin: 10px}

 .tel{text-decoration:none;
	  color: #3F3F3F;
	  padding-left: 20px}
	  
.tel a    {text-decoration: none;
           color: #787878}
	  
.site {margin:20px 0 0 20px}

.site p {margin: 0px;
         color: #3F3F3F}	  

.site p{ color: #3F3F3F}

.site h1 a	{margin: 0px;
	color: #3F3F3F;
	text-decoration: none}

.site h1	{font-size: 30px}
	
	/* ナビゲーション */

.navtab a    {color: #ffffff;
             float: left;
			  width: 17%;
			  text-align: center;
			  margin: 10px;
			  font-size: 15px}
             			   
.navtab a i    {margin-right: 10px;
                font-size: 20px}	
	
	
	
.box2    {background-color: #3F3F3F;
         /* border-bottom: solid 2px #787878*/
          }
		  
.box2:after    {content: "";
               display: block;
			   clear: both}
			   

				
.menu ul	{margin: 0;
	padding: 0;
	list-style: none;
	width:100%;
/*margin:0 auto;
*/}

.menu li a	{ display: block;
              /*margin: 10px;*/
	          font-size: 18px;
			  color: #ffffff;
	          text-decoration: none}

.menu li a:hover	{border-bottom: solid 2px #ffffff}

.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li	{float: left;
	width: auto}
	
.menu li i {margin-right: 10px;
            font-size: 20px}



/* 概要 */
.main    { color: #787878}
		 
.about p{margin-left: 10px;
          margin-right: 10px;
		  color: #3F3F3F}

.about	{display: block;
	border: solid 5px #FFFFFF;
	color: #000000;
	text-decoration: none;
	height: 480px;
	margin-top: 30px}

.about a:hover	{box-shadow: 0 0 10px #dddddd}

.about img	{max-width: 100%;
	height: auto;
	border: none;
	margin-bottom: 15px;
	/*vertical-align: bottom*/}

.about h1	{
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 22px;
	color: #FFFFFF}
	
.abouth1width    {background-color: #3F3F3F;
                  padding: 3px 15px}	
				  
.link a { text-decoration: none;
          color: #ffffff;
		  margin: 15px}				  
	
.about i {margin-right: 5px}

.linkbox     {width: 130px;
             background-color: #EAE7E2;
			 border-radius: 5px;
			 text-align: center;
			 border: solid 1px #ffffff
			}			
			

.gaiyou	{margin-top: 10px;
		 margin-bottom: 10px;
		 }
		 
.gaiyou p{margin-left: 10px;
          margin-right: 10px;
		  color: #3F3F3F}

.gaiyou a	{display: block;
	border: solid 7px #FFFFFF;
	outline: solid 2px #787878;
	color: #000000;
	text-decoration: none;
	background-color: #FBF6CC}

.gaiyou a:hover	{box-shadow: 0 0 10px #dddddd}



.gaiyou img	{max-width: 100%;
	height: auto;
	border-bottom: solid 5px #FFFFFF;}
	
.gaiyou h1	{
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 22px}
	
.gaiyou i {margin-right: 5px}	
	
.boder1 {border-bottom: solid 2px;
         display:flex;
	     justify-content: center;}
		 

		 
/*プラン	*/

.planbox    {border:solid 1px #787878}

.plantag_weekday    {background-color: #09AAD3;
                     width: 100px;
					 text-align: center;
					 color: #034B5D;
					 margin-bottom: 0;
					 } 	 
					 
.plantag_fri    {background-color: #5AC933;
                 width: 70px;
					 text-align: center;
					 color: #ffffff;
					 margin-bottom: 0;}			
					 
.plantag_weekend  {background-color:#FF889B;
                 width: 100px;
					 text-align: center;
					 color: #ffffff;
					 margin-bottom: 0;}		
					 
.plantag_yend  {    background-color: #FD173B;
                 width: 100px;
					 text-align: center;
					 color: #ffffff;
					 margin-bottom: 0;
				float: left;
				margin-right: 10px}	
				
.plantag_yendbox:after    {content: "";
	                   display: block;
	                   clear: both}
					   		   
	
.plantag    {background-color: #F5C886;
             width:70px;
			 text-align: center;
			 color: #ffffff;
			 border-radius: 5px}
				   
.plantag    {float: left;
             margin-right: 10px}				   

.planbox {clear: both
         }
		 
.planlift1 {margin-top:0;
           background-color: #FEE5E9;
		   padding: 30px;
		   font-size: 20px
		  }

.planotona    {padding-left: 20px;
               font-size:18px}	
			   
.planshougaku    {padding-left: 20px;
                  font-size: 18px;
				  color: #072AB1}
				  
.planyouzi    {padding-left: 20px;
               font-size: 18px;
			   color:#09AAD3}	
			   
.fa-square { margin-right: 10px;
            color: #3F3F3F}			   
			   
.planbox2 {border-bottom: solid 1px #C8C8C8}			   			  			   	  
		  

	
.planh2		{
	width: 200px;
	padding: 5px;
	font-size: 20px;
	background-color: #3F3F3F;
	color:#FFFFFF;
}

.boxA h2 {margin-top: 50px}

.planh2kodomo {width: 200px;
	padding: 10px;
	font-size: 20px;
	background-color: #F3D4D9   /* 背景色 */
}


.plantdate    {font-weight: bold;
                font-size: 18px;
				color: #787878;
			  -moz-border-radius: 30px;    /* 古いFirefox */
			  -webkit-border-radius: 30px; /* 古いSafari,Chrome */
	          border-radius: 5px;         /* CSS3 */
	          background-color: #EAE7E2;
			  padding-left: 15px;
			}
			
.plantdatekodomo    {font-weight: bold;
                font-size: 18px;
				color: #787878;
			  -moz-border-radius: 30px;    /* 古いFirefox */
			  -webkit-border-radius: 30px; /* 古いSafari,Chrome */
	          border-radius: 5px;         /* CSS3 */
	          background-color: #D8F5FD;
			  padding-left: 15px;
			  margin-bottom: 0
			}			

.planprice   {font-size: 25px;
              margin-bottom:30px}
			  
.planmeal {font-size: 18px}

.em {font-weight:bold}

.red    {color: #EB0428}

.plansetumei    {color: #0786A7}  

.contact i {margin-right: 5px;
          font-size: 21px}
		  
.h1ue {color: #787878}		  

.mozi {margin: 10px}		 



/* 続きを読む */
.more	{display: inline-block;
	padding: 5px 15px;
	background-color: #3F3F3F}
	
.more p a    {color: #FFFFFF}	

.more i	{margin-left: 10px}


/* ページネーション */
.pagenation	{display: flex;
             justify-content: center;
			 max-width: 100%;
	         height: auto
			 }

.pagenation ul	{display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none}

.pagenation li a	{display: block;
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px 10px;
	border: solid 1px #aaaaaa;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.pagenation li a.active	{background-color: #cccccc}

.pagenation li a:hover	{background-color: #eeeeee}

.pagenation ul:after	{content: "";
	display: block;
	clear: both}

.pagenation li	{float: left;
	width: auto}

.map {margin: 50px 0 50px 0}

.facebook	{display: flex;
             justify-content: center;
			 width: 100%;
	         height: auto
			 }
			 

/* コピーライト */
			   
.copyright p	{
	display:flex;
	justify-content:center;
	margin: 0;
	color: #666666;
	font-size: 14px
	}
	
.contact {width: 200px;
          margin-right:auto;
		  margin-left:auto}
	
.box5 li {list-style: none;
           width: 200px;
          margin-right:auto;
		  margin-left:auto}

.box5 li a {text-decoration: none;
			font-size: 14px;
            color: #131313}

.menu2 li a{ font-size: 15px;
             color: #3F3F3F}

.menu2 i { font-size: 30px;
           color: #3F3F3F}
		   
.contact {display: flex;
           justify-content: center;
		   clear: both;
		   border: solid 1px #787878}		   
		   
.contact1 p   {text-align: center}

.contact1 {background-color: #FEE7EB;
           padding-bottom: 30px;
		   margin-bottom: 0}	
		   
.contact1h1   {font-size: 30px;
               margin-top: 0;
               margin-bottom: 40px}		      


/* BOX2をバーの形にする */
/*.box2	{background-color: #7cbac1}
*/

/* BOX5の上に区切り線を入れる */
.box5	{border-top: solid 1px #dddddd;
         background-color: #FBF6CC;
}

/* ボックスの上下の間隔 */
.box1	{padding-top: 8px;
	padding-bottom: 8px}

.box3	{padding-top: 40px;
	padding-bottom: 30px}

.box4	{padding-top: 40px;
	padding-bottom: 30px}

.box5	{padding-bottom: 15px}

.top .boxA	{padding-top: 20px;
	padding-bottom: 20px}

/*トップへ戻る*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 15px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    padding:10px 15px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */

.gnab_box     {float: left;
               margin: 5px;
			   text-align: center;
			   width: 30%;
			   border: solid 1px #3F3F3F;
			   border-radius: 5px;
			   }

.gnav:after    {content: "";
               display: block;
			   clear: both}

.gnav_word    {padding-top: 0}

.menu li a	{padding: 10px 3px;
	font-size: 11px}
	
/*.navtab a    {color: #ffffff;
             float: left;
			  width: 100%;
			  text-align: center;
			  margin: 15px
			  		}

             			   
.navtab a i    {margin-right: 10px;
                font-size: 20px}	*/

/* サイト名と記事のタイトル */
.site h1	{font-size: 20px}

.kiji h1	{font-size: 26px}

/* ボックスの上下の間隔 */
.box1	{padding-top: 4px;
	padding-bottom: 4px}

.box3	{padding-top: 25px}

/* SNSのシェアボタン */
.share span	{display: inline-block;
	text-indent: -9999px}

/* 関連記事メニュー */
.kanren	{padding: 10px}

.kanren li	{width: 50%}

.kanren li:nth-child(3)	{clear:both}



.plan h1 {background-image:url(img/plan_img.jpg);
          }
		  
.footermenuul    {list-style-type: none;
                  padding-top: 10px;
				  padding-bottom: 30px}

.footermenu li    {font-size:14px;
                   margin-bottom: 10px}
				   
.footermenu li:last-child    {border-right: 0}				   
				   
.footermenuul i    {font-size: 23px}			  
		  
		  
}		  





/* ########### 600px以上 ########### */
@media (min-width: 600px) {
	

	
	
	

/* 概要を横に並べる設定 */
.boxA-1:after	{content: "";
	display: block;
	clear: both}

.boxA-1 .gaiyou	{float: left;
	width: 50%}

.boxA-1 .about	{float: left;
	width: 50%}


.boxA-1 .gaiyou:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}
	
.boxA-1 .about:nth-child(odd)
	{padding-right: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both}

.boxA-1 .gaiyou:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}



.boxA-1 .about:nth-child(even)
	{padding-left: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.plan h1 {background-image:url(img/plan_img.jpg);
          }
		  
/*.footermenuul    {list-style-type: none;
                  padding-top: 10px;
				  padding-bottom: 30px}

.footermenu li    {font-size:14px;
                   margin-bottom: 10px}
				   
.footermenu li:last-child    {border-right: 0}				   
				   
.footermenuul i    {font-size: 23px}*/


}




/* ########### 600px以上～767px以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {

.gnab_box     {float: left;
               margin: 5px;
			   text-align: center;
			   width: 30%;
			   border: solid 1px #3F3F3F;
			   border-radius: 5px;
			   }

.gnav:after    {content: "";
               display: block;
			   clear: both}

.gnav_word    {padding-top: 0}

.menu li a	{padding: 10px 3px;
	font-size: 11px}
	
/*.navtab a    {color: #ffffff;
             float: left;
			  width: 100%;
			  text-align: center;
			  margin: 15px
			  		}

             			   
.navtab a i    {margin-right: 10px;
                font-size: 20px}	*/

/* サイト名と記事のタイトル */
.site h1	{font-size: 20px}

.kiji h1	{font-size: 26px}
	
	
	

/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{float: left;
	width: 50%}

.box4-2	{float: left;
	width: 50%}

/* BOX4-1とBOX4-2の左右の間隔 */
.box4-1	{padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box4-2	{padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
.plan h1 {background-image:url(img/plan_img.jpg);
          }
		  
.footermenuul    {list-style-type: none;
                  padding-top: 10px;
				  padding-bottom: 30px}

.footermenu li    {font-size:14px;
                   margin-bottom: 10px}
				   
.footermenu li:last-child    {border-right: 0}				   
				   
.footermenuul i    {font-size: 23px}
}




/* ########### 768px以上 ########### */
@media (min-width: 768px) {
	
.gnab_box     {float: left;
               margin-left: 10px;
			   margin-top: 15px;
			   text-align: center;
			   width: 15%;
			   border: solid 1px #3F3F3F;
			   border-radius: 5px;
			   }

.gnav:after    {content: "";
               display: block;
			   clear: both}

.gnav_i  i  {font-size: 23px}	

/* ピックアップ */
.pickup h1	{font-size: 30px}

/* BOX3とBOX4を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}
	
	
.navtab a    {color: #ffffff;
             float: left;
			  width: 17%;
			  text-align: center;
			  margin: 10px;
			  font-size: 15px}
             			   
.navtab a i    {margin-right: 10px;
                font-size: 20px}

.box3	{float: left;
	width: 70%}

.box4	{float: left;
	width: 30%}

/* BOX3とBOX4の左右の間隔 */
.box3	{padding-right: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
.footermenuul    {list-style-type: none;
                  padding-top: 10px;
				  padding-bottom: 30px}

.footermenu li    {float: left;
                   width: 16%;
				   text-align: center;
				   border-right: solid 1px #3F3F3F;
				   font-size:14px}
				   
.footermenu li:last-child    {border-right: 0}				   
				   
.footermenuul i    {font-size: 23px}		

}





/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {
	
.gnab_box     {float: left;
               margin-left: 10px;
			   margin-top: 15px;
			   margin-bottom: 15px;
			   text-align: center;
			   width: 15.3%;
			   border: solid 1px #3F3F3F;
			   border-radius: 5px;
			   }

			   

.gnav:after    {content: "";
               display: block;
			   clear: both}

.gnav_i  i  {font-size: 23px}	

/* ボックスの左右に確保する余白 */
.box1, .boxA, .box2-inner, .box5-inner
	{width: 1000px;
	margin-left: auto;
	margin-right: auto}

.navtab a    {color: #ffffff;
             float: left;
			  width: 17%;
			  text-align: center;
			  margin: 10px;
			  font-size: 15px}
             			   
.navtab a i    {margin-right: 10px;
                font-size: 20px}
				
.footermenuul    {list-style-type: none;
                  padding-top: 10px;
				  padding-bottom: 30px}

.footermenu li    {float: left;
                   width: 16%;
				   text-align: center;
				   border-right: solid 1px #3F3F3F;
				   font-size:14px}
				   
.footermenu li:last-child    {border-right: 0}				   
				   
.footermenuul i    {font-size: 23px}

.smallmozi    {font-size: 12px}					

}