/*
Theme Name: kinzokuyouzai.co.jp
Description: 金属溶材株式会社
Author: ACEWEB
Version:1.0
License:ACEWEB
License URI:https://aceweb.jp
Tags:
*/
@charset "utf-8";
/* ----------------------------------------------------------
 ページネーション
---------------------------------------------------------- */
.pagination a {
	padding: 8px 10px 5px;
	display: inline-block;
	border: solid 1px #00468c;
	color: #666666;
	background-color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}
.pagination a:hover {
	color: #fff;
	background-color: #00468c;
}
.pagination span {
	padding: 8px 10px 5px;
	display: inline-block;
}
.pagination span.current {
}
.pagination {
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
	background-color: transparent;
}
.pagination h2.screen-reader-text { display: none;}

/* ----------------------------------------------------------
 見出し
---------------------------------------------------------- */
.postContents h3 { position: static; font-family: source-han-sans-japanese, sans-serif; font-weight: 700; line-height: 1.2em; letter-spacing: 0.05em; }

.postContents .post:after { background: url("https://kinzokuyouzai.co.jp/info/wp-content/themes/kinzokuyouzai/images/h2.jpg") no-repeat center; background-size: cover; }
.postContents .news:after { background: url("https://kinzokuyouzai.co.jp/info/wp-content/themes/kinzokuyouzai/images/news/h2.jpg") no-repeat center; background-size: cover; }
/* 新着情報 */
.postContents h3.news { color: #00468c; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.postContents h3.news a { color: #00468c; }
.postContents h3.news span { display: block; }
.postContents h3.news a span.tit01 { text-decoration: underline; }
.postContents h3.news span.date { color: #999; font-weight: 500; }
.postContents h3.news a span.date { color: #999; }
.postContents h3.news a:hover { opacity: 0.6; }

/* ----------------------------------------------------------
 投稿コンテンツ
---------------------------------------------------------- */
/* 投稿エリア初期化
------------------------------------------- */
/* 見出し */
#main .postSec h1,
#main .postSec h2,
#main .postSec h3,
#main .postSec h4,
#main .postSec h5,
#main .postSec h6,
#main .postSec h1::before,
#main .postSec h2::before,
#main .postSec h3::before,
#main .postSec h4::before,
#main .postSec h5::before,
#main .postSec h6::before,
#main .postSec h1::after,
#main .postSec h2::after,
#main .postSec h3::after,
#main .postSec h4::after,
#main .postSec h5::after,
#main .postSec h6::after {
	width: auto; height: auto; text-align: left ;background-color: transparent; float: none; top: auto; right: auto; bottom: auto; left: auto; font-weight: bold; margin: 0; padding: 0; font-size: 100%; color: #333; position: static; border: none;
	/* ウェブサイトにより変更 */
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 400;
	font-style: normal;
}

/* コンテンツ */
.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
	-khtml-border-radius: 3px;
}
.wp-caption-text,
.gallery-caption {
	font-size: 80%;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; }
p.wpPostsList { text-align: right; font-size: 15px; }

/* 投稿エリア編集
------------------------------------------- */
/* 見出し */
#main .postSec h1 { color: #333; padding-left: 15px; border-left: 5px solid #00468c; font-weight: 700; }
#main .postSec h2 { position: relative; color: #333; font-weight: 700; text-align: left; padding-left: 25px; }
#main .postSec h2:before, #main .postSec h2:after { position: absolute; content: ''; border-radius: 100%;}
#main .postSec h2:before { top: 0; left: 0; z-index: 2; width: 18px; height: 18px; background-color: #00abe0; opacity: 0.7;}
#main .postSec h2:after { top: .5em; left: .5em; width: 13px; height: 13px; background: #00468c; opacity: 0.7;}

#main .postSec h3 { position: relative; color: #333; font-size: 18px; min-width: 15px; padding-left: 25px; line-height: 23px; font-weight: 500; }
#main .postSec h3:before { position: absolute; top: 4px; left: 0; content: " "; display: inline-block; background: #00468c; width: 15px; height: 15px; }

#main .postSec h4 { position: relative; color: #333; font-size: 17px; font-weight: 400; padding-left: 20px; }
#main .postSec h4:before { content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 3px #00468c; border-right: solid 3px #00468c; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; left: 0; margin-top: -4px;}

#main .postSec h5 { position: relative; color: #333; font-size: 17px; font-weight: 400; padding-left: 15px; }
#main .postSec h5:before { content:''; border-radius:30px; height:8px; width:8px; display:block; position:absolute; top: 8px; left:0; background-color: #00468c; }
#main .postSec h6 { color: #00468c; font-size: 17px; font-weight: 400; }

/* コンテンツ */
#main .postSec { letter-spacing: 0.05em; line-height: 1.6em;}
#main .postSec:after { content: ""; display: block; clear: both;}
#main .postSec div:after { content: ""; display: block; clear: both;}
#main .postSec a img:hover { opacity: 0.6;}
.postContents .nonePostContent { font-size: 18px; letter-spacing: 0.05em; }

#main .postSec em { visibility: visible; display: inline;}
#main .postSec blockquote {
	margin: 10px 0 10px 10px;
	padding: 5px 0 5px 10px;
	border-left: 3px solid #666;
}
#main .postSec ol { list-style-type: decimal;}
#main .postSec ul { list-style-type: disc;}
#main .postSec li,
#main .postSec dl {
	list-style-position: outside;
	list-style-type: inherit;
	margin-left: 1.6em;
}
#main .postSec hr { display: block;}
#main .postSec table {
	border: 1px solid;
	border-collapse: separate
}
#main .postSec th,
#main .postSec td {
	border: 1px solid;
	padding: 5px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:640px){

/* ----------------------------------------------------------
 ページネーション
---------------------------------------------------------- */
.pagination a {
	padding: 10px 10px 7px;
	font-size: 15px;
	margin-bottom: 10px;
}
.pagination span { padding: 10px 10px 7px; }
.pagination span.current {}

/* ----------------------------------------------------------
 見出し
---------------------------------------------------------- */
.postContents h3.news { margin-bottom: 20px; padding: 10px 0 10px 10px; }
.postContents h3.news span.tit01 { font-size: 16px; }
.postContents h3.news span.date { margin-bottom: 5px; }

/* ----------------------------------------------------------
 投稿コンテンツ
---------------------------------------------------------- */
/* 投稿エリア編集
------------------------------------------- */
/* 見出し */
#main .postSec h1 { font-size: 18px; line-height: 25px; margin-bottom: 15px; }
#main .postSec h2 { font-size: 18px; margin-bottom: 15px; line-height: 23px; }
#main .postSec h3 { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
#main .postSec h4 { font-size: 17px; line-height: 22px; margin-bottom: 10px; }
#main .postSec h5 { font-size: 17px; line-height: 22px; margin-bottom: 10px; }
#main .postSec h6 { font-size: 17px; line-height: 22px; margin-bottom: 5px; }

/* コンテンツ */
#main .postSec {}

.alignleft,
img.alignleft {
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:1.0em;
	text-align:center;
}
.alignright,
img.alignright {
	float: none;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:1.0em;
	text-align:center;
}
.aligncenter,
img.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
img.alignleft,
img.alignright,
img.aligncenter {
	width:100%;
	margin-bottom: 1.0em;
}
.alignleft,
img.alignleft,
.alignright,
img.alignright {
	display:block;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:641px) and (max-width:1024px){

/* ----------------------------------------------------------
 ページネーション
---------------------------------------------------------- */
.pagination a {
	padding: 10px 10px 7px;
	font-size: 15px;
	margin-bottom: 10px;
}
.pagination span { padding: 10px 10px 7px; }
.pagination span.current {}

/* ----------------------------------------------------------
 見出し
---------------------------------------------------------- */
.postContents h3.news { margin-bottom: 30px; padding: 20px 0; }
.postContents h3.news span.tit01 { width: 100%; font-size: 18px; padding-left: 120px; }
.postContents h3.news span.date { float: left; clear: left; width: 100px; padding: 0 10px; }

/* ----------------------------------------------------------
 投稿コンテンツ
---------------------------------------------------------- */
/* 投稿エリア編集
------------------------------------------- */
/* 見出し */
#main .postSec h1 { font-size: 17px; line-height: 25px; margin-bottom: 15px; padding-left: 10px; }
#main .postSec h2 { font-size: 17px; margin-bottom: 15px; line-height: 23px; }
#main .postSec h3 { font-size: 17px; line-height: 23px; margin-bottom: 10px; padding-left: 20px; }
#main .postSec h4 { font-size: 16px; line-height: 22px; margin-bottom: 10px; padding-left: 15px; }
#main .postSec h5 { font-size: 16px; line-height: 22px; margin-bottom: 10px; }
#main .postSec h6 { font-size: 16px; line-height: 22px; margin-bottom: 5px; }

/* コンテンツ */
#main .postSec {}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.0em;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width:1025px){

/* ----------------------------------------------------------
 ページネーション
---------------------------------------------------------- */
ul.pagination {
	float:left;
	margin:50px 0 0 0;
	position:relative;
	left:50%;
}
ul.pagination li {
	float:left;
	margin:0 8px 10px 0;
	position:relative;
	left:-50%;
}

/* ----------------------------------------------------------
 見出し
---------------------------------------------------------- */
.postContents h3.news { margin-bottom: 30px; padding: 20px 0; }
.postContents h3.news span.tit01 { width: 100%; font-size: 18px; padding-left: 120px; }
.postContents h3.news span.date { float: left; clear: left; width: 100px; padding: 0 10px; }

/* ----------------------------------------------------------
 投稿コンテンツ
---------------------------------------------------------- */
/* 投稿エリア編集
------------------------------------------- */
/* 見出し */
#main .postSec h1 { font-size: 18px; line-height: 25px; margin-bottom: 15px; }
#main .postSec h2 { font-size: 18px; margin-bottom: 15px; line-height: 23px; }
#main .postSec h3 { font-size: 18px; line-height: 23px; margin-bottom: 10px; }
#main .postSec h4 { font-size: 17px; line-height: 22px; margin-bottom: 10px; }
#main .postSec h5 { font-size: 17px; line-height: 22px; margin-bottom: 10px; }
#main .postSec h6 { font-size: 17px; line-height: 22px; margin-bottom: 5px; }

/* コンテンツ */
#main .postSec {}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.0em;
}

}