/* =================================
	data CSS
================================= */

section.title {
}
section.title h2 {
	background-image:url(../img/data_title.png);
	background-position:left top;
	background-repeat:no-repeat;
}
section.title h2 span {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
section.title p {
	/*background-image:url(../img/cmn_bg_blue.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;*/
	background-color:hsla(229,100%,14%,0.75);
	border-style:solid;
	border-color:#fafafa;
}
section.title p span {
	display:block;
	font-weight:bold;
	color:#ffff4e;
	line-height:2.5em;
	text-shadow:1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, 0px 0px 8px hsla(0,0%,0%,0.8);
}
section.title p span ruby rt {
	font-weight:normal;
}
@media all and (min-width: 768px) {
section.title {
	margin-bottom:30px;
}
section.title h2 span {
	height:164px;
}
section.title p {
	font-size:87.5%;
	-webkit-box-shadow:0 0 10px hsla(0,0%,0%,0.25);
	box-shadow:0 0 10px hsla(0,0%,0%,0.25);
	border-width:3px;
}
section.title p span {
	padding:20px 25px 15px;
	-webkit-box-shadow:0 0 20px hsla(0,0%,0%,0.8) inset;
	box-shadow:0 0 20px hsla(0,0%,0%,0.8) inset;
}
}
@media all and (max-width: 767px) {
section.title {
	margin-bottom:15px;
}
section.title h2 {
	background-size:cover;
	width:296px;
	margin:0 auto;
}
section.title h2 span {
	height:84px;
}
section.title p {
	font-size:83%;
	-webkit-box-shadow:0 0 7px hsla(0,0%,0%,0.25);
	box-shadow:0 0 7px hsla(0,0%,0%,0.25);
	border-width:2px;
}
section.title p span {
	padding:12px;
	-webkit-box-shadow:0 0 10px hsla(0,0%,0%,0.8) inset;
	box-shadow:0 0 10px hsla(0,0%,0%,0.8) inset;
}
}



article.unit h2 {
	text-align:center;
	line-height:1.5;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 0px 0px 6px hsla(0,0%,0%,0.5);
	color:#004e99;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff422), to(#d6b800));
	background-image: linear-gradient(#fff422, #d6b800);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-color:#fff;
	border-style:solid;
	margin-bottom:0.75em;
	-webkit-box-shadow:0 0 10px hsla(0,0%,0%,0.25);
	box-shadow:0 0 10px hsla(0,0%,0%,0.25);
}
@media all and (min-width: 768px) {
div.inner article.unit:not(:last-child) {
	margin-bottom:30px;
}
article.unit h2 {
	font-size:112.5%;
	border-radius:24px;
	height:48px;
	line-height:48px;
	border-width:3px;
}
table.basic {
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.inner article.unit:not(:last-child) {
	margin-bottom:15px;
}
article.unit h2 {
	border-radius:19px;
	height:38px;
	line-height:38px;
	border-width:2px;
}
table.basic {
	margin-bottom:12px;
}
}





div.whtbrd {
	background-color:hsla(190,100%,79%,0.75);
}
div.whtbrd p {
	text-align:center;
	line-height:2;
}
@media all and (min-width: 768px) {
div.whtbrd {
	padding:20px;
	border-radius:16px;
}
article.unit div.whtbrd:not(:last-child) {
	margin-bottom:20px;
}
div.whtbrd p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.whtbrd {
	padding:12px;
	border-radius:8px;
}
article.unit div.whtbrd:not(:last-child) {
	margin-bottom:12px;
}
div.whtbrd p {
	font-size:83%;
}
}


article#present p.copy {
	line-height:2.5;
}
article#present div.pics span, article#present div.pics span img {
	display:block;
	background-position: center;
}
@media all and (min-width: 768px) {
article#present p.copy {
	font-size:87.5%;
	margin-bottom:20px;
}
article#present div.pics {
	margin-bottom:20px;
}
article#present div.pics span img {
	width:576px !important;
	height:296px !important;
}
}
@media all and (max-width: 767px) {
article#present p.copy {
	font-size:83%;
	margin-bottom:12px;
}
article#present div.pics {
	width:296px;
	margin:0 auto 12px;
}
article#present div.pics span {
	background-size:cover;
}
article#present div.pics span img {
	width:296px;
	height:152px;
}
}






article#caution section {
	line-height:1.5;
}
article#caution section h3 {
	color:#00307b;
	margin-bottom:0.75em;
}
article#caution section h3:before {
	content:"笳� ";
	font-family:sans-serif;
}
article#caution section ul {
	list-style-type:disc;
	margin-left:1.25em;
}
@media all and (min-width: 768px) {
article#caution section {
	font-size:87.5%;
}
article.unit > section:not(:last-child),
article.unit > section > section:not(:last-child) {
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
article#caution section {
	font-size:83%;
}
article.unit > section:not(:last-child),
article.unit > section > section:not(:last-child) {
	margin-bottom:12px;
}
}



article#howto > section {
	background-color:hsla(0,0%,100%,0.8);
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}
article#howto section h3 {
	line-height:1.5;
	margin-bottom:1em;
}
article#howto section h3 span {
	background-color:#ff0;
}
article#howto section h4 {
	color:#c00;
	line-height:1.5;
	margin-bottom0.5em;
}
article#howto section h4:before {
	content:"笘� ";
}
article#howto section ol {
	list-style-type:decimal;
	margin-left:1.5em;
}
article#howto section ol li {
	line-height:2;
}
article#howto section ol li b {
	color:#ff177b;
}
article#howto div.pics span,
article#howto div.pics span img {
	display:block;
}
article#howto div.pics {
	padding-top:12px;
}
article#howto div.pics span {
	margin:0 auto 12px;
	background-size:cover;
}

@media all and (min-width: 768px) {
article#howto > section {
	padding:20px;
}
article#howto section ol:not(:last-child) {
	margin-bottom:20px;
}
article#howto section h4,
article#howto section p,
article#howto section ol li {
	font-size:87.5%;
}

article#howto section div.pics span,
article#howto section div.pics span img {
	width:470px;
	height:264px;
}

}
@media all and (max-width: 767px) {
article#howto > section {
	padding:12px;
}
article#howto section ol:not(:last-child) {
	margin-bottom:15px;
}
article#howto section h3 {
	font-size:87.5%;
}
article#howto section h4,
article#howto section p,
article#howto section ol li {
	font-size:83%;
}

article#howto section div.pics span,
article#howto section div.pics span img {
	width:260px;
	height:146px;
}

}




ul.kome1 li {
	line-height:1.5;
}
ul.kome1 li:before {
	content:"窶ｻ";
	width:1em;
	float:left;
	display:block;
}
ul.kome1 li span {
	display:block;
	padding-left:1.25em;
}
@media all and (min-width: 768px) {
ul.kome1 li {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
ul.kome1 li {
	font-size:83%;
}
}



article#howto section dl {
	background-color:#ff9;
}
article#howto section dl dt,
article#howto section dl dd {
	line-height:2;
}
article#howto section dl dt {
	float:left;
	color:#fff;
	background-color:#c00;
	padding:0.5em 1em;
}
article#howto section dl dd {
	padding:0.5em 0;
	padding-left:6em;
}
@media all and (min-width: 768px) {
article#howto section dl dt,
article#howto section dl dd {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
article#howto section dl dt,
article#howto section dl dd {
	font-size:83%;
}
}



div.bnr {
	background-color:#50cc03;
}
div.bnr2 {
	background-color:#fff333;
}
@media all and (min-width: 768px) {
div.bnr {
	margin-bottom:25px;
}
div.bnr2 {
	margin-bottom:15px;
}
div.bnr span, div.bnr span img {
	width:576px;
	height:116px;
}
div.bnr2 span, div.bnr2 span img {
	width:576px;
	height:88px;
}
}
@media all and (max-width: 767px) {
div.bnr, div.bnr2 {
	width:296px;
	margin:0 auto 10px;
}
div.bnr span, div.bnr span img {
	width:296px;
	height:60px;
}
div.bnr2 span, div.bnr2 span img {
	width:296px;
	height:45px;
}
div.bnr span, div.bnr2 span {
	background-size:cover;
}
}