body {
        background-color: linen;
        background-image : url('./materials/backwall.gif');
        scrollbar-arrow-color: snow;
        scrollbar-base-color: #433d3c;
        scrollbar-face-color: snow;
        scrollbar-highlight-color: snow;
        scrollbar-shadow-color: #4A5631;
        scrollbar-track-color: #433d3c;
        scrollbar-darkshadow-color: #4A5631;
}
a {
	color: #4A5631;
}
a.black {
	text-decoration: none;
	border-bottom: 0px white solid;
}
.message {
        color: snow;
        font-size: 105%;
        background-image : ;
        background-color: #13602A; /* #4A5631 */
	padding: 0px 15px;
        line-height: 125%;
        border: 3px snow solid;
}
.comment {
        color: #E9FFAD;
        font-size: 90%;
        background-image : url('./materials/stripe.gif');
        background-color: #136059;
        padding: 2px 0px;
	text-align: center;
}
.theme {
        color: #4A5631;
        font-size: 110%;
	font-weight: bold;
}
.theme-flame {
        font-size: 110%;
        font-weight: 550;
	width: 100%;
	padding: 0px;
	outline: solid 2px #4A5631;
	margin: 5px 0 0 0;
	display: inline-block;
	text-indent: 1.3em;
        background-image : url('./materials/guide.gif');
}
.single-box {
        border: 4px snow solid;
	vertical-align: middle;
	text-decoration: none;
}
.double-box {
        border: 4px snow double;
	vertical-align: middle;
	text-decoration: none;
}
.thin-box {
        border: thin snow solid;
	margin: 0px;
	text-decoration: none;
}
table.guide, th, td {
	border: 0px #4A5631 solid;
	width: ;
	padding: 0;
	margin: 0;
	font-size : 95%;
	color: grey;
	font-weight: normal;
}
.guide_center {
	text-align: center;
        vertical-align: top;
	margin: 2px 0 0 0;
        background-color: #4A5631;
        background-image : url('./materials/stripe.jpg');
}
.guide_picture {
	text-align: center;
        vertical-align: top;
	padding: 2px 0 0 0;
        background-color: #4A5631;
        background-image : url('./materials/stripe.jpg');

	position: relative;
}
/*================================================
 *  whisper
 ================================================*/
h2 {
	margin-bottom: 5px;
	padding: 5px 0px 0px 0px;
	font-size: 200%;
	color: #4A5631;
	border-top: 3px solid #4A5631;
	border-bottom: 1px dotted #4A5631; /* #4C6029 */
}
.backboard {
        background-color: #EEFF9E;
        padding: 0px 20px 0px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/*================================================
 *  overlay
 ================================================*/
#main {
	width: 55%;
}
#sub {
	width: 45%;
}
#main-reverse {
	width: 55%;
}
#sub-reverse {
	width: 45%;
}
#main-vertical {
	width: ;
}
#sub-vertical {
	width: ;
}
@media screen and (max-width:767px) {
	#main {
		width: 100%;
	}
	#sub {
		width: 100%;
	}
	#main-reverse {
		width: 100%;
	}
	#sub-reverse {
		width: 100%;
	}
	#main-vertical {
		width: 100%;
	}
	#sub-vertical {
		width: 100%;
	}
}
/*================================================
 *  徒然草へのリンク
 ================================================*/
.image-on {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 94%;
	left: 10%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	color: white;
	font-size: 10px;
}

/*================================================
 *  オーバーレイ
 ================================================*/
.footmenu {
	background: #CCFF99;
}
.copyright {
	background: #84BF44;
}
/*================================================
 *  斜線写真枠
 ================================================*/
.images_item01 {
	position: relative;
}
.images_item01::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 25px); /* 20px */
	height: calc(100% - 18px); /* 20px */
	border-image-source: repeating-linear-gradient(45deg, #fff 0, #fff 3px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 6px);
	border-width: 8px; /* 20px */
	border-image-slice: 20;
	border-image-repeat: round;
	border-style: solid;
	z-index: 1;
}