/* calendar --------------------------------------------*/
.year-month{
	text-align:center;
}
.year-month b{
	font-weight:bold;
	font-size:110%;
	letter-spacing:0.2em;
	text-align:center;
}
.yoyaku_calendar{
	max-width: 1000px;
	margin: 0.7em auto;
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #fcc;
	border-bottom:1px solid #fcc;
}
.calendar_box{
		padding: 2.5vw;
		margin: 0vw auto 0;
		max-width:700px;
		width:95vw;
}
.yoyaku_calendar a,
.yoyaku_calendar p{
	width: 14.25%;
	text-align:center;
	border-bottom:4px solid transparent;
	border-right:4px solid transparent;
	padding: 1.5vw  1.5vw;
	margin-bottom:8px
}
.yoyaku_calendar p.yyk_no,.yoyaku_calendar p.yyk_full{
	color:#bbb;
}

.yoyaku_calendar a{
	color:#333;
}
.yoyaku_calendar a.yyk_no{
	color:#aaa;
}
.yoyaku_calendar p span,.yoyaku_calendar p a{
	display: block;
	padding: 0.5vw 0 1.3vw;
	width: calc(5vw + 20px);
}
@media(min-width:1000px){
	.yoyaku_calendar p span,.yoyaku_calendar p a{
		padding: 5px 0 8px;
		width:60px;
	}
}
.yoyaku_calendar p a{
	background: #c53434;
	color:#fff;
	border-radius:5px;
}
.yoyaku_calendar p:nth-child(7n+1){
	width: 14.25%;
}
.yoyaku_calendar p:nth-child(1){
	color:red;
	width: 14.3%;
}
.yoyaku_calendar p:nth-child(7){
	color:#3f70f9;
}

.calendar_nextback {
	text-align:center;
}
.calendar_nextback a{
	display:inline-block;
}
.calendar_nextback a:first-child{
	margin-right:6vw;
}


/*カレンダー数字の背景マーク*/
.yyk_ok, .yyk_ari, .yyk_full{
	position: relative;
	z-index: 1;
}
.yyk_ok::before, .yyk_ari::before, .yyk_full::before{
	width:100%;

	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	color: #ffd2dd; /* 円の色 */
}
.yyk_ok::before{
	font-size:280%;
	top: 47%;
	content: "●";
}
.yyk_ari::before{
	font-size:280%;
	top: 45%;
	content: "▲";

}
.yyk_full::before{
	font-size:280%;
	top: 45%;
	content: "×";
}