@charset "utf-8";

/* ========================================================================================================================/
	
	style.css

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	puppyroom
/------------------------------------------------------------------------------------------------------------------------ */

.puppyroom {
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:50px 0 100px 0;
	}

	.puppyroom .description {
		width:100%;
		box-sizing:border-box;
		background:#ffffff url("../../image/layout/bg01.gif") left top repeat;
		margin:20px 0 -50px 0;
		padding:30px;
		}
	.puppyroom .description p {
		text-align:left;
		}
	.puppyroom .description p.notes {
		position:relative;
		color:#d90000;
		font-size:17px;
		padding:0 0 0 1.5em;
		}
	.puppyroom .description p.notes:before {
		content:"※";
		position:absolute;
		top:0;
		left:0;
		}

/* 一覧 */
	.puppyroom .list_inner {
		width:100%;
		}
		.puppyroom .list_inner ul.catemenu {
			margin:0 0 50px 0;
			list-style:none;
			}
			.puppyroom .list_inner ul.catemenu li {
				float:left;
				margin:0 0 0 20px;
				}
			.puppyroom .list_inner ul.catemenu li:nth-of-type(1) {
				float:left;
				margin:0;
				}
			.puppyroom .list_inner ul.catemenu li.stay {
				position:relative;
				display:block;
				color:#ffffff;
				line-height:50px;
				text-decoration:none;
				box-sizing:border-box;
				background:#f58b36;
				padding:0 40px 0 20px;
				}
			.puppyroom .list_inner ul.catemenu li.stay:before {
				content:"＞";
				position:absolute;
				right:15px;
				font-size:13px;
				line-height:50px;
				transform:rotate(90deg);
				}
				.puppyroom .list_inner ul.catemenu li a {
					position:relative;
					display:block;
					color:#232323;
					line-height:50px;
					text-decoration:none;
					box-sizing:border-box;
					background:#efefef;
					padding:0 40px 0 20px;
					}
				.puppyroom .list_inner ul.catemenu li a:before {
					content:"＞";
					position:absolute;
					right:15px;
					font-size:13px;
					line-height:50px;
					transform:rotate(90deg);
					}
				.puppyroom .list_inner ul.catemenu li a:hover {
					color:#f58b36;
					}

		.puppyroom .list_inner .dnone {
			text-align:left;
			margin:0 0 30px 0;
			}
		.puppyroom .list_inner .list_box {
			float:left;
			display:block;
			width:calc((100% - 60px) / 3);
			text-align:left;
			text-decoration:none;
			box-sizing:border-box;
			background:#ffffff;
			border:solid 3px #d0b596;
			margin:0 30px 30px 0;
			}
		.puppyroom .list_inner .list_box:nth-of-type(3n) {
			margin:0 0 30px 0;
			}
		.puppyroom .list_inner .list_box:not(.no_link):hover {
			border:solid 3px #eb2c8c;
			}
		.puppyroom .list_inner .list_box a {
			text-decoration:none;
			}
			.puppyroom .list_inner .list_box dl {
				}
				.puppyroom .list_inner .list_box dl dt {
					position:relative;
					width:100%;
					height:269px;
					text-align:center;
					box-sizing:border-box;
					background:#f6f2eb;
					border-bottom:dotted 1px #d0b596;
					margin:0 0 10px 0;
					padding:30px;
					}
					.puppyroom .list_inner .list_box:not(.no_link):hover dl dt img.photo {
						opacity:0.75;
						filter:alpha(opacity=75);
						-ms-filter:"alpha( opacity=75 )";
						background:#ffffff;
						}
					.puppyroom .list_inner .list_box dl dt img.baiyaku {
						position:absolute;
						top:50%;
						left:50%;
						margin:-75px 0 0 -75px;
						}
				.puppyroom .list_inner .list_box dl dd {
					padding:15px 30px 30px 30px;
					}
					.puppyroom .list_inner .list_box dl dd p.name {
						color:#232323;
						font-weight:bold;
						}
						.puppyroom .list_inner .list_box dl dd p.name span {
							display:inline-block;
							color:#ffffff;
							font-size:15px;
							font-weight:normal;
							vertical-align:4px;
							line-height:100%;
							box-sizing:border-box;
							background:#d90000;
							margin:0 0 0 10px;
							padding:5px 10px;
							}
					.puppyroom .list_inner .list_box dl dd p.type {
						display:inline-block;
						color:#232323;
						font-size:15px;
						line-height:100%;
						background:#f6f2eb;
						margin:2px 10px 0 0;
						padding:5px 10px;
						}
					.puppyroom .list_inner .list_box dl dd p.sex_m {
						display:inline-block;
						color:#ffffff;
						font-size:15px;
						line-height:100%;
						background:#0059b2;
						margin:2px 10px 0 0;
						padding:5px 10px;
						}
					.puppyroom .list_inner .list_box dl dd p.sex_w {
						display:inline-block;
						color:#ffffff;
						font-size:15px;
						line-height:100%;
						background:#eb2c8c;
						margin:2px 10px 0 0;
						padding:5px 10px;
						}
					.puppyroom .list_inner .list_box dl dd p.price {
						color:#ff0000;
						font-size:25px;
						font-weight:bold;
						margin:10px 0 0 0;
						}
					.puppyroom .list_inner .list_box dl dd p.birthday {
						color:#232323;
						font-size:17px;
						margin:5px 0 0 0;
						}

/* 詳細 */
	.puppyroom .detail_inner {
		width:100%;
		background:#ffffff;
		box-sizing:border-box;
		border:solid 3px #efefef;
		margin:0 0 50px 0;
		padding:30px;
		}
		.puppyroom .detail_inner .main_hd {
			text-align:left;
			}
		.puppyroom .detail_inner .main_hd.list-hd {
			position:relative;
			padding:35px 0 25px 0;
			}
		.puppyroom .detail_inner .main_hd.detail-hd {
			position:relative;
			padding:0 0 25px 0;
			}
			.puppyroom .detail_inner .main_hd h3 {
				font-size:23px;
				text-align:left;
				line-height:140%;
				box-sizing:border-box;
				border-bottom:dotted 1px #cccccc;
				margin:0 0 30px 0;
				padding:40px 0 10px 0;
				}
				.puppyroom .detail_inner .main_hd h3 span {
					display:inline-block;
					color:#ffffff;
					font-size:15px;
					font-weight:normal;
					vertical-align:4px;
					line-height:100%;
					box-sizing:border-box;
					background:#d90000;
					margin:0 0 0 10px;
					padding:5px 10px;
					}
			.puppyroom .detail_inner .main_hd small {
				position:absolute;
				top:0;
				left:0;
				display:inline-block;
				color:#ffffff;
				font-size:12px;
				line-height:100%;
				margin:2px 10px 0 0;
				padding:5px 10px;
				}
			.puppyroom .detail_inner .main_hd small.sex_m { background:#0059b2; }
			.puppyroom .detail_inner .main_hd small.sex_w { background:#eb2c8c; }
			.puppyroom .detail_inner .main_hd ul {
				position:absolute;
				top:0;
				right:0;
				list-style:none;
				}
				.puppyroom .detail_inner .main_hd ul li {
					line-height:100%;
					box-sizing:border-box;
					background:#efefef;
					}
					.puppyroom .detail_inner .main_hd ul li span.type {
						display:inline-block;
						width:auto;
						color:#232323;
						font-size:12px;
						text-align:center;
						line-height:100%;
						box-sizing:border-box;
						background:#efefef;
						margin:0;
						padding:5px 10px;
						}

			.puppyroom .detail_inner .main_block .price {
				color:#ff0000;
				font-size:25px;
				font-weight:bold;
				text-align:left;
				}
			.puppyroom .detail_inner .main_block .birthday {
				font-size:20px;
				text-align:left;
				}
			.puppyroom .detail_inner .main_block .textarea {
				padding-top:30px;
				}
			.puppyroom .detail_inner .main_block .textarea.image_r { }
			.puppyroom .detail_inner .main_block .textarea.image_c { text-align:center; }
			.puppyroom .detail_inner .main_block .textarea.image_l { }
				.puppyroom .detail_inner .main_block .textarea.image_r .image { display:block; float:right; margin:0 0 0 30px; }
				.puppyroom .detail_inner .main_block .textarea.image_c .image { display:block; margin:0 0 30px 0; }
				.puppyroom .detail_inner .main_block .textarea.image_l .image { display:block; float:left; margin:0 30px 0 0; }
				.puppyroom .detail_inner .main_block .textarea .text {
					text-align:left;
					box-sizing:border-box;
					word-break:break-all;
					}
					.puppyroom .detail_inner .main_block .textarea .text img {
						width:auto;
						height:24px;
						vertical-align:-5px;
						}
				.puppyroom .detail_inner .main_block .textarea .image_l .text { float:right; }
				.puppyroom .detail_inner .main_block .textarea .image_r .text { float:left; }
				.puppyroom .detail_inner .main_block .textarea ul,
				.puppyroom .detail_inner .main_block .textarea ol {
					list-style:inherit;
					margin-left:1.5em;
					}
				.puppyroom .detail_inner .main_block .textarea ol {
					list-style:decimal;
					}
			.puppyroom .detail_inner .main_block .ua-pc .image a img {
				transition:opacity 0.2s ease;
				}
			.puppyroom .detail_inner .main_block .ua-pc .image a:hover img {
				filter:alpha(opacity=60);
				opacity:0.6;
				-moz-opacity:0.6;
				}
			.puppyroom .detail_inner .main_block .textarea .datafile {
				display:inline-block;
				color:#232323;
				text-align:center;
				text-decoration:none;
				line-height:50px;
				box-sizing:border-box;
				border:solid 3px #efefef;
				margin-bottom:15px;
				padding:0 20px 0 60px;
				}
			.puppyroom .detail_inner .main_block .textarea .datafile.pdf { background:#efefef url("../image/contents/puppyroom/ic-pdf.png") 20px center no-repeat; }
			.puppyroom .detail_inner .main_block .textarea .datafile.doc { background:#efefef url("../image/contents/puppyroom/ic-doc.png") 20px center no-repeat; }
			.puppyroom .detail_inner .main_block .textarea .datafile.xls { background:#efefef url("../image/contents/puppyroom/ic-xls.png") 20px center no-repeat; }
			.puppyroom .detail_inner .main_block .textarea .datafile.ppt { background:#efefef url("../image/contents/puppyroom/ic-ppt.png") 20px center no-repeat; }
			.puppyroom .detail_inner .main_block .textarea .datafile:hover {
				color:#009944;
				background:#ffffff;
				border:solid 3px #009944;
				padding:0 40px;
				}
				.puppyroom .detail_inner .main_block .textarea .datafile img {
					vertical-align:middle;
					margin-right:0.75em;
					}
	.puppyroom .detail_inner .main_block .text {
		width:inherit !important;
		}

/* メイン下部ページ遷移 */
ul.pmove {
	display:table;
	width:calc(100% + 60px);
	margin:50px -30px -30px -30px;
	list-style:none;
	}
	ul.pmove li {
		display:table-cell;
		text-align:left;
		vertical-align:middle;
		line-height:1.5;
		background-color:#ffffff;
		border-top:solid 3px #efefef;
		}
	ul.pmove li:nth-child(2) {
		text-align:center;
		border-left:solid 3px #efefef;
		border-right:solid 3px #efefef;
		white-space:nowrap;
		}
	ul.pmove li:last-child {
		text-align:center;
		}
		ul.pmove li span { color:#aaaaaa; }
		ul.pmove li a,
		ul.pmove li span {
			display:block;
			padding:20px 30px;
			}
		ul.pmove li a 			{ color:#eb2c8c; text-decoration:underline; }
		ul.pmove li a:visited 	{ color:#c1136a; text-decoration:underline; }
		ul.pmove li a:hover 	{ color:#ef5fa7; text-decoration:none; }
		ul.pmove li a,
		ul.pmove li span {
			display:block;
			padding:1em;
			}