/* ウィンドウ幅が376px以上の場合に適用するCSS */
@media print,screen and ( min-width:376px )
{

#tool nav{position:relative;zoom:1;width:740px;margin:0 auto;padding:5px 5px}
#tool nav:before,#tool nav:after{content:"\0020";display:block;height:0;overflow:hidden}
#tool nav:after{clear:both}
#tool nav #nocssread{float:left;padding-right:10px;border-right:1px solid #ccc;display:inline-block;padding-left:17px;background:url(../img/u-arrow.png) no-repeat left center}
#tool nav .tools{float:right}
#tool nav #size,#tool nav #theme,#tool nav #ss-voice,#tool nav #ss-kana,#tool nav #info{float:left;border-left:1px solid #ccc}
#tool nav #size{padding-left:10px;padding-right:10px}
#tool nav #size span a{margin-left:5px;padding:3px;background:#cee;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#666;text-decoration:none}
#tool nav #size span a:hover,#tool nav #size span a:focus{
    background:#007acd;
    background-image:-owg-linear-gradient(top, #007acd, #0069cc);
    background-image:-webkit-linear-gradient(top, #007acd, #0069cc);
    background-image:-moz-linear-gradient(top, #007acd, #0069cc);
    background-image:-o-linear-gradient(top, #007acd, #0069cc);
    background-image:linear-gradient(top, #007acd, #0069cc);
    *zoom:1;
    filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF007ACD', endColorstr='#FF0069CC');
    background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDdBQ0QiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY5Q0MiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NTIpIiAvPgo8L3N2Zz4=);
    color:#fff}
#tool nav #theme{padding:0 5px}
#tool nav #ss-theme a{margin-left:5px;padding:3px 5px;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;color:#fff;text-decoration:none}
#tool nav #ss-theme a:hover,#tool nav #ss-theme a:focus{opacity:0.7}
#tool nav #ss-theme .white{background:#fff;color:#666}
#tool nav #ss-theme .blue{border-color:#06c;background:#06c}
#tool nav #ss-theme .black{border-color:#000;background:#000}
#tool nav #ss-voice{position:relative;padding:0 5px 0 35px;background:url(../img/voice.png) no-repeat 10px center}
#tool nav #ss-voice-controller{position:absolute;top:2.5em;right:0}
#tool nav #ss-kana{padding:0 5px;background:url(../img/kana.png) no-repeat 10px center}
#tool nav #ss-kana a{padding-left:23px}
#tool nav #info{padding:0 5px}

}

/* ウィンドウ幅が0〜375pxの場合に適用するCSS */
@media screen and ( max-width:375px )
{
  
/*アクセシビリティツールを消去*/
#tool nav{position:relative;zoom:1;margin:0 auto;padding:5px 5px}
#ss-voice {
  display: none;
}
#theme {
  display: none;
}
#size {
  display: none;
}
  
}