@charset "utf-8";
/* CSS Document */
html { font-size: 62.5%}
body { background: #fff url("img/w3b.png") repeat-y left top; color: #966; text-align: left; margin: 0; padding: 0 }
a { color: #c00}
a:visited { color: #633}
a:hover { color: #c99}
a img { border: 0}
p { margin: 0; padding: 0; font-size: 1.6rem}
section { margin: 0 80px}
section:after { content: ""; display: block; clear: both;}

#wrapper { width: 100%; max-width: 1000px;  text-align: left}
#header { display: block; font-size:3.6rem; font-family:"Comic Sans MS", cursive; margin: 30px 80px; font-family: 'Comic Neue', cursive;}
#header:before  { content: url("img/k.png"); display: inline-block; padding-right: 26px; vertical-align: middle}
@media (max-width: 480px){
  img { max-width: 100%; height: auto}
  h2.mb-center { text-align: center}
  #header { text-align: center; margin: 1rem}
  #header:before { display: block; margin: 2rem auto}
}
#header a { text-decoration: none; color: #966}
#contents { margin-bottom: 50px}
#contents p { font-size: 1.4rem; line-height: 1.4em; margin: 0 0 1.6rem 0}
.mb { margin-bottom: 40px }
#contents ul { margin: 0; padding: 0}
#contents ul li { margin: 0 0 12px 20px; font-size: 1.4rem}
#contents h2,#content h3 { font-size: 1.4rem; margin: 0 0 12px 0}
#footer { text-align: center}
#footer p { text-align: center; line-height: 1.2em; font-size: 1.2rem}
#footer img { display: block; margin: 20px auto}
#contents.nb { background: none}
#contents table { margin: 0; padding: 0; border-collapse: collapse; margin-left: 0}
#contents table tr td { padding-bottom: 6px; padding-right: 1rem; font-size: 1.3rem; white-space: nowrap; vertical-align: top}
.img-right { display: inline-block; float: right; margin-left: 20px}
@media (max-width: 767px){ 
  .img-right { display: block; float: none; margin: 0 0 20px 0}
}
footer { text-align: center; margin: 0 50px 80px; padding: 50px 0 0 0; background: transparent url("img/rose.png") repeat-x left top}
@media (max-width: 480px){
  footer,section { margin: 1rem !important}
  span.br:after { content: ""; display: block;}
  .img-right { display: block; float: none; width: 100%; text-align: center}
  .img-right img { display: block; margin: 0 auto; height: auto}
}
footer p { font-size: 1.2rem; margin-bottom: 1rem}