@charset 'UTF-8';

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

publish/index_pc.css
Ver.201802

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

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




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

/** |01. ヘッダー| >> ***************************************************************** >> START **/


.site {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transform: translate3d(0, 0, 0);
	z-index: 1000;
}


/** |01. ヘッダー| << ******************************************************************* << END **/


/** |01. HTML初期化| >> *************************************************************** >> START **/

* { 
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/** |01. HTML初期化| << ***************************************************************** << END **/


html { background-color: #FFF; } 
body {
    min-height: 100vh;
    max-width: 1512px;
    margin: 0 auto;
}

/** |01. メインビジュアル| >> ********************************************************* >> START **/


.theme .frontrow {
	position	: relative; 
	display: block;
				height: 480px;
				width: 100%;
	background: url(/publish/img/pc/frt_img_wall.jpg)no-repeat center center / cover;
	
}


/** |01. メインビジュアル| << *********************************************************** << END **/





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


.contents .body .foreword {}

	.contents .body .foreword .name {

		border-left: 3px solid #d2d2d2;
		font-size: 28px;
		padding: 6px 0 6px 28px;
	}

	.contents .body .foreword .outline {
		
		line-height: 1.88;
		padding-top: 18px;
	}


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





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


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

	.contents .body .recently .book {
		float: left;
		padding-top: 44px;
		width: 522px;

	}

	.contents .body .recently .book:nth-of-type(2n) {clear: both;}

	.contents .body .recently .book:nth-of-type(2n+1) {float: right;}

		.contents .body .recently .book .cover {
			background-color: #f4f4f5;
			height: 230px;
			text-align: center;
			width: 522px;
		}

			.contents .body .recently .book .cover a {
				display: block;
				height: 100%;
				position: relative;
			}

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

		.contents .body .recently .book .type {
			font-size: 14px;
			padding-top: 32px;
		}

			
			
			padding-top: 18px;}
			padding-top: 18px;}
		.contents .body .recently .book .title {
			
			padding-top: 18px;}

		.contents .body .recently .book p.title {
			
			font-family: 'UD新ゴ R', sans-serif;
			font-size: 20px;
			line-height: 1.2;
		}

		.contents .body .recently .book dl.title {}

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

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

			.contents .body .recently .book .title dd {
				font-size: 14px;
				line-height: 1.2;
				padding-top: 14px;
			}

		.contents .body .recently .book .language {
			font-size: 0;
			padding-top: 16px;
		}

			.contents .body .recently .book .language li {
				background-color: #7f8283;
				color: #fff;
				display: inline-block;
				font-size: 14px;
				margin: 4px 6px 0 0;
				padding: 6px 8px 4px;
			}


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

	.contents .body .recently .nodata {padding-top: 30px;}


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





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


.contents .body .event .latest {
	float: left;
	padding-top: 16px;
	width: 362px;
}

.contents .body .event .latest:nth-of-type(2n+1) {float: right;}

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

	.contents .body .event .latest a:hover {opacity: 0.5;}

		.contents .body .event .latest .image {
			background-color: #f4f4f5;
			float: left;
			margin-top: 4px;
			min-height: 92px;
			width: 120px;
		}

			.contents .body .event .latest .image img {
				height: auto;
				width: 100%;
			}

		.contents .body .event .latest .label {
			float: right;
			width: 222px;
		}

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

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

			.contents .body .event .latest .label dd {
				font-size: 14px;
				line-height: 1.2;
				padding-top: 8px;
			}

				.contents .body .event .latest .label dd span {font-size: 12px;}


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


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





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


.contents .body .search .option {
	
	font-size: 0;
	padding-top: 20px;
}

	.contents .body .search .option li {
		display: inline-block;
		padding-left: 8px;
		vertical-align: top;
	}

	.contents .body .search .option li:first-of-type {padding-left: 0;}

		.contents .body .search .option li a {
			border: 1px solid #d4d5d6;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			color: inherit;
			display: block;
			font-family: 'UD新ゴ R', sans-serif;
			font-size: 16px;
			height: 50px;
			line-height: 50px;
			overflow: hidden;
			text-align: center;
			text-decoration: none;
			white-space: nowrap;
			width: 184px;
		}

		.contents .body .search .option li a:hover {opacity: 0.5;}


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





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


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

	.contents .body .books .type {
		width: 760px;
        margin: 0 auto;
		
}
.notice{
width: 760px;
        margin: 0 auto;
}


		.contents .body .books .type li {
			float: left;
			padding-top: 20px;
			width: 372px;
		}

		.contents .body .books .type li:nth-of-type(odd) {clear: both;}

		.contents .body .books .type li:nth-of-type(even) {float: right;}

			.contents .body .books .type li a {
				border: 3px solid #d4d5d6;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				color: #7f8283;
				display: block;
				padding: 18px 16px 12px;
				text-decoration: none;
			}

			.contents .body .books .type li a:hover {opacity: 0.5;}

				.contents .body .books .type li .label {
					display: inline-block;
					font-family: 'UD新ゴ R', sans-serif;
					font-size: 16px;
					position: relative;
				}

					.contents .body .books .type li .label::after {
						background: url(/common/img/cnt_ico_contents.gif) no-repeat 50% 50%;
						content: '';
						display: inline-block;
						height: 1em;
						margin-left: 4px;
						vertical-align: -0.05em;
						width: 1em;
					}

				.contents .body .books .type li .outline {
					font-size: 14px;
					line-height: 1.71;
					margin-top: 8px;
					padding-top: 8px;
					position: relative;
				}

					.contents .body .books .type li .outline::before {
						background-color: #d4d5d6;
						content: '';
						display: block;
						height: 1px;
						left: 0;
						position: absolute;
						top: 0;
						width: 30px;
					}


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

	.contents .body .books .notice {
		padding-top: 4px;

}

		.contents .body .books .notice li {
			font-size: 12px;
			line-height: 1.88;
			margin-top: 2px;
			padding-left: 1em;
			text-indent: -1em;
			
			
		}

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


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





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




	.contents .body .information .latest .article {
		border-bottom: 1px solid #d4d5d6;
		padding: 30px 0;
	}

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

			.contents .body .information .latest .article dt .dow {font-size: 12px;}

			.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;
				display: inline-block;
				color: #0671b8;
				font-family: 'UD新ゴ L', sans-serif;
				font-size: 12px;
				height: 22px;
				line-height: 22px;
				margin-left: 36px;
				padding: 0 14px;
				text-align: center;
				vertical-align: middle;
			}


		.contents .body .information .latest .article dd {padding-top: 20px;}

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


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


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