@charset "UTF-8";

@media (min-width: 320px) and (max-width: 800px){


header h1 {
	z-index:1000;
	width:240px;
}
header {
	z-index:1000;
}

#tokuteibox {
	top:15%;
}





}


@media screen and (max-width: 950px) {

/*----------menu--------------*/
header .menu {
	display:none;
}
.d_menu {
	position:absolute;
	visibility:visible;
	opacity:1;
	transition:all 0.2s ease;
	top:20px;
	right:140px;
	z-index:9999;
	height:auto;
}
.mainbtn {
	position:absolute;
	top:-20px;
	width:100px;
	padding:0 20px;
	height:60px;
	transition:all 0.2s ease;
	z-index:9999;
}

.mainbtn img {
	position:absolute;
	top:12px;
	right:10px;
	width:50px;
	z-index:9999;
}
.second {
	font-family: 'Amatic SC', cursive;
	font-size:30px;
	position:absolute;
	width:100%;
	top:40px;
	transition:all 0.2s ease;
	visibility:hidden;
	opacity:0;
	z-index:9999;
}
.second li {
	background:rgba(0,0,0,0.47);
	width:100px;
	text-align:center;
	margin:5px 0;
	padding:10px 20px;
	letter-spacing:0.2em;
	transition:all 0.2s ease;
	z-index:9999;
}
.second li a {
	width:100%;
	position:relative;
	transition:all 0.2s ease;
	z-index:9999;
	
}
.second li a::before {
	position:absolute;
	top:-24px;
	left:0;
	transition:all 0.2s ease;
	z-index:9999;
}
.single:hover >.second {
	visibility:visible;
	opacity:1;
}
.second li:hover {
	letter-spacing:0.1em;
}
.menu_t::before {
}
.menu_a::before {
}
.menu_i::before {
}
.menu_s::before {
}
.menu_c::before {
	margin-left:1vw;
}
.second a::before {
	opacity:0;
}
.second a:hover .second a::before {
	opacity:1;
}
}