@charset "utf-8";


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #666;	/*全体の文字色*/
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 15px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #ffde00 url(../images/bg_s.png) repeat center top;	/*背景色、背景画像の読み込み（古いブラウザ用）*/
	background: #ffde00 url(../images/bg.png) repeat center top/100px;	/*同上。背景画像サイズを50%(100px)に指定。*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,textarea,input {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #082ab4;		/*リンクテキストの色*/
	transition: 0.5s;	/*同上*/
}
a:hover {
	color: #000080;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*container（全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {
	max-width: 1400px;	/*サイトの最大幅*/
	margin: 0 auto;
	padding: 0 4%;	/*上下、左右へのブロック内の余白*/
}

/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	height: 180px;	/*高さ*/
	position: relative;
}
/*ロゴ画像（※logo.cssにもロゴの設定があります）*/
#logo {
	z-index: 1;
	width: 20%;	/*ロゴ画像の幅（※トップページ以外）*/
	position: absolute;
	left: 1%;	/*ヘッダーブロックに対して左から1%の場所に配置（※トップページ以外）*/
	bottom: -30px;	/*ヘッダーブロックに対して下から-30pxの場所に配置（※トップページ以外）*/
	background: #3d910a;	/*背景色*/
	border-radius: 50%;		/*角丸のサイズ*/
	transform: none;	/*回転する角度のリセット（※トップページ以外）*/
	border: 10px solid #fff;	/*枠線の幅、線種、色*/
	box-shadow: 2px 3px 8px rgba(0,0,0,0.3);	/*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3が透明度30%の事。*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	clear: both;
	overflow: hidden;
	position: absolute;
	right: 3%;		/*ヘッダーブロックに対して右から3%の場所に配置*/
	bottom: 0px;	/*ヘッダーブロックに対して下から0pxの場所に配置*/
	width: 72%;		/*ブロック幅*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 15.6%;	/*メニュー1個の幅*/
	padding-left: 1%;	/*メニューの左側に空ける余白（メニュー同士の余白）*/
}
#menubar li a {
	display:  block;
	text-decoration: none;
	text-align: center;	/*文字を中央に*/
	background: #333;	/*背景色*/
	font-size: 1.1em;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	line-height: 1.2;	/*行間*/
	padding: 15px 2px;	/*上下、左右へのメニュー内の余白*/
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下の順番。*/
	height: 42px;
}

/*マウスオン時、現在表示中(current)表示の設定（※800px以下の小さな端末#menubar-sも共通）*/
#menubar li a:hover, #menubar li.current a,
#menubar-s li a:hover, #menubar-s li.current a {
	background: #fff;	/*背景色*/
	color: #666;		/*文字色*/
}
/*装飾文字（※800px以下の小さな端末#menubar-sも共通）*/
#menubar li a span,
#menubar-s li a span {
	display: block;
	text-shadow: none;
	font-size: 10px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広く*/
	color: #ffde00;		/*文字色*/
	padding-top: 3px;
}




/*スマホ用メニューを表示させない*/
#menubar-s {
	display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
	display: none;
}


/*ヘッダー内メニュー（スマホ時でも表示されてるボタン）
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#headermenu {
	position: absolute;
	right: 3%;		/*header のinnerに対して右から3%の場所に配置*/
	top: 50px;	/*header のinnerに対して上から15pxの場所に配置*/
	font-size: 0.9em;	/*文字サイズ*/
}
/*マテリアルアイコンのずれ直し*/
#headermenu i,#contents i{
	position:relative;
	top:4px;
}

/*メニュー１個あたり*/
#headermenu li {
	float: left;	/*左に回り込み*/
	margin-left: 10px;	/*左側にスペースを空ける*/
	margin-top: 5px;
}
#headermenu li a {
	text-decoration: none;display: inline-block;
	background: #082ab4;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#082ab4, #4953f9);	/*グラデーション*/
	color: #FFF;	/*文字色*/
	padding: 0px 15px;	/*上下、左右へのボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #4953f9;	/*枠線の幅、線種、色*/
}
/*マウスオン時*/
#headermenu li a:hover {
	color: #4953f9;	/*文字色*/
	background: #fff;	/*背景色*/
}

/*電話番号エリア*/
.telno{
	position: absolute;
	top: 10px;
	right: 3%;		/*header のinnerに対して右から3%の場所に配置*/

}


/*---------パンくずリスト------------*/
.breadcrumb {
  margin-left:0;
	margin-bottom: 1em;
  padding-left:0;
}

.breadcrumb li {
  display:inline;/*横に並ぶように*/
  list-style: none;
}

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  color: #082AB4;
}

.breadcrumb li a:hover {
  text-decoration: none;
}

/*コンテンツ（メイン、サブブロックを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下への順番。*/
	background: #fff;	/*背景色*/
	padding: 3% 3% 0;	/*ボックス内の余白。上、左右、下。*/
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	overflow: hidden;
	float: left;	/*左に回り込み*/
	width: 99%;		/*幅*/
	padding-top: 3%;	/*上に空ける余白*/
}

/*メインコンテンツのh2タグの設定*/
#main h2 {
	clear: both;
	font-size: 18px;	/*文字サイズ*/
	margin-bottom: 20px;
	padding: 5px 20px;	/*上下、左右への余白*/
	background: #3d910a;	/*背景色*/
	border-radius: 30px;	/*角丸のサイズ*/
	color: #fff;			/*文字色*/
	position: relative;
}

/*メインコンテンツのh2タグの設定水色*/
#main h2.aqua {
	background: #5AD8F8;	/*背景色*/
}

/*メインコンテンツのh2タグの設定ピンク*/
#main h2.pink {
	background: #FF88EA;	/*背景色*/
}

/*メインコンテンツのh2タグの設定オレンジ*/
#main h2.orange {
	background: #FFB926;	/*背景色*/
}


/*装飾用画像の土台設定*/
#main h2::after, #main h3::after {
	display: block;
	position: absolute;
	right: 0px;	/*h2,h3タグに対して右から0pxの場所に配置*/
	top: -20px;	/*h2,h3タグに対して上から-20pxの場所に配置*/
}
/*装飾用画像（飛行機）*/
#main h2.bg1::after, #main h3.bg1::after {
	content: url(../images/bg1.png);
}
/*装飾用画像（木馬）*/
#main h2.bg2::after, #main h3.bg2::after {
	content: url(../images/bg2.png);
}
/*装飾用画像（列車）*/
#main h2.bg3::after, #main h3.bg3::after {
	content: url(../images/bg3.png);
}
/*装飾用画像が入った場合、テキストと画像が重ならないように右側に余白をとる設定*/
#main h2.bg1, #main h3.bg1,
#main h2.bg2, #main h3.bg2,
#main h2.bg3, #main h3.bg3 {
	padding-right: 160px;
}
/*メインコンテンツのh3タグの設定*/
#main h3 {
	clear: both;
	font-size: 18px;	/*文字サイズ*/
	margin-bottom: 20px;
	padding: 2px 20px;	/*上下、左右への余白*/
	border: 2px solid #3d910a;	/*線の幅、線種、色*/
	border-radius: 30px;	/*角丸のサイズ*/
	background: #fff;		/*背景色*/
	color: #3d910a;			/*文字色*/
	position: relative;
}

/*メインコンテンツのh3タグの設定水色*/
#main h3.aqua {
	border: 2px solid #5AD8F8;	/*線の幅、線種、色*/
	color: #30CEF5;			/*文字色*/
}

/*メインコンテンツのh3タグの設定ピンク*/
#main h3.pink {
	border: 2px solid #FF88EA;	/*線の幅、線種、色*/
	color: #FF88EA;			/*文字色*/
}

/*メインコンテンツのh3タグの設定オレンジ*/
#main h3.orange {
	border: 2px solid #FFB926;	/*線の幅、線種、色*/
	color: #FFB926;			/*文字色*/
}


/*メインコンテンツのh3タグの設定red*/
#main h3.red {
	border: 2px solid #FC0342;	/*線の幅、線種、色*/
	color: #FC0342;			/*文字色*/
}


/*メインコンテンツのh4（写真タイトル以外に使う）*/

#main h4.smile{
	clear: both;
	font-size: 16px;	/*文字サイズ*/
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 2px 10px;	/*上下、左右への余白*/
	border-bottom-style: dashed;
	border-bottom-width: 3px;
	background: #fff;		/*背景色*/
	color: #3d910a;			/*文字色*/
	width: 90%;
}
#main h4.smile:before{
	font-family: "Material Icons";
	font-size: 22px;
	content: "sentiment_very_satisfied";/*笑顔*/
	margin-left:-10px;
	padding-left: 0px;
	position: relative;
	top: 3px;
}
	

/*メインコンテンツのh4タグの設定水色*/
#main h4.aqua {
	border-bottom-style: 3px dashed #5AD8F8;	/*線の幅、線種、色*/
	color: #30CEF5;			/*文字色*/
}

/*メインコンテンツのh4タグの設定ピンク*/
#main h4.pink {
	border-bottom-style: 3px dashed #FF88EA;	/*線の幅、線種、色*/
	color: #FF88EA;			/*文字色*/
}

/*メインコンテンツのh4タグの設定赤*/
#main h4.red {
	border-bottom-style: 3px dashed #FC0342;	/*線の幅、線種、色*/
	color: #FC0342;			/*文字色*/
}
/*メインコンテンツのh4タグの設定オレンジ*/
#main h4.orange {
	border-bottom-style: 3px dashed #FFB926;	/*線の幅、線種、色*/
	color: #FFB926;			/*文字色*/
}

/*メインコンテンツのh5*/
#main h5.usagi{
	clear: both;
	font-size: 16px;	/*文字サイズ*/
	margin-left: 10px;
	padding: 2px 10px;	/*上下、左右への余白*/
	background: #fff;		/*背景色*/
	color: #FF6347;			/*トマト色*/
	width: 90%;
}
#main h5.usagi:before{
	font-family: "Material Icons";
	font-size: 22px;
	content: "cruelty_free";/*うさぎ*/
	margin-left:-10px;
	padding-left: 0px;
	position: relative;
	top: 3px;
}


/*メインコンテンツの段落タグ設定*/
#main p {
	padding: 0px 20px 15px;	/*上、左右、下への余白*/
}
#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}

/*----------メインコンテンツ内(TOPページ以外)のリスト形式*/
#main ul.bun {
	margin:0px 0px 15px 0px;
}

#main ul.bun li {
text-indent : -3em;
margin-left :2.5em ;
}

#main ul.bun li:before {
	font-family: "Material Icons";
	font-size: 20px;
	content: "\e545";/*花*/
	padding-left: 25px;
	position: relative;
	top: 4px;
	color: #3D910A;/*緑*/
}
/*---------------丸数字リスト-----------*/
#main ol {
    counter-reset: list_count;
}

#main .ta ol li {
	list-style: none;
	text-indent: -1.5em;

}

#main .ta ol li::before{
	margin-right: 0.3em;
	counter-increment: list_count;
	content: counter(list_count);
	display: inline-block;/*これないと楕円になる*/
	line-height: 20px;
	height: 17px;
	width: 17px;
	border-radius: 50%;
	font-size: 0.9em;
	border: 1px solid #3D910A;
	color: #3D910A;/*緑*/
	text-indent: 0.3em;
}



/*足跡アイコン未使用*/
#main .pets:before {
	font-family: "Material Icons";
	font-size: 20px;
	content: "pets";
	margin-left:-20px;
	padding-left: 0px;
	position: relative;
	top: 4px;
	color: #FF88EA;/*ピンク*/
}


/*蛍光マーカー黄色*/
#main span.keikoupen_y{
	background: linear-gradient(transparent 50%, #ffff66 0%);/*transのパーセントが大きいほど細字になる*/
}

/*蛍光マーカー赤*/
#main span.keikoupen_r{
	background: linear-gradient(transparent 50%, #f7babd 0%);/*transのパーセントが大きいほど細字になる*/
}

/*外部リンク右肩にアイコンつける*/
#main a[href^="http:"]::after,
#main a[href^="https:"]::after{
  content:url(../sozai/gaibuhp.png);
  vertical-align:middle;
  margin:0 2px;
}

#main a[href^="https://kaori-kinder.com"]::after,a[href^="https://kaori-kinder.com/wp"]::after
{
  content:"";
  margin:0;
}


/*------グーグルマップ---------*/

figure.gmap {
height: 0;
overflow: hidden;
padding-bottom: 65%;/*立幅　75%で4:3 56%で16:9*/
position: relative;
}
figure.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}



/*ボックス
---------------------------------------------------------------------------*/

/*---------------1カラムボックス左に写真右に本文---------------*/
#main .list {/*ひとつのボックス枠*/
	position: relative;
	overflow: hidden;
	margin: 0 2.5% 15px;	/*上、左右、下へのボックスの外に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 3%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: linear-gradient(#FFF, #f1f1f1);			/*背景色グラデーション*/
	border-radius: 10px;	/*角丸のサイズ*/
}
/*ボックス内の写真設定*/
#main .list figure img {
	float:left;
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.8%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 30%;	/*写真の幅*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}

/*---------------1カラムボックス左の写真が小さいもの---------------*/
/*ボックス内のh4タグ設定*/
#main .list h4 {
	font-size: 16px;	/*文字サイズ*/
	border-bottom: 2px dotted #3d910a;	/*下側の線の幅、線種、色*/
	margin-bottom: 8px;
	margin-left: 13%;	/*左の画像とバランスをとって設定する*/
}
/*ボックス内の段落タグ設定*/
#main .list p {
	padding: 0px;
	margin-left: 13%;	/*左の画像とバランスをとって設定する*/
}

/*---------------写真2列 2col---------------*/

/*写真2枚横並べセンタリング*/
#main div.photo2retu {
	width:100%;
	margin: 0px auto 0px 2%;
	clear: both;
}

#main .list_2col {/*ひとつのボックス枠*/
	position: relative;
	overflow: hidden;
	margin: 0 1.5% 15px;	/*上、左右、下へのボックスの外に空けるスペース*/
	width:40%;		/*幅*/
	float: left;	/*左に回り込み*/
}

/*ボックス内の写真設定*/
#main .list_2col figure img {
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1.2%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 95%;	/*写真の幅*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}

/*ボックス内の写真設定*/
#main .list_2col figure img {
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1.5% ;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 95%;	/*写真の幅*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}


/*ボックス内のh4タグ設定*/
#main .list_2col h4 {
	font-size: 20px;	/*文字サイズ*/
	border-bottom: 4px dotted #3d910a;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 0px;	/*左の画像とバランスをとって設定する*/
	color: #3d910a;		/*文字色*/
	text-align: center;
	width: 100%;	/*文字列の幅*/

}
/*ボックス内の段落タグ設定*/
#main .list_2col p {
	padding: 0px;
	margin-left: 0.5em;	/*左の画像とバランスをとって設定する*/
	width: 92%;	/*文字列の幅*/
}

/*園舎建て替え中のみ使う写真一列*/
.h4title{
		font-size: 20px;	/*文字サイズ*/
	border-bottom: 4px dotted #3d910a;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 0px;	/*左の画像とバランスをとって設定する*/
	color: #3d910a;		/*文字色*/
	text-align: center;
	width: 100%;	/*文字列の幅*/

}


/*---------------2カラムボックス202312に3カラムに変更---------------*/
/*写真2枚横並べセンタリング*/
#main div.photo3retu {
	width:100%;
	margin: 0px auto 0px 2%;
	clear: both;
}

#main .list_2colt1 {/*ひとつのボックス枠*/
	position: relative;
	overflow: hidden;
	margin: 0 1.5% 15px;	/*上、左右、下へのボックスの外に空けるスペース*/
	width:25%;		/*幅*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 2%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: linear-gradient(#FFF, #f1f1f1);			/*背景色グラデーション*/
	border-radius: 10px;	/*角丸のサイズ*/
	float: left;	/*左に回り込み*/
}

/*ボックス内の写真設定*/
#main .list_2colt1 figure img {
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1.2%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	margin-bottom:0.5rem;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 95%;	/*写真の幅*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*ボックス内のh4タグ設定*/
#main .list_2colt1 h4 {
	font-size: 1rem;	/*文字サイズ*/
	border-bottom: 4px dotted #3d910a;	/*下側の線の幅、線種、色*/
	margin-bottom: 10px;
	margin-left: 0px;	/*左の画像とバランスをとって設定する*/
	color: #3d910a;		/*文字色*/
	text-align: center;
	width: 100%;	/*文字列の幅*/
	line-height: 110%;

}

/*ボックス内のh4タグリンクの時*/
#main .list_2colt1 h4 a {
	text-decoration: none;
	color: #3d910a;		/*文字色*/

}


/*ボックス内の段落タグ設定*/
#main .list_2colt1 p {
	padding: 0px;
	margin-left: 0.5em;	/*左の画像とバランスをとって設定する*/
	width: 92%;	/*文字列の幅*/
}



/*---------------3カラム写真を円に---------------*/
#main .list_3col ,.list_3col_square {/*ひとつのボックス枠*/
	position: relative;
	overflow: hidden;
	margin: 0 1% 10px;	/*上、左右、下へのボックスの外に空けるスペース*/
	width:28%;		/*幅*/
	padding: 2% 10px;			/*ボックス内の余白*/
	float: left;	/*左に回り込み*/
}
/*ボックス内の写真設定*/
#main .list_3col figure img {
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1.5% ;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 95%;	/*写真の幅*/
	border-radius: 50%;	/*写真を円に*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*ボックス内のh4タグ設定*/
#main .list_3col h4 {
	font-size: 15px;	/*文字サイズ*/
	margin-bottom: 10px;
	margin-left: -5px;	/*左の画像とバランスをとって設定する*/
	color: #3d910a;		/*文字色*/
	text-align: center;
	width: 100%;	/*文字列の幅*/
	position: relative;
	top: -50px;/*写真に重ねる*/
	background-color: rgba( 255, 255, 255, 0.7 );

}
/*ボックス内の段落タグ設定*/
#main .list_3col p {
	position: relative;
	top: -30px;/*写真に近づける*/
	width: 100%;
	overflow: hidden;
	line-height: 140%;
	margin-left: -10px;	/*左の画像とバランスをとって設定する*/
}


/*---------------3カラム写真 四角---------------*/
/*ボックス内の写真設定*/
#main .list_3col_square figure img {
	width: 100%;	/*写真の幅*/
}


/*-----------枠をとった写真だけを横に並べるdiv------------------*/

#main .img2 {/*スケジュール内の写真*/
	position: relative;
	width: 40%;		/*幅*/			/*ボックス内の余白*/
	float: left;	/*左に回り込み*/
	padding: 2% 30px;
	margin: 0 7% 0 0;

}
/*写真設定*/
#main .img2 img {
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 3% ;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 100%;	/*写真の幅*/
	border-radius: 5px;	/*写真をかどまるに*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}


/*img写真の白い枠*/
img.waku{
	float:left;
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 0.8%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	margin-left:1em;
	width:95%;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);	/*ボックスの影の設定。右へ、下へ、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/

}


/*---園章専用スタイル---*/
img.ensho{
	width:25%;		/*幅*/
	padding: 1.5% 0 0 1.5% ;			/*余白。*/
	float: left;/*左寄せ*/

}

/*-------------TOPページ以外でdtddを使いたいときの設定*/
/*ブロック全体の設定*/
.dtdd dl {
	padding: 0 0 0.5em 20px;
	margin-bottom: 20px;
}
/*日付設定*/
.dtdd dt {
	float: left;
	width: 8em;
	color: #3d910a;	/*文字色*/
	letter-spacing: 0.1em;
}
/*記事設定*/
.dtdd dd {
	padding-left: 9em;
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
}

/*表中改行したくない（値段とか）ときのスタイル*/
td.nowr{
	white-space: nowrap;
}

/*------------保護者ログイン画面デザイン---------------*/

fieldset {
	border-style: none;
	text-align: center;
}

form{
}

input[type="text"],input[type="password"] {/*ID password入力欄*/
  width:80%;
  height:20px;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:4% 4% 4% 4%;
  font-size:1.3em;
  color:#555;
  border-radius: 10px;	/*角丸のサイズ。左上、右上、右下、左下の順番。*/
}


input[type="submit"]{
  width:90%;
  background:#3d910a;
  border:0;
  padding:4%;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
  border-radius: 10px;
}

input[type="submit"]:hover{
  background:#082ab4;
}
::-webkit-input-placeholder {

}



/*-------コンテンツの中で背景色を変える未使用？--------*/
section.bg_01 {/**/
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下への順番。*/
	background: #FFE080;	/*背景色*/
	padding: 3% 3% 0;	/*ボックス内の余白。上、左右、下。*/
}


/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear: both;
	background: #3d910a;	/*背景色*/
	color: #fff;	/*文字色*/
	text-align: center;
	border-radius: 0px 0px 10px 10px;	/*角丸のサイズ。左上、右上、右下、左下への順番。*/
	margin-bottom: 50px;
	padding: 15px 0;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #fff;
}
footer .pr {
	display: block;
	font-size: 80%;
}



/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	padding: 1em 0;
}

/*上側メニュー*/
#footermenu_60 {
	width: 100%;
	overflow: hidden;
}

/*下側 プロフィール欄*/
#footermenu_40 {
	overflow: hidden;
	width: 99%;
}


/*メニューひとかたまり*/
.footermenu_60_1 {
	font-size: 90%;	/*文字サイズ*/
	display: inline-block; /* インラインブロック化 Float使わない*/
    vertical-align: top;
	width: 30%;		/*幅。今回は3列*/
	padding-right: 0%;
	padding-left: 1%;
	margin-bottom:1em;
	text-align: left;
}

#footermenu li {/*リストを改行させない*/
    padding-left: 2em;
    text-indent: -1.5em;
	white-space:nowrap;
}

#footermenu a {
	color: rgba(255,255,255,0.8);
}


#footermenu ul li a:before {
	content: url(../sozai/arrow_blue_li01.png);
	margin:0px 3px 0px 0px;
	position:relative;
	top:3px;
    text-indent: 1em;
}

#footermenu ul li ul li {/*リストを改行させない*/
    padding-left: 1em;
    text-indent: -2em;
	white-space:nowrap;
}


#footermenu ul li ul li a:before {
	content: url(../sozai/arrow_blue_li02.png);
	margin:0px 3px 0px 1em;
	position:relative;
	top:2px;
}


#footermenu a:hover {
	color: #082ab4;
}



/*---------------footermenuの園プロフスタイル---------------*/

#footermenu_40 .photoarea {/*ひとつのボックス枠*/
	position: relative;
	overflow: hidden;
	margin: 1%;	/*上、左右、下へのボックスの外に空けるスペース*/
	width:95%;		/*幅*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 2%;			/*ボックス内の余白*/
	background: #FFF;		/*背景色（古いブラウザ用）*/
	background: linear-gradient(#FFF, #f1f1f1);			/*背景色グラデーション*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: left;
}
/*ボックス内の幼稚園ロゴ設定*/
#footermenu_40 img.klogo {
	width:50%;
}

/*ボックス内の写真設定*/
#footermenu_40 .photoarea figure img {
	background: #FFF;		/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 40%;	/*写真の幅*/
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
	float: left;
	margin-right: 10px;
}


/*ボックス内のh4タグ設定*/
#footermenu_40 .photoarea h4 {
	display: none;
}

/*ボックス内の段落タグ設定*/
#footermenu_40 .photoarea p {
	padding: 0px;
	margin-left: 0.5em;	/*左の画像とバランスをとって設定する*/
	text-align: left;
	color: #666;
	width: 98%;	/*文字列の幅*/
}

#footermenu_40 a {/*枠内のリンク色*/
	color: rgba(8,42,180,0.9);
	text-decoration: underline;
}
#footermenu_40 a:hover {
	color: #800080;
	text-decoration: none;
}

/*アクセスマップはこちらリンク*/
#footermenu_40 p.r {
	margin-top: 1em;
	text-align: right;
}


/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding: 0 20px;
	margin-bottom: 20px;
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	color: #3d910a;	/*文字色*/
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
}


/*よく頂く質問ページ
---------------------------------------------------------------------------*/
.faq {
	padding: 0 20px;
}
.faq dt {
	font-weight: bold;	/*太字にする設定*/
	color: #3d910a;	/*文字色*/
}
.faq dd {
	padding-bottom: 15px;
}


/*テーブル
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 95%;	/*テーブル幅*/
	margin: 0 auto 20px;
	border: 3px solid #ccc;	/*テーブル外側の線の幅、線種、色*/
}
.ta1 td, .ta1 th {
	border: 1px solid #ccc;	/*テーブル内側の線の幅、線種、色*/
	padding: 10px 15px;	/*ボックス内の余白*/
	word-break: break-all;
}

/*ta1の左側ボックス*/
.ta1 th {
	width: 10em;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
	font-size: 16px;	/*文字サイズ*/
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
	width: 100%;
}
/*テーブルta1内にリストタグを入れた場合の設定*/
.ta1 td ul.disc {padding-bottom: 0;padding-left: 20px;}
.ta1 td ol {padding-bottom: 0;padding-left: 22px;}

/*表中のリスト形式*/
.ta1 ul.list_bun {
	margin-top:-0.5em;
}
.ta1 ul.list_bun li {
	text-indent: -1.3em;
	padding-left: 1em;
}

.ta1 ul.list_bun li:before {
	font-family: "Material Icons";
	font-size: 20px;
	content: "\e545";/*花*/
	padding-left: 0px;
	position: relative;
	top: 4px;
	color: #3D910A;/*緑*/
}



/*-----------------1日にすることスケジュールデザイン------------*/


#oneday_sche{/*スケジュール全体の幅*/
	width:100%;
	margin: 0 0 20px 0;
}

#oneday_sche .timeschedule {/*点線部分*/
    padding: 0px 0px 0px 60px;
    background: url(../sozai/bg_dotted.png) repeat-y 35px 0;
    margin: 0 50px 80px 0px;
}


#oneday_sche .timeschedule p.time {
	color: #fff;			/*文字色*/
	text-align:center;
	position:absolute;
	top:0px;
	left:-100px;
	width:50px;
    height: 24px;
	font-size:14px;
	padding: 3px 15px 5px 15px;	/*上下、左右への余白*/
	background: #3d910a;	/*背景色緑*/
	border-radius: 30px;	/*角丸のサイズ*/
}

#oneday_sche .timeschedule h4 {/*スケジュール欄見出し*/
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
}

#oneday_sche .timeschedule ol {
	width:100%;
	margin-bottom: 33px;
	position: relative;
	list-style: none;
}

#oneday_sche .timeschedule li {
	margin-bottom:10px;
	position:relative;
}

#oneday_sche .timeschedule li p {
	padding-left: 0px;
	padding-right: 0px;
}

#oneday_sche .timeschedule li:last-child {
	height: 0px;
}

#oneday_sche .timeschedule li:last-child * {
}

#oneday_sche .timeschedule li:last-child p {
	margin-top: 0px;
	width: 100%;
}

#oneday_sche .timeschedule li:last-child p.time {
	margin-top: 0px;
	width:50px;
}


/*PAGE TOP設定
---------------------------------------------------------------------------*/
/* 上に戻るボタン */
.pagetop {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	height: 50px;
	width: 50px;	/*幅*/
	line-height: 50px;	/*高さ*/
	border-radius: 50%;	/*角丸のサイズ*/
	text-align: center;
	cursor: pointer;
}

.pagetop a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
	font-size: 30px;	/*文字サイズ*/
	background-color: rgba(13,17,183,0.7);/*背景色透過青*/
	height: 50px;
	width: 50px;	/*幅*/
	line-height: 50px;	/*高さ*/
	border-radius: 50%;	/*角丸のサイズ*/
	margin-bottom: 10px;
}


.pagetop:hover {
	color: #fff;
	background-color: #082AB4;
	text-decoration: none;
}

/*---------リンク矢印アイコンつき-----------*/

#main a.arrow,#footermenu a.arrow{/*リンクは青*/
	color: #082ab4;		/*リンクテキストの色*/
	transition: 0.5s;	/*同上*/
}

#main a.arrow:before,#footermenu a.arrow:before{/*→アイコン*/
	content: url(../sozai/arrow_blue.png);
	margin:0px 7px 0px 15px;
	position:relative;
	top:4px;
}

#main a.arrow_a:after,#footermenu a.arrow_a:after{/*→アイコン*/
	content: url(../sozai/arrow_blue.png);
	margin:0px 0px 0px 7px;
	position:relative;
	top:0px;
}


#main #main a.arrow_a:hover,a.arrow:hover,#footermenu a.arrow:hover {
	color: #000080;			/*マウスオン時の文字色*/
}


/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	text-shadow: none;
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #e5e5e5;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px;}
.clear {clear: both;}
ul.disc {padding: 0 20px 15px 40px;list-style: disc;}
.color1, .color1 a {color: #3d910a;}
.bg1 {background: #f6f5f2;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 24px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.mini2 {font-size: 0.9em;}
.sh {display: none;}
hr {clear: both; height: 2em; visibility:hidden;}/*行間を開けたいとき*/


/*画面幅800px以上（パソコン画面時）の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media(min-width: 800px){
  a[href^="tel:"]{
    pointer-events: none;
	text-decoration: none;
  }



/*---------------写真小さく---------------*/

img.alignnone{
	width:50%;
}


}



/*画面幅900px以下の設定（800～900）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){


/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	height: 160px;	/*高さ*/
}

/*ヘッダー内メニュー（スマホ時でも表示されてるボタン）
---------------------------------------------------------------------------*/
/*メニューブロック全体*/
#headermenu {
	top: 40px;	/*header のinnerに対して上から10pxの場所に配置*/
}


/*メインメニュー
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar li a {
	font-size: 15px;	/*文字サイズ*/
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	padding: 3% 0 0;	/*上、左右、下へのボックス内の余白*/
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
#sub ul.submenu li {
	width: 50%;		/*半分の幅にする*/
	float: left;	/*左に回り込み*/
}
/*偶数番目のメニューの左のラインを消す設定*/
#sub ul.submenu li:nth-child(even) a {
	border-left: none;
}

/*---------------写真小さく---------------*/

img.alignnone{
	width:50%;
}

}



	/*画面幅800px以下(スマホデザインに切り替え）の設定
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media screen and (max-width:800px){



	/*ヘッダーブロック*/
	header {
		height: 120px;	/*高さ*/
	}


	/*メインメニュー
	---------------------------------------------------------------------------*/
	/*スマホ用メニューを非表示から表示に切り替える*/
	#menubar-s {
		display: block;
		overflow: hidden;
	}
	/*メニュー１個あたりの設定*/
	#menubar-s li {
		margin-bottom: 10px;	/*メニュー同士の距離*/
	}
	#menubar-s li a {
		display: block;
		text-decoration: none;
		text-align: center;	/*文字をセンタリング*/
		background: #333;	/*背景色*/
		color: #fff;		/*文字色*/
		border-radius: 10px;	/*角丸のサイズ*/
		padding: 5px 0px;	/*上下、左右へのボックス内の余白*/
		font-size: 20px;	/*文字サイズ*/
	}
	/*PC用メニューを非表示にする*/
	#menubar {
		display: none;
	}


	/*ヘッダー内メニュー（スマホ時でも表示されてるボタン）
	---------------------------------------------------------------------------*/
	/*メニューブロック全体*/
	#headermenu {
		right: 90px;
		top: 50px;
		line-height: 105%;

	}

	/*メニュー１個あたり*/
	#headermenu li {
		float: left;	/*左に回り込み*/
		margin-left: 10px;	/*左側にスペースを空ける*/
		margin-top: 5px;

	}
	#headermenu li a {
		width: 40px;
		height: 60px;
		font-size: 0.9em;	/*文字サイズ*/
		text-align: center;
		padding: 0px 10px;	/*上下、左右へのボックス内の余白*/
	}


	/*スマホ時はアイコンで改行*/
	#headermenu i{
		display:block;
		margin-bottom: 0.2em;
	}


	/*電話番号エリア*/
	.telno{
		position: absolute;
		top: 10px;
		right: 3%;		/*header のinnerに対して右から3%の場所に配置*/


	}


	/*３本バーメニューアイコン設定
	---------------------------------------------------------------------------*/
	/*３本バーメニューアイコンブロック*/
	#menubar_hdr {
		display: block;
		position: absolute;
		top: 50px;
		right: 7%;
		font-size: 0.8em;
		line-height: 105%;
		width: 50px;	/*幅*/
	}

	#menubar_hdr a {
		text-decoration: none;display: inline-block;
		background: #333333;	/*背景色（古いブラウザ用）*/
		background: linear-gradient(#999999, #333333);	/*グラデーション*/
		color: #FFF;	/*文字色*/
		padding: 0px 15px 15px 15px;	/*上下、左右へのボックス内の余白*/
		border-radius: 4px;	/*角丸のサイズ*/
		border: 3px solid #fff;	/*枠線の幅、線種、色*/
	}
	/*マウスオン時*/
	#menubar_hdr a:hover {
		color: #333333;	/*文字色*/
		background: #fff;	/*背景色*/

	}

	/*PC時はアイコンで改行*/
	#menubar_hdr p{
		display:block;
		text-align: center;
	}


	/*-------------TOPページ以外のdtddレイアウト変更*/
	.dtdd dt {
		clear:both;
		padding-left: 0em;
		margin-top: 1em;
	}

	.dtdd dd {
		clear:both;
		padding-left: 0em;
		margin-top: 0.5em;
	}

/*---------------3カラム写真を円に---------------*/
#main .list_3col {/*ひとつのボックス枠*/
	margin: 0px;	/*上、左右、下へのボックスの外に空けるスペース*/

}


	/*その他
	---------------------------------------------------------------------------*/
	body.s-n #sub,body.s-n #footermenu,.m-n {display: none;}
	.fl-half{float:left;width:45%;margin-left:3%;}
	.sh {display:block;}
	.pc {display:none;}
	.mb15 {margin-bottom: 50px;}

	}


	/*画面幅700px以下の設定(700~600)
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media screen and (max-width:700px){


	/*---------------3カラムボックス小さくする---------------*/
	#main .list_3col {/*ひとつのボックス枠*/
	}
	/*ボックス内の写真設定*/
	#main .list_3col figure img {
	}
	/*ボックス内のh4タグ設定*/
	#main .list_3col h4 {
		font-size: 14px;	/*文字サイズ*/
	}

	/*ボックス内の段落タグ設定*/
	#main .list_3col p {
		padding: 0px;
		margin-left: 1em;	/*左の画像とバランスをとって設定する*/
		width: 95%;	/*文字列の幅*/
	}


	/*------------写真枠なし横並べ*/
	#main .img2 {/*ひとつのボックス枠*/
		width:48%;		/*幅*/
	}


	/*フッターメニュー 2列に*/
	.footermenu_60_1 {
		width: 47%;		/*幅。2列*/
		font-size: 95%;	/*文字サイズ*/
	}


}
	/*画面幅600px以下の設定(600~550)
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media screen and (max-width:600px){

	/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
	---------------------------------------------------------------------------*/
	/*ロゴ画像（※logo.cssにもロゴの設定があります）*/
	#logo {
		width: 30%;	/*ロゴの幅（※トップページ以外）*/
		bottom: -20px;	/*ヘッダーブロックに対して下から-20pxの場所に配置（※トップページ以外）*/
		left:1.5%;	/*ヘッダーブロックに対して左から1%の場所に配置（※トップページ以外）*/
	}




	/*ヘッダー内メニュー（スマホ時でも表示されてるボタン）
	---------------------------------------------------------------------------*/

	/*メインコンテンツ
	---------------------------------------------------------------------------*/
	/*装飾用画像を非表示にする*/
	#main h2.bg1::after, #main h3.bg1::after,
	#main h2.bg2::after, #main h3.bg2::after,
	#main h2.bg3::after, #main h3.bg3::after {
		content: url(none);
	}
	/*装飾用画像が入った場合、テキストと画像が重ならないように右側に入れていた余白をリセットする*/
	#main h2.bg1, #main h3.bg1,
	#main h2.bg2, #main h3.bg2,
	#main h2.bg3, #main h3.bg3 {
		padding-right: 20px;
	}

	/*---------------2カラムボックス---------------*/

	#main .list_2colt1 {/*ひとつのボックス枠*/
		padding-bottom: 1em;			/*ボックス内の余白*/
		line-height: 150%;
		width:90%;
	}

	/*ボックス内のh4タグ設定*/
	#main .list h4, #main .list_2colt1 h4, #main .list_3col h4{
		font-size: 15px;	/*文字サイズ*/
	}


	/*---------------3カラムボックス---------------*/
	/*保護者ページが戻るまで2列にしておく★★★*/
	#main .list_3col {/*ひとつのボックス枠*/
		margin: 0 1% 1em 3%;	/*上、左、右、下へのボックスの外に空けるスペース★★★*/
		width:90%;		/*幅★★★*/
		padding: 2% 10px;			/*ボックス内の余白*/

	}



	/*------------写真枠なし横並べ*/
	#main .img2 {/*ひとつのボックス枠*/
		width:95%;		/*幅*/
		clear: both;
	}


	/*img写真の白い枠*/
	img.waku{
		margin-left:0em;
	}


	/*ta1の左側ボックス*/
	.ta1 th {
		width: 6em;
	}

	.dtdd dd {
		clear:both;
		padding-left: 0em;
		margin-top: 1em;
	}


	}



	/*画面幅550px以下の設定
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media screen and (max-width:550px){

	/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
	---------------------------------------------------------------------------*/
	/*ヘッダーブロック*/
	header {
		height: 100px;	/*高さ*/
	}



	/*ヘッダー内メニュー（スマホ時でも表示されてるボタン）
	---------------------------------------------------------------------------*/
	/*メニューブロック全体*/
	#headermenu {
		right: 90px;
		top: 40px;
		line-height: 80%;

	}

	/*メニュー１個あたり*/
	#headermenu li {
		margin-left: 5px;	/*左側にスペースを空ける*/
		margin-top: 3px;
	}


	#headermenu li a {
		width: 30px;
		height: 50px;
		font-size: 0.7em;	/*文字サイズ*/
		text-align: center;
		padding: 0px 10px;	/*上下、左右へのボックス内の余白*/
	}

	#headermenu i {
		top: 2px;
	}

	/*電話番号エリア*/
	.telno{
		position: absolute;
		top: 5px;
		right: 3%;		/*header のinnerに対して右から3%の場所に配置*/
		font-size: 0.9em;

	}

	/*３本バーメニューアイコン設定
	---------------------------------------------------------------------------*/
	/*３本バーメニューアイコンブロック*/
	#menubar_hdr {
		display: block;
		position: absolute;
		top: 38px;
		right: 8%;
		font-size: 0.8em;
		line-height: 105%;
		width: 50px;	/*幅*/
	}

	/*フッターメニュー
	---------------------------------------------------------------------------*/
	/*ボックス全体*/
	#footermenu {
		overflow: hidden;
		padding: 0;
		font-size: 100%;	/*文字サイズ*/
		position: relative;/*#footermenu_40の親要素と指定*/
	}

	/*左側に写真*/
	#footermenu_40 {
		position: absolute;/*親要素からどの位置にするか*/
		top: 0px;
		left:5px;
		width: 50%;
	}

	/*右側にメニュー一列*/
	#footermenu_60 {
		overflow: hidden;
		margin: 0px;
		width: 50%;
		float: right;
	}

	/*フッターメニュー 1列に*/
	.footermenu_60_1 {
		width: 100%;		/*幅。1列*/
	}


	/*---------------footermenuの園プロフスタイル---------------*/

	#footermenu_40 .photoarea {/*ひとつのボックス枠*/
		width:90%;		/*幅*/
	}
	/*ボックス内の幼稚園ロゴ設定*/
	#footermenu_40 img.klogo {

		width:100%;
	}

	/*ボックス内の写真設定*/
	#footermenu_40 .photoarea figure img {
		width: 95%;	/*写真の幅*/
		clear:both;
	}

	/*アクセスマップはこちらリンク*/
	#footermenu_40 p.r {
		margin-top: 0.5em;
		text-align: center;
	}

	.dtdd dd {
		clear:both;
		padding-left: 0em;
		margin-top: 1em;
	}



	}



	/*画面幅480px以下の設定
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media screen and (max-width:480px){

	/*全体の設定
	---------------------------------------------------------------------------*/
	body {
		font-size: 14px;	/*文字サイズ*/
		line-height: 1.5;	/*行間*/
	}

	#logo {
		left: -2%;	/*ヘッダーブロックに対して左から1%の場所に配置（※トップページ以外）*/
	}




	/*メインコンテンツ
	---------------------------------------------------------------------------*/
	/*メインコンテンツのh2とh3タグ*/
	#main h2, #main h3 {
		font-size: 18px;
		padding-left: 10px;
		padding-right: 10px;
		padding: 5px 10px;
	}
	/*メインコンテンツの段落タグ設定*/
	#main p {
		padding: 0px 10px 15px;	/*上、左右、下への余白*/
	}



	/*施設のご案内ページ用ボックス
	---------------------------------------------------------------------------*/

	/*---------------2カラムボックス横並べ解除---------------*/

	#main.list , #main.list_2colt1 , #main.list_3col  {/*ひとつのボックス枠*/
		width:90%;		/*幅*/
		height:auto;
		float: none;	/*回り込み解除*/
	}

	/*ボックス内のh4タグ設定*/
	#main.list h4, #main.list_2colt1 h4, #main.list_3col h4{
		font-size: 18px;	/*文字サイズ*/
		line-height: 200%;
	}


	/*dtddの設定*/
	#new dt{
		width:7em;
		letter-spacing:normal;
	}

	/*記事設定*/
	#new dd{
		padding-left: 7em;
	}

	.dtdd dd {
		clear:both;
		padding-left: 0em;
		margin-top: 1em;
	}


	/*テーブル
	---------------------------------------------------------------------------*/
	/*テーブル内の左側*/
	.ta1 th {
		width: 30%;
		padding: 5px;
		font-size: 14px;
	}
	/*テーブル内の右側*/
	.ta1 td {
		width: auto;
		padding: 5px;
	}
	/*テーブル１行目に入った見出し部分*/
	.ta1 th.tamidashi {
	 	font-size: 14px;	/*文字サイズ*/
	}


	/*------------保護者ログイン画面デザイン---------------*/

	input[type="text"],input[type="password"] {/*ID password入力欄*/
	  width:90%;
	  font-size:1.3em;
	}


	input[type="submit"]{
	  width:100%;
	  font-size:1.3em;
	}




	/*その他
	---------------------------------------------------------------------------*/
	.ws,.wl {width: 94%;}
	img.fr,img.fl {float: none;margin: 0;width: 100%;}
	.fl-half{float:none;width:100%;margin-left:0;}


	}



	/*画面幅420px以下の設定
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media screen and (max-width:420px){

	/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
	---------------------------------------------------------------------------*/
	/*ヘッダーブロック*/
	header {
		height: 80px;	/*高さ*/
		margin-bottom: 30px;	/*ヘッダーの下に空けるスペース*/
	}


	/*ロゴ画像（※logo.cssにもロゴの設定があります）*/
	#logo {
		width: 30%;	/*ロゴ画像の幅（※トップページ以外）*/
		left: -4%;	/*ヘッダーブロックに対して左から1%の場所に配置（※トップページ以外）*/
		bottom: -40px;	/*ヘッダーブロックに対して下から-30pxの場所に配置（※トップページ以外）*/
		border: 8px solid #fff;	/*枠線の幅、線種、色*/
	}





	/*３本バーメニューアイコン設定
	---------------------------------------------------------------------------*/
	/*３本バーメニューアイコンブロック*/
	#menubar_hdr {
		top: 45px;
		right: 8%;
	}

	/*フッターメニュー*/

	/*左側40％→小さく*/
	#footermenu_40 {
		width: 47%;
	}
	/*保護者パスワード入力欄を狭くする*/
	input[type="text"],input[type="password"] {/*ID入力欄*/
	  width:64%;
	}


	/*フッターメニュー
	---------------------------------------------------------------------------*/
	/*ボックス全体*/
	#footermenu {
		font-size: 110%;	/*文字サイズ*/
		position: static;/*relativeを直す*/
		text-align: center;
	}

	/*下側に写真*/
	#footermenu_40 {
		position: static;/*absoruteを直す*/
		margin: 0px auto;
		width: 100%;
	}

	/*上側にメニュー一列*/
	#footermenu_60 {
		overflow: hidden;
		margin: 0px;
		width: 100%;
	}



	/*---------------footermenuの園プロフスタイル---------------*/

	#footermenu_40 .photoarea {/*ひとつのボックス枠*/
		width:92%;		/*幅*/
	}
	/*ボックス内の幼稚園ロゴ設定*/
	#footermenu_40 img.klogo {
		width:100%;
	}


	/*アクセスマップはこちらリンク*/
	#footermenu_40 p.r {
		text-align: right;
	}



	.dtdd dd {
		clear:both;
		padding-left: 0em;
		margin-top: 1em;
	}



	}



	/*画面幅380px以下の設定
	------------------------------------------------------------------------------------------------------------------------------------------------------*/
	@media screen and (max-width:380px){

	/*ヘッダー（ロゴとメインメニューが入った最上段のブロック）
	---------------------------------------------------------------------------*/
	/*ロゴ画像（※logo.cssにもロゴの設定があります）*/
	#logo {
		width: 33%;		/*ロゴ画像の幅*/
		bottom: -35px;	/*ヘッダーブロックに対して下から-35pxの場所に配置（※トップページ以外）*/
		left: -15px;	/*ヘッダーブロックに対して下から-35pxの場所に配置（※トップページ以外）*/
	}


	/*ヘッダー内メニュー（スマホ時でも表示されてるボタン）
	---------------------------------------------------------------------------*/
	/*メニューブロック全体*/
	#headermenu {
		right: 50px;
		top: 50px;
	}

	/*メニュー１個あたり*/
	#headermenu li {
		float: left;	/*左に回り込み*/
		margin-left: 4px;	/*左側にスペースを空ける*/
		margin-top: 1px;
		line-height: 100%;
	}

	#headermenu li a {
		width: 40px;
		height: 50px;
		font-size: 0.8em;	/*文字サイズ*/
		text-align: center;
		padding: 0px 5px;	/*上下、左右へのボックス内の余白*/
	}


	/*メニュー１個あたり*/
	#headermenu i{
		margin-top: 0px;
		top:4px;
		font-size:20px;
	}




	/*３本バーメニューアイコン設定
	---------------------------------------------------------------------------*/
	/*３本バーメニューアイコンブロック*/
	#menubar_hdr {
		top: 55px;
		line-height: 100%;
		width: 30px;	/*幅*/
	}

	#menubar_hdr a {
		padding: 3px;	/*上下、左右へのボックス内の余白*/
		border-radius: 4px;	/*角丸のサイズ*/
		border: 1px solid #fff;	/*枠線の幅、線種、色*/
	}


	.dtdd dd {
		clear:both;
		padding-left: 0em;
		margin-top: 1em;
	}

	}