@charset "utf-8";
#text-base-page .kv{
  padding: 4rem 0;
  background: #004da1;
  color: #fff;
}
#text-base-page  .kv h1{
  margin: 0 0 4rem;
}
#text-base-page .ranking-model__item{
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 1rem;
  border: 1px solid #a3a3a3;
  position: relative;
}
#text-base-page .ranking-model__item::before {
  display: block;
  --f: 0.5em;
  --r: 0.5em;
  border-inline: 0.5em solid #0000;
  padding: 0.2em 0.5em calc(var(--r) + 0.2em);
  clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - 0.5em) 100%, 50% calc(100% - var(--r)), 0.5em 100%, 0 100%);
  background: #2699dc padding-box;
  position: absolute;
  left: 0;
  top: -0.2em;
  font-size: var(--text-base-page-font-lg);
  color: #fff;
}
#text-base-page .ranking-model__item:nth-child(1)::before{
  content: "1";
  background: #e2cc3a padding-box;
}
#text-base-page .ranking-model__item:nth-child(2)::before{
  content: "2";
  background: #bababa padding-box;
}
#text-base-page .ranking-model__item:nth-child(3)::before{
  content: "3";
  background: #e2a15c padding-box;
}
#text-base-page .ranking-model__image{
  display: block;
  width: 80%;
  margin: 0 auto;
}
#text-base-page .ranking-model__catchcopy{
  margin: 0.75rem 0 0.5rem;
  font-size: var(--text-base-page-font-sm);
}
#text-base-page .ranking-model__pname{
  margin: 0.75rem 0 0.5rem;
  font-size: var(--text-base-page-font-nm);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#text-base-page .ranking-model__spec{
  margin: 0.75rem 0 0.5rem;
  font-size: var(--text-base-page-font-xs);
}
#text-base-page .ranking-model__spec tr:nth-child(even) th,#text-base-page .ranking-model__spec tr:nth-child(even) td{
  background: #eee;
}
#text-base-page .ranking-model__spec th,td{
  padding: 0.25em 0.4em;
}
#text-base-page .ranking-model__spec th{
  text-align: right;
  white-space: nowrap;
}
#text-base-page .ranking-model__price{
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  margin-top: auto;
  font-size: var(--text-base-page-font-lg);
  font-weight: 700;
  color: #e43344;
}
#text-base-page .ranking-model__price .yen{
  font-size: var(--text-base-page-font-nm);
}
#text-base-page .ranking-model__button{
  margin-top: 0.5rem;
}
#text-base-page .ranking-model__button a{
  width: 100%;
}
#text-base-page .article_list_wrap h2:first-of-type{
  display: block;
}
#text-base-page #ranking-to-lineup__wrapper h2{
  text-align: center;
}
#text-base-page #ranking-to-lineup__wrapper {
  text-align: center;
}
@media screen and (max-width:767px){
  #text-base-page .ranking-model__image{
    width: 50%;
  }
}