@charset "UTF-8";


.spc_tit {
  background: linear-gradient(0deg, #06b153 0px, #06b153 2px, transparent 2px, transparent 5px,#06b153 5px, #06b153 7px) left bottom / 100% 7px no-repeat;
  color: #06b153;
}

/*
.spc_comment {  }
.spc_comment_tit {  }
.spc_comment_txt {  }
*/


/*
------------------------------------------------------------------------------------*/
.spc_ranking2021_wrap {
  background: url("/images/pc/content/free/spc_ranking2021/back_pc.webp") top / 100% repeat-y #E6EBE6;
  color: #00bc55;
  font-size: 1.8rem;
  text-align: center;
  line-height: 3.2rem;
}
.spc_ranking2021_wrap table {
  width: auto;
  border-collapse: inherit;
  border-spacing: 6px;
}
.spc_ranking2021_wrap h2 {
  font-size: 2.6rem;
  margin: 20px 0;
}
.spc_ranking2021_wrap p {
  font-size: 1.8rem;
  line-height: 3.2rem;
}
.spc_ranking2021_wrap span{
  font-weight: bold;
}

/* -------------------------------- 
content1
-------------------------------- */
.spc_ranking2021_content1_text_area, .spc_ranking2021_content2_text_area, .spc_ranking2021_content3_text_area {
  overflow: hidden;
  padding: 26px;
}

.spc_ranking2021_content1_1 hr {
  display: inline-block;
  width: 80%;
  height: 2px;
  background-color: #1dace4;/* top横線の色 */
  border: 0;
  margin-bottom: 20px;
}
.spc_ranking2021_content1_2 {
  display: inline-block;
  border: solid 2px #1dace4;/* top四角枠線の色 */
  padding: 12px 38px 38px 38px;
  margin: 20px 0;
}
.spc_ranking2021_circle {
  display: inline-block;
  margin: 26px 26px;
}
.spc_ranking2021_outBox {
  display: table-cell;
  vertical-align: middle;
  width: 230px;
  height: 128px;
  border-radius: 10px;
  border: solid 1px #FFF;/* top四角枠線の色 */    
}
.spc_ranking2021_box p {
  font-size: 2.6rem;
  font-weight: bold;
}

/* -------------------------------- 
content2
-------------------------------- */
.spc_ranking2021_content2 {
  width: 90%;
  margin: 0 auto;
}
.spc_ranking2021_content2 table {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #f93b75;/* 商品紹介の文字色 */
  text-align: center;
  margin: 0 auto 12px;
}
.spc_ranking2021_content2_1 {
  vertical-align: middle;
  width: 40%;
}
.spc_ranking2021_content2_1 a {
  color: #fc6493;/* CHECKの文字色 */
}
.spc_ranking2021_content2_2 {
  vertical-align: middle;
  width: 60%;
}
.spc_ranking2021_content2_2 p {
  font-size: 1.8rem;
  line-height: 3.2rem;
}
/* 購入ボタン */
.spc_ranking2021_bt {
  display: inline-block;
  position: relative;
  width: 100%;
  background: #fff; /* ボタンの色 */
  text-align: center;
  margin-top: 12px;
  padding: 8px 0;
  font-size: 20px;
  font-weight: bold;
  border-radius: 12px;
  box-shadow: 0 0 0 0 rgb(255 255 255 / 70%); /* ボタンの色をRGB化 */
  -webkit-animation: pulse 1.25s cubic-bezier(.66,0,0,1) infinite;
  animation: pulse 1.25s cubic-bezier(.66,0,0,1) infinite;
}
@keyframes pulse {
  to {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); /* ボタンの色をRGB化 */
  }
}
.spc_ranking2021_bt span {
  font-size: 1.4rem;
  font-weight: normal;
  display: block;
  margin-bottom: 4px;
}
.spc_ranking2021_click_1month {  position: absolute;
  top: -6px;
  right: -12px;
  transform: rotate(15deg);
  color: #fc85aa; /* CLICK!の文字色 */
  text-shadow: 3px 3px 0 #fff; /* CLICK!の文字の影色 */
}
/* 商購入ボタンEND */
.spc_ranking2021_lens_spec {
  margin-bottom: 12px;
}
.spc_ranking2021_lens_spec td {
  width: 126px;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: bold;
  border: 2px solid #FFF;/* レンズスペックの枠色 */
  text-align: center;
  padding: 12px;
  color: #FFF;/* レンズスペックの文字色 */
}
    
.spc_ranking2021_spc35table-1MONTH{
  background-color: #fc6493;
}

/* -------------------------------- 
content3
-------------------------------- */
.spc_ranking2021_content3 {
  width: 90%;
  margin: 0 auto;
}

.spc_ranking2021_content3 table {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #ff7200;/* 商品紹介の文字色 */
  text-align: center;
  margin: 0 auto 12px;
}
.spc_ranking2021_content3_1 {
  vertical-align: middle;
  width: 40%;
}
.spc_ranking2021_content3_1 a {
  color: #ffa000;/* CHECKの文字色 */
}
.spc_ranking2021_content3_2 {
  vertical-align: middle;
  width: 60%;
}
.spc_ranking2021_content3_2 p {
  font-size: 1.8rem;
  line-height: 3.2rem;
}
.spc_ranking2021_click_1day {  position: absolute;
  top: -6px;
  right: -12px;
  transform: rotate(15deg);
  color: #ffb333; /* CLICK!の文字色 */
  text-shadow: 3px 3px 0 #fff; /* CLICK!の文字の影色 */
}
/* 商購入ボタンEND */
.spc_ranking2021_lens_spec {
  margin-bottom: 12px;
}
.spc_ranking2021_lens_spec td {
  width: 154px;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: bold;
  border: 2px solid #FFF;/* レンズスペックの枠色 */
  text-align: center;
  padding: 12px;
  color: #FFF;/* レンズスペックの文字色 */
}  

.spc_ranking2021_spc35table-1DAY{
  background-color: #ffa000;
}