/* calendar */
table#calendar_month,
table#calendar {
	width: 100%;
}
table#calendar th {
	width: 14.2857%;
	border-bottom: 1px solid #d9d9d9;
}
table#calendar th,
table#calendar td {
	font-weight: normal;
	text-align: center;
	padding: 5px;
	line-height:100%;
}
table#calendar td p.m {
	line-height: 280%;
	color: #C0C0C0;
}
table#calendar td span.current {
	display:inline-block;
	background-color:#f00;
	border-radius: 2.1vh;
	width: 4.2vh;
	color: #ffffff;
}
table#calendar_month a {
	text-decoration: none;
	color: #000;
}
#editDate {
	border: none;
	background-color: #fff;
	margin-top: -3px;
}
@media screen and (max-width: 800px) {
	table#calendar td {
		min-height: 10vh;
	}
}
table#list {
	width: 100%;
}
table#list td {
	padding-bottom: 1em;
}
table#list p.date{
	border-bottom: 1px solid #C0C0C0;
}
ul.photoList {
	width: 100%;
	font-size: 0;
	line-height: 0;
}
ul.photoList li {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
}
ul.photoList li img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

table#modalPhotoTable {
	width: 100%;
}
table#modalPhotoTable td{
	vertical-align: middle;
	text-align:center;
}
img#modalPhotoImage {
	max-width: 100%;
	height: auto;
}

.btnPhotoWhite {
	border: 1px solid #d1d1d1;
	padding: 0.6em 1.4em;
	background-color: #ffffff;
	border-radius: 4px;
	color: #000;
}