@charset "UTF-8";

/* CSS Document */

/*===================================================
    各画面作成用CSS
===================================================*/

/*//////////////////////////////////////////////////
    はじめに
///////////////////////////////////////////////////*/

/* --------------------------------------------------
    メイン見出し
-------------------------------------------------- */
.kv:before {
	content: 'はじめに';
}

/* --------------------------------------------------
    トップのメニュー一覧
-------------------------------------------------- */
.check .indexMenu li:first-child a .imgBox img {
	width: 135px;
}
.check .indexMenu li:nth-child(2) a .imgBox img {
	width: 220px;
}
.check .indexMenu li:nth-child(3) a .imgBox img {
	width: 200px;
}
.check .indexMenu li:nth-child(4) a .imgBox img {
	width: 180px;
}

/*//////////////////////////////////////////////////
    ご理解いただきたいこと
///////////////////////////////////////////////////*/
#understanding h3 {
	font-size: 19px;
}
#understanding .imgBox img {
	margin: 0 auto 50px;
}
#understanding .checkTxt {
	padding: 15px 20px;
}
	#understanding .checkTxt dt {
		top: -10px;
		left: 20px;
	}

/*//////////////////////////////////////////////////
    販売契約について
///////////////////////////////////////////////////*/

/* --------------------------------------------------
    返品、交換
-------------------------------------------------- */
#contract #sec01 {
	margin-bottom: 50px;
}
	#contract #sec01 > div > p {
		width: 100%;
		height: 145px;
		margin-bottom: 20px;
	}
		#contract #sec01 > div > p span img {
			width: 250px;
		}
/* --------------------------------------------------
    代替え犬・猫保障制度
-------------------------------------------------- */
#contract #sec02 h3 + p {
	margin-bottom: 20px;
}
#contract #sec02 .caution {
	padding: 30px 20px;
}
#contract #sec02 .cautionList {
	font-size: 14px;
}
#contract #sec02 .caution + p {
	font-size: 16px;
}

/*//////////////////////////////////////////////////
    血統証明書について
///////////////////////////////////////////////////*/
#pedigree .flow > div {
	position: relative;
	margin-bottom: 35px;
}
#pedigree .flow ol {
	position: relative;
	margin-top: 1em;
}
	#pedigree .flow ol li {
		position: relative;
		text-align: center;
		line-height: 40px;
		z-index: 1;
		border-radius: 4px;
		background: #fee6e9;
	}
	#pedigree .flow ol li:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.6;
		z-index: -1;
		background: url("../../image/common/pattern_pad.png");
		background-size: 48px auto;
	}
	#pedigree .flow ol li:after {
		content: "";
		position: absolute;
		left: 0;
		right:0;
		bottom: -10px;
		width: 10px;
		height: 6px;
		margin: 0 auto;
		background: url("../../image/check/sp/flow_arrow.png") no-repeat;
		background-size: 10px auto;
	}
	#pedigree .flow ol li:last-child:after {
		background: none;
	}
	#pedigree .flow ol li + li {
		margin: 15px 0 0 0;
	}
	#pedigree .flow ol li:first-child img {
		width: 115px;
	}
	#pedigree .flow ol li:nth-child(2) img {
		width: 115px;
	}
	#pedigree .flow ol li:nth-child(3) img {
		width: 115px;
	}
	#pedigree .flow ol li:nth-child(4) img {
		width: 115px;
	}
	#pedigree .flow ol li:nth-child(5) img {
		width: 115px;
	}
	#pedigree .flow ol li:nth-child(6) img {
		width: 93px;
	}
	#pedigree .flow ol li:nth-child(7) img {
		width: 50px;
	}
#pedigree .flow #moveObj {
	position: absolute;
	top: 0;
	right: 10px;
	width: 80px;
	height: 80px;
	z-index: 1;
}
#pedigree .flow #moveObj.animated {
	animation: moveY 7s ease-out forwards;
	-webkit-animation: moveY 7s ease-out forwards;
}


#pedigree .clearfix > div {
	margin-top: 15px;
	width:auto;
}

#pedigree .clearfix > p,
#pedigree .clearfix > div,
#pedigree .checkList ul {
	float: none;
}

#pedigree .clearfix > p {
	text-align: center;

}


/*　縦の動き　*/
@keyframes moveY {
	0% {top:0px;}
	100% {top:310px;}
}
@-webkit-keyframes moveY {
	0% {top:0px;}
	100% {top:310px;}
}

/* --------------------------------------------------
    所有者の名義変更について
-------------------------------------------------- */
#pedigree .nameChange {
	padding: 30px 20px;
}

/* --------------------------------------------------
    血統証明書の注意点
-------------------------------------------------- */
#pedigree .caution {
	padding: 40px 20px;
}

/*//////////////////////////////////////////////////
    JCK血統証明書の見かた
///////////////////////////////////////////////////*/
#seehow .sample {
	margin-bottom: 50px;
}
	#seehow .sample > dd > p {
		margin-bottom: 30px;
	}
	#seehow .sample .explainList > li > dl > dd ul {
		padding: 25px 20px;
	}
/*ジャパンケネルクラブホームページへ*/
#seehow .jckLink {
	padding: 20px;
}

/*//////////////////////////////////////////////////
    マイクロチップについて
///////////////////////////////////////////////////*/
#microchip .introTop > p {
	width: 100%;
	height: 145px;
	margin-bottom: 20px;
}
	#microchip .introTop > p span img {
		width: 200px;
	}
	#microchip section:nth-child(2) .introTop > p span img {
		width: 242px;
	}
#microchip .introTop > div ul {
	padding: 35px 20px;
}
#microchip .infoContact {
	margin-bottom: 30px;
}
	#microchip .infoContact h4 {
		font-size: 15px;
	}
	#microchip .infoContact dl {
		font-size: 13px;
	}
#microchip .infoContact + p {
	font-size: 16px;
}
#microchip .apa {
	padding: 0 16px;
}
#microchip .apa div {
	padding: 30px 16px;
}
#microchip .apa div + div {
	border-top: 1px solid #dddddd;
}