/* コンテンツ */
.contents p {
	margin: 0;
}
.contents h2, .contents h3 {
	font-family:"小塚明朝 Pr6N","Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.contents h2 {
	font-size: 1.7em;
    font-weight: bold;
}
.contents h3 {
	color: #ff6e35;
}
.contents h3 > a {
	color: #ff6e35;
}
.contents ul {
    list-style: none;
}
.contents .headline {
	margin-top: 20px;
}
.contents .headline p {
	margin-top: 5px;
}
.contents .contents-left {
    float: left;
}
.contents .contents-right {
    float: right;
}
.contents .contents-block p.contents-text {
	margin: 10px 0 0 0;
}
.contents .contents-block {
    margin-top: 30px;
}

/* コンテンツ - みきかじや村とは */
.contents .company .headline {
	text-align: center;
}
.contents .company .headline p {
	font-family:"小塚明朝 Pr6N","Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.3em;
    background: rgba(0, 0, 0, 0) url(../images/contents/company/blacksmith.png) no-repeat scroll center top;
	line-height: 220%;
    margin: 20px 0;
    padding-bottom: 40px;
}
.contents .company .contents-block {
	border-top: 1px solid #ff6e35;
}
.contents .company .contents-block .contents-left {
	width: 25%;
    margin-top: 30px;
}
.contents .company .contents-block .contents-right {
    width: 72%;
    margin-top: 30px;
    padding-left: 3%;
}
.contents .company .contents-block1 .contents-left img:nth-child(n+2) {
	margin-top: 30px;
}
.contents .company .contents-block1 .contents-right h3:nth-child(n+2) {
	margin-top: 40px;
}
.contents .company .contents-block1 .contents-right table {
	width: 100%;
    margin-top: 20px;
}
.contents .company .contents-block1 .contents-right td:nth-child(1) {
    width: 9%;
}
.contents .company .contents-block1 .contents-right .contents-text {
    margin-top: 40px;
}
.contents .company .contents-block2 .contents-right .contents-text span {
	font-weight: bold;
}
.contents .company .contents-block2 .contents-right .contact {
	background-color: #f3f3f3;
    margin-top: 30px;
    padding: 3% 5%;
}

/* コンテンツ - 三木金物の歴史 */
.contents .history .contents-left.bessyo .name {
    font-size: 1.2em;
    font-weight: bold;
	margin-top: 15px;
}
.contents .history .contents-left.bessyo .person-history {
	margin-top: 20px;
}
.contents .history .contents-left.bessyo .jisei {
	margin-top: 15px;
}
.contents .history .contents-left.bessyo .jisei span {
	font-size: 1.2em;
    font-weight: bold;
	margin-top: 20px;
}
.contents .history .contents-left.bessyo .caution {
	font-size: 0.8em;
	margin-top: 15px;
}
.contents .history .contents-left {
	width: 25%;
    margin-top: 30px;
}
.contents .history .contents-right {
    width: 72%;
    margin-top: 30px;
    padding-left: 3%;
}
.contents .history .contents-block1 {
	margin-top: 0;
}
.contents .history .contents-block4, .contents .history .contents-block5, .contents .history .contents-block6, .contents .history .contents-block7 {
	border-top: 1px solid #ff6e35;
}
.contents .history .contents-right .contents-block3 .history-pic {
	margin-top: 20px;
}
.contents .history .contents-right .contents-block3 .history-pic li{
    width: 23.5%;
    float: left;
    margin-right: 2%;
}
.contents .history .contents-right .contents-block3 .history-pic li:last-child{
    margin: 0;
}
/*  コンテンツ - 材料の基礎知識 */
.contents .material .contents-left {
	width: 25%;
}
.contents .material .contents-right {
    width: 72%;
    padding-left: 3%;
}
/* コンテンツ - 木材の基礎知識 */
.contents .wood h2 {
    border-bottom: 1px solid #ff6e35;
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.contents .wood h3 {
	margin-top: 25px;
}
.contents .wood h3:nth-child(1) {
	margin-top: 0px;
}
.contents .wood .contents-left {
	width: 40%;
}
.contents .wood .contents-right {
    width: 50%;
    padding-left: 10%;
}
.contents .wood .contents-block4 h3 {
	margin-left: 10px;
}
.contents .wood .contents-block4 .shinyou-list, .contents .wood .contents-block4 .kouyou-list {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.contents .wood .contents-block4  li {
    width: 24.5%;
    float: left;
    background-color: #f1f1f1;
    margin: 2% 0.5% 0 0;
}
.contents .wood .contents-block4 li:nth-child(4n) {
}
.contents .wood .contents-block4 li:nth-child(4n+1) {
	clear: both;
}
.contents .wood .contents-block4 tr:nth-child(n+2) td {
	padding-bottom: 20px;
}
.contents .wood .contents-block4 td {
    padding-right: 5%;
    padding-left: 5%;
}
.contents .wood .contents-block4 td:nth-child(2n-1) {
	text-align: center;
    width: 20%;
}
/* コンテンツ - 鋼材の基礎知識 */
.contents .steel table {
	font-size: 12px;
	margin: 20px 0 0 -5px;
}
.contents .steel td {
	background-color: #f1f1f1;
    border: 5px solid #fff;
	height: 45px;
	line-height: 120%;
	padding: 5px 15px;
	text-align: center;
    vertical-align: middle;
}
.contents .steel table td:nth-child(1) {
	padding: 5px;
}
.contents .steel .contents-block2 table {
	width: 80%;
}
.contents .steel .contents-block2 td:nth-child(1), .contents .steel .contents-block3 td:nth-child(1) {
	width: 80px;
}
.contents .steel .contents-block2 td:nth-child(2) {
	width: 90px;
	padding: 5px;
}
.contents .steel .contents-block4 .caution {
	font-size: 0.8em;
    margin: 10px 0;
    line-height: 150%;
}
.contents .steel .contents-block4 .evaluate {
	color: #ba0000;
}
.contents .steel .contents-block4 td:nth-child(-n+5) {
	width: 110px;
}

/* コンテンツ - 鍛冶人紹介 */
.contents .blacksmith ul {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.contents .blacksmith li {
	font-family:"小塚明朝 Pr6N","Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    width: 23.5%;
    margin: 3% 2% 0 0;
	text-align: center;
}
.contents .blacksmith li:nth-child(4n) {
	margin-right: 0;
}
.contents .blacksmith li .type {
    font-size: 1.4em;
    font-weight: bold;
    margin-top: 10px;
}

/* コンテンツ - 鍛冶人紹介 - 鍛冶人詳細 */
.contents .blacksmith-detail h2 {
    color: #787878;
    font-size: 1.3em;
    font-weight: normal;
}
.contents .blacksmith-detail h3 {
	color: #161b1e;
    font-size: 1.7em;
    margin-top: 20px;
}
.contents .blacksmith-detail h3 span {
    font-size: 0.6em;
}
.contents .blacksmith-detail h4 {
    color: #ff6e35;
    border-bottom: 1px solid #000;
    font-size: 1.2em;
    padding-bottom: 5px;
}
.contents .blacksmith-detail h4:nth-child(n+2) {
	margin-top: 20px;
}
.contents .blacksmith-detail .headline {
	text-align: center;
}
.contents .blacksmith-detail .contents-block .contents-left {
    width: 45%;
}
.contents .blacksmith-detail .contents-block .contents-right {
    width: 53%;
    padding-left: 2%;
}
.contents .blacksmith-detail .contents-block .contents-left img:nth-child(n+2) {
	margin-top: 10px;
}
.contents .blacksmith-detail .contents-block .contents-text {
	color: #161b1e;
}
.contents .blacksmith-detail .contents-block table {
	width: 100%;
	margin: 20px 0 0 0;
}
.contents .blacksmith-detail .contents-block td:nth-child(1) {
	width: 25%;
}
.contents .blacksmith-detail .contents-block td:nth-child(2) {
	color: #161b1e;
}
.contents .blacksmith-detail .contents-block a {
	color: #161b1e;
	text-decoration: underline;
}

/* Landscape phone to portrait tablet */
@media only screen and (max-width: 767px) {
/* コンテンツ */
.contents .contents-left {
    float: none;
}
.contents .contents-right {
    float: none;
}

/* コンテンツ - みきかじや村とは */
.contents .company .contents-block .contents-left {
	width: 100%;
}
.contents .company .contents-block .contents-right {
    width: 100%;
    padding: 0;
}

/* コンテンツ - 三木金物の歴史 */
.contents .history .contents-left {
	width: 100%;
}
.contents .history .contents-right {
	width: 100%;
	padding: 0;
}
.contents .history .contents-right .contents-block3 .history-pic li {
    width: auto;
    float: none;
    margin: 20px 0 0 0;
}

/* コンテンツ - 材料の基礎知識 */
.contents .material .contents-left {
	width: 100%;
	margin-top: 30px;
}
.contents .material .contents-right {
	width: 100%;
	margin-top: 20px;
	padding: 0;
}
/* コンテンツ - 木材の基礎知識 */
.contents .wood .contents-left {
	width: 100%;
}
.contents .wood .contents-right {
	width: 100%;
	padding: 0;
}
.contents .wood h3:nth-child(1) {
	margin-top: 30px;
}
.contents .wood .contents-block4 li {
    width: 100%;
    float: none;
    margin: 5% 0 0 0;
}
/* コンテンツ - 鋼材の基礎知識 */
.contents .steel table {
	font-size: 9px;
	width: 100%;
}
.contents .steel td {
    border: 1px solid #fff;
	height: 25px;
	padding: 5px;
}
.contents .steel .contents-block2 td:nth-child(1), .contents .steel .contents-block3 td:nth-child(1) {
	width: 50px;
}
.contents .steel .contents-block2 td:nth-child(2) {
	width: 60px;
}
.contents .steel .contents-block4 td:nth-child(-n+5) {
	width: auto;
}

/* コンテンツ - 鍛冶人紹介 */
.contents .blacksmith li {
    width: 49%;
    margin: 3% 2% 0 0;
}
.contents .blacksmith li:nth-child(2n) {
	margin-right: 0;
}

/* コンテンツ - 鍛冶人紹介 - 鍛冶人詳細 */
.contents .blacksmith-detail .contents-block .contents-left {
    width: 100%;
}
.contents .blacksmith-detail .contents-block .contents-right {
    width: 100%;
    padding: 0;
}
.contents .blacksmith-detail h4 {
    margin-top: 20px;
}

/* コンテンツ - リンク集 */
.links-header {
    width: 100%;
}

.links-logo {
    width: 24.5%;
}