@charset "utf-8";
/* CSS Document */

#more-button{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	margin: auto;
	max-width: 880px;
}
.more-btn{
	width: 25%;
	display: flex;
	margin: 0 auto;
	border: solid #a7a8a7 1px;
	padding: 15px 0 10px;
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
.btn-l{
	width:80%;
	color:#5F5F5F;
	font-size: 1.2rem;
	padding-left: 10%;
}
.btn-r{
	width: 20%;
	text-align: right;
	padding-right: 10%;
}
.more-btn .btn-r i{
	color:#8F8F8F;
	font-size: 1.6rem;
	position: absolute;
	top:28%;
	right: 5%;
}
.more-btn .link{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.more-btn a:link{ 
	color: #5F5F5F;
	text-decoration: none;
}
.more-btn a:visited{ 
	color: #5F5F5F;
}
.more-btn:hover { 
    opacity: 0.5;
}
.more-btn a:active{
	color: #5F5F5F;
}
#more-button a{
	text-decoration: none;
	color: #5F5F5F;
}


@media screen and (min-width: 320px) and (max-width: 768px) {
.more-btn{
	width:60%;
	display: flex;
	margin: 0 auto;
	border: solid #a7a8a7 1.5px;
	position: relative;
	padding: 10px 0px 10px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.more-btn .btn-r i{
	color:#8F8F8F;
	font-size: 1.6rem;
	position: absolute;
	top:25%;
	right: 5%;
}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
   .more-btn{
	width: 70%;
	display: flex;
	margin: 0 auto;
	border: solid #a7a8a7 1px;
	padding: 15px 0 10px;
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}
}