body { font-size: 20px; line-height: 28px; }
h1 { font-size: 28px; line-height: 28px; }
h2 { font-size: 26px; line-height: 26px; }

.basebox {
  background-color: #FFFFFF;
  border:           solid 1px #ffe4c1;
  border-radius:    10px;
  margin:           5px auto;
  width:            96%;
}

.devpc     { display: none; }
.devi      { display: inline; }
.R_fr      { float: none; }
.R_fl      { float: none; }
.TopBanner2{ width: auto; padding: 0px; margin: 10px auto 0px; }
.flbnten   { width: auto; height: auto; padding: 1px; margin: 0px auto; }

TD     { line-height: 24px; font-size: 20px; padding: 6px 20px; }
.td6   { width: 90px; }
.td8   { width: 120px; }

.mainarea  { width: auto; padding: 0px; margin: 0px auto; border: solid 1px #eeddcc; }
.mainimg   { width: 225px; height: 450px; }
.manybn    { width: 300px; }
.bc500     { margin-left: auto; margin-right: auto; width: 90%; }
.bc1000    { margin-left: auto; margin-right: auto; width: 100%; }
.wttmenu   { height: auto; width: auto; }
.topbn     { padding-left: 0px; }
.tmenuArea   { width: 100%; background: none; }
.tmenu       { margin-left: 0px; margin-right: 0px; width: 100%; }
.newsdate { font-size: 60%; width: 12%;}
.news     { font-size: 50%; width: 20%;}
.namae    { width: 100%; text-align: right; }

.mg2  { padding: 1px 10px; }
.mg3  { padding: 1px 10px; }
.mg5  { padding: 1px 10px; }
.mg7  { padding: 1px 10px; }
.mg10 { padding: 1px 10px; }
.mg17 { padding: 1px 10px; }

#kaisya .cell1 { float: none; width: 100px; }
#kaisya .cell2 { float: none; width: 400px; margin-left: 10px; }

#meisai .cell1 { float: none; width: 150px; }
#meisai .cell2 { float: none; width: 600px; margin-left: 10px; }

video     { display: none; }
.bkmgn  { margin-top: 50px; margin-bottom: 50px;}

.ttlmgn { margin-top: 50px; }

@media screen and (max-device-width: 800px) {
  html { background: #FFFFFF; }
  #bgvid { display: none; }
}

.footerArea  { font-size: 20px; line-height: 22px; }