.title_banner_area{margin-bottom: 1em;}
/* =========================
ranking
   ========================= */
@media (min-width: 600px) {
    .page-template-ranking .l-content {
        padding-top: 2em;
    }
}
.page-id-10478 .l-topTitleArea__body{
    order: 1;
    color: var(--color_text);
    text-shadow: none;
    padding: 0;
    text-align: left;
    margin-bottom: 1em;
}

.page-id-10478 .c-filterLayer__img{
    margin: auto;
    order: 2;
    position: static;
}
.page-id-10478 .l-topTitleArea {
    text-align: center;
min-height: none;
    max-width: 1000px;
    margin: auto;
    flex-direction: column;
}
.page-id-10478 .l-topTitleArea.c-filterLayer::before,
.page-id-10478 .c-filterLayer.-texture-dot:after{display:none;}
.page-id-10478 .p-articleMetas {
    justify-content: end;
}
.page-id-10478,.page-id-10484,.page-id-10486{
    background-color: var(--color_base);
}

.iken-head-image {
    margin: 1em 0;
    width: 100%;
}
.ranking_block h2 a{color: var(--color_text);}
.ranking_all_wrap{
  counter-reset: rank;
}
.ranking_block{
    padding: 1em;
    border: var(--border_main);
    border-radius: var(--border_radius);
    background-color: #fff;
    margin-bottom: 2em;
    counter-increment: rank;
    position: relative;
}

.ranking_all_wrap .info_meta{
  padding-left: 50px;
}
.ranking_block .info_meta{
  margin-bottom: .5em;
}
.ranking_all_wrap .ranking_block:nth-child(-n+3) .info_meta::before{
  content: "";
  position: absolute; 
  aspect-ratio: 58 / 70;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top:-15px;
  left: -2px;  
  width: 60px;
  display: block;
}
.ranking_all_wrap .ranking_block:nth-child(1) .info_meta::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2070%22%3E%20%3Cpath%20fill%3D%22%23dfb216%22%20d%3D%22m.5%2069.2%2028.6-15.7%2028.7%2015.7V0H.5z%22%2F%3E%20%3Cpath%20fill%3D%22%23edd080%22%20d%3D%22m52.6%2066.4-2.2-1.3V0h2.2zm-45.9-.6L4.4%2067V0h2.3z%22%2F%3E%20%3Cpath%20fill%3D%22%239f8024%22%20d%3D%22M22.9%2020.6q2.5%200%204.2-.6t3.5-1.4h1.2v19.6q0%20.6.3.9t.9.3h3v1.5H23.5v-1.5H26q.9%200%201.2-.4.4-.4.4-1.3V23.2l-.3-.8q-.3-.3-1-.3H23z%22%2F%3E%3C%2Fsvg%3E');
}
.ranking_all_wrap .ranking_block:nth-child(2) .info_meta::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2070%22%3E%20%3Cpath%20fill%3D%22%23b5b4b5%22%20d%3D%22M0%2068.5%2028.3%2053l28.4%2015.5V0H0z%22%2F%3E%20%3Cpath%20fill%3D%22%23dcdcdc%22%20d%3D%22m51.6%2065.7-2.2-1.2V0h2.2zm-45.4-.6-2.3%201.2V0h2.3z%22%2F%3E%20%3Cpath%20fill%3D%22%23717071%22%20d%3D%22M24.3%2036.3h7.3a2%202%200%200%200%201.6-.7q.6-.6%201-2.9h1.6l-.5%207.6H20.9V39q1.2-2%204.6-5.7%203-3.4%203.9-5.1%201.2-2.2%201.2-4.6%200-2.1-.9-3-.9-1.2-2.4-1.1c-1.5%200-2%20.3-2.7.8q-1%20.9-1%201.8%200%20.3.2.5t1.2.5q1.9.5%201.9%202.1%200%201.2-.8%201.8-.6.7-1.8.7c-1.2%200-1.4-.3-2-1q-.6-.9-.7-2.7%200-2.4%201.6-4.1%202.1-2%205.4-2%203%200%205%201.6a5%205%200%200%201%201.8%204.2q0%201.3-.4%202.4-.7%201.6-1.7%202.7a23%2023%200%200%201-3.5%203z%22%2F%3E%3C%2Fsvg%3E');
}
.ranking_all_wrap .ranking_block:nth-child(3) .info_meta::before{
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2070%22%3E%20%3Cpath%20fill%3D%22%23ae7f46%22%20d%3D%22M0%2068.5%2028.3%2053l28.4%2015.5V0H0z%22%2F%3E%20%3Cpath%20fill%3D%22%23ccac8e%22%20d%3D%22m51.6%2065.7-2.2-1.2V0h2.2zm-45.5-.6-2.2%201.2V0h2.2z%22%20class%3D%22cls-2%22%2F%3E%20%3Cpath%20fill%3D%22%23654720%22%20d%3D%22M30.6%2028.5q2.5.8%204%202.3%201.2%201.5%201.2%203.8%200%202.8-2%204.6a9%209%200%200%201-5.7%201.7q-3.4%200-5.1-1.5a5%205%200%200%201-1.8-4q0-1.3.7-2.2.8-.8%202-.8%201%200%201.6.7t.7%201.6q0%201.4-1.4%202l-.7.5-.1.4q0%20.6.7%201%201.2.9%202.5.8%201.8%200%202.8-1.2t1-3.8c0-2.7-.3-2.9-.9-3.7a3%203%200%200%200-2.4-1.2l-1%20.1-.8.1-.7-.2-.2-.7q0-.5.3-.8l.8-.2h.6l.9.1q1.4%200%202.2-1t.8-3.2c0-2.2-.3-2.6-1-3.3q-.7-1-2.4-1-1.2%200-1.7.3-.6.4-.6.8v.4l.6.4%201%201%20.2%201q0%201-.6%201.6t-1.6.6-1.7-.7-.7-2q0-1.7%201.3-3.2%201.6-1.8%204.8-1.8%202.1%200%203.6.8%201.6.7%202.4%202%20.8%201.2.8%202.7%200%201.7-1%203a8%208%200%200%201-3.4%202.2%22%2F%3E%3C%2Fsvg%3E');
}
.ranking_all_wrap .ranking_block:nth-child(n+4) .info_meta::before{
  position: absolute; 
  content: counter(rank) "";
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: var(--color_main);
  color: #fff;
  display: flex;
  left: 10px;
  top:10px;
  justify-content: center;
  align-items: center;
  font-family: 'Roman','Futura';
  font-weight: bold;
}
.ranking_block .vendor_sub{
  line-height: 1.1;
  font-size: .85em;
}
.ranking_block .vendor_thumb.p-articleThumb{
    width: 150px;
}
.ranking_block .cta_button_area{width: 100%;}
.ranking_block .review_area{margin-right: auto;}

.post_content ul.check_list {
    padding-left: 0;
}
.post_content ul.check_list li{
  margin-top: 0;
}
.ranking_block .bottom_area{
  margin-top: 1em;
}
.ranking_block .check_list.points li{
    background-color: var(--color_base);
    border-bottom: 2px solid var(--color_text);
}
.ranking_block .check_list.points li:last-child{
	margin-bottom:0;
}

/* =========================
   バー全体
========================= */
.ranking_block .bar_box{line-height: 1; font-size: 0.9em;}
#body_wrap.-sidebar-off:not(.single-iken) .ranking_block .bar_box{ font-size: 1em;}
.ranking_block .bar_box:not(:last-child){margin-bottom: 5px;}
.ranking_block .review-icon::before {
    content: "";
    display: block;
    width: 24px;
    aspect-ratio: 50 / 60;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2027.7%22%3E%20%3Cpath%20fill%3D%22%2395c149%22%20d%3D%22m28.2%2019.4.4%201.4c.2%201.5-1.1%204.5-2.1%205.6-1.3%201.5-2.7%201.5-4.5.9a6%206%200%200%201-.4-2.9c.7-.1%202.2.8%202.7.4l.2-.3c0-.7-2-1.1-2.6-1.2-.2-.3.2-1.2.5-1.5.8-.4%202.3%201.4%202.8%200%200-.6-2.2-1.1-2.2-1.4%201-1.4%202-2.5%204-1.8zm-1-1.9c-.4-.7%201-4.2%202.5-3.1.7.7%200%203.4-.6%204.1-.3.3-.8-.4-1-.6z%22%20class%3D%22cls-3%22%2F%3E%20%3Cpath%20fill%3D%22%2395c149%22%20d%3D%22M9%207.4c.2.1%201.7-.4%202.2-.5q2.6-.5%205.4-.3c.6%200%202.9.5%203.2.3%201-.5-.5-1.4-.8-1.8q-1-1.2-.5-2.6c1.4-4.7%2011.8-2%209%203-.7%201.1-1.3%201-2%201.6-.6.4.7%201.4%201%201.9.6.8%201.8%203.4%201.5%204.2l-.7.7Q26%2015.4%2025.9%2017c-3.2.4-4.6%203.6-5.4%206.4q-2.2.3-4.6.2l-.7.1c-4.7.1-11%20.2-14-4.1-2.2-3.2-1.3-8.4%202-10.4q.3%200%20.3-.3C3.3%208%202.3%208%201.6%207.3-2.4%204.2%203.5-1.8%208%20.5a4%204%200%200%201%201.9%204.2c-.2%201-1.4%201.5-.8%202.7M6.7%204.9C7.2%204.2%206%203.4%205.5%203S3.5%201.7%203%202c-.5%201.2%201.4%201.2%202%202-.8%200-2.6-.6-2%20.8.3.3%201.5-.1%201.7.3-.3.2-1.8%201-1.1%201.5s1.8-.9%202.2-1.2zm16-1.7c1.6-.1%201.4-1.5-.3-.9-1%20.4-2.2%201-1.9%202.2.1.3%203%201.7%203.3%201.6s.3-.6.2-.8c-.2-.3-1.6-.6-1.8-1%20.5-.2%202.3.5%202.4-.2q0-.4-.5-.6zm-7.2%206.3c-.5.2-1.4%202.7.2%201.8.1-.4.7-1.1.3-1.6zm-3.6.2c-.7.2.2%202.1.9%201.6.4-.3-.2-1.9-1-1.6m9.7%204.5-1.7%202c-3.2%202.7-8.3%203.4-11.6.6L6.9%2015c-1.2-.4-.7.8-.2%201.4%203.8%204.6%2011.4%203.7%2015-.7.4-.5%201.4-2.1%200-1.6%22%20class%3D%22cls-3%22%2F%3E%20%3Cpath%20fill%3D%22%23f0eb4b%22%20d%3D%22M17.8%205.7q-3.7-.4-7.3.3l1.3-2.5q.3-.2.3.3l.5%201h.5l1-2.3%201.2%202.2%201.2-2c.2%200%201.4%202.9%201.3%203%22%2F%3E%20%3Cpath%20fill%3D%22%2328221c%22%20d%3D%22M21.7%2014.2c1.4-.5.4%201%200%201.6-3.6%204.4-11.2%205.3-15%20.7-.5-.6-1-1.8.2-1.4l1.5%201.6c3.3%202.9%208.4%202.2%2011.6-.6.4-.3%201.5-1.9%201.7-2M6.8%204.9l-1%20.5c-.4.3-1.6%201.7-2.2%201.2s.8-1.3%201.1-1.5c-.2-.4-1.4%200-1.7-.3C2.4%203.4%204.2%204%205%204c-.6-.8-2.5-.8-2-2%20.6-.2%202%20.8%202.5%201.1S7.2%204.3%206.8%205m16.1-1.8%201.3.3q.5%200%20.5.6c0%20.7-1.9%200-2.4.2.2.4%201.6.7%201.7%201q.3.5-.1.8a9%209%200%200%201-3.3-1.6c-.4-1.3.9-1.8%201.9-2.2%201.7-.6%201.9.8.3.9Zm-7.3%206.3.5.2c.4.5-.2%201.2-.3%201.6-1.6.9-.7-1.6-.2-1.8m-3.6.2c.7-.3%201.3%201.3.9%201.6-.7.5-1.6-1.4-1-1.6%22%20class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E);

}
.ranking_block .bar {
  width: calc(100% - 32px);
  overflow: hidden;
  border-radius: 5em;
  border:1px solid var(--color_text) ;
}

/* =========================
   ○メモリ
========================= */
.ranking_block .bar_dot {
  width: calc(100% / 10);
  aspect-ratio: 3/ 2;
  background: var(--color_base_sub);
  max-height: 16px;
}
.ranking_block .bar_dot:not(:last-child) {
  border-right:1px solid var(--color_text) ;
}
/* 有効メモリ */
.ranking_block .bar_dot.is-active {
  background: var(--color_main);
}

/* 視認性アップ（任意） */
.ranking_block .bar_dot.is-active:nth-child(-n+4) {
  background: var(--color_main_sub);
}



@media (min-width: 960px) {
  .ranking_block .vendor_thumb.p-articleThumb{
    position:absolute;
    top:0;
    left: 0;
    aspect-ratio: 300 / 250;
    width: 150px;
  }
  .ranking_block .info_thumb_btn_area {
    padding-left:160px;
    flex-direction: column;
    position: relative;
    min-height: 125px;
    justify-content: center;

  }
  .ranking_block .vendor_sub{margin-left: auto;}
#body_wrap.-sidebar-on .ranking_block .check_list.points { max-width: 48%; }
#body_wrap.-sidebar-on .ranking_block .bar_box_area{ max-width: 48%; }

#body_wrap.-sidebar-off:not(.single-iken) .ranking_block {
    padding: 1.5em;
}
#body_wrap.-sidebar-off:not(.single-iken) .ranking_block .vendor_thumb.p-articleThumb{
	 position: static;
}
#body_wrap.-sidebar-off:not(.single-iken) .ranking_block .review_area{
    flex-direction: column;
    align-items: flex-start;
}
#body_wrap.-sidebar-off:not(.single-iken) .ranking_block .cta_button_area {
    width: 60%;
}
#body_wrap.-sidebar-off:not(.single-iken) .ranking_block.check_list.points {
    font-size: 1.2em;
    width: 40%;
}
#body_wrap.-sidebar-off:not(.single-iken) .ranking_block .info_thumb_btn_area {
    padding-left:0;
    flex-direction: row;
    background: var(--color_);
    padding: 1em;
    background-image: linear-gradient(rgba(210, 210, 210, 0.4) 1px, transparent 1px), linear-gradient(to right, rgba(210, 210, 210, 0.4) 1px, transparent 1px);
    background-size: 10px 10px;
    background-color: #fff;
    background-position: -14px 14px;
}
#body_wrap.-sidebar-off:not(.single-iken) .ranking_block .bar_box_area{
    width: 50%;
}
#body_wrap .bottom_area.flex.flex_column_sp.flex-wrap {
    flex-wrap: nowrap;
}
}
@media (max-width: 959px) {
 .ranking_block .review_num{margin-right: auto;} 
  .ranking_block ul.check_list{margin-bottom: 1em;}
}
@media (max-width: 420px) {
 .ranking_block .vendor_thumb.p-articleThumb{
      width: 120px;
  } 
}