/*
Theme Name: 栃木県生コンクリート工業組合
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.5.1
*/


/*共通レイアウト*---------------------------------ここから↓*/
body {
	
}
a {
	text-decoration: none;
}
header,
h1.siteHeader_logo,
p.siteHeader_logo {
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-weight: bold !important;
	font-size: 23px;
}

h1.page-header_pageTitle {
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-weight: bold;
	padding: 40px 0;
	
}

h2,h3 {
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-weight: bold;
	margin: 70px 0 20px;
}

dl.list dt {
	position: relative;
	padding: 0 0 0.5em 1.2em;
	margin-bottom: -10px;
}
dl.list dd {
	padding-left: 170px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom:1px dotted #ccc;
	border-left: none;
}
.img-center {
	display: block;
	margin: 0 auto;
}
h3 {
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-weight: bold;
	margin: 60px 0 20px;
}
.clearfix {
	float: none;
	display: block;
	content: "";
}
@media screen and (max-width: 600px) {
	h1.siteHeader_logo {
		font-size: 16px;
	}
	p.siteHeader_logo {
		font-size: 16px;
	}
p.siteHeader_logo
	dl.list dd {
		padding-left: 0;
		margin-top: 30px;
	}
}
/*共通レイアウト*---------------------------------ここまで↑*/






/*フッターレイアウト*---------------------------------ここから↓*/
.site-footer {
    background-color: #2faf80;
}
footer .copySection p:nth-child(2) {
    display:none !important;
}
footer {
	font-size: 19px;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	
}
footer h1 {
	font-size: 20px;
	font-weight: bold;
}
.footer-contact {
	font-size: 16px;
}



ul.banner {
	list-style: none;
	margin: 0 auto;
	
}
ul.banner li img {
	width: 100%;
	border: solid 1px #8e8e8e;
}
@media screen and (max-width: 600px) {
	ul.banner li a {
		width: 90%;
		display: block;
		margin: 0 auto !important;
	}
	Ul.banner {
		padding-left: 0;
	}
}
/*フッターレイアウト*---------------------------------ここまで↑*/





/*トップページレイアウト*---------------------------------ここから↓*/
.img-box {
	width: 26%;
	float: left;
	margin-top: 10px;
}
.img-box img {
	width: 60%;
	display: block;
	margin: 0 auto;
}
.img-box p {
	text-align: center;
	line-height: 1em;
}
.text-box {
	float: right;
	width: 70%;
}
p.right {
	text-align: right;
}
.point {
	display: inline-block;
	font-size: 16px;
	background-color: #dc143c;
	color: #fff;
	padding: 10px;
	
	height: 50px;
}
.box1 {
	width: calc(100% / 3 - 40px);
	margin: 40px 20px -40px 20px;
	float: left;
}
.box1 img {
	width: 100%;
	margin-bottom: -60px;
}
.box1 h3 {
	font-size: 18px;
}
.box1 h3 {
	background-color: #2faf80;
	color: #fff;
	padding: 10px;
	margin-bottom:-5px;
	text-align: center;
}
.box1 p.shousai a {
	width: 100%;
	display: block;
	color: #fff;
	font-weight: bold;
	background-color: #2faf80;
	text-align: center;
	margin-top: 0;
	padding: 10px;
	text-decoration: none;
	font-size: 17px;
}
.box1 p.shousai a:hover {
	opacity: 0.8;
}
.page-id-19 #menu-item-116 a{
	border-bottom: none;
}
/*新着情報部*/
.news-area {
	font-size: 15px;
}
.news-area:after {
	display: block;
	content: "";
	clear: both;
}
.news-area span.post {
	display: none;
}
.news-area span.news {
	display: none;
}
.newsarea .news {
	display: none;
}
.news-area dl a dt {
	color: #333;
}
.news-area dl a {
	display: block;
	color: #333;
}
.news-area dl a:hover {
	text-decoration: none;
	background-color: #fafafa;
}
.news-area .new-mark {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 5px;
	background-color: #e60000;
	color: #fff;
}
.news-area dl dt {
	font-weight: normal;
	padding: 10px;
	float: left;
}
.news-area .date {
	margin-right: 5px;
}
.news-area dl dd {
	border-bottom: solid 1px #ccc;
	padding: 10px 0 10px 30px;
}



@media screen and (max-width: 1200px) {
	.box1 {
		width: calc(100% / 2 - 40px);
		margin: 20px;
		float: left;
	
	}
}
@media screen and (max-width: 600px) {
	.img-box {
		width: 100%;
		float: none;
	}
	.img-box img {
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	.text-box {
		float: none;
		width: 100%;
	}
	.box1 {
		width: 80%;
		float: none;
		margin: 0 auto 50px;
	}
}

/*トップページレイアウト*---------------------------------ここまで↑*/





/*工業組合概要ページレイアウト*---------------------------------ここから↓*/

@media screen and (max-width: 600px) {
}

/*工業組合概要ページレイアウト*---------------------------------ここまで↑*/





/*組織図ページレイアウト*---------------------------------ここから↓*/

table.meibo {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #333 !important;
}
table.meibo tr {
	border: solid 1px #666;
}
table.meibo th, td {
	padding: 20px;
	text-align: left;
	border: solid 1px #666;
	text-align: center !important;

}
table.meibo th {
	background-color: #352f73;
	border: solid 1px #fff;
	color: #fff;
}
.textleft {
	text-align: left !important;
}
@media screen and (max-width: 600px) {
	.table-scroll{
		white-space: nowrap;
		overflow:scroll;
	}
	.table-scroll::-webkit-scrollbar{
		height:5px;
	}
	.table-scroll::-webkit-scrollbar-track{
		background:#F1F1F1;
	}
	.table-scroll::-webkit-scrollbar-thumb {
		background:#BCBCBC;
	}
}

/*組織図ページレイアウト*---------------------------------ここまで↑*/




/*組合工場ページレイアウト*---------------------------------ここから↓*/

dl.list2 dt {
	position: relative;
	padding: 0 0 0 1.2em;

}
dl.list2 dd {
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom:1px dotted #ccc;
	border-left: none;
}
iframe.map {
	margin: 0 auto;
	display: block;
}
/*タブを横並びに*/
.tab-label {
	display: block;
	float: left;
	margin-top: 30px;
	margin-bottom: -20px;
}
.tab-label-heading:not(:last-of-type) .tab-label{
	margin-right: 2px!important;
	margin-bottom: -10px !important;
}
/*ラジオボタンを全て非表示に*/
input[name="tab-radio"] {
	display: none;
}
.tab-label{
	background-color: #e2e8eb!important;
	color: #333!important;
	cursor: pointer!important;
	font-size: 17px!important;
	padding: 10px 20px!important;
	transition: .3s;
	width: calc(100% / 6 - 2px);
	text-align: center;
}
.tab-label:hover{
	opacity: .7!important;
}
/* 選択されたタブの見た目 */
input:checked + p > .tab-label{
	color: #333!important;
	background-color: #e2e8eb!important;
	background-color: #fafafa!important;
	transition: .3s;
	width: calc(100% / 6 - 2px);
}
.tab-panel{
	background-color: #fafafa;
	padding: 50px 20px;
	clear: both;
	display: none; /*パネルを非表示*/
	margin-top: -10px !important;
}
/* 選択されているチェックボックスに応じてパネルを表示 */
#tab-a:checked ~ .panel-a,
#tab-b:checked ~ .panel-b,
#tab-c:checked ~ .panel-c,
#tab-d:checked ~ .panel-d,
#tab-e:checked ~ .panel-e,
#tab-f:checked ~ .panel-f,
#tab-g:checked ~ .panel-g {
	display: block;
}
.tab-panel>div{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
}
/*タブの色*/
.chuo {
	background-color: #0288d1 !important;
	color: #fff !important;
}
.hokubu {
	background-color: #0f9d58 !important;
	color: #fff !important;
}
.nanbu {
	background-color: #ffea01 !important;
}
.nikko {
	background-color: #bdbdbd !important;
}
.ryomo {
	background-color: #673ab7 !important;
	color: #fff !important;
}
.kogyo {
	background-color: #880e4f !important;
	color: #fff !important;
}
@media screen and (max-width: 600px) {
	.tab-label {
		height: 170px;
	}
}

/*組合工場ページレイアウト*---------------------------------ここまで↑*/



/*品質管理ページレイアウト*---------------------------------ここから↓*/
.seido-box {
	width: 80%;
	margin: 30px auto;
	padding: 40px 30px 30px 30px;
	background-color: #fafafa;
	
}
.seido-box h5 {
	border-bottom: solid 1px #d0d0d0;
}

@media screen and (max-width: 600px) {
}

/*品質管理ページレイアウト*---------------------------------ここまで↑*/





















/*会社概要ページレイアウト*---------------------------------ここから↓*/
p.shousai a {
	display: block;
	margin: 60px auto 100px !important;
	width: 50%;
	background-color: #2faf80;
	color: #fff;
	padding: 13px 40px;
	text-align: center;
	font-size: 21px;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-weight: bold;
}
p.shousai a:hover {
	opacity: 0.8;
	text-decoration: none;
}
@media screen and (max-width: 600px) {
	p.shousai a {
		font-size: 17px;
		width: 80%;
	}
}
/*会社概要ページレイアウト*---------------------------------ここまで↑*/




/*協同組合連合会ページレイアウト*---------------------------------ここから↓*/
table.rengou {
	width: 100%;
	border-collapse: collapse;
	border-style: solod 1px #666 !important;
	margin-top: -200px;
	
}
table.rengou th, td {
	border:solid 1px #666 !important;
	padding: 20px;
	text-align: center;
}

table.rengou th {
	background-color: #352f73;
	border: solid 1px #fff;
	color: #fff;
}
table.rengou tr {
	border-style: solid 1px #666 !important;
}

/*協同組合連合会ページレイアウト*---------------------------------ここまで↑*/



.gMenu li a {
	background-color: #2faf80;
	color: #fff;
	border-right: solid 1px #fff;
}
.gMenu li a::lastchild {
	border-right: none;
}