/*
Theme Name: 豊明幼稚園
Theme URL: http://toyoake.ac.jp/
Description: 豊明幼稚園用テンプレートです
Author: Mitsutaka Nakamura
Version: 1.0
*/

@charset "utf-8";
@import "css/common.css";
@import "css/slick-theme.css";
@import "css/slick.css";

/* common
**************************************/
a:hover img {
	opacity: 0.8;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

html body{

}

/* 改行を消す */
.br-sp {
	display:none;
}


/* index
**************************************/
#wrap {
	width: 100%;
	margin: 0 auto;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	background: url("./images/bg.jpg") repeat-x;
	font-size:30px;
}

header {
	width:1200px;
	margin: 0 auto;
}



header h1 {
	float: left;
	width: 187px;
	margin: 23px 35px 24px 5px;
}

header p.head_cap{
	line-height:87px;
}

header #head_info{
	width:370px;
	float:right;
	margin-top:5px;
}

header #head_info ul {
	margin-bottom:2px;
}

header #head_info li {
	float:right;
	margin-left:1em;
}

header #head_info li a {
		background: url("./images/sp/btn_circle.jpg") no-repeat;
		font-weight:bold;
		font-size: 1em;
		color:#304038;
		line-height:16px;
		text-decoration:none;
		padding-left:20px;
	}

header #head_info li a:hover{
		text-decoration:underline;
		opacity:0.7;
	}

header #head_info p.link_btn {
		text-align:center;
		float:left;
	}

header #head_info p.link_btn a{
		background: url("./images/btn_mail.jpg") no-repeat 15px 10px #ffba00;
		font-size: 14px;
		line-height:31px;
		display:inline-block;
		font-weight:bold;
		color:#fff;;
		border-radius:5px;
		width:114px;
		height:32px;
		padding-left:30px;
		text-decoration:none;
	}

header #head_info p.link_btn a:hover{
		opacity:0.7;
	}

header #head_info p.phone {
		float: right;
		font-size: 24px;
		font-weight:bold;
		color:#ff8ca4;
		height:32px;
		line-height:32px;
		background: url("./images/sp/btn_phone.png") no-repeat;
		padding-left:30px;
		text-indent:0;
}

header #head_info p.phone_cap {
	clear:both;
	text-align:right;
	font-size:11px
}


/* お知らせ部分 */

#info_bar_bg{
	width:100%;
	background:#1f975e;
}
#info_bar{
	width:1200px;
	margin:0 auto;
    overflow: hidden;
   position: relative;
}
#info_bar p{
	float:left;
    background: #ff1b4b;
    vertical-align: middle;
	width:111px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: bold;
	line-height:3em;
	text-align:center;
}
#info_bar p:after{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ff1b4b;
    border-width: 1.5em;
    margin-top: -1.5em;
}

#info_bar ul{
	float:left;
	width:1080px;
	height:3em;
	line-height:3em;
    overflow: hidden;
   position: relative;
}
#info_bar ul li{
    overflow: hidden;
    display: none;
}
#info_bar ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-left:2em;
	overflow:hidden;
	widows:90%
}

/* メインイメージ */

	#key{
		position:relative;
	}
	#key img.pc{
		width:1200px;
		margin:0 auto;
	}
	#key .slide_wrap{
		position:absolute;
		width:100%;
		height:576px;
		z-index:20;
		background: url("./images/img_top_main00.png") top center no-repeat;
	}

#wide{
	z-index:10;
	min-width:1200px !important;
}


/* グローバルメニュー */

nav ul#main_menu {
	width:1200px !important;
	margin:0 auto;
 	position:absolute;
	top:-120px;
/* 	overflow:hidden;
	  z-index:1; */
		z-index:50;
}

nav ul#main_menu li {
/* display:inline-block;
	vertical-align:top; */
	display:inline;
	float:left;
	width:195px;
	margin-right:56px;
	font-size: 12px;
	position:relative;
}
nav ul#main_menu li:last-child {
	margin-right: 0;
}
nav ul#main_menu li a {
	width:100%;
	display: block;
	line-height: 2em;
	text-decoration: none;
	color: #000;
}

nav ul#main_menu li a img{
	width:195px;
}
nav ul#main_menu li.m03 {
	margin-top:50px;
}
nav ul#main_menu li.m02,
nav ul#main_menu li.m04 {
	margin-top:25px;
}

nav ul#main_menu li ul{
	width: 140px;
	clear: both;
	float: none;
	background:#fff;
	padding:5px 10px;
	border:1px solid #ffba00;
	position:absolute;
	left:16px;
}

nav ul#main_menu li ul li{
	display:block;
	width:100%;
	margin-right: 0;
	border-bottom:1px dotted #ffba00;
	padding-right:0;
}

nav ul#main_menu li ul li span{
	color:#ffba00;
}

nav ul#main_menu li ul li:last-child {
	border-bottom: none;
}
#main_menu li ul{
  opacity: 0;
  top: 70%;
  visibility: hidden;
  transition: .5s;
}
#main_menu li:hover ul{
  top: 70%;
  visibility: visible;
  opacity: 1;
}

nav ul#main_menu li ul li a:hover{
	background:#fedb7f;
}



.menu01,
.menu02,
.menu03,
.menu04{
	display:none;
}


/* パンくず */
#breadcrumbs{
	width:1160px;
	margin:0 auto;
}

#breadcrumbs ol {
	margin-left:0;
	margin-bottom: 50px;
}

#breadcrumbs ol li {
	font-weight:bold;
  display: inline;
  list-style-type: none;
	color:#1f975e;
	font-size:14px;
}
#breadcrumbs ol li a{
	font-weight:bold;
	color:#ffba00;
	text-decoration:none;
}
#breadcrumbs ol li a:hover{
	text-decoration:underline;
}

#breadcrumbs ol li:before {
  content: "　>　";
}
#breadcrumbs ol li:first-child:before {
  content:"";
}



/* 各下層ページ内 menu共通 */

main section ul.cnt_menu li a:before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: 1.3em 0 0 0.5em;
	border: 5px solid transparent;
	border-top: 5px solid #ffba00;
}

.cnt_menu li a:hover {
	opacity: 0.7;
}

	main section ul.cnt_menu {
		width:100%;
		margin:0 auto;
	}
	main section ul.cnt_menu li {
		positon:relative;
		float:left;
		width:214px;
		text-align:center;
		background:#39a8ea;
		margin-right:16px;
		margin-bottom:1em;
		border-radius:2px;
		padding:2px;
	}
	main section ul.cnt_menu li a{
		display:inline-block;
		width:100%;
		font-weight:bold;
		font-size:18px;
		color:#fff;
		height:3em;
		line-height:3em;
		text-decoration:none;
	}
	main section ul.cnt_menu li a.w_t{
		display:inline-block;
		line-height:1.5em;
	}

	main section ul.cnt_menu li:last-child {
	margin-right: 0;
}

/* 豊明幼稚園について about */

	main section ul#about_menu{
		width:920px;
		margin:0 auto;
	}

	main section ul#about_menu li {
		background:#60bd91;
	}
	main section ul#about_menu li a{
		color:#fff;
	}

/* 入園案内 enter */
	main section ul#enter_menu{
		width:690px;
		margin:0 auto;
	}

	main section ul#enter_menu li {
		background:#39a8ea;
	}
	main section ul#enter_menu li a{
		color:#fff;
	}

/* アクセス access */
	main section ul#access_menu{
		width:455px;
		margin:0 auto;
	}

	main section ul#access_menu li {
		background:#ff8ca4;
	}
	main section ul#access_menu li a{
		color:#fff;
	}

/* お家の方へ info */

	main section ul#info_menu{
		width:690px;
		margin:0 auto;
	}

	main section ul#info_menu li {
		background:#ffa800;
	}
	main section ul#info_menu li a{
		color:#fff;
	}
	main section ul#info_menu li:nth-child(3) {
		margin-right:0;
	}

	main section .msg_box {
		width: 700px;
		text-align: left;
		margin: 0 auto;
	}

	main section .msg_box dl{
		margin-bottom: 1em;
	}

	main section .msg_box dl dt{
		font-size: 14px;
		font-weight: bold;
	}

	main section .msg_box dl dd{
		font-size: 14px;
		padding-left: 1em;
	}

	main section .msg_box dl dd ul li{
		font-size: 14px;
		line-height: 1.5;
	}

	main section .msg_box dl dd table td{
		font-size: 14px;
		line-height: 1.5;
	}

	main section .msg_box dl dd table tr td:last-child{
		padding-left: 1em;
	}

	main section .msg_box dl+p {
		margin-bottom: 0;
	}

	@media screen and (max-width: 640px){
		main section .msg_box {
			width: 98% !important;
			margin: 0 auto;
		}

		main section .msg_box p{
			text-align: left;
			padding:0 1em;
		}

		main section .msg_box dl dt,
		main section .msg_box dl dd,
		main section .msg_box dl dd ul li,
		main section .msg_box dl dd table td,
		main section .msg_box p{
			font-size: 1em;
		}

	}



/* 園での生活 life */

	main section ul#life_menu li {
		background:#e36370;
	}
	main section ul#life_menu li a{
		color:#fff;
	}












/* セクション設定 */
	main section h2 {
		font-weight:bold;
		font-size: 28px;
		text-align:center;
		margin:0 0 50px;
		color:#1f975e;
		padding-top:50px
	}

section{
	width:1160px;
	margin:0 auto 50px;
}

section p{
	font-size:14px;
	margin-bottom:2em;
}

main section a:link,
main section a:visited{
	color:#ffaf00;
	font-weight:bold;
}

main section a:hover{
	text-decoration:underline;
}



/* ライン */

.line01{
	background: url("./images/sp/bg_line01.jpg") repeat-x;
	height:7px;
	border:none;
	margin-bottom:50px;
}





/* TOP内 メニュー */

	main section ul#top_menu {


	}
	main section ul#top_menu li {
		float:left;
		width:290px;
		text-align:center;

	}
	main section ul#top_menu li h3{
		text-align:center;
	}
	main section ul#top_menu li img{
		width:284px;
		margin:0 auto 1em;
	}
	main section ul#top_menu li p{
		width:100%;
		font-size:12px;
		min-height:4em;
		margin:0 auto;
	}
	main section ul#top_menu h3 a {
		display:inline;
		padding-right:10%;
		margin-bottom:1em;
		background: url("./images/sp/btn_circle.jpg") no-repeat right 50%;
		font-weight:bold;
		font-size: 20px;
		color:#1f975e;
		line-height:30px;
		text-decoration:none;
	}


/* h3 緑背景 */

	h3.bg_gr{
		background:#1f975e;
		line-height:2em;
		font-size:20px;
		text-align:center;
		font-weight:bold;
		color:#fff;
	}





/* テーブル */


/* テーブル1　アクセスページ用 */

	.tb01{
		float:right;
		font-size:14px;
		width:225px;
		margin:0 auto 1em
	}

	.tb01 th{
		color:#1f975e;
	}

	.tb01 th,
	.tb01 td{
		font-size:14px;
		padding:0 1em;
		line-height:3em;
		text-align:right;
	}

	.tb01 tr:nth-child(even) {/* 偶数 */
		background-color:#d2eadf;
	}
	.tb01 tr:nth-child(odd) {/* 奇数 */
		background-color:#fff;
	}
	.tb01 tr > th:first-child,
	.tb01 tr > td:first-child {
		font-weight:bold;
		text-align:left;
	}


/* テーブル2　お家の方へページ用 */

	.tb02{
		font-size:20px;
		width:100%;
		margin:0 auto 1em
	}

	.tb02 th,
	.tb02 td{
		font-size:16px;
		padding:0.5em 1em;
		line-height:2em;
		text-align:left;
		border:1px #a6c8b9 solid;
	}
	.tb02 th{
		font-weight:bold;
		color:#1f975e;
		background:#d2eadf;
		vertical-align:top;
		padding:0.5em 1em;
		text-align:center;
		width:6em;
	}
	.tb02 td{
		font-size:14px;
	}



/* テーブル2　入園のご案内ページ用 */

	.tb02{
		font-size:20px;
		width:100%;
		margin:0 auto 1em
	}

	.tb02 th,
	.tb02 td{
		font-size:16px;
		padding:0.5em 1em;
		line-height:2em;
		text-align:left;
		border:1px #a6c8b9 solid;
	}
	.tb02 th{
		font-weight:bold;
		color:#1f975e;
		background:#d2eadf;
		vertical-align:top;
		padding:0.5em 1em;
		text-align:center;
		width:6em;
	}
	.tb02 td{
		font-size:14px;
	}


/* テーブル3 一年の行事 にまつわる画像設定 */
	main section .event_list .tb03 {
		float:left;
		width:287px;
		margin:0 23px;
	}

	main section .event_list .img_area04 {
		float:left;
		width:333px;
		text-align:center;
		margin-bottom:0;
	}

	main section .event_list .img_area04 p{
		margin-bottom:0.5em;
	}

	main section .event_list .img_area04 img {
		margin-bottom:0;
		width:284px;
	}

/* テーブル3　園での生活ページ用 */

	.tb03{
		margin:0 auto 1em
	}

	.tb03 th,
	.tb03 td{
		padding:0.5em 3px;
		line-height:2em;
		text-align:left;
		border:1px #a6c8b9 solid;
	}
	.tb03 th{
		background-color:#1f975e;
		color:#fff;
		text-align:center;
	}

	.tb03 tr > td:first-child{
		width:3em;
		color:#1f975e;
		background:#d2eadf;
		vertical-align:top;
		padding:0.5em 1em;
		text-align:center;
	}


/* テーブル4　納付金 */

	.tb04{
		width:100%;
		margin:0 auto 50px;
	}

	.tb04 th,
	.tb04 td{
 		font-size:16px;
		padding:5px;
		line-height:2em;
		text-align:center;
		border:1px #a6c8b9 solid;
	}
	.tb04 th{
		font-weight:bold;
		background-color:#d2eadf;
		color:#1f975e;
		text-align:center;
	}
	.tb04 td{
	}
	.tb04 th.bg_gr{
		background-color:#1f975e;
		color:#fff;
		text-align:center;
	}


/* テーブル5　募集要項 */

	.tb05{
		font-size:20px;
		width:100%;
		margin:0 auto 1em
	}

	.tb05 th,
	.tb05 td{
		font-size:16px;
		padding:0.5em 1em;
		line-height:2em;
		text-align:left;
		border:1px #a6c8b9 solid;
	}
	.tb05 th{
		font-weight:bold;
		color:#1f975e;
		background:#d2eadf;
		vertical-align:top;
		padding:0.5em 1em;
		text-align:center;
		width:11em;
	}
	.tb05 td{
		font-size:14px;
	}


/* リスト１　園についてページ用 */

	.lst01{
		margin-bottom:1em;
		font-size:14px;
	}

	.lst01 li{
		text-align:left;
		line-height:3em;
	}
	.lst01 li span{
		display:inline-block;
		width:250px;
		font-size:14px;
		margin-left:40px;
		font-weight:bold;
	}

	.lst01 li:nth-child(even) {/* 偶数 */
		background-color:#d2eadf;
	}
	.lst01 li:nth-child(odd) {/* 奇数 */
		background-color:#fff;
	}


/* 定義リスト 03 */

main section dl.dl_lst03 {
}

main section .dl_lst03 dt {
	position:relative;
	font-size:20px;
	background:#1f975e;
	text-align:center;
	color:#fff;
		border-radius:2px;
	line-height:2em;
	width:220px;
	float:left;
	clear : both;
}
main section .dl_lst03 dd {
	font-size:14px;
	position:relative;
	text-align:left;
	line-height:3em;
	margin-bottom:1.5em;
	margin-left : 250px;
}
main section .dl_lst03 dd.w_t {
	line-height:1.5em;
}
main section .dl_lst03 dd.mb1em {
	margin-bottom:1em;
}

main section .dl_lst03 dt::after{
	position: absolute;
	left:47%;
	bottom:-30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 12px solid #ffba00;
}

main section .dl_lst03 dt:nth-child(7):after{
	border: 0
}


/* 園での生活 生活リスト 三枚並び h3背景画像あり*/

	main section ul#life_list {



	}
	main section ul#life_list li {
		float:left;
		width:333px;
		text-align:center;
	}
	main section ul#life_list li h3{
		text-align:center;
		color:#1f975e;
		line-height:40px;
		margin-bottom:0.5em;
		font-size:18px;
		font-weight:bold;
		display:inline-block;
		height:40px;
		padding-left:45px;
	}
	main section ul#life_list li h3.clock1{
		background: url("./images/sp/btn_clock01.jpg") no-repeat;
	}
	main section ul#life_list li h3.clock2{
		background: url("./images/sp/btn_clock02.jpg") no-repeat;
	}
	main section ul#life_list li h3.clock3{
		background: url("./images/sp/btn_clock03.jpg") no-repeat;
	}
	main section ul#life_list li h3.clock4{
		background: url("./images/sp/btn_clock04.jpg") no-repeat;
	}
	main section ul#life_list li h3.clock5{
		background: url("./images/sp/btn_clock05.jpg") no-repeat;
	}
	main section ul#life_list li h3.clock6{
		background: url("./images/sp/btn_clock06.jpg") no-repeat;
	}
	main section ul#life_list li h3.w_t{
		line-height:20px;
	}
	main section ul#life_list li img{
		width:284px;
		margin:0 auto;
	}
	main section ul#life_list li p{
		width:99%;
		font-size:16px;
		min-height:20px;
		line-height:2em;
		margin:0 auto 30px;
		text-align:center;
	}



/* お家の方へ お知らせリスト 三枚並び */

	main section ul#info_list {


	}
	main section ul#info_list li {
		float:left;
		width:283px;
		text-align:center;
		padding:0 23px;
		margin-bottom:30px
	}
	main section ul#info_list li h3{
		font-size:16px;
		line-height:3em;
		text-align:center;
		color:#75b693;
		font-weight:bold;
	}
	main section ul#info_list li img{
		width:100%;
		margin:0 auto;
	}
	main section ul#info_list li p{
		width:100%;
		font-size:14px;
		min-height:3em;
		margin:0 auto;
	}


/* お知らせ お知らせリスト 画像四枚並び*/

	main section ul#news_list {
		margin-bottom:30px;

	}
	main section ul#news_list li {
		float:left;
		width:290px;
		text-align:center;
		background:#fff;

	}
	main section ul#news_list li h3{
		font-size:20px;
		text-align:center;
		color:#ffba00;
		margin-bottom:10px;
		font-weight:bold;
	}
	main section ul#news_list li img{
		width:283px;
		margin:0 auto 10px;
	}
	main section ul#news_list li p{
		width:95%;
		font-size:14px;
		margin:0 auto 20px;
		text-align:left;
	}
	main section ul#news_list li h3.comment-ttl {
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		width: 90%;
		margin: 0 auto .6em;
	}
	main section ul#news_list li p.comment {
		text-align: left;
		color: #333;
		font-size: 15px;
		width: 90%;
	}

	@media screen and (max-width: 640px) {

		main section ul#news_list li h3.comment-ttl {
			font-size: 1.1em;
		}
		main section ul#news_list li p.comment {
			font-size: 1em;
		}

	}


/* 園だより 園だよりリスト 画像四枚並び*/

	main section ul#letter_list {
		margin-bottom:30px;
	}
	main section ul#letter_list li {
		float:left;
		width:290px;
		text-align:center;
		background:#fff;

	}
	main section ul#letter_list li h3{
		font-size:20px;
		text-align:center;
		color:#ffba00;
		margin-bottom:10px;
		font-weight:bold;
	}
	main section ul#letter_list li img{
		width:283px;
		margin:0 auto 10px;
	}
	main section ul#letter_list li p{
		width:95%;
		font-size:14px;
		margin:0 auto 20px;
		text-align:left;
	}



/* 園について マップリスト カウントアップあり */
section {
	counter-reset: titleNum;
}

	main section ul#map_list li {
		float:left;
		width:290px;
		text-align:center;
	counter-increment: titleNum;
	}
	main section ul#map_list li p{
		position:relative;
		width:245px;
		font-size:16px;
		line-height:32px;
		text-align:left;
		padding-left:45px;
		margin-bottom:5px;
}
	main section ul#map_list li p::before {
	position: absolute;
	left:5px;
	content: counter(titleNum);
	width: 32px;
	height: 32px;
	line-height: 32px;
	background-color: #1f975e;
	border-radius: 100%;
	color: #fff;
	font-weight:bold;
	font-size:20px;
	text-align: center;
}

	main section ul#map_list li img{
		width:284px;
		margin:0 auto 1em;
	}


/* バス送迎 */
	main section .btn_icon img{
		float:left;
		width:63px;
		margin:0 17px;
	}
	main section .btn_icon p{
		float:left;
		width:600px;
		text-align:left;
		line-height:63px;
	}


/* 園について よくある質問 */

main section .dl_lst01 {
	width: 1000px;
	margin:0 auto;
}
/* main section .dl_lst01 h3 {
	font-size: 16px;
	margin-top: 32px;
} */
/* main section .dl_lst01 dl {
	border: 1px solid #ccc;
} */

main section .dl_lst01 dt {
	position: relative;
	padding: 10px 0 0 80px;
	margin: 0 0 10px 0;
	line-height: 2em;
}
main section .dl_lst01 dt p{
	border-radius: 4px;
	padding: 17px 1em 17px 1em;
	background:#d2eadf;
	text-align:left;
	margin-bottom:0;
	font-weight:bold;
	font-size:18px;
}
main section .dl_lst01 dd {
	position: relative;
	padding: 15px 0 0 80px;
	margin: 0;
	line-height: 1.7em;
	min-height:55px;
	margin-bottom:30px;
	font-size:14px;
}
main section .dl_lst01 dt::before,
main section .dl_lst01 dd::before,
main section .dl_lst01 dd::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
main section .dl_lst01 dt::after{
	position: absolute;
	top: 25px;
	left:60px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 15px solid #d2eadf;
}


main section .dl_lst01 dt:before {
	content: "Q";
	font-weight: bold;
	color:#fff;
	top:9px;
	left:10px;
	width: 55px;
	height: 55px;
	background:#1f975e;
	text-align:center;
	line-height:55px;
	font-size:24px;
}
main section .dl_lst01 dd::before {
	content: "A";
	font-weight: bold;
	color:#1f975e;
	top:12px;
	left:12px;
	z-index: 2;
	width: 51px;
	height: 51px;
	background:#fff;
	text-align:center;
	line-height:51px;
	font-size:24px;
}
main section .dl_lst01 dd::after {
	top:10px;
	left:10px;
	width: 55px;
	height: 55px;
	background:#1f975e;
}


/* 給食 にまつわる画像設定 */
	main section .img_area03 {
		float:left;
		width:333px;
		text-align:center;
		margin-bottom:0;
	}

	main section .img_area03 img {
		margin-bottom:0;
		width:284px;
	}




/* 二枚並べ */


	main section .ph_2col{
		width:98%;
		margin:0 auto 1em;
	}

	main section .ph_2col img{
		float:left;
		width:48%;
		margin-right:2%;
	}


/* グーグルマップ */

#map_canvas{
	width:1156px;
	height:500px;
	margin:0 auto;
}





/* コンタクトフォーム */

	#contact_form{
		margin-bottom:30px;
	}

	#contact_form li{
		font-size:14px;
		padding:15px;
	}

	#contact_form li:nth-child(odd) {
		background:#d3eae0;
	}

	#contact_form {
		width:100%;
	}

	#contact_form tr:nth-child(odd) {
		background:#d3eae0;
	}

	#contact_form li span.ttl{
		font-size:14px;
		font-weight:bold;
		display:inline-block;
		width:230px;
		vertical-align:middle;
		position:relative;
	}

	#contact_form li span.req:after {
		content: "必須";
		font-weight: normal;
		color:#fff;
		right:0;
		width:43px;
		height:1.7em;
		background:#c10100;
		text-align:center;
		line-height:1.7em;
		position:absolute;
		vertical-align:middle;
		border-radius:5px;
		font-size:15px;
	}

	#contact_form li label{
		margin-right:10px;
	}

	#contact_form li span.req{
/* 		background:#CCC;		 */
	}


	#contact_form li p{
		font-size:14px;
		display:inline-block;
		vertical-align:top;
		margin-bottom:0;
		margin-right:20px;
		line-height:2em
}

	.privacy {
		border:1px solid #ddd;
		padding:14px;
		height:140px;
		overflow:scroll;
		margin-bottom:30px;
	}



/* フォトギャラリー メニュー */

/* 各下層ページ内 menu共通 */

/* main section ul#gallery_menu li a:before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: 1.3em 0 0 0.5em;
	border: 5px solid transparent;
	border-top: 5px solid #ffba00;
} */

#gallery_menu li a:hover {
	opacity: 0.7;
}

	main section ul#gallery_menu {
		positon:relative;
		width:100%;
		margin:0 auto;
	}
	main section ul#gallery_menu li {
		positon:relative;
		float:left;
		width:265px;
		text-align:center;
		background:#ffa800;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:1em;
		border-radius:2px;
		padding:2px;
	}
	main section ul#gallery_menu li a{
		display:inline-block;
		width:100%;
		font-weight:bold;
		font-size:18px;
		color:#fff;
		height:3em;
		line-height:3em;
		text-decoration:none;

	}
	main section ul#gallery_menu li a.w_t{
		display:inline-block;
		line-height:1.5em;
	}

	main section ul#gallery_menu li:last-child {
	margin-right: 0;
}

	main section ul#gallery_menu li ul{
	width: 265px;
	clear: both;
	float: none;
/* 	background:#fff; */
/* 	padding:5px 10px;
	 *//* 	border:1px solid #ffba00; */
	position:absolute;
	padding-top: 20px;
}

	main section ul#gallery_menu li ul li{
	display:block;
	width:100%;
/* 	border-bottom:1px dotted #ffba00; */
	padding:0;
		background:#fab737;
	margin:0 0 10px;
}

	main section ul#gallery_menu li ul li a{
		font-size:16px;
}

	main section ul#gallery_menu lii ul li span{
	color:#ffba00;
}

	main section ul#gallery_menu li ul li:last-child {
	border-bottom: none;
}
	main section ul#gallery_menu li ul{
  opacity: 0;
  top: 50;
  visibility: hidden;
  transition: .5s;
	z-index: 1;
}
	main section ul#gallery_menu li:hover ul{
  top: 50;
  visibility: visible;
  opacity: 1;
}

	main section ul#gallery_menu li ul li a:hover{
	background:#fedb7f;
}






/* フッター */


#footer_wrap{
		width: 100%;
		border-top:2px solid #eee;
}

	footer {
		width:1200px;
		padding: 1em 0;
		margin:0 auto;
		line-height:1.5em;
		 }

	footer nav#ft_menu {
		float:right;
		width:700;
		text-align: center;
		margin-bottom:1em;
	}

	footer nav#ft_menu h3 {
		color:#818181;
		font-size:20px;
		font-weight:bold;
		text-align:left;
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
		padding-bottom:5px;
	}

	footer nav#ft_menu dl{
		float:left;
		width:140px;
		text-align: left;
	}

	footer nav#ft_menu dl dt a{
		text-decoration:none;
		font-weight:bold;
		color:#1f975e;
	}

	footer nav#ft_menu dl dt a:hover {
		opacity: 0.7;
		text-decoration:underline;
	}

	footer nav#ft_menu dl dd{
		position:relative;
		paddin-left:6px;
		color:#5b6560;
	}

	footer nav#ft_menu dl dd::before{
		content: "└ ";
		color:#ffba00;
		top:9px;
		left:10px;
		width: 24px;
		height: 24px;
		text-align:left;
	}
	footer nav#ft_menu dl dd a{
		text-decoration:none;
		color:#5b6560;
	}
	footer nav#ft_menu dl dd a:hover {
		opacity: 0.7;
		text-decoration:underline;
	}


	footer nav#ft_menu li a {
		font-size:1em;
		color:#1f975e;
		text-decoration:none;
	}

	footer nav#ft_menu li+ li {
		border-left: 1px solid #333;
	}

	#footer-info section.pc{
		width: 500px;
		float:left;
	}
	#footer-info .ft_left {
		width: 187px;
		float: left;
		margin: 0 20px 12px 0;
	}
	#footer-info .ft_left img {
		width: 187px;
	}

	#footer-info .ft_right {
		width: 250px;
		float: left;
		text-align:left;
	}
	#footer-info .ft_right p.phone {
		font-size: 24px;
		font-weight:bold;
		color:#ff8ca4;
		height:32px;
		line-height:32px;
		text-indent:0;
	}
	#footer-info .ft_right p.phone_cap {
	clear:both;
	font-size:11px
	}
	#footer-info .address{
		clear:both;
		margin-bottom:26px
	}

	#footer-info {
		text-align:left;
	}

	#footer-info p{
		margin-bottom:0;
	}

	#footer-info p.cap{
		font-size:12px;
		line-height:1.3em;
	}

	footer small {
		clear:both;
		display:block;
		text-align:left;
	}

header #head_info p.phone {

}

header #head_info p.phone_cap {

}




/* slick_js 関連 */

	main .bg_float{
		background: url("./images/img_info.jpg") bottom center no-repeat;
		background-size: 100% auto;
	padding-bottom:30px;
}

	main section .slick_main img{
		width:100%;
}


	main .slick_ui02{
		margin-bottom:30px;

}

	main section .slick_ui02 img{
		width:255px;
}
	main section .slick_ui02 img a{
}

	main section .slick_ui02 h3{
		font-size:16px;
		text-align:center;
		color:#ffba00;
		margin-bottom:10px;
		font-weight:bold;
}

	main section .slick_ui02 p{
		width:95%;
		font-size:14px;
		margin:0 auto;
		text-align:left;
}

.bg_wht_box{
	background:#fff;
	height:375px !important;
}


	main section .slick_ui{
	width:65%;
	margin:0 auto;
	background:#fff;
}

	main section .slick_ui img{
	margin-bottom:0.2em;
}
	main section .slick_ui h3{
	text-align:center;
	margin-bottom:0.5em;
}
	main section .slick_ui h3 a{
	color:#ffba00;
	font-weight:bold;
}

	main section .slick_ui p{
		text-align:left;
		padding:0 0.5em;
		font-size:0.8em;
}





.w300{
	width:300px !important;
}

.box_w480{
	width:480px !important;
	margin:0 auto;
}

.box_w650{
	width:650px !important;
	margin:0 auto;
}

.box_w700{
	width:700px !important;
	margin:0 auto;
}

.box_w750{
	width:750px !important;
	margin:0 auto;
}

.box_w800{
	width:800px !important;
	margin:0 auto;
}

.box_w840{
	width:700px !important;
	margin:0 auto;
	position:relative;
}

.box_w1000{
	width:1000px !important;
	margin:0 auto;
	position:relative;
}

.box_w1200{
	width:1200px !important;
	margin:0 auto 120px;
	position:relative;
}

.box_calendar{
	height:300px !important;
	width:700px !important;
	margin:0 auto;
}









/* ページトップ */
/* pagetop pattern2 */

#pagetop {
		width:114px;
  position: fixed;
  bottom: 130px;
  right: 1em;
  z-index: 200;
}

#pagetop a {
  display: table-cell;
}

#pagetop a img{
	width:100%;
}

 /* タブバナー */
#tab {
width: 64px;/* 最初に表示されるバナーの幅 */
height: auto;
position: absolute;
right: 0;
top: 25%;
z-index:100;
}
#tab a {
display: block;
width: 100%;
height: 100%;
}
/* #tab:hover {
width: 10%;
transition: width ease-in-out 0.5s;
} */

#tab img{
	width: 100%;
}

/* リンクボタン */
	main section input.link_btn,
	main section p.link_btn input,
	main section p.link_btn a{
		font-weight:normal;
		font-size: 14px;
		text-align:center;
		line-height:3em;
		display:inline-block;
		color:#fff;
		background:#ffba00;
		padding:0 0.7em ;
		border-radius:5px;
		text-decoration:none;
		border:none;
		font-weight:bold;
	}

	main section input.link_btn:hover,
	main section p.link_btn input:hover,
	main section p.link_btn a:hover{
		opacity:0.8;
	}

/* ページャーリンクボタン */
	.wp-pagenavi{
		text-align:center;
	}
	.wp-pagenavi a:link,
	.wp-pagenavi a:visited{
		font-weight:bold;
		font-size: 14px;
		text-align:center;
		line-height:2em;
		display:inline-block;
		color:#fff;
		background:#ffba00;
		padding:0 0.7em ;
		border-radius:5px;
		text-decoration:none;
		margin:0 5px;
	}
	.wp-pagenavi .current{
		font-weight:bold;
		font-size: 14px;
		text-align:center;
		line-height:2em;
		display:inline-block;
		color:#fff;
		background:#1f975e;
		padding:0 0.7em ;
		border-radius:5px;
		text-decoration:none;
		margin:0 2px;
	}



/* 色の指定や大きさの指定 */

.txt_ll{
	font-size:24px !important;
}

.txt_l{
	font-size:20px !important;
}

.txt_s{
	font-size:12px !important;
}

.txt_b{
	font-weight:bold !important;
}





/* スマホ用 */
@media screen and (max-width: 640px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
/* 改行を復活 */
.br-sp {
	display:inline;
}
	#wrap {
		background:none;
	}
	#wrap,
	#key img {
		width: 100%;
	}
	header{
		width: 100%;
		background: url("./images/sp/bg.jpg") top center no-repeat;
		background-size: 100% auto;
	}
	header h1 {
		width: 39%;
		margin: 18px 0 12px 5px;
	}
	header h1 img {
		width: 100%;
	}
header nav {
	float: right;
}
header nav {
	margin-top: 35px;
}
header nav ul li {
	float: left;
	margin-right: 20px;
	padding: 0 15px;
	font-size: 15px;
}
header nav ul li:last-child {
	margin-right: 0;
}
header nav ul li a {
	display: block;
	line-height: 2.0;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
header nav ul li:hover {
	border-bottom: solid 2px #0068b7;
}


#key {
	margin-bottom: 15px;
}

main > p {
	margin-bottom: 45px;
	text-align: center;
	color: #323232;
	font-size: 16px;
	font-family: "ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	line-height: 2.0;
}
	header p{
		line-height:1.7em;
	}
	header nav {
		padding: 18px 0 0 0;
		margin:0;
		position: absolute;
		width: 100%;
	}
	header p.open {
		padding: 18px 0 0 0;
		width: 10.9%;
		float: right;
	}
	header p.open img {
		width: 100%;
	}
	header nav ul {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 99999;
		width: 100%;
		clear: both;
		float: none;
		background: #1f975e;
		padding-bottom: 20px;
	}
	header nav ul li {
		float: none;
		width: 81.2%;
		margin: 0 auto;
		padding: 0;
	}

	header nav ul li.nml {
		background: url("./images/sp/btn_right.jpg") no-repeat 95% 50%;
		background-size: 6% auto;
	}

	header nav ul li p.tgl01,
	header nav ul li p.tgl02,
	header nav ul li p.tgl03,
	header nav ul li p.tgl04{
		background: url("./images/sp/btn_down.jpg") no-repeat 95% 50%;
		background-size: 6% auto;
	}

	header nav ul li ul{
		position: relative;
		width: 100%;
		clear: both;
		float: none;
		background: #1f975e;
		padding-bottom:0;
	}

	#hamburger {
		transition: all 0.35s ease;
	}
	#hamburger li {
		width: 87%;
		margin: 0 5%;
		padding: 3% 0 3% 3%;
		border-bottom: dotted 1px #ccc;
		font-size: 16px;
	}
	#hamburger li ul li{
		width: 87%;
		margin: 0;
		padding: 2% 0 0 10%;
		border-bottom: none;
		font-size: 16px;
	}
	#hamburger li ul li span{
		color:#ffba00;
	}
	#hamburger li:first-child {

		font-size: 16px;
	}
	#hamburger li:first-child img {
		width: 100%;
		vertical-align: text-top;
	}
	#hamburger li:nth-child(2) {
		clear: both;
	}
/* 	#hamburger li:last-child {
		border: none;
	}
	 */
	header nav ul li a img {
		margin-right: 1em;
		vertical-align: middle;
	}

	header nav ul li p ,
	header nav ul li a {
		color:#fff;
		font-size: 0.8em;
		font-weight:normal;
		text-indent:2.5em;
	}
	header nav ul li p.phone {
		margin-top:6px;
		font-size: 1.2em;
		font-weight:bold;
		color:#ff8ca4;
		width: 75%;
		float: left;
		background: url("./images/sp/btn_phone.jpg") no-repeat 0 50%;
		background-size: 7.6% auto;
		padding-left:7.6%;
		text-indent:0;
	}
	header nav li p.phone_cap {
		clear:both;
		font-size: 0.7em;
		font-weight:normal;
		color:#fff;
		width: 100%;
	}
	header nav ul li a.close {
		display: block;
		float: right;
		width: 10.9%;
		text-indent:0;
	}



/* お知らせ部分 */

#info_bar{
	width:100%;
	background:#1f975e;
}
#info_bar p{
	float:left;
    background: #ff1b4b;
    vertical-align: middle;
	width:5em;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: bold;
	line-height:3em;
	text-align:center;
}
#info_bar p:after{
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ff1b4b;
    border-width: 1.5em;
    margin-top: -1.5em;
}

#info_bar ul{
	float:left;
	width:70%;
	height:3em;
	line-height:3em;
    overflow: hidden;
}
#info_bar ul li{
    overflow: hidden;
}
#info_bar ul li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-left:2em;
}









/* 	main > p {
		font-size: 16px;
	} */


/* section 設定 */

/* 	main section {
		margin-bottom:1em;
	} */

	main section h2 {
		font-weight:bold;
		font-size: 1.3em;
		text-align:center;
		margin:1em 0;
		color:#1f975e;
		padding-top:1em;
	}

	main section p {
		font-size: 1em;
		text-align:center;
		margin-bottom:1em;
	}

/* テキストエリア */
	main section .txt_area,
	main section .txt_area_c{
	width:95%;
	margin:0 auto 2em;
}

	main section .txt_area p{
	text-align:left;
}

	main section .txt_area_98{
	width:98%;
	margin:0 auto 1em;
}




/* イメージサイズ */
	main section img {
		width: 100%;
		margin-bottom:1em;
	}

	main section .img_area01 {
		width: 50%; /* 横320 */
		margin:0 auto 1em;
	}

	main section .img_area02 {
		width: 75%; /* 横480 */
		margin:0 auto 1em;
	}

	main section .img_area03 {
		width: 63%; /* 横480 */
		margin:0 auto 1em;
		float:none;
	}

	main section .img_area04 {
		width: 27%; /* 横174 */
		margin:0 auto 1em;
	}

main section .img_area03 img {
    margin-bottom: 0;
    width: 100%;
}


section{
	width:100%;
	margin-bottom:3em;
}



	main section p.link_btn {
		text-align:center;
	}

	main section p.link_btn a{
		font-weight:normal;
		font-size: 1.2em;
		text-align:center;
		line-height:3em;
		display:inline-block;
		color:#fff;
		background:#ffba00;
		padding:0 0.7em ;
		border-radius:2px;
	}

/* 	main section p.link_btn {
		width:75%;
		margin:0 auto 2em;
		background:#ffba00;
	}

	main section p.link_btn a{
		font-weight:normal;
		font-size: 1.2em;
		text-align:center;
		width:100%;
		line-height:3em;
		display:block;
		color:#fff;
	}
	 */

	main section p.link_btn a:link{
		text-decoration:none;
		color:#fff;
	}
	main section p.link_btn a:hover{
		background:#e6a905;
	}


/* section配下 top内 menu */

	main section ul#top_menu {


	}
	main section ul#top_menu li {
		float:left;
		width:50%;
		text-align:center;

	}
	main section ul#top_menu li h3{
		text-align:center;
	}
	main section ul#top_menu li img{
		width:90%;
		margin:0 auto;
	}
	main section ul#top_menu li p{
		width:100%;
		font-size:0.8em;
		min-height:6em;
		margin:0 auto;
	}
	main section ul#top_menu h3 a {
		display:inline;
		padding-right:10%;
		margin-bottom:1em;
		background: url("./images/sp/btn_circle.jpg") no-repeat right 50%;
		background-size: 0.8em auto;
		font-weight:bold;
		font-size: 1em;
		color:#1f975e;
		line-height:2em;
		text-decoration:none;
	}

	main section .ph_2col{
		width:98%;
		margin:0 auto;
	}

	main section .ph_2col img{
		float:left;
		width:48%;
		margin-right:2%;
	}


/* 園について マップリスト カウントアップあり */
section {
	counter-reset: titleNum;
}

	main section ul#map_list li {
		float:left;
		width:50%;
		text-align:center;
	counter-increment: titleNum;
	}
	main section ul#map_list li p{
		position:relative;
		width:75%;
		font-size:0.8em;
		line-height:2em;
		text-align:left;
		padding-left:3em;
		margin-bottom:0.5em;
}
	main section ul#map_list li p::before {
	position: absolute;
	left:5px;
	content: counter(titleNum);
	width: 2em;
	height: 2em;
	line-height: 2em;
	background-color: #1f975e;
	border-radius: 100%;
	color: #fff;
	font-weight:bold;
	font-size: 1em;
	text-align: center;
}

	main section ul#map_list li img{
		width:90%;
		margin:0 auto 1em;
	}



/* 園について よくある質問 */

main section .dl_lst01 {
	width: 100%;
}
/* main section .dl_lst01 h3 {
	font-size: 16px;
	margin-top: 32px;
} */
main section .dl_lst01 dl {
	border: 1px solid #ccc;
}

main section .dl_lst01 dt {
	position: relative;
	padding: 6px 0.5em 0 4em;
	margin: 0;
	line-height: 1.7em;
}
main section .dl_lst01 dt p{
	border-radius: 4px;
	padding: 6px 1em 6px 1em;
	background:#d2eadf;
	text-align:left;
	margin-bottom:0;
	font-weight:normal;
	font-size:1em;
}
main section .dl_lst01 dd {
	position: relative;
	padding: 12px 1em 0 4em;
	margin: 0;
	line-height: 1.7em;
	margin-bottom:1em;
	font-size:1em;
	min-height:2em;
}
main section .dl_lst01 dt::before,
main section .dl_lst01 dd::before,
main section .dl_lst01 dd::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
main section .dl_lst01 dt::after{
	position: absolute;
	top: 12px;
	left:30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right: 15px solid #d2eadf;
}


main section .dl_lst01 dt:before {
	content: "Q";
	font-weight: bold;
	color:#fff;
	top:9px;
	left:10px;
	width: 24px;
	height: 24px;
	background:#1f975e;
	text-align:center;
	line-height:24px;
	font-size:1em;
}
main section .dl_lst01 dd::before {
	content: "A";
	font-weight: bold;
	color:#1f975e;
	top:12px;
	left:12px;
	z-index: 2;
	width: 19px;
	height: 19px;
	background:#fff;
	text-align:center;
	line-height:19px;
	font-size:1em;
}
main section .dl_lst01 dd::after {
	top:10px;
	left:10px;
	width: 23px;
	height: 23px;
	background:#1f975e;
}





/* バス送迎 */
	main section .btn_icon img{
		float:left;
		width:3em;
		margin:0;
	}
	main section .btn_icon p{
		float:left;
		width:85%;
		text-align:left;
		line-height:1.5em
	}


/* お家の方へ お知らせリスト */

	main section ul#info_list {


	}
	main section ul#info_list li {
		display:inline-block;
		vertical-align: top;
		width:50%;
		text-align:center;
		padding:0;
		margin-bottom: 1em;

	}
	main section ul#info_list li h3{
		display:inline-block;
		vertical-align: top;
		width:90%;
		margin:0 auto;
		font-size:0.9em;
		line-height:2em;
		text-align:center;
		color:#75b693;
		font-weight:normal;
	}
	main section ul#info_list li img{
		display:inline-block;
		vertical-align: top;
		width:90%;
		margin:0 auto;
	}
	main section ul#info_list li p{
		display:inline-block;
		vertical-align: top;
		width:90%;
		font-size:0.8em;
		margin:0 auto;
		min-height:8em;
	}


/* お知らせ お知らせリスト */

	main section ul#news_list {


	}
	main section ul#news_list li {
		float:left;
		width:50%;
		text-align:center;

	}
	main section ul#news_list li h3{
		font-size:1em;
		text-align:center;
		color:#ffba00;
		margin-bottom:0;
		font-weight:normal;
	}
	main section ul#news_list li img{
		width:90%;
		margin:0 auto;
	}
	main section ul#news_list li p{
		width:95%;
		font-size:0.8em;

		min-height:7em;
		margin:0 auto;
		text-align:left;
	}

/* 園での生活 生活リスト */

	main section ul#life_list {


	}
	main section ul#life_list li {
		float:left;
		width:50%;
		text-align:center;

	}
	main section ul#life_list li h3{
		text-align:center;
		color:#1f975e;
		line-height:2em;
		margin-bottom:0.5em;
		font-size:0.8em;
		font-weight:normal;
		display:inline-block;
		height:2em;
		padding-left:2.5em;
	}
	main section ul#life_list li h3.clock1{
		background: url("./images/sp/btn_clock01.jpg") no-repeat;
		background-size: 2em auto;
	}
	main section ul#life_list li h3.clock2{
		background: url("./images/sp/btn_clock02.jpg") no-repeat;
		background-size: 2em auto;
	}
	main section ul#life_list li h3.clock3{
		background: url("./images/sp/btn_clock03.jpg") no-repeat;
		background-size: 2em auto;
	}
	main section ul#life_list li h3.clock4{
		background: url("./images/sp/btn_clock04.jpg") no-repeat;
		background-size: 2em auto;
	}
	main section ul#life_list li h3.clock5{
		background: url("./images/sp/btn_clock05.jpg") no-repeat;
		background-size: 2em auto;
	}
	main section ul#life_list li h3.clock6{
		background: url("./images/sp/btn_clock06.jpg") no-repeat;
		background-size: 2em auto;
	}
	main section ul#life_list li h3.w_t{
		line-height:1em;
	}
	main section ul#life_list li img{
		width:90%;
		margin:0 auto;
	}
	main section ul#life_list li p{
		width:99%;
		font-size:0.8em;
		min-height:3em;
		margin:0 auto;
		text-align:center;
	}


/* 園だより */
	main section ul#letter_list {


	}
	main section ul#letter_list li {
		float:left;
		width:50%;
		text-align:center;

	}
	main section ul#letter_list li h3{
		font-size:1em;
		text-align:center;
		color:#ffba00;
		margin-bottom:0;
		font-weight:normal;
	}
	main section ul#letter_list li img{
		width:90%;
		height:auto;
		margin:0 auto;
	}
	main section ul#letter_list li p{
		width:95%;
		font-size:0.8em;

		min-height:7em;
		margin:0 auto;
		text-align:left;
	}







/* 定義リスト 02 */

main section dl.dl_lst02 {
	line-height:1.7em;
}

main section .dl_lst02 dt {
	background:#d2eadf;
	text-align:center;
	color:#054b2a;
	border-top:1px #a6c8b9 solid;
	border-bottom:1px #a6c8b9 solid;
}
main section .dl_lst02 dd {
	text-align:center;
}
main section .dl_lst02 dd.mb1em {
	margin-bottom:1em;
}


/* 定義リスト 03 */

main section dl.dl_lst03 {
}

main section .dl_lst03 dt {
	font-size:1em;
	background:#1f975e;
	text-align:center;
	color:#fff;
		border-radius:2px;
	line-height:2em;
	width:100%;
	float:none;
}
main section .dl_lst03 dd {
	font-size:1em;
	position:relative;
	text-align:center;
	line-height:1.7em;
	margin-bottom:1.5em;
	width:100%;
	margin-left:0;
}
main section .dl_lst03 dd.mb1em {
	margin-bottom:1em;
}
main section .dl_lst03 dt::after{
	border: 0;
	border-top: 0;
}
main section .dl_lst03 dd::after{
	position: absolute;
	left:47%;
	bottom:-2em;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 1em solid #ffba00;
}

main section .dl_lst03 dd:last-child:after{
	border: 0
}


/* グーグルマップ */

#map_canvas{
	width:98%;
	height:300px;
	margin:0 auto;
}


	main section ul#gallery_menu .children{
	/* display:none; */
	display: flex;
	opacity: 1;
	position: relative;
	visibility: visible;
	flex-wrap: wrap;
	padding: 0;
	width: 100%;
}
main section ul#gallery_menu li ul li {
	display: block;
	width: auto;
	padding: 0;
	background: none;
	float: none;
}
main section ul#gallery_menu li ul li a {
	font-size: 12px;
	line-height: inherit;
	height: auto;
	padding: 3px 5px;
	margin: 0 5px;
	text-align: left;
	color: #ffba00;
	background: #fff;
	width: auto;
	border-radius: 8px;
}



/* slick_js 関連 */

	main .bg_float{
		background: url("./images/sp/img_info.jpg") top center no-repeat;
		background-size: 100% auto;
}

	main section .slick_ui{
	width:65%;
	margin:0 auto;
	background:#fff;
}

	main section .slick_ui img{
	margin-bottom:0.2em;
}
	main section .slick_ui h3{
	text-align:center;
	margin-bottom:0.5em;
}
	main section .slick_ui h3 a{
	color:#ffba00;
	font-weight:bold;
}

	main section .slick_ui p{
		text-align:left;
		padding:0 0.5em;
		font-size:0.8em;
}




	footer {
		width: 100%;
		padding: 1em 0;
		border-top:2px solid #eee;
		line-height:1.5em;
		 }

	footer nav ul {
		text-align: center;
		margin-bottom:1em;
	}

	footer nav ul li {
		display: inline-block;
		padding:0 0.5em;
		line-height: 1em;
		margin-bottom:1em;
	}

	footer nav ul li a {
		font-size:1em;
		color:#1f975e;
		text-decoration:none;
	}

	footer nav ul li+ li {
		border-left: 1px solid #333;
	}

	#footer-info {
		width: 95%;
		margin: 0 auto;
	}
	#footer-info .ft_left {
		width: 39%;
		float: left;
		margin: 0 0 12px 0;
	}
	#footer-info .ft_left img {
		width: 100%;
	}

	#footer-info .ft_right {
		width: 58%;
		float: right;
		text-align:left;
	}
	#footer-info .ft_right p.phone {
		font-size: 1.4em;
		font-weight:bold;
		color:#ff8ca4;
		margin-bottom: 0.1em;
	}
	#footer-info .ft_right p.phone_cap {
		font-size: 0.8em;
	}
	#footer-info .address{
		clear:both;
		font-size:1em;
	}


	#footer-info {
		text-align:center;
	}

	#footer-info p{
		margin-bottom:1em;
	}

	#footer-info p.cap{
		font-size:0.8em;
		line-height:1.3em;
	}

	footer small {
		display:block;
		font-size:0.8em;
		text-align:center;
	}



/* スマホ用メニューアコーディオン */




/* ライン */

.line01{
	background: url("./images/sp/bg_line01.jpg") repeat-x;
	height:7px;
	width:100%;
	border:none;
	margin-bottom:1em;
}

/* リスト１　園についてページ用 */

	h3.bg_gr{
		font-size:1em;
		background:#1f975e;
		line-height:2em;
		text-align:center;
		color:#fff;
		font-weight:normal;
	}

	.lst01{
		margin-bottom:1em;
		font-size:0.8em;
	}

	.lst01 li{
		text-align:center;
		line-height:1.7em;
	}
	.lst01 li span{
		font-size:1.2em;
		display:inline-block;
		width:80%;
		margin-left:0;
		font-weight:normal;
	}

	.lst01 li:nth-child(even) {/* 偶数 */
		background-color:#d2eadf;
	}
	.lst01 li:nth-child(odd) {/* 奇数 */
		background-color:#fff;
	}



/* テーブル */


/* テーブル1　アクセスページ用 */

	.tb01{
		float:none;
		font-size:1.2em;
		width:60%;
		margin:0 auto 1em
	}

	.tb01 th{
		color:#1f975e;
	}

	.tb01 th,
	.tb01 td{
		font-size:1em;
		padding:0 1em;
		line-height:2em;
		text-align:right;
	}

	.tb01 tr:nth-child(even) {/* 偶数 */
		background-color:#d2eadf;
	}
	.tb01 tr:nth-child(odd) {/* 奇数 */
		background-color:#fff;
	}
	.tb01 tr > th:first-child,
	.tb01 tr > td:first-child {
		font-weight:bold;
		text-align:left;
	}


/* テーブル2　お家の方へページ用 */

	.tb02{
		font-size:1.2em;
		width:100%;
		margin:0 auto 1em
	}

	.tb02 th,
	.tb02 td{
		font-size:1em;
		padding:0.5em 1em;
		line-height:2em;
		text-align:left;
		border:1px #a6c8b9 solid;
	}
	.tb02 th{
		font-weight:normal;
		color:#1f975e;
		background:#d2eadf;
		vertical-align:top;
		padding:0.5em 1em;
		text-align:center;
	}
	.tb02 td{
		font-size:1em;
	}

/* 一年の行事 */
	main section .event_list .tb03 {
		float:left;
		width:50%;
		margin:0 0 1em 0;
	}

	main section .event_list .img_area04 {
		float:left;
		width:50%;
		text-align:center;
		margin-bottom:0;
	}

	main section .event_list .img_area04 p{
		margin-bottom:0.5em;
	}

	main section .event_list .img_area04 img {
		margin-bottom:0;
		width:85%;
	}

/* テーブル3　園での生活ページ用 */

	.tb03{
		margin:0 auto 1em
	}

	.tb03 th,
	.tb03 td{
 		font-size:0.8em;
		padding:0.5em 3px;
		line-height:1.7em;
		text-align:left;
		border:1px #a6c8b9 solid;
	}
	.tb03 th{
		background-color:#1f975e;
		color:#fff;
		text-align:center;
	}

	.tb03 tr > td:first-child{
		width:3em;
		color:#1f975e;
		background:#d2eadf;
		vertical-align:top;
		padding:0.5em 1em;
		text-align:center;
	}


/* テーブル4　納付金 */

	.tb04{
		width:100%;
		margin:0 auto 2em
	}

	.tb04 th,
	.tb04 td{
 		font-size:0.8em;
		padding:0.5em 5px;
		line-height:1.7em;
		text-align:center;
		border:1px #a6c8b9 solid;
	}
	.tb04 th{
		font-weight:normal;
		background-color:#d2eadf;
		color:#1f975e;
		text-align:center;
	}
	.tb04 td{
	}
	.tb04 th.bg_gr{
		background-color:#1f975e;
		color:#fff;
		text-align:center;
	}


/* テーブル5　募集要項 */


	.tb05{
		font-size:1.2em;
		width:100%;
		margin:0 auto 1em
	}

	.tb05 th,
	.tb05 td{
		font-size:1em;
		padding:0.5em 1em;
		line-height:2em;
		text-align:left;
		border:1px #a6c8b9 solid;
	}
	.tb05 th{
		font-weight:normal;
		color:#1f975e;
		background:#d2eadf;
		vertical-align:top;
		padding:0.5em 1em;
		text-align:center;
		width:5em;
	}
	.tb05 td{
		font-size:1em;
	}













/* ページトップ */
/* pagetop pattern2 */

#pagetop {
		width:17.8%;
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 200;
}

#pagetop a {
  display: table-cell;
}

#pagetop a img{
	width:100%;
}




/*   CSS3 アイコン */



/* 各下層ページ内 menu共通 */

main section ul.cnt_menu li a:before {
	display: block;
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: 1.3em 0 0 0.5em;
	border: 5px solid transparent;
	border-top: 5px solid #ffba00;
}

.cnt_menu li a:hover {
	opacity: 0.7;
}

	main section ul.cnt_menu {
		width:96%;
		margin:0 auto 1em;
	}
	main section ul.cnt_menu li {
		positon:relative;
		float:left;
		width:47%;
		text-align:center;
		background:#39a8ea;
		margin-bottom:1em;
		border-radius:2px;
		padding:2px;
	}
	main section ul.cnt_menu li a{
		display:inline-block;
		width:100%;
		font-weight:bold;
		font-size:0.9em;
		color:#fff;
		height:3em;
		line-height:3em;
		text-decoration:none;
	}
	main section ul.cnt_menu li a.w_t{
		display:inline-block;
		line-height:1.5em;
	}

	main section ul.cnt_menu li:nth-child(even) {
		margin-right:0;
	}

	main section ul.cnt_menu li:nth-child(odd) {
		margin-right:2%;
	}


/* 豊明幼稚園について about */

	main section ul#about_menu{
		width:98%;
		margin:0 auto;
	}

	main section ul#about_menu li {
		background:#60bd91;
	}
	main section ul#about_menu li a{
		color:#fff;
	}

/* 入園案内 enter */
	main section ul#enter_menu{
		width:98%;
		margin:0 auto;
	}

	main section ul#enter_menu li {
		background:#39a8ea;
	}
	main section ul#enter_menu li a{
		color:#fff;
	}

/* アクセス access */
	main section ul#access_menu{
		width:98%;
		margin:0 auto;
	}

	main section ul#access_menu li {
		background:#ff8ca4;
	}
	main section ul#access_menu li a{
		color:#fff;
	}

/* お家の方へ info */

	main section ul#info_menu{
		width:98%;
		margin:0 auto;
	}

	main section ul#info_menu li {
		background:#ffa800;
	}
	main section ul#info_menu li a{
		color:#fff;
	}
	main section ul#info_menu li:nth-child(3) {
		margin-right:2%;
	}
/* 園での生活 life */

	main section ul#life_menu li {
		background:#e36370;
	}
	main section ul#life_menu li a{
		color:#fff;
	}





/* コンタクトフォーム */

	#contact_form{
		margin-bottom:1em;
	}

	#contact_form li{
		font-size:1em;
		padding:0.5em;
	}

	#contact_form li:nth-child(odd) {
		background:#d3eae0;
	}

	#contact_form {
		width:100%;
	}

	#contact_form tr:nth-child(odd) {
		background:#d3eae0;
	}

	#contact_form li span.ttl{
		font-size:1em;
		font-weight:bold;
		display:inline-block;
		width:230px;
		vertical-align:middle;
		position:relative;
	}

	#contact_form li span.req:after {
		content: "必須";
		font-weight: normal;
		color:#fff;
		right:0;
		width:43px;
		height:1.7em;
		background:#c10100;
		text-align:center;
		line-height:1.7em;
		position:absolute;
		vertical-align:middle;
		border-radius:5px;
		font-size:1em;
	}

	#contact_form li label{
		margin-right:10px;
	}

	#contact_form li span.req{
/* 		background:#CCC;		 */
	}


	#contact_form li p{
		font-size:14px;
		display:inline-block;
		vertical-align:top;
		margin-bottom:0;
		margin-right:20px;
		line-height:2em
}

	.privacy {
		border:1px solid #ddd;
		padding:14px;
		height:140px;
		overflow:scroll;
		margin-bottom:30px;
	}



/* フォトギャラリー メニュー */

#gallery_menu li a:hover {
	opacity: 0.7;
}

	main section ul#gallery_menu {
		positon:relative;
		width:100%;
		margin:0 auto;
	}
	main section ul#gallery_menu li {
		positon:relative;
		float:left;
		width:90%;
		text-align:center;
		background:#ffa800;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:1em;
		border-radius:2px;
		padding:2px;
	}
	main section ul#gallery_menu li a{
		display:inline-block;
		width:100%;
		font-weight:bold;
		font-size:1em;
		color:#fff;
		height:3em;
		line-height:3em;
		text-decoration:none;

	}
	main section ul#gallery_menu li a.w_t{
		display:inline-block;
		line-height:1.5em;
	}

	main section ul#gallery_menu li:last-child {
	margin-right: 0;
}





/* タブバナー */
#tab {
width: 10%;/* 最初に表示されるバナーの幅 */
height: auto;
position: absolute;
right: 0;
top: 25%;
}
#tab a {
display: block;
width: 100%;
height: 100%;
}
/* #tab:hover {
width: 10%;
transition: width ease-in-out 0.5s;
} */

#tab img{
	width: 100%;
}

/* パンくず */
#breadcrumbs{
	width:100%;
	margin-bottom:0;
}

#breadcrumbs ol {
	margin-left:1em;
	margin-bottom:1em;
}

#breadcrumbs ol li {
	font-weight:normal;
  display: inline;
  list-style-type: none;
	color:#1f975e;
	font-size:1em;
}
#breadcrumbs ol li a{
	font-weight:normal;
	color:#ffba00;
	text-decoration:none;
}
#breadcrumbs ol li:before {
  content: "　>　";
}
#breadcrumbs ol li:first-child:before {
  content:"";
}


/* 色の指定や大きさの指定 スマホ */

.txt_ll{
	font-size:1.2em !important;
}

.txt_l{
	font-size:1.2em !important;
}

.txt_s{
	font-size:0.8em !important;
}

.txt_b{
	font-weight:bold !important;
}



.w300{
	width:98% !important;
}

.box_w480{
	width:100% !important;
	margin:0 auto;
}

.box_w650{
	width:98% !important;
	margin:0 auto;
}

.box_w700{
	width:98% !important;
	margin:0 auto;
}

.box_w750{
	width:98% !important;
	margin:0 auto;
}

.box_w800{
	width:98% !important;
	margin:0 auto;
}

.box_w840{
	width:98% !important;
	margin:0 auto;
}

.box_w1000{
	width:98% !important;
	text-align:center;
	margin:0 auto;
}

.box_w1200{
	width:98% !important;
	margin:0 auto;
	position:relative;
}

.box_calendar{
	height:auto !important;
	width:80% !important;
	margin:0 auto;
}




}


/* 色の指定や大きさの指定 */

.txt_grn{
	color:#1f975e !important;
}

.txt_pnk{
	color:#ff5050 !important;
}

.txt_org{
	color:#ffba00 !important;
}

.txt_red{
	color:#cf0000 !important;
}

.txt_center{
	text-align:center !important;
}

.txt_left{
	text-align:left !important;
}

.txt_right{
	text-align:right !important;
}

.flt_l{
	float:left !important;
}
.flt_r{
	float:right !important;
}

.txt_min{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}

.bdr_grn{
	border:1px #a6c8b9 solid;
}

.mb0{
	margin-bottom:0 !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mb30{
	margin-bottom:30px !important;
}

.pd5{
	padding:5px !important;
}

/*採用情報ページ 追加*/
@media screen and (max-width: 640px) {
	main section p.recruite{
		text-align: left;
		padding:0 0.5em;
		word-break: break-word;
	}

	main section p.recruite br{
		display: none;
	}
}



/********************************************************
2021.11.19 add
**********************************************************/
/***** recruit ****/
.recruite-area {
	/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; */
}
.recruite-area .article-tab,
.recruite-area .works-type {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*** works-type ***/
.recruite-area .works-type {
	align-items: stretch;
	margin-bottom: 100px;
}
.recruite-area .works-type li {
	cursor: pointer;
	width: 260px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	/* background: #ffba00; */
	background: #ccc;
	padding: 20px 10px;
	/* opacity: .5; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.recruite-area .works-type li + li {
	margin-left: 25px;
}
.recruite-area .works-type li.active {
	/* opacity: 1; */
	position: relative;
	overflow: hidden;
	background: #ffba00;
}
.recruite-area .works-type li.active::before {
	position: absolute;
	content: '';
	background: url(./images/flag02.png) no-repeat center;
	background-size: contain;
	width: 80px;
	height: 65px;
	left: -10px;
	top: -20px;
}

.recruite-area .recruiteCnt {
	display: none;
}
.recruite-area .recruiteCnt.active {
	display: block;
	animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
	animation-duration: 2s;
	animation-fill-mode: forwards;
}





/*** article-tab ***/
.recruite-area .article-tab li {
	cursor: pointer;
	width: 240px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #ccc;
	padding: 20px 10px;
}
.recruite-area .article-tab li + li {
	margin-left: 8px;
}
.recruite-area .article-tab li.active {
	background: #1f975e;
	position: relative;
}
.recruite-area .article-tab li.active::before {
	position: absolute;
	content: '';
	width: 25px;
	height: 35px;
	background: url(./images/flag.png) no-repeat center;
	background-size: contain;
	left: 0;
	top: -30px;
}
.recruite-area .article {
	margin-bottom: 80px;
	margin-top: 20px;
	display: none;
}
/* .recruite-area .article h4.ttl {
	font-size: 23px;
	color: #67975e;
	font-weight: bold;
} */
.recruite-area .article.active {
	display: block;
	animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.recruite-area .recruite-table {
	/* margin-top: 40px; */
	margin-bottom: 50px;
}
.recruite-area .recruite-table dl {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	border-top: solid 1px #eeeeee;
}
.recruite-area .recruite-table dl:last-of-type {
	border-bottom: solid 1px #eeeeee;
}
.recruite-area .recruite-table dl dt {
	width: 240px;
	/* background: #a6c9a0; */
	background: #d2eadf;
	/* color: #fff; */
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	/* padding: 25px 0; */
	display: flex;
	justify-content: center;
	align-items: center;
}
.recruite-area .recruite-table dl dd {
	font-size: 16px;
	width: calc(100% - 240px);
	padding: 25px 10px 25px 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.recruite-area .recruiteCnt p.link_btn a {
	/* width: 350px; */
	width: 400px;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif !important;
	font-size: 18px;
	letter-spacing: 1.5px;
}


.recruite-area .qaCnt {
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.recruite-area .qaCnt .dl_lst01 dt p {
	position: relative;
	/* transition: all .3s ease; */
	cursor: pointer;
}
.recruite-area .qaCnt .dl_lst01 dt p::before,
.recruite-area .qaCnt .dl_lst01 dt p::after {
	position: absolute;
	content:'';
  width: 15px;
  height: 2px;
  background-color: #fff;
}
.recruite-area .qaCnt .dl_lst01 dt p::before {
  top:48%;
  right: 15px;
  transform: rotate(0deg);
}
.recruite-area .qaCnt .dl_lst01 dt p::after {
  top:48%;
  right: 15px;
  transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
.recruite-area .qaCnt .dl_lst01 dt p.close::before{
  transform: rotate(45deg);
}
.recruite-area .qaCnt .dl_lst01 dt p.close::after{
  transform: rotate(-45deg);
}

.recruite-area .qaCnt .dl_lst01 dd {
	display: none;
	min-height: auto;
}

@media screen and (max-width: 640px) {
	.recruite-area .works-type {
		width: 95%;
		margin: 0 auto 70px;
	}
	.recruite-area .works-type li {
		width: 48%;
		font-size: 14px;
		padding: 15px 10px;
	}
	.recruite-area .works-type li + li {
		margin-left: 10px;
	}
	.recruite-area .works-type li.active::before {
		width: 60px;
		height: 45px;
	}


	.recruite-area .recruiteCnt {
		width: 95%;
		margin: 20px auto 0;
	}
	.recruite-area .article-tab {
		justify-content: flex-start;
	}
	.recruite-area .article-tab li {
		width: 150px;
		font-size: 14px;
		padding: 15px 10px;
	}
	.recruite-area .article {
		margin-bottom: 40px;
	}
	/* .recruite-area .article h4.ttl {
		font-size: 1.25em;
	} */
	.recruite-area .recruite-table {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.recruite-area .recruite-table dl {
		display: block;
		border-top: none;
	}
	.recruite-area .recruite-table dl dt,
	.recruite-area .recruite-table dl dd {
		width: 100%;
	}
	.recruite-area .recruite-table dl dt {
		padding: 8px 0;
		font-size: 15px;
	}
	.recruite-area .recruite-table dl dd {
		padding: 15px 0 20px;
		font-size: 14px;
	}
	.recruite-area .recruiteCnt p.link_btn a {
		width: 90%;
		font-size: 14px;
	}
	.recruite-area .qaCnt {
		margin-top: 50px;
	}
}