@charset "utf-8";
@import url("header.css");
@import url("content.css");
@import url("sidebar.css");
@import url("relation.css");


/* ### template-page ### */

/* key color */
:root{
	--notice-color: #dcb900;
	--products-color: #0054ff;
	--event-color: #e12430;
	--howto-color: #f54fe5;
	--support-color: #32d3d7;
}

:root body.notice-style{ 	--keycolor: var(--notice-color);}
:root body.products-style{ 	--keycolor: var(--products-color);}
:root body.event-style{ 	--keycolor: var(--event-color);}
:root body.howto-style{ 	--keycolor: var(--howto-color);}
:root body.support-style{ 	--keycolor: var(--support-color);}


/* */

body{background: #f5f5f5;}

a{color:#111;}
a:hover{
	color:#888;
	text-decoration:none;
}


/* copyright */
.contents-copyright{
	border-bottom: 3px solid var(--keycolor);
	text-align:center;
	padding: 1em 0;
	line-height: 1em;
	margin:auto;
}
	.contents-copyright small{
		color: #808080;
		font-size: .8em;
	}
	
@media screen and (max-width:767px){
.contents-copyright{
	
	
}
	.contents-copyright small{
		font-size: .7em;
	}