@charset "utf-8";

@font-face {
   font-family: RobotoCondensed;
   font-style: normal;
   font-weight: 300;
   src: url('https://cdn.mainichi.jp/vol1/fonts/RobotoCondensed/RobotoCondensed-Light.ttf') format("truetype");
   unicode-range: U+0030-0039;
}
@font-face {
   font-family: RobotoCondensed;
   font-style: normal;
   font-weight: 400;
   src: url('https://cdn.mainichi.jp/vol1/fonts/RobotoCondensed/RobotoCondensed-Regular.ttf') format("truetype");
   unicode-range: U+0030-0039;
}
@font-face {
   font-family: RobotoCondensed;
   font-style: normal;
   font-weight: 700;
   src: url('https://cdn.mainichi.jp/vol1/fonts/RobotoCondensed/RobotoCondensed-Bold.ttf') format("truetype");
   unicode-range: U+0030-0039;
}

html{
  scroll-behavior: smooth;
}

/* ナビゲーション
----------------------------------------*/
.senkyo-globalnavi{
float: left;
width: 940px;
}

header nav ul.inline-list {
float: right;
width: 140px;
}

header nav ul li.archive{
float: right;
height: 42px;
font-size: 87.5%;
line-height: 42px;
}

header nav ul li.archive:last-child a{
border-left: solid 1px #2C90D4;
}

.main-navi .senkyo-globalnavi li.active{
  background:transparent;
}
.main-navi .senkyo-globalnavi li:hover {
  background:transparent;
}
.main-navi .senkyo-globalnavi li:first-child.active a,
.main-navi .senkyo-globalnavi li:first-child:hover a {
background:url("/vol1/images/pc/senkyo/25san/gnav-sub-selected_green1.svg") no-repeat 50% 100%!important;
}
.main-navi .senkyo-globalnavi li:nth-child(2).active a,
.main-navi .senkyo-globalnavi li:nth-child(2):hover a {
background:url("/vol1/images/pc/senkyo/25san/gnav-sub-selected_green2.svg") no-repeat 50% 100%!important;
}
.main-navi .senkyo-globalnavi li:nth-child(3).active a,
.main-navi .senkyo-globalnavi li:nth-child(3):hover a {
background:url("/vol1/images/pc/senkyo/25san/gnav-sub-selected_green3.svg") no-repeat 50% 100%!important;
}

.main-navi .senkyo-navi-sns li.active,
.main-navi .senkyo-navi-sns li:hover {
background-image: none;
}

.senkyo-navi-sns li{
float: right !important;
padding: 3px 0 0 24px;
}

.senkyo-navi-sns li a{
display:block;
width:36px;
height:32px;
text-indent:-9999em;
background-position: 0 50% !important;
background-repeat: no-repeat;
opacity: 0.7;
}
.senkyo-navi-sns li.fb a{
background-image:url(/vol1/images/pc/icon-tool-fb.svg) !important;
}

.senkyo-navi-sns li.tw a{
background-image:url(/vol1/images/pc/icon-tool-tw.svg) !important;
}

.senkyo-navi-sns li.fb a:hover,
.senkyo-navi-sns li.tw a:hover{
opacity: 1;
}



/* 下段 */
.senkyo-navi {
background-color: #004c4e;
height: 80px;
}

/* 下段 左 */
.senkyo-navi .senkyo-menu {
float: left;
width: 80%;
height: 80px;
}

.senkyo-navi .senkyo-menu .menu-top {
  height:80px;
  display: block;
  letter-spacing: -.4em;
}
.senkyo-navi .senkyo-menu .menu-top li {
  display: block;
  line-height: 1;
}
.senkyo-navi .senkyo-menu .menu-top li a {
  height: 80px;
  font-size:11px;
  color: #FFF;
  font-weight: bold;
  padding:14px 0 0 0!important;
  display: inline-block;
  letter-spacing: 0;
  text-align: center;
  vertical-align: top;
  line-height: 1;
  opacity:0.7;
}
.senkyo-navi .senkyo-menu .menu-top li a:hover,
.senkyo-navi .senkyo-menu .menu-top li.active a {
  opacity:1;
}
.senkyo-navi .senkyo-menu .menu-top li.koho a {
  width:90px;
  background: transparent url(/vol1/images/pc/senkyo/25san/nav_01.png) no-repeat 7px 20px;
  background-size: 76px auto;
  padding:7px 0 0 0!important;
}
.senkyo-navi .senkyo-menu .menu-top li.news a {
  width:80px;
  background: transparent url(/vol1/images/pc/senkyo/25san/nav_02.png) no-repeat center 32px;
  background-size: 60px auto;
}
.senkyo-navi .senkyo-menu .menu-top li.rensai a {
  width:80px;
  background: transparent url(/vol1/images/pc/senkyo/25san/nav_03.png) no-repeat center 32px;
  background-size: 60px auto;
}
.senkyo-navi .senkyo-menu .menu-top li.timeline a {
  width:90px;
  background: transparent url(/vol1/images/pc/senkyo/25san/nav_04.png) no-repeat center 32px;
  background-size: 60px auto;
}
.senkyo-navi .senkyo-menu .menu-top li.graph a {
  width:80px;
  background: transparent url(/vol1/images/pc/senkyo/25san/nav_05.png) no-repeat center 32px;
  background-size: 60px auto;
}
.senkyo-navi .senkyo-menu .menu-top li.video a {
  width:70px;
  background: transparent url(/vol1/images/pc/senkyo/25san/nav_06.png) no-repeat center 32px;
  background-size: 60px auto;
}
.senkyo-navi .senkyo-menu .menu-top li.vote a {
  width:80px;
  background: transparent url(/vol1/images/pc/senkyo/25san/nav_07.png) no-repeat center 32px;
  background-size: 60px auto;
}


/* 下段 SNS */
.senkyo-navi .share {
float: right;
width: 200px;
height: 60px;
padding: 8px 0;
margin:10px 0;
border-left: solid 1px #C7C7C7;
}

.senkyo-navi .share li{
position: static;
display: inline-block;
margin-left: 6px;
width: 40px;
text-align: center;
vertical-align: top;
line-height: 32px;
}
header .senkyo-navi .share li:first-child{
margin-left: 20px;
}
.senkyo-navi .share li a{
width: 40px;
height: 30px;
background-image:url(/vol1/images/sp/icons-tool-white.png);
background-repeat:no-repeat;
background-size: 32px;
color: #FFF;
}
.senkyo-navi .share li .count{
display: block;
height: 12px;
padding: 0;
background-image:none;
color:#FFF;
font-size:8px;
text-align:center;
line-height: 12px;
}
.senkyo-navi .share .gp a { background-position:center -33px;}
.senkyo-navi .share .tw a { background-position:center -66px;}
.senkyo-navi .share .fb a { background-position:center -99px;}
.senkyo-navi .share .hb a { background-position:center -130px;}

#top .img-margin {
  width: 250px;
  height: 80px;
  display: block;
  background: transparent url(/vol1/images/pc/senkyo/50shu/bg_senkyo_navi.png) 0 0;
  background-size: 250px auto;
}
/*--------------------------------------
 Contents
--------------------------------------*/
.Contents{
margin-bottom:15px;
}

.ContentsHeader{
  border-bottom:1px solid #CCC;
  padding:8px 0;
  margin-top: 56px;
}
.ContentsHeader:first-child {
  margin-top:0px;
}
.ContentsHeader:after{
display:block;
clear:both;
content:'';
}
.ContentsHeader h1{font-size:150%; /*24px*/font-weight: normal;margin:0 24px 0 0;float:left;min-width: 20%;}
.ContentsHeader h2{
font-size:120%;
font-weight: bold;
color:#333;
}

.title_h1 {
  font-weight:normal;
  border-bottom:1px solid #CCC;
  padding-bottom:8px;
  font-size: 1.8em;
}

.title_h2 {
  font-size:20px;
  font-weight:bold;
  color:#333;
}
.title_h2 span {
  font-size:13px;
  font-weight:normal;
  padding-left: 10px;
}
.title_h3_koho {
  /*color: #737373;
  font-size: 125%;
  display:block;
  height: 60px;
  font-weight: normal;
  background: transparent url(/vol1/images/pc/senkyo/25san/icon_koho.png) no-repeat 0 0;
  background-size: 60px auto;
  padding: 10px 0 0 70px;*/
}
.h-span {
  font-size:13px;
}
.en .h-span {
  padding-left:5px;
}
.content_break{
  height: 48px;
  border:none;
  margin:0;
}

/*--------------------------------------
 ContentsDataHeader（データ 見出し）
--------------------------------------*/
.ContentsDataHeader{
  padding: 8px 0;
  display: flex;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCCC;
  background-color: #F1F1F1;
  color:#666;
}
.ContentsDataHeader span{
display:inline-block;
font-size:14px;
text-align:center;
}
.ContentsDataNav {
  margin-top:16px;
  display:flex;
}
.common_info {
  font-size: 14px;
  text-align: right;
  margin:0;
}

/* tab */
.ContentsDataTab {
  display:block;
}
.ContentsDataTab:after,
.ContentsDataTab:before,
.ContentsSearch:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.ContentsDataTab .common_info {
  padding:16px 0 0;
  color:#666;
}
.ContentsDataTab ul {
  letter-spacing:-.4em;
  float:left;
}
.ContentsDataTab ul li {
  width: 12em;
  letter-spacing: 0;
  display: inline-block;
  padding: 16px 1em;
  line-height: 100%;
  margin: 0 0 0 2px;
  text-align: center;
  color: #999;
  font-weight: bold;
  border: 1px solid hsla(181, 80%, 30%, 1);
  border-bottom: 0;
  border-top: 1px solid hsla(181, 80%, 30%, 1);
  background: #F1f1f1;
  text-shadow: 1px 1px #FFF;
}
.ContentsDataTab ul li.active {
  color: #FFF;
  font-weight: bold;
  background: hsla(181, 80%, 30%, 1);
  border-bottom: 0;
  border-top: 2px solid hsla(181, 80%, 30%, 1);
  text-shadow: none;
}
.ContentsDataTab ul li:hover {
  background: #FFF;
  color:hsla(181, 80%, 30%, 1);
}
.ContentsDataTab ul li.active:hover {
  color: #FFF;
  background: hsla(181, 80%, 30%, 1);
}
#dataTab li {
  cursor:pointer;
}
.ContentsDataTab li:first-child {
  border-top-left-radius: 6px;
}
.ContentsDataTab li:last-child {
  border-top-right-radius: 6px;
}
.ContentsDataTab.bottom {
  border-top:2px solid hsla(181, 80%, 30%, 1);
  position:relative;
  margin-top:-1px;
}
.ContentsDataTab.bottom ul li {
  border-bottom: 1px solid hsla(181, 80%, 30%, 1);
  border-top:0;
}
#dataTab.bottom li:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 6px;
}
#dataTab.bottom li:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 6px;
}
/*--------------------------------------
 Candidates(base:AreaKaikyoIchigyo)
--------------------------------------*/
.Candidates{
}
.Candidates.hide{
display:none;
}
.ContentsInfo{
font-size:80%;
margin-bottom:15px;
line-height:130%;
}

.ContentsData{
}

.ContentsData span {
display:inline-block;
vertical-align: middle;
}

/* Elected bgcolor */
.Elected{
background-color:#ffeef1;
}

.ElectedDuple{
background-color:#fff7f8;
}


/* 一行名鑑
--------------------------------------*/
.meikan_list {font-family: RobotoCondensed,-apple-system,BlinkMacSystemFont,YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;}
.meikan_list a {display:flex; color:#444; position: relative;border-bottom:1px solid #CCC;padding: 5px 0;}
.meikan_list a:hover {text-decoration:none; background-color:#FFF; color:#000;}
.meikan_list.Elected a:hover {background-color:#ffd3db;}
.meikan_list a > span {text-align:center; display:flex; align-items:center; justify-content:center;}
.meikan_list .ElectedMark { width: 20px; font-size:14px; padding:0 2px;}
.meikan_list .Rank{ width:30px; }
.meikan_list .Photo { width:45px; padding-top:0;}
.meikan_list .Photo img { width:100%; height:50px;}
.meikan_list .Name{ width:180px;justify-content: start; padding-left:30px;}
.meikan_list .Age { width:60px;}
.meikan_list .Party{ width:60px;}
.meikan_list .Area {width:120px;}
.meikan_list .Duplicate{ width:120px; }
.meikan_list .State{ width:50px; }
.meikan_list .VotesCount { width:120px; text-align:right;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;
}
.meikan_list .VotesPercent{ width:90px; text-align:right; justify-content: flex-end;}
.meikan_list .Percent{ width:90px; }
.meikan_list a::after {content: ""; display: block; position: absolute; right: 8px; top: 17px; width: 24px; background: url(/vol1/images/pc/icon-arrow_gr.svg) no-repeat 98% 5px; height: 24px; background-size:18px auto;}

.ElectedDuple .ElectedMark{ background: #D99; color: #fff;}
.Elected .ElectedMark { background: #E00; color: #fff;}
.ElectedDuple a:hover .ElectedMark,
.Elected a:hover .ElectedMark { background: #F00; color: #fff;}

.ContentsData .Name{ font-size:112.5%; font-weight:normal; color:#000;}
.ContentsData .VotesCount{font-size:120%; color:#333;}
.ContentsData .VotesCount i,
.ContentsData .VotesPercent i { font-size: 12px; padding: 0.2em 0 0 0.2em; font-style: normal;}

/*--------------------------------------
 Area, Area(Party)
--------------------------------------*/
.DistrictsTop {
}
.DistrictsTop .District2{
  display:flex;
  flex-wrap: wrap;
  width: 96%;
  margin:16px auto 0;
}
.DistrictsTop .District2 li{
  padding:0 1px 1px 0;
  width:10%;
}
.Districts .ContentsData li.District a,
.DistrictsTop .District2 a {display:inline-block;background: #0076c8;color:#fff;text-align:center;width:100%;padding:4px;border: 1px solid #0076c8;}

.Districts .ContentsData li.District a:hover,
.DistrictsTop .District2 a:hover{background: #FFF;color:#0076c8;text-decoration:none;}

.ContentsHeader .RateTxt {
    font-size: 12px;
}
.ContentsHeader .RateData {
    font-size: 22px;
    padding-right: 3px;
    padding-left: 3px;
    font-weight: 500;
}

.BlockMap,
.AreaMap{margin: 32px 0px;text-align:center;}
.AreaMap img{
margin:0 auto;
height: 320px;
}


/* Partys (PartyList)
--------------------------------------*/

/* 党派　小選挙区リスト */
.area-blockList li {border-top:1px solid #EEE;padding: 8px 0;display:flex;}
.area-blockList .Area { width:14%; display:inline-block;}
.area-blockList .Area a{ display: block; text-align: center; line-height:100%; padding:4px 0; }
.area-blockList .District { width:86%; display:flex;flex-wrap:wrap;}
.area-blockList .District a{font-size:14px;background-color:#F1F1F1;border: 1px solid #CCCC;margin: 2px 5px 5px 0;text-align: center; padding: 8px;flex-basis: 9%;line-height: 100%;}
.area-blockList .District a.Elected{background-color:#e00;color:#EEE;border: 1px solid #E00;}
.area-blockList .District a:hover {text-decoration:none; background-color:#FFF; color: #333;}


/*--------------------------------------
 Meikan
--------------------------------------*/

.MeikanWrap{
margin:0 auto 24px auto;
font-family: RobotoCondensed,-apple-system,BlinkMacSystemFont,YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
}

.MeikanWrap table{
width:100%;
empty-cells:show;
}
.MeikanWrap table.toukaku{
border:1px solid #E00;
}
.MeikanWrap table th,
.MeikanWrap table td{
vertical-align:middle;
}

.MeikanWrap table th{
white-space:nowrap;
width:160px;
background:#f1f1f1;
}

.nav_meikan {
  margin:0 0 4px;
  display:flex;
}
.nav_meikan a{
  display:inline-block;
  padding:8px 16px 8px 20px;
  background:url(/vol1/images/pc/icon-arrow_gr.svg) no-repeat 0 10px;
}
.nav_meikan a:hover{
text-decoration:underline;
background-position:0 -40px;
}
.nav_meikan span{
  display:inline-block;
  padding:8px 16px;
  color:#666;
}
/* Meikan 1
--------------------------------------*/
.Meikan1{
  border-top:1px dotted #CCC;
}
.Meikan1 td{
padding:8px 16px;
}
.Meikan1 .Photo{
width:160px;
padding:0;
}
.Meikan1 .Photo img{
border:1px solid #FFF;
width: 100%;
}
.toukaku .Photo img{
border:1px solid #fed8cf;
}
.Meikan1 .KohoData{
padding:8px 16px;
}
.toukaku .KohoData {
background-color:#ffeef1;
}
.Meikan1 .Name{
font-size:180%;
line-height: 110%;
margin:8px 0 8px;
}
.Meikan1 .Age{
font-size:70%;
padding-left:2px;
}

.Meikan1 .Yomi{
font-size:90%;
}

.Meikan1 .Vote{
display:flex;
margin-top:24px;
justify-content:flex-end;
}

/* ElectedMark */
.Meikan1 .ElectedMark span,
.Meikan2 .DuptdcateElectedMark span{
display:inline-block;
padding:6px 0;
background:#e00;
color:#FFF;
text-align:center;
width:3em;
margin-right:16px;
}

.Meikan1 .VotesCount{
font-size:190%;
}
.toukaku .VotesCount {
  color:#E00;
}
.Meikan1 .VotesCount span{
font-weight:normal;
padding-left:0.8em;
font-size:60%;
}

/* Meikan 2
--------------------------------------*/
.Meikan2{
border-collapse:separate;
margin-bottom: 24px;
}
.Meikan2 th,
.Meikan2 td{
padding:8px 16px;
border-top:1px dotted #ccc;
white-space:nowrap;
}
.Meikan2 tr:last-child th,
.Meikan2 tr:last-child td{
border-bottom:1px dotted #ccc;
}

.Meikan2 th{
font-size:80%;
text-align: right;
}

.Meikan2 td{
min-width: 250px;
font-size:90%;
}

/* 代表的な肩書 ,略歴 */
.Meikan2 .PositionData,
.Meikan2 .CareerData{
white-space:normal;
}

.Meikan2 .CareerData{
line-height:1.6em;
}

.Meikan2 .NetData a{
display: block;
padding:2px 2px 2px 17px;
background:url(/vol1/images/pc/icon-arrow_gr.svg) no-repeat 0 5px;
background-size:14px auto;
}


/*--------------------------------------
 アンケート
--------------------------------------*/
.Questionnaire{margin-bottom: 64px;margin-top: 24px;}
.Questionnaire h2{padding:10px;font-size:100%;background-color: #F1F1F1;margin-bottom: 16px;border: 1px solid #CCC;}
.Questionnaire ul{
padding:0 8px;
}
.Questionnaire li{
line-height:1.6em;
text-indent:-18px;
}
.Questionnaire li span{font-size:14px;display:inline-block;white-space:nowrap;font-weight: normal;}
.Questionnaire li.Question{
padding:16px 16px 4px 38px;
}
.Questionnaire li.Answer{padding:4px 16px 16px 38px;border-bottom: 1px dotted #CCC;font-weight: bold;}


h2.voteJ{ margin-top:30px;}


/*--------------------------------------
 見方
--------------------------------------*/
.Mikata{
margin:20px 0 40px;
padding:0;
}

.Mikata h1{
margin-bottom:12px;
display:inline-block;
font-size:112.5%;
color:#333;
font-weight: normal;
}
.Mikata p{
font-size:80%;
line-height:180%;
}

.Mikata .ElectedMark{
width:2.6em;
height:1.5em;
line-height:1.5em;
display:inline-block;
background: #e00;
color:#FFF;
text-align:center;
margin-right:3px;
}

#KoujiMeikan img,
#KaihyoMeikan img {
width:20px;
border:#eee 1px solid;
}

/*--------------------------------------
  おわび
--------------------------------------*/
.Owabi{
margin:-30px 0 40px;
padding:0;
}
.Owabi p{
font-size:80%;
line-height:180%;
}

/*--------------------------------------
senkyo Top
--------------------------------------*/
.kaihyo-top-graph{
display:block;
clear:both;
position:relative;
text-align: center;
margin: 24px auto;
padding:12px 0 0;
}

button.btn-graph:hover{
cursor:pointer;
}

/*ebox*/

.eBox{
width: 100%;
margin-bottom: 6px;
border-collapse: collapse;
}
.eBox th,
.eBox td{
text-align: center;
font-weight: 300;
padding: 4px 6px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #F4F4F4;
}
.eBox td{
font-size: 112.5%;
font-weight: 300;
font-family:'RobotoCondensed',sans-serif;
}
.eBox .party-head th{
font-size: 87.5%;
}
.eBox .new-total th,
.eBox .new-total td{
font-size: 87.5%;

}
.eBox th.block-head{
font-size: 81.25%;
}
.eBox th.block-head,
.eBox .party-head th:first-child{
border-left: none;
}
.eBox .ballot th,
.eBox .new-total th{
font-size: 98.75%;
font-weight: 500;
}
.eBox .ballot td,
.eBox .new-total td{
font-size: 140%;
font-weight: 500;
padding:6px;
letter-spacing: 0;
}
.eBox .ballot td.total,
.eBox .new-total td.total{
font-size: 112.5%;
}
.eBox .ballot td:last-child{
font-size: 112.5%;
}
.eBox .ballot td.total{
color: #3B3B3B;
}
.eBox .party-head th {
  border-bottom:1px solid #333;
}
.eBox .proportional th,
.eBox .proportional td {
  border-bottom:1px solid #333;
}
.eBox .kaisen th,
.eBox .kaisen td {
  background-color:#f9f9f9;
}
.eBox .hikaisen th,
.eBox .hikaisen td {
  background-color:#f9f9f9;
}
.eBox .pre-announce th,
.eBox .pre-announce td {
  background-color:#f9f9f9;
}
.note{
font-size: 14px;
line-height: 130%;
padding:4px 0 0 16px;
margin-bottom:24px;
}


/*--------------------------------------
政党リスト（ナビ）
----------------------------------------*/

.list_party {
  display:flex;
  width:100%;
}
.list_party li {
flex-grow:1;
margin:0 2px 0 0;
}
.list_party li a,
.list_party li > div{
padding:8px;
width:100%;
font-size: 93.75%;
text-align: center;
float: left;
border:1px solid #CCC;
border-top: 3px solid #ccc;
display:flex;
flex-direction: column;
color: #222;
}
.list_party li a .Toukaku,
.list_party li > div .Toukaku {
  font-size:22px;
  font-weight:500;
  font-family:'RobotoCondensed',sans-serif;
}
.list_party li:last-child {
margin-right: 0px;
}
.list_party a:hover{
background:#FFF;
text-decoration: none;
}
.list_party.bottom {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: start;*/
}
.list_party.bottom li {
  margin: 0 2px 2px 0;
  min-width: 12%;
  flex-grow:0;
}

/*--------------------------------------
subcolumn
--------------------------------------*/
.senkyo-sub{
margin: 6px 0 24px;
padding: 6px 0 0;
}
.senkyo-sub.en h3 {
color: #2A2A2A!important;
font-size: 18px;
}
.senkyo-sub .title-box h3{
float:left;
}

.senkyo-sub .title-box .data-time{
display:block;
float:right;
}

.senkyo-sub{
font-size: 100%;
font-weight: normal;
margin-bottom: 12px;
}
.senkyo-sub h3.bl{
display: inline-block;
color: #0074C9;
font-size: 98.75%;
margin-right: 6px;
}

.senkyo-sub .btn-link {
display: inline-block;
font-size: 75%;
margin: 0 0 6px 6px;
padding: 3px 18px 3px 6px;
background: #fff url(/vol1/images/pc/icon-arrow_gr.svg) no-repeat 100% 4px;
border: 1px solid #ececec;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #2a2a2a;
}
.senkyo-sub .btn-link:hover {
background: #f4f4f4 url(/vol1/images/pc/icon-arrow_gr.svg) no-repeat 100% -47px;
text-decoration: none;
}

.senkyo-sub .data-time{
margin:6px 0 0;
color:#737373;
font-size:75%; /* 12px */
text-align:right;
}

/* Kouji
--------------------------------------*/
/*eBox*/
#sub .eBox{
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
#sub .eBox th,
#sub .eBox td{
text-align: center;
font-weight: normal;
padding: 6px 0;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #F4F4F4;
width:16%;
}
#sub .eBox tr.block-head th{
    border-bottom-color: #8B8B8B;
    word-break: break-all;
}
#sub .eBox td{
font-size: 20px;
line-height: 100%;
color:#555;
}
#sub .eBox .party-t th{
    font-weight: bold;
}
#sub .eBox th{
    font-size: 14px;
}
#sub .en .eBox th{
    font-size: 12px;
}
#sub .eBox th:first-child{
    border-left: none;
}
#sub .eBox td:last-child{
    font-size: 24px;
    color:#000;
}
/* kaihyo
--------------------------------------*/
/* kaihyo-timeline */
.kaihyo-live .timeline-image{
width: 300px;
border: solid 1px #E9E9E9;
margin-bottom: 6px;
}
.kaihyo-live dt{
position: relative;
font-size: 75%;
font-weight: bold;
margin-left: 24px;
}
.kaihyo-live span.icon {
display: block;
position: absolute;
top: 0px;
left: -24px;
width: 24px;
padding: 0 2px;
background: transparent;
text-align: right;
line-height: 1;
}
.kaihyo-live dd{
font-size: 87.5%;
margin: 0px 0px 6px 24px;
}

/* hoshitori */
a.gisekicount:hover{
    text-decoration: none!important;
}
.gisekicount-container{
width: 300px;
margin: 0;
padding: 0;
text-align: left;
position: relative;
display: flex;
}
.gisekicount-container a{
text-decoration: none!important;
}
.gisekicount-title {
  width:100%;
  height: 33px;
  display:block;
  background: transparent url(/vol1/images/pc/senkyo/25san/bg_title.png) no-repeat 0 0;
  background-size:auto 33px;
  padding: 5px 0 0 10px;
  text-decoration: none!important;
  margin-bottom:4px;
}
.gisekicount-title h3 {
  font-size: 106%;
  letter-spacing: .1em;
  font-weight: bold;
  margin:0;
  color: #FFF!important;
  text-shadow: 2px 1px 3px #063535;
}

.gisekicount-countbox{
float: left;
width: 98px;
margin: 0 1px;
text-align: center;
}

.gisekicount-countup{
font-size: 55px;
line-height: 72px;
font-weight: 300;
font-family:'RobotoCondensed',sans-serif;
font-weight:500;
line-height: 55px;
}
.gisekicount-container .f_box_x {
border-left : 1px solid #004c4e;
border-bottom : 1px solid #004c4e;
padding: 7px 0 12px 27px;
}
.gisekicount-container a .f_box_y {
width:120px;
text-align: center;
color:#09f;
font-size: 15px;
}
.gisekicount-container a .f_box_y:first-child {
color:#c06;
}

.gisekicount-jikou{
color: #F20058;
}
.gisekicount-kibou{
color: #6CBB5A;
}
.gisekicount-minsyu{
color: #3D82CF;
}

.gisekicount-jikou .gisekicount-countup{
border-bottom:solid 1px #F20058;
}
.gisekicount-kibou .gisekicount-countup{
border-bottom:solid 1px  #6CBB5A;
}
.gisekicount-minsyu .gisekicount-countup{
border-bottom:solid 1px  #3D82CF;
}
.gisekicount-countbox span{
font-size: 81.25%;
}

/* 当選速報 */
.senkyo-sub .flash li a {display:block; border-bottom: solid 1px #EEE; padding: 8px 0; color:#333; }
.senkyo-sub .flash li a:hover {text-decoration: none; border-bottom: solid 1px #CCC; background:#FFF; }
.senkyo-sub .flash li a span {padding:0 4px;font-size:12px;}
.senkyo-sub .flash .mark{ color:#E00;}
.senkyo-sub .flash .name {font-size:16px;padding: 0 0 0 4px;}
.senkyo-sub .flash .age {}
.senkyo-sub .flash .party,
.senkyo-sub .flash .area { color:#666;}

/*--------------------------------------
brightcove
--------------------------------------*/
.video-js .vjs-big-play-button{
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}

/*----------------------------------------
99.hac
----------------------------------------*/
.ContentsData ul:after,
.NavBlock:after,
.area-blockList:after,
.PartyTop .Partys:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
}


/*

50shu 追加

*/
.senkyo-menu {display:flex;}
.senkyo-menu li {height:100%; margin:0; padding:0; display:flex; align-items:center;}
.senkyo-menu li a {height:100%; margin:0; padding:12px; display:flex; align-items:center; color:#FFF;}
.senkyo-menu li a:hover {color:#6fbc93;}

.list_hirei {
  display:flex;
  flex-wrap:wrap;
}
.list_hirei li {
  margin:2px 2px 0 0;
  width:16.4%;
}
.list_hirei li a {
  display:flex;
  flex-direction:column;
  padding:8px;
  text-align:center;
  border:1px solid #CCC;
}
.list_hirei li a:hover {
  background:#FFF;
  text-decoration:none;
}
.list_hirei li .ElectedCount {
font-size: 22px;
font-weight: 500;
font-family: 'RobotoCondensed',sans-serif;
}
.list_hirei li .VotesCount {
  font-size:18px;
  font-family: 'RobotoCondensed',sans-serif;
}
.list_hirei li .VotesCount i{
  font-size:14px;
  font-style:normal;
}
.f_box_x {
  display: flex;
}
.f_box_y {
  display: flex;
  flex-direction: column;
  padding: 0 8px;
}
.f_box_y span {
  text-align: center;
}
.rate_label {
  font-size: 12px;
}
.rate_num {
  font-size: 24px;
  font-weight: 400;
  font-family:'RobotoCondensed',sans-serif;
}
.rate_num i{
  font-size: 14px;
  font-style:normal;
}
.rate_num.toukaku {
  color:#E00;
}

/* tabナビ */

.tab-navi {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.tab-navi li {
  display: inline-block;
  flex-grow: 1;
}
.tab-content {
  position: absolute;
  display: none;
  left: 0;
  background: #fff;
  padding: 6px 0 12px;
  width: 100%;
}
.tab-navi .active .tab-content {
  display: block;
}
.tab-navi li:hover .tab-content {
  display: block;
  z-index: 2;
}
.tab-navi .active span,
.tab-navi li:hover span {
  background: inherit;
}

.list_area_top {
  margin: 0 0 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: none;
}
.tab-navi div.tab-content a {
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
}
.tab-navi div.tab-content a:first-child {
  padding-left: 0;
}
.tab-navi div.tab-content a:hover {
}

.list_area_top span {
  font-size: 14px;
  padding: 8px;
  border-top: 1px solid #999;
  flex-grow: 1;
  text-align: center;
  min-width: 3.8em;
  margin: 0 1px;
  background: #f1f1f1;
}
.list_area_top .menu_top {
  display: block;
  border-top: 2px solid #ccc;
}

/* 検索フォーム */
.l-listmain #subNsearch {margin:0; display:flex; }
.l-listmain #subNsearch input:focus {outline:none;}
.l-listmain #subNsearch input[type="search"] {border: 1px solid #333; background-color: #F1F1F1; line-height: 2rem; padding: 0 4px 0 8px; flex-grow: 3; line-height: 200%; }
.l-listmain #subNsearch input[type="search"]:focus,
.l-listmain #subNsearch input[type="search"]:hover {background-color: #FFF; }

.l-listmain #subNsearch input[type="submit"] {background: #333;border: 1px solid #333;color: #fff;text-align: center;line-height: 2rem; flex-grow: 1;}
.l-listmain #subNsearch input[type="submit"]:hover {cursor: pointer;}

.senkyo-search a {display:block; padding:8px 16px; padding: 8px 16px 8px 8px; background: url(/vol1/images/pc/icon-arrow_gr.svg) no-repeat 98% 11px; background-size:18px auto; }
.senkyo-search a:hover {text-decoration:none; background-color: #FFF; }

#main #subNsearch span{ font-size: 2.0rem; padding: 0 24px 0 0; font-weight: bold; color: #333; }
#main .l-side #subNsearch { margin-bottom: 8px; }

.search_info { text-align:center; font-size:24px; margin:48px auto; }

.senkyo-menu .search .koho a,
.senkyo-menu .koho .koho a,
.senkyo-menu .area .koho a,
.senkyo-menu .hirei .koho a,
.senkyo-menu .party .koho a,
.senkyo-menu .meikan .koho a,
.senkyo-menu .koho .koho a {color:#6fbc93;}

/* 改憲勢力・非改憲勢力の色 */
.party-color {margin-bottom: 32px;}
.party-color li {list-style-type: none; display: inline-block; font-size: 14px; margin-right: 1em; position: relative; padding-left: 19px; height: 16px; line-height: 16px;}
.party-color li:before {display: inline-block; height: 16px; width: 16px; position: absolute; left: 0; content: ""; border-top:1.2em solid #CCC;}

/* MAPエリア */
.map_wrap {position: relative;}
#abbr {font-size: 12px; position: absolute; width: 400px;}
#abbr span {display: inline-block; margin-right: 0.3em;}
#abbr span:last-child {margin-right: 0;}

/* バナーエリア */
.bnr_eravote {
  text-align: center;
  border:1px solid #004C4E;
  width: 100%;
  display: block;
  margin: 10px auto;
}
.bnr_eravote img {
  width: 100%;
  height: auto;
}
a.bnr_eravote:hover {
  opacity: 0.7
}
.bnr_25san {
  text-align: center;
  width: 100%;
  display: block;
  margin: 10px auto;
}
.bnr_25san img {
  width: 100%;
  height: auto;
}
a.bnr_25san:hover {
  opacity: 0.7
}

/* リニューアル後の修正 */
.meikan-wrapper .main-box { float: left; width: 500px; }
.meikan-wrapper .sub-box { float: right; width: 300px; }
#cx_targetElement .sub-box h2 { font-size:2.0rem; font-weight:bold; }
.Questionnaire {clear:both;}
.list-typeC { margin-top:24px;}
.list-typeC li { padding:16px 0 0; border-top: 1px solid #EEE; min-height: 100px;}
.list-typeC li a:hover {text-decoration:underline;}
.list-typeC li a .keyword {}
.list-typeC li a .thumb { float:right; width:96px; height:64px; margin:0 0 16px 16px;}
.list-typeC li a .midashi {}
.title-wrapper {margin-bottom:16px;}