div.contents {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
}

/*===============================================
● 画面の横幅が375px以下
===============================================*/
@media screen and (max-width: 375px) {
div.contents-body {
	margin:   0 auto;
	padding:  0px;
/*	background-color: #cfc;  */
	background-color: #fff;
	width: 375px;
	text-align: left;
}

p.page-top {
	margin: 10px 30px 20px 0px;
	padding: 0px;
	color: #111;
	text-align: right;
	font-size: 15px;
}

p.page-top {
	margin: 10px 30% 30px 30%;
	padding: 5px;
	border-radius: 15px;
	background-color: #2b5fa8;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

p.page-top a {
	color: #fff;
	text-decoration: none;
}
}



/*===============================================
● 画面の横幅が376以上かつ480px以下
===============================================*/
@media screen and (min-width: 376px) and (max-width: 480px) {
div.contents-body {
	margin:  0px;
	padding: 0px;
	background-color: #fff;
	width: 100%;
	text-align: left;
}

p.page-top {
	margin: 10px 30% 30px 30%;
	padding: 5px;
	border-radius: 15px;
	background-color: #2b5fa8;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

p.page-top a {
	color: #fff;
	text-decoration: none;
}
}



/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
div.contents-body {
	margin:  0 auto;
	padding: 0px;
	background-color: #fff;
	width: 960px;
	text-align: left;
}

p.page-top {
	margin: 10px 0px 30px 800px;
	padding: 5px;
	border-radius: 15px;
	background-color: #2b5fa8;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

p.page-top a {
	color: #fff;
	text-decoration: none;
}
}