@charset "utf-8";


/*　bootstrapの解除　*/

* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
 }


 :after, :before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
 }

body {
	font-family:"メイリオ","Meiryo",Helvetica,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif!important;
}


 body{
line-height:1;
 }

ol, ul {
margin-top: 0;
margin-bottom: 0;
}

.h1, .h2, .h3, h1, h2, h3 {
margin-top: 0px;
margin-bottom: 0px;
}

a {
    color:#003366;
}


/*　モーダルのずれをなくす　*/

.modal-open {
overflow: auto;
}


/*　モーダル動作の調整　*/

.collapsing {
-webkit-transition: none 0 ease 0;
transition: none 0 ease 0;
height:0!important;
}

/*　告示ページ全体ユニット　*/

.ch-megatitle-area {
height: 70px;
width:660px;
overflow:hidden;
}

.ch-megatitle {
float: left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.ch-megatitle-schedule {
float: right;
font-size:16px;
line-height: 20px;
margin:25px 15px 0 0;
color:#727171;
}

.ch-navi-area {
width:100%;
/*margin-bottom:1%;*/
}
.ch-navi-area ul{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:0 !important;
}
.ch-navi-area li:nth-last-child(n+1){
	width:49.8%;
	background-color:#40bfb0;
	height:35px;
	border-bottom:3px solid #ecacb5;
	color:#003366;
	font-weight:bold;
	font-size:20px;
	line-height:35px;
	text-align:center;
}
.ch-navi-area li:nth-last-child(-n+4){
	width:24.75%;
	height:35px;
	background-color:#dcdcdc;
	border-bottom:3px solid #ecacb5;
	color:#003366;
	font-weight:bold;
	font-size:20px;
	line-height:35px;
	text-align:center;
}
.ch-navi-area li:nth-child(1),.ch-navi-area li:nth-child(4){
	border-right:2px solid #ecacb5;
}
.ch-navi-area li:nth-child(3),.ch-navi-area li:nth-child(5){
	border-right:2px dotted #999;
}

/*.ch-navi-area li:last-child{
	border-right:none;
}*/




/*.latter_half{
	background-color:#666 !important;
}*/
.latter_half a,.latter_half span{
	color:#444 !important;
}
/*.ch-navi-area li:nth-child(2),.ch-navi-area li:nth-child(5),.ch-navi-area li:nth-child(6){
	border-bottom:3px solid #555;
}*/




.ch-navi-area li span{
 font-size:18px;
 display:block;
}


.ch-naviitem-act{
background-color:#95dfd6 !important;
border-bottom:3px solid #ecacb5!important;
background-image:url(../images/ch-smalltriangle.png);
background-position:center bottom;
background-repeat: no-repeat;
}

/*   ↓20190420修正 選挙区メニュー２行表示↓    */

#contentslink{
	margin-left:2%;
}
.ch-contentslink-area {
  width: 100%;
  background-color: #95dfd6;
  border-top: 3px solid #40bfb0;
  border-bottom: 3px solid #40bfb0;
  overflow: hidden;
  height:30px;
}

.ch-contentslink-area li {
  color: #0081B5;
  line-height: 30px;
  float: left;
  background-image: url(images/ch-contentslink.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  margin: 0 20px 0 0;
  font-weight: bold;
  vertical-align: bottom;
}
/*   ↑20190420修正 選挙区メニュー２行表示↑    */

.ch-contentslink-area li span{
 font-size:18px;
 display:block;
}

.ch-contentslink-area li a{
color:#003366;
}


.ch-categorytitle-area {
overflow: hidden;
}
.ch-categorytitle02{
	background-image: url(../images/ch-middletitle.png);
	background-position:left center;
	background-repeat: no-repeat;
	height:54px;
	padding-left:55px;

}
.ch-categorytitle02 span{
	font-size:24px;
	font-weight:600;
	line-height:54px;
	color:#003366;
}
.ch-categorytitle {
padding:2% 135px 2% 0;
line-height:35px;
height:35px;
margin: 2% 0 1% 0;
float:left;
width:525px;
background-color:white;
}
.ch-categorytitle img{
	width: 20%;
	padding-left: 2%;
	vertical-align:middle;
}

.ch-categorytitle span{
padding:2px 0 0 0;
/*display:block;*/
font-size:24px;
font-weight:bold;
color:#3E3A39;
}

.ch-category-update {
float:right;
font-size:16px;
color:#3E3A39;
font-weight:bold;
/*padding:19px 15px 0 0;
margin:15px 0 3px 0;*/
}

.ch-tab-area {
width:660px;
background-color:#3E3A39;
overflow: hidden;
}

.ch-tab-area li{
height:50px;
float:left;
background-color:#3E3A39;
border-bottom:3px solid #000000;
color:#ffffff;
font-size:20px;
line-height:50px;
text-align:center;
vertical-align: bottom;
cursor:pointer;
}

.ch-tab-dive8 li{
width:12.5%;
}

.ch-tab-dive9 li{
width:11.11111111111%;
}



.ch-tab-area li span{
padding-top: 2px;
font-size:14px;
display:block;
}

.ch-tab-area li a{
color:#ffffff;
text-decoration:none;
}

.ch-tab-area li a:hover{
color:#ffffff;
text-decoration:none;
}



.ch-tab-area .active {
background-color:#40bfb0!important;
border-bottom:3px solid #009f8c!important;
background-image:url(../images/ch-smalltriangle.png);
background-position:center bottom;
background-repeat: no-repeat;
}

.ch-tab-contents {

padding-bottom:25px;
display:none;
}
.kouho_start{
	margin-top:10%;
}

.ch-tab-contents-active{
display:block;
background-color: #d9f4f1;
}

.kouho{
	margin-top:20%;
}




/*　立候補者情報　PC歴基本形式・県議会　外枠 */


.ch-kouji-unit {
10px 20px 0 20px;
width:94%;
margin:2% auto;
overflow:hidden;
}

.ch-kouji-unit-title {
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.ch-kouji-unit-areaname {
width:190px;
height:45px;
line-height:45px;
background-color:#009f8c;
float:left;
position:relative;
align-self: flex-end;
}

.ch-kouji-unit-areaname span {
color:#ffffff;
font-size:20px;
display: block;
padding:2px 0 0 15px;
}


.ch-kouji-unit-teisu {
float:right;
font-size:18px;
font-weight:bold;
padding:15px 15px 0 0;
}

.ch-kouji-dl-area {
background-color: #ffffff;
overflow:hidden;
}


.sht_loader{
width:600px;
height:300px;
position: absolute;
text-align: center;
opacity: 0.5;
z-index:1000;
background-color:#fff;}


#k_8ku .sht_loader{
height:200px;}


/*　立候補者情報　PC歴基本形式・県議会　dl部分 */

.ch-kouji-dl-area dl{
margin:15px 15px 15px 15px;
border-bottom:1.5px solid #727171;
padding-bottom:15px;
position:relative;
page-break-inside:avoid;
}

.ch-kouji-dl-area dt{
display:none;
}

.ch-photo{
float:left;
width:110px;
margin-right:15px;
overflow:hidden;
}

.ch-kouji-no-photo .ch-photo{
display:none;
}


.ch-photo img{
width:110px;
}


.ch-name {
font-size:22px;
float:left;
line-height:25px;
}

.ch-huri {
padding-top:4px;
font-size:16px;
float:left;
padding-bottom:5px;
}

.ch-huri:before {content: "（" ;}

.ch-age {
padding-top:4px;
font-size:16px;
padding-bottom:5px;
}

.ch-age:before {content: "／";}

.ch-age:after {content: "）"; }

.ch-kouji-background{
background-color:#efefef;
background-color:#EFEFEF;
margin:3px 0px 3px 125px;
padding:3px 5px;
width:455px;
}

.ch-kouji-no-photo .ch-kouji-background{
margin:3px 0px 3px 0px;
width:100%;
}


.ch-touha {
padding-top:8px;
font-size:16px;
float:left;
}

.ch-touha:after {content:"・"; }

.ch-sinkyu {
padding-top:8px;
font-size:16px;
float:left;
}

.ch-toureki {
padding-top:8px;
font-size:16px;
}


.ch-reki {
padding-top:8px;
font-size:16px;
line-height:1.3;
}

.ch-reki_s {
display:none;
}

.ch-recomm {
font-size:16px;
text-align:right;
}


/*　　　名簿の見方　　　 */

.ch-meibo{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 140px;
padding-right: 10px;
font-size: 80%;
line-height: 1.4em;
}

.ch-meibo h2{
font-size:115%;
font-weight:bold;
padding-bottom:10px;
}


/*　　　ニュース表示　　　 */


.ch-newstitlearea {
width: 660px;
margin-top:20px;
margin-bottom:20px;
overflow:hidden;
position:relative;
background-position:center bottom;
background-repeat:no-repeat;
}

.ch-ichiranbutton{
position:absolute;
top: 30px;
right:15px;
padding: 8px 60px;
height:24px;
line-height:30px;
color:#ffffff;
background-color:#009f8c;
font-size:18px;
}

.ch-ichiranbutton span{
display:block;
background-image:url(../images/ch-smalltriangle-yoko.png);
background-repeat:no-repeat;
background-position:left center;
padding:0 0 0 15px;
}

.ch-ichiranbutton a{
color:#ffffff;
}


/*　開票情報　PC歴基本形式・県議会　外枠 */


.ch-toukai-unit {
padding:25px 20px 0 20px;
/*width:620px;*/
overflow:hidden;
position:relative;
background-color: #d9f4f1;
}

.ch-toukai-unit-title {
overflow: hidden;
}

.ch-toukai-unit-areaname {
width: 310px;
height:45px;
line-height:45px;
background-color:#009f8c;
float:left;
}

.ch-toukai-unit-areaname span {
color:#ffffff;
font-size: 20px;
display: block;
padding:2px 0 0 15px;
}


.ch-toukai-unit-teisu {
float:right;
font-size:18px;
font-weight:bold;
padding:15px 15px 0 0;
}

.ch-category-time{
	font-weight:100 !important;
	font-size:16px;
	margin:5% 0;
}

.ch-reload-info{
width:620px;
height:45px;
line-height:45px;
background-color:#68cfc3;
position:relative;
}

/* --------2019/03/21----- 追加
.ch-reload-btn{
width:620px;
line-height:45px;
position:relative;
top:45px;
z-index:2;
}
.ch-reloader{
width:620px;
line-height:45px;
position:relative;
top:45px;
z-index:1;
}
/*--------2019/03/21----- 追加 */
.sht_loader{
	width:620px;
	height:300px;
	position: absolute;
	text-align: center;
    opacity: 0.7;
    z-index:1000;
    background-color:#fff;

}
.sht_loader img{
    margin:100px;
    top: 100px;
}
/* --------2019/03/21----- 追加 */

.cht-touhyouritsu{
font-size: 16px;
color:#000;
padding:0 0 0 15px;
float:left;
}

.ch-unit-koushin{
position:absolute;
top: 30px;
left: 200px;
height:35px;
width:100px;
background-color:#ffffff;
text-align:center;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
float: right;
display: inline-block;
}

.ch-unit-koushin a{
text-decoration: none;
cursor:pointer;
}

.ch-unit-koushin a:hover{
text-decoration: none;
cursor:pointer;
opacity:0.5;
}

.ch-unit-koushin span{
color:#40bfb0;
line-height: 32px;
font-size:20px;
}

.cht-kaihyouritsu-area{
float:right;
}

.cht-kaihyouritsu{
font-size: 16px;
color:#003366;
padding:0 10px 0 0;
float:left;
}

.cht-date{
font-size: 16px;
color:#01D;
padding:0 15px 0 0;
float:left;
}

.ch-toukai-dl-area {
background-color: #ffffff;
overflow:hidden;
}



/*　開票情報　PC歴基本形式・県議会　dl部分 */

.ch-toukai-dl-area dl{
margin:15px 15px 8px 15px;
border-bottom:1.5px solid #727171;
padding-bottom:15px;
overflow: hidden;
}

.ch-toukai-dl-area dt{
display:none;
}

.cht-tousen{
width:56px;
height:36px;
float:left;
}


.cht-tou{
margin:0 10px;
/*width:24px;
height:24px;*/
font-size:24px;
text-align:center;
line-height:24px;
padding:4px;
background-color:#FF0000;
border: 2px solid #B6AFAB;
 border-radius:6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color:#ffffff;
float:left;
}

.cht-kaku{
margin:0 10px;
width:24px;
height:24px;
font-size:24px;
text-align:center;
line-height:24px;
padding:4px;
background-color:#F8B62D;
border:2px solid #FAEE00;
 border-radius:6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color:#000000;
float:left;
}

.cht-name{
height:36px;
line-height:36px;
font-size:20px;
float:left;
text-align:center;
width:170px;
}

.cht-hyousu{
height:36px;
line-height:36px;
font-size:24px;
font-weight:bold;
text-align:right;
width:115px;
float:left;
}

.cht-touha{
margin-left:20px;
height:36px;
line-height:36px;
font-size:16px;
float:left;
}

.cht-touha:before{
content:"（";
}


.cht-touha:after{
content:"・";
}

.cht-sinkyu{
height:36px;
line-height:36px;
font-size:16px;
float:left;
}


.cht-sinkyu:after{
content:"）";
}

.chr-keireki-button{
margin:0 20px 0 30px;
width:60px;
height:16px;
font-size:16px;
text-align:center;
line-height:16px;
padding:10px;
background-color:#D3EDFB;
color:#000000;
border:none;
border:0;
}

button{
    outline:none!important;
    border:0;
}

button:-moz-focus-inner{
    outline:none!important;
    border:0;
}

button:hover{
opacity:0.6;
}


.chr-keireki-button:hover{
ouline:none;
}

.chr-keireki-button:link{
ouline:none;
}



/*　モーダルの制御 */

.modal-dialog {
width: 660px;
margin: 30px auto;
}

.modal-close-icon{
font-size:48px;
margin-right:10px;
margin-top:-5px;
}


.modal-titleimage{
height:40px;
}

.modal-header{
border-bottom:none;
padding-top:10px;
}
.modal-footer {
border-top: none;
}

.modal-body{
padding:0 15px;
border-top:1px #A6A8AB solid;
/* border-bottom:1px #A6A8AB solid; */
overflow:hidden;
}

.modal-body dl{
padding-bottom:0;
border-bottom:none;
}



/*　市長選表示　各地区の詳細リンク */

.ch-kouji-syousai-link{
background-color:#ffffff;
color:#037EB9;
font-size:16px;
line-height:18px;
height:18px;
padding: 4px 10px 3px 10px;
position:absolute;
top:10px;
right:10px;
}

.ch-kouji-syousai-link a{
color:#037EB9;
text-decoration: none;
}

.ch-kouji-syousai-link a:hover{
color:#037EB9;
opacity:0.6;
text-decoration: none;
}


/*　市長選表示　立候補者情報内の１分間動画チェック */

.ch-movieicon{
height:25px;
line-height:25px;
font-size:15px;
color:#ffffff;
background-color:#037EB9;
position:absolute;
padding:0 15px;
top: 0px;
right: 0px;
}

.glyphicon-film{
padding-right:5px;
}

.ch-movieicon a{
color:#ffffff;
text-decoration: none;
}

.ch-movieicon a:hover{
opacity:0.6;
text-decoration: none;
}


/*　市長選・議会選リスト */

.ch-dive-shicho{
width:100%;
height:30px;
background-color:#d9f4f1;
/*border-top: 2px solid #009f8c;*/
border-bottom: 2px solid #009f8c;
overflow:hidden;
}
.ch-dive-shicho ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	height:30px;
	width:100%;
	margin-bottom:0 !important;
}
.ch-dive-shicho li {
	color: #0081B5;
	line-height: 30px;
	width:24.65%;
	border-left:2px dotted #009f8c;
	font-weight: bold;
	text-align:center;
}

.ch-dive-shicho li:first-child{
border-left:none;
}

.ch-dive-shicho li span{
 font-size:18px;
 display:block;
}

.ch-dive-shicho li span{
text-decoration:none;
color:#003366;
}

.ch-dive-shicho li span:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-shicho li a:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-gikai{
width:660px;
background-color:#f5dce0;
overflow:hidden;
}

.ch-dive-gikai li {
color: #0081B5;
line-height: 37px;
float: left;
width:108.3333333333px;
height:37px;
border-left:2px dotted #ecacb5;
border-bottom: 2px dotted #ecacb5;
font-weight: bold;
text-align:center;
}
.ch-dive-gikai li:nth-last-of-type(n+7) {
border-top: 2px solid #ecacb5 !important;
}
.ch-dive-gikai li:nth-child(n+7) {
border-bottom: 2px solid #ecacb5 !important;
}

/*
.ch-dive-gikai li:first-child{
border-left:none;
background-color: #3E3A39;
color:#ffffff;
}
*/
.ch-dive-gikai li:first-child{
border-left:none;
}
.ch-dive-gikai li:nth-child(7){
border-left:none;
}

.ch-dive-gikai ul > *:first-child + * + * + * + * + * + *{
border-left:none;
}

.ch-dive-gikai li span{
 padding-top: 1px;
 font-size:18px;
 display:block;
}

.ch-dive-gikai li span{
text-decoration:none;

}

/*
.ch-dive-gikai li:first-child span{
text-decoration:none;
color:#ffffff;
font-weight: normal;
}
*/

.ch-dive-gikai li span:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-gikai li a:hover{
text-decoration:none;
opacity:0.6;
}

.ch-dive-gikai li:first-child span:hover{
text-decoration:none;
opacity:1;
}

.ch-dive-gikai li:first-child a:hover{
text-decoration:none;
opacity:1;
}

.ch-upper{
border-top: 4px solid #2EA7E0;
margin-bottom:30px;
overflow:hidden;
}


/*　市長選・議会選リスト　collpus処理 */

.glyphicon-collapse-down{
padding-left:5px;
display: inline!important;
}

.ch-dive-additional{
text-align:right;
padding:5px 15px 20px 15px;
font-size:16px;
font-weight:bold;
}

.ch-dive-additional a{
text-decoration:none;
color:#0081B5;
}

.ch-dive-additional a:hover{
color:#0081B5;
text-decoration:none;
opacity:0.6;
}

.ch-contentslink-nameplate{
color:#ffffff;
background-color:#037EB9;
text-align:center;
height:37px;
color:#ffffff;
line-height:37px;
background-image: none!important;
margin: 0 20px 0 -20px!important;
padding: 0 20px 0 20px!important;
}

.ch-contentslink-nameplate span{
color:#ffffff;
 padding-top: 0px;
 font-size:18px;
 display:block;
 font-weight:normal;
}


.movieList{
margin:0 auto;
width: 470px;
}

.ch-grayarea{
background-color:#DCDDDD;
}

.ch-grayplate{
background-color:#898989;
}

/*　市長選・議会選の選択　toggle処理追加 */

.ch-slide-box{
display:none;
}

.ch-slide-btn{
cursor:pointer;
}

.ch-current{
display:block;
}


/*　無投票当選 */

.ch-mutouhyou{
padding:12px 0 10px 0;
text-align:center;
color:#ffffff;
margin:10px 15px;
background-color:#ff5656;
font-size:20px;
line-height:20px;
}


/*　トップに戻るボタンのつくり */

#page-top-go {
position: fixed;
bottom: 80px;
left: center;
font-size: 85%;
display:none;
z-index: 5000;
}
#page-top-go a {
background: #333;
text-decoration: none;
color: #fff;
width: 130px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#page-top-go a:hover {
text-decoration: none;
background: #999;
}

body{
    height:auto!important;
}

/* 2019/04/16 素材の高さを外す対応 */
.heightLine-mvlist{
          height: 216px;
}


/*   20190417追加 動画/ニュースリンクボタン    */


.ch-linkicon-area{
    margin:0 auto 30px auto;
    overflow: hidden;
    width: 620px;

    border-bottom:2px solid #727171;
    padding:8px 0px 8px 0;
    background-color:#DCDDDD;
}

.ch-linkicon-area ul{
    float:right;
    padding-right:15px;
}

.ch-linkicon-area li{
    margin-left:15px;
    float:left;
}

.ch-linkicon-large{
    background-color:#009f8c;
    font-size:18px;
    text-align:center;
    width:180px;
    padding:8px 0;
}

.ch-linkicon-large a{
    color:#ffffff;
}