.headersp #header				{ height:190px !important;}
.headersp #header img			{ width:80%;}

.headersp #header h1#logo		{ width:300px; height:120px; margin:auto; position:relative; top:10px;background:url(../images/logo_sp.png) no-repeat;}
.headersp #header h1#logo a		{ height:120px;}
.headersp #header h1#logo img	{ display:none;}

.headersp #headerIllust			{ display:none;}
.headersp #tools				{ width:100%; height:50px; position:absolute; top:auto; bottom:0; right:0px; z-index:100;}
.headersp #spMenuBtn			{ display:block; width:120px; height:40px; position:absolute; top:5px; right:5px; background:url(../images/btn_menu_sp.png) no-repeat; cursor:pointer; text-indent:-999px; overflow:hidden;}

.headersp .shareArea				{  width:220px; height:20px;position:absolute; top:15px; left:15px;}
.headersp .shareArea ul				{}
.headersp .shareArea ul li			{ float:left; margin:0 5px 0 0;}
.headersp .shareArea ul li.facebook	{ width:80px;}
.headersp .shareArea ul li.twitter	{ width:80px;}




.mini #wrap{}

.headersp #globalMenu					{ position:absolute; top:0px; right:-250px; width:250px !important; height:auto; padding-top:0; background-color:transparent; border:0; background-color:#fff;}

.headersp #globalMenu ul{ position:relative; left:auto;}


.headersp #globalMenu ul li.tokusatsu,
.headersp #globalMenu ul li.ex			{ display:none;}


.headersp #globalMenu a					{
											margin:0px !important; 
											padding:0 !important;
											border-radius: 0px !important;
											-webkit-border-radius: 0px !important;
											-moz-border-radius: 0px !important
										}

.headersp #globalMenu .inner			{ margin:0px; height:auto; width:230px; overflow:visible;  position:relative;}

.headersp #globalMenu ul				{ float:none; width:230px; height:inherit !important; margin:0 0 0 0 !important; position:relative; top:10px; left:10px;}
.headersp #globalMenu ul li				{ float:none; margin:0; position:relative; top:0; left:0; width:230px !important; height:auto !important; clear:both; display:block;}

.headersp #globalMenu ul li a			{ width:230px;height:40px;border-bottom:solid 0px #fff; display:block;}
.headersp #globalMenu ul li a span		{ display:block !important; height:40px; width:110px; float:right; text-indent:-999px; overflow:hidden; background-position:right center !important;}




/* level 2 list */
.headersp #globalMenu ul li > ul 		{
											display: block;
											
											margin: 0 0 0px 0 !important;
											padding: 0px;
											width: 100%;
											position:relative;
											top: 0px;
											left: auto !important;
											right:auto !important;
											height:inherit !important;
											
											-webkit-border-radius: 0px;
											-moz-border-radius: 0px;
											border-radius: 0px;
											
											min-width:auto;
										}


.headersp #globalMenu ul li > ul li		{
											float: none;
											width:100%;
											margin: 0 0 0 0%;
											padding: 0;
											clear:both;
										}

.headersp #globalMenu ul li.top,
.headersp #globalMenu ul li.comics,
.headersp #globalMenu ul li.past_anime,
.headersp #globalMenu ul li.goods,
.headersp #globalMenu ul li.information,
.headersp #globalMenu ul li.world,
.headersp #globalMenu ul li.last		{ margin-bottom:10px !important;}

.headersp #globalMenu ul li li		{ margin-bottom:0px !important;}

.headersp #globalMenu ul li.top,
.headersp #globalMenu ul li.top a,
.headersp #globalMenu ul li.past_anime,
.headersp #globalMenu ul li.past_anime a,
.headersp #globalMenu ul li.information,
.headersp #globalMenu ul li.information a,
.headersp #globalMenu ul li.world,
.headersp #globalMenu ul li.world a 	{
											overflow:hidden;
											-webkit-border-radius: 4px !important;
											-moz-border-radius: 4px !important;
											border-radius: 4px !important;
										}

.headersp #globalMenu ul li,
.headersp #globalMenu ul li a 			{
											overflow:hidden;
											-webkit-border-radius: 4px !important;
											-moz-border-radius: 4px !important;
											border-radius: 4px 4px 0px 0px !important;
										}

.headersp #globalMenu ul li ul			{
											-webkit-border-radius: 4px !important;
											-moz-border-radius: 4px !important;
											border-radius: 0px 0px 4px 4px !important;
										}

.headersp #globalMenu ul li ul li.last,
.headersp #globalMenu ul li ul li.last a{
											overflow:hidden !important;
											-webkit-border-radius: 4px !important;
											-moz-border-radius: 4px !important;
											border-radius: 0px 0px 4px 4px !important;
										}

.headersp #globalMenu ul li ul li a		{ 
											padding:10px 10px 10px 20px !important; 
											width:auto; 
											height:auto !important; 
											font-size:120%;
										}

.headersp #globalMenu,
.headersp #globalMenu .inner,
.headersp #globalMenu ul		{ height:200px;}
.headersp #globalMenu li		{ width:50%;}


.headersp #globalMenu ul li.special > ul{ width:230px !important;}



.mini body{ width:100%; min-width:360px;}

.mini #main				{ 
							border:solid 0px #369; 
							width:100% !important; 
							margin:auto; 
							overflow:visible; 
							border:solid 0px #f30;
						}

.mini .layoutMain 		{ width:90% !important; margin:auto; }

.mini #side				{ border:solid 0px #f30; width:337px !important; float:none; margin:0 auto 20px auto; position:relative;}
.mini #grid-content		{ width:337px !important; min-width:337px !important; margin:auto; padding:0 !important; float:none; clear:both; overflow:visible; border:solid 0px #f30;}
.mini #grid-content .box{ margin:0 0 10px 0 !important;width:337px !important; float:none; clear:both;}

.mini .layoutMain		{ width:90% !important; margin:auto; overflow:visible;}
.mini .layoutContents 	{ width:337px !important; min-width:337px !important; margin:auto; padding:0 !important; float:none; clear:both; overflow:visible;}
.mini .layoutSide		{ width:337px !important; float:none; margin:0 auto 20px auto;}


	
	/*
	#tablet #grid-content{}
	#tablet  .layoutMain{ }
	#tablet  .layoutContents{ float:left !important; clear:none;}
	#tablet  .layoutSide{}
	#tablet  .layoutContents .pager{ margin-right:10px !important;}
	*/



.mini  .layoutContents .pager	{ margin-right:0px !important;}

.mini #side						{ padding-top:0px;}
.mini #side .box				{ border:solid 0px #f30;}
.mini #side h3					{ border:solid 0px #f30; width:100% !important;}

.mini #side .boxInner{ text-align:center;}

.mini #twitterWidgets			{ 
									margin-bottom:10px; 
									height:30px; 
									border:solid 0px #f30; 
									height:80px; 
									padding-top:43px;
									
									background:url(../images/title_twitter.png) 20px 20px no-repeat #fff !important;
									
									border-radius: 5px;
									-webkit-border-radius: 5px;
									-moz-border-radius: 5px;
									
									box-shadow: 0 0 4px #ccc;  
									-moz-box-shadow: 0 0 4px #ccc;  
									-webkit-box-shadow: 0 0 4px #ccc;
								}
								
								

.mini #twitterWidgets .box				{}
.mini #twitterWidgets .box .widgets		{ display:none;}
.mini #twitterWidgets h3				{ border:solid 0px #f30; position:relative; top:0; left:0; background-position:0 0;}



.mini #twitterWidgets1					{ 
											width:197px; 
											margin:auto; 
											height:21px !important; 
											overflow:hidden; 
											min-height:21px !important; 
											padding-bottom:0px; 
											margin-bottom:20px; 
											border-bottom:solid 1px #999;
											-webkit-border-radius: none !important;
											-moz-border-radius: none !important;
											border-radius:none !important;
											
											box-shadow:none !important;  
											-moz-box-shadow:none !important;  
											-webkit-box-shadow:none !important;
										}

.mini #twitterWidgets2					{ 
											width:197px; 
											margin:auto; 
											height:21px !important;  
											overflow:hidden; 
											min-height:21px !important; 
											border:solid 1px #f30;
											-webkit-border-radius: none !important;
											-moz-border-radius: none !important;
											border-radius:none !important;
											
											box-shadow:none !important;  
											-moz-box-shadow:none !important;  
											-webkit-box-shadow:none !important;
										}

.mini #twitterWidgets1 h3				{ background:url(../images/btn_twitter_sailormoon_20th.png) 0px 0px no-repeat !important;height:21px; padding:0 !important;}
.mini #twitterWidgets2 h3				{ background:url(../images/btn_twitter_osabu8.png) 0px 0px no-repeat !important;height:21px; padding:0 !important;}


.mini #side #copyright					{ text-align:center; height:60px;}


.mini2 {

-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}



.mini #grid-content .box { height:487px}
	.mini #grid-content .box .innerBox	{
										border:solid 5px #ccc; 
										padding:5px;
										width: 317px;
										height:467px;
										-webkit-border-radius: 5px;
										-moz-border-radius: 5px;
										border-radius: 5px;
										overflow:hidden;
									}
	
	.mini #comics #grid-content .box 				{ height:557px !important;}
	.mini #comics #grid-content .box .innerBox	{ height:537px !important;}

	.mini #comics.news #grid-content .box 			{ height:487px !important;}
	.mini #comics.news #grid-content .box .innerBox	{ height:467px !important;}


	.mini #animation #grid-content .box .innerBox{width: 317px;height:467px;}
	
	
	.mini #grid-content .box .innerBox .thumbnailArea	{ width:auto; text-align:center; width:317px; height:317px; overflow:hidden !important;margin-bottom:5px; display:table-cell; vertical-align:middle !important;}
	
	.mini #grid-content .box .innerBox .thumbnailArea a{ width:317px; height:317px; overflow:hidden !important; display:block;margin-bottom:5px; }
	
	.mini #grid-content .box .innerBox .thumbnailArea img.thumbnail{ width:100%; height:auto;}
	
	.mini .box .innerBox div.link				{ width:337px; margin:auto; position:absolute; top:472px; left:0px; padding:0 !important;}
	
	.mini #grid-content-entry .box .innerBox div.link{ position:relative; top:0; left:-50px;}


	.mini .box .innerBox div.link div.inner	{ width:317px; margin:auto; height:60px;}
	
	.mini #main .box .innerBox div.link .btn_buy a		{ width:317px;}
	
	.mini #main .box .innerBox div.link .btn_demo a		{ width:317px;}
	
	
	.mini #side div.banner{ text-align:center;}
	.mini #side ul.banner li{}
	
	
	.mini #grid-content-entry .innerBox .entryHeader h3{ font-size:18px;}
	
	.mini #contentsHeader{}
	
	.mini #footer .layoutContents,
	.mini #footer .layoutSide{ text-indent:-999px; overflow:hidden}
	
	.mini #side .box img{ width:100%; height:auto;}
	.mini .musicalSideMov iframe{ width:297px; height:167px;}
	
	.mini #side #animeWidgets .pv{width:297px;}
	
	.mini #side #animeWidgets .pv embed{ width:297px; height:185px;}