/*3-6.出走表画面�?ログイン後（既存）SP画面*/

.ai_yosou_sp_container {
  display: flex !important;
  justify-content: center  !important;
  //margin-bottom: 3px !important;
  padding:0 2px;
  margin: .6rem 0 .5rem 0 !important;
  width:90%;
}

.ai_yosou_sp_container a {
  justify-content: center !important;
  align-items: center !important;
  -webkit-align-items: center !important;
  text-align:center !important;
  width: calc(100vw / 4 - .7rem) !important;
  margin-right: .5rem !important;
}
.ai_yosou_sp_container a:last-child {
  margin-right: 0 !important;
}
.ai_yosou_sp_container a:hover {
  opacity: 0.5 !important;
}

.bgw .ai_yosou_sp {
  color:#333333 !important;
  font-weight:bold;
  background-color: #eeeeee  !important;
  //margin:10px 0 1px 0  !important;
  //height:1.6rem;
  padding:.5rem;
  //text-align:center;
  margin:0 auto;
  margin:3px auto;
}
.ai_yosou_sp_title img {
  display:block;
  width:36px !important;
  text-align:center;
  margin-right:.5rem;
}
.bgw .ai_yosou_sp .ai_yosou_sp_title {
  display: flex  !important;
  //justify-content: center  !important;
  align-items: center !important;
  //margin-left:.5rem;
}

.bgw  div.item_ai_yosou_sp {
  /* 横スクロール用 */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height:2rem !important;
  /* 見た目調整 */
  //font-size: 80%;
  color: #ffffff;
  position: relative;
  z-index: 1;
  margin-right: 1px;
  font-weight: bold;
  line-height: 1em;
  height:1.8rem;
}

.ai_A{
  background-color: #369749 !important;
}
.ai_B{
  background-color: #973636 !important;
}
.ai_C{
  background-color: #36978f !important;
}
.ai_D{
  background-color: #365e97 !important;
}

.bgw {
  background-color: #fff !important;
  padding: 10px 0 0 0 !important;
}

.centersp {
  margin: 0 auto;
  width: auto;
}

.bgw div.item_ai_yosou_sp { border-radius: 4px !important; height: 50px !important; font-size: 1rem !important; filter:drop-shadow(0px 2px 2px #C6C6C6); transform: translateZ(0); }