@charset "utf-8";

#HOME {
	background: url(/imgs/home/main_bg.jpg) repeat-x center 5.15em ;
}
#HOME a {
	text-decoration: none ;
}
#HOME #header {
	margin-bottom: 1.25em ;
}
#HOME .inner {
	padding-bottom: 8.3% ;
}

/* トピックスとバナー */
#HOME .topics-clm {
	float: left ;
	width: 74.48% ;
}

#HOME .topics-clm .rss {
	background: #f8bc2e ;
	float: right ;
	line-height: 26px ;
	margin-top: 0.5em ;
}
#HOME .topics-clm .rss a {
	color: #FFF ;
	text-decoration: none ;
	padding: 0 0em 0  0.5em ;
}
#HOME .topics-clm h2 {
	border-bottom: 1px solid #2085cf ;
	font-weight: normal ;
	color: #3165b2 ;
	margin-bottom: 0.5em ;
}
#HOME .topics-clm h2 span.xx-large {
	border-bottom: 2px solid #2085cf ;
	display: inline-block;
}
#HOME .topics-clm dl {
	line-height: 1.5 ;
}
#HOME .topics-clm dd {
	margin: -1.5em 0 0 0 ;
	padding: 0 0 0.5em 8em ;
}
#HOME .topics-clm dd a { color: #313131 ;
}
#HOME .topics-clm dd a:hover { color: #313131 ;
	text-decoration: underline ;
}
#HOME .home-bnr-list {
	float: right ;
	width: 23.5% ;
}
#HOME .home-bnr-list li {
	padding-bottom: 1em ;
}


/* 魚種ごとの反応 */
#HOME .sakana-clm h2 {
	font-weight: normal ;
	color: #3165b2 ;
	margin: 1.5em 0 ;
}
#HOME .sakana-clm h2 a,
#HOME .title02 a,
#HOME .other-clm .title02 a {
	color: #3165b2 ;
}
#HOME .sakana-clm h2 a:hover,
#HOME .title02 a:hover,
#HOME .other-clm .title02 a:hover {
	color: #03599b ;
}
#HOME .sakana-clm h2 small {
	font-size: 14px ;
	padding-left: 0.75em ;
}

#HOME .sakana-clm .btn {
	border: 1px solid #03599b;
	color: #03599b ;
	display: block ;
	line-height: 1.5 ;
	padding: 0.5em 1em ;

	margin: 0.5em auto 0;
	box-sizing: border-box ;
	width: 100% ;
	max-width: 380px ;
	text-align: center ;
	font-size: 1.25em ;
}
#HOME .sakana-clm .btn:hover {
	opacity: 0.7 ;
}
#HOME .sakana-clm .sakana-newlist,
#HOME .labo-clm ul {
	margin: 2em 0 0 ;
	display: flex ;
	flex-wrap: wrap;
	width: 100% ;
}
#HOME .sakana-clm .sakana-newlist li,
#HOME .labo-clm li {
	float: none ;
	margin: 0 2.66% 3.5% 0 ;
	width: 23% ;
}
#HOME .sakana-clm .sakana-newlist li:nth-of-type(4n),
#HOME .labo-clm li:nth-of-type(4n) {
	margin-right: 0 ;
}
#HOME .sakana-clm .sakana-newlist li a,
#HOME .labo-clm li a {
	width: auto ;
}
#HOME .sakana-clm .sakana-newlist li a {
	background: #0082e7 ;
	color: #FFF ;
	display: block ;
	position: relative ;
}
#HOME .sakana-clm .sakana-newlist .thumbnail {
	max-height: 130px ;
	overflow: hidden ;
}
#HOME .sakana-clm .sakana-newlist li a:hover {
	background: #03599b ;
	text-decoration: none ;
}
#HOME .sakana-clm .sakana-newlist .icon-new {
	font-size: 14px ;
	left: 1% ;
	top: -3% ;
} 
#HOME .sakana-clm .sakana-newlist .name {
	font-weight: 600 ;
	line-height: 1.3 ;
	padding: 0.25em 0.5em ;
}
/* 魚に逢いたくて */


/* Not Found
---------------- */
#NF { background: none ;
}
#NF .inner { padding: 2em 0 8em ;
}
#NF .title01 { margin-bottom: 1em ;
	color: #3165b2 ;
}
#NF .inner p { margin-bottom: 1.5em ;
}

/* スマホサイズ用 */
@media screen and (max-width: 960px) {
	.product-list {
		width: 96% ;
	}
}
@media screen and (max-width: 800px) {
	#HOME .topics-clm,
	#HOME .home-bnr-list {
		float: none ;
		width: 100% ;
		padding-bottom: 1em ;
	}
	#HOME .home-bnr-list li {
		max-width: 45% ;
		padding-right: 4% ;
		display: inline-block ;
	}
	#HOME .sakana-clm .sakana-newlist li,
	#HOME .labo-clm li,
	#HOME .sakana-clm .sakana-newlist li:nth-of-type(4n),
	#HOME .labo-clm li:nth-of-type(4n) {
		width: 30.636% ;
		margin-right: 4% ;
	}
	#HOME .sakana-clm .sakana-newlist li:nth-of-type(3n),
	#HOME .labo-clm li:nth-of-type(3n) {
		margin-right: 0 ;
	}
	#HOME .labo-clm li a {
		background: #efefef ;
		display: block;
	}
	#HOME .labo-clm li span {
		padding: 0.5em ;
	}
	#HOME .sakana-clm .sakana-newlist .thumbnail { height: auto ;
	}
	#HOME .sakana-clm .sakana-newlist .thumbnail img { margin-top: 0 !important ;
	}
	#HOME .other-clm .list-three-clm ul {
		width: 100% ;
	}
	#HOME .other-clm li { padding: 0 0 8% ;
	}
	#HOME .other-clm .title02 { padding-bottom: 0.5em ;
	}
	#HOME .other-clm li,
	#HOME .other-clm li a { width: 100% ;
	}
}
@media screen and (max-width: 680px) {
	#HOME .sakana-clm .sakana-newlist li,
	#HOME .labo-clm li,
	#HOME .sakana-clm .sakana-newlist li:nth-of-type(4n),
	#HOME .labo-clm li:nth-of-type(4n),
	#HOME .sakana-clm .sakana-newlist li:nth-of-type(3n),
	#HOME .labo-clm li:nth-of-type(3n) {
		margin-right: 4% ;
		width: 48% ;
	}
	#HOME .sakana-clm .sakana-newlist li:nth-of-type(2n),
	#HOME .labo-clm li:nth-of-type(2n) {
		margin-right: 0 ;
	}
}
@media screen and (max-width: 640px) {
	.page-header {
		width: auto ;
	}
	#lang {
		padding-top: 10px ;
		width: 100% ;
	}
	#lang .sub {
		width: 100% ;
	}
	.main-image,
	.main-image .main-bg02 {
		background: none ;
	}
	.main-image .img01 {
	}
	.main-image .main-copy {
		font-size: 160% ;
		top: 1.5em ;
	}
	.product-list {
		margin-top: -10px ;
	}
	.product-list li {
		float: none ;
		margin: 0 auto 20px;
		width: 90% ;
	}
	.product-list .clm1,
	.product-list .clm3 {
		float: none ;
	}
	.product-list li h1 {
		float: left ;
		width: 30% ;
		margin: 0 2% 0 0 ;
		padding: 10px 0 0 ;
	}
	.product-list li p {
		padding-top: 1em ;
	}
}
@media screen and (max-width: 500px) {
	#HOME .labo-clm li,
	#HOME .labo-clm li:nth-of-type(2n),
	#HOME .labo-clm li:nth-of-type(3n),
	#HOME .labo-clm li:nth-of-type(4n) {
		width: 100% ;
		margin-right: 0 ;
	}
	#HOME .labo-clm li a .photo {
		float: left ;
		width: 45% ;
	}
	#HOME .labo-clm li a span {
		float: right ;
		width: 55% ;
	}
	#HOME .labo-clm li a .photo img {
		width: 90% ;
	}
	#HOME .home-bnr-list li { max-width: 100% ;
	}
	#HOME .sakana-clm .btn {
		margin-top: 2em ;
		font-size: 1em ;
	}

}

/* スマホサイズ用 */