@charset 'UTF-8';

/** |READ ME| **************************************************************************************

detail_sp.css
Ver.201802

----------------------------------------------------------------------------------------------------

01. 書籍ヘッダ
0x. テキスト
0x. テーブル
0x. 書籍検索
0x. レコメンド

************************************************************************************** |READ ME| **/





/** |01. 書籍ヘッダ| >> *************************************************************** >> START **/


.contents .body .header {}


	/** [書影] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .header .cover {
		background-color: #f4f4f5;
		overflow: hidden;
		padding-bottom: 50.7%;
		position: relative;
		width: 100%;/* 572px */
	}

		.contents .body .header .cover img {
			bottom: 0;
			height: auto;
			left: 0;
			margin: auto;
			max-height: 86.21%;
			position: absolute;
			right: 0;
			top: 0;
			width: auto;
		}


	/** [書籍情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .header .label {}


		/* シェア */
		.contents .body .header .label .share {
			font-size: 0;
			text-align: right;
			padding-top: 5.94%;
			width: 100%;/* 572px */
		}

			.contents .body .header .label .share li {
				display: inline-block;
				width: 9.09%;/* 52px */
			}

				.contents .body .header .label .share a {
					background: no-repeat 0 0;
					background-size: 100% 100%;
					display: block;
					margin-left: auto;
					overflow: hidden;
					padding-bottom: 57.69%;
					text-decoration: none;
					text-indent: 100%;
					width: 69.23%;/* 36px */
				}

				.contents .body .header .label .share .fb {background-image: url(/common/img/bdy_ico_facebook.gif);}
				.contents .body .header .label .share .tw {background-image: url(/common/img/bdy_ico_twitter.gif);}
				.contents .body .header .label .share .ln {background-image: url(/common/img/bdy_ico_line.gif);}
				.contents .body .header .label .share .ml {background-image: url(/common/img/bdy_ico_mail.gif);}


		/* タイプ */
		.contents .body .header .label .type {padding-top: 5.94%;}


		/* タイトル */
		.contents .body .header .label .title {
			font-size: 3rem;
			line-height: 1.5;
			padding-top: 3.85%;
		}


		/* 著者 */
		.contents .body .header .label .author {
			font-size: 0;
			padding-top: 3.85%;
		}

			.contents .body .header .label .author li {
				display: inline-block;
				font-size: 2.4rem;
				line-height: 1.5;
			}

			.contents .body .header .label .author li::after {content: '、';}

			.contents .body .header .label .author li:last-of-type::after {content: normal;}


		/* 言語 */
		.contents .body .header .label .language {
			font-size: 0;
			padding-top: 1.75%;
		}

			.contents .body .header .label .language li {
				background-color: #7f8283;
				color: #fff;
				display: inline-block;
				font-size: 2.2rem;
				margin: 2.1% 2.1% 0 0;
				padding: 0.43em 1em;
			}


		/* その他情報 */
		.contents .body .header .label .data {margin-top: 8.39%;}

			.contents .body .header .label .data th,
			.contents .body .header .label .data td {
				line-height: 1.67;
				vertical-align: top;
			}

			.contents .body .header .label .data th {
				font-family: 'UD新ゴ L', sans-serif;
				font-weight: normal;
				padding-right: 1em;
				text-align: left;
				white-space: nowrap;
			}

			.contents .body .header .label .data td {width: 100%;}


		/* ISBN */
		.contents .body .header .label .isbn {font-size: 0;}

			.contents .body .header .label .isbn dt,
			.contents .body .header .label .isbn dd {
				display: inline-block;
				font-size: 2.4rem;
				line-height: 1.67;
			}

				.contents .body .header .label .isbn dt::after {content: '：';}


		/* 発行日 */
		.contents .body .header .label .issue {line-height: 1.67;}


		/* イベント */
		.contents .body .header .label .event {line-height: 1.67;}


	/** [書籍情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .header .status {width: 100%;/* 572px */}


		/* 在庫あり */
		.contents .body .header .status .store {}

			.contents .body .header .status .store li {
				float: left;
				font-size: 1.8rem;
				padding-top: 10.49%;
				text-align: center;
				width: 48.25%;/* 276px */
			}

			.contents .body .header .status .store li:nth-of-type(2n) {float: right;}

				.contents .body .header .status .store a,
				.contents .body .header .status .store .nis {
					border: 1px solid;
					display: block;
					padding: 2.92% 0;
					text-decoration: none;
				}

				.contents .body .header .status .store a {
					border-color: #4aa6c3;
					color: #4aa6c3;
				}

				.contents .body .header .status .store .nis {
					border-color: #d4d5d6;
					color: #7f8283;
				}

					.contents .body .header .status .store .nis span {
						font-size: 1.6rem;
						letter-spacing: -0.1em;
					}


		/* 近日発売/在庫なし */
		.contents .body .header .status .coming,
		.contents .body .header .status .soldout {
			border: 1px solid #d4d5d6;
			color: #7f8283;
			font-size: 2.1rem;
			margin: 10.49% auto 0;
			padding: 1.4%;
			text-align: center;
			width: 48.25%;/* 276px */
		}


/** |01. 書籍ヘッダ| << ***************************************************************** << END **/





/** |0x. テキスト| >> ***************************************************************** >> START **/


.contents .body .text {
	border-top: 1px solid #d4d5d6;
	margin-top: 10.49%;
}

	.contents .body .text p {
		line-height: 1.67;
		padding-top: 10.49%;
	}


/** |0x. テキスト| << ******************************************************************* << END **/





/** |0x. テーブル| >> ***************************************************************** >> START **/


.contents .body .table {margin-top: 10.49%;}

	.contents .body .table th,
	.contents .body .table td {
		line-height: 1.67;
		vertical-align: top;
	}

	.contents .body .table th {
		font-weight: normal;
		text-align: left;
	}

	.contents .body .table td {padding-left: 1em;}


/** |0x. テーブル| << ******************************************************************* << END **/





/** |0x. 書籍検索| >> ***************************************************************** >> START **/


.contents .body .search {
	border-top: 1px solid #d4d5d6;
	margin-top: 10.49%;
}

	.contents .body .search .method {
		font-size: 0;
		padding-top: 8.74%;
	}

	.contents .body .search .method:first-of-type {padding-top: 10.49%;}

		.contents .body .search .method dt,
		.contents .body .search .method dd {font-size: 2.2rem;}

		.contents .body .search .method dt {padding-bottom: 1.24%;}

		.contents .body .search .method dd {
			display: inline-block;
			padding-top: 1.24%;
		}

		.contents .body .search .method dd::after {content: '、';}
		.contents .body .search .method dd:last-of-type::after {content: normal;}


/** |0x. 書籍検索| << ******************************************************************* << END **/





/** |0x. レコメンド| >> *************************************************************** >> START **/


.contents .body .recommend {
	border-top: 1px solid #d4d5d6;
	margin-top: 10.49%;
	padding-top: 8.39%;
	width: 100%;/* 572px */
}

	.contents .body .recommend .title {
		font-size: 3rem;
		padding-bottom: 0;
	}

	.contents .body .recommend .candidate {
		float: left;
		margin-left: 3.85%;
		padding-top: 20px;
		width: 30.77%;/* 176px */
	}

	.contents .body .recommend .candidate:first-of-type {margin-left: 0;}

		.contents .body .recommend .candidate dt {background-color: #f4f4f5;}

			.contents .body .recommend .candidate dt a {
				display: block;
				position: relative;
				padding-top: 79.55%;/* 140px */
			}

				.contents .body .recommend .candidate dt img {
					bottom: 0;
					height: 88.57%;/* 124px */
					left: 0;
					margin: auto;
					position: absolute;
					right: 0;
					top: 0;
					width: auto;
				}

		.contents .body .recommend .candidate dd {
			line-height: 1.67;
			font-size: 1.8rem;
			padding-top: 1em;
		}


/** |0x. レコメンド| << ***************************************************************** << END **/