html{
	font-size: 62.5%; /* 10px */
}
body{
	/* font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "Geogia", "Times New Roman", sans-serif; */
	font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Geogia", "Times New Roman", sans-serif;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;
	min-width: 320px;
	background: #fcfffb url(../img/bg.png) center top no-repeat;
	background: #f4f4f4;
	background-size: contain;
	color: #222222;
}

.sp{ display: block; }
.spsp{ display: inline-block; }
.pc{ display: none; }

*, ::after, ::before{
	box-sizing: border-box;
}
.sns li a{
  height: 46px !important;
}

/* */
.effect img{
	transition: .8s;
}

/* .fadeInUp{
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	visibility: visible !important;
}
@-webkit-keyframes fadeInUp{
	0%{
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes fadeInUp{
	0%{
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
} */

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
ul, li, ol{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
em{ font-style: normal; }
dl{
	margin: 0;
	padding: 0;
}
p{
	margin: 0;
	padding: 0;
}
img{
	max-width: 100%;
	vertical-align: top;
}

a{
	color: #00a3ff;
	text-decoration: none;
	transition: 0.4s;
}
/*a:visited{ color: #4900c1; text-decoration: none; }*/
a:hover, a:active, a:focus{
	color: #ff00a1;
	text-decoration: none;
	transition: 0.4s;
}
a:hover img, a:active img, a:focus img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* ボタン外部（チケット購入など） */
/* a[target="_blank"] p:after{
	content: "\f08e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 4px;
} */

/* text decoration */
.sat{ color: #006cff; }
.sun{ color: #ff007e; }
.bold{ font-weight: bold; }
.red{ color: #d70b49; }
.pink{ color: #ff3d9d; }
.blue{ color: #0752b9; }
.yellow{ color: #ffd900; }
.green{ color: #00a226; }
.tline{ text-decoration: line-through; }
.uline{ text-decoration: underline; }

.size08{ font-size: 0.8rem; }
.size09{ font-size: 0.9rem; }
.size11{ font-size: 1.1rem; }
.size12{ font-size: 1.2rem; }
.size14{ font-size: 1.4rem; }
.size16{ font-size: 1.6rem; }
.size18{ font-size: 1.8rem; }
.size20{ font-size: 2.0rem; }
.size22{ font-size: 2.2rem; }
.size24{ font-size: 2.4rem; }

.size80p{ font-size: 80%; }
.size90p{ font-size: 90%; }
.size110p{ font-size: 110%; }
.size120p{ font-size: 120%; }
.size140p{ font-size: 140%; }
.size160p{ font-size: 160%; }
.size180p{ font-size: 180%; }
.size200p{ font-size: 200%; }
.size220p{ font-size: 220%; }
.size240p{ font-size: 240%; }


.fl-left{ float: left; }
.fl-right{ float: right; }

.gmap{
	position: relative;
	width: calc(100% - 2px);
	border: solid 1px #E9E9E9;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	margin: 8px 0 0;
}
.gmap iframe{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}




/* /basic+ */
div#wrapper{
}

/* #loader-bg{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #c4edff;
	z-index: 1;
}
	#loader{
		display: none;
		position: fixed;
		width: 200px;
		height: 180px;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -90px;
		text-align: center;
		color: #fff;
		z-index: 2;
	} */
div#wrap{}

div#ctv_tab{}

header{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #56c02b;
	background: #d3ebad;
}

nav{
	width: 100%;
	margin: 0 auto;
	background: #00a199;
}
	nav ul{
		display: flex;
		justify-content: initial;
		width: 100%;
		margin: 0 auto;
		padding: 8px 12px;
		overflow: auto;
		white-space: nowrap;
		justify-content: initial;
	}
	nav ul li{
		font-size: 2rem;
		line-height: 2;
		padding: 0 0 0 22px;
	}
	nav ul li:first-child{
		padding: 0;
	}
	nav ul li a{
		white-space: nowrap;
		color: #FFF;
	}
	nav ul li a:hover{
		color: #FFF;
		opacity: 0.7;
	}



main{}

section{
	margin: 0vw auto 0;
	padding: 0vw 0px 0px;
	overflow: hidden;
	position: relative;
}
	section#candidate{
	}
	section#opinion{
	}
	section#movie{
	}
	section#info{
	}
	section#voice{
	}
	section#news{
	}



.chapter{
	width: 98%;
	margin: 0 auto;
	padding: 16px 0 0px;
	overflow: hidden;
	clear: both;
}
.chapter-sp{}


	.h-cap{
		/* display: flex;
		align-items: center;
		white-space: nowrap; */
		text-align: center;
		letter-spacing: 0.02em;
		/* background: #edffdf;
		color: #188e12; */
		background: #FFF;
		color: #ed2378;
		font-size: 2rem !important;
		font-weight: bold;
		line-height: 1.6;
		padding: 6px 0;
		border-top: 2px double #6ccf67;
		border-bottom: 2px double #6ccf67;

		font-feature-settings: "palt";
		letter-spacing: 0.04em;
	}
		.h-cap:before,
		.h-cap:after{
			/* content: "";
			height: 2px;
			flex-grow: 1;
			background-color: #6ccf67; */
		}
		.h-cap:before{
			/* margin-right: 1rem; */
		}
		.h-cap:after{
			/* margin-left: 1rem; */
		}



/* ヘッダー */
	.head-box{
		/* display: flex;
		width: 960px;
		margin: 0 auto;
		background: url(../img/head_bg-sp.png) center top repeat-x;
		background-size: 5.8%; */
	}
		h1{
			font-size: 1.48rem;
			font-weight: bold;
			padding: 2.2vw 0px;
		}
		img.logo{
			width: 80%;
			height: auto;
			/* max-width: 520px;
			max-width: 640px; */
			margin: 0px auto 0.5em;
		}

	div.about{
		clear: both;
		padding: 0px 0px 16px;
		overflow: hidden;
	}
		div.about-cont{
			color: #004005;
			width: 94%;
			margin: 4px auto 0px;
			border-radius: 2px;
			padding: 0;
		}
			div.about-cont p{
				text-align: left;
				display: block;
				padding: 10px 14px;
				background-color: rgba(255, 255, 255, .90);
				box-shadow: 0 0 16px rgb(140 130 230 / 40%);
				border-radius: 8px;
				margin: 0px auto 0;
				font-size: 1.48rem;
				line-height: 1.64;
			}



/* 番組概要 */
.overview{
	width: 96%;
	margin: 0 auto;
}
	.p-main{}
		.p-main img{
			margin: 1em auto 0.6em;
		}
	.overview h3{
		color: #188e12;
		font-size: 1.88rem;
		font-size: 5vw;
		font-weight: bold;
		line-height: 1.46;
		margin-top: 0.4em;
	}
	.overview p{
		font-size: 1.46rem;
		line-height: 1.72;
		margin: 1em auto 0;
		text-align: left;
	}

	.banner{
		margin: 16px auto 0;
	}
	.banner ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
		.banner ul li{
			width: 50%;
		}
		.banner ul li img{
			width: 96%;
			border: 2px solid #CCC;
			box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
		}
		.i-gray{
			filter:grayscale(100%);
			border: 2px solid #AAA !important;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
		}

	.p-cast{
		width: 96%;
		margin: 24px auto 36px;

	}
	.p-cast h4{
		color: #188e12;
		font-size: 1.64rem !important;
		font-weight: bold;
	}
	.p-cast ul{
		width: 88%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		/* align-items: center; */
	}
		.p-cast ul li{
			width: 50%;
			padding: 12px 2% 6px;
		}
		.p-cast ul li img{
			margin: 0 auto 2px;
		}
		.p-cast ul li p{
			line-height: 1.46;
		}
		span.sub{
			font-size: 80%;
		}





/* 番組概要 */
	.result{
		width: 94%;
		margin: 0 auto 1em;
	}
		.result img{
			width: 100%;
			margin: 1em auto 0.5em;
			border: 1px solid #DDD;
		}





/* 東海３県全候補者まるわかり */
	p.candidate-stxt{
		font-size: 1.2rem;
		padding: 2px 0 0;
	}
	div.candidate-area{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		cursor: pointer;
		margin: 12px auto 16px;
	}
		div.candidate-area .tab{
			margin-left: 3%;
			border-radius: 100px;
			padding: 8px 1%;
			width: 30%;
			display: inline-block;
			box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
			transition: 0.35s;
		}
		div.candidate-area .tab:hover,
		div.candidate-area .tab.active{
			color: #FFF;
			box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.08);
			transition: 0.35s;
		}
		div.candidate-area .m-aichi{
			background: #ffe4f4;
			border: 1px solid #edd2e9;
			border: 1px solid #dd007F;
		}
			div.candidate-area .m-aichi:hover,
			div.candidate-area .m-aichi.active{
				background: #dd007F;
				border: 1px solid #f6e9f1;
			}
		div.candidate-area .m-gifu{
			background: #edffd4;
			border: 1px solid #deebcf;
			border: 1px solid #509a00;
		}
			div.candidate-area .m-gifu:hover,
			div.candidate-area .m-gifu.active{
				background: #509a00;
				border: 1px solid #edf3e6;
			}
		div.candidate-area .m-mie{
			background: #e4f8ff;
			border: 1px solid #cce1e8;
			border: 1px solid #4bddd6;
		}
			div.candidate-area .m-mie:hover,
			div.candidate-area .m-mie.active{
				background: #4bddd6;
				border: 1px solid #e4eef1;
			}
		div.candidate-area .tab:first-child{ margin-left: 0; }

		/* .nolink{
			cursor: auto;
		}
			.nolink:hover{
				background:rgba(255, 255, 255, 0) !important;
			} */


	div.candidate-box{}
		div.candidate-cont{}
			div.candidate-info{
				display: none;
			}
				div.candidate-info p{
					border: 1px solid #ffa861;
					border-radius: 2px;
					background: #ff410e;
					color: #FFF;
					padding: 6px 4px;
					font-size: 1.48rem;
					margin: 2px auto 32px;
				}
		div.candidate-cont .show{
			display: block;
		}
		div.candidate-cont .content{
			display: none;
		}
		div.candidate-cont .content.show{
			display: block;
		}
		div#candidate-aichi,
		div#candidate-gifu,
		div#candidate-mie{}
		div#candidate-aichi{}
		div#candidate-gifu{}
		div#candidate-mie{}

		/* 区 */
		ul.ward{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 20px auto 12px;
		}
		#candidate-gifu ul.ward{
			justify-content: left;
		}
			ul.ward li{
				cursor: pointer;
				margin: 0 2.5% 12px;
				border-radius: 100px;
				padding: 8px 0.15%;
				width: 20%;
				display: inline-block;
				box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
				transition: 0.2s;
			}
				#candidate-aichi ul.ward li{
					background: #ffe4f4;
					border: 1px solid #dd007F;
				}
					#candidate-aichi ul.ward li:hover{
						background: #dd007F;
						color: #FFF;
						box-shadow: none;
					}
				#candidate-gifu ul.ward li{
					background: #edffd4;
					border: 1px solid #509a00;
				}
					#candidate-gifu ul.ward li:hover{
						background: #509a00;
						color: #FFF;
						box-shadow: none;
					}
				#candidate-mie ul.ward li{
					background: #e4f8ff;
					border: 1px solid #4bddd6;
				}
					#candidate-mie ul.ward li:hover{
						background: #4bddd6;
						color: #FFF;
						box-shadow: none;
					}

		.aichi-ward > div,
		.gifu-ward > div,
		.mie-ward > div{
			display: none;
			opacity: 0;
			transition: opacity 0.5s ease;
		}
		.aichi-ward > div.show,
		.gifu-ward > div.show,
		.mie-ward > div.show{
			display: block;
			opacity: 1;
		}
		.w-select{
			color: #FFF;			
			font-weight: bold;
		}
			#candidate-aichi .w-select{
				background: #dd007F !important;
				box-shadow: none;
			}
			#candidate-gifu .w-select{
				background: #509a00 !important;
				box-shadow: none;
			}
			#candidate-mie .w-select{
				background: #4bddd6 !important;
				box-shadow: none;
			}



		div.candidate-cont h3{
			font-weight: bold;
			font-size: 1.6rem;
			line-height: 1.64;
		}
			div#candidate-aichi h3,
			div#candidate-aichi h4.wardno{
				/* color: #dd007F; */
			}
			div#candidate-gifu h3,
			div#candidate-gifu h4.wardno{
				/* color: #509a00; */
			}
			div#candidate-mie h3,
			div#candidate-mie h4.wardno{
				/* color: #4bddd6; */
			}
			div#candidate-hirei h3,
			div#candidate-hirei h4.wardno{
				color: #404040;
			}
			div.candidate-cont h3.wardno{
				font-size: 2.0rem;
				line-height: 2;
				background: #FFF;
				display: inline-block;
				padding: 0 2em;
				margin-bottom: 0.2em;
			}
				div#candidate-aichi h3.wardno{
					border: 2px solid #dd0090;
				}
				div#candidate-gifu h3.wardno{
					border: 2px solid #509a00;
				}
				div#candidate-mie h3.wardno{
					border: 2px solid #4bddd6;
				}
				h3.wardno span{
					padding: 0 0.1em;
					font-size: 136%;
					line-height: 1.4;
				}
				div.candidate-cont h3.giseki{
				margin-bottom: 0.4em;
			}

			div.candidate-cont h4.wardno{
				text-align: center;
				line-height: 1.8;
				border-bottom: 2px solid #a0a0a0;
				margin-bottom: 4px;
				padding-bottom: 4px;
			}
				div#candidate-aichi h4.wardno{
					border-color: #dd007F;
				}
				div#candidate-gifu h4.wardno{
					border-color: #509a00;
				}
				div#candidate-mie h4.wardno{
					border-color: #4bddd6;
				}
				div#candidate-hirei h4.wardno{
					border-color: #404040;
				}


		div.point{
			width: 96%;
			margin: 0 auto 8px;
			padding: 4px 0px 6px;
		}
			div#candidate-aichi div.point{
				background: #ffe4f4;
				background: #FFF;
				border: 1px dotted #dd007F;
			}
			div#candidate-gifu div.point{
				background: #edffd4;
				background: #FFF;
				border: 1px dotted #509a00;
			}
			div#candidate-mie div.point{
				background: #e4f8ff;
				background: #FFF;
				border: 1px dotted #4bddd6;
			}
			div.point h3{
				color: #606060;
			}
		div.candidate-cont h3{
			font-weight: bold;
			font-size: 1.6rem;
			line-height: 1.64;
		}
			div#candidate-aichi h3{
				/* color: #dd007F; */
			}
			div#candidate-gifu h3{
				/* color: #509a00; */
			}
			div#candidate-mie h3{
				/* color: #4bddd6; */
			}
		div.candidate-cont h4{
			width: 96%;
			margin: 0 auto;
			text-align: left;
		}
		ul.cast{
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin-bottom: 24px;
		}
			ul.cast li{
				width: 46%;
				position: relative;
				height: calc(100%);
				margin-bottom: 56px;
				margin: 8px 2% 12px;
			}
			ul.cast li img{}

				div.cast-img img{
					border: 1px solid #D8D8D8;
				}

				div.cast-img a{
					position: relative;
				}
				div.cast-img a img{
					box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
					transition: 0.35s;

					border-radius: 8px;
				}
				div#candidate-aichi div.cast-img a img{
					border: 1px solid #dd007f;
				}
				div#candidate-gifu div.cast-img a img{
					border: 1px solid #509a00;
					border: 1px solid #5cb100;
				}
				div#candidate-mie div.cast-img a img{
					border: 1px solid #4bddd6;
				}
				div.cast-img a:hover img{
					box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
					transition: 0.35s;
				}

				img.img-win{
					position: absolute;
					z-index: 100;
					box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
				}
				img.img-movie{
					position: absolute;
					z-index: 100;
				}

			ul.cast li div.cast-img:before{
				/* content: "";
				display: block;
				position: absolute;
				width: 100%;
				height: calc(100vw * 0.23);
				z-index: -1;
				top: 8px;
				right: -8px;
				background: -moz-linear-gradient(left, #d3def8 0%, #dccbe6 51%, #e2b8d4 100%);
				background: -webkit-linear-gradient(left, #d3def8 0%,#dccbe6 51%,#e2b8d4 100%);
				background: linear-gradient(to right, #d3def8 0%,#dccbe6 51%,#e2b8d4 100%); */
			}
			ul.cast li  div.cast-img:before{
				/* height: 100%; */
			}



/* 東海３県定点観測 */
	h3.opinion-cap{
		margin: 16px 8px 0;
		text-align: left;
		letter-spacing: 0.02em;
		font-size: 1.88rem;
		font-weight: bold;
		line-height: 1.6;
		padding: 0 2px 4px;
		border-bottom: 3px double #909090;
	}
	h3.opinion-cap span{
		font-size: 1.6rem;
	}
	h3.opinion-cap:nth-of-type(2){
		margin: 44px 8px 0;
	}
	div.opinion-box{
		margin: 0px 8px 0px;
	}
		section.opinion-cont{
			margin: 36px auto 0;
		}
		div.opinion-box:first-of-type section.opinion-cont:first-of-type,
		div.opinion-box:nth-of-type(3) section.opinion-cont:first-of-type{
			/* margin: 0px auto 0px; */
			margin: 20px auto 0;
		}
		section.opinion-cont:nth-child(2){
		}
			div.opinion-inner{
				flex: 1 0 auto;
				background: #FFF;
				border: 1px solid #E9E9E9;
				padding: 8px;
				/* box-shadow: 0px 4px 15px rgb(0 0 0 / 40%); */
			}
				section.opinion-cont h4{
					text-align: left;
					font-size: 1.8rem;
					font-weight: 700;
					line-height: 1.34;
					color: #303030;
					border-bottom: 4px solid #707070;
					padding: 0 0 4px 4px;
				}
	div.opinion-info{
		background: #FFF;
		margin: 0 auto 8px;
		padding: 6px 10px;
		border: 1px solid #E9E9E9;
	}
		div.opinion-info p{
			text-align: left;
		}
			p.opinion-info-ttl{
				font-weight: bold;
				font-size: 1.6rem;
				line-height: 2;
			}
			p.opinion-info-main{
				font-size: 1.48rem;
				line-height: 1.72;
			}

						div.opinion-box2{
							width: 94%;
							text-align: left;
							margin: 20px auto 20px;
						}
						div.opinion-box2:last-of-type{
							margin: 20px auto 32px;
						}
							div.opinion-box2 h3{
								font-weight: bold;
								line-height: 2;
							}
							div.opinion-box2 p{
								line-height: 1.72;
							}

	p.t-cooperation{
		width: 98%;
		margin: 8px auto 12px;
		color: #808080;
		text-align: right;
	}
	div.link-bnr{
		width: 98%;
		margin: 0px auto 18px;
	}
		div.link-bnr a{}
			div.link-bnr a img{
				max-width: 320px;
				/* margin: 0 auto; */
			}
	div.link-bnr-locipo{
		width: 88%;
		margin: 0px auto 24px;
	}
		div.link-bnr-locipo a{}
			div.link-bnr-locipo a img{
				width: 400px;
				border: 2px solid #f5bc41;
				box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.35);
				transition: 0.35s;
				/* margin: 0 auto; */
			}
			div.link-bnr-locipo a:hover img{
				max-width: 480px;
				box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
				transition: 0.35s;
				/* margin: 0 auto; */
			}






/* swipe ニュース */
p.cap-news{
	padding: 1em 1em 0;
	text-align: left;
}

div.swiper-news,
div.swiper-movie,
div.swiper-what,
div.swiper-who,
div.swiper-true,
div.swiper-why{
	padding: 0 0 36px !important;
}
div.news-inner2{}
div.news-inner2 ul{
	width: 100%;
	margin: 0 auto 0px;
	padding: 0px 0;
}
	div.news-inner2 ul li{
		/* width: 40vw; */
		margin: 0 0 0;
		padding: 4vw 2vw 0px;
	}
		.news-inner2 .swiper-slide a:hover img{
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
	.news-inner img{
		margin-bottom: 4px;
	}
	.news-title{
		font-size: 120%;
		line-height: 1.4;
		/* font-weight: bold; */
		text-align: left;
	}



	div.swiper-movie{
		padding: 0 0 36px !important;
	}

	div#movie-cont{
		margin: 2em auto 0;
	}
	div.movie-inner2{
	}
	div.movie-inner2 ul{
		width: 100%;
		margin: 0 auto 0px;

		padding: 0px 0;
	}
		div.movie-inner2 ul li{
			width: 40vw;
			margin: 0 0 0vw;
			padding: 8px 2vw 0px;
		}

	.youtube-wrapper{
		margin: 0em auto;
		width: 100%;
		max-width: 960px;
	}
	#article .youtube-wrapper{
		max-width: 1024px;
	}
	.youtube-inner{
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}
		.youtube-inner iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			max-width: 960px;
			height: 100%;
		}
		#article .youtube-inner iframe{
			max-width: 1024px;
		}
/* /swipe ニュース */


/* swiper */
.swiper-button-next::after,
.swiper-button-prev::after{
	font-size: 18px !important;
	background: #56c02b;
	min-width: 40px;
	height: 40px;
	padding: 2px;
	border-radius: 100px;
	line-height: 42px !important;
	display: block;
	transition: 0.35s;
}
	.swiper-button-next:hover::after,
	.swiper-button-prev:hover::after{
		background: #FFF;
		color: #56c02b;
		transition: 0.35s;
	}
.swiper-button-next,
.swiper-button-prev{
	color: #FFF !important;
}
.swiper-button-prev::after{
	padding: 0 3px 0 0;
}
.swiper-button-next::after{
	padding: 0 0 0 3px;
}
.swiper-pagination-bullet:hover{
	background: #56c02b !important;
}
.swiper-pagination-bullet-active{
	background: #56c02b !important;
}

.swiper-pagination-fraction{
	color: #A0A0A0 !important;
}

/* /swiper */



/* 動画 */
	div.movie-box{
		width: 94%;
		width: 100%;
		max-width: 100%;
		margin: 0px auto 0px;
		padding: 16px 0 10px;
		overflow: hidden;

		display: flex;
		overflow-x: auto;
		margin: 0px auto 4%;
	}
		div.movie-contA{
			display: flex;
			justify-content: center;
			flex-wrap: wrap;

			flex-wrap: nowrap;
		}
			div.movie{
				width: 96%;
				overflow: hidden;
				margin: 0 2% 4%;
				text-align: center;

				width: 260px;
				margin: 0 12px 0 0;
			}
				div.movie:last-child{
					margin: 0 0 0 0;
				}
				div.movie-inner{
					position: relative;
					padding-bottom: 56.25%;
					height: 0;
				}
					div.movie-inner iframe{
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						max-width: 960px;
						height: 100%;
					}


/* 取材記者のとれたて情報 */
	div.info-box{
		width: 96%;
		margin: 16px auto 16px;
		border: 1px solid #E3E3E3;
	}



/* みんなの声 */
	div.voice-box{
		margin-top: 20px;
		overflow-x: auto;
		margin: 8px -10px 24px;
		box-sizing: border-box;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		flex-wrap: nowrap;
		display: flex;
	}
		div.voice-cont{
			box-sizing: border-box;
			flex-basis: 0px;
			-moz-box-flex: 1;
			flex-grow: 1;
			max-width: 100%;
			padding: 0 10px;
		}
			div.voice-inner{
				padding: 14px 16px;
				background: #FDFDFD;
				border: 1px solid rgba(182, 182, 182, 0.4);
				box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
				overflow: auto;
				border-radius: 10px;
				line-height: 1.4;
				width: 260px;
				height: 100%;
				text-align: left;
				overflow-wrap: break-word;

				font-size: 1.6rem;
				line-height: 1.48;
			}
				div.voice-head{
					display: flex;
					-moz-box-pack: justify;
					justify-content: space-between;
					-moz-box-align: center;
					align-items: center;
				}
					p.voice-date{
						font-weight: bold;
						font-size: 1.8rem;
					}
					p.voice-person{
						font-size: 1.4rem;
					}
				p.voice-main{
					text-align: left;
					font-size: 1.6rem;
					line-height: 1.48;
					margin: 8px 0 0;
					margin: 2px 0 0;
				}
			div.voice-cont hr{
				border: 1px solid #D0D0D0;
				border: none;
				height: 1px;
				width: 100%;
				background: #D0D0D0;
			}

	div.link-mannaka{
		margin: 16px auto 8px;
	}
		div.link-mannaka a{}
			div.link-mannaka a img{
				max-width: 320px;
				/* margin: 0 auto; */
			}



/* 調査概要 */
	p.cap-overview{
		text-align: left;
		padding: 4px 8px;
	}
	div.overview-box{
		width: 96%;
		margin: 0 auto 36px;
	}

	.overview-cont{
		background-color: #FFF;
		border: 1px solid rgba(182, 182, 182, 0.4);
		box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
		border-radius: 4px;
		padding: 8px 12px;
		margin: 12px auto 16px;
		text-align: left;
	}
	.overview-cont:hover{
		background-color: #F7F7F7;
	}
	details summary{
		list-style: none;
	}
	details summary::-webkit-details-marker{
		display: none;
	}
		.overview-cont h3{
			position: relative;
			cursor: pointer;
			font-weight: 700;
			font-size: 1.8rem;
			line-height: 1.5;
		}
		details h3::before{
			content: "\f0a9";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			vertical-align: middle;
			display: inline-block;
			padding: 0 6px 3px 0px;
			font-size: 2.0rem;
			color: #707070;
		}
		details[open] h3::before{
			content: "\f0ab";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
		}

	.overview-inner{
		margin: 4px 0 0;
		line-height: 1.48;
	}
		.overview-inner h4{
			font-size: 1.64rem;
			font-weight: bold;
			border-bottom: 1px dotted #AAA;
		}
		.overview-inner p{
			font-size: 1.48rem;
			margin: 4px auto 20px;
		}
		.overview-inner p:last-child{
			margin: 4px auto 0;
		}



/* ニュース 私たちの暮らしは、どう変わる？ */
	div.news-box{
		margin: 8px 0px 24px;
	}
		div.news-cont{
			width: 100%;
			margin: 0 auto 0px;
			overflow-x: auto;
		}

		div.js-list-related{
			margin-top: 20px;
			overflow-x: auto;
			margin: 8px 0px 0;
			box-sizing: border-box;
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			flex-grow: 1;
			flex-wrap: nowrap;
			display: flex;
		}

		div.ns-post-cont{
			box-sizing: border-box;
			flex-basis: 0px;
			-moz-box-flex: 1;
			flex-grow: 1;
			max-width: 100%;
			padding: 0;

			border: 1px solid #E9E9E9;
			transition: 0.4s;
			margin: 0 10px 0 0;
		}
		div.ns-post-cont-inner{
			position: relative;
			/* padding: 14px 16px; */
			/* background: #FDFDFD;
			border: 1px solid rgba(182, 182, 182, 0.4);
			border-radius: 10px;
			box-shadow: 0px 2px 8px rgba(0,0,0,0.05); */
			line-height: 1.4;
			width: 260px;
			height: 100%;
		}
			div.ns-news-main{
				z-index: 1;
				position: relative;
				overflow: hidden;
				height: 100%;
			}
				div.ns-thumb{}
					div.ns-news-data{
						padding: 0 0 18px;
						background: none;
					}
						div.news-title-txt{
							/* position: inherit;
							width: 65%;
							float: right; */
						}
							div.news-title{}
								div.news-title h2{
									text-align: left;
									background: transparent;
									font-size: 1.48rem;
									font-weight: bold;
									line-height: 1.32;
									padding: 3px 4px;
									color: #333;
									width: auto;
									word-break: break-all;
									border-left: 6px solid #dd007f;
								}
						div.ns-news-info{
							position: absolute;
							bottom: 0;
							width: 100%;

							padding: 0 4px 2px 0;
							text-align: right;
						}
							div.ns-news-infobg{
								display: inline-block;
								background: #FFF;
								padding: 0 0 0 2px;
							}
								div.ns-author{
									display: inline;
									color: #999;
									font-size: 1.2rem;
									line-height: 1.4;
								}
								div.ns-postday{
									display: inline;
									padding: 0 0px 0 4px;
									color: #feb0cb;
									font-size: 1.2rem;
									line-height: 1.4;
								}

		div.more-read{
			/* width: 64%;
			max-width: 640px; */
			margin: 0 auto 0;

			order: 1000;
		}
			a.js-button-related{
				text-align: center;
				display: inline-block;
				display: block;
				background: #349400;
				color: #FFF;
				/* border: #0872ff 1px solid; */
				padding: 14px 0px 0;
				margin: 8px auto 6px;
				margin: 100px 8px 2px;
				/* max-width: 60%; */
				border-radius: 50%;
				transition: 0.4s;
				box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.25);
				font-size: 1.64rem;
				font-weight: bold;
				line-height: 1.46;
				width: 88px;
				height: 88px;
			}
				a.js-button-related:hover{
					/* color: #222; */
					background: #ff007e;
					box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
				}
				a.js-button-related::after{
					content: "\f138";
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					vertical-align: middle;
					display: block;
					/* padding: 0 2px 3px 8px; */
				}










		span.tel::before{
			content: "\f095";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			vertical-align: middle;
			display: inline-block;
			padding-right: 4px;
			padding-bottom: 4px;
		}
		span.mail::before{
			content: "\f003";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			vertical-align: middle;
			display: inline-block;
			padding: 0 5px 2px 0px;
		}

	div.btn-box{
		display: flex;
		flex-wrap: wrap;
		width: 98%;
		margin: 0 auto 32px;
	}
	a.btn-link1,
	a.btn-link2{
		text-align: center;
		display: block;
		background: #ff007e;
		color: #FFF;
		/* border: #0872ff 1px solid; */
		padding: 8px 16px;
		margin: 16px auto 20px;
		width: calc(44% - 22px);
		border-radius: 36px;
		transition: 0.4s;
		box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.25);
		font-size: 1.64rem;
		font-weight: bold;
	}
	a.btn-link2{
		font-size: 1.8rem;
		padding: 10px 36px;
		width: auto;
	}
	a.btn-link1:hover,
	a.btn-link2:hover{
		color: #101010;
		background: #fff04b;
	}
		a.btn-link1 span,
		a.btn-link2 span{
			font-size: 1.28rem;
		}

	a.btn-link1::before,
	a.btn-link2::before{
		content:"\f138";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		vertical-align: middle;
		display: inline-block;
		padding: 0 4px 2px 0px;
		/* color: #FFF; */
	}
	a.btn-link2::before{
		content:"\f13a";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
	}

	a.btn-link{
		text-align: center;
		/* display: block; */
		display: inline-block;
		background: #349400;
		color: #FFF;
		/* border: #0872ff 1px solid; */
		padding: 10px 24px;
		margin: 8px auto 6px;
		/* max-width: 60%; */
		border-radius: 36px;
		transition: 0.4s;
		box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.25);
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.46;
	}
	a.btn-link:hover{
		/* color: #222; */
		background: #ff007e;
		box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
	}
		a.btn-link span{
			font-size: 1.28rem;
		}
	a.btn-link::before{
		content:"\f138";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		vertical-align: middle;
		display: inline-block;
		padding: 0 4px 2px 0px;
	}





	div.links{
		margin-bottom: 1em;
	}
		div.links a{
			width: 30%;
			margin: 0 1.5%;
		}
			div.links a img{
				/* width: 140px; */
			}
			img.l-catch{
				width: 88%;
				min-width: 80px;
				max-width: 180px;
			}
			img.l-nnn{
				width: 88%;
				min-width: 100px;
				max-width: 240px;
			}



.sns-contain{
	/* background: rgba(0, 161, 10, 0.25); */
	background: rgb(226, 226, 226);
	
	overflow: hidden;
	margin: 16px 0 0;
}
.sns-archive{
	margin: 10px auto 48px !important;
	background-color: rgba(255, 255, 255, 0) !important;
}
.snstitle{
	color: #000;
	text-shadow:
		#FFF 1px 1px 0, #FFF -1px -1px 0,
		#FFF -1px 1px 0, #FFF 1px -1px 0,
		#FFF 0px 1px 0, #FFF 0 -1px 0,
		#FFF -1px 0 0, #FFF 1px 0 0;
}
.sns ul{
	display: block !important;
}
.sns ul li a{
}


#foot-link{
	background: #F9F9F9;
	padding: 16px 0;
}
	#foot-link img.foot-logo{
		margin: 0px auto 2px;
		width: 20%;
	}



/* Page Top
=================================== */
#page-top{ position: fixed; bottom: 4px; right: 4px; font-size: 88%; z-index: 20; }
#page-top a{
	display: block;
	background: url(../img/to_top.png) center top no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	border: 1px solid #FFF;
	border-radius: 50%;
}
#page-top a:hover{
	background: url(../img/to_top_on.png) center top no-repeat;
	background-size: contain;
}


footer{
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.4;
	/* border-top: 4px solid #e62e8b; */
	background: #FFF;
	padding: 0 0 0 0;
}
footer div{
	width: 100%;
	margin: 0 auto;
}
footer p{
	clear: both;
}





/*
======================================================================================================================================================================================================== */
@media screen and (min-width: 375px){
}
@media screen and (min-width: 534px){
}
@media screen and (min-width: 640px){
}










/* PC
==================================================================================================== */
@media screen and (min-width: 1024px){
	html {}

	.sp{ display: none; }
	.spsp{ display: none; }
	.pc{ display: block; }

	.gmap{
		width: 960px;
		padding-bottom: 38%;
		margin: 12px auto 0;
	}
	.sns li a{
		height: 38px !important;
	}


	body{}

	@keyframes fadeIn{
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}
	@-webkit-keyframes fadeIn{
		0%{ opacity: 0; }
		100%{ opacity: 1; }
	}

	div#wrapper{}
	div#wrap{}
	div#ctv_tab{}
	header{
		width: 100%;
		margin: 0 auto;
	}


	nav{
		width: 100%;
		margin: 0 auto;
		background: #00a199;
	}
		nav ul{
			width: 960px;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding: 6px 0;
		}
		nav ul li{
			width: 25%;
			font-size: 2.4rem;
			line-height: 2.4;
			margin-left: 0px;
		}
		nav ul li:first-child{ margin-left: 0; }
		nav ul li a{
		}
		nav ul li a:hover{
		}



	main{}

	section{
		padding: 0px 0px 0px;
		overflow: hidden;
		position: relative;
	}
		section#candidate{
		}
		section#opinion{
		}
		section#info{
		}
		section#voice{
		}
		section#news{
		}



	.chapter{
		width: 1024px;
		margin: 0 auto 0;
		padding: 40px 0 0px;
	}
	.chapter-sp{
		/* margin: 0 auto 32px; */
	}


	.h-cap{
		/* display: flex;
		align-items: center;
		white-space: nowrap; */
		letter-spacing: 0.02em;
		font-size: 2.8rem !important;
		font-weight: bold;
		line-height: 2.2;
		margin: 0 0 8px;

		/* border-top: 4px double #6ccf67;
		border-bottom: 4px double #6ccf67; */
		border-top: 4px double #a9d85e;
		border-bottom: 4px double #a9d85e;

		/* background: #eafce7;
		background: repeating-linear-gradient(-45deg, #c3ffdb, #c3ffdb 5px, #e3fce5 5px, #e3fce5 10px); */
	}
		.h-cap:before,
		.h-cap:after{
			/* height: 4px; */
			/* content: "";
			height: 1px;
			flex-grow: 1; */
		}
		.h-cap:before{
			/* margin-right: 1.5rem; */
		}
		.h-cap:after{
			/* margin-left: 1.5rem; */
		}



/* ヘッダー PC */
	.head-box{
		/* display: flex; */
		width: 960px;
		margin: 0 auto;
		background: none;
	}
		h1{
			font-size: 2.2rem;
			font-weight: bold;
			padding: 20px 0px 24px;
			width: auto;
		}
		img.logo{
			width: 78%;
			/* width: 100%;
			max-width: 500px;
			margin: 0px auto 12px; */
		}

	div.about{
		padding: 0px 0px 36px;
		overflow: hidden;
		margin: 0 auto;
		width: 88%;
		max-width: 960px;
	}
		div.about-cont{
			display: inline-block;
			width: auto;
			margin: 0px auto 0;
			font-size: 2rem;
			line-height: 1.8;
			padding: 0;
		}
			div.about-cont p{
				/* text-align: left;
				display: block; */
				margin: 0px auto 0;
				padding: 20px 32px;
				line-height: 1.8;
				font-size: 1.88rem;
			}
			div.about-cont p span{
			}





/* 番組概要 PC */
.overview{
	width: 960px;
}
	.p-main{}
		.p-main img{
			margin: 1em auto 0.5em;
		}
	.overview h3{
		font-size: 3.64rem;
		line-height: 1.46;
		margin-top: 0.5em;
	}
	.overview p{
		max-width: 96%;
		display: inline-block;
		font-size: 1.8rem;
		line-height: 1.72;
		margin: 1.6em auto 0;
		text-align: left;
	}

	.banner{
		margin: 24px auto 0;
	}
	.banner ul{
		width: 88%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
		.banner ul li{
			width: 50%;
			padding: 0 4%;
		}
		.banner ul li img{
			width: 96%;
			/* border: 1px solid #CCC;
			box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25); */
		}
		.i-gray{
			/* filter:grayscale(100%);
			border: 1px solid #AAA !important;
			box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important; */
		}

	.p-cast{
		width: 96%;
		margin: 36px auto 64px;

	}
	.p-cast h4{
		font-size: 2rem !important;
	}
	.p-cast ul{
		width: 88%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		/* align-items: center; */
	}
		.p-cast ul li{
			width: 50%;
			padding: 12px 4% 8px;
		}
		.p-cast ul li img{
			margin: 0 auto 2px;
		}
		.p-cast ul li p{
			font-size: 1.8rem;
			line-height: 1.4;
		}
		span.sub{
			font-size: 80%;
		}





/* 番組概要 */
.result{
	width: 960px;
	margin: 0 auto 1em;
}
	.result img{
		width: 100%;
		margin: 1em auto 1em;
		border: 2px solid #DDD;
	}





/* 東海３県全候補者まるわかり PC */
	p.candidate-stxt{
		font-size: 1.4rem;
	}
	div.candidate-area{
		font-size: 2.2rem !important;
		font-weight: bold;
		line-height: 2;
		margin: 32px auto 24px;;
	}
		div.candidate-area .tab{
			margin-left: 100px;
			padding: 8px 32px;
			width: 220px;
		}
		div.candidate-area .tab.active{}
		div.candidate-area .tab:first-child{ margin-left: 0; }

	div.candidate-box{}
		div.candidate-cont{}
			div.candidate-info{}
				div.candidate-info p{
					padding: 8px 24px;
					font-size: 1.8rem;
					margin: 4px auto 32px;
					display: inline-block;
				}

		div.candidate-aichi,
		div.candidate-gifu,
		div.candidate-mie{}
		div.candidate-aichi{}
		div.candidate-gifu{}
		div.candidate-mie{}

		div.point{
			width: 100%;
			margin: 0 auto 24px;
			padding: 4px 16px 8px;
		}
		div.candidate-cont h3{
			font-size: 2rem;
			line-height: 2.2;
		}
		div.candidate-cont h4{
			width: 100%;
			font-size: 1.8rem;
			line-height: 1.64;
		}
		ul.cast{
			width: 100%;
			/* width: 99.7%; */
			margin-bottom: 12px;
		}
			ul.cast li{
				margin: 0 0.5% 32px;
				width: 48%;
			}
			ul.cast li:nth-child(2n){
				/* margin: 0 0 32px;
				width: 48%; */
			}
			ul.cast li img{}

				div.cast-img a img{
					border-radius: 16px;
				}


/* 東海３県定点観測 PC */
	h3.opinion-cap{
		margin: 24px 0px 0;
		text-align: left;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 1.6;
		padding: 0 8px 4px;
		border-bottom: 4px double #909090;
	}
	h3.opinion-cap span{
		font-size: 2.0rem;
	}
	h3.opinion-cap:nth-of-type(2){
		margin: 60px 0px 0;
	}
	div.opinion-box{
		display: flex;
		margin: 48px auto 0;
	}
	div.opinion-box:first-of-type{
		margin: 32px auto 0;
	}
		section.opinion-cont{
			display: flex;
			flex-direction: column;
			flex: 1;
			margin: 0 auto;
		}
		div.opinion-box:first-of-type section.opinion-cont:first-of-type,
		div.opinion-box:nth-of-type(3) section.opinion-cont:first-of-type{
			margin: 0 auto;
		}
		section.opinion-cont:nth-child(2){
			margin-left: 40px;
		}
			div.opinion-inner{
				/* padding: 12px; */
			}
				section.opinion-cont h4{
					font-size: 2.4rem;
					font-weight: 700;
					line-height: 1.64;
					border-bottom: 4px solid #707070;
					padding: 0 0 4px 4px;
				}
	div.opinion-info{
		margin: 0 auto 0px;
		padding: 12px 16px;
	}
		div.opinion-info p{}
			p.opinion-info-ttl{
				font-weight: 1.72rem;
				line-height: 2.2;
			}
			p.opinion-info-main{
				font-size: 1.6rem;
				line-height: 1.8;
			}
							div.opinion-box2{
								width: 98%;
								margin: 24px auto 0px;
							}
							div.opinion-box2:last-of-type{
								margin: 24px auto 40px;
							}
								div.opinion-box2 h3{
									line-height: 2.2;
								}
								div.opinion-box2 p{
									line-height: 1.8;
								}

	p.t-cooperation{
		margin: 8px auto 16px;
	}
	div.link-bnr{
		margin: 0 auto 12px;
	}
		div.link-bnr a{}
			div.link-bnr a img{}
	div.link-bnr-locipo{
		width: 90%;
		margin: 0px auto 32px;
	}
		div.link-bnr-locipo a{}
			div.link-bnr-locipo a img{
				max-width: 480px;
			}
			div.link-bnr-locipo a:hover img{
			}




/* swipe ニュース PC */
p.cap-news{
	font-size: 120%;
	padding: 1em 2em 0;
	text-align: left;
}

div.swiper-news,
div.swiper-movie,
div.swiper-what,
div.swiper-who,
div.swiper-true,
div.swiper-why{
	padding: 0 0 36px !important;
}
div.news-inner2{}
div.news-inner2 ul{
	width: 100%;
	margin: 0 auto 0px;
	padding: 0px 0;
}
	div.news-inner2 ul li{
		margin: 0 0 0;
		padding: 32px 1.5vw 0px;
	}

		.news-inner2 .swiper-slide a:hover img{
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
	.news-title{
		font-size: 132%;
	}



	div.swiper-movie{
		padding: 0 0 36px !important;
	}

	div#movie-cont{
		margin: 2em auto 0;
	}
	div.movie-inner2{
	}
	div.movie-inner2 ul{
		width: 100%;
		margin: 0 auto 0px;

		padding: 0px 0;
	}
		div.movie-inner2 ul li{
			width: calc(100vw / 2 - 16px);
			margin: 0 0 0px;
			padding: 24px 1.5vw 0;
		}

	.youtube-wrapper{
		margin: 0em auto;
		width: 100%;
		max-width: 960px;
	}
	#article .youtube-wrapper{
		max-width: 1024px;
	}
	.youtube-inner{
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}
		.youtube-inner iframe{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			max-width: 960px;
			height: 100%;
		}
		#article .youtube-inner iframe{
			max-width: 1024px;
		}

/* /swipe ニュース PC */



/* 動画 PC */
	div.movie-box{
		width: 1020px;
		max-width: 1020px;
		margin: 0px auto 0px;
		padding: 24px 0 0px;
		overflow: hidden;

		display: block;
	}
		div.movie-contA{
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin: 0px auto 0;
			/* overflow: hidden; */
		}
			div.movie{
				width: 46%;
				overflow: hidden;
				text-align: center;
				margin: 0 2% 3.6%;
			}
				div.movie:last-child{
				margin: 0 2% 3.6%;
				}
				div.movie-inner{}
					div.movie-inner iframe{}



/* 取材記者のとれたて情報 PC */
	div.info-box{
		width: 95%;
		margin: 24px auto 20px;
	}



/* みんなの声 PC */
	div.voice-box{
		margin: 0px auto 24px;
		flex-wrap: wrap;
	}
		div.voice-cont{
			flex: 0 0 25%;
			max-width: 25%;
			/* flex: 0 0 33%;
			max-width: 33%; */
			margin: 24px 0 0;
		}
			div.voice-inner{
				padding: 14px 16px;
				line-height: 1.48;
				width: 240px;
				/* width: 330px; */
				height: 100%;

				font-size: 1.72rem;
				line-height: 1.64;
			}
				div.voice-head{
					/* display: flex;
					-moz-box-pack: justify;
					justify-content: space-between;
					-moz-box-align: center;
					align-items: center; */
				}
					p.voice-date{
						font-size: 2.0rem;
					}
					p.voice-person{
						  font-size: 1.4rem;
					}
					p.voice-main{
						font-size: 1.72rem;
						line-height: 1.64;
						margin-top: 10px;
						margin-top: 2px;
					}
	div.link-mannaka{
		margin: 20px auto 8px;
	}
		div.link-mannaka a{}
			div.link-mannaka a img{
				max-width: 480px;
				/* margin: 0 auto; */
			}



/* 調査概要 PC */
	p.cap-overview{
		text-align: left;
		padding: 16px 12px 8px;
		font-size: 1.6rem;
	}
	div.overview-box{
		width: 98%;
		margin: 0 auto 36px;
	}

	.overview-cont{
		box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
		border-radius: 4px;
		padding: 12px 16px;
		margin: 20px auto 16px;
	}
		.overview-cont h3{
			font-size: 2.2rem;
			line-height: 1.5;
		}
		.overview-cont h3::before{
		}
		details h3::before{
			padding: 0 8px 4px 0px;
			font-size: 2.4rem;
		}
		details[open] h3::before{
		}

	.overview-inner{
		margin: 8px 0 0;
		line-height: 1.64;
	}
		.overview-inner h4{
			font-size: 1.8rem;
		}
		.overview-inner p{
			font-size: 1.72rem;
			margin: 4px 0 24px 24px;
		}
		.overview-inner p:last-child{
			margin: 4px auto 0;
		}



/* ニュース 私たちの暮らしは、どう変わる？ */
	div.news-box{
		/* margin-top: 20px; */

		/* overflow-x: auto;
		margin: 8px 10px 0; */

		/* box-sizing: border-box; */

		/* -webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		flex-wrap: nowrap;
		display: flex; */
		margin: 8px 0px 32px;
	}
		div.news-cont{
			width: 980px;
			margin: 0 auto 0px;
			overflow: hidden;
		}

		div.js-list-related{
			margin: 0px auto 0;
			/* margin: 0px auto 40px; */
			flex-wrap: wrap;
		}

		div.ns-post-cont{
			flex: 0 0 32%;
			max-width: 32%;
			margin: 24px 0.66% 0;
		}
		div.ns-post-cont-inner{
			width: auto;
		}
			div.ns-news-main{
			}
				div.ns-thumb{}
					div.ns-news-data{
						padding: 0 0 24px;
						/* position: relative;
						bottom: 0; */
						/* width: 488px;
						height: 248px; */
						/* float: right; */
						background: #FFF;
					}
						div.news-title-txt{
							/* position: inherit;
							width: auto;
							float: none; */
						}
							div.news-title{

							}
								div.news-title h2{
									padding: 6px 8px 6px;
									font-size: 2.4rem;
									line-height: 1.46;
									border-left: 4px solid #dd007f;
								}
						div.ns-news-info{
							padding: 2px 4px 2px 0;
							position: absolute;
							bottom: 0;
							width: 100%;
						}
							div.ns-news-infobg{}
								div.ns-author{
									font-size: 1.4rem;
									line-height: 1.64;
								}
								div.ns-postday{
									display: inline;
									padding: 0 2px 0 10px;
									color: #feb0cb;
									font-size: 1.4rem;
									line-height: 1.65;
								}

		div.more-read{
			width: 40%;
			margin: 20px auto 0;
		}
			a.js-button-related{
				text-align: center;
				display: block;
				padding: 16px 32px;
				margin: 4px auto 8px;
				/* max-width: ; */
				border-radius: 40px;
				transition: 0.4s;
				font-size: 2.2rem;
				line-height: 1.4;
				width: auto;
				height: auto;
			}
				a.js-button-related:hover{}
				a.js-button-related::after{
					content: "\f13A";
					font-family: "Font Awesome 5 Free";
					font-weight: 900;
					vertical-align: middle;
					display: inline-block;
					padding: 0 2px 3px 8px;
				}














		@media screen and (min-width: 1280px){
			/* .chapter{
				width: 1280px;
			}
					ul.cast{
						width: 100%;
						width: 99.7%;
						justify-content: space-between;
				}
					ul.cast li{
						width: calc((100% / 3) - 2%);
						margin: 0 0.6% 32px;
					} */

		}
		@media screen and (min-width: 1460px){
		}
		@media screen and (min-width: 1520px){
		}



		span.tel::before{
			/* content: "\f095";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			vertical-align: middle;
			display: inline-block; */
			padding-right: 4px;
			padding-bottom: 4px;
		}
		span.mail::before{
			/* content: "\f003";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			vertical-align: middle;
			display: inline-block; */
			padding: 0 5px 2px 0px;
		}

	div.btn-box{
		width: 100%;
		margin: 32px auto 48px;
	}
	a.btn-link1,
	a.btn-link2{
		text-align: center;
		display: block;
		/* color: #FFF; */
		/* background: #1286ff; */
		/* border: #0872ff 1px solid; */
		padding: 16px 32px;
		margin: 32px auto 24px;
		max-width: 300px;
		border-radius: 40px;
		transition: 0.4s;
		/* box-shadow: 1px 1px 2px #cbcbcb; */
		font-size: 2.2rem;
	}
	a.btn-link2{
		padding: 16px 60px;
		max-width: 400px;
	}

	a.btn-link1:hover,
	a.btn-link2:hover{
		/* background: #ffcf00;
		color: #202020; */
	}
		a.btn-link1 span,
		a.btn-link2 span{
			font-size: 1.4rem;
			font-weight: normal;
		}

	a.btn-link1::before,
	a.btn-link2::before{
		vertical-align: bottom;
		padding: 0 6px 0px 2px;
	}

	a.btn-link{
		text-align: center;
		/* display: block; */
		padding: 16px 32px;
		margin: 4px auto 8px;
		/* max-width: ; */
		border-radius: 40px;
		transition: 0.4s;
		font-size: 2.2rem;
	}
	a.btn-link:hover{
	}
		a.btn-link span{
			font-size: 1.4rem;
			font-weight: normal;
		}
	a.btn-link::before{
		vertical-align: bottom;
		padding: 0 6px 0px 2px;
	}





	div.links{}
		div.links a{}
			div.links a img{
				/* width: 18%; */
				margin: 0 4em;
			}
			img.l-catch{
				width: 200px;
			}
			img.l-nnn{
				width: 240px;
			}



	.sns-contain{
		margin: 32px 0 0;
	}
	.sns-archive{
		width: 800px;
		margin: 10px auto 20px !important;
	}
	.snstitle{
	}
	.sns ul li a{
		border: 1px solid #FFF;
	}



	footer{
		clear: both;
		/* background: #00a199; */
		background: #FF007F;
		/* border-top: #FCFCFC 1px solid; */
		/* border-top: none; */
	}
	footer p{
		color: #FFF;
		padding: 1.5em;
	}
	footer p a{
		color: #FFF;
	}
	footer p a:visited{
		color: #FFF;
	}
	footer p a:hover{
		color: #fff3d0;
		text-decoration: underline;
	}


	/* Page Top
	==================================================================================================== */
	#page-top {
		position: fixed;
		bottom: 8px;
		right: 12px;
		font-size: 88%;
		z-index: 20;
	}
}

.clear{ clear: both; }
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}
.clearfix{
	display: inline-table;
	zoom: 1;
}

/* Hides from IE-mac \*/
* html .clearfix{縲height: 1%;縲}
.clearfix{縲display: block;縲}
/* End hide from IE-mac */
