@charset "utf-8";
/* =========================================

cmn_second.css

============================================ */

.wrp_bnr_pc {
  background: url("/result/high/2020/inc/image/bg-paper02.jpg");
  background-size: 8%;
	padding: 3em 0;
	overflow: hidden;
}

.wrp_bnr_pc ul.bnr_area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 620px;
  width: calc( 620 / 1060 * 100% );
}

.wrp_bnr_pc ul.bnr_area li:not(:first-child) {
  margin-top: 1em;
}

.wrp_bnr_pc ul.bnr_area li a {
  background: #fff;
  display: block;
}

.wrp_bnr_pc ul.bnr_area li a img:hover {
  opacity: .8;
  transition: .5s all;
}

.wrp_bnr_pc ul.bnr_area li {
  width: 100%;
}

.wrp_bnr_pc ul.bnr_area li#f_bnr_daily_gallery_player,
.wrp_bnr_pc ul.bnr_area li#f_bnr_daily_gallery_seen,
.wrp_bnr_pc ul.bnr_area li#f_bnr_daily_gallery,
.wrp_bnr_pc ul.bnr_area li#f_bnr_daily_report {
  width: calc( 300 / 620 * 100% );
}

.wrp_bnr_sp {
  display: none;
}


@media screen and (max-width: 736px) {
  .wrp_bnr_sp {
    display: block;
  }

  .wrp_bnr_pc {
    display: none;
  }

  .wrp_bnr_sp {
    background: url("/result/high/2020/inc/image/bg-paper02.jpg");
    background-size: 15%;
    margin-top: 1.5em;
    padding: 2em 0;
    overflow: hidden;
  }

  .wrp_bnr_sp .bnr {
    margin: 1em auto 0;
    width: 90%;
  }

  .wrp_bnr_sp .bnr:first-of-type {
    margin: 0 auto;
  }

  .wrp_bnr_sp .slider {
    margin: 1em auto 0;
    width: 85%;
  }

}