@charset "UTF-8";
/* CSS Document */
body{
	font-family: 'Cabin Sketch', cursive;
	background-color: #EFEFEF;
}
.jp{
	font-family: 'Cabin Sketch', cursive;
    font-family: 'Yusei Magic', sans-serif;
	letter-spacing: 0.093715em;
	line-height: 2;
}
.header_logo{
	width: 150px;
	position: fixed;
	top:3%;
	left:2%;
	transition: all 0.4s;/*hover効果がかかる時間*/
}
.header_logo:hover{
	width:160px;
	transform: rotate(-10deg);/*回転*/
}
.header_list{
	display:flex;/*要素を横並び*/
	position: fixed;
	top:6%;
	right:2%;
}
.header_list_item a{
	color: #212121;
	font-size: 1.25em;
	letter-spacing: 0;/*字間*/
	transition: all 0.4s;
	margin-left: 63px;
}
.header_list_item a:hover{
	color: #843A17;
	letter-spacing: 0.093715em;
	font-size: 1.5em;
}
body{
	width: 100%;
	height:100vh;
	background-image:url("../img/Halloween.jpg");
	background-size:cover;
	background-position: center;
}
.text{
	position:absolute;
	top:25%;
	left:50%;
	right: 10%;
    font-size:0.95em;
}
.title{
	font-size:4em;
	line-height: 1;
	padding-bottom: 30px;
}
.footer_inner{
	font-size: 1.5em;
	color:black;
	position:absolute;
	top:95%;
	right: 40%;
}

@media only screen and (max-width:700px){
	.text{
    position:absolute;
	top:30%;
	left:10%;
	right:20%;
	}
	.title{
	font-size:3em;
	}
	body{
	width: 100%;
	height:100vh;
	background-image:url("../img/Halloween.jpg");
	background-size:cover;
	background-position:right;
}
}