@charset "utf-8";


.child-top #gnavi #gnv-5 a,
.child-detail #gnavi #gnv-5 a {
	color: #3ecbff ;
}
/* 魚に逢いたくてTOP
------------------------ */
.child-top { background: url(/imgs/home/main_bg.jpg) repeat-x center 3em ;
}
.child-top #contents { background: #FFF ;
}
.child-top .page-title {
	max-width: 960px ;
	margin: 0 auto 3em;
	position: relative ;
	overflow: hidden ;
}
.child-top .page-title .copy-clm {
	color: #0b0b0b ;
	left: 30px ;
	position: absolute ;
	top: 42px ;
	width: 450px ;
}
.child-top .page-title .main-title {
	color: #3165b2 ;
	font-weight: normal ;
	font-size: 28px ;
	line-height: 1.2 ;
	padding-bottom: 0.75em;
}
.child-top .child-list {
	margin: 0 0 3em ;
	width: 102% ;
}
.child-top .child-list li {
	position: relative ;
	padding-bottom: 3.5% ;
}
.child-top .child-list h2 {
	color: #3165b2 ;
	font-weight: normal ;
	font-size: 22px ;
	padding-bottom: 0.25em ;
}
.child-top .child-list li a {
	background: #ddeefa ;
	color: #313131 ;
	position: relative ;
	padding-bottom: 1em ;
}
.child-top .child-list li .thumbnail {
	padding-bottom: 0.5em ;
}
.child-top .child-list li .title {
	color: #003258 ;
	font-weight: bold ;
	padding: 0 0.5em ;
}
.child-top .child-list li a:hover .title {
	color: #008efc ;
}
.child-top .child-list li .icon-new {
	margin-top: 4.25em ;
}
.child-top .child-list a:hover {
	text-decoration: none ;
	color: #008efc ;
}
.child-top .child-list .copy {
	display: block ;
}
/* 魚に逢いたくて詳細
------------------------ */

.child-detail #contents {
	padding-bottom: 0 ;
}
.child-detail .bread {
	padding: 0 0 0.25em ;
	
}
.child-detail .page-title {
	background: #6ac0d9 ;
	line-height: 1.2 ;
	margin: 0 0 2em ;
}
.child-detail .page-title .copy-clm {
	margin: 0 auto ;
	max-width: 960px ;
	padding: 1em 0 ;
}
.child-detail .page-title .cat-title {
	color:#f4f6f3 ;
	padding-bottom: 0.75em ;
}
.child-detail .page-title .main-title {
	color: #124f62 ;
}
.child-detail .bodycopy-clm {
	padding-bottom: 4em ;
}
.child-detail .bodycopy-clm p {
	padding-bottom: 1.5em ;
}
.child-detail .bodycopy-clm h2 {
	color: #3165b2 ;
	font-weight: normal ;
	padding-bottom: 1em ;
}
.child-detail .bodycopy-clm .clm {
	padding-bottom: 3em ;
}
.child-detail .bodycopy-clm .copy-clm {
	float: left ;
	width: 60% ;
}
.child-detail .bodycopy-clm .photo {
	float: right ;
	max-width: 340px ;
	margin: 0 ;
	width: 36% ;
}
.child-detail .bodycopy-clm .photo p {
	background: #f2f2f2 ;
	padding-bottom: 0.25em ;
	margin-bottom: 2em ;
}
.child-detail .bodycopy-clm .photo .caption,
.child-detail .bodycopy-clm .photo-clm {
	display: block ;
	font-size: 87.5%;
	line-height: 1.5 ;
}
.child-detail .bodycopy-clm .photo .caption {
	padding: 0.25em 0.5em;
}
.child-detail .bodycopy-clm .photo-clm {
	padding-top: 3em;
}
.child-detail.rental .bodycopy-clm .photo-clm {
	text-align: center ;
}
.child-detail.rental .bodycopy-clm .name {
	text-align: right ;
	padding-bottom: 0 ;
}

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

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

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

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

.child-detail .newall-clm a {
	color: #008efc ;
	line-height: 1.3 ;
}
.child-detail .newall-clm a:hover,
.child-detail .newall-clm a.active {
	color: #3ecbff ;
}
.child-detail .newall-clm .title {
	font-size: 13px ;
	box-sizing: border-box ;
	line-height: 1.3 ;
	width: 100% ;
	padding: 0.25em 0 0 0em ;
}
.child-detail .newall-clm a.active {
	color: #003258 ;

}

/* スマホサイズ用 */
@media screen and (max-width: 920px) {
	.child-top .page-title .copy-clm {
		top: 24px ;
	}
	.child-top .page-title .main-title {
		padding-bottom: 0.25em ;
	}

}
@media screen and (max-width: 870px) {
	.child-top { background: none ;
	}
	.child-top .page-title .main-title { width: 80% ;
	}
	.child-top .new-bnr .copy-clm {
		padding: 0 1em 0 0;
		line-height: 1.4 ;
	}
	.child-top .new-bnr .title { margin-bottom: 0.25em ;
	}
}
@media screen and (max-width: 800px) {
	.forPC { display: none ;
	}
	.child-top .page-title .copy-clm {
		left: 5% ;
		margin: -7em 0 0;
		padding-bottom: 2em ;
		position: relative ;
		top: 0 ;
		width: auto ;
	}
	.child-top .page-title .main-title {
		width: 45% ;
	}
	.child-top .page-title .copy {
		position: relative ;
		top: 4em ;
		color: #313131 ;
		width: 90% ;
	}

	.child-top .new-bnr .title {
		line-height: 1.2 ;
	}
	.child-top .child-list li { width: 33.3% ;
	}
	.child-top .child-list .thumbnail { height: auto ;
	}
	.child-top .child-list .thumbnail img { margin-top: 0 !important ;
	}
	.child-detail .bodycopy-clm .fishfinder-img { max-width: 100% ;
	}
}
@media screen and (max-width: 700px) {
	.child-top .page-title > img {
		width: 120% ;
		max-width: 120% ;
	}
	.newall-clm li { margin-bottom: 0.5em ;
	}
}

@media screen and (max-width: 680px) {
	.child-top .child-list li {
		width: 50% ;
		padding-bottom: 
	}
}
@media screen and (max-width: 580px) {
	.child-top .page-title .copy-clm {
		margin: -5.5em 0 0;
		position: relative ;
		top: 0 ;
		padding-bottom: 2em ;
	}
	.child-top .page-title .main-title {
		font-size: 24px ;
		width: 50% ;
		line-height: 1.2 ;
	}
	.child-top .page-title .copy {
		position: relative ;
		top: 2em ;
		color: #313131 ;
	}
	.child-detail .page-title .cat-title,
	.child-detail .page-title .main-title,
	.writer-clm .writer-title h2 {
		width: 90% ;
		margin-left: auto;
		margin-right: auto;
	}
	.child-detail .page-title .cat-title { font-size: 14px ;
	}
	.child-detail .page-title .main-title { font-size: 21px ;
	}
	.child-detail .bodycopy-clm .copy-clm,
	.child-detail .bodycopy-clm .photo {
		float: none ;
		width: 100% ;
		max-width: none ;
	}
	.child-detail .bodycopy-clm .photo p {
		background: none ;
	}
}
@media screen and (max-width: 500px) {
	.child-top .page-title .copy-clm {
		margin: -5em 0 0;
	}
	.child-top .page-title .main-title {
		font-size: 21px;
		width: 55% ;
	}
	.child-detail .newall-clm .thumbnail {
		width: 30% ;
		float: right ;
	}
	.child-detail .newall-clm a {
		background: #ddeefa ;
	}
	
}
@media screen and (max-width: 400px) {
	.child-top .child-list li { width: 100% ;
	}
	.child-top .child-list li img {
		max-width: none ;
		width: 100% ;
	}
	.child-top .new-bnr .copy-clm { width: 45% ;
	}
}
@media screen and (max-width: 350px) {
	.child-top .page-title .copy-clm {
		margin: -4.75em 0 0;
	}

}

/* スマホサイズ用 */