@import url("alumi-world.css");

/*=============================================================

	Products CSS

=============================================================*/
/* ローカルナビ --------------------*/
#products #localMenu ul.lm-list li#lm-sheeting ul li.cate {
    font-weight: bold;
    padding: 10px 10px 10px 3.2em;
}

/* 見出し --------------------------*/
#products #pageTitle {
    padding-top: 0;
}

#products #pageTitle:before {
    top: 6px;
}

/* はみでるテーブル --------------------------*/
#contents .tableOverflow {
    width: 100%;
    overflow-y: auto;
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: auto;
    scrollbar-color: #999 #efefef;
    scrollbar-width: auto;
}

#contents .tableOverflow::-webkit-scrollbar {
    height: 10px;
}

#contents .tableOverflow::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 5px;
}

#contents .tableOverflow::-webkit-scrollbar-track-piece {
    background: #efefef;
}

#contents .tableOverflow table {
    margin-bottom: 3px;
}


/* sheeting/index.htm
-----------------------------------------------------------*/
#products.act-lm-sheeting article#contents #pageTitle {
    padding: 8px 0 5px 37px !important;
}

#products.act-lm-sheeting article#contents #pageTitle:before {
    top: 0;
}

#products.act-lm-sheeting article#contents h2 {
    font-size: 150%;
    border-top: 1px dashed #80b1d0;
    padding: 12px 0 0 0;
    margin: 35px 0 0 0;
}

#products.act-lm-sheeting article#contents div.box-clm2 p.box-linkTtl {
    margin: 14px 0 14px 0;
}

/* sheeting/aas-panel.htm
-----------------------------------------------------------*/
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxLeft {
    float: left;
    width: 65%;
}

#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxRight {
    float: right;
    width: 33%;
}

#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxLeft img,
#products.act-lm-sheeting-aas-panel article#contents #fig01 .boxRight img {
    width: 100% !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* ローカルナビ --------------------*/
    #products #localMenu ul.lm-list li#lm-sheeting ul li.cate {
        width: 100%;
        padding: 10px 10px 10px 1.4em;
    }

}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 767px) {

    /* ローカルナビ --------------------*/
    #products #localMenu ul.lm-list li#lm-sheeting ul li.cate {
        font-size: 90%;
        padding: 5px 0 5px 1.5em;
    }

    /* はみでるテーブル --------------------------*/
    #contents .tableOverflow::-webkit-scrollbar {
        height: 6px;
    }

    /* sheeting/index.htm
    -----------------------------------------------------------*/
    #products.act-lm-sheeting article#contents h2 {
        font-size: 100%;
    }

    /* sheeting/aas-panel.htm
    -----------------------------------------------------------*/
    #products.act-lm-sheeting-aas-panel article#contents #fig01 .boxLeft {
        float: none;
        width: 100%;
        margin: 5px auto;
    }

    #products.act-lm-sheeting-aas-panel article#contents #fig01 .boxRight {
        float: none;
        width: 60%;
        margin: 5px auto;
    }


}