<div class="row">
  <div class="col">
    <div class="kero-section">人気な動画</div>
  </div>
</div>
<div class="row">
  @foreach ($pop as $p)
    <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
      <div class="thumb"><a href="/video/play/{{ $p->vid }}"><img width="170" height="96" src="{{ ($p->thumbnail ?: '/img/noicon.jpg') }}" alt="{{ $p->title }}" /></a></div>
      <div class="title" style="font-size: 90%;"><a href="/video/play/{{ $p->vid }}">{{ $p->title }}</a></div>
      <div class="videodate" style="font-size: 60%; color: #bdc3c7;">視聴数：{{ $p->view }}</div>
    </div>
  @endforeach
</div>