@charset "utf-8";

/* ==================================================
contents
================================================== */
#tmp_gallery {
    width: 100%;
	min-width: 1240px;
	min-height: 720px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
    z-index: 0;
}
.no_javascript #tmp_gallery {
	background: transparent url(/shared/templates/top/images/top_gallery_1.jpg) no-repeat left top;
	color: inherit;
	background-size: cover;	
}
.mlang_en #tmp_gallery ,
.mlang_zh-cn #tmp_gallery,
.mlang_zh-tw #tmp_gallery,
.mlang_ko #tmp_gallery {
	background: transparent url(/shared/templates/top/images/top_gallery_1.jpg) no-repeat left top;
	color: inherit;
	background-size: cover;	
}
#tmp_gallery .box_gallery {
    width: 100%;
	min-width: 1240px;
	min-height: 720px;
	position: absolute;
	top: 0;
	left: 0;
}
#tmp_gallery .box_gallery .visual {
    width: 100%;
	min-width: 1240px;
	min-height: 720px;
	position: absolute;
	top: 0;
	left: 0;
}
#tmp_gallery .box_gallery .visual .wrap_txt {
	width: 1240px;
	min-height: 720px;
	margin:0 auto;
	position:relative;
}
#tmp_gallery .box_gallery .visual .txt {
	background: #000000  url(/shared/images/icon/icons_arrow_white.png) no-repeat left center;
	background: rgba(0,0,0,0.7) url(/shared/images/icon/icons_arrow_white.png) no-repeat 15px center;
	background-size: 8px;
	color: #FFFFFF;
	padding: 13px 18px 9px 29px;
	box-shadow: 0 0 3px #ffffff;
	position:absolute;
	left:0;
	bottom:0;
	position: absolute;
    left: 58px;
    bottom: 216px;
}
#tmp_gallery .box_gallery .visual .txt a {
	color: #FFFFFF;
	text-decoration:none;
}
#tmp_gallery .box_gallery .visual .txt a:hover {
	text-decoration:underline;
}
#tmp_gallery .gallery_ctrl {
    width: 1240px;
    margin: 0 auto 0;
    position: relative;
}
#tmp_gallery .gallery_ctrl .gallery_navi {
	display:none;
}
#tmp_gallery .gallery_ctrl .gallery_cntrol {
    position: absolute;
    right: 268px;
    top: -243px;
    z-index: 100;
}
#tmp_gallery .gallery_ctrl .list_t_order {
	position: absolute;
    right: 57px;
    top: -241px;
    z-index: 100;
    list-style: none;
}
#tmp_gallery .gallery_ctrl .list_t_order li {
	float:left;
    margin: 0 10px 0 0;
}


#tmp_catch {
	margin-bottom: 190px;
	margin-top: 228px;
	position: relative;
}
.mlang_en #tmp_catch {
    margin-bottom: 140px;
    margin-top: 175px;
}
#tmp_catch p {
	background: transparent url(/shared/templates/top/images/catch_txt.png) no-repeat center top;
	height: 45px;
	margin: auto;
	text-align: center;
}
.mlang_en #tmp_catch p {
	background-image:url(/shared/images/translate/catch_txt_en.png);
	height: 148px;
}
.mlang_zh-cn #tmp_catch p {
	background-image:url(/shared/images/translate/catch_txt_ch.png);
}
.mlang_zh-tw #tmp_catch p {
	background-image:url(/shared/images/translate/catch_txt_tw.png);
}
.mlang_ko #tmp_catch p {
	background-image:url(/shared/images/translate/catch_txt_ko.png);
}
#tmp_city_promotion {
	width: 100%;
    min-width: 1240px;
    margin: auto;
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 1;
}
#tmp_city_promotion p {
	display: block;
	position: absolute;
    top: 0;
    right: -34px;
	width: 315px;
	padding-top: 135px;
	background: transparent url(/shared/templates/top/images/top_kirakira.png) no-repeat right top;
	color: inherit;
}
.mlang_en #tmp_city_promotion p {
	background:url(/shared/images/translate/top_kirakira_en.png);
}
.mlang_zh-cn #tmp_city_promotion p {
	background:url(/shared/images/translate/top_kirakira_ch.png);
}
.mlang_zh-tw #tmp_city_promotion p {
	background:url(/shared/images/translate/top_kirakira_tw.png);
}
.mlang_ko #tmp_city_promotion p {
	background:url(/shared/images/translate/top_kirakira_ko.png);
}
#tmp_city_promotion p:hover,
#tmp_city_promotion p:focus {
	background-image: url(/shared/templates/top/images/top_kirakira_on.png);
}
.mlang_en #tmp_city_promotion p:hover,
.mlang_en #tmp_city_promotion p:focus {
	background-image: url(/shared/images/translate/top_kirakira_on_en.png);
}
.mlang_zh-cn #tmp_city_promotion p:hover,
.mlang_zh-cn #tmp_city_promotion p:focus {
	background-image: url(/shared/images/translate/top_kirakira_on_ch.png);
}
.mlang_zh-tw #tmp_city_promotion p:hover,
.mlang_zh-tw #tmp_city_promotion p:focus {
	background-image: url(/shared/images/translate/top_kirakira_on_tw.png);
}
.mlang_ko #tmp_city_promotion p:hover,
.mlang_ko #tmp_city_promotion p:focus {
	background-image: url(/shared/images/translate/top_kirakira_on_ko.png);
}
#tmp_city_promotion p a {
	display: block;
	padding-bottom: 280px;
	width: 315px;
}
#tmp_city_promotion a span {
	height: 0;
	position:absolute;
	z-index:-1;
	overflow:hidden;
}
#tmp_wrap_main {
	width: 1120px;
	margin: auto;
	padding-bottom: 64px;
}
#tmp_emergency_s {
	border: none;
	width: 100%;
	background-color: #c4282d;
	color: #ffffff;
	padding-bottom: 5px;
	margin-bottom: 17px;
}
#tmp_emergency_s_cnt {
	padding: 3px;
	padding-top: 7px;
}
#tmp_emergency_s_ttl {
	background-color: #c4282d;
	color: #ffffff;
	width: 110px;
}
#tmp_emergency_s_ttl h2 {
	background: transparent url(/shared/images/icon/emergency_icon.png) no-repeat 8px 0.6em;
	padding: 8px 0 0 35px;
}
.emergency_s_cnt_list {
	width: 400px;
	background-color: #ffffff;
	padding: 15px 0 17px 20px;
	color: #222222;
	border-right: #c4282d 7px solid;
}
.emergency_info_ttl {
	background: #ffffff url(/shared/images/icon/saigai_icon.png) no-repeat 18px 1.3em;
	color: #c4282d;
	font-weight: normal;
	width: 130px;
	padding-left: 38px;
}
.emergency_info_ttl h3 {
	font-weight: normal;
	background-color: #ffffff;
	color: #c4282d;
}
.emergency_info_cnt {
	background: #ffffff;
	color: #222222;
	line-height: 1.5;
	padding-top: 6px;
	width: 373px;
}
.emergency_info_cnt li {
	display: inline-block;
	padding-left: 10px;
	padding-right: 35px;
	background: #ffffff url(/shared/images/icon/icons_arrow_red.png) no-repeat left center;
	color: #222222;
    background-size: 6px;
}
.emergency_info_cnt li a {
	text-decoration: none;
	color: #222222;
	background-color: transparent;
}
.emergency_info_cnt li a:hover,
.emergency_info_cnt li a:focus {
	text-decoration: underline;	
}

/* 中規模災害 */
#tmp_wrap_emergency {
    margin-bottom: -27px;
    background: #ffffff;
	font-size: 114.3%;
}
#tmp_emergency {
	color: #ffffff;
	background-color: #c4282d;
	border: none;
	margin-bottom:15px;
}
#tmp_emergency_ttl {
	padding: 0;
	display: table-cell;
	color: #ffffff;
	background-color: #c4282d;
	vertical-align: middle;
}
#tmp_emergency_ttl h2 {
    width: 85px;
    padding-left: 44px;
    font-size: 112.5%;
    vertical-align: middle;
    font-weight: normal;
    color: #ffffff;
    background: #c4282d url(/shared/images/icon/emergency_icon.png) no-repeat 20px center;
}
#tmp_emergency_cnt {
	display: table-cell;
	width: 100%;
}
#tmp_emergency_cnt .emergency_cnt {
	background-color: #ffffff;
	color: #222222;
	display: table;
	width: 100%;
	margin-bottom: 6px;
}
#tmp_emergency_m {
    display: none;
}
#tmp_emergency_s_cnt_wrap #tmp_emergency_m {
    border: #c4282d 3px solid;
    border-top: #c4282d 2px solid;
    border-right: #c4282d 4px solid;
}
#tmp_emergency_s_cnt_wrap #tmp_emergency_m #tmp_sokuho {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: none;
}
#tmp_emergency_s_cnt_wrap #tmp_sokuho p.ttl {
    padding: 19px 0 16px 1px;
}
#tmp_sokuho {
	background-color: #fff04e;
	color: #000000;
}
#tmp_sokuho.em_s {
    font-size: 114.3%;
    border: #c4282d 3px solid;
    border-top: #c4282d 2px solid;
    margin-bottom: 1px;
}
#tmp_emergency_cnt #tmp_saigai {
	margin-bottom: 0;
}
#tmp_sokuho p.ttl,
#tmp_emergency_cnt .emergency_cnt p.ttl{
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
    width: 172px;
    padding: 24px 0 18px;
    border-right: 1px solid #c4282d;
	color: #c4282d;
	background-color: transparent;
}
#tmp_emergency_cnt #tmp_saigai p.ttl {
    padding: 13px 0 10px;
}
#tmp_sokuho p.ttl,
#tmp_emergency_cnt #tmp_sokuho p.ttl {
    padding: 20px 0 16px;
}
#tmp_main #tmp_sokuho p.ttl span,
#tmp_emergency_cnt .emergency_cnt p.ttl span {
	padding-left: 33px;
	background: url(/shared/images/icon/sokuho_icon.png) no-repeat 12px center;
}
#tmp_sokuho .emergency_list,
#tmp_emergency_cnt .emergency_list {
	display: table-cell;
    padding: 12px 10px 4px 30px;
	background-color: #ffffff;
	color: inherit;
}
#tmp_emergency_cnt .emergency_list ul {
	list-style: none;
	margin:0;
}
#tmp_emergency_cnt .emergency_list a {
	color:#222222;
	text-decoration:none;
}
#tmp_emergency_cnt .emergency_list a:hover,
#tmp_emergency_cnt .emergency_list a:focus {
	text-decoration:underline;
}
#tmp_emergency_cnt #tmp_saigai .emergency_list {
    padding: 15px 10px 11px 30px;
}
#tmp_main #tmp_sokuho .ttl {
	display: table-cell;
	background-color: #222222;
	color: #fff04e;
	border: 5px solid;
    border-right: #222222;
}
#tmp_emergency_cnt #tmp_jikeiretsu .ttl span {
    padding-left: 38px;
	background: url(/shared/images/icon/jikeiretsu_icon.png) no-repeat 17px 0.2em;
}
#tmp_emergency_cnt #tmp_saigai .ttl span {
    padding-left: 37px;
	background: url(/shared/images/icon/saigai_icon.png) no-repeat 17px center;
}
#tmp_sokuho .emergency_list ul {
	list-style: outside;
	background-color: #fff04e;
	color: inherit;
	margin:0;
}
#tmp_emergency_cnt .emergency_list .more li,
#tmp_emergency_cnt #tmp_saigai .emergency_list li {
	display: inline-block;	
}
#tmp_sokuho .emergency_list,
#tmp_emergency_cnt #tmp_sokuho .emergency_list {
    padding-left: 48px;
    vertical-align: middle;
    background-color: #fff04e;
}
#tmp_sokuho a,
#tmp_emergency_cnt #tmp_sokuho a {
	background-color: #fff04e;
	color: #222222;
    font-weight: bold;
    letter-spacing: -0.01em;
    text-decoration: underline;
}
#tmp_emergency_cnt #tmp_jikeiretsu li {
	padding-left: 17px;
	background: url(/shared/images/icon/icons_arrow_red2.png) no-repeat left 0.4em;
    margin-bottom: 0.5em;
}
#tmp_emergency_cnt #tmp_jikeiretsu li.more,
#tmp_emergency_cnt #tmp_jikeiretsu li.rss {
	display: inline-block;
}
#tmp_emergency_cnt #tmp_jikeiretsu li.rss {
	margin-left:25px;
	background: url(/shared/images/icon/rss_icon01.png) no-repeat left 0.4em;	
}
#tmp_emergency_cnt #tmp_saigai li {
    padding-left: 15px;
    margin-left: 25px;
	background: url(/shared/images/icon/icons_arrow_red.png) no-repeat left 0.4em;
	background-size:8px;
}
#tmp_emergency_cnt #tmp_saigai li:first-child {
	margin-left: 0;
}
/* main */
#tmp_main {
	position: relative;
}
#tmp_main #tmp_navi_top {
	background: #ffffff url(/shared/images/icon/bg_dotted.gif) repeat left top;
	color:#222222;
	margin-top: 27px;
	margin-bottom: 44px;
	padding-top: 35px;
	padding-bottom: 35px;
}
#tmp_main #tmp_cnavi_ttl {
	color: inherit;
	margin-bottom: 0;
}
/* search */
#tmp_gsearch dd p {
	display: inline-block;	
}
#tmp_gsearch {
	margin-left: 140px;
}
.query_area {
	width: 588px;
	border: 2px solid #0b67a7;
	background: transparent url(/shared/images/icon/search_icon.png) no-repeat 10px center;
	color: inherit;
	padding-left: 50px;
	border-radius: 4px;
	margin-right: 37px;
	margin-bottom: 40px;
}
#tmp_query {
	width: 471px;
	padding: 10px 0 10px 0;
	margin-right: 0;
	font-size: 128.6%;
}
#tmp_func_sch_btn {
	width: 117px;
	background-color: #0b67a7;
	border: none;
	color: #ffffff;
	text-indent: 9px;
	padding: 12px 0 11px 0;
	font-size: 128.6%;
	letter-spacing: 9px;
}
/* gnavi */
#tmp_gnavi_top {
	width: 430px;
}
#tmp_gnavi_top ul {
	list-style: none;
}
#tmp_gnavi_top li {
	border-radius: 10px;
	margin-bottom: 12px;
	color: #000000;
}
#tmp_gnavi_top li a {
	display: flex;
	color: #000000;
	gap: 5px;
	text-decoration: none;
}
#tmp_gnavi_top li a:hover,
#tmp_gnavi_top li a:focus{
	text-decoration:underline;
}
#tmp_gnavi_top li#tmp_glist1 {
	background-color:#deedcf;
}
#tmp_gnavi_top li#tmp_glist2 {
	background-color:#c7e8fa;
}
#tmp_gnavi_top li#tmp_glist3 {
	background-color:#fbe2ed;
	margin-bottom: 0;
}
#tmp_gnavi_top li a span.link_txt {
	display: block;
	font-size: 278.58%;
}
#tmp_gnavi_top li a span.link_txt_detail{
	font-size: 85.7%;
	display: block;
	padding-left: 10px;
}
#tmp_gnavi_top li a span.link_txt_detail span{
	display: inline-block;
}
#tmp_gnavi_top li a span.wrap_link_txt {
	flex-grow: 1;
	padding: 15px 0 15px 20px;
}
#tmp_gnavi_top li a .link_img{
	width: 165px;
	flex-shrink: 0;
}
#tmp_gnavi_top li a img {
	max-width: 100%;
	height: auto;
	border-radius: 25% 10px 10px 25% / 50% 10px 10px 50%;
}
/* navi_bnr */
.fixed_navi {
	width: 875px;
	margin: 0 auto 44px;
}
.topics_wrap {
	width: 568px;
	border: 1px solid #c9c9c9;
	border-radius: 10px;
	background-color: #FFFFFF;
	padding: 15px;
	box-sizing: border-box;
}
.fixed_navi ul{
	display:flex;
	gap:22px 55px;
	flex-wrap: wrap;
	list-style: none;
}
.fixed_navi li {
	position: relative;
}
.fixed_navi li a,
.fixed_navi li a:hover,
.fixed_navi li a:focus,
.fixed_navi li a:visited {
	display: block;
	color: #222222;
	background-color: transparent;
}
.fixed_navi li a:hover span.link_txt:after,
.fixed_navi li a:focus span.link_txt:after {
	content: "";
	width: 255px;
	height: 85px;
	display: block;
	position: absolute;
	top: -32px;
	left: -21px;
	background-color: rgba(255,255,255,0.3);
	z-index:100;
}
.fixed_navi li a span.link_txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 21px;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 128.6%;
	font-weight: bold;
	letter-spacing: 1.7px;
	z-index: 5;
	text-shadow:
		#ffffff 2px 0px ,
		#ffffff -2px 0px ,
		#ffffff 0px -2px ,
		#ffffff 0px 2px ,
		#ffffff 2px 2px ,
		#ffffff -2px 2px ,
		#ffffff 2px -2px ,
		#ffffff -2px -2px ,
		#ffffff 1px 2px ,
		#ffffff -1px 2px ,
		#ffffff 1px -2px ,
		#ffffff -1px -2px ,
		#ffffff 2px 1px ,
		#ffffff -2px 1px ,
		#ffffff 2px -1px ,
		#ffffff -2px -1px ;
}
@media all and (-ms-high-contrast: none) {
.fixed_navi li a span.link_txt {
	left: 21px;
	padding:0;
}
}
.fixed_navi li img {
	border-radius: 4px;
}
.wrap_topics_gnavi_top{
	padding:0 42px;
	display: flex;
	justify-content: space-between;
	margin-top: 18px;
	box-sizing: border-box;
}
.topics_ttl {
	width: 210px;
	margin: auto;
	background: url(/shared/images/icon/heading_line.png) no-repeat 10px bottom;
	margin-bottom: 16px;
}
.topics_ttl h2 {
	font-size: 185.7%;
	font-weight: normal;
	background: url(/shared/images/icon/heading_icon1.png) no-repeat 18px 0.6em;
	padding: 10px;
	padding-left: 62px;
	color: #222222;
}
.topics_cnt {
	height: 252px;	
	overflow-y: scroll;
	padding: 13px 8px 5px;
}
.topics_cnt a {
	text-decoration: none;
	color: #222222;
}
.topics_cnt a:hover,
.topics_cnt a:focus {
	text-decoration: underline;	
}
.topics_cnt li {
	list-style: none;
	margin-bottom: 5px;
	background: url(/shared/images/icon/icons_arrow_blue.gif) no-repeat left 0.3em;
	padding-left: 22px;
    line-height: 1.6;
}
.topics_detail{
	text-align:right;
	margin-top:20px;
}
.topics_detail a{
	color:#000000;
}
/* 広告バナー */
#tmp_wrap_publicity {
    min-width: 1240px;
	margin:0 auto;
	background-color:#FFFFFF;
}
#tmp_publicity {
    width: 1122px;
    margin: 0 auto;
    padding: 60px 0 35px;
	background: url(/shared/templates/top/images/publicity_bg_img.png) no-repeat 19px 8px;
}
#tmp_publicity_ttl {
    float: left;
    width: 170px;
    vertical-align: top;
    border-radius: 4px;
    background-size: 9px;
    margin: 0 7px 12px 0;
}
#tmp_publicity_ttl a {
	display: block;
	width: 143px;
	background: #0b73bb url(/shared/images/icon/icons_arrow_white.png) no-repeat 14px 1.6em;
	background-size: 8px;
	color: #ffffff;
	padding: 20px 1px 15px 26px;
	text-decoration: none;
	border-radius: 4px;
	font-size: 114.3%;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#tmp_publicity_ttl a:hover {
	background-color: #0b67a7;
}
#tmp_publicity_cnt {
    float: left;
	width: 940px;
	margin-right: 0;	
}
#tmp_publicity_cnt ul li {
    margin: 0 0 0 16px;
}
#tmp_publicity_cnt ul li .bnr_detail {
	display:none;
}
#tmp_publicity_cnt ul li .bnr_title {
    border: 1px solid #000000;
    display: block;
    min-height: 58px;
    text-align: left;
    max-width: 120px;
    margin: 0 auto;
}

/* ==================================================
clearfix
================================================== */
/* for modern browser */
.clearfix:after,
#tmp_header_wrap:after,
#tmp_gnavi_top:after,
#tmp_wrap_sub_navi:after,
#tmp_publicity:after,
.wrap_gnavi:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
/* ==================================================
print
================================================== */
@media print {
#tmp_hlogo h1,
#tmp_hlogo p {
	background:none !important;
}
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}