@charset "UTF-8";

#contents {
	max-width:800px;
}

#contents dl {
	letter-spacing:-0.4em;
	margin-bottom:10px;
	background:#F5F5F5;
	box-sizing:border-box;
	padding:15px;
	border-radius:6px;
}
#contents dt,
#contents dd {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	font-size:14px;
	line-height:1.5em;
	padding:0.5em 0;
	box-sizing:border-box;
}
#contents dd:first-child {
	width:8em;
}
#contents dt {
	width:calc(100% - 15em);
	padding-right:1em;
}
#contents dd:last-child {
	width:6em;
}
#contents dd:last-child a {
	display:block;
	font-size:12px;
	color:#FFF;
	width:8em;
	height:24px;
	text-align:center;
	line-height:23px;
	box-sizing:border-box;
	border:1px solid #000;
	background:#000;
	margin:0 auto;
	padding-left:0.2em;
}
#contents dd:last-child a .svg-inline--fa {
	margin-left:0.1em;
}
#contents dd:last-child a:hover {
	background:#FFF;
	color:#000;
}

#main p.date .svg-inline--fa {
	color:#C00;
	margin-right:0.5em;
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1000px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

div#contents .contents {
	padding:1em;
	margin-bottom:2em;
}
#main p.sign {
	font-size:15px;
}

#contents dl {
	letter-spacing:-0.4em;
}
#contents dt,
#contents dd {
	display:block;
	font-size:13px;
	line-height:1.5em;
	padding:0.5em;
	width:100%;
}
#contents dd:first-child {
	padding-bottom:0;
}
#contents dd:last-child {
	padding-top:0;
}

}

@media screen and (max-width:480px){

}