@charset "UTF-8";
/*
 * cmn_election.css
 *
 */
/*  -------------------------------------------------------------- */
body{
 background: url(/images/common/pc_main_bg.jpg) repeat;
 text-align: center;
 margin:0 auto;
}
#contents .inner{
 width: 980px;
 margin: 0 auto;
}
/* header */
#header{
 width: 945px;
 margin:0 auto;
 padding: 20px 20px 20px 15px;
background-color: #FFF;
}
#header a img:hover{
 opacity: 0.7;
}
#header h1{
 width: 286px;
 float:left;
}
#header #gNavi{
 width: 595px;
 float:right;
}
#header #gNavi li{
 float:left;
 width: 105px;
 padding:0 5px;
 border-right: 1px dotted #000;
}
#header #gNavi li:last-child{
 border: none;
}
#header #gNavi li a{
 display: block;
}
/* トップへ戻る */
.to_top{
 text-align: right;
 font-size: 16px;
}
#contents .to_top a{
  display: block;
  float:right;
  color: #c80101;
}
.to_top a.top_nav{
  display: block;
  padding:17px 10px 0 0 ;
}
/* a */
#contents a{
 color: #000;
 text-decoration: underline;
}
#contents a img:hover{
 opacity: 0.7;
}
/* 枠線 */
.bd_blue{
 background-color: #FFF;
padding: 10px 0;
 border: 2px solid #0053ac;
 line-height: 1.2;
}
/* ポイント数 */
.total_point{
 line-height: 1em;
 font-size: 30px;
}
.total_point .count{
 background-color: #FFF;
 border: 2px solid #c80101;
 line-height: 1em;
 display:inline-block
}
.total_point .count.bb{
 border: 2px solid #0053ac;
}
/* テキスト */
.memo{
 font-size: 18px;
}
.txt{
 font-size: 16px;
 text-align: left;
}
.txt_link{
 font-size: 25px;
 padding-left: 30px;
 background: url(/images/common/icon_arrow_04.png) no-repeat left bottom;
}
.txt_link_top{
 font-size: 25px;
 padding-left: 30px;
 background: url(/images/common/icon_arrow_05.png) no-repeat left bottom;
}
/* 揃え */
.center{
 text-align: center;
}
.left{
 text-align: left;
}

/* about ------------------------------------------- */
#contents.about{
 padding-top: 10px;
 font-size: 16px;
 text-align: left;
}
.about_vote .fl{
 float:left;
 width: 484px;
}
.about_vote .fr{
 float:right;
 width: 475px;
}
.schedule {
 text-align: center;
}
/* vote ------------------------------------------- */
#contents.vote{
 padding-top: 10px;
 font-size: 16px;
}
.tabload_area {
  position: relative;
}
.tabload_area div {
  width: 925px;
}
.vote .vote_tab li.fl{
 float:left;
 width: 480px;
}
.vote .vote_tab li.fr{
 float:right;
 width: 480px;
}
.vote #eat_guide .guide_box{
 background-color: #FFF;
 padding: 0 30px 36px 0;
}
.vote #tw_guide .guide_box{
 background-color: #FFF;
 padding: 0 30px 36px 0;
}

.vote .ttl_area .fl{
 float:left;
 width: 777px;
 text-align: left;
}
.vote .ttl_area .fr{
 float:right;
 width: 114px;
 padding-top:15px;
}
.vote .guide_area{
  padding-left:25px;
}
.vote .guide_area .fl{
 float:left;
 width: 372px;
}
.vote .guide_area .fr{
 float:right;
 width: 550px;
 padding-top: 17px;
 text-align: right;
}
.vote .guide_area .fr li{
 display: inline-block;
}
.vote .app_area {
 text-align: left;
  padding-left:25px;
}
.vote .app_area li{
    display: table-cell;
    font-size: 14px;
    vertical-align: middle;
}
.vote .app_area li.app_btn img{
  display: inline-block;
 margin: 0 6px 0 13px;
}
.vote #tw_guide .a_block{
  float:left;
  width: 444px;
  border:3px solid #c80101;
  margin-left:30px;
}
.vote #tw_guide .b_block{
  float:right;
  width: 444px;
  border:3px solid #0053ac;
}

.vote .burger_list li{
  float:left;
  width: 140px;
  margin:5px 0 5px 6px;
}

/* vote  ------------------------------------------- */
#contents.burger{
 padding-top: 10px;
 font-size: 16px;
}
#contents.burger .entry{
 position: relative;
}
#contents.burger .entry_inner{
border: 5px solid #000;
background-color: #FFF;
width: 970px;
margin: 0 auto 30px;
padding-bottom: 30px;
}
#contents.burger .burger_commitment{
float: left;
width: 430px;
margin-left:25px;
}
#contents.burger .burger_status{
float: right;
width: 465px;
text-align: left;
margin-right:25px;
}
#contents.burger .total_point{
  font-size: 15px;
  font-weight: 600;
margin-left:27px;
}
#contents.burger .total_point .count{
  text-align: center;
  padding: 2px 0 5px;
  width: 280px;
  margin: 0 6px 0 2px;
  font-weight: normal;
}
#contents.burger .total_point.ranking{
  margin-bottom:99px;
}
.total_point .count.b_block{
 border: 2px solid #0053ac;
}
#contents.burger .tw_btn{
 text-align: center;
 margin: 0 auto;
}
#contents.burger .prev{
position: absolute;
top: 253px;
left: 0;
}
#contents.burger .next{
position: absolute;
top: 253px;
right: 0;
}

/* tweet
.-------------------------------------------------------------- */
#contents.burger .burger_commit_img{
float: left;
width: 490px;
}

#contents.burger .burger_tw {
    float: right;
    width: 475px;
    text-align: left;
}

.tw textarea{
 width: 100%;
 padding: 6px;
 font-size: 16px;
 line-height: 1.5em;
 height:240px;
 margin-bottom:30px;
    display: block;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: sans-serif;
    color: #292f33;
    overflow: auto;
}
.tw fieldset.submit {
    text-align: right;
}
.button {
    color: #fff;
    background-color: #1da1f2;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    border: 1px solid #1da1f2;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
  display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
}

/* graph
.-------------------------------------------------------------- */
#contents.graph {
    padding-top: 10px;
  text-align: left;
}
.graph .block_a{
  width: 475px;
  float:left;
}
.graph .block_a .block_inner{
 background-color: #FFF;
 border: 5px solid #c80101;
 padding: 13px 15px 5px;
 overflow: hidden;
}
.graph .block_b{
  width: 475px;
  float:right;
}
.graph .block_b .block_inner{
 background-color: #FFF;
 border: 5px solid #0053ac;
 padding: 13px 15px 5px;
 overflow: hidden;
}
.graph_box {
  padding: 5px 0 0;
  border-bottom: 1px dashed #000;
}
.graph_box.last {
  border-bottom: 1px solid #fff;
}
.graph_box .fl{
  width: 150px;
  float:left;
}
.graph_box .fr{
  width: 275px;
  float:left;
  margin-left: 10px;
  padding-top :21px;
}
#contents.graph .total_point .count{
  text-align: center;
  padding: 2px 0 5px;
  width: 238px;
  margin: 0 6px 0 2px;
  font-weight: normal;
 border: 2px solid #000;
}
.graph .point_graph li {
    height: 30px;
    width: 100%;
    background: url(/images/graph/graph_bg_01.png) no-repeat;
    margin-bottom:5px;
}
.graph .block_a .point_graph li span {
  display: block;
  height: 30px;
  width: 0;
  background-color: #c80101;
}
.graph .block_b .point_graph li span {
  display: block;
  height: 30px;
  width: 0;
  background-color: #0053ac;
}
/* channel------------------------------------------- */
#contents.channel{
 padding-top: 10px;
 font-size: 16px;
 text-align: left;
}
.channel .channel_area{
 position: relative;
}
.channel .channel_area .tv_room{
margin-bottom: 20px;
}
.channel .channel_area .movie_area{
 position: absolute;
 top:71px;
 right:60px;
 width: 554px;
 z-index: 20;
}
.channel .channel_area .tv_women{
 position: absolute;
 top:0;
 left:0;
 width: 432px;
 z-index: 20;
}

#contents.channel .channel_box{
}
#contents.channel .head_ttl{
    background-color: #FFF;
    text-align: center;
    padding: 9px 0;
    border: 3px solid #c80101;
    color: #c80101;
    font-weight: bold;
    margin: 0 23px 23px;
    line-height: 1em;
}
#contents.channel .movie_list li {
    float: left;
    width: 280px;
    margin: 0 23px;
    height: 253px;
}
#contents .text_link a{
  color:#c80101;
  text-decoration:underline;
}
/* terms ------------------------------------------- */
#contents.terms{
 padding-top: 10px;
 font-size: 12px;
 text-align: left;
}
#contents.terms .terms_box{
  padding:50px;
  border:1px solid #c80101;
  background-color: #FFF;
}
/*Phase2 -------------------------------------------------------------- */
.final_list{
 background: url(/images/top/final_bg_02.png) no-repeat;
 height: 410px;
 padding-top:80px;
}
.final_list .final_a{
 float:left;
 width: 288px;
 margin-left: 70px;
}
.final_list .final_b{
 float:right;
 width: 288px;
 margin-right:70px;
}
.final_list a img{
  border: 5px solid #FFF;
}
.vote .final_list{
 background: url(/images/vote/final_bg_vote.png) no-repeat;
}
.vote .final_list .final_a{
 margin-left: 40px;
}
.vote .final_list .final_b{
 margin-right:40px;
}
.final_burger .final_point{
  margin: 20px 70px;
}
.final_point .total_point{
  width: 350px;
  float:left;
}
.final_point .total_point.final_b{
  float:left;
  padding-left:134px;
}
.final_point .total_point .count {
    text-align: center;
    padding: 2px 0 5px;
    width: 285px;
    margin-right: 6px;
    border: 2px solid #c80101;
}
.final_point .total_point.final_b .count {
    border: 2px solid #0053ac;
}

#contents.graph .total_point.final_a .count {
    text-align: center;
    padding: 2px 0 5px;
    width: 285px;
    margin-right: 6px;
    border: 2px solid #c80101;
}
#contents.graph .total_point.final_b .count {
    text-align: center;
    padding: 2px 0 5px;
    width: 285px;
    margin-right: 6px;
    border: 2px solid #0053ac;
}
.final_burger .point_graph li {
  display: block;
  height: 63px;
  width: 100%;
  background: url(/images/graph/graph_bg_blue.png) repeat;
}
.final_burger .point_graph li span {
   display: block;
  height: 63px;
  width: 50%;
  background: url(/images/graph/graph_bg_red.png) repeat;
}