@charset 'UTF-8';

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

publish/index_sp.css
Ver.201802

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

01. 概要
02. 新刊案内
03. イベント情報
04. 書籍検索
05. 刊行書籍案内
06. お知らせ

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





/** |01. 概要| >> ********************************************************************* >> START **/


.contents .body .foreword {/* 572px */}

	.contents .body .foreword .name {
		border-left: 3px solid #d2d2d2;
		font-size: 2.8rem;
		padding: 1.05% 0 1.05% 4.9%;/* 6px 0 6px 28px */
	}

	.contents .body .foreword .outline {
		line-height: 1.67;
		padding-top: 8.39%;/* 44px */
	}


/** |01. 概要| << *********************************************************************** << END **/





/** |02. 新刊案内| >> ***************************************************************** >> START **/


	/** [新刊情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .recently .book {padding-top: 10.49%;/* 60px */}

	.contents .body .recently .book:first-of-type {padding-top: 6.99%;/* 40px */}

		.contents .body .recently .book .cover {
			background-color: #f4f4f5;
			padding-top: 50.7%;/* 290px */
			position: relative;
			width: 100%;/* 572px */
		}

			.contents .body .recently .book .cover a {
				display: block;
				height: 100%;/* 290px */
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;/* 572px */
			}

				.contents .body .recently .book .cover img {
					bottom: 0;
					height: auto;
					left: 0;
					margin: auto;
					max-height: 86.21%;/* 250px */
					position: absolute;
					right: 0;
					top: 0;
					width: auto;
				}

		.contents .body .recently .book .type {padding-top: 6.99%;/* 40px */}

		.contents .body .recently .book .title {padding-top: 3.5%;/* 20px */}

			.contents .body .recently .book .title dt {
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 3rem;
				line-height: 1.5;
			}

				.contents .body .recently .book .title dt a {color: inherit;}

			.contents .body .recently .book .title dd {
				line-height: 1.5;
				padding-top: 3.5%;/* 20px */
			}

		.contents .body .recently .book .language {
			font-size: 0;
			padding-top: 2.48%;/* 14px */
		}

			.contents .body .recently .book .language li {
				background-color: #7f8283;
				color: #fff;
				display: inline-block;
				font-size: 2.2rem;
				margin: 2.05% 2.05% 0 0;/* 6px 6px 0 0 */
				padding: 0.43em 1em;
			}


	/** [情報なし] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .recently .nodata {padding-top: 6.99%;/* 40px */}


/** |02. 新刊案内| << ******************************************************************* << END **/





/** |03. イベント情報| >> ************************************************************* >> START **/


.contents .body .event .latest {padding-top: 6.99%;/* 40px */}

	.contents .body .event .latest a {
		color: inherit;
		display: block;
		text-decoration: none;
		width: 100%;/* 572px */
	}

		.contents .body .event .latest .image {/* height:141px(24.65%) */
			background-color: #f4f4f5;
			float: left;
			width: 32.17%;/* 184px */
		}

		.contents .body .event .latest .label {
			float: right;
			width: 63.99%;/* 366px */
		}

			.contents .body .event .latest .label dt,
			.contents .body .event .latest .label dd {letter-spacing: -0.02em;}

			.contents .body .event .latest .label dt {
				font-family: 'UD新ゴ L', sans-serif;
				line-height: 1.88;
			}

			.contents .body .event .latest .label dd {
				font-size: 2rem;
				line-height: 1.2;
				padding-top: 0.41em;
			}

				.contents .body .event .latest .label dd span:nth-of-type(n+2) {font-size: 1.6rem;}


/* 情報なし */
.contents .body .event .nodata {padding-top: 6.99%;/* 40px */}


/** |03. イベント情報| << *************************************************************** << END **/





/** |04. 書籍検索| >> ***************************************************************** >> START **/


.contents .body .search::after {
	background-color: #d4d5d6;
	content: '';
	display: block;
	height: 1px;
}

.contents .body .search .title {
	background: url(/common/img/nvg_ico_close.png) no-repeat 94.76% 50%;
	background-image: url(/common/img/nvg_ico_open.png);
	background-size: 3.85% auto;
	border-top: 1px solid #d4d5d6;
	font-size: 2.6rem;
	font-family: 'UD新ゴ R', sans-serif;
	padding: 5.24% 14.34% 5.24% 0;
	position: relative;
}

.contents .body .search .open {background-image: url(/common/img/nvg_ico_close.png);}

.contents .body .search .option {}

	.contents .body .search .option li {border-top: 1px solid #d4d5d6;}

		.contents .body .search .option li a {
			color: #7f8283;
			display: block;
			font-size: 2.6rem;
			padding: 5.24%;
			text-decoration: none;
		}


/** |04. 書籍検索| << ******************************************************************* << END **/





/** |05. 刊行書籍案内| >> ************************************************************* >> START **/


.contents .body .books {padding-top: 0;}

	.contents .body .books .title {
		background: url(/common/img/nvg_ico_close.png) no-repeat 94.76% 50%;
		background-image: url(/common/img/nvg_ico_open.png);
		background-size: 3.85% auto;
		font-size: 2.6rem;
		font-family: 'UD新ゴ R', sans-serif;
		padding: 5.24% 14.34% 5.24% 0;
		position: relative;
	}

	.contents .body .books .open {background-image: url(/common/img/nvg_ico_close.png);}


		/** [最新記事] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.contents .body .books .type {}

			.contents .body .books .type li {border-top: 1px solid #d4d5d6;}

				.contents .body .books .type li a {
					color: #7f8283;
					display: block;
					font-size: 2.6rem;
					padding: 5.24%;
					text-decoration: none;
				}

					.contents .body .books .type li .label {
						font-family: 'UD新ゴ L', sans-serif;
						font-size: inherit;
						font-weight: normal;
					}

					.contents .body .books .type li .outline {display: none;}


		/** [注意事項] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

		.contents .body .books .notice {
			border-top: 1px solid #d4d5d6;
			padding-top: 4.2%;/* 24px */
		}

			.contents .body .books .notice li {
				font-size: 1.6rem;
				line-height: 1.88;
				padding-left: 1em;
				text-indent: -1em;
			}

				.contents .body .books .notice li::before {content: '※';}


/** |05. 刊行書籍案内| << *************************************************************** << END **/





/** |06. お知らせ| >> ***************************************************************** >> START **/


.contents .body .information .latest {}

	.contents .body .information .latest .article {
		border-bottom: 1px solid #d4d5d6;
		padding: 6.99% 0;/* 40px 0 */
	}

		.contents .body .information .latest .article dt {font-family: 'UD新ゴ R', sans-serif;}

			.contents .body .information .latest .article dt .dow {font-size: 2rem;}

			.contents .body .information .latest .article dt .genre {
				border: 1px solid #0671b8;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				color: #0671b8;
				display: block;
				font-family: 'UD新ゴ L', sans-serif;
				font-size: 1.6rem;
				height: 2.2em;
				line-height: 2.2em;
				margin-top: 4.9%;
				text-align: center;
				width: 13.63em;/* 220px */
			}

		.contents .body .information .latest .article dd {
			line-height: 1.67;
			padding-top: 4.9%;
		}

			.contents .body .information .latest .article dd a {text-decoration: none;}

			.contents .body .information .latest .new dd::after {
				color: #ed7f40;
				content: 'NEW';
				font-family: 'UD新ゴ R', sans-serif;
				font-size: 1.6rem;
				margin-left: 0.8em;
			}


	/* 情報なし */
	.contents .body .information .latest .nodata {padding-top: 6.99%;/* 40px */}


/** |06. お知らせ| << ******************************************************************* << END **/