@charset "UTF-8";
/* CSS Document */





/* Webページの共通項目 Begin */

body {
	/* テキスト */
	font-family	: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif ;
	font-size	: 14px	;
	line-height	: 120%	;
	color       : rgb(0, 0, 0) ;
	word-break	: break-all	;
	word-wrap	: break-word ;
	/* 背景及びマージン */
	background	: url(../img/background_pattern.png), url(../img/background_pattern.png), linear-gradient(135deg, rgba(210, 250, 220, 0.7), rgba(210, 250, 220, 0.7), rgba(190, 250, 220, 0.7)), url(../img/background_image.png) ;
	background-position: left top, right top ;
	background-repeat: repeat-y ;
	margin : 45px 5px 25px 5px ;
	/* スクロール時の背景画像の制御 */
	background-attachment : fixed ;
}
@media (min-width: 800px) {
	body {
		margin : 25px ;
	}
}

/* リンクの下線なし */
a {
	text-decoration : none ;
}

/* ページプロパティ */
#page_property {
	width			: 100%	 ;
	margin			: auto	 ;
	background		: rgba(255, 255, 255, 0.7) ;
	border-radius	: 10px	 ;
	box-shadow		: 0px 0px 10px 10px rgba(255, 255, 255, 0.7) ;
}
@media (min-width: 800px) {
	#page_property {
		width		: 1200px ;
		background	: rgba(255, 255, 255, 0.8) ;
		box-shadow	: 0px 0px 10px 10px rgba(255, 255, 255, 0.8) ;
	}
}



/* ヘッダー内の配置制御 */
#header_layout {
	display 		: flex	;
	flex-direction	: row	;
	flex-wrap		: wrap	;
	justify-content	: center;
	margin-bottom	: 10px	;
}

/* ヘッダーのイメージブロック */
#header {
	margin : 10px auto ;
}
h1 {
	margin : auto ;
}

/* ヘッダーのイメージ(タイトルロゴ) */
#header_image {
	width : 100% ;
}
@media (min-width: 800px) {
	#header_image {
		width	: 500px	;
		height	: 120px	;
	}
}



/* 連絡先ボックス */
#header_contact_us {
	width	: 100%	;
	margin	: 10px auto ;
}
@media (min-width: 800px) {
	#header_contact_us {
		width	: 500px	;
	}
}

/* 連絡先ボタン群の中央揃え */
.contact_button_centering {
	display : flex ;
	justify-content : center ;
}

/* 住所ボタンデザイン */
.address_button {
	width	: 75%	;
	margin	: 10px 5px 5px 10px	;
	padding	: 15px 5px 5px 5px	;
	display	: inline-block ;
	color	: rgb(255, 255, 255) ;
	font-size	: 2.6vw ;
	font-weight	: bold ;
	text-align	: center ;
	background	: rgb(55, 115, 235) ;
	border-radius : 50px ;
}
@media (min-width: 800px) {
	.address_button {
		width		: 360px	;
		height		: 25px	;
		font-size	: 14px	;
	}
}

/* 地図のリンクボタン */
.map_button {
	width	: 18%	;
	margin	: 10px 10px 5px 5px	;
	padding	: 14px 5px 6px 5px	;
	display	: inline-block ;
	color	: rgb(255, 255, 255) ;
	font-size	: 3vw ;
	font-weight	: bold ;
	text-align	: center ;
	background	: rgb(40, 160, 90) ;
	border-radius : 50px ;
}
@media (min-width: 800px) {
	.map_button {
		width		: 80px	;
		height		: 25px	;
		font-size	: 16px	;
	}
}

/* 地図のリンクボタン内の画像 */
.map_icon {
	width	: 25px	;
	height	: 20px	;
	vertical-align : middle ;
	margin	: 0px 5px 0px 0px ;
}

/* 電話番号発信リンクボタン */
.tel_button {
	width	: 45%	;
	margin	: 5px 5px 10px 10px ;
	padding	: 10px	;
	display	: inline-block	;
	color	: rgb(255, 255, 255) ;
	font-size	: 3vw ;
	font-weight	: bold ;
	text-align	: center ;
	background	: rgb(255, 130, 50) ;
	border-radius : 50px ;
}
@media (min-width: 800px) {
	.tel_button {
		width		: 212px	;
		height		: 25px	;
		font-size	: 16px	;
	}
}

/* 電話番号発信リンクボタン内の画像 */
.tel_icon {
	width	: 25px	;
	height	: 25px	;
	vertical-align	: middle ;
	margin	: 0px 5px 0px 0px ;
}

/* デスクトップ端末での電話番号ボタンの発信の無効化 */
@media (min-width: 800px) {
	a[href^="tel:"] {
		pointer-events : none ;
	}
}

/* FAX番号ボタンデザイン */
.fax_button {
	width	: 45%	;
	margin	: 5px 10px 10px 5px ;
	padding	: 10px	;
	display	: inline-block	;
	color	: rgb(255, 255, 255) ;
	font-size	: 3vw ;
	font-weight	: bold ;
	text-align	: center ;
	background	: rgb(250, 100, 75) ;
	border-radius	: 50px ;
}
@media (min-width: 800px) {
	.fax_button {
		width		: 212px	;
		height		: 25px	;
		font-size	: 16px	;
	}
}

/* FAX番号ボタンデザイン内の画像 */
.fax_icon {
	width	: 25px	;
	height	: 25px	;
	vertical-align	: middle ;
	margin	: 0px 5px 0px 0px ;
}



/* モーダルウィンドウの制御 */
.modal {
    display	: none	;
    position: fixed	;
	top		: 0px	;
	left	: 0px	;
	z-index	: 3		;
    width	: 100%	;
	height	: 100%	;
}

/* モーダルウィンドウの背景透過 */
.modal_background {
    background	: rgba(0, 0, 0, 0.8) ;
    position	: fixed ;
    width		: 100%	;
    height		: 100%	;
}

/* モーダルウィンドウのコンテンツエリアの表示設定 */
.modal_contents_area {
    background	: rgba(0, 0, 0, 0.5) ;
    position	: absolute ;
    top			: 50% ;
    left		: 50% ;
    transform	: translate(-50%,-50%) ;
	width		: 95% ;
	max-height	: 80% ;
	padding		: 50px 0px 0px 0px ;
	overflow-y	: auto ;
}
@media (min-width: 800px) {
	.modal_contents_area {
		width		: 65% ;
		max-height	: 85% ;
	}
}

/* モーダルウィンドウのコンテンツ内のイメージ */
.modal_contents_image {
	width : 100% ;
}



/* モバイル端末用ナビゲーションメニュー表示ボタン */
#menu_open_button {
	display	: block	;
	position: fixed	;
	top		: 5px	;
	right	: 5px	;
	z-index	: 2		;
	width	: 90px	;
	height	: 50px	;
	padding	:  5px	;
	font-size	: 16px	;
	font-weight	: bold	;
	color		: rgb(255, 255, 255) ;
	background	: rgba(0, 0, 0, 0.7) ;
	border		: 5px double rgb(255, 255, 255) ;
	border-radius : 50px ;
}

/* モバイル端末用ナビゲーションメニュー閉じるボタン */
#menu_close_button {
	display	: block		;
	position: absolute	;
	top		: 5px		;
	right	: 50%		;
	transform : translate(50%,0%) ;
	z-index	: 3		;
	width	: 120px	;
	height	: 40px	;
	padding	:  5px	;
	font-size	: 16px	;
	font-weight	: bold	;
	color		: rgb(255, 255, 255)	;
	background	: rgba(0, 40, 230, 0.7)	;
	border		: 5px double  rgb(255, 255, 255)	;
	border-radius : 50px ;
}

/* モバイル端末用ナビゲーションメニュー(モーダルウィンドウ) */
.modal_navigation_content {
    background	: rgba(255, 255, 255, 0.3) ;
    position	: absolute ;
    top		: 50% ;
    left	: 50% ;
    transform : translate(-50%,-50%) ;
	width : 300px ;
	max-height		: 90% 	;
	border-radius	: 20px 	;
	overflow-y		: auto 	;
}

.mobile_menu_container {
	margin	: auto	;
	width	: 250px	;
	max-height	: 500px	;
	padding-top	: 50px	;
	padding-bottom : 20px ;
}

.mobile_menu_container .mobile_menu_box {
	display		: block	;
	list-style	: none	;
	margin		: 0px	;
	padding		: 0px	;
}

.mobile_menu_container .mobile_menu_box .mobile_menu_lists a {
	background	: repeating-linear-gradient(-45deg, rgb(190, 180, 140) 1px, rgb(210, 190, 150) 7px) ;
	box-shadow	: 0px 0px 0px 3px rgb(210, 190, 150) ;
	border		: 2px dashed rgb(255, 255, 255) ;
	border-radius : 10px ;
	display	: block 	;
	padding	: 15px 20px	;
	margin	: 20px		;
	font-family	: 'Yu Gothic UI', sans-serif ;
	font-size	: 20px	;
	font-weight	: bold	;
	color : rgb(100, 30, 0) ;
	text-align : center ;
	text-decoration : none	 ;
	text-shadow : 	0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255);
}

.mobile_menu_container .mobile_menu_box .mobile_menu_lists a:hover {
	color : rgb(255, 90, 0) ;
}

/* モバイル端末でデスクトップナビゲーションメニューの非表示 */
#desktop_navigation_menu {
	display : none ;
}



/* デスクトップ端末でのナビゲーションメニューの制御 */
@media (min-width: 800px) {
	#mobile_navigation_menu {
		display : none ;
	}

	#desktop_navigation_menu {
		display : block ;
		margin	: auto	;
		margin-bottom : 25px ;
	}

	.desktop_menu_container .desktop_menu_box {
		display	: flex	;
		justify-content	: space-between	;
		list-style	: none	;
		margin	: 0px ;
		padding	: 0px ;
	}

	.desktop_menu_container .desktop_menu_box .desktop_menu_lists {
		flex : auto ;
	}

	.desktop_menu_container .desktop_menu_box .desktop_menu_lists a {
		background	: repeating-linear-gradient(-45deg, rgb(190, 180, 140) 1px, rgb(210, 190, 150) 7px) ;
		box-shadow	: 0px 0px 0px 3px rgb(210, 190, 150) ;
		border		: 2px dashed rgb(255, 255, 255) ;
		border-radius : 5px ;
		display	: block 	;
		padding	: 10px 20px	;
		margin	: 10px		;
		font-family	: 'Yu Gothic UI', sans-serif ;
		font-size	: 20px	;
		font-weight	: bold	;
		color : rgb(100, 30, 0) ;
		text-align : center ;
		text-decoration : none	 ;
		text-shadow : 	0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255),
						0 0 2px rgb(255, 255, 255);
	}

	.desktop_menu_container .desktop_menu_box .desktop_menu_lists a:hover {
		color : rgb(255, 90, 0) ;
	}

	/* ナビゲーションのリンクボタンのロールオーバー(下線) */
	.desktop_menu_lists a {
		position	: relative		;
		display		: inline-block	;
		transition	: .3s ;
	}
	.desktop_menu_lists a::after {
		position : absolute ;
		bottom	: 0		;
		left	: 50%	;
		content	: ''	;
		width	: 0		;
		height	: 2px	;
		background-color : rgb(255, 90, 0) ;
		transition	: .3s ;
		transform	: translateX(-50%) ;
	}
	.desktop_menu_lists a:hover::after{
		width : 100% ;
	}
}



/* 各ページのインデックス(タイトル) */
#page_index {
	background		: repeating-linear-gradient(-45deg, rgb(210, 230, 210),rgb(230, 250, 250) 4px, rgb(240, 245, 250) 8px) ;
	border-left		: 7px solid rgb(80, 220, 135) ;
	border-radius	: 5px	;
	width			: 92%	;
	margin-bottom	: 30px	;
	padding			: 10px	;
	color			: rgb(160, 110, 30)	;
	font-size		: 14px	;
	box-shadow		: 3px 3px 3px rgba(0,0,0,0.3) ;
	position		: sticky ;
	top				: 5px	;
	z-index			: 1		;
}
@media (min-width: 800px) {
	#page_index {
		width : 1167px ;
		position : static ;
	}
}



/* フッター */
#footer {
	display			: flex 	;
	flex-direction	: row 	;
	flex-wrap		: wrap 	;
	justify-content	: center 	;
	margin			: 10px auto ;
	position		: relative 	;
	background		: linear-gradient(180deg, rgba(165, 255, 180, 0.2), rgba(240, 255, 150, 0.3), rgba(165, 200, 255, 0.2)) ;
	padding			: 15px 10px 50px 10px ;
	border-top		: 8px dotted rgb(120, 190, 150) ;
	border-radius	: 0px 0px 10px 10px ;
	box-shadow		: 0px 0px 15px 5px rgba(255, 255, 255, 0.7) inset ;
}

/* フッターのイメージのボックス */
#footer_image_box {
	margin : 10px ;
}

/* フッターのイメージ(タイトル) */
#footer_image {
	width	: 100%	;
	margin	: 0px 	;
}

/* フッターの住所・電話番号ボックス */
#footer_contact_us {
	margin : 10px ;
}

/* フッターの住所のテキスト */
#footer_address_text {
	margin		: 0px 0px 5px 0px ;
	color		: rgb(60, 60, 60) ;
	font-size	: 14px ;
	font-weight	: bold ;
	font-family	: 'Yu Gothic UI',sans-serif ;
	text-shadow	: 	0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255),
					0 0 2px rgb(255, 255, 255);
}

/* フッターの電話番号のテキスト */
#footer_tel_text {
	margin		: 10px 0px 0px 0px ;
	color		: rgb(60, 60, 60) ;
	font-size	: 26px ;
	line-height	: 100% ;
	font-weight	: bold ;
	font-family	: 'Yu Gothic UI',sans-serif ;
	text-shadow	: 	0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255),
					0 0 3px rgb(255, 255, 255);
}

/* コピーライト */
#copyright {
	width		: 90%		;
	position	: absolute	;
	bottom		: 10px		;
	font-size	: 12px		;
	text-align	: center	;
}



/* アニメーションリスト Begin */
/* pulse */  
@keyframes pulse {
	0% { transform: scale(1.1) }
	35% { transform: scale(0.9) }
	65% { transform: scale(1.1) }
	100% { transform: scale(1.1) }
}

/* bounce */
@keyframes bounce {
	0% { transform:translateY(0) }
	5% { transform:translateY(0) }
	10% { transform:translateY(0) }
	20% { transform:translateY(-15px) }
	25% { transform:translateY(0) }
	30% { transform:translateY(-15px) }
	50% { transform:translateY(0) }
	100% { transform:translateY(0) }
}

/* float */
@keyframes float {
	0% { transform: translateY(0) }
	33% { transform: translateY(-6px) }
	66% { transform: translateY(0) }
	100% { transform: translateY(0) }
}

/* horizontal */
@keyframes horizontal {
	0% { transform:translate(0,0) }
	6% { transform:translate(5px,0) }
	13% { transform:translate(0,0) }
	20% { transform:translate(5px,0) }
	27% { transform:translate(0,0) }
	34% { transform:translate(5px,0) }
	41% { transform:translate(0,0) }
	100% { transform:translate(0,0) }
}
/* アニメーションリスト End */

/* Webページの共通項目 End */










/* ホーム(トップページ) Begin */

/* お知らせの配置制御 */
#information_layout {
	margin-top		: 50px ;
	margin-bottom	: 60px ;
}
@media (min-width: 800px) {
	#information_layout {
		width	: 100%	;
		display	: flex	;
		justify-content	: center ;
		align-items	: center ;
	}
}

/* お知らせボックス */
#information_box {
	width	: 100% ;
	margin	: auto ;
	border	: 3px double rgb(120, 190, 150) ;
	border-radius	: 20px	;
	box-sizing		: border-box ;
}
@media (min-width: 800px) {
	#information_box {
		width 	: 800px ;
	}
}

/* お知らせ見出し */
#information_item {
	background		: repeating-linear-gradient(-45deg, rgb(240, 240, 255), rgb(240, 255, 240) 5px, rgb(240, 255, 255) 5px, rgb(255, 255, 255) 10px) ;
	border-top		: 5px double rgb(140, 205, 180) ;
	border-right	: 12px double rgb(120, 160, 175) ;
	border-bottom	: 5px double rgb(140, 165, 110) ;
	border-left		: 12px double rgb(185, 155, 140) ;
	border-radius 	: 50px	;
	width			: 70%	;
	margin			: 20px auto	;
	padding			: 10px	;
	color			: rgb(50, 0, 100) ;
	font-size 		: 18px 	;
	text-align		: center ;
	letter-spacing 	: 10px 	;
}
/*
#information_item {
	background		: repeating-linear-gradient(-45deg, rgb(255, 225, 190), rgb(255, 225, 190) 3px,rgb(255, 205, 165) 2px, rgb(255, 205, 165) 6px) ;
	border			: 3px double rgb(255, 180, 110) ;
	border-radius 	: 30px	;
	width			: 90%	;
	margin			: auto	;
	margin-top		: 20px	;
	margin-bottom	: 20px	;
	padding			: 10px	;
	color			: rgb(100, 30, 0) ;
	font-size 		: 20px 	;
	text-align		: center ;
	letter-spacing 	: 15px 	;
}
*/

/* お知らせエリア */
#information_area {
	width		 	: 90% 	;
	height			: 400px	;
	margin 			: auto	;
	margin-bottom	: 20px	;
	padding			: 20px 5px 10px 5px	;
	background		: rgba(255, 255, 255, 0.4) ;
	overflow-y		: auto	;
}
@media (min-width: 800px) {
	#information_area {
		width	: 720px	;
		height	: 300px	;
		padding	: 25px 15px 15px 15px ;
	}
}

/* お知らせの小見出しの配置制御 */
.information_headline {
	font-size	: 16px	;
	line-height	: 135%	;
	display		: flex	;
	flex-direction : column ;
	color : rgb(100, 30, 0) ;
}
@media (min-width: 800px) {
	.information_headline {
		flex-direction	: row		;
		justify-content	: center	;
	}
}

/* お知らせの日付 */
.information_date {
	width			: 120px	;
	margin-bottom	: 10px	;
	padding-left	: 5px	;
}
@media (min-width: 800px) {
	.information_date {
		margin-right	: 5px	;
		margin-bottom	: 0px	;
		padding-left	: 20px	;
	}
}

/* お知らせの内容 */
.information_contents {
	width		: auto	;
	text-align	: left	;
	padding		: 0px 0px 0px 5px ;

}
@media (min-width: 800px) {
	.information_contents {
		width		: 550px	;
		margin-left	: 5px	;
		padding		: 0px 5px 0px 5px ;
	}
}

/* お知らせのリンクの回転エフェクト */
a .hover_effect_rotate {
	transition	: .5s ;
	display		: inline-block ;
}
a:hover .hover_effect_rotate {
	transform : rotateX(360deg) ;
}

/* お知らせの罫線 */
.information_line {
	width			: 100%	;
	height			: 5px	;
	margin-bottom	: 25px	;
	border			: 0px	;
	box-shadow		: 0px 5px 5px -2px rgba(100, 160, 120, 0.5) inset ;
}

/* お知らせボックス左の画像 */
.information_image_1 {
	display	: none ;
}
@media (min-width: 800px) {
	.information_image_1 {
		display	: block	;
		width	: 170px	;
		margin	: auto	;
		animation : pulse 2s linear infinite ;
		transform-origin : 50% 50% ;
	}
}

/* お知らせボックス右の画像 */
.information_image_2 {
	display	: none ;
}
@media (min-width: 800px) {
	.information_image_2 {
		display	: block	;
		width	: 140px	;
		margin	: auto	;
		animation : bounce 3s ease infinite ;
	}
}



/* 園内写真 */
.kodomoen_sight_image {
	border			: 3px double rgb(120, 190, 150) !important;
	box-sizing		: border-box ;
	border-radius	: 10px ;
}



/* googleマップの表示ボックス */
#google_map_box {
	border		: 3px double rgb(120, 190, 150) ;
	margin		: 80px 0px		;
	box-sizing	: border-box	;
}
#google_map {
	display	: block	;
	width	: 100%	;
	height	: 350px	;
	margin	: auto	;
}
@media (min-width: 800px) {
	#google_map {
		height : 500px ;
	}
}



/* googleストリートビューの表示ボックス */
#google_street_view_box {
	border	: 3px double rgb(120, 190, 150) ;
	width	: 80% ;
	margin-bottom	: 80px ;
	box-sizing		: border-box ;
}
#google_street_view {
	display	: block	;
	width	: 100%	;
	height	: 350px	;
	margin	: auto	;
}
@media (min-width: 800px) {
	#google_street_view {
		height : 500px ;
	}
}

/* ホーム(トップページ) End */










/* 園の紹介ページ Begin */

/* 園の紹介ページ内コンテンツのレイアウト */
.introduction_layout {
	display	: block;
}
@media (min-width: 800px) {
	.introduction_layout {
		width	: 100%	;
		display	: flex	;
		justify-content	: space-around ;
		align-items	: stretch;
	}
}

/* 園の紹介ページの各コンテンツボックスの設定 */
.introduction_default_contents_box {
	border			: 3px dotted rgb(120, 190, 150) ;
	width		 	: 90% 	;
	margin 			: auto	;
	margin-bottom	: 80px	;
	padding			: 5px 	;
	background		: rgba(255, 255, 255, 0.4) ;
	border-radius	: 0px 20px	;
	color			: rgb(100, 30, 0) ;
	font-size 		: 16px 	;
	line-height		: 150%	;
}
@media (min-width: 800px) {
	/* 認定こども園とはボックス */
	#about_kodomoen_box {
		width	: 360px	;
		padding	: 5px 15px ;
		margin-bottom : 25px ;
	}

	/* 見取り図ボックス */
	#floor_plan_box {
		width	: 360px	;
		padding	: 5px 15px ;
	}

	/* 概要ボックス */
	#profile_box {
		width	: 720px	;
		padding	: 5px 15px ;
	}

	/* 法人の理念ボックス */
	#philosophy_box {
		width	: 400px	;
		padding	: 5px 15px ;
	}

	/* 運営の方針ボックス */
	#management_policy_box {
		width	: 680px	;
		padding	: 5px 15px ;
	}

	/* 教育・保育目標ボックス */
	#objective_box {
		width	: 540px	;
		padding	: 5px 15px ;
	}

	/* 教育・保育方針ボックス */
	#education_policy_box {
		width	: 540px	;
		padding	: 5px 15px ;
	}

	/* 苦情対応についてボックス */
	#complaint_box {
		width	: 550px	;
		padding	: 5px 15px ;
	}

	/* 苦情報告ボックス */
	#complaint_report_box {
		width	: 530px	;
		padding	: 5px 15px ;
	}
}

/* 園の紹介ページ内コンテンツの小見出し */
.introduction_contents_item {
	background	: repeating-linear-gradient(-45deg, rgb(195, 235, 200), rgb(195, 235, 200) 3px,rgb(195, 245, 210) 2px, rgb(195, 245, 210) 6px) ;
	border		: 1px solid rgb(70, 220, 250) ;
	border-radius : 0px 20px ;
	width		: 220px	;
	margin		: 25px 0px	;
	padding		: 10px 5px	;
	color		: rgb(100, 30, 0) ;
	font-size 	: 16px 	;
	line-height	: 100%	;
	text-align	: center ;
}



/* 認定こども園とはボックス内の画像 */
.about_kodomoen_image {
	display	: none ;
}
@media (min-width: 800px) {
	.about_kodomoen_image {
		display		: block	;
		width		: 150px	;
		margin		: 25px auto	;
		animation	: float 3s linear infinite ;
		transform-origin : 50% 50% ;
	}
}



/* 見取り図 */
#floor_plan_img {
	display	: block	;
	border	: 2px solid rgb(120, 190, 150) ;
	width	: 79% ; /* default 99% */
	margin	: 10px auto ;
	border-radius	: 10px ;
	box-sizing		: border-box ;
	box-shadow		: 3px 3px 5px rgba(0,0,0,0.3) ;
}



/* 概要の行内の配置制御 */
.profile_rowsline {
	display			: flex		;
	flex-wrap		: nowrap	;
	flex-direction	: column	;
	margin			: 0px		;
}
@media (min-width: 800px) {
	.profile_rowsline {
		font-size		: 14px	;
		flex-wrap		: wrap	;
		flex-direction	: row	;
	}
}

/* 概要の小見出し */
.profile_item {
	width			: 120px	;
	background		: rgba(120, 220, 160, 0.7) ;
	border-radius	: 0px 10px	;
	text-align		: center	;
	margin			: 0px 0px 10px 0px ;
	padding			: 5px ;
}
@media (min-width: 800px) {
	.profile_item {
		width	: 110px	;
		margin	: 0px 0px 14px 0px ;
	}
}

/* 概要の内容 */
.profile_contents {
	width			: auto ;
	background		: rgba(215, 215, 215, 0.7) ;
	border-radius	: 0px 10px	;
	text-align		: left		;
	margin			: 0px 0px 20px 0px ;
	padding			: 5px 2% ;
}
@media (min-width: 800px) {
	.profile_contents {
		width	: 560px ;
		margin	: 0px 0px 14px 10px ;
	}
}



/* 教育・保育目標ボックス内の画像 */
.objective_image {
	display	: none ;
}
@media (min-width: 800px) {
	.objective_image {
		display	: block	;
		width	: 220px	;
		margin	: 25px auto	;
		animation : horizontal 2s ease infinite ;
		transform-origin : 50% 50% ;
	}
}



/* 苦情対応についてボックス内の小見出し */
.complaint_box_item {
	border-bottom	: 6px solid rgb(110, 160, 250) ;
	border-radius	: 0px 0px 5px 5px ;
	width		: 160px	;
	margin		: 30px 0px 15px 0px ;
	padding		: 5px	;
	color		: rgb(100, 30, 0) ;
	font-size 	: 16px 	;
	line-height	: 100%	;
	text-align	: center ;
}

/* 苦情対応についての行内の配置制御 */
.complaint_rowsline {
	display	: flex ;
	flex-direction : column ;
}
@media (min-width: 800px) {
	.complaint_rowsline {
		font-size		: 14px	;
		flex-direction	: row	;
		justify-content	: center ;
	}
}

/* 苦情対応について内容の小見出し */
.complaint_item {
	width			: 120px	;
	background		: rgba(120, 220, 160, 0.7) ;
	border-radius	: 0px 10px	;
	text-align		: center	;
	margin-bottom	: 10px	;
	padding			: 5px	;
}
@media (min-width: 800px) {
	.complaint_item {
		width			: 110px	;
		margin-right	: 5px	;
		margin-bottom	: 0px	;
	}
}

/* 苦情対応についての内容 */
.complaint_contents {
	width			: auto	;
	background		: rgba(215, 215, 215, 0.7) ;
	border-radius	: 0px 10px ;
	text-align		: left	;
	margin-bottom	: 5px	;
	padding			: 5px 2% ;
}
@media (min-width: 800px) {
	.complaint_contents {
		width			: 560px	;
		margin-left		: 5px	;
		margin-bottom	: 0px	;
	}
}



/* 苦情報告エリア */
#complaint_report_area {
	width		 	: 97% 	;
	height			: 400px	;
	margin 			: auto	;
	margin-bottom	: 20px	;
	padding			: 20px 5px 10px 5px	;
	background		: rgba(255, 255, 255, 0.4) ;
	overflow-y		: auto	;
}
@media (min-width: 800px) {
	#complaint_report_area {
		width	: 520px	;
		height	: 310px	;
		padding	: 25px 5px 15px 5px ;
	}
}

/* 苦情報告の小見出しの配置制御 */
.complaint_report_headline {
	font-size	: 16px	;
	line-height	: 135%	;
	display		: flex	;
	flex-direction : column ;
	color : rgb(100, 30, 0) ;
}
@media (min-width: 800px) {
	.complaint_report_headline {
		font-size		: 15px		;
		flex-direction	: row		;
		justify-content	: center	;
	}
}

/* 苦情報告の日付 */
.complaint_report_date {
	width			: 120px	;
	margin-bottom	: 10px	;
	padding-left	: 5px	;
}
@media (min-width: 800px) {
	.complaint_report_date {
		width			: 110px	;
		margin-right	: 5px	;
		margin-bottom	: 0px	;
		padding-left	: 10px	;
	}
}

/* 苦情報告の内容 */
.complaint_report_contents {
	width		: auto	;
	text-align	: left	;
	padding		: 0px 0px 0px 5px ;
}
@media (min-width: 800px) {
	.complaint_report_contents {
		width		: 360px	;
		margin-left	: 5px	;
		padding		: 0px 5px 0px 5px ;
	}
}

/* 苦情報告の罫線 */
.complaint_report_line {
	width			: 100%	;
	height			: 5px	;
	margin-bottom	: 25px	;
	border			: 0px	;
	box-shadow		: 0px 5px 5px -2px rgba(100, 160, 120, 0.5) inset ;
}

/* 苦情報告ボックス内の画像 */
.complaint_report_image {
	display	: none ;
}
@media (min-width: 800px) {
	.complaint_report_image {
		display	: block	;
		width	: 150px	;
		margin	: 100px 30px 30px 30px ;
		margin-left	: auto ;
		animation	: bounce 4s ease infinite ;
		transform-origin : 50% 50% ;
	}
}

/* 園の紹介ページ End */










/* 公開資料ページ Begin */

/* 公開資料ページ内のコンテンツのレイアウト */
.documents_layout {
	display	: block;
}
@media (min-width: 800px) {
	.documents_layout {
		width	: 100%	;
		display	: flex	;
		justify-content	: space-around ;
		align-items	: stretch;
	}
}

/* 公開資料ページ内の各コンテンツボックスの設定 */
.documents_default_contents_box {
	border			: 3px dotted rgb(120, 190, 150) ;
	width		 	: 90% 	;
	margin 			: auto	;
	margin-bottom	: 80px	;
	padding			: 5px 	;
	background		: rgba(255, 255, 255, 0.4) ;
	border-radius	: 0px 20px	;
	color			: rgb(100, 30, 0) ;
	font-size 		: 16px 	;
	line-height		: 150%	;
}
@media (min-width: 800px) {
	/* 園だよりボックス */
	#letter_box {
		width	: 540px	;
		padding	: 5px 15px ;
	}

	/* 事業報告書ボックス */
	#business_report_box {
		width	: 540px	;
		padding	: 5px 15px ;
	}

	/* 現況報告書ボックス */
	#genkyo_report_box {
		width	: 540px	;
		padding	: 5px 15px ;
	}

	/* その他の報告書ボックス */
	#other_report_box {
		width	: 540px	;
		padding	: 5px 15px ;
	}
}

/* 公開資料ページ内のコンテンツの小見出し */
.documents_contents_item {
	background	: repeating-linear-gradient(-45deg, rgb(195, 235, 200), rgb(195, 235, 200) 3px,rgb(195, 245, 210) 2px, rgb(195, 245, 210) 6px) ;
	border		: 1px solid rgb(70, 220, 250) ;
	border-radius : 0px 20px ;
	width		: 220px	;
	margin		: 25px 0px	;
	padding		: 10px 5px	;
	color		: rgb(100, 30, 0) ;
	font-size 	: 16px 	;
	line-height	: 100%	;
	text-align	: center ;
}

/* 公開資料ページ内の罫線 */
.documents_default_line {
	width			: 100%	;
	height			: 5px	;
	margin-bottom	: 25px	;
	border			: 0px	;
	box-shadow		: 0px 5px 5px -2px rgba(100, 160, 120, 0.5) inset ;
}



/* 園だよりエリア */
#letter_area {
	width		 	: 97% 	;
	height			: 400px	;
	margin 			: auto	;
	margin-bottom	: 20px	;
	padding			: 20px 5px 10px 5px	;
	background		: rgba(255, 255, 255, 0.4) ;
	overflow-y		: auto	;
}
@media (min-width: 800px) {
	#letter_area {
		width	: 530px	;
		height	: 500px	;
		padding	: 25px 5px 15px 5px ;
	}
}

/* 園だよりの内容 */
.letter_contents {
	font-size	: 16px	;
	line-height	: 135%	;
	color		: rgb(100, 30, 0) ;
	padding		: 0px 5px ;
}
@media (min-width: 800px) {
	.letter_contents {
		font-size	: 14px		;
		padding		: 0px 10px	;
	}
}



/* 事業報告書エリア */
#business_report_area {
	width		 	: 97% 	;
	height			: 400px	;
	margin 			: auto	;
	margin-bottom	: 20px	;
	padding			: 20px 5px 10px 5px	;
	background		: rgba(255, 255, 255, 0.4) ;
	overflow-y		: auto	;
}
@media (min-width: 800px) {
	#business_report_area {
		width	: 530px	;
		height	: 500px	;
		padding	: 25px 5px 15px 5px ;
	}
}

/* 事業報告書の内容 */
.business_report_contents {
	font-size	: 16px	;
	line-height	: 135%	;
	color		: rgb(100, 30, 0) ;
	padding		: 0px 5px ;
}
@media (min-width: 800px) {
	.business_report_contents {
		font-size	: 14px		;
		padding		: 0px 10px	;
	}
}



/* 現況報告書エリア */
#genkyo_report_area {
	width		 	: 97% 	;
	height			: 400px	;
	margin 			: auto	;
	margin-bottom	: 20px	;
	padding			: 20px 5px 10px 5px	;
	background		: rgba(255, 255, 255, 0.4) ;
	overflow-y		: auto	;
}
@media (min-width: 800px) {
	#genkyo_report_area {
		width	: 530px	;
		height	: 500px	;
		padding	: 25px 5px 15px 5px ;
	}
}

/* 現況報告書の内容 */
.genkyo_report_contents {
	font-size	: 16px	;
	line-height	: 135%	;
	color		: rgb(100, 30, 0) ;
	padding		: 0px 5px ;
}
@media (min-width: 800px) {
	.genkyo_report_contents {
		font-size	: 14px		;
		padding		: 0px 10px	;
	}
}



/* その他の報告書エリア */
#other_report_area {
	width		 	: 97% 	;
	height			: 400px	;
	margin 			: auto	;
	margin-bottom	: 20px	;
	padding			: 20px 5px 10px 5px	;
	background		: rgba(255, 255, 255, 0.4) ;
	overflow-y		: auto	;
}
@media (min-width: 800px) {
	#other_report_area {
		width	: 530px	;
		height	: 500px	;
		padding	: 25px 5px 15px 5px ;
	}
}

/* その他の報告書の内容 */
.other_report_contents {
	font-size	: 16px	;
	line-height	: 135%	;
	color		: rgb(100, 30, 0) ;
	padding		: 0px 5px ;
}
@media (min-width: 800px) {
	.other_report_contents {
		font-size	: 14px		;
		padding		: 0px 10px	;
	}
}

/* 公開資料ページ End */














/* モーダルウィンドウ内のコンテンツボックス例 未使用 */
.modal_xxx_content {
    background	: rgb(255, 255, 255) ;
    position	: absolute	;
    top			: 50%	;
    left		: 50%	;
    transform	: translate(-50%,-50%) ;
    width		: 60%	;
    padding		: 40px	;
}