@charset "utf-8";

/*========= 上部固定させるためのCSS ===============*/
#header{
    height: 200px;/*高さ指定*/
	width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #FFFFFF;
    /*以下はレイアウトのためのCSS*/
    display: flex;
    text-align: left;
    padding-top: 30px;
}

/*JSを使いfixedクラスが付与された際の設定*/
#header.fixed{
	position: fixed;/*fixedを設定して固定*/
    z-index: 999;/*最前面へ*/
    top:0;/*位置指定*/
    left:0;/*位置指定*/
}


/*========= レイアウトのためのCSS ===============*/


@media (max-width:450px){
#header{
    height: 100px;/*高さ指定*/
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}