@charset "UTF-8";

/* cfix
----------------------------------------------- */

	.cfix{
		height:inherit;
		margin:auto;
		zoom:1;
	}

	.cfix:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	/*mac\*/
	
	*html .cfix{ height:1%;}
	
	.cfix{ display:block;}
	
	
	
/* class
----------------------------------------------- */
	a.btn{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}
	.hide{ display:block;  text-indent: 200%; white-space: nowrap;overflow: hidden;height:inherit;}



.cssAnim{
	-moz-transition: -moz-all 200ms ease-in-out;
    -webkit-transition: -webkit-all 200ms ease-in-out;
    -o-transition: -o-all 200ms ease-in-out;
    -ms-transition: -ms-all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	
}
.share li{ line-height:0 !important; padding:0 !important;}

.share li.fb{ }
.share li.tw{}
.share li.gp{}
.share li.line{ }

 


.frameHover { position:relative;}
.frameHover img{ }
.frameHover .frame{ display:block; border:solid 0px #f30; opacity:1; position:absolute; top:0; left:0; z-index:20; width:100%; height:100%;box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}


	
.pageTop{ display:none; position:fixed; bottom:0; right:0; z-index:20; width:160px; height:160px; background:url(../../img/common/btn_pagetop_bg.png) no-repeat;}
	.pageTop .arrow{ display:block; position:absolute; top:80px;z-index:21; right:24px; width:24px; height:22px; background:url(../../img/common/btn_pagetop_arrow.png) no-repeat;}
	.pageTop img{ position:relative; z-index:22;}
	.pageTop area{ position:relative; z-index:25;}
	
.fixCenterMessage{ width:600px; height:250px; padding:50px; text-align:center; position:absolute; top:50%; left:50%; margin:-200px 0 0 -350px; border:solid 1px #ccc; background-color:#fff;}

.fixCenterMessage h1{ text-align:center; margin-bottom:20px;}

.fixCenterMessage p{ margin-bottom:15px;}



	body.modeRed .linkList .buy a 	 { background:url(../../img/common/icon/buy/red.png) 20px center no-repeat}
	body.modeOrange .linkList .buy a { background:url(../../img/common/icon/buy/orange.png) 20px center no-repeat}
	body.modeYellow .linkList .buy a { background:url(../../img/common/icon/buy/yellow.png) 20px center no-repeat}
	body.modeGreen .linkList .buy a  { background:url(../../img/common/icon/buy/green.png) 20px center no-repeat}
	body.modeSky .linkList .buy a 	 { background:url(../../img/common/icon/buy/sky.png) 20px center no-repeat}
	body.modeBlue .linkList .buy a 	 { background:url(../../img/common/icon/buy/blue.png) 20px center no-repeat}
	body.modePurple .linkList .buy a { background:url(../../img/common/icon/buy/purple.png) 20px center no-repeat}
	
	.linkList .buy a.cssAnim:hover{ background:url(../../img/common/icon/buy/white.png) 20px center no-repeat !important; color:#fff !important;}
	#comicsArea .linkList .buy a.cssAnim:hover{ background-image:url(../../img/common/icon/buy/white.png) !important;background-size:22px 22px !important; color:#fff !important;}
	
	
	body.modeRed .linkList .sample a 	 { background:url(../../img/common/icon/sample/red.png) 20px center no-repeat}
	body.modeOrange .linkList .sample a  { background:url(../../img/common/icon/sample/orange.png) 20px center no-repeat}
	body.modeYellow .linkList .sample a  { background:url(../../img/common/icon/sample/yellow.png) 20px center no-repeat}
	body.modeGreen .linkList .sample a   { background:url(../../img/common/icon/sample/green.png) 20px center no-repeat}
	body.modeSky .linkList .sample a 	 { background:url(../../img/common/icon/sample/sky.png) 20px center no-repeat}
	body.modeBlue .linkList .sample a 	 { background:url(../../img/common/icon/sample/blue.png) 20px center no-repeat}
	body.modePurple .linkList .sample a  { background:url(../../img/common/icon/sample/purple.png) 20px center no-repeat}
	
	.linkList .sample a.cssAnim:hover{ background:url(../../img/common/icon/sample/white.png) 20px center no-repeat !important; color:#fff !important;}
	#comicsArea .sample a.cssAnim:hover{ background-image:url(../../img/common/icon/sample/white.png) !important;background-size:22px 22px !important; color:#fff !important;}
	


/* #main
----------------------------------------------- */


	body.modeRed .logo,
	body.modeRed #contentsWrap .logo	{ background:url(../../img/common/logo/red.png) no-repeat !important; background-size:contain !important;}
	body.modeOrange .logo,
	body.modeOrange #contentsWrap .logo	{ background:url(../../img/common/logo/orange.png) no-repeat !important; background-size:contain !important;}
	body.modeYellow .logo,
	body.modeYellow #contentsWrap .logo	{ background:url(../../img/common/logo/yellow.png) no-repeat !important; background-size:contain !important;}
	body.modeGreen .logo,
	body.modeGreen #contentsWrap .logo	{ background:url(../../img/common/logo/green.png) no-repeat !important; background-size:contain !important;}
	body.modeSky .logo,
	body.modeSky #contentsWrap .logo	{ background:url(../../img/common/logo/sky.png) no-repeat !important; background-size:contain !important;}
	body.modeBlue .logo,
	body.modeBlue #contentsWrap .logo	{ background:url(../../img/common/logo/blue.png) no-repeat !important; background-size:contain !important;}
	body.modePurple .logo,
	body.modePurple #contentsWrap .logo	{ background:url(../../img/common/logo/purple.png) no-repeat !important; background-size:contain !important;}




/* section inner
----------------------------------------------- */
.section 				{ width:100%; position:relative;}
.section .innerBase		{ width:980px; margin:auto; position:relative;}





/* pageHeader
----------------------------------------------- */
#pageHeader{ padding-top:60px;}
#pageHeader h2.logo{width:260px; height:85px; margin-bottom:40px;}

#pageHeader h3.comicTitle{ margin-bottom:0px; font-size:5em; line-height:1.6em;}

#pageHeader h3.comicTitle small{ font-size:0.5em;}


/* contentsWrap
----------------------------------------------- */
#contentsWrap{ padding-top:20px;padding-bottom:40px;}
	
#contentsWrap h2.logo{width:260px; height:85px; margin-bottom:40px;}

#contentsWrap ul.shareApi{ overflow:hidden;}
#contentsWrap ul.shareApi li{ margin-bottom:10px; width:49%; height:80px;  position:relative;}



#contentsWrap ul.snsLink{ overflow:hidden;}


#contentsWrap ul.snsLink li{ margin-bottom:10px; width:49%;   position:relative;
font-size:2em;
	text-align:center;
	
	color:#fff !important;
	display:block;
	height:80px;
	overflow:hidden;
	}


#contentsWrap ul.snsLink li a{ display:block; width:100%;  height:60px; color:#fff !important;
	-moz-transition: -moz-all 200ms ease-in-out;
    -webkit-transition: -webkit-all 200ms ease-in-out;
    -o-transition: -o-all 200ms ease-in-out;
    -ms-transition: -ms-all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	text-decoration:none;
	padding-top:30px;
}

#contentsWrap ul.snsLink li a:hover{ background-color:#000;}

#contentsWrap ul.snsLink li.nolink{ background-color:#ccc !important; opacity:.5;}

#contentsWrap ul.snsLink li.nolink a{ cursor:default;}
#contentsWrap ul.snsLink li.nolink a:hover{ background-color:transparent;}
 
#contentsWrap ul.snsLink li.fb { background-color:#3c599f; float:left;}
#contentsWrap ul.snsLink li.tw { background-color:#2ca7e0; float:right;}





	
	@media screen and (max-width: 1040px) {
		
		#contentsWrap ul.shareApi li{ margin-bottom:10px; width:100%;}
	}

	.middle #contentsWrap ul.shareApi li,
	.sp #contentsWrap ul.shareApi li{ margin-bottom:10px; width:100%;}

#contentsWrap ul.shareApi li.fb{ float:left;}
#contentsWrap ul.shareApi li.tw{float:right;}
#contentsWrap ul.shareApi li a{ display:block; width:100%;  height:80px;
	-moz-transition: -moz-all 200ms ease-in-out;
    -webkit-transition: -webkit-all 200ms ease-in-out;
    -o-transition: -o-all 200ms ease-in-out;
    -ms-transition: -ms-all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
 
#contentsWrap ul.shareApi li.fb a{ background:url(../../img/share/fb_area.png) left center no-repeat;background-color:#3c599f;}
#contentsWrap ul.shareApi li.tw a{ background:url(../../img/share/tw_area.png) left center no-repeat;background-color:#2ca7e0; }

#contentsWrap ul.shareApi li.fb a:hover{ background:url(../../img/share/fb_area.png) no-repeat;background-color:#000; }
#contentsWrap ul.shareApi li.tw a:hover{ background:url(../../img/share/tw_area.png) no-repeat;background-color:#000; }


#contentsWrap ul.shareApi li .sub{ position:absolute; top:25px; right:40px; width:200px; height:32px;}

#contentsWrap ul.shareApi li .sub .count{ text-align:right; display:block; line-height:10px; vertical-align:bottom;}
#contentsWrap ul.shareApi li .sub .count img{  margin-right:2px; height:32px; width:auto;}



#contentsWrap .backTop{ margin-bottom:160px;}
#contentsWrap .backTop a{ display:block; height:100px; background-color:#818181; text-align:center; font-size:2.2em; line-height:100px; color:#fff !important; text-decoration:none;}
#contentsWrap .backTop a:hover{ background-color:#000;}
#contentsWrap .backTop a span{ display:inline-block;  padding-left:60px; margin:auto;background:url(../../img/common/btn_back_toppage.png) left center no-repeat }












/* comicsDetail
----------------------------------------------- */








#detailVisual{ width:100%; max-width:1280px; height:400px; margin:auto; background-color:#fff; margin-bottom:0px;}
  
      
#contentsWrap.comicsDetail .author{ margin-bottom:20px; font-size:3.2em; text-align:right; line-height:1.6em;}

#contentsWrap.comicsDetail .author small{ font-size:0.7em;}

#contentsWrap.comicsDetail .description{ margin-bottom:40px; font-size:2.4em; line-height:1.8em;}
#contentsWrap.comicsDetail .linkList{}
#contentsWrap.comicsDetail .linkList{}
    
	
#contentsWrap.comicsDetail .linkList{ overflow:hidden;}
#contentsWrap.comicsDetail .linkList .link{ margin-bottom:40px; width:49%; height:80px;  position:relative; background-color:#fff;}

	
	@media screen and (max-width: 1040px) {
		#contentsWrap.comicsDetail .linkList { margin-bottom:40px;}
		#contentsWrap.comicsDetail .linkList .link{ margin-bottom:10px; width:100%;}
	}
	
	.middle #contentsWrap.comicsDetail .linkList .link,
	.sp #contentsWrap.comicsDetail .linkList .link{ margin-bottom:10px; width:100%;}
	
	
#contentsWrap.comicsDetail .linkList .sample{ float:left;}
#contentsWrap.comicsDetail .linkList .buy{float:right;}
#contentsWrap.comicsDetail .linkList .link a{ display:block; width:100%;  height:80px;
	-moz-transition: -moz-all 200ms ease-in-out;
    -webkit-transition: -webkit-all 200ms ease-in-out;
    -o-transition: -o-all 200ms ease-in-out;
    -ms-transition: -ms-all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	background-color:#000;
	line-height:80px;
	font-size:1.7em;
	text-decoration:none;
}




#contentsWrap.comicsDetail .linkList .link a .arrowR hr{ border:0; border-top:solid 2px; height:1px; margin:0; padding:0;}

	#contentsWrap.comicsDetail .linkList .link a .arrowR hr:nth-of-type(1){ position:absolute; top:50%; margin-top:-12px; right:60px; width:35px; transform: rotate(45deg);}
	#contentsWrap.comicsDetail .linkList .link a .arrowR hr:nth-of-type(2){ position:absolute; top:50%; margin-top:12px; right:60px; width:35px; transform: rotate(-45deg);}
	#contentsWrap.comicsDetail .linkList .link a:hover .arrowR hr{ border-color:#fff !important;}

	

#contentsWrap.comicsDetail .linkList .sample a{ text-indent:67px;}
#contentsWrap.comicsDetail .linkList .buy a{ text-indent:70px;}

#contentsWrap.comicsDetail .linkList .link a.nolink{ opacity:0.2;}

#contentsWrap.comicsDetail .linkList .comicsNew{ width:100% !important; height:330px !important; margin-bottom:2% !important;}
#contentsWrap.comicsDetail .linkList .comicsNew a{ height:330px;  vertical-align:middle;}
#contentsWrap.comicsDetail .linkList .comicsNew a span.text{display:table-cell;  vertical-align:middle; font-size:1.4em;line-height:1.5em; padding-left:260px;  height:330px !important;}
#contentsWrap.comicsDetail .linkList .comicsNew a span.text small{ font-size:70%;}

#contentsWrap.comicsDetail .linkList .comicsNew a:hover span.text{ color:#fff !important;}

#contentsWrap.comicsDetail .linkList .comicsNew .frontpage{ position:absolute; top:30px; left:30px; width:190px; height:270px;}
#contentsWrap.comicsDetail .linkList .comicsNew .frontpage img{ width:100%; height:auto;}

 
#contentsWrap.comicsDetail .exBanner{ overflow:hidden; margin-bottom:40px; display:table; width:100%;}

#contentsWrap.comicsDetail .exBanner ul{ overflow:hidden; width:100%;}
#contentsWrap.comicsDetail .exBanner ul li{ width:49%; margin:0 0 1% 0; display:block;}

#contentsWrap.comicsDetail .exBanner ul li img{ width:100%; height:auto;}

#contentsWrap.comicsDetail .exBanner ul li.list1,
#contentsWrap.comicsDetail .exBanner ul li.list3{ float:left;}

#contentsWrap.comicsDetail .exBanner ul li.list2,
#contentsWrap.comicsDetail .exBanner ul li.list3{ float:right !important;}


#contentsWrap.comicsDetail .exLinks{ margin-bottom:40px; width:100%;}
#contentsWrap.comicsDetail .exLinks a{ display:block; text-align:center; background-color:#000; padding:20px 0; font-size:1.4em; text-decoration:none;}
#contentsWrap.comicsDetail .exLinks a:hover{ color:#fff !important;}


/* award
----------------------------------------------- */



#contentsWrap.awardDetail .rank{ margin-bottom:40px;}

#contentsWrap.awardDetail #nowJudge{ font-size:1.8em; line-height:1.8em; text-align:center; margin-bottom:30px;}


#contentsWrap.awardDetail .schedule{ margin-bottom:40px; overflow:hidden;}

#contentsWrap.awardDetail .schedule dl{ height:182px; width:50%; position:relative; float:left;}
#contentsWrap.awardDetail .schedule dl dt{ width:182px; height:182px; background-color:#26ff4f; border-radius:91px; position:absolute; top:0; left:0; color:#000;}
#contentsWrap.awardDetail .schedule dl dt span{width:182px; height:182px; text-align:center; display:table-cell; vertical-align:middle; font-size:2.8em; line-height:1.4em;}
#contentsWrap.awardDetail .schedule dl dd{ padding-left:200px; height:182px; display:table-cell; vertical-align:middle;font-size:1.4em; line-height:1.4em;}

#contentsWrap.awardDetail .schedule dl dd h3{font-size:1.4em; line-height:1.6em;}

	@media screen and (max-width: 1040px) {
		#contentsWrap.awardDetail .schedule dl{ width:100%; float:none; margin-bottom:20px;}
	}
	

/*#contentsWrap.awardDetail .reviewer{ padding:10px; height:154px; margin-bottom:40px; background-color:#000; position:relative;}
#contentsWrap.awardDetail .reviewer .thumb{ position:absolute; top:10px; left:10px;}
#contentsWrap.awardDetail .reviewer .text{ padding-left:650px; height:154px; display:table-cell;vertical-align:middle;}
#contentsWrap.awardDetail .reviewer .text .inner{ vertical-align:middle; display:inline-block; color:#ffde00;}
#contentsWrap.awardDetail .reviewer .text .no{ display:block; font-size:2.4em; line-height:2.2em;}
#contentsWrap.awardDetail .reviewer .text .name{ display:block; font-size:2.4em;line-height:1.5em;}
#contentsWrap.awardDetail .reviewer .text .name em{font-size:1.5em; font-style:normal;}

        
	@media screen and (max-width: 1300px) {
		#contentsWrap.awardDetail .reviewer{ height:auto;}
		#contentsWrap.awardDetail .reviewer .thumb{ position:relative; top:0; left:0; width:100%; height:auto;}
		#contentsWrap.awardDetail .reviewer .thumb img{ width:100%; height:auto;}
		#contentsWrap.awardDetail .reviewer .text{ padding:0px 0 0px 0; height:auto; display:block;vertical-align:top;}
		#contentsWrap.awardDetail .reviewer .text .inner{text-align:center !important; display:block; width:100%; margin:auto;}
	}
	@media screen and (max-width: 1040px) {
		
	}*/

#contentsWrap.awardDetail .reviewer{ padding:10px; height:154px; margin-bottom:40px; background-color:#000; position:relative;}
#contentsWrap.awardDetail .reviewer .thumb{ position:absolute; top:10px; left:10px;width:48%; height:154px; overflow:hidden;}
#contentsWrap.awardDetail .reviewer .thumb img{ width:100%; height:auto; vertical-align:bottom;}
#contentsWrap.awardDetail .reviewer .text{ padding-left:650px; height:154px; display:table-cell;vertical-align:middle;}
#contentsWrap.awardDetail .reviewer .text .inner{ vertical-align:middle; display:inline-block; color:#ffde00;}
#contentsWrap.awardDetail .reviewer .text .no{ display:block; font-size:2.0em; line-height:2.2em;}
#contentsWrap.awardDetail .reviewer .text .name{ display:block; font-size:2.0em;line-height:1.5em;}
#contentsWrap.awardDetail .reviewer .text .name em{font-size:1.2em; font-style:normal;}

        
	@media screen and (max-width: 1300px) {
		#contentsWrap.awardDetail .reviewer{ padding:10px; height:124px;}
		#contentsWrap.awardDetail .reviewer .thumb{ position:absolute; top:10px; left:10px;width:48%; height:124px; overflow:hidden;}
		#contentsWrap.awardDetail .reviewer .text{ padding-left:520px; height:124px; display:table-cell;vertical-align:middle;}
	}
	@media screen and (max-width: 1040px) {
		#contentsWrap.awardDetail .reviewer{ height:auto;}
		#contentsWrap.awardDetail .reviewer .thumb{ position:relative; top:0; left:0; width:100%; height:auto;}
		#contentsWrap.awardDetail .reviewer .thumb img{ width:100%; height:auto;}
		#contentsWrap.awardDetail .reviewer .text{ padding:0px 0 0px 0; height:auto; display:block;vertical-align:top;}
		#contentsWrap.awardDetail .reviewer .text .inner{text-align:center !important; display:block; width:100%; margin:auto;}
		
	}
		
		
				
	
#contentsWrap.awardDetail .oubo{ padding:40px; margin-bottom:40px; background-color:#fff; font-size:1.4em; line-height:1.6em;}
#contentsWrap.awardDetail .oubo h5{ font-weight:bold !important;font-size:1em; margin-bottom:5px; padding-top:20px;}
#contentsWrap.awardDetail .oubo h5:first-child{ padding-top:0px;}
#contentsWrap.awardDetail .oubo p{ margin-bottom:1em;}
#contentsWrap.awardDetail .oubo ul{ list-style:disc; padding-left:30px; margin-bottom:1em;}
#contentsWrap.awardDetail .oubo ul:last-child{ margin-bottom:0;}
#contentsWrap.awardDetail .oubo ul li{}

#contentsWrap.awardDetail .entryInfo{ margin-bottom:40px;}

#contentsWrap.awardDetail .webEntry{ width:100%; height:100px; margin-bottom:80px;}
#contentsWrap.awardDetail .webEntry a{ display:block; height:100px; background-color:#000; text-align:center; font-size:2.2em; line-height:100px; color:#ff484b !important; text-decoration:none;}
#contentsWrap.awardDetail .webEntry a:hover{  background-color:#ff484b;}
#contentsWrap.awardDetail .webEntry a span{ display:inline-block;  padding-left:60px; margin:auto;background:url(../../img/award/icon_web_entry.png) left center no-repeat }
#contentsWrap.awardDetail .webEntry a:hover span{color:#fff !important;background:url(../../img/award/icon_web_entry_on.png) left center no-repeat}

#contentsWrap.awardDetail .infoBox{ display:block; background-color:#fff; margin:auto; border:solid 1px #000; padding:40px; text-align:center; font-size:1.3em; line-height:1.6em; font-weight:bold;}
#contentsWrap.awardDetail .infoBox h5{ margin-bottom:1em; font-size:1.5em;}

li:first-child{
	
}



li:last-child{
	
}



/* notice
----------------------------------------------- */
h3.pageTitle{ padding:20px; color:#fff !important;font-size:3.5em; height:auto; margin-bottom:30px; font-weight:normal;}
          
          
#noticeList{}
#noticeList h4.month{ font-size:3em; height:auto; margin-bottom:10px;}

#noticeList h4.month span.sub{ font-size:0.5em;}          


#noticeList ul{ margin-bottom:30px;}
#noticeList ul li{ height:200px; margin-bottom:10px; line-height:1em; position:relative;overflow:hidden; cursor:pointer;}

#noticeList ul li .image{ width:58%; height:200px; display:block; position:absolute; top:0; left:0; z-index:1;}
#noticeList ul li .title{ width:42%; height:200px; display:block; position:absolute; top:0; right:0; z-index:2; background-color:#000; }

#noticeList ul li .title img{ position:absolute; top:0; right:0; height:100%; width:auto;}


#noticeList ul li .image{
	
	-moz-transition: -moz-transform 500ms cubic-bezier(0,.58,.52,.98);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0,.58,.52,.98);
    -o-transition: -o-transform 500ms cubic-bezier(0,.58,.52,.98);
    -ms-transition: -ms-transform 500ms cubic-bezier(0,.58,.52,.98);
    transition: transform 500ms cubic-bezier(0,.58,.52,.98);
	
	
	}
	
#noticeList ul li.hover:hover .image{
	-webkit-transform: scale(1.2) rotate(3deg);
    -moz-transform: scale(1.2) rotate(3deg);
    -o-transform: scale(1.2) rotate(3deg);
    -ms-transform: scale(1.2)  rotate(3deg);
    transform: scale(1.2) rotate(3deg);
	
}



@media screen and (max-width: 1300px) {
	#noticeList ul li .title img{  right:-50px; }
}


@media screen and (max-width: 1040px) {
	#noticeList ul{ margin-bottom:30px;}
	#noticeList ul li{ height:400px; margin-bottom:10px; line-height:1em; position:relative;}
	
	#noticeList ul li .image{ width:100%; height:200px; display:block; position:absolute; top:0; left:0; z-index:1;}
	#noticeList ul li .title{ width:100%; height:200px; display:block; position:absolute; top:200px; right:auto; left:0; z-index:2;}
	#noticeList ul li .title img{ width:100%; height:auto; position:relative; left:-100px;}
}



/* release
----------------------------------------------- */
h3.pageTitle{ padding:20px; color:#fff !important;font-size:3.5em; height:auto; margin-bottom:30px; font-weight:normal;}
          
          
#releaseList{}
#releaseList h4.month{ font-size:3em; height:auto; margin-bottom:10px;}




table.release {
        width: 100%;
        border-collapse: collapse;
		margin-bottom:40px;
		font-size:1.2em;
		line-height:1.4;
}


table.release caption{ color:#fff !important; padding:10px 20px; font-size:3em; text-align:left; line-height:1em;}

table.release th {
        font-weight: normal;
        background-color: #F0F0F0;
        border:1px solid #BFBFBF;
        text-align: left;
        padding: 12px;
		color:#fff;
		background-color:#ebebeb !important; color:#000 !important; 
}


table.release tr td {
        width: 385px;
        background-color: #FFFFFF;
        border:1px solid #BFBFBF;
        text-align: left;
		vertical-align:middle;
        padding: 12px;
}

table.release tr td a,
table.release tr td a:link,
table.release tr td a:visited{ color:#000 !important;}

table.release tr th:nth-child(1){}
table.release tr td:nth-child(1){width:90px;}

table.release tr th:nth-child(2){}
table.release tr td:nth-child(2){ font-size:1.2em !important}

table.release tr th:nth-child(3){ text-align:center;}
table.release tr td:nth-child(3){ width:60px; text-align:center;}

table.release tr th:nth-child(4){}
table.release tr td:nth-child(4){ width:250px;}

table.release tr th:nth-child(5){}
table.release tr td:nth-child(5){width:140px;}



table.red{ border:solid 5px #ff484b !important; border-top:0px !important}
table.red caption{ background-color:#ff484b !important;}
table.red tr th{ border-color:#BFBFBF !important;}
table.red tr td{ border-color:#BFBFBF !important;}


table.orange{ border:solid 5px #ffa500 !important; border-top:0px !important}
table.orange caption{ background-color:#ffa500 !important;}
table.orange tr th{  border-color:#BFBFBF !important;}




table.blue{ border:solid 5px #0080ff !important; border-top:0px !important}
table.blue caption{ background-color:#0080ff !important;}
table.blue tr th{  border-color:#BFBFBF !important;}


table.green{ border:solid 5px #26ff4f !important; border-top:0px !important}
table.green caption{ background-color:#26ff4f !important;}
table.green tr th{  border-color:#BFBFBF !important;}


table.purple{ border:solid 5px #b800ff !important; border-top:0px !important}
table.purple caption{ background-color:#b800ff !important;}
table.purple tr th{  border-color:#BFBFBF !important;}



table.sky{ border:solid 5px #00dfff !important; border-top:0px !important}
table.sky caption{ background-color:#00dfff !important;}
table.sky tr th{  border-color:#BFBFBF !important;}





table.yellow{ border:solid 5px #ffed00 !important; border-top:0px !important}
table.yellow caption{ background-color:#ffed00 !important;}
table.yellow tr th{  border-color:#BFBFBF !important;}








#footerShare{ height:50px; background-color:#fff;position:relative; z-index:10;}
#footerShare .innerBase{ width:1280px; max-width:1280px;}


@media screen and (max-width: 1300px) {
	.pageShare,
	#footerShare .innerBase{ width:1020px;}
}
@media screen and (max-width: 1040px) {
	.pageShare,
	#footerShare .innerBase{ width:730px;}
}


#footerShare .siteLogo{ width:84px; height:30px; position:relative; top:10px; float:left; margin-right:20px; }

	#footerShare .siteLogo a{ display:block; height:30px; text-indent:-999px; overflow:hidden;}
	
	body.modeRed #footerShare .siteLogo a	 { background:url(../../img/common/logo/red.png) no-repeat; background-size:contain;}
	body.modeOrange #footerShare .siteLogo a { background:url(../../img/common/logo/orange.png) no-repeat; background-size:contain;}
	body.modeYellow #footerShare .siteLogo a { background:url(../../img/common/logo/yellow.png) no-repeat; background-size:contain;}
	body.modeGreen #footerShare .siteLogo a  { background:url(../../img/common/logo/green.png) no-repeat; background-size:contain;}
	body.modeSky #footerShare .siteLogo a 	 { background:url(../../img/common/logo/sky.png) no-repeat; background-size:contain;}
	body.modeBlue #footerShare .siteLogo a 	 { background:url(../../img/common/logo/blue.png) no-repeat; background-size:contain;}
	body.modePurple #footerShare .siteLogo a { background:url(../../img/common/logo/purple.png) no-repeat; background-size:contain;}

#footerShare ul.share{ float:left; width:200px;height:20px; position:relative; top:15px;overflow:hidden; }
#footerShare ul.share li{ float:left; margin-right:10px;}

#footerShare ul.share li.fb{}
#footerShare ul.share li.tw{}


.pageShare { height:20px; padding-top:20px; margin-bottom:30px;}
.pageShare .title{ display:inline-block; float:left; margin-right:10px;}
.pageShare ul.share{ float:left; width:200px;height:20px; position:relative; top:0px;overflow:hidden; }
.pageShare ul.share li{ float:left; margin-right:10px;}

.pageShare ul.share li.fb{}
.pageShare ul.share li.tw{}

	
	
	

/* FAIR
----------------------------------------------- */
.fairDetail{}


.fairDetail .fairTitle{ text-align:left; background-color:#000; width:100%; height:140px;display:table;vertical-align:middle;}

.fairDetail .fairTitle .inner{ display:table-cell; height:140px; vertical-align:middle; }


.fairDetail .fairTitle h3.pageTitle{ padding:0px 30px; font-size:3.5em; height:auto; line-height:100%;margin-bottom:20px; font-weight:normal;}
.fairDetail .fairTitle h4{ font-size:2.5em;line-height:100%;padding:0px 30px;}



.fairDetail h4.contentsTitle{ margin-bottom:20px;font-size:2.5em; background-color:#000;padding:5px; line-height:1.8; color:#fff !important;}

.fairDetail h4.contentsTitle .bg{ color:#000;padding:10px 20px;}

.fairDetail h4 .sub{ font-size:0.5em; display:block; margin-bottom:5px; line-height:1; padding-top:10px;}

#fairContents{}

#fairContents .contBody{ font-size:1.6em; line-height:1.5;}


#fairContents .topMov{ width:500px; height:281px; margin:auto;}

#fairContents .topMov video,
#fairContents .topMov iframe{ width:500px; height:281px;}


#fairContents .pageMenu{ height:120px; padding-top:40px; overflow:hidden;}

#fairContents .pageMenu ul.close{ opacity:.3;}
#fairContents .pageMenu ul.close a{ text-decoration:none !important}

#fairContents .pageMenu ul{ text-align:center; margin:0 -10px; height:60px; }
#fairContents .pageMenu ul li{ display:block; vertical-align:middle; width:25%; float:left; height:60px; overflow:hidden; color:#fff; font-size:1.5em;}
#fairContents .pageMenu ul li a{ text-decoration:none; display:block; text-align:center; vertical-align:middle; width:auto; height:60px; line-height:1.3; margin:0 10px; background-color:#000;}
#fairContents .pageMenu ul li a span{ display:table; width:100%; height:60px;}
#fairContents .pageMenu ul li a span div {display:table-cell; width:inherit; height:60px; margin:auto;vertical-align:middle;}



#fairContents .pageMenu ul li:nth-of-type(1) a{ }
#fairContents .pageMenu ul li:nth-of-type(2) a{ }
#fairContents .pageMenu ul li:nth-of-type(3) a{ }
#fairContents .pageMenu ul li:nth-of-type(4) a{ }


		
		
#fairContents .snsLink{ width:70%; margin:0 auto 40px auto;}

#fairContents .snsLink ul{ overflow:hidden;}
#fairContents .snsLink ul li{ height:60px; width:48.9%;
-moz-transition: -moz-all 200ms ease-in-out;
    -webkit-transition: -webkit-all 200ms ease-in-out;
    -o-transition: -o-all 200ms ease-in-out;
    -ms-transition: -ms-all 200ms ease-in-out;
    transition: all 200ms ease-in-out;}
#fairContents .snsLink ul li a,
#fairContents .snsLink ul li a:link,
#fairContents .snsLink ul li a:visited{ display:block; height:60px; line-height:60px; text-align:left; font-size:1.6em; color:#fff !important; text-decoration:none;}

#fairContents .snsLink ul li.facebook{ float:left;background:url(../../img/share/icon_official_facebook.png) 20px center no-repeat #3c599f;}
#fairContents .snsLink ul li.twitter{ float:right;background:url(../../img/share/icon_official_twitter.png) 20px center no-repeat #2ca7e0;}

#fairContents .snsLink ul li.facebook:hover,
#fairContents .snsLink ul li.twitter:hover{ background-color:#000;}


#fairContents .snsLink ul li.facebook a{ text-indent:57px;}
#fairContents .snsLink ul li.twitter a{ text-indent:74px;}


#fairContents dl.item{ position:relative; margin-bottom:40px; min-height:270px;}
#fairContents dl.item dt{ position:absolute; top:0; left:0; width:140px; height:auto; text-align:center; font-size:0.85em; border:solid 0px #ccc;}
#fairContents dl.item dt img{ margin-bottom:10px; width:100%; height:auto; border:1px solid #BFBFBF;}
#fairContents dl.item dd{ padding-left:180px;}


table.fair {
        width: 100%;
        border-collapse: collapse;
		margin-bottom:80px;
		font-size:0.7em;
		line-height:1.4;
		
}


table.fair th {
        font-weight: normal;
        
        border:1px solid #BFBFBF;
        text-align: left;
        padding: 8px;
		font-size:0.8em;
		
		background-color:#000 !important; color:#fff !important; 
}


table.fair tr td {
        width: auto;
        background-color: #FFFFFF;
        border:1px solid #BFBFBF;
        text-align: left;
		vertical-align:middle;
        padding: 12px;
}


table.fair tr td:nth-of-type(1){ width:130px;}
table.fair tr td:nth-of-type(2){ width:auto;}
table.fair tr td:nth-of-type(3){ width:160px;}
table.fair tr td:nth-of-type(4){ width:100px;}

table.fair tr td span.sub{ font-size:0.85em; display:block; padding-top:3px;}

table.fair tr td.digital{ text-align:center; padding:10px; background-color:#ddd;}


table.fair tr td a.supporter{ text-decoration:underline; color:#000 !important;}



#fairContents .contBody{}
            
#fairContents .columnSet{ overflow:hidden; margin-bottom:40px;}
#fairContents .columnSet .block{ width:48%; display:inline-block;}

#fairContents .columnSet .block:nth-of-type(1){ width: 47%; float:left;}
#fairContents .columnSet .block:nth-of-type(2){ width: 50%; float:right;}


	#fairContents .columnSet .block .image{ width:100%; height:260px; margin-bottom:20px; }
	
	#fairContents .columnSet .block .image:nth-of-type(1){}

			
#fairContents .columnSet .present{ margin-bottom:5px; }
	#fairContents .columnSet .present dt{font-size:16px; line-height:16px; margin-bottom:5px; text-align:center; color:#fff; background-color:#000; display:inline-block; padding:5px 20px;}		
	#fairContents .columnSet .present dd{ font-size:1.2em;margin-bottom:30px; position:relative; border-bottom:solid 1px #ccc; font-weight:bold;}
	
	#fairContents .columnSet .present dd p.data{ font-size:0.6em; padding:10px 0 10px 0;   padding-right:110px; color:#666; font-weight:normal;}
	
	#fairContents .columnSet .present dd .count{ display:inline-block; width:100px; position:absolute; bottom:10px; color:#000; right:0; font-size:2em; text-align:right;}
	




table.oubo {
        width: 100%;
        border-collapse: collapse;
		margin-bottom:80px;
		font-size:0.8em;
		line-height:1.4;
}


table.oubo th {
	width: 180px;
        font-weight: normal;
		font-size:1.3em;
        
        border:1px solid #BFBFBF;
        text-align: left;
        padding: 12px;
		color:#fff;
		background-color:#ebebeb !important; color:#000 !important; 
}


table.oubo tr td {
        width: auto;
		font-size:1.1em;
        background-color: #FFFFFF;
        border:1px solid #BFBFBF;
        text-align: left;
		vertical-align:middle;
        padding: 12px;
		line-height:2 !important;
}


	
	
#fairContents #comicSample{}
#fairContents #comicSample h5{ padding:10px; border-bottom:solid 1px #BFBFBF; margin-bottom:40px; font-size:1.2em;}

#fairContents ul.comicsList{ margin-bottom:40px; text-align:center;}




#fairContents ul.comicsList li{ background-color:#fff; border:solid 1px #BFBFBF;  position:relative; vertical-align:top; text-align:left; width:300px; height:210px; margin:0 5px 10px 0; display:inline-block;  font-size:0.8em;}

#fairContents ul.comicsList li .thumImg{ width:70px; height:70px; position:absolute; top:10px; left:10px;}
#fairContents ul.comicsList li .thumImg img{ width:100%; height:auto;}


#fairContents ul.comicsList li .text{ padding:10px 10px 0 90px;}

#fairContents ul.comicsList li .text .title{ border:solid 0px #000; margin-bottom:3px; font-size:1.2em;}
#fairContents ul.comicsList li .text .name{ border:solid 0px #000; margin-bottom:10px; font-size:0.9em;}

#fairContents ul.comicsList li .text .desc{ font-size:0.7em; display:inline-block; line-height:1.4;}


#fairContents ul.comicsList li .link{ width:280px; height:30px;  color:#fff; text-align:center; position:absolute; bottom:10px; left:10px;}
#fairContents ul.comicsList li .link a{ display:block; height:30px;line-height:30px; font-size:1em;  text-decoration:none; color:#fff !important;background-color:#000; }
#fairContents ul.comicsList li .link a:hover{background-color:#333;}

#fairContents ul.comicsList li .nolink{  width:280px; height:30px;  color:#fff; text-align:center; position:absolute; bottom:10px; left:10px; height:30px;line-height:30px; font-size:1em; background-color:#ddd;}
	




/*#fairContents ul.comicsList li{ position:relative; vertical-align:top; text-align:left; width:280px; height:200px; margin:0 20px 50px 0; display:inline-block;  font-size:0.8em;}

#fairContents ul.comicsList li .thumImg{ width:70px; height:70px; position:absolute; top:0; left:0;}
#fairContents ul.comicsList li .thumImg img{ width:100%; height:auto;border:1px solid #333;}


#fairContents ul.comicsList li .text{ padding-left:90px;}

#fairContents ul.comicsList li .text .title{ border:solid 0px #000; margin-bottom:3px;}
#fairContents ul.comicsList li .text .name{ border:solid 0px #000; margin-bottom:10px; font-size:0.8em;}

#fairContents ul.comicsList li .text .desc{ font-size:0.8em; display:inline-block; line-height:1.4;}


#fairContents ul.comicsList li .link{ width:100%; height:30px;  color:#fff; text-align:center; position:absolute; bottom:0px;}
#fairContents ul.comicsList li .link a{ display:block; height:30px;line-height:30px; font-size:1em;  text-decoration:none; color:#fff !important;background-color:#000; }
#fairContents ul.comicsList li .link a:hover{background-color:#333;}
#fairContents ul.comicsList li .nolink{  width:100%; height:30px;  color:#fff; text-align:center; position:absolute; bottom:0px; height:30px;line-height:30px; font-size:1em; background-color:#ddd;}
	
*/



#fairContents .downloadArea{ position:relative; }


#fairContents ul.stamp{  text-align:center; vertical-align:top;}
#fairContents ul.stamp li{ display:inline-block;vertical-align:top; margin:0 20px 20px 0; width:15%; height:240px; font-size:0.75em; border:solid 0px #ccc;}
#fairContents ul.stamp li img{ width:100%; height:auto; margin-bottom:10px; border:1px solid #333;}
#fairContents ul.stamp li a{ text-decoration:none; color:#000 !important; position:relative; display:block;}

#fairContents ul.stamp li a .new{ display:inline-block; padding:3px 5px; height:9px; font-size:9px; line-height:9px; color:#fff; background-color:#000;}

#fairContents ul.stamp li a .newT{ display:block; text-align:center; font-size:9px; line-height:9px; color:#c00;}



#fairContents dl.supporter{ font-size:1.5em;}
#fairContents dl.supporter dt{ font-size:0.8em; padding:5px 10px; background-color:#000;  margin-bottom:15px; }
#fairContents dl.supporter dd{ padding-left:20px; margin-bottom:30px; line-height:1.5;}

#fairContents dl.supporter2 ul{}
#fairContents dl.supporter2 ul li{ display:inline-block;}
#fairContents dl.supporter2 ul li:after{content: "　/　";}
#fairContents dl.supporter2 ul li:last-child:after{content: "";}







#fairContents #twitterEvent{ width:100%; margin:0 auto 120px auto; text-align:left; font-size:1.6em; line-height:200% !important;}

#fairContents #twitterEvent .red{ color:#c00 !important;}
#fairContents #twitterEvent .innerBox{ padding:0 30px;}

#fairContents #twitterEvent h4{ font-size:2.5em; line-height:130%; margin-bottom:60px;}
#fairContents #twitterEvent h4 .bg{ padding:10px 25px;}
#fairContents #twitterEvent p.read{ font-size:1.4em; line-height:160%; margin-bottom:60px;}
              
#fairContents #twitterEvent dl{ margin:auto;}
#fairContents #twitterEvent dl dt{ font-size:1.5em; margin-bottom:0px; padding:10px 0px;}
#fairContents #twitterEvent dl dd{ margin-bottom:80px; padding:30px 30px; background-color:#fff; color:#000; border-style:double; border-width:3px;}

#fairContents #twitterEvent dl .kikan{}
#fairContents #twitterEvent dl .taisyou{}
#fairContents #twitterEvent dl .step{}
#fairContents #twitterEvent dl .tousen{}
#fairContents #twitterEvent dl .point{ text-align:left !important;}

#fairContents #twitterEvent dl dd.kikan{ font-size:1.5em;}
#fairContents #twitterEvent dl dd.taisyou{ text-align:center;}
#fairContents #twitterEvent dl dd.step{}
#fairContents #twitterEvent dl dd.tousen{}
#fairContents #twitterEvent dl dd.point{ background-color:transparent; padding:0;}



#fairContents #twitterEvent dl .taisyou ul.clist{ text-align:center; overflow:hidden; padding-top:20px;}
#fairContents #twitterEvent dl .taisyou ul.clist li{ width:16%; float:left;}
#fairContents #twitterEvent dl .taisyou ul.clist li img{ width:90%;border-style:solid; border-width:1px;}
#fairContents #twitterEvent dl .taisyou ul.clist li span.title{ display:block; width:90%; margin:auto; padding:15px 0 0 0; font-size:0.7em; line-height:140%;}

#fairContents #twitterEvent dl dl.step{ overflow:hidden; margin-bottom:0px;}
#fairContents #twitterEvent dl dl.step dt{ font-size:0.85em; background-color:#000; color:#fff;margin:0; padding:10px 15px; line-height:1; display:inline-block;  float:left;clear:both;}
#fairContents #twitterEvent dl dl.step dd{ border:0; margin:0 0 20px 10px; padding:0; float:left;}

#fairContents #twitterEvent dl .hash{ font-size:1em; line-height:160%; margin-bottom:20px; padding:30px 0 0 20px;}
#fairContents #twitterEvent dl .hash h5{ margin-bottom:20px; font-size:1.2em;}
#fairContents #twitterEvent dl .twSample{  padding-top:40px;}

#fairContents #twitterEvent dl dt.point{font-size:1em; line-height:160%; }
#fairContents #twitterEvent dl dd.point{ font-size:0.8em; line-height:160%; border:0;}
#fairContents #twitterEvent dl .point ol{ padding-left:1.5em; list-style:decimal; }
#fairContents #twitterEvent dl .point ol li{ margin-bottom:10px;}









#fairContents #kc{}


#fairContents #kc header{ text-align:left;border-bottom:solid 0px #000; margin-bottom:0px; padding-bottom:20px; line-height:1.5;}
#fairContents #kc header h3{font-size:2.4rem; margin-bottom:20px;}
#fairContents #kc header .about{ margin-bottom:60px;}
#fairContents #kc header .about h4{font-size:1.3rem; margin-bottom:30px; }


#fairContents #kc header .about .bunsatsu { position:relative; font-size:0.9rem; display:inline-block; padding:5px; background-color:#ddd;}

#fairContents #kc header h5{font-size:1.7rem; padding:10px; text-align:center;background-color:#000; color:#fff;}


#fairContents #kc dl.kc{ position:relative; overflow:hidden; width:100%; padding:5%; box-sizing:border-box; margin:auto; border-bottom:solid 2px;  margin-bottom:0;}



#fairContents #kc dl.kc dt{ width:20%; height:auto; float:left;}
#fairContents #kc dl.kc dt img{ width:100%; height:auto; border:solid 1px #666;}

#fairContents #kc dl.kc dd{ width:75%; float:right; position:relative; line-height:1.5;}
#fairContents #kc dl.kc dd .title{ font-size:1.8rem; margin-bottom:10px; font-weight:bold; text-indent:-0.5em;}
#fairContents #kc dl.kc dd .name{font-size:1.5rem; position:absolute; top:0; right:0;}
#fairContents #kc dl.kc dd .read{font-size:1.1rem; margin-bottom:40px; padding-top:20px; line-height:1.7;}
#fairContents #kc dl.kc dd .add{font-size:1.2rem; padding:5px 20px; text-align:center; display:block; font-weight:bold; }


#fairContents #kc footer{ text-align:center;padding:40px 0 0 0; line-height:1.5;font-size:1.2rem; margin-bottom:120px;}    
#fairContents #kc footer h3{ margin-bottom:40px;}	   
#fairContents #kc footer .more{ background-color:#000;border:solid 4px #000; padding:10px 40px; display:inline-block; color:#fff;}
#fairContents #kc footer .more a,
#fairContents #kc footer .more a:link{ color:#fff !important;}


#singlePage{ position:relative; margin:auto;}

#singlePage img.main{ width:100%; height:100; position:relative; z-index:1;}
#singlePage a.pageLint {}

/*.edgenoedge a.link_1{ position:absolute; z-index:5; top:509px; left:254px; width:120px; height:120px;}
.edgenoedge a.link_2{ position:absolute; z-index:5; top:642px; left:436px; width:120px; height:120px;}
.edgenoedge a.link_3{ position:absolute; z-index:5; top:956px; left:32px; width:120px; height:120px;}*/

.edgenoedge a.link_1{ position:absolute; z-index:5; top:40.7%; left:28.1%; width:120px; height:170px;}
.edgenoedge a.link_2{ position:absolute; z-index:5; top:51.2%; left:48.4%; width:120px; height:170px;}
.edgenoedge a.link_3{ position:absolute; z-index:5; top:76.3%; left:3.7%; width:120px; height:170px;}


@media screen and (min-width: 1300px) {
	.edgenoedge{ width:100%;}
	.edgenoedge a.link_1{ width:170px; height:170px;}
	.edgenoedge a.link_2{ width:170px; height:170px;}
	.edgenoedge a.link_3{ width:170px; height:170px;}
}

@media screen and (max-width: 1299px) {
	.edgenoedge{ width:900px;}
	.edgenoedge a.link_1{ width:120px; height:120px;}
	.edgenoedge a.link_2{ width:120px; height:120px;}
	.edgenoedge a.link_3{ width:120px; height:120px;}
}


@media screen and (max-width: 1000px) {
	.edgenoedge{ width:700px;}
	.edgenoedge a.link_1{ width:95px; height:95px;}
	.edgenoedge a.link_2{ width:95px; height:95px;}
	.edgenoedge a.link_3{ width:95px; height:95px;}
}



@media screen and (max-width: 800px) {
	#fairContents .pageMenu ul li a span div{ font-size:0.8rem;}
}