@charset "utf-8";
/* CSS Document */
#tab { z-index: 2;}
.tab { padding-top: 40px;}
.tab h2 { text-align: center; color: #fff; font-size: 30px; font-weight: bold; text-shadow: 0 0 5px #FE00EE; line-height: 1.3; margin-bottom: 1em;}

.tab h3 {text-align: center;  font-size: 24px; font-weight: bold;line-height: 1.3; margin-bottom: 1em; /*text-shadow: 0 0 5px #FE00EE;*/ background-color: rgba(0,0,0,.6); width: calc( 100% + 50px ); margin-left: -25px; margin-top: -25px; padding: 25px; box-sizing: border-box; border-bottom: 2px solid #FE00EE;color: rgba(255,255,255,.9);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#494949+0,000000+100 */
background: #494949; /* Old browsers */
background: -moz-linear-gradient(top,  #494949 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #494949 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #494949 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.tab h3.tx { background-color: transparent; border: none; margin: 0; padding: 0; width: auto; background: none;}
.tab h3.tx.txs { font-size: 18px;}

.box { background-color: rgba(255,255,255,.15); padding: 25px; border-radius: .6em; margin-bottom: 20px; border: 3px solid #999; box-sizing: border-box;/* background-image: url("../../img/cmn/bg.png"); background-size: cover;*/ overflow: hidden;}
.tab figure img { width: 80%; height: auto;}
.tab figure { text-align: center;}
.tab figure.small img { width: 50%; height: auto;}
.tab figure.smalls img { width: 50%; height: auto;}
.tab figure.smalls2 img { width: 30%; height: auto;}

.parts_table_01 table td,.parts_table_01 table th { padding: 15px;border: 1px solid #999;}
.parts_table_01 table td {background-color: rgba(255,255,255,.2);}
.parts_table_01 table th {background-color: rgba(0,0,0,.5); min-width: 9em;}

.tab h4 { color: #FFF; font-weight: bold; font-size: 18px; border-left: 4px solid #FE00EE; padding-left:.7em; margin-bottom: 1.2em; line-height: 1.3;}
.tab figure + h4 { margin-top: 40px;}
.text { display: flex;justify-content: space-between;align-items: center; width: 49%; background-color: #000; border-radius: .6em; padding: 10px; border: 2px solid #FE00EE; box-sizing: border-box;}
.text li:nth-child(1){ width: 10%;}
.text li:nth-child(1) img { width: 100%; height: auto;}
.text li:nth-child(2) { width: 85%;}

.clms { display: flex; justify-content: space-between; margin-top: 40px;}

.in {background-color: rgba(255,255,255,.1); border-radius: .6em; padding: 20px; border:0px dashed #FFF; box-sizing: border-box;}
.in.sm { max-width: 400px; margin-left: auto; margin-right: auto;}
.in+figure { margin-top: 20px;}

.clm3 { display:flex; justify-content: space-between;align-items: center;
background-color: rgba(0,0,0,.3);
    padding: 15px;
    border-radius: 0.6em;
}
.clm3 li { width: 28%; margin: 0 2%;}
.clm3 li img { width: 100%; height: auto;}

.center { text-align: center;}

.red { color: #FF5151;font-weight: bold;}
.blues { color: #44B5FF;font-weight: bold;}

.parts_table_01 table td {background-color: rgba(255,255,255,.05);}

p.idt {
    text-indent: -2em;
    margin-top: 0;
    margin-left: 2em;
}
.pcOnly { display: block;}
img.pcOnly { display: inline;}
.spOnly { display: none;}
@media screen and (min-width:701px) {
    .appLink {padding: 0 150px;}
}
@media screen and (max-width:700px) {
    
    .pcOnly { display: none;}
img.pcOnly { display: none;}
.spOnly { display: block;}
    
    .tab h2 { font-size: 20px;}
    .tab h3 { font-size: 18px;}
    .tab img,.tab figure img { width: 100%;}
    .box { padding: 20px 10px;}
    .clms,.clm3 {flex-direction: column;}
    .clms { width: auto;}
    .text { width: auto; margin-bottom: 10px;}
    .clm3 li { width: auto;}
    .center img { width: 20%;}
    .in { padding: 10px;}
    .tab figure.smalls img { width: 80%; height: auto;}
    .tab figure.smalls2 img { width: 50%; height: auto;}
    
}


    .zooms table, .zooms td, .zooms th, .zooms table p {
    font-size: 80%!important;
}
 .zooms2 table, .zooms2 td, .zooms2 th, .zooms2 table p {
    font-size: 60%!important;
}   




.wan #tab { top:0;}