@charset "UTF-8";

* {
  -webkit-appearance: none;
}

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section {
  display:block;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

/*---------------------------共通----------------------------*/
html {
  font-family: "メイリオ", Meiryo, 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN','YuGothic','游ゴシック',Helvetica,Arial,sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html,body {
	color:#222222;
	font-size: 100%;
	height:100%;
}
h1 {
	margin-bottom: 30px;
	padding: 20px 0;
	border-top: solid 2px #212121;
	border-bottom: solid 1px #212121;
	color: #212121;
	font-family: Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
}
h2 {
	margin-bottom: 30px;
	padding: 20px 0;
	font-family: Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	font-weight: bold;
}
h3 {
	padding: 0.75em 0;
	font-family: Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

#sub_sp {
	margin-top:20px;
	height:100%;
}

input[type="text"], input[type="input"], select{
	width: 70px;
	padding: 6px 0;
	border-style: solid;
	border-radius: 2px;
	border-color: #93a4aa;
	border-width: thin;
}

nav#breadcrumbs {
	width:50%;
	font-size:80%;
}
nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
}
#inner_sp {
	max-width: 1170px;
	margin:0 auto;
	background-color:#ffffff;
}
.header-btn {
	font-size:80%;
	padding: 3px 8px;
	background-color: #456BAF;
	border-radius: 3px;
	margin: 5px 5px 0 0;
	text-align: center;
}
#graph_search_form {
	width:100%;
	text-align: center;
	padding: 0 0 50px 0;
}
#graph_search_form input[type="input"]{
	width: 55%;
}
#graph_search_form input[type="button"] {
	padding: 7px 50px;
	margin: -6px;
	font-weight: bold;
	color:#ffffff;
	background-color: #002063;
	border:none;
}

.small_glaph_list {
	clear:both;
	border-top:solid 1px gray;
	text-align:center;
	padding:5px 0 20px 0;
}
.small_glaph_list #search_count {
	width:70%;
	margin:0 auto;
	text-align:left;
	padding: 10px 0 20px 0;
}
.small_glaph_list .small_glaph {
	width:30%;
	min-width:350px;
	margin:10px;
	height:250px;
	border: solid 15px #ECEFF1;
	display:inline-block;
	display:none;
}
.small_glaph_list .small_glaph .small_glaph_title span {
	font-size:80%;
}
.small_glaph_list .mobile_small_glaph {
	margin:15px auto;
	width:95%;
	border: solid 1px #ECEFF1;
	padding:0px;
	color:#fff;
	border-radius:5px;
}
.bg_gra_lightblue{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #a6d9db), color-stop(1.00, #22A2A5));
	background: -webkit-linear-gradient(#a6d9db, #22A2A5);
	background: -moz-linear-gradient(#a6d9db, #22A2A5);
	background: -o-linear-gradient(#a6d9db, #22A2A5);
	background: -ms-linear-gradient(#a6d9db, #22A2A5);
	background: linear-gradient(#a6d9db, #22A2A5);
}
.bg_gra_blue{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #a7a6db), color-stop(1.00, #2422A5));
	background: -webkit-linear-gradient(#a7a6db, #2422A5);
	background: -moz-linear-gradient(#a7a6db, #2422A5);
	background: -o-linear-gradient(#a7a6db, #2422A5);
	background: -ms-linear-gradient(#a7a6db, #2422A5);
	background: linear-gradient(#a7a6db, #2422A5);
}
.bg_gra_brown{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dbc6a6), color-stop(1.00, #A57222));
	background: -webkit-linear-gradient(#dbc6a6, #A57222);
	background: -moz-linear-gradient(#dbc6a6, #A57222);
	background: -o-linear-gradient(#dbc6a6, #A57222);
	background: -ms-linear-gradient(#dbc6a6, #A57222);
	background: linear-gradient(#dbc6a6, #A57222);
}
.bg_gra_deepblue{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #a6badb), color-stop(1.00, #2254A5));
	background: -webkit-linear-gradient(#a6badb, #2254A5);
	background: -moz-linear-gradient(#a6badb, #2254A5);
	background: -o-linear-gradient(#a6badb, #2254A5);
	background: -ms-linear-gradient(#a6badb, #2254A5);
	background: linear-gradient(#a6badb, #2254A5);
}
.bg_gra_green{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cfdba6), color-stop(1.00, #88A522));
	background: -webkit-linear-gradient(#cfdba6, #88A522);
	background: -moz-linear-gradient(#cfdba6, #88A522);
	background: -o-linear-gradient(#cfdba6, #88A522);
	background: -ms-linear-gradient(#cfdba6, #88A522);
	background: linear-gradient(#cfdba6, #88A522);
}
.bg_gra_purple{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #bca6db), color-stop(1.00, #5822A5));
	background: -webkit-linear-gradient(#bca6db, #5822A5);
	background: -moz-linear-gradient(#bca6db, #5822A5);
	background: -o-linear-gradient(#bca6db, #5822A5);
	background: -ms-linear-gradient(#bca6db, #5822A5);
	background: linear-gradient(#bca6db, #5822A5);
}
.bg_gra_lightgreen{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #a6dbd1), color-stop(1.00, #22A58D));
	background: -webkit-linear-gradient(#a6dbd1, #22A58D);
	background: -moz-linear-gradient(#a6dbd1, #22A58D);
	background: -o-linear-gradient(#a6dbd1, #22A58D);
	background: -ms-linear-gradient(#a6dbd1, #22A58D);
	background: linear-gradient(#a6dbd1, #22A58D);
}
.bg_gra_red{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dba6b0), color-stop(1.00, #A5223A));
	background: -webkit-linear-gradient(#dba6b0, #A5223A);
	background: -moz-linear-gradient(#dba6b0, #A5223A);
	background: -o-linear-gradient(#dba6b0, #A5223A);
	background: -ms-linear-gradient(#dba6b0, #A5223A);
	background: linear-gradient(#dba6b0, #A5223A);
}
.bg_gra_orange{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dab2a6), color-stop(1.00, #A43F21));
	background: -webkit-linear-gradient(#dab2a6, #A43F21);
	background: -moz-linear-gradient(#dab2a6, #A43F21);
	background: -o-linear-gradient(#dab2a6, #A43F21);
	background: -ms-linear-gradient(#dab2a6, #A43F21);
	background: linear-gradient(#dab2a6, #A43F21);
}
.bg_gra_gray{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dfdfdf), color-stop(1.00, #b1b1b1));
	background: -webkit-linear-gradient(#dfdfdf, #b1b1b1);
	background: -moz-linear-gradient(#dfdfdf, #b1b1b1);
	background: -o-linear-gradient(#dfdfdf, #b1b1b1);
	background: -ms-linear-gradient(#dfdfdf, #b1b1b1);
	background: linear-gradient(#dfdfdf, #b1b1b1);
}
/* 01 国土・気象 */
.bg_gra_land{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #C4FFFF), color-stop(1.00, #BAD7D7));
	background: -webkit-linear-gradient(#C4FFFF, #BAD7D7);
	background: -moz-linear-gradient(#C4FFFF, #BAD7D7);
	background: -o-linear-gradient(#C4FFFF, #BAD7D7);
	background: -ms-linear-gradient(#C4FFFF, #BAD7D7);
	background: linear-gradient(#C4FFFF, #BAD7D7);
}
/* 02 人口世帯 */
.bg_gra_human{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d6eade), color-stop(1.00, #b4d9c2));
	background: -webkit-linear-gradient(#d6eade, #b4d9c2);
	background: -moz-linear-gradient(#d6eade, #b4d9c2);
	background: -o-linear-gradient(#d6eade, #b4d9c2);
	background: -ms-linear-gradient(#d6eade, #b4d9c2);
	background: linear-gradient(#d6eade, #b4d9c2);
}
/* 03 労働賃金 */
.bg_gra_salary{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e1f4ff), color-stop(1.00, #a7ddff));
	background: -webkit-linear-gradient(#e1f4ff, #a7ddff);
	background: -moz-linear-gradient(#e1f4ff, #a7ddff);
	background: -o-linear-gradient(#e1f4ff, #a7ddff);
	background: -ms-linear-gradient(#e1f4ff, #a7ddff);
	background: linear-gradient(#e1f4ff, #a7ddff);
}
/* 04 農業 */
.bg_gra_agriculture{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ebe7fb), color-stop(1.00, #c6bbf4));
	background: -webkit-linear-gradient(#ebe7fb, #c6bbf4);
	background: -moz-linear-gradient(#ebe7fb, #c6bbf4);
	background: -o-linear-gradient(#ebe7fb, #c6bbf4);
	background: -ms-linear-gradient(#ebe7fb, #c6bbf4);
	background: linear-gradient(#ebe7fb, #c6bbf4);
}
/* 05 鉱工業 */
.bg_gra_tsuruhashi{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fae8e8), color-stop(1.00, #f2bebd));
	background: -webkit-linear-gradient(#fae8e8, #f2bebd);
	background: -moz-linear-gradient(#fae8e8, #f2bebd);
	background: -o-linear-gradient(#fae8e8, #f2bebd);
	background: -ms-linear-gradient(#fae8e8, #f2bebd);
	background: linear-gradient(#fae8e8, #f2bebd);
}
/* 06 商業・サービス業 */
.bg_gra_commercial{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f6eee6), color-stop(1.00, #e9d5c0));
	background: -webkit-linear-gradient(#f6eee6, #e9d5c0);
	background: -moz-linear-gradient(#f6eee6, #e9d5c0);
	background: -o-linear-gradient(#f6eee6, #e9d5c0);
	background: -ms-linear-gradient(#f6eee6, #e9d5c0);
	background: linear-gradient(#f6eee6, #e9d5c0);
}
/* 07 企業・家計・経済 */
.bg_gra_money{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f4e3f2), color-stop(1.00, #e5bfe2));
	background: -webkit-linear-gradient(#f4e3f2, #e5bfe2);
	background: -moz-linear-gradient(#f4e3f2, #e5bfe2);
	background: -o-linear-gradient(#f4e3f2, #e5bfe2);
	background: -ms-linear-gradient(#f4e3f2, #e5bfe2);
	background: linear-gradient(#f4e3f2, #e5bfe2);
}
/* 08 住宅・土地・建設 */
.bg_gra_home{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #E5DEFB), color-stop(1.00, #cab5ff));
	background: -webkit-linear-gradient(#E5DEFB, #cab5ff);
	background: -moz-linear-gradient(#E5DEFB, #cab5ff);
	background: -o-linear-gradient(#E5DEFB, #cab5ff);
	background: -ms-linear-gradient(#E5DEFB, #cab5ff);
	background: linear-gradient(#E5DEFB, #cab5ff);
}
/* 09 エネルギー・水 */
.bg_gra_energy{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FCE0D2), color-stop(1.00, #F2B8A0));
	background: -webkit-linear-gradient(#FCE0D2, #F2B8A0);
	background: -moz-linear-gradient(#FCE0D2, #F2B8A0);
	background: -o-linear-gradient(#FCE0D2, #F2B8A0);
	background: -ms-linear-gradient(#FCE0D2, #F2B8A0);
	background: linear-gradient(#FCE0D2, #F2B8A0);
}
/* 10 運輸・観光 */
.bg_gra_sightseeing{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f8e1c7), color-stop(1.00, #f3c999));
	background: -webkit-linear-gradient(#f8e1c7, #f3c999);
	background: -moz-linear-gradient(#f8e1c7, #f3c999);
	background: -o-linear-gradient(#f8e1c7, #f3c999);
	background: -ms-linear-gradient(#f8e1c7, #f3c999);
	background: linear-gradient(#f8e1c7, #f3c999);
}
/* 11 情報通信・科学技術 */
.bg_gra_technology{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f6eee6), color-stop(1.00, #e9d5c0));
	background: -webkit-linear-gradient(#f6eee6, #e9d5c0);
	background: -moz-linear-gradient(#f6eee6, #e9d5c0);
	background: -o-linear-gradient(#f6eee6, #e9d5c0);
	background: -ms-linear-gradient(#f6eee6, #e9d5c0);
	background: linear-gradient(#f6eee6, #e9d5c0);
}
/* 12 教育・文化・スポーツ・生活 */
.bg_gra_school{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ACE99D), color-stop(1.00, #A2C175));
	background: -webkit-linear-gradient(#ACE99D, #A2C175);
	background: -moz-linear-gradient(#ACE99D, #A2C175);
	background: -o-linear-gradient(#ACE99D, #A2C175);
	background: -ms-linear-gradient(#ACE99D, #A2C175);
	background: linear-gradient(#ACE99D, #A2C175);
}
/* 13 行財政 */
.bg_gra_financial{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #D9C8F8), color-stop(1.00, #CFA0D0));
	background: -webkit-linear-gradient(#D9C8F8, #CFA0D0);
	background: -moz-linear-gradient(#D9C8F8, #CFA0D0);
	background: -o-linear-gradient(#D9C8F8, #CFA0D0);
	background: -ms-linear-gradient(#D9C8F8, #CFA0D0);
	background: linear-gradient(#D9C8F8, #CFA0D0);
}
/* 14 司法・安全・環境 */
.bg_gra_justice{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #B4D0F0), color-stop(1.00, #AAA8C8));
	background: -webkit-linear-gradient(#B4D0F0, #AAA8C8);
	background: -moz-linear-gradient(#B4D0F0, #AAA8C8);
	background: -o-linear-gradient(#B4D0F0, #AAA8C8);
	background: -ms-linear-gradient(#B4D0F0, #AAA8C8);
	background: linear-gradient(#B4D0F0, #AAA8C8);
}
/* 15 社会保障・衛生 */
.bg_gra_health{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e8effa), color-stop(1.00, #bdd2f2));
	background: -webkit-linear-gradient(#e8effa, #bdd2f2);
	background: -moz-linear-gradient(#e8effa, #bdd2f2);
	background: -o-linear-gradient(#e8effa, #bdd2f2);
	background: -ms-linear-gradient(#e8effa, #bdd2f2);
	background: linear-gradient(#e8effa, #bdd2f2);
}
/* 16 国際 */
.bg_gra_world{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d4edf1), color-stop(1.00, #addde5));
	background: -webkit-linear-gradient(#d4edf1, #addde5);
	background: -moz-linear-gradient(#d4edf1, #addde5);
	background: -o-linear-gradient(#d4edf1, #addde5);
	background: -ms-linear-gradient(#d4edf1, #addde5);
	background: linear-gradient(#d4edf1, #addde5);
}
/* 99 その他 */
.bg_gra_other{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ececec), color-stop(1.00, #d3d3d3));
	background: -webkit-linear-gradient(#ececec, #d3d3d3);
	background: -moz-linear-gradient(#ececec, #d3d3d3);
	background: -o-linear-gradient(#ececec, #d3d3d3);
	background: -ms-linear-gradient(#ececec, #d3d3d3);
	background: linear-gradient(#ececec, #d3d3d3);
}

.small_glaph_list .mobile_small_glaph table {
	width:95%;
/*	color: #ffffff;*/
	text-decoration: none;
/*	text-shadow: gray 1px 1px 0px, gray -1px 1px 0px,
             gray 1px -1px 0px, gray -1px -1px 0px;*/
}
.small_glaph_list .mobile_small_glaph a {
	text-decoration: none;
}
.small_glaph_list .mobile_small_glaph .mobile_arrow {
    display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 8px 0 0 0;
}
.small_blue_button {
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',Meiryo,'YuGothic','游ゴシック',Helvetica,Arial,sans-serif !important;
	border:none;
	text-decoration:none;
	padding:7px 5px;
	border-radius: 3px;
	font-weight: bold;
	color: #ffffff;
	background-color: #456BAF;
}

.small_blue_button:hover {
	background-color: #7490C3;
}

.text_only_contents p {
	margin: 20px 0;
}

.emergency_text {
	background: #FFF8F8;
	border:solid 1px #C00000;
	color:#C00000;
	margin: -25px 0 20px 0;
	padding: 20px;
}
.emergency_text p {
	font-weight:bold;
	padding-bottom:5px;
}

/*--------------------------ヘッダー-------------------------*/
header {
	height: 40px;
	/*position: fixed;*/
	top: 0;
	left: 0;
	width: 100%;
	min-width: 340px;
	z-index: 10000;
	background: #ffffff;
	background-color:#F0F0FF;
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
	padding:0;
}
header a {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
}
header #header-right_sp {
	float:right;
	margin:5px 1px;
	width:225px;
}
header #header-right_sp a {
	font-size:80%;
	padding: 3px 8px;
	background-color: #456BAF;
	border-radius: 3px;
}
header #header-right_sp .menu_close_icon {
	display:none;
}
header #header-left_sp {
	float:left;
	margin:5px;
}
header #header-left_sp img {
	width:100px;
}

#mobile_search {
	float: left;
	margin: 0 1px;
}
#mobile_locale_switch{
	color: #ffffff;
	background-color: #456BAF;
	position: absolute;
}
.menu_open_icon{
	float:left;
}
.menu_close_icon{
	float:left;
}
/*--------------------------フッター-------------------------*/
footer {
	background-color:#333333;
	color:#ffffff;
	width: 100%;
}
.footer_menu {
	color:#ffffff;
}
.footer_menu a {
	text-decoration: none;
	color:#ffffff;
}
#footer_stat_info {
	size:50%;
	color:#ffffff;
}
/*-------------------------サイドバー-------------------------*/
nav.menubar {
	width:100%;
	margin:auto;
	position: absolute;
	top: 40px;
	display:none;
}

nav.menubar ul {
	font-family: Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
nav.menubar ul li {
	white-space:nowrap;
}
nav.menubar ul li a {
	display: block;
	margin: 0;
	font-size:80%;
	padding: 10px 0;
	color: #fff;
	background-color:#002063;
	border-bottom:solid 1px #ccc;
	font-weight: bold;
	line-height: 1;
	position: relative;
    z-index: 1000;
}
nav.menubar ul li ul {
	display:none;
	list-style: none;
	width: 100%;
}
nav.menubar ul li ul li ul {
	display:none;
}
nav.menubar ul li ul li a {
	color: #fff;
	background-color:#40588A;
	border-bottom:solid 1px #ccc;
	font-weight: normal;
}
nav.menubar ul li ul li ul li a {
	color: #333;
	background-color:#C3CCDA;
	border-bottom:solid 1px #555;
}
nav.menubar ul > li:hover > a {
	background-color: #40588A;
}
nav.menubar ul > li:hover li:hover > a {
	background-color: #7082A8;
}
nav.menubar li.target a {
	background-color: #40588A;
}
nav.menubar img {
    width: 18px;
    margin: -5px 20px -5px 20px;
}

/*--------------------------トップページ---------------------------*/
#top_contents_sp {
	justify-content: space-around;
	margin-bottom: 20px;
	padding: 20px 0;
}
.inner_center {
	background-color: #fff;
	width:100%;
	float:left;
	padding: 10px 10px 20px 20px;
	border:solid 1px #bbbfb9;
}
.inner_centerSP {
	background-color: #fff;
	width:100%;
	float:left;
	padding: 10px 10px 20px 20px;
	border:solid 1px #bbbfb9;
}
.inner_centerSP img {
	width: 100%;
	height: 50vw;
	object-fit: scale-down;
}
.population_info {
	background-color:#5BC0DE;
	color:#fff;
	margin: 0 auto;
	font-size: 12px;
	font-weight: bolder !important;
	border-radius:5px;
	text-align:center;
	padding: 20px 0 0 0;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-repeat: no-repeat;
}
.population_info a {
	text-decoration:none;
}
.population_contents {
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner_value_unit{
	text-align: center;
}
.banner_region_time{
	text-align: right;
}
.population_value {
	width: 70%;
	/*width: 50%;*/
	text-align: left;
	padding-left: 50px;
	/*padding-left: 20px;*/
	font-size: 90%;
}
.population_value .population_banner_value {
	font-size: 250%;
}
.population_arrow,
.population_icon {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.population_footer {
	margin: 10px 0 0px;
	padding: 5px 20px;
	/* height: 25px; */
	font-size: 80%;
	border-radius: 0 0 5px 5px;
	font-weight:normal;
	width: 100%;
	display: inline-table;
}
.banner_title{
	float:left;
}
.updated_time{
	float:right;
}
.population_icon {
	right:75%;
}
.population_arrow {
	left:75%;
}
.population_icon img,
.population_arrow img {
	width:70%;
	max-width:170px;
}
.population_icon img {
	float:right;
}
#inner_right {
	width: 95%;
	float: left;
	margin-left:2%;
}
#top_graph_search_form {
	border:solid 1px #bbbfb9;
	text-align:center;
}
#top_graph_search_form #top_searchword_sp {
	width:70%;
}
#top_graph_search_form,
#info_button {
	padding:30px 0;
}


#top_graph_search_form {
	display:none;
	border:solid 1px #bbbfb9;
	text-align:center;
}
#top_graph_search_form,
#info_button {
	padding:30px 0;
}
#inner_right p {
	padding-bottom:10px;
}

#inner_right a {
	font-family: Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 25px;
	border: solid 1px #CFD8DC;
	background-color: #F5F6F8;
	color:#333;
	font-weight:bold;
	line-height: 1;
	text-align: left;
	text-decoration:none;
}
#inner_right a:hover {
	border: solid 1px #DBE2E5;
	background-color: #FAFAFC;
}
.open_window_select_cycle {
	float:right;
	margin: 0 0 5px 0;
	font-weight:normal;
}

.mobile_small_glaph_contents {
	display: flex;
	justify-content: center;
	align-items: center;
}
.mobile_icon, .mobile_data, .mobile_arrow {
	display:inline-block;
}
.mobile_icon {
	text-align: left;
	padding-left: 5px;
}
.mobile_data {
	font-weight:bold;
	text-align: left;
	padding: 5px 10px;
	width:90%;
	/*padding: 5px 15px;*/
	/*width:60%;*/
}
.mobile_value_unit{
	text-align: center;
}
.mobile_region_time{
	text-align: right;
}
.mobile_arrow {
	text-align: right;
}
.mobile_data .simpleGraph_value {
	font-size:150%;
}
.mobile_updated {
	text-align: right;
	padding-right: 10px;
	background-color: rgba(153,153,153,0.2);
}
.mobile_updated_date{
	top: 1px;
    position: relative;
}

/*周期、国、都道府県などを別ウインドウで選択する*/
#select_cycle,
#select_window_country,
#select_window_prefectures,
#select_window_region  {
	z-index: 20000;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.45);
}

#select_window_country #select_country_form,
#select_window_prefectures #select_prefectures_form,
#select_window_region #select_region_form {
	margin:auto;
	width:300px;
	height: 300px;
	padding: 20px 20px 20px 40px;
	background-color:white;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#select_cycle_form {
	margin:auto;
	width:500px;
	height: 260px;
	padding: 20px 20px 20px 50px;
	background-color:white;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.select_cycle_button {
	float:left;
	width:30%;
}
.select_cycle_button input[type="radio"] {
	display:none;
}
.select_cycle_button label {
	display: block;
	width:90%;
	line-height: 38px;
	text-align:center;
	border:solid 1px #333;
	background-color: #F3F3F3;
	margin-bottom:-20px;
}
.select_cycle_button input[type="radio"]:checked + label {
	background-color: #456BAF;
	color: #ffffff;
}
.select_cycle_section {
	width:70%;
	padding-left:30%;
}
#select_window_country #select_country_form select,
#select_window_prefectures #select_prefectures_form select,
#select_window_region #select_region_form select {
	width:90%;
	height:90%;
	border: solid 1px #9f9f9f;
	height: 170px;
}
.select_cycle_section select {
	width:90%;
	height:90%;
	border: solid 1px #9f9f9f;
	height: 170px;
}
#select_window_country #select_country_form option,
#select_window_prefectures #select_prefectures_form option,
#select_window_region #select_region_form option,
.select_cycle_section option {
	padding:10px 0;
}

.new_text_font {
	font-size: 2em;
	color:yellow;
	position:absolute;
	top: -20px;
	left:10px;
}
@-moz-document url-prefix() {
	.slick-dots {
		bottom: auto !important;
	}
}

#sp_graph_change {
	display: flex;
	justify-content: space-between;
	width: 100%;
	float: left;
	margin-bottom: 4px;
	margin-right: 2px;
}

#time_series_banner_jp {
	border: 1px solid #456BAF;
	border-radius: 3px;
	height: 34px;
}

#time_series_banner_en {
	border: 1px solid #456BAF;
	border-radius: 3px;
	height: 32px;
}

#sp_change_graph_button {
	clear:both;
	float:right;
	margin-bottom: 10px;
	margin-right:10px;
	width:170px;
}
.mobile_value_unit {
	text-align:center;
	white-space: nowrap;
}

div.population_banner_unit,
div.simpleGraph_unit {
	text-align: right;
}