* {box-sizing: border-box;}
body.bd { background-color: #fffff3; font-family: "MS gothic", sans-serif;}
p {font-size:24px;}
.head {overflow: hidden; background-color: #005600; color:#fd5}
.header {overflow: hidden; background-color: #8cffff; text-align:center;}
.topnav { overflow: hidden; background-color: #e9e9e9; padding: 0 10px;}
.topnav a { float: none; display: block; color: black; text-align: center padding: 10px 16px; text-decoration: none; font-size: 17px;}
.topnav a:hover {background-color: #0ff; color: black;}
.topnav a.active {background-color: #2196F3; color: white;}

ol li {font-size: 24px; line-height: 32px}

.kanji {overflow: hidden; padding-top: 5px; padding-left: 17px; border:1px solid #333}
.kanji-1 {font-size:40px; line-height:50px;}

td {font-size:24px; line-height:32px}
td.ka {padding:7px 10px; border:1px solid #000; border-radius:3px; box-shadow: 1px 2px 2px #ddd; font-size:24px; vertical-align:top;}
td.a {width:32px; height:28px; background-color:#FF0}
.footer {overflow: hidden; background-color: #005600; color:#fd5;}
.footer-p {font-size:17px;}

@media screen and (min-width: 481px) {
  body {font-family: MS-gothic, sans-serif; width:740px; margin-left: auto; margin-right:auto; background:#fffff3}
  .topnav a {float:left; display: block; margin: 0px; padding: 10px;}
}


a {text-decoration: none;}

.line {line-height:38px;}
.ft-s {font-size:small}