@charset "utf-8";

@import "base.css";
@import "common.css";
@import "style.css";
@import "gnav.css";
@import "gnav_sp.css";
@import "subPage.css";

/* products
---------------------------------------------------*/
/* index */
body.Products#index .mainImg {
	margin-bottom: 0;
}

body.Products .mainImg.third .txt {
    top: 120px !important;
}

/* metal */
body.Products.metal .mainImg .txt {
    top:16vw;
}

/* heat */
body.Products.heat section {
    margin-bottom: 90px;
}

body.Products.heat .cetegoryLink ul{
    display: table;
    width: 100%;
    box-sizing: border-box;
}

body.Products.heat .cetegoryLink ul li {
    width: 25%;
    display: table-cell;
    margin-right: 0;
}

body.Products.heat#index .mainImg .txt {
  top: 130px;
}

body.Products.heat#index .mainImg {
    padding-top: 300px;
}

body.Products.heat#index .img01{
    width: 660px;
    margin: 0 auto;
}

/* パンくず調整用 */
/* 事業・商品情報ページ */
body.Products#index #pankuzu ul li:nth-child(2) {
	display:none;
}

/* 事業・商品情報ページ-メタル事業 */
body.Products.metal .picArea.column03{
	margin-bottom:-50px;
	}

body.Products.metal .picArea.column03 li{
	margin-bottom:50px;
	}

body.Products.metal .picArea.column03 li br.sp{
	display:none;
	}
	
body.Products.metal .picArea.column03 li .thumd{
    overflow:hidden;
    position:relative;
	max-height:260px;
	}

body.Products.metal .picArea.column03 li span{
    font-size: 125%;/*20px*/
    line-height:1.4;
    position:absolute;
    width:100%;
    bottom:10%;
    color:#fff;
    left:0;
    letter-spacing: 0.1em;
}

body.Products.metal .picArea.column03 li span.bottom{
    bottom:5%;
}

body.Products.metal .picArea.column03 li img{
    width:100%;
    height:auto;
}

body#aluminum .picArea.column03 span.label{
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0;
	background: #b62727;
	width: auto;
	line-height: 1.2;
	padding: 3px 5px 5px 5px;
	position:relative;
	margin-right:5px;
	font-family: "ヒラギノ明朝 ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	vertical-align: middle;
}

body#aluminum .picArea.column03 span.label.label02{background: #6c9e01;}
body#aluminum .picArea.column03 span.label.label03{background: #e28a02;}
body#aluminum .picArea.column03 span.label.label04{background: #a12977;}
body#aluminum .picArea.column03 span.label.label05{background: #74298f;}

/* 事業・商品情報ページ-下層 */
body.Products.chemical#index #pankuzu ul li:nth-child(2),
body.Products.metal#index #pankuzu ul li:nth-child(2),
body.Products.chuzo#index #pankuzu ul li:nth-child(2),
body.Products.board#index #pankuzu ul li:nth-child(2),
body.Products.electrode#index #pankuzu ul li:nth-child(2),
body.Products.heat#index #pankuzu ul li:nth-child(2){
	display:block;
}
body.Products.chemical#index #pankuzu ul li:nth-child(3),
body.Products.chuzo#index #pankuzu ul li:nth-child(3),
body.Products.metal#index #pankuzu ul li:nth-child(3),
body.Products.board#index #pankuzu ul li:nth-child(3),
body.Products.electrode#index #pankuzu ul li:nth-child(3){
	display:none;
}


/* 事業・商品情報ページ-素刑材事業 */
body.Products.chuzo .mainImg .txt h2{
	color:#000;
	border-color: #000;
}

body.Products.chuzo#index .mainImg .sec01{
	margin-bottom:50px;
}

body.Products.chuzo#index .mainImg .thumbImgLink {
	margin-bottom:60px;
}

@media only screen and (max-width:767px) {
	body.Products .mainImg .txt h2{
		font-size:140%;
	}

    body.Products .mainImg.third .txt,
	body.Products.metal .mainImg .txt{
        top:15vw !important;
    }

	body.Products.metal .mainImg {
		margin-bottom: 30px;
	}


    /* heat */
    body.Products.heat section {
        margin-bottom: 30px;
    }

    body.Products.heat#index .mainImg .txt {
        top: 10vw;
    }

    body.Products.heat#index .mainImg {
        padding-top: 30vw;
    }

    body.Products.heat#index .img01{
        width: 90%;
        margin: 0 auto;
    }
    
    body.Products.heat#index .linkArea > ul{
        vertical-align: middle;
    }

    body.Products.heat#index .linkArea > ul img{
        max-height: 13px;
    }

    body.Products.heat .cetegoryLink ul{
        display: block;
    }
    
    body.Products.heat .cetegoryLink ul li {
        width: inherit;
        display: block;
    }
    
    body.Products.heat#W620 .picColumn li {
        width: 48.5%;
        margin-bottom: 0;
        float: left;
    }
    
    body.Products.heat#W620 .picColumn li:nth-child(2){
        float: right;
    }    

	/* 事業・商品情報ページ-メタル事業 */
	body.Products.metal .picArea.column03 {
		width:100%;
		margin:0 auto -15px auto;
	}

	body.Products.metal .picArea.column03 li{
		width:48.5%;
		float:left;
		margin:0 0 15px 0!important;
	}

	body.Products.metal .picArea.column03 li br.sp{
		display:block;
	}

	body.Products.metal .picArea.column03 li:nth-child(even) {
		float:right;
	}
	
	body.Products.metal .picArea.column03 li span{
		font-size: 87.5%;
	}
		
	body.Products.metal .picArea.column03 li img{
		width:100%;
		height:auto;
	}
	
	
	body#aluminum .picArea.column03 span.label{
		font-size: 70%;
		padding:2px 5px 2px 5px;
	}


	/* 事業・商品情報ページ-素刑材事業 */
	body.Products.chuzo#index .mainImg .sec01{
		margin-bottom:25px;
	}
	
	body.Products.chuzo#index .mainImg .thumbImgLink {
		margin-bottom:25px;
	}
}