/* Reset CSS from here -------------------------------- */

p,h1,h2,h3,h4,h5,h6 {
	margin-top:0;
}

img {
	vertical-align:bottom;
}

ul {
	margin:0;
	padding:0;
}

/* Reseting CSS ends here ----------------------------------- */



body {
font-size:7vw;
line-height:1.8;
box-sizing:border-box;
}

#container {
box-sizing:border-box;
width:98vw;
margin:0 auto;
}

#main {
width: 98vw;
margin:0 auto;
}

#sidebar {
width: 98vw;
margin:0 auto;
}

img#header-image {
width:98vw;
}

h1 {
font-size:12vw;
line-height:1;
font-family:メイリオ,Meiryo,Meiryo UI,Yu Gothic UI,ＭＳ Ｐゴシック,MS UI Gothic,ヒラギノ角ゴ ProN;
color:#000000;
text-align:center;
}

h2 {
display:block;
margin-top:10vw;
margin-right:2vw;
color:#ffffff;
padding:10px 10px;
background:#00cc00;
border-radius:30px;
}

header h2 {
background: #0000ff;
display:block;
margin-right:2vw;
}

p {
font-size:6vw;
width:98vw;
color:#000000;
}

p.button {
font-size:8vw;
margin-top:10px;
margin-bottom:10px;
}

.button a {
font-size:8vw;
color:#ffffff;
font-family:メイリオ,Meiryo,Meiryo UI,Yu Gothic UI,ＭＳ Ｐゴシック,MS UI Gothic;
background-color:#009cd3;
width:70vw;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
display:block;
border-radius:20px;
border:3px solid #009cd3;
text-decoration:none;
}

.button a:hover {
background-color:#ffffff;
color:#0000ff;
text-decoration:underline;
}

footer {
width:98vw;
margin:150px auto 0 auto;
text-align:left;
line-height:1.5;
}

blockquote {
	margin-left:0;
	margin-right:0;
	padding:10px;
	background-color:#fffacd;
}

.red {
color:#ff0000;
}


/* responsive設定 --------------------------- */

/* PC対応 1000pxで切り分け---------------------------- */

@media screen and (min-width: 1000px) {


body {
font-size:18px;
}

#container {
	width:960px;
	margin:0 auto;
}

#main {
	width: 620px;
	float:left;
}

#sidebar {
	width: 320px;
	float:right;
	}

footer {
	clear:both;
}

#oshirase {
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}

h1 {
	font-size:35px;
	line-height:1;
	color:#000000;
	margin-top:20px;
}

header h2 {
background: #0000ff;
display:block;
width:200px;
}

p {
	font-size:18px;
	color:#000000;
	margin-left:20px;
}

.button a {
	font-size:18px;
	color:#ffffff;
	font-family:メイリオ,Meiryo,Meiryo UI,Yu Gothic UI,ＭＳ Ｐゴシック,MS UI Gothic;
	background-color:#009cd3;
	width:415px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	display:block;
	border-radius:20px;
	border:3px solid #009cd3;
	text-decoration:none;
}

footer {
	width:960px;
	margin:150px auto 0 auto;
	text-align:left;
	line-height:1.5;
}

h2 {
	margin-top:20px;
	color: #fff;			/*文字色*/
	padding: 10px 30px;		/*上下、左右への余白*/
	background: #00cc00;	/*背景色#32CD32*/
	border-radius: 30px;		/*角丸のサイズ*/
}

div#oshirase {
	padding-top:20px;
}

#oshirase h2 {
	margin-top:20px;
	color: #fff;			/*文字色*/
	padding: 10px 30px;		/*上下、左右への余白*/
	background: #ffa500;	/*背景色#32CD32*/
	border-radius: 30px;		/*角丸のサイズ*/
}


}