body{
-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	font-family: 'Noto Sans JP', sans-serif;
	color: #17263a;
}

a{
	text-decoration: none;
	outline: none;
	color: inherit;
}

a:hover{
	color: inherit;
	text-decoration: none;
}

/* ヘッダー */
#header{
	width: 100%;
	padding: 0 15px 10px;
	box-sizing: border-box;
/*
	background-image: url("../img/bg/bg1.jpg");
	background-size: cover;
*/
}

#header h1{
	font-size: 0;
	content: url("/election2024/img/logo2024.jpg");
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	height: auto;
}

.header_img {
	position: absolute;
	left: 14px;
	top: 12px;
	z-index: 1;
	opacity: 1;
	transition: .4s;
}
.header_img img {
	width: 158px;
}

@media ( max-width : 600px ) {
#header{
	padding: 0 0 10px;
	background-image: url("../img/bg/bg1.jpg");
	background-size: 1250px;
}

#header h1{
	
}

.header_img {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1;
	opacity: 1;
	transition: .4s;
}
.header_img img {
	width: 120px;
}
}


/* ナビ */
#nav{
	width: 100%;
	background-color: #22b98c;
}

#nav .nav_wrap{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
}

#nav .nav_wrap a{
	display: flex;
	max-width: 200px;
	width: 100%;
	height: 70px;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-left: solid 2px #fff;
	font-size: 18px;
	letter-spacing: 0.05em;
	font-weight: 700;
}

#nav .nav_wrap a.rb{
	border-right: solid 2px #fff;
}

#nav .nav_wrap a.dummy{
	display: none;
	pointer-events: none;
}

#nav .nav_wrap a:hover{
	background-color: #ea66a2;
}


@media ( max-width : 700px ) {
#nav{
	background-color: #fff;
}

#nav .nav_wrap{
	flex-wrap: wrap;
}

#nav .nav_wrap a{
	max-width: calc(50% - 2px);
	height: 47px;
	background-color: #22b98c;
	margin-bottom: 2px;
	border: none;
	font-size: 14px;
}

#nav .nav_wrap a:nth-child(even){
	margin-left: 2px;
}

#nav .nav_wrap a.rb{
	border: none;
	margin-bottom: 0;
}

#nav .nav_wrap a.dummy{
	display: inherit;
	margin-bottom: 0;
}
}

/* 紹介文 */
#description{
	width: 100%;
	padding: 40px 17px 15px;
	box-sizing: border-box;
}

#description .description_wrap{
	width: 100%;
	max-width: 900px;
	margin: 26px auto;
	padding: 30px 50px;
	font-size: 120%;
	line-height: 1.3em;
	border: 3px #2a5311 solid;
	border-radius: 10px;
	box-sizing: border-box;
}

#description .description_wrap .img-area a:hover img{
	/*transform: scale(1.1);*/
	opacity: .7;
}

@media ( max-width : 600px ) {
#description{
	box-sizing: border-box;
}
#description .description_wrap{
	width: 100%;
	margin: 0 auto;
	padding: 20px 15px;
	font-size: 110%;
}
}



/* ニュース */
#news{
	width: 100%;
	background-color: #f4f5f5;
	padding: 40px 17px 50px;
	box-sizing: border-box;
/*	background-image: url("../../election2021/img/bg/bg2.jpg");
	background-size: cover;*/

}

#news img{
	max-width: 100%;
	height: auto;
	transition: .3s;
	display: inherit;
    	max-height: 171px;
    	margin: 0 auto;
}

#news h2{
	font-size: 200%;
	text-align: center;
	font-weight: 800;
	color: #2a5311;
	margin: 0 auto 30px;
/*	height: auto;
	width: 100%;
	content: url("../../election2021/img/logo/news.svg");
	max-width: 278px;*/
	line-height: 35px;
}

#news .wrap{
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	position: relative;
}

#news .col-4-wrap{
	display: flex;
	margin: 0 -6px;
}

#news .col-4-wrap a{
	display: block;
	width: 304px;
	height: auto;
	margin: 0 6px;
	background-color: #fff;
	position: relative;
}

#news .col-4-wrap a article{
	overflow: hidden;
}

#news .col-4-wrap a:hover img{
	transform: scale(1.1);
}

#news .col-4-wrap a .news-txtarea{
	padding: 15px 15px 13px;
}

#news .col-4-wrap a .news-txtarea h3{
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0.05em;
	font-weight: 700;
	margin-bottom: 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 42px;
	
}

#news .col-4-wrap a:hover .news-txtarea h3{
	color: #ea66a2;
}

#news .col-4-wrap a .news-txtarea .news-date{
	font-size: 12px;
	letter-spacing: 0.06em;
	font-weight: 300;
	margin-bottom: 0;
	/*position: absolute;
	bottom: 18px;*/
	color: #646464;
}

#news .more-wrap{
	position: absolute;
	right: 0;
	top: -62px;
	margin-bottom: 0;
}

#news .more{
	display: flex;
	width: 190px;
	height: 42px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
	background-color: #22b98c;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 auto;
	transition: .3s;
}

#news .more:hover{
	background-color: #ea66a2;
}

#news .more::after {
	content: url("../../election2021/img/icon/arrow.svg");
	right: 12px;
	position: absolute;
	top: 20%;
	width: 7px;
}


@media ( max-width : 700px ) {
#news{
	padding: 27px 17px 30px;
	background-size: 1250px;
}



#news h2{
	font-size: 170%;
	margin: 0 auto 18px;
	height: auto;
/*	max-width: 206px;*/
}
	
#news .col-4-wrap{
	display: block;
	margin: 0;
}
	
#news .col-4-wrap a{
	display: flex;
	width: 100%;
	margin: 0 0px 9px;
	padding: 4px;
}
	
#news .col-4-wrap a:last-of-type{
	margin: 0 0px 17px;
}

#news .col-4-wrap a article{
	max-width: 47.5%;
	width: 100%;
}

#news .col-4-wrap a .news-txtarea{
	padding: 6px 15px 5px;
	max-width: 52%;
}

#news .col-4-wrap a .news-txtarea h3{
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.03em;
	margin-bottom: 7px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
	min-height: 54px;
}

#news .col-4-wrap a .news-txtarea .news-date{
	font-size: 11px;
}

#news .more-wrap{
	position: inherit;
	right: 0;
	top: 0px;
}

#news .more{
	width: 211px;
	height: 47px;
	font-size: 14px;
	letter-spacing: 0.09em;
}
#news .more::after {
	right: 18px;
	top: 28%;
	width: 7px;
}
#news img {
    	max-width: 100%;
    	height: auto;
    	display: inherit;
    	max-height: 89.45px;
    	margin: 0 auto;
}
}



/* Youtubeチャンネル */
#youtube{
	width: 100%;
	margin: 0 auto;
	padding: 40px 17px 50px;
	box-sizing: border-box;
}

#youtube img{
	max-width: 100%;
	height: auto;
	transition: .3s;
}

#youtube h2{
	font-size: 200%;
	text-align: center;
	font-weight: 800;
	color: #2a5311;
	margin: 0 auto 30px;
/*	height: auto;
	width: 100%;
	content: url("../../election2021/img/logo/news.svg");
	max-width: 278px;*/
	line-height: 35px;
}

#youtube .wrap{
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	position: relative;
}

#youtube .col-4-wrap{
	display: flex;
	margin: 0 -6px;
	justify-content: center;
}

#youtube .col-4-wrap a{
	display: block;
	width: 304px;
	height: auto;
	margin: 0 6px;
	background-color: #fff;
	position: relative;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

#youtube .col-4-wrap a article{
	overflow: hidden;
}

#youtube .col-4-wrap a:hover img{
	transform: scale(1.1);
}

#youtube .col-4-wrap a .youtube-txtarea{
	padding: 15px 15px 13px;
}

#youtube .col-4-wrap a .youtube-txtarea h3{
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0.05em;
	font-weight: 700;
	margin-bottom: 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 42px;
	
}

#youtube .col-4-wrap a:hover .youtube-txtarea h3{
	color: #ea66a2;
}

#youtube .col-4-wrap a .youtube-txtarea .youtube-date{
	font-size: 12px;
	letter-spacing: 0.06em;
	font-weight: 300;
	margin-bottom: 0;
	/*position: absolute;
	bottom: 18px;*/
	color: #646464;
}

#youtube .more-wrap{
	position: absolute;
	right: 0;
	top: -62px;
	margin-bottom: 0;
}

#youtube .more{
	display: flex;
	width: 190px;
	height: 42px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
	background-color: #22b98c;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 auto;
	transition: .3s;
}

#youtube .more:hover{
	background-color: #ea66a2;
}

#youtube .more::after {
	content: url("../../election2021/img/icon/arrow.svg");
	right: 12px;
	position: absolute;
	top: 20%;
	width: 7px;
}

#youtube h2 .brsp{
	display: none;
}

#youtube h2 .brpc{
	display: block;
}

@media ( max-width : 700px ) {
#youtube{
	background-size: 1250px;
}
#youtube .youtube{
	padding: 27px 17px 30px;
}

#youtube h2{
	font-size: 170%;
	margin: 0 auto 18px;
	height: auto;
/*	max-width: 206px;*/
}
	
#youtube .col-4-wrap{
	display: block;
	margin: 0;
}
	
#youtube .col-4-wrap a{
	display: flex;
	width: 100%;
	margin: 0 0px 9px;
	padding: 4px;
}
	
#youtube .col-4-wrap a:last-of-type{
	margin: 0 0px 17px;
}

#youtube .col-4-wrap a article{
	max-width: 47.5%;
	width: 100%;
}

#youtube .col-4-wrap a .youtube-txtarea{
	padding: 6px 15px 5px;
	max-width: 52%;
}

#youtube .col-4-wrap a .youtube-txtarea h3{
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.03em;
	margin-bottom: 7px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
	min-height: 54px;
}

#youtube .col-4-wrap a .youtube-txtarea .youtube-date{
	font-size: 11px;
}

#youtube .more-wrap{
	position: inherit;
	right: 0;
	top: 0px;
}

#youtube .more{
	width: 211px;
	height: 47px;
	font-size: 14px;
	letter-spacing: 0.09em;
}
#youtube .more::after {
	right: 18px;
	top: 28%;
	width: 7px;
}

#youtube h2 .brsp{
	display: block;
}

#youtube h2 .brpc{
	display: none;
}
}


/* 選挙ニュース */
#electionnews{
	width: 100%;
	padding: 40px 17px 50px;
	background-color: #f4f5f5;
	box-sizing: border-box;
/*	background-image: url("../../election2021/img/bg/bg2.jpg");
	background-size: cover;*/
}

#electionnews img{
	max-width: 100%;
	height: auto;
	transition: .3s;
}

#electionnews h2{
	font-size: 200%;
	text-align: center;
	font-weight: 800;
	color: #2a5311;
	margin: 0 auto 30px;
/*	height: auto;
	width: 100%;
	content: url("../../election2021/img/logo/news.svg");
	max-width: 278px;*/
	line-height: 35px;
}

#electionnews .wrap{
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	position: relative;
}

#electionnews .col-4-wrap{
	display: flex;
	margin: 0 -6px;
	justify-content: center;
}

#electionnews .col-4-wrap a{
	display: block;
	width: 304px;
	height: auto;
	margin: 0 6px;
	background-color: #fff;
	position: relative;
}

#electionnews .col-4-wrap a article{
	overflow: hidden;
}

#electionnews .col-4-wrap a:hover img{
	transform: scale(1.1);
}

#electionnews .col-4-wrap a .news-txtarea{
	padding: 15px 15px 13px;
}

#electionnews .col-4-wrap a .news-txtarea h3{
	font-size: 15px;
	line-height: 21px;
	letter-spacing: 0.05em;
	font-weight: 700;
	margin-bottom: 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	min-height: 42px;
	
}

#electionnews .col-4-wrap a:hover .news-txtarea h3{
	color: #ea66a2;
}

#electionnews .col-4-wrap a .news-txtarea .news-date{
	font-size: 12px;
	letter-spacing: 0.06em;
	font-weight: 300;
	margin-bottom: 0;
	/*position: absolute;
	bottom: 18px;*/
	color: #646464;
}

#electionnews .more-wrap{
	position: absolute;
	right: 0;
	top: -62px;
	margin-bottom: 0;
}

#electionnews .more{
	display: flex;
	width: 190px;
	height: 42px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
	background-color: #22b98c;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 auto;
	transition: .3s;
}

#electionnews .more:hover{
	background-color: #ea66a2;
}

#electionnews .more::after {
	content: url("../../election2021/img/icon/arrow.svg");
	right: 12px;
	position: absolute;
	top: 20%;
	width: 7px;
}

#electionnews .brsp{
	display: none;
}

#electionnews .brpc{
	display: block;
}

@media ( max-width : 700px ) {
#electionnews{
	background-size: 1250px;
	padding: 27px 17px 30px;
}

#electionnews h2{
	font-size: 170%;
	margin: 0 auto 18px;
	height: auto;
/*	max-width: 206px;*/
}
	
#electionnews .col-4-wrap{
	display: block;
	margin: 0;
}
	
#electionnews .col-4-wrap a{
	display: flex;
	width: 100%;
	margin: 0 0px 9px;
	padding: 4px;
}
	
#electionnews .col-4-wrap a:last-of-type{
	margin: 0 0px 17px;
}

#electionnews .col-4-wrap a article{
	max-width: 47.5%;
	width: 100%;
}

#electionnews .col-4-wrap a .news-txtarea{
	padding: 6px 15px 5px;
	max-width: 52%;
}

#electionnews .col-4-wrap a .news-txtarea h3{
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0.03em;
	margin-bottom: 7px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
	min-height: 54px;
}

#electionnews .col-4-wrap a .news-txtarea .news-date{
	font-size: 11px;
}

#electionnews .more-wrap{
	position: inherit;
	right: 0;
	top: 0px;
}

#electionnews .more{
	width: 211px;
	height: 47px;
	font-size: 14px;
	letter-spacing: 0.09em;
}
#electionnews .more::after {
	right: 18px;
	top: 28%;
	width: 7px;
}

#electionnews h2 .brsp{
	display: block;
}

#electionnews h2 .brpc{
	display: none;
}
}


/* 選挙のギモン */
.modaal-content-container p{
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0.04em;
	color: #002e2f;
	display: table;
  	margin: 0 auto;
	padding: 25px 0 30px;
}

.modaal-content-container {
    padding: 0px;
}

.modaal-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: auto;
    text-align: left;
    color: #000;
    max-width: 700px;
    border-radius: 0px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: auto;
}

.modaal-content-container .d1{
    background-color: #ff7fbf;
	padding: 14px 0px 15px;
}

.modaal-content-container .d2{
    background-color: #7fbcff;
	padding: 14px 0px 15px;
}

.modaal-content-container .d3{
    background-color: #f3f399;
	padding: 14px 0px 15px;
}

.modaal-content-container .d4{
    background-color: #78e1d5;
	padding: 14px 0px 15px;
}

.modaal-content-container .d5{
    background-color: #d5aaff;
	padding: 14px 0px 15px;
}

.modaal-content-container .d6{
    background-color: #cff7a5;
	padding: 14px 0px 15px;
}

.modaal-content-container .d7{
    background-color: #ffaaaa;
	padding: 14px 0px 15px;
}

.modaal-content-container .d1 h3{
	font-size: 0;
	content: url("../../election2021/img/map/d1.svg");
	width: 76px;
	margin: 0 auto;
}

.modaal-content-container .d2 h3{
	font-size: 0;
	content: url("../../election2021/img/map/d2.svg");
	width: 77px;
	margin: 0 auto;
}

.modaal-content-container .d3 h3{
	font-size: 0;
	content: url("../../election2021/img/map/d3.svg");
	width: 77px;
	margin: 0 auto;
}

.modaal-content-container .d4 h3{
	font-size: 0;
	content: url("../../election2021/img/map/d4.svg");
	width: 77px;
	margin: 0 auto;
}

.modaal-content-container .d5 h3{
	font-size: 0;
	content: url("../../election2021/img/map/d5.svg");
	width: 77px;
	margin: 0 auto;
}

.modaal-content-container .d6 h3{
	font-size: 0;
	content: url("../../election2021/img/map/d6.svg");
	width: 77px;
	margin: 0 auto;
}

.modaal-content-container .d7 h3{
	font-size: 0;
	content: url("../../election2021/img/map/d7.svg");
	width: 77px;
	margin: 0 auto;
}

area{
	outline: none;
	border: none;
}




@media ( max-width : 600px ) {


.modaal-content-container p{
	font-size: 17px;
	line-height: 29px;
	display: table;
	padding: 20px 0 25px;
}

.modaal-container {
    max-width: 340px;
}

.modaal-content-container .d1{
	padding: 8px 0px 9px;
}

.modaal-content-container .d2{
	padding: 8px 0px 9px;
}

.modaal-content-container .d3{
	padding: 8px 0px 9px;
}

.modaal-content-container .d4{
	padding: 8px 0px 9px;
}

.modaal-content-container .d5{
	padding: 8px 0px 9px;
}

.modaal-content-container .d6{
	padding: 8px 0px 9px;
}

.modaal-content-container .d7{
	padding: 8px 0px 9px;
}

.modaal-content-container .d1 h3{
	width: 60px;
}

.modaal-content-container .d2 h3{
	width: 61px;
}

.modaal-content-container .d3 h3{
	width: 61px;
}

.modaal-content-container .d4 h3{
	width: 61px;
}

.modaal-content-container .d5 h3{
	width: 61px;
}

.modaal-content-container .d6 h3{
	width: 61px;
}

.modaal-content-container .d7 h3{
	width: 61px;
}


}



/* アンケート */

/* 候補者 */

/* リンク集 */
#link{
	width: 100%;
	padding-bottom: 50px;
}

#link .wrap {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	position: relative;
}

#link .wrap .col-4-wrap {
	display: flex;
	justify-content: center;
/*	gap: 20px;*/
}

#link .wrap .col-4-wrap a {
	margin: 0 4px;
}

#link .wrap .col-4-wrap a img {
	width: 100%;
}

#link .wrap .col-4-wrap a:hover{
	opacity: .7;
}

#link .wrap .col-6-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

#link .wrap .col-6-wrap a {
	margin: 0 4px;
}

#link .wrap .col-6-wrap a img {
	width: 100%;
}

#link .wrap .col-6-wrap a:hover{
	opacity: .7;
}

#link h2{
	/*font-size: 0;
	content: url("../../election2021/img/logo/link.svg");
	height: auto;
	margin: 0 auto 30px;
	max-width: 201px;
	height: auto;*/
	font-size: 200%;
    	text-align: center;
    	font-weight: 800;
    	color: #2a5311;
    	margin: 0 auto 30px;
	line-height: 35px;
}
#link h2 .brsp{
	display: none;
}

#link h2 .brpc{
	display: none;
}

#link .link-wrap{
	margin: 0 auto;
	width: 100%;
	max-width: 822px;
	display: flex;
	justify-content: center;
}

#link .link-wrap a{
	margin: 0 12px;
	width: 30%;
}



#link .center{
	margin: 0 auto;
}

@media ( max-width : 700px ) {
#link{
	padding: 24px 11px 19px;
	box-sizing: border-box;
}

#link .wrap {
}

#link .wrap .col-4-wrap {
	flex-wrap: wrap;
	gap: 10px;
}

#link .wrap .col-6-wrap {
	flex-wrap: wrap;
	gap: 10px;
}

#link .wrap .col-6-wrap a {
	width: 45%;
}

#link .wrap img {
	width: 80%;
}

#link .wrap a {
	text-align: center;
}

#link h2{
	font-size: 170%;
    	margin: 0 auto 18px;
    	height: auto;
}
#link h2 .brsp{
	display: block;
}

#link h2 .brpc{
	display: none;
}
#link .link-wrap{
	flex-wrap: wrap;
}

#link .link-wrap a{
	/*max-width: 164px;*/
	margin: 0 6px 11px;
	width: calc(50% - 12px);
}	
}


/* フッター */
#footer{
	background-color: #2a5311;
	text-align: center;
	padding: 13px 0;
	color: #fff;
}

@media ( max-width : 600px ) {
#footer{
	padding: 11px 0;
}
}







/* シェアボタン */
.share {
	display: flex;
	justify-content: flex-end;
	margin: 10px auto 0;
	max-width: 980px;
	width: 100%;
}
.share .tw{
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1d91e2;
	border: solid 1px #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-left: 11px;
}

.share .tw::before{
	content: url("/dearboss/img/icon/twitter_w.svg");
	width: 13px;
	margin-right: 5px;
	height: 16px;
}

.share .tw:hover{
	color: #1d91e2;
	background-color: #fff;
	border:1px solid #1d91e2;
}

.share .tw:hover::before{
	content: url("/dearboss/img/icon/twitter.svg");
}
.share .x{
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #000000;
	border: solid 1px #000000;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-left: 11px;
}

.share .x::before{
	content: url("/img/icon/x_w.svg");
	width: 13px;
	margin-right: 5px;
	height: 11px;
}

.share .x:hover{
	color: #000000;
	background-color: #fff;
}

.share .x:hover::before{
	content: url("/img/icon/x_b.svg");
}

.share .fb{
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1877ed;
	border: solid 1px #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-left: 11px;
}

.share .fb::before{
	content: url("/dearboss/img/icon/facebook_w.svg");
	width: 7px;
	margin-right: 11px;
	height: 16px;
}

.share .fb:hover{
	color: #1877ed;
	background-color: #fff;
	border:1px solid #1877ed;
}

.share .fb:hover::before{
	content: url("/dearboss/img/icon/facebook.svg");
}

@media ( max-width : 600px ) {
#caption{
	width: 100%;
	margin: 0 0 -10px;
}
#caption .share {
	margin-top: 10px;
    	float: right;
}
#caption .share .tw{
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1d91e2;
	border: solid 1px #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-right: 11px;
	margin-left: 0;
	float: left;
}

#caption .share .tw::before{
	content: url("/dearboss/img/icon/twitter_w.svg");
	width: 13px;
	margin-right: 5px;
	/*height: 11px;*/
}

#caption .share .tw:hover{
	color: #1d91e2;
	background-color: #fff;
	border: 1px solid #1d91e2;
}

#caption .share .tw:hover::before{
	content: url("/dearboss/img/icon/twitter.svg");
}

#caption .share .fb{
	width: 90px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #1877ed;
	border: solid 1px #fff;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	padding-bottom: 1px;
	border-radius: 30px;
	position: relative;
	transition: .3s;
	margin-right: 11px;
	margin-left: 0;
	float: left;
}

#caption .share .fb::before{
	content: url("/dearboss/img/icon/facebook_w.svg");
	width: 7px;
	margin-right: 11px;
}

#caption .share .fb:hover{
	color: #1877ed;
	background-color: #fff;
	border:1px solid #1877ed;
}

#caption .share .fb:hover::before{
	content: url("/dearboss/img/icon/facebook.svg");
}
}

/* 結果画像 */
#cboxOverlay {
  background: #000;
}
#cboxLoadedContent {
  background: #fff;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
  -moz-box-shadow: 0px 1px 10px #000000;
  -webkit-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}
.sub-img {
      	display: flex;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1250px;
      margin: 0 auto 30px;
}
.sub-img .sub_one_pc {
    	padding: 0 10px 10px;
    	transition: .4s;
    	width: calc( 100% / 2);
}
.sub-img .sub_one_pc a{
	transition: .4s;
}
.sub-img .sub_one_pc .sub:hover {
	opacity: .7;
}
.sub-img .sub_one_sp {
      	display: none;
}

@media ( max-width : 600px ) {
.sub-img {
      	display: flex;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%;
      max-width: 1250px;
      margin: 0 auto 10px;
}
.sub-img .sub_one_pc {
        	display: none;
 }
.sub-img .sub_one_sp {
          	display: block;
    	padding: 0 17px 10px;
    	transition: .4s;
    	width: 100%;
}
}

/* 岸田さんアンケート */
.acd_kekka_area {
      	display:none;
}
#kishida_acd {
      	overflow-y: scroll;
      	padding: 15px 10px !important;
}
#kishida_acd::-webkit-scrollbar {
	width: 10px;
  	height: 10px;
}
#kishida_acd::-webkit-scrollbar-track {
  	background: #e5f8f0;
}
#kishida_acd::-webkit-scrollbar-thumb {
  	background: #e7e7e7;
}
.acd_kishida_img {
      	height: 238px;
}
#kishida_acd p {
      	border-bottom: 1px dotted #17263a;
    	padding-bottom: 15px;
    	margin-bottom: 15px;
}
#kishida_acd p:last-of-type {
      	border-bottom: none;
    	padding-bottom: 0;
    	margin-bottom: 0;
}

.acd_kishida_img {
      	margin-bottom: 10px;
        height: auto;
        	text-align: center;
}









#shosenkyoku .on {
    position: absolute;
    max-width: 250px;
    width: 100%;
    display: flex;
    background : rgba(255, 255, 255, .95);
}

#shosenkyoku .on.d1 {
    bottom: 17px;
	left: 12px;
}

#shosenkyoku .on.d2 {
	bottom: 113px;
	left: 12px;
}

#shosenkyoku .on.d3 {
	top: 169px;
	left: 12px;
}

#shosenkyoku .on.d4 {
    top: 73px;
	left: 12px;
}

#shosenkyoku .on.d5 {
	top: 169px;
    right: 12px;
}

#shosenkyoku .on.d6 {
    top: 73px;
	right: 12px;
}

#shosenkyoku .on.d7 {
    bottom: 17px;
    right: 12px;
}

#shosenkyoku .on.d1::after {
    position: absolute;
    content: url("/election2021/img/icon/1bo.png");
	top: -120px;
	left: 161px;
    z-index: -1;
    transform: scale(0.5);
}

#shosenkyoku .on.d2::after {
    position: absolute;
    content: url("/election2021/img/icon/2bo.png");
	top: 28px;
	left: 197px;
    z-index: -1;
    transform: scale(0.5);
}

#shosenkyoku .on.d3::after {
    position: absolute;
    content: url("/election2021/img/icon/3bo.png");
    top: 22px;
	left: 179px;
    z-index: -1;
    transform: scale(0.5);
}

#shosenkyoku .on.d4::after {
    position: absolute;
    content: url("/election2021/img/icon/4bo.png");
	top: -65px;
	left: 131px;
	z-index: -1;
	transform: scale(0.5);
}

#shosenkyoku .on.d5::after {
    position: absolute;
    content: url("/election2021/img/icon/5bo.png");
    top: -48px;
	left: -177px;
    z-index: -1;
    transform: scale(0.5);
}

#shosenkyoku .on.d6::after {
    position: absolute;
    content: url("/election2021/img/icon/6bo.png");
	top: 3px;
	left: -109px;
    z-index: -1;
    transform: scale(0.5);
}

#shosenkyoku .on.d7::after {
    position: absolute;
    content: url("/election2021/img/icon/7bo.png");
    top: -132px;
	left: -7px;
    z-index: -1;
    transform: scale(0.5);
}

#shosenkyoku .on .img-area{
	position: relative;
}

#shosenkyoku .on::before {
    position: absolute;
    content: url("/election2021/img/icon/rose.png");
    top: -36px;
    left: -33px;
    z-index: 0;
    transform: scale(0.5);
}

#shosenkyoku .on .img-area img{
	max-width: 76px;
	width: 100%;
	position: relative;
	z-index: 1;
}

#shosenkyoku .on.d1::before {
    z-index: 7;
}

#shosenkyoku .on.d2::before {
    z-index: 5;
}

#shosenkyoku .on.d3::before {
    z-index: 3;
}

#shosenkyoku .on.d5::before {
    z-index: 2;
}

#shosenkyoku .on.d1 .img-area img{
	z-index: 8;
}

#shosenkyoku .on.d2 .img-area img{
	z-index: 6;
}

#shosenkyoku .on.d3 .img-area img{
	z-index: 4;
}

#shosenkyoku .on.d4 .img-area img{
	z-index: 2;
}

#shosenkyoku .on.d5 .img-area img{
	z-index: 3;
}

#shosenkyoku .on .txt-area {
    padding-top: 14px;
    margin-left: 4px;
	max-width: 170px;
}

#shosenkyoku .on .sokuho_txt{
	display: flex;
	align-items: center;
}

#shosenkyoku .on .ku{
	font-size: 0;
	margin-bottom: 0;
}

#shosenkyoku .on.d1 .ku{
	content: url("/election2021/img/icon/1ku.svg");
	width: 54px;
}

#shosenkyoku .on.d2 .ku{
	content: url("/election2021/img/icon/2ku.svg");
	width: 54px;
}

#shosenkyoku .on.d3 .ku{
	content: url("/election2021/img/icon/3ku.svg");
	width: 54px;
}

#shosenkyoku .on.d4 .ku{
	content: url("/election2021/img/icon/4ku.svg");
	width: 54px;
}

#shosenkyoku .on.d5 .ku{
	content: url("/election2021/img/icon/5ku.svg");
	width: 54px;
}

#shosenkyoku .on.d6 .ku{
	content: url("/election2021/img/icon/6ku.svg");
	width: 54px;
}

#shosenkyoku .on.d7 .ku{
	content: url("/election2021/img/icon/7ku.svg");
	width: 54px;
}

#shosenkyoku .on .to{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 0;
	margin-left: 8px;
}

#shosenkyoku .on .shoku{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 0;
	margin-left: 13px;
}

#shosenkyoku .on .name{
	font-size: 31px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-bottom: 0;
	word-break: keep-all;
}

#shosenkyoku .on .name{
	font-size: 31px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-bottom: 0;
	word-break: keep-all;
	margin-top: -6px;
	margin-left: 8px;
}

#shosenkyoku .on .name.l7{
	transform: scale(1,1.6);
	font-size: 22px;
	margin-top: 0;
	margin-left: 2px;
	letter-spacing: 0.05em;
}

#shosenkyoku .on .name.l5{
	margin-left: 0;
	letter-spacing: 0.05em;
}

@media ( max-width : 600px ) {
#shosenkyoku {
	padding: 20px 17px;
}
#shosenkyoku .live_wrap a.live h4.sokuho {
	height: 22px;
	font-size: 11px;
}
#shosenkyoku .live_wrap a.live {
	max-width: 343px;
	margin: 0 auto;
}
	
#shosenkyoku .live_wrap {
	max-width: 100%;
	margin: 0 auto 0 !important;
}

#shosenkyoku .on {
    max-width: 102px;
}

#shosenkyoku .on.d1 {
    bottom: 5px;
	left: 6px;
}

#shosenkyoku .on.d2 {
    bottom: 46px;
	left: 6px;
}

#shosenkyoku .on.d3 {
    top: 68px;
	left: 6px;
}

#shosenkyoku .on.d4 {
    top: 27px;
	left: 6px;
}

#shosenkyoku .on.d5 {
    top: 68px;
    right: 6px;
}

#shosenkyoku .on.d6 {
    top: 27px;
    right: 6px;
}

#shosenkyoku .on.d7 {
    bottom: 5px;
    right: 6px;
}

#shosenkyoku .on.d1::after {
	top: -124px;
	left: -13px;
	transform: scale(0.2);
}

#shosenkyoku .on.d2::after {
	top: -14px;
	left: 44px;
	transform: scale(0.2);
}

#shosenkyoku .on.d3::after {
	top: -15px;
	left: 17px;
	transform: scale(0.2);
}

#shosenkyoku .on.d4::after {
	top: -143px;
	left: -58px;
	transform: scale(0.2);
}

#shosenkyoku .on.d5::after {
	top: -100px;
	left: -152px;
	transform: scale(0.2);
}

#shosenkyoku .on.d6::after {
	top: -34px;
	left: -95px;
	transform: scale(0.2);
}

#shosenkyoku .on.d7::after {
	top: -118px;
	left: -29px;
	transform: scale(0.2);
}

#shosenkyoku .on::before {
	top: -45px;
	left: -46px;
	transform: scale(0.2);
}

#shosenkyoku .on .img-area img{
	max-width: 31px;
}

#shosenkyoku .on .txt-area {
    padding-top: 2px;
    margin-left: 1px;
}

#shosenkyoku .on.d1 .ku{
	width: 22px;
}

#shosenkyoku .on.d2 .ku{
	width: 22px;
}

#shosenkyoku .on.d3 .ku{
	width: 22px;
}

#shosenkyoku .on.d4 .ku{
	width: 22px;
}

#shosenkyoku .on.d5 .ku{
	width: 22px;
}

#shosenkyoku .on.d6 .ku{
	width: 22px;
}

#shosenkyoku .on.d7 .ku{
	width: 22px;
}

#shosenkyoku .on .to{
	font-size: 10px;
	margin-left: 3px;
	transform: scale(0.8);
	margin-bottom: 2px;
}

#shosenkyoku .on .shoku{
	font-size: 10px;
	margin-left: 5px;
	transform: scale(0.8);
	margin-bottom: 2px;
}

#shosenkyoku .on .name{
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin-top: -5px;
	margin-left: 4px;
}

#shosenkyoku .on .name.l7{
	transform: scale(1,1.6);
	font-size: 10px;
	margin-top: -2px;
	margin-left: 0;
	letter-spacing: 0.01em;
}
}

@media ( max-width : 365px ) {
#shosenkyoku .on.d1::after {
    left: -5vw;
}
#shosenkyoku .on.d3::after {
    left: 3vw;
}
#shosenkyoku .on.d4::after {
    left: -18vw;
}
}


/*投票率*/


/* 比例中国ブロック速報 */

/* それって本当？ */
#honto {
	width: 100%;
    	/*background-color: #f4f5f5;*/
    	padding: 40px 17px 50px;
    	box-sizing: border-box;
	background-image: url(/img/bg/bg2.gif);
}
#honto h3 {
	font-size: 150%;
    	text-align: center;
    	font-weight: 800;
    	color: #17263a;
    	margin: 0 auto 30px;
    	line-height: 40px;
}
#honto h3 .brsp{
	display: none;
}
#honto .wrap {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	position: relative;
}

#honto .wrap .col-4-wrap {
	display: flex;
	justify-content: center;
}

#honto .wrap .col-4-wrap a {
	margin: 0 4px;
	overflow: hidden;
}

#honto .wrap .col-4-wrap a img {
	width: 100%;
	transition: .3s;
}

#honto .wrap .col-4-wrap img:hover{
	/*opacity: .7;*/
	transform: scale(1.1);
}

@media ( max-width : 700px ) {
	#honto {
		padding: 27px 17px 30px;
	}
	#honto h3 {
		font-size: 110%;
        		margin: 0 auto 18px;
		line-height: 30px;
		letter-spacing: 0.03em;
	}
	#honto h3 .brsp{
		display: block;
	}
}