body {
  color: #1D2741;
  font-family: Verdana, sans-serif;
  text-align: center;
  font-size: 100%;
  margin: 0;
}

header {
  margin: 0;
  padding: 0;
  /* line-height: 200%; */
}

/* .container {
width:100%;
height:80px;
color:#fff;Z
background:#eee;
display: flex;
flex-direction: row;
}

.box {
width:20%;
height:80px;
}

.box-1 { background: #CB7DC7;}
.box-2 { background: #EA8231;}
.box-3 { background: #73AE5F;}
.box-4 { background: #36B8C4;}
.box-5 { background: #BFB01F;} */

footer {
  font-size: 60%;
  margin: 40px;
  padding: 20px;
}

img.sneak {
  width: 100%;
}

img.sneakc {
  width: 100%;
}

img.sneakTop {
  width: 100%;
}

img.sneak2 {
  width: 35%;
}

img.index0 {
width: 48px;
height: 48px;
object-fit: cover; /* この一行を追加するだけ！ */
}

  img.index {
  width: 64px;
  height: 64px;
  object-fit: cover; /* この一行を追加するだけ！ */
}

img.index2 {
width: 128px;
height: 128px;
object-fit: cover; /* この一行を追加するだけ！ */
}

img.index256 {
width: 64px;
height: 64px;
}

/*
section {
  font-size: 120%;
  line-height:1.9;
   margin: 0px;
   padding: 0px;
} */

p {
  font-size: 90%;
   margin: 0px;
   padding: 4px;
}

p.time {
  font-size: 60%;
   margin: 0px;
   padding: 0px;
  color: #8E929E;
  align-self: center;
}

h1 {
   font-size: 160%;
    margin: 2px;
    padding: 1px;
}

h2 {
  margin: 0;
  padding: 0;
  font-size: 130%;
  line-height: 30px
}

h2.in {
  margin: 0;
  padding: 0;
  font-size: 130%;
  /* text-indent: 2em; */
}



a.push {
  display: inline-block;
  color: #fff;
  background-color:  #85B0B1;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push0 {
  display: inline-block;
  color: #000;
  background-color:  none;
  text-align:left;
  text-decoration: underline;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push1 {
  display: inline-block;
  color: #fff;
  background-color:  #CB7DC7;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push2 {
  display: inline-block;
  color: #fff;
  background-color:  #EA8231;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push3 {
  display: inline-block;
  color: #fff;
  background-color:  #73AE5F;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push4 {
  display: inline-block;
  color: #fff;
  background-color:  #36B8C4;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push5 {
  display: inline-block;
  color: #fff;
  background-color:  #BFB01F;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push6 {
  display: inline-block;
  color: #fff;
  background-color:  #A5C7C8;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.push7 {
  display: inline-block;
  color: #fff;
  background-color:  #6A9B9D;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

header {
  margin:0px;
  padding: 0px;
}

header a {
  color: #fff;
}

/*
header a:hover {
  color: #fff;
} */

header h1{
    color: #fff;
    background-color:  #85B0B1;
   font-size: 150%;
    margin:0px;
    padding: 20px;
}


header h1.computers{
    color: #fff;
    background-color:  #CB7DC7;
   font-size: 150%;
    margin:0px;
    padding: 20px;
}


header h1.foods{
    color: #fff;
    background-color:  #EA8231;
   font-size: 150%;
    margin:0px;
    padding: 20px;
}

header h1.goods{
    color: #fff;
    background-color:  #73AE5F;
   font-size: 150%;
    margin:0px;
    padding: 20px;
}

header h1.tools{
    color: #fff;
    background-color:  #36B8C4;
   font-size: 150%;
    margin:0px;
    padding: 20px;
}

header h1.games{
    color: #fff;
    background-color:  #BFB01F;
   font-size: 150%;
    margin:0px;
    padding: 20px;
}

header h2{
   font-size: 200%;
    margin: 10px;
    padding: 40px;
}

table {
  width: 100%;
  border-collapse: collapse;
  border: solid 2px black;
}



table th {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#eee;
  /* border: dashed 1px; */
  border-bottom: 1px solid #EEEEEE;
}

table th.red {/*table内のthに対して*/
  color: white;
  padding: 10px;/*上下左右10pxずつ*/
  background:#ed465d;
  /* border: dashed 1px; */
  border-bottom: 1px solid #ed465d;
}

table th.yellow {/*table内のthに対して*/
  color: white;
  padding: 10px;/*上下左右10pxずつ*/
  background:#beaf61;
  /* border: dashed 1px; */
  border-bottom: 1px solid #beaf61;
}


table th.blue {/*table内のthに対して*/
  color: white;
  padding: 10px;/*上下左右10pxずつ*/
  background:#5dc3a7;
  /* border: dashed 1px; */
  border-bottom: 1px solid #5dc3a7;
}

table th.purple {/*table内のthに対して*/
  color: white;
  padding: 10px;/*上下左右10pxずつ*/
  background:#c27d9a;
  /* border: dashed 1px; */
  border-bottom: 1px solid #c27d9a;
}

table th.black {/*table内のthに対して*/
  color: white;
  padding: 10px;/*上下左右10pxずつ*/
  background:#5c8283;
  /* border: dashed 1px; */
  border-bottom: 1px solid #5c8283;
}


table td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  /* border: dashed 1px; */
  border-bottom: 1px solid #EEEEEE;
}


table td.red {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#f2c9ce;
  /* border: dashed 1px; */
  border-bottom: 1px solid #f2c9ce;
}

table td.yellow {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#eae7d2;
  /* border: dashed 1px; */
  border-bottom: 1px solid #eae7d2;
}


table td.blue {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#e5f1ed;
  /* border: dashed 1px; */
  border-bottom: 1px solid #e5f1ed;
}

table td.purple {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#e9d9e1;
  /* border: dashed 1px; */
  border-bottom: 1px solid #e9d9e1;
}

table td.black {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#d0d9da;
  /* border: dashed 1px; */
  border-bottom: 1px solid #d0d9da;
}

table.normal {
  width: 100%;
  border-collapse: collapse;
  border: solid 2px black;
}

table.normal th {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#eee;
  border: dashed 1px;
}

table.normal td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  border: dashed 1px;
}

table.normal2 td {/*table内のtdに対して*/
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 10px 10px;/*上下10pxで左右10px*/
  border: dashed 1px;
}

table.menu2 {
  width: 100%;
  height: 64px;
  border-collapse: collapse;
    border: none;
    align-items: center;
    align-content: center;
    align-self: center;
}

table.menu2 td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#fff;
  border-collapse: collapse;
  color: #5c8283;
}

table.menu2 a {
  color: #5c8283;
}



table.menu {
  width: 100%;
  height: 64px;
  border-collapse: collapse;
  border: solid 2px #5c8283;
}

table.menu td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#fff;
  border-collapse: collapse;
  border: dashed 1px #5c8283;
  color: #5c8283;
}

table.menu a {
  color: #5c8283;
}

table.menuComputers {
  width: 100%;
  height: 64px;
  border-collapse: collapse;
  border: solid 2px #CB7DC7;
  font-size: 70%;
}

table.menuComputers td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#fff;
  border-collapse: collapse;
  border: dashed 1px #CB7DC7;
  color: #CB7DC7;
}


table.menuComputers a {
  color: #CB7DC7;
}

table.menuComputers td.computers {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#CB7DC7;
  border-collapse: collapse;
  border: dashed 1px #fff;
  color: #fff;
}

table.menuComputers td.computers a {
  color: #fff;
}

table.menuFoods {
  width: 100%;
  height: 64px;
  border-collapse: collapse;
  border: solid 2px #EA8231;
  font-size: 70%;

}

table.menuFoods td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#fff;
  border-collapse: collapse;
  border: dashed 1px #EA8231;
}

table.menuFoods a {
  color: #EA8231;

}

table.menuFoods td.foods {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#EA8231;
  border-collapse: collapse;
  border: dashed 1px #fff;
  color: #fff;
}

table.menuFoods td.foods a {
  color: #fff;
}



table.menuGoods {
  width: 100%;
  height: 64px;
  border-collapse: collapse;
  border: solid 2px #73AE5F;
  font-size: 70%;

}

table.menuGoods td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#fff;
  border-collapse: collapse;
  border: dashed 1px #73AE5F;
}

table.menuGoods a {
  color: #73AE5F;
}

table.menuGoods td.goods {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#73AE5F;
  border-collapse: collapse;
  border: dashed 1px #fff;
  color: #fff;
}

table.menuGoods td.goods a {
  color: #fff;
}



table.menuTools {
  width: 100%;
  height: 64px;
  border-collapse: collapse;
  border: solid 2px #36B8C4;
  font-size: 70%;

}

table.menuTools td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#fff;
  border-collapse: collapse;
  border: dashed 1px #36B8C4;
}

table.menuTools a {
  color: #36B8C4;
}

table.menuTools td.tools {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#36B8C4;
  border-collapse: collapse;
  border: dashed 1px #fff;
  color: #fff;
}

table.menuTools td.tools a {
  color: #fff;
}

table.menuGames {
  width: 100%;
  height: 64px;
  border-collapse: collapse;
  border: solid 2px #BFB01F;
  font-size: 70%;

}

table.menuGames td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#fff;
  border-collapse: collapse;
  border: dashed 1px #BFB01F;
  font-size: 70%;

}

table.menuGames a {
  color: #BFB01F;
}

table.menuGames td.games {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  background:#BFB01F;
  border-collapse: collapse;
  border: dashed 1px #fff;
  color: #fff;
}

table.menuGames td.games a {
  color: #fff;
}

table.New {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}

table.New th {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#fff;
  border: 0;
}

table.New td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  border: 0;
}

table.History {
  width: 70%;
  margin-left: 15%;
  border-collapse: collapse;
  border: 0;

}

table.History th {/*table内のthに対して*/
  padding: 10px;/*上下左右10pxずつ*/
  background:#fff;
  border: 0;
}

table.History td {/*table内のtdに対して*/
  padding: 10px 10px;/*上下10pxで左右10px*/
  border: 0;
}


table.Twitter {
  width: 60%;
  border-collapse: collapse;
  border: 0;
  border: solid 2px black;
}


table.Twitter td {/*table内のtdに対して*/
    padding: 10px 10px;/*上下10pxで左右10px*/
  border: 0;
}


table.Index {
    border-collapse: collapse;
  text-align: left;
}

table.Index td th {
  border-bottom: 1px solid black;

}


table.Index td {
  padding: 3px 10px;
}


section {
  vertical-align: middle;
}

ul {
  margin:   5;
  padding-left: 0;
  list-style-type: decimal;
}

li {
  display: inline-block;
  padding: 2px 2px;
  font-size: 90%;
}

a {
  text-decoration: none;
}

a:link{
}

a:hover {
  opacity:0.5;
}

a:visited {
}

a:active {
}


a.pull {
  display: inline-block;
  color: #1D2741;
  text-align:center;
  padding: 5px;
  margin: 0;
  border-radius: 20px;
}

a.pull2 {
  color: #1D2741;
  text-align:left;
  padding: 0;
  margin: 0;
}



.MangaSpeech {/*親div*/
  position: relative;/*相対配置*/
  text-align: center;

  /* background-image: url(manga.jpg); */
  }

.MangaSpeech img{
  width: 100%;
}

.MangaSpeech p {
  position: absolute;/*絶対配置*/
  color: black;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

  .MangaSpeech p.speech1{
    top: 50%;
    left: 53%;
  }


    .MangaSpeech p.speech2{
      top: 20%;
      left: 40%;
    }

    .MangaSpeech p.speech3{
      top: 20%;
      left: 25%;
    }

    .MangaSpeech p.speech4{
      top: 50%;
      left: 24%;
    }

    .MangaSpeech p.speech5{
      top: 76%;
      left: 24%;
    }

    .MangaSpeech p.speech6{
      top: 83%;
      left: 37%;
    }

    .MangaSpeech p.speech7{
      top: 82%;
      left: 50%;
    }

    .MangaSpeech p.speech8{
      top: 81%;
      left: 64%;
    }
    .MangaSpeech p.speech9{
      top: 75%;
      left: 77%;
    }
    .MangaSpeech p.speech10{
      top: 54%;
      left: 77%;
    }
    .MangaSpeech p.speech11{
      top: 34%;
      left: 78%;
    }
    .MangaSpeech p.speech12{
      top: 15%;
      left: 77%;
    }
    .MangaSpeech p.speech13{
      top: 18%;
      left: 65%;
    }


      .MangaSpeech p.speech1a{
        top: 52%;
        left: 77%;
      }


        .MangaSpeech p.speech2a{
          top: 35%;
          left: 46%;
        }

        .MangaSpeech p.speech3a{
          top: 20%;
          left: 31%;
        }

        .MangaSpeech p.speech4a{
          top: 35%;
          left: 22%;
        }
        .MangaSpeech p.speech5a{
          top: 55%;
          left: 34%;
        }
        .MangaSpeech p.speech6a{
          top: 67%;
          left: 23%;
        }
        .MangaSpeech p.speech1b{
          top: 53%;
          left: 57%;
        }
        .MangaSpeech p.speech2b{
          top: 52%;
          left: 50%;
        }
        .MangaSpeech p.speech3b{
          top: 19%;
          left: 21%;
        }
        .MangaSpeech p.speech4b{
          top: 20%;
          left: 28%;
        }
        .MangaSpeech p.speech5b{
          top: 56%;
          left: 23%;
        }
        .MangaSpeech p.speech6b{
          top: 82%;
          left: 32%;
        }
        .MangaSpeech p.speech8b{
          top: 86%;
          left: 35%;
        }
        .MangaSpeech p.speech1c{
          top: 53%;
          left: 62%;
        }
        .MangaSpeech p.speech2c{
          top: 48%;
          left: 45%;
        }
        .MangaSpeech p.speech3c{
          top: 24%;
          left: 45%;
        }
        .MangaSpeech p.speech4c{
          top: 20%;
          left: 35%;
        }
        .MangaSpeech p.speech5c{
          top: 33%;
          left: 25%;
        }
        .MangaSpeech p.speech6c{
          top: 49%;
          left: 22%;
        }
        .MangaSpeech p.speech7c{
          top: 84%;
          left: 22%;
        }
        .MangaSpeech p.speech8c{
          top: 86%;
          left: 31%;
        }
        .MangaSpeech p.speech9c{
          top: 86%;
          left: 45%;
        }
        .MangaSpeech p.speech10c{
          top: 85%;
          left: 56%;
        }
        .MangaSpeech p.speech11c{
          top: 86%;
          left: 66%;
        }
        .MangaSpeech p.speech12c{
          top: 80%;
          left: 78%;
        }
        .MangaSpeech p.speech13c{
          top: 61%;
          left: 77%;
        }

        .MangaSpeech p.speech14c{
          top: 44%;
          left: 77%;
        }

        .MangaSpeech p.speech15c{
          top: 26%;
          left: 72%;
        }

        .MangaSpeech p.speech16c{
          top: 23%;
          left: 61%;
        }
        .MangaSpeech p.speech6d{
          top: 62%;
          left: 32%;
        }
        .MangaSpeech p.speech7d{
          top: 79%;
          left: 25%;
        }

        .MangaSpeech p.speech2e{
          top: 15%;
          left: 33%;
        }
        .MangaSpeech p.speech3e{
          top: 20%;
          left: 23%;
        }
        .MangaSpeech p.speech4e{
          top: 50%;
          left: 25%;
        }
        .MangaSpeech p.speech5e{
          top: 70%;
          left: 23%;
        }
        .MangaSpeech p.speech6e{
          top: 85%;
          left: 30%;
        }
        .MangaSpeech p.speech7e{
          top: 65%;
          left: 43%;
        }
        .MangaSpeech p.speech9e{
          top: 40%;
          left: 60%;
        }
        .MangaSpeech p.speech11e{
          top: 63%;
          left: 60%;
        }

.LeftTab {
  display: inline-block;
  width: 180px;
  background: #6A9B9D;
  color: #fff;
  border-style: solid;
  border-color:  #fff;
  border-width: thin;
  vertical-align: middle;
  text-align:center;
  padding: 0;
  margin: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.RightTab {
  display: inline-block;
  width: 180px;
  background: #85B0B1;
  color: #fff;
  border-style: solid;
  border-color:  #fff;
  border-width: thin;
  vertical-align: middle;
  text-align:center;
  padding: 0;
  margin: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-indent: 1em;
}

.Tab {
  display: inline-block;
  width: 150px;
  background: #1D2741;
  color: #fff;
  border-style: solid;
  border-color:  #1D2741;
  border-width: thin;
  vertical-align: middle;
  text-align:center;
  padding: 0;
  margin: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.TabSet {
  display: inline-block;
  width: 200px;
  background: #fff;
  color: #1D2741;
  border-style: solid;
  border-color:  #1D2741;
  border-width: thin;
  vertical-align: middle;
  text-align:left;
  padding: 0;
  margin: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-indent: 1em;
}

.TitleTab {
  display: inline-block;
  width: 80%;
  background: #1D2741;
  color: #fff;
  vertical-align: middle;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 20px;
}

.SubtitleTab {
  display: inline-block;
  width: 73%;
  height: 35px;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #fff;
  color: #1D2741;
  border-style: solid;
  border-color:  #1D2741;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 35px;
}

.SubtitleTabYellow {
  display: inline-block;
  width: 73%;
  height: 35px;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #eae7d2;
  color: #1D2741;
  border-style: solid;
  border-color:  #1D2741;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 35px;
}

.SubtitleTabBlue {
  display: inline-block;
  width: 73%;
  height: 35px;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #e5f1ed;
  color: #1D2741;
  border-style: solid;
  border-color:  #1D2741;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 35px;
}

.SubtitleTabRed {
  display: inline-block;
  width: 73%;
  height: 35px;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #f2c9ce;
  color: #1D2741;
  border-style: solid;
  border-color:  #1D2741;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 35px;
}

.SubtitleTabPurple {
  display: inline-block;
  width: 73%;
  height: 35px;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #e9d9e1;
  color: #1D2741;
  border-style: solid;
  border-color:  #1D2741;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 35px;
}

.SubtitleTabBlack {
  display: inline-block;
  width: 73%;
  height: 35px;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #5c8283;
  color: #fff;
  border-style: solid;
  border-color:  #1D2741;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 35px;
}

.Guide {
  display: inline-block;
  width: 73%;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #fff;
  color: #1D2741;
  border-style: solid;
  border-color:  #85B0B1;
  text-align:center;
  text-decoration: none;
  padding: 10px;
  margin: 20px;
  border-radius: 35px;
}

.End {
  display: inline-block;
  width: 100%;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #85B0B1;
  border-style: solid;
  border-color:  #85B0B1;
  text-align:center;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.End1 {
  display: inline-block;
  width: 100%;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #CB7DC7;
  border-style: solid;
  border-color:  #CB7DC7;
  text-align:center;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.End2 {
  display: inline-block;
  width: 100%;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #EA8231;
  border-style: solid;
  border-color:  #EA8231;
  text-align:center;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.End3 {
  display: inline-block;
  width: 100%;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #73AE5F;
  border-style: solid;
  border-color:  #73AE5F;
  text-align:center;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.End4 {
  display: inline-block;
  width: 100%;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #36B8C4;
  border-style: solid;
  border-color:  #36B8C4;
  text-align:center;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.End5 {
  display: inline-block;
  width: 100%;
  /* background: #1D2741; */
  /* color: #fff; */
  background: #BFB01F;
  border-style: solid;
  border-color:  #BFB01F;
  text-align:center;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

.serch {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}



@media (min-width: 550px) {

    table {
      width: 70%;
      border-collapse: collapse;
      border: solid 2px black;
    }

    table.normal {
      width: 70%;
      border-collapse: collapse;
      border: solid 2px black;
    }

  img.sneak {
    width: 70%;
  }

  img.sneakc {
    width: 30%;
  }


  img.sneakTop {
    width: 100%;
  }


table.History {
  width: 70%;
  border-collapse: collapse;
  border: 1;
}



@media (min-width: 414px) {

    table {
      width: 70%;
      border-collapse: collapse;
      border: solid 2px black;
    }

    table.normal {
      width: 70%;
      border-collapse: collapse;
      border: solid 2px black;
    }

  img.sneak {
    width: 70%;
  }

  img.sneakc {
    width: 30%;
  }


  img.sneakTop {
    width: 100%;
  }


table.History {
  width: 70%;
  border-collapse: collapse;
  border: 1;
}

@media (min-width: 375px) {



    table {
      width: 70%;
      border-collapse: collapse;
      border: solid 2px black;
    }

    table.normal {
      width: 70%;
      border-collapse: collapse;
      border: solid 2px black;
    }

  img.sneak {
    width: 70%;
  }

  img.sneakc {
    width: 30%;
  }


  img.sneakTop {
    width: 100%;
  }

          img.index256 {
          width: 128px;
          height: 128px;
          }


table.History {
  width: 70%;
  border-collapse: collapse;
  border: 1;
}