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

/* 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.chemical#index #pankuzu ul li:nth-child(2),
body.Products.metal#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.board#index #pankuzu ul li:nth-child(3),
body.Products.electrode#index #pankuzu ul li:nth-child(3){
	display:none;
}

@media only screen and (max-width:767px) {
    /* 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;
    }
    
}