@charset "euc-jp";
@import url("tekigou-common.css");
#outboat-0010 { max-width: 780px; margin: 0 auto; font-size: 16px;}

#tohatsu { border: solid 0px #000e44;}
#honda { border: solid 0px #cc0000;}

#tohatsu,
#honda {
    overflow: hidden;
    max-height: 0; margin: 0 auto; 
    opacity: 0;}

#outboat-0010 label[for="tab02"]:hover { background:#000e44;}
#outboat-0010 label[for="tab03"]:hover { background:#cc0000;}

#tab02:checked ~ #tohatsu,
#tab03:checked ~ #honda { max-height:5000px; border-width: 5px 2px; opacity: 1;}

#outboat-0010 #tab02:checked ~ #maker-tab label[for="tab02"] { background:#000e44; color: #fff;}
#outboat-0010 #tab03:checked ~ #maker-tab label[for="tab03"] { background:#cc0000; color: #fff;}


#outboat-0010 .scroll { overflow: scroll; height: 60vh;}

#outboat-0010 table { font-size: 14px;}

#outboat-0010 th { 
    position: sticky; top: 0px; z-index: 3;
    background: #c3e2f1; color: #333;}
    
#outboat-0010 #honda th {top: 32px;}
#outboat-0010 #honda th[rowspan="2"],
#outboat-0010 #honda th[colspan="3"] {top: 0;}

#outboat-0010 th span {
    display: inline-block; position: relative; 
    margin: 8px 0; padding: 0 0 0 14px; 
    color: #e00; font-size: 12px;line-height: 1.5em; text-align: left;}
    
#outboat-0010 th span::before {
    content:'ви'; 
    position: absolute; top: 0; left: 0;}

#outboat-0010 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px;
    width: 100%; height: 100%;
    border: 1px solid #888;}

#outboat-0010 th a {
    position: relative; z-index: 3;
    margin: 0 0 0 8px;
    vertical-align: top; cursor: pointer;}

#outboat-0010 td { padding: 5px;}
#outboat-0010 td[colspan="3"] { background: #000; color: #fff;}

#tohatsu td:nth-of-type(2),
#tohatsu td:nth-of-type(3),
#honda td:nth-of-type(2),
#honda td:nth-of-type(3),
#honda td:nth-of-type(4) { width: 130px;}

    #tohatsu td.fixed01 { word-break: break-all;}
@media screen and (max-width:699px){
    #tohatsu td:nth-of-type(2),
    #tohatsu td:nth-of-type(3) { width: 115px;}    

    #honda td:nth-of-type(2),
    #honda td:nth-of-type(3),
    #honda td:nth-of-type(4) { width: 115px;}
}

@media screen and (max-width:554px){
    #honda th[rowspan="2"] { left: 0; z-index: 4;}
    #honda table { width: 555px;}
    #honda td:nth-of-type(1) { 
        position: sticky; left: 0; z-index: 1;
        background: #fff;}
}

@media screen and (max-width:389px){
    #tohatsu th:nth-of-type(1) { left: 0; z-index: 4;}
    #tohatsu table { width: 390px;}
    
    #tohatsu td.fixed01 { 
        position: sticky; left: 0; z-index: 1;
        background: #fff;}
    

}

/* LastUp2024.03.14_kimata */