@charset "utf-8";
#container {
	position: relative;
	/*padding-top: 20px;*/
	padding-top: 0!important;
}

/* nav */
#nav {
	height: 120px;
	position: relative;
}

/* nav (fixed時の挙動設定) */
.fixed #nav {
	height: 70px;
}


/* nav > mv */
#mv {
	height: 120px;
	transition: .3s all;
}
#mv h1 {
	font-size: 0;
	line-height: 1;
	/*text-align: center;*/
	/*padding-left: 15px;
	padding-right: 15px;*/
	position: relative;
}
/*#mv h1 img {
	width: 320px;
	max-width: 60%;
}*/
#mv h1 a {
	display: inline-block;
	width: 320px;
	max-width: 60%;
	transition: .3s all;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 35px;
}
#mv h1 a img {
	max-width: 100%;
	transition: .3s all;
}
#mv,
#mv h1,
#mv h1 a,
#mv h1 a img {
	transition: 1s all;
}

/* nav > mv (fixed時の挙動設定) */
.fixed #mv {
	height: 70px;
}
.fixed #mv h1 {
	height: 50px;
	/*width: 100%;*/
	text-align: left;
}
.fixed #mv h1 a {
	/*width: 100%;
	height: 100px;
	position: relative;
	display: block;
	text-align: left;*/
	position: absolute;
	transform: none;
	left: 15px;
	top: 5px;
	width: 180px;
}
.fixed #mv h1 img {
	/*width: 180px;*/
	/*margin-bottom: 15px;
	margin-left: 15px;*/
}

#navigation ul,
#navigation li,
#navigation li a {
	transition: 1s all;
}


/* main */
#main {
	padding-top: 0px;
}
/* main (fixed時の挙動設定) */
.fixed #main {
	padding-top: 120px;
}


#footer {
}

@media(min-width:768px) {
	#main,
	#footer article{
		padding: 0 60px;
	}
}