/* /map/ */
@charset "utf-8";

/* ------------------ 基本設定 */
html {
	font-size:16px;
	font-size:62.5%;
}
body {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1.5rem;
	line-height:130%;
	color:#000;
	background:url("../img/backimage0.gif") #c3d8ba;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:100%;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
hr, table, tr, th, td {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	display:inline;
	margin:0;
	padding:0;
	font-size:1.3rem;
	font-weight:normal;
}
img {
	border:none;
}
a {
	text-decoration:none;
}
a:active {
	color:#f00;
}
a:hover {
	color:#060;
	background-color:#ff9;
	position:relative;
}
#edit {
	background: url("https://uub.jp/img/backimage9.gif") #eef0e0;
}
/* ------------------ FB暫定対応 */
fb-like > span {
	width: 135px !important;
}
.fb-like iframe {
	width: 135px !important;
}
/* ------------------ select input */
select {
	width: 125px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	font-size: 1.5rem;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	background: url(../icn/arrow2.png) right 50% no-repeat, #fff;
	background-size: 23px, 100%;
}
input, textarea, button, select {
	padding:4px 3px 0;
	font-size:1.5rem;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
}
input[type="text"], input[type="submit"], button, select {
	height:30px;
}
input[type="submit"], button {
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button; 
}
input[type="checkbox"], input[type="radio"] {
	width:1.8rem;
	height:1.8rem;
	position:relative; top:-2px;
	vertical-align: middle;
}
input::placeholder {
	font-size:1.4rem;
	color: grey;
}
/* ------------------ コンテナ */
#container {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#big_container {
	width:95%;
	margin:0 auto;
	text-align:center;
}
/* ------------------ ボックス */
.box {
	width:100%;
	vertical-align:middle;
	text-align:center;
	padding:8px;
}
.box1 {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
}
.box2 {
	width: 48%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
}
.box3 {
	width: 90%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
}
.textbox {
	width:100%;
	vertical-align:middle;
	text-align:left;
	padding:10px 8px 10px 16px;
	line-height:150%;
}
.textbox1 {
	width:100%;
	vertical-align:middle;
	text-align:left;
	padding:1px 0px 8px 4px;
	line-height:140%;
}
.arc {
	width: 100%;
	display: inline-block;
	text-align:right;
	padding:2px 4px 0 0;
	font-size:1.3rem;
}
/* ------------------ フロート */
.left {
	float:left;
	text-align:left;
}
.right {
	float:right;
	text-align:right;
}
.clearfix {
	width:100%;
	padding:8px 8px 8px 16px;
}
.clearfix0 {
	width:100%;
}
.clearfix:after, .clearfix0:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}
/* ------------------ sup, sub 行間補正（行間が広がらないように） */
sup, sub {
	line-height: 0px
}
/* ------------------ 落書き帳テーブル定義 */
.fb_tbl {
	margin-bottom:8px;
	background:url("../img/backimage1.gif") #c3d8ba;
	border-collapse: collapse;
}
.fb_tbl tr {
	vertical-align:top;
	border: 1px #fff solid;
}
.fb_tbl td {
	padding: 2px 5px 2px;
	align:left;
	border: 1px #fff solid;
	white-space:nowrap;
}
.fb_tbl .bt {
	background:url("../img/backimage2.gif") #c3d8ba;
}
.fb_tbl .nml {
	white-space:normal;
}
/* ------------------ 落書き帳テーブル定義（枠線なし） */
.fb_tbl_z {
	margin-bottom:8px;
	border-collapse: collapse;
}
.fb_tbl_z tr {
	vertical-align:top;
}
.fb_tbl_z td {
	padding: 2px 5px 2px;
	align:left;
	white-space:nowrap;
}
.fb_tbl_z .bt {
}
.fb_tbl_z .nml {
	white-space:normal;
}
/* 落書き帳テーブル定義（旧定義）[107843] 2023年 5月 21日以前の定義 */
.fb_table {margin-bottom:8px}
.fb_table tr {vertical-align:top}
.fb_table td {padding:0 3px;align:left}
/* ------------------ 都道府県などの選択ボックス */
.pbox {
	width:940px;
	vertical-align:middle;
	text-align:center;
	margin:14px auto;
	background-color:#fff;
	padding:0.8% 0.5% 0px;
}
.pbox .clearfix {
	width:100%;
	padding: 5px 2px 2px 0.6%;
}
.pbox .left {
	float:left;
	width: 50%;
	text-align: left;
	padding:8px 8px 8px 5px;
}
.pbox .left100 {
	float:left;
	width: 100%;
	text-align: left;
	padding:8px 8px 8px 5px;
}
.pbox .left10 {
	float:left;
	width: 10%;
	text-align: left;
	padding:8px 8px 8px 5px;
}
.pbox .right {
	float:right;
	width: 50%;
	text-align: right;
	padding:8px 8px 8px 10px;
}
.pbox .ta {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
	font-size:2.0rem;
	padding:9px;
}
.pbox .tt {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
	font-size:2.0rem;
	color:#007055;
	background-color:#c0ffee;
	padding:9px;
}
.pbox .tg {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
	font-size:2.0rem;
	color:#007750;
	background-color:#e0ffe0;
	padding:9px;
}
.pbox .ty {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
	font-size:2.0rem;
	color:#706c3e;
	background-color:#ffffd7;
	padding:9px;
}
.pbox .tf {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
	font-size:2.0rem;
	color:#704c1e;
	background-color:#fae7ce;
	padding:9px;
}
.pbox .tb {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
	font-size:2.0rem;
	color:#704c1e;
	background-color:#d5ddff;
	padding:9px;
}
.pbox .tm {
	width: 100%;
	display: inline-block;
	text-align:left;
	vertical-align:top;
	font-size:2.0rem;
	color:#704c1e;
	background-color:#ffddd5;
	padding:9px;
}
.pbox .i {
	width:100%;
	text-align:left;
	font-size:1.8rem;
	background-color:#eee;
	padding:5px;
}
.pbox .p {
	float:left;
	text-align:left;
	font-size:1.6rem;
	padding:5px;
	line-height:140%;
}
.pbox h2 {font-size:2.0rem;}
.pbox h3 {font-size:1.8rem;}

.qbox {
	width:950px;
	vertical-align:middle;
	text-align:center;
	margin:12px auto;
	background-color:#fff;
	padding:0.3% 0.3% 0.3% 0.3%;
}
.qbox .q {
	float:left;
	text-align:left;
	font-size:1.52rem;
	padding:5px;
	line-height:105%;
}
.qbox .y {
	float:left;
	text-align:left;
	font-size:1.41rem;
	padding:5px;
	line-height:105%;
}
/* ------------------ 汎用テーブル */
.table_box {
	width: 100%;
	margin: 10px auto;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}
.table_box .w_100 {width: 100%;}
.table_box .w_90 {width: 90%;}
.table_box .w_80 {width: 80%;}
.table_box .w_70 {width: 70%;}
.table_box .w_60 {width: 60%;}
.table_box .w_50 {width: 470px;}
.table_box .w_49 {width: 49%;}
.table_box .w_33 {width: 33%;}
.table_box .w_32 {width: 32%;}
.table_box .w_24 {width: 24%;}
.table_box .w_20 {width: 185px;}
.table_box .w_rnk1 {width: 307px;}
.table_box .w_rnk2 {width: 562px;}
.table_box .w_rnk3 {width: 382px;}
.table_box .w_rnk4 {width: 614px;}
.table_box .w_pdr1 {width: 720px;}
.table_box .w_pdr2 {width: 220px;}
.table_box .w_pdr3 {width: 610px;}
.table_box .w_pdr4 {width: 320px;}
.table_box .w_pdr5 {width: 510px;}
.table_box .w_pdr6 {width: 420px;}
.table_box .w_cty1 {width: 730px;}
.table_box .w_cty2 {width: 200px;}
.table_box .w_nam1 {width: 730px;}
.table_box .w_nam2 {width: 210px;}
.table_box .w_zat1 {width: 470px;}
.table_box .w_zat2 {width: 610px;}
.table_box .w_47_1 {width: 730px;}
.table_box .w_47_2 {width: 200px;}
.table_box .w_47_3 {width: 312px;}
.table_box .w_spc1 {width: 470px;}
.table_box .w_kkn1 {width: 309px;}
.table_box .w_kkn2 {width: 620px;}
.table_box .w_kkn3 {width: 238px;}
.table_box .w_kkn4 {width: 700px;}
.table_box .w_str {width: 454px;}

.table_block {
	display: inline-block;
	padding:6px auto;
	text-align: left;
	vertical-align:top;
}
.table_block table {
	width: 100%;
}
.table_block th {
	padding: 3px 5px 2px;
	font-weight:normal;
}
.table_block td {
	padding: 2px 5px 2px;
}
.table_block .jcl {background-color: #fff0bb;}
.table_block .acl {background-color: #e0ffe0;}
.table_block .mcl {background-color: #ffe9e9;}
.table_block .lcl {background-color: #FFE4D9;}
.table_block .lclt {background-color: #FE9972;}
.table_block .lclx {background-color: #FEC6B0;}
.table_block .ncl {background-color: #CEEAFF;}
.table_block .nclt {background-color: #6EBFFE;}
.table_block .nclx {background-color: #B0DCFE;}

.table_link {
	display: inline-block;
	padding:6px auto;
	text-align: left;
	vertical-align:top;
}
.table_link table {
	width: 100%;
}
.table_link th {
	padding: 5px;
	font-weight:normal;
}
.table_link td {
	padding: 7px;
}
.table_center {
	display: inline-block;
	margin: 10px auto;
	text-align: left;
	vertical-align:top;
}
/* ------------------ 横棒グラフ用表設定 */
.g_table {border-spacing:1px;}
.g_table th {padding: 2px 3px 0px;font-weight:normal;line-height:22px;}
.g_table td {padding:0px;line-height:0;}
.g_table td img {height:15px;}

/* ------------------ モバイル用リンク */
.m_link table {
	width: 95%;
	margin: 10px;
}
.m_link td {
	margin: 2px;
	padding: 5px;
	border: 1px solid;
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	font-size: 1.7rem;
}
/* ------------------ ランキングページ 国勢調査ランキング 横リスト */
.box ul, .clearfix ul {
	position:relative; left: -20px;
	margin: 0;
}
.box ul li, .clearfix ul li {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 8px;
	white-space: nowrap;
}
/* ------------------ グラフ用コンテナ */
.graphbox {
	max-width:100%;
	margin:20px auto 5px;
	display:inline-block;
	text-align:center;
}
.graphbox table {
	border-collapse:collapse;
	line-height:0;
}
.graphbox img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
/* ------------------ 47都道府県のデータ */
.p47_R {
	font-size:1.5rem;
	color:#fff;
	background-color:#be003f;
	font-weight:bold;
	padding:0px 5px;
}
.p47_L {
	font-size:1.5rem;
	color:#fff;
	background-color:#00519a;
	font-weight:bold;
	padding:0px 5px;
}
/* ------------------ ポップアップ */
.popin, .pop {
	display: none;
}
a:hover .popin, a:hover .pop {
	display: block;
	width:100%;
	background-color: #ffffe7;
	padding:7px;
	text-align:left;
	border:solid 1px;
}
.pop240 {
	display: none;
	position: absolute;
	top: 16px;left: 0px;
}
a:hover .pop240 {
	display: block;
	width:240px;
	background-color: #f3f3f3;
	padding:5px;
	border:solid 1px;
}
.pop2 {
	display: none;
	position: absolute;
	top: -10px;left: 12px;
}
a:hover .pop2 {
	display: block;
	color: #000;
	background-color: #f0f0ff;
	padding:5px;
}
.pop3 {
	display: none;
}
a:hover .pop3 {
	display: block;
	position: absolute;
	width:250px;
	bottom: 25px;
	left: -85px;
	color: #a00;
	background-color: #fff0f5;
	padding:5px;
	text-align:left;
	border:solid 0.8px;
}
.pop3r {
	display: none;
}
a:hover .pop3r {
	display: block;
	position: absolute;
	width:230px;
	bottom: 25px;
	left: -185px;
	color: #a00;
	background-color: #fff0f5;
	padding:5px;
	text-align:left;
	border:solid 0.8px;
}
.tip {
	display: none;
	position: absolute;
	top: -2.5em;
}
a:hover .tip {
	display: block;
	color: #000;
	background-color: #ffd;
	border:solid 1px;
	padding:5px;
	white-space:nowrap;
}
.ftip {
	display: none;
	position: absolute;
	top: 1.5em;
}
a:hover .ftip {
	display: block;
	color: #000;
	background-color: #f8f8ff;
	padding:5px;
	border:solid 1px;
	white-space:nowrap;
}
/* ------------------ フェイスブック */
.fb-like > span {
	vertical-align:baseline !important;
}
/* ------------------ 水平方向のスクロール */
.h_scroll {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none; /* IE対策 */
	scrollbar-width: none; /* Firefox対策 */
	display: -ms-flexbox;
	display: flex;
}
.h_scroll::-webkit-scrollbar { /* Google Chrome対策 */
	display: none;
}
/* ------------------ テーブル枠線 */
.solid {border:solid 1px;border-collapse:collapse}
.solid td {border:solid 1px}
/* ------------------ 幅 */
.w100 {width: 100%}
.w90 {width: 90%}
.w80 {width: 80%}
.w65 {width: 65%}
.w50 {width: 50%}
.w35 {width: 35%}
.w33 {width: 33%}
/* ------------------ 位置調整 */
.pb2 {position:relative; top:2px}
.pb3 {position:relative; top:3px}
.pb5 {position:relative; top:5px}
.pb7 {position:relative; top:7px}
.pb8 {position:relative; top:8px}
.pb10 {position:relative; top:10px}
.pl3 {position:relative; left:-3px}
.pl8 {position:relative; left:-8px}
.pt3 {position:relative; top:-3px}
.pt6 {position:relative; top:-6px}
/* ------------------ マージン */
.mg1 {margin:1px;}
.mg2 {margin:2px;}
.mgt3 {margin-top: 3px;}
.mgt5 {margin-top: 5px;}
.mgt8 {margin-top: 8px;}
.mgt10 {margin-top: 10px;}
.mgl5 {margin-left:5px;}
.mgl8 {margin-left:8px;}
.mgr5 {margin-right:5px;}
/* ------------------ パディング */
.pd2 {padding:2px}
.pd3 {padding:3px}
.pd5 {padding:5px}
.pd7 {padding:7px}
.pd9 {padding:9px}
.pdt3 {padding-top:3px}
.pdt5 {padding-top:5px}
.pdt7 {padding-top:7px}
.pdb5 {padding-bottom:5px}
.pdb10 {padding-bottom:10px}
.pdl5 {padding-left:5px}
.pdl7 {padding-left:7px}
.pdl10 {padding-left:10px}
.pdr5 {padding-right:5px}
.pdr7 {padding-right:7px}
.pd13{padding: 1px 3px}
.pd23 {padding:2px 3px}
.pd27 {padding:2px 7px}
.pd510 {padding:5px 10px}
.pd515 {padding:5px 15px}
/* ------------------ アライン */
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.vt {vertical-align:top}
.vm {vertical-align:middle}
.vb {vertical-align:bottom}
/* ------------------ 行間 */
.lh0 {line-height:0em}
.lh1 {line-height:2.0em}
.lh11 {line-height:1.1em}
.lh12 {line-height:1.2em}
.lh14 {line-height:1.4em}
.lh17 {line-height:1.7em}
/* ------------------ フォント・改行抑止 */
.bold {font-weight:bold}
.nobold {font-weight:normal}
.no {white-space:nowrap}
.normal {white-space:normal}
/* ------------------ フォントサイズ */
.f0 {font-size:1.0rem}
.f1 {font-size:1.1rem}
.f2 {font-size:1.2rem}
.f3 {font-size:1.3rem}
.f4 {font-size:1.4rem}
.f5 {font-size:1.5rem}
.f6 {font-size:1.6rem}
.f7 {font-size:1.7rem}
.f8 {font-size:1.8rem}
.f9 {font-size:1.9rem}
.f10 {font-size:2.0rem}
.f11 {font-size:2.1rem}
.f12 {font-size:2.2rem}
.f13 {font-size:2.3rem}
.f14 {font-size:2.4rem}
/* ------------------ フォント色 */
.fw{color:#fff}
.fw0{color:#666}
.fw1{color:#999}
.fw2{color:#888}
.fw3{color:#aaa}
.fw4{color:#bbb}
.fw5{color:#ccc}
.fw6{color:#ddd}
.fr{color:#ff0000}
.fr0{color:#600000}
.fr1{color:#be0000}
.fr2{color:#990000}
.fy{color:#ffff00}
.fy0{color:#706c3e}
.fy1{color:#b2ad2d}
.fy2{color:#998d11}
.fg{color:#009900}
.fg0{color:#004400}
.fg1{color:#007b50}
.fg2{color:#005a30}
.fb{color:#0000ff}
.fb0{color:#000066}
.fb1{color:#00319a}
.fb2{color:#001077}
.fp{color:#f000f0}
.fp0{color:#553573}
.fp1{color:#a757a8}
.fp2{color:#884088}
/* ------------------ 背景色 */
.bw{background-color:#fff}
.bw0{background-color:#000}
.bwx{background-color:#f7f7f7}
.bw1{background-color:#eee}
.bw2{background-color:#ddd}
.bw3{background-color:#ccc}
.bw4{background-color:#bbb}
.bw5{background-color:#aaa}
.bw6{background-color:#999}
.bw7{background-color:#888}
.bw8{background-color:#666}
.bw9{background-color:#444}

.br{background-color:#ffe7e7}
.br0{background-color:#600000}
.br1{background-color:#fac8c8}
.br2{background-color:#fab0b8}
.br3{background-color:#ff7f8f}
.br4{background-color:#e64b6b}
.br5{background-color:#be003f}
.br6{background-color:#9e2236}
.br7{background-color:#eb6940}
.br8{background-color:#ef4644}
.br9{background-color:#b64826}

.by{background-color:#ffffd7}
.by0{background-color:#444400}
.by1{background-color:#f9f9a0}
.by2{background-color:#f0f099}
.by3{background-color:#edd60e}
.by4{background-color:#b2ad2d}
.by5{background-color:#98952d}
.by6{background-color:#706c3e}
.by7{background-color:#f4bd6b}
.by8{background-color:#ffbb00}
.by9{background-color:#eb8400}

.bg{background-color:#e0ffe0}
.bg0{background-color:#004400}
.bg1{background-color:#b5f3d1}
.bg2{background-color:#58ce91}
.bg3{background-color:#00b66e}
.bg4{background-color:#007b50}
.bg5{background-color:#006d56}
.bg6{background-color:#005638}
.bg7{background-color:#6da895}
.bg8{background-color:#00a37e}
.bg9{background-color:#6b7e52}

.bb{background-color:#e9e9ff}
.bb0{background-color:#000066}
.bb1{background-color:#d0d7f9}
.bb2{background-color:#b0bfef}
.bb3{background-color:#89acd7}
.bb4{background-color:#007bc3}
.bb5{background-color:#00519a}
.bb6{background-color:#27477a}
.bb7{background-color:#53a8b7}
.bb8{background-color:#00859b}
.bb9{background-color:#00687c}

.bp{background-color:#ffddff}
.bp0{background-color:#422c41}
.bp1{background-color:#f0c9f0}
.bp2{background-color:#c4aad8}
.bp3{background-color:#a294c8}
.bp4{background-color:#a757a8}
.bp5{background-color:#7445aa}
.bp6{background-color:#553573}
.bp7{background-color:#d8a5d4}
.bp8{background-color:#c573b2}
.bp9{background-color:#c94093}

.brr{background-color:#ff0000}
.bbb{background-color:#0000ff}
.bgg{background-color:#008800}
.byy{background-color:#ffff00}

.bkin{background-color:#f4df39}
.bgin{background-color:#dddddd}
.bdou{background-color:#ffaf6f}
.byes{background-color:#ffffe0}
.bnon{background-color:#ffeeee}
.bsay{background-color:#ffffff}
.bsan{background-color:#ffffff}
.bjuh{background-color:#c5ffda}
.bjuf{background-color:#fff622}
.bjur{background-color:#d0eeff}
.bjuq{background-color:#f1ffff}

.bx1{background-color:#faa55c}
.bx2{background-color:#bbc000}
.bx3{background-color:#badbc7}
.bx4{background-color:#89bdde}
.bx5{background-color:#73b3c1}
.bx6{background-color:#eae0d5}
.bx7{background-color:#c5b69e}
.bx8{background-color:#caf99b}
.bx9{background-color:#c3d9ff}
.bxa{background-color:#f4dd9b}
.bxb{background-color:#fff3bb}
.bxc{background-color:#fffae6}
.bxd{background-color:#d0ffff}
.bxe{background-color:#d0fff0}
.bxf{background-color:#e6d2c9}
.bxg{background-color:#a5967e}
.bxh{background-color:#89a368}
.bxi{background-color:#89b0d5}
.bxj{background-color:#94b55a}
.bxk{background-color:#659512}
.bxl{background-color:#598115}
.bxm{background-color:#b9ddee}
.bxn{background-color:#acdce4}
.bxo{background-color:#3a4861}
.bxp{background-color:#fff3f3}
.bxq{background-color:#e0ffff}
.bxr{background-color:#e5f4ff}

.bz1{background-color:#863e33}
.bz2{background-color:#97a61e}
.bz3{background-color:#a2d29e}
.bz4{background-color:#435aa0}
.bz5{background-color:#6d969c}
.bz6{background-color:#765276}
.bz7{background-color:#716b4a}
.bz8{background-color:#fff3f3}
.bz9{background-color:#ffffe5}
.bza{background-color:#f3f3ff}
.bzb{background-color:#eeffee}
.bzc{background-color:#e6ffff}
.bzd{background-color:#cafad7}
.bze{background-color:#baefdc}
.bzf{background-color:#81917f}
.bzg{background-color:#9d9087}
.bzh{background-color:#bdbdb7}
.bzi{background-color:#989e58}
.bzj{background-color:#fe2929}
.bzk{background-color:#3c38fd}
.bzl{background-color:#fd9191}
.bzm{background-color:#9290ff}
.bzn{background-color:#eaffca}
.bzo{background-color:#f3e3ff}
/* ------------------ 自治体背景色 */
.bjapan{background-color:#fff400}
.bpref{background-color:#ffccaa}
.bpref0{background-color:#ffe5cc}
.bpref1{background-color:#fff0dd}
.bcity{background-color:#ffffdd}
.bcity0{background-color:#ffffef}
.bcity1{background-color:#fffff7}
.btown{background-color:#ccffdd}
.btown0{background-color:#eaffef}
.btown1{background-color:#f0fff7}
.bvill{background-color:#cce0ff}
.bvill0{background-color:#eaf0ff}
.bvill1{background-color:#f0f7ff}
.b23ku{background-color:#ffd9d9}
.b23ku0{background-color:#ffeaea}
.b23ku1{background-color:#fff7f7}
.bseku{background-color:#ffe8fa}
.bseku0{background-color:#ffecfc}
.bseku1{background-color:#fff9ff}
.bcont{background-color:#e0e0e0}
.bcont0{background-color:#ececec}
.bcont1{background-color:#f0f0f0}
.bsich{background-color:#eaf9bb}
.bsich0{background-color:#edffcf}
.bsich1{background-color:#f0ffdf}
.bkencho{background-color:#daf9c9}
.bseirei{background-color:#f4df77}
.bchukak{background-color:#a8eaf2}
.btokure{background-color:#efdffc}
/* ------------------ PDR背景色 & 文字色 */
.fpdrb{color:#6263b0}
.bpdrb{background-color:#6263b0}
.bpdrb0{background-color:#9c9bd4}
.bpdrb1{background-color:#dadaef}
.bpdrb2{background-color:#efeffa}
.bpdrb3{background-color:#f8f9ff}
.fpdrr{color:#c3544e}
.bpdrr{background-color:#c3544e}
.bpdrr0{background-color:#e2938c}
.bpdrr1{background-color:#f4d7d4}
.bpdrr2{background-color:#fcedec}
.bpdrr3{background-color:#fff7f6}
.fpdrg{color:#62b06d}
.bpdrg{background-color:#62b06d}
.bpdrg0{background-color:#9bd4a4}
.bpdrg1{background-color:#daefdd}
.bpdrg2{background-color:#effaf1}
.bpdrg3{background-color:#f8fffb}
.fpdrp{color:#9960ad}
.bpdrp{background-color:#9960ad}
.bpdrp0{background-color:#c398d0}
.bpdrp1{background-color:#e9d9ed}
.bpdrp2{background-color:#f7eff9}
.bpdrp3{background-color:#fdf7ff}
.fpdrc{color:#a88165}
.bpdrc{background-color:#a88165}
.bpdrc0{background-color:#ccb19b}
.bpdrc1{background-color:#ece2da}
.bpdrc2{background-color:#f8f4ef}
.bpdrc3{background-color:#fffbf8}
.fpdrt{color:#4b77c6}
.bpdrt{background-color:#4b77c6}
.bpdrt0{background-color:#8aa8e4}
.bpdrt1{background-color:#d3dff5}
.bpdrt2{background-color:#ebf2fc}
.bpdrt3{background-color:#f4faff}
.fpdrm{color:#b859b5}
.bpdrm{background-color:#b859b5}
.bpdrm0{background-color:#da94d6}
.bpdrm1{background-color:#f1d7f0}
.bpdrm2{background-color:#fbedfa}
.bpdrm3{background-color:#fff6ff}
.fpdrw{color:#fdfdfd}
.bpdrw{background-color:#fdfdfd}
.bpdrw0{background-color:#dadada}
.bpdrw1{background-color:#f1f1f1}
.bpdrw2{background-color:#fbfbfb}
.bpdrw3{background-color:#ffffff}
.fpdry{color:#afc74a}
.bpdry{background-color:#afc74a}
.bpdry0{background-color:#d1e58a}
.bpdry1{background-color:#eef5d3}
.bpdry2{background-color:#f9fceb}
.bpdry3{background-color:#fffff3}
.fpdrh{color:#6a95a8}
.bpdrh{background-color:#6a95a8}
.bpdrh0{background-color:#a1bfce}
.bpdrh1{background-color:#dce7ed}
.bpdrh2{background-color:#f0f6f9}
.bpdrh3{background-color:#f9fdff}
.fpdrf{color:#d98e38}
.bpdrf{background-color:#d98e38}
.bpdrf0{background-color:#f2be7c}
.bpdrf1{background-color:#fae7ce}
.bpdrf2{background-color:#fef6e8}
.bpdrf3{background-color:#fffef3}
.fpdrs{color:#bf5279}
.bpdrs{background-color:#bf5279}
.bpdrs0{background-color:#df8faa}
.bpdrs1{background-color:#f3d5df}
.bpdrs2{background-color:#fbecf2}
.bpdrs3{background-color:#fff6f9}
.fpdrk{color:#5eafb3}
.bpdrk{background-color:#5eafb3}
.bpdrk0{background-color:#98d2d6}
.bpdrk1{background-color:#d9eef0}
.bpdrk2{background-color:#eff9fa}
.bpdrk3{background-color:#f8ffff}
.fpdru{color:#ccca30}
.bpdru{background-color:#ccca30}
.bpdru0{background-color:#e8eb75}
.bpdru1{background-color:#f6f8cc}
.bpdru2{background-color:#fcfde6}
.bpdru3{background-color:#ffffed}
.fpdra{color:#a26f86}
.bpdra{background-color:#a26f86}
.bpdra0{background-color:#caa4b4}
.bpdra1{background-color:#ebdde3}
.bpdra2{background-color:#f8f1f4}
.bpdra3{background-color:#fffbfe}
.fpdrn{color:#7dba5e}
.bpdrn{background-color:#7dba5e}
.bpdrn0{background-color:#bbd8ad}
.bpdrn1{background-color:#e2f0db}
.bpdrn2{background-color:#f4faf0}
.bpdrn3{background-color:#fbfff9}
/* ------------------ 経県値背景色 */
.bkkn5{background-color:#e87afd}
.bkkn4{background-color:#f56d64}
.bkkn3{background-color:#faff79}
.bkkn2{background-color:#bbf59d}
.bkkn1{background-color:#b7ddfd}
/* ------------------ ウクライナ国旗色 */
.bukr1{background-color:#0072c8}
.bukr2{background-color:#ffdc00}
/* ------------------ 都道府県データランキング都道府県版用 */
.bpdr{background-color:#fff622}
/* ------------------ PCで消去（無条件） */
.nopc {
	display:none;
}
/* ------------------ タブレット幅 */
@media only screen and (max-width:940px) { /* smartPhone */
	#container, .pbox {
		width:99%;
	}
	img {
		max-width:100%; 
	}
	/* -------------- モバイルでは消去 */
	.nosp {
		display:none;
	}
	.nopc {
		display:block;
	}
}
/* ------------------ モバイル広幅1 */
@media only screen and (max-width:720px) { /* smartPhone */
	#container, .box3, .pbox, .w80, .table_box .w_90, .table_box .w_80, .table_box .w_70, .table_box .w_pdr1, .table_box .w_cty1, .table_box .w_nam1, .table_box .w_47_1 {
		width:100%;
	}
	.table_block {
		width:100%;
	}
	.pbox .left, .pbox .right {
		width:100%;
	}
	.table_block th {
		padding: 3px 2px 2px 4px;
	}
	.table_block td {
		padding: 2px 2px 2px 4px;
	}
	html {
		font-size:60.0%;
	}
}
/* ------------------ モバイル広幅2 */
@media only screen and (max-width:650px) { /* smartPhone */
	.table_box .w_rnk4, .table_box .w_pdr3, .table_box .w_zat2, .table_box .w_kkn2, .table_box .w_kkn4 {
		width:100%;
	}
	html {
		font-size:57.5%;
	}
}
/* ------------------ モバイル狭幅1 */
@media only screen and (max-width:580px) { /* smartPhone */
	.box2, .table_box .w_60, .table_box .w_50, .table_box .w_49, .table_box .w_rnk2, .table_box .w_pdr5 {
		width:100%;
	}
	html {
		font-size:55.0%;
	}
}
/* ------------------ PCでは消去 */
@media only screen and (min-width: 581px) { /* PC */
	.m_link {
		display: none;
	}
}
/* ------------------ モバイル狭幅2 */
@media only screen and (max-width:480px) { /* smartPhone */
	.w50, .table_box .w_pdr6, .table_box .w_zat1, .table_box .w_spc1, .table_box .w_str {
		width:100%;
	}
	.w33, .table_box .w_33, .table_box .w_32, .table_box .w_rnk3, .table_box .w_pdr4 {
		width:50%;
	}
	html {
		font-size:50.0%;
	}
}
/* ------------------ モバイル超狭幅 */
@media only screen and (max-width:400px) { /* smartPhone */
	.table_box .w_33, .table_box .w_32, .table_box .w_rnk3, .table_box .w_pdr4 {
		width:100%;
	}
	html {
		font-size:45.0%;
	}
}
/* ------------------ switchBtn */
.switchBtn {
	margin-top:10px;
	padding:10px 0;
	width:100%;
	text-align:center;
	background:#fff;
	clear:both;
}
.switchBtn a {
	margin:0 10px;
	padding:5px 20px;
	text-align:center;
	display:inline-block;
	overflow:hidden;
	background:#fff;
	border:#333 solid 1px;
}
.switchBtn a.btnAcv {
	background:#ffffd7;
}
@media only screen and (min-width:661px) { /* PC */
	.switchBtn a {
		margin:10px 10px;
		padding:15px 50px;
		font-size:2.8rem;
	}
}
/* ------------------ */
/* 落書き帳引用カラー */
.fb_r{color: #113311;background-color: #EEFFEE}
/* 落書き帳アーカイブズカラー */
.fb_arc{color: #000033;background-color: #ddddff;padding:0 4px}
/* hmtマガジンカラー */
.fb_hmt{color: #ffffff;background-color: #558855;padding:0 4px}
/* 白桃市町村人口研究所カラー */
.fb_hakuto{color: #000000;background-color: #F99AAE;padding:0 4px}
/* 特急マガジンカラー */
.fb_lex{color: #ffffff;background-color: #00CED1;padding:0 4px}
/* 未開マガジンカラー */
.fb_mkj{color: #ffffff;background-color: #DC143C;padding:0 4px}
/* 公開マガジンカラー */
.fb_nkj{color: #ffffff;background-color: #555588;padding:0 4px}