@charset "UTF-8";
/*
Theme Name:日本共産党　さいたま市議会議員団
*/

/*----------------------------------------------------*/ 
/* Reset style
-----------------------------------------------------*/ 
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com 
Twitter:@rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
del {
	text-decoration:line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
li {
	list-style:none;
}
img {
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	max-width:100%;
	height:auto;
}

/*----------------------------------------------------*/ 
/* Base style
-----------------------------------------------------*/ 

html {
	font-size:62.5%; /* sets the base font to 10px for easier math */
}

html.sizeS {	font-size:56.3%;}
html.sizeL {	font-size:68.8%;}

body {
	background:#FFF;
	color:#474747;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:1.5rem;
	line-height:1.4;
}

body, html {
	min-width:1004px;
}


@media only screen and (max-width:767px) {
body, html {
	min-width:0;
}
}


a:link {	color:#333;	text-decoration:none;}
a:visited {	color:#333;	text-decoration:none;}
a:hover {	color:#333;	text-decoration:underline;}
a:active {	color:#333;	text-decoration:none;}

p { line-height:1.7;}

#header p, #footer p {	margin-bottom:0;}

a img {
	transition:all .3s ease;
}

a:hover img {
	opacity:.8;
}

.sp {
	display:none;
}

@media only screen and (max-width:767px) {

body {
	font-size:1.6rem;
}
.sp {
	display:block;
}
.pc {
	display:none;
}

}


/*----------------------------------------------------*/ 
/* header
-----------------------------------------------------*/ 
#header {
	background:url(/lib/img/top/bg_header.gif) 0 0 repeat-x;
	min-width:1004px;
}

.gnavbg {
	background:url(/lib/img/cmn/bg_header_line.png) left top no-repeat;
	margin:0 auto;
	position:relative;
	width:1004px;
}

#logo {
	height:48px;
	left:5px;
	top:24px;
	position:absolute;
	width:226px;
}

.hdinner {
	margin:0 auto;
	position:relative;
	width:1004px;
}



@media only screen and (max-width:767px) {

#header {
	background:none;
	min-width:0;
	position:fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}
	
#header:after {
	content: "";
	position: absolute;
	left: 0;
	top: 56px;
	width: 100%;
	background:url(/lib/img/cmn/bg_head_sp.png) no-repeat;
	background-size:100% auto;
	height: 10px;
	z-index: 13;
}

.gnavbg {
	background:none;
	margin:0;
	width:auto;
}

#logo {
	background:#fff;
	border-top:6px solid #59cfd6;
	height:auto;
	left:auto;
	top:auto;
	padding:8px 0 12px 0;
	position:relative;
	width:auto;
	z-index: 12;
}

#logo a {
	display:inline;
}

#logo a img.sp {
	margin-left:22px;
	width:159px;
}

.hdinner {
	margin:0;
	width:auto;
}


}

/*----------------------------------------------------*/ 
/* gnav
-----------------------------------------------------*/ 

#btn_spmenu {
	display:none;
}



/* gnavi */
#gnavi {
	margin-left:233px;
	padding-top:28px;
	position:relative;
	width:770px;
}

#gnavi ul.navmain {
	letter-spacing:-.40em;
	padding:0 0 16px;
	text-align:right;
}

#gnavi ul.navmain li {
	display:inline-block;
	font-size:1.7rem;
	font-weight:bold;
	letter-spacing:normal;
	line-height:1.2;
	margin:0 16px;
}

#gnavi ul.navmain li.sp {
	display:none;
}

#gnavi ul.navmain li a {
	background:url(/lib/img/cmn/bg_gnav_off.png) center bottom no-repeat;
	display:block;
	padding:12px 0 14px;
	text-align:center;
	width:6.5em;
}

#gnavi ul.navmain li a:hover,
#gnavi ul.navmain li a.current {
	background:url(/lib/img/cmn/bg_gnav_on.png) center bottom no-repeat;
	text-decoration:none;
}

#gnavi .navsub {
	position:absolute;
	right:0;
	top:22px;
	text-align:right;
	display: none;
}

#gnavi .navsub li {
	float:right;
	margin-left:12px;
	position: relative;
}

#gnavi .navsub li.search .btn {
	width: 32px;
	height: 32px;
	background: #59CFD6 url(/lib/img/cmn/icon_gnav_search_02.png) no-repeat center center;
	cursor: pointer;
}

#gnavi .navsub li.search .search_form {
	position: absolute;
	right: 0;
	top: 0;
	height: 32px;
	width: 350px;
	box-sizing: border-box;
	padding-right: 32px;
	display: none;
}

#gnavi .navsub li.search .search_form input[type=text] {
	width: 100%;
	height: 32px;
	box-sizing: border-box;
	padding: 5px 10px;
	background: #d1ebe6;
	border: none;
	outline: none;
	font-size: 1.4rem;
}

#gnavi .navsub li.search .search_form button {
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	outline: none;
}

#header .formbtn {
	background:#59cfd6;
	color:#fff;
	display:inline-block;
	font-size:1.5rem;
	line-height:1;
	padding:8px 15px;
	white-space:nowrap;
}

#header .formbtn:after {
	background:url(/lib/img/cmn/icon_mail.png) no-repeat;
	content:"";
	display:inline-block;
	height:16px;
	margin-left:8px;
	vertical-align:middle;
	width:22px;
}

@media only screen and (max-width:767px) {

#btn_spmenu {
	display: block;
	position: absolute;
	right: 15px;
	top: 9px;
	width: 44px;
	height: 44px;
	cursor: pointer;
	z-index: 1000;
}

#btn_spmenu span {
	position: absolute;
	left: 8px;
	width: 28px;
	height: 3px;
	background: #FFCC24;
	transition-duration: 0.3s;
}

#btn_spmenu span.bar1 {
	top: 10px;
	transform-origin: top left;
}

#btn_spmenu span.bar2 {
	top: 19px;
}

#btn_spmenu span.bar3 {
	top: 28px;
	transform-origin: bottom left;
}
	
.js-slidemenu #btn_spmenu span {
	left: 13px;
}

.js-slidemenu #btn_spmenu span.bar1 {
	transform: rotate(45deg);
}

.js-slidemenu #btn_spmenu span.bar2 {
	opacity: 0;
}

.js-slidemenu #btn_spmenu span.bar3 {
	transform: rotate(-45deg);
}
	


/* gnavi */
#gnavi {
	background-color:#fff;
	margin:0;
	padding:72px 0 0 0;
	position:fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width:100%;
	z-index:10;
	transform: translateY(-100%);
	transition: 0.3s;
}
 
.js-slidemenu #gnavi {
	transform: translateY(0);
}
	


#gnavi ul.navmain {
	letter-spacing:normal;
	padding:0;
	text-align:left;
}

#gnavi ul.navmain li {
	border-bottom:1px solid #e1f2ef;
	display:block;
	font-size:1.7rem;
	margin:0 20px;
}

#gnavi ul.navmain li.sp {
	display:block;
}

#gnavi ul.navmain li a {
	background:none;
	box-sizing:border-box;
	padding:18px 10px 18px 45px;
	position:relative;
	text-align:left;
	width:auto;
}

#gnavi ul.navmain li a:before,
#gnavi ul.navsub li a:before {
	content:"";
	width:24px;
	height:24px;
	left:8px;
	margin-top:-12px;
	position:absolute;
	top:50%;
}

#gnavi ul.navmain li.giin a:before {	background:url(/lib/img/cmn/icon_gnav_giin.png) no-repeat;	background-size:24px 24px;}
#gnavi ul.navmain li.seisaku a:before {	background:url(/lib/img/cmn/icon_gnav_seisaku.png) no-repeat;	background-size:24px 24px;}
#gnavi ul.navmain li.houkoku a:before {	background:url(/lib/img/cmn/icon_gnav_houkoku.png) no-repeat;	background-size:24px 24px;}
#gnavi ul.navmain li.oshirase a:before {	background:url(/lib/img/cmn/icon_gnav_oshirase.png) no-repeat;	background-size:24px 24px;}
#gnavi ul.navmain li.shiryo a:before {	background:url(/lib/img/cmn/icon_gnav_shiryo.png) no-repeat;	background-size:24px 24px;}
#gnavi ul.navmain li.soudan a:before {	background:url(/lib/img/cmn/icon_gnav_soudan.png) no-repeat;	background-size:24px 24px;}
#gnavi ul.navsub li.form a:before {	background:url(/lib/img/cmn/icon_gnav_form.png) no-repeat;	background-size:24px 24px;}

#gnavi ul.navmain li a:hover,
#gnavi ul.navmain li a.current {
	background:none;
}

#gnavi .navsub {
	position:static;
	overflow:visible;
	right:auto;
	top:auto;
	text-align:left;
	display: block;
}

#gnavi .navsub li {
	border-bottom:1px solid #e1f2ef;
	box-sizing:border-box;
	display:block;
	float:none;
	margin:0 20px;
	padding:0;
}

#gnavi .navsub li a {
	padding:18px 10px 18px 45px;
}

#gnavi .navsub li a {
	position:relative;
}

#gnavi .navsub li.search {
	margin:0 20px;
	padding:11px 10px 11px 45px;
	position:relative;
}

#gnavi .navsub li.search div.btn {
	display: none;
}

#gnavi .navsub li.search .search_form {
	position: static;
	height: auto;
	width: auto;
	padding-right: 0;
	display: block;
}

#gnavi .navsub li.search .search_form input[type=text] {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 5px 0;
	background: #fff;
	font-size: 1.6rem;
}

#gnavi .navsub li.search .search_form button {
	right: auto;
	width: 44px;
	height: 44px;
	background: url(/lib/img/cmn/icon_gnav_search.png) no-repeat center center;
	background-size: 20px 20px;
	position: absolute;
	left: -3px;
	top: 50%;
	margin-top: -22px;
}

	
#header .formbtn {
	background:none;
	color:#474747;
	display:block;
	font-weight:bold;
	padding:0;
	white-space:normal;
	font-size: 1.7rem;
}

#header .formbtn:after {
	background:none;
	content:"";
	display:none;
}

}


/*----------------------------------------------------*/ 
/* topicpath
-----------------------------------------------------*/ 


/*----------------------------------------------------*/ 
/* contents
-----------------------------------------------------*/ 
#contents {
	margin:0 auto;
	width:1000px;
}

#contents::after {
	clear:both;
	content:"";
	display:block;
}

#main {
	float:right;
	width:744px;
}





@media only screen and (max-width:767px) {

#container {
	padding-top: 55px;
}
	
#contents {
	margin:0;
	width:auto;
}

#main {
	box-sizing:border-box;
	float:none;
	padding:0 20px;
	width:auto;
}

}

/*----------------------------------------------------*/ 
/* side
-----------------------------------------------------*/ 
#side {
	float:left;
	width:220px;
	padding-bottom: 270px;
}

#topsideA {
	float:left;
	margin:-360px 0 0 12px;
	position:relative;
	width:220px;
	z-index:3;
}

@media only screen and (max-width:767px) {

#side {
	box-sizing:border-box;
	float:none;
	padding:0 20px 30px;
	width:auto;
}

#topsideA {
	float:none;
	margin:0;
	width:auto;
	z-index:1;
}

}



/*----------------------------------------------------*/ 
/* pagetop
-----------------------------------------------------*/ 

#btn_pagetop {
	display:none;
}

#btn_pagetop a {
	position:fixed;
	right:10px;
	bottom:0;
	z-index: 1;
}

#btn_pagetop.btm {
	position:relative;
}

#btn_pagetop.btm a {
	position:absolute;
}

@media only screen and (max-width:767px) {

#btn_pagetop a img {
	width:125px;
	height:auto;
	opacity: 0.9;
}

}

/*----------------------------------------------------*/ 
/* footer
-----------------------------------------------------*/ 

#footer {
	border-bottom:10px solid #59cfd6;
	width:100%;
}

#footer footer {
	padding-bottom: 80px;
}

#footer .ftinner {
	margin:0 auto;
	width:1004px;
	position: relative;
}

#footer .address {
	border-top:3px solid #d1d1d1;
	clear:both;
	padding:14px 0 0;
	width:240px;
	position: absolute;
	bottom: 0;
}

#footer .address dt {
	font-weight:bold;
	margin-bottom:.5em;
	position: relative;
	padding-right: 50px;
}

#footer .address dt span {
	display:block;
	font-size:2.1rem;
	line-height: 1.2;
}

#footer .address dt .fb {
	position: absolute;
	right: 5px;
	bottom: 6px;
}

#footer .address dt .fb img {
	width: 48px;
}

#footer .address dd {
	margin-bottom:.8em;
}

#footer .address p {
	font-size:1.2rem;
}

#footer .contact_top {
	display: none;
}

@media only screen and (max-width:767px) {

#footer {
	border-bottom:6px solid #59cfd6;
}

#footer footer {
	padding-bottom: 0;
}

#footer .address {
	border-top:none;
	margin:0 20px;
	padding:0 0 45px;
	width:auto;
	position: static;
}

#footer .ftinner {
	margin:0;
	width:auto;
}

#footer .address dt {
	font-size:1.2rem;
	display: flex;
	align-items: flex-end;
}

#footer .address dt span {
	font-size:1.4rem;
}

#footer .address dt .fb {
	position: static;
	margin-left: 15px;
}

#footer .address dt .fb img {
	width: 30px;
}

#footer .address dd {
	font-size:1.2rem;
	margin-bottom:0;
}

#footer .address p {
	font-size:1.1rem;
	padding-top:.6em;
}

}