:root {
	--main-color:  rgba(244, 253, 225,1);
	--sub-color:   rgba(244, 253, 225,0);
	--main-deg: 180deg;
	--bg-gradation: linear-gradient(180deg, var(--sub-color) 20%, var(--main-color) 100%);

}
body {
	background-image: url(../image/diary-image/wall03.png) !important;
}
.sub-title {
	background-image: var( --bg-gradation ),url(../image/diary-image/diary_top_image03.jpg);
	/*height: 150px !important;*/
/*
	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/diary-image/wave2.svg") no-repeat 0 0 / cover;
	top: 50px;*/
}
.sub-title h2{
	//font-family: 'Cinzel', 'Klee One', serif;
	font-family: 'Klee One', serif;
	color: #545454;
	/*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: #69821b !important;
}
.calendar-table a div::before {
	border: 2px solid #aacf5399 !important;
	background-color: #aacf5399 !important;
}
.F {
	background-color: var(--main-color) !important;
	border-color: var(--main-color) !important;
	color: #69821b !important;
}
/*@media screen and (min-width: 280px) and (orientation: portrait) {*/
@media screen and (max-width:991px) and (orientation: portrait) {
	.sub-title { background-size: 130% 90%; height: 130px !important; margin-bottom: 0; }
}