@charset "UTF-8";
/* CSS Document */




#compareTable{display: flex; width: 100%; align-items: center; gap:30px; margin: 50px auto; padding-bottom: 100px; font-size: 14px; line-height: 18px; flex-direction: column;}
#compareTable a{text-decoration: none;}
#compareTable h1{font-weight: 400;}
.EQNav{display: flex; border-radius: 12px; overflow: hidden; width: auto;}
.EQNav li{display: block;}
.EQNav li a{display: flex; align-items: center; justify-content: center; padding: 15px 50px; font-size:1.1em; line-height: 1.2em; color: #ccc; background: #999;}
.EQNav li.on a, .EQNav li.on:hover a{color: #000; background: #eee;}
.EQNav li:hover a{background: #aaa; color: #fff;}

#comparedEQ{width: 98%; max-width: 1600px; display: flex; flex-direction: column; gap:40px; position: relative;}
#comparedEQ .singleLineEQ{display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; width: 100%;}
#comparedEQ .singleLineEQ.sticky{position: sticky; top:0; background: #fff;}
#comparedEQ .singleLineEQ .selectInput{padding: 15px 0;}
#comparedEQ .singleLineEQ select{width: 100%; padding: 10px; color: #999; border:1px solid #999; border-radius: 12px;}
.singleLineEQ .EQIMG img{width: 100%; height: auto;}
.singleLineEQ .EQLevel1{font-size: 2.5em; line-height: 1.5em; color: #666; font-weight: 400; padding-top: 50px; border-bottom:1px solid #aaa; grid-column:1 / end;}
.singleLineEQ .EQEntry{display: flex; flex-direction: column; align-items: center; gap:5px;}
.singleLineEQ .EQEntry .title{color: #999;}
.singleLineEQ .EQEntry .content{font-size: 1.5em; line-height: 1.2em;}
.singleLineEQ .EQInfos{padding: 0 15px; text-align: justify; font-size: 1.2em; line-height: 1.5em;}
.singleLineEQ .EQsubtitle{display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 3em; line-height: 1.2em; font-weight: 900; margin-bottom: -30px;}

@media screen and (max-width: 1140px) {
    #comparedEQ .singleLineEQ{grid-template-columns: repeat(3, 1fr);}
    #comparedEQ .EQ4{display: none;}
}

@media screen and (max-width: 900px) {
    #compareTable{font-size: 12px; line-height: 1.2em; width: 98%;}
    #comparedEQ .singleLineEQ{grid-template-columns: repeat(2, 1fr);}
    #comparedEQ .EQ3{display: none;}
    .singleLineEQ .EQsubtitle{font-size: 2em;}
}