@charset "utf-8";

#top_graphic {
	background: #d7f6fc;
	overflow: visible;
}
#top_graphic:before {
	width: 70px;
	height: 26px;
	right: 5px;
	bottom: 55px;
}
#top_graphic > img {
	width: 80vw;
	left: 10px;
	top: 10px;
}

#mp_control_box {
	padding-top: 10px;
	text-align: center;
}
#mp_control_box > button {
	display: inline-block;
	margin: 0 5px;
	position: static;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

#main_box_emergency {
	margin-bottom: 20px;
}
#main_box_emergency ul li {
	display: block;
}
#main_box_emergency ul li > span.emer_title {
	padding-right: 25px;
	width: auto;
}
#main_box_emergency .list_top_emer span.mail_content {
	max-width: none;
}
#main_box_emergency .list_top_emer .emer_mail_open span.mail_content,
#main_box_emergency .list_top_emer .emer_mail_open span.emer_date {
	display: inline-block;
}

#top_important {
	margin-top: 0;
	padding-bottom: 1px;
}
.important_links {
	flex-wrap: wrap;
}
.important_links > a {
	width: 49%;
	margin: 5px 0;
}

#top_kensaku {
	display: block;
}
.top_kensaku_inner {
	width: auto;
}

#top_search_keyword {
	width: auto;
	margin: 5px 10px 0;
}
#cse-search-box {
	width: 100%;
	max-width: none;
}

#search_trend_word {
	width: auto;
	margin: 20px 10px 0 10px;
}

#top_oyaku ul li {
	width: calc((99.9% /3) - 14px);
}

#top_kurashi ul li {
	width: calc((99.9% /3) - 14px);
}
#lettering {
	flex-wrap: wrap;
}
.lettering_box {
	flex-wrap: wrap;
}
.lettering_box > div + div {
	margin-top: 4px;
}
.lettering_box_text {
	width: auto;
	padding-left: 107px;
}
.lettering_box_text .article_date {
	text-align: left;
}

#contents3 #lettering .link_box {
	margin-top: 30px;
	text-align: center;
	position: relative;
	bottom: auto;
	right: auto;
	width: 100%;
}
#lettering .link_box span {
	display: inline-block;
	width: 45%;
	margin: 0 2%;
}
#lettering .link_box span a {
	display: block;
}

#top_tab_title ul li button {
	font-size: 1.5rem;
}
#top_tab_detail .link_box {
	text-align: center;
}
#top_tab_detail .link_box span {
	width: 45%;
	margin: 0 2%;
}

#top_calendar {
	display: block;
}

#top_calendar_detail, #top_event_today {
	width: auto;
}
#top_event_today_title {
	text-align: left;
}

#contents4 > div > div#top_twitter, #contents4 > div > div#top_koho {
	width: 100%;
}
#top_twitter {
	text-align: center;
}
#top_koho {
	margin-top: 20px;
	padding: 20px 10px;
}
#top_koho p {
	margin: 20px 0 0;
}
#top_koho p img {
	max-width: 200px;
}

#top_ambassador {
	display: block;
}
#top_ambassador h2 {
	width: 70%;
	margin: 0 auto 10px;
}
.top_ambassador_detail {
	width: 90%;
	min-height: 0;
	margin: 0 auto 2em;
	padding-top: 25.86%;
}
.top_ambassador_detail a {
	bottom: -2em;
}

#top_population {
	flex-wrap: wrap;
}
#top_population > div {
	width: 50%;
	margin: 15px 0;
}
.ppl_dat {
	text-align: center;
}

#top_banner_right ul {
	display: block;
}
#top_banner_right ul li {
	width: 100%;
	max-width: 312px;
	margin-right: auto;
	margin-left: auto;
}
#top_banner_right ul li + li {
	margin-top: 10px;
}

#pr_control_box {
	text-align: center;
}
#pr_control_box > button {
	position: static;
	display: inline-block;
	margin: 0 5px;
}

#top_linklist {
	margin-top: 20px;
	padding: 0;
	background-color: transparent;
}
#top_linklist > div {
	width: 92%;
	margin: 5px 0;
	padding: 10px 4%;
	background-color: #fbfdff;
	border-radius: 5px;
}
#top_linklist ul {
	margin-left: 24px;
}

.top_koukoku_ttl {
	padding: 0;
}
.top_koukoku_ttl > p {
	margin: 5px 10px;
}
#top_koukoku ul li {
	width: 50%;
	margin-left: 0;
	text-align: center;
}