/* CSSファイル内でGoogle Fontsを読み込む */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');

/* フォントを使用する要素に適用 */
body {
  font-family: 'Noto Serif JP', serif;
}

html {
	height: 100%;
	background-image: url(/img/bg.jpg);
	background-repeat: repeat;
	background-color: #393840;
}
img {
	width: auto;
	max-width: 100%;
}

p{
	color:#FFF;
}
/* フロートを含める : h5bp.com/q */ 
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

/*common*/

#header, #contents, #footer {
	width: 100%
}
.container {
	margin-left: auto;
	margin-right: auto;
}
#header .container {
	width: 1050px;
	padding-top: 2em;
}
#contents .container {
	max-width: 1050px;
	clear: both;
}
#footer .container {
	width: 1050px;
}
#header .container .left {
	float: left;
	overflow: auto;

}
#header .container .right {
	float: right;
}
#contents .container #top_logo {
	width: 100%;
	text-align: center;
	padding-top: 2em;
}
#header .container .left ul li a {
	color: #FFFFFF;
	margin-bottom: 1em;
	display: block;
	font-size: 0.9em;
	text-decoration: none;
}
#header .container .left ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


/*横幅768pxまでのメディア*/
@media screen and (max-width:768px){
#header .container,#contents .container,#footer .container {
	width: 90%;
	padding:5%;
}
}