@charset "utf-8";

/* ===  ハンバーガーメニュー開閉の為のCSS群ここから  === */

/* ドロワーナビゲーションの必須スタイル */
#nav{
	position: fixed;
	right: -270px;
	top: 0;
	width: 270px;
	height: 100%;
}

/* ドロワーが開かれた時のスタイル */
.show{
	transform: translate3d(-270px, 0, 0);
}

/* 開く・閉じるアニメーション */
#wrapper, #nav{
	transition: transform 0.3s;
}

/* ===  ヘッダにボタンを配置  === */
.header{
	padding: 16px 0;	
}

header .container{
	display: flex;
	justify-content: space-between;
}

.title-block{
	flex: 1 1 auto;
}
.hamburger{
	flex: 0 0 32px;
	align-self: center;
	margin-top: 30px;
	margin-left: 16px;
	text-align: center;
	color: #fff;
}
/* ===  装飾的なCSS  === */
/* メニュー */
#nav {
    padding: 24px 24px 0 24px;
    background: #000;
    color: white;
}
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav li a {
    display: block;
    padding: 0.75rem 0;
    border-bottom: 1px solid #114d60;
    text-decoration: none;
    color: #fff;
}
#nav li a:hover {
    background: #0e3e4d;
}
#nav .logo {
    margin-bottom: 20px;
}

#footlogo{
	width: 200px;
}
/* ===  ハンバーガーでメニュー開閉の為のCSS群ここまで  === */