@charset "UTF-8";
/*=======================================================
検索欄
=======================================================*/
.bl_search {
  width: 500px;
  margin: 0 auto 24px;
}
.bl_search_form .bl_form_conts {
  margin-bottom: 24px;
}
.bl_search_form .bl_form_conts .bl_conts_ttl {
  font-size: 20px;
  font-weight: 700;
  color: #FFBB00;
  margin-bottom: 8px;
}
.bl_search_form .bl_form_conts .bl_conts_ttl.pc {
  display: block;
}
.bl_search_form .bl_form_conts .bl_conts_list {
  display: flex;
  flex-wrap: wrap;
  background: #FFF5E1;
}
.bl_search_form .bl_form_conts .bl_conts_item {
  width: calc(100%/3);
  border-top: 1px dotted #FFBB00;
  border-right: 1px dotted #FFBB00;
}
.bl_search_form .bl_form_conts .bl_conts_item:first-of-type, .bl_search_form .bl_form_conts .bl_conts_item:nth-of-type(2), .bl_search_form .bl_form_conts .bl_conts_item:nth-of-type(3) {
  border-top: none;
}
.bl_search_form .bl_form_conts .bl_conts_item:nth-of-type(3n + 3) {
  border-right: none;
}
.bl_search_form .bl_form_conts .bl_conts_item label {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 7px;
  height: 40px;
}
.bl_search_form .bl_form_conts .bl_conts_item input[type=checkbox] {
  display: inline;
  appearance: auto;
}
.bl_search_form .bl_form_conts .bl_conts_item .checkbox_txt {
  font-size: 14px;
  line-height: 1.2;
}
.bl_search_form .bl_form_button {
  margin: 0 auto;
  gap: 8px;
  width: 200px;
  padding-left: 12px;
}
.bl_search_form .bl_form_button::after {
  content: "";
  width: 24px;
  height: 24px;
  background: url("../images/common/icon_search.svg") top center/contain no-repeat;
}
.bl_search_result {
  font-size: 20px;
  font-weight: 700;
  width: 500px;
  margin: 0 auto 16px;
}

@media screen and (max-width: 750px) {
  .bl_search {
    width: 100%;
    padding-bottom: calc(24/750 * 100vw);
    margin: 0 auto;
    background: #fff8dc;
  }
  .bl_search_form .bl_form_conts {
    margin-bottom: calc(24/750 * 100vw);
    border: 2px solid #FFBB00;
  }
  .bl_search_form .bl_form_conts .bl_conts_ttl {
    font-size: calc(30/750 * 100vw);
    margin-bottom: calc(12/750 * 100vw);
  }
  .bl_search_form .bl_form_conts .bl_conts_item {
    border-width: 2px;
    border-color: #FFBB00;
  }
  .bl_search_form .bl_form_conts .bl_conts_item label {
    gap: calc(12/750 * 100vw);
    padding: calc(9/750 * 100vw) calc(12/750 * 100vw) calc(13/750 * 100vw);
    height: calc(72/750 * 100vw);
  }
  .bl_search_form .bl_form_conts .bl_conts_item input[type=checkbox] {
    margin-top: calc(2/750 * 100vw);
    transform: scale(1.5);
  }
  .bl_search_form .bl_form_conts .bl_conts_item .checkbox_txt {
    font-size: calc(24/750 * 100vw);
  }
  .bl_search_form .bl_form_button {
    gap: calc(12/750 * 100vw);
    width: calc(480/750 * 100vw);
    padding-left: calc(18/750 * 100vw);
  }
  .bl_search_form .bl_form_button::after {
    width: calc(36/750 * 100vw);
    height: calc(36/750 * 100vw);
  }
  .bl_search_result {
    font-size: calc(30/750 * 100vw);
    width: calc(630/750 * 100vw);
    margin: 0 auto calc(24/750 * 100vw);
  }
}
/*=======================================================
アプリの大枠の表示
=======================================================*/
.bl_ranking {
  background: #fff;
  position: relative;
  padding-top: 24px;
}
.bl_ranking .ly_cont_inner {
  width: 560px;
}
.bl_ranking_list {
  display: flex;
  flex-direction: column;
}
.bl_ranking_item {
  width: 100%;
  padding: 24px 24px 32px;
  border-top: 2px dotted #FFBB00;
}

@media screen and (max-width: 750px) {
  .bl_ranking {
    padding-top: calc(36/750 * 100vw);
  }
  .bl_ranking .ly_cont_inner {
    width: calc(690/750 * 100vw);
  }
  .bl_ranking_item {
    padding: calc(32/750 * 100vw) calc(32/750 * 100vw) calc(48/750 * 100vw);
    border-width: 3px;
  }
}
/*=======================================================
アプリ名とランキングの表示
=======================================================*/
.bl_ranking_item {
  position: relative;
}
.bl_ranking_item .bl_item_number {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 6px 24px 8px 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.bl_ranking_item .bl_item_numberWrapper {
  position: absolute;
  top: -1px;
  left: 0;
  width: 4em;
  height: 4em;
}
.bl_ranking_item .bl_item_numberWrapper::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 4em solid transparent;
  border-left: 4em solid #003479;
  position: absolute;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_number {
    padding: calc(9/750 * 100vw) calc(36/750 * 100vw) calc(12/750 * 100vw) 0;
    font-size: calc(36/750 * 100vw);
  }
  .bl_ranking_item .bl_item_numberWrapper {
    top: calc(-2/750 * 100vw);
  }
}
/*=======================================================
アプリ記事ヘッダー
=======================================================*/
.bl_ranking_item .bl_item_head .bl_media {
  padding-left: 24px;
  gap: 40px;
  margin-bottom: 24px;
  align-items: center;
}
.bl_ranking_item .bl_item_head .bl_media.el_popup {
  padding-top: 24px;
  align-items: start;
}
.bl_ranking_item .bl_item_head .bl_media_imgWrapper {
  flex: 0 1 120px;
  position: relative;
}
.bl_ranking_item .bl_item_head .bl_media_imgWrapper > img {
  border-radius: 13px;
}
.bl_ranking_item .bl_item_head .bl_media_popup {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 60px;
  height: 60px;
  animation: media_popup 2s linear infinite;
}
.bl_ranking_item .bl_item_head .bl_media_ttl {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 4px;
  border-bottom: 1px solid;
  margin-bottom: 4px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.bl_ranking_item .bl_item_head .bl_media_ttl::after {
  content: "";
  margin-top: 2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #003479;
}
.bl_ranking_item .bl_item_head .bl_media_body .bl_rate {
  display: flex;
  gap: 0;
  margin-bottom: 8px;
}
.bl_ranking_item .bl_item_head .bl_media_body .bl_rate::before {
  content: "★★★★★";
  color: #ffa500;
}
.bl_ranking_item .bl_item_head .bl_category_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bl_ranking_item .bl_item_head .bl_category_list.sp {
  display: none;
}
.bl_ranking_item .bl_item_head .bl_category_item {
  font-weight: 700;
  padding: 0 8px 2px;
  border: 1px solid;
  background: #fff;
}
.bl_ranking_item .bl_item_head .bl_category_item:first-of-type {
  color: #FFBB00;
}
.bl_ranking_item .bl_item_head .bl_category_item:nth-of-type(2) {
  color: #FFA500;
}
.bl_ranking_item .bl_item_head .bl_category_item:nth-of-type(3) {
  color: #003479;
}
.bl_ranking_item .bl_item_head .bl_category_item:nth-of-type(4) {
  color: #FF8C00;
}
.bl_ranking_item .bl_item_head .bl_category_item:nth-of-type(5) {
  color: #7FB3D5;
}

@keyframes media_popup {
  0% {
    transform: scale(0);
  }
  10% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.9);
  }
  30% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(1);
  }
  45% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_head .bl_media {
    padding-left: calc(36/750 * 100vw);
    gap: calc(64/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_media.el_popup {
    padding-top: calc(24/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_media_imgWrapper {
    flex: 0 1 calc(160/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_media_imgWrapper > img {
    border-radius: calc(20/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_media_popup {
    top: calc(-45/750 * 100vw);
    right: calc(-45/750 * 100vw);
    width: calc(90/750 * 100vw);
    height: calc(90/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_media_ttl {
    font-size: calc(36/750 * 100vw);
    padding-bottom: calc(6/750 * 100vw);
    border-width: calc(2/750 * 100vw);
    margin-bottom: calc(6/750 * 100vw);
    gap: calc(12/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_media_ttl::after {
    margin-top: calc(3/750 * 100vw);
    border-width: calc(9/750 * 100vw) 0 calc(9/750 * 100vw) calc(15/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_media_body .bl_rate {
    margin-bottom: calc(12/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_category_list {
    gap: calc(12/750 * 100vw);
    margin-bottom: calc(24/750 * 100vw);
  }
  .bl_ranking_item .bl_item_head .bl_category_list.pc {
    display: none;
  }
  .bl_ranking_item .bl_item_head .bl_category_list.sp {
    display: flex;
  }
  .bl_ranking_item .bl_item_head .bl_category_item {
    font-size: calc(24/750 * 100vw);
    padding: 0 calc(12/750 * 100vw) calc(3/750 * 100vw);
  }
}
/*=======================================================
アプリ記事タイトル
=======================================================*/
.bl_ranking_item .bl_item_body .bl_body_ttl {
  padding: 8px;
  background: #FFBB00;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
  text-align: center;
  color: #003479;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body .bl_body_ttl {
    padding: calc(12/750 * 100vw);
    font-size: calc(30/750 * 100vw);
    margin-bottom: calc(24/750 * 100vw);
  }
}
/*=======================================================
メインビジュアル
=======================================================*/
.bl_ranking_item .bl_item_body > video:first-of-type, .bl_ranking_item .bl_item_body > img:first-of-type {
  margin-bottom: 24px;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body > video:first-of-type, .bl_ranking_item .bl_item_body > img:first-of-type {
    margin-bottom: calc(36/750 * 100vw);
  }
}
/*=======================================================
説明文
=======================================================*/
.bl_ranking_item .bl_item_body .bl_body_content {
  height: 17px;
  overflow: hidden;
}
.bl_ranking_item .bl_item_body .bl_body_contentWrapper {
  overflow: hidden;
  margin-bottom: 32px;
}
.bl_ranking_item .bl_item_body .bl_body_contentWrapper.active .bl_body_content {
  height: auto;
}
.bl_ranking_item .bl_item_body .bl_body_contentWrapper.active .bl_body_content_btn::after {
  border-width: 0 6px 10px 6px;
  border-color: transparent transparent #003479 transparent;
}
.bl_ranking_item .bl_item_body .bl_body_content_btn {
  -webkit-appearance: none;
  color: #003479;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 11px;
  background: #FFBB00;
  margin: 16px auto 0;
}
.bl_ranking_item .bl_item_body .bl_body_content_btn::after {
  margin-top: 2px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #003479 transparent transparent transparent;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body .bl_body_content {
    height: calc(25/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_body_contentWrapper {
    margin-bottom: calc(48/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_body_contentWrapper.active .bl_body_content_btn::after {
    border-width: 0 calc(9/750 * 100vw) calc(15/750 * 100vw) calc(9/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_body_content_btn {
    gap: calc(12/750 * 100vw);
    padding: calc(12/750 * 100vw) calc(24/750 * 100vw) calc(16/750 * 100vw);
    margin: calc(24/750 * 100vw) auto 0;
  }
  .bl_ranking_item .bl_item_body .bl_body_content_btn::after {
    margin-top: calc(3/750 * 100vw);
    border-width: calc(15/750 * 100vw) calc(9/750 * 100vw) 0 calc(9/750 * 100vw);
  }
}
/*=======================================================
サブビジュアル
=======================================================*/
.bl_ranking_item .bl_item_body .bl_sub_list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
  margin-bottom: 32px;
}
.bl_ranking_item .bl_item_body .bl_sub_item {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body .bl_sub_list {
    gap: calc(36/750 * 100vw);
    margin-bottom: calc(48/750 * 100vw);
  }
}
/*=======================================================
ポイント
=======================================================*/
.bl_ranking_item .bl_item_body .bl_point {
  margin-bottom: 32px;
  border: 1px solid #FFBB00;
  border-radius: 8px;
}
.bl_ranking_item .bl_item_body .bl_point_ttl {
  font-size: 20px;
  font-weight: 700;
  padding: 8px 16px 11px;
  background: #FFBB00;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
}
.bl_ranking_item .bl_item_body .bl_point_ttl::before {
  content: "";
  width: 32px;
  height: 32px;
  background: url("../images/application/point/icon_ttl.svg") top center/contain no-repeat;
}
.bl_ranking_item .bl_item_body .bl_point_list {
  display: flex;
  gap: 4px;
  flex-direction: column;
  margin: 0 16px 24px;
}
.bl_ranking_item .bl_item_body .bl_point_item {
  position: relative;
  padding-left: 32px;
  font-weight: 700;
}
.bl_ranking_item .bl_item_body .bl_point_item::before {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("../images/application/point/icon_item.svg") top center/contain no-repeat;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body .bl_point {
    margin-bottom: calc(48/750 * 100vw);
    border-width: 2px;
    border-radius: calc(8/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_point_ttl {
    font-size: calc(30/750 * 100vw);
    padding: calc(12/750 * 100vw) calc(24/750 * 100vw) calc(16/750 * 100vw);
    gap: calc(12/750 * 100vw);
    margin-bottom: calc(24/750 * 100vw);
    border-top-left-radius: calc(8/750 * 100vw);
    border-top-right-radius: calc(8/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_point_ttl::before {
    width: calc(48/750 * 100vw);
    height: calc(48/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_point_list {
    gap: calc(6/750 * 100vw);
    margin: 0 calc(16/750 * 100vw) calc(24/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_point_item {
    padding-left: calc(48/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_point_item::before {
    top: calc(4.5/750 * 100vw);
    width: calc(36/750 * 100vw);
    height: calc(36/750 * 100vw);
  }
}
/*=======================================================
感想
=======================================================*/
.bl_ranking_item .bl_item_body .bl_message {
  background: #FFF5E1;
  border-radius: 8px;
  padding: 16px 16px 24px;
  border: 1px solid #FFBB00;
  margin-bottom: 24px;
}
.bl_ranking_item .bl_item_body .bl_message_ttl {
  font-size: 20px;
  font-weight: 700;
  color: #003479;
  padding-bottom: 8px;
  border-bottom: 1px solid;
  margin-bottom: 16px;
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
}
.bl_ranking_item .bl_item_body .bl_message_ttl::before {
  content: "";
  width: 32px;
  height: 32px;
  background: url("../images/application/message/icon_ttl.svg") top center/contain no-repeat;
}
.bl_ranking_item .bl_item_body .bl_message_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bl_ranking_item .bl_item_body .bl_message_item {
  padding-bottom: 16px;
  border-bottom: 1px dotted #003479;
}
.bl_ranking_item .bl_item_body .bl_message_item:last-of-type {
  padding-bottom: 0;
  border: none;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_ttl {
  color: #003479;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_ttl::before {
  content: "";
  width: 32px;
  height: 32px;
  background: url("../images/application/message/icon_item.svg") top center/contain no-repeat;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 4px;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate::before, .bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate::after {
  content: "★★★★★";
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate::before {
  color: #ccc;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate::after {
  left: 0;
  top: 0;
  color: #ffa500;
  overflow: hidden;
  position: absolute;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate.el_5::after {
  width: 6em;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate.el_4::after {
  width: 5em;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate.el_3::after {
  width: 4em;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate.el_2::after {
  width: 3em;
}
.bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate.el_1::after {
  width: 2em;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body .bl_message {
    border-radius: calc(12/750 * 100vw);
    padding: calc(24/750 * 100vw) calc(24/750 * 100vw) calc(36/750 * 100vw);
    border-width: calc(2/750 * 100vw);
    margin-bottom: calc(36/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_message_ttl {
    font-size: calc(30/750 * 100vw);
    padding-bottom: calc(12/750 * 100vw);
    border-width: calc(2/750 * 100vw);
    margin-bottom: calc(24/750 * 100vw);
    gap: calc(12/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_message_ttl::before {
    width: calc(48/750 * 100vw);
    height: calc(48/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_message_list {
    gap: calc(24/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_message_item {
    padding-bottom: calc(24/750 * 100vw);
    border-width: calc(2/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_message_item .bl_item_ttl {
    gap: calc(12/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_message_item .bl_item_ttl::before {
    width: calc(48/750 * 100vw);
    height: calc(48/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_message_item .bl_item_rate {
    padding-bottom: calc(6/750 * 100vw);
  }
}
/*=======================================================
ボタン上の一言
=======================================================*/
.bl_ranking_item .bl_item_body .bl_pickup {
  text-align: center;
}
.bl_ranking_item .bl_item_body .bl_pickup_txt {
  display: inline-block;
  margin: 0 auto 6px;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 3px;
}
.bl_ranking_item .bl_item_body .bl_pickup_txt .el_accent {
  color: #003479;
  background: linear-gradient(transparent 70%, #FFBB00 70%);
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body .bl_pickup_txt {
    margin: 0 auto calc(9/750 * 100vw);
    font-size: calc(26/750 * 100vw);
    padding-bottom: calc(4.5/750 * 100vw);
  }
}
/*=======================================================
ダウンロードボタン
=======================================================*/
.bl_ranking_item .bl_item_body .bl_download_btn {
  width: 320px;
  margin: 0 auto 24px;
  height: 48px;
  gap: 8px;
}
.bl_ranking_item .bl_item_body .bl_download_btn::before {
  content: "";
  background: url("../images/application/download/icon_dl_btn.svg") top center/contain no-repeat;
  width: 24px;
  height: 24px;
  margin-top: 2px;
}

@media screen and (max-width: 750px) {
  .bl_ranking_item .bl_item_body .bl_download_btn {
    width: calc(480/750 * 100vw);
    margin: 0 auto calc(36/750 * 100vw);
    height: calc(72/750 * 100vw);
    gap: calc(12/750 * 100vw);
  }
  .bl_ranking_item .bl_item_body .bl_download_btn::before {
    width: calc(36/750 * 100vw);
    height: calc(36/750 * 100vw);
    margin-top: calc(3/750 * 100vw);
  }
}
/*=======================================================
おすすめゲームアプリ一覧
=======================================================*/
.bl_application {
  background: #fff;
  margin: 40px auto 0;
  padding: 24px 24px 32px;
}
.bl_application .el_sec_mainTtl {
  font-size: 24px;
  font-weight: 700;
  color: #FFBB00;
  margin-bottom: 24px;
}
.bl_application_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-bottom: 32px;
}
.bl_application_item {
  width: calc((100% - 32px) / 5);
}
.bl_application_item > a > img {
  border-radius: 13px;
}

@media screen and (max-width: 750px) {
  .bl_application {
    margin: calc(64/750 * 100vw) auto 0;
    padding: calc(36/750 * 100vw) calc(36/750 * 100vw) calc(48/750 * 100vw);
  }
  .bl_application .el_sec_mainTtl {
    font-size: calc(36/750 * 100vw);
    margin-bottom: calc(36/750 * 100vw);
  }
  .bl_application_list {
    gap: calc(12/750 * 100vw);
    margin-bottom: calc(48/750 * 100vw);
  }
  .bl_application_item {
    width: calc((100% - 0.064 * 100vw) / 5);
  }
  .bl_application_item > a > img {
    border-radius: calc(20/750 * 100vw);
  }
}
/*=======================================================
検索結果404
=======================================================*/
.bl_ranking .bl_notResult {
  width: 500px;
  margin: 0 auto;
}
.bl_ranking .bl_notResult_ttl {
  font-size: 20px;
  font-weight: 700;
}

@media screen and (max-width: 750px) {
  .bl_ranking .bl_notResult {
    width: calc(630/750 * 100vw);
  }
  .bl_ranking .bl_notResult_ttl {
    font-size: calc(30/750 * 100vw);
  }
}