@charset "UTF-8";
/* CSS Document */
/*===================================================
	土台作成用CSS
===================================================*/
/*//////////////////////////////////////////////////
	Base set
///////////////////////////////////////////////////*/

* {
			box-sizing: border-box;
		-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body {
	width: 100%;
	/*min-width: 680px;*/
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke: 0.1px;
}

body {
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
	font-size: 13px;
	line-height: 1.5;
	word-break: break-all;
	text-align: left;
	color: #444444;
	background-color: #FFF;
	position: relative;
	z-index: 1;
	background: url("../../common/img/1x/bg_main.png");
	background-size: 64px auto;
}

img {
	width: 100%;
}

/* regular */
@font-face {
	font-family: 'rounded-mplus';
	src:url('../font/rounded-mplus-1c-regular.woff') format('woff'),
		url('../font/rounded-mplus-1c-regular.ttf')  format('truetype');
	font-weight: 300;
	font-style: normal;
}
/* medium */
@font-face {
	font-family: 'rounded-mplus';
	src:url('../font/rounded-mplus-1c-medium.woff') format('woff'),
		url('../font/rounded-mplus-1c-medium.ttf')  format('truetype');
	font-weight: 500;
	font-style: normal;
}
/* bold */
@font-face {
	font-family: 'rounded-mplus';
	src:url('../font/rounded-mplus-1c-bold.woff') format('woff'),
		url('../font/rounded-mplus-1c-bold.ttf')  format('truetype');
	font-weight: 700;
	font-style: normal;
}

/* --------------------------------------------------------
	clearfix
-------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/* --------------------------------------------------
	リンク
-------------------------------------------------- */
a,
a:hover {
	text-decoration: none;
	color: inherit;
}

a.iconLinkBlank {
	padding-right: 1em;
	background: url("../../common/img/1x/icon_target.png") right center no-repeat;
	background-size: 10px auto;
}

/* --------------------------------------------------
	セレクトボックス
-------------------------------------------------- */
.selectBox > div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	border-bottom: 2px solid #D1D0CB;
	border-radius: 4px;
	background: url("../../common/img/1x/icon_triangle.png") 96% center no-repeat #E8E7E3;
	background-size: 8px auto;
}
.selectBox > div:active {
	border: none;
}
	.selectBox > div label {
		display: inline-block;
		padding-left: 1em;
	}
	.selectBox > div select {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		font-size: 16px;
		-ms-filter: "alpha(opacity=0)";
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}
/* --------------------------------------------------
	エラー表示
-------------------------------------------------- */
.errTxt {
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E60012;
	text-align: left;
}

/*//////////////////////////////////////////////////
	Base layout(PC)
///////////////////////////////////////////////////*/
/* --------------------------------------------------
	header
-------------------------------------------------- */
header {
	background: url("../../common/img/1x/bg_header.png") #A9E9FF;
	background-size: 16px auto;
}

/* トップ、検索結果ページヘッダー共通
-------------------------------------------------- */
header .headBtm .headBox {
	max-width: 1600px;
}

/* 下層ページヘッダー共通
-------------------------------------------------- */
header .headBox {
	max-width: 1044px;
	margin: 0 auto;
	padding: 10px 22px;
}
	header .headBox h1 {
		width: 180px;
	}
/*  検索ボックス
-------------------------------------------------- */
header .searchBox {
	position: relative;
	border-radius: 4px;
	background: #FFFFFF;
	box-shadow:0px 2px 6px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 2px 6px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 2px 6px 1px rgba(0,0,0,0.2);
}
	header .searchBox dl {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}
		header .searchBox dl > dt {
			position: relative;
			display: table-cell;
			width: 25%;
			text-align: center;
			font-family: 'rounded-mplus';
			font-size: 13px;
			font-weight: 500;
			text-indent: 0.2em;
			vertical-align: top;
			line-height: 30px;
		}
		header .searchBox dl dt:before {
			content: '';
			position: absolute;
			top: 8px;
			left:0;
			width: 3px;
			height: 15px;
			border-left:3px solid #90C31F;
		}
		header .searchBox dl dd {
			display: table-cell;
			width: 75%;
			font-family: 'rounded-mplus';
			font-size: 12px;
			font-weight: 300;
		}
		/* 種別 */
		header .searchBox dl .radioBox {

		}
		header .searchBox dl .radioBox ul {
			/* overflow: hidden; */
		}
			header .searchBox dl .radioBox ul li {
				position: relative;
				float: left;
				width: 33%;
				height: 36px;
			}
				header .searchBox dl .radioBox ul li input[type="radio"] {
					position: absolute;
					left: 0;
					top:0;
					width: 100%;
					height: 100%;
					opacity: 0;
				}
				header .searchBox dl .radioBox ul li label {
					display: block;
					height: 34px;
					line-height: 34px;
					color: #101010;
					text-align: center;
					text-decoration: none;
					border-bottom: 2px solid #D1D0CB;
					background: #E8E7E3;
				}
				header .searchBox dl .radioBox ul li:first-child label {
					border-right:1px solid #CCCCCC;
					border-radius: 4px 0 0 4px;
				}
				header .searchBox dl .radioBox ul li:last-child label {
					border-left:1px solid #CCCCCC;
					border-radius: 0 4px 4px 0;
				}
				header .searchBox dl .radioBox ul li input[type="radio"]:checked + label {
					color: #FFFFFF;
					border: none;
					background: #90C31F;
				}
		/* 価格 */
		header .searchBox dl .selectBox > div {
			width: 110px;
			height: 34px;
			line-height: 34px;
		}
		header .searchBox dl .selectBox > div:active {
			border-top: 2px solid #FFFFFF;
			border-bottom: none;
		}
		header .searchBox dl .selectBox > div + span {
			display: inline-block;
			width: 40px;
			text-align: center;
		}

		/* チェックボックス */
		header .searchBox dl .checkBox {
			height: 36px;
			line-height: 36px;
			text-align: left;
		}
		header .searchBox dl .checkBox label {
			display: inline-block;
			width: 24px;
			height: 24px;
			margin-right: 10px;
			vertical-align: middle;
			background: url("../../common/img/1x/check_off.png") left center no-repeat;
			background-size: 24px auto;
		}
		header .searchBox dl .checkBox label.checked {
			background: url("../../common/img/1x/check_on.png") left center no-repeat;
			background-size: 24px auto;
		}
		header .searchBox dl .checkBox label input[type="checkbox"] {
			width: 100%;
			height: 100%;
			opacity: 0;
		}

/* 探すボタン・条件クリアボタン */
header #btnSearch,
header #btnReset {
	position: relative;
	height: 40px;
	line-height: 40px;
	font-family: 'rounded-mplus';
	font-weight: 500;
	text-align: center;
	border-radius: 4px;
}
header #btnSearch:active,
header #btnReset:active {
	border-top:2px solid #FFFFFF;
	border-bottom: none;
}
header #btnSearch {
	font-size: 16px;
	color: #FFFFFF;
	text-indent: -1em;
	border-bottom: 4px solid #88B025;
	background: #90C31F;
}
header #btnReset {
	font-size: 14px;
	border-bottom: 4px solid #D0D2DF;
	background: #E2E3EA;
}
	header #btnSearch input,
	header #btnReset input {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}
	header #btnSearch span {
		padding-left: 30px;
		background: url("../../common/img/1x/icon_search.png") left center no-repeat;
		background-size: 20px auto;
	}

	/*遺伝子検査　余白*/
	header dd.checkBox > .badgeNote{
		margin-left: 15px;
	}


/* ヘッダー下部
-------------------------------------------------- */
header .headBtm {
	border-top: 4px solid #90C31F;
	background: #FFFFFF;
	height: 100%;
}
header .headBtm .headBox {
	overflow: hidden;
	padding: 10px 20px;
}
header .headBtm .headBox > dl {
	float: left;
	font-family: 'rounded-mplus';
	font-weight: 300;
	font-size: 12px;
}
	header .headBtm .headBox > dl * {
		display: inline-block;
	}
		header .headBtm .headBox > dl > dt,
		header .headBtm .headBox > dl > dd dl {
			margin-right: 0.8em;
		}
		header .headBtm .headBox > dl > dd dl + dl {
			margin-right: 0;
		}
			header .headBtm .headBox > dl > dd dl dd {
				font-size: 18px;
				font-weight: 500;
				color: #90C31F;
			}
/* ロゴ　 */
header .headBtm .headBox > p {
	float: right;
	width: 77px;
}
	header .headBtm .headBox > p a {
		display: block;
	}

/* お知らせ
-------------------------------------------------- */
#information {
	position: relative;
	padding: 0 20px;
	text-align: left;
	line-height: 30px;
	background-color: #F9F9F9;
}
#information > div {
	position: absolute;
	background: url("../../common/img/1x/icon_information.png") 2px center no-repeat;
	background-size: 14px 14px;
	padding: 5px 0 5px 20px;
	line-height: 20px;
	width: 85px;
	bottom: calc(50% - 15px);
	display: inline-block;
	float: left;
}
#information > dl {
	line-height: 20px;
	width: calc(100% - 85px);
	margin-left: 85px;
	padding-top: 12px;
	display: inline-block;
}
#information > dl > dt {
	padding: 5px 0;
	width: 120px;
	clear: left;
	float: left;
}
#information > dl > dd {
	padding: 5px 0;
	width: calc(100% - 120px);
	float: left;
}
#information a {
	color: #007440;
}

/* モーダルウインドウ
-------------------------------------------------- */
html {
	overflow-y: scroll;
}
.modalOverlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: -1;
	transition: 0.4s;
	background: rgba(0, 0, 0, 0.5);

	opacity: 0;
}
.modalOverlay.block {
	z-index: 9;

	opacity: 1;
}

.modalContent {
	width: 90%;
	height: 90%;
	overflow: auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	margin: auto;
	transition: 0.4s;
	background: white;

	opacity: 0;
	max-width:600px;
	min-width: 300px;
	font-family: 'rounded-mplus';
	font-weight: 300;
	border-bottom: 1px solid rgba(238, 238, 238, 0.5);
	border-radius: 4px;
	background:#fff;
}
.modalContent.block {
	top: 0;
	z-index: 99;
	margin: auto;

	opacity: 1;
}

/* 品種・地域一覧
-------------------------------------------------- */
.modalSelect {
	display: table;
}
	.modalSelect .modalOpen {
		display: table-cell;
		text-align: left;
	}
		.modalSelect .modalOpen input {
			display: inline-block;
			width: 120px;
			padding: 8px 0;
			text-align: center;
			cursor: pointer;
			font-family: 'rounded-mplus';
			font-weight: 300;
			font-size: 12px;
			border-top: none;
			border-left: none;
			border-right: none;
			border-bottom: 2px solid #D1D0CB;
			border-radius: 4px;
			background: #E8E7E3;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		}
		.modalSelect .modalOpen input:active {
			border-top:2px solid #FFFFFF;
			border-bottom: none;
			vertical-align: bottom;
		}
		.modalSelect .modalOpen input[disabled] {
			pointer-events: none;
			opacity: 0.4;
		}
	.modalSelect label {
		display: table-cell;
		width: 65%;
		padding-left: 5px;
		vertical-align: middle;
		line-height: 1.2;
		text-align: left;
	}

/* 品種一覧
-------------------------------------------------- */
.conBreed .breedList {
	display: flex;
	flex-direction: column;
	position: static;
	height: 100%;
	text-align: center;
}
	.conBreed .breedList dt {
		width: 100%;
		height: 40px;
		min-height: 40px;
		background: #FFFFFF;
		font-size: 14px;
		font-weight: 500;
		color: #888888;
		line-height: 40px;
		border-radius: 4px 4px 0 0;
		border-bottom: 1px solid #DDDDDD;
	}
	.conBreed .breedList dd {
		overflow-y: scroll;
		font-size: 13px;
		line-height: 30px;
		padding-top: 0;
	}
		.conBreed .breedList dd ul li {
			padding: 5px 0 4px;
			cursor: pointer;
			border-bottom: 1px solid #DDDDDD;
		}
		.conBreed .breedList dd ul li:hover {
			background: #DBE7C4;
		}
			.conBreed .breedList dd ul li span {
				color: #AAAAAA;
			}
/* エリア選択
-------------------------------------------------- */
#conMap {
	max-height: 680px;
	overflow: hidden;
}
#conMap .innerModal {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: static;
	height: 100%;
	border-radius: 4px;
}
#conMap .modalTtl {
	width: 100%;
	height: 40px;
	min-height: 40px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #888888;
	line-height: 40px;
	border-radius:4px 4px 0 0;
	background: #FFFFFF;
	z-index: 1;
}
#conMap .modalBody {
	overflow: auto;
}
	/* 地図画像(PC) */
	#conMap #map {
		position: relative;
		background: url("../../publics/img/result/1x/image_map.png") center center no-repeat;
		background-size: 440px auto;
		margin: 20px auto;
		min-width: 440px;
		max-width: 440px;
		min-height: 424px;
		max-height: 424px;
	}
		#conMap #map .btnArea {
			display: inline-block;
			width: 92px;
			height: 36px;
			padding: 8px 0;
			text-align: center;
			font-size: 13px;
			font-weight: 500;
			cursor: pointer;
			font-family: 'rounded-mplus';
			font-weight: 300;
			font-size: 12px;
			border-top: none;
			border-left: none;
			border-right: none;
			border-bottom: 2px solid #D1D0CB;
			border-radius: 4px;
			background: #E8E7E3;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		}

		/* 地図上ボタン */
		#conMap #map .btnArea:active,
		#conMap #map .btnArea.selectArea:active {
			margin-top:2px;
			height: 34px;
			border-bottom: none;
		}
		#conMap #map .btnArea:nth-child(1) {
			position: absolute;
			top: 30px;
			left: 290px;
		}
		#conMap #map .btnArea:nth-child(2) {
			position: absolute;
			top: 170px;
			left: 320px;
		}
		#conMap #map .btnArea:nth-child(3) {
			position: absolute;
			top: 260px;
			left: 320px;
		}
		#conMap #map .btnArea:nth-child(4) {
			position: absolute;
			top: 190px;
			left: 210px;
		}
		#conMap #map .btnArea:nth-child(5) {
			position: absolute;
			top: 330px;
			left: 200px;
		}
		#conMap #map .btnArea:nth-child(6) {
			position: absolute;
			top: 260px;
			left: 170px;
		}
		#conMap #map .btnArea:nth-child(7) {
			position: absolute;
			top: 210px;
			left: 80px;
		}
		#conMap #map .btnArea:nth-child(8) {
			position: absolute;
			top: 340px;
			left: 80px;
		}
		#conMap #map .btnArea:nth-child(9) {
			position: absolute;
			top: 290px;
			left: -40px;
		}
		#conMap #map .btnArea:nth-child(10) {
			position: absolute;
			top: 390px;
			left: 380px;
		}
		#conMap #map .btnArea.selectArea {
			color: #FFFFFF;
			border-bottom: 2px solid #89AF33;
			background: #90C31F;
		}

#conMap #map .btnAreaNum,
#conMap #mapBtm {
	display: none;
}

#conMap .modalBtm {
	bottom: 0;
	width: 100%;
	padding: 25px 0 30px;
	border-radius: 0 0 4px 4px;
	background: #FFFFFF;
}
#conMap .btnRegion {
	position: relative;
	width: 200px;
	height: 36px;
	margin: 0 auto;
	line-height: 36px;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	border-radius: 4px;
	border-bottom: 4px solid #89AF33;
	background: #90C31F;
}
#conMap .btnRegion:active {
	border-top:2px solid #FFFFFF;
	border-bottom: none;
}
	#conMap .btnRegion input {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}

/* 地域一覧
-------------------------------------------------- */
#conRegion .innerModal {
	display: flex;
	flex-direction: column;
	position: static;
	height: 100%;
	border-radius: 4px;
}
#conRegion .modalTtl {
	width: 100%;
	height: 40px;
	min-height: 40px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #888888;
	line-height: 40px;
	border-radius:4px 4px 0 0;
	background: #FFFFFF;
}
#conRegion .checkBox {
	flex-grow: 1;
	overflow-y: scroll;
}
	#conRegion dl {
		margin-bottom: 5px;
	}
		#conRegion dl dt {
			padding: 8px 20px;
			font-weight: 500;
			background: #F5F5F5;
		}
		#conRegion dl dd {
			padding: 15px 0 15px 20px;
		}

		#conRegion dl dd ul {
			margin-top:-15px;
		}

		#conRegion dl dd ul li {
			display: inline-block;
			width: 140px;
			margin-top: 15px;
		}

		#conRegion dl label {
			display: inline-block;
			width: 24px;
			height: 24px;
			margin-right: 20px;
			vertical-align: middle;
			background: url("../../common/img/1x/check_off.png") left center no-repeat;
			background-size: 24px auto;
		}
		#conRegion dl label.checked {
			background: url("../../common/img/1x/check_on.png") left center no-repeat;
			background-size: 24px auto;
		}
			#conRegion dl label input[type="checkbox"] {
				width: 100%;
				height: 100%;
				opacity: 0;
			}
#conRegion .modalBtm {
	bottom: 0;
	width: 100%;
	padding: 25px 0 30px;
	border-radius: 0 0 4px 4px;
	background: #FFFFFF;
	text-align: center;
}
#conRegion .btnMap {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 36px;
	padding: 8px 0;
	text-align: center;
	cursor: pointer;
	font-family: 'rounded-mplus';
	font-weight: 300;
	font-size: 12px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #D1D0CB;
	border-radius: 4px;
	background: #E8E7E3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: top;
}
#conRegion .btnMap:active {
	border-top:2px solid #FFFFFF;
	border-bottom: none;
}
	#conRegion .btnMap input {
		position: absolute;
		display: block;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}
#conRegion .btnRegion {
	display: inline-block;
	position: relative;
	width: 170px;
	height: 36px;
	margin-left: 10px;
	line-height: 36px;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	border-radius: 4px;
	border-bottom: 4px solid #89AF33;
	background: #90C31F;
	vertical-align: top;
}
#conRegion .btnRegion:active {
	border-top:2px solid #FFFFFF;
	border-bottom: none;
}
	#conRegion .btnRegion input {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		-webkit-appearance:none;
		-moz-appearance: none;
		appearance: none;
	}

/* 遺伝子検査詳細解説 */
/* 疾患解説 */
#conDisease {
	height: auto;
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#conDna a,
#conDisease a {
	color: #007440;
	text-decoration-line: underline;
}
#conDna .innerModal,
#conDisease .innerModal {
	position: static;
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	height: calc(100% - 55px);
	border-radius: 4px;
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
}
#conDisease .innerModal {
	max-height: 60vh;
}
#conDna .modalTtl,
#conDisease .modalTtl {
	position: relative;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #888888;
	line-height: 40px;
	border-radius:4px 4px 0 0;
	background: #FFFFFF;
}
#conDna .modalTop,
#conDisease .modalTop {
	text-align: center;
	background-color: #F5F5F5;
	padding: 30px 0;
}
#conDna .modalTop img,
#conDisease .modalTop img {
	width: 182px;
	height: 40px;
	margin-bottom: 20px;
}
#conDna .modalTop p,
#conDisease .modalTop p {
	/*
	font-family: 'rounded-x-mplus-1c-medium';
	*/
	font-weight: bold;
	font-size: 13px;
	color: rgba(68, 68, 68, 1);
	width: 90%;
	margin: auto;
}
#conDna #dnaInspection {
	margin-top: 20px;
}
#conDna #dnaInspection,
#conDisease #dnaInspection {
	padding-left: 20px;
}
#conDna #dnaInspection > dl > dt,
#conDisease #dnaInspection dl dt {
	padding-left: 20px;
	margin: 20px 0;
	/*
	font-family: 'ヒラギノ角ゴ ProN W6';
	*/
	font-size: 16px;
	font-weight: bold;
	background: url("../../common/img/1x/icon_disc_green.png") left 3px no-repeat;
	background-size: 14px auto;
}
#conDna #dnaInspection > dl > dd,
#conDisease #dnaInspection dl dd {
	margin: 20px 20px 40px 0;
	/*
	font-family: 'rounded-x-mplus-1c-medium';
	*/
	font-size: 13px;
	color: rgba(68, 68, 68, 1);
}
#conDna #dnaInspection > dl > dd > dl > dt{
	padding-left: 10px;
}
#conDna #dnaInspection > dl > dd > dl > dd{
	padding-left: 20px;
}
#conDna #dnaInspection ul#disease,
#conDisease #dnaInspection ul#disease {
	/*
	font-family: 'ヒラギノ角ゴ ProN W3';
	*/
	margin-right: 20px;
}
#conDna #dnaInspection ul > li,
#conDisease #dnaInspection ul > li {
	/*padding-left: 15px;*/
	margin-bottom: 20px;
	background-size: 6px auto;
}
#conDna #dnaInspection ul li .diseaseName,
#conDisease #dnaInspection ul li .diseaseName {
	/*
	font-family: 'ヒラギノ角ゴ ProN W6';
	*/
	font-size: 16px;
	font-weight: bold;
	display: table-row;
}

	#conDna #dnaInspection ul li .diseaseName div,
	#conDisease #dnaInspection ul li .diseaseName div {
		height: 100%;
		vertical-align: middle;
		display: table-cell;
	}
	#conDna #dnaInspection ul li .diseaseName img,
	#conDisease #dnaInspection ul li .diseaseName img {
		width: 30px;
		height: 30px;
		margin-right: 10px;
		display: table-cell;
	}
	#conDna #dnaInspection ul li .diseaseName p,
	#conDisease #dnaInspection ul li .diseaseName p {
		display: table-cell;
		min-height: 30px;
		vertical-align: middle;
		line-height: 20px;
	}
#conDna #dnaInspection ul li .diseaseText,
#conDisease #dnaInspection ul li .diseaseText {
	/*
	font-family: 'rounded-x-mplus-1c-medium';
	font-size: 11px;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	*/
	margin: 10px 0;
}
#conDna #dnaInspection ul li .diseaseTarget,
#conDisease #dnaInspection ul li .diseaseTarget {
	background-color: #F5F5F5;
	margin-top: 10px;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 11px;
	margin: 10px 0;
}


/* 閉じるボタン */
.modalContent p.modalClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}
	.modalContent p.modalClose img {
		width: 16px;
		vertical-align: middle;
	}

/* --------------------------------------------------
	お問い合わせ入力モーダル
-------------------------------------------------- */
#conContactInput {
	height: auto;
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#conContactInput .innerModal {
	position: static;
	overflow-y:scroll;
	height: 100%;
	min-height: 200px;
	max-height: 90vh;
	border-radius: 4px;
}
#conContactInput .modalTtl {
	position: absolute;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #888888;
	line-height: 40px;
	border-radius:4px 4px 0 0;
	background: #FFFFFF;
}
	#conContactInput form {
		margin: 0 20px 40px;
		padding-top: 40px;
		font-size: 14px;
	}
		#conContactInput p {
			margin-bottom: 1em;
			font-size: 14px;
			font-weight: inherit;
		}
			#conContactInput p > span {
				color: #FF9900;
			}
		#conContactInput #entry {
			padding: 20px;
			background-color: #F8F8F8;
			border-radius: 5px;
		}
		#conContactInput dl {
			display: table;
			width: 100%;
			margin-bottom: 20px;
		}
		#conContactInput dl:last-child {
			margin-bottom: 0;
		}
			#conContactInput dl dt,
			#conContactInput dl dd {
				display: table-cell;
			}
@-moz-document url-prefix(){
			#conContactInput dl.entryMessage dt,
			#conContactInput dl.entryMessage dd {
				display: inline-flex;
			}
}
			#conContactInput dl dt {
				width: 25%;
				font-weight: 500;
			}
			#conContactInput dl dt.require::after {
				content: '※';
				margin-left: 0.2em;
				color: #FF9900;
				font-weight: 300;
			}
			#conContactInput dl dd input {
				width: 300px;
				height: 40px;
				padding-left: 10px;
				font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
				font-size: 14px;
				font-weight: normal;
				border: 1px solid #DDDDDD;
				border-radius: 4px;
				background: #FFFFFF;
				-webkit-appearance:none;
				-moz-appearance: none;
				appearance: none;
			}
			#conContactInput dl dd input::-webkit-input-placeholder,
			#conContactInput dl dd textarea::-webkit-input-placeholder {
				color: #CCCCCC;
			}
			#conContactInput .entryMail dd input {
				width: 100%;
			}
		#conContactInput div + ul {
			margin-top: 20px;
			font-size: 12px;
			font-weight: inherit;
		}
			#conContactInput div + ul li {
				padding-left: 15px;
				background: url("../../common/img/1x/icon_list_grey.png") left 5px no-repeat;
				background-size: 6px auto;
			}
		#conContactInput textarea {
			display: block;
			width: 360px;
			height: 200px;
			font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif;
			font-size: 14px;
			font-weight: normal;
			padding: 10px;
			border: 1px solid #DDDDDD;
			border-radius: 4px;
			background: #FFFFFF;
			resize: none;
			-webkit-appearance:none;
			-moz-appearance: none;
			appearance: none;
		}
#conContactInput form > p.btnNext {
	display: block;
	border: none;
	border-bottom: 4px solid #88B025;
	border-radius: 4px;
	background: #90C31F;
	width: 300px;
	height: 46px;
	margin: 20px auto;
	color: #FFFFFF;
	font-size: 16px;
	font-family: 'rounded-mplus';
	font-weight: 500;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
	#conContactInput form > p.btnNext:active {
		margin-top: 24px;
		height: 42px;
		border-bottom: none;
	}

/* --------------------------------------------------
	お問い合わせ確認モーダル
-------------------------------------------------- */
#conContactConfirm {
	height: auto;
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#conContactConfirm .innerModal {
	position: static;
	overflow-y:scroll;
	height: 100%;
	min-height: 200px;
	max-height: 90vh;
	border-radius: 4px;
}
#conContactConfirm .modalTtl {
	position: absolute;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #888888;
	line-height: 40px;
	border-radius:4px 4px 0 0;
	background: #FFFFFF;
}
#conContactConfirm form {
	margin: 40px 20px;
	font-size: 14px;
}
		#conContactConfirm form > p:first-child {
			margin-bottom: 1em;
			font-size: 14px;
			font-weight: inherit;
		}

		#conContactConfirm table {
			margin-bottom: 20px;
			width: 100%;
			font-size: 14px;
			border-top: 1px solid #EDEDED;
		}
			#conContactConfirm table tr {
				border-bottom: 1px solid #EDEDED;
			}
			#conContactConfirm table th {
				font-weight: bold;
				width: 25%;
				max-width: 80px;
				padding: 5px 5px 5px 10px;
				background: #F5F5F5;
			}
			#conContactConfirm table td {
				width: 75%;
				padding: 5px 10px;
				font-weight: 300;
			}
#conContactConfirm form .btmButton {
	position: relative;
}
	#conContactConfirm form .btmButton p.btnBack {
		position: absolute;
		bottom: 10px;
		left: 10px;
		display: block;
		border: none;
		border-bottom: 4px solid #D1D0CB;
		border-radius: 4px;
		background: #E8E7E3;
		width: 80px;
		height: 36px;
		font-size: 13px;
		font-family: 'rounded-mplus';
		font-weight: 300;
		text-align: center;
		line-height: 30px;
		cursor: pointer;
	}
		#conContactConfirm form .btmButton p.btnBack:active {
			height: 32px;
			border-bottom: none;
		}


	#conContactConfirm form .btmButton p.btnNext {
		display: block;
		border: none;
		border-bottom: 4px solid #DD8604;
		border-radius: 4px;
		background: #FF9900;
		width: 300px;
		height: 46px;
		margin: 20px auto;
		color: #FFFFFF;
		font-size: 16px;
		font-family: 'rounded-mplus';
		font-weight: 500;
		text-align: center;
		line-height: 40px;
		cursor: pointer;
	}
		#conContactConfirm form .btmButton p.btnNext:active {
			margin-top: 24px;
			height: 42px;
			border-bottom: none;
		}


/* --------------------------------------------------
	お問い合わせ完了モーダル
-------------------------------------------------- */
#conContactComplete {
	height: auto;
	bottom: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#conContactComplete .innerModal {
	position: static;
	overflow-y:scroll;
	height: 100%;
	min-height: 200px;
	max-height: 90vh;
	border-radius: 4px;
}
#conContactComplete .modalTtl {
	position: absolute;
	width: 100%;
	height: 40px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #888888;
	line-height: 40px;
	border-radius:4px 4px 0 0;
	background: #FFFFFF;
}
#conContactComplete .message {
	margin-top: 40px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
#conContactComplete p.btnClose {
	position: relative;
	display: block;
	border: none;
	border-bottom: 4px solid #D1D0CB;
	border-radius: 4px;
	background: #E8E7E3;
	width: 300px;
	max-width: 90%;
	height: 46px;
	margin: 20px auto;
	font-size: 16px;
	font-family: 'rounded-mplus';
	font-weight: 500;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
	#conContactComplete p.btnClose:active {
		margin-top: 24px;
		height: 42px;
		border-bottom: none;
	}

/* --------------------------------------------------
	パンくずリスト
-------------------------------------------------- */
.topicPath {
	overflow: hidden;
	max-width: 1044px;
	margin: 0 auto;
	padding: 15px 22px;
}
	.topicPath li {
		float: left;
		margin-right: 10px;
		padding-right: 1em;
		font-family: 'rounded-mplus';
		font-weight: 300;
		font-size: 11px;
		background: url("../../common/img/1x/icon_arrow_green.png") right center no-repeat;
		background-size: 3px auto;
	}
	.topicPath li:last-child {
		padding-right: 0;
		background: none;
	}
		.topicPath li a {
			color: #339933;
		}

/* --------------------------------------------------
	main
-------------------------------------------------- */
article {
	text-align: center;
}

/*  戻るリンクボタン
-------------------------------------------------- */
.backBtn {
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-family: 'rounded-mplus';
	font-weight: 500;
	border-radius: 4px;
	border-bottom: 4px solid #D1D0CB;
	background: #E8E7E3;
}
.backBtn:active {
	border-top: 2px solid #FFFFFF;
	border-bottom:none;
}
	.backBtn a {
		display: block;
		width: 100%;
		height: 100%;
	}
/*  トップ・検索結果
-------------------------------------------------- */
.searchCnt {
	font-family: 'rounded-mplus';
	font-weight: 300;
}
	.searchCnt .ttl {
		width: 250px;
		height: 54px;
		margin: 0 auto;
		font-size: 28px;
		color: #90C31F;
		font-weight: 500;
		line-height: 54px;
		letter-spacing: 0.2em;
		background: url("../../common/img/1x/bg_main_title.png") no-repeat;
		background-size: 250px auto;
	}
	.searchCnt .ttl + p {
		margin: 15px 0;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.1em;
	}
	.searchCnt .txtAttention {
		display: inline-block;
		margin-bottom: 10px;
		padding: 5px 10px;
		font-size: 11px;
		border-radius: 4px;
		background: #ECECEE;
	}

/* 遺伝子検査済みマークについて */
.badgeNote{
	max-width: 1600px;
	margin: 0 auto 16px;
	text-align: right;
	color: #007440;
	z-index: 2;
}
.badgeNote p{
	display: inline-block;
	cursor: pointer;
}
.badgeNote img{
	width: 12px;
	margin: 0 5px;
	vertical-align: middle;
	cursor: pointer;
}

/* 新着の場合「New」の帯をつける */
#topCnt .result > ul .newAnimal a:before,
.searchCnt .gallery ul > .newAnimal a:before,
#detailMain .result > ul > .newAnimal a:before,
.searchCnt .shopGallery .result > ul > .newAnimal:before {
	content: '';
	position: absolute;
	top: -6px;
	left: -6px;
	width: 100px;
	height: 99px;
	z-index: 5;
	background: url("../../common/img/1x/img_band.png") left center no-repeat;
	background-size: 100px auto;
}

/* 更新の場合「Renew」の帯をつける */
#topCnt .result > ul .renewAnimal a:before,
.searchCnt .gallery ul > .renewAnimal a:before,
#detailMain .result > ul > .renewAnimal a:before,
.searchCnt .shopGallery .result > ul > .renewAnimal:before {
	content: '';
	position: absolute;
	top: -6px;
	left: -6px;
	width: 100px;
	height: 99px;
	z-index: 5;
	background: url("../../common/img/1x/img_renew_band.png") left center no-repeat;
	background-size: 100px auto;
}

.searchCnt .result > ul .badgeBox,
#detailMain .result > ul .badgeBox{
	position: absolute;
	top: 10px;
	left: 160px;
	width: 110px;
	height: 50px;
	z-index: 2;
	border: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/* 遺伝子検査済みの場合バッジをつける */
.searchCnt .result > ul .dnaBadge,
#detailMain .result > ul .dnaBadge {
	content: '';
	width: 50px;
	height: 50px;
	border-radius: 25px;
	box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1);
	background: url("../../common/img/1x/icon_dna.png") left center no-repeat;
	background-size: 50px auto;
	cursor: pointer;
	margin-left: 10px;
}

/* 受付終了バッジ */
.searchCnt .result > ul .endBadge,
#detailMain .result > ul .endBadge {
	content: '';
	width: 50px;
	height: 50px;
	z-index: 2;
	border: none;
	background: url("../../common/img/1x/icon_guide_end.png") left center no-repeat;
	background-size: 50px auto;
}

/*  利用規約・エラーページ
-------------------------------------------------- */
.cntnt {
	padding: 0 10px;
}
	.cntnt > section {
		max-width: 660px;
		margin: 0 auto;
	}
	.cntnt h2 {
		margin-bottom: 30px;
	}

	.cntnt .cntBox {
		margin-bottom: 20px;
		padding: 40px 20px;
		text-align: left;
		border-radius: 4px;
		background: #FFFFFF;
		box-shadow:0px 4px 6px 1px rgba(0,0,0,0.1);
		-moz-box-shadow:0px 4px 6px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow:0px 4px 6px 1px rgba(0,0,0,0.1);
		background: #FFFFFF;
	}

/* 利用規約ページ
-------------------------------------------------- */
#tos {
	margin-bottom: 100px;
	padding: 0 10px 110px;
}
	#tos h2 {
		width: 250px;
		height: 54px;
		margin: 0 auto 30px;
		font-family: 'rounded-mplus';
		font-weight: 500;
		font-size: 28px;
		color: #90C31F;
		line-height: 54px;
		letter-spacing: 0.2em;
		background: url("../../common/img/1x/bg_main_title.png") no-repeat;
		background-size: 250px auto;
	}
	#tos .cntBox dl {
		margin-bottom: 35px;
	}
	#tos .cntBox dl:last-child {
		margin-bottom: 0;
	}
		#tos .cntBox > dl > dt {
			margin-bottom: 1em;
			padding-left: 20px;
			font-size: 14px;
			font-weight: bold;
			background: url("../../common/img/1x/icon_disc_green.png") left 3px no-repeat;
			background-size: 14px auto;
		}
		#tos .cntBox dl dd {
			line-height: 1.7;
		}
			#tos .cntBox dl dd ol li {
				margin-bottom: 1em;
				padding-left: 1.6em;
				text-indent: -1.6em;
				counter-increment: cnt;
				list-style-position:inside;
			}
			#tos .cntBox dl dd ol li:before {
				content: "(" counter(cnt) ") ";
			}
	#tos .cntBox .requirements {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
		#tos .cntBox .requirements li dl {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-justify-content: flex-start;
			justify-content: flex-start;
		}

		#tos .cntBox .requirements li:nth-child(1) {
			width: 200px;
		}
		#tos .cntBox .requirements li:nth-child(2) {
			width: 220px;
		}
		#tos .cntBox .requirements li:nth-child(3) {
			width: 180px;
		}

			#tos .cntBox .requirements li dl dt,
			#tos .cntBox .requirements li dl dd {
				margin-left: 15px;
				background: none;
			}
		/*
			#tos .cntBox .requirements li:nth-child(1) dl dt {
				width: 100px;
			}
			#tos .cntBox .requirements li:nth-child(1) dl dd {
				width: 100px;
			}
			#tos .cntBox .requirements li:nth-child(2) dl dt {
				width: 150px;
			}
			#tos .cntBox .requirements li:nth-child(2) dl dd {
				width: 70px;
			}
			#tos .cntBox .requirements li:nth-child(3) dl dt {
				width: 100px;
			}
			#tos .cntBox .requirements li:nth-child(3) dl dd {
				width: 80px;
			}
		*/
	#tos + footer .footWrap {
		max-width: 1044px;
	}

/* --------------------------------------------------
	写真表示
-------------------------------------------------- */
.result {
	max-width: 1600px;
	margin: 0 auto;
}
	.result > ul {
		display: inline-block;
		margin: 0 0 0 -40px;
	}
		.result > ul > li {
			position: relative;
			display: inline-block;
			width: 280px;
			height: 460px;
			margin: 0 0 30px 40px;
			vertical-align: top;
			border-radius: 4px;
			opacity: 0;
			background: url("../../common/img/1x/icon_arrow_grey.png") 260px 400px no-repeat #FFFFFF;
			background-size: 10px auto;
			box-shadow:0px 4px 6px 1px rgba(0,0,0,0.1);
			-moz-box-shadow:0px 4px 6px 1px rgba(0,0,0,0.1);
			-webkit-box-shadow:0px 4px 6px 1px rgba(0,0,0,0.1);
			opacity: 0;
			-webkit-transition: opacity 300ms 0s ease;
			transition: opacity 300ms 0s ease;
		}
		.result > ul > li.active {
			opacity: 1;
		}
		.result > ul > li:active{
			border-top: 2px solid #FFFFFF;
			box-shadow: none;
		}
		.result > ul > li:nth-child(-n+12) {
			opacity: 1;
		}

		/* 新着の場合「New」の帯をつける */
		.result > ul > .new:before {
			content: '';
			position: absolute;
			top: -6px;
			left: -6px;
			width: 100px;
			height: 100px;
			z-index: 5;
			background: url("../../common/img/1x/img_band.png") left center no-repeat;
			background-size: 100px auto;
		}
			.result > ul > li > a {
				display: block;
				height: 100%;
				padding: 20px 20px 0;
			}

/* どうぶつ写真・名前・価格
-------------------------------------------------- */
.photoBox {
	position: relative;
	margin-bottom: 5px;
}
/* どうぶつ写真(種別) */
.photoBox > p {
	overflow: hidden;
	position: relative;
	height: 240px;
	line-height: 240px;
	margin-bottom: 10px;
	background: #EEEEEE;
}
	.photoBox > p img {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		height: auto;
		max-width: 240px;
		max-height: 240px;
		margin: auto;
	}

.result {
	max-width: 1000px;
}
.result > ul > li {
	opacity: 1;
}

/* --------------------------------------------------
	ページネーション
-------------------------------------------------- */
body:not(.signage) #pagingBox {
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 40px;
	color: #90c31f;
	background: #e9e9e9;
}

body:not(.signage) #pagingBox ul {
	position: relative;
	display: inline-block;
	max-width: 1044px;
	padding: 20px 10px 47px;
	font-size: 0;
}

body:not(.signage) #pagingBox ul li {
	display: inline-block;
	min-width: 26px;
	padding: 1px 5px;
	font-family: 'Cantarell';
	font-size: 16px;
	font-weight: 700;
}

body:not(.signage) #pagingBox ul li + li {
	margin: 0 0 0 10px;
}

body:not(.signage) #pagingBox ul li > a {
	display: inline-block;
	width: 100%;
}
	body:not(.signage) #pagingBox ul li > a:hover {
		text-decoration: underline;
	}
body:not(.signage) #pagingBox ul .current {
	pointer-events: none;
	color: #FFFFFF;
	border-radius: 50%;
	background: #90c31f;
}

@media (min-width: 681px) {

	/* どうぶつ写真(種別)マウスオーバー時 */
	.result > ul > li:hover .photoBox > p:before {
		content: 'この子の情報をもっと見る';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 14px;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 240px;
		z-index: 1;
		background: rgba(221,221,221,0.4);
	}
}

	/* アイコン、性別 */
	.photoBox ul {
		position: absolute;
		right: 5px;
		top: 210px;
		width: 57px;
		height: 30px;
	}
		.photoBox ul li {
			display: block;
			float: left;
			width: 52px;
			height: 30px;
			font-size: 11px;
			line-height: 30px;
			border-radius: 6px 6px 0 0;
		}
		.photoBox ul .dispAnimal {
			background: #FFFFFF;
			margin-left: 5px;
		}
		.photoBox ul .dispGender {
			color: #FFFFFF;
			margin-left: 5px;
		}
		/* 遺伝子検査済み */
		.photoBox ul .dispDna {
			position: absolute;
			bottom: 0px;
			left: -116px;
			width: 116px;
			padding : 4px 33px 4px 10px;
			font-size: 10px;
			color: #FFFFFF;
			background: url("../../common/img/1x/icon_i.png") 93px center no-repeat #F18484;
			background-size: 14px auto;
			line-height : 11px;
			z-index: 2;
			cursor: pointer;
		}
		/* 男の子 */
		.photoBox ul .male {
			background: #58AFE5;
		}
		/* 女の子 */
		.photoBox ul .female {
			background: #F2ABCA;
		}
		/* 不明 */
		.photoBox ul .unknown {
			background: #BBBBBB;
		}
			.photoBox ul li img {
				vertical-align: middle;
			}
			/* 犬 */
			.photoBox ul li img.iconDog {
				width: 28px;
			}
			/* 猫 */
			.photoBox ul li img.iconCat {
				width: 32px;
			}
			/* i */
			.result .dispDna img.iconI {
				vertical-align: middle;
				width: 14px;
			}
.photoBox dl {
	text-align: left;
}
	/* 名前　 */
	.photoBox dl dt {
		min-height: 40px;
		font-size: 16px;
		line-height: 1.2;
	}
		/* 価格 */
		.photoBox dl dd em {
			font-size: 20px;
			font-weight: 700;
		}
		.photoBox dl dd span:after {
			content: '※';
		}
	/* チェック数 */
	.checkCount {
		width: 100%;
		height: 28px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #ffeacc;
		border-radius: 0 0 4px 4px;
	}
	.checkCount > span {
		padding-left: 1.3em;
		font-size: 14px;
		font-weight: 500;
		color: #FF9900;
		background: url("../../common/img/1x/icon_paw.png") left 10px no-repeat;
		background-size: 10px auto;
		display: block;
		text-align: left;
		margin-left: 20px;
		line-height: 2.0;
	}
	.result > ul > li:active .checkCount{
		border-bottom: 2px solid #ffeacc;
		bottom: -2px;
	}


/* どうぶつ情報
-------------------------------------------------- */
.infoBox {
	text-align: left;
}
	.infoBox dl {
		overflow: hidden;
		margin-bottom: 3px;
		font-size: 12px;
	}
		.infoBox dl dt,
		.infoBox dl dd {
			float: left;
		}
		.infoBox dl dt {
			width: 60px;
			font-weight: 500;
		}
		.infoBox dl dd {
			width: 170px;
		}

/* ローディング
-------------------------------------------------- */
#loading {
	position:fixed;
	left: 0;
	right: 0;
	bottom: 110px;
	width: 90px;
	margin: 0 auto;
}

/* 件数表示
-------------------------------------------------- */
#listCount {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 70px;
	width: 160px;
	height: 30px;
	margin: 0 auto;
	line-height: 30px;
	font-weight: 500;
	color: #FFFFFF;
	z-index: 10;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.4 );
	opacity: 0;
	-webkit-transition: opacity 300ms 0s ease;
	transition: opacity 300ms 0s ease;
	pointer-events: none;
}
/*
#listCount.active {
	pointer-events: auto;
	opacity: 1;
}*/

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom: 75px;
	right: 20px;
	width: 100px;
	height: 126px;
	white-space: nowrap;
	text-indent: -9999px;
	z-index: 9;
	background: url("../../common/img/1x/pagetop.gif") no-repeat;
	background-size: 100px auto;
}
#pagetop.fade {
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}
	#pagetop a {
		display: block;
		width: 100%;
		height: 100%;
	}

/* --------------------------------------------------
	キャンペーンアイコン
-------------------------------------------------- */
#campaignIcon {
	position: fixed;
	bottom: 75px;
	right: 20px;
	white-space: nowrap;
	z-index: 9;
}
#campaignIcon.fade {
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}
	#campaignIcon a {
		display: block;
		width: 100%;
		height: 100%;
	}
		#campaignIcon a .campaignIcon-pc {
			display: block;
		}
		#campaignIcon a .campaignIcon-smp {
			display: none;
		}

/* --------------------------------------------------
	footer
-------------------------------------------------- */
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	/* padding: 5px 22px; */
	font-family: 'rounded-mplus';
	font-weight: 300;
	font-size: 12px;
	color: #FFFFFF;
	z-index: 9;
	background: #90C31F;
}
footer.fade {
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}
	/* サイトリード文 */
	footer > div.lead {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-content: center;
		align-content: center;
		width: 100%;
		padding: 10px;
		background-color: #FFFFFF;
	}
		footer > div.lead > p {
			text-align: center;
			color: #444444;
			font-size: 11px;
			font-weight: 500;
			line-height: 11px;
		}
	footer .footWrap {
		overflow: hidden;
		max-width: 1644px;
		margin: 0 auto;
		padding: 5px 22px;
	}
		/* コピーライト */
		footer p {
			float: right;
		}
	footer ul {
		float: left;
	}
		footer ul li {
			display: inline-block;
			margin-right: 20px;
		}
/*===================================================
	Retina対応
===================================================*/

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and ( min-resolution: 2dppx){

	/* ヘッダー背景　 */
	header {
		background: url("../../common/img/2x/bg_header.png") #A9E9FF;
		background-size: 16px auto;
	}
	/* メイン背景 */
	article {
		background: url("../../common/img/2x/bg_main.png");
		background-size: 64px auto;
	}

	/* 外部リンク */
	a.iconLinkBlank {
		background: url("../../common/img/2x/icon_target.png") right center no-repeat;
		background-size: 10px auto;
	}

	/* 探すボタンアイコン */
	header #btnSearch span {
		background: url("../../common/img/2x/icon_search.png") left center no-repeat;
		background-size: 20px auto;
	}

	/* パンくずリスト */
	.topicPath li {
		background: url("../../common/img/2x/icon_arrow_green.png") right center no-repeat;
		background-size: 3px auto;
	}

	/* タイトル */
	.searchCnt .ttl,
	#tos h2 {
		background: url("../../common/img/2x/bg_main_title.png") no-repeat;
		background-size: 250px auto;
	}

	/* セレクトボックス */
	.selectBox > div {
		background: url("../../common/img/2x/icon_triangle.png") 96% center no-repeat #E8E7E3;
		background-size: 8px auto;
	}

	#information > div {
		background: url("../../common/img/2x/icon_information.png") 2px center no-repeat;
		background-size: 14px auto;
	}

	/* 新着の場合「New」の帯をつける */
	.searchCnt .result > ul > .newAnimal a:before,
	#detailMain .result > ul > .newAnimal a:before {
		background: url("../../common/img/2x/img_band.png") left center no-repeat;
		background-size: 100px auto;
	}

	/* 更新の場合「Renew」の帯をつける */
	.searchCnt .result > ul > .renewAnimal a:before,
	#detailMain .result > ul > .renewAnimal a:before {
		background: url("../../common/img/2x/img_renew_band.png") left center no-repeat;
		background-size: 100px auto;
	}

	/* 遺伝子検査済みの場合バッジをつける */
	.searchCnt .result > ul .dnaBadge,
	#detailMain .result > ul .dnaBadge {
		background: url("../../common/img/2x/icon_dna.png") left center no-repeat;
		background-size: 50px auto;
	}

	/* 受付終了バッジ */
	.searchCnt .result > ul .endBadge,
	#detailMain .result > ul .endBadge {
		background: url("../../common/img/2x/icon_guide_end.png") left center no-repeat;
		background-size: 50px auto;
	}

	/* 遺伝子検査済み */
	.photoBox ul .dispDna {
		background: url("../../common/img/2x/icon_i.png") 93px center no-repeat #F18484;
		background-size: 14px auto;
	}

	/* アイコン（足） */
	.checkCount > span {
		background: url("../../common/img/2x/icon_paw.png") left 10px no-repeat;
		background-size: 10px auto;
	}

	/* アイコン（矢印） */
	.result > ul > li {
		background: url("../../common/img/2x/icon_arrow_grey.png") 260px 400px no-repeat #FFFFFF;
		background-size: 10px auto;
	}

	/* チェックボックス */
	header .searchBox dl .checkBox label,
	.searchBox dl .checkBox label,
	#conRegion dl label {
		background: url("../../common/img/2x/check_off.png") left center no-repeat;
		background-size: 24px auto;
	}
		header .searchBox dl .checkBox label.checked,
		.searchBox dl .checkBox label.checked,
		#conRegion dl label.checked {
			background: url("../../common/img/2x/check_on.png") left center no-repeat;
			background-size: 24px auto;
		}

	/* ページトップ */
	#pagetop {
		background: url("../../common/img/2x/pagetop.gif") no-repeat;
		background-size: 100px auto;
	}

	#conDna #dnaInspection > dl > dt,
	#conDisease #dnaInspection dl dt {
		background: url("../../common/img/2x/icon_disc_green.png") left 3px no-repeat;
		background-size: 14px auto;
	}

	#conContactInput div + ul li {
		background: url("../../common/img/2x/icon_list_grey.png") left 5px no-repeat;
		background-size: 6px auto;
	}

	/* 利用規約ページの丸アイコン */
	#tos .cntBox dl dt {
		background: url("../../common/img/2x/icon_disc_green.png") left 3px no-repeat;
		background-size: 14px auto;
	}
}