@charset "utf-8";

/*!
Theme Name: avenir
Template: habakiri
*/

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	/*outline: 1px solid red;*/
}
/* 編集してはいけない */
.fit {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0;
	padding: 0px 40px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}
.header-navItem {
	position: relative;
}
.inner-nav {
	padding: 0;
	list-style: none;
	position: absolute;
	width: 100%;
	padding: 0px 20px 20px;
	margin-top: 29px;
	left: -20px;
	background-color: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	transition: 0.4s ease-in;
}
.inner-nav:hover {
	visibility: visible;
}

.inner-navItem {
	margin-top: 10px;
}

@media (hover: hover) {
	.header-navItem.-child:hover .inner-nav{
		visibility: visible;
		opacity: 1;
	}
}

@media screen and (max-width: 1100px) {
	.inner-nav {
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 100%;
		height: 0;
		margin-top: 0;
		left: 0;
		background-color: transparent;
		visibility: visible;
		opacity: 1;
	}
	.inner-navItem{
		margin-top: 24px;
	}
}