#body {
 width: 100%;
}

#box1 {
 width: 60%;
 margin: 0 auto;
 clear: both;
}

#box2 {
 width: 100%;
 margin: 0 auto;
 padding: 0 0 30px 0;
 background-color: #F0F0F0;
 clear: both;
}

#box4 {
 width: 40%;
 margin: 0 auto;
 clear: both;
}

#menu ul {
 font-size: 0;
 margin: 10px 0 30px 0;
 padding: 0;
}

#menu li {
 background-color: #F0F0F0;
 display: inline-block;
 padding: 20px 0;
 color: #000000;
 font-size: 15px;
 text-align: center;
 width: 25%;
} 

#wrap {
 width: 60%;
 margin: 0 auto;
 padding: 20px 0;
 background-color: #000;
 text-align: center;
}

#content {
 width: 50%;
 margin: 0 auto;
}

#white {
 width: 100%;
 margin: 0 auto;
 background-color: #fff;
}

#main {
 margin: 5px;
 float: left;
 clear: both;
}

#sub {
 margin: 5px;
 float: left;
}

#extra {
 float: right;
}

#half {
 width: 50%;
 margin: 0 auto;
 float: left;
}

#primary {
 width: 70%;
 margin: 5px;
 float: left;
 clear: both;
}

#item {
 display: flex;
 flex-direction: row-reverse;
 justify-content: space-between;
}

.line {
 width: 100%;
 height: 15px;
 margin: 0 auto 50px;
 padding: 0;
 background-color: #050569;
}

.history {
 width: 50%;
 text-align: left;
 margin: 10px 0px;
 word-break: break-all;
 float: left;
}

.rule {
 clear: left;
 border: 0;
 border-top: 1px dashed #CCCCCC;
 margin: 0px;
}

img {
 max-width: 100%;
 height: auto;
}





@media screen and (max-width: 480px) {

 #box1 {
  width: 95%;
 }

 #box2 {
  width: 95%;
  text-align: left;
 }

 #box4 {
  width: 95%;
 }

 #wrap {
  width: 95%;
  padding: 0;
  background-color: transparent;
 }

 #content {
  width: 95%;
 }

 #main {
  width: 95%;
  margin: 0 auto;
 }

 #extra {
  width: 95%;
  margin: 0 auto;
  float: left;
 }

 #half {
  width: 95%;
  margin: 0 auto;
  float: left;
 }

 #primary {
  width: 95%;
 }

 .history {
  width:100%;
  text-align:left;
  margin:10px 0px;
  word-break:break-all;
 }

}

/*clearfix
---------------------------------------------------*/
.clearfix {
 zoom:1;/*for IE 5.5-7*/
}

.clearfix:after { /*for modern browser*/
 content: ".";
 display: block;
 clear: both;
 height: 0px;
 visibility: hidden;
 font-size: 0;
}