@charset "utf-8";

/* --------------------------------------------------------*/
/* 1.共通
/* --------------------------------------------------------*/
/* ボックスサイズの計算方法を指定 */
* {
	box-sizing: border-box;
}
/* --------------------------------------------------------*/
/* 2.レイアウト
/* --------------------------------------------------------*/
/* ページ全体を囲む線 */
#wrapper {
	text-align: center;
}
/* --------------------------------------------------------*/
/* ヘッダーエリア
/* --------------------------------------------------------*}
/* --------------------------------------------------------*/
/* 3.ヘッダー画像
/* --------------------------------------------------------*
	
/* --------------------------------------------------------*/
/* 3.2カラム構成
/* --------------------------------------------------------*
.main {
	display: flex;
	display: inline-block;
}
/* エリア外側のスタイル */
/* メニューリストを囲む線 */
#menu ul {
	display: -webkit-flex; /* safari用 */
	display: flex;
}

/* メニューリストの共通スタイル */
/* --------------------------------------------------------*/
/* --------------------------------------------------------*/
.p1 {
	font-size: 50px;
	font-weight: bold;
}
/* --------------------------------------------------------*/
/* 7.フッターナビゲーション
/* --------------------------------------------------------*/
.footer {
	outline: 10px solid green;
}
/* --------------------------------------------------------*/
/* メインCSS
/* --------------------------------------------------------*/

/* --------------------------------------------------------*/
/* 
/* --------------------------------------------------------*/

/* --------------------------------------------------------*/
/* 
/* --------------------------------------------------------*/