@charset "utf-8";
/* Blue Nnight × VOLKS _ Layout - injection (update: 2017.9.19) */

/*-------------------------------
 Page Top _ Hero Area
---------------------------------*/
div.heroarea {
	width:100%; min-width:960px;
	min-height:640px;
	padding:0 0 20px;
	background:#fafafa;
	border-top:1px solid #666;
	box-shadow:0 2px 2px 0 rgba(50,50,50,0.4);
	margin:0 0 20px;
	position:relative;
	overflow:hidden;
}

	/* Main Catch - IJ2402
	-----------------------------*/
	div#titIJ2402 h1	{
		width:380px; height:0;
		padding-top:240px;
		background:url(/blueknight/injection/image/2402_img_catchMain.png) 0 0 no-repeat;
		overflow:hidden;
		display:block;
		position:absolute; left:50%; top:0;
		margin-left:-480px;
		z-index:100;
	}
		/* 発売関連案内 */
		div#titIJ2402 p#infoOder	{
			position:absolute; left:50%; top:200px;
			margin-left:-480px;
			z-index:100;
		}
		div#titIJ2402 p#infoOderPre	{
			position:absolute; left:50%; top:240px;
			margin-left:-480px;
			z-index:100;
		}
		
	/* Main Catch - IJ2403
	-----------------------------*/
	div#titIJ2403 h1	{
		width:470px; height:0;
		padding-top:95px;
		background:url(/blueknight/injection/image/2403_img_catchMain.png) 0 0 no-repeat;
		overflow:hidden;
		display:block;
		position:absolute; left:50%; top:60px;
		margin-left:-480px;
		z-index:100;
	}
		/* 発売関連案内 */
		div#titIJ2403 p.infoOder	{
			position:absolute; left:50%; top:0px;
			margin-left:-480px;
			z-index:100;
		}


	/* Main Catch - IJ3501
	-----------------------------*/
	div#titIJ3501 h1	{
		width:530px; height:0;
		padding-top:220px;
		background:url(/blueknight/injection/image/3501_img_catchMain.png) 0 0 no-repeat;
		overflow:hidden;
		display:block;
		position:absolute; left:50%; top:0;
		margin-left:-480px;
		z-index:100;
	}
		/* 発売関連案内 */
		div#titIJ3501 p#infoOder	{
			position:absolute; left:50%; top:200px;
			margin-left:-480px;
			z-index:100;
		}
		div#titIJ3501 p#infoOderPre	{
			position:absolute; left:50%; top:300px;
			margin-left:-480px;
			z-index:100;
		}

	/* Main Catch - IJ3502
	-----------------------------*/
	div#titIJ3502 h1	{
		width:530px; height:0;
		padding-top:230px;
		background:url(/blueknight/injection/image/3502_img_catchMain.png) 0 0 no-repeat;
		overflow:hidden;
		display:block;
		position:absolute; left:50%; top:0;
		margin-left:-480px;
		z-index:110;
	}
		/* 発売関連案内 */
		div#titIJ3502 p#infoOder	{
			position:absolute; left:50%; top:190px;
			margin-left:-480px;
			z-index:100;
		}
		div#titIJ3502 p#infoOderSP	{
			position:absolute; left:50%; top:290px;
			margin-left:-480px;
			z-index:100;
		}
		
	/* Main Catch - IJ3503
	-----------------------------*/
	div#titIJ3503 h1	{
		width:480px; height:0;
		padding-top:95px;
		background:url(/blueknight/injection/image/3503_img_catchMain.png) 0 0 no-repeat;
		overflow:hidden;
		display:block;
		position:absolute; left:50%; top:70px;
		margin-left:-480px;
		z-index:110;
	}
		/* 発売関連案内 */
		div#titIJ3503 p.catch	{
			position:absolute; left:50%; top:0;
			margin-left:-480px;
			z-index:100;
		}
		
	
	div.heroInner	{
		width:960px;
		padding-top:640px;
		margin:0 auto;
		font-size:93.75%;
		position:relative;
	}
	
	div.heroInner h2	{
		padding:20px 0;
		margin:0px;
		font-size:360%;
		font-weight:bold;
		line-height:1.2;
		text-align:center;
	}
	div.heroInner h2 em	{ color:#ffa500; font-weight:bold;}


	/* Item Date _ Read
	-----------------------------*/
	/* Float - Full Width */
	p.readItemFl	{
		width:880px;
		padding:10px 0;
		margin:0 auto 40px;
		line-height:1.6;
		font-size:125%;
		position:relative;
		text-align:justify;
	}

	/* Float - Right */
	p.readItem	{
		width:460px;
		padding:10px 0;
		margin:0 10px 40px;
		line-height:1.6;
		float:left;
	}

	/* Item Date _ Spec
	-----------------------------*/
	/* Float - Full Width */
	ul.specBoxFl	{
		width:920px;
		padding-top:10px;
		margin:0 auto 40px;
		background:#fff;
		border:1px solid #5a5657;
		box-shadow:0 3px 2px -1px rgba(0,0,0,0.2);
		position:relative;
	}
	ul.specBoxFl li	{
		vertical-align:text-bottom;
		word-wrap:break-word;
	}
	
	/* Float - Right */
	ul.specBox	{
		width:440px;
		margin:0 19px 40px;
		background:#fff;
		border:1px solid #5a5657;
		box-shadow:0 3px 2px -1px rgba(0,0,0,0.2);
		position:relative;
		float:right;
	}
	ul.specBox li	{
		vertical-align:text-bottom;
		word-wrap:break-word;
	}
	
		/* Item _ Name */
		li.itemName	{ padding:10px;}
			li.itemName h3	{
				padding:0px 0.5em;
				text-indent:-0.5em;
				line-height:1.2;
				font-size:200%;
				font-weight:bold;
				word-break:keep-all;
			}
			li.itemName h3 span	{ line-height:1.6; font-size:14px; font-weight:normal;}
		
		/* Item _ Prece */
		li.itemPrc	{
			padding:0 10px;
			line-height:1.2;
			font-size:150%;
			font-weight:bold;
			text-align:right;
			
		}
			li.itemPrc small	{ font-size:0.7em;}
			li.itemPrc span	{ font-size:0.7em; text-align:right;}
		
		/* Item _ Spec Information */
		li.itemInfo	{
			padding:10px 10px;
			line-height:1.6;
		}

		
		/* Item _ Application */
		li.itemApp	{
			padding:12px 15px;
			background:#5a5657;
			color:#fff;
			font-size:93.75%;
			letter-spacing:0.04em;
			position:relative;
		 }
		 li.itemApp + li.itemApp:before	{
			 width:98%; height:0;
			 content:"";
			 border-top:1px dotted #999;
			 display:block;
			 position:absolute; left:1%; top:-1px;
			 z-index:10;
		 }
		 	li.itemApp em	{ font-size:125%; line-height:1.6;}
			li.itemApp em:last-of-type	{ margin-bottom:10px;}
			li.itemApp a	{ color:#fff;}
			li.itemApp a:hover	{ color:#0095d9;}

	/* Schdule
	-----------------------------*/
	table.dlvscdl	{
		width:920px;
		margin:0 auto 40px;
		background:#fff;
		border:1px solid #d0d0d0;
		border-top:transparent;
		color:#333;
		position:relative;
	}
		table.dlvscdl caption	{
			padding:10px;
			xmargin-bottom:10px;
			background:#fff;
			border:1px solid #d0d0d0;
			border-bottom:transparent;
			color:#5a5657;
			font-size:175%;
			text-align:center;
		}
		table.dlvscdl caption h3	{
			/*padding-bottom:10px;*/
			margin:0 10px;
			position:relative;
			/*border-bottom:1px solid #d0d0d0;*/
		}
			table.dlvscdl tr:nth-child(2n+1)	{
				background:#efefef;
			}
		table.dlvscdl th	{
			min-width:200px;
			padding:12px 0px 12px 20px;
			font-size:15px;
			border-top:1px solid #d0d0d0;
		}
		table.dlvscdl td	{
			padding:12px 10px 12px 2em;
			text-indent:-2em;
			font-size:18px;
			border-top:1px solid #d0d0d0;
		}
		table.dlvscdl td.scdlend	{ font-size:14px;}
		table.dlvscdl td:before	{
			content:"… ";
			margin:0 0.5em 0 0;
		}
		/*table.dlvscdl td > a	{ color:#dc143c;}
		table.dlvscdl td > a:hover	{ color:#0095d9;}*/
		table.dlvscdl td span.note	{ color:#555; font-size:12px; letter-spacing:0.04em;}


	/* Item _ Limited Edition 
	-----------------------------*/
	dl.itemLmt	{
		padding:0 0 0 20px;
		margin-bottom:40px;
		text-align:center;
	}
	dl.itemLmt dt	{
		padding:5px 10px;
		margin-bottom:20px;
		font-size:200%;
		text-align:center;
		background:#feef6e;
		border-radius:20px;
	}
		dl.itemLmt dd {
			text-align:left;
			margin-left:20px;
			display:inline-block;
			font-size:150%;
		}
		dl.itemLmt dd:first-of-type	{ margin-left:0px;}
		dl.itemLmt dd:last-of-type	{ margin-left:60px;}
	

	/* Link Button _ Webstore
	-----------------------------*/
	a.lnkStore,
	span.lnkStore	{
		width:540px;
		padding:30px 0px;
		margin:0 auto 20px;
		letter-spacing:2px;
		font-size:150%;
	}
	
	div.btnBox	{
		width:760px;
		padding:20px 0 40px;
		margin:0 auto 40px;
		clear:both;
		position:relative;
		text-align:center;
	}
	
		div.btnBox ul.dlvScdl	{ width:440px; margin:0 0 0 30px; }
		div.btnBox ul.dlvScdl li	{
			padding:0.4em 0 0 1em;
			margin:0 auto;
			color:#777;
			line-height:1.2;
			text-align:left;
			text-indent:-1em;
			font-size:87.5%;
			position:relative;
		}

/*-------------------------------
 Contents _ Wrapper
---------------------------------*/


	/* USPbox _ Table
	-----------------------------*/
	div.uspTbl	{
		width:880px;
		padding:0 20px 20px;
		margin:0 auto 40px;
		background:#5a5657;
		position:relative;
		overflow:hidden;
		zoom:1;
	}
		.uspTbl h2	{
			padding:40px 20px 0;
			margin:-20px 0 20px;
			border-left:20px solid #fff;
			color:#fff;
			font-size:200%;
		}
		
		/* USP _ 2cal */
		.uspTbl dl	{
			width:400px;
			padding:20px;
			background:#fff;
			float:left;
			position:relative;
		}
			.uspTbl dl:not(.full) dt	{
				padding:10px 5px 10px 25px;
				margin-bottom:10px;
				background:url(/blueknight/image/ic_usp_arw_gry.png) 0 45% no-repeat;
				border-bottom:1px dotted #555;
				font-size:150%;
				font-weight:bold;
			}
			.uspTbl dl:not(.full) dd	{
				margin-bottom:10px;
				font-size:87.5%;
				line-height:0;
			}
			.uspTbl dl:not(.full) dd p	{
				margin:0 5px;
				line-height:1.6;
			}
			.uspTbl dl:not(.full) dd.uspPic img	{
				display:block;
				border:1px solid #555;
			}
		
		/* USP _ 1cal */
		.uspTbl dl.full	{
			width:840px;
			float:none;
		}
		.uspTbl dl.full:not(:last-of-type)	{ padding-bottom:20px; border-bottom:20px solid #5a5657;}
		
			.uspTbl dl.full dt	{
				padding:10px 0px;
				margin-bottom:10px;
				background:none;
				border-bottom:none;
				font-size:200%;
				font-weight:bold;
			}
			.uspTbl dl.full dd	{
				margin-bottom:20px;
				font-size:112.5%;
			}
			.uspTbl dl.full dd p	{
				margin:0 5px 20px;
				line-height:1.6;
			}
		


	/* Wrapper - Text
	-----------------------------*/
	p.txtCatchC	{
		margin:0 40px 40px;		
		font-size:175%;
		font-weight:bold;
		text-align:center;
	}
	

/*-------------------------------
 Order button _ Catch
---------------------------------*/
div.odrBox	{
	width:920px;
	padding:40px 0 20px;
	margin:0 auto 20px;
	position:relative;
	text-align:center;
}
	div.odrBox h3	{
		font-size:275%;
		line-height:1.2;
		margin-bottom:20px;
	}
		div.odrBox h3 span	{ line-height:1.6; font-size:14px; font-weight:normal;}
		
	div.odrBox ul	{
		width:50%;
		padding:5px 0 5px 20px;
		margin:0 auto 20px;
		background:#feef6e;
		color:#333;
		border-radius:20px;
		display:block;
		position:relative;
	}
		div.odrBox ul li	{
			text-align:left;
			margin-right:20px;
			display:inline-block;
		}
	
	div.odrBox p	{ margin:0 auto 30px;}
	div.odrBox p:not(.order)	{ padding:0 10px;}
	div.odrBox p em	{
		font-size:200%;
	}
	div.odrBox em.arwDwn	{
		width:0; height:0;
		margin:0 auto 40px;
		position:relative;
		display:block;
		overflow:hidden;
		border-width:30px 60px 0;
		border-color:#aaa;
		border-style:solid;
		border-left-color:transparent;
		border-right-color:transparent;
		border-bottom-color:transparent;
		
	}