/* TOP画面（レイアウト）様CSS */
.header {
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* 高さや背景色なども必要に応じて指定 */
	height: 80px;
	background: repeating-linear-gradient(-45deg, #ccc 0, #ccc 2px, #fff 4px, #fff 6px);
}
.header_leravel {
	display: flex;
	color: #FFF;
	font-family: fantasy;
	padding-left: 30px;
	font-size: 60px;
	font-weight:bold;
	font-style: italic;
	text-shadow:
		1px 1px 0px #000, -1px -1px 0px #000,
		-1px 1px 0px #000,  1px -1px 0px #000,
		1px 0px 0px #000, -1px  0px 0px #000,
		0px 1px 0px #000,  0px -1px 0px #000;
}
.header_leravel_in {
	font-size:30px;padding-left:20px;position: relative;top:30px;
}

a {text-decoration: none;height:20px;}
.sign {
	position: relative;top:5px;
	font-family: fantasy;
	color: #FFF;
	font-size: 20px;
	font-style: italic;
	text-shadow:
		1px 1px 0px #000, -1px -1px 0px #000,
		-1px 1px 0px #000,  1px -1px 0px #000,
		1px 0px 0px #000, -1px  0px 0px #000,
		0px 1px 0px #000,  0px -1px 0px #000;
}
.sign:hover {
	color: #7cfc00;
}

.hello {
	font-size: 18px;
}

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	/* 高さや背景色なども必要に応じて指定 */
	height: 40px;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 40px;
	font-style: italic;
}