@charset "utf-8";


#gnavi #gnv-7 a {
	color: #3ecbff ;
}
/* 魚探の仕組み TOP
------------------------ */
.top { background: url(/imgs/home/main_bg.jpg) repeat-x center 3em ;
}
.top #contents { background: #FFF ;
}
.top .page-title {
	max-width: 960px ;
	margin: 0 auto 3em;
	position: relative ;
	overflow: hidden ;
}
.top .page-title .copy-clm {
	color: #0b0b0b ;
	left: 30px ;
	position: absolute ;
	top: 42px ;
	width: 450px ;
}
.top .page-title .main-title {
	color: #3165b2 ;
	font-weight: normal ;
	font-size: 34px ;
	line-height: 1.2 ;
	padding-bottom: 0.75em;
}
.top .clm {
	padding-bottom: 3em ;
}
.top .clm h2 {
	color: #3165b2 ;
	font-weight: normal ;
	padding-bottom: 1em ;
}
.top .clm h2 .area {
	background: #0182e8 ;
	color: #FFF ;
	display: inline-block ;
	font-size: 70% ;
	font-weight: normal ;
	padding: 0 0.5em ;
	margin-right: 0.25em ;
}
.top .clm table {
	border-collapse: collapse ;
	width: 100% ;
	text-align: left ;
}
.top .clm th,
.top .clm td {
	border: 1px solid #e9e9e9 ;
	vertical-align: top ;
	padding: 0.5em 1em ;
}
.top .clm th {
	background: #eaf4fa ;
	color: #003258 ;
	width: 6em ;
}
.top .clm td a {
	word-break:break-all;	
}
/* スマホサイズ用 */
@media screen and (max-width: 960px) {
	.mechanism-detail .page-title .cat-title,
	.mechanism-detail .page-title .main-title,
	.writer-clm .writer-title h2 {
		width: 95% ;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 920px) {
	.top .page-title .copy-clm {
		top: 24px ;
	}
	.top .page-title .main-title {
		padding-bottom: 0.25em ;
	}

}
@media screen and (max-width: 870px) {
	.top { background: none ;
	}
	.top .page-title .main-title { width: 80% ;
	}
	.top .new-bnr .copy-clm {
		padding: 0 1em 0 0;
		line-height: 1.4 ;
	}
	.top .new-bnr .title { margin-bottom: 0.25em ;
	}
}
@media screen and (max-width: 800px) {
	.top .page-title .copy-clm {
		left: 5% ;
		margin: -9em 0 0;
		padding-bottom: 2em ;
		position: relative ;
		top: 0 ;
		width: 50% ;
	}

}
@media screen and (max-width: 700px) {
	.top .page-title > img {
		width: 120% ;
		max-width: 120% ;
	}
}

@media screen and (max-width: 680px) {
	.mechanism-detail .bodycopy-clm .clm.bg h2 {
		font-size: 18px ;
	}
	.top .page-title .copy-clm .forPC {
		display: inline;
	}
}
@media screen and (max-width: 580px) {
	.top .page-title .copy-clm {
		margin-top: -8em;
	}
	.top .page-title .main-title {
		font-size: 24px ;
		width: 50% ;
		line-height: 1.2 ;
	}
	.top .page-title .copy {
		position: relative ;
	}
}
@media screen and (max-width: 500px) {
	.top .page-title .copy-clm {
		margin: -6.75em 0 0;
		width: 60% ;
	}
	.top .page-title .main-title {
		font-size: 21px;
		width: auto ;
	}
}
@media screen and (max-width: 400px) {
	.top .page-title .copy-clm .forPC {
		display: none;
	}
	.top .page-title .copy-clm {
		margin: -4em 0 0em;
		width: 90% ;
	}
	.top .page-title .copy {
		margin-top: 4em ;
		position: relative ;
		color: #313131 ;
	}

}
@media screen and (max-width: 350px) {
	.top .page-title .copy-clm {
		margin: -3em 0 -2em;
	}
	.top .page-title .copy {
		margin-top: 3em ;
	}

}

/* スマホサイズ用 */