@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;
	box-sizing: border-box;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 auto 10px auto;
	color: #fff;
	background: #009ce8;
	border-bottom: solid 1px #bababa;
	box-sizing: border-box;
	width: 340px;
	border-radius: 4px;
	padding: 0 10px;
	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;
}

#header_b {
	padding: 0px 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;
}


#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;
	}