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

main section {
	width: 90%;
	max-width: 1020px;
	margin: 4% auto;
	padding: 0;
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;*/
}

/*==============================================
	Title Contents
==============================================*/
main > section > div:first-child {
	width: 90%;
	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;
}
/*----------------------------------------
	Titles
-----------------------------------------*/
dl.Titles {
	width: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	/*background: #FFF;
	border:thin dashed #C66;*/
}
dl.Titles dd {
	width: 20%;
	/*background: #F96;*/
	margin-right: 2%;
}
dl.Titles dt {
	width: 80%;
	/*background: #FFF;*/
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
/** news **/
dl.Titles dt > p:first-child {
	width: 100%;
	min-height: 0%;/**IE11**/
	color: #690;
	text-align: left;
	text-transform: uppercase;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
	letter-spacing: 2px;
	border-bottom: 3px dotted #C96;
	padding-bottom: 2%;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
/*★*/
dl.Titles dt > p:first-child > picture {
	width: 1rem;
	margin-right: 2%;
	display: inline-block;
	/*background: #F66;*/
}
/** 園の一日 **/
dl.Titles dt h2 {
	color: #690;
	/**/font-size: 2rem;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	letter-spacing: 4px;
	margin-top: 2%;
}

/*--------------------------------------------
	TitleImage
--------------------------------------------*/
main > section > div:first-child > div:last-child {
	width: 30%;
	position: relative;
	bottom: -2rem;
	/*background: #9C3;*/
}
main > section > div:first-child > div:last-child img {
	position: absolute;
	bottom: -2rem;
	left: 0;
}




/*===========================================================
	Schedule 一覧表
============================================================*/

/*--------------------------------------------------
	午前
---------------------------------------------------*/
main section > section:nth-child(2) {
	background: #FFF;
	margin-top: 4%;
	padding: 1rem;
}
main section > section:nth-child(2) > div.Morning {
	border: thin dashed #F69;
	box-sizing: border-box;
	display: block;
	padding: 5%;
	
	position: relative;
}

/** Title **/
div.Morning dl.title {
	width: 40%;
	/*background: #CC9;*/
	border-bottom: 3px dotted #7DCEF1;
	margin: 0 auto;
	padding: 2% 0;
	
	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;
}
/** icon **/
div.Morning dl.title dd {
	width: 47%;
	/*height: 3rem;*/
	margin-right: 2%;
}
div.Morning dl.title dd span {
	width: 47%;
	display: block;
	margin-left: auto;
}
/** Text **/
div.Morning dl.title dt {
	width: 50%;
	/*background: #FFF;*/
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
/** 英文text **/
div.Morning dl.title dt > p:first-child {
	width: 100%;
	color: #690;
	text-align: left;
	text-transform: capitalize;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
	letter-spacing: 2px;
	padding-bottom: 2%;
}
/**　午前 **/
div.Morning dl.title dt > p:last-child {
	width: 100%;
	color: #7DCEF1;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	margin-top: 4%;
}

/*------------------------------------------
	午前 時間表
-------------------------------------------*/
/**　dl.title以外の dl要素 **/
div.Morning dl:not(.title) {
	width: 80%;
	color: #963;
	/*background: #F9C;*/
	font-family: "M PLUS Rounded 1c";
	font-weight: bold;
	/*background: #CC9;*/
	border-bottom: thin dashed #DFCD9B;
	margin: 2% auto;
	padding: 2% 0;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-justify-content: flex-st;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; 
}
div.Morning dl:not(.title) dt {
	width: 20%;
	transform: rotate(0.03deg); 
}
div.Morning dl:not(.title) dd {
	width: 78%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5rem;
	transform: rotate(0.03deg); 
}


/*---------------------------------
	画像Cube
---------------------------------*/
div.Morning > picture:last-child {
	width: 20%;
	/*background: #0FF;
	border: thin dashed #F36;*/
	padding: 1rem;
	
	position: absolute;
	right: 0;
	bottom: 0;
}




/*======================================================
	午後
=======================================================*/
main > section > section:nth-child(3) {
	background: #FFF;
	margin-top: 4%;
	padding: 1rem;
}
main > section > section:nth-child(3) > div.Afternoon {
	border: thin dashed #F69;
	box-sizing: border-box;
	display: block;
	padding: 5%;
	
	position: relative;
}

/** Title **/
div.Afternoon dl.title {
	width: 40%;
	/*background: #CC9;*/
	border-bottom: 3px dotted #F90;
	margin: 0 auto;
	padding: 2% 0;
	
	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;
}
/** icon **/
div.Afternoon dl.title dd {
	width: 47%;
	/*height: 3rem;*/
	margin-right: 2%;
}
div.Afternoon dl.title dd span {
	width: 47%;
	display: block;
	margin-left: auto;
}
/** Text **/
div.Afternoon dl.title dt {
	width: 50%;
	/*background: #FFF;*/
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
/** 英文text **/
div.Afternoon dl.title dt > p:first-child {
	width: 100%;
	color: #F96;
	text-align: left;
	text-transform: capitalize;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
	letter-spacing: 2px;
	padding-bottom: 2%;
}
/**　午前 **/
div.Afternoon dl.title dt > p:last-child {
	width: 100%;
	color: #F90;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	margin-top: 4%;
}

/**　dl.title以外の dl要素 **/
div.Afternoon dl:not(.title) {
	width: 80%;
	color: #963;
	font-family: "M PLUS Rounded 1c";
	font-weight: bold;
	/*background: #CC9;*/
	border-bottom: thin dashed #DFCD9B;
	margin: 2% auto;
	padding: 2% 0;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-justify-content: flex-st;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; 
}
div.Afternoon dl:not(.title) dt {
	width: 20%;
	transform: rotate(0.03deg); 
}
div.Afternoon dl:not(.title) dd {
	width: 78%;
	text-align: left;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 1.5rem;
	transform: rotate(0.03deg); 
}


/*---------------------------------
	画像Cube
---------------------------------*/
div.Afternoon > picture:nth-last-child(2) {
	width: 8%;
	position: absolute;
	left: 0;
	bottom: 30%;
}
div.Afternoon > picture:last-child {
	width: 20%;
	/*background: #0FF;
	border: thin dashed #F36;*/
	padding: 1rem;
	
	position: absolute;
	right: 0;
	bottom: -10%;
}

/*===================================================================================
　　2024.04追加　フラダンス・英語教室
====================================================================================*/
.classes {
	text-align: center;
	background-color: #fff;
	padding: 1rem;
}

.hula-dance,
.english-classes {
	position: relative;
	border: thin dashed #690;
	box-sizing: border-box;
	display: block;
	padding: 5%;
}

.english-classes {
	margin-top: 3%;
}

.hula-dance h3,
.english-classes h3 {
	font-size: 1.8rem;
	color: #690;
	padding-bottom: 0.3rem;
}

.hula-dance p:first-of-type,
.english-classes p:first-of-type {
	font-size: 1rem;
	font-weight: bold;
	color: #690;
	padding-bottom: 0.5rem;
}

.hula-dance p:last-of-type,
.english-classes p:last-of-type {
	font-size: 1rem;
	color: #690;
	padding-bottom: 1rem;
}

.hula-img,
.english-img {
	padding-top: 2%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.hula-bgi {
	position: absolute;
	top: 3%;
	right: 1%;
}

.hula-bgi2 {
	position: absolute;
	bottom: 35%;
	left: 3%;
}

.english-bgi {
	position: absolute;
	top: 1%;
	right: 1%;
}


/*===================================================================================
　●tablet.css 画面の横幅が1000pxまで
====================================================================================*/
@media screen and (max-width: 1000px) {
	.hula-bgi {
		display: none;
	}
	
	.hula-bgi2 {
		position: absolute;
		top: -5%;
		left: -1%;
	}

	.english-bgi {
		transform: rotate(-10deg);
		top: -4%;
		right: -1%;
	}
}



/*============================================================================
　●smart.css  画面の横幅が640pxまで
===============================================================================*/
@media screen and (max-width: 640px) {
	
	/*==============================================
		Title Contents
	==============================================*/
	main > section > div:first-child {
		width: 90%;
		/*background: #CC9;*/
		margin: 0 auto;
		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;
	}
	
	/*----------------------------------------
		Titles
	-----------------------------------------*/
	main > section > div:first-child dl.Titles {
		width: 90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		/*background: #FFF;
		border:thin dashed #C66;*/
	}
	main > section > div:first-child dl.Titles dd {
		width: 30%;
		/*background: #F96;*/
		margin-right: 2%;
	}
	main > section > div:first-child dl.Titles dt {
		width: 80%;
		/*background: #FFF;*/
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	/** one day schedule **/
	main > section > div:first-child dl.Titles dt > p:first-child {
		width: 100%;
		color: #690;
		font-size: 0.8rem;
		text-align: left;
		text-transform: uppercase;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
		letter-spacing: 2px;
		border-bottom: 3px dotted #C96;
		padding-bottom: 2%;
	}
	main > section > div:first-child dl.Titles dt > p:first-child > span {
		width: 1rem;
		margin-right: 2%;
		display: inline-block;
	}
	/** 園の一日 **/
	main > section > div:first-child dl.Titles dt h2 {
		color: #690;
		/**/font-size: 2rem;
		font-style: normal;
		font-weight: bold;
		text-align: left;
		letter-spacing: 2px;
		margin-top: 2%;
	}
	
	/*--------------------------------------------
		TitleImage
	--------------------------------------------*/
	main > section > div:first-child > div:last-child {
		width: 30%;
		position: relative;
		bottom: 0;
		/*bottom: -2rem;*/
		/*background: #9C3;*/
	}
	main > section > div:first-child > div:last-child span {
		width: 8rem;
		position: absolute;
		bottom: 1rem;
		left: -2rem;
	}
	
	
	
	
	
	/*===========================================================
		Schedule 一覧表
	============================================================*/
	
	/*=================================================
		午 前
	===================================================*/
	main section > section:nth-child(2) {
		background: #FFF;
		margin-top: 4%;
		padding: 1rem;
	}
	main section > section:nth-child(2) > div.Morning {
		border: thin dashed #F69;
		box-sizing: border-box;
		display: block;
		padding: 5%;
		
		position: relative;
	}
	
	/** Title **/
	div.Morning dl.title {
		width: 50%;
		/*background: #CC9;*/
		border-bottom: 3px dotted #7DCEF1;
		margin: 0 auto;
		padding: 2% 0;
		
		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;
	}
	/** icon **/
	div.Morning dl.title dd {
		width: 40%;
		/*height: 3rem;
		background: #FFF;*/
		margin-right: 2%;
	}
	div.Morning dl.title dd span {
		width: 100%;
		display: block;
		margin-left: auto;
	}
	/** Text **/
	div.Morning dl.title dt {
		width: 60%;
		/*background: #FFF;*/
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		
		-webkit-align-items: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	/** 英文text **/
	div.Morning dl.title dt > p:first-child {
		width: 100%;
		color: #690;
		font-size: 0.9rem;
		text-align: left;
		text-transform: capitalize;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
		letter-spacing: 2px;
		padding-bottom: 2%;
	}
	/**　午前 **/
	div.Morning dl.title dt > p:last-child {
		width: 100%;
		color: #7DCEF1;
		font-size: 2rem;
		font-weight: bold;
		text-align: left;
		letter-spacing: 2px;
		margin-top: 4%;
	}
	
	/*------------------------------------------
		午前 時間表
	-------------------------------------------*/
	/**　dl.title以外の dl要素 **/
	div.Morning dl:not(.title) {
		width: 100%;
		color: #963;
		font-size: 0.9rem;
		font-family: "M PLUS Rounded 1c";
		font-weight: bold;
		/*background: #CC9;*/
		border-bottom: thin dashed #DFCD9B;
		margin: 2% auto;
		padding: 2% 0;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/*-webkit-justify-content: flex-st;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;*/
		-webkit-align-items: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start; 
	}
	div.Morning dl:not(.title) dt {
		width: 25%;
	}
	div.Morning dl:not(.title) dd {
		width: 78%;
		text-align: left;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.5rem;
	}
	
	
	
	
	/*======================================================
		午 後
	=======================================================*/
	main > section > section:nth-child(3) {
		background: #FFF;
		margin-top: 4%;
		padding: 1rem;
	}
	main > section > section:nth-child(3) > div.Afternoon {
		border: thin dashed #F69;
		box-sizing: border-box;
		display: block;
		padding: 5%;
		
		position: relative;
	}
	
	/*-----------------------
		Title
	------------------------*/
	div.Afternoon dl.title {
		width: 55%;
		/*background: #CC9;*/
		border-bottom: 3px dotted #F90;
		margin: 0 auto;
		padding: 2% 0;
		
		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;
	}
	/** icon **/
	div.Afternoon dl.title dd {
		width: 35%;
		/*height: 3rem;*/
		margin-right: 2%;
	}
	div.Afternoon dl.title dd span {
		width: 100%;
		display: block;
		margin-left: auto;
	}
	/** Text **/
	div.Afternoon dl.title dt {
		width: 50%;
		/*background: #FFF;*/
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		
		-webkit-align-items: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	/** 英文text **/
	div.Afternoon dl.title dt > p:first-child {
		width: 100%;
		color: #F96;
		font-size: 0.9rem;
		text-align: left;
		text-transform: capitalize;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
		letter-spacing: 2px;
		padding-bottom: 2%;
	}
	/**　午後 **/
	div.Afternoon dl.title dt > p:last-child {
		width: 100%;
		color: #F90;
		font-size: 2rem;
		font-weight: bold;
		text-align: left;
		letter-spacing: 2px;
		margin-top: 4%;
	}
	
	/*----------------------------------------------
		午後 時間表
	-----------------------------------------------*/
	/**　dl.title以外の dl要素 **/
	div.Afternoon dl:not(.title) {
		width: 100%;
		color: #963;
		font-size: 0.9rem;
		font-family: "M PLUS Rounded 1c";
		font-weight: bold;
		/*background: #CC9;*/
		border-bottom: thin dashed #DFCD9B;
		margin: 2% auto;
		padding: 2% 0;
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/*-webkit-justify-content: flex-st;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;*/
		-webkit-align-items: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start; 
	}
	div.Afternoon dl:not(.title) dt {
		width: 30%;
	}
	div.Afternoon dl:not(.title) dd {
		width: 78%;
		text-align: left;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.5rem;
	}
	div.Afternoon dl:not(.title) dd span {
		font-size: 0.8rem;
	}
	
	/*---------------------------------
		画像 apple/toys
	---------------------------------*/
	div.Afternoon > div:nth-last-child(2) {
		width: 8%;
		position: absolute;
		left: 0;
		bottom: 25%;
	}
	div.Afternoon > div:last-child {
		width: 30%;
		/*background: #0FF;
		border: thin dashed #F36;*/
		padding: 1rem;
		
		position: absolute;
		right: 0;
		bottom: -10%;
	}

/*=====================================
　　2024.04追加　フラダンス・英語教室
=====================================*/
	.hula-img,
	.english-img {
		grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
	}


	.hula-bgi2 {
		position: absolute;
		width: 20%;
		height: auto;
		top: -5%;
		left: -1%;
	}

	.english-bgi {
		position: absolute;
		width: 30%;
		height: auto;
		top: -3%;
		right: -3%;
	}

	
}


/*========================================================
	iphone SE size
=========================================================*/
@media screen and (max-width: 340px) {
	article {
		/*border: 2px dashed #663;*/
	}
	/*==============================================
		Title Contents
	==============================================*/
	main > section > div:first-child {
		width: 98%;
		/*background: #CC9;*/
		margin: 0 auto;
		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;
	}
	
	
	/*----------------------------------------
		Titles
	-----------------------------------------*/
	main > section > div:first-child dl.Titles {
		width: 80%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		/*background: #FFF;
		border:thin dashed #C66;*/
	}
	main > section > div:first-child dl.Titles dd {
		width: 30%;
		/*background: #F96;*/
		margin-right: 2%;
	}
	main > section > div:first-child dl.Titles dt {
		width: 90%;
		/*background: #FFF;*/
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	/** news **/
	main > section > div:first-child dl.Titles dt > p:first-child {
		width: 100%;
		color: #690;
		font-size: 0.7rem;
		text-align: left;
		text-transform: uppercase;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
		letter-spacing: 0;
		border-bottom: 3px dotted #C96;
		padding-bottom: 2%;
	}
	main > section > div:first-child dl.Titles dt > p:first-child > span {
		width: 1rem;
		margin-right: 2%;
		display: inline-block;
	}
	/** 園の一日 **/
	main > section > div:first-child dl.Titles dt h2 {
		color: #690;
		/**/font-size: 2rem;
		font-style: normal;
		font-weight: bold;
		text-align: left;
		letter-spacing: 2px;
		margin-top: 2%;
	}
	
	/*--------------------------------------------
		TitleImage
	--------------------------------------------*/
	main > section > div:first-child > div:last-child {
		width: 23%;
		position: relative;
		bottom: 0;
		/*bottom: -2rem;*/
		/*background: #9C3;*/
	}
	main > section > div:first-child > div:last-child span {
		width: 6rem;
		position: absolute;
		bottom: 1rem;
		left: -1.2rem;
	}
	
	
	/*=================================================
		午 前
	===================================================*/
	main section > section:nth-child(2) {
		width: 100%;
		background: #FFF;
		margin-top: 4%;
		padding: 5px;
	}
	main section > section:nth-child(2) > div.Morning {
		border: thin dashed #F69;
		box-sizing: border-box;
		display: block;
		padding: 2%;
		
		position: relative;
	}
	/*-----------------------
		Title
	------------------------*/
	div.Morning dl.title {
		width: 50%;
		/*background: #CC9;*/
		border-bottom: 3px dotted #7DCEF1;
		margin: 0 auto;
		margin-bottom: 1rem;
		padding: 2% 0;
		
		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;
	}
	
	
	/*======================================================
		午 後
	=======================================================*/
	main > section > section:nth-child(3) {
		width: 100%;
		background: #FFF;
		margin-top: 4%;
		padding: 5px;
	}
	main > section > section:nth-child(3) > div.Afternoon {
		border: thin dashed #F69;
		box-sizing: border-box;
		display: block;
		padding: 2%;
		
		position: relative;
	}
	/*-----------------------
		Title
	------------------------*/
	div.Afternoon dl.title {
		width: 55%;
		/*background: #CC9;*/
		border-bottom: 3px dotted #F90;
		margin: 0 auto;
		margin-bottom: 1rem;
		padding: 2% 0;
		
		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;
	}
	/** icon **/
	div.Afternoon dl.title dd {
		width: 35%;
		/*height: 3rem;*/
		margin-right: 2%;
	}
	div.Afternoon dl.title dd span {
		width: 100%;
		display: block;
		margin-left: auto;
	}
	/** Text **/
	div.Afternoon dl.title dt {
		width: 50%;
		/*background: #FFF;*/
		
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		
		-webkit-align-items: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	/** 英文text **/
	div.Afternoon dl.title dt > p:first-child {
		width: 100%;
		color: #F96;
		font-size: 0.9rem;
		text-align: left;
		text-transform: capitalize;/*大文字:uppercase, 小文字:lowercase, 頭文字のみ大文字:capitalize*/
		letter-spacing: 2px;
		padding-bottom: 2%;
	}
	/**　午後 **/
	div.Afternoon dl.title dt > p:last-child {
		width: 100%;
		color: #F90;
		font-size: 2rem;
		font-weight: bold;
		text-align: left;
		letter-spacing: 2px;
		margin-top: 4%;
	}
	
}