@charset "UTF-8";
/* CSS Document */

/* チャットボット用 */
#chatbot-anchor,
#chatbot_container{
	/*display: none;*/
	z-index: 9999;
}

/* 読み上げ対応 */
.shadow {
	position: absolute;
	left: -9999em;
}

/* 改修対応 */
#pankuzu_sp,
#left-column #lifemenu,
#mainwrap #main #top{
	display: none;
}


/*##########
基本設定
##########*/

*{
	font-family: 'Zen Kaku Gothic New', sans-serif !important;
}

body{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 0.98em;
	margin: 0;
	padding: 0;
	position: relative;
	color: #333;
	word-break: break-all;
	font-weight: 500;
	letter-spacing: 0.1rem;
	background-color: #FCF9F3;
	background-image: url("../../content_images/vtop/left_sakura_back.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left bottom;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, textarea, select{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 100%;
	padding: 0;
	margin: 0;
	font-weight: 500;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

a{
	color: #005CD9;
}

a:visited{
	color: #702E92;
}

a:hover{
	text-decoration: none;
	color: #A81A1C;
}

/* Googlemaps */

iframe[src*="maps"]{
	width: 100%;
	height: 400px;
	filter: grayscale(100%);
	transition: 0.3s;
	vertical-align: bottom;
}
iframe[src*="maps"]:hover{
	filter: grayscale(0%);
}

.text_red{
	color:#EF0000;
}

.text_green{
	color:#008813;
}

.text_brown{
	color:#C65400;
}

hr{
	border: 0;
	border-bottom: 1px solid #CCC;
}

/*##########
ヘッダー
##########*/
#header{
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
}

#header .inner{
	max-width: 1480px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px 0;
}

#header .inner .logo{
	height: 50px;
}

#header .inner .logo img{
	height: 100%;
	width: auto;
}

#headright{
	display: flex;
	align-items: center;
	font-size: 1rem;
}

#headright > div{
	margin-left: 10px;
}

#headright .sougou a{
	background-color: #00357E;
	color: #FFF;
	text-decoration: none;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 0.9rem;
	height: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0;
}

#font_box,
#font_box ul,
#bgcolor,
#bgcolor ul{
	display: flex;
	align-items: center;
}

#lang a{
	text-decoration: none;
	padding: 0 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.9rem;
	height: 23px;
	background-color: #333;
	color: #FFF;
	border-radius: 4px;
	padding-bottom: 3px;
}

#headright li{
	list-style: none;
	margin: 3px;
}

#headright li img{
	border-radius: 3px;
	border: 1px solid #FFF;
}

/* カスタム検索 */
#header .gsc-control-searchbox-only{
	margin-right: 10px;
}

#header .gsc-input{
	padding: 0 !important;
}

#header .gsc-input .gsc-input-box{
	width: 160px;
	border-radius: 30px 0 0 30px;
	padding-left: 10px;
	border-color: #333;
	height: 25px;
}

#header .gsc-input .gsc-input-box table input.gsc-input{
	height: 25px !important;
}

#header .gsc-search-button{
	margin: 0;
	width: auto;
}
#header .gsc-search-box > tbody > tr{
	display: flex;
}

#header .gsc-search-button button{
	border: 0;
	background-color: #333;
	border-radius: 0 30px 30px 0;
	height: 100%;
	width: 40px;
	padding: 0;
	cursor: pointer;
}

#header form.gsc-search-box{
	margin: 0;
}

#header .gsib_a{
	padding: 0;
}

#header table.gsc-search-box{
	margin: 0;
}


/*##########
メインメニュー
##########*/
#mainmenuwrap{
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	box-shadow: 0 7px 14px -6px rgba(0,0,0,0.1);
	z-index: 100;
}

/*##########
ぱんくず
##########*/
#pankuzu{
	width: calc(100% - 30px);
	max-width: 1480px;
	padding: 15px;
	margin: auto;
}

/*##########
トップコンテンツ
##########*/

/***** コロナ情報枠 *****/
#covid19_box{
	display: flex;
	justify-content: space-between;
	width: calc(100% - 40px);
	max-width: 1480px;
	margin: auto;
	padding: 0 20px;
	flex-wrap: wrap;
}

#covid19_box #kinkyuu{
	width: calc(100% - 320px - 90px);
}

#covid19_box #kinkyuu .text{
	max-height: 120px;
	overflow-y: auto;
}

#covid19_box .covid19_banner ul{
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	height: 100%;
}

#covid19_box .covid19_banner ul li{
	list-style: none;
	margin: 10px;
}

/***** 注目情報 *****/
#kinkyuu{
	border: 5px solid #FFBE00;
	padding: 0 20px 20px 20px;
	background: #FFF;
	border-radius: 4px;
}
#kinkyuu h2{
	background-color: #FFBE00;
	padding: 10px 20px 15px;
	font-size: 120%;
	color: #000;
	position: relative;
	margin: 10px -20px 20px;
	font-weight: 700;
}

#kinkyuu h2:first-child{
	margin-top: 0;
}

#kinkyuu h2.juuyou{
	background-image: url(../../../contents_images/column/icon-juuyou.png);
	background-position: left 8px center;
	background-repeat: no-repeat;
	padding-left: 34px;
}

/***** 重要なお知らせ *****/
#important{
	border: 5px solid #B70000;
	padding: 0 20px 20px 20px;
	background: #FFF;
	margin: 0 auto 30px;
	width: calc(100% - 90px);
	max-width: 1430px;
	border-radius: 4px;
}
#important > h2{
	background-color: #B70000;
	padding: 10px 10px 15px 35px;
	font-size: 120%;
	color: #FFF;
	position: relative;
	margin: 0 -20px 20px -20px;
}
#important > h2::before{
	content: url(../../../contents_images/column/icon-juuyou.png);
	left: 8px;
	top: 25%;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
}
#important li{
	list-style: none;
	padding: 5px;
}
#important li:nth-child(n+2){
	border-top: 1px solid #CCC;
}
#important a{
	color: #005ca6;
}
#important a:hover,
#important a:focus{
	color: #B94446;
}
#important .kamei{
	display: none;
}

/* 重要なお知らせ左メニュー */
ul#juuyou{
	display: none;
}



/***** コンテンツスライダー *****/
#sliderwrap{
	padding: 60px 40px;
	position: relative;
	overflow-x: hidden;
	z-index: 1;
	background-color: rgba(255,255,255,0.40);
	backdrop-filter: blur(10px);
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	margin: 60px 0 60px;
}

#sliderwrap .slick-list{
	overflow: inherit;
}

#sliderwrap .slick-initialized .slick-slide{
	border-radius: 4px;
	overflow: hidden;
	margin: 0 10px;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.2);
}

#sliderwrap .slick-initialized .slick-slide img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: top;
}

#sliderwrap .slick-prev,
#sliderwrap .slick-next{
	background-color: #00357E;
	backdrop-filter: blur(2px);
	z-index: 1;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

#sliderwrap .slick-prev{
	left: calc(50% - 320px - 40px);
}

#sliderwrap .slick-next{
	right: calc(50% - 320px - 40px);
}

#sliderwrap .slick-prev:before,
#sliderwrap .slick-next:before{
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}

#sliderwrap .slick-prev:before{
	transform: rotate(135deg);
	margin-left: 5px;
}

#sliderwrap .slick-next:before{
	transform: rotate(-45deg);
	margin-right: 5px;
}



#sliderwrap .slick-dots{
	bottom: -40px;
	width: calc(640px - 50px);
	left: calc(50% - 320px);
	text-align: left;
}

#sliderwrap .slick-dots li.slick-active button:before{
	color: #00357E;
	text-shadow: 0 0 6px #FFF;
}

#sliderwrap .slide_block{
	position: relative;
}

.control{
	text-align: center;
	position: absolute;
	bottom: -40px;
	z-index: 1;
	right: calc(50% - 320px);
	width: 50px;
}

.control button{
	border: 0;
	background-color: transparent;
	background-size: cover;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

.control .button_start{
	background-image: url("../../content_images/top/icon_start_off.png");
}
.control .button_start.active{
	background-image: url("../../content_images/top/icon_start_on.png");
}

.control .button_stop{
	background-image: url("../../content_images/top/icon_stop_off.png");
}
.control .button_stop.active{
	background-image: url("../../content_images/top/icon_stop_on.png");
}


/***** 情報を探す *****/
#search_info{
	width: calc(100% - 20px);
	max-width: 1480px;
	margin: auto;
	margin-bottom: 60px;
}

#search_info h2{
	font-size: 180%;
	font-weight: 700;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
	box-shadow: 0 8px 14px -10px rgba(0,0,0,0.1);
}

#search_info .inner{
	display: flex;
	justify-content: center;
}

#search_info .inner > div{
	margin: 20px;
}

/* サイト内検索 */
#search_info .inner .search_box{
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px;
	border-radius: 4px;
	width: 400px;
}

#search_info .inner .search_box h3{
	font-size: 140%;
	margin-bottom: 20px;
	font-weight: 700;
}

#search_info .inner .search_box h4{
	font-size: 120%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 700;
}

#search_info .inner .search_box #lank{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

#search_info .inner .search_box #lank li{
	list-style: none;
	margin: 0 10px 10px 0;
}

#search_info .inner .search_box #lank li a{
	background-color: #00357E;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 8px;
	border-radius: 4px;
	border: 1px solid #FFF;
	transition: 0.3s;
}

#search_info .inner .search_box #lank li a:hover,
#search_info .inner .search_box #lank li a:focus{
	border: 1px solid #00357E;
	background-color: #FFF;
	color: #000;
}

/* カスタム検索 */
#search_info .inner .search_box .gsc-control-searchbox-only{
	margin-right: 10px;
}

#search_info .inner .search_box .gsc-input{
	padding: 0 !important;
	width: 100%;
}

#search_info .inner .search_box .gsc-input .gsc-input-box{
	max-width: 100%;
	border-radius: 30px 0 0 30px;
	padding-left: 10px;
	border-color: #333;
}

#search_info .inner .search_box .gsc-search-button{
	margin: 0;
	width: auto;
}
#search_info .inner .search_box .gsc-search-box > tbody > tr{
	display: flex;
}

#search_info .inner .search_box .gsc-search-button button{
	border: 0;
	background-color: #333;
	border-radius: 0 30px 30px 0;
	height: 100%;
	width: 40px;
	padding: 0;
	cursor: pointer;
}

#search_info .inner .search_box form.gsc-search-box{
	margin: 0;
}

#search_info .inner .search_box table.gsc-search-box{
	margin: 0;
}



/* 検索ヒント */
#search_info .inner .search_hint{
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px;
	border-radius: 4px;
}

#search_info .inner .search_hint ul{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

#search_info .inner .search_hint ul li{
	list-style: none;
	margin: 10px 0;
	width: 240px;
}

#search_info .inner .search_hint ul li a{
	display: block;
	padding: 20px;
	border-radius: 4px;
	text-decoration: none;
	color: #FFF;
	background-color: #00357E;
	transition: 0.3s;
}

#search_info .inner .search_hint ul li a:hover,
#search_info .inner .search_hint ul li a:focus{
	background-color: #000;
	padding-left: 30px;
}

/* 情報がみつからないときは */
#search_info .inner .other_search .contact{
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px;
	border-radius: 4px;
	margin-bottom: 30px;
}

#search_info .inner .other_search .contact h3{
	font-size: 120%;
	margin-bottom: 20px;
	font-weight: 700;
}

#search_info .inner .other_search .contact a{
	background-color: #00357E;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 10px 5px;
	border-radius: 4px;
	font-size: 140%;
	text-align: center;
	transition: 0.3s;
}

#search_info .inner .other_search .contact a:hover,
#search_info .inner .other_search .contact a:focus{
	background-color: #000;
}

/* 市に意見を送る */
#search_info .inner .other_search .public_post{
	border: 1px solid #00357E;
	padding: 20px 40px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
}

#search_info .inner .other_search .public_post h4{
	font-size: 120%;
	margin-bottom: 20px;
	font-weight: 700;
}

#search_info .inner .other_search .public_post li{
	list-style: none;
	border-bottom: 1px solid #CCC;
}

#search_info .inner .other_search .public_post li a{
	text-decoration: none;
	color: #000;
	padding: 5px;
	display: block;
	transition: 0.3s;
}

#search_info .inner .other_search .public_post li a:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #00357E;
	margin-right: 5px;
	transition: 0.3s;
}

#search_info .inner .other_search .public_post li a:hover,
#search_info .inner .other_search .public_post li a:focus{
	background-color: #00357E;
	color: #FFF;
}

#search_info .inner .other_search .public_post li a:hover:before,
#search_info .inner .other_search .public_post li a:focus:before{
	border-color: transparent transparent transparent #FFF;
}



/***** ナビメニュー *****/
#navi_menu{
	background-color: rgba(228,248,238,0.80);
	margin-bottom: 60px;
	padding: 40px;
}

#navi_menu .inner{
	width: 100%;
	max-width: 1200px;
	display: flex;
	justify-content: center;
	margin: auto;
}

/* 緊急時に備えて */
#navi_menu .emegency_navi{
	border: 5px solid #FFBE00;
	background-color: #FFF;
	padding: 20px 40px;
	margin: 20px;
	border-radius: 4px;
	width: calc(40% - 120px);
}

#navi_menu .emegency_navi h2{
	font-size: 140%;
	margin-bottom: 20px;
	font-weight: 700;
	text-align: center;
}

#navi_menu .emegency_navi ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#navi_menu .emegency_navi ul li{
	list-style: none;
	width: calc(100% / 3 - 14px);
	margin: 5px;
	min-height: 80px;
}

#navi_menu .emegency_navi ul li a{
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #333;
	background-color: rgba(255,217,109,1.00);
	border-radius: 4px;
	font-weight: 700;
	border: 1px solid #FFF;
	transition: 0.3s;
}

#navi_menu .emegency_navi ul li a:hover,
#navi_menu .emegency_navi ul li a:focus{
	border: 1px solid #FFD96D;
	background-color: rgba(255,217,109,0.10);
}


/* 暮らしのメニュー */
#navi_menu .kurashi_navi{
	border: 5px solid #8FCED5;
	background-color: #FFF;
	padding: 20px 40px;
	margin: 20px;
	border-radius: 4px;
	width: calc(60% - 120px);
}

#navi_menu .kurashi_navi h2{
	font-size: 140%;
	margin-bottom: 20px;
	font-weight: 700;
	text-align: center;
}

#navi_menu .kurashi_navi ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#navi_menu .kurashi_navi ul li{
	list-style: none;
	width: calc(100% / 5 - 14px);
	margin: 5px;
	min-height: 100px;
}

#navi_menu .kurashi_navi ul li a{
	display: flex;
	width: 100%;
	height: calc(100% - 10px);
	padding-bottom: 10px;
	justify-content: center;
	align-items: flex-end;
	text-decoration: none;
	color: #333;
	font-weight: 700;
	background-color: rgba(197,232,236,0.40);
	border-radius: 4px;
	font-size: 90%;
	background-repeat: no-repeat;
	background-position: center top 10px;
	background-size: 60px 60px;
	border: 1px solid #FFF;
	transition: 0.3s;
	line-height: 100%;
}

#navi_menu .kurashi_navi ul li a:hover,
#navi_menu .kurashi_navi ul li a:focus{
	border: 1px solid #8FCED5;
	background-color: rgba(197,232,236,0.10);
}


#navi_menu .kurashi_navi ul li a.kekkon{
	background-image: url("../../content_images/top/icon_kekkon.png");
}
#navi_menu .kurashi_navi ul li a.ninshin{
	background-image: url("../../content_images/top/icon_ninshin.png");
}
#navi_menu .kurashi_navi ul li a.kosodate{
	background-image: url("../../content_images/top/icon_kosodate.png");
}
#navi_menu .kurashi_navi ul li a.gakkou{
	background-image: url("../../content_images/top/icon_gakkou.png");
}
#navi_menu .kurashi_navi ul li a.sumai{
	background-image: url("../../content_images/top/icon_sumai.png");
}
#navi_menu .kurashi_navi ul li a.kankyou{
	background-image: url("../../content_images/top/icon_kankyou.png");
}
#navi_menu .kurashi_navi ul li a.mynumber{
	background-image: url("../../content_images/top/icon_mynumber.png");
}
#navi_menu .kurashi_navi ul li a.shushoku{
	background-image: url("../../content_images/top/icon_shushoku.png");
}
#navi_menu .kurashi_navi ul li a.kaigo{
	background-image: url("../../content_images/top/icon_kaigo.png");
	background-size: 50px 50px;
}
#navi_menu .kurashi_navi ul li a.okuyami{
	background-image: url("../../content_images/top/icon_okuyami.png");
}




.sns{
	width: 100%;
}

.sns ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.sns ul li{
	list-style: none;
	margin: 10px;
}

.sns ul li a{
	background-size: cover;
	width: 40px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.sns ul li.icon_line a{
	background-image: url("../../content_images/common/icon_line.png");
}

.sns ul li.icon_tw a{
	background-image: url("../../content_images/common/icon_twitter.png");
}

.sns ul li.icon_fb a{
	background-image: url("../../content_images/common/icon_facebook.png");
}

.sns ul li.icon_ig a{
	background-image: url("../../content_images/common/icon_instagram.png");
}

.sns ul li.icon_rss a{
	background-image: url("../../content_images/common/icon_rss.png");
}


/***** ピックアップ枠 *****/
#pickup{
	width: calc(100% - 40px);
	max-width: 1480px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

#pickup > div{
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px;
	border-radius: 4px;
}

/* PR系 */
#pickup .pr{
	width: 240px;
	text-align: center;
}

#pickup .pr h2{
	font-size: 140%;
	margin-bottom: 10px;
}

#pickup .pr .livecam{
	margin-bottom: 20px;
}

/* お知らせ */
#pickup .news{
	width: calc(100% - 240px - 160px - 40px);
}

#pickup .news .news_tit{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

#pickup .news .news_tit h2{
	font-size: 140%;
	width: 200px;
	padding-bottom: 10px;
	border-bottom: 3px solid #EDB800;
}

#pickup .news .news_tit .other_news{
	display: flex;
}

#pickup .news .news_tit .other_news h3{
	font-size: 120%;
	margin-left: 20px;
}

#pickup .news .news_tit .other_news h3 a{
	display: block;
	padding: 5px 8px;
	text-decoration: none;
	color: #333;
	border: 1px solid #CCC;
	border-radius: 4px;
}

#pickup .news .news_list{
	max-height: 300px;
	overflow-y: auto;
}

#pickup .news .news_list table{
	border-collapse: collapse;
	width: 100%;
}

#pickup .news .news_list table td{
	padding: 8px 5px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
}

#pickup .news .news_list table td.top_topix{
	width: 10em;
}

#pickup .news .news_list table td span.kamei{
	margin-left: 10px;
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size: 90%;
	padding: 0 5px;
	display: inline-block;
}

#pickup .news .news_list table td span.kamei:empty{
	display: none;
}

/* 20230928お知らせ改修 */
.news_flex .other_news h3 a{
	background-color: #00357E;
	color: #FFF;
	text-decoration: none;
	border-radius: 4px;
	font-size: 120%;
}



/***** 広報・市長室 *****/
#top_box_01{
	background-image: url("../../content_images/top/back_hanaikada.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	padding: 60px 20px;
	margin-bottom: 60px;
}

#top_box_01 .inner{
	width: 100%;
	max-width: 1480px;
	margin: auto;
	display: flex;
	justify-content: center;
}

#top_box_01 .inner .koho{
	background-color: rgba(255,255,255,0.90);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px;
	border-radius: 4px;
	margin: 0 20px;
}

#top_box_01 .inner .koho h2{
	font-size: 160%;
	margin-bottom: 20px;
}

#top_box_01 .inner .koho .koho_box{
	display: flex;
}

#top_box_01 .inner .koho .koho_box > div{
	margin: 10px;
}

/**** 広報誌・SNS *****/

#top_box_01 .inner .koho .koho_box .sns_list h3{
	background-color: #FFF;
	font-size: 140%;
	padding: 5px 8px;
}

#top_box_01 .inner .koho .koho_box .sns_list ul{
	margin: 20px 20px;
}

#top_box_01 .inner .koho .koho_box .sns_list ul li{
	list-style: none;
}

#top_box_01 .inner .koho .koho_box .sns_list ul li{
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: left center;
	border-bottom: 1px dotted #CCC;
	padding: 5px 0;
}

#top_box_01 .inner .koho .koho_box .sns_list ul li.icon_line{
	background-image: url("../../content_images/common/icon_line.png");
}
#top_box_01 .inner .koho .koho_box .sns_list ul li.icon_tw{
	background-image: url("../../content_images/common/icon_twitter.png");
}
#top_box_01 .inner .koho .koho_box .sns_list ul li.icon_fb{
	background-image: url("../../content_images/common/icon_facebook.png");
}

#top_box_01 .inner .koho .koho_box .sns_list ul li a{
	padding-left: 24px;
	text-decoration: none;
	color: #333;
	display: block;
}

#top_box_01 .inner .koho .koho_box .sns_list h4{
	margin-top: 10px;
}

#top_box_01 .inner .koho .koho_box .sns_list h4 a{
	display: block;
	text-align: center;
	border: 1px solid #CCC;
	padding: 5px 0;
	text-decoration: none;
	color: #333;
	background-color: #FFF;
	border-radius: 4px;
}


/* 市長の部屋 */

#top_box_01 .inner .shisei .mayer{
	height: calc(70% - 20px);
	margin-bottom: 40px;
}

#top_box_01 .inner .shisei .mayer a{
	background-image: url("../../content_images/top/shicho_top.png");
	background-size: 100% auto;
	background-position: bottom center;
	background-repeat: no-repeat;
	object-fit: cover;
}

/* 議会 */

#top_box_01 .inner .shisei .gikai{
	height: calc(30% - 20px);
}

#top_box_01 .inner .shisei .gikai a{
	background-image: url("../../content_images/top/back_gikai.jpg");
	background-size: cover;
	background-position: center center;
}

#top_box_01 .inner .shisei .mayer a,
#top_box_01 .inner .shisei .gikai a{
	display: flex;
	justify-content: center;
	width: 240px;
	border: 1px solid #FFF;
	border-radius: 4px;
	height: 100%;
	background-color: #FFF;
	text-decoration: none;
}

#top_box_01 .inner .shisei .mayer a span{
	color: #333;
	display: block;
	margin-top: 20px;
	font-size: 140%;
	font-weight: 700;
}

#top_box_01 .inner .shisei .gikai a{
	align-items: center;
}

#top_box_01 .inner .shisei .gikai a span{
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	text-align: center;
	color: #FFF;
	padding: 10px 0;
	margin-top: 25px;
	font-size: 120%;
}


/***** 市政枠 *****/
#top_box_02{
	padding: 60px 20px;
}

#top_box_02 .inner{
	display: flex;
	justify-content: center;
}

/* 行政情報 */
#top_box_02 .inner .gyosei{
	background-color: rgba(255,255,255,0.90);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px;
	border-radius: 4px;
	margin: 0 20px;
	width: 320px;
}

#top_box_02 .inner .gyosei h2{
	font-size: 140%;
	margin-bottom: 20px;
}

#top_box_02 .inner .gyosei .gyosei_box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#top_box_02 .inner .gyosei .gyosei_box ul li{
	list-style: none;
	width: calc(50% - 10px);
	margin-bottom: 20px;
}

#top_box_02 .inner .gyosei .gyosei_box ul li a{
	display: flex;
	padding: 15px 0;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background-color: #00357E;
	color: #FFF;
	text-decoration: none;
}

/* 人口と世帯数 */
#top_box_02 .inner .people{
	background-color: rgba(255,255,255,0.90);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px;
	border-radius: 4px;
	margin: 0 20px;
	width: 280px;
}

#top_box_02 .inner .people h2{
	font-size: 140%;
	margin-bottom: 10px;
}

#top_box_02 .inner .people table{
	width: 100%;
}

/* テーブル */

#top_box_02 .inner .people table{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
}
#top_box_02 .inner .people table th{
	background-color: #E6F4ED;
	text-align: left;
}
#top_box_02 .inner .people table th,
#top_box_02 .inner .people table td{
	border: 1px solid #6FC897;
	padding: 6px 8px;
	vertical-align: middle;
}

#top_box_02 .inner .people table td{
	padding-right: 20px;
}


/***** 事業者向け情報 *****/
#jigyousha{
	background-color: #005B4B;
	padding: 60px 20px;
	margin-bottom: 60px;
}

#jigyousha .inner{
	max-width: 1480px;
	margin: auto;
}

#jigyousha .inner h2{
	color: #FFF;
	font-size: 140%;
	margin-bottom: 20px;
	text-align: center;
}

#jigyousha .inner .jigyousha_link ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#jigyousha .inner .jigyousha_link ul li{
	list-style: none;
	margin: 10px;
}

#jigyousha .inner .jigyousha_link ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #DDD;
	border-radius: 4px;
	width: 240px;
	height: 60px;
	text-decoration: none;
	color: #FFF;
	transition: 0.3s;
}

#jigyousha .inner .jigyousha_link ul li a:hover,
#jigyousha .inner .jigyousha_link ul li a:focus{
	background-color: #FFF;
	color: #000;
}



/*##########
下層ページ
##########*/
#mainwrap{
}

/***** お知らせ *****/
#oshirase_index #main #content{
	width: calc(100% - 60px);
	max-width: 1560px;
	margin: auto;
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
}

#oshirase_index #mainwrap #left-column{
	display: none;
}

/***** カテゴリトップ *****/
#cat_index #main{
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 82px);
	max-width: 1480px;
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgb(0 0 0 / 10%);
	padding: 40px;
	border-radius: 4px;
}

/*** 共通 ***/
#category{
	margin: auto;
}

#cat_index #category{
	background: none;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
	width: 100%;
}

#main .cat_tit{
	background-color: #00357E;
	color: #FFF;
	width: 280px;
	padding: 20px;
	font-size: 1.8rem;
}

#main #content{
	border: 1px solid #00357E;
	background-color: #FFF;
}

#cat_index #main #content{
	width: calc(100% - 322px);
}

#main #content h1{
	padding: 20px;
	font-size: 140%;
}

#main #content table{
	display: block;
	max-height: 180px;
	overflow-y: auto;
	margin: 0 40px 20px;
	border-collapse: collapse;
}

#main #content table tbody{
	display: inline-table;
	width: 100%;
}

#main #content table td{
	border-bottom: 1px solid #CCC;
	padding: 8px 5px;
	vertical-align: top;
}

#main #content table td:first-child{
	width: 10em;
}

#main #content table td:last-child{
	width: calc(100% - 10em);
}

#main #content table td .kamei{
	margin-left: 10px;
	border: 1px solid #CCC;
	border-radius: 4px;
	font-size: 90%;
	padding: 0 5px;
	display: inline-block;
}

#main #content table td .kamei:empty{
	display: none;
}




/*** 下層ページ ***/
#main h1{
	font-size: 180%;
	text-align: center;
	margin-bottom: 40px;
	box-shadow: 0 10px 14px -14px rgba(0,0,0,0.2);
	padding: 30px 10px;
}

#cat_index #main h1{
	margin: 0;
	box-shadow: none;
}

#detail{
	width: calc(100% - 122px);
	max-width: 1440px;
	margin: 40px auto 0;
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -6px rgba(0,0,0,0.1);
	padding: 40px 60px;
	border-radius: 4px;
}

/* テーブル */

#detail table{
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	height: inherit !important;
}
#detail table[border="1"],
#detail table[border="2"]{
	border: 0;
}
#detail table[border="1"] > tbody > tr > th,
#detail table[border="2"] > tbody > tr > th{
	background-color: #E6F4ED;
	text-align: left;
}
#detail table td{
	padding: 3px;
}
#detail table[border="1"] > tbody > tr > th,
#detail table[border="2"] > tbody > tr > th,
#detail table[border="1"] > tbody > tr > td,
#detail table[border="2"] > tbody > tr > td{
	border: 1px solid #6FC897;
	padding: 6px 8px;
	vertical-align: middle;
}

#detail table[border="1"] > tbody > tr > td,
#detail table[border="2"] > tbody > tr > td{
	padding-right: 20px;
}



#cat_index #detail{
	box-shadow: none;
	background: none;
	backdrop-filter: none;
	border: 0;
	padding: 0;
}

#detail h2{
	background-color: #00357E;
	color: #FFF !important;
	padding: 12px 20px;
	margin: 30px -30px 20px;
	font-size: 140%;
	border-radius: 4px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
}

#detail h2 *{
	color: #FFF !important;
}

#detail h2 .text_red,
#detail h2 .text_green,
#detail h2 .text_brown{
	color: #FFF;
}

#detail h2 a{
	color: #FFF;
}

#detail h3{
	border: 1px solid #6FC897;
	background-color: #E6F4ED;
	padding: 8px 12px;
	margin: 20px -20px 10px;
	font-size: 120%;
	border-radius: 4px;
}

#detail h4{
	border-bottom: 1px solid #6FC897;
	border-left: 6px solid #6FC897;
	padding: 6px 10px;
	margin: 20px -10px 10px;
	font-size: 110%;
	border-radius: 4px 0 0 4px;
}

#detail h5{
	padding: 5px 0;
	margin: 10px -8px 5px;
	background-color: #EFF9F4;
}

#detail h5:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #6FC897;
	margin-right: 5px;
}

#detail h6{
	margin: 5px -3px 5px;
}

#detail h6:before{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid #6FC897;
	border-radius: 12px;
	margin-right: 5px;
}

#detail p{
	margin-bottom: 5px;
}

#detail img{
	margin: 5px;
}

#detail ul,
#detail ol{
	margin-left: 20px;
}

#detail li{
	margin-bottom: 3px;
}

#detail table{
}

#detail table th,
#detail table td{
	width: auto !important;
	height: auto !important;
}

/***** 署名 *****/
.toiawase_left,
.toiawase_right{
	float: left;
	margin-right: 20px;
}

.toiawase_right a{
	background-color: #00357E;
	color: #FFF;
	text-decoration: none;
	width: 140px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}

.clear{
	clear: both;
}


/***** アンケートフォーム *****/
#display_s{
	width: calc(100% - 122px);
	max-width: 1440px;
	margin: 60px auto 0;
	background-color: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	border: 1px solid #FFF;
	box-shadow: 0 0 14px -4px rgb(0 0 0 / 10%);
	padding: 40px 60px;
	border-radius: 4px;
	display: none;
}

#display_s .anqtitle{
	background-color: #FFF4BF;
	padding: 12px 20px;
	font-size: 140%;
	font-weight: 700;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	border: 1px solid #FFF;
	box-shadow: 0 0 14px 0 rgba(0,0,0,0.05);
}

#display_s .enquete_box{
	padding: 10px;
	display: none;
}

#display_s fieldset span{
	display: inline-block;
	margin: 10px;
}

#display_s fieldset span input[type="radio"]{
	margin-right: 5px;
}

#display_s fieldset textarea{
	height: 120px;
}

/* 検索結果 */
#detail .gsc-webResult.gsc-result{
	border-bottom: 1px dotted #CCC;
}

#detail .gsc-results .gsc-cursor-box .gsc-cursor-page{
	display: inline-block;
	width: 30px;
	border-radius: 4px;
	color: #000;
	text-align: center;
}


/*#################################################
特設サイト
#################################################*/
body#original #header .inner{
	padding: 10px 20px 10px;
}


/*#################################################
フォーム
#################################################*/
fieldset{
	border: 1px solid #AAA;
	padding: 20px 30px;
	margin: 10px auto 30px;
	border-radius: 4px;
}

legend{
	font-size: 120%;
	padding: 0 10px;
}

label{
	cursor: pointer;
}

fieldset input[type="text"],
fieldset input[type="email"]{
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 15px;
	width: 640px;
	width: calc(100% - 30px);
	background-color: #F4F4F4;
	margin: 10px 0;
}

fieldset input[type="date"]{
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 15px;
	background-color: #F4F4F4;
	margin: 10px 0;
}

fieldset input[type="file"]{
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 15px;
	background-color: #F4F4F4;
	margin: 10px 0;
}

fieldset textarea{
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 15px;
	width: calc(100% - 30px);
	background-color: #F4F4F4;
	margin: 10px 0;
}

fieldset select{
	border: 1px solid #CCC;
	border-radius: 4px;
	padding: 13px 15px;
	width: calc(100% - 0px);
	max-width: 640px;
	background-color: #F4F4F4;
	margin: 10px 0;
}

fieldset .radio_bt{
	padding: 8px;
	display: inline-block;
}

fieldset .radio_bt input{
	margin-right: 5px;
}

#display_s input[type="submit"],
#detail input[type="submit"]{
	display: block;
	margin: auto;
	border: 0;
	background-color: #00357E;
	color: #FFF;
	padding: 10px 16px;
	font-size: 120%;
	border-radius: 30px;
	min-width: 120px;
	cursor: pointer;
}

#detail input.cancel_button{
	display: block;
	border: 0;
	background-color: #D9D9D9;
	color: #333;
	padding: 10px 16px;
	font-size: 120%;
	border-radius: 30px;
	min-width: 120px;
	cursor: pointer;
}

.hissu{
	background-color: #D33B3B;
	color: #FFF;
	font-size: 80%;
	display: inline-block;
	padding: 4px 8px;
	margin-right: 10px;
	border-radius: 4px;
}

.nini{
	background-color: #2386AF;
	color: #FFF;
	font-size: 80%;
	display: inline-block;
	padding: 4px 8px;
	margin-right: 10px;
	border-radius: 4px;
}

/* 送信ボタン */
#detail table.sendbutton{
	table-layout: fixed;
}
#detail table.sendbutton tr td{
	padding: 10px;
}

#detail table.sendbutton tr td:first-child{
	text-align: right;
}

#detail table.sendbutton tr td:first-child input{
	margin: 0 0 0 auto;
}

/*#################################################
フッター
#################################################*/
footer{
}

/***** 広告バナー *****/
#banner{
	padding: 20px;
	margin-top: 60px;
}

#banner h2{
	font-size: 140%;
	margin-bottom: 20px;
	text-align: center;
}

#banner .inner{
	display: flex;
	max-width: 1280px;
	margin: auto;
	justify-content: center;
}

#banner .inner .item{
	max-width: calc(100% - 120px);
}

#banner .inner .item ul{
	display: flex;
	flex-wrap: wrap;
}

#banner .inner .item ul li{
	margin: 5px;
	list-style: none;
}

#banner .inner .boshu{
	margin: 5px;
}

#banner .inner .boshu a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 110px;
	background-color: #00357E;
	color: #FFF;
	text-decoration: none;
	border-radius: 4px;
	font-size: 1rem;
}

#banner .inner .item [src*="takamaru.png"]{
	display: none;
}

/***** フッターサブ *****/

footer .footer_nav{
	background-color: #00357E;
	color: #FFF;
	padding: 20px;
	font-weight: 400;
	font-size: 0.9rem;
	margin: 60px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

footer .footer_nav .footer_info{
	margin: 5px 10px;
}

footer .footer_nav .footer_info h3{
	font-size: 1.1rem;
}

footer .footer_nav .footer_info p span{
	margin-right: 10px;
}

footer .footer_nav .footer_sub ul{
	display: flex;
}

footer .footer_nav .footer_sub ul li{
	list-style: none;
	margin: 5px;
}

footer .footer_nav .footer_sub ul li a{
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 80px;
	min-height: 30px;
	border: 1px solid #FFF;
	background-size: 80px 80px;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 50px;
	text-align: center;
	letter-spacing: 0;
	border-radius: 4px;
	transition: 0.3s;
}

footer .footer_nav .footer_sub ul li a:hover{
	background-color: #001839;
	border: 1px solid rgba(255,255,255,0.4);
}

footer .footer_nav .footer_sub ul li.access a{
	background-image: url("../../content_images/common/icon_access.png");
}
footer .footer_nav .footer_sub ul li.office a{
	background-image: url("../../content_images/common/icon_office.png");
}

footer .footer_nav .footer_sub ul li.contact a{
	width: 120px;
	background-image: url("../../content_images/common/icon_contact.png");
}

footer .copy{
	text-align: center;
	background-color: #00357E;
	color: #FFF;
	padding: 20px;
}

/* フッターリンク */
footer .footer_nav .footer_linK{
	padding: 0 5px;
}

footer .footer_nav .footer_linK ul li{
	list-style: none;
}

footer .footer_nav .footer_linK ul li a{
	color: #FFF;
	display: flex;
	align-items: center;
	border-radius: 4px;
	margin: 5px;
	text-decoration: none;
	transition: 0.3s;
	padding: 0 5px;
}

footer .footer_nav .footer_linK ul li a:hover,
footer .footer_nav .footer_linK ul li a:focus{
	background-color: #001839;
}

footer .footer_nav .footer_linK ul li a:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #FFF;
	margin-right: 8px;
}

/*　トップへ戻る　*/
#page-top{
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 100;
}

#page-top a{
	text-decoration: none;
	display: block;
	color: #fff;
	width: 80px;
	height: 80px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #00357E;
	position: relative;
	box-shadow: 0 0 12px -6px rgba(0,53,126,0.80);
}



/*#################################################
独自サイト用
#################################################*/
#original #top_image{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 40px;
}

#original #main #content{
	background-color: #FFF;
	width: calc(100% - 40px);
	max-width: 1560px;
	margin: auto;
}



/*#################################################
編集画面設定
#################################################*/
#wcv_sys_edit_pageeditarea{
	background-color: #FCF9F3;
}

#wcv_sys_edit_pageeditarea #page-top{
	display: none;
}

#wcv_sys_edit_pageeditarea #sliderwrap .slider{
	width: 100%;
	height: 210px;
	overflow: hidden;
	position: relative;
}

#wcv_sys_edit_pageeditarea #sliderwrap .slider:before{
	content: "スライドショー部分の修正が可能です。";
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #777;
	color: #FFF;
}

#wcv_sys_edit_pageeditarea #categorymenu > div{
	display: flex;
	flex-wrap: wrap;
	background-color: #FFF;
}

#wcv_sys_edit_pageeditarea #categorymenu > div > div{
	width: 100%;
}