@charset "utf-8";

div#title{
	width : auto;
	margin : 0px auto;
	padding : 30px 0;
}

div#title h1{
	width : 90%;
	margin : 0 auto;
	font-size : 135%;
	font-weight : bold;
	border-bottom : 1px solid #454545;
}




div#workline {
	width : 90%;
	margin : 40px auto;
}



.button {/*親div*/
  position: relative;/*相対配置*/
  width: 120px;
  border : solid 1px #ccc;
  }

.photo {
  font-size:0;
  opacity: 0.8; 
}

.photo a:hover{
  opacity: 0.5; 
}

.copy {
  position: absolute;/*絶対配置*/
  bottom: 10px;
  left: 0;
  color: #fff;
  background: #333;
  opacity: 0.8;
  width: 100%;
  text-align:center;
  }

.copy a:hover{
text-decoration:none;
color:#fff;
}

.copy a{
text-decoration:none;
color:#ccc;
display:block;
}

.copy p{
padding:10px 20px;
font-size:14px;
}




.btn-contents{
list-style:none;
display:flex;
flex-flow:row wrap;
justify-content:space-between;
margin:0;
padding:0;
}

.btn-contents li{
flex: 0 0 19%;
margin-bottom: 10px;
}

.btn-contents li:empty{
border:none;
}



/* .btn-contents{
overflow:hidden;
margin:0;
padding:0;
list-style:none;
}

.btn-contents li{
 float:left;
 margin-right:1.25%;
 margin-bottom:10px;
 width:19%;
 }
 
.btn-contents li:last-child{
margin-right:0;
} */