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

/*====================================================
	●style.css 画面の横幅が769px以上  
	Note PC size以上
======================================================*/
@media screen and (min-width: 769px){
	
	/*----------------
		MENU 園の一日
	-----------------*/
	ul.drawer-menu li:nth-child(3) a.drawer-menu-item {
		background-image: url(../img/icon_menu_circleback_active_200.png);
	}
	
	
	/*===============================
		園の一日
	================================*/
	main > section {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
	}
	main > section h2 {
		width: 30%;
		max-width: 300px;
		margin: 8% auto 4% auto;
	}
	
	/*=================
		午前
	=================*/
	section.MorningSchedule,
	section.AfternoonSchedule {
		height: 400px;
		background: #CCE8F7;
		border-radius: 50%;
		margin-bottom: 2%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/*------------------
		title / 画像
	-------------------*/
	section.MorningSchedule div:first-child,
	section.AfternoonSchedule div:first-child {
		width: 30%;
		text-align: right;
	}
	/*-----------
		午前
	------------*/
	section.MorningSchedule div:first-child h3,
	section.AfternoonSchedule div:first-child h3 {
		width: 5rem;
		color: #15ABB7;
		text-align: center;
		margin-left: auto;
		margin-bottom: 3%;
	}
	section.MorningSchedule div:first-child h3 p,
	section.AfternoonSchedule div:first-child h3 p {
		font-size: 0.9rem;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1rem;
		margin-bottom: 1%;
	}
	section.MorningSchedule div:first-child h3 em,
	section.AfternoonSchedule div:first-child h3 em {
		font-size: 1.8rem;
		font-style: normal;
		letter-spacing: 5px;
	}
	/** 画像 **/
	section.MorningSchedule div:first-child picture,
	section.AfternoonSchedule div:first-child picture {
		width: 60%;
		margin-left: auto;
	}
	
	/*-------------
		schedule
	--------------*/
	section.MorningSchedule div:last-child,
	section.AfternoonSchedule div:last-child {
		width: 60%;
		text-align: left;
	}
	section.MorningSchedule div:last-child > dl,
	section.AfternoonSchedule div:last-child > dl {
		color: #333;
		margin-bottom: 5%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		/*-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;*/
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/** 時間 **/
	section.MorningSchedule div:last-child > dl > dt,
	section.AfternoonSchedule div:last-child > dl > dt {
		margin-right: 2%;
	}
	section.MorningSchedule div:last-child > dl:nth-child(4) > dd:last-child {
		margin-top: 2%;
		margin-left: 4.4rem;
	}
	
	/*================================
		知育教育
	================================*/
	section.IntellectualTraining {
		margin: 10% 0;
	}
	section.IntellectualTraining h3 {
		width: 30%;
		margin: 5% auto;
	}
	/*-------------------------
		体操教室 / 英語教室
	-------------------------*/
	section.IntellectualTraining ul {
		width: 85%;
		list-style-type: none;
		margin: 0 auto;
	}
	section.IntellectualTraining ul li {
		width: 100%;
		background: #CCE8F7;
		border-radius: 2rem;
		margin-bottom: 2%;
		padding: 3%;
	}
	section.IntellectualTraining dl dt {
		color: #069;
		font-style: normal;
		letter-spacing: 1px;
		margin-bottom: 2%;
	}
	section.IntellectualTraining dl dt strong {
		color: #069;
		font-size: 1.2rem;
		margin-right: 2%;
	}

	section.IntellectualTraining dl dt span {
		padding-right: 1rem;
	}
	section.IntellectualTraining dl dd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	section.IntellectualTraining dl dd picture {
		width: 49%;
	}
	
	
}


/*================================================================================
　●tablet.css 画面の横幅が768pxまで
=================================================================================*/
@media screen and (max-width: 768px) {
	
	/*===============================
		園の一日
	================================*/
	main > section {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
	}
	main > section h2 {
		width: 30%;
		max-width: 300px;
		margin: 8% auto 4% auto;
	}
	
	/*=================
		午前
	=================*/
	section.MorningSchedule,
	section.AfternoonSchedule {
		height: 400px;
		background: #CCE8F7;
		border-radius: 50%;
		margin-bottom: 2%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/*------------------
		title / 画像
	-------------------*/
	section.MorningSchedule div:first-child,
	section.AfternoonSchedule div:first-child {
		width: 30%;
		text-align: right;
	}
	/*-----------
		午前
	------------*/
	section.MorningSchedule div:first-child h3,
	section.AfternoonSchedule div:first-child h3 {
		width: 5rem;
		color: #15ABB7;
		text-align: center;
		margin-left: auto;
		margin-bottom: 3%;
	}
	section.MorningSchedule div:first-child h3 p,
	section.AfternoonSchedule div:first-child h3 p {
		font-size: 0.9rem;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1rem;
		margin-bottom: 1%;
	}
	section.MorningSchedule div:first-child h3 em,
	section.AfternoonSchedule div:first-child h3 em {
		font-size: 1.8rem;
		font-style: normal;
		letter-spacing: 5px;
	}
	/** 画像 **/
	section.MorningSchedule div:first-child picture,
	section.AfternoonSchedule div:first-child picture {
		width: 60%;
		margin-left: auto;
	}
	
	/*-------------
		schedule
	--------------*/
	section.MorningSchedule div:last-child,
	section.AfternoonSchedule div:last-child {
		width: 60%;
		text-align: left;
	}
	section.MorningSchedule div:last-child > dl,
	section.AfternoonSchedule div:last-child > dl {
		color: #333;
		margin-bottom: 5%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		/*-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;*/
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/** 時間 **/
	section.MorningSchedule div:last-child > dl > dt,
	section.AfternoonSchedule div:last-child > dl > dt {
		margin-right: 2%;
	}
	section.MorningSchedule div:last-child > dl:nth-child(4) > dd:last-child {
		margin-top: 2%;
		margin-left: 4.4rem;
		line-height: 1.2;
	}
	
	
	/*================================
		知育教育
	================================*/
	section.IntellectualTraining {
		margin: 10% 0;
	}
	section.IntellectualTraining h3 {
		width: 30%;
		margin: 5% auto;
	}
	/*-------------------------
		体操教室 / 英語教室
	-------------------------*/
	section.IntellectualTraining ul {
		width: 85%;
		list-style-type: none;
		margin: 0 auto;
	}
	section.IntellectualTraining ul li {
		width: 100%;
		background: #CCE8F7;
		border-radius: 2rem;
		margin-bottom: 2%;
		padding: 3%;
	}
	section.IntellectualTraining dl dt {
		color: #069;
		font-style: normal;
		letter-spacing: 0;
		margin-bottom: 2%;
	}
	section.IntellectualTraining dl dt strong {
		color: #069;
		font-size: 1.2rem;
		letter-spacing: 1px;
		margin-right: 2%;
	}
	section.IntellectualTraining dl dt span{
		padding-right: 1rem;
	}
	section.IntellectualTraining dl dd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	section.IntellectualTraining dl dd picture {
		width: 49%;
	}
	
}

/*=========================================================================================
	●smart.css  
	画面の横幅が640pxまで
===========================================================================================*/
@media screen and (max-width: 640px) {
	
	/*===============================
		園の一日
	================================*/
	main > section {
		width: 98%;
		max-width: 1024px;
		margin: 0 auto;
	}
	main > section h2 {
		width: 50%;
		max-width: 300px;
		margin: 8% auto 4% auto;
	}
	/*=================
		午前
	=================*/
	section.MorningSchedule,
	section.AfternoonSchedule {
		height: auto;
		background: #CCE8F7;
		border-radius: 50%;
		margin-bottom: 50px;
		padding: 50px 2% 100px 2%;
		
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;*/
		display: block;
	}
	/*------------------
		title / 画像
	-------------------*/
	section.MorningSchedule div:first-child,
	section.AfternoonSchedule div:first-child {
		width: 50%;
		text-align: center;
		margin: 0 auto 5% auto;
		/*border: thin dashed #F69;*/
	}
	/*-----------
		午前
	------------*/
	section.MorningSchedule div:first-child h3,
	section.AfternoonSchedule div:first-child h3 {
		width: 5rem;
		color: #15ABB7;
		text-align: center;
		margin: 2% auto;
		margin-bottom: 3%;
	}
	section.MorningSchedule div:first-child h3 p,
	section.AfternoonSchedule div:first-child h3 p {
		font-size: 0.9rem;
		font-weight: 400;
		letter-spacing: 1px;
		line-height: 1rem;
		margin-bottom: 1%;
	}
	section.MorningSchedule div:first-child h3 em,
	section.AfternoonSchedule div:first-child h3 em {
		font-size: 1.8rem;
		font-style: normal;
		letter-spacing: 5px;
	}
	/** 画像 **/
	section.MorningSchedule div:first-child picture,
	section.AfternoonSchedule div:first-child picture {
		width: 100%;
		margin: 2% auto;
	}
	
	/*-------------
		schedule
	--------------*/
	section.MorningSchedule div:last-child,
	section.AfternoonSchedule div:last-child {
		width: 85%;
		text-align: left;
		margin: 3% auto;
		/*border: thin dashed #F39;*/
	}
	/** 午後のみ **/
	section.AfternoonSchedule div:last-child {
		width: 70%;
		text-align: left;
		margin: 3% auto;
	}
	section.MorningSchedule div:last-child > dl,
	section.AfternoonSchedule div:last-child > dl {
		color: #333;
		margin-bottom: 8%;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		/*-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;*/
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/** 時間 **/
	section.MorningSchedule div:last-child > dl > dt,
	section.AfternoonSchedule div:last-child > dl > dt {
		color: #FFF;
		background: #09C;
		border-radius: 0.5rem;
		margin-right: 2%;
		padding: 2px 4px;
	}
	section.MorningSchedule div:last-child > dl > dd,
	section.AfternoonSchedule div:last-child > dl > dd {
		width: 70%;
	}
	section.MorningSchedule div:last-child > dl > dd span,
	section.AfternoonSchedule div:last-child > dl > dd span {
		display: block;
	}
	
	
	/*-------------------
		10:00〜
	-------------------*/
	/** 朝の会 **/
	section.MorningSchedule div:last-child > dl:nth-child(4) > dd:nth-child(2) {
		/*border: thin dashed #F3C;*/
	}
	section.MorningSchedule div:last-child > dl:nth-child(4) > dd:nth-child(2) span {
		font-size: 0.9rem;
	}
	/** 設定保育 **/
	section.MorningSchedule div:last-child > dl:nth-child(4) > dd:last-child {
		margin-top: 2%;
		margin-left: 4.4rem;
	}
	
	
	
	/*================================
		知育教育
	================================*/
	section.IntellectualTraining {
		margin: 10% 0;
	}
	section.IntellectualTraining h3 {
		width: 60%;
		margin: 5% auto;
	}
	/*-------------------------
		体操教室 / 英語教室
	-------------------------*/
	section.IntellectualTraining ul {
		width: 90%;
		list-style-type: none;
		margin: 0 auto;
	}
	section.IntellectualTraining ul li {
		width: 100%;
		background: #CCE8F7;
		border-radius: 2rem;
		box-sizing: border-box;
		margin: 0;
		margin-bottom: 2%;
		padding: 3%;
	}
	section.IntellectualTraining dl dt {
		color: #069;
		font-style: normal;
		letter-spacing: 1px;
		line-height: 1.3rem;
		margin-top: 4%;
		margin-bottom: 4%;
	}
	section.IntellectualTraining dl dt strong {
		color: #069;
		font-size: 1.2rem;
		letter-spacing: 3px;
		margin-right: 2%;
		display: block;
	}
	section.IntellectualTraining dl dt span {
		display: block;
	}
	section.IntellectualTraining dl dd {
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-webkit-box-pack: distribute;
		-ms-flex-pack: distribute;
		justify-content: space-around;*/
		display: block;
	}
	section.IntellectualTraining dl dd picture {
		width: 100%;
		margin-bottom: 2%;
	}
	
}