/* ***********************************
 *
 *    CSS にんじんの1日と1年
 *
 * *********************************** */

/* 1日
 * *********************************** */

.schedule-tittle {
	display: table;
	position: relative;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0;
	font-size: 2.5rem;
	background: #78d0f5;/*背景色*/
	color: #FFF;/*文字色*/
	margin: 0 auto 2rem;
}

.schedule-tittle h1 {
	vertical-align: middle;
	margin: 0;
	padding: 0 70px;
	border-top: dashed 1px #FFF;/*上の破線*/
	border-bottom: dashed 1px #FFF;/*下の破線*/
	line-height: 4.5rem;
}

.schedule-tittle:before,
.schedule-tittle:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}

.schedule-tittle:before {
	/*左端の山形*/
	top: 0;
	left: 0;
	border-width: 30px 0px 30px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.schedule-tittle:after {
	/*右端の山形*/
	top: 0;
	right: 0;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.day-time01 {
	width: 100%;
	margin: 0 auto 3rem;
}

.day-time02 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.dayhtittle {
	margin: 0 auto 2rem;
}

.schedule-tittle02 {
	color: #50b4de;
	text-align: center;
	font-size: 2rem;
	padding: 0.25em;
	border-top: 2px solid #78d0f5;
	border-bottom: 2px solid #78d0f5;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.ph-day,
.ph-day02,
.ph-day03 {
	width: 100%;
	margin-bottom: 2rem;
}

.txt-day,
.txt-day02 {
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
	padding: 1rem;
	color: #555;
	background: #afe4fa;
	border-radius: 4rem;
}

.txt-day:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #afe4fa;
}

.txt-day02:before {
	content: "";
	position: absolute;
	margin-top: -15px;
	border: 15px solid transparent;
	border-right: 15px solid #fbbdbc;
	top: -15px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #fbbdbc;
}

.txt-day p,
.txt-day02 p {
	margin: 0;
	padding: 0;
}

.day-mb {
	margin-bottom: 2rem;
}

@media screen and (min-width: 800px) {
	.schedule-tittle {
		margin: 0 auto 3rem;
	}

	.schedule-tittle h1 {
		padding: 0 200px;
	}

	.day-time01 {
		margin: 0 auto 7rem;
	}

	.day-time02 {
		flex-wrap: nowrap;
	}

	.ph-day {
		width: 50%;
		margin-top: 1rem;
		margin-right: 2rem;
		margin-bottom: 0rem;
	}

	.ph-day02 {
		width: 50%;
		margin-top: 1rem;
		margin-left: 2rem;
		margin-bottom: 0rem;
	}

	.txt-day {
		width: 100%;
		margin-top: 0;
	}

	.txt-day02 {
		width: 50%;
		margin-top: 0;
		margin-right: 3rem;
		order: 0;
	}

	.day-mb {
		margin-bottom: 2rem;
	}
}


/* 1年
 * *********************************** */

.schedule-tittle-2 {
	display: table;
	position: relative;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	padding: 7px 0;
	font-size: 2.5rem;
	background: #f57a78;/*背景色*/
	color: #FFF;/*文字色*/
	margin: 0 auto 2rem;
}

.schedule-tittle-2 h1 {
	vertical-align: middle;
	margin: 0;
	padding: 0 70px;
	border-top: dashed 1px #FFF;/*上の破線*/
	border-bottom: dashed 1px #FFF;/*下の破線*/
	line-height: 4.5rem;
}

.schedule-tittle-2:before,
.schedule-tittle-2:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}

.schedule-tittle-2:before {
	/*左端の山形*/
	top: 0;
	left: 0;
	border-width: 30px 0px 30px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.schedule-tittle-2:after {
	/*右端の山形*/
	top: 0;
	right: 0;
	border-width: 30px 15px 30px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.schedule-tittle02-2 {
	color: #de5096;
	text-align: center;
	font-size: 2rem;
	padding: 0.25em;
	border-top: 2px solid #f57a78;
	border-bottom: 2px solid #f57a78;
	background: -webkit-repeating-linear-gradient(-45deg, #fff0fd, #fff0fd 3px,#ffe9f6 3px, #ffe9f6 7px);
	background: repeating-linear-gradient(-45deg, #fff0fd, #fff0fd 3px,#ffe9f6 3px, #ffe9f6 7px);
}

.schedule-tittle02-3 {
	color: #50de50;
	text-align: center;
	font-size: 2rem;
	padding: 0.25em;
	border-top: 2px solid #78f578;
	border-bottom: 2px solid #78f578;
	background: -webkit-repeating-linear-gradient(-45deg, #f0fff0, #f0fff0 3px,#e8ffe8 3px, #e8ffe8 7px);
	background: repeating-linear-gradient(-45deg, #f0fff0, #f0fff0 3px,#e8ffe8 3px, #e8ffe8 7px);
}

.schedule-tittle02-4 {
	color: #dea450;
	text-align: center;
	font-size: 2rem;
	padding: 0.25em;
	border-top: 2px solid #f5c178;
	border-bottom: 2px solid #f5c178;
	background: -webkit-repeating-linear-gradient(-45deg, #fff9f0, #fff9f0 3px,#fff5e8 3px, #fff5e8 7px);
	background: repeating-linear-gradient(-45deg, #fff9f0, #fff9f0 3px,#fff5e8 3px, #fff5e8 7px);
}

.schedule-tittle02-5 {
	color: #50b8de;
	text-align: center;
	font-size: 2rem;
	padding: 0.25em;
	border-top: 2px solid #78caf5;
	border-bottom: 2px solid #78caf5;
	background: -webkit-repeating-linear-gradient(-45deg, #f0faff, #f0faff 3px,#e9f7ff 3px, #e9f7ff 7px);
	background: repeating-linear-gradient(-45deg, #f0faff, #f0faff 3px,#e9f7ff 3px, #e9f7ff 7px);
}

.schedule-tittle02-6 {
	color: #eb3c3c;
	text-align: center;
	font-size: 2rem;
	padding: 0.25em;
	border-top: 2px solid #f57878;
	border-bottom: 2px solid #f57878;
	background: -webkit-repeating-linear-gradient(-45deg, #fff0f0, #fff0f0 3px,#ffe8e8 3px, #ffe8e8 7px);
	background: repeating-linear-gradient(-45deg, #fff0f0, #fff0f0 3px,#ffe8e8 3px, #ffe8e8 7px);
}

.txt-spring {
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
	padding: 1rem;
	color: #555;
	background: #fcdaee;
	border-radius: 4rem;
}

.txt-spring:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fcdaee;
}

.txt-spring p {
	margin: 0;
	padding: 0;
}

.txt-summer {
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
	padding: 1rem;
	color: #555;
	background: #dafcda;
	border-radius: 4rem;
}

.txt-summer:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #dafcda;
}

.txt-summer p {
	margin: 0;
	padding: 0;
}

.txt-autumn {
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
	padding: 1rem;
	color: #555;
	background: #fcefdc;
	border-radius: 4rem;
}

.txt-autumn:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fcefdc;
}

.txt-autumn p {
	margin: 0;
	padding: 0;
}

.txt-winter {
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
	padding: 1rem;
	color: #555;
	background: #daf1fc;
	border-radius: 4rem;
}

.txt-winter:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #daf1fc;
}

.txt-winter p {
	margin: 0;
	padding: 0;
}

.txt-birthday {
	text-align: center;
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
	padding: 1rem;
	color: #555;
	background: #fcdcdc;
	border-radius: 4rem;
}

.txt-birthday:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fcdcdc;
}

.txt-birthday p {
	margin: 0;
	padding: 0;
}

.nav07,
.nav08,
.nav09,
.nav10,
.nav11,
.nav12,
.nav13,
.nav14,
.nav15,
.nav16,
.nav17 {
	display: inline-block;
	margin: 1.5rem 0;
	text-align: center;
	width: 100%;
}

.mainImage07,
.mainImage08,
.mainImage09,
.mainImage10,
.mainImage11,
.mainImage12,
.mainImage13,
.mainImage14,
.mainImage15,
.mainImage16,
.mainImage17 {
	width: 100%;
	text-align: center;
}

.mainImage07 img,
.mainImage08 img,
.mainImage09 img,
.mainImage10 img,
.mainImage11 img,
.mainImage12 img,
.mainImage13 img,
.mainImage14 img,
.mainImage15 img,
.mainImage16 img,
.mainImage17 img {
	width: 100%;
}

.nav07 li,
.nav08 li,
.nav09 li,
.nav10 li,
.nav11 li,
.nav12 li,
.nav13 li,
.nav14 li,
.nav15 li,
.nav16 li,
.nav17 li {
	display: inline;
	list-style: none;
}

.nav07 li img,
.nav08 li img,
.nav09 li img,
.nav10 li img,
.nav11 li img,
.nav12 li img,
.nav13 li img,
.nav14 li img,
.nav15 li img,
.nav16 li img,
.nav17 li img {
	width: 18%;
	box-sizing: border-box;
}

.over img {
	opacity: 0.5;
	border: 3px solid #f57a78;
}

.year-mb {
	margin-bottom: 4rem;
}

@media screen and (min-width: 800px) {
	.schedule-tittle-2 {
		margin: 0 auto 3rem;
	}

	.schedule-tittle-2 h1 {
		padding: 0 200px;
	}

	.ph-day03 {
		width: 50%;
		padding-right: 2rem;
		margin-top: 1rem;
		margin-right: 2rem;
		margin-bottom: 0rem;
	}

}