@charset "utf-8";

@media screen and (max-width : 640px) {

/* ==================================================
main_visual
================================================== */
#tmp_main_visual {
	width:100%;
	margin-bottom:15px;
}
#tmp_main_visual .container {
    width: 100%;
    margin: 0 auto;
}
#tmp_main_visual .slick-list:before,
#tmp_main_visual .slick-list:after {
	content: none;
}
#tmp_main_visual .slick-list {
    overflow: hidden;
}
#tmp_main_visual .slick_slides .visual_caption {
	position: relative;
	right:auto;
	bottom:auto;
	padding-left:20px;
	margin-top:-15px;
	font-size:85.7%;
	line-height:1.3;
	float:right;
}
#tmp_main_visual .slick_slides .visual_caption p {
	padding:10px;
}
#tmp_main_visual .slick_slides .visual_caption a {
	margin:-10px;
	padding:10px;
}
#tmp_main_visual .slick_slides .visual_caption span {
	padding:0 10px;
}
#tmp_main_visual .slick_slides .visual_img img {
	max-width:100%;
	height:auto;
}
#tmp_main_visual .slick_slides .visual_img img {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
#tmp_main_visual .slick_control {
	padding-top:10px;
}
/* slick-arrow */
#tmp_main_visual .slick-arrow {
	top:30%;
	margin-top:0;
}
#tmp_main_visual .slick-arrow.slick-prev {
	left:0;
}
#tmp_main_visual .slick-arrow.slick-next {
	right:0;
}
#tmp_main_visual .slick-arrow.slick-prev a,
#tmp_main_visual .slick-arrow.slick-next a {
	background-size:35px auto;
}
#tmp_main_visual .slick-arrow,
#tmp_main_visual .slick-arrow a,
#tmp_main_visual .slick-arrow span {
	width:35px;
	height:35px;
}
#tmp_main_visual .slick_control .btn_slides {
	font-size:78.6%;
}
#tmp_main_visual .slick_control .btn_slides a {
	padding-left:12px;
}
#tmp_main_visual .slick_control .btn_slides.stop a::before,
#tmp_main_visual .slick_control .btn_slides.stop a::after {
	width:3px;
	height:10px;
	margin-top:-5px;
	border-left-width:3px;
}
#tmp_main_visual .slick_control .btn_slides.stop a::before {
	left:0;
}
#tmp_main_visual .slick_control .btn_slides.stop a::after {
	left:6px;
}
#tmp_main_visual .slick_control .btn_slides.start a::before {
	left:2px;
	margin-top:-3px;
	border-width: 4px 0 4px 7px;
}
#tmp_main_visual .slick-dots li {
	width:14px;
	height:14px;
}
#tmp_main_visual .slick-dots li a {
	width:13px;
	height:13px;
}
/* ==================================================
共通 style
================================================== */
.list_tbl,
.list_tbl thead,
.list_tbl tbody,
.list_tbl tfoot,
.list_tbl tr,
.list_tbl th,
.list_tbl td {
	display:block;
	width:100% !important;
}
.list_tbl th,
.list_tbl td {
	padding:0 0 10px;
	border-bottom:none;
}
.list_tbl .date {
	padding:10px 0 0;
	border-top:1px dotted #cccccc;
}
.list_tbl tr:first-child th,
.list_tbl tr:first-child td {
	border-top:none;
}
.more_btn {
	display:block;
}
.read_all {
	padding-top:10px;
	margin:0 -5px;
	font-size: 87.5%;
}
.read_all p {
	display:block;
	float:left;
	width:50%;
	padding:0 5px;
	margin:0;
}
.read_all p a,
.more_btn a {
	min-width:auto !important;
}
#tmp_disaster_cnt .disaster_navi p a,
#tmp_measures_list_navi .box_list ul li a,
#tmp_respect_cnt .respect_list ul li a {
    display:block;
}
#tmp_disaster_cnt .disaster_navi p a::after,
#tmp_disaster_s .disaster_s_cnt ul li a::after,
#tmp_measures_list_navi .box_list ul li a::after,
#tmp_measures_cnt .measures_navi_btn li a::after,
#tmp_respect_cnt .respect_list ul li a::after {
	width:18px;
	height:18px;
	margin-top:-9px;
}
#tmp_measures_cnt .measures_navi_btn li a::after {
	background-image:url(/shared/site_bosai/images/icon/arrow36_g_icon.png);
	background-size:18px auto;
}
#tmp_disaster_cnt .disaster_navi p a::after{
	background-image:url(/shared/site_bosai/images/icon/downward_g_icon.png);
	background-size:18px auto;
}

#tmp_measures_cnt .measures_navi_btn li a::after {
	right:9px;
}
#tmp_measures_cnt .measures_navi_btn li a:hover::after,
#tmp_measures_cnt .measures_navi_btn li a:focus::after {
	right:8px;
}
#tmp_disaster_s .disaster_s_cnt ul li a::after {
	background-image:url(/shared/site_bosai/images/icon/arrow36_r_icon.png);
	background-size:18px auto;
}
#tmp_measures_list_navi .box_list ul li a::after,
#tmp_respect_cnt .respect_list ul li a::after {
	right:10px;
	background-image:url(/shared/site_bosai/images/icon/arrow36_b_icon.png);
	background-size:18px auto;
}
#tmp_measures_list_navi .box_list ul li a:hover::after,
#tmp_respect_cnt .respect_list ul li a:hover::after {
	right:8px;
}

/* ==================================================
disaster
================================================== */
#tmp_disaster {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	margin-bottom:26px;
}
#tmp_disaster_ttl {
	padding:12px 10px 10px 30px;
}
#tmp_disaster_ttl::before {
	width:20px;
	height:2px;
	margin-top:-1px;
}
#tmp_disaster_ttl h2 {
	font-size:135.7%;
}
#tmp_disaster_cnt {
	padding:0 10px 10px;
}
#tmp_disaster_cnt .disaster_navi,
#tmp_disaster_cnt .disaster_main {
	width:100%;
	float:none;
}
/* disaster_navi
================================================== */
#tmp_disaster_cnt .disaster_navi p {
	font-size:92.8%;
	margin-bottom:7px;
}
#tmp_disaster_cnt .disaster_navi p a {
	padding:15px 30px 14px 15px;
	height:auto;
}
#tmp_disaster_cnt .disaster_navi ul {
	margin:20px -5px;
}
#tmp_disaster_cnt .disaster_navi #tmp_disaster_navi_list4 br{
	display: none;
    visibility: hidden;
}
/* disaster_main_map - 地図表示 -
================================================== */
#tmp_disaster_main_map {
	min-height:auto;
}
#tmp_disaster_main_map .disaster_main_key,
#tmp_disaster_main_map .disaster_main_area {
	float:none;
	width:100%;
}
#tmp_disaster_main_map .disaster_main_map {
	position: static;
	text-align:center;
	margin:15px auto;
}
#tmp_disaster_main_map .disaster_main_area {
	padding-top:0;
}
#tmp_disaster_main_map .disaster_main_key p {
	font-size:92.8%;
}
#tmp_disaster_main_map .disaster_main_key ul {
	font-size:85.7%;
}
#tmp_disaster_main_map .disaster_main_key ul li {
	line-height:1.2;
	min-height:20px;
	display:inline-block;
	vertical-align:top;
	background-size:20px auto !important;
	padding:3px 10px 1px 22px;
	margin-bottom:7px;
}
/* area */
#tmp_disaster_main_map .disaster_main_area ol li {
	float:left;
	width:33.3%;
	padding:0 5px;
	margin:0 0 10px;
}
#tmp_disaster_main_map .disaster_main_area ol li:nth-child(4n+1) {
	clear:none;
}
#tmp_disaster_main_map .disaster_main_area ol li:nth-child(3n+1) {
	clear:both;
}
/* disaster_main_list - 一覧表示 -
================================================== */
/* disaster_date */
#tmp_disaster_main_list .wrap_disaster_main_table {
	height:auto;
	overflow-x:visible;
	margin-bottom: 10px;
}
/* ==================================================
disaster_list
================================================== */
#tmp_disaster_s {
	margin:0;
}
#tmp_disaster_s .disaster_s {
	float:none;
	width:100%;
	padding:0 0 20px;
}
#tmp_disaster_s .disaster_s_ttl {
	padding:10px 0 5px 33px !important;
	margin:0 0 10px;
}
#tmp_disaster_s #tmp_disaster_s_weather .disaster_s_ttl {
	background-size:18px auto;
}
#tmp_disaster_s #tmp_disaster_s_lifeline .disaster_s_ttl {
	background-size:19px auto;
	background-position:5px 12px;
}
#tmp_disaster_s #tmp_disaster_s_traffic .disaster_s_ttl {
	background-size:23px auto;
	background-position:0 18px;
}
#tmp_disaster_s .disaster_s_ttl h3 {
	font-size:121.4%;
}
#tmp_disaster_s .disaster_s_cnt ul {
	margin:0;
}
#tmp_disaster_s .disaster_s_cnt ul li {
	margin:0 0 10px;
}
#tmp_disaster_s .disaster_s_cnt ul li a {
	padding:15px 30px 14px 12px;
}
/* ==================================================
info
================================================== */
#tmp_wrap_info {
	background-position:auto 120px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	margin-bottom:30px;
}
#tmp_info {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#tmp_info_ttl {
	padding:12px 10px 5px 57px;
	background-size:18px auto;
	background-position:28px center;
}
#tmp_info_ttl::before {
	top:27px;
	width:20px;
	height:2px;
}
#tmp_info_ttl h2 {
	font-size:135.7%;
}
#tmp_info_cnt {
	padding:0 5px 25px;
}
/* info_pref_btn */
#tmp_info_cnt .read_all p {
	float: none;
	width: 100%;
}
#tmp_info_pref_btn,
#tmp_info_cnt .read_all {
	font-size: 87.5%;
	position:static;
	padding:20px 27px 0;
}
/* ==================================================
special
================================================== */
#tmp_special {
	margin:0;
}
#tmp_special_topics,
#tmp_special_pickup {
	width:100%;
	float:none;
	margin:0 0 30px;
}
#tmp_special_pickup {
	padding-right:0;
}
#tmp_special .box_special_ttl {
	padding:13px 10px 7px 30px;
}
#tmp_special .box_special_ttl h2 {
	font-size:121.4%;
}
#tmp_special .box_special_ttl::before {
	top:20px;
	width:20px;
}
#tmp_special .box_special_cnt {
	padding:0 15px 25px;
}
#tmp_special_pickup .pickup_item {
	position:relative;
	padding-bottom:3.5em;
}
#tmp_special_pickup .pickup_item_img {
	width:125px;
	padding-right:9px;
}
#tmp_special_pickup .pickup_item_cnt {
	line-height:1.4;
	padding-right:15px;
}
#tmp_special_pickup .pickup_item_cnt .more_btn {
	position:absolute;
	left:0;
	bottom:0;
	padding:0;
	width:100%;
}
/* slick */
#tmp_special_pickup_gallery .slick-arrow {
	top:30px;
}
#tmp_special_pickup_gallery .slick-arrow.slick-prev {
	left:-21px;
}
#tmp_special_pickup_gallery .slick-arrow.slick-prev a {
	background: url(/shared/templates/bosai_top/images/slide/prev_btn.png) no-repeat;
	-webkit-background-size:36px auto;
	-moz-background-size:36px auto;
	background-size:36px auto;
}
#tmp_special_pickup_gallery .slick-arrow.slick-next {
	right:-21px;
}
#tmp_special_pickup_gallery .slick-arrow.slick-next a {
	background:url(/shared/templates/bosai_top/images/slide/next_btn.png) no-repeat;
	-webkit-background-size:36px auto;
	-moz-background-size:36px auto;
	background-size:36px auto;
}
#tmp_special_pickup_gallery .slick-arrow,
#tmp_special_pickup_gallery .slick-arrow a,
#tmp_special_pickup_gallery .slick-arrow span {
	width:36px;
	height:36px;
}
#tmp_special_pickup_gallery .slick_control .btn_slides.stop a::before,
#tmp_special_pickup_gallery .slick_control .btn_slides.stop a::after {
	width:3px;
	height:10px;
	margin-top:-5px;
	border-left-width:3px;
}
#tmp_special_pickup_gallery .slick_control .btn_slides.stop a::before {
	left:3px;
}
#tmp_special_pickup_gallery .slick-dots li {
	margin:0 10px;
}
/* ==================================================
measures / mutual
================================================== */
#tmp_measures {
	margin-bottom:38px;
}
#tmp_mutual {
	margin-bottom:45px;
}
#tmp_measures_ttl,
#tmp_mutual_ttl {
	margin:0;
	background-size:auto 22px;
}
#tmp_measures_ttl h2,
#tmp_mutual_ttl h2 {
	width:195px;
	padding-top:50px;
	background-size:42px auto !important;
}
/* measures
================================================== */
#tmp_measures_cnt .measures_cntL,
#tmp_measures_cnt .measures_cntR {
	float:none;
	width:100%;
}
#tmp_measures_pickup {
	margin:0 0 30px;
}
#tmp_measures_pickup_ttl {
	background-size:130px auto;
	padding:10px 0 5px;
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
}
#tmp_measures_pickup_ttl img {
	height:23px;
	width:auto;
}
#tmp_measures_pickup_cnt {
	background-size:130px auto;
	text-align:left;
	padding:10px 10px 25px;
	-webkit-border-radius:0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	border-radius:0 0 6px 6px;
}
#tmp_measures_pickup_cnt .pickup {
	display:table;
	width:100%;
}
#tmp_measures_pickup_cnt .pickup .pickup_txt,
#tmp_measures_pickup_cnt .pickup .pickup_img {
	display:table-cell;
	vertical-align:top;
}
#tmp_measures_pickup_cnt .pickup_txt {
	font-size:100%;
	padding:10px 10px 0 0;
}
#tmp_measures_pickup_cnt .pickup .pickup_img {
	width:135px;
}
/* measures_navi_btn */
#tmp_measures_cnt .measures_navi_btn {
	margin:0 -6px;
	padding-bottom:15px;
}
#tmp_measures_cnt .measures_navi_btn li {
	float:left;
	width:50%;
	padding:0 6px;
	margin-bottom:15px;
}
#tmp_measures_cnt .measures_navi_btn li a {
	height:53px;
	background-size:auto 3px !important;
}
/* measures_list_navi */
#tmp_measures_list_navi {
	padding:15px 10px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
#tmp_measures_list_navi .col2 {
	margin:0 !important;
}
#tmp_measures_list_navi .col2L,
#tmp_measures_list_navi .col2R {
	width:100%;
	padding:0;
	margin:0 !important;
}
#tmp_measures_list_navi .box_list h3 {
}
#tmp_measures_list_navi .box_list ul {
	margin:0 !important;
}
#tmp_measures_list_navi .box_list ul li {
	float:none !important;
	width:100% !important;
	padding:0 !important;
	margin:0 0 10px;
}
#tmp_measures_list_navi .box_list ul li a {
	height:auto !important;
	padding:16px 30px 15px 15px !important;
}
#tmp_measures_list_navi .box_list ul li a:hover {
	margin:-1px;
}
/* mutual
================================================== */
#tmp_mutual_cnt .box_mutual {
	float:none;
	width:100%;
	text-align:left;
	padding:30px 10px 35px 70px;
	background-position:25px center;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	height:auto;
	background-size:32px auto;
	margin:0 0 25px;
	min-height:auto;
}
#tmp_mutual_cnt .box_mutual.odd {
	margin-bottom:0;
}
#tmp_mutual_cnt .box_mutual .more_btn {
	bottom:-12px;
	width:70px;
	margin-left:-35px;
}
#tmp_mutual_cnt .box_mutual .more_btn a {
	width:70px;
	height:25px;
}
#tmp_mutual_cnt .box_mutual .more_btn span {
	width:70px;
	height:25px;
}
/* ==================================================
respect
================================================== */
#tmp_respect {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	margin:0;
}
#tmp_respect_ttl {
	padding:12px 10px 10px 34px;
	margin:0 0 10px;
}
#tmp_respect_ttl h2 {
	font-size:121.4%;
}
#tmp_respect_ttl::before {
	top:20px;
	width:20px;
}
#tmp_respect_cnt {
	padding:0 10px 10px;
	display:block;
	width:100%;
}
#tmp_respect_cnt .respect_bnr,
#tmp_respect_cnt .respect_list {
	display:block;
	width:100%;
}
#tmp_respect_cnt ul {
	margin:0;
}
#tmp_respect_cnt .respect_bnr ul {
	margin:0 -6px;
}
#tmp_respect_cnt .respect_bnr ul li {
	float:left;
	width:33.3%;
	padding:0 6px;
	margin:0 0 18px;
}
#tmp_respect_cnt .respect_bnr ul li a {
	display:block;
	width:100%;
	height:auto;
}

/* respect_list */
#tmp_respect_cnt .respect_list {
	padding:15px 0;
	border-left:none;
	border-right:none;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
#tmp_respect_cnt .respect_list ul li {
	margin-top:12px;
	text-align:left;
}
#tmp_respect_cnt .respect_list ul li:nth-child(1) {
	margin-top:0;
}
#tmp_respect_cnt .respect_list ul li a {
	padding:16px 30px 15px 15px !important;
	height:auto;
}
#tmp_respect_cnt .respect_list ul li a:hover,
#tmp_respect_cnt .respect_list ul li a:focus {
	margin:-1px;
}
/* respect_mobile */
#tmp_respect_cnt .respect_mobile {
	padding:12px 0 0;
	display:table;
	width:auto;
	margin:0 auto;
}
#tmp_respect_cnt .respect_mobile p {
	display:table-cell;
	vertical-align:middle;
}
#tmp_respect_cnt .respect_mobile .ttl {
	padding-right:10px;
	font-size:85.7%;
}
#tmp_respect_cnt .respect_mobile .ttl span {
	display:inline-block;
	padding:4px 23px;
	margin:0;
	-webkit-border-radius:6px;
	-moz-border-radius:px;
	border-radius:px;
}

}