body {
font-size:14px;
line-height:22px;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
}
.templateBlock {
  padding :0 20px;
}

.cpn-item{
margin:0 0 20px;
}
.cpn-item .image{
margin:0 0 8px;
position:relative;
}
.cpn-item .image img{
box-sizing:border-box;
-webkit-box-sizing: border-box;
width:100%;
height:auto;
vertical-align:middle;
}
.cpn-item .image .no-item{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right:0;
background-color: #808080;
color: #fff;
text-align: center;
border-radius: 4px;
font-size: 14px;
margin: auto;
height: 24px;
width: 70px;
}
.cpn-item .body > *:last-child{
margin-bottom:0 !important;
}
.cpn-item .body .item-name{
margin:0 0 5px;
font-size:14px;
font-size:1.4rem;
line-height:1.5;
word-wrap: break-word;
}
.cpn-item .body .item-name a{
color:#333;
text-decoration:underline;
}
.cpn-item .body .item-catch {
word-wrap: break-word;
margin-bottom:5px;
}
.cpn-item .body .item-price{
font-size:10px;
font-size:1rem;
line-height:1.2;
}
.cpn-item .body .item-price .comparison-label{
display: block;
}
.cpn-item .body .item-price .price{
color:#e4007f;
font-weight:bold;
font-size:18px;
font-size:1.8rem;
display: inline-block;
}
.wprice, .monthly{
display:block;
}
.wpriceLine{
text-decoration: line-through;
}
.cpn-item .body .item-price .priceB{
color:#333;
font-weight:bold;
font-size:18px;
font-size:1.8rem;
display: inline-block;
}
.cpn-item .body .item-price .plusTax{
font-size: 10px;
color:#333;
font-weight:normal;
}
.cpn-item .body .item-price .num{
display:block;
}
.cpn-item .body .item-price .no-num{
line-height:none;
display:block;
}
.cpn-item .body .item-price .price[class*="-million"],
.cpn-item .body .item-price .priceB[class*="-million"]{
font-size:16px;
font-size:1.6rem;
line-height:132%;
}
.cpn-item .body .item-price .price[class*="-10million"],
.cpn-item .body .item-price .priceB[class*="-10million"]{
font-size:14px;
font-size:1.4rem;
line-height:170%;
}
.cpn-item .body .item-price .price[class*="-10million"] + .tax,
.cpn-item .body .item-price .priceB[class*="-10million"] + .tax{
font-size:10px;
font-size:1rem;
}
.cpn-item .body .item-price .ico-off{
display:inline-block;
vertical-align:middle;
margin:5px 0 0;
padding:0 10px;
border-radius:3px;
background:#f17fbf;
color:#ffffff;
font-family:Arial, sans-serif;
font-weight:bold;
font-size:12px;
font-size:1.2rem;
line-height:17px;
}


.cpn-itemList ul{
margin:0 -20px 0 0;
letter-spacing:-0.5em;
}
.cpn-itemList ul > li{
position:relative;
display:inline-block;
vertical-align:top;
margin:0 13px 20px 0;
padding:0 0 0 5px;
width:46%;
letter-spacing:0;
}
.cpn-itemList ul > li > *:last-child{
margin-bottom:0 !important;
}
.cpn-itemList ul > li a{
color:#333;
}
.cpn-itemList ul > li a > *:last-child{
margin-bottom:0 !important;
}

.cpn-itemList ul > li .item-ico{
margin:0;
}
.cpn-itemList ul > li .item-ico > li{
display:inline-block;
vertical-align:middle;
margin:0 5px 10px 0;
width:71px;
line-height:1;
}
.cpn-itemList ul > li .item-ico > li img{
width:100%;
height:auto;
vertical-align:top;
}
.cpn-itemList ul > li .item-evaluation-wrap{
position:relative;
margin-bottom:15px;
}
.cpn-itemList ul > li .item-evaluation-wrap .item-evaluation{
border-radius:4px;
background:#fdebf5;
text-align:center;
letter-spacing:-0.5em;
}
.cpn-itemList ul > li .item-evaluation-wrap .item-evaluation .star-rank, .cpn-itemList ul > li .item-evaluation-wrap .item-evaluation > a{
display:inline-block;
vertical-align:middle;
letter-spacing:0;
}
.cpn-itemList ul > li .item-evaluation-wrap .item-evaluation .star-rank{
position:relative;
margin-right:5px;
}
.cpn-itemList ul > li .item-evaluation-wrap .item-evaluation .star-rank .star-range{
position:relative;
width:61px;
height:12px;
}
.cpn-itemList ul > li .item-evaluation-wrap .item-evaluation .star-rank .star-range::before{
position:absolute;
top:0;
left:0;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:61px;
height:12px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -2081px;
content:"";
z-index:0;
}
.cpn-itemList ul > li .item-evaluation-wrap .item-evaluation .star-rank .star-selected{
position:relative;
overflow:hidden;
display:block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:61px;
height:12px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -2064px;
z-index:1;
}
.cpn-itemList ul > li .item-evaluation-wrap .item-evaluation a{
font-size:12px;
font-size:1.2rem;
color:#666;
}

.cpn-itemList ul > li[class*="-ico"]{
position:relative;
padding-top:31px;
}
.cpn-itemList ul > li[class*="-ico"] .cpn-item .item-ico{
position:absolute;
top:0;
left:0;
}
.cpn-itemList ul > li[class*="-ico"] .cpn-item .item-ico[class*="-ssv"]{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:98px;
height:21px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1684px;
}
.cpn-itemList ul > li[class*="-ico"] .cpn-item .item-ico[class*="-ssv02"]{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:152px;
height:31px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1710px;
}
.cpn-itemList ul > li[class*="-ico"] .cpn-item .item-ico[class*="-ggv"]{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:98px;
height:21px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1025px;
}
.cpn-itemList ul > li[class*="-ico"] .cpn-item .item-ico[class*="-ggv02"]{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:152px;
height:31px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -1051px;
}
.cpn-itemList ul > li[class*="-ico"] .cpn-item .item-ico[class*="-7daysvalue"]{
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:111px;
height:32px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -2234px;
}
.cpn-itemList ul > li[class*="-ico"]:nth-of-type(2n+1) + li:not([class*="-ico"]){
padding-top:31px;
}
.cpn-itemList .view-all{
margin:0 0 20px;
}
.cpn-itemList .view-all button{
display:block;
box-sizing:border-box;
-webkit-box-sizing: border-box;
border:1px solid #ccc;
border-radius:4px;
width:100%;
height:40px;
background:#fff;
color:#666;
font-size:14px;
font-size:1.4rem;
text-align:center;
}
.cpn-itemList .view-all button::before{
margin:0 10px 0 0;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:15px;
height:8px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -502px;
content:"";
}
.cpn-itemList .view-all button.is-open::before{
margin:0 10px 0 0;
overflow:hidden;
display:inline-block;
text-indent:200%;
white-space:nowrap;
vertical-align:middle;
line-height:1;
background-image:url('../../sp/images/common-img-sprite.png');
background-repeat:no-repeat;
width:15px;
height:8px;
-moz-background-size:158px auto;
-o-background-size:158px auto;
-webkit-background-size:158px auto;
background-size:158px auto;
background-position:0 -528px;
content:"";
}
.cpn-itemList .view-all button span{
font-weight:bold;
letter-spacing:0.05em;
}
.cpn-itemList .view-all button.is-open::before{
background-position:0 -528px;
}
.cpn-itemList[class*="-vertical"] ul, .cpn-itemList[class*="-list"] ul{
margin-right:0;
}
.cpn-itemList[class*="-vertical"] ul > li, .cpn-itemList[class*="-list"] ul > li{
display:block;
width:100%;
}
.cpn-itemList[class*="-list"] > ul > li{
margin-bottom:20px;
border-bottom:1px solid #ddd;
padding-bottom:20px;
}
.cpn-itemList[class*="-list"] > ul > li .cpn-item,
.cpn-itemList[class*="-tile"] > ul > li .cpn-item{
margin-bottom:10px !important;
}
.cpn-itemList[class*="-list"] > ul > li .item-evaluation-wrap{
margin-right:54%;
margin-right:calc(50% + 10px);
}
.cpn-item .image {
  position: relative;
}
.cpn-item .prodType1 .ribbon {
  background-position: 0 0;
}
.cpn-item .prodType3 .ribbon {
  background-position: 0 -32px;
}
.cpn-item .prodType7 .ribbon {
  width: 130px;
  -webkit-background-size: 140px auto;
  background-size: 140px auto;
  background-position: 0 -90px;
}
.cpn-item .prodType8 .ribbon {
  width: 130px;
  -webkit-background-size: 140px auto;
  background-size: 140px auto;
  background-position: 0 -124px;
}
.cpn-item .prodType9 .ribbon {
  width: 130px;
  -webkit-background-size: 140px auto;
  background-size: 140px auto;
  background-position: 0px -152px;
}
.cpn-item .prodType0 .ribbon {
  width: 130px;
  -webkit-background-size: 140px auto;
  background-size: 140px auto;
  background-position: 0px -185px;
}
.cpn-item .ribbon {
  position: absolute;
  top: -15px;
  left: -10px;
  overflow: hidden;
  display: inline-block;
  text-indent: 200%;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1;
  background-image: url("/sp/images/sp_icon_ssv_series.png");
  background-repeat: no-repeat;
  width: 120px;
  height: 32px;
  -webkit-background-size: 100px auto;
  background-size: 100px auto;
}
.cpn-item .ribbon img {
  position: absolute;
}

.cpn-itemList[class*="-image"] > ul{
margin:0 -5px 15px 0;
}
.cpn-itemList[class*="-image"] > ul > li{
margin:0 5px 5px 0;
padding-top:0;
width:90px;
}
.cpn-itemList[class*="-image"] > ul > li img{
border:1px solid #ddd;
width:88px;
height:auto;
vertical-align:top;
}
.cpn-itemList .review {
  padding-top: 10px;
}

.cpn-itemList .review-inner {
  background-color: #fdebf5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  line-height: 22px;
}

.cpn-itemList .review-star {
  position: relative;
  width: 61px;
  height: 12px;
  margin-right: 5px;
  z-index: 1024;
}

.cpn-itemList .review-star:before {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../../sp/images/common-img-sprite.png");
  background-repeat: no-repeat;
  background-size: 158px auto;
  -moz-background-size: 158px auto;
  -o-background-size: 158px auto;
  -webkit-background-size: 158px auto;
  background-position: 0 -2081px;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 1027;
}

.cpn-itemList .review-star-colored {
  position: relative;
  background-image: url("../../sp/images/common-img-sprite.png");
  background-repeat: no-repeat;
  background-size: 158px auto;
  -moz-background-size: 158px auto;
  -o-background-size: 158px auto;
  -webkit-background-size: 158px auto;
  background-position: 0 -2064px;
  width: 0;
  height: 100%;
  z-index: 1031;
}

.cpn-itemList .review-count {
  color: #666;
  font-size: 12px;
}