@charset "UTF-8";

/* -------------------- 印刷用スタイル 行政サイトトップ ------------------ */
#blockskip { display: none; }

/*------ 大枠 ------*/
body#base { zoom: 0.7; width:1540px; }
div#main { margin: 0 40px 0 0; }

/*------ ヘッダ ------*/
/* flex解除 DLボタン対策 */
.search-box button.gsc-search-button-v2, .search-box button.gsc-search-button-v2:hover, .search-box button.gsc-search-button-v2:focus { height: 49px; }

/*------ フッタ ------*/
.page-top { display: none!important; }
div.foot_bgimg::before { top: -112px; }
div.foot_right ul.footlist li a img { vertical-align: middle !important; margin-right: 20px;}
#footer::before { content: none; }

@supports (display: flex) {
	div.foot_right ul.footlist li a { display: flex; }
	div.foot_right ul.footlist li a img { margin-right: 0;}
	#footer::before { content: ""; }
}

/* flex解除 DLボタン対策 */
div.foot_wp-inner {display: block;clear: both; overflow: auto;min-height:215px;}
div.foot_left {float: left; }
div.foot_right {float: right;}


/*------ 行政トップ ------*/
/* 重要なお知らせ */
/* DLボタン対策 半透明使用不可*/
#kinkyu { background: rgba(253, 241, 242, 1); }
#kinkyu .kinkyu_wrap { display: table; table-layout: fixed; }
#kinkyu .kinkyu_h2 { display: table-cell; vertical-align: middle; }
.kinkyu_box { display: table-cell; vertical-align: top; }

/* メインスライダー */
.top_bnr .slick-slide { width: 720px!important; }
.top_bnr .slick-track { height: 515px; overflow: hidden; }

/* 各ボタンの改ページ拒否 */
.iza_in p, .joho_btn,.sns_btn,ul.key_list .item, .town_btn_big,town_btn_small{ break-inside: avoid; }

/* 緊急情報 */
/* DLボタン対策 flex解除 半透明使用不可*/
div.iza_bg { background: rgba(253, 247, 238, 1); }
div.iza h2#iza-title {background-position: left center; }
div.iza div.iza_in { display: block;clear: both; width: 1000px; overflow: auto;min-height:80px;}
div.iza div.iza_in p{ float:left; }

/* 情報をさがす */
/* DLボタン対策 flex解除  */
div#infoarea_joho { position: relative; }
ul.joho_box{ display: block;clear: both; width: calc(100% + 6px); overflow: auto;min-height:205px;}
li.joho_btn { float: left; height: 180px; overflow: hidden; }
ul.key_list { display: block;clear: both; width:100%; overflow: auto;min-height:65px;}
ul.key_list li.item{ float: left; }

@supports (display: flex) {
	ul.joho_box { display: flex; flex-wrap: wrap; }
	li.joho_btn{ float:none; height: auto; overflow: visible; } 
}
/* キーワード検索 */
a.joho_link { background-position: right 20px; }
ul.key_list li.item a { background-position: 15px 12px; }


/* お知らせ */
div#infoarea_news .infoarea-in { padding: 40px 100px 100px; width: 1400px; }
div#infoarea_news { 
	background-color:#ddecf8;
    background: url('/images/news_bg_2026.png') no-repeat center bottom, linear-gradient(#ddecf8, #9fc1dc);
}
div.top-ichiran a { background-position: right 4px; }

/* SNS */
ul.sns_box { display: block;clear: both; overflow: hidden; min-height: 550px;}
li.sns_btn { width: 162px; float: left; height: 163px; overflow: hidden;}
li.sns_btn a { display: block; text-align: center; }

@supports (display: flex) {
	ul.sns_box { display: flex; flex-wrap: wrap; }
	li.sns_btn { float:none; height: auto; overflow: visible; }
	li.sns_btn a { display: flex; align-items: center;  flex-wrap: wrap; justify-content: center; }
}

/* 庄内町について */
div.beige_bg { background: rgba(253, 247, 238, 1); }


/* ボタン大 */
/* flex解除 DLボタン対策 */
ul.town_box_big { display: block;clear: both; width: 100%; overflow: auto;min-height:314px;padding-right: 130px;}
li.town_btn_big{ float:left; height:315px; overflow: hidden; }

@supports ( display: flex ) {
	ul.town_box_big { display: flex; flex-wrap: wrap; }
	li.town_btn_big { float:none; height:auto; overflow: visible; } 
}

/* ボタン小 */
ul.town_box_small{ display: block;clear: both; width: calc(100% + 6px); overflow: auto; min-height:122px; }
li.town_btn_small{ float:left;} 

li.town_btn_small { height:102px; overflow: hidden; }
li.town_btn_small span.town-txt-small { width: 151px; }
li.town_btn_small img { object-fit: none; height: 100px; width: 100px; } 

@supports ( display: flex ) {
	ul.town_box_small{ display: flex; flex-wrap: wrap; }
	li.town_btn_small{ float:none; height:auto; overflow: visible; } 
}
@supports ( object-fit: cover ) {
	li.town_btn_small img { object-fit: cover; height: 100%; width: 100px;}
}


/* 関連スライダー */
#infoarea_kanren{ page-break-inside: avoid; break-inside: avoid; }
.kanren_list { height: 320px; overflow: hidden; }
.kanren_list .slick-track { height: 274px; overflow: hidden; }
.kanren_item { width: 274px!important; }
.kanren_item img {	-webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
.kanren_item span.kanren-txt { background: #ffffff; }

@supports ( display: flex ) {
	.kanren_item span.kanren-txt { 
		display: -webkit-box; display: -ms-flexbox; display: flex;
		-webkit-box-align: center; -ms-flex-align: center; align-items: center;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		background: rgb(255, 255, 255, 0.8);
	}
}

/* 広告 */
.ad_box { display: block;clear: both; overflow: auto; min-height: 72px;}
ul.ad_box li.pagelinkbtout { float: left; }

@supports ( display: flex ) {
	.ad_box {overflow: visible;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
	ul.ad_box li.pagelinkbtout { float: none; }
}


/* firefox */
@-moz-document url-prefix() {
	div#infoarea_news { page-break-inside: avoid; }
}