@charset "utf-8";

.labo-top #gnavi #gnv-4 a,
.labo-detail #gnavi #gnv-4 a {
	color: #3ecbff ;
}

.bodycopy-clm .step-list .photo {
	background: none ;
	margin: -1.75em 0 0 2em ;
	padding-bottom: 0 ;
	width: 33.2% ;
}
.bodycopy-clm .step-list .photo img {
	display: block ;
	padding-bottom: 1em ;
}
.bodycopy-clm .step-list h3 {
	color: #3b6eb9 ;
	font-weight: normal ;
	margin: -0.3em 0 0.5em;
}
.bodycopy-clm .step-list p {
	padding-bottom: 1em ;
}

/* 魚探ラボTOP
------------------------ */
.labo-top { background: url(/imgs/home/main_bg.jpg) repeat-x center 3em ;
}
.labo-top #contents { background: #FFF ;
	padding: 0 ;
}
.labo-top .page-title {
	max-width: 960px ;
	margin: 0 auto 3em;
	position: relative ;
	overflow: hidden ;
}
.labo-top .page-title .copy-clm {
	color: #FFF ;
	left: 30px ;
	position: absolute ;
	top: 33px ;
	width: 430px ;
}
.labo-top .page-title .main-title {
	color: #FFF ;
	font-weight: normal ;
	font-size: 37px ;
	padding-bottom: 0.25em;
}
.labo-top .top-list {
	margin: 0 0 3em ;
	width: 102% ;
}
.labo-top .top-list li {
	position: relative ;
	padding-bottom: 3.5% ;
}
.labo-top .electronics-clm h2 {
	color: #3165b2 ;
	font-weight: normal ;
	font-size: 22px ;
	padding-bottom: 0.25em ;
}
.labo-top .top-list h2 {
	color: #003258 ;
	padding: 0.25em 0.5em 0.25em ;
}
.labo-top .top-list li a {
	color: #313131 ;
	background: #ddeefa ;
	position: relative ;
}
.labo-top .top-list li .icon-new {
	margin-top: 0.25em ;
}
.labo-top .top-list a:hover {
	text-decoration: none ;
	color: #008efc ;
}
.labo-top .top-list .copy {
	display: block ;
	padding: 0 0.5em 0.25em ;
}
.labo-top .electronics-clm {
	padding: 1.5em 0 0 ;
}
.labo-top .electronics-clm h2 {
	padding-bottom: 0.75em ;
}
.labo-top .electronics-clm .copy {
	padding-bottom: 2em ;
}
.labo-top .electronics-clm li {
	position: relative ;
}
.labo-top .electronics-clm li a {
	background: #0182e8 ;
	color: #fff ;
}
.labo-top .electronics-clm li a:hover,
.labo-top .electronics-clm li a.active {
	background: #52aed3 ;
}
.labo-top .electronics-clm .title {
	float: left ;
	font-size: 13px ;
	box-sizing: border-box ;
	line-height: 1.3 ;
	width: 62% ;
	padding: 0.75em 0 0 1.5em ;
	text-indent: -0.75em;
}
.labo-top .electronics-clm .title::before {
	width: 0.5em ;
}
.labo-top .electronics-clm .thumbnail {
	float: right ;
	max-width: 34%;
	overflow: hidden;
    height: 4.6em;
}
.labo-top .electronics-clm .thumbnail img {
    height: 4.7em;
    max-height: 100%;
    max-width: none;
}
.labo-top .electronics-clm .icon-new {
	left: auto ;
	right: 20% ;
	top: 0% ;
}




/* 魚探ラボ詳細
------------------------ */
.labo-detail #contents {
	padding-bottom: 0 ;
}
.labo-detail .bread {
	padding: 0 0 0.25em ;
	
}
.labo-detail .page-title {
	background: #6ac0d9 ;
	line-height: 1.2 ;
	margin: 0 0 2em ;
}
.labo-detail .page-title .copy-clm {
	margin: 0 auto ;
	max-width: 960px ;
	padding: 1em 0 ;
}
.labo-detail .page-title .cat-title {
	color: #f4f5f7 ;
	padding-bottom: 0.25em ;
}
.labo-detail .page-title .main-title {
	color: #00212a ;
}
.labo-detail .bodycopy-clm {
	padding-bottom: 4em ;
}
.labo-detail .bodycopy-clm p {
	padding-bottom: 1.75em ;
}
.labo-detail .bodycopy-clm h2 {
	color: #3165b2 ;
	font-weight: normal ;
	padding-bottom: 1em ;
}
.labo-detail .bodycopy-clm .clm {
	padding-bottom: 5em ;
}
.labo-detail .bodycopy-clm .photo {
	background: #f2f2f2 ;
	float: right ;
	margin: 0 0 0 2em ;
	max-width: 320px ;
}
.labo-detail .bodycopy-clm .photo.big {
	max-width: 470px ;
}
.labo-detail .bodycopy-clm .photo .caption,
.labo-detail .bodycopy-clm .photo-clm,
.electronics .photos {
	display: block ;
	font-size: 87.5%;
	line-height: 1.5 ;
}
.labo-detail .bodycopy-clm .photo .caption {
	padding: 0.25em 0.5em;
}
.labo-detail .bodycopy-clm .photo-clm {
	padding-top: 3em;
}
.labo-detail .bodycopy-clm .name {
	text-align: right ;
	padding-bottom: 0 ;
}

.labo-detail .singlelist-clm {
	margin-bottom: 0.5em ;
}
.labo-detail .singlelist-clm .inner { padding: 1.5em 0 0.5em;
	margin-bottom: -1.5em ;
}
.labo-detail .newall-clm .inner { padding: 1.5em 0 0.5em;
}
.labo-detail .singlelist-clm h2,
.labo-detail .newall-clm h2 {
	color: #3165b2 ;
	padding-bottom: 1em ;
	font-weight: normal ;
}
.labo-detail .singlelist-clm li {
	margin-bottom: 1.5em ;
}
.labo-detail .singlelist-clm li a {
	background: #fbfcfc ;
	color: #008efc ;
	background: #0182e8 ;
	color: #fff ;

}

.labo-detail .singlelist-clm li a:hover,
.labo-detail .singlelist-clm li a.active {
	background: #52aed3 ;
	color: #fff ;
}

.labo-detail .singlelist-clm .name {
	float: left ;
	font-size: 13px ;
	box-sizing: border-box ;
	line-height: 1.3 ;
	width: 60% ;
	padding: 0.75em 0 0.5em 1.5em ;
	text-indent: -0.75em;
}
.labo-detail .singlelist-clm .name.icon-angle-right:before {
	width: 0.5em ;
	margin-right: 0 ;
}
.labo-detail .singlelist-clm .thumbnail {
	float: right ;
	padding: 0 ;
	max-width: 34% ;
	height: 4.6em ;
	overflow: hidden ;
	text-align: right ;
}
.labo-detail .singlelist-clm  .thumbnail img {
	max-height: 100% ;
	max-width: none ;
	height: 4.7em ;
}

.labo-detail .newall-clm .thumbnail {
}
.labo-detail .newall-clm {
	padding-bottom: 3em ;
}

.labo-detail .newall-clm a {
	background: #ddeefa ;
	line-height: 1.3 ;
}
.labo-detail .newall-clm a:hover,
.labo-detail .newall-clm a.active {
	color: #3ecbff ;
}
.labo-detail .newall-clm .name {
	float: left ;
	font-size: 13px ;
	box-sizing: border-box ;
	line-height: 1.3 ;
	width: 100% ;
	padding: 0.75em 0 0 0em ;
}
.labo-detail .newall-clm a.active {
	color: #003258 ;
}
.labo-detail .step-list,
.labo-detail .num-list {
	counter-reset: li;
}
.labo-detail .step-list > li,
.labo-detail .num-list > li {
    position:relative; /* Create a positioning context */
    margin:0 0 1.5em 4em; /* Give each list item a left margin to make room for the numbers */
    padding: 0;
}
.labo-detail .step-list > li:before,
.labo-detail .num-list > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
	font-size: 100% ;
    position: absolute;
    top: 0;
    left: -2.5em;
    width: 1.75em;
    padding:0 0;
    background: #608ac9;
	text-align: center ;
}
.labo-detail .step-list > li:before {
    font-weight:bold;
    color:#fff;
	font-size: 160% ;
}
.labo-detail .num-list > li {
	list-style: none ;
    margin:0 0 1.5em 2.25em;
}
.labo-detail .num-list > li:before {
	background: #858585 ;
    color:#fff;
	font-size: 87% ;
    position: absolute;
    top: 0.15em;
    left: -2.5em;
    width: 1.75em;
}
/* レンタルボートで魚探活用
------------------------ */
.labo-detail.rental .bodycopy-clm .photo-clm {
	text-align: center ;
}
/* 送受波器はスルーハル装備がおすすめです！
------------------------ */
.scupper .bodycopy-clm .photo-clm {
	text-align: center ;
	padding: 0em  ;
}
.scupper h3 {
	color: #111 ;
}
.scupper .clm .bg {
	padding: 1em ;
	margin-bottom: 1.5em ;
}
.scupper .bg .photo {
	max-width: 360px ;
}
.scupper .step-list {
	margin-bottom: -4em ;
}
.scupper .step-list h3 {
	margin-bottom: 1em ;
}
.scupper .step-list > li {
	margin-bottom: 4em ;
}
.scupper .step-list ul li {
	padding-bottom: 1em ;
}
.scupper .step-list .photo-clm {
	text-align: left ;
}
.scupper .step-list .photo-clm img {
	max-width: 580px ;
}
.scupper .clm dd {
	margin: -1.75em 0 0.5em 3em ;
}
/* カートップボートに送受波器を取り付けてみた
------------------------ */
.cartop .bodycopy-clm .clm {
	padding-bottom: 0 ;
}
.cartop	 .bodycopy-clm .photo {
	background: none ;
}
/* よくわかる電子機器解説
------------------------ */
.electronics h3 {
	color: #111 ;
	margin-bottom: 0.25em ;
}
.electronics .photos {
	float: right ;
	max-width: 300px ;
	margin: 0 0 0 1.5em ;
	width: 30% ;
}
.electronics .photos.left {
	float: left ;
	margin: 0 1.5em 0 0 ;
}
.electronics .clm .photos p .caption,
.electronics .photo-clm .caption {
	background: #f2f2f2 ;
	box-sizing: border-box ;
	padding: 0.25em 0.5em 0.5em ;
	display: block ;
	margin-bottom: 0 ;
}
.electronics .photo-clm p {
    margin: 0 auto;
    max-width: 620px;
    width: 80%;
}
.electronics .clm .photo-clm {
	padding: 1.5em 0 ;
}
.electronics.article03 .num-list {
	margin-top: -1.5em ;
}
.electronics.article03 .num-list > li {
	margin-bottom: 0.25em ;
}
.electronics .num-list p {
	padding-bottom: 0 ;
}

/* チームFURUNO リポート
------------------------ */
.teamfuruno .top-clm {
	margin-bottom: 5em ;
}
.teamfuruno .top-clm .photo {
	background: none ;
	padding: 0 ;
	margin-bottom: 0 ;
	max-width: 470px ;
}
.teamfuruno .top-clm h2 {
	padding: 0.75em 0 0.75em 16px ;
}
.top-clm dl {
	line-height: 1.6 ;
	padding: 0 0 0 16px ;
}
.top-clm dt {
	font-weight: bold ;
}
.top-clm dd {
	margin: -1.6em 0 0.4em 5em ;
}
.teamfuruno .clm .photo.left {
	float: left ;
	margin: 0 2em 0 0 ;
}
.teamfuruno .clm .photo {
	margin-bottom: 0.25em ;
}
.teamfuruno .bodycopy-clm .photo {
	padding-bottom: 0 ;
}
.teamfuruno .bodycopy-clm .photo .caption {
	padding: 0.25em 0.5em 0.5em ;
}
.teamfuruno .bodycopy-clm .photo-clm .caption {
	background: #f2f2f2 ;
	display: block ;
	padding: 0.25em 0.5em 0.5em ;
}
.teamfuruno .prd-clm {
	padding: 1em 16px ;
}
.teamfuruno .prd-clm h2 {
	padding-bottom: 0.5em ;
}
.teamfuruno .prd-clm li {
	padding-bottom: 1em ;
}
.teamfuruno .prd-clm a {
	display: block ;
}
.teamfuruno .prd-clm .photo {
	background: #fff ;
	float: left ;
	max-height: 100px ;
	margin: 0 1em 0 0 ;
	padding: 0 ;
	text-align: center ;
	width: 28% ;
}
.teamfuruno .prd-clm .photo img {
	max-height: 100px ;
}
.teamfuruno .bodycopy-clm .name {
	padding-top: 2em ;
}
.teamfuruno .photo span {
	border-bottom: 1.75em solid #fff ;
}
.teamfuruno .photo span:last-child {
	border: 0 ;
}
.writer-clm {
	padding-bottom: 2em ;
}
.teamfuruno .top-clm .photo {
	width: 50% ;
	max-width: 470px ;
}
.teamfuruno .top-clm .caption {
	display: block ;
	width: 100% ;
}
.teamfuruno.atc201611 .top-clm .list-three-clm,
.teamfuruno.atc201705 .top-clm .list-three-clm {
	width: 42% ;
}
/* furunoangler リポート
------------------------ */
.furunoangler .top-clm .photo {
	background: none ;
	padding: 0 ;
	margin-bottom: 0 ;
	max-width: 470px ;
}
.furunoangler .top-clm {
	margin-bottom: 5em ;
}
.furunoangler .top-clm .photo {
	background: none ;
	padding: 0 ;
	margin-bottom: 0 ;
	max-width: 470px ;
}
.furunoangler .top-clm h2 {
	padding: 0.75em 0 0.75em 16px ;
}
.furunoangler .top-clm .photo {
	width: 50% ;
	max-width: 470px ;
}
.furunoangler .top-clm .caption {
	display: block ;
	width: 100% ;
}
.furunoangler .bodycopy-clm .photo .caption {
	padding: 0.25em 0.5em 0.5em ;
}
.furunoangler .photo span {
	border-bottom: 1.75em solid #fff;
}
.furunoangler .photo.left {
	float: left ;
	margin: 0 1.5em 0 0 ;
}
.furunoangler .bodycopy-clm .photo-clm {
	text-align: center ;
}
.furunoangler .bodycopy-clm .photo-clm {
	text-align: center ;
}
.furunoangler .bodycopy-clm .photo-clm .caption {
	background: #f2f2f2 ;
	display: block ;
	padding: 0.25em 0.5em 0.5em ;
}
.furunoangler .bodycopy-clm .photo-clm.center p {
	margin: 0 auto;
	max-width: 640px;
	width: 80%;
}
.furunoangler .bodycopy-clm .photo-clm.center .caption {
	box-sizing: border-box;
	padding: 0.25em 0.5em 0.5em;
	display: block;
	margin-bottom: 0;
}
.furunoangler .prd-clm {
	padding: 1em 16px ;
}
.furunoangler .prd-clm h2 {
	padding-bottom: 0.5em ;
}
.furunoangler .prd-clm li {
	padding-bottom: 1em ;
}
.furunoangler .prd-clm a {
	display: block ;
}
.furunoangler .prd-clm .photo {
	background: #fff ;
	float: left ;
	max-height: 100px ;
	margin: 0 1em 0 0 ;
	padding: 0 ;
	text-align: center ;
	width: 28% ;
}
.furunoangler .prd-clm .photo img {
	max-height: 100px ;
}
.furunoangler .bodycopy-clm .name {
	padding-top: 2em ;
}
.furunoangler.atc202506 .dot-list a {
	word-break: break-all;
}
/* スマホサイズ用 */
@media screen and (max-width: 920px) {
	.labo-top .new-bnr .icon-new { font-size: 18px ;
	}
}
@media screen and (max-width: 870px) {
	.labo-top { background: none ;
	}
	.labo-top .page-title .main-title { font-size: 28px ;
	}
	.labo-top .new-bnr .copy-clm {
		padding: 0 1em 0 0;
		width: 60% ;
		line-height: 1.4 ;
	}
	.labo-top .new-bnr .title { margin-bottom: 0.25em ;
	}
}
@media screen and (max-width: 800px) {
	.labo-top .new-bnr .icon-new { font-size: 14px ;
	}
	.labo-top .new-bnr .copy-clm { width: 60% ;
	}
	.labo-top .new-bnr .title {
		line-height: 1.2 ;
	}
	.labo-top .top-list li { width: 33.3% ;
	}
	.labo-top .top-list .thumbnail { height: auto ;
	}
	.labo-top .top-list .thumbnail img { margin-top: 0 !important ;
		max-width: none ;
		width: 100% ;
	}
	.labo-detail .bodycopy-clm .fishfinder-img { max-width: 100% ;
	}
	.electronics .photos { width: 45% ;
	}
}
@media screen and (max-width: 710px) {
	.labo-top .new-bnr { display: none ;
	}
}
@media screen and (max-width: 680px) {
	.labo-top .page-title .copy-clm {
		left: auto ;
		width: 90% ;
		margin: 0 5% ;
	}
	.labo-top .new-bnr .fish-title {
		font-size: 24px ;
	}
	.labo-top .top-list li {
		width: 50% ;
	}
	.labo-detail .newall-clm li img {
		width: 100% ;
	}
	.cartop .step-list .photo {
		float: none ;
		width: 100% ;
		margin: 0 0 ;
		max-width: none ;
	}
	.labo-detail .bodycopy-clm .photo,
	.labo-detail .bodycopy-clm .photo img,
	.scupper .bg .photo,
	.electronics .photos,
	.electronics .photo-clm p,
	.teamfuruno .photo-clm img {
		float: none ;
		width: 100% ;
		margin: 0 0 ;
		max-width: none ;
	}
	.teamfuruno .bodycopy-clm .clm .photo {
		margin-bottom: 0.5em ;
	}
	.teamfuruno .bodycopy-clm .prd-clm .photo {
		width: 35% ;
		margin: 0 1em 0 0 ;
		float: left ;
	}
	.teamfuruno .bodycopy-clm .prd-clm .photo img {
		width: auto ;
		max-width: 100% ;
	}
	.teamfuruno.atc201611 .top-clm .list-three-clm {
		width: auto ;
	}
	.furunoangler .bodycopy-clm .prd-clm .photo {
		width: 35% ;
		margin: 0 1em 0 0 ;
		float: left ;
	}
	.furunoangler .bodycopy-clm .prd-clm .photo img {
		width: auto ;
		max-width: 100% ;
	}
	.furunoangler .bodycopy-clm .photo-clm.center p {
		width: 100% ;
	}
}
@media screen and (max-width: 580px) {
	.labo-top .page-title .copy-clm {
		margin: -5em 5% 0;
		position: relative ;
		top: 0 ;
		padding-bottom: 2em ;
	}
	.labo-top .page-title .copy {
		position: relative ;
		margin-top: 4em ;
		color: #313131 ;
	}
	.labo-detail .page-title .cat-title,
	.labo-detail .page-title .main-title,
	.writer-clm .writer-title h2 {
		width: 90% ;
		margin-left: auto;
		margin-right: auto;
	}
	.labo-detail .page-title .cat-title { font-size: 14px ;
	}
	.labo-detail .page-title .main-title { font-size: 21px ;
	}
	.labo-top .page-title .main-title {
		line-height: 1.2 ;
	}
	.labo-top .new-bnr .copy-clm { width: 45% ;
	}
	.teamfuruno .photo-clm ul {
		width: auto ;
	}
	.teamfuruno .photo-clm ul li,
	.teamfuruno .bodycopy-clm .prd-clm li {
		float: none ;
		width: auto ;
		padding: 0 0 1.5em;
	}
	.teamfuruno .bodycopy-clm .prd-clm li {
		font-size: 87.5% ;
	}
	.teamfuruno .bodycopy-clm .prd-clm .photo {
		margin-bottom: 0.5em ;
	}
	.furunoangler .photo-clm ul li,
	.furunoangler .bodycopy-clm .prd-clm li {
		float: none ;
		width: auto ;
		padding: 0 0 1.5em;
	}
	.furunoangler .bodycopy-clm .prd-clm li {
		font-size: 87.5% ;
	}
	.furunoangler .bodycopy-clm .prd-clm .photo {
		margin-bottom: 0.5em ;
	}
}
@media screen and (max-width: 400px) {
	.labo-top .page-title .copy-clm {
		margin: -3.25em 5% 0;
	}
	.labo-top .page-title .main-title { font-size: 21px ;
	}
	.labo-top .page-title .copy {
		top: 2em ;
	}
	.labo-top .new-bnr .copy-clm { width: 45% ;
	}
	.labo-top .top-list li { width: 100% ;
	}
}
@media screen and (max-width: 350px) {
}
/* スマホサイズ用 */



}