@charset "utf-8";

body {
	background: #eee;
	margin: 0;
}

#container {
	background-image:	url("../images/bgphoto.jpg") ;
	background-attachment:	fixed ;
	background-size:		100% ;
	border-radius: 1em;
	max-width: 1200px;		/*最大幅の制限。これ以上広がらない。ここはpxでの指定*/
	margin: 0 auto 0;		/*最大幅超えたときに、水平位置中央に*/
	padding: 0 1em;
	color: #008000;
}

header,
footer,
main {		/*特に何も設定しない*/
}

/*navのリストにはリストスタイルを表示しない*/
nav ul {
	list-style: none;
}

/*h2*/
h2 {
	clear: both;
	margin-bottom: 15px;
	color: #fff;
	padding: 5px 20px 5px 50px;
	background: url(../images/woopin.jpg) no-repeat 20px center, linear-gradient(#6bf, #aaf);
	border-radius: 30px;
}


/*h3タグ*/
h3 {
	clear: both;
	margin-bottom: 15px;
	color: #333;
	background: linear-gradient(#fff, #ddd);
	border-radius: 30px;
	border: 1px solid #ccc;
}

p {
	margin: 0;
	padding: 1em 0;
}

ul, ol {
	padding: 0 0 0 1.5em;
}

/** 日記表示エリア **/
#selectarea {
	float: left;
	width: 12em;
}

#diaryarea {
	float: left;
	width: calc(100% - 12em);
}

footer {
	clear: both;
}

/*スマホの小さい画面ではフォントを小さくする*/
@media screen and (max-width:800px) {

	body {
		font-size: 12px;
	}

	#diaryarea {
		font-size: 12px;
	}
} /*media*/