:root {
	--main-color:  rgba(255,255,255,1);
	--sub-color: rgba(255,255,255,0);
	--main-deg: 180deg;
	--bg-gradation: linear-gradient(180deg, var(--sub-color) 60%, var(--main-color) 100%);

}
body {
	background-image: url(../image/diary-image/wall04.png) !important;
}
.sub-title {
	background-image: var( --bg-gradation ),url(../image/diary-image/diary_top_image04.jpg);
	background-size: 100% 110px;
	background-position: top;
/*
	background-image: linear-gradient(180deg, rgba(172,239,202,0) 20%, rgba(172,239,202,1) 100%),url(./image/MFU_7283_3.jpg);
	background-image: linear-gradient(45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0.65) 100%),url(./image/sky_00028.jpg);
	background-image: linear-gradient(136deg, rgba(104,105,106,0), rgba(244, 247, 250, 100)),url(./diary_top_image.png);*/

	color: #fff;
}
.sub-title::after {
	/*background: url("./image/wave2.svg") no-repeat 0 0 / cover;
	top: 60px;*/
}
.sub-title h2{
	//font-family: 'Cinzel', 'Klee One', serif;
	font-family: 'Klee One', serif;
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,.4);
}
.right {
	background-color: var(--main-color) !important;
}
.my-detail {
	background:var(--main-color) !important;
}
.calendar-header a {
	color: royalblue !important;
}
.calendar-table a div::before {
	border: 2px solid #4169e14d !important;
	background-color: #4169e14d !important;
}
.F {
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
	color: royalblue !important;
}