@charset "UTF-8";

#change_sales {
  background: #25c2cc;
  color: #fff;
  font-weight: bold;
  border: none;
  padding: 6px 18px;
  border-radius: 3px;
}

#select_month {
  padding: 10px;
  border: 1px solid #25c2cc;
  width: 100%;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

.post-content .content.daily_rank table.sales_calender tr td.current_day {
  border-bottom: 1px solid #eaab48;
}

.post-content .content.daily_rank table.sales_calender tr td.current_day .cal_date {
  color:#333;
}

.sales_calender caption {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}

.post-content .appli_gaiyo .appli_title {
  color: #191e1f;
  font-size: 16px;
  text-shadow: none;
}

.post-content .appli_gaiyo .appli_release {
  color: #191e1f;
  font-size: 16px;
  text-shadow: none;
}

.post-content .appli_gaiyo {
  background-color: none !important;
  background-image: none !important;
  border: 1px solid #c8e0e0 !important;
  margin-bottom: 3px !important;
}

.post-content .appli_gaiyo .appli_release {
  text-shadow: none !important;
  font-size: 12px !important;
  color: #525b61 !important;
}

.post-content .appli_gaiyo .appli_title {
  color: #181e1f !important;
  text-shadow: none !important;
  font-weight: bold !important;
}

.post-content #ranking_table table {
  margin-bottom: 0;
}

.sales_ranking_content .content {
  margin-bottom: 15px;
}

ul.genres li {
  font-size: 12px;
  display: inline-block;
  padding: 0 6px;
  line-height: 20px;
  margin: 2px 2px;
  border-radius: 3px;
  font-weight: normal;
  background: #f2f2f2;
}

.attention summary {
  margin-bottom: 15px
}

.sales_calender td{
  position: relative;
}

.sales_calender .cal_date {
  font-size: 10px;
  color: #abb7cc;
  position: absolute;
  top: 0px;
  left: 3px;
  text-align: center;
  padding-bottom: 10px;
}

.sales_calender .cal_rank {
  background: none;
  color: #505961;
  font-size: 11px;
  font-weight: bold;
  margin-top: 7px;
  display: block;
}
.sales_calender .empty {
  background: #f1f6f7;
}

.sales_calender .rank_1 .cal_rank,.sales_calender .rank_2 .cal_rank,.sales_calender .rank_3 .cal_rank{
  display: none;
}

.sales_calender .rank_1 {
    background: url(/wp-content/themes/appmedia/images/common/img/rank_icon_1.jpg);
    background-size: cover;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.sales_calender .rank_2 {
    background: url(/wp-content/themes/appmedia/images/common/img/rank_icon_2.jpg);
    background-size: cover;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.sales_calender .rank_3 {
    background: url(/wp-content/themes/appmedia/images/common/img/rank_icon_3.jpg);
    background-size: cover;
    background-size: 47%;
    background-repeat: no-repeat;
    background-position: 50%;
}

.sales_calender .rank_1::after ,.sales_calender .rank_2::after ,.sales_calender .rank_3::after  {
  content:" ";
  display: block;
  min-height: 20px;
}

.sales_calender .rank_1 .cal_rank

.sales_calender .rank_2 .cal_rank {
  color: #1295d6;
}

.sales_calender .rank_3 .cal_rank {
  color: #bb5a13;
}

.sales_data .nodata {
  color: #ccc;
}

.impossible {
  color: #ccc;
}

.content.daily_rank img {
  border-radius: 16px;
  padding: 0px 5px;
}

.post-content .content.daily_rank table tr td {
  border: none;
  color: #333;
}

.post-content .content.daily_rank table.sales_calender tr td {
  border: 1px solid #ccc;
}

.monthly_ranking img {
  border-radius: 16px;
  margin-bottom: 10px;
}

 .post-content table.sales_calender th {
   padding: 4px 8px;
   text-align: center;
   font-size: 10px;
   color: #313233;
   border: 1px solid #b6c1c1;
   background-color: #dee6e6;
}

.sales_calender th{
  width: calc(100% / 7);
}

.sales_calender .cal_rank span {
  font-size: 10px;
  padding-left: 1px;
  font-weight: normal;
}

.post-content table td:nth-child(even){
  color: #ff5400;
  font-weight: bold;
}

.post-content h3 {
    margin: 15px 0 15px 0;
}

@media screen and (max-width: 480px) {
  #select_month {
    padding: 10px;
    border: 1px solid #25c2cc;
    width: auto;
    outline: none;

  }

  .sales_calender .rank_1 {
      background-size: 80%;
  }

  .sales_calender .rank_2 {
      background-size: 80%;
  }

  .sales_calender .rank_3 {
      background-size: 80%;
  }
}