/*3-4.予想情報画面（既存）PC画面*/

.ai_yosou_container {
    display: flex;
    width: 720px;
    margin-left: 6px;
    margin: 4px 0px 6px 6px;
    border: solid 1px #d3d3d3;
    border-radius: 4px;
    height: 60px;
}

.horizontal-list {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-bottom: -4px;
}

.ai_yosou {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  margin-right:5px;
  color:#000000;
  font-size: 15px;
  font-weight:bold;
  background-color: #ffc000;
  border-right:solid 1px #d3d3d3;
}

.item {
  /* 横スクロール用 */
  display: inline-block;
  width: 70px;
  /* 見た目調整 */
  height: 50px;
  margin: 4px 0px 0px 0px;
  font-size: 16px;
  color:#ffffff;
  font-weight:bold;
  position: relative;
  z-index: 1;
  border-radius:4px;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .item {
    margin:4px 0px -14px 0px;
  }
   .horizontal-list {
    -ms-overflow-style:none;/*スクロールバー非表示*/
    height:64px;/*高さ指定*/
  }
}

@supports (-ms-ime-align: auto) {
  .item {
    margin:4px 0px -14px 0px;
  }
}

.ai_today{
  background-color: #8F1FF0;
  border:solid 1px #6B14B6;
}
.ai_next{
  background-color: #D037D0;
  border:solid 1px #9F2A9F;
}

.item a {
  color:#ffffff;
  text-decoration:none;
  margin-left:2px;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 95%;
  height: 100%;
  //text-indent:-999px;
  z-index: 2;
  text-align:center;
}
.item:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
.item a span{
  font-size:13px;
}

/*3-4.予想情報個別画面（既存）PC画面*/

.ai_yb { float:left; width:720px; height:15px; text-align:right; margin:3px 0 0 3px; padding:3px 0 0 0; }
.ai_yb div {float:left;  width:766px; text-align:right; padding:5px 0 0 0;}
.ai_yb div span{ color:#f00;}
.ai_yb a{ display:block; float:right; width:198px; margin:0 0 0 10px; padding:2px; text-align:center; text-decoration:none; border:1px solid #ccc; background:#f5f5f5; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold;  color:#333; }
.ai_yb a:hover{ color:#333; background:#f47fca;}