ul.reki{display:flex;flex-wrap:wrap;justify-content: space-between;}
ul.reki > li{width:calc(100%/3 - 35px);margin:30px 0px 40px;}
ul.reki ol{list-style-type:none;margin:16px 0 0;padding:0px; line-height: 1.6; font-size: 17px;}
ul.reki ul{
  margin-top: 10px;
  line-height: 1.7;
  font-size: 17px;
}

section ul li h4{margin:10px 0 14px;text-align:left;font-size:24px;line-height:1.3em;}
section ul li h4 span{float:right;color:black;font-size:.8em;}
section ul li h4 span:after{content:"pt";font-size:.8em;}
section ul li img{width:100%;}
section ul li ul li:before{width:55px;color:white;text-align:center;display:inline-block;margin:5px 8px 0px 0px;}
section ul li ul li:nth-child(1):before{content:"父";}
section ul li ul li:nth-child(2):before{content:"母";}
section ul li ul li:nth-child(3):before{content:"母父";}
section ul li ol{margin-top:5px;font-size:90%;}
section ul li ol li:before{width:55px;text-align:center;display:inline-block;margin:0 5px 3px 0px;}
section ul li ol li:nth-child(1):before{content:"馬主";}
section ul li ol li:nth-child(2):before{content:"調教師";}
section ul li ol li:nth-child(3):before{content:"生産者";}

section ul li h4{border-bottom:1px solid #f88602;color:#f88602;}
section ul li ul li{border-bottom:1px solid #ddd;}
section ul li ul li:before{background:#888;}
section ul li ol li:before{color:#000;font-weight: 700;}

.link_site {
  margin-top: 15px;
  font-size: 17px;
  text-align: center;
}

@media all and (min-width: 0) and (max-width: 767px)  {
.submain section ul li h4{font-size:6vw;}
ul.reki > li{width:calc(100%/1 - 0px);margin:20px 0px 35px;}

.link_site {
  margin-top: 10px;
}

}


.box p { margin: 1.5em 0; color: #000; line-height: 1.6; }
.box li {color: #000;}
