/* ==================== anniveasary.css ==================== */

.month:nth-of-type(n+2) {
	margin-top: 1.5em;
}

.month hr {
	border: none;
	margin: 0;
	padding: 0;
	height: 0.4em;
	background: url(../images/border_bold_h.png) repeat-x left center;
	background-size: 40em auto;
}

.month h3 {
	margin: 1em 0;
	font-size: inherit;
}
.month h3 img {
	width: auto;
	max-width: none;
}

.month .date {
	display: table;
	position: relative;
	text-align: left;
}
.month .date > span {
	display: table-cell;
	vertical-align: middle;
}

.month .date > span:nth-of-type(1) {
	width: 3.5em;
	line-height: 3.5em;
	border-radius: 50%;
	color: white;
	text-align: center;
}
.month .date > span:nth-of-type(2) {
	padding-left: 0.5em;
	line-height: 1.3;
}

.month .date.date11 small,
.month .date.date16 small,
.month .date.date69 small,
.month .date.date115 small {
	display: block;
}

@media all and (max-width: 640px) {
	.month h3 img {
		height: 3em;
	}
	.month .date {
		margin-bottom: -0.25em;
		padding: 0 0.5em;
		font-size: 0.8em;
	}

}

@media all and (min-width: 641px) {
	.month h3 img {
		height: 3em;
	}
	.month .date {
		margin-bottom: -0.5em;
		padding: 0 1em;
		font-size: 0.75em;
	}

}

.month1 .date {color: #d42b1c;}
.month2 .date {color: #4066d6;}
.month3 .date {color: #528500;}
.month4 .date {color: #c71e81;}
.month5 .date {color: #1f69c4;}
.month6 .date {color: #c22b2b;}
.month7 .date {color: #1d8515;}
.month8 .date {color: #0056c7;}
.month9 .date {color: #cc4214;}
.month10 .date {color: #5f4ac2;}
.month11 .date {color: #913700;}
.month12 .date {color: #bd2c7a;}

.month1 .date > span:nth-of-type(1) {background-color: #d42b1c;}
.month2 .date > span:nth-of-type(1) {background-color: #4066d6;}
.month3 .date > span:nth-of-type(1) {background-color: #528500;}
.month4 .date > span:nth-of-type(1) {background-color: #c71e81;}
.month5 .date > span:nth-of-type(1) {background-color: #1f69c4;}
.month6 .date > span:nth-of-type(1) {background-color: #c22b2b;}
.month7 .date > span:nth-of-type(1) {background-color: #1d8515;}
.month8 .date > span:nth-of-type(1) {background-color: #0056c7;}
.month9 .date > span:nth-of-type(1) {background-color: #cc4214;}
.month10 .date > span:nth-of-type(1) {background-color: #5f4ac2;}
.month11 .date > span:nth-of-type(1) {background-color: #913700;}
.month12 .date > span:nth-of-type(1) {background-color: #bd2c7a;}



/* ==================== thisMonth.css ==================== */

.thisMonth {
	position: relative;
}
.thisMonth hr {
	display: none;
}


@media all and (max-width: 640px) {
	.thisMonth {
		position: relative;
		margin: 0 -0.5em;
		padding: 0 0.5em 1.25em;
	}
	.thisMonth::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: calc(100% - 1.25em);
		border-radius: 2em 2em 0.5em 0.5em;
	}
	.thisMonth > * {
		position: relative;
	}

	.thisMonth h3 {
		margin: 0;
	}
	.thisMonth h3 img {
		height: 3.25em;
	}
	.Kyushoku.index .thisMonth h3 img {
		height: 4em;
	}

	.thisMonth.month1::before {background-color: #ffc4c4;}
	.thisMonth.month2::before {background-color: #c3d6fa;}
	.thisMonth.month3::before {background-color: #d7e34f;}
	.thisMonth.month4::before {background-color: #ffc7e5;}
	.thisMonth.month5::before {background-color: #a0e3f2;}
	.thisMonth.month6::before {background-color: #ffcea3;}
	.thisMonth.month7::before {background-color: #b3e872;}
	.thisMonth.month8::before {background-color: #b2ddff;}
	.thisMonth.month9::before {background-color: #fad96e;}
	.thisMonth.month10::before {background-color: #d5ccff;}
	.thisMonth.month11::before {background-color: #f5bd7d;}
	.thisMonth.month12::before {background-color: #f0baf7;}
}


@media all and (min-width: 641px) {
	.thisMonth {
		display: inline-block;
		margin: 0 -1em;
		padding: 1em 1em 1.5em;
	}
	.thisMonth > * {
		position: relative;
		z-index: 1;
	}
	.thisMonth h3 {
		margin: 0 auto 0.25em;
	}
	.thisMonth h3 img {
		height: 3.5em;
	}
	/* ベース */
	.thisMonth::before,
	.thisMonth::after {
		content: '';
		display: block;
		position: absolute;
		z-index:0;
		left: 0;
		width: 100%;
	}
	.thisMonth::before {
		top: 0;
		height: 3.5em;
		background: no-repeat left top;
		background-size: 100% auto;
	}
	.thisMonth::after {
		bottom: 0;
		height: calc(100% - 3.5em);
		border-radius: 0 0 1.5em 1.5em;
	}

	.thisMonth.month1::before {background-image: url(../images/thismonth_head1.png);}
	.thisMonth.month2::before {background-image: url(../images/thismonth_head2.png);}
	.thisMonth.month3::before {background-image: url(../images/thismonth_head3.png);}
	.thisMonth.month4::before {background-image: url(../images/thismonth_head4.png);}
	.thisMonth.month5::before {background-image: url(../images/thismonth_head5.png);}
	.thisMonth.month6::before {background-image: url(../images/thismonth_head6.png);}
	.thisMonth.month7::before {background-image: url(../images/thismonth_head7.png);}
	.thisMonth.month8::before {background-image: url(../images/thismonth_head8.png);}
	.thisMonth.month9::before {background-image: url(../images/thismonth_head9.png);}
	.thisMonth.month10::before {background-image: url(../images/thismonth_head10.png);}
	.thisMonth.month11::before {background-image: url(../images/thismonth_head11.png);}
	.thisMonth.month12::before {background-image: url(../images/thismonth_head12.png);}

	.thisMonth.month1::after {background-color: #ffc4c4;}
	.thisMonth.month2::after {background-color: #c3d6fa;}
	.thisMonth.month3::after {background-color: #d7e34f;}
	.thisMonth.month4::after {background-color: #ffc7e5;}
	.thisMonth.month5::after {background-color: #a0e3f2;}
	.thisMonth.month6::after {background-color: #ffcea3;}
	.thisMonth.month7::after {background-color: #b3e872;}
	.thisMonth.month8::after {background-color: #b2ddff;}
	.thisMonth.month9::after {background-color: #fad96e;}
	.thisMonth.month10::after {background-color: #d5ccff;}
	.thisMonth.month11::after {background-color: #f5bd7d;}
	.thisMonth.month12::after {background-color: #f0baf7;}
}