@charset "utf-8";

/* とりあえずリセット */
*{
	margin: 0px;
	padding: 0px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/* スマホ用 */
#header {
	text-align: center;
	background-color: #0000CC;//rgb(254,214,0);
}

p.ResizeImage img{
	width:100vw;
}

h3 {
	padding-left:1em;
	background-color: rgb(254,214,0);
}

.main-nav{
	margin-left: 5px;
}

.main-nav li{
	display: inline-block;
	list-style: none;
	margin-left:5px;
}
.main-nav a{
	margin: 5px;
	color: #fff;
	display: block;
	padding: 10px;
	text-decoration: none;
}

.content{
	margin-left:1em;
	margin-right:1em;
}

.content ul{
	margin-left:2em;
}

.define-list{
	display: inline;
}
.define-list dt{
	float:left;
	margin-right:1em;
	font-weight:bolder;
}

#footer {
	text-align: center;
	background-color: #0000CC;//rgb(254,214,0);
	color:white;
}

#footer a{
	color:white;
}



/*
	background-color: rgb(254,214,0);
*/

/* タブレット用 */
@media screen and (min-width: 481px) {
	#header {
		text-align: center;
 }

.content{
	margin-left:1em;
	margin-right:1em;
}

.content ul{
	margin-left:2em;
}

	#footer {
		text-align: center;
		background-color: #0000CC;//rgb(254,214,0);
		color:white;
	}

	#footer a{
		color:white;
	}

}

/* PC用 */
@media screen and (min-width: 769px) {

	#header {
		display: flex;
		justify-content: center;
		align-items: center;
	}

.content{
	width:940px;
	margin-left:auto;
	margin-right:auto;
}

	#footer {
		text-align: center;
		background-color: #0000CC;//rgb(254,214,0);
		color:white;
	}

	#footer a{
		color:white;
	}

}