@charset "utf-8";
/* Colors of Mag
sitte			 #ffc703
Yanmaga			#3ca6ff
M-Yanmaga		#8884f0
Yanmaga 3rd		#c76cd3
Yanmaga WEB		#f0428d
ComicDAYS		#dc5448
*/


/* IL LIST */
	/* TOS */
	#zeikin_ildl_tos_checker {
		background: rgba(0,0,0,0.85);
		display: none;
		left: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		z-index: 5000;
	}
		#zeikin_ildl_tos_checker_p {
			background: #fff;
			height: 85%;
			left: 50%;
			max-width: 720px;
			overflow-y: auto;
			padding: 20px;
			position: absolute;
			text-align: center;
			top: 50%;
			transform: translate(-50%,-50%);
			width: 80%;
			z-index: 5500;
		}
			#zeikin_ildl_tos_checker_p h2 {
				font-size: 26px;
				font-size: 2.6rem;
				margin: 15px 0;
			}
			#zeikin_ildl_tos_checker_p strong {
				display: block;
				margin: 0 0 20px;
				line-height: 1.2;
			}
			#zeikin_il-dl_tos {
				border: 1px solid #efefef;
				margin: 30px auto;
				max-height: 40%;
				max-width: 80%;
				overflow-y: scroll;
				padding: 20px;
				text-align: left;
			}
			#zeikin_il-dl_lead button,
			#zeikin_ildl_tos_checker_p button,
			#zeikin_ildl_tos_checker_p .no {
				background: #333;
				border-radius: 10px;
				border: none;
				color: #fff;
				display: block;
				line-height: 1;
				margin: 10px auto;
				padding: 20px 0;
				width: 80%;
			}
			#zeikin_il-dl_lead button,
			#zeikin_ildl_tos_checker_p button {
				background: #333;
				display: block;
				cursor: pointer;
			}
				#zeikin_il-dl_lead button:hover,
				#zeikin_ildl_tos_checker_p button:hover {
					background: #555;
				}
			#zeikin_ildl_tos_checker_p .no {
				background: #777;
			}
	/* MAIN V */
	#zeikin_il-dl_mainV {
		/* background: rgba(200, 200, 150, .4); CHK */
		background: url("/content/images/zeikindekattahon/il_dl/il_dl_img/bg_softlight.png");
		background-size: 50%;
		display: block;
		height: 400px;
		margin: 100px 0;
		position: relative;
		width: 100%;
	}
		#zeikin_il-dl_mainV img {
			height: auto;
			left: 50%;
			max-width: 600px;
			position: absolute;
			top: 50%;
				-webkit-transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				-o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			width: 95%;
		}
	/* LEAD */
	#zeikin_il-dl_lead {
		border: 1px solid #ccc;
		border-radius: 10px;
		text-align: center;
		font-size: 20px;
		font-size: 2rem;
		font-weight: bold;
		margin: 5% auto;
		max-width: 960px;
		padding: 3%;
		width: 84%;
	}

/* IL DL */
	#zeikin_il-dl_illust {
		/* background: rgba(200,200,250,.5); CHK */
	}
		#zeikin_il-dl_illust h2 {
			background: #febd03;
			height: auto;
			padding: 20px 0;
			text-align: center;
		}
			#zeikin_il-dl_illust h2 img {
				display: block;
				height: auto;
				margin: 0 auto;
				max-width: 600px;
				width: 90%;
			}
		#zeikin_il-dl_illust_UL {
			background: #febd03;
			font-size: 0;
			padding: 0 5%;
			margin: 0 auto;
			text-align: center;
			width: 90%;
		}
		#zeikin_il-dl_illust_UL.whtbg {
			background: #fff;
			margin: 20px auto 0;
		}
			#zeikin_il-dl_illust_UL li {
				/* background: rgba(250,100,100,.5); CHK */
				display: inline-block;
				margin: 1%;
				width: 10.5%;
			}
				#zeikin_il-dl_illust_UL li a {
					display: block;
				}
				#zeikin_il-dl_illust_UL li a.btn {
					border: 1px solid #ccc;
				}
					.zeikin_il-dl_dlbtn_mini,
	.zeikin_il-dl_dlbtn,
					.remodal-cancel {
						border-radius: 100px;
						color: #fff;
						display: block;
						font-weight: bold;
						line-height: 1;
						margin: 5px auto;
						max-width: 280px;
						text-align: center;
}
	.zeikin_il-dl_dlbtn2_mini,
					.zeikin_il-dl_dlbtn2 {
						border-radius: 100px;
						color: #fff;
						display: block;
						font-weight: bold;
						line-height: 1;
						margin: 5px auto;
						max-width: 280px;
						text-align: center;
}
					.zeikin_il-dl_dlbtn_mini {
						background: #e8705f;
						font-size: 14px;
						font-size: 1.4rem;
						padding: 5px 0;
					}
					.zeikin_il-dl_dlbtn {
						background: #e8705f;
						font-size: 20px;
						font-size: 2rem;
						padding: 20px 0;
}
					.zeikin_il-dl_dlbtn2_mini {
						background: #0000cd;
						font-size: 14px;
						font-size: 1.4rem;
						padding: 5px 0;
					}
					.zeikin_il-dl_dlbtn2 {
						background: #0000cd;
						font-size: 20px;
						font-size: 2rem;
						padding: 20px 0;
					}
						.zeikin_il-dl_dlbtn i {
							margin: 0 0 0 4px;
}
						.zeikin_il-dl_dlbtn2 i {
							margin: 0 0 0 4px;
						}
					.remodal-cancel {
						background: #b3b3b3;
						font-size: 14px;
						font-size: 1.4rem;
						margin: 15px auto 0; 
						padding: 10px 0;
					}
					.remodal-cancel:hover {
						background: #c3c3c3;
					}

/* DL PAGE */
	#zeikin_il-dl_page {
		/* background: rgba(255,255,255,.85); CHK */
		height: 100vh;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100vw;
	}
		#zeikin_il-dl_page_inr {
			/* background: rgba(100,200,200,.4); CHK */
			display: block;
			height: auto;
			left: 50%;
			margin: 0 auto;
			max-width: 400px;
			position: absolute;
			top: 50%;
				-webkit-transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				-o-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			width: 50%;
		}
			#zeikin_il-dl_page_inr h1 {
				font-size: 12px;
				font-size: 1.2rem;
				line-height: 1;
				margin: 0 0 10px;
				text-align: center;
			}
			#zeikin_il-dl_page_inr figure {
			}
			#zeikin_il-dl_page_inr figure img {
				border: 1px solid #ccc;
				display: block;
				height: auto;
				width: 100%;
			}
			.backtolist{
				background: #fff;
				border-radius: 10px;
				display: block;
				font-size: 14px;
				font-size: 1.4rem;
				text-align: center;
			}
				.backtolist i {
					margin: 0 4px 0 0;
				}

/* CONTETS SECTION */
	#zeikin_il-dl_ctssection {
		background: url("/content/images/zeikindekattahon/il_dl/il_dl_img/bg_softlight.png");
		background-size: 50%;
		display: block;
		margin: 100px 0 100px;
		padding: 5% 0;
		position: relative;
		text-align: center;
		width: 100%;
	}
		#zeikin_il-dl_cts_info h2 {
			display: block;
			height: auto;
			left: 50%;
			position: absolute;
			top: -50px;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 150px;
		}
		#zeikin_il-dl_cts_info figure {
			display: block;
			height: auto;
			line-height: 1;
			margin: 60px auto 0;
			max-width: 480px;
			padding: 0;
			widht: 80%;
		}
		#zeikin_il-dl_cts_info a {
			background: #fff;
			border-radius: 100px;
			color: #000;
			display: block;
			font-size: 22px;
			font-size: 2.2rem;
			font-weight: bold;
			line-height: 1;
			margin: 5px auto 50px;
			max-width: 480px;
			padding: 20px 0;
			widht: 80%;
		}
	#zeikin_il-dl_kc_info {

	}
		#zeikin_il-dl_kc_info h2 {
			background: #febd03;
			display: block;
			height: 80px;
			position: relative;
			width: 100%;
		}
			#zeikin_il-dl_kc_info h2 img {
				position: absolute;
				height: auto;
				left: 50%;
				max-width: 95%;
				margin: 0 auto 50px;
				position: absolute;
				top: -30px;
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
				transform: translateX(-50%);
				width: 600px;
			}
		#zeikin_il-dl_kc_info ul {
			font-size: 0;
			margin: 20px auto;
			max-width: 800px;
			padding: 0;
			width: 95%;
		}
			#zeikin_il-dl_kc_info ul li {
				display: inline-block;
				margin: 2%;
				width: 21%;
				vertical-align: top;
			}
				#zeikin_il-dl_kc_info .open_in_CP,
				#zeikin_il-dl_kc_info .open_in_CD {
					background: #fff;
					border-radius: 50px;
					color: #000;
					display: block;
					line-height: 1;
					margin: 10px 0 0;
					font-size: 13px;
					font-size: 1.3rem;
					font-weight: bold;
					padding: 8px 0;
				}




@media screen and (max-width: 1024px) {
			#zeikin_il-dl_illust_UL li {
				width: 16%;
			}
}/*1024*/
@media screen and (max-width: 960px) {
	#zeikin_il-dl_mainV {
		margin: 80px 0;
	}
			#zeikin_il-dl_lead {
				text-align: left;
			}
}/*960*/
@media screen and (max-width: 720px) {
			#zeikin_il-dl_illust_UL li {
				width: 28%;
			}
			#zeikin_il-dl_kc_info ul li {
				width: 46%;
			}
}/*720*/
@media screen and (max-width: 640px) {
	#zeikin_il-dl_mainV {
		margin: 50px 0;
	}
			#zeikin_il-dl_lead {
				font-size: 16px;
				font-size: 1.6rem;
			}
		#zeikin_il-dl_kc_info h2 {
			height: 80px;
		}
			#zeikin_il-dl_kc_info h2 img {
				top: 50%;
					-webkit-transform: translate(-50%,-50%);
					-moz-transform: translate(-50%,-50%);
					-ms-transform: translate(-50%,-50%);
					-o-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
			}
}/*640*/
@media screen and (max-width: 360px) {
			#zeikin_il-dl_illust_UL li {
				width: 43%;
			}
}/*360*/