@charset "utf-8";
main { max-width: 780px; margin: 0 auto; padding: 0 15px; font-size: 16px; line-height: 1.3em;}

/**============================================================================================**/
/* 適合表資料室 */
#tekigou img { width: auto; height: auto; max-width: 100%; max-height: 100%;}

#tekigou h2 { padding: 0; background: none;}
#tekigou h3 { padding: 5px 5px 5px 10px; background: #04696e; color: #fff; line-height: 1.5em;}

#tekigou li {position: relative; z-index: 1; padding: 5px; border-bottom: dotted 1px #04696e;}
#tekigou li > p {position: absolute; top: 15px; right: 5px; z-index: 3; color: #04696e; font-size: 0.8em;}
#tekigou li > a { line-height: 2.5em;}

/* 表の設定 */
#tekigou table { 
    width: 100%; margin: 0; 
    border-color: #888; border-collapse: collapse;
    font-size: 14px; line-height: 1.3em;}

#tekigou table th { background: #333; color: #fff; font-weight: 100;}

.scroll,
.scroll-y { overflow-y: scroll; max-height: 60vh;}
.scroll-x { overflow-x: scroll;}

@media screen and (max-width:699px){
    .scroll { overflow-x: scroll;}
    
    #tekigou table { font-size: 13px;}
}

@media screen and (max-width:599px){
    #tekigou li > p {position: static; line-height: 1.5em;}
}

/* 目次 */
#index { 
    max-width: 360px;
    margin: 30px auto; padding: 10px; 
    border: double 4px #04696e;}

#index ul { overflow-y: scroll; height: 150px;}
#index li { padding: 5px 5px 5px 0; border: none;}
#index li a { font-size: 14px; line-height: 1.3em;}

/* スクロールバーの装飾 */
#index ul::-webkit-scrollbar { width: 8px}
#index ul::-webkit-scrollbar-track {background-color: rgba(216, 216, 216, 0.6);}
#index ul::-webkit-scrollbar-thumb {background-color:  rgba(4,105,110,0.80);}

/**========================================**/
/* アコーディオン */
main input[type="checkbox"] {display: none;}

/* アコーディオン 開閉ボタン */
main label {
    display: block; position: relative; z-index: 2;
    box-sizing: border-box; height: 40px; padding: 8px 0 0 35px;
    line-height: 1.5em; cursor: pointer;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    -ms-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    transition: max-height 0.5s;}

main label:hover { background: #c8f2f4;}

main label::before,
main label::after {
    content: '';
    display: inline-block; position: absolute; top: 50%; left: 5px;
    width: 10px; height: 10px; margin: -10px 0 0;
    background: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
    
main label::before { border: solid #04696e; border-width: 0 2px 2px 0;}
    
.area {
    overflow: hidden;
    max-height: 0; margin: 0 auto; opacity: 0;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    -ms-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    transition: max-height 0.5s;}


/* アコーディオンをクリックした場合 */
main input[type="checkbox"]:checked ~ .area {
    max-height: 1000px; margin: 10px 0 0; padding: 0 0 15px;
    opacity: 1;}

main input[type="checkbox"]:checked ~ label::before,
main input[type="checkbox"]:checked ~ label::after {
    left: 6px;
    width: 18px; height: 2px; margin: -1px 0 0; 
    border:none; background: #666;}

main input[type="checkbox"]:checked ~ label::before {
    transform: translateX(-50%) translateY(-1px) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(-1px) rotate(45deg); }
    
main input[type="checkbox"]:checked ~ label::after {
    transform: translateX(-50%) translateY(-1px) rotate(-45deg);
    -webkit-transform: translateX(-50%) translateY(-1px) rotate(-45deg); }

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

/**============================================================================================**/
/* PWC用品適合表【バッテリー】 */
.pwc0001 table { text-align: center;}

/**========================================**/
/* PWC用品適合表【スパークプラグ】 */
.pwc0002 .fixed { text-align: left; word-break: break-all;}
.pwc0002 td.fixed { background: #dedede;}

.pwc0002 .area p {
    margin: 10px 0 10px 4em; padding: 5px;
    color: #e00; font-size: 0.85em; font-weight: 600;
    text-indent: -4em;}

@media screen and (max-width:599px){
    #tekigou .pwc0002 table { width: 596px;}

    .pwc0002 .fixed { position: sticky; left: 0; width: 150px;}
  
    .pwc0002 .fixed::before{
        content: "";
        position: absolute; top: -1px; left: -1px;
        width: 100%; height: 100%;
        border: 1px solid #888;}
}

/**========================================**/
/* PWC用品適合表【インペラー（SOLAS）】 */
.pwc0003 .scroll { overflow-x: scroll;}
#tekigou .pwc0003 table {  width: 800px; font-size: 13px;}

.pwc0003 th,
.pwc0003 .fixed01,
.pwc0003 .fixed02 { position: sticky;}

.pwc0003 .fixed01 { left: 0; text-align: left;}
.pwc0003 .fixed02 { left: 111px;}

.pwc0003 th { top: 0px; z-index: 2; vertical-align: middle;}
.pwc0003 th.fixed01,
.pwc0003 th.fixed02 { z-index: 3;}

.pwc0003 td.fixed01,
.pwc0003 td.fixed02 { 
    z-index: 1;
    background: #dedede; word-break: break-all;}

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

.pwc0003 th a { 
    position: relative; z-index: 3; 
    margin: 0 0 0 8px;
    cursor: pointer; vertical-align: middle;}

.pwc0003 .area p {
    margin: 10px 0; padding: 5px;
    color: #e00; font-size: 0.85em; font-weight: 600;}

/**========================================**/
/* PWC用品適合表【オイル交換】 */
.pwc0004 .scroll { overflow-x: scroll;}
#tekigou .pwc0004 table {  width: 880px; font-size: 14px;}

#tekigou .pwc0004 th { background: #c3e2f1; color: #000;}
#tekigou .pwc0004 th.yellow { width: 90px; background: #C00000; font-weight: 600; color:#ffe207;}

.pwc0004 .fixed01,
.pwc0004 .fixed02 { position: sticky; left: 0;}

.pwc0004 .fixed01 { z-index: 3; width: 160px;}
.pwc0004 .fixed02 { z-index: 1; 
    background: #dcf1e9;
    text-align: left; word-break: break-all;}

.pwc0004 .p_10 {
    margin: 5px 0;
    color: #c10214; font-size: 0.85em; line-height: 1.5em;}

/**========================================**/
/* PWC用品適合表【船体カバー】 */
.pwc0006 th { position: sticky; top: 0; z-index: 2;}

.pwc0006.kaw th { top: 30px;}
.pwc0006.kaw th[rowspan="2"],
.pwc0006.kaw th[colspan="2"] { top: 0;}

.pwc0006.kaw th,
.pwc0006.kaw th[colspan="2"] { height: 19px;}

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

.pwc0006 .fixed {
    background: #dedede;
    text-align: left; word-break: break-all;}

@media screen and (max-width:699px){
    .pwc0006 .scroll { overflow-x: visible;}
    
}

/**========================================**/
/* PWC用品適合表【フラッシングセット（ソルトアウェイ）】 */
.pwc0007 th { width: 25%;}
.pwc0007 th:nth-of-type(1) { width: 50%;}

.pwc0007 td:nth-of-type(1) { text-align: left;}

.pwc0007 .area p {
    margin: 10px 0; padding: 5px;
    color: #e00; font-size: 0.85em; font-weight: 600;}

.pwc0007 br { display: none;}

    
@media screen and (max-width:599px){
    .pwc0007 th { width: 60px;}
    .pwc0007 th:nth-of-type(1) { width: auto;}

    .pwc0007 td { word-break: break-all;}

    .pwc0007 br { display: block;}
}

/**========================================**/
/* PWC用品適合表【シートカバー】 */
.pwc0008 .scroll { overflow-x: visible;}

.pwc0008 th,
.pwc0008 .fixed01 { position: sticky;}

.pwc0008 .fixed01,
.pwc0008 .fixed02 { text-align: left;}

.pwc0008 th { top: 0; z-index: 2;}
.pwc0008 th.fixed01 { z-index: 3;}

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


@media screen and (max-width:699px){
    .pwc0008 .scroll { overflow-x: scroll;}

    #tekigou .pwc0008 table { width: 700px;}
    
    .pwc0008 .fixed01 { left: 0; width: 200px;}
    .pwc0008 .fixed02 {
        position: sticky; left: 0; z-index: 1;
        width: 200px; background: #fff;}
  
    .pwc0008 .fixed02::before{
        content: "";
        position: absolute; top: -1px; left: -1px;
        width: 100%; height: 100%;
        border: 1px solid #888;}
}
    
@media screen and (max-width:499px){
    .pwc0008 .fixed01,
    .pwc0008 .fixed02 { width: 150px;}
}

/**========================================**/
/* PWC用品適合表【デッキマット】 */
.pwc0009 table { text-align: center;}

.pwc0009 th:nth-of-type(1) { text-align: left;}
.pwc0009 th:nth-of-type(2),
.pwc0009 th:nth-of-type(3) { width: 150px;}

.pwc0009 th { position: sticky; top: 0; z-index: 2;}

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

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

/**============================================================================================**/
/* ボート用品適合表【ワイパー】 */
.boat0005 th,
.boat0005 .fixed02 { position: sticky;}


#tekigou .boat0005 th { background: #c3e2f1; color: #000;}
    
.boat0005 th { top: 0; z-index: 2;}
.boat0005 .fixed01 { left: 0; z-index: 4;}
.boat0005 .fixed02 {
    left: 0; z-index: 3;
    width: 165px;
    background: #dcf1e9;
    text-align: left;
    word-break: break-all;}

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

@media screen and (max-width:799px){
    #tekigou .boat0005 table { width: 800px;}
}

@media screen and (max-width:499px){
    #tekigou .boat0005 table { width: 600px;}
}

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

/* ボート用品適合表【純正プロペラ(スターンドライブ用)】 */
#tekigou .boat0002 th,
.boat0002 .fixed02 { background: #eee; color: #000;}

.boat0002 th { position: sticky; top: 0; z-index: 3;}

.boat0002 th.fixed01 { left: 0; z-index: 4; width: 150px;}
.boat0002 th:nth-of-type(2) { width: 50px;}
.boat0002 th:nth-of-type(3) { width: 50px;}
.boat0002 th:nth-of-type(4) { text-align: left; }

.boat0002 td[colspan="4"] { 
    background: #000; 
    color: #fff; font-weight: 600; text-align: left; word-break: break-all;}
    
.boat0002 td:nth-of-type(4) { text-align: left; word-break: break-all;}

@media screen and (max-width:699px){
    .boat0002 .fixed02 { position: sticky; left: 0;}
}

@media screen and (max-width:599px){
    #tekigou .boat0002 table { width: 600px;}
}

/* 
【ヤンマー】
    ├ オイルエレメント（.boat0012）
    ├ 燃料エレメント（.boat0013）
    ├ 油水分離エレメント（.boat0014）
    ├ 冷却海水Ｐ用インペラ（.boat0015）
    ├ Ｖベルト（.boat0016）
    ├ 防食亜鉛（.boat0017）
    └ エアーエレメント（.boat0018）
*/
.boat0012 th,
.boat0013 th,
.boat0014 th,
.boat0015 th,
.boat0016 th,
.boat0017 th,
.boat0018 th { position: sticky; top: 0; z-index: 3;}

.boat0012 th::before,
.boat0013 th::before,
.boat0014 th::before,
.boat0015 th::before,
.boat0016 th::before,
.boat0017 th::before,
.boat0018 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}
    
.boat0012 td:nth-of-type(1),
.boat0013 td:nth-of-type(1),
.boat0014 td:nth-of-type(1),
.boat0015 td:nth-of-type(1),
.boat0016 td:nth-of-type(1),
.boat0017 td:nth-of-type(1),
.boat0018 td:nth-of-type(1) { width: 150px; text-align: left;}

@media screen and (max-width:399px){
    .boat0012 td:nth-of-type(1),
    .boat0013 td:nth-of-type(1),
    .boat0014 td:nth-of-type(1),
    .boat0015 td:nth-of-type(1),
    .boat0016 td:nth-of-type(1),
    .boat0017 td:nth-of-type(1),
    .boat0018 td:nth-of-type(1) { width: 100px; word-break: break-all;}
}
/**============================================================================================**/

/**============================================================================================**/
/* 船外機用品適合表【純正プロペラ】 */
#tekigou .outboat0001 th,
.outboat0001 .fixed02 { background: #eee; color: #000;}

.outboat0001 th { position: sticky; top: 0; z-index: 3;}

.outboat0001 th.fixed01 { left: 0; z-index: 4; width: 150px;}
.outboat0001 th:nth-of-type(2) { width: 50px;}
.outboat0001 th:nth-of-type(3) { width: 50px;}
.outboat0001 th:nth-of-type(4) { text-align: left; }

.outboat0001 td[colspan="4"] { 
    background: #000; 
    color: #fff; font-weight: 600; text-align: left; word-break: break-all;}
    
.outboat0001 td:nth-of-type(4) { text-align: left; word-break: break-all;}

@media screen and (max-width:699px){
    .outboat0001 .fixed02 { position: sticky; left: 0;}
}

@media screen and (max-width:599px){
    #tekigou .outboat0001 table { width: 600px;}
}

/**========================================**/
/* 船外機用品適合表【スパークプラグ】 */
.outboat0002 table { text-align: center;}
    
.outboat0002 th { 
    position: sticky; top: 0; z-index: 2;
    width: 33.33%;}

.outboat0002 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}
    
.outboat0002 th br { display: none;}

.outboat0002 td:nth-of-type(1) { background: #eee; word-break: break-all;}

@media screen and (max-width:799px){
    .outboat0002 th { width:auto;}
    .outboat0002 th:nth-of-type(2),
    .outboat0002 th:nth-of-type(3) { width:120px;}

}

@media screen and (max-width:499px){
    .outboat0002 th:nth-of-type(2),
    .outboat0002 th:nth-of-type(3) { width:80px;}
    
    .outboat0002 th br { display:block;}
}

/**========================================**/
/* 船外機用品適合表【船外機エンジンオイル】 */
#tekigou .outboat0003.suz table { width: 880px;}
.outboat0003.suz .scroll { overflow-x: scroll;}

@media screen and (max-width:799px){
    #tekigou .outboat0003 table { width: 800px;}
    .outboat0003 .scroll { overflow-x: scroll;}
}

@media screen and (max-width:699px){
    #tekigou .outboat0003 table { width: 700px;}
}

#tekigou .outboat0003 th { background: #c3e2f1; color: #000;}
#tekigou .outboat0003 th.yellow { width: 75px; background: #C00000; color: #ffe207; font-weight: 600;}


.outboat0003 th,
.outboat0003 .fixed03,
.outboat0003 .fixed04 { position: sticky;}


.outboat0003 th[colspan],
.outboat0003 th[rowspan="2"] { top: 0;}

.outboat0003 th { top: 28px; z-index: 2;}
.outboat0003 tr:nth-child(2) th[colspan="2"] { top: 28px;}

.outboat0003.suz tr:nth-child(2) th:nth-child(1) { width: 85px;}
.outboat0003.suz tr:nth-child(2) th:nth-child(2) { width: 262px;}
.outboat0003.suz tr:nth-child(2) th:nth-child(3) { width: 92px;}
.outboat0003.suz tr:nth-child(2) th:nth-child(4) { width: 70px;}


.outboat0003 .fixed01 { left: 0; z-index: 4; width: 150px;}
.outboat0003 .fixed02 { left: 161px; z-index: 4; width: 60px;}

.outboat0003 .fixed03 { 
    left: 0; z-index: 3; 
    background: #dcf1e9;
    word-break: break-all;}
    
.outboat0003 .fixed04 { 
    left: 161px; z-index: 3;
    background: #eee;}
    
.outboat0003 th::before,
.outboat0003 .fixed03::before,
.outboat0003 .fixed04::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}    
    
    
.outboat0003 p.asterisk {
    position: relative; 
    margin: 8px 0; padding: 0 0 0 22px; 
    color: #e00; font-size: 12px;line-height: 1.5em;}

.outboat0003 p.asterisk::before {
    content:'※'; 
    position: absolute; top: 0; left: 6px;}
    
/**========================================**/
/* 船外機用品適合表【船外機ギアオイル】 */

@media screen and (max-width:799px){
    .outboat0004 .scroll { overflow-x: scroll;}
    #tekigou .outboat0004 table { width: 800px;}
}

#tekigou .outboat0004 th { background: #c3e2f1; color: #000;}

.outboat0004 th,
.outboat0004 .fixed03,
.outboat0004 .fixed04 { position: sticky;}

.outboat0004 th { top: 0; z-index: 2;}

.outboat0004.yam tr:nth-child(2) th,
.outboat0004.suz tr:nth-child(2) th { top: 28px;}

.outboat0004.yam th[rowspan="2"],
.outboat0004.yam th[colspan="2"],
.outboat0004.szu th[rowspan="2"],
.outboat0004.suz th[colspan="2"] { top: 0;}

.outboat0004 .fixed01 { 
    top: 0; left: 0; z-index: 4;
    width: 110px;}
    
.outboat0004 .fixed02 { 
    top: 0; left: 121px; z-index: 4;
    width: 60px;}
    
.outboat0004 .fixed03 { 
    left: 0; z-index: 3;
    background: #dcf1e9;
    word-break: break-all;}
    
.outboat0004 .fixed04 {
    left: 121px; z-index: 3;
    background: #eee;
    word-break: break-all;}
    
.outboat0004 th::before,
.outboat0004 .fixed03::before,
.outboat0004 .fixed04::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}
    
.outboat0004 p.asterisk {
    position: relative; 
    margin: 8px 0; padding: 0 0 0 22px; 
    color: #e00; font-size: 12px;line-height: 1.5em;}
    
.outboat0004 p.asterisk:before {
    content:'※'; 
    position: absolute; top: 0; left: 6px;}

/**========================================**/
/* 船外機用品適合表【アノード】 */
.outboat0005 table { text-align: center;}

/**========================================**/
/* 船外機用品適合表【定期メンテナンスキット】 */
#tekigou .outboat0006 th { background: #c3e2f1; color: #000;}

.outboat0006 th { position: sticky; top: 0; z-index: 2;}
.outboat0006 th a { position: relative; z-index: 5; cursor: pointer;}

.outboat0006 .fixed01,
.outboat0006 .fixed02 { position: sticky; left: 0;}

.outboat0006 .fixed01 { z-index: 4; width: 200px;}

.outboat0006 .fixed02 {
    left: 0; z-index: 3;
    background: #dcf1e9;
    word-break: break-all;}

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

/**========================================**/
/* 船外機用品適合表【アノード】 */
.outboat0007 table { text-align: center;}

#tekigou .outboat0007 th { background: #004885; color: #fff;}

.outboat0007 th { position: sticky; top: 0; z-index: 2;}
.outboat0007 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}


.outboat0007 p.asterisk {
    position: relative; 
    margin: 8px 0; padding: 0 0 0 22px; 
    color: #e00; font-size: 12px;line-height: 1.5em;}
    
.outboat0007 p.asterisk::before {
    content:'※'; 
    position: absolute; top: 0; left: 6px;}


@media screen and (max-width:799px){
    #tekigou .outboat0007 table { width: 800px;}
    .outboat0007 .scroll { overflow-x: scroll;}
    
    .outboat0007 th:nth-child(1) { left: 0; z-index: 3;}

    .outboat0007 td[bgcolor="#c3e2f1"] {position: sticky; left: 0;  z-index: 1;}
    .outboat0007 td[bgcolor="#c3e2f1"]::before {
        content: "";
        position: absolute; top: -1px; left: -1px; z-index: 1;
        width: 100%; height: 100%;
        border: 1px solid #888;}
}

/**========================================**/
/* 船外機用品適合表【キャブレターキット】 */
.outboat0008 table { text-align: center;}
.outboat0008 th { position: sticky; top: 0; z-index: 2; width: 50%;}
.outboat0008 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}

.outboat0008 td[colspan="2"] { background: #cfcfcf;}

/**========================================**/
/* 船外機用品適合表【ウォーターホースジョイント】 */
.outboat0009.suz th,
.outboat0009.toh th { width: 50%;}
.outboat0009.hon th { width: 33.33%;}

.outboat0009.hon td:nth-of-type(1) { text-align: left; word-break: break-all;}

@media screen and (max-width:699px){
    .outboat0009.toh td:nth-of-type(1) { text-align: left;}
}

/**========================================**/
/* 船外機用品適合表【ウォーターポンプインペラ】 */
.outboat0010 table { text-align: center;}

#tekigou .outboat0010 th { background: #c3e2f1; color: #000;}

.outboat0010 th { position: sticky; top: 0px; z-index: 3;}

.outboat0010.hon th {top: 30px;}
.outboat0010.hon th[rowspan="2"],
.outboat0010.hon th[colspan="3"] {top: 0;}

.outboat0010.hon th a {
    position: relative; z-index: 3;
    margin: 0 0 0 8px;
    vertical-align: top; cursor: pointer;}
    
.outboat0010 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}
    
 .outboat0010 td[colspan="3"] { background: #000; color: #fff;}
 
 
/**============================================================================================**/

/**============================================================================================**/
/* ボート用品適合表【SOLASインペラ(ジェットボート用)】 */
.boat0001 th,
.boat0001 .fixed03,
.boat0001 .fixed04 { position: sticky;}

.boat0001 .fixed03 { left: 0;}
.boat0001 .fixed04 { left: 161px;}

.boat0001 th { top: 0; z-index: 2;}
.boat0001 th.fixed03,
.boat0001 th.fixed04 { z-index: 3;}

.boat0001 td.fixed03,
.boat0001 td.fixed04 {
    z-index: 1;
    background: #dedede;
    word-break: break-all;}

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

@media screen and (max-width:699px){
    #tekigou .boat0001 table { width: 750px;}
}

/**========================================**/
/* ボート用品適合表【ボート用デッキマット】 */
.boat0003 table { text-align: center;}

.boat0003 th { position: sticky; top: 0; z-index: 2;}
.boat0003 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}

.boat0003 th:nth-of-type(1),
.boat0003 td[rowspan="2"]{ text-align: left;}

.boat0003 th:nth-of-type(2),
.boat0003 th:nth-of-type(3) { width: 150px;}

@media screen and (max-width:499px){
    .boat0003 th:nth-of-type(2),
    .boat0003 th:nth-of-type(3) { width: 95px;}
}

@media screen and (max-width:399px){
    #tekigou .boat0003 table { width: 410px;}
    .boat0003 th:nth-of-type(1) { left: 0; z-index: 3;}

    .boat0003 td[rowspan="2"]{  
        position: sticky; left: 0; z-index: 1;
        background: #fff;}
    .boat0003 td[rowspan="2"]::before {
        content: "";
        position: absolute; top: -1px; left: -1px; z-index: 1;
        width: 100%; height: 100%;
        border: 1px solid #888;}
}

/**========================================**/
/* ボート用品適合表【イケダ式スカッパー】 */
#tekigou .boat0004:not(.related) table { width: 1000px; font-size: 13px;}
.boat0004 .scroll { overflow-x: scroll;}
.boat0004:not(.scupper02) .scroll { overflow-y: visible; max-height: none;}

#tekigou .boat0004 th { background: #c3e2f1; color: #000;}

.boat0004 th,
.boat0004 .fixed03, 
.boat0004 .fixed04 { position: sticky;}

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


.boat0004 th { top: 0; z-index: 2;}
.boat0004 .fixed01 { left: 0; z-index: 3; width: 60px;}
.boat0004 .fixed02 { left: 71px; z-index: 3; width: 100px;}

.boat0004 .fixed03, 
.boat0004 .fixed04 { 
    z-index: 1;
    background: #dcf1e9; word-break: break-all;}

.boat0004 .fixed03 { left: 0;}
.boat0004 .fixed04 { left: 71px;}

.boat0004 .bg-gray {background: #eee;}
.boat0004 .p_10 {
    margin: 5px 0;
    color: #c10214; font-size: 0.85em; line-height: 1.5em;}
    
/**========================================**/
/* ボート用品適合表【油圧式操舵ヘルムポンプシールキット】 */    
#tekigou .boat0006 th { background: #c3e2f1; color: #000;}

.boat0006 th { position: sticky; top: 0; z-index: 3;}
.boat0006 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}

.boat0006 th[colspan="2"] { left: 0; z-index: 4;}

.boat0006 td:nth-of-type(1) {  background: #dcf1e9;}    
.boat0006.nhk td:nth-of-type(2) {  background: #eee;}

@media screen and (max-width:499px){
    #tekigou .boat0006.nhk table { width: 500px;}

    .boat0006.nhk td:nth-of-type(1),
    .boat0006.nhk td:nth-of-type(2) {
        position: sticky; z-index: 2;
        word-break: break-all;}
    
    .boat0006.nhk td:nth-of-type(1)::before,
    .boat0006.nhk td:nth-of-type(2)::before {
        content: "";
        position: absolute; top: -1px; left: -1px; z-index: 1;
        width: 100%; height: 100%;
        border: 1px solid #888;}
    
    .boat0006.nhk td:nth-of-type(1) { left: 0; width: 80px;}
    .boat0006.nhk td:nth-of-type(2) { left: 91px; width: 80px;}
}
    
/**========================================**/
/* ボート用品適合表【油圧式操舵ヘルムポンプシールキット】 */    
#tekigou .boat0007 th { background: #c3e2f1; color: #000;}

.boat0007 th { position: sticky; top: 0; z-index: 3;}
.boat0007 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}

    
.boat0007 td:nth-of-type(1) { background: #dcf1e9;}
    
@media screen and (max-width:499px){
    .boat0007.nhk td:nth-of-type(1),
    .boat0007.nhk td:nth-of-type(2) { width: 90px;}
    
    .boat0007.nhk td:nth-of-type(2) { background: #eee;}
}
/**========================================**/
/* ボート用品適合表【ホンデックス魚群探知機オプション品】 */
#tekigou .boat0008.sensor table { width: 1657px;}
#tekigou .boat0008.others table { width: 1230px;}

.boat0008.sensor .scroll,
.boat0008.others .scroll { overflow-x: scroll;}

@media screen and (max-width:699px){
    #tekigou .boat0008.box_cover table { width: 700px;}
}


#tekigou .boat0008 th { background: #eee; color: #000;}

.boat0008 th,
.boat0008 .fixed02,
.boat0008 .fixed03 { position: sticky;}

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

.boat0008.sensor .th-1 th:nth-of-type(2) { left: 126px; z-index: 5; width: 80px}
.boat0008.sensor .th-1 th:nth-of-type(3) { width: 90px}
.boat0008.sensor .th-1 th:nth-of-type(5) { width: 60px}
.boat0008.sensor .th-1 th:nth-of-type(4),
.boat0008.sensor .th-1 th:nth-of-type(6),
.boat0008.sensor .th-1 th:nth-of-type(7) { height: 21px;}

.boat0008.box_cover .th-1 th:nth-of-type(3),
.boat0008.box_cover .th-1 th:nth-of-type(4) { height: 21px;}

.boat0008.others .th-1 th:nth-of-type(2),
.boat0008.others .th-1 th:nth-of-type(3),
.boat0008.others .th-1 th:nth-of-type(7) { height: 21px;}
.boat0008.others .th-1 th:nth-of-type(4) { width: 70px;}
.boat0008.others .th-1 th:nth-of-type(5) { width: 100px;}
.boat0008.others .th-1 th:nth-of-type(6) { width: 60px;}


.boat0008 .th-2 th { top: 32px;}
.boat0008.sensor .th-2 th:nth-of-type(1) { width: 90px}
.boat0008.sensor .th-2 th:nth-of-type(2) { width: 60px}
.boat0008.sensor .th-2 th:nth-of-type(3) { width: 130px}
.boat0008.sensor .th-2 th:nth-of-type(4) { width: 85px}
.boat0008.sensor .th-2 th:nth-of-type(5) { width: 70px}
.boat0008.sensor .th-2 th:nth-of-type(6) { width: 130px;} 
.boat0008.sensor .th-2 th:nth-of-type(7) { width: 135px;} 
.boat0008.sensor .th-2 th:nth-of-type(8) { width: 130px;} 
.boat0008.sensor .th-2 th:nth-of-type(9) { width: 70px;}
.boat0008.sensor .th-2 th:nth-of-type(10) { width: 60px;}
.boat0008.sensor .th-2 th:nth-of-type(11) { width: 85px;}
.boat0008.sensor .th-2 th:nth-of-type(12) { width: 70px;}

.boat0008.box_cover .th-2 th:nth-of-type(1) { width: 70px;} 
.boat0008.box_cover .th-2 th:nth-of-type(2) { width: 70px;}
.boat0008.box_cover .th-2 th:nth-of-type(3) { width: 60px;}
.boat0008.box_cover .th-2 th:nth-of-type(4) { width: 100px;}

.boat0008.others .th-2 th:nth-of-type(1) { width: 60px;}
.boat0008.others .th-2 th:nth-of-type(2) { width: 70px;}
.boat0008.others .th-2 th:nth-of-type(3) { width: 60px;}
.boat0008.others .th-2 th:nth-of-type(4) { width: 60px;}
.boat0008.others .th-2 th:nth-of-type(5) { width: 70px;}
.boat0008.others .th-2 th:nth-of-type(6) { width: 60px;}
.boat0008.others .th-2 th:nth-of-type(7) { width: 60px;}
.boat0008.others .th-2 th:nth-of-type(8) { width: 70px;}
.boat0008.others .th-2 th:nth-of-type(9) { width: 100px;}
.boat0008.others .th-2 th:nth-of-type(10) { width: 100px;}

@media screen and (max-width:699px){
    #tekigou .boat0008.box_cover table { width: 700px;}
    .boat0008.box_cover .th-1 th:nth-of-type(2) { left: 126px; z-index: 5; width: 80px;}
}

.boat0008 .fixed02 { 
    left: 0; z-index: 3;
    background: #eee;
    word-break: break-all;}
    
.boat0008 .fixed03 { left: 126px; z-index: 3;}

.boat0008 td[colspan="16"],
.boat0008 td[colspan="8"],
.boat0008 td[colspan="14"] { 
    background: #000; 
    color: #fff; font-weight: 600; text-align: left; word-break: break-all;}
/**========================================**/
/* ボート用品適合表【ガーミン魚群探知機オプション品】 */
.boat0009 .scroll { overflow-x: scroll;}
    
#tekigou .boat0009.gm-others table { width: 1179px;}
#tekigou .boat0009.gm-option table { width: 1336px;}

#tekigou .boat0009 th { background: #eee; color: #000;}

.boat0009 th,
.boat0009 .fixed02 { position: sticky;}

.boat0009 th::before,
.boat0009 .fixed02::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}
    
.boat0009 .th-1 th { top: 0; z-index: 4;}
.boat0009 .th-1 th[colspan] { height: 21px;}
.boat0009 .th-2 th { top: 32px; z-index: 4;}

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

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

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



@media screen and (max-width:453px){
    .boat0009.gm-transom .scroll-y { overflow-x: scroll;}
    #tekigou .boat0009.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;}

}

.boat0009 td[colspan] { 
    background: #000; 
    color: #fff; font-weight: 600; text-align: left; word-break: break-all;}

/**========================================**/
/* ボート用品適合表【RAM MOUNTS(魚群探知機用)】 */
.boat0010.hum .scroll,
.boat0010.hon .scroll { overflow-y: visible;}

#tekigou .boat0010 th { background: #c3e2f1; color: #000;}

.boat0010 th { 
    position: sticky; top: 0; z-index: 3;
    background: #c3e2f1;
    color: #000;}
    
.boat0010 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}


@media screen and (max-width:699px){
    .boat0010 .scroll { overflow-x: visible;}
}


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

/**============================================================================================**/
/* 膨張式胴衣ボンベ */
.life-jacket0001 .scroll-y th { 
    position: sticky; top: 0; z-index: 2;
    background: #c3e2f1;
    color: #000;}

.life-jacket0001 .scroll-y th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}
    
.life-jacket0001 p.asterisk {
    position: relative; 
    margin: 8px 0; padding: 0 0 0 22px; 
    color: #e00; font-size: 13px;line-height: 1.5em;}
    
.life-jacket0001 p.asterisk::before {
    content:'※'; 
    position: absolute; top: 0; left: 6px;}
/**============================================================================================**/

/**============================================================================================**/
/* フィン・バルブ(SUP・KAYAK用) */
.water-toy0001 .model { max-width: 500px; margin: 15px auto; padding: 5px; background: #f2f2f2;}
.water-toy0001 .model .ta_c p {
    margin: 0 0 10px; padding: 5px; 
    background: #666; 
    color: #fff; font-size: 16px; font-weight: bold;}
    
.water-toy0001 .model .dis-tbl_tab { width: 100%; margin: 0 auto;}
.water-toy0001 .model .dis-tbl_tab > * { display: table-cell; vertical-align: middle;}
.water-toy0001 .model .dis-tbl_tab > *:nth-of-type(2) { padding: 0 0 0 10px;}

#am01 .dis-tbl_tab > *:nth-of-type(2),
#am01 .dis-tbl_tab img,
#am02 .dis-tbl_tab > *:nth-of-type(2),
#am02 .dis-tbl_tab img { width: 180px;}

#az .dis-tbl_tab > *:nth-of-type(2),
#az .dis-tbl_tab img { width: 250px;}

#at .dis-tbl_tab > *:nth-of-type(2),
#at .dis-tbl_tab img { width: 180px;}


#tekigou .water-toy0001 th { background: #c3e2f1; color: #000;}


.water-toy0001 th { position: sticky; top: 0; z-index: 3;}
.water-toy0001 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #888;}
    
.water-toy0001 .fixed01 { left: 0; z-index: 4;}

.water-toy0001 .fixed02 { background: #dcf1e9;}

@media screen and (max-width:499px){
    #tekigou .water-toy0001 table { width: 500px;}

    .water-toy0001 .fixed02 { position: sticky; left: 0; z-index: 2;}
    
    .water-toy0001 .fixed02::before {
        content: "";
        position: absolute; top: -1px; left: -1px; z-index: 1;
        width: 100%; height: 100%;
        border: 1px solid #888;}
}

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

/**============================================================================================**/
/* フィン・バルブ(SUP・KAYAK用) */
.rubberboat table {white-space: nowrap;}



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

/**============================================================================================**/
/* 船底シート */
.sheet0001 th{ position: sticky;}
.sheet0001 th::before {
    content: "";
    position: absolute; top: -1px; left: -1px; z-index: 1;
    width: 100%; height: 100%;
    border: 1px solid #777;}

#tekigou .sheet0001 .th-1 th { top: 0; background: #eee; color: #000; font-weight: 600;}
.sheet0001 td {width: calc(100% / 7);}

.sheet0001 .fixed01 {width: 20%; padding: 15px;}
.sheet0001 .fixed02[bgcolor="#000"] {color: #fff;}
.sheet0001 .fixed02[bgcolor="#04696e"] {color: #fff; font-size: 0.9em;}
.sheet0001 .fixed02[colspan="7"] {padding: 10px 0 5px; color: #fff; font-size: 1.1em; font-weight: 600;}
.sheet0001 .fixed02 a {display: block; color: #fff; font-size: 0.9em;}
.sheet0001 .fixed02 a:hover {color: #f90;}

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

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

/* LastUp2026.06.10_kimata */