/*
https://025.teny.co.jp/theme/special/kando-marche202512/img
*/

*{-webkit-text-size-adjust:100%}
html{margin:0;padding:0;font-size:62.5%;}
body{
	font-family: BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;
	font-size:1.4rem;letter-spacing:0em;color: #444;background:#fff;margin:0;padding:0;position:relative;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,dl,dt,dd,table,tr,th,td,span,strong{line-height:1.0em;margin:0;padding:0;}
li{list-style-type:none;/* list-style-position:outside; */}
table{border-collapse:collapse}
img{vertical-align:bottom;height:auto;width: 100%;}
a{text-decoration:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}
a:hover{text-decoration:none}
a img{border:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}
a:hover img{opacity:1.0;_filter:alpha(opacity=100)}
:focus{outline:none !important}

.small{font-size:0.5em;}

.forPc{display:none}
.forSp{display:block}


p.indent {
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:5px;line-height:1.8em;
}

		.material-icons{
			display: inline-flex;
			vertical-align: text-top;
			color:#a3a3a3;
			font-size:20px;
		}
/*-----------------------------------
sns
-------------------------------------*/

#sns_menu{
	display:block;
	width:30px;
	border-radius:10px 0 0 10px;
	position: fixed;
	bottom: 42px;
	right: 0;
	transition: color 0.2s;
	z-index:99;
}

#sns_menu img{
	border-radius:10px 0 0 10px;
}


#pop_up_menu img{
	display:block;
	background-color:rgba(255,255,255,0.8);
	width:30px;
	border-radius:10px 0 0 10px;
	position: fixed;
	bottom: 10px;
	right: 0;
	transition: color 0.2s;
	z-index:99;
}



/*-----------------------------------
youtube
-------------------------------------*/

#mv{
	width:100%;max-width:1200px;margin:1em auto;
}
.yt_movie {
	position: relative;
	padding-top: calc(9 / 14.4 * 90%);
}
 
.yt_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text_sp{display:none;}


/*-----------------------------------
基礎
-------------------------------------*/
span.txbr{display: inline-block;}
.red{color:#e80d0d;}
.bold{font-weight:bold;}
.middle{font-size:1.1em;}
.big{font-size:1.4em;}
.small{font-size:0.6em;}
.pink{color:#ed0b2d;}
/*-----------------------------------
背景
-------------------------------------*/
.wrap{
	width:100%;
}

#wrap_grid{
	width:95%;max-width:1200px;margin:110px auto 0 auto;
	display:grid;grid-template-columns:1fr 250px;gap:20px;
}


/*---------------------------------------
	タイトル画像
-----------------------------------------*/
#main_title{
	margin-bottom:20px;
}

#main_title img{
	border-radius:5px;
}

#main_text{
	line-height:1.4em;
	width: fit-content;
	margin:0 auto;
	font-size:1.1em;
}


/*-----------------------------------
	タブ_動画／候補者
-------------------------------------*/
.tab_container{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:1em;background-color:#545454;color:#FFF;font-weight:bold;text-align:center;}
.tab{padding:20px;font-size:1.3em;border-bottom:5px solid #3d3d3d;cursor: pointer;}
.active{
	color:#fff;
	background-color:#2EA7E0;

	border-bottom:5px solid #1a7ead;
	/*border-image: linear-gradient(141deg,rgba(171, 255, 135, 1) 0%, rgba(255, 255, 82, 1) 100%) 1;*/
	/*background: linear-gradient(141deg,rgba(231, 255, 217, 1) 0%, rgba(255, 255, 184, 1) 100%);*/
}

.content {
	display: none;
	padding-top:20px;
}
.content.show {
    display: block;
}


/*-----------------------------------
	タブ_1区／2区／3区／4区／5区
-------------------------------------*/
/*
.area_tab_container{
	display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:2px;margin-top:1em;color:#FFF;font-weight:bold;text-align:center;
	background-color:#3d3d3d;
}
.area_tab{padding:20px;font-size:1.3em;border-bottom:5px solid #3d3d3d;background-color:#545454;}
.area_active{
	color:#fff;
	background-color:#2EA7E0;
	border-bottom:5px solid #1a7ead;
}

.area_content {
	display: none;
	padding-top:20px;
}
.area_content.area_show {
    display: block;
}
*/
.area_tab_container{
	display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:5px;margin-top:1em;color:#FFF;font-weight:bold;text-align:center;
	background-color:#FFF;border-bottom:1px solid #545454;color:#545454;
}
.area_tab{padding:20px;font-size:1.3em;border-radius:20px 20px 0 0;border-top:1px solid #545454;border-left:1px solid #545454;border-right:1px solid #545454;cursor: pointer;}
.area_active{
	color:#fff;
	background-color:#298e4c;
}

.area_content {
	display: none;
	padding-top:20px;
}
.area_content.area_show {
    display: block;
}

/*---------------------------------------
	本文(ニュース)
-----------------------------------------*/

	.news_grid{
		display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:1050px;margin:0 auto;gap:15px;
	}
	.news_grid a{transition: 0.3s;position: relative;}
	.news_grid a:hover{opacity:0.5;}

	.news_link:hover{
		opacity:0.3;transition: all 0.2s 0s ease;
	}

	.news_grid .news_link img{
		border-radius:5px;margin-bottom:5px;
	}

	.news_title{
		font-weight:bold;color:#2473A7;font-size:1.1em;line-height:1.4em;
	}
	.news_time{
		color:#AAA;font-size:0.7em;
	}
	.movie_thum{
		position: relative;
	}

	.movie_icon{
		width:20%;max-width:80px;
		position: absolute;
		top:50%;left: 50%;
		transform: translate(-50%,-50%);
	}

	#all_article_button{
		background-color:#007DDC;border-radius:9999px;width:90%;max-width:600px;margin:30px auto;
		padding:20px;text-align:center;color:#FFF;font-size:1.5em;font-weight:bold;
		cursor: pointer;
		box-shadow: 0px 5px 0px #1567C3;
		transition: .3s;
	}

	#all_article_button:hover {
		box-shadow: unset;
		transform: translateY(4px);
	}

	#all_article_button::after{
		content: "▼";
		display: inline-block;
		margin-left: 0.5em;
		font-size:0.5em;vertical-align:top;
	}

	#all_article{
		display:none;
	}




/*---------------------------------------
	候補者紹介
-----------------------------------------*/
	.kouho_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
	.kouho_grid_inner{display:grid;grid-template-columns:112px 1fr;grid-auto-rows: auto;gap:10px 10px;line-height:1.4em;background-color:#FFF;border:1px solid #CCC;padding:10px;box-sizing:border-box;}
	.kouho_grid_inner div:first-child {grid-row: 1 / 3;}
	.kouho_grid_inner div:nth-child(2) {place-content: center;}

	.prof_name{font-size:1.2em;font-weight:bold;margin:10px 0;}
	.prof_party{font-weight:bold;display:inline-block;padding:5px;text-box-trim: trim-both;}

	.prof_link{align-self: end;text-align:right;}
	.prof_link>a{border:1px solid #000;background-color:#FFF;padding:5px 10px;color:#000;box-sizing:border-box;}
	.prof_link>a:hover{background-color:#feffe0;}

/*---------------------------------------
	候補者紹介(ポップアップ)
-----------------------------------------*/
	.prof_text{padding:20px;box-sizing:border-box;line-height:1.4em;}
	.prof_text_grid{display:grid;grid-template-columns:100px 1fr;grid-auto-rows: auto;gap:10px;box-sizing:border-box;padding-bottom:20px;}
	.prof_text span{font-weight:bold;color:#5c7f43;}

	.prof_text_grid .prof_name{
		font-size:1.5em;
		font-size:clamp(1.0em, 4vw, 1.5em);
	}

	.prof_text_grid {}
	.prof_text_grid .prof_party{/*position: relative;z-index: 2;margin-left:-10px;margin-top:-20px;*/font-size:clamp(1.0em, 4vw, 1.1em);}
	.prof_party + span{display:inline-block;font-size:clamp(1.0em, 4vw, 1.1em);/*background-color:#5e5e5e;color:#FFF;*/background-color:#fff;color:#5e5e5e;border:1px solid #5e5e5e;text-box-trim: trim-both;padding:4px;}

/*---------------------------------------
	候補者紹介(政党色)
-----------------------------------------*/
/*
	.rikken{background-color:rgb(46,46,153);color:#FFF}
	.koumei{background-color:rgb(223,125,122);color:#FFF}
	.syamin{background-color:rgb(53,53,115);color:#FFF}
	.reiwa{background-color:rgb(109,91,188);color:#FFF}
	.hosyu{background-color:rgb(65,100,109);color:#FFF}
	.mirai{background-color:rgb(55,175,120);color:#FFF}
	.sonota{background-color:rgb(125,125,125);color:#FFF}
*/
	.jimin{background-color:rgb(173,26,26);color:#FFF}
	.chudo{background-color:rgb(29,121,204);color:#FFF}
	.sansei{background-color:rgb(237,119,67);color:#FFF}
	.kyosan{background-color:rgb(65,162,216);color:#FFF}
	.ishin{background-color:rgb(0,142,148);color:#FFF}
	.kokumin{background-color:rgb(239,178,27);color:#FFF}

	.jimin_light{background-color:rgb(239,175,175);color:#FFF}
	.chudo_light{background-color:rgb(131,186,221);color:#FFF;color:#000;}
	.sansei_light{background-color:rgb(255,198,169);color:#FFF}
	.kyosan_light{background-color:rgb(184,229,244);color:#FFF}
	.ishin_light{background-color:rgb(173,203,204);color:#FFF}
	.kokumin_light{background-color:rgb(255,219,166);color:#FFF}


/*---------------------------------------
		more
-----------------------------------------*/


/*---------------------------------------
		バナー
-----------------------------------------*/
	#banner>div{max-width:1200px;transition: 0.5s;margin-bottom:20px;}
	#banner>div:hover{opacity:0.5;}

	#honto{
		width:100%;max-width:675px;margin:2em auto;
	}


/*---------------------------------------
		どっち
-----------------------------------------*/
				.box_srcollbar_popup {
					overflow:auto;
					padding:5px;line-height:1.8em;
				}
				.docchi_name{font-weight:bold;border-bottom:1px solid #CCC;font-size:1.1em;}

@media (min-width: 0px) and (max-width: 1200px) {

}

@media (min-width: 0px) and (max-width: 1024px) {

	.big{font-size:1.3em;}

	/*---------------------------------------
		タイトル画像
	-----------------------------------------*/
	#main{width:100%;}
	.main_text{font-size:1.1em;}


	/*---------------------------------------
		本文(ニュース)
	-----------------------------------------*/
		.news_grid{
			grid-template-columns:1fr;

		}
		.news_grid a{
			display:grid;grid-template-columns:1fr 2fr;gap:10px;
			grid-template-rows: max-content 1fr;
		}
		.news_grid a img,.movie_thum{
			grid-row: 1 / 3;
			align-self: start;
		}

	/*---------------------------------------
		候補者紹介
	-----------------------------------------*/
	.kouho_grid{gap:10px;grid-template-columns:1fr 1fr;width:100%;margin:0 auto;}
	.prof_name{font-size:1.1em;}



}



@media (min-width: 0px) and (max-width: 875px) {
	/*---------------------------------------
		候補者紹介
	-----------------------------------------*/
	.kouho_grid{gap:10px;grid-template-columns:1fr;}
	.prof_name{font-size:1.2em;}

}


@media (min-width: 0px) and (max-width: 768px) {
	/*-----------------------------------
	背景
	-------------------------------------*/
	.wrap{
		margin:0;
	}

	#wrap_grid{
		display:grid;grid-template-columns:1fr;gap:20px;margin:0 auto;
	}

	#banner{width:100%;max-width:320px;margin:0 auto;}


	/*-----------------------------------
	タブ_1区／2区／3区／4区／5区
	-------------------------------------*/
	.area_tab{font-size:1.1em;}

	/*---------------------------------------
		候補者紹介
	-----------------------------------------*/
	.kouho_grid{grid-template-columns:1fr 1fr;}


}
@media (min-width: 0px) and (max-width: 640px) {

	/*---------------------------------------
		候補者紹介
	-----------------------------------------*/
	.kouho_grid{grid-template-columns:1fr;width:100%;max-width:400px;margin:0 auto;}

}

@media (min-width: 0px) and (max-width: 375px) {
	/*-----------------------------------
	タブ_1区／2区／3区／4区／5区
	-------------------------------------*/
	.area_tab{padding:20px 10px;font-size:1.0em;}
}