/* HOTNEWS Programming — 旧「トリッキーコードネット」のページ（.hn-tricky）用。旧 tricky-common_v3.css を .hn-tricky 配下に限定して移植。
   Cocoon（親テーマ）の pre / code の既定スタイルに負けないよう、要所に !important を付けている */
.hn-tricky{font-size:15px;color:#312b2b}
.hn-tricky pre.explanation,
.hn-tricky .explanation{
  display:block!important;margin:0!important;padding:10px 0!important;border:0!important;background:none!important;color:inherit!important;overflow:visible!important;
  font-family:inherit!important;font-size:15px!important;text-align:left!important;line-height:1.4em!important;
  white-space:pre-line!important;word-break:break-word;
}
.hn-tricky .explanation strong{font-size:1.4em}
.hn-tricky .explanation h2{margin:15px auto 7px}
.hn-tricky .code-box{
  width:100%;box-sizing:border-box;overflow:auto!important;border:1px solid #000!important;margin:5px auto!important;text-align:left;background:none!important;padding:0!important;
}
.hn-tricky .code-box code,
.hn-tricky code{
  display:block!important;box-sizing:border-box;padding:5px 10px!important;background:#CFC!important;background-color:#CFC!important;color:#222!important;
  width:1200px;min-width:100%;border:0!important;border-radius:0!important;margin:0!important;
  font-size:15px!important;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace!important;line-height:1.5!important;white-space:pre!important;
}
.hn-tricky .code-b{font-weight:700!important;font-size:21px!important}
.hn-tricky .touhaba{font-family:Consolas,"Courier New",Courier,Monaco,monospace;font-size:15px;text-align:left;line-height:1em;letter-spacing:10px}
.hn-tricky .pink{color:#FB62AF}
.hn-tricky .nw{white-space:nowrap}
.hn-tricky img{max-width:100%;height:auto}
@media (max-width:959px){.hn-tricky code{font-size:13px!important}.hn-tricky .code-b{font-size:18px!important}}
@media (max-width:599px){.hn-tricky code{font-size:11px!important}.hn-tricky .code-b{font-size:15px!important}.hn-tricky .explanation h2{margin:20px auto 5px}}