@charset "UTF-8";
/* CSS Document */
span.sp_none{
	display: inline;
}
#top{
	background-image: url(/upload/tenant_1/644519711dded9e7e3dac69870676484.JPG);
	background-position: center;
}
section{
	padding-top: 10%;
}
#list h1{
	text-align: left;
	margin-bottom: 30px;
}
#recommend {
  padding-top: 5%;
}
#recommend h2 {
  margin-bottom: 30px;
}
.more{
	display: inline-block;
	background: #454545;
	font-family: futura;
	position: absolute;
	top: 25%;
	right: 0;
	font-size: small;
	padding: 0 3px;
}
.category{
	margin-bottom: 60px;
	height: 70px;
	background-color: #454545;
}
#list li::after{
	content: "・";
}
#list li:last-child::after{
	content: none;
}

.list-blog .img a {
  display: block;
}

/***********

	detail

***********/
#detail .date{
	letter-spacing: 2px;
}
#detail h1{
	text-align: left;
	margin-bottom: 15px;
}
#detail .text{
	margin-top: 40px;
}
#detail article{
	padding: 40px 0;
	border-bottom: 1px solid #454545;
}
#detail p img{
	max-width: 100%;
	width: auto;
}
@media screen and (max-width:768px){
span.sp_none{
	display: none;
}
dt{
	width: 100%;
}
dd{
	width: 100%;
}
dd a.titl{
	display:inline-block;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}	
dd a.more{
	width: 20%;
	top: 0;
	text-align: center;
}
.category{
	height: auto;
	padding: 20px 10px;
}
}
@media screen and (max-width:480px){
#list ul{
	margin-top: 15px;
	}
#list li{
	width: 30%;
	text-align: center;
	background-color: #1a1a1a;
	margin-bottom: 3%;
}
#list li::after{
	content: none;
	}
}