@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;
}

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

body {
	background:#FFF;
	color:#000;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:1.6rem;
	line-height:1.4;
}

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


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

}


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

p { line-height:2.1;}

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

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

.sp {	display:none;}
.pc {	display:block;}


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

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

p { line-height:1.5;}

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

}


/* header
-----------------------------------------------------*/ 
#header {
	background:#175873;
}

#header #gnavi {
	margin:0 auto;
	padding:25px 0;
	width:1040px;
}

#header #gnavi ul {
	letter-spacing:-.4em;
	text-align:center;
}

#header #gnavi li {
	display:inline-block;
	letter-spacing:normal;
	line-height:1.2;
	width:20%;
}

#header #gnavi li a {
	color:#fff;
	display:block;
	font-size:2.4rem;
	position:relative;
}

#header #gnavi li a:after {
	background:#fff;
	content:"";
	display:block;
	height:.5em;
	position:absolute;
	right:0;
	top:.3em;
	width:1px;
}

#header #gnavi li:last-child a:after {
	display:none;
}

#header .btn_menu {
	display:none;
}

#search {
	padding:19px 0;
}

#search .form {
	display:block;
	margin:0 auto;
	width:1040px;
}

#search .form ul {
	display:-ms-flexbox;
	display:flex;
	-ms-flex:0 1 auto;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

#search .form ul li.category {	width:241px;}
#search .form ul li.tag {	width:231px;}
#search .form ul li.year {	width:171px;}
#search .form ul li.word {
	width:366px;
}
#search .form ul li.word form {
	display: flex;
	justify-content: space-between;
}
#search .form ul li.word .keyword {
	width: 292px;
}
#search .form ul li.word .btn {	width:64px;}

#search .form ul li select {
	background:#fff url(/archive/wp-content/themes/jichiroren/images/common/icon_select.png) center right no-repeat;
	color:#333;
	position:relative;
}

#search .form ul li input,
#search .form ul li select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:0;
	border-radius:3px;
	box-sizing:border-box;
	cursor:pointer;
	height:2.5em;
	outline:none;
	padding:8px;
	width:100%;
}

#search .form ul li select::-ms-value {
	background:transparent;
	color:#333;
}

#search .form ul li select::-ms-expand {
	display:none;
}

input::placeholder {
	color:#333;
	position:relative;
	top:-3px;
}
input:-ms-input-placeholder { color:333;}
input::-ms-input-placeholder { color:333;}

input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus:-ms-input-placeholder {color:transparent;}
input:focus::-ms-input-placeholder {color:transparent;}

input[type="button"],
input[type="submit"] {
	background:#fbaa0e;
	color:#fff;
}

@media only screen and (max-width:767px) {
	
	body {
		padding-top: 39px;
	}

#header {
	padding:0 38px 0 0;
	position:fixed; 
	width: 100%;
	top: 0;
	left: 0;
	z-index: 4;
}

#header #gnavi {
	margin:0;
	padding:3vw 0;
	width:auto;
}

#header #gnavi li {
	width:auto;
}

#header #gnavi li a {
	font-size:1.4rem;
	padding:0 .8em;
}

#header .btn_menu {
	display:block;
	position:fixed;
	right:6px;
	top:1px;
	width:35px;
	height:35px;
	background:url(/archive/wp-content/themes/jichiroren/images/common/btn_menu.png) no-repeat center center;
	background-size:21px auto;
	cursor:pointer;
	z-index:10;
}

.js-menu-open #header .btn_menu {
	background-image:url(/archive/wp-content/themes/jichiroren/images/common/btn_menu_on.png);
	background-size:16px auto;
}

#search {
	box-sizing:border-box;
	padding:19px 14%;
	background:#175873;
	position: fixed;
	width: 100%;
	top: 39px;
	left: 0;
	z-index:4;
	transition: .3s;
	visibility: hidden;
	opacity: 0;
}

.js-menu-open #search {
	visibility: visible;
	opacity: 1;
}

#search .form {
	margin:0;
	width:auto;
}

#search .form ul {
	display:block;
}

#search .form ul li {
	margin-bottom:10px;
}

#search .form ul li.word,
#search .form ul li.btn {
	margin-bottom:20px;
}

#search .form ul li.category,
#search .form ul li.tag,
#search .form ul li.year,
#search .form ul li.word {	width:100%;}
	
#search .form ul li.word form {
	display: block;
}
#search .form ul li.word .keyword {
	width: auto;
}
#search .form ul li.word .btn {
	display: block;
	width:auto;
	text-align: center;
	margin-top: 10px;
}
#search .form ul li.word .btn input {
	margin:0 auto;
	width:40%;
}

#search .form ul li input,
#search .form ul li select {
	height:2.5em;
	padding:8px;
}

}
/* container
-----------------------------------------------------*/ 
#container {
	background:#f1f2f2;
}

#contents {
	padding:40px 0 80px;
}

.main {
	background:#fff;
	margin:0 auto;
	padding:35px 0 25px;
	text-align:center;
	width:1040px;
}

.main a {
	color:#028ac3;
	text-decoration:underline;
}

.block {
	line-height:1.6;
	margin:0 60px 50px;
	text-align:left;
}

.block:last-child {
	margin:0 60px 10px;
}

#breadcrumbs {
	letter-spacing:-.4em;
	text-align:right;
}

#breadcrumbs li {
	display:inline-block;
	font-size:1.4rem;
	letter-spacing:normal;
	margin-right:.8em;
	vertical-align:middle;
}

#breadcrumbs li:after {
	content:"＞";
	display:inline-block;
	height:1.4em;
	margin-left:.8em;
	vertical-align:middle;
	width:1em;
}

#breadcrumbs li:last-child:after {
	display: none;
}

.pager {
	letter-spacing:-.4em;
	margin:0 60px;
	padding:10px 0 30px;
	text-align:center;
}

.pager li {
	display:inline-block;
	letter-spacing:normal;
	line-height:1;
	margin:0 3px;
	white-space:nowrap;
}

.pager li a,
.pager li span {
	background:#eaf5fa;
	display:block;
	padding:10px 12px;
	text-decoration:none;
}

.pager li a {
	color:#175873;
}

.pager li span {
	color:#999;
}

.pager li:first-child a,
.pager li:last-child a,
.pager li:first-child span,
.pager li:last-child span {
	background:none;
}

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

#contents {
	margin-bottom:25px;
	padding:10px 0 10px;
}

.main {
	margin:0 10px;
	padding:10px 0;
	width:auto;
}

.block {
	margin:0 15px 25px;
}

.block:last-child {
	margin:0 15px 5px;
}

#breadcrumbs li {
	font-size:1.2rem;
}

#breadcrumbs li a:after {
	height:1.2em;
}


}

/* footer
-----------------------------------------------------*/ 
#footer {
	background:#252525;
	color:#fff;
	padding:50px 0 30px;
}

#footer .ft_inner {
	margin:0 auto;
	overflow:hidden;
	width:1040px;
}

#footer .ft_logo {
	float:left;
	padding-top:8px;
	width:450px;
}

#footer .ft_info {
	float:right;
	width:450px;
}

#footer .ft_info address {
	font-style:normal;
	display:block;
	line-height:1.6;
	margin-bottom:10px;
}

#footer .ft_info a {
	background:#6fdbf9;
	color:#0659a1;
	display:inline-block;
	line-height:1.2;
	padding:10px 15px;
}

#footer .copy {
	clear:both;
	padding-top:30px;
	text-align:center;
}

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

#footer {
	padding:15px 10px;
	text-align:center;
}

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

#footer .ft_logo {
	float:none;
	margin:0 auto 15px;
	padding-top:0;
	width:50%;
}

#footer .ft_info {
	float:none;
	width:auto;
}

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

#footer .ft_info a {
	padding:8px 15px;
}

#footer .copy {
	font-size:1rem;
	padding-top:2em;
}


}