@charset "UTF-8";

/* 議会トップ表示用スタイル */

#baseall.gikai div.wrap_inner_nosub{ padding: 40px 0; }
.more_btn a .arrow1:before{ top: 5px; }
.link_btn a{ width: calc(100% - 26px); padding: 5px 10px; }

.g_arrow:before{ top: 3px; }

/* ------------------------ トップ画像エリア ------------------------ */
.mv_gikai_bg{ height: 220px; }
.mv_gikai_bg_inner{ width: 100%; margin: 0;}
.h1_gikai_bg{ width: 220px; margin: 0; }
h1.h1_gikai{ font-size: 150%; }
h1.h1_gikai:after{ height: 2px; }
@media only screen and (max-width: 750px) {
	.mv_gikai_bg{ height: 280px; background-image: url("/images/gikai_top_smp.jpg"); }
	.h1_gikai_bg{ 
		top: auto; bottom: 0; left: 0; 
		width: 100%; height: 85px; padding: 5px 10px; 
		background: rgb(0,32,96,0.8);
	}
	h1.h1_gikai{ padding: 0 0 7px; margin: 0 0 7px; }
	.h1_gikai_inner .small_title{ font-size: 90%; }
	h1.h1_gikai:after{ width: 40px; }
}


/* ------------------------ 緊急情報エリア ------------------------ */
#kinkyu{ padding: 0 0 30px; }
#kinkyu .kinkyu_wrap{ width: calc(100% - 60px); }
.kinkyu_box{ width: calc(100% - 20px); padding: 10px 10px 20px; }
#kinkyu h2.title{ width: calc(100% - 20px); padding: 10px; }
@media only screen and (max-width: 750px) {
	#kinkyu .kinkyu_wrap{ width: calc(100% - 40px); }
	#kinkyu div.h2bg{ margin: 0 0 10px; }
	#kinkyu div.h3bg{ margin: 0 0 10px; }
	#kinkyu div.h4bg{ margin: 0 0 10px; }

}


/* ------------------------ 注目情報ボタン ------------------------ */
.tyumoku_area{ padding: 0 20px 30px; }
.tyumoku .item a{ width: calc(100% - 15px); padding: 5px 10px; }

@media only screen and (max-width: 750px) {
	.tyumoku .item{ width: calc(33.3% - 10px); margin: 0 5px 10px; }
	.tyumoku .item a{ 
		-ms-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		width: calc(100% - 10px); min-height: 95px; padding: 10px 5px; font-size: 95%; 
	}
	.tyumoku .item .icon{ display: block; text-align: center; }
	.tyumoku .item .title{ display: block; width: 100%; margin: 0; padding: 0; text-align: center; }
}

@media only screen and (max-width: 500px) {
	.tyumoku .item{ width: calc(50% - 10px); }
}


/* ------------------------ ニュースエリア ------------------------ */
.news_area{ padding: 40px 0 50px; }
.news_wrap{ width: calc(100% - 60px); }
.news_box h2.title{ font-size: 135%; }
.news_box h2.title:before{ width: calc(100% - 110px); left: 110px; }
.news_box ul{ margin: 10px 0 40px; }
.news_box li{ padding: 15px 10px; }
.sns_box .item{ margin: 0 5px; }


@media only screen and (max-width: 750px) {
	.news_wrap{ width: calc(100% - 40px); padding: 0 20px; }
}
@media only screen and (max-width: 500px) {
	.sns_list{ display: block; }
	.sns_box .item{ max-width: 100%; min-height: unset; margin: 0 0 10px; }
	.sns_box .item a{ 
		-ms-flex-wrap: nowrap; flex-wrap: nowrap;
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	}
	.sns_box .item img{ margin: 0 20px 0 0; }
	.sns_box .item .title{ text-align: left; }
}


/* ------------------------ メニューエリア ------------------------ */
.menu_area{ width: calc(100% - 40px); }
.menu_wrap{ padding: 40px 0; }
.menu_box .title h2{ font-size: 112%; }
.menu_box .arrow1:before{ top: 10px; }
.menu_box .g_arrow:before{ top: 3px; width: 14px; height: 14px; }
@media only screen and (max-width: 750px) {
	.menu_area{ width: calc(100% - 40px); }
	.menu_box{ width: calc(100% - 4px); min-height: unset; margin: 0 0 15px; }
	.menu_box ul{ padding: 10px 10px 20px; }
}


/* ------------------------ お問い合わせエリア ------------------------ */
.contact_area{ width: calc(100% - 60px); }
.contact_area .cont{ display: block; padding: 20px 20px 30px; }
.contact_area .adr_area{ width: 100%; margin: 0; padding: 0 0 10px; }
.contact_area p{ margin: 0 0 10px; }

@media only screen and (max-width: 750px) {
	.contact_area{ width: calc(100% - 40px); margin: 0 20px; }
}