@charset "utf-8";

/* RESET
------------------------------------------------------------------------------------------------------------------------------------------------*/
a,article,body,dd,div,dl,dt,em,form,footer,header,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,nav,ol,p,section,main,span,table,tbody,tfoot,thead,time,tr,th,td,ul,video
	{font-size:100%;font-weight:inherit;vertical-align:baseline;white-space:normal;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.6;text-align:left}
textarea{font-size:100%;font-weight:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.6;text-align:left}article,footer,header,nav,section,main{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
body {
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  line-height: 1.6em;	/*26px*/
  font-family: 'Roboto',"游ゴシック Medium", "Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  color: #333;	-moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
table {	width:100%;	}
a {	color:#3366cc;	text-decoration: none;}
a:hover {	color:#000099;}
a,a:hover,a:hover img {  -webkit-transition: 0.5s;  -moz-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s;  text-decoration: none;}
a:hover {  filter: alpha(opacity=80);  -moz-opacity:0.80;  opacity:0.80;}
a:hover.bold{font-weight:bold;}
.both{	clear:both;	}
@media only screen and ( max-width : 768px ) {  body {font-size: 14px;}}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}.container{margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media (min-width:769px),print{.gutters .col{margin-left:2%}.gutters .col:first-child{margin-left:0}.gutters .colR:first-child{margin-right:0}.sp{display:none}}@media(max-width:768px){.sp_none{display:none !important;}}
img {    max-width: 100%;    height: auto;	width:auto;	vertical-align: bottom;	}		　/*IE8のみ適用	隙間防止	width:auto;	*/

@media only screen and ( max-width : 768px ) {
  .sbox {    margin-bottom: 20px;  }
  .container {    padding: 0 30px;  }
  section {  }
}
@media only screen and ( max-width : 480px ) {
  .container {    padding: 0 20px;  }
}
@media only screen and ( max-width : 374px ) {
  .container {    padding: 0 10px;  }
}
@media print, screen and ( min-width : 769px ) {
  .sbox {    margin-bottom: 25px;  }
  .container {    width: 769px;  }	/*.container {    width: 1080px;  }*/
  section {  }
}

@media print, screen and ( min-width : 1080px ) {
  .sbox {    margin-bottom: 25px;  }
  .container {    width: 1080px;  }	/*.container {    width: 1080px;  }*/
  section {  }
}

/*HEADER
------------------------------------------------------------------------------------------------------------------------------------------------ */
#header {	box-shadow: 0px 3px 15px rgba(0,0,0,0.2);	z-index: 99;	width: 100%;	position: fixed;	top: 0;	left: 0;	 background: #fff;	}
#gNav a:hover {  color: #999;	}
nav li a {  font-size: 16px;  letter-spacing: 0.1em;}
nav .sub-menu,.mean-container .mean-nav ul ul {  background: #009900;	}		/*PC第二階層　背景色*/
nav .sub2-menu,.mean-container .mean-nav ul ul ul{	background: #009900;	}		/*PC第三階層　背景色*/
.h_logo	{	height:60px;	}



/*SP	HEADER--------------------------------------------------------------------*/
@media only screen and ( max-width : 550px ) {		#header {    	 }
	.h_logo {	    position: absolute;   max-width:86%;	max-height:60px;	z-index: 100;	padding-top:12px;	left:0;	}
}

@media only screen and ( max-width : 768px ) {
	.h_logo {	    position: absolute;   max-width:86%;	max-height:60px;	z-index: 100;	top:0;		}
	#h_sub{display:none;	}
	#gNav .nav {    overflow-y: auto;    height: 100vh;  }
	.mean-nav .container {    padding: 0;  }
	nav li .fa {    display: none;  }
	.telWaku{	background-color: rgba(255,91,107,.9);padding:0 12px;	 color:#FFF;	text-align:center;}	
	.telWakuTitle{	font-size:10px;	text-align:center;}
	nav .sub-menu,.mean-container .mean-nav ul ul {  background: rgba(255,255,255,.15);	 }	/*sp 第二階層　背景色*/
	nav .sub-menu,.mean-container .mean-nav ul ul li{	border-bottom:dotted 1px rgba(255,255,255,.5);	}	/*sp 第二階層　線*/
	.mean-container .mean-nav ul ul li:first-child{	border-top:dotted 1px rgba(255,255,255,.5);	}
	nav .sub-menu,.mean-container .mean-nav ul ul li:last-child{	border-bottom:0;	}

/*ここから第三階層*/
nav .sub-menu2,.mean-container .mean-nav ul ul ul{  background: rgba(255,255,255,.15);	}	/*sp 第三階層　背景色*/
nav .sub-menu2,.mean-container .mean-nav ul ul li li{	border-bottom:dotted 1px rgba(255,255,255,.5);	padding:10px 10px; }	/*sp 第三階層　線*/
.mean-container .mean-nav ul ul li li:first-child{	border-top:dotted 1px rgba(255,255,255,.5);}
nav .sub-menu2,.mean-container .mean-nav ul ul li li:last-child{	border-bottom:0px solid #FFF;	}

.spNone{	display: none;	}	.spAri{	display:block;	}
}

/*Tablet	HEADER	769--------------------------------------------------------------------*/
@media print, screen and ( min-width : 769px ) {
#header {	height: 120px;	}		/*80px*/		/*overflow: auto; PC時プルダウン出来なくなる*/
#h_top {	display: flex;	justify-content: space-between;	align-items: center; }
#h_logo{float:left; width:75%; margin-bottom:15px; }	/*80%	background:gray;*/
#h_sub{	width: calc(25% - 5px);	float:right;	text-align:center; margin:5px 5px 0 0;	padding:5px 5px 0 5px; }		/*#20%h_sub{float:left; width:20%; background:red;}*/
.telWaku{	background-color: rgba(255,91,107,0.4);padding:0 12px;	font-size:18px;	}		/*右電話番号24*/
.telWakuTitle{	background: #ff5b6b;	font-size:10px;	text-align:center; color: #FFF;}
.h_nav{	margin:0 auto;	}
.pcNone{	 display: none; 	}
#gNav ul {	position: relative;	display: flex;	}
nav li a {	font-size: 12px;	letter-spacing: 0;	}
#gNav li {	position: relative; margin: 0 10px; padding-top:20px; }	/*第一階層 */
#gNav li:nth-child(2){width: auto; }	/*home 30*/
#gNav li:nth-child(3){width: auto; }	/*保育方針55*/
#gNav li:nth-child(4){width: auto; bottom:1px; }	/*WITHの取り組み bottom:2px;	 105*/
#gNav li:nth-child(5){width: auto;	bottom:1px; }	/*WITHのこだわり bottom:2px;	 105*/
#gNav li:nth-child(6){width: auto; bottom:1px; }	/*各園紹介 bottom:2px;	 65*/
#gNav li:nth-child(7){width: auto; }	/*ご希望の方へ 110*/
#gNav li:nth-child(8){width: auto; }	/*法人案内  55*/
#gNav li:nth-child(9){width:  auto; }	/*問合 55*/
#gNav li i { font-size: 16px;    margin-left: 3px;  }		/*第一階層　下矢印*/
#gNav li i.home { font-size: 24px; margin-left: 3px;  line-height: 10px;}		/*第一階層　home*/
#gNav li a { position: relative; display: block; text-align: center; line-height: 15px;  }		/*第一階層	メニュー高さ*/
#gNav .sub-menu {	visibility: hidden;	opacity: 0;	z-index: 1;	display: block;	position: absolute; top: 50px; left: 50%; margin-left: -80px; width: 160px; -webkit-transition: all .2s ease;    transition: all .2s ease;  }			/*第二階層 幅*/
#gNav .sub-menu a { display: block; border-bottom: none; padding: 20px 10px; line-height: 15px; text-align:left;	font-weight:bold;}	/*第二階層 テキスト*/
#gNav .sub-menu a:hover:after { content: none;  }
#gNav .sub-menu li { display: block; font-size: 12px;	width:160px;	padding: 0;    margin: 0;  bottom:0px;	border-bottom:dotted 1px rgba(255,255,0,.5);}		/*第二階層 幅 2行上も2箇所*/
#gNav .sub-menu li:first-child{border-top:1px solid rgba(255,255,255,0);}	/*プルダウン時第二階層	隙間防止*/
#gNav .sub-menu li:last-child{	border-bottom:none;	}
#gNav ul > li:hover { -webkit-transition: all .5s;    transition: all .5s;  }
#gNav ul > li:hover a,#gNav .current-menu-item a,#gNav .current-menu-parent a {	color: #006b00;  }		/*第一階層 文字ロールオーバー色	#bfd0ff	#009900*/
#gNav li:hover ul.sub-menu { top: 46px; visibility: visible; opacity: 1; z-index: 9999;  }	/*第二階層　位置*/
@-moz-document url-prefix() {	#gNav li:hover ul.sub-menu {	top: 46px;	}	#gNav .sub-menu a{font-weight:normal;}	}	/*Firefoxのみ　第二階層　位置*/
#gNav li ul li:after {    content: none;  }
#gNav li:hover ul.sub-menu a {    color: #fff;   }
#gNav .sub-menu li:hover {	background: rgba(255,255,255,.2);  }		/*第二階層　hover背景色 =#4db84d*/
#gNav .contact_btn a:hover {	color: #fff;  }
/*ここから第三階層*/
#gNav .sub2-menu {	visibility: hidden;		z-index: 2;	display: block;	position: absolute; 	width: 160px;	opacity: 0;	left:99999px;	}			/*第三階層 幅	left:99999px;chromeやsafariでチカチカ表示になってしまう*/
#gNav .sub2-menu a {	display: block;		border-bottom: none;	padding: 20px 10px;	font-weight:bold;}	/*第三階層 テキスト	 line-height: 15px;  font-size: 14px;*/
#gNav li li:hover ul.sub2-menu{	top: 0px;	left:160px;	visibility: visible;	opacity: 1;	z-index: 9998;  }	/*第三階層　位置*/
#gNav .sub2-menu li  {background: rgba(255,255,255,.2);	border-bottom:dotted 1px rgba(255,255,0,.5);	}		/*第三階層　境界線*/
#gNav .sub2-menu li:last-child {border-bottom:none;}
#gNav li li:hover ul.sub2-menu a:hover{color:#003300;	}		/*第三階層　ロールオーバー文字色*/
@-moz-document url-prefix() {	#gNav .sub2-menu a{font-weight:normal;}	}	/*Firefoxのみ　第三階層　位置*/
}

/*PC	HEADER--------------------------------------------------------------------*/
@media print, screen and ( min-width : 1080px ) {
#header {	height: 120px; }		/*80px*/		/*overflow: auto; PC時プルダウン出来なくなる*/
#h_top { display: flex; justify-content: space-between; align-items: center; }
#h_logo{float:left; width:78%; }	/*80%	background:gray;*/
#h_sub{	width: 22%;	float:right;	text-align:center; margin: 15px 0 0 0;	padding:5px 5px 0 5px;	}		/*#20%h_sub{float:left; width:20%; background:red;}*/
.telWaku{	background-color: rgba(255,91,107,0.4);padding:0 12px;	font-size:24px;}		/*右電話番号24*/
.telWakuTitle{	background:#ff5b6b;	font-size:10px;	text-align:center; color:#FFF;}
.h_nav{	margin:0 auto;	}
.pcNone{	 display: none; 	}
#gNav ul {	position: relative;   display: flex;	}
nav li a {	font-size: 15px;	}	/*letter-spacing: 0.03em;*/
#gNav li { position: relative; margin:0 20px; padding-top:20px; }	/*第一階層　幅　　width:175px; 	テキスト位置		border:1px solid blue;	*/
#gNav li:nth-child(2){width: auto;  }		/*home40*/
#gNav li:nth-child(3){width: auto; }		/*保育方針 90*/
#gNav li:nth-child(4){width: auto;	bottom:0;	 }	/*WITHの取り組み150px*/
#gNav li:nth-child(5){width: auto;	bottom:0;	}	/*WITHのこだわり 150*/
#gNav li:nth-child(6){width: auto;	bottom:0;	 }		/*各園紹介 100 */
#gNav li:nth-child(7){width: auto;	}	/*ご希望の方へ 160*/
#gNav li:nth-child(8){width: auto;	 	} 	/*法人案内 80*/
#gNav li:nth-child(9){width: auto; } /*お問い合せ 100*/

#gNav li i { font-size: 16px; margin-left: 3px; }		/*第一階層　下矢印*/
#gNav li i.home { font-size: 26px; margin-left: 3px; line-height: 10px;}		/*第一階層　home*/
#gNav li a { position: relative; display: block; text-align: center; line-height: 15px;	}		/*第一階層	メニュー高さ*/
#gNav li:hover ul.sub-menu { top: 45px; }	/*第二階層位置*/
#gNav .sub-menu {	visibility: hidden;	opacity: 0;	z-index: 1;	display: block;	position: absolute;	top: 50px;	left: 50%;	margin-left: -80px;	width: 160px; -webkit-transition: all .2s ease; transition: all .2s ease; }			/*第二階層 幅*/
#gNav .sub-menu a {	display: block;	border-bottom: none;	 padding: 20px 10px;    line-height: 15px; }	/*第二階層 テキスト*/
#gNav .sub-menu a:hover:after {	content: none;	}
#gNav .sub-menu li {	display: block;	font-size: 14px; width:160px;	padding: 0;	margin: 0;	}		/*第二階層 幅 #gNav .sub-menu x2---#gNav li li:hover ul.sub2-menu x1 も*/
/*ここから第三階層*/
#gNav .sub2-menu {	visibility: hidden;	opacity: 0;	z-index: 2;	display: block;	position: absolute;   width: 160px;		left:99999px;}			/*第三階層 幅*/
#gNav li li:hover ul.sub2-menu{	top: 0px;	left:160px;	visibility: visible;	opacity: 1;	z-index: 9998;  }	/*第三階層　位置*/
#gNav .sub2-menu li  {	width:160px;	}		/*第三階層　境界線*/
@-moz-document url-prefix() {	#gNav .sub2-menu li {	padding-top:0px;}	}	/*Firefoxのみ　第三階層　位置*/
#gNav .sub2-menu li:hover  {	background: rgba(255,255,255,.3);}	}
}




/*COMMON
------------------------------------------------------------------------------------------------------------------------------------------------*/
.fontMin	{	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;	}
.fontMaru{ font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
.backslash { font-family: 'Roboto', 'DejaVu Sans', Arial, sans-serif; }
.textCenter{text-align:center;}	.textRight{text-align:right;}		.textFRight{float:right;}	.textCenterspLeft{	text-align:center;	}
.textMarker {	background: linear-gradient(transparent 70%, #BBE0BB 0%);	padding:3px;	 }	
h2.title	{	font-size:38px;	text-align: center;	 padding:40px 0;	background:rgba(89,179,89,.2);	}	/*緑#59B359*/
h2.titleSubmenu	{	font-size:38px;	text-align: center;	 padding:40px 0 5px;	background:rgba(89,179,89,.2);	}	/*緑#59B359*/
h2.titleSubmenukakuen	{	font-size:38px;	text-align: center;	 padding:40px 0 5px;	background:linear-gradient(#fdeb71,10%,#fef5b8);	}	/*黄色明るいグラデ#F8E58C,#FDEB71		#F8E58C	248,229,140*/
h2{	font-size:32px;	margin: 0;	}
h3	{	font-size:24px;	 padding:25px 0;}
h4	{	font-size:18px;		}

table   { width: 100%; margin:20px auto 50px; }	
th{width:20%;}
th, td  { padding: 10px; text-align: left; vertical-align: middle;	}
th.sen, td.sen  { padding: 10px; border: 1px solid #ddd; text-align: left;	vertical-align: middle; }
th.senC, td.senC  { padding: 10px; border: 1px solid #ddd; text-align: center;	vertical-align: middle; }
.m{margin:0;}
.mT30B5{margin:30px 0 5px 0;}
.m30{margin:30px;}
.mT10{margin:10px 0 0 0;}	/*2026*/
.mL10{margin:0 0 0 10px;} /*2026*/
.mT20{margin:20px 0 0 0;}
.mT50{margin:50px 0 0 0;}
.mTB20{margin:20px 0;}
.mTB30{margin:30px 0;}
.mB20{margin:0 0 20px 0;}
.mB50{margin:0 0 50px 0;}
.mB100{margin:0 0 100px 0;}
.mTB100{margin:100px 0;}
.pUB10LR20{padding:10px 20px;}
.pAll20{padding:20px;}
.p0{padding:0px;}
.p10{padding:10px;}
.pT10{padding-top:10px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pTB20{padding:20px 0;}	.pTB10{padding:10px 0;}
.pB20{padding-bottom:20px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}	.pB50{padding-bottom:50px;}
.pB100{padding-bottom:10px;}
.textBold{font-weight:bold;}
.text80{font-size:80%;}
.text12{font-size:12px;}
.text14{font-size:14px;}
.text18{font-size:18px;}
.text20{font-size:20px;}
.text24{font-size:24px;}
.text26{font-size:26px;}
.text28{font-size:28px;}
.text38{font-size:38px;}
.textLH12{	line-height: 1.2;	}
.textLH15{	line-height: 1.5;	}
.textLH20{	line-height: 2;	}
.textWhite{color:#fff;}	.textBlack{color:#333;}	.textRed{color:red;}
.greenLine1{	border-bottom:4px dotted #59B359;	margin-bottom:30px;}	/*border-bottom:1px solid #59B359;*/
.greenLine2{	border-bottom:2px dotted #59B359;	margin-bottom:30px;}
.green5{background:rgba(89,179,89,.5);}	.green2{background:rgba(89,179,89,.2);}	.green1{background:rgba(89,179,89,.1);}	/*緑#59B359*/
.colorWhite{background:rgba(255,255,255,1);}	.colorWhite4{background:rgba(255,255,255,.4);}	.colorWhite8{background:rgba(255,255,255,.8);}
.flagcolor1{background:rgba(255,43,1,.4);}		.flagcolor2{background:rgba(254,116,114,.4);}		.flagcolor3{background:rgba(250,152,3,.4);}		/*赤　ピンク　オレンジ　黄色　緑　水色　紫*/
.flagcolor4{background:rgba(255,212,1,.4);}		.flagcolor5{background:rgba(36,186,37,.4);}		.flagcolor6{background:rgba(103,174,255,.4);}	.flagcolor7{background:rgba(138,62,255,.4);}	.flagcolor701{background:rgba(138,62,255,.1);}
.flagcolor11{background:rgba(255,43,1,.1);}		.flagcolor21{background:rgba(254,116,114,.1);}		.flagcolor31{background:rgba(250,152,3,.1);}		/*赤　ピンク　オレンジ　黄色　緑　水色　紫*/
.flagcolor41{background:rgba(255,212,1,.1);}		.flagcolor51{background:rgba(36,186,37,.1);}		.flagcolor61{background:rgba(103,174,255,.1);}	.flagcolor71{background:rgba(138,62,255,.1);}	.flagcolor701{background:rgba(138,62,255,.1);}		.flagcolorWhite{background:rgba(255,255,255,.4);}
p .imgLeft {  float: left;  margin-right: 2em;  margin-bottom: 1em;}			/*画像回り込み*/	.imgDaihyou{width:30%;}
.olNormal {	list-style-type: decimal; padding:0 15px;	}
.olli {	padding:10px;	}
.radius16{border-radius: 16px;}
.textJust{text-align: justify; text-justify: inter-ideograph; }
/*吹き出し	入園ご希望*/
.balloon1 {	position: relative;	display: inline-block; 	margin: 0 auto 20px;	padding: 20px 30px;	min-width: 120px; 	max-width: 100%;	font-size: 16px;
	background:rgba(36,186,37,.1);	border-radius: 15px;}
.balloon1:before{	content: "";	position: absolute;	top: 100%;	left: 50%; 	margin-left: -15px;	border: 15px solid transparent;	
	border-top: 15px solid rgba(36,186,37,.1);}
.balloon1 p {	margin: 0;	padding: 0;}

.movieIcon{width:60px; vertical-align: middle;margin-right:10px;}
.movieIconText{vertical-align: middle;}

.kakuenNinka{padding:3px 5px; background-color:#ff2b01; color:#FFF;	font-size:12px;}
.kakuenNinkaShoukibo{padding:3px 5px; background-color:#FA9A14; color:#FFF;	font-size:12px;}
.kakuenTokyoNinka{padding:3px 5px; background-color:#ff4e8a; color:#FFF;	font-size:12px;}
.kakuenKigyou{padding:3px 5px; background-color:#24ba25; color:#FFF;	font-size:12px;}
.kakuenSonota{padding:3px 5px; background-color:#4ea0ff; color:#FFF;	font-size:12px;}

/*3行分左右スラッシュ 月島園 インターナショナル */
.slash3 { display: flex; justify-content: center; align-items: center; }
.slash3::before,.slash3::after { content: ""; background-color: #000; height: 1px; width: 40px; }
.slash3::before { margin-right: 5px; transform: rotate(60deg);  }
.slash3::after { margin-left: 5px; transform: rotate(-60deg);  }

.square_btn {	position: relative;	display: inline-block;	padding: 15px 20px;	text-decoration: none;	background:rgba(89,179,89,1);		margin:0 auto 20px;	color:#FFF;}		/*色	緑#59B359	color: #FFF;線色		border-radius: 4px;	border: solid 1px rgba(89,179,89,.6);	text-shadow: 0 1px 0 rgba(0,0,0,0.2);	box-shadow: inset 0 10px 0 rgba(255,255,255,0.8);*/
/*.square_btn:active {	border: solid 1px #03A9F4;	box-shadow: none;	text-shadow: none;}*/

.imgTateC{	vertical-align:middle; 	}
.pdfText{	vertical-align:middle; margin:0 10px;	}
/*.foodIndex{	background:rgba(236,244,217,.7);position: absolute; font-size:220%; top: 68%; left:55%; -ms-transform: translate(-68%,-55%);-webkit-transform: translate(-68%,-55%);transform: translate(-68%,-55%);margin:0;padding:10px;	}*/
.foodIndex{	text-align:center;text-shadow:2px  2px 10px #fff ,-2px  2px 10px #fff ,2px -2px 10px #fff ,-2px -2px 10px #fff;	position: absolute; font-size:220%; top: 68%; left:55%; -ms-transform: translate(-68%,-55%);-webkit-transform: translate(-68%,-55%);transform: translate(-68%,-55%);margin:0;padding:10px;	}

/*pagetop fixed*/
.pagetop {    position: fixed;    bottom: 10px;    right: 15px;}

/*LeftBanner Fixed*/
.leftB { position: fixed; bottom: 10px; left: 10px;	background:#3366cc;	margin:5px; }
.leftB a { color:#fff;	}
.leftB:hover { background:#000099;	}

/*2026*/
/*bottom*/
.bottom-tabs {
  position: fixed;
  left: 10px; 
  bottom: 10px; 
  display: flex;
  align-items: stretch; /* 高さ揃え */
  gap: 10px;
}
.bottom-tabs a {
  background: #3366cc;
  color: #fff;
  padding: 10px 20px;
  line-height: 1.4;
  font-weight: bold;
  display: flex;
  align-items: center;    /* 上下中央 */
  justify-content: center; /* 左右中央 */
  text-align: center;
}
.bottom-tabs a:hover { background:#000099; filter: alpha(opacity=100);  -moz-opacity:1;  opacity:1;}

/* WG */
.bottom-tabs-i {
  position: fixed;
  left: 152px; 
  bottom: 10px; 
  display: flex;
  align-items: stretch; /* 高さ揃え */
  gap: 10px;
}
.bottom-tabs-i a {
  background: #009900;	/* 緑 */
  color: #fff;
  padding: 10px 20px;
  line-height: 1.4;
  font-weight: bold;
  display: flex;
  align-items: center;    /* 上下中央 */
  justify-content: center; /* 左右中央 */
  text-align: center;
}
.bottom-tabs-i a:hover { background: #1d4b45; filter: alpha(opacity=100);  -moz-opacity:1;  opacity:1; }	/* ロゴ緑 */

/*side*/
.side-tabs {
  position: fixed;
  right: 0;
  top: 20%;
  max-height: 80vh; /* 画面の高さの8割までに制限 */
  overflow-y: auto;  /* はみ出したらスクロール */
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.side-tabs a{
  display: block;
  flex-shrink: 0;	/* ボタンが勝手に縮まないように固定 */
  -ms-writing-mode: tb-rl;	/* 縦書き1 */
  writing-mode: vertical-rl;	/* 縦書き2 */
  padding: 15px; 
  background:#3366cc;
  color: #fff;
  letter-spacing: 3px;
  font-weight: bold;
}
.side-tabs a:hover	{	background:#000099;	filter: alpha(opacity=100);  -moz-opacity:1;  opacity:1;}
.alphabetT { text-orientation: upright; letter-spacing: 1px; margin: 3px; }



.bottom-tabs-static {
  display: flex;
  align-items: stretch;
  gap: 10px;
  justify-content: center;
  margin: 20px 0;
}

.bottom-tabs-static a {
  /*background: #3366cc;*/
  color: ;	/*#fff*/
  padding: 5px 10px;	/*10px 20px*/
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  /* --- 修正ポイント1：横幅を自由にする --- */
  flex: 0 1 auto;   /* 1から0に変更：勝手に広がらないようにする */
  max-width: none;  /* 200px制限を解除 */
  width: auto;      /* 中身のサイズに合わせる */
}

/* <a>の中の<span> */
.bottom-tabs-static a > span {
  display: block; 
  width: 100%;
  /* --- 修正ポイント2：テキストを中央寄せにする --- */
  text-align: center; 
line-height: 1.0 !important;
}

/*.bottom-tabs-static a:hover	{	background:#000099;	filter: alpha(opacity=100);  -moz-opacity:1;  opacity:1;}*/
.bottom-tabs-static a:hover	{	color:#000099; }


/*dai3sha*/
.dai3List{ display: inline; margin:20px 40px 20px 0; }

@media only screen and ( max-width : 768px ) {	
table{margin:20px 0 50px;}
th, td  { width:90%;	margin:0 2%;	padding: 3%; text-align: left; vertical-align: middle;	}
th.sen, td.sen  { width:90%;	display: block;	padding: 10px; border: 0px solid #ddd; text-align: left;	vertical-align: middle; }
th.senC, td.senC  { width:90%;	display: block;	padding: 10px; border: 0px solid #ddd; text-align:center;	vertical-align: middle; }
	h2.title	{	font-size:24px;	padding:30px 0;	}
	h2{	font-size:24px;	margin: 0;	}
	h3	{	font-size:18px;	 padding:25px 0;}
	h4	{	font-size:16px;		}
	.text12{font-size:10px;}
	.text14{font-size:14px;}		/*12px for モバイルフレンドリー*/
	.text18{font-size:16px;}
	.text20{font-size:18px;}
	.text24{font-size:22px;}
	.text26{font-size:19px;}		/*78%*/
	.text28{font-size:24px;}
	.text38{font-size:28px;}
	img.spLogo{width: auto;	max-height: 50px;	object-fit: cover;}

	.spCenter{margin:0 auto;	text-align:center;}
	.imgLeft {	margin:0 auto;	text-align:center;}	.imgDaihyou{width:40%;}
	.imgLeftOLF {	margin-left:0px;	}

	.side-tabs { top: 25%; }	/*2026*/
	.bottom-tabs a,.bottom-tabs-i a { padding: 7px 10px; }
	.bottom-tabs-i { left: 120px; }
	.side-tabs a { padding:15px 7px; }

}
@media only screen and ( max-width : 480px ) {
	.imgDaihyou{width:50%;}
	.dai3List{ display: block; margin:0 auto 20px; width:100%; text-align:center;}
}

@media only screen and ( max-width : 374px ) {
	.bottom-tabs a,.bottom-tabs-i a { font-size: 85%;}/*2026*/
	.bottom-tabs-i { left: 105px; }
	.side-tabs a { font-size: 85%; }
}

/*FOOTER
------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {	box-shadow: 0 -3px 15px rgba(0,0,0,0.2);	font-size: 12px;	}
footer ul li.subMenu{ display: inline;	margin:0 30px 0 0;	font-size: 16px;	}
footer a {	color: #111;	text-decoration: none;}
#footerW{max-width:1080px; width:100%; margin:auto;	clear:both;	font-size: 10px;}
.footer1,.footer2,.footer3,.footer4,.footer5	{	width:20%;	float:left;	line-height:1.5; margin:0 auto;  text-align:left;	padding:10px 0 20px 0;	}	/**/
.f_logo,.f_logo p {  text-align: center;}
.copy {  text-align: center;	font-size:12px;}		/*10px	for モバイルフレンドリー*/
.footer1 ul li,.footer2 ul li,.footer3 ul li,.footer4 ul li,.footer5 ul li { padding:3px 0; }	

@media only screen and ( max-width : 768px ) {
	#footer { padding: 40px 0; }
	.f_logo { padding: 0 20px; text-align: center; }
	.f_logo p { text-align: center; }
	.f_logo img { margin: 30px 10px 10px; }		/*width: 150px;*/
	footer ul li.subMenu{ display:block;	text-align: center;}
	#footerW{display:none;}		/*各園は非表示*/
}
@media only screen and ( max-width : 480px ) {	}
@media print, screen and ( min-width : 769px ) {
#footer {    padding: 30px 0;  }
.f_logo {  }
.f_logo img { margin: 30px 10px 10px; width: 400px;	  }		/*width: 200px;*/
.f_logo {  }
.copy {  }
}

/*CONTENTS
------------------------------------------------------------------------------------------------------------------------------------------------*/

.mainImage	{	width:100%;	padding:0;	margin:120px auto 0;	}
.mainImage img{width:100%;}

.flexYC	{	display: flex; justify-content: center;}		/*2024-05*/
.content100	{	width:100%;	}	.content70100{	width:70%;	margin:0 auto;}	.content80100{	width:80%;	margin:0 auto;} .content50{ width:50%; }
.content1	{	width:100%;	float:left; margin:10px 1% 30px 0;	padding:2%;		border-radius: 16px;}
.content1Submenu	{	width:100%;	max-width:1080px;	padding:2%;	margin:10px auto 100px;	text-align:center; }
.content2{	width:50%;	float: left;	padding:10px 20px;	}
.content21	{	width:49%;	float:left; margin:10px 1% 30px 0;	padding:2%;	border-radius: 16px;}
.content22	{	width:49%;	float:right;	margin:10px 1% 30px 0;	padding:2%;		border-radius: 16px;}
.content2sp1	{	width:49%;	float:left;	margin:10px .5% 30px;	padding:1.5%;		}
.content21T{width:50%;	display:table-cell;	vertical-align:middle;	}		/*2022-06*/
.content31,.content31List	{	width:32%;	float:left; margin:10px 1% 30px 0;	padding:2%;	border-radius: 16px;	}
.content32,.content32List	{	width:32%;	float:left;	margin:10px 1% 30px;	padding:2%;	border-radius: 16px;	}
.content33,.content33List	{	width:32%;	float:right;	margin:10px 0 30px 1%;	padding:2%;		border-radius: 16px;}
.content3sp1	{	width:32%;	float:left;	margin:10px .5% 30px;	padding:1.5%;		}	/*margin:10px 0 30px;	padding:10px 5px;*/
.content41,.content41Submenu	{	width:24%;	float:left; margin:10px 1% 50px 0;	padding:1% ;		border-radius: 16px;}
.content42,.content42Submenu	{	width:24%;	float:left;	margin:10px 1% 50px 0;	padding:1%;		border-radius: 16px;	}
.content43,.content43Submenu	{	width:24%;	float:left;	margin:10px 1% 50px 0;	padding:1%;	border-radius: 16px;	}
.content44,.content44Submenu	{	width:24%;	float:right;	margin:10px 1% 50px 0;	padding:1%;	border-radius: 16px;	}
.contentLB{	width:66%;	float:left;	}	.contentRS{	width:33%;	float:right;	}	.contentLBsp100{	width:66%;	float:left;	}	.contentRSsp100{	width:33%;	float:right;	}	/*.contentReadmore	{	width:100%;		}	*/
/*.readmoreHoikuen{line-height: 2;}*/
#main p {  word-break: break-all;}
section {  text-align: center;}

#sec01 {  background: #cadffa;	}	
#sec02 {  background: #99c1f3;}
#sec03 {  background: #7ea7d9;}
#sec04 {  background: #618bbe;}

.btn {  display: block;  background: #fff;  color: #618bbe;  padding: 0.8em 1em;  text-align: center;  margin: 0 auto;  border-radius: 100px;}
.btn:before {  content: "\f104";  font-family: "FontAwesome";  margin-right: 5px;}

.pageNation{	display: table;	width:100%;	padding:10px;margin: 0 auto;}
.preN{	display: table-cell; text-align: left;	width:15%; }
.pageN{	display: table-cell; text-align: center;	}
.nextN{	display: table-cell; text-align: right;		width:15%;}
/*For Babyインター*/
.titleSubmenu .row { display: flex; align-items: center; justify-content: center; gap: 5px; }
.titleSubmenu .imgL { width: 90px; }
.titleSubmenu .imgR { width: 130px; margin-left:10px; }
.titleSubmenu .txt { line-height: 0; text-align: center; }

@media only screen and ( max-width : 768px ) {
.mainImage	{	width:100%;	padding:0;	margin:60px auto 0;	}
#main {     }	/*padding-top: 58px; */
.btn {    width: 60%;  }	.content70100,.content80100{	width:96%;	margin:0 auto;}
.content1{	width:96%;	float: left; margin:10px 2% 30px;	padding:20px 3%;	}
.content2{	width:100%;	float: left;	padding:10px 20px;	}
.content21,.content22{	width:96%;	float: left; margin:10px 2% 30px;	padding:20px 3%;	}	
.content31,.content32,.content33{	width:96%;	float: left; margin:10px 2% 30px;	padding:20px 3%;	}
.content31List{	width:96%;	float: left; margin:10px 2% 0;	padding:0 3%;	}
.content32List{	width:96%;	float: left; margin:0 2%;	padding:0 3%;	}
.content33List{	width:96%;	float: left; margin:0 2% 50px;	padding:0 3%;	}
.content41	{	width:48%;	float:left; margin:10px 0.5% 20px;	padding:1% 0.5%;	}
.content42	{	width:48%;	float:right;	margin:10px 0.5% 20px;	padding:1% 0.5%;	}
.content43	{	width:48%;	float:left; margin:10px 0.5% 50px;	padding:1% 0.5%;	clear:both;	}
.content44	{	width:48%;	float:right;	margin:10px 0.5 50px;	padding:1% 0.5%;	}
.content41Submenu,.content42Submenu	{	width:48%;	float:left; margin:10px 0.5% ;	padding:2%;	}
.content43Submenu,.content44Submenu	{	width:48%;	float:left; margin:10px 0.5% 50px;	padding:2%;	}
.pageNation{width:96%; }
}

@media only screen and ( max-width : 480px ) {
	.square_btn {	padding: 15px 10px;	}	
  .btn {    width: 100%;  }
  .content2sp1{	width:96%;	float:left;	margin:20px 5px;	padding:20px 10px;		}
	.content21T{width:96%;	display:block;	height:auto;	overflow:hidden;	}
  .content3sp1	{	width:96%;	float:left;	margin:20px 5px;	padding:20px 10px;		}	/*margin:20px 5px;	padding:0 10px;	*/
  .contentLB{	wi
  .titleSubmenu .row { gap: 0px; }
  .titleSubmenu .imgL { width: 50px; }
  .titleSubmenu .txt { line-height: 0; }
  dth:60%;	float:left;	}	.contentRS{	width:40%;	float:right;	}
  .contentLBsp100{	width:96%;	float:left;	}	.contentRSsp100{	width:96%;	float:left;	}
  .spmAll0{margin:0;}
  .textCenterspLeft{	text-align:Left;	}
 .foodIndex{	width:90%;	text-shadow:2px  2px 10px #fff ,-2px  2px 10px #fff ,2px -2px 10px #fff ,-2px -2px 10px #fff;	font-size:170%; text-align:center;position: absolute;top: 65%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}	}
 }
@media print, screen and ( min-width : 769px ) {
  #main {}	/*padding-top: 80px;*/
  .btn {    width: 300px;  }
}




/*2022-06　タイムスケジュール*/
.timeline {	list-style: none;	padding:20px 10px;}
.timeline li {	margin-bottom: 30px;	}
.timeline-content {	margin:10px 0;	}
ul.timeline {		}	/*スケジュール背景	background-color: #fffef6;*/
	.timeline li {	overflow: hidden;	margin: 0;	position: relative;	}
	.timeline-date {	width: 100%;	font-size:180%;	padding:0 0 0 10px;	}
	.timeline-content {	width: auto;	float: left;		padding-left: 20px;	margin-left: 16px;	border-left: 8px solid;	border-image: linear-gradient(to bottom, rgba(255,212,1,.4) 0%, rgba(36,186,37,.4) 100%);	border-image-slice: 1;	}	/*border-left: 8px #59B359 solid;		border-image: linear-gradient(to bottom, #00dbde 0%, #fc00ff 100%);	border-image-slice: 1;*/
	.timeline-contentYG {	width:auto;	float:left;	padding-left:20px;	margin:8px 0 8px 16px;	border-left: 8px solid;	border-image: linear-gradient(to bottom, rgba(255,212,1,.4) 0%, rgba(36,186,37,.4) 100%);	border-image-slice: 1;	}
	.timeline-contentGB {	width:auto;	float:left;	padding-left:20px;	margin:8px 0 8px 16px;	border-left: 8px solid;	border-image: linear-gradient(to bottom, rgba(36,186,37,.4) 0%, rgba(103,174,255,.4) 100%);	border-image-slice: 1;	}
	.timeline-contentBP {	width:auto;	float:left;	padding-left:20px;	margin:8px 0 8px 16px;	border-left: 8px solid;	border-image: linear-gradient(to bottom, rgb(103,174,255,.4) 0%, rgba(138,62,255,.4) 100%);	border-image-slice: 1;	}
	.timeline-contentP {	width:auto;	float:left;	padding-left:20px;	margin:8px 0 8px 16px;	border-left: 8px rgba(138,62,255,.4) solid;	}
	.timeline-contentG {	width:auto;	float:left;	padding-left:20px;	margin:8px 0 8px 16px;	border-left: 8px rgba(36,186,37,.4) solid;	}


	.timeline-content05 {	width:auto;	float:left;	padding-left:20px;	margin:8px 0 8px 16px;	border-left: 8px solid;	
	border-image: linear-gradient(to bottom, rgba(255,212,1,.4) 0%,rgba(36,186,37,.4) 25%, rgba(103,174,255,.4) 50%,rgba(138,62,255,.4) 95%);	border-image-slice: 1;	}






/*赤　ピンク　オレンジ　黄色　緑　水色　紫*/
.flagcolor1{background:rgba(255,43,1,.4);}		.flagcolor2{background:rgba(254,116,114,.4);}		.flagcolor3{background:rgba(250,152,3,.4);}
.flagcolor4{background:rgba(255,212,1,.4);}		.flagcolor5{background:rgba(36,186,37,.4);}		.flagcolor6{background:rgba(103,174,255,.4);}	.flagcolor7{background:rgba(138,62,255,.4);}	.flagcolor701{background:rgba(138,62,255,.1);}