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

#boat-0009 label {
    display:table-cell; position: relative; padding:8px 0 5px; 
    border-radius: 0 30px 0 0; background:#e0e0e0;
    color: #333; font-weight: 600; text-align: center; line-height:1.0em; cursor: pointer;}

#boat-0009 label:hover { background:#6778ff; color: #fff;}

@media screen and (max-width:599px){
    #boat-0009 label { font-size: 14px; }
}

@media screen and (max-width:499px){
    #boat-0009 .dis-tbl_tab { display: block; font-size: 0;}
    #boat-0009 label {
        display: inline-block;  
        box-sizing: border-box; width: 32.33%; margin: 0 1% 10px 0; padding:8px 5px; 
        border: solid 1px #888; border-radius: 4px; background:#fff;
        color: #333; line-height:1.0em;}
}

@media screen and (max-width:419px){
    #boat-0009 label { width: 125px; margin: 0 5px 10px 0;}
}

/*選択したタブの背景色、文字色*/
#boat-0009_1:checked ~ #maker-tab label[for="boat-0009_1"],
#boat-0009_2:checked ~ #maker-tab label[for="boat-0009_2"],
#boat-0009_3:checked ~ #maker-tab label[for="boat-0009_3"] { border: none; background:#6778ff; color: #fff;}
 
/* タブ切替で表示するエリア */
#gm-transom,
#gm-others,
#gm-option {
    overflow: hidden;
    max-height: 0; margin: 0 auto; 
    opacity: 0;}


#gm-transom,
#gm-others,
#gm-option { border: solid 0px #6778ff;}

#boat-0009_1:checked ~ #gm-transom,
#boat-0009_2:checked ~ #gm-others,
#boat-0009_3:checked ~ #gm-option { max-height:5000px; border-width: 5px 2px; opacity: 1;}

table { width: auto; font-size: 14px;}

td { position: sticky; z-index: 1;}

th { 
    position: sticky; top: 0; z-index: 4;
    background: #eee;
    color: #000;}
    
th.fixed01 { left: 0; z-index: 5;}

td.fixed02 {
    left: 0; z-index: 3;
    width: 75px;
    background: #eee;
    word-break: break-all;}

.fixed02 span { font-size: 0.8em;}


th::before,
.fixed02::before,
.fixed03::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}

td[colspan="3"],
td[colspan="9"],
td[colspan="10"] { 
    background: #000; 
    color: #fff; font-weight: 600; text-align: left; word-break: break-all;}

td a { position: relative; z-index: 4;}

/**============================================================================================**/
/* センサー関連 */
#gm-transom .scroll { overflow-y: scroll; height: 60vh;}

#gm-transom table { width: 100%;}

#gm-transom .th-1 th:nth-of-type(2) { height: 21px;}
#gm-transom .th-2 th { top: 32px;}


@media screen and (max-width:453px){
    #gm-transom .scroll { overflow-x: scroll;}
    #gm-transom table { width: 419px;}

    #gm-transom .th-2 th:nth-of-type(1) { width: 100px;}
    #gm-transom .th-2 th:nth-of-type(2) { width: 165px;}

}

/**============================================================================================**/
/* その他振動子 */
#gm-others .scroll { overflow: scroll; height: 60vh;}

#gm-others table { width: 1179px;}

#gm-others .th-1 th:nth-of-type(2),
#gm-others .th-1 th:nth-of-type(3),
#gm-others .th-1 th:nth-of-type(4),
#gm-others .th-1 th:nth-of-type(5) { height: 21px;}

#gm-others .th-2 th { top: 32px;}

#gm-others .th-2 th:nth-of-type(1) { width: 130px;}
#gm-others .th-2 th:nth-of-type(2) { width: 140px;}
#gm-others .th-2 th:nth-of-type(3) { width: 80px;}
#gm-others .th-2 th:nth-of-type(4) { width: 140px;}
#gm-others .th-2 th:nth-of-type(5) { width: 85px;}
#gm-others .th-2 th:nth-of-type(6) { width: 165px;}
#gm-others .th-2 th:nth-of-type(7) { width: 80px;}
#gm-others .th-2 th:nth-of-type(8) { width: 140px;}



/**============================================================================================**/
/* その他パーツ */
#gm-option .scroll { overflow: scroll; height: 60vh;}

#gm-option table { width: 1336px;}

#gm-option .th-1 th:nth-of-type(2),
#gm-option .th-1 th:nth-of-type(3),
#gm-option .th-1 th:nth-of-type(4) { height: 21px;}

#gm-option .th-2 th { top: 32px;}

#gm-option .th-2 th:nth-of-type(1) { width: 130px;}
#gm-option .th-2 th:nth-of-type(2) { width: 130px;}
#gm-option .th-2 th:nth-of-type(3) { width: 140px;}
#gm-option .th-2 th:nth-of-type(4) { width: 130px;}
#gm-option .th-2 th:nth-of-type(5) { width: 130px;}
#gm-option .th-2 th:nth-of-type(6) { width: 100px;}
#gm-option .th-2 th:nth-of-type(7) { width: 85px;}
#gm-option .th-2 th:nth-of-type(8) { width: 130px;}
#gm-option .th-2 th:nth-of-type(9) { width: 130px;}



/* LastUp2024.03.14_kimata */