@charset "utf-8";

/* ---------------------------------------
               reset
--------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
* {
    box-sizing:border-box;
}

div#helmetInteriorExp {
    width:940px;
}
h2.helmetInteriorTitle {
    font-size:235%;
    margin-bottom:20px;
}
img.imgExp {
    float:right;
}
table.helmetInteriorTable {
    font-size:100%;
    vertical-align: middle;
    box-sizing:border-box;
    margin-bottom: 10px;
    width:940px;
}
table.helmetInteriorTable th,table.helmetInteriorTable td {
    border: solid 1px #000;
    text-align: center;
    padding: 2px;
    line-height:1.5;
    font-size: 150%;
}
div.helmetInteriorExp p {
    font-size: 150%;
    line-height:170%;
}

div.helmetInteriorExp:after {
    content: '';
    display:block;
    clear: both;
}
h2.helmetInteriorTitle {
    text-align:center;
}

table.helmetInteriorTable{
    margin-bottom:30px;
}
table.helmetInteriorTable .thead{
    border-bottom:double 3px #000;
}

span.emphasizing {
    color:#F00;
}

p.otherOrder {
    font-size:200%;
    font-weight:bold;
    text-align:center;
}
p.otherOrder2 {
    border:3px solid #F00;
    border-radius: 10px;
    padding:15px;
    font-size:200%;
    margin-bottom:30px;
    text-align:center;
}
img.helmetInteriorarrow {
    display:block;
    margin:0 auto;
}

@media (width < 640px) {
div#helmetInteriorExp {
    width:100%;
}
table.helmetInteriorTable {
    width:100%;
}
div.helmetInteriorExp {
    margin-bottom:30px;
}
img.imgExp {
    max-width:50% !important;
}
table.helmetInteriorTable .thead {
    display: none;
}
table.helmetInteriorTable th,.helmetInteriorTable td {
    display: block;
    width: 100%;
}
table.helmetInteriorTable th {
    border-bottom:double 3px #000;
}
  th.noShowSP,td.noShowSP {
    display:none;
}

}