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

.zz-pankuzu  { max-width: 780px; margin: 0 auto 20px; font-size: 0.8em;}

th { background: #dedede; color: #333;}
th br { display: none;}


@media screen and (max-width:699px){
    th { font-size: 12px;}
    th[width="156"] { width: 84px;}
    th br { display: block;}
}

@media screen and (max-width:349px){
    th,td { padding: 3px;}
}

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

/* ソラスPWCインペラ（ページ内スクロール） */
.scroll-link { margin: 0 0 20px; font-size: 0;}
.scroll-link a {
    display: inline-block; position: relative;
    margin: 0 15px 0 0; padding: 10px 26px 10px 10px;
    border: solid 1px #888; border-radius: 4px;
    font-size: 13px; line-height: 1.0em; text-decoration: none;}

.scroll-link a:hover { border-color: #0066cc; background: #0066cc; color: #fff;}

.scroll-link a::before {
    content: '';
    display: inline-block; position: absolute; right: 10px;
    width: 6px; height: 6px;
    border: solid #4A7A7E;
    transition: all 0.4s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}

.scroll-link a:hover::before { border-color: #fff;}

#pwc-0003 .scroll-link a::before,
#pwc-0003_op .scroll-link a:nth-of-type(2)::before { top: 9px; border-width: 0 2px 2px 0; }
#pwc-0003_op .scroll-link a:nth-of-type(1)::before { top: 14px; border-width: 2px 0 0 2px; }

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

/* ソラスPWCインペラ(適合表) */
#pwc-0003 table { 
    width: 800px;margin: 0; 
    border-color: #888; border-collapse: collapse;
    font-size: 13px;}
    
#pwc-0003 th { background: #dedede; color: #333; font-weight: 100;}
#pwc-0003 th a { 
    position: relative; z-index: 3; 
     margin: 0 0 0 8px;
    cursor: pointer; vertical-align:top;}

#pwc-0003 th:nth-of-type(1) { text-align: left;}

#pwc-0003 .fixed01,
#pwc-0003 .fixed02 {
    background: #dedede;
    word-break: break-all;}

#pwc-0003 td.fixed01 { text-align: left;}
    


#pwc-0003 .scroll { overflow: scroll; height: 60vh;}

#pwc-0003 th { position: sticky; top: 0px; z-index: 2;}
#pwc-0003 th.fixed01,
#pwc-0003 th.fixed02 { z-index: 3;}

#pwc-0003 td.fixed01,
#pwc-0003 td.fixed02 { position: sticky; z-index: 1;}

#pwc-0003 .fixed01 { left: 0;}
#pwc-0003 .fixed02 { left: 111px;}

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

#pwc-0003 #seadoo p,
#pwc-0003 #yamaha p {
    margin: 10px 0 10px 4em; padding: 5px;
    color: #e00; font-size: 0.85em; font-weight: 600;
    text-indent: -4em;}
    
/**========================================**/    
/* PWCソラスインペラ工具（タブ切り替え） */
#maker-tab1 { display: table; table-layout: fixed; width: 100%;}

label[for="tab11"],
label[for="tab12"],
label[for="tab13"] {
    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;
    }


label[for="tab11"]:hover { background:#00cc00; color: #fff;}
label[for="tab12"]:hover { background:#ddd300; color: #fff;}
label[for="tab13"]:hover { background:#0078db; color: #fff;}

@media screen and (max-width:399px){
    label[for="tab11"],
    label[for="tab12"],
    label[for="tab13"] { font-size: 13px;}
}



/*選択したタブの背景色、文字色*/
#tab11:checked ~ #maker-tab1 label[for="tab11"] { background:#00cc00; color: #fff;}
#tab12:checked ~ #maker-tab1 label[for="tab12"] { background:#ddd300; color: #fff;}
#tab13:checked ~ #maker-tab1 label[for="tab13"] { background:#0078db; color: #fff;}
 
/* タブ切替で表示するエリア */
#option_kaw,
#option_s-d,
#option_yam {
    overflow: hidden;
    max-height: 0; margin: 0 auto; 
    opacity: 0;}

#option_kaw { border: solid 0px #00cc00;}
#option_s-d { border: solid 0px #ddd300;}
#option_yam { border: solid 0px #0078db;}
 
#tab11:checked ~ #option_kaw,
#tab12:checked ~ #option_s-d,
#tab13:checked ~ #option_yam { max-height:5000px; border-width: 5px 2px; opacity: 1;}

/**========================================**/
/* PWCソラスインペラ工具（適合表） */
#pwc-0003_op th:nth-of-type(1) { width: 150px;}

#pwc-0003_op table td { padding: 5px;}

@media screen and (max-width:499px){
#pwc-0003_op th:nth-of-type(1) { width: 120px;}

#option_s-d .scroll,
#option_yam .scroll { overflow-y: scroll; height: 60vh;}

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

}

/* LastUp2024.03.14_kimata */