@charset "Shift_JIS";

/* ==========================================================================
健康・生活
========================================================================== */
/* 体感のレベル名を変更(2017/8/30) */
/* 花粉のレベルを追加(2017/10/3) */
.wrap-tbl-health {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0;
  margin-bottom: 20px;
}

.wrap-tbl-health .tbl-head-multi {
  border-top: 1px solid #e0e0e0;
}

.wrap-tbl-health:last-child {
  margin-bottom: 0;
}

.wrap-tbl-health .wid20 {
  width: 20%;
}

.wrap-tbl-health .wid40 {
  width: 40%;
}

.wrap-tbl-health .wid50 {
  width: 50%;
}

.wrap-tbl-health .tbl-head-wash {
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  table-layout: fixed;
}

.wrap-tbl-health .tbl-head-wear {
  width: 100%;
  table-layout: fixed;
}

.wrap-tbl-health .tbl-head-bosai .healthicon-wrap {
  border-right: none;
}

.wrap-tbl-health .tbl-head-bosai p {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-health .tbl-head-bosai .heat-rank01 {
  color: #de4755;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-bosai .heat-rank02 {
  color: #f28c1e;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-bosai .heat-rank03 {
  color: #c29409;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-bosai .heat-rank04 {
  color: #86ba22;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-bosai .heat-rank05 {
  color: #579bd9;
  font-size: 28px;
  font-size: 2.8rem;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap {
  border: 1px solid #c9c9c9;
  margin-top: 5px;
  margin-bottom: 3px;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen-data {
  background-color: #ffc50b;
  height: 30px;
  display: block;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen001 {
  width: 1%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen002 {
  width: 2%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen003 {
  width: 3%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen004 {
  width: 4%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen005 {
  width: 5%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen006 {
  width: 6%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen007 {
  width: 7%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen008 {
  width: 8%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen009 {
  width: 9%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen010 {
  width: 10%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen011 {
  width: 11%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen012 {
  width: 12%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen013 {
  width: 13%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen014 {
  width: 14%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen015 {
  width: 15%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen016 {
  width: 16%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen017 {
  width: 17%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen018 {
  width: 18%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen019 {
  width: 19%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen020 {
  width: 20%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen021 {
  width: 21%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen022 {
  width: 22%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen023 {
  width: 23%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen024 {
  width: 24%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen025 {
  width: 25%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen026 {
  width: 26%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen027 {
  width: 27%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen028 {
  width: 28%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen029 {
  width: 29%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen030 {
  width: 30%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen031 {
  width: 31%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen032 {
  width: 32%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen033 {
  width: 33%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen034 {
  width: 34%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen035 {
  width: 35%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen036 {
  width: 36%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen037 {
  width: 37%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen038 {
  width: 38%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen039 {
  width: 39%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen040 {
  width: 40%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen041 {
  width: 41%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen042 {
  width: 42%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen043 {
  width: 43%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen044 {
  width: 44%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen045 {
  width: 45%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen046 {
  width: 46%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen047 {
  width: 47%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen048 {
  width: 48%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen049 {
  width: 49%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen050 {
  width: 50%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen051 {
  width: 51%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen052 {
  width: 52%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen053 {
  width: 53%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen054 {
  width: 54%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen055 {
  width: 55%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen056 {
  width: 56%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen057 {
  width: 57%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen058 {
  width: 58%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen059 {
  width: 59%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen060 {
  width: 60%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen061 {
  width: 61%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen062 {
  width: 62%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen063 {
  width: 63%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen064 {
  width: 64%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen065 {
  width: 65%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen066 {
  width: 66%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen067 {
  width: 67%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen068 {
  width: 68%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen069 {
  width: 69%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen070 {
  width: 70%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen071 {
  width: 71%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen072 {
  width: 72%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen073 {
  width: 73%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen074 {
  width: 74%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen075 {
  width: 75%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen076 {
  width: 76%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen077 {
  width: 77%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen078 {
  width: 78%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen079 {
  width: 79%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen080 {
  width: 80%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen081 {
  width: 81%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen082 {
  width: 82%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen083 {
  width: 83%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen084 {
  width: 84%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen085 {
  width: 85%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen086 {
  width: 86%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen087 {
  width: 87%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen088 {
  width: 88%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen089 {
  width: 89%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen090 {
  width: 90%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen091 {
  width: 91%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen092 {
  width: 92%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen093 {
  width: 93%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen094 {
  width: 94%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen095 {
  width: 95%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen096 {
  width: 96%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen097 {
  width: 97%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen098 {
  width: 98%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen099 {
  width: 99%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen100 {
  width: 100%;
}

.wrap-tbl-health .tbl-head-bosai .graph-wrap .indent {
  position: absolute;
  left: -999em;
  display: block;
}

.wrap-tbl-health .tbl-head-bosai .graph-area2 {
  width: 25%;
}

.wrap-tbl-health .tbl-head-bosai .graph-area2 span {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
}

.wrap-tbl-health .cmn-sttl {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  position: relative;
}

.wrap-tbl-health .cmn-sttl .btn-cmn2 {
  position: absolute;
  top: 10px;
  right: 15px;
}

.wrap-tbl-health th {
  width: 20%;
  vertical-align: middle;
}

.wrap-tbl-health td {
  text-align: left;
  padding: 20px;
  line-height: 1.2;
}

.wrap-tbl-health .healthicon-wrap .txt {
  margin-top: 15px;
}

.wrap-tbl-health .healthicon-wrap .icon {
  font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ", sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 5px 0 5px 60px;
  display: inline-block;
}


@media screen and (max-width: 750px) {
  .wrap-tbl-health th {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .wrap-tbl-health .wear-wrap .temp {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 0.9;
    margin-bottom: 15px;
  }
  .wrap-tbl-health .wear-wrap .temp .font-s {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .wrap-tbl-health .wear-wrap .txt02 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .txt {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media screen and (min-width: 751px) {
  .wrap-tbl-health td {
    padding: 8px 20px;
  }
  .wrap-tbl-health .tbl-head-multi tr th {
    padding: 8px 0;
  }
  .wrap-tbl-health .tbl-head-multi tr th span {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-bosai .heat-rank01 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-bosai .heat-rank02 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-bosai .heat-rank03 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-bosai .heat-rank04 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-bosai .heat-rank05 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .wrap-tbl-health .tbl-head-bosai .graph-wrap {
    margin-top: 3px;
  }
  .wrap-tbl-health .tbl-head-bosai .graph-wrap .pollen-data {
    height: 20px;
  }

.wrap-tbl-health .tbl-head-bosai .graph-area2 {
  width: 18%;
}

.wrap-tbl-health .tbl-head-bosai .graph-area2 span {
  margin-top:12px;
  
}

  .wrap-tbl-health .cmn-sttl .btn-cmn2 {
    top: 10px;
  }
  .wrap-tbl-health .cmn-sttl .btn-cmn2 a {
    padding: 4px 60px 4px 30px;
  }
  .wrap-tbl-health .healthicon-wrap .txt {
    margin-top: 5px;
  }
  .wrap-tbl-health .healthicon-wrap .icon {
    padding: 5px 0 5px 38px;
  }
  .wrap-tbl-health .healthicon-wrap .icon.icon-pm, .wrap-tbl-health .healthicon-wrap .icon.icon-kafun, .wrap-tbl-health .healthicon-wrap .icon.icon-kosa {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .wrap-tbl-health .washicon-wrap .icon {
    width: 69px;
    height: 69px;
  }
  .wrap-tbl-health .washicon-wrap .hare {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .washicon-wrap .kumori {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .washicon-wrap .rain {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .washicon-wrap .snow {
    width: 63px;
    height: 50px;
  }
  .wrap-tbl-health .wear-wrap {
    padding: 10px 5px;
  }
  .wrap-tbl-health .wear-wrap .icon {
    width: 55px;
    height: 55px;
  }
  .wrap-tbl-health .wear-wrap .temp {
    margin-bottom: 5px;
  }
  .wrap-tbl-health .wear-wrap .temp .font-s {
    font-size: 14px;
    font-size: 1.4rem;
  }
}