@charset "utf-8";

/* ---------------------------------------- *
   base
   all
   2025.5.27
 * ---------------------------------------- */

/* ------------------------------ *
    clear
 * ------------------------------ */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tr,th,td,img,strong {
	margin: 0;
	padding: 0;
	line-height: 100%;
	line-height: 160%;
	font-size: 100%;
	font-weight: normal;
}
input {
	border-width: 0px;
	vertical-align: middle;
	margin: -1px 0px;
}
.poi {
	cursor: pointer;
}
table {
	width: 100%;
}
table,tr,th,td {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	vertical-align: top;
	font-size: inherit;
}
table th,
table td {
	margin: 0; padding: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
	text-align: left;
}
ol,ul {
	list-style: none;
	text-align: left;
}
img {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}


/* ------------------------------ *
    baseset
 * ------------------------------ */

/* --- clearfix --- */
.clearfix {
	zoom: 100%; /*IE6*/
	overflow: auto; /*IE7 and Firefox*/
}
	/*\*/
	* html .clearfix {
		overflow: visible;
	}
	/**/

/* --- align --- */
.right { text-align: right !important; }
.center { text-align: center !important; }
.left { text-align: left !important; }

/* --- float --- */
.flo_right { float: right; margin: 0 0 20px 20px; }
.flo_left { float: left; margin: 0 20px 20px 0; }
.clear { clear: both; }

/* --- vertical-align --- */
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

/* --- display --- */
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }

/* --- nowrap --- */
.nowrap a {
	white-space: nowrap;
}

/* --- color --- */
.red { color: #f00; }

/* --- font --- */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.line_btm { text-decoration: underline; }
.font10 { font-size: 77%; }
.font11 { font-size: 85%; }
.font12 { font-size: 93%; }
.font13 { font-size: 100%; }
.font14 { font-size: 108%; }
.font15 { font-size: 116%; }
.font16 { font-size: 123.1%; }
.font17 { font-size: 131%; }
.font18 { font-size: 138.5%; }
.font19 { font-size: 146.5%; }
.font20 { font-size: 153.9%; }
.font21 { font-size: 161.6%; }
.font22 { font-size: 167%; }
.font23 { font-size: 174%; }
.font24 { font-size: 182%; }
.font25 { font-size: 189%; }
.font26 { font-size: 197%; }

/* --- margin,padding --- */
.mgn5 { margin: 5px }
.mgn10 { margin: 10px }
.mgn20 { margin: 20px }
.mgn30 { margin: 30px }
.mgn_top5 { margin-top: 5px }
.mgn_top10 { margin-top: 10px }
.mgn_top20 { margin-top: 20px }
.mgn_top30 { margin-top: 30px }
.mgn_btm0 { margin-bottom: 0 }
.mgn_btm5 { margin-bottom: 5px }
.mgn_btm10 { margin-bottom: 10px }
.mgn_btm15 { margin-bottom: 15px }
.mgn_btm20 { margin-bottom: 20px }
.mgn_btm30 { margin-bottom: 30px }
.mgn_btm50 { margin-bottom: 50px }
.mgn_rgt5 { margin-right: 5px }
.mgn_rgt10 { margin-right: 10px }
.mgn_rgt20 { margin-right: 20px }
.mgn_rgt30 { margin-right: 30px }
.mgn_left5 { margin-left: 5px }
.mgn_left10 { margin-left: 10px }
.mgn_left20 { margin-left: 20px }
.mgn_left30 { margin-left: 30px }
.pdg5 { padding: 5px }
.pdg10 { padding: 10px }
.pdg20 { padding: 20px }
.pdg30 { padding: 30px }
.pdg_top5 { padding-top: 5px }
.pdg_top10 { padding-top: 10px }
.pdg_top20 { padding-top: 20px }
.pdg_top30 { padding-top: 30px }
.pdg_btm5 { padding-bottom: 5px }
.pdg_btm10 { padding-bottom: 10px }
.pdg_btm20 { padding-bottom: 20px }
.pdg_btm30 { padding-bottom: 30px }
.pdg_rgt5 { padding-right: 5px }
.pdg_rgt10 { padding-right: 10px }
.pdg_rgt20 { padding-right: 20px }
.pdg_rgt30 { padding-right: 30px }
.pdg_left5 { padding-left: 5px }
.pdg_left10 { padding-left: 10px }
.pdg_left20 { padding-left: 20px }
.pdg_left30 { padding-left: 30px }

/* --- html5 --- */
article, aside, figure, figcaption, footer, header, hgroup, nav, section {
	display: block;
}

.post-password-required form {
	padding-top: 100px;
}



/* ---------------------------------------- *
   style
   all
   2025.5.27
 * ---------------------------------------- */

/* ------------------------------ *
    テキスト
 * ------------------------------ */

/* --- font --- */

body {
	font-size: 18px;
	font-family: "Arial", "メイリオ";
	*font-size: small;
	*font: x-small;
	color: #333;
	background: url("img/bg_body.png") repeat 0 0;
	position: relative;
}

body {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}


strong {
	font-weight: bold !important;
}
.cap {
	font-size: 13px;
	color: #888;
	display: block;
	text-align: center;
}
.text {
	margin-bottom: 1em;
	text-align: left;
}
u {
	text-decoration: underline;
}


/* --- link --- */
a {
}
a:link { color: #333; }
a:visited { color: #333; }
a:active { color: #333; }
a:hover { color: #333; text-decoration: underline; }

a:hover img {
	opacity:0.7;
	filter: alpha (opacity=70);
	-ms-filter: "alpha (opacity=70)";
	text-decoration: none;
}
a.anchor {
	height: 1px;
	display: block;
	padding-top: 100px !important;
	margin-top: -100px !important;
}
 
 
/* ------------------------------ *
    基本カラム設定
 * ------------------------------ */

div#page {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
    text-align: center;
}
		
/* --- head --- */
header {
	width: 100%;
	text-align: center;
	z-index: 9999;
	position :fixed;
	background: #fff;
	height: 80px;
}
	header div.head {
		width: 1000px;
		max-width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		header div.head h1 {
			padding: 5px 0;
		}
			header div.head h1 img {
				width: 180px;
			}
/* --- /head --- */

/* --- 下位ページメニュー --- */
div.nav_local {
	display: flex;
	text-align: center;
	border-radius: 30px;
	padding: 5px 20px;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
	div.nav_local div {
		margin: 0 1em;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		div.nav_local div div.arrow-bottom {
			margin-top: -7px;
		}
		div.nav_local div div.arrow-bottom p {
			display: inline-block;
			width: 8px;
			height: 8px;
			margin: 0;
			margin-right: -0.3em;
			transform: rotate(45deg);
		}
		div.nav_local div a {
			text-decoration: none;
			font-weight: bold;
			white-space: nowrap;
		}
		div.nav_local div a:hover {
		}
		
/* 園の紹介カラー */
body#body_about div.nav_local { border: 2px solid #FF5C66; }
body#body_about div.nav_local div div.arrow-bottom p { border-bottom: 2px solid #FF8990; border-right: 2px solid #FF5C66; }
body#body_about div.nav_local div a { color: #FF5C66; }
/* 園での生活カラー */
body#body_guidance div.nav_local { border: 2px solid #16C629; }
body#body_guidance div.nav_local div div.arrow-bottom p { border-bottom: 2px solid #16C629; border-right: 2px solid #16C629; }
body#body_guidance div.nav_local div a { color: #16C629; }
/* 入園のご案内カラー */
body#body_entrance div.nav_local { border: 2px solid #AB9E64; }
body#body_entrance div.nav_local div div.arrow-bottom p { border-bottom: 2px solid #AB9E64; border-right: 2px solid #AB9E64; }
body#body_entrance div.nav_local div a { color: #AB9E64; }
/* 預かり保育カラー */
body#body_custody div.nav_local { border: 2px solid #FF8D33; }
body#body_custody div.nav_local div div.arrow-bottom p { border-bottom: 2px solid #FF8D33; border-right: 2px solid #FF8D33; }
body#body_custody div.nav_local div a { color: #FF8D33; }
/* プレクラスカラー */
body#body_preclass div.nav_local { border: 2px solid #91C600; }
body#body_preclass div.nav_local div div.arrow-bottom p { border-bottom: 2px solid #91C600; border-right: 2px solid #91C600; }
body#body_preclass div.nav_local div a { color: #91C600; }
/* アクセス・バスコースカラー */
body#body_access div.nav_local { border: 2px solid #3FA0FF; }
body#body_access div.nav_local div div.arrow-bottom p { border-bottom: 2px solid #3FA0FF; border-right: 2px solid #3FA0FF; }
body#body_access div.nav_local div a { color: #3FA0FF; }



/* --- 下位ページセクション --- */
body div#key_local {
	margin: 0 auto;
	padding: 0;
	height: auto;
	padding-top: 80px;
	margin-bottom: 50px;
}
body div#key_local p {
}
	body div#key_local p img {
		width: 100%;
	}
body div#key_local h2 {
	margin: 0;
	padding: 0;
}
	body h2 img {
		width: 350px;
		max-width: 100%;
	}
section {
	width: 100%;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 20px;
	padding-bottom: 20px;
}
section h3 {
	width: auto;
	border-radius: 20px 20px 0 0;
	margin: 0 auto 30px;
    padding: 10px;
	background: #FFBDC1;
}
body#body_about section h3 { background: #FFBDC1; }/* ページごとh3色 */
body#body_guidance section h3 { background: #7DDF88; }/* ページごとh3色 */
body#body_entrance section h3 { background: #FFEB98; }/* ページごとh3色 */
body#body_custody section h3 { background: #FFC394; }/* ページごとh3色 */
body#body_preclass section h3 { background: #D1EA8D; }/* ページごとh3色 */
body#body_access section h3 { background: #BFDFFF; }/* ページごとh3色 */

	section h3 p {
	color: #44423B;
    font-size: 130%;
    text-align: center;
	font-weight: 600;
	border-bottom: 2px dashed #fff;
	}
section article {
	text-align: left !important;
	padding: 0 20px 20px;
}
div.frontpage section {/* TOPページ用設定リセット */
	background: none;
}
div.frontpage article {/* TOPページ用設定リセット */
	text-align: left !important;
	padding: 0 !important;
}
section.nobg {
	background: none;
}
body div#key_other {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	height: auto;
	padding-top: 130px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #44423B;
	font-size: 130%;
	text-align: center;
	border-bottom: 2px dashed #CAC0A1;
}


/* --- 写真（キャプション付）2段組 --- */
article.photo_2clm {
	display: flex;
}
	article.photo_2clm dl {
	}
		article.photo_2clm dl dt {
			text-align: center;
		}
		article.photo_2clm dl dd {
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 10px;
		}
			article.photo_2clm dl dd img {
				width: 100%;
			}
		
/* --- 写真（キャプション付）1段組 --- */
article.photo_1clm {
}
	article.photo_1clm dl {
	}
		article.photo_1clm dl dt {
			text-align: center;
		}
		article.photo_1clm dl dd {
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 10px;
		}
			article.photo_1clm dl dd img {
				width: 100%;
			}

/* --- 写真（キャプション付）2段組＋タイトル1つ --- */
article.photo_3clm {
}
	article.photo_3clm dl {
	max-width: 100%;
	}
		article.photo_3clm dl dt {
			background: #FFEC8C;
			border-radius: 20px;
			padding: 0 20px;
		}
		article.photo_3clm dl dd {
			width: 100%;
			text-align: center;
		}
			article.photo_3clm dl dd p {
				width: 45%;
				margin: 10px;
				display: inline-block;
			}
				article.photo_3clm dl dd p img {
					width: 100%;
					border-radius: 20px;
					display: inline;
				}
				article.photo_3clm dl dd p span {
					
				}


/* リスト段組み */
article.li_nm {
}
	article.li_nm dl {
		display: flex;
		margin-bottom: 1em
	}
		article.li_nm dl dt {
			width: 2em;
		}
		article.li_nm dl dd {
		}


/* --- h --- */
h2 {
	margin: 0 auto;
	text-align: center;
	padding-top: 80px;
	margin-bottom: 40px;
}
h4 {
	font-weight: bold;
	margin-bottom: 0.5em;
	position: relative;
	padding-left: 15px;
}
h4::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: #FFDB46;
	border-radius: 5px;
}
/* --- /h --- */

/* --- key --- */
div#key {
	width: 1000px;
	max-width: 100% !important;
	margin: 0 auto;
	margin-bottom: 80px;
	padding-top: 80px;
	overflow: hidden !important;
}
	div#key img {
		width: 100%;
	}
	
/* --- /key --- */

/* --- footer --- */
footer {
	width: 1000px;
	max-width: 100%;
	color: #333;
	margin: 0 auto;
	margin-top: 80px;
	text-align: center;
}
	footer div.clm_request { /* 資料請求・お問い合わせ */
		margin: 0 auto;
		text-align: center;
	}
		footer div.clm_request img {
			width: 400px;
		}
	footer ul.menu_foot { /* フッターメニュー */
		border-top: 2px solid #DCD8C7;
		border-bottom: 2px solid #DCD8C7;
		padding: 30px 0;
		margin: 50px 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
	}
		footer ul.menu_foot li {
			margin: 20px;
		}
			footer ul.menu_foot li a {
				padding-left: 20px;
				background: url("img/ico_arw.png") no-repeat center left;
				background-size: 1em;
			}
	footer div.clm_bnr { /* バナー */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		footer div.clm_bnr p {
			margin: 10px;
		}
			footer div.clm_bnr p a {
			}
				footer div.clm_bnr p a img {
				}
address {
	text-align: center;
	display: block;
	font-size: 80%;
	color: #9E9C98;
	background: #fff;
	margin-top: 50px;
}
/* --- /footer --- */

/* ▽ハンバーガーメニュー▽ */
.hm_menu_check {/* チェックボックスを隠す */
  display: none;
}
.hm_wrap {
	display: inline-block !important;
	top: 0;
	right: 0;
	width :100%;
	padding :10px;
	z-index: 10000;
}

/* ▽▽メニューボタン▽▽ */
.hm_btn {
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
	display: block;
	float: right;
	z-index: 2;
}
.hm_btn::before {
	-webkit-box-shadow: #555 0 12px 0;
	box-shadow: #555 0 12px 0;
}
.hm_btn::after {
	bottom: 0;
}
.hm_btn::before,
.hm_btn::after {
	width: 30px;
	height: 6px;
	background: #555;
	display: block;
	content: '';
	position: absolute;
	-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
	transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
}
/* △△メニューボタン△△ */
 
.hm_menu_wrap {
	width :50%;
	height :10000px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	left: -100%;
	top: 0;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
}
 
/* ▽▽開閉時のアニメーション▽▽ */
.hm_menu_check:checked ~ .hm_btn::before {
	-webkit-box-shadow: transparent 0 0 0;
	box-shadow: transparent 0 0 0;
	-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
	transform: rotate(45deg) translate3d(6px, 11px, 0);
}
.hm_menu_check:checked ~ .hm_btn::after {
	-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
	transform: rotate(-45deg) translate3d(6px, -11px, 0);
}
.hm_menu_check:checked ~ .hm_menu_wrap {
	left: 0;
}
 
/* △△開閉時のアニメーション△△ */
 
/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_list {
	list-style-type: none;
	margin: 50px 0 0;
	padding: 0;
	font-size: 20px;
}
.hm_list li a {
	color: #333;
	display: block;
	overflow: hidden;
	padding: 8px 22px;
	position: relative;
	text-decoration: none;
	z-index: 1;
}
.hm_list li a::before {/* aタグマウスオーバー時の背景 */
	background: #555;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 100%;
	left: 0;
	-webkit-transition: bottom 0.4s;
	transition: bottom 0.4s;
	z-index: -1;
}
 
.hm_list li a:hover {
	color: #fff;
}
.hm_list li a:hover::before {
	bottom: 0;
}
.hm_list li a:hover::after {
	opacity: 0.5;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
li.hm_list_sub a {
	margin-left: 1em !important;
}
/* メニュー内のリストスタイル△△ */
 
/* △△ハンバーガーメニュー△△ */



/* ページ下部固定ボタン */
div#fixbtn {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	display: flex;
}
	div#fixbtn div {
		border-radius: 20px 20px 0 0;
		width: 33.33333% ; /* 未対応ブラウザ用フォールバック */
		width: -webkit-calc(100% / 3) ;
		width: calc(100% / 3) ;
	}
	div#fixbtn div:nth-child(1) { background: linear-gradient(#FFD1A3, #FFA8A6); }
	div#fixbtn div:nth-child(2) { background: linear-gradient(#F4FE92, #BCE72C); }
	div#fixbtn div:nth-child(3) { background: linear-gradient(#AAFFF6, #6BD5EF); }
		div#fixbtn div p {
			width: 100%;
			text-align: center;
		}
			div#fixbtn div p a {
			}
				div#fixbtn div p a img {
					max-width: 100%;
					margin: 10px 0;
					text-align: center;
					object-fit: contain;
				}
@media(min-width:751px){
div#fixbtn_pc {
	position: fixed;
	right: 0;
	top: 150px;
	width: auto;
}
	div#fixbtn_pc div {
		border-radius: 20px 0 0 20px;
	}
	div#fixbtn_pc div:nth-child(1) { background: linear-gradient(#F4FE92, #BCE72C); }
	div#fixbtn_pc div:nth-child(2) { background: linear-gradient(#AAFFF6, #6BD5EF); }
		div#fixbtn_pc div p {
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}
			div#fixbtn_pc div p a {
				display: block;
				padding: 20px 5px;
				text-align: center;
			}
				div#fixbtn_pc div p a img {
					text-align: center;
					max-height: 150px;
				}
div#fixbtn {
	display: none;
}
}
@media(max-width:750px){
    address{
        padding-bottom: 70px; !important;
    }
div#fixbtn_pc {
	display: none;
}
}


/* ------------------------------ *
    ページ別設定
 * ------------------------------ */

body#body_about {
}



/* ------------------------------ *
    ユニーク
 * ------------------------------ */

.title_news {
	margin-bottom: 30px;
}
	.title_news img {
		width: 300px;
	}
.btn_news {
	text-align: center;
}
	.btn_news img {
		width: 250px;
	}
article.clm_news { /* TOPページお知らせ */
}
	article.clm_news dl {
		margin-bottom: 20px;
		width: 100% !important;
		margin: 0;
		display: flex;
		border-bottom: 2px solid #DCD8C8;
		padding: 5px 0;
	}
	article.clm_news dl a:link { text-decoration: none; }
		article.clm_news dl dt {
			font-size: 85%;
			margin-bottom: 3px;
			color: #626056;
			margin-right: 20px;
		}
			article.clm_news dl dt ul {
				display: inline;
			}
				article.clm_news dl dt ul li {
					display: inline;
				}
					article.clm_news dl dt ul li a {
						font-size: 85%;
						display: inline-block;
						width: 6em;
						padding: 2px 0 0;
						font-weight: bold;
						margin-right: 10px;
						text-align: center;
						pointer-events: none;
						cursor: default;
						text-decoration:none;
					}
					article.clm_news dl dt ul li a[href*="other"] {/* その他 */
						color: #4B98FF;
						border: 2px solid #4B98FF;
						border-radius: 20px;
					}
					article.clm_news dl dt ul li a[href*="event"] {/* イベント */
						color: #FF606D;
						border: 2px solid #FF606D;
						border-radius: 20px;
					}
					article.clm_news dl dt ul li a[href*="entrance"] {/* 入園案内 */
						color: #26BF5D;
						border: 2px solid #26BF5D;
						border-radius: 20px;
					}
		
		
		article.clm_news dl dd {
			
		}
		
section.clm_archive { /* お知らせ一覧 */
	padding: 0;
	margin: 0;
	padding: 0 20px;
	margin-bottom: 15px;
}
	section.clm_archive article {
		margin: 0;
		padding: 0;
}
	section.clm_archive article dl {
		margin: 0;
		padding: 0;
		display: flex;
		padding: 10px 0;
		width: 100%;
	}
		section.clm_archive article a:link {
			text-decoration: none;
		}
		section.clm_archive article dl dt {
			display: flex;
			width: 20%;
		}
					section.clm_archive article dl dt a {
						font-size: 85%;
						display: inline-block;
						width: 6em;
						padding: 2px 0 0;
						font-weight: bold;
						margin-right: 10px;
						text-align: center;
						pointer-events: none;
						cursor: default;
						text-decoration:none;
					}
					section.clm_archive article dl dt a[href*="other"] {/* その他 */
						color: #4B98FF;
						border: 2px solid #4B98FF;
						border-radius: 20px;
					}
					section.clm_archive article dl dt a[href*="event"] {/* イベント */
						color: #FF606D;
						border: 2px solid #FF606D;
						border-radius: 20px;
					}
					section.clm_archive article dl dt a[href*="entrance"] {/* 入園案内 */
						color: #26BF5D;
						border: 2px solid #26BF5D;
						border-radius: 20px;
					}
			section.clm_archive article dl dt span {
				color: #555;
				font-size: 85%;
				border-radius: 3px;
				padding: 1px 10px;
				display: inline-block;
				margin-right: 5px;
			}
		section.clm_archive article dl dd {
			padding-left: 15px;
			width: 80%;
		}
			section.clm_archive article dl dd a:link {
				text-decoration: none;
			}
 
article.clm_single { /* お知らせ詳細ページ */
	padding-top: 20px;
}
	article.clm_single h3 {
	}
	article.clm_single div {
  		white-space: pre-wrap;
	}
	article.clm_single p:first-child {
		color: #7E7873;
		margin-bottom: 1em;
	text-align: right;
	border-bottom: 1px solid #DDDACC;
	}
	article.clm_single p:last-child {
		white-space: pre-wrap;
	}
		article.clm_single p.singleimg {
		}
		article.clm_single p.singleimg img {
			display: block;
			margin: 30px auto 0;
			text-align: center;
			width: auto !important;
			height: auto;
			max-width: 100% !important;
		}
 
article.clm_message {
	display: flex;
	justify-content: space-between;
}
	article.clm_message div:first-child {
		padding-right: 50px;
	}
	article.clm_message div:last-child {
		font-size: 80%;
		text-align: center;
	}
		article.clm_message div:last-child img {
		}
		article.clm_message div:last-child p {
			margin-top: 10px;
		}

 /* 紹介コーナー */
article.clm_topimg {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
		width: 100%;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	overflow: hidden !important;
}
	article.clm_topimg dl {
		flex: 1 1 450px;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 50px;
	}
		article.clm_topimg dl dt {
		}
			article.clm_topimg dl dt img { /* 紹介画像 */
				width: 100%;
				text-align: center;
				max-width: 100%;
			}
		article.clm_topimg dl dd { /* 概要文 */
			width: 80%;
			text-align: left;
			margin: 0 auto;
		}
			article.clm_topimg dl dd p { /* 詳細はこちら */
				margin-top: 15px;
			}
				article.clm_topimg dl dd p img {
					display: block;
					text-align: center;
					width: 200px;
					margin: 0 auto;
				}

 /* 園の紹介 */
article.about_hoiku {
	text-align: center !important;
	margin: 0 auto;
}
	article.about_hoiku img {
	text-align: center;
	margin: 0 auto;
		width: 500px;
		display: inline-block;
		max-width: 100%;
		margin-bottom: 30px;
	}
	article.about_hoiku ul {
		display: inline-block;
		margin: 0 auto !important;
		margin: 15px;
	}
		article.about_hoiku ul li {
			position: relative;
			padding-left: 15px;
		}
		article.about_hoiku ul li:before {
			content: "";
			position: absolute;
			top: .5em;
			left: 0;
			width: 10px;
			height: 10px;
			background-color: #8b6b4e;
			border-radius: 50%;
		}
		article.about_hoiku ul li:nth-child(1):before { background-color: #FF8990; }
		article.about_hoiku ul li:nth-child(2):before { background-color: #FFCCED; }
		article.about_hoiku ul li:nth-child(3):before { background-color: #DDEF79; }
		article.about_hoiku ul li:nth-child(4):before { background-color: #79EFA1; }
		article.about_hoiku ul li:nth-child(5):before { background-color: #A9A6FF; }

 /* 入園のご案内 */
section.entrance_news {
	background: none;
	padding: 0;
}


/* 写真横スクロール */
.clm_scroll {
	width: 97% !important;
	text-align: center;
 }
.slider1 {
  display: flex;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  max-width: 100vw;
  height:220px;
  overflow: hidden;
}
.slider1 ul{
	display:flex;
	padding: 0;
	margin:0;
	padding-bottom: 20px;
	overflow: visible;
}
.slider1 li{
	width: auto;
	margin: 0 10px;
	list-style: none;
}
	.slider1 li img {
		border-radius: 50px;
	}
.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}

.slider1 ul:last-child {
  animation: slide2 150s linear infinite;
}
.slider1 ul li:nth-child(odd){
	margin-top: 20px;
}
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}







article.clm_preclass { /* プレクラス */
}
	article.clm_preclass dl {
		display: flex;
		justify-content: center;
		align-items: center;
	}
		article.clm_preclass dl dt {
			width: 50%;
		}
			article.clm_preclass dl dt img {
				border-radius: 30%;
				width: 100%;
			}
		article.clm_preclass dl dd {
			margin-left: 30px;
		}
			article.clm_preclass dl dd p {
				border: dotted;
				border-width: 10px 4px;
				border-radius: 10px 40px;
				border-color: #FFDA42;
				padding: 20px;
			}

/* お問い合わせ */
label ~ label {
	margin-left: 30px;
}
/* ラジオボタン */
input[type=radio] {
	margin-right: 8px;
}
.radio-btns input[type=radio] {
	display: none;
}
.radio-btns label {
	position: relative;
	padding-left: 30px;
}
.radio-btns input[type=radio] + label::before {
	position: absolute;
	content: '';
	display: block;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #aaa;
	left: 0;
	top: -3px;
}
.radio-btns input[type=radio] + label::after {
	position: absolute;
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #269E91;
	left: 7px;
	top: 4px;
	opacity: 0;
	transition: .3s;
}
.radio-btns input[type=radio]:checked + label::after {
 opacity: 1;
}

/* チェックボックス */
input[type=checkbox] {
  margin-right: 8px;
}
.check-btns input[type=checkbox] {
  display: none;
}
.check-btns label {
  position: relative;
  padding-left: 30px;
}
.check-btns input[type=checkbox]  + label::before {
	position: absolute;
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 2px solid #aaa;
	border-radius: 2px;
	left: 0;
	top: -3px;
}
.check-btns input[type=checkbox]  + label::after {
	position: absolute;
	content: '';
	display: block;
	width: 6px;
	height: 10px;
	transform: rotate(45deg);
	border-right: 4px solid #269E91;
	border-bottom: 4px solid #269E91;
	left: 7px;
	top: -1px;
	opacity: 0;
	transition: .3s;
}
.check-btns input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.check-btns p {
	display: inline-block;
	white-space: nowrap;
	margin-right: 2em;
	margin-bottom: 5px;
}

/* ラジオボタン */
input.input_text,
textarea.input_text {
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #aaa;
	padding: 5px 10px;
}
input.input_postcode {
	width: 8em !important;
}
textarea.input_text {
	height: 8em;
}

/* キャプション */
.cap {
	font-size: 13px;
	color: #666;
	display: block;
	line-height: 110%;
	margin-top: 5px;
	text-align: left;
}


/* 戻る／送信ボタン */
article.form_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	article.form_btn p {
		margin-bottom: 20px;
	}
	article.form_btn p.back button,
	article.form_btn p.submit input {
		font-size: 16px;
		display: inline-block;
		padding: 5px 10px;
		cursor: pointer;
		border: 0;
		text-decoration: none;
		text-indent: -9999px;
		width: 233px;
		height: 59px;
		margin: 0 20px;
	}
	article.form_btn p.back button {
		background: url("img/btn_back.png") no-repeat;
	}
	article.form_btn p.submit input {
		background: url("img/btn_submit.png") no-repeat;
	}
article:has(table){
	padding-top: 20px;
}
		article table.form_01 {
		}
			article table tr:nth-child(odd) {
				background: #FFF9D9;
			}
			article table th,
			article table td {
				border: 2px solid #DCD7C5;
				padding: 30px 20px;
				vertical-align: middle;
			}
			article table th {
				width: 35%;
			}
				article table th span,
				article table th span { /* 必須＆任意表示 */
					font-size: 85%;
					padding: 3px 10px 3px 15px;
					border-radius: 10px;
					letter-spacing: 0.3em;
					color: #fff;
					font-weight: bold;
					margin-right: 5px;
				}
				article table th span.must { /* 必須 */
					background: #FF898F;
				}
				article table th span.any { /* 任意 */
					background: #969696;
				}
			article table td {
			}
				article table td div {
					margin-bottom: 15px;
				}
			article.notes { /* 最後注意事項 */
				width: 80%;
				max-width: 100%;
				margin: 0 auto;
				margin-bottom: 30px;
				color: #555;
				font-size: 85%;
				padding: 10px 20px;
				text-align: center !important;
			}

/* サイトマップ */
section.sitemap {
	display: flex;
	justify-content: center;
}
section.sitemap article {
	width: 40%;
	max-width: 100%;
	padding: 30px 20px 0;
}
	section.sitemap article div {
		margin-bottom: 30px;
	}
		section.sitemap article div p {
			background: url("img/ico_arw.png") no-repeat center left;
			background-size: 20px;
			padding-left: 30px;
		}
		section.sitemap article div ul {
			margin-left: 2em;
		}
			section.sitemap article div ul li {
				position: relative;
				padding-left: 20px;
			}
			section.sitemap article div ul li::before {
				content: '';
				display: inline-block;
				position: absolute;
				top: 9px;
				left: 0;
				width: 10px;
				height: 10px;
				background-color: #FFDB46;
				border-radius: 5px;
			}
			
/* ローカルページ用 */
section.local {
	max-width: 100%;
	text-align: left;
}
section.local article {
	margin: 30px;
	padding: 30px 0;
}



div.formbtn_01 {
	margin-top: 1em;
}
	div.formbtn_01 a {
		border: 2px solid #F69;
		border-radius: 20px;
		text-decoration: none;
		color: #F69;
		font-weight: bold;
		padding: 5px 20px;
	}





@media screen and (max-width: 1000px) { /* width:1000px以下設定 */


			
footer {
	margin: 50px 0 0;
	text-align: center;
}
	footer dl {
		width: 100%;
		margin: 20px auto;
		display: block;
	}
		footer dl dt {
			margin-bottom: 20px;
		}
			footer dl dt img {
				width: auto;
			}
		
article.clm_message {
	display: block;
}
	article.clm_message div:first-child {
		padding: 0;
	}
	article.clm_message div:last-child {
		margin-top: 30px;
	}
		article.clm_message div:last-child img {
		}
		article.clm_message div:last-child p {
		}
		
article.clm_news { /* TOPページお知らせ */
	text-align: center;
}
	article.clm_news dl {
		width: 300px;
		margin: 10px auto;
	display: block;
	}


section {
	width: 95%;
	margin: 0 auto;
	margin-bottom: 30px;
}

article table {
}
	article table tr:nth-child(odd) {
	}
	article table tr {
		border-bottom: 2px solid #DCD7C5;
	}
	article table th,
	article table td {
		display: block;
		border: 0;
		padding: 20px;
		vertical-align: middle;
	}
	article table th {
		width: auto;
		padding: 20px 0 10px;
		margin: 0 20px;
		border-bottom: 2px dotted #DCD7C5;
	}
	

article.clm_preclass { /* プレクラス */
}
	article.clm_preclass dl {
		display: block;
	}
		article.clm_preclass dl dt {
			width: auto;
		}
			article.clm_preclass dl dt img {
			}
		article.clm_preclass dl dd {
			margin: 0;
			margin-top: 30px;
		}
		
section.clm_archive { /* お知らせ一覧 */
padding: 0 10px;
text-align: center;
margin: 0 auto;
margin-bottom: 10px;
}
	section.clm_archive article {
}
	section.clm_archive article dl {
		display: block;
	}
		section.clm_archive article a:link {
		}
		section.clm_archive article dl dt {
			width: 100%;
		}
		section.clm_archive article dl dd {
			margin-top: 5px;
			padding-left: 0px;
			width: 100%;
		}

div.nav_local {
	margin: 0 10px 30px;
}
		header div.head h1 {
			padding: 10px 0;
			margin-left: 10px;
		}
		

}