body{font-family:sans-serif;}
body p:first-child{text-align:right;margin-top:-2em;position:relative;top:2em;}
main{margin:auto;}
h1, h2, h3{margin:0;color:#777;font-size:1.1em;}
p{margin:0 0 .6em 0;line-height:1.6em;}
p span{visibility:visible;}
#switchpan{margin-bottom:1em;} 
  .oute::after { 
  content: " >>> ";
  color:#999;
}
p span::after, .iner::after { 
  content: " <<< ";
  color:#999;
}
u{color:#999;font-size:.8em;}
iframe{display:block;margin:auto;}
hr{width:66%;}
@media only screen and (max-width: 560px){
  iframe{margin:0 0 16px -4px;width:98%;}
}
@media only screen and (min-width: 800px){
  main{width:90%;}
}
@media only screen and (min-width: 900px){
  main{width:80%;}
}
@media only screen and (min-width: 1200px){
  main{width: 60%;}
}
@media only screen and (min-width: 1600px){
  main{width: 45%;}
}
@media print{
  body > p, article, figure, iframe, hr, #switchpan, h4 {display:none;}
}