@charset "utf-8"!important
@media print{

/* header
---------------------------------*/
  .jp-cmp-error-footer-logo {
    padding: 20px!important;
  }
  .jp-cmp-error-footer-copy {
    text-align: right!important;
    padding: 0 20px 20px!important;
    margin-top: -40px!important;
    font-size: 0.85em!important;
    color:#fff!important;
  }
}
.jp-cmp-error {
  background: #ff0000!important;
}
.jp-cmp-error-header {
  background: #d61718!important;
  height: 70px!important;
  -ms-box-shadow: 0px 2px 1px rgba(0,0,0,0.2)!important;
  -moz-box-shadow: 0px 2px 1px rgba(0,0,0,0.2)!important;
  -webkit-box-shadow: 0px 2px 1px rgba(0,0,0,0.2)!important;
  box-shadow: 0px 2px 1px rgba(0,0,0,0.2)!important;
} 
.jp-cmp-error-header-inner {
/*  width: 868px!important;*/
  margin: 0 auto!important;
}
.jp-cmp-error-header h1 {
  text-align: center!important;
  padding-top: 18px!important;
}
.jp-cmp-error-footer {
  background: #2b2b2b!important;
  color: #959595!important;
}
footer.jp-cmp-error-footer {
  background: #2b2b2b!important;
  color: #959595!important;
  /* min-width: 868px; */
}
/* shopgp-ranking
---------------------------------*/
.jp-cmp-ranking-shop-gp-wrap li:nth-child(1) .jp-page-saiten-user-score em {
  font-size: 30px!important;
}
.jp-cmp-ranking-shop-gp-wrap li:nth-child(1) p.jp-cmp-ranking-title {
  font-size: 16px!important;
  height: 65px!important;
  vertical-align: middle!important;
  font-weight: bold!important;
}
.jp-cmp-ranking-shop-gp-wrap li:nth-child(1) > div {
  width: 287px!important;
}
.jp-cmp-ranking-shop-gp-wrap li:not(:nth-child(1)) p.jp-cmp-ranking-title {
  font-size: 12px!important;
}
.jp-cmp-ranking-shop-gp-wrap li:nth-child(1) .jp-page-saiten-user-name {
  font-size: 15px!important;
}

h2.jp-cmp-ranking-shopgp{
  float: left!important;
  margin-bottom: 0!important;
}
span.jp-cmp-ranking-shopgp img{
  float: right!important;
}
.jp-cmp-ranking-shopgp-ranking:first-child{
  background-color: #fff!important;
  border:1px #ccc solid!important;
  width: 234px!important;
  height: 155px!important;
  float: left!important;
}
.jp-cmp-ranking-shopgp-ranking:not(first-child) {
  background-color: #fff!important;
  border:1px #ccc solid!important;
  width: 234px!important;
  height: 120px!important;
  float: left!important;
}
li.jp-cmp-ranking-shopgp-ranking {
  margin-top: 0!important;
  margin-right: 10px!important;
  margin-bottom: 10px!important;
}

.jp-cmp-ranking-shopgp-ranking:last-child {
  margin-right: 0!important;
}
.jp-cmp-ranking-shopgp-ranking > div:not(:first-child) {
  padding: 5px 15px 10px!important;
}
.jp-cmp-ranking-shopgp-ranking > div:first-child {
  padding:10px 15px!important;
}
.jp-cmp-ranking-shopgp-ranking > div{
  height: 100%!important;
  display: block!important;
  -ms-box-sizing: border-box!important;
  -moz-box-sizing: border-box!important;
  -webkit-box-sizing: border-box!important;
  box-sizing: border-box!important;
  -ms-background-size: 8px 15px!important;
  -moz-background-size: 8px 15px!important;
  -webkit-background-size: 8px 15px!important;
  background-size: 8px 15px!important;
  text-decoration: none!important;
  color: #3b3b3b!important;
}


.jp-cmp-ranking-shopgp-ranking  > a {
  background: url(/web/feature/img/ico-arrow-002.png) 95% 50% no-repeat!important;
}

.jp-cmp-ranking-shopgp-ranking > a:hover {
  opacity: 0.7!important;
}
.jp-cmp-ranking-shopgp-ranking .jp-cmp-ranking{
  min-height: 50%!important;
}
.jp-cmp-ranking-shopgp-ranking .jp-cmp-ranking-num{
  display: table-cell!important;
}
.jp-cmp-ranking-shopgp-ranking .jp-cmp-ranking-title{
  display: table-cell!important;
  padding-left: 10px!important;
  word-break: break-all!important;
}
.jp-cmp-ranking-shopgp-ranking .jp-page-saiten-score{
  color: #d70e18!important;
}

.jp-page-saiten-user-ranking-block {
  display: table-cell!important;
}

/* shop-gp-detail
---------------------------------*/
.jp-cmp-shop-gp-monthly span{
  font-weight: bold!important;
}


/* shop-gp-detail
---------------------------------*/

.jp-cmp-shop-gp-monthly {
  color:#d61718!important;
}
.jp-cmp-shop-gp-monthly span{
  font-weight: bold!important;
  color:#d61718!important;  
}

.jp-cmp-shop-ranking-num{
  display: table-cell!important;
  width: 20px!important;
  height: 20px!important;
  vertical-align: middle!important;
}

.jp-cmp-shop-ranking-num span{
  width: 20px!important;
  height: 20px!important;
  line-height: 20px!important;
  color: #fff!important;
  background-color: #ff93a2!important;
  -ms-border-radius: 3px/3px 3px 3px 3px!important;
  -moz-border-radius: 3px/3px 3px 3px 3px!important;
  -webkit-border-radius: 3px/3px 3px 3px 3px!important;
  border-radius: 3px/3px 3px 3px 3px!important;
  text-align: center!important;
  display: block!important;
}


  .jp-cmp-h1-shop-gp img{
    width: 338px!important;
    height: 116px!important;
  }
  .jp-cmp-shop-gp-contents{
    width: 730px!important;
    margin: 0 auto!important;
  }
  .jp-cmp-h2-shop-gp{
    text-align: center!important;
    margin-top: 20px!important;
    font-size:34px!important;
    font-weight: bold!important;
  }
  #jp-page-shop-gp{
    background: #fff!important;
  }
  .jp-cmp-h1-shop-gp{
    text-align: center!important;
    margin-top: 25px!important;
  }
  .jp-cmp-shop-gp-monthly{
    font-size: 22px!important;
    color: #d61718!important;
    font-weight: bold!important;
    width: 49%!important;
  }
  .jp-cmp-shop-gp-term{
    background: #f3f3f3!important;
    padding: 6px!important;
    font-weight: bold!important;
    width: 49%!important;
  }
  .jp-cmp-ranking-shop-gp-wrap li:nth-child(1) {
    width:731px!important;
    background: url("/web/feature/img/shop/bg-shop-gp-rank1_all.png") bottom!important; 
    border: none!important;
  }

  .jp-cmp-ranking-shop-gp-wrap li:nth-child(3n+1) {
    margin-right:0!important;
  }
  .jp-cmp-ranking-shop-gp-wrap li .jp-page-saiten-user-score em {
	margin-right: 3px!important;  
  }
  li.jp-cmp-ranking-shopgp-ranking > div {
    width: 243px!important;
    margin: 0 auto!important;
  }
  .jp-cmp-shop-gp-annotation{
    text-align: right!important;
    margin: 20px 0 30px!important;
  }
  .jp-cmp-shop-gp-summary{
    text-align: center!important;
    width:100%!important;
    margin-bottom:37px!important;
  }





/* age-ranking 
---------------------------------*/
.jp-cmp-age-ranking-block {
  width: auto!important;
  background: #fff5d2!important;
  padding: 10px!important;
  border-radius: 4px!important;
  margin: 10px 0!important;
}
.jp-cmp-age-ranking-block b {
  font-weight: bold!important;
  font-size: 120%!important;
  white-space: nowrap!important;
}
.jp-cmp-age-ranking-block span {
  font-size: 120%!important;
}
.jp-cmp-age-ranking-block input {
  width: 178px!important;
  border: solid 1px #b6b6b6!important;
  padding-left: 14px!important;
  height: 38px!important;
  border-radius: 2px!important;
  margin: 0 5px!important;
}
.jp-cmp-age-ranking-block button {
  display: inline-block!important;
  width: 145px!important;
  height: 40px!important;
  -ms-box-sizing: border-box!important;
  -moz-box-sizing: border-box!important;
  -webkit-box-sizing: border-box!important;
  box-sizing: border-box!important;
  border-radius: 3px!important;
  border: 0!important;
  background: #000!important;
  color: #fff!important;
  font-size: 135%!important;
  vertical-align: middle!important;
  text-align: center!important;
  float: right!important;
}
.jp-cmp-age-ranking-block button:hover {
  filter: alpha(opacity=70)!important;
  -moz-opacity:0.7!important;
  opacity: 0.7!important;
}

.jp-cmp-age-ranking-block button img {
  display: inline-block!important;
  margin: -2px 15px 0 -31px!important;
  vertical-align: middle!important;
}

.jp-cmp-age-ranking-form-table,
.jp-cmp-age-ranking-form-table-row,
.jp-cmp-age-ranking-form-table-cell
 {
  display: inline!important;
}

.jp-cmp-age-ranking-age-selector-table {
  display: table!important;
  width: 100%!important;
}
.jp-cmp-age-ranking-age-selector-table-row {
  display: table-row!important;
}
.jp-cmp-age-ranking-age-selector-table-cell {
  display: table-cell!important;
  text-align: center!important;
  vertical-align: middle!important;
}
.jp-cmp-age-ranking-age-selector-table-cell a:hover {
  opacity: 0.7!important;
}
.jp-cmp-age-ranking-prev span,
.jp-cmp-age-ranking-next span
{
  text-indent: -9999px!important;
}
.jp-cmp-age-ranking-prev a {
  display: block!important;
  width: 32px!important;
  height: 32px!important;
  background: url(/web/feature/img/ico-prev-003.png) 50% 50% no-repeat!important;
  -ms-background-size: 32px 32px!important;
  -moz-background-size: 32px 32px!important;
  -webkit-background-size: 32px 32px!important;
  background-size: 32px 32px!important;
}
.jp-cmp-age-ranking-next a {
  display: block!important;
  width: 32px!important;
  height: 32px!important;
  background: url(/web/feature/img/ico-next-003.png) 50% 50% no-repeat!important;
  -ms-background-size: 32px 32px!important;
  -moz-background-size: 32px 32px!important;
  -webkit-background-size: 32px 32px!important;
  background-size: 32px 32px!important;
}
.jp-cmp-age-ranking-age-selector-table-cell br {
  display: none!important;
}
.jp-cmp-age-ranking-age-selector-table-cell span,
.jp-cmp-age-ranking-age-selector-inner-table,
.jp-cmp-age-ranking-age-selector-inner-table-row {
  display: inline-block!important;
}
.jp-cmp-age-ranking-age-selector-inner-table-cell {
  display: inline-block!important;
  padding:0 10px!important;
  margin:0 22px 0 30px!important;
}
.jp-cmp-ranking-1 .jp-cmp-ranking-num {
  min-width: 23px!important;
  padding-top: 4px!important;
  padding-bottom: 0!important;
  background: url(/web/feature/img/ico-ranking1-001.png) 50% 50% no-repeat!important;
  -ms-background-size: 23px 18px!important;
  -moz-background-size: 23px 18px!important;
  -webkit-background-size: 23px 18px!important;
  background-size: 23px 18px!important;
  color: #fff!important;
}
.jp-cmp-ranking-2 .jp-cmp-ranking-num {
  min-width: 23px!important;
  padding-top: 4px!important;
  padding-bottom: 0!important;
  background: url(/web/feature/img/ico-ranking2-001.png) 50% 50% no-repeat!important;
  -ms-background-size: 23px 18px!important;
  -moz-background-size: 23px 18px!important;
  -webkit-background-size: 23px 18px!important;
  background-size: 23px 18px!important;
  color: #fff!important;
}
.jp-cmp-ranking-3 .jp-cmp-ranking-num {
  min-width: 23px!important;
  padding-top: 4px!important;
  padding-bottom: 0!important;
  background: url(/web/feature/img/ico-ranking3-001.png) 50% 50% no-repeat!important;
  -ms-background-size: 23px 18px!important;
  -moz-background-size: 23px 18px!important;
  -webkit-background-size: 23px 18px!important;
  background-size: 23px 18px!important;
  color: #fff!important;
}

  .jp-page-saiten-user-avatar-block {
    width: 80px!important;
    vertical-align: top!important;
  }
  .jp-cmp-shop-gp-annotation {
    text-align: right;
    margin: 0 0 10px 0!important;
  }
  .jp-cmp-print-none {
    display:none;
  }

}