@charset "UTF-8";

/*
===========================================================================
|           accessoryIndex
===========================================================================
*/

/*----------------------------------------------------------------------
/
/----------------------------------------------------------------------*/
#accessoryIndex{

}

#accessoryIndex h2 {
    font-size: 110%;
    margin: 0 0 20px;
}
#accessoryIndex ul.accessoryList{
    overflow: hidden;
}
#accessoryIndex ul.accessoryList li{
    margin: 0 1% 20px 0;
    overflow: hidden;
    width:32%;
    float: left;
}
#accessoryIndex ul.accessoryList div.accessoryImg{
    background: #fff none repeat scroll 0 0;
    border:1px solid #efefef;
}
#accessoryIndex ul.accessoryList div.accessoryImg img{
    width:100%;
}
#accessoryIndex ul.accessoryList div.accessoryDetail{
    box-sizing: border-box;
    padding: 1% 0 2% 3%;
}
#accessoryIndex ul.accessoryList div.accessoryDetail table.line th{
    font-size:130%;
}
#accessoryIndex ul.accessoryList div.accessoryDetail table.line td{
   font-size:100%;
}
#accessoryIndex ul.accessoryList div.accessoryDetail table.line th, table.line td {
    padding: 3px 0;
}
#accessoryIndex ul.accessoryList div.accessoryDetail table.line{
    border-top: none;
}
#accessoryIndex ul.accessoryList div.accessoryDetail table.line tr.kata td.kata{
    border-bottom: none;
}





/*
#accessoryIndex ul.accessoryList div.accessoryImg{
    background: #efefef none repeat scroll 0 0;
    float: left;
    width:30%;
    border:1px solid #efefef;
}
#accessoryIndex ul.accessoryList div.accessoryImg img{
    width:100%;
}
#accessoryIndex ul.accessoryList div.accessoryDetail{
    box-sizing: border-box;
    float: right;
    padding: 1% 0 2% 3%;
    width: 68%;
}*/


/*=====================================================
    device
=======================================================*/

/*
    TAB
    */
@media screen and (max-width: 991px) {

}


/*
    SPHONE
    */
@media screen and (max-width: 479px) {
    #accessoryIndex ul.accessoryList li{
        margin: 0 0 20px 0;
        overflow: hidden;
        width:100%;
        float: none;
    }
    #accessoryIndex ul.accessoryList div.accessoryImg{
        background: #fff none repeat scroll 0 0;
        float: left;
        width:30%;
        border:1px solid #efefef;
    }
    #accessoryIndex ul.accessoryList div.accessoryImg img{
        width:100%;
    }
    #accessoryIndex ul.accessoryList div.accessoryDetail{
        box-sizing: border-box;
        float: right;
        padding: 1% 0 2% 3%;
        width: 68%;
    }



    table.line {
        border-top: 1px solid #ccc;
    }
    table.line th, table.line tr.kata td {
        border-bottom: 1px solid #ccc;
    }
}