@charset "utf-8";
/* CSS Document */


/*-----------------------------------------

Last update:    2025-11-18

---------------------------------------*/

/*=================================================
common
=================================================*/
/*=============================
suppliers_list
products_list
=============================*/
#suppliers_list .sup_block,
#products_list .prod_block{
    border: 1px solid #222;
    display: table;
    width: 100%;
    box-sizing: border-box;
    color: #333;
    margin-top: 3em;
}
#suppliers_list .sup_block:hover,
#products_list .prod_block:hover{
    color: #333;
    background: #dfefef;
}
#suppliers_list .sup_block:hover img,
#products_list .prod_block:hover img{
    opacity: 1;
}
#suppliers_list .sup_block .sup_logo,
#products_list .prod_block .prod_img{
    display: table-cell;
    width: 260px;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0 2em;
}
#suppliers_list .sup_block .sup_detail,
#products_list .prod_block .prod_detail{
    display: table-cell;
    width: calc( 100% - ( 260px + 40px ) );
    padding: 2em 2em 2em 1em ;
    box-sizing: border-box;
    vertical-align: middle;
}
#suppliers_list .sup_block .sup_detail dt,
#products_list .prod_block .prod_detail dt{
    color: #00a4a1;
    font-weight: 700;
    font-size: 120%;
    line-height: 1.4;
    margin-bottom: 0.5em;
}
#products_list .prod_block .prod_model{
    font-weight: 700;
    font-size: 110%;
    margin-bottom: 0.25em;
}


#suppliers_list .sup_block .sup_link,
#products_list .prod_block .prod_link{
    display: table-cell;
    width: 40px;
    box-sizing: border-box;
    background: #222;
    vertical-align: middle;
}
#suppliers_list .sup_block .sup_link img,
#products_list .prod_block .prod_link img{
    margin: 0 auto;
}


@media screen and (max-width:600px){
    #suppliers_list .sup_block .sup_logo,
    #products_list .prod_block .prod_img{
        display: block;
        width: 100%;
        padding: 1em 1em 0;
    }
    #suppliers_list .sup_block .sup_logo img,
    #products_list .prod_block .prod_img img{
        max-width: 172px;
        margin: 0 auto;
    }
    #suppliers_list .sup_block .sup_detail,
    #products_list .prod_block .prod_detail{
        display: block;
        width: calc( 100% - 0px );
        padding: 1em 1em 1em 1em ;
    }
    #suppliers_list .sup_block .sup_detail dt{
        font-size: 120%;
        text-align: center;
    }
    #products_list .prod_block .prod_detail dt{
        font-size: 120%;
    }

    #suppliers_list .sup_block .sup_link,
    #products_list .prod_block .prod_link{
        width: 40px;
    }
}



/*=================================================
supplier 個別ページ
=================================================*/
#supplier_lead h2.ttl_sup{
    font-size: 200%;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 1.5em;
}



/*=============================
suppliers_qc.html
=============================*/
#movie_area .movie_block{
    max-width: 400px;
    margin: 0 auto;
}

#movie_area video{
    width: 100%;
}