body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
background: #999;
}

a { text-decoration: none; }
a:hover 
{
	text-decoration: none;
}

/*スマホ用ヘッダー*/
header {
	display: none;
}

#header {
	height: 80px;
	background-color: yellow;
}

	#header h1 {
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
		font-size: 75px;
		font-weight: normal;
		margin: 0px;
	}


/*TOトップボタン*/
.totop_btn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	       
	filter:alpha(opacity=8);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity:0.8;
}


/*PC用ヘッダメニュー*/
#head_menu {
	float: right;
	margin-top: -30px;
	font-size: 16px;
}

	#head_menu a {
		margin-left: 15px;
	}

#nav-content {
	padding: 15px;
}

/*左コンテンツ*/
#left {
	background-color: #eee;
	height: 2000px;
	font-size: 16px;
	padding: 15px;
}

/*右コンテンツ*/
#right {
	background-color: #ddd;
	height: 2000px;
	font-size: 16px;
	padding: 15px;
}

/*右その2(大きく表示する時だけ表示)コンテンツ*/
#right2 {
	background-color: #ccc;
	height: 2000px;
	font-size: 16px;
	padding: 15px;
}


/*フッター*/
#footer {
	background-color: yellow;
	font-size: 14px;
	padding: 10px;
}



/*==========
タブレット用
============*/
@media (max-width: 768px) {
	header {
		display: block;
	}
	#head_menu {
		display: none;
	}
}


/*==========
スマホ用
============*/
@media (max-width: 480px) {
	header {
		display: block;
	}
	#head_menu {
		display: none;
	}
}