@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css);

* {  
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-family:meiryo,sans-serif;
}

body{
	color: #202020;
	font-family: Roboto,Helvetica,Helvetica Neue,Arial,Noto Sans CJK JP,源ノ角ゴシック,Hiragino Kaku Gothic Pro,ヒラギノ角ゴシック Pro,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,メイリオ,Meiryo,MS PGothic,sans-serif;
	line-height: 1.75;
	word-wrap: break-word;
	padding:0 10px;
	box-sizing: border-box;
}

h1 {
	font-size: 18px;
	font-weight:bold;
	margin:0 auto 10px auto;
	padding:10px;
	color:#fff;
	background:#009ce8;
	border-bottom:solid 1px #bababa;
	box-sizing:border-box;
	width:340px;
	border-radius:4px;
	text-align:center;
	}

#wrapper{
	margin-bottom:20px;
	background: #fff;
}

#header{
	padding:20px 0 10px 0;
	text-align:center;
	background:#ffffff;
/*	border-bottom:solid 1px #dfdfdf;*/
/*	position: fixed;            /* ヘッダーの固定 */
/*	top: 0px;                   /* 位置(上0px) */
/*	left: 0px;                  /* 位置(右0px) */
	width: 100%;                /* 横幅100%　*/
	text-align:center;
	z-index:2;
	margin-bottom:20px;
}

#main{

}

#main .adv_box{
/*	width:300px !important;
	height:250px !important;*/
	margin:0 auto 30px auto !important;
}

#main .adv_box img{
/*	width:300px !important;
	height:250px !important;*/
}

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

#wrapper{
	width:480px;
	margin:0 auto;
	padding:10px;
	box-sizing: border-box;
	border-left:solid 1px #bababa;
	border-right:solid 1px #bababa;
}