@charset "UTF-8" ;

* { box-sizing: border-box; }    /* 「*」は全要素を指す。border-boxは、paddingとborderを数値(wideth.hight)に含める。marginは別　*/ 


/* ボディ ===================================================================== */
body
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px ;	/* 文字サイズ */
	line-height: 1.618 ;	/* 行の高さ */
}



/* ヘッダー ======================================================================== */
header
{
	border-bottom: 3px solid #888 ;		/* 枠線 */
	padding: 1em 0 ;			/* 上下の余白 */
	margin-bottom: 1em ;			/* 他のブロックとのスペース */
    background: #e8e8e8 ;			/* 背景色(確認用) 　　この行を消すと背景が透明になる*/

	position: fixed;         /* positionでヘッダー全体を上に固定する  */
      top: 0;                /* positionとセット  */
      width: 100%;　　　　　　/* positionとセット  */
}


.header-h
{
	margin: 0px ;
	padding: 0px ;
    text-align: center ;
}


.flex_test-box {
	background-color: #B1E7EE;
/* =========================================================
	position: fixed
    padding:  10px;              余白指定 */
	
	display: flex;                   /* フレックスボックスにする */
    justify-content:space-around;    /* 横の位置指定 */
}

.flex_test-item {
    margin:  2px;                  /* 外側の余白 */
    /* border-bottom: solid 1px #fff;   下線指定 特になし*/
}

.flex_test-item a {
    color:  #8A0B0B;                   /* 文字色 */
    text-decoration:  none;         /* デフォルトCSS打ち消し */
}





/* メイン ========================================================================================= */
.main
{
    margin-top: 0px;		/* 外側余白 */
    margin-bottom: 0px;		/* 外側余白 */
    margin-left: 10px;		/* 外側余白 */
    margin-right: 10px;		/* 外側余白 */
    padding: 0px 5px;       /* 内側余白 上下　左右 */
    border: none;		/* 枠線 */
    text-align: center;			/* テキスト、画像の真ん中寄せ */
    color: #6C1A9A;
}


/* フッター */
.footer
{
	border-top: 3px solid #888 ;		/* 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 2em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background: #e8e8e8 ;
}