@charset "UTF-8";

/* ---------------------------------------------------------------------------
//  common
--------------------------------------------------------------------------- */
.pagetitle {
  background: url("../img/sectop_bg.jpg") center bottom / cover no-repeat;
  height: 250px;
}
.pagetitle h1 {
  text-align: center;
  padding-top: 93px;
}

main h2{
  text-align: center;
  padding: 70px 0 50px;
}

.sec-yellow {
  margin-top: 0;
  background: url("../img/bg_yellow.jpg") left top repeat;
  padding: 0 0 60px;
}
.sec-yellow-dot {
  background: url("../img/bg_yellow_dot_top.png") left top repeat-x;
  padding: 10px 0 0;
}
.sec-yellow-dot .bg {
  background: url("../img/bg_dot2_yellow.jpg") left top repeat;
  padding: 0 0 60px;
}
.sec-yellow-dot .in {
  background: url("../img/bg_yellow_dot_in.png") left bottom repeat-x;
  padding: 0 0 10px;
}
.sec-pop {
  background: url("../img/bg-pop.jpg") left top repeat;
  padding: 0 0 60px;
}
.sec_white-dot {
  margin-top: 0;
  background: url("../img/bg_white-dot.jpg") left top repeat;
  padding: 0 0 60px;
}
.top-yellow2 {
	clear: both;
  background: url("../img/bg_yellow_dot_top.png") left top repeat-x;
  padding: 10px 0 0; margin-top: 40px;
}
.top-yellow2 .bg {
  background: url("../img/bg_dot2_yellow.jpg") left top repeat;
  padding: 0 0 60px;
}
.circle { border-radius: 4px;}
.pagetitle.slide .bx-wrapper .bx-pager { display: none;}
.pagetitle.slide { background: url("../img/bg_dot_or.jpg") center top repeat-x; height: auto; padding-top: 50px; margin-bottom: 50px;}


/* ---------------------------------------------------------------------------
//  お問い合わせ
--------------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Lato');

.sec-yellow-dot.contact .bg { padding-top: 60px;}
.sec-yellow-dot.contact .inner{ background-color: #fff; padding: 30px 20px 20px 20px;}

.contact_txt{background: url("../img/contact_img.png") right top no-repeat; min-height: 180px; font-size: 18px; line-height: 1.8;}
.contact_txt p span{font-size: 13px;line-height: 1.3; display: inline-block;}
.contact-info {
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  padding: 25px 0;
  margin: 10px 0 0;
}
.contact-info .title {
  float: left;
  width: auto;
  padding-right: 12px;
  margin-right: 20px;
  border-right: 1px solid #c2c2c2;
}
.contact-info .title .name { font-weight: bold;font-size: 20px; letter-spacing: 1px; }
.contact-info .title .add {font-size: 12px; }
.contact-info .tel-time {
  float: left;
  width: 180px;
  margin-right: 20px;
  text-align: center;
  background: #fe9248;
  padding: 5px 0;
  border-radius: 5px;
  color: #fff;
}
.contact-info .tel-time p:nth-child(1) { font-size: 17px; }
.contact-info .tel-time p:nth-child(2) { font-size: 13px; }
.contact-info .tel { float: left; width: 275px; margin-right: 15px;font-family: 'Gidole', sans-serif; }
.contact-info .fax { float: left; width: 275px; font-family: 'Gidole', sans-serif;}
.contact-info .tel img, .contact-info .fax img { vertical-align: top; }

.contact-info .tel p {
  font-family: 'Gidole', sans-serif;font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1;
  font-size: 36px;
  color: #111;
  background: url("../img/contact-icon-tel.png") left center no-repeat;
  padding-left: 34px;
}

.contact-info .fax p {
  font-family: 'Gidole', sans-serif;font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1;
  font-size: 36px;
  color: #111;
  background: url("../img/contact-icon-fax.png") left center no-repeat;
  padding-left: 34px;
}

.contact_form {
  background: url("../img/contact-form.jpg") left top no-repeat;
  padding-left: 310px;
  position: relative;
}
.contact_form dl dt {
  width: 100px;
  float: left;
  clear: left;
  background: #dbebdc;
  color: #447146;
  text-align: center;
  padding: 4px 0;
  border-radius: 3px;
}
.contact_form span.kome { color: #c80000; font-size: 12px; padding-left: 3px; }

.contact_form dl dd {
  padding-left: 120px;
  margin-bottom: 20px;
}
.contact_form input[type="text"] {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
  border: none;
  padding: 6px;
  font-size: 14px;
  background: #F2F2F2;
  width: 100%;
  box-sizing: border-box;
}
.contact_form input::-webkit-input-placeholder	{ color: #9a9a9a; font-size: 12px; }
.contact_form input::-moz-placeholder		{ color: #9a9a9a; font-size: 12px; }
.contact_form input:-moz-placeholder		{ color: #9a9a9a; font-size: 12px; }
.contact_form input:-ms-input-placeholder	{ color: #9a9a9a; font-size: 12px; }
.contact_form textarea {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
  border: none;
  padding: 6px;
  font-size: 14px;
  background: #F2F2F2;
  width: 100%;
  height: 200px;
  box-sizing: border-box;
}
.contact_form textarea::-webkit-input-placeholder	{ color: #9a9a9a; font-size: 12px; }
.contact_form textarea::-moz-placeholder		{ color: #9a9a9a; font-size: 12px; }
.contact_form textarea:-moz-placeholder			{ color: #9a9a9a; font-size: 12px; }
.contact_form textarea:-ms-input-placeholder		{ color: #9a9a9a; font-size: 12px; }

.contact_form input[type="button"],
.contact_form input[type="submit"] {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
  background: #88be8b;
  border: none;
  padding: 10px 0;
  width: 100%;
  font-size: 16px;
  color: #FFF;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
}
.contact_form input[type="submit"]:hover { opacity: 0.7; }
.contact_form input[type="submit"]:active { opacity: 0.7; top: 1px; }
.contact_form label { padding-right: 15px; font-size: 14px; color: #333; }

.contact_form .select {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
  border: none;
  padding: 6px;
  font-size: 12px;
  background: #F2F2F2;
  width: 100%;
  box-sizing: border-box;
  color: #bbb;
}

.contact_form input[type="email"] {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
  border: none;
  padding: 6px;
  font-size: 14px;
  background: #F2F2F2;
  width: 100%;
  box-sizing: border-box;
}

.contact_form .button:after{
	display:table;
	content:"";
	clear:both;
}

.contact_form .button .btn-back,
.contact_form .button .btn-submit{
	float:left;
}
.contact_form .button .btn-back{
	float:left;
	width:30%;
}
.contact_form .button .btn-submit{
	float:left;
	width:68%;
	margin-left:2%;
}

.contact_form input[readonly="readonly"],
.contact_form textarea[readonly="readonly"]{
	background-color: #999;
	border-radius: 3px;
	color: #fff;
	cursor:not-allowed;
}

.contact_form span.wpcf7-not-valid-tip {
	color: #fe9248;
	display: block;
	font-size: 0.8em;
	font-weight: bold;
}



/* ---------------------------------------------------------------------------
//  思い出アルバム
--------------------------------------------------------------------------- */
.inner.al{ padding-top: 60px;}
.year_head {text-align: left;padding: 0;background: url("../img/bg_dot_or.jpg") left top repeat; border: 5px solid #fff; border-radius: 4px; color: #fff;
-webkit-box-shadow: 0 8px 5px -5px #ccc;
-moz-box-shadow: 0 8px 5px -5px #ccc;
box-shadow: 0 8px 5px -5px #ccc;
}
.year_head h2 {text-align: left;padding: 5px 10px 5px 46px;font-size: 20px;background: url("../img/icon-al.png") 10px center no-repeat;display: inline-block;}
.year_head p { display: inline-block; text-align: right; float: right; padding: 15px 20px 0 0; font-weight: bold; text-transform: uppercase;font-size: 14px;}
.albumpho { padding-top: 30px;}
.albumpho ul li {float: left;  background: #fff;border-radius: 3px; box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2); width: 310px;  margin-left: 20px; margin-bottom: 20px; padding: 7px;}
.albumpho ul li h3 {line-height: 1.3; font-size: 14px; padding: 10px 0 5px 10px;background: url("../img/icon-bl.jpg") left center no-repeat;}
.albumpho ul li p {border-top: 1px solid #d2d2d2;padding-top: 10px;margin-top: 5px;font-size: 15px; line-height: 1.4; padding-bottom: 10px;}
.albumpho ul li:nth-child(3n+1) { float: left; clear: left; margin-left: 0;}
.albumpho ul li .image {
	width:100%;
	height:0;
	padding-top:calc(295/443*100%);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-radius: 3px;
	overflow:hidden;
}

/* ---------------------------------------------------------------------------
//  思い出アルバム　詳細
--------------------------------------------------------------------------- */
.box{ background: #fff; padding: 30px; }
.albumpho { padding-top: 30px;}
.albumpho ul li {float: left;  background: #fff;border-radius: 3px; box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2); width: 310px;  margin-left: 20px; margin-bottom: 20px; padding: 7px;}
.albumpho ul li h3 {line-height: 1.3; font-size: 14px; padding: 10px 0 5px 10px;background: url("../img/icon-bl.jpg") left center no-repeat;}
.albumpho ul li p {border-top: 1px solid #d2d2d2;padding-top: 10px;margin-top: 5px;font-size: 15px; line-height: 1.4; padding-bottom: 10px;}
.albumpho ul li:nth-child(3n+1) { float: left; clear: left; margin-left: 0;}
.albumpho ul li img {border-radius: 3px;}

/* ---------------------------------------------------------------------------
//  スタッフ紹介
--------------------------------------------------------------------------- */
.staff_list ul li {float: left;border-radius: 3px; box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2); width: 310px;  margin-left: 20px; margin-bottom: 20px; padding: 12px; min-height: 200px;}
.staff_list ul li:nth-child(3n+1) { float: left; clear: left; margin-left: 0;}
.staff_list ul li:nth-child(4n+1) { background: url("../img/bg_pattern1.jpg") left top;}
.staff_list ul li:nth-child(4n+2) { background: url("../img/bg_pattern2.jpg") left top;}
.staff_list ul li:nth-child(4n+3) { background: url("../img/bg_pattern3.jpg") left top;}
.staff_list ul li:nth-child(4n+4) { background: url("../img/bg_pattern4.jpg") left top;}
.staff_list ul li .name {border-bottom: 1px solid #c2c2c2; padding-bottom: 5px; margin-bottom: 5px;}
.staff_list ul li .name h3 {font-size: 16px; font-weight: bold; display: inline-block;}
.staff_list ul li .name span { font-size: 12px;}
.staff_list ul li .hobby {border-bottom: 1px solid #c2c2c2;padding-bottom: 5px;margin-bottom: 10px;}
.staff_list ul li .hobby h3 {font-size: 16px; font-weight: bold; display: inline-block;}
.staff_list ul li .comment { font-size: 15px; line-height: 1.4;}

/* ---------------------------------------------------------------------------
//  保育園の1日
--------------------------------------------------------------------------- */
.oneday { padding-top: 80px; margin-bottom: 40px; padding-bottom: 40px;background: url("../img/dot-line_wh.png") left bottom repeat-x;}
.age1 {width: 310px;float: left;position: relative; }
.age2 {width: 310px;float: left;position: relative; margin-left: 25px;}
.age3 {width: 310px;float: left;position: relative; margin-left: 25px;}
.age1 ._img {position: absolute;right: 15px;top: -27px;}
.age2 ._img {position: absolute;right: 15px;top: -48px;}
.age3 ._img {position: absolute;right: 3px;top: -50px;}
.daypho {}
.daypho ul li {float: left;  background: #fff;border-radius: 3px; box-shadow:2px 2px 2px 2px rgba(0, 0, 0, 0.2); width: 310px;  margin-left: 20px; margin-bottom: 20px; padding: 7px;}
.daypho ul li p {line-height: 1.3; font-size: 15px; padding:10px 0 5px 0;}
.daypho ul li:nth-child(3n+1) { float: left; clear: left; margin-left: 0;}
.daypho ul li img {border-radius: 3px;}
.daypho ul li span { font-size: 11px; line-height: 1;}
.daypho ul li span.c1 { color: #fc8c42;}
.daypho ul li span.c2 { color: #65b5d2;}
.daypho ul li span.c3 { color: #fbd13b;}
.daypho ul li span.c4 { color: #e79898;}
.daypho ul li span.c5 { color: #3d9768;}
.daypho ul li span.c6 { color: #a742fc;}

/*.oneday table { width: 100%; border: 1px solid #d2c8b1; }
.oneday .age1 table thead td { background: url("../img/bg_dot_pink.jpg") left top repeat; }
.oneday .age2 table thead td { background: url("../img/bg_dot_blue.jpg") left top repeat; }
.oneday .age3 table thead td { background: url("../img/bg_dot_green.jpg.html") left top repeat; }
.oneday table th,
.oneday table td {border: 1px solid #d2c8b1;border-left: none;padding: 15px;color: #503b30;}
.oneday table td { background: #fffdf5; }
.oneday table th { width: 90px; text-align: left; vertical-align: top; border-right: none; padding-top: 10px; }
.oneday .age1 table th { background: #fbeee7; }
.oneday .age2 table th { background: #e5f1ee; }
.oneday .age3 table th { background: #e5f1ee; }*/

/* ---------------------------------------------------------------------------
//  入園案内
--------------------------------------------------------------------------- */
.tour1 {width: 475px;float: left;}
.tour2 {width: 475px;float: right;}
.tour1 .pink {
  background: url("../img/tulip.png") 20px 20px no-repeat #f9f1f0;
  padding: 20px 20px 20px 65px;
  color: #e79694;
  font-size: 14px;
  margin-top: 18px;
  border-radius: 5px;
}
.tour2 .txt { margin-top: 10px;}
.tour2 .balloon {
  background: url("../img/icon-balloon.png") 20px center no-repeat #f0eeeb;
  padding: 10px 10px 10px 55px;
  margin-top: 10px;
  border-radius: 5px;
}
.tour3  {background: url("../img/info_img.png") right top no-repeat;width: 600px; margin: 0 auto;}
.tour3 p {;width: 450px; margin: 0 0 15px;}
.tour2 .memo {
  background: url("../img/icon-memo.png") 20px center no-repeat #f0eeeb;
  padding: 18px 10px 18px 60px;
  margin-top: 15px;
  border-radius: 5px;
}
.application {
  width: 600px;
  margin: 0 auto;
}
.enrollment .application table { width: 100%; border: 1px solid #d2c8b1; }
.enrollment .application table th,
.enrollment .application table td {
  border: 1px solid #d2c8b1;
  border-left: none;
  padding: 15px;
  color: #503b30;
}
.enrollment .application table td { background: #fffdf5; }
.enrollment .application table th {
  width: 90px;
  text-align: left;
  vertical-align: top;
  border-right: none;
  padding-top: 10px;
  background: #eeeae0;
}
.enrollment .application-tel {
  text-align: center;
  margin-top: 50px;
}
.ov .ovL {
  width: 470px;
  float: left;
  position: relative;
}
.ov .ovR {
  width: 470px;
  float: right;
  position: relative;
}
.ov table { width: 100%; border: 1px solid #d2c8b1; margin-bottom: 20px; }
.ov table thead td { background: url("../img/bg_yellow-s.jpg") left top repeat;padding: 5px 10px 10px 10px; }
.ov table thead td img { margin-left: -10px; }
.ov table thead td span {  display: inline-block; text-align: right; font-size: 13px; float: right; padding-top: .5em;}
.ov table th,
.ov table td {
  border: 1px solid #d2c8b1;
  border-left: none;
  padding: 10px;vertical-align: top;
}
.ov table th {padding: 7px 5px;}
.ov table td { background: #fff; }
.ov table th { width: 100px;text-align: left; vertical-align: top; }
.ov table th { background: #fdeeb8; }
.ov table tr:nth-child(odd) th { background: #fef8e2; }
/*.ov table.no3 tr td { background-color: #fef8e2; }
.ov table.no3 tr td:nth-child(1) { background-color: #fdeeb8;}
.ov table.no3 tr td:nth-of-type(2) { background-color: #fff; }*/
.ov table.no5 tr:first-child th { background-color: #5fa5be; }
.ov table.no6 { clear: both;}
.ov table.no3 th + td { background-color: #fef8e2; padding: 7px 5px; min-width: 80px;}
.ov table.no3 tr td:first-child { background-color: #fdeeb8; padding: 7px 5px; min-width: 80px;}
.ov table.no3 thead td:first-child { padding: 5px 10px 10px 10px; }
.ov table.no5 th:first-child{ min-width: 80px;}
.ov table.no6 th.bb { background: #fef8e2; }

/* ---------------------------------------------------------------------------
//  保育園案内
--------------------------------------------------------------------------- */
.greeting h3 {
  margin-bottom: 20px;
}
.greeting ._l {
  width: 475px;
  float: left;
}
.greeting ._r {
  width: 475px;
  float: right;
	position: relative;
}
.greeting.sec { clear: both; margin-top: 30px;}
.greeting p.sign {text-align: right; margin-top: 10px;}
.greeting ._r ._img {
  position: absolute;
  left: 10px;
  bottom: -22px;
}
.policy {
	position: relative;
}
.policy dl {
  margin: 0 auto; width: 468px;position: relative;
}
.policy dl dd {
  margin: 10px 0 15px;
  padding-bottom: 20px;
  background: url("../img/dot-line.png") left bottom repeat-x;
}
.policy dl dd:last-child {
  padding-bottom: 0;
  background: none;
}
.policy .abs {position: absolute;width: 227px;}
.policy .abs img + img { margin-top: 15px;}
.policy ._img1 {
  left: 0;
  top: 0;
}
.policy ._img2 {
  left: 753px;
  top: 0;
}
.goal .abs {position: relative; margin-bottom: 40px;}
.goal .abs ._img {position: absolute;
  right: 22px;
  bottom: -27px;
}
ul.feature.li2 {margin-left: 174px ;}


.facility1 h3,.facility2 h3 ,.facility3 h3{ margin-bottom: 10px;}
.facility1 p,.facility2 p { min-height: 5em; margin-bottom: 10px;}

.facility1 {
  width: 475px;
  float: left; margin-bottom: 30px;
}
.facility2 {
  width: 475px;
  float: right; margin-bottom: 30px;
}
.facility1 .abs ,.facility2 .abs{position: relative;}
.facility1 ._img {position: absolute;
  left: 63px;
  top: 158px;
}
.facility2 ._img {position: absolute;
  left: 20px;
  top: 150px;
}
.facility1 .abs ._img + img ,.facility2 .abs ._img + img{margin-top: 25px; }
.facility3 {
  margin: 10px 0 0;
  padding-top: 40px;
  background: url("../img/dot-line.png") left top repeat-x;
}
.facility3 ._l {
  width: 475px;
  float: left;
}
.facility3 ._r {
  width: 475px;
  float: right;
}
.access_map {
  background: #6d583c;
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}
#maparea {
  width: 920px;
  height: 536px;
}

.access-add {
  float: left;
  width: 520px;
}
.access-time {
  float: left;
  width: 460px;
  text-align: right;
}
.access-add dl dd {
  padding-top: 10px;
}