//マーキー

#webticker {
  overflow: hidden;
  margin: 0;
  width: 100%;
  padding:0px 0px;
  padding-left:5px;
}

.tickercontainer {
  /* the outer div with the black border */
  width: 100%;
  background: rgba(255,255,255,1.0);
  border:#eee solid 1px;
  /*border-left: #CCCCCC solid 1px;*/
  border-top: #CCCCCC solid 1px;
  padding:0 2px 2px 2px;
  height: 30px;
  line-height:30px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}



.tickercontainer .mask {
  /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  top: 6px;
  height: 30px;
  /*width: 718px;*/
  overflow: hidden;
}

ul.newsticker {
  /* that's your list */
  position: relative;
  /*left: 750px;*/
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.newsticker li {
  float: left;
  /* important: display inline gives incorrect results when you check for elem's width */
  margin: 0;
  padding-right: 15px;
  font-size:12px;
  /*background: #fff;*/
}


@media (max-width: 768px) {

#webticker {height:50px;line-height:50px;}
.tickercontainer .mask{height: 50px;}
ul.newsticker li{height: 50px;}


}