@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------
	背景(ドット)
-------------------------------------------------- */
header {
	background: url("../../../usagi/common/img/1x/bg_header.png") #FDE0EE;
	background-size: 16px auto;
}

	header .headBox h1 {
		width: 179px;
	}

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

/* --------------------------------------------------
	検索項目
-------------------------------------------------- */
/* 検索項目左枠線 */
header .searchBox dl dt:before {
	border-left: 3px solid #F19EC2;
}

/* 選択済みラジオ項目 */
header .searchBox dl .radioBox ul li input[type="radio"]:checked + label {
	background: #F19EC2;
}

/* 検索ボタン */
header #btnSearch {
	border-bottom: 4px solid #DC8CAF;
	background-color: #F19EC2;
}

/* 遺伝子検査チェックボックス */
header .searchBox dl .checkBox label.checked {
	background: url("../../../usagi/common/img/1x/check_on.png") left center no-repeat;
	background-size: 24px auto;
}

/* 品種モーダルホバー色 */
.conBreed .breedList dd ul li:hover {
	background-color: #FFEEF6;
}

/* --------------------------------------------------
	共通ヘッダー
-------------------------------------------------- */
/* 共通ヘッダー(掲載件数情報) */
header .headBtm {
	border-top: 4px solid #F19EC2;
	background-color: #FFFFFF;
}

/* 件数文字色 */
header .headBtm .headBox > dl > dd dl dd {
	color: #F19EC2;
}

/* お知らせ */
#information a {
	color: #E3488D;
}
#information > div {
	background: url("../../../usagi/common/img/1x/icon_information.png") 2px center no-repeat;
	background-size: 14px 14px;
}

/* トピックパス */
.topicPath li {
	background: url("../../../usagi/common/img/1x/icon_arrow_pink.png") right center no-repeat;
	background-size: 3px auto;
}
	.topicPath li a {
		color: #E3488D;
	}

/* --------------------------------------------------
	生体一覧
-------------------------------------------------- */
/* タイトル */
.searchCnt .ttl {
	color: #F19EC2;
	background: url("../../../usagi/common/img/1x/bg_main_title.png") no-repeat;
	background-size: 250px auto;
}

/* 写真表示 */
.result {
	max-width: 1000px;
	margin: 0 auto;
}
.result > ul > li {
	opacity: 1;
}

/* 生体パネル */
.result > ul > li:active .checkCount {
	border-bottom: 2px solid #ffeef6;
}
.checkCount {
	background-color: #ffeef6;
}
	/* 肉球削除と色変更 */
	.checkCount > span {
		color: #E3488D;
		background-image: none;
		margin-left: 0;
	}


/* --------------------------------------------------
	ページネーション
-------------------------------------------------- */
#pagingBox {
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 40px;
	color: #e3488d;
	background: #e9e9e9;
}

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

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

#pagingBox ul li + li {
	margin: 0 0 0 10px;
}

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

/* --------------------------------------------------
	共通フッター
-------------------------------------------------- */
footer {
	background-color: #E3488D;
}

/* --------------------------------------------------
	地域選択モーダル
-------------------------------------------------- */
#conMap #map .btnArea.selectArea {
	border-bottom: 2px solid #DC8CAF;
	background-color: #F19EC2;
}

#conMap .btnRegion {
	border-bottom: 4px solid #DC8CAF;
	background-color: #F19EC2;
}

#conRegion .btnRegion {
	border-bottom: 4px solid #DC8CAF;
	background-color: #F19EC2;
}

#conRegion dl label.checked {
	background: url("../../../usagi/common/img/1x/check_on.png") left center no-repeat;
	background-size: 24px auto;
}

/* --------------------------------------------------
	問合せモーダル
-------------------------------------------------- */
#conContactInput form > p.btnNext {
	border-bottom: 4px solid #DC8CAF;
	background-color: #F19EC2;
}

/* 遺伝子検査済みマークについて */
.badgeNote{
	color: #E3488D;
}

/* --------------------------------------------------
	遺伝子検査モーダル
-------------------------------------------------- */
#conDna #dnaInspection > dl > dt,
#conDisease #dnaInspection dl dt {
	background: url("../../../usagi/common/img/1x/icon_disc_pink.png") left 3px no-repeat;
	background-size: 14px auto;
}
#conDna a,
#conDisease a {
	color: #E3488D;
}

/* --------------------------------------------------
	問合せモーダル
-------------------------------------------------- */
#conDna #dnaInspection > dl > dt,
#conDisease #dnaInspection dl dt {
	background: url("../../../usagi/common/img/1x/icon_disc_pink.png") left 3px no-repeat;
	background-size: 14px auto;
}
#conDna a,
#conDisease a {
	color: #E3488D;
}


/* --------------------------------------------------
	利用規約
-------------------------------------------------- */
#tos h2 {
	color: #F19EC2;
	background: url("../../../usagi/common/img/1x/bg_main_title.png") no-repeat;
	background-size: 250px auto;
}

#tos .cntBox > dl > dt {
	background: url("../../common/img/1x/icon_disc_pink.png") left 3px no-repeat;
	background-size: 14px auto;
}


/*===================================================
	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("../../../usagi/common/img/2x/bg_header.png") #FDE0EE;
		background-size: 16px auto;
	}

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


	header .searchBox dl .checkBox label.checked {
		background: url("../../../usagi/common/img/2x/check_on.png") left center no-repeat;
		background-size: 24px auto;
	}

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

	/* トピックパス */
	.topicPath li {
		background: url("../../../usagi/common/img/2x/icon_arrow_pink.png") right center no-repeat;
		background-size: 3px auto;
	}

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

	/* 生体パネル 肉球削除 */
	.checkCount > span {
		background-image: none;
		margin-left: 0;
	}

	/* 遺伝子検査モーダル */
	#conDna #dnaInspection > dl > dt,
	#conDisease #dnaInspection dl dt {
		background: url("../../../usagi/common/img/2x/icon_disc_pink.png") left 3px no-repeat;
		background-size: 14px auto;
	}

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

	/* 利用規約 */
	#tos h2 {
		background: url("../../../usagi/common/img/2x/bg_main_title.png") no-repeat;
		background-size: 250px auto;
	}

	#tos .cntBox > dl > dt {
		background: url("../../../usagi/common/img/2x/icon_disc_pink.png") left 3px no-repeat;
		background-size: 14px auto;
	}
}