/*{
	height: 150px;
	color: #fff;
}
a {
    color: #fff;
}*/

#page .fixheader {
	position: absolute;
	/*box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);*/
	width: 96%;
	padding-top: 180px;
	/* [disabled]padding-bottom: 50px; */
	transition: padding-bottom .2s ease 0s;
	z-index: 100;
	opacity: 0;
	height: 60px;
	padding-left: 2%;
	padding-right: 2%;
	border-bottom: 1px solid #B5B48F;
	display: none;
	}

#home .fixheader {
	position: absolute;
	/*box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);*/
	width: 96%;
	padding-top: 218px;
	/* [disabled]padding-bottom: 50px; */
	transition: padding-bottom .2s ease 0s;
	z-index: 100;
	opacity: 0;
	height: 60px;
	padding-left: 2%;
	padding-right: 2%;
	border-bottom: 1px solid #B5B48F;
	    display: none;
	    }
#page .fixed .fixheader{
	position: fixed;
    padding-bottom: 0px;
	z-index: 100;
	opacity: inherit;
	height: 60px;
    background-color: #f0efdc;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -180px;
	display: inherit;
} 
#home #header.fixed .fixheader {
    position: fixed;
    margin-top: -428px;
    /*    margin-top: -218px;*/
    padding-bottom: 0px;
	    z-index: 100;
	opacity: inherit;
	height: 60px;
    background-color: #f0efdc;
	padding-left: 10px;
	padding-right: 10px;
	display: inherit;
}

.header_bottom {
    /* 出てくる時のアニメーション設定 */
    transition: margin-top .4s ease 0s, opacity .4s ease .2s;
    opacity: 1;
}
#header.fixed .header_bottom {
    /* 消える時のアニメーション設定 */
    transition: margin-top 0s ease 0s, opacity .4s ease 0s;
    margin-top: -135px;
    opacity: 0;
}
@media (max-width: 374px) {
	.fixheader {
		padding-top: 180px;}
	#header.fixed .fixheader{
		margin-top: -180px;
	}
}
	/* タイトルにもちょっとアニメーション付けてみる
h1 {
    line-height: 40px;
    transform: scale(1) rotate3d(1, 0, 0, -0deg);
    transition: transform 0.6s ease;
}
#header.fixed h1 {
    transform: scale(0.6) rotate3d(1, 0, 0, -360deg);
} */