<style type="text/css">
.movie { width: 100%; margin-bottom: 20px;}
p {font-weight: bold;}
ul li { list-style-type:none; }
.main { width: 95%;}
.main ul li { margin-bottom: 50px;}
.main ul li iframe { width: 100%;}
.left { margin-bottom: 50px;}
.right { margin-bottom: 50px;}
}
h2{ padding: 1rem 2rem;
  border-left: 6px double #000; font-weight: bold;}

ul span .navileft{font-size: 18px; font-weight: bold; padding: 1rem 2rem;
  border-left: 5px solid #C2CEE6;
  background: #f4f4f4; width: 100%; margin-bottom: 5px;}

ul span .navicenter{font-size: 18px; font-weight: bold; padding: 1rem 2rem;
  border-left: 5px solid #C2CEE6;
  background: #f4f4f4; width: 100%; margin-bottom: 5px;}

ul span .naviright{font-size: 18px; font-weight: bold; padding: 1rem 2rem;
  border-left: 5px solid #C2CEE6;
  background: #f4f4f4; width: 100%; margin-bottom: 5px;}

html { scroll-behavior: smooth;}

 .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }

</style>
