@charset "utf-8";

#VISUAL .btn {
list-style: none;
}
#VISUAL .btn li {
margin: 15px auto 15px auto;
width: 80%;
font-size: 14px;
font-weight: bold;
line-height: 36px;
text-align: center;
}
#VISUAL .btn li a {
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
display: block;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
border-radius: 18px;
height: 36px;
color: #fff;
}
#VISUAL .btn li a:hover {
opacity: 0.7;
}
#VISUAL .btn li:nth-child(1) a {
background-color: #fb4545;
}
#VISUAL .btn li:nth-child(2) a {
background-color: #fb4545;
}

#VISUAL .corona {
padding-top: 15px;
width: 100%;
height: 40px;
background-color: #fb4545;
border-radius: 35px;
color: #fff;
text-align: center;
font-weight: bold;
}

#VISUAL .corona a:link,
#VISUAL .corona a:active,
#VISUAL .corona a:visited { 
color: #fff;
text-decoration: none;
}

#VISUAL .corona a:hover { 
color: #fff;
text-decoration: underline;
}

#VISUAL .gray { 
	color: #fff;
	text-decoration: underline;
	background-color: #666;
	}

@media (min-width: 1020px) {
	#VISUAL .btn {
	list-style: none;
	}
	#VISUAL .btn {
	margin: 25px auto 0 auto;
	width: 740px;
	height: 60px;
	}
	#VISUAL .btn li {
	margin: 0;
	width: 350px;
	font-size: 20px;
	line-height: 60px;
	}
	#VISUAL .btn li:nth-child(1) {
	float: left;
	}
	#VISUAL .btn li:nth-child(2) {
	float: right;
	}
	#VISUAL .btn li a {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	border-radius: 30px;
	height: 60px;
	}
	#VISUAL .corona {
	width: 740px;
	height: 40px;
	border-radius: 30px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	}
	
	#VISUAL .corona a:link,
	#VISUAL .corona a:active,
	#VISUAL .corona a:visited { 
	color: #fff;
	text-decoration: none;
	}
	
	#VISUAL .corona a:hover { 
	color: #fff;
	text-decoration: underline;
	}

	#VISUAL .gray { 
	color: #fff;
	text-decoration: underline;
	background-color: #666;
	}
}