@charset "utf-8";

#contents { padding-bottom: 0 ;
}
#HOME .inner { padding-bottom: 4em ;
	overflow: hidden ;
}
#HOME .main-image-wrap { position: relative ;
}
#HOME .main-image {
	background: url(/imgs/home/main_bg2.jpg) repeat-x left bottom ;
	width: 100% ;
	margin: 0 auto 2% ;
	max-width: 960px ;
	padding-bottom: 30px ;
	position: relative ;
	z-index: 1 ;
}

#HOME .main-image a {
	display: block ;
}
#HOME .main-image .main_trial,
#HOME .main-image .main01,
#HOME .main-image .main02,
#HOME .main-image .main03 {
	position: relative ;
	max-width: 960px ;
	max-height: 277px ;
	width: 100% ;
}
#HOME #pager {
	color: #ddd ;
	bottom: -3% ;
	text-align: center ;
	position: absolute ;
	line-height: 1 ;
	z-index: 2 ;
	font-size: 50px ;
	width: 100% ;
}
#HOME #pager span { cursor: pointer ;
}
#HOME #pager .cycle-pager-active { color: #aaa ;
}
#HOME .main-image .main_trial { background: none ;
	max-height: 277px ;
	overflow: hidden ;
}
#HOME .main-image .main01 { background: url(/jp/imgs/home/main01_bg.gif) no-repeat center 0 #f7f6eb ;
}
#HOME .main-image .main02 { background: url(/jp/imgs/home/main02_bg.jpg) no-repeat center 0 ;
	background-size:cover;
}
#HOME .main-image .main03 { background: url(/jp/imgs/home/main03_bg.jpg) no-repeat center 0 ;
	background-size:cover;
}
#HOME .main-image .main01 .img01 {
	position: relative ;
	float: left ;
	max-height: 277px ;
	width: 44% ;
	overflow: hidden ;
}
#HOME .main-image .main01 .img01 img {
	max-height: 277px ;
}
#HOME .main-image .main01 .icon-new {
	font-size: 26px ;
	left: auto ;
	right: 55% ;
	top: -2% ;
	z-index: 2 ;
}
#HOME .main-image .main01 .copy-clm {
	color: #2b2b2b ;
	float: left ;
	line-height: 1.4 ;
	padding: 3% 0% 2% 3% ;
	width: 51% ;
}
#HOME .main-image .main01 .main-title {
	color: #000 ;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal ;
	font-size: 34px ;
	line-height: 1.2 ;
	padding-bottom: 4% ;
}
#HOME .main-image .main01 .main-title small {
	font-size: 16px ;
	padding-left: 0.75em ;
}
#HOME .main-image .main01 .date {
	padding-bottom: 0.25em ;
}
#HOME .main-image .main01 .more {
	color: #008efc ;
	padding-top: 0.75em ;
}
#HOME .main-image .main01 .copy {
	width: 74% ;
}
#HOME .main-image .main01 a:hover .more {
	color: #03599b ;
}
#HOME .main-image .main01 .fish-title {
	font-size: 15px ;
	padding-bottom: 3% ;
}
#HOME .main-image .main01 .fish-title strong {
	font-size: 27px ;
	font-weight: normal ;
	line-height: 1.1 ;
}
#HOME .main-image .main01 .img02 {
	position: absolute ;
	width: 15% ;
	right: 0 ;
	bottom: 0 ;
}
#HOME .main-image .main02 .main-title {
	padding: 3.54% 0 2.1% 4.37% ;
}
#HOME .main-image .main02 .copy {
	box-sizing: border-box ;
	color: #fff ;
	margin: 0 0 3.23% 6.2% ;
	text-shadow: 0px 0px 5px #05263f;
}
#HOME .main-image .main02 .more {
	background: #1b7bc7 ;
	border: 0.5em solid #1b7dc7 ;
	border-width: 0.5em 0.75em ;
	border-radius: 1em ;
	display: inline-block ;
	font-weight: bold ;
	margin: 0 0 3.23% 6.2% ;
	text-shadow: none ;
}
#HOME .main-image .main03 .main-title {
	padding: 3.23% 0 2.1% 3.23% ;
}
#HOME .main-image .main03 .copy {
	box-sizing: border-box ;
	color: #080f1a ;
	margin: 0 0 2.73% 3.6% ;
	text-shadow: 0px 0px 5px #fff;
}
#HOME .main-image .main03 .more {
	border: 0.5em solid #46acfc ;
	border-width: 0.5em 0.75em ;
	border-radius: 1em ;
	background: #46acfc ;
	color: #FFF ;
	display: inline-block ;
	font-weight: bold ;
	margin: 0 0 3.2% 3.6% ;
	text-shadow: none ;
}
#HOME .main-image .main02:hover .more,
#HOME .main-image .main03:hover .more {
	background-color: #8cccfe ;
	border-color: #8cccfe ;
}

#HOME .title02 {
	font-weight: normal ;
	color: #3165b2 ;
	line-height: 1.3 ;
	margin: 0 0 0 ;
}
#HOME .other-clm { padding-top: 2em ;
}
#HOME .other-clm .child .title02 .xx-large {
	font-size: 20px ;
	letter-spacing: -0.06em ;
}
#HOME .other-clm a { color: #313131 ;
}
#HOME .other-clm a:hover { color: #008efc ;
}
#HOME .other-clm li a .photo img { padding-bottom: 0.5em ;
}
#HOME .labo-clm li a span {
	box-sizing: border-box ;
	display: block ;
	padding-top: 0.5em ;
}
#HOME .labo-clm h2 { margin: 1.5em 0;
}
#HOME .labo-clm ul { padding-top: 2em ;
}
/* スマホサイズ用 */
@media screen and (max-width: 960px) {
	.product-list {
		width: 96% ;
	}
}

@media screen and (max-width: 870px) {
	#HOME,
	#HOME .main-image { background: none ;
	}
	#HOME .main-image .main01 .copy { display: none ;
	}
	#HOME .main-image .main01 .more { display: block ;
	}
}

@media screen and (max-width: 800px) {
	#HOME #pager { display: none ;
	}

	#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 .main-image .main01 .icon-new {
		font-size: 16px ;
		right: auto ;
		left: 40% ;
	}
	#HOME .main-image .main01 .main-title small {
		display: block ;
		padding-left: 0 ;
	}
	#HOME .other-clm li h2 a {
		background: none ;
	}
	#HOME .other-clm li a { background: #f6f6f6 ;
	}
	#HOME .other-clm li a .photo { width: 40% ;
		float: left ;
	}
	#HOME .other-clm li a .copy {
		box-sizing: border-box ;
		float: right ;
		font-size: 14px ;
		padding: 0.25em 0.25em 0.5em ;
		width: 58% ;
	}
	#HOME .other-clm li a .photo img { padding-bottom: 0 ;
	}
	#HOME .other-clm .child .title02 .xx-large {
		font-size: 26px ;
		letter-spacing: 0 ;
	}
}
@media screen and (max-width: 680px) {
	#HOME .main-image .main01 .img01 { width: 40% ;
	}
	.#HOME .main-image .main01 .fish-title strong { font-size: 21px ;
	}
	#HOME .main-image .main01 .icon-new {
		left: 30% ;
	}
	#HOME .topics-clm dt {
		font-size: 95% ;
	}
	#HOME .topics-clm dd {
		margin: 0 0 0 0 ;
		padding: 0 0 0.5em 0 ;
	}
	#HOME .labo-clm li a .photo img {
		width: 100% ;
	}
	#HOME .main-image .main02 .copy { font-size: 87.5% ;
	}
	#HOME .main-image .main02 .copy br { display: none ;
		width: 80% ;
		margin: 0 auto ;
	}
	#HOME .main-image .main03 .copy { display: none ;
	}
	#HOME .main-image .main02 .more,
	#HOME .main-image .main03 .more { display: inline-block ;
		font-size: 12px ;
	}
}
@media screen and (max-width: 640px) {
	.page-header {
		width: auto ;
	}
	#lang {
		padding-top: 10px ;
		width: 100% ;
	}
	#lang .sub {
		width: 100% ;
	}
	#HOME .main-image .main01 .copy-clm {
		width: 40% ;
	}
	#HOME .main-image .main01 .fish-title strong {
		font-size: 18px;
	}
	#HOME .main-image,
	#HOME .main-image .main-bg02 {
		background: none ;
	}
	#HOME .main-image .main02 .copy { display: none ;
	}
	#HOME .main-image .main02 .more { display: inline-block ;
	}
}
@media screen and (max-width: 580px) {
	#HOME .main-image .main01 .icon-new { left: 1% ;
	}
	#HOME .main-image .main01 .more { display: none ;
	}
	#HOME .main-image .main01 .img02 { display: none ;
	}
	#HOME .main-image .main01 .main-title {
		font-size: 27px ;
	}

}
@media screen and (max-width: 550px) {
	#HOME .main-image .main01 .date { display: none ;
	}
	#HOME .main-image .main01 .copy-clm { width: 57% ;
	}

}
@media screen and (max-width: 400px) {
	#HOME .other-clm li a .photo img {
		width: 100% ;
		max-width: none ;
		padding-bottom: 0.5em ;
	}
	#HOME .other-clm li a .photo,
	#HOME .other-clm li a .copy { width: 100% ;
		float: none ;
	}
}

@media screen and (max-width: 380px) {
	#HOME .main-image .main01 .main-title {
		font-size: 24px ;
	}
}





/* スマホサイズ用 */