@charset "utf-8";

	/*--------------------------------------
		I n d e x
	--------------------------------------*/
	#wrpFooter { padding:0.5em 0; }
	#wrpFooter .bnrArea {
			width:1064px;
			margin:auto;
			margin-bottom: 0.5em;
		}
			#wrpFooter .bnrArea a{
				min-width:300px;
				min-height:100px;
				display:inline-block;
				margin:0.5em 76px 0.5em 0;
				text-decoration:none;
			}
				#wrpFooter .bnrArea a:nth-child(3),
				#wrpFooter .bnrArea a:nth-child(6),
				#wrpFooter .bnrArea a:nth-child(9),
				#wrpFooter .bnrArea a:nth-child(12),
				#wrpFooter .bnrArea a:nth-child(15),
				#wrpFooter .bnrArea a:nth-child(18),
				#wrpFooter .bnrArea a:nth-child(21),
				#wrpFooter .bnrArea a:nth-child(24),
				#wrpFooter .bnrArea a:nth-child(27),
				#wrpFooter .bnrArea a:nth-child(30),
				#wrpFooter .bnrArea a:nth-child(33),
				#wrpFooter .bnrArea a:nth-child(36),
				#wrpFooter .bnrArea a:nth-child(39){
					margin-right:0;
				}
	
	#omimai { width:1061px; margin:15px auto 10px auto; border:solid #000000 1px; padding:5px 20px; }
	
	
	#mainContents { height:551px; }
	
	
		#mainContents > div {
			position:absolute;
			left:0;
			top:0;
		}
	
	#comic3 {
		width:1061px;
		margin:1em auto;
	}
		#mainContents > div,
		#comic3 > div {
			height:551px;
		}
			#comic3 > div { height:200px; border:5px solid #000; border-radius:20px; }
			#mainContents .leftCrm,
			#comic3 .leftCrm {
				width:401px;
			}
			
			#mainContents .centerCrm,
			#comic3 .centerCrm {
				width:348px;
				margin-left:10px;
			}
			
			#mainContents .rightCrm,
			#comic3 .rightCrm {
				width:291px;
			}
		
	
	/* mainContents
	++++++++++++++++++++++++++++++++++++++++++++++++++ */
		/* left--------------------- */
		#mainContents .leftCrm > div {
			text-align:center;
		}
		#mainContents .leftCrm .channel {
			height:315px;
			background:url(../image/index/fixParts/bgChannel.jpg) no-repeat center;
		}
			#mainContents .leftCrm .channel img {
				top:14px;
				max-width:352px;
			}
		#mainContents .leftCrm .digiVar {
	height: 109px;
	background: url(../image/index/fixParts/skytree.png) no-repeat center;
	margin: 9px 0;
		}
			#mainContents .leftCrm .digiVar img {
				top:15px;
				max-width:370px;
			}
		
		#mainContents .leftCrm .coroposting {
	margin-top: 8px;
	height: 109px;
	background: url(../image/index/fixParts/coroPosting.png) no-repeat center;
		}
			#mainContents .leftCrm .coroposting img {
				top:10px;
				max-width:381px;
			}
			
			#mainContents .leftCrm .coroshop {
	margin-top: 8px;
	height: 109px;
	background: url(../image/index/fixParts/plemiershop.png) no-repeat center;
		}
			#mainContents .leftCrm .coroshop img {
				top:10px;
				max-width:381px;
			}
			
			#mainContents .leftCrm .coroshop2 {
	margin-top: 8px;
	height: 109px;
	background: url(../image/index/fixParts/plemiershop2.png) no-repeat center;
		}
			#mainContents .leftCrm .coroshop2 img {
				top:10px;
				max-width:381px;
			}
		
		/* center--------------------- */
		#mainContents .centerCrm {
			left:401px;
			text-align:center;
			background:url(../image/index/fixParts/bgSaleNow.jpg) no-repeat center;
		}
			#mainContents .centerCrm .txtSaleNow { top:21px; width:312px; height:57px; }
			#mainContents .centerCrm .bookImg { top:31px; width:262px; height:383px; }
			#mainContents .centerCrm .btnMidokoro { top:43px; width:275px; height:46px; display:inline-block; }
		
		/* right--------------------- */
		#mainContents .rightCrm { right:0; left:inherit; }
		
		#mainContents .rightCrm .tachiyomiNext{
			text-align:center;
			background:url(../image/index/fixParts/bgTachiyomiYokoku.jpg) no-repeat center;
			height:261px;
			margin-bottom:5px;
		}
			#mainContents .rightCrm .tachiyomiNext > a{
				display:inline-block;
			}
			#mainContents .rightCrm .btnTachiyomi{ top:36px; }
				#mainContents .rightCrm .btnTachiyomi img { max-width:242px; }
			#mainContents .rightCrm .btnYokoku{ top:95px; }
				#mainContents .rightCrm .btnYokoku img { max-width:221px; }
			
		
		#mainContents .rightCrm .info{
			text-align:center;
			background:url(../image/index/fixParts/bgOsirase.jpg) no-repeat center;
			height:280px;
		}
			#mainContents .rightCrm .info .txtArea{
				margin:auto;
				overflow-y:scroll;
				text-wrap:normal;
				width:217px;
				height:163px;
				top:38px;
			}
				#mainContents .rightCrm .info .txtArea ul,
				#mainContents .rightCrm .info .txtArea li {
					display:inline-block;
					font-size:small;
				}
					#mainContents .rightCrm .info .txtArea li {
						margin-bottom:5px;
						padding-left:27px;
						text-indent:-21px;
						padding-right: 5px;
					}
					#mainContents .rightCrm .info .txtArea li:before{
						margin:0 2px 0 0;
						content:" ";
						display:inline-block;
						width:20px;
						height:15px;
						background:url(../image/index/fixParts/allow_yellow.gif) no-repeat; 
						background-size:contain;
						vertical-align:middle;
					}
					
					#mainContents .rightCrm .info > img {
						top:15px;
					}
				
					
			#mainContents .rightCrm .info03{
			text-align:center;
			background:url(../image/index/fixParts/bgOsirase03.jpg) no-repeat center;
			height:280px;
		}
		
		#mainContents .rightCrm .info03 p{
			text-align:center;
			font-size:150%;
			font-weight:bold;
			top:22px;
			left:24px;
			width: 250px;
		}
		
			#mainContents .rightCrm .info03 .txtArea{
				margin:auto;
				overflow-y:scroll;
				text-wrap:normal;
				width:217px;
				height:163px;
				top:46px;
			}
				#mainContents .rightCrm .info03 .txtArea ul,
				#mainContents .rightCrm .info03 .txtArea li {
					display:inline-block;
					font-size:small;
				}
					#mainContents .rightCrm .info03 .txtArea li {
						margin-bottom:5px;
						padding-left:0;
						text-indent:-21px;
						padding-right: 5px;
					}
					#mainContents .rightCrm .info03 .txtArea li:before{
						margin:0 2px 0 0;
						content:" ";
						display:inline-block;
						width:20px;
						height:15px;
						background-size:contain;
						vertical-align:middle;
					}
					
			.aniki_area{ margin-left:13px !important; }
					
		#mainContents .rightCrm .info02{
	margin-bottom: 10px;
	text-align: center;
	background: url(../image/index/fixParts/bgOsirase02.jpg) no-repeat center;
	height: 173px;
		}
		
		#mainContents .rightCrm .recruitment{
	text-align: center;
	background: url(../image/index/fixParts/recruitmentbg.png) no-repeat center;
	height: 99px;
		}
		
		#mainContents .rightCrm .corotour{margin-top: 11px;}
	
	/* comic3
	++++++++++++++++++++++++++++++++++++++++++++++++++ */
		#comic3 > div { text-align:center; display:inline-block; float:left; }
			#comic3 > div > a { display:inline-block; top:10px; }
				#comic3 img { display:block; } 
		#comic3 .leftCrm { background:url(../image/index/fixParts/bgGreen.gif); }
			#comic3 .leftCrm img { max-width:354px; }
		#comic3 .centerCrm { background:url(../image/index/fixParts/bgOrange.gif); }
			#comic3 .centerCrm img { max-width:319px; }
		#comic3 .rightCrm { background:url(../image/index/fixParts/bgBlue.gif); float:right; }
			#comic3 .rightCrm img { max-width:256px; }
		
		.comic_kyoudaishi { width:345px !important; }
		.comic_kyoudaishi img{ max-width:306px !important; }
	
	#mainBnrs {
		width:1061px;
		margin:auto;
	}
		#mainBnrs > a {
			display:inline-block;
			margin-right:13px;
		}
			#mainBnrs > a:last-child {
				margin-right:auto;
			}
		
		#mainBnrs . { max-width:345px; }
		#mainBnrs .bnrs345 { max-width:345px; }
		#mainBnrs .bnrs524 { max-width:524px; }
	
	#YTB {
			min-width:353px;
			min-height:214px;
			position:absolute;
			left: 23px;
			top: 75px;
		}
			#YTB iframe { display:block; }
			
/*-------------------------------
 for splash movie
---------------------------------*/
#Splash {
	display: none;
	position: absolute;
	width: 100% !important;
	background: url(../image/index/splash/splashBG.png);
	left: 0;
	top: 0;
	z-index: 1000;
}
#SplashContents {
	width: 768px;
	margin: auto;
	position: relative;
	z-index: 5;
}
#SplashClose {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
}
#Splash .tgtBlk {
	display: block;
	width: 768px;
	height: 453px;
	position: relative;
	margin: auto;
	text-align: center;
}
#Splash ._btnClose {
	width: 768px;
	height: 65px;
	text-align: right;
	margin: 30px auto 0 auto;
}



@media screen and (max-width: 640px) {
	/*--------------------------------------
		S P mode
	+++++++++++++++++++++++++++++++++++++++++
	--------------------------------------*/
	
	/*--------------------------------------
		m a i n C o n t e n t s
	--------------------------------------*/
	
	#wrpFooter .bnrArea {
		width: 93%;
		text-align: left;
		margin: 0 auto;
		margin-bottom: 0.5em; }
		#wrpFooter .bnrArea a{ margin:1em auto; }
	
	#omimai { width:100%; margin:15px auto 10px auto; border:solid #000000 1px; padding:20px; }
	
	#mainContents { height:auto; }
	
	#comic3,#mainBnrs {
		width:100%;
		margin:auto;
	}
	
	#mainContents > div { position:relative; }
	
	#mainContents > div > div {
		background-size:contain !important;
	}
	
	#mainContents a img {
		width:90%;
	}
		
	#mainContents > div, #comic3 > div{
		width:100% !important;
		margin:auto;
		text-align:center;
		float:none;
		background-size:contain;
		height:auto;
	}
	
	#mainContents .leftCrm,
	#mainContents .centerCrm,
	#mainContents .rightCrm {
		left:inherit;
		right:inherit;
	}
	.recruitment img{
		width:100% !important;
		margin:auto;
		float:none;
		background-size:contain;
		height:auto;
		}
	/* left--------------------- */
	
	#mainContents .leftCrm .channel {
		height:239px;
	}
	
	#mainContents .leftCrm .digiVar {
		height:83px;
		margin:auto;
	}
		#mainContents .leftCrm .digiVar img {
			top:17px;
		}
	
	#mainContents .leftCrm .coroposting {
		height:83px;
	}
		#mainContents .leftCrm .coroposting img {
			top:11px;
		}
		
		#mainContents .leftCrm .coroshop{
		height:83px;
	}
		#mainContents .leftCrm .coroshop img {
			top:11px;
		}
		
		#mainContents .leftCrm .coroshop2{
		height:83px;
	}
		#mainContents .leftCrm .coroshop2 img {
			top:11px;
		}
	
	
	/* center--------------------- */
	
	#mainContents .centerCrm, #comic3 .centerCrm {
		margin-left:0;
	}
	
	#mainContents .centerCrm {
		margin:auto;
		background-size:contain !important;
		height: 470px;
	}
		#mainContents .centerCrm .txtSaleNow {
			width:85%;
			height:auto;
			top: 15px !important;
		}
		#mainContents .centerCrm .bookImg {
			width:78%;
			height:auto;
			top: 22px !important;
		}
		#mainContents .centerCrm .btnMidokoro {
			top: 30px;
			text-align: center;
		}
			#mainContents .centerCrm .btnMidokoro img {
				width:90%;
			}
		
		
		#mainContents .rightCrm .tachiyomiNext {
			height:273px;
		}
		#mainContents .rightCrm .info {
			height:293px;
		}
			#mainContents .rightCrm .info .txtArea {
				left:-5px;
				width:228px;
				top:41px;
			}
		
		.aniki_area{ margin-left:0 !important; }
		
		#comic3 .centerCrm img,#comic3 div img {
			width:95%;
		}
		#comic3 > div > a {
			top:0;
			padding:0.8em;
		}
	
	/* right--------------------- */
	
	#mainContents .rightCrm .info > img {
		top:20px;
	}
		
	#mainBnrs > a {
		margin-right:auto;
	}
		#mainBnrs > a > img {
			width:100%;
		}
		#mainContents .rightCrm .recruitment{
			height:102px;
		margin:auto;
		}
	#mainContents .rightCrm .info02{ display:none; }
	
	#returnTop {
		text-align: right;
		padding: 0.8em 0.2em 0.8em 0;
	}
	
	#mainContents .leftCrm > div,
	#mainContents .centerCrm,
	#mainContents .rightCrm > div,
	#comic3 > div,
	#mainBnrs > a {
		margin-bottom:5px !important;
	}
	
	#wrpFooter .bnrArea a {
		margin:0.2em auto;
		max-width: 47%;
		min-width: 47%;
		min-height: 47%;
		display: inline-block;
		text-decoration: none;
	}
	
	#wrpFooter .bnrArea img {
		width:100%;
	}
	
#YTB {
			min-width:100%;
			min-height:0;
			height:160px;
			overflow:hidden;
			top:11%;
			left:auto;
			position:relative;
			background:none;
			padding: 0 8%;
		}
			#YTB iframe {
				width:100%;
				height:auto;
			}
			.corotour{ min-width:100%; height:auto;}
			.corotour img{ width:100% !important}
/*-------------------------------
 for splash movie
---------------------------------*/
#Splash {
	display: none;
	background: url();
	z-index: -99999;
}
#SplashContents {
	display: none;
	z-index: -99999;
}
#SplashClose {
	display: none;
	z-index: -99999;
}
#Splash .tgtBlk {
	display: none;
	z-index: -99999;
}
#Splash ._btnClose {
	display: none;
	z-index: -99999;
}


}