/*sp---------------------------------------------------------------------------------*/
@media(max-width:767.9px){
.outlineTitle {
    width: 1200px;
    position: relative;
    margin: auto;
  }
  @media screen and (max-width:1200px) {
    .outlineTitle {
      width: 100%;
    }
  }
  .outlineTitle img{
    width: 100%;
    display: block;
  }
  .outlineTitle h2{
    font-size: 48.5px;
    text-align: center;
    color: #533429;
    position: static;
    display: block;
    height: auto;
    padding: 110px 0 80px 0;
  }
  .outlineTitle h2::after{
    /* 共通部分 about.cssの上オレンジ線無効 */
    content: "";
    width:0;
    height:0;
  }
  
  .localNav_inner nav{
    margin: 0 auto;
    width: 100%;
    height: 100%;
  }
  .localNav{
    background: #8FD3F5;
    width: 100%;
    padding: 20px 0 13px;
    margin: 0;
  }
  .localNav_inner{
    width: 100%;
    height: 100%;
  }
  .localNav_inner nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 15px;
  }
  
  .localNav_inner ul li{
    flex: 0 0 49%;
    height:50px;
    padding: 0;
    margin:0;
  }
  .localNav_inner ul li:nth-child(even){
    margin-left: 2%;
  }
  .localNav_inner ul li:nth-child(n+3){
    margin-top: 7px;
  }
  
  .localNav_inner ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    border-radius: 3px;
    text-align: center;
    padding:5px 15px;
    margin: 0;
    font-size: 11px;
    color: #004EA2;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
  }
  
  .localNav_inner ul li a::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 6px 6px;
    border-color: transparent transparent #004EA2 transparent;
    position: absolute;
    right: 4px;
    bottom: 4px;
  }
  
  .localNav_inner ul li.selected a{
    background: #004EA2;
    color: #FFFFFF;
  }
  .localNav_inner ul li.selected a::after{
    border-color: transparent transparent white transparent;
  }
  
  .innerWrapper{
    /* common.css上書き */
    width: 100%;
    margin-top: 25px;
    padding: 0 14px;
    box-sizing: border-box;
  }

  .owner_font_size{
    font-size: 12px;
  }
  .innerWrapper img{
    max-width: 100%;
  }
  
  .innerWrapper h3{
    width: 100%;
    font-size: 22px;
    color: #004EA2; 
    border-style: none;
    margin-left: 0;
    margin-bottom: 12px;
    padding: 0;
    font-weight: normal;
  }
  .innerWrapper h4{
    color: #000000;
    font-size: 18px;
    border-bottom:1px dotted #004EA2;
    padding-bottom: 7px;
    font-weight: normal;
  }
  .innerWrapper h5{
    font-size: 15px;
    color: #000000;
    margin-left: -7px;
    margin-bottom: 8px;
    font-weight: normal;
  }
  .innerWrapper strong{
    color: #004EA2;
  }
  .innerWrapper p{
    font-size: 12px;
    line-height: 1.6;
    padding: 0;
  }
  div.life_img{
    box-sizing: border-box;
  }
  
  /* みんなのくらしと地方競馬 */
    .contribution h4{
      margin-bottom: 38px;
    }
    .promotion h4{
      margin-bottom: 20px;
    }
    .program h4{
      margin-bottom: 18px;
    }
    .profit div.life_text{
      margin-bottom: 40px;
    }
    .profit div.life_img{
      margin-bottom: 35px;
      text-align: center;
    }
    .profit div.life_img ul{
      padding: 0;
    }
    .profit div.life_img ul li{
      padding: 0;
    }
    .profit div.life_img ul li:nth-child(n+2){
      margin-top: 35px;
    }
    .profit.life_img ul li img{
      max-width: 100%;
      display: block;
    }
  
  
    /* 主催者収益による地域への貢献 */
      .contribution div.life_text{
        margin-bottom: 27px;
      }
      .contribution div.life_img{
        text-align: center;
        margin-bottom: 57px;
      }
  
    /* 畜産振興補助事業 */
      .promotion div.life_text{
        margin-bottom: 50px;
      }
      .promotion div.life_img{
        text-align: center;
        margin-bottom: 25px;
      }
      .promotion ul.imgList{
        display: flex;
      }
      .promotion ul.imgList li{
        margin-bottom: 4px;
        padding: 0;
      }
      .promotion ul.imgList li:nth-child(even){
        margin-left: 5px;
      }
      .promotion ul.imgList li p{
        display: block;
        text-align: right;
        padding-right: 10px;
      }
  
      div.graph_4{
        padding: 0;
        margin-top: 8px;
        margin-right: 17px;
      }
      div.vertical_img img{
        /* display: block; */
        padding: 0;
        margin-bottom: 15px;
      }
      div.vertical_img img:last-of-type{
        margin-bottom: 10px;
      }
  
    /* 公営競技納付金制度 */
      .program div.life_text{
        margin-bottom: 30px;
      }
      .program div.life_img{
        text-align: center;
        box-sizing: border-box;
        margin-top: 34px;
        padding: 0 13%;
      }
      .program div.life_img img:nth-child(n+2){
        margin-top: 30px;
      }
      p.annotation{
        font-size: 10px;
        color: #545454;
      }
      p.annotation span{
        display: block;
        margin-left: 1em;
      }

      li.annotation{
        font-size: 10px;
        color: #545454;
      }
      li.annotation span{
        display: block;
        margin-left: 1em;
      }
  
  
  /* 地方競馬とは */
    .race div.race_text{
      margin-bottom: 25px;
    }
    .race div.race_img{
      text-align: center;
    }
    div.race_table{
      width: 100%;
      box-sizing: border-box;
      margin-bottom: 30px;
    }
    .race_table table{
      /* about.cssをリセット */
      width: 100%;
      max-width: 500px;
      border-style: none;
    }
    .race_table tr{
      /* about.cssをリセット */
      background: none;
    }
    .race_table th{
      background: #4F92CF;
      border: 1px solid #4F92CF;
      width: 200px;
      padding: 0;
      font-size: 12px;
      line-height: 1.7;
    }
    .race_table th.sponsor_name{
      border-right: 1px solid #FFFFFF;
    }
    .race_table .tr_background{
      background: #F3FAFE;
    }
    .race_table td{
      border:1px solid #009DDA;
      font-size: 11px;
      line-height: 1.9;
      padding: 0;
    }
    .race div.race_img {
      padding: 0 auto;
      margin-bottom: 23px;
    }
    .race div.bgcolor_text{
      box-sizing: border-box;
      padding: 15px;
      background: #F3FAFE;
      margin-bottom: 30px;
    }
    .race div.bgcolor_text p{
      font-size: 12px;
      margin: 0;
    }
  
    /* 地方競馬の目的と役割 */
      .system h4{
        margin-bottom: 22px;
      }
      .system .race_text{
        margin-bottom: 23px;
      }
      .system .race_img{
        margin-bottom: 26px;
        text-align: center;
      }
  
    /* ギャンブル等依存症対策への取り組み */
      .gamble h4{
        margin-bottom: 22px;
      }
      .gamble .race_text{
        margin-bottom: 85px;
      }
  
  
  /* 競走馬とは */
    .horse .horseLife_text{
      margin-bottom: 59px;
    }
    .border_box{
      box-sizing: border-box;
      border:1px solid #4F92CF;
      border-radius: 10px;
      padding: 18px 14px 42px;
      margin-bottom: 21px;
    }
    .border_box h4{
      text-align: center;
      font-size: 15px;
      color: #004EA2;
      border-style: none;
    }
    .border_box h5{
      margin: 0;
      padding: 2px 0 0 6px;
      border-left: 5px solid #009DDA;
      background: #004EA2;
      color: #FFFFFF;
      line-height: 1.5;
      font-size: 12px;
      margin-bottom: 23px;
    }
    div.horseLife_content{
      box-sizing: border-box;
      margin-bottom: 25px;
    }
  
    .horseLife_text{
      width: 100%;
      margin-bottom: 23px;
    }
    .horseLife_img{
      text-align: center;
      padding: 0 12%;
      margin:0;
    }
  
    /* 当歳（0歳）～1歳 */
      .child_horse div.horseLife_img{
        margin-bottom: 8px;
      }
      .child_horse div.horseLife_img:last-of-type{
        margin-right: 0;
      }
  
    /* 騎乗馴致 */
  
    /* 競馬場への入厩 */
  
    /* レースへの出走 */
    .go_race .horseLife_text{
      margin-bottom: 41px;
    }
    .go_race .horseLife_img{
      margin-bottom: 9px;
    }
    .go_race .horseLife_img:last-of-type{
      margin-bottom: 0;
    }
  
    /* 引退後 */
  
    .downArrow{
      margin: auto;
      width: 40px;
      height: 17px;
      background: url("../img/about/outline/about_horse/arrow.png") no-repeat center ;
      background-size: 39px ;
      margin-bottom: 25px;
    }
  
  /* 地方競馬から生まれた名馬たち */
  .horse .horse_text{
    margin-bottom: 50px;
  }
  .famous_horses h4{
    background: url("../img/about/outline/famous_horses/deco_bg_sp.png") no-repeat center;
    background-size: contain;
    text-align: center;
    border-style: none;
    padding: 5px 0 0 0;
    font-size: 15px;
    line-height: 3;
    margin:36px 0 27px;
  }
  .horce_introduction .introductionWrapper{
    box-sizing: border-box;
    margin-bottom: 25px;
  }
  .introductionWrapper .introduction_img{
    box-sizing: border-box;
    padding: 0 5%;
    text-align: center;
    margin-bottom: 27px;
  }
  .introductionWrapper .introduction_text{
    max-width: 350px;
    margin: 0 auto;
  }
  div.introduction_table{
    width: 100%;
    margin-bottom: 20px;
  }
  .introductionWrapper .introduction_table table{
    max-width: 350px;
    border:none;
    font-size: 15px;
    margin: 0 auto;
  }
  .introduction_table tr{
    border: none;
    background: none;
  }
  .introduction_table tr:nth-child(4){
    /* about.cssリセット */
    border: none;
  }
  .introduction_table tr:nth-child(n+2){
    border-top: 12px solid #FFFFFF;
  }
  .introduction_table th{
    width: 50px;
    background: none;
    border: none;
    color: #CB8A00;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
  }
  .introduction_table td{
    border: none;
    text-align: left;
    text-indent: 1.5em;
    vertical-align: top;
    font-size: 12px;
  }
  .introduction_table td span{
    display: block;
    line-height: 1.6;
  }
  .introduction_table td span.victory_indent{
    text-indent: 7em;
  }
  .introduction_text{
    width: 100%;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px  solid #DCDCDC;
  }
  
  /* NARグランプリ */
  .nargp_horses .horse_text{
    margin-bottom: 35px;
  }
  .nargp_horses h5{
    margin-left: 0;
    padding: 0;
    font-size: 15px;
    margin-bottom:17px;
  }
  .nargp_horses div.horsesTable_wrapper{
    border: none;
    width: 100%;
  }
  div.horses_table{
    width: 100%;
    margin-bottom: 23px;
    padding: 0;
  }
  .horses_table table{
    width: 100%;
    max-width: 500px;
    border: none;
  }
  .horses_table tr{
    border:none;
    background: #FFFFFF;
  }
  .horses_table tr:nth-child(2n+1){
    background: #F3FAFE;
  }
  .horses_table th{
    border:none;
    font-size: 12px;
    line-height: 1.8;
    background: #4F92CF;
    border: 1px solid #4F92CF;
    border-right: 1px solid #FFFFFF;
  }
  .horses_table th:last-of-type{
    border-right: 1px solid #4F92CF;
  }
  .horses_table th.year{
    width: 25%;
  }
  .horses_table th.year_horse{
    width: 35%;
  }
  .horses_table th.horse_type{
    width: 20%;
  }
  .horses_table th.region{
    width: 20%;
  }
  .horses_table td{
    font-size: 11px;
    line-height: 2;
    border:1px solid #009DDA;
  }

  .horses_table tr:nth-child(odd) td {
    background: #F3FAFE;;
  }
  .horses_table p.annotation{
    padding-left: 1em;
  }
  .nargp_horses .horse_text:last-of-type{
    margin-bottom: 34px;
  }

  div.vertical_img img.life{
    display: inline-block;
    padding-left: 5px;
    width: 50%;
    max-width: 280px;
    max-height: 187;
      }
  
  div.vertical_img{
    display: flex;
    width:98%;
  }

  p.annotation.annotation_sp{
 
  }
  
  h5.g2021 {
    margin: 20px 0 5px 0;
    border-bottom: 1px dashed #555;
    width: 100%;
    padding: 0 0 4px;
    font-size: 16px;
      margin-right: 5px;
      margin-left: 5px;
    }
  
    .innerWrapper p.font_size{
      font-size: 13px;
    }
    .PC{
      display: none;
    }

    .list_indent{
      margin-left: 2em;
      text-indent: -2em;
    }

    .list_indent2{
      margin-left: 2em;
      text-indent: -2em;
    }

    .contribution .life_text{
      line-height: 1.6;
    }

}