@charset "utf-8";
/* CSS Document */
/*
※HTML5のタグにスタイルかまさない
*/

/*===========================================
ホーム
=============================================*/
/*
スライド----------------------*/
#top-slide {
	height: 500px;
}
#top-slide .sp-buttons {
	margin: 0;
	padding-top: 0;
	top: -40px;
}
#top-slide .sp-button {
	background-color: #fff;
	opacity: 0.5;
}
#top-slide .sp-selected-button {
	background-color: #da8679;
	opacity: 0.7;
}
/*
昭和２１年に創設された歴史ある保育園です----------------------*/
#top_ct {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	margin: 60px auto;
}
#top_ct img {
	display: block;
	flex-basis: 694px;
	flex-shrink: 0;
}
#top_ct div {
	background: url(../../images/bg_topct.png) repeat-x;
	flex-basis: 50%;
	height: 67px;
}
#top_ct div:nth-of-type(1) {
	margin-right: 10px;
}
#top_ct div:nth-of-type(2) {
	margin-left: 10px;
}
/*
「おじまの１日」他４項目----------------------*/
#top_ft {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
	width: 980px;
	margin: 0 auto;
}
#top_ft h2 {
	text-indent: -9999px;
}
#top_ft>a {
	display: block;
	background-repeat: no-repeat;
	width: 200px;
	height: 250px;
	font-size:14px;
	background-color: #fff;
	box-shadow: 7px 7px 0px 0px #e3e3e3;
	-moz-box-shadow: 7px 7px 0px 0px #e3e3e3;
	-webkit-box-shadow: 7px 7px 0px 0px #e3e3e3;
}
#top_ft>a:nth-of-type(1) {
	background-image: url(../../images/top_ft1.png)
}
#top_ft>a:nth-of-type(2) {
	background-image: url(../../images/top_ft2.png)
}
#top_ft>a:nth-of-type(3) {
	background-image: url(../../images/top_ft3.png)
}
#top_ft>a:nth-of-type(4) {
	background-image: url(../../images/top_ft4.png)
}
#top_ft p {
	margin: 160px auto 0;
	width: 170px;
}
/*
トップ／アルバム----------------------*/
#top_album {
	margin: 100px 0;
	background-image: url(../../images/bg_top_al.png);
	background-repeat: no-repeat;
	background-position: center 44px;/*background-image:url(../../images/bg_top_al1.png), url(../../images/bg_top_al2.png);
background-repeat:no-repeat, no-repeat;
background-position:3% 95px, 85% 40px;*/
}
#top_album .ttl {
	width: 980px;
	height: 140px;
	margin-bottom: 20px;
	background: url(../../images/ttl_top_al.png) no-repeat;
	background-position: left top;
}
#top_album .ttl span {
	display: block;
	padding: 60px 0 0 220px;
}
#top_album .inner {
	width: 980px;
	margin: 0 auto;
}
#top_album #nsrs {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
}
#top_album #nsrs>div {
	background-color: #fff;
	padding: 34px;
	box-shadow: 7px 7px 0px 0px #e3e3e3;
	-moz-box-shadow: 7px 7px 0px 0px #e3e3e3;
	-webkit-box-shadow: 7px 7px 0px 0px #e3e3e3;
}
#top_album #nsrs>div>a span {
	display: block;
	width: 200px;
	height: 160px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-size: cover;
}
#top_album #nsrs .nsr1 .pic {
	background-image: url(../../album/images/d1/01.jpg);
}
#top_album #nsrs .nsr2 .pic {
	background-image: url(../../album/images/d2/01.jpg);
}
#top_album #nsrs .nsr3 .pic {
	background-image: url(../../album/images/d3/01.jpg);
}
/*
トップ／アクセス----------------------*/
#top_access {
	background-image: url(../../images/bg_top_ac.png);
	background-repeat: no-repeat;
	background-position: center 44px;
}
#top_access .ttl {
	width: 980px;
	height: 100px;
	margin: 0 auto 20px;
}
#top_access .ttl span {
	display: block;
	padding: 22px 0 0 360px;
}
#top_access .inner {
	width: 1020px;
	height: 430px;
	margin: 0 auto 100px;
	background-image: url(../../images/ttl_top_ac.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#top_access .btns {
	-js-display: flex;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-between;
	padding-left: 120px;
	width: 980px;
}
#top_access .btns a {
	display: block;
}
/*===========================================
園での生活
=============================================*/
#life .inner {
	margin: 0 auto;
	width: 980px;
}
#life .fLeft {
	float: left;
}
#life .fRight {
	float: right;
}
#life .fLeft img, #life .fRight img {
	display: block;
}
#life .txt {
	margin: 30px 30px 100px 30px;
	background-repeat: no-repeat;
	background-position: right;
	height: 148px;
}
#spring .txt {
	background-image: url(../../life/images/spring.png);
}
#summer .txt {
	background-image: url(../../life/images/summer.png);
}
#autumn .txt {
	background-image: url(../../life/images/autumn.png);
}
#winter .txt {
	background-image: url(../../life/images/winter.png);
}
#life .txt ul {
	margin-top: 10px;
	width: 700px;
	font-weight: bold;
}
#life .txt ul li {
	float: left;
	margin-right: 20px;
}
#life .txt ul li:before {
	content: "●";
}
#study {
	padding: 0 30px 80px 30px;
}
#study > div {
	padding: 40px 0;
}
#study .fRight {
	width: 580px;
	font-weight: bold;
}
#study .fRight p {
	margin-top: 10px;
}
.lunch_txt {
    display: inline-block;
    font-weight: 400;
    margin-left: 20px;
    margin-top: 20px;
	margin-bottom: 20px;
}

/*イベントの写真位置・サイズを調整*/
.lifePicWrap>div>div>div>div{
	overflow:hidden;
}
.lifePicWrap .lifePic>div:first-child{
	width:980px;
	height:400px;
	overflow:hidden;
}
.lifePicWrap>div>div>.fLeft{
	width:30%;
	height:inherit;
}
.lifePicWrap>div>div>.fRight{
	width:70%;
	height:inherit;
}
.lifePicWrap>div>div>.fLeft>div{
	height:50%;
}
.lifePicWrap>div>div>div>div>img{
	display:block;
	min-width: 100%;
	min-height:100%;
	max-width:100%;
	/*width:110%;*/
}
/*おじま保育園の教育の写真位置・サイズを調整*/
#study>div>div{
	width:300px;
	height:200px;
	overflow:hidden;
}
#study>div>div>img{
	display:block;
	width: 100%;
	min-height:100%;
}


/*===========================================
保育サービス
=============================================*/

#service .inner {
	width: 980px;
	margin: 0 auto;
}
#service #page_catch, #service #service_inner {
	padding: 0 30px;
}


#service #service_inner > div {
	margin-bottom: 100px;
	font-weight: bold;
}
#service #service_inner div > p {
	margin-top: 30px;
}
#service #service_inner ul {
	margin-top: 30px;
}
#service #service_inner ul li span {
	display: block;
	margin-left: 1rem;
}
#service #service_inner ul li:before {
	content: "●";
}
#service div.balloon {
	background-image: url(../../service/images/balloon.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 168px;
}
.milk {
	background-image: url(../../service/images/milk.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}
.strawberry {
	background-image: url(../../service/images/strawberry.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}
.chick {
	background-image: url(../../service/images/chick.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}
.squirrel {
	background-image: url(../../service/images/squirrel.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}
.balloon02 {
	background-image: url(../../service/images/balloon02.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 60px;
}
.daytime > div {
	margin-bottom: 30px;
}
#service .notabilia > span {
	display: block;
	text-align: center;
	color: #e67373;
	margin: 20px 0;
}
.notabilia div {
	margin: 0 auto;
	width: 630px;
	font-weight:normal;
}
#service .notabilia div > span {
	float: left;
	
}
#service .notabilia div > img {
	float:right;
}
/*===========================================
各園のご紹介
=============================================*/

#nursery .inner{
	width: 980px;
	margin: 0 auto 80px;
	}

#nursery .fLeft{
	float:left;
		}
#nursery .fRight{
	float:right;
		}

#nursery div .fLeft .txt{
	width: 980px;
	margin: 0 auto;
	}
#nursery div .fLeft .pict img{
	float:left;
	}
#nursery div .fLeft .pict img:first-child{
	margin-right:10px;
	}
#nursery .googlemap{
	margin-top:40px;
	}
#nursery .googlemap .fLeft{
	width: 520px;
	}
#nursery .googlemap .fLeft .pict{
	margin-top:20px;
	}
#nursery .googlemap .fRight{
    float: right;
    height: 320px;
    width: 420px;
}
#nursery .googlemap .btn_gMap{
	margin:10px 0 0 220px;
}

/*===========================================
入園案内
=============================================*/

#guidance .inner{
	width: 980px;
	margin: 0 auto;
}
#guidance_inner{
	background-image:url(../../guidance/images/bg_top.png);
	background-repeat:no-repeat;
	background-position:right top;
}

#guidance #guidance_inner > div {
	margin-bottom: 100px;
	font-weight: bold;
}
#guidance #guidance_inner div > p {
	margin-top: 30px;
}
.guidance_inner_list > ul {
}
.guidance_inner_list > ul > li:not(:last-child){
	margin-bottom:20px;
	}
.guidance_inner_list > ul > li span {
	display: block;
	margin-left: 1rem;
}
.guidance_inner_list > ul > li:before {
	content: "●";
}



#guidance_inner > div > div{
	margin-top:30px;	
	}
#guidance_inner .fLeft{
	float:left;
	width:610px;
	
	}
#guidance_inner .fRight{
	float:right;
	}
#guidance_inner .fLeft .alignR{
	margin-top:10px;
	
	display:block;
	text-align:right;
		}
#outline .btn_nursery{
	margin-top:30px;
}
#outline .btn_nursery a{
	width:198px;
	display:block;
	margin:0 auto;
}
/*===========================================
園の概要
=============================================*/

#outline .inner{
	margin:0 auto;
	width:980px;
		}


#outline .charge{
	margin:100px 0;
	}
#history .fLeft{
	display:none;
}
#history .fLeft img{
	margin-bottom:40px;
	}
#history .fLeft{
	display:none;
	float:left;
	}
#history .fRight{
	/*float:right;
	width:640px;*/
	width:700px;
	margin:0 auto 80px;
	}

.month{
	width:36px;
	text-align:right;
	padding-right:30px;
}
#philosophy{
	background:url(../../outline/images/bg_philosophy.png) no-repeat right bottom;
	background-size:420px auto;
}
#philosophy ol{
	margin:20px 0 0 50px;
	list-style-type: decimal;
	font-weight:bold;
}
#philosophy ol li{
	margin-bottom:20px;
}


#disclosure .info_table{
    display: flex;
    display: -webkit-flex;
	flex-wrap: wrap;
	border-top: 1px solid #f4a300;
	
}

#disclosure .info_table li{
	border-bottom: 1px solid #f4a300;
	width: 50%;
}
#disclosure .info_table li:nth-child(odd){
	border-right: 1px solid #f4a300;


	
}

#disclosure .info_table li a{
	padding: 20px;
	background-color: #ffffff;
	display: flex;
      display: -webkit-flex;
	align-items: center;
}

#disclosure .info_table li img{
width: 18px;
height: 18px;
	
}
#disclosure .info_table li span{
display: block;
	margin-right: 20px;
}




 



/*===========================================
フォトアルバム
=============================================*/

#album .inner{
	margin:0 auto;
	width:980px;
		}
#album{
	margin-bottom:100px;
}
		
#album ul.album_list:not(:last-child){
	margin-bottom:40px;
	}
ul.album_list li{
	width:300px;
	float:left;
	box-shadow:7px 7px 0 0 #e3e3e3;
		}
ul.album_list li:not(:first-child){
	margin-left:40px;
}

ul.album_list li img{
	/*width:300px;*/
	width:300px;
	min-width:100%;
	min-height:100%;
	display:block;
	}
ul.album_list li div span{
	display:block;
	padding:16px;
	text-align:center;
	font-size:18px;
	color:#e67373;
	background-color:#fff;
}
#album ul.album_list li div:first-child{
	width:300px;
	height:200px;
	overflow:hidden;
}

