@charset "utf-8";
/* CSS Document */

/*どのブラウザでもおかしくならないように初期設定リセット処理 ※html内は全部に影響する処理*/
html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/*画像大きさ固定？*/
header {
	padding: 32px;
}

/*クラス：.開始*/

/*トップ画像*/
.style-logo {
/*中央揃え*/
	margin-left: auto;
	margin-right: auto;
	display: block;
	font-family: meirio;
}

/*リスト黒点消す ul 全部に適用*/
.style-nav ul{
	list-style-type: none;
}

/*ul と li a（ハイパーリンク） に適用 */
.style-nav ul li a{
	/*下線無くす*/
	text-decoration: none;
	/*色紫にならなくする（色固定）*/
	color:#2F322A;
	/*中央揃え*/
	text-align: center;
	/*表示*/
	display: block;
	/*大文字（アルファベット）*/
	text-transform: uppercase;
	/*余白（上下左右）*/
	padding: 8px;
	
	
}

/*タブレット用（768px以上になったら適用）*/
@media (min-width: 768px){
	.style-nav ul li{
		display: inline-block;
	}
	.style-nav ul{
		text-align: center;
	}
}
/*デスクトップ用（1024px以上になったら適用）*/
@media (min-width: 1024px){
	.style-logo{
		float:left;
	}
	.style-nav{
		float: right;
	}
}