@charset "utf-8";

/* 足跡を非表示 */
#footstep_wrap {
	display: none !important;
}

/* 戻るボタンを非表示 */
#back_or_pagetop > div#to_page_back {
	display: none !important;
}

/* コンテンツ */
.top_main_box {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	overflow:hidden;
}

/*アクセシビリティ*/

ul#header_navi {
	padding: 0em 2em 0em 1em;
}

#moji_size {
	margin:1em 2em 1em 0em;
}

#haikei_color {
	margin:1em 0em 1em 1em;
}

#moji_size {
	margin:1em 0em 1em 0em;
}

@media screen and (max-width:940px) {
	#moji_size {
		margin-right:0;
	}
}

@media screen and (max-width:768px) {
	#moji_size {
		border-left:none;
	}
}

/* メイングラフィック（スライドショー） */
#top_photo {
	position:relative;
	width:59vw;
	max-width: 1008px;
	height:37.6vw;
	max-height:640px;
	margin: 0 auto;
	overflow:hidden;
	border-radius: 25px;
}

ul#top_photo_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#top_photo_list li a {
	display: block;
	color: inherit;
	text-decoration: none;
}
ul#top_photo_list li img {
	width: 100%;
	height: auto;
}
ul#top_photo_list li span.photo_caption {
	display: block;
	background: #333;
	color: #fff;
	padding: 5px 20px;
}
ul#top_photo_list li span.photo_caption:empty {
	padding: 0px;
}
ul#top_photo_list li span.photo_caption span {
	color: inherit !important;
}

#mp_control_box {
	display:flex;
	justify-content:center;
	position:absolute;
	bottom:2%;
	left:50%;
	transform:translatex(-50%);
	margin: 10px 0px 0px;
	padding: 8px 0px;
}
#mp_control_box button[id^="mp_control_"] {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 100%;
	border: 1px solid #fff;
	color: #fff;
	background-color: #333;
	background-repeat: no-repeat;
	background-size: 8px auto;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}
#mp_control_box button#mp_control_prev {
	background-image: url(/img/top/photo/btn_slide_prev.png);
	background-position: 6px center;
}
#mp_control_box button#mp_control_next {
	background-image: url(/img/top/photo/btn_slide_next.png);
	background-position: 8px center;
}
#mp_control_box button#mp_control_pause {
	background-image: url(/img/top/photo/btn_slide_stop.png);
	background-position: center center;
}
#mp_control_box button#mp_control_play {
	display: none;
	background-image: url(/img/top/photo/btn_slide_play.png);
	background-position: 8px center;
}

#mp_control_box_arrow {
	position:relative;
	width:100%;
	top:-72%!important;
	transform:translatey(50%);
}

#mp_control_box_arrow #mp_control_prev {
	position:absolute;
	visibility:hidden;
	left:3%;
}

#mp_control_box_arrow #mp_control_prev:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	left:0;
	transform:translatey(-50%);
	right:1.3em;
	background-image:url(/img/icon/slide-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:47px;
	height:47px;
	visibility:visible;
}

#mp_control_box_arrow #mp_control_next {
	position:absolute;
	visibility:hidden;
	right:3%;
}

#mp_control_box_arrow #mp_control_next:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%) rotate(180deg);
	right:0;
	background-image:url(/img/icon/slide-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:47px;
	height:47px;
	visibility:visible;
}

@media screen and (max-width:1440px) {
	#mp_control_box_arrow #mp_control_next {
		right:8%;
	}
}

@media screen and (max-width:1024px) {
	#mp_control_box_arrow #mp_control_next {
		right:3%;
	}
}

/* メイングラフィック（スライドショー）xmlファイル更新 */
#top_photo_xml {
	width:100%;
	margin: 0px auto;
}

#photo_image a {
	display: block;
	color: inherit;
	text-decoration: none;
}
#photo_image img {
	width: 100%;
	height: auto;
}
#photo_image span.photo_caption {
	display: block;
	background: #333;
	color: #fff;
	padding: 5px 20px;
}

#mpx_control_box {
	margin: 10px 0px 0px;
	padding: 8px 0px;
}
#mpx_control_box button[id^="mpx_control_"] {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 100%;
	border: 1px solid #fff;
	color: #fff;
	background-color: #333;
	background-repeat: no-repeat;
	background-size: 8px auto;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}
#mpx_control_box button#mpx_control_prev {
	background-image: url(/img/top/photo/btn_slide_prev.png);
	background-position: 6px center;
}
#mpx_control_box button#mpx_control_next {
	background-image: url(/img/top/photo/btn_slide_next.png);
	background-position: 8px center;
}
#mpx_control_box button#mpx_control_pause {
	background-image: url(/img/top/photo/btn_slide_stop.png);
	background-position: center center;
}
#mpx_control_box button#mpx_control_play {
	display: none;
	background-image: url(/img/top/photo/btn_slide_play.png);
	background-position: 8px center;
}

/* スライドナビゲーションボタン */
ul.slick-dots {
	position:relative;
	display:inline-flex!important;
	justify-content:center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.slick-dots li {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px;
	padding: 2px;
}
ul.slick-dots li button {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 15px;
	height: 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 100%;
	text-indent: -9999em;
	text-align: left;
	overflow: hidden;
	border: 1px solid #fff;
	background: #ccc;
	color: #333;
}
ul.slick-dots li.slick-active button {
	background: #0e742d;
	color: #fff;
}

/* 重要なお知らせ */
#top_important {
	background: #fdf2f2;
	margin: 0px 0px 30px;
	padding: 20px;
}
#top_important a {
	color: #c00;
}
#top_important h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #c00;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
}
#top_important ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#top_important ul li {
	width: 100%;
	display: table;
	margin: 0px 0px 10px;
}
#top_important ul li:last-child {
	margin-bottom: 0px;
}
#top_important ul li > span {
	display: table-cell;
	vertical-align: top;
}
#top_important ul li > span.article_date {
	width: 11em;
}
#top_important .link_box {
	margin-top: 20px;
	text-align: right;
}
#top_important .link_box > span {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
}

/* 防災メール連携 */
#main_box_emergency .box_top_emer {
	background: #fdf2f2;
	margin: 0px 0px 30px;
	padding: 20px;
}
#main_box_emergency h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	color: #c00;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
}
#main_box_emergency ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main_box_emergency ul li {
	width: 100%;
	display: table;
	margin: 0px 0px 10px;
}
#main_box_emergency ul li:last-child {
	margin-bottom: 0px;
}
#main_box_emergency ul li > span {
	display: table-cell;
	vertical-align: top;
}
#main_box_emergency ul li > span.emer_date {
	width: 11em;
}
#main_box_emergency ul li > span.emer_title > span {
	display: block;
	height: 1.5em;
	overflow: hidden;
	color: #c00;
	text-decoration: underline;
	cursor: pointer;
}
#main_box_emergency ul li.emer_title_open > span.emer_title > span {
	height: auto;
	text-decoration: none;
}

#main_box_emergency .btn_emer {
	margin-top: 20px;
	text-align: right;
}
#main_box_emergency .btn_emer #emer_mail_open_all {
	display: inline-block;
	border: none;
	background: #333;
	color: #fff;
	margin: 0px;
	padding: 5px 20px;
}

/* タブ */
#top_tab_wrap {
	margin: 0px 0px 30px;
	width:100%;
}

#top_tab_title ul {
	margin: 0 0 1.5em;
	padding: 0px;
	list-style: none;
	/*border-bottom: 2px solid #333;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: flex-start;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	gap:1em;
}
#top_tab_title ul li {
	display: inline-block;
	vertical-align: bottom;
}
#top_tab_title ul li button {
	position:relative;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding: 0.5em 2em;
	border-radius:0.3em;
	letter-spacing:0.1em;
}

#top_tab_title ul li button:before {
  content: "";
  position: absolute;
  top: 90%;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  z-index:-1;
}

#top_tab_title ul li:first-child button {
	background:#ebf2ff;
	color:#4772b7;
}

#top_tab_title ul li:last-child button{
		background:#e4f7f1;
		color:#008259;
}

#top_tab_title ul li.tab_on:first-child button {
		background:#4772b7;
		color:#fff;
}

#top_tab_title ul li.tab_on:first-child button:before {
		border-top: 15px solid #4772b7;
}

#top_tab_title ul li.tab_on:last-child button {
		background:#008259;
		color:#fff;
}

#top_tab_title ul li.tab_on:last-child button:before {
		border-top: 15px solid #008259;
}

#top_tab_detail {
	padding: 2em;
	background:#fff;
}

/* 新着情報（件数） */
.release_day {
	margin-bottom: 10px;
}
.release_day span {
	display: inline-block;
	margin-right: 1em;
}

/* 新着情報 */
.top_tab_detail_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top_tab_detail_list ul li {
	width: 100%;
	display: table;
	margin: 0px 0px 10px;
	padding:0.6em 0 1em;
	border-bottom:solid 1px #c8c8c8;
}
.top_tab_detail_list ul li:last-child {
	margin-bottom: 0px;
}
.top_tab_detail_list ul li > span {
	display: table-cell;
	vertical-align: top;
}
.top_tab_detail_list ul li > span.article_date {
	width: 11em;
}

.top_tab_detail_box p.no_data {
	margin: 0px;
}

.top_tab_detail_box .link_box {
	margin-top: 20px;
	text-align: right;
}
.top_tab_detail_box .link_box > span {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
}

@media screen and (max-width:1024px) {
	.top_tab_detail_list ul li {
		display:flex;
		flex-flow:column;
	}
}

/* トピックス */
.lettering_box {
	width: 100%;
	display: table;
	margin: 0px 0px 10px;
}
.lettering_box:last-child {
	margin-bottom: 0px;
}
.lettering_box > div {
	display: table-cell;
	vertical-align: top;
}

.lettering_box > div.lettering_box_text > div {
	margin-bottom: 0.5em;
}
.lettering_box > div.lettering_box_text > div:last-child {
	margin-bottom: 0px;
}

.lettering_box > div.lettering_box_img {
	width: 278px;
	height:180px;
	padding-right: 20px;
}
.lettering_box > div.lettering_box_img div {
	display: block;
	height: 100%;
	position: relative;
	overflow:hidden;
}
.lettering_box > div.lettering_box_img div:empty {
	height: 180px;
	background: url(/img/common/noimage.png) no-repeat center center;
}
.lettering_box > div.lettering_box_img div img {
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: auto;
	height: auto;
}

/* トピックス 縦可変 */
/*
.lettering_box > div.lettering_box_img div {
	height: auto;
}
.lettering_box > div.lettering_box_img div img {
	position: static;
	-webkit-transform: none;
	    -ms-transform: none;
	        transform: none;
	width: 100%;
	height: auto;
}
*/

/* ミニカレンダー */
#top_calendar_detail {
	max-width: 400px;
	margin: 0px auto;
	border-bottom: solid 1px #d2d8d1;
}
#top_calendar_detail ul {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: none;
	width: 100%;
	display: table;
}
#top_calendar_detail ul li {
	display: table-cell;
	vertical-align: middle;
}
#top_calendar_detail ul li.calendar_index_last {
	width: 4em;
	text-align: left;
}
#top_calendar_detail ul li.calendar_index_next {
	width: 4em;
	text-align: right;
}
#top_calendar_detail ul li.calendar_index_now {
	text-align: center;
}

table#top_calendar_table {
	width: 100%;
	border: 1px solid #666;
	border-collapse: collapse;
	margin-bottom:10%;
}
table#top_calendar_table th {
	border: 1px solid #666;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px;
}
table#top_calendar_table td {
	border: 1px solid #666;
	text-align: center;
	padding: 10px 0px;
}
table#top_calendar_table td a {
	display: block;
}

.cal_sun {
	color: #990000;
	background-color: #ffdde6;
}
.cal_mon,.cal_tue,.cal_wed,.cal_thu,.cal_fri {
	background-color: #fff;
}
.cal_sat {
	color: #000099;
	background-color: #ccddff;
}
.cal_hol {
	background-color: #ffdde6;
}
.cal_today {
	background-color: #ffff80;
}

.event #top_event_today {
	margin-top:8%;
}

.event  #top_event_today_title {
	font-weight:bold;
	text-align:center;
	color:#4772b7;
	letter-spacing:0.1em;
}

.event  #top_event_today_link {
	display:block;
	text-align:center;
	margin-top:2em;
}

.event  #top_event_today_link a {
	position:relative;
	color:#fff;
	font-weight:bold;
	background:#4772b7;
	padding:0.4em 3.5em 0.4em 2em;
	transition:all .3s;
	border-radius:3em;
	text-decoration:none;
}

.event  #top_event_today_link a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:1.3em;
	background-image:url(/img/icon/white-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:17px;
	height:17px;
}

.event  #top_event_today_link a:hover {
	background:#7591bf;
}

/* 検索メニュー */

#top_search_keyword {
	background:#fff;
	border:solid 2px #7b55c0;
	border-radius:1em;
	margin-top:2em;
	padding: 1.5em;
}

#top_search_keyword form {
	width:100%;
	border-radius:0.3em;
}

#cse-search-box {
	margin-bottom:1em;
}

#top_search_keyword h2 {
	font-size:1.7rem;
	color:#7b55c0;
	margin:0 0 0.5em;
}

#top_search_menu_list {
	margin: 0px;
}
#top_search_menu_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap:0.5em;
}
#top_search_menu_list ul li {
	display: inline-block;
	vertical-align: top;
}

#top_search_menu_list ul li a {
	display: block;
	background: #7b55c0;
	text-align: center;
	padding: 0.5em 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	border-radius:3em;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	transition:all .3s;
}

#top_search_menu_list ul li a:hover {
	background:#f7f6fd;
	color:#7b55c0;
}

/* 注目ワード */
#search_trend_word {
	margin: 0px 0px 15px;
	clear:both;
}

#search_trend_word h2 {
	margin: 0px 10px 0 0;
	padding: 0px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.4;
	color:#7b55c0;
	float:left;
}
#search_trend_word p {
	margin: 0px;
}
#search_trend_word p a {
	display: inline-block;
	vertical-align: top;
	margin:0px;
	padding: 0 10px;
	/*background: #e6e6e6;*/
	color: #0d59b7;
	text-decoration: underline;
	cursor: pointer;
}
#search_trend_word p a:hover {
	text-decoration: none;
}

/* ページID検索 */
#top_search_page_id {
	margin: 0px 0px 30px;
	position: relative;
}

#open_page_id_box label {
	display: block;
	width: 100%;
}
#open_page_id_box div {
	width: 300px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

#open_page_id {
	display: inline-block;
	vertical-align: middle;
	border: none !important;
	width: calc(100% - 60px) !important;
	height: 38px !important;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#open_page_id_submit {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background: #e6e6e6;
	width: 60px;
	height: 38px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px;
	padding: 0px;
	font-size: 1.6rem;
	line-height: 38px;
	white-space: nowrap;
}

#open_page_id_message {
	position: absolute;
	top: 100%;
	left: 0px;
	border: 1px solid;
	background: #fff;
	color: #333;
	padding: 10px 20px;
}
#open_page_id_message:empty {
	border: none;
	padding: 0px;
}

@media screen and (max-width:1024px) {
	#top_search_keyword {
		width:73vw;
		margin:2em auto;
	}
}


/* リンクリスト */
#top_linklist {
	margin: 0px 0px 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.top_linklist_box {
	display: inline-block;
	vertical-align: top;
	width: 255px;
	border: 2px solid #333;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.top_linklist_box h2 {
	background: #333;
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	margin: 0px;
	padding: 10px 20px;
}
.top_linklist_box ul {
	margin: 0px;
	padding: 10px 20px 10px 30px;
}
.top_linklist_box ul li {
	margin-bottom: 10px;
}
.top_linklist_box ul li:last-child {
	margin-bottom: 0px;
}

/* 人口・世帯数 */
#top_jinkou {
	margin: 0px 0px 30px;
}
#top_jinkou h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
}

#top_jinkou_list dl {
	display: inline-block;
	vertical-align: top;
	margin: 0px 1em 0px 0px;
	padding: 0px;
}
#top_jinkou_list dl dt {
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
#top_jinkou_list dl dd {
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

/* 時計 */
#top_tokei_wrap {
	margin: 0px 0px 30px;
}
#top_tokei_wrap h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
}

#top_tokei {
	width: 320px;
	height: 240px;
	position: relative;
}

#tokei_photo {
	width: 320px;
	height: 240px;
}
#tokei_photo span {
	display: block;
	width: 320px;
	height: 240px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#tokei_time {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

/* カウントダウン */
.count_down_box_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.count_down_box {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10px);
	background: #f6f6f6;
	margin: 0px 20px 20px 0px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.count_down_box:nth-child(2n) {
	margin-right: 0px;
}

.count_down_box2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.count_down_box2 > span {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.count_down_box2 > span.count_img {
	width: 200px;
}
.count_down_box2 > span.count_img > span {
	display: block;
}
.count_down_box2 > span.count_img > span img {
	width: 100%;
	height: auto;
}

.count_down_box2 > span.count_txt {
	width: calc(100% - 220px);
}
.count_down_box2 > span.count_txt:only-child {
	width: 100%;
}
.count_down_box2 > span.count_txt > span {
	display: block;
}
.count_down_box2 > span.count_txt > span.count_comment {
	margin-top: 10px;
	font-size: 1.4rem;
}
.count_down_box2 > span.count_txt > span.count_day {
	margin-top: 10px;
	color: #c00;
	text-align: right;
}
.count_down_box2 > span.count_txt > span.count_day span {
	font-size: 2rem;
	font-weight: bold;
	margin-left: 1em;
}

/* 事業バナー（スライドショー） */
ul#top_banner_pr_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
ul#top_banner_pr_list li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 8px;
}
ul#top_banner_pr_list li img {
	width: 100%;
	height: auto;
}

#pr_control_box {
	/*margin: 10px 0px 0px;
	padding: 8px 0px;*/
	text-align:center;
}
#pr_control_box button[id^="pr_control_"] {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	width: 40px;
	height: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 100%;
	border: 1px solid #fff;
	color: #fff;
	background-color: #008259;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}

#pr_control_box button#pr_control_prev {
	position:absolute;
	top:45%;
	left:3em;
	transform:translatey(-50%) rotate(-90deg);
	background-image: url(/img/icon/top-back-btn.png);
	background-position: 0 center;
}
#pr_control_box button#pr_control_next {
	position:absolute;
	top:45%;
	right:3em;
	transform:translatey(-50%) rotate(90deg);
	background-image: url(/img/icon/top-back-btn.png);
	background-position:  0 center;
}

#pr_control_box button#pr_control_pause {
	background-image: url(/img/top/photo/btn_slide_stop.png);
	background-position: center center;
	background-size:60% 60%;
	width: 25px;
	height: 25px;
}

#pr_control_box button#pr_control_play {
	display: none;
	background-image: url(/img/top/photo/btn_slide_play.png);
	background-position: center center;
	background-size:40% 55%;
	width: 25px;
	height: 25px;
}


/* タブレット */
@media screen and (max-width : 1099px) {

	/* コンテンツ */
	.top_main_box {
		width: calc(100% - 40px);
	}

	/* メイングラフィック（スライドショー） 
	#top_photo {
		width: calc(100% - 40px);
	}*/

	/* メイングラフィック（スライドショー）xmlファイル更新 */
	#top_photo_xml {
		width: calc(100% - 40px);
	}

	/* リンクリスト */
	#top_linklist {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-bottom: 10px;
	}
	.top_linklist_box {
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}

}
@media screen and (min-width: 671px) and (max-width: 1099px) {

	/* カウントダウン */
	.count_down_box2 {
		display: block;
	}
	.count_down_box2 > span.count_img,
	.count_down_box2 > span.count_txt {
		display: block;
		width: 100%;
	}
	.count_down_box2 > span.count_img {
		margin-bottom: 10px;
	}

}
/* タブレット ここまで */


/*-------------20221205--------------*/

/*メインビジュアル*/
.main_image {
	position:relative;
	background-image:url(/img/top/header-bg-sky.jpg);
	height:auto;
	overflow:hidden;
	padding-bottom:6%;
}

/*スライドここから*/
#top_banner_pr_wrap {
	position:relative;
	background-image:url(/img/top/news-bg.jpg);
	background-position:center bottom;
	margin: -3% calc(50% - 50vw) 0;
	width: 99.7vw;
	padding-bottom:0.4em;
}

#top_banner_pr {
	position:relative;
	z-index:2;
	background:#f8fffd;
	padding:1em 4em;
	max-width:1555px;
	margin:0 auto;
	border-radius:1em;
	box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
}

#top_banner_pr a img {
	transition:all .3s;
}

#top_banner_pr a img:hover {
	filter: brightness(0.8);
}

/*スライドここまで*/


.top-yama {
	content:'';
	display:inline-block;
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(/img/top/top-yama.png);
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:37vw;
}

.top-kiri1 {
	content:'';
	display:inline-block;
	position:absolute;
	top:-60%;
	left:-3em;
	background-image:url(/img/top/top-kiri1.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:22vw;
	max-width:377px;
	height:17vw;
	max-height:291px;
	z-index:1;
}

.top-kiri2 {
	content:'';
	display:inline-block;
	position:absolute;
	top:-60%;
	right:-2em;
	background-image:url(/img/top/top-kiri2.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:15vw;
	max-width:255px;
	height:15vw;
	max-height:254px;
	z-index:1;
}

.top-kumo { 
	content:'';
	display:inline-block;
	position:absolute;
	top:50%;
	left:-2em;
	background-image:url(/img/top/top-kumo2.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:12vw;
	max-width:208px;
	height:5.8vw;
	max-height:99px;
	z-index:1;
} 

.main_image_wrap {
	position:relative;
	display:flex;
	flex-direction: row-reverse;
	gap:2em;
	margin-top: 1%;
	justify-content:center;
	align-items:center;
	z-index:2;
}

#top_photo_xml_wrap {
	width:60%;
	max-width:1010px;
}

.mishima_read {
	position:relative;
}

.mishima_read:after {
	content:'';
	display:inline-block;
	position:absolute;
	top:-3em;
	right:-3em;
	background-image:url(/img/top/top-kumo1.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:9vw;
	max-width:155px;
	height:4.8vw;
	max-height:81px;
	z-index:-1;
}

.mishima_read img {
	width:100%;
}

@media screen and (max-width:1440px) {
	.main_image_wrap {
			margin-left:3%;
	}

	#top_photo {
		margin-right:-2em;
	}
}

@media screen and (max-width:1024px) {
	.main_image_wrap {
			margin-left:0;
	}

	#top_photo_wrap {
		margin-top:15vw;
	}
	
	.main_image_wrap  {
		flex-flow:column;
		gap:0;
	}

	.mishima_read {
		position:absolute;
		top:0;
		left:50%;
		transform:translatex(-50%);
	}

	#top_photo {
		width:80vw;
		height:50vw;
		margin-right:0;
	}
}


/*メインビジュアルここまで*/

/*senction見出し(h2)*/
.top-section_h2 {
	text-align:center;
	letter-spacing:0.2em;
	font-size:2.8rem;
	line-height:2;
}

.top-section_h2 span{
	position:relative;
	font-size:1.8rem;
	letter-spacing:0.1em;
}

.top-section_h2 span:before {
	display:inline-block;
	position:absolute;
	left:-40%;
	top:50%;
	transform:translatey(-50%);
	content:'';
	width:30%;
	height:2px;
	background:#0a8760;
}

.top-section_h2 span:after {
	display:inline-block;
	position:absolute;
	right:-40%;
	top:50%;
	transform:translatey(-50%);
	content:'';
	width:30%;
	height:2px;
	background:#0a8760;
}

/*お知らせエリアここから*/
.top-oshirase {
	position:relative;
	background-image:url(/img/top/news-bg.jpg);
	margin: 0 calc(50% - 50vw);
	width: 99.7vw;
	padding:8% 0;
	z-index:2;
}

.oshirase_wrap {
	display:grid;
	grid-template-columns:1fr 2.5fr;
	gap:1.5em;
	max-width:1200px;
	margin:0 auto;
}

.news_wrap_left {
	display:flex;
	flex-flow:column;
	gap:0.5em;
	min-width:300px;
}

.news_wrap_left_wrap {
	display:flex;
	flex-flow:column;
	justify-content:center;
	gap:0.5em;
}

.news_wrap_left a {
	display:block;
}

.news_wrap_left a img {
	width:100%;
	height:auto;
	transition:all .3s;
}

.news_wrap_left a img:hover {
	filter: brightness(0.8);
}

/*ライブカメラ*/
.live_camera {
	position:relative;
	background:#efedfc;
	padding:1.5em 1.6em 2em 1.6em;
	border:solid 1px #7b55c0;
	border-radius:0.5em;
	overflow:hidden;
}

.live_camera:after {
	content:'';
	display:inline-block;
	position:absolute;
	bottom: 0;
	left:0;
	background-image:url(/img/top/camera-bg.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	height:34px;
}

.live_camera h2 {
	position:relative;
	font-size:2rem;
	text-align:center;
	margin:0 0 0.5em 0;
}

.live_camera h2:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 0;
	left:0.4em;
	background-image:url(/img/top/camera_icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:54px;
	height:30px;
}

/* サイドメニュー */
.live_camera .subsite_menu {
	margin: 0px 0px 10px;
	padding: 0px;
}

.live_camera .subsite_menu_ttl {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0px;
	color:#0f225b;
	border-left:solid 5px #7b55c0;
}

.live_camera .subsite_menu_list {
    display: none;
    background-color:#fff;
    border-radius: 0 0 0.4em 0.4em;
    text-align:left;
}

.live_camera .subsite_menu input:checked + .subsite_menu_list  {
    display: block;
}

.live_camera .subsite_menu_ttl label {
	position:relative;
	cursor:pointer;
	display:block;
	background:#faf7ca;
    height:100%;
    padding:0.4em 0em 0.3em 0.4em;
	color:#0f225b;
	/*border-radius:0.4em 0.4em 0 0;*/
	text-align:left;
}

.live_camera .subsite_menu.plus label[for*="acc_ttl_label"] {
	background: url(/img/icon/plus.png) no-repeat 95% center transparent;
	background-size: 12px 12px;
	background-color: #fff;
	box-sizing:border-box;
	width:100%;
}

.live_camera .subsite_menu.plus .acc_open label[for*="acc_ttl_label"] {
	background-image: url(/img/icon/minus.png);
	background-repeat:no-repeat;
	background-size: 12px 2px;
}

.live_camera .section_information_ttl label[for*="acc_ttl_label"] {
	background-color:inherit!important;
}

.live_camera input {
	margin-top:-1em;
}　

.subsite_menu_list ul li {
	padding: 10px 15px 10px 0px;
}

.subsite_menu_list ul {
	margin:-0.2em 0 0 0;
	background:#f5fcfb;
	padding: 10px 15px;
}

.subsite_menu_list ul li {
	position:relative;;
	margin: 0px;
	padding: 10px 15px 10px 15px;
	border-bottom:solid 1px #e7eff5;
	box-sizing: border-box;
	list-style-type:none;
}

/* サイドメニューここまで */
/*ライブカメラここまで*/

/*装飾ここから*/
.oshirase_bg1 {
	content:'';
	display:inline-block;
	position:absolute;
	top: 15%;
	right:0;
	background-image:url(/img/top/news-bg1.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:214px;
	height:50px;
	z-index:-1;
}

.oshirase_bg2 {
	content:'';
	display:inline-block;
	position:absolute;
	bottom: 10%;
	left:0em;
	background-image:url(/img/top/news-bg2.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:203px;
	height:57px;
	z-index:-1;
} 

/*装飾ここまで*/

@media screen and (max-width:1280px) {
	.oshirase_wrap {
		margin:0 5%;
	}
}
@media screen and (max-width:820px) {
	.oshirase_wrap {
		grid-template-columns:1fr;
		gid-template-rows:1fr;
	}

	.news_wrap_left {
		display:grid;
		grid-template-columns:1fr 1.2fr;
		gap:1em;
		place-content: center;
		margin-bottom:1.5em;
		grid-row:2/2;
	}
}

/*RSSボタン*/
.link_rss a{
	position:relative;
	text-decoration:none;
	color:#7e6145;
	padding:0.3em 1.6em 0.2em 3em;
	border:solid 1px #ff9000;
	border-radius:2em;
}

.link_rss a:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:1.5em;
	background-image:url(/img/icon/rss.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:19px;
	height:20px;
}

/*一覧ボタン*/
.link_ichiran a {
	position:relative;
	text-decoration:none;
	color:#4772b7;
	border:solid 1px #4772b7;
	border-radius:2em;
	padding:0.3em 2.2em 0.3em 1.6em;
}

.link_ichiran a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:1em;
	background-image:url(/img/icon/ichiran-blue-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:6px;
	height:11px;
}

/*お知らせエリアここまで*/

/*ライフイベントここから*/
.life_event {
	position:relative;
	background-image:url(/img/top/life_event_bg.png);
	background-size:cover;
	background:repeat:no-repeat;
	margin: -1em calc(50% - 50vw) 0;
	width: 99.7vw;
	padding:8% 0 15%;
	z-index:2;
	overflow:hidden;
}

.life_event_h2 {
	text-shadow: 2px 2px 5px #fff;
}

.life_event_h2 span {
	color:#0a8760;
}

.life_event_list {
	position:relative;
	padding:0;
	max-width:1200px;
	margin:0 auto;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:2em;
	z-index:3;
}

.life_event_list li a {
	display:block;
	width:12vw;
	max-width:210px;
	min-width:160px;
	height:12vw;
	max-height:205px;
	min-height:155px;
	position:relative;
	color:#3d2a3a;
	text-decoration:none;
	font-weight:bold;
	background:#fff;
	border-radius:0.5em;
	overflow:hidden;
	transition:all .3s;
}

.life_event_list li a:hover {
	 filter: brightness(0.8);
}

.life_event_list li a span{
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	text-align:center;
	padding:0.4em 0;
}

.life_event_list li a:before {
	display:inline-block;
	content:'';
	position:absolute;
	bottom:28%;
	left:50%;
	transform:translatex(-50%);
	width:65%;
	height:65%;
	background-size:contain;
	background-repeat:no-repeat;
}

.life_event_list li:first-child a:before{
	background-image:url(/img/top/life-event-icon01.png);
}

.life_event_list li:nth-child(2) a:before{
	background-image:url(/img/top/life-event-icon02.png);
}

.life_event_list li:nth-child(3) a:before{
	background-image:url(/img/top/life-event-icon03.png);
}

.life_event_list li:nth-child(4) a:before{
	background-image:url(/img/top/life-event-icon04.png);
}

.life_event_list li:nth-child(5) a:before{
	background-image:url(/img/top/life-event-icon05.png);
}

.life_event_list li:nth-child(6) a:before{
	background-image:url(/img/top/life-event-icon06.png);
}

.life_event_list li:nth-child(7) a:before{
	background-image:url(/img/top/life-event-icon07.png);
}

.life_event_list li:nth-child(8) a:before{
	background-image:url(/img/top/life-event-icon08.png);
}

.life_event_list li:nth-child(9) a:before{
	background-image:url(/img/top/life-event-icon09.png);
}

.life_event_list li:first-child span, 
.life_event_list li:nth-child(8) span {
	background:#fdf1f9;
	background-image:url(/img/icon/pink-arrow.png);
	background-repeat:no-repeat;
	background-position: right 1em center;
}

.life_event_list li:nth-child(2) span, 
.life_event_list li:nth-child(5) span {
	background:#e1f8f0;
	background-image:url(/img/icon/green-arrow.png);
	background-repeat:no-repeat;
	background-position: right 1em center;
}

.life_event_list li:nth-child(3) span,
.life_event_list li:nth-child(6) span,
.life_event_list li:nth-child(9) span {
	background:#fbf3e9;
	background-image:url(/img/icon/orange-arrow.png);
	background-repeat:no-repeat;
	background-position: right 1em center;
}

.life_event_list li:nth-child(4) span, 
.life_event_list li:nth-child(7) span {
	background:#e6eef9;
	background-image:url(/img/icon/blue-arrow.png);
	background-repeat:no-repeat;
	background-position: right 1em center;
}

@media screen and (max-width:768px) {
	.life_event {
		padding:12% 0 25%;
	}

	.life_event_list {
		margin:0 5%;
	}
}

.Katakuri01 {
	content:'';
	display:inline-block;
	position:absolute;
	bottom:0em;
	left:-4.5em;
	background-image:url(/img/top/katakuri.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:20.7vw;
	max-width:330px;
	height:19vw;
	max-height:304px;
	z-index:2;
}

.Katakuri02 {
	content:'';
	display:inline-block;
	position:absolute;
	bottom: 0;
	right:-7em;
	background-image:url(/img/top/katakuri.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:20.7vw;
	max-width:330px;
	height:19vw;
	max-height:304px;
	z-index:2;
}

@media screen and (max-width:1024px) {
	.Katakuri01 {
		left:0;
	}

	.Katakuri02 {
		right:0;
	}
}

@media screen and (max-width:768px) {
	.Katakuri01 {
		bottom:4em;
	}

	.Katakuri02 {
		bottom:4em;
	}
}


/*ライフイベントここまで*/

/*三島町についてここから*/
.about {
	position:relative;
	background-image:url(/img/top/about-bg.png);
	background-size:cover;
	margin: -3em calc(50% - 50vw) 0;
	width: 99.7vw;
	z-index: 2;
	padding-bottom:5%;
}

.about_wrap {
	position:relative;
	max-width:1450px;
	width:90%;
	margin:0 auto;
	z-index:2;
	padding:0em 6em 8em;
	box-sizing:border-box;
}

.about_wrap:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: -3em;
	left:0;
        background:#fff;
	width:100%;
	height:100%;
	z-index:-1;
	border-radius:2em;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .1);
}

.about_wrap_inner {
	position:relative;
	display:grid;
	grid-template-columns:2.5fr 3fr;
	gap:2em;
	justify-content:center;
	margin-bottom:2vw;
}

.about_bg01 {
	content:'';
	display:inline-block;
	position:absolute;
	bottom: -4.5vw;
	left:-2%;
	transform: scale(-1, 1);
	background-image:url(/img/top/about-bg01.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:8.6vw;
	max-width:147px;
	height:2.8vw;
	max-height:48px;
}

.about_bg02 {
	content:'';
	display:inline-block;
	position:absolute;
	bottom: -4.5vw;
	right:-2%;
	background-image:url(/img/top/about-bg01.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:8.6vw;
	max-width:147px;
	height:2.8vw;
	max-height:48px;
}

.about_h2 span {
	color:#7b55c0;
}

.about_h2 span:before, .about_h2 span:after {
	background:#7b55c0;
}

@media screen and (max-width:1440px) {
	.about_wrap {
		width:96%;
		padding:0em 2em 6em;
	}

	.about_wrap_inner {
		grid-template-columns:2.2fr 3fr;
	}
}

@media screen and (max-width:768px) {
	.about_wrap_inner {
		grid-template-columns:1fr;
		gap:1em;
	}
}

/*各課のページここから*/
.kakuka {
	background:#f0f9f4;
	padding:2.5em 2em;
	border-radius:0.6em;
}

.kakuka_h3 {
	position:relative;
	width:60%;
	left:50%;
	transform:translatex(-50%);
	text-align:center;
	font-weight:600;
	letter-spacing:0.1em;
	margin:0 0 1.8em 0;
	border-bottom:solid 1px #d2e5da;
	line-height:2.5;
}

.kakuka_list {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:1em;
	list-style-type:none;
	padding-left:0;
}

.kakuka_list li{
	position:relative;
	width:46%;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .1);
	background:#fff;
	transition:all .3s;
	border-left:solid 5px #008259;
}

.kakuka_list li a {
	display:block;
	text-decoration:none;
	color:#000;
	font-weight:600;
	padding:0.8em 1.8em 0.8em 0.8em;}

.kakuka_list li:hover {
	background:#d7e7e2;
}

.kakuka_list li:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:0.5em;
	background-image:url(/img/icon/green-arrow2.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:19px;
	height:19px;
}

@media screen and (max-width:1100px) {
	.kakuka_list li {		
		width:45%;
	}
}

@media screen and (max-width:1024px) {
	.kakuka_list {
		flex-flow:column;
	}
	.kakuka_list li {
		width:100%;
	}
}

@media screen and (max-width:768px) {
	.kakuka_list {
		flex-flow:wrap;
	}

	.kakuka_list li {
		width:46%;
	}
}

/*各課のページここまで*/

/*ボタンここから*/
.about_btn_list {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	padding-left:0;
	list-style-type:none;
	gap:0.5em;
}

.about_btn_list li {
	position:relative;
	width:48%;	
	overflow:hidden;
	border:solid 2px #9585cc;
	border-radius:0.4em;
}

.about_btn_list li:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
    transform:translatey(-50%);
	left:0;
	background:#e8e5ed;
	width:3.2em;
	height:100%;
	border-radius:0.3em 0 0 0.3em;
}

.about_btn_list li a {
	display:block;
	position:relative;
	text-decoration:none;
	color:#000;
	padding:0.8em 1.5em 0.8em 3.6em;
	max-width:100%;
	overflow:hidden;
	transition:all .3s;
}

.about_btn_list li a:hover {
	background:#e9dffb;
}

.about_btn_list li a:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:0.5em;
	background-repeat:no-repeat;
	background-size:contain;
	width:36px;
	height:31px;
	z-index:2;
}

.about_btn_list li a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:0.6em;
	background-image:url(/img/icon/purple-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:19px;
	height:19px;
}

.about_btn_list li:first-child a:before {
	background-image:url(/img/icon/mishima-mark.png);
}

.about_btn_list li:nth-child(2) a:before {
	background-image:url(/img/icon/town-mayor.png);
	width:50px;
	height:72px;
	top:2.5em;
	left:0;
}

.about_btn_list li:nth-child(3) a:before {
	background-image:url(/img/icon/chosei-icon.png);
	width:28px;
	height:36px;
	left:0.7em;
}

.about_btn_list li:nth-child(4) a:before {
	background-image:url(/img/icon/download-icon.png);
	width:33px;
	height:28px;
}

@media screen and (max-width:825px) {
	.about_btn_list li {
		width:100%;
	}
}

@media screen and (max-width:768px) {
	.about_btn_list {
		margin-bottom:2em;
	}

	.about_btn_list li {
		width:48%;
	}
}
/*ボタンここまで*/


/*人口・世帯数ここから*/
.about_right_bottom {
	display:flex;
	gap:1em;
}

#top_jinkou {
	background:#f0f5f2;
	border-radius:0.4em;
	padding:1em 1.5em;
}

#top_jinkou h3 {
	text-align:center;
	margin:0 0 1em 0;
	line-height:1.6;
}

#top_jinkou_date {
	font-size:1.6rem;
	font-weight:400;
	border-top:solid 1px #a4b1a9;
	margin-top:1em;
}

#top_jinkou_list {
	display:flex;
	flex-wrap:wrap;
	padding-left:0;
	gap:1em;
	list-style-type:none;
}

#top_jinkou_list li {
	position:relative;
	width:46%;
}

#top_jinkou_list li dl {
	display:flex;
	flex-flow:column;
	font-weight:600;
	padding-left:2.5em;
	white-space: nowrap;
}

#top_jinkou_list li:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:0;
	background-repeat:no-repeat;
	background-size:contain;
}

#top_jinkou_list li:first-child:before {
	background-image:url(/img/icon/setai-icon.png);
	width:36px;
	height:32px;
	top:40%;
}

#top_jinkou_list li:nth-child(2):before {
	background-image:url(/img/icon/jinko-icon.png);
	width:19px;
	height:45px;
	left:0.5em;
}

#top_jinkou_list li:nth-child(3):before {
	background-image:url(/img/icon/man-icon.png);
	width:18px;
	height:45px;
	left:0.5em;
}

#top_jinkou_list li:nth-child(4):before {
	background-image:url(/img/icon/woman-icon.png);
	width:21px;
	height:44px;
		left:0.5em;
}
/*人口・世帯数ここまで*/

/*事業者の方へここから*/
.jigyosha {
	background:#fffbf1;
	border-radius:0.4em;
	padding:1em;
}

.jigyosha h3 {
	position:relative;
	left:50%;
	transform:translatex(-50%);
	margin:0 0 1em 0;
	text-align:center;
	border-bottom:solid 1px #f9e2c4;
	width:60%;
}

.jigyosha_list {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:0.5em;
	padding-left:0;
	list-style-type:none;
	place-content:center;
}

.jigyosha_list li a {
	display:block;
	position:relative;
	text-decoration:none;
	color:#000;
	font-weight:600;
 	padding-left: 1.8em;
	transition:all .3s;
}

.jigyosha_list li a:hover {
	color:#e41b01;
}


.jigyosha_list li a:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:0.5em;
	background-image:url(/img/icon/orange-arrow2.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:14px;
	height:14px;
}
/*事業者の方へここまで*/

@media screen and (max-width:1440px) {
	.about_right_bottom {
		display:grid;
		grid-template-columns:1fr 1fr;
	}
	
	.jigyosha_list {
		grid-template-columns:1fr;
	}


	.jigyosha h3 {
		width:80%;
	}
}

/*三島町についてここまで*/

/*みしま通信ここから*/
.mishima_info {
	position:relative;
	background-image:url(/img/top/info-bg.png);
	margin: -4% calc(50% - 50vw);
	width: 99.7vw;
	padding:14% 0 18%;
	overflow:hidden;
	z-index: 2;
}

.mishima_info_wrap {
	position:relative;
	display:grid;
	grid-template-columns:1fr 1.1fr 1fr;
	max-width:1200px;
	margin:0 auto;
	gap:1em;
	margin-top:4.5%;
	z-index:3;
}

@media screen and (max-width:1200px) {
	.mishima_info_wrap  {
		display:flex;
		flex-wrap: wrap;
		width:85%;
	}

	.mishima_info_wrap > * {
		flex:1 1 380px;
	}
}

@media screen and (max-width:1000px) {
	.mishima_info_wrap  {
		width:90%;
	}
}

@media screen and (max-width:870px) {
	.mishima_info_wrap  {
		width:70%;
	}
}

.info_h2 span {
	color:#4772b7;
}

.info_h2 span:before, .info_h2 span:after {
	background:#4772b7;
}


/*タブ切り替えここから*/
.news_box {
  width: 100%;
  margin: 0 auto 5%;
  /*tabの形状*/
  /*エリアの表示非表示と形状*/
}

.news_box a {
  color: #333;
  text-decoration: none;
}

.news_box .news_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: center;
  margin-top: 0;
  gap:0.5em;
}

.news_box .news_tab li a {
	position:relative;
	border-radius:0.3em;
	padding:0.4em 1em 0.4em 2.7em;
	z-index:2;
}

.news_box .news_tab li a:before {
	content: "";
 	position: absolute;
  	top: 100%;
  	left: 50%;
  	margin-left: -12px;
  	border: 12px solid transparent;
	z-index:-1;
}

.news_tab li:first-child a{
	background:#fff;
	border:solid 2px #1877f2;
	color:#1877f2;
}

.news_tab li:nth-child(2) a{
  background: #fff;
  border: solid 2px #000;
  color: #000;
}

.news_tab li:nth-child(3) a {
  background: #fff;
  border: solid 2px #DA2E68;
  color: #DA2E68;
}

.news_tab li:nth-child(4) a {
  background: #fff;
  border: solid 2px #01825B;
  color: #01825B;
}

.news_box .news_tab_item.active {
  /*liにactiveクラスがついた時の形状*/
}

.news_tab li:first-child.active a {
  background: #1877f2;
  color: #fff;
}

.news_tab li:first-child a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:0.5em;
	background-image:url(/img/icon/facebook-icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:35px;
	height:35px;
	
}

.news_tab li:nth-child(2).active a {
  background: #000;
  color: #fff;
}

.news_tab li:nth-child(2) a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:0.5em;
	background-image:url(/img/icon/x-icon.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:35px;
	height:35px;
}

.news_tab li:nth-child(3).active a {
  background: #d92e68;
  color: #fff;
}


.news_tab li:nth-child(3) a:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 0.5em;
  background-image: url(/img/icon/instagram-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
}

.news_tab li:nth-child(3).active a:after {
  background-image: url(/img/icon/instagram-icon2.png);
}

.news_tab li:nth-child(4).active a {
  background: #008259;
  color: #fff;
}


.news_tab li:nth-child(4) a:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 0.5em;
  background-image: url(/img/icon/line-icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 35px;
}

.news_box .news_tab_item a {
  font-size:2rem;
  display: block;
  color: #fff;
  margin: 0 2px;
  padding: 0.5em 2em;
  letter-spacing:0.1em;
  font-weight:bold;
}
.news_box .area {
  display: none;
  /*はじめは非表示*/
  opacity: 0;
  /*透過0*/
  background: #fff;
  padding: 1% 0;
  /*areaにis-activeというクラスがついた時の形状*/
}

.news_box .area.is-active {
  display: block;
  /*表示*/
  -webkit-animation-name: displayAnime;
          animation-name: displayAnime;
  /*ふわっと表示させるためのアニメーション*/
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*タブ切り替えここまで*/

/*facebook*/
#facebook {
	background:#fff;
	border:solid 2px #1877f2;
	border-radius:1em;
	padding:1em 0 2em;
}

.fb_iframe_widget {
	display:flex!important;
	justify-content:center;
	margin-bottom:1.5em;
}

#facebook-wrap span {
	max-width:350px!important;
	max-height:380px!important;
}

#facebook-wrap span iframe {
	max-width:350px!important;
	max-height:380px!important;
}

#facebook .link_box a {
	background-color:#1877f2;
	transition:all .3s;
}

#facebook .link_ichiran a:hover {
	background-color:#529af7;
}
/*facebookここまで*/

/*Twitter*/
#twitter {
	background:#fff;
	border:solid 2px #1d9bf0;
	border-radius:1em;
	padding:1em 1.8em 2em;
}

.twitter-timeline {
	overflow-y:scroll;
	max-height: 380px!important;
	margin-bottom:1.5em!important;
	justify-content:center;
}

#twitter iframe {
	max-width: 350px!important;
	min-width:200px;
}


#twitter .link_box a {
	background-color:#1d9bf0;
	transition:all .3s;
}

#twitter .link_ichiran a:hover {
	background-color:#60befc;
}
/*Twitterここまで*/

/*ボタン*/
.news_box .link_box {
	text-align:center;
}

.news_box .link_box a{
	color:#fff;
	font-weight:bold;
	padding:0.4em 3.5em 0.4em 2em;
	border:none;
}
.news_box .link_box a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:1.5em;
	background-image:url(/img/icon/white-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:17px;
	height:17px;
}
/*ボタンここまで*/

/*からんころんバナーここから*/
.facebook_bnr {
	max-width:440px;
	height:auto;
	margin:0 auto;
}

.facebook_bnr a {
	display:block;
}

.facebook_bnr img {
	width:100%;
	transition:all.3s;
}

.facebook_bnr img:hover {
	filter: brightness(0.8);
}
/*からんころんバナーここまで*/


/*町の出来事ここから*/
.info_topics {
	background:#f8fcfa;
	border:solid 2px #008259;
	border-radius:1em;
}

.mishima_topics {
	background-color:#f8fcfa;
	border:solid 1px #008259;
	border-radius:1em;
	margin-bottom:1em;
}

.mishima_topics .lettering_box {
	display:flex;
	flex-flow:column;
}

.mishima_topics .lettering_box_img {
	margin:0 auto;
	padding:0!important;
	width:80%!important;
}

.mishima_topics .topics_h3 {
	text-align:center;
	color:#fff;
	background:#008259;
	margin:0;
	padding:0.7em 0;
	letter-spacing:0.1em;
	border-radius:0.6em 0.6em 0 0 ;
}

.mishima_topics #top_tab_detail_2 {
	padding:2em;
}

.mishima_topics .lettering_box_text {
	margin-top:1em;
}

.mishima_topics .link_box {
	text-align:center;
}

.mishima_topics .link_box a {
	color:#fff;
	font-weight:bold;
	background:#008259;
	padding:0.4em 3.5em 0.4em 2em;
	transition:all .3s;
}

.mishima_topics .link_box a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:1.3em;
	background-image:url(/img/icon/white-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:17px;
	height:17px;
}

.mishima_topics .link_box a:hover {
	background:#2f9676;
}

/*町の出来事ここまで*/


/*広報みしまここから*/
.mishima_koho {
	background:#fcfff7;
	border:solid 2px #7b55c0;
	border-radius:1em;
	padding:6% 6% 4%;
}

.mishima_koho_wrap {
	display:flex;
}
.koho_img {
	width:47%;
	border:solid 6px #7b55c0;
}

.koho_img img {
	width:100%;
	height: auto;
}

.koho_left_area {
	width:50%;
	background-image:url(/img/top/koho-bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin:-0.8em 0 0 0;
	padding:6% 0;
}

.koho_h3 {
	position:relative;
	text-align:center;
	margin-bottom:1.5em;
	z-index:2;
}

.koho_h3:after {
	position:absolute;
	bottom:0.2em;
	left:50%;
	transform:translatex(-50%);
	display:inline-block;
	content:'';
	width:65%;
	height:10px;
	background:#f6ffd2;
	z-index:-1;
}

.koho_btn_list {
	display:flex;
	flex-flow:column;
	padding-left:0;
	list-style-type:none;
	gap:1.5em;
	justify-content:center;
	align-items:center;
	text-align:start;
}

.koho_btn_list li a {
	position:relative;
	background:#7b55c0;
	color:#fff;
	font-weight:bold;
	padding:0.5em 3.2em 0.5em 0.8em;
	text-decoration:none;
	border-radius:2em;
	transition:all .3s;
}

.koho_btn_list li a:after {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:0.5em;
	background-image:url(/img/icon/white-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:17px;
	height:17px;
}

.koho_btn_list li a:hover {
	background:#947ac4;
}
/*広報みしまここまで*/

/*イベントカレンダー*/
.event {
	background:#fff;
	border-radius:1em;
	box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
}

.event .top_tab_detail_box2 {
	padding:1em 1.5em 2.5em;
}

.event_h3 {
	background:#4772b7;
	margin:0;
	border-radius:0.8em 0.8em 0 0 ;
	padding:0.8em 0;
	text-align:center;
	color:#fff;
}

/*イベントカレンダーここまで*/


/*雲装飾ここから*/
.oshirase_kumo01 {
	content:'';
	display:inline-block;
	position:absolute;
	top: 15%;
	left:8%;
	background-image:url(/img/top/top-kumo-blue.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:344px;
	height:9.6vw;
	height:164px;
	z-index:1;
}

.oshirase_kumo02 {
	content:'';
	display:inline-block;
	position:absolute;
	top: 70%;
	left:10%;
	background-image:url(/img/top/top-kumo-blue.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:210px;
	height:110px;
	z-index:1;
}

.oshirase_kumo03 {
	content:'';
	display:inline-block;
	position:absolute;
	top: 20%;
	right:8%;
	background-image:url(/img/top/top-kumo-blue.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:295px;
	height:154px;
	z-index:1;
}

.oshirase_kumo04 {
	content:'';
	display:inline-block;
	position:absolute;
	top: 65%;
	right:-1%;
	background-image:url(/img/top/top-kumo-blue.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:186px;
	height:97px;
	z-index:1;
}
/*雲装飾ここまで*/

/*みしま通信ここまで*/


/*広告バナーエリアここから*/
#top_banner_kokoku {
	text-align:center;
}

#top_banner_kokoku_wrap {
	position:relative;
	margin: 0 calc(50% - 50vw);
	width: 99.7vw;
	background-image:url(/img/top/koukoku-bnr-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center -2vw;
	padding:16vw 0 15vw;
	margin-top:-8%;
	z-inde:2;
}

#top_banner_kokoku_list {
	width:66.7vw;
	min-width:200px;
	max-width:1135px;
	justify-content:center!important;
	background-color:#fff;
	display:inline-block;
	padding:2% 5%;
	border-radius:0.5em;
}

#top_banner_kokoku_wrap .slick-dots li {
	width:15px!important;
}

#top_banner_kokoku_wrap .slick-dots li button {
	width:12px!important;
	height:12px!important;
}

#top_banner_kokoku_wrap .slick-prev {
	position:absolute;
	left:0;
	top:50%;
	transform:translatey(-50%);
	visibility:hidden;
}

#top_banner_kokoku_wrap .slick-prev:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	left:-1.2em;
	background-image:url(/img/icon/bnr-prev.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:51px;
	height:59px;
	visibility: visible;
}

#top_banner_kokoku_wrap .slick-next {
	position:absolute;
	right:0;
	top:50%;
	transform:translatey(-50%);
	visibility:hidden
}

#top_banner_kokoku_wrap .slick-next:before {
	content:'';
	display:inline-block;
	position:absolute;
	top: 50%;
	transform:translatey(-50%);
	right:-1.2em;
	background-image:url(/img/icon/bnr-next.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:51px;
	height:59px;
	visibility: visible;
}

#top_banner_kokoku_wrap .slick-next:hover:before, 
#top_banner_kokoku_wrap .slick-prev:hover:before {
	opacity:0.7;
}

@media screen and (max-width:1024px) {
	#top_banner_kokoku_list {
		width:90vw;
	}
}

#top_banner_kokoku ul li a img {
	transition: all .3s;
}

#top_banner_kokoku ul li a img:hover{
	 filter: brightness(0.9); 
}

@media screen and (max-width:768px) {
	#top_banner_kokoku_wrap {
		padding:18vw 0 15vw;
}
}

/*広告バナーエリアここまで*/

/*20230626追加分*/
.kakuka_list {
	justify-content: space-between;
}

/*本田追加*/
div#x,
div#line {
  text-align: center;
  padding: 1.5rem 0;
}


.news_tab .news_tab_item:nth-child(odd) {
  width: 59%;
}

.news_tab .news_tab_item:nth-child(even) {
  width: 38%;
}

.news_tab .news_tab_item a {
  margin: 0;
}

.instagram_wrap {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

/*Twitter*/
#x {
  background: #FFF;
  border: solid 2px #000;
  border-radius: 1em;
  padding: 0;
}

#instagram {
  background: #FFF;
  border: solid 2px #DA2E68;
  border-radius: 1em;
  padding: 0;
}

#line {
  background: #FFF;
  border: solid 2px #01825B;
  border-radius: 1em;
  padding: 0;
}