#mapArea{
  border: 1px solid #113898;
  margin-bottom: 40px;

}
/* tab */
.mapWrp-tab-area {
  background-color: #6a82b3;
  height: 50px;
  position: relative;
  z-index: 999;
}

.mapWrp-tab-area .tab {
  background-color: #a8b2da;
  border-radius: 15px;
  border: 3px solid #fff;
  cursor: pointer;
  font-size: 18px;
  height: 27px;
  line-height: 15px;
  padding: 3px 0;
  position: absolute;
  text-align: center;
  top: 11px;
  width: 105px;
  z-index: 10;
  background-color: #64b5f6;
}

.mapWrp-tab-area .tab.active {
  background-color: #113898;
  color: #fff;
}

.mapWrp-tab-area .tab.active:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  border-top-color: #fff;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}

.mapWrp-tab-area .hr {
  position: absolute;
  border-top: 3px solid #fff;
  width: 600px;
  top: 23px;
  left: 124px;
  z-index: -1;
}

/* tab内容 */
.content-area-2017-2009 {
  font-size: 30px;
  text-align: center;
  background-color: #c6d3e7;
}


.mapWrp-map-area {
  font-size: 30px;
  text-align: center;
  background-color: #efefef;
}

/* 小・比例グラフ */

.each-map-wrap-box {
  position: absolute;
  top: 43px;
  left: 25px;
}

#yaMap2014 .each-map-wrap-box,#yaMap2012 .each-map-wrap-box,#yaMap2009 .each-map-wrap-box {
  position: absolute;
  top: 135px;
  left: 25px;
}


.yaMapWrap .each-map-wrap-box {
}

.phd {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  width: 72px;
  border-bottom: 1px solid #113898;
  height: 24px;
  padding-left: 3px;
  text-align: left;
  top: 32px;
  left: 16px;
  margin-bottom: 10px;
}

.graph {
  width: 100px;
  height: 50px;
  position: absolute;
  left: 268px;
  top: 33px;
}
#pastData2017 {
  left: 50px;
}
#pastData2014 {
  left: 228px;
}
#pastData2012 {
  left: 402px;
}
#pastData2009 {
  left: 574px;
}

#yaMap2014,#yaMap2012,#yaMap2009{
  padding-top: 80px;
}

#yaMap2017 .polls,#ycMap2017 .polls {
  background-size: 252px;
  width: 250px;
}

.polls {
  width: 210px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.polls .num {
  -webkit-box-sizing: unset;
  box-sizing: unset;
  width: 66px;
  font-weight: 700;
  font-family: arial;
  font-size: 18px;
  line-height: 22px;
  margin: 0 1px;
  background: #fff;
}

@media all and (-ms-high-contrast: none) {
  .polls .num {
    width: 39px;
  }
}

.polls .num .gn {
  color: #fff;
  font-size: 11px;
  line-height: 105%;
  padding-top: 1px;
  padding-bottom: 1px;
}

.polls .num.y1k {
  border: 2px solid #e5004a;
}

.polls .num.y1k .gn {
  background-color: #e5004a;
}

.polls .num.y2k {
  border: 2px solid #9e9e9e;
}

.polls .num.y2k .gn {
  background-color: #9e9e9e;
}
.polls .num.y3k {
  border: 2px solid #1064c3;
}

.polls .num.y3k .gn {
  background-color: #1064c3;
}
.polls .num.y4k {
  border: 2px solid #9dcf26;
}

.polls .num.y4k .gn {
  background-color: #9dcf26;
}
.polls .num.y5k {
  border: 2px solid #ffdd2d;
}

.polls .num.y5k .gn {
  background-color: #ffdd2d;
}
.polls .num.y6k {
  border: 2px solid #64b5f6;
}

.polls .num.y6k .gn {
  background-color: #64b5f6;
}

/* 地図 */
#yaMapInr, #yaMapInr2009, #yaMapInr2012, #yaMapInr2014, #yaMapInr2017 {
  margin-left: 50px;
}

#yaMapInr, #yaMapInr2009, #yaMapInr2012, #yaMapInr2014, #yaMapInr2017 {
  width: 626px;
  height: 400px;
  position: relative;
  line-height: 0;
}

.pf {
  background: #fff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  position: absolute;
  display: block;
  text-align: center;
  padding-left: 1px;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.16);
  box-shadow: 1px 1px 3px 0 rgba(0,0,0,.16);
}

.pf a:visited {
  color: #000;
}

.pf .link-wrap {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
}

.pf .nm {
  color: #1e2428;
  font-size: 11px;
  line-height: 14px;
  white-space: nowrap;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  display: block;
  margin-left: -1px;
  font-weight: 100;
  cursor: default;
}

#yaMapInr2017 .pf .nm:hover,#ycMapInr2017 .pf .nm:hover {
  background: #ddf;
  color: #FFF;
  background: #1b3a92;
  cursor: pointer;
}

.pf .pb {
  font-size: 10px;
  line-height: 12px;
  width: 13px;
  height: 13px;
  margin: 0 1px 1px 0;
  float: left;
}
.pf .pb.sp {
  line-height: 14px;
}
/* IE */
@media all and (-ms-high-contrast: none) {
  .pf .pb {
    line-height: 14px;
  }
}

.pf .pts {
  margin: 2px auto;
  position: relative;
}

.pf .p1:link, .pf .p1:visited, .pf .p2:link,.pf .p2:visited, .pf .p3:link, .pf .p3:visited, .pf .p4:link, .pf .p4:visited, .pf .ps:link,.pf .ps:visited {
  color: #fff;
}
.pf .p1 {
  background-color:  #e5004a;
  color: #fff;
}
.pf .p2 {
  background-color: #9e9e9e;
  color: #fff;
}
.pf .p3 {
  background-color: #1064c3;
  color: #fff;
}
.pf .p4 {
  background-color: #9dcf26;
  color: #fff;
}
.pf .p8 {
  background-color: #ffdd2d;
  color: #000 !important;
}
/* ホバー内 */
#yaMapInr2017 .elec_bln, #ycMapInr2017 .elec_bln {
  display: none;
  position: absolute;
  width: 160px;
  height: 79px;
  background: url(/election/shugiin/2017/assets/images/icon_hukidashi@2.png) no-repeat 0 0;
  *background: url(/election/shugiin/2017/assets/images/icon_hukidashi@2.png) no-repeat 0 0;
  background-size: 160px;
  z-index: 2;
}

#yaMapInr2009 .elec_bln, #yaMapInr2012 .elec_bln, #yaMapInr2014 .elec_bln, #ycMapInr2009 .elec_bln, #ycMapInr2012 .elec_bln, #ycMapInr2014 .elec_bln{
  display: none;
  position: absolute;
  width: 130px;
  height: 63px;
  background: url(/election/shugiin/2017/assets/images/icon_hukidashi@2.png) no-repeat 0 0;
  *background: url(/election/shugiin/2017/assets/images/icon_hukidashi@2.png) no-repeat 0 0;
  background-size: 130px;
  z-index: 2;
}

.content .elec_bln {
  display: none;
  position: absolute;
  width: 160px;
  height: 79px;
  background: url(/election/shugiin/2017/assets/images/icon_hukidashi@2.png) no-repeat 0 0;
  *background: url(/election/shugiin/2017/assets/images/icon_hukidashi@2.png) no-repeat 0 0;
  background-size: 160px;
  z-index: 2;
}

#yaMapInr2009 .elec_bln .bln_txt,
#yaMapInr2012 .elec_bln .bln_txt,
#yaMapInr2014 .elec_bln .bln_txt,
#ycMapInr2009 .elec_bln .bln_txt,
#ycMapInr2012 .elec_bln .bln_txt,
#ycMapInr2014 .elec_bln .bln_txt{
  position: absolute;
  left: 18px;
  top: 10px;
  text-align: left;
}

#ycMapInr2017 .elec_bln .bln_txt{
  position: absolute;
  left: 55px;
  top: 15px;
  text-align: left;
}

.elec_bln .bln_txt {
  position: absolute;
  left: 50px;
  top: 19px;
  text-align: left;
}

.elec_bln .bln_txt .bln_name {
  line-height: 1.3;
  font-size: 14px;
  font-weight: 700;
}

.elec_bln .bln_txt .bln_katagaki {
  font-size: 11px;
  margin-top: 4px;
  line-height: 1.1;
}

.eachMapWrap {
  text-align: center;
  position: relative;
}

#ycMapInr, #ycMapInr2009, #ycMapInr2012, #ycMapInr2014, #ycMapInr2017 {
  width: 564px;
  height: 315px;
  position: relative;
  margin: 0 auto;
  line-height: 0;
}

#yaNum2014.polls{
  width: 235px;
}

#yaNum2014.polls .num,#ycNum2014.polls .num{
  width: 90px;
}
#yaNum2012.polls .num,#ycNum2012.polls .num{
  width: 200px;
}

.elec_bln .bln_gankubi {
  position: absolute;
  left: 10px;
  top: 10.5px;
}
.elec_bln .bln_txt {
  position: absolute;
  left: 52px;
  top: 14px;
  text-align: left;
}

.elec_bln .election-icon__tosen {
  position: absolute;
  right: 6px;
  top: 3px;
  width: 24px;
  height: 24px;
  background: url(/election/shugiin/2017/assets/images/common/icon_kaihyou@2x.png) no-repeat 0 -330px;
  *background: url(/election/shugiin/2017/assets/images/common/icon_kaihyou.png) no-repeat 0 -330px;
  background-size: 220px;
}

#yaMapInr2014 .elec_bln .election-icon__tosen,
#ycMapInr2014 .elec_bln .election-icon__tosen,
#yaMapInr2012 .elec_bln .election-icon__tosen,
#ycMapInr2012 .elec_bln .election-icon__tosen,
#yaMapInr2009 .elec_bln .election-icon__tosen,
#ycMapInr2009 .elec_bln .election-icon__tosen
{
  right: 2px;
  top: 1px;
}
.elec_bln .bln_gankubi img {
  width: 38px;
  border: 0;
}

.elec_bln .bln_txt .bln_name {
  line-height: 1.3;
  font-size: 14px;
  font-weight: bold;
}

.elec_bln .bln_txt .bln_katagaki {
  font-size: 11px;
  margin-top: 4px;
  line-height: 1.1;
}

/* .pastDataTotal{
  opacity: 1;
  transform: translateY(20px);
  transition: all 1s;
}
.pastDataTotal.show{
  opacity: 1;
  transform: translateY(2px);
} */

#map2014 .pastDataTotal{
  height: 134px;
  width: 723px;
  background-repeat: no-repeat;
  background-size: 610px auto;
  background-image: url(/election/shugiin/2017/assets/images/common/shugiin2017_graph_past_parts.png);
  background-position: 60px 0;
  position: absolute;
}
#map2012 .pastDataTotal{
  height: 134px;
  width: 723px;
  background-repeat: no-repeat;
  background-size: 610px auto;
  background-image: url(/election/shugiin/2017/assets/images/common/shugiin2017_graph_past_parts.png);
  background-position: 60px -136px;
  position: absolute;
}
#map2009 .pastDataTotal{
  height: 134px;
  width: 723px;
  background-repeat: no-repeat;
  background-size: 610px auto;
  background-image: url(/election/shugiin/2017/assets/images/common/shugiin2017_graph_past_parts.png);
  background-position: 60px -271px;
  position: absolute;
}

@media screen and (max-width:599px){

  .content-area-2017-2009 .content {
    display: none;
  }

  .content-area-2017-2009 .content.show {
    display: block;
  }

  #mapArea {
    overflow-y: hidden;
    margin: 10px;
    border: 1px solid #b4b4b4;
    border-radius: 9px;
  }
  #mapArea::-webkit-scrollbar {
    width: 15px;
  }

  #mapArea::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f2f2f2;
  }

  #mapArea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#626262;
  }


  .map-area-scroll {
    margin-left: 0 !important;
    width: 807px !important;
  }

  .content-area-2017-2009 {
    margin-bottom: 0px;
  }

  .mapWrp-tab-area .hr {
    width: 683px;
  }
  #map2014 .pastDataTotal{
    position: relative;
  }
  #map2012 .pastDataTotal{
    position: unset;
  }
  #map2009 .pastDataTotal{
    position: unset;
  }
  #yaMap2014, #yaMap2012, #yaMap2009 {
    padding-top: 0px;
  }
  #yaMap2014 .each-map-wrap-box, #yaMap2012 .each-map-wrap-box, #yaMap2009 .each-map-wrap-box {
    top: 37px;
  }

}

.pf .pf-multi{
  padding:0 1px;
}

#map2014 .pastDataTotal:before {
  content: '(追加公認を含む)';
  position: absolute;
  top: 100px;
  right: 60px;
  font-size: 12px;
  opacity: 0.8;
}

@media screen and (min-width:600px){
  .content-area-2017-2009 .content {
    transition-property: opacity;
    transition-duration: 1s;
    /* display: none; */
    position: absolute;
    opacity: 0;
  }

  .content-area-2017-2009 {
    height: 811px;
  }

  .content-area-2017-2009 .content {
    transition-property: opacity;
    transition-duration: 1s;
    /* display: none; */
    position: absolute;
    opacity: 0;
  }
  .pastDataTotal{
    animation-name: fade-in3;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    /* animation-delay: 1s; */
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;

  }

  @keyframes fade-in3 {
    0% {
      opacity: 0;
      transform: translate3d(0, 0px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, -50px, 0);
    }
  }

  .content-area-2017-2009 .content.show {
    /* display: block; */
    opacity: 1;
    z-index: 999;
  }

  .pastDataTotal.show-up{
    animation-name: fade-in2;
      animation-duration: 0.5s;
      animation-timing-function: ease-out;
      animation-iteration-count: 1;
      animation-direction: normal;
      animation-fill-mode: forwards;
  }
  @keyframes fade-in2 {
    0% {
      opacity: 0;
      transform: translate3d(0, -20px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
}