@charset "utf-8";

/* [START] media query block */
/*=============== PC style ===============*/
@media (min-width: 769px) {

#listArea{
	position:relative;
	width:75%;
	padding:80px 0;
	margin:0 auto;
	}
#listArea div.inner{
	height:30em;
	overflow:auto;
	}
#listArea div.inner dl{
	overflow:hidden;
	padding:30px 0;
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:#000000;
	}
#listArea div.inner dl:last-of-type{
	border-width:1px 0;
	}
#listArea div.inner dl>dt{
	float:left;
	width:25%;
	font-weight:bold;
	}
#listArea div.inner dl>dd{
	float:left;
	width:74%;
	margin: 0 1% 0 0;
	}
#listArea div.inner dl>dd p a{
	-webkit-transition-property: opacity;transition-property: opacity;
	-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
	}
#listArea div.inner dl>dd p a:hover{
	opacity: 0.5;
	}

#listArea div.more{
	display:none;
	position:absolute;left:0;bottom:0;
	width:100%;
	height:8em;
	background-image:url(/common/images/loading.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#ffffff;
	opacity:0.8;
	}

/*=============== SP style ===============*/
} @media (max-width: 768px) {

#listArea{
	position:relative;
	width:90%;
	padding:5%;
	margin:0 auto;
	}
#listArea div.inner{
	height:24em;
	overflow:auto;
	}
#listArea div.inner dl{
	overflow:hidden;
	padding:5% 0;
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:#000000;
	}
#listArea div.inner dl:last-of-type{
	border-width:1px 0;
	}
#listArea div.inner dl>dt{
	font-weight:bold;
	}

#listArea div.more{
	display:none;
	position:absolute;left:0;bottom:0;
	width:100%;
	height:4em;
	background-image:url(/common/images/loading.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#ffffff;
	opacity:0.8;
	}

} /* media query block [END] */