@charset "utf-8";


/**************************************************50
 * informations
 **************************************************/
#informations{
}
#informations > a{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-bottom: 1px dotted #4D4D4D;
	display: block;
	line-height: 1.5;
	text-align: left;
	text-decoration: none;
	transition: opacity 0.2s ease-out 0s;
}
#informations > a:hover{
	opacity: 0.7;
}
#informations > a time{
	color: #000000;
}
#informations > a span{
	background-color: #70B7D2;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	width: 6em;
}
#informations > a p{
	color: #4D4D4D;
}
@media screen and (max-width:767px){
	#informations{
		margin-bottom: 6.25%;
	}
	#informations > a{
		margin: 0 auto;
		padding: 1.5625% 3.125%;
		width: 93.75%;
	}
	#informations > a time{
		font-size: 87.5%;
		margin-right: 0.5em;
	}
	#informations > a span{
		font-size: 87.5%;
	}
	#informations > a p{
		margin-top: 0.25em;
	}
}
@media screen and (min-width:768px){
	#informations{
		margin-bottom: 50px;
	}
	#informations > a{
		padding: 1em 1.5em 1em 17em;
		position: relative;
	}
	#informations > a time{
		position: absolute;
		top: 1em;
		left: 1.5em;
	}
	#informations > a span{
		position: absolute;
		top: 1em;
		left: 10em;
	}
	#informations > a p{
	}
}