/* 全ページ共通設定 */

/* 基本設定 */
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
html, body {
    overflow-x: hidden;
    height: 100%;
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}
body {
    background: #ffffff;
    padding: 0;
    margin: 0;
	flex-direction: column;
 	min-height: 100vh;
    font-family: 'Varela Round', sans-serif;
	-epub-hyphens:auto;
}

header, main, footer_menu, footer {
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

/* ヘッダーエリア設定 */
.header {
    display: block;
    margin: 0 auto;
    width: 55px;
    max-width: 100%;
    box-shadow: none;
    background-color: #1d3181;
    position: fixed;
    height: 60px!important;
    overflow: hidden;
    z-index: 10;
}

/* ヘッダーロゴ設定 */
.header_logo{
	color: #ffffff;
	font-size: 30px;
	float: left;
	padding: 3px 10px;
}

/* メインエリア設定 */
.main{
	background-color: #ffffff;
	width: 80%;
	max-width: 100%;
	margin: 0 auto;
    display: block;
    margin-top: 60px;
}


/* フッターエリア設定 */
.footer {
	background-color: #1d3181;
	color: #ffffff;
	height: 70px;
	text-align: center;
	display: flex;               /* フレックスボックスに切り替え */
    align-items: center;         /* 縦方向に中央揃え */
    justify-content: center;     /* 横方向に中央揃え */
}

/* TOPリンクの設定 */
.top_link{
	color: #1d3181;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 70px;
}