#content_bg{
  background-image:url(../images/live/bg.jpg);
}

#submenu{
  /*display:none;*/
}

#submenu nav>*{
  width:23%;
}

/*-----------*/
h3{
  font-size:200%;
}

section>div{
  border:1px #888 dashed;
  border-width:1px 0 0;
  padding:30px;
  margin:30px 0;
}

section>div:first-child{
  border-width:0;
  margin-top:50px;
}


section>div img{
  width:40%;
  border:1px #AAA solid;
  float:right;
  box-shadow:2px 2px 0 rgba(0,0,0,0.1);
}

section>div .info_body{
  float:left;
  width:58%;
}

section>div .info_body h4{
  margin:0;
  padding:0;
  margin-bottom:1%;
  font-size:130%;

  border:12px #500 solid;
  border-width:0 0 0 7px;
  padding-left:5px;

  line-height:1.3;
}

section>div.new .info_body h4:after,
section>div.update .info_body h4:after,
section>div.end .info_body h4:after{
  color:#FFF;
  padding:1px 7px;
  display:inline-block;
  font-size:70%;
  margin-left:7px;
  vertical-align:2px;
  text-shadow:none;
  font-weight:normal;
}
section>div.update .info_body h4:after{
  content:"UPDATE";
  background-color:#c87008;
}

section>div.new .info_body h4:after{
  content:"NEW";
  background-color:#c82508;
}

section>div.end{
  display:none;
}

section>div.end .info_body h4:after{
  content:"終了";
  background-color:#404040;
}

section>div.end img,
section>div.end .info_body{
  opacity:0.5;
}

section>div.end .message{
  width:100%;
  clear:both;
  padding-top:7px;
}
section>div.end .message>div{
  border-radius:5px;
  border:1px #F00 solid;
  background-color:rgba(255,255,255,0.7);
  color:#F00;
  padding:7px;
  text-align: center;
  text-shadow:none;
  line-height:1.3;
}

section>div .info_body a{
  display:inline-block;
  margin-top:10px;
  margin-right:3px;
  padding:1px 20px;
  text-shadow:none;
  color:#FFF;
  text-decoration:none;
  text-align:center;
  background-color:#2f648a;
  background:linear-gradient(to bottom,#2f648a,#1c4a6b);
}


@media screen and (max-width:768px){
}
@media screen and (max-width:640px){
  section>div{
    padding:10px;
    padding-top:30px;
  }
  section>div img{
    width:100%;
    float:none;
    margin-top:20px;
  }

  section>div .info_body{
    float:none;
    width:100%;
  }

}