img[location=banner]
{
	
	width: 1920px !important;
	height: 400px !important;
	
}

.quickKey
{
	
	display: grid;
	grid-template-rows: repeat(3, 1fr);
	height: 200px;
	border-radius: 20px;
	background-blend-mode: multiply;
	background-size: cover;
    background-position: center;
	cursor: pointer;

}

.quickKey:hover
{
	
	width: 400px;
	
}

.quickKey:hover h2
{
	
	font-size: 35px;
	
}

h2[name=title]
{
	
	display: flex;
    align-items: center;
    justify-content: center;
	margin-left: 5%;
	font-weight: bold;
	color: white !important;
	text-shadow: 3px 3px 1px #000;
	
}

div[name=notice]
{
	
	background-image: url('../myImg/quickKey/rule.png');
	background-color: rgba(77, 24, 122, 0.9);
	
}

div[name=evaluate]
{
	
	background-image: url('../myImg/quickKey/questionnaier.png');
	background-color: rgba(145, 36, 36, 0.9);
	
}

h2[use=evaluate]
{
	
	font-size: 26px;
	
}

div[name=combination]
{
	
	background-image: url('../myImg/quickKey/combination.jpg');
	background-color: rgba(115, 62, 24, 0.9);
	
}

div[name=shop]
{
	
	background-image: url('../myImg/quickKey/shop.png');
	background-color: rgba(82, 78, 19, 0.9);
	
}

div[name=line]
{
	
	background-image: url('../myImg/quickKey/line.png');
	background-color: rgba(39, 82, 19, 0.9);
	
}

div[name=member]
{
	
	background-image: url('../myImg/quickKey/member.jpg');
	background-color: rgba(24, 81, 122, 0.9);
	
}

space
{
	
	margin-right: 5px;
	
}