



html.touchDevice .share{ 

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

#menuBtn{ width:80px; height:80px; position:fixed; top:24px; right:20px; z-index:50; cursor:pointer;

  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  overflow:hidden;
  opacity:0;
  
  }

#menuBtn.open{ background:url(../../img/btn_menu.png) center center no-repeat #000;}
#menuBtn.close{ background:url(../../img/btn_menu_close.png) center center no-repeat #fff;}


#menuBtn.open:hover{ background-color:#dfc971 !important;}
#menuBtn.close:hover{ background-color:#dfc971 !important;} 







#menuNavi{ height:0; overflow:hidden; position:relative;}

#menuNavi ul.global{ padding-top:140px; width:710px; margin:auto;}
#menuNavi ul.global li{ height:32px; margin-bottom:30px;}
#menuNavi ul.global li a{ display:block; overflow:hidden; height:32px; position:relative;}

#menuNavi ul.global li a span{ display:block; width:100%;height:32px; position:absolute; top:0; left:0;}
#menuNavi ul.global li a .on{ opacity:0;}

#menuNavi ul.global li.spot,
#menuNavi ul.global li.spot a,
#menuNavi ul.global li.spot a span{ height:55px !important;}

#menuNavi ul.global li.top a .off{ background: url("../../img/menu_top.png") left center no-repeat;}
#menuNavi ul.global li.news a .off		{ background: url("../../img/menu_news.png") left center no-repeat;}
#menuNavi ul.global li.album a .off		{ background: url("../../img/menu_album.png") left center no-repeat;}
#menuNavi ul.global li.campaign a .off		{ background: url("../../img/menu_campaign.png") left center no-repeat;}

#menuNavi ul.global li.track a .off		{ background: url("../../img/menu_track.png") left center no-repeat;}
#menuNavi ul.global li.pastlive a .off		{ background: url("../../img/menu_pastlive.png") left center no-repeat;}
#menuNavi ul.global li.movie a .off{ background: url("../../img/menu_movie.png") left center no-repeat;}
#menuNavi ul.global li.spot a .off{ background: url("../../img/menu_spot.png") left center no-repeat;}


#menuNavi ul.global li.top a .on		{ background: url("../../img/menu_top_on.png") left center no-repeat;}
#menuNavi ul.global li.news a .on		{ background: url("../../img/menu_news_on.png") left center no-repeat;}
#menuNavi ul.global li.album a .on		{ background: url("../../img/menu_album_on.png") left center no-repeat;}
#menuNavi ul.global li.campaign a .on		{ background: url("../../img/menu_campaign_on.png") left center no-repeat;}

#menuNavi ul.global li.track a .on		{ background: url("../../img/menu_track_on.png") left center no-repeat;}
#menuNavi ul.global li.pastlive a .on		{ background: url("../../img/menu_pastlive_on.png") left center no-repeat;}
#menuNavi ul.global li.movie a .on{ background: url("../../img/menu_movie_on.png") left center no-repeat;}
#menuNavi ul.global li.spot a .on		{ background: url("../../img/menu_spot_on.png") left center no-repeat;}



#menuNavi .share{ display:block; width:300px; position:absolute; top:120px; right:60px; height:22px; overflow:hidden;}
#menuNavi .share ul{ height:22px;}
#menuNavi .share li{ display:table-cell; float:left; vertical-align:top; overflow:hidden; }
#menuNavi .share li.twitter{ width:90px;}
#menuNavi .share li.facebook{ width:130px;}
#menuNavi .share li.line{ width:75px;}
#menuNavi .share li.line img{ width:auto; height:22px;}

#menuNavi .share{
-webkit-transform:scale(1.3);
     -moz-transform:scale(1.3);
     -o-transform:scale(1.3);
     -ms-transform:scale(1.3);
    transform:scale(1.3);
}


a.btn{ display:block; height:100%; text-indent:-999px; overflow:hidden;}

.btnHover{ position:relative; overflow:hidden;}
.btnHover span.bg{ background-color:#fff; opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%;
-moz-transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
	
	}
.btnHover:hover span.bg{ opacity:0.2;}

.animFade{
	-moz-transition: all 250ms ease-in-out;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}


.pageMovTop{ cursor:pointer;}




.colorBtn { height:60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden;
 }
.colorBtn a{ background-color:#dfc971 !important;}
.colorBtn a:hover{ background-color:#eedc80 !important;}

.grayBtn { height:60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden;
 }
.grayBtn a{ background-color:#595959 !important;}
.grayBtn a:hover{ background-color:#747474 !important;}





.touchDevice .colorBtn{}





#storeArea{ width:100%; height:80px; position:fixed; left:0; bottom:0; z-index:20; background:url(../img/black_60.png);}
#storeArea .inner{ width:100%; padding:0 !important; }
#storeArea ul{ width:710px; height:40px;text-align:center; position:relative; margin:auto;  padding-top:20px}
#storeArea ul li{ width:164px; height:40px; display:inline-block; float:left; margin-left:0px;}
#storeArea ul li.trg{ background-color:#fff; border-radius:5px;}

#storeArea ul li.nolink{ opacity:.25;}
#storeArea ul li.nolink .parent{ cursor:default !important;}

#storeArea ul li:first-child{ margin-left:0;}
#storeArea ul li .parent{ display:block;width:164px; height:40px; cursor:pointer; position:absolute; bottom:0; z-index:20;}

#storeArea ul li a.trg{ display:block;width:164px; height:40px; position:relative; z-index:30;}


#storeArea ul li:hover{ background-color:#dfc971 !important;}

#storeArea ul li.amazon { position:absolute; bottom:0; left:182px;}
#storeArea ul li.sony{ position:absolute; bottom:0; left:364px;}




#storeArea ul li.amazon .parent		{background:url(../../img/banner/amazon.png) no-repeat;}
#storeArea ul li.sony .parent		{background:url(../../img/banner/sony.png) no-repeat;}
#storeArea ul li.itunes .parent		{background:url(../../img/banner/itunes.png) no-repeat;}
#storeArea ul li.mora .parent		{background:url(../../img/banner/mora.png) no-repeat;}
#storeArea ul li.recochoku .parent	{background:url(../../img/banner/recochoku.png) no-repeat;}

/*

#storeArea ul li.amazon{ position:absolute; bottom:0; left:0;}
#storeArea ul li.itunes { position:absolute; bottom:0; left:182px;}
#storeArea ul li.mora{ position:absolute; bottom:0; left:364px;}
#storeArea ul li.recochoku{ position:absolute; bottom:0; left:546px;}



#storeArea ul li.amazon .parent		{background:url(../../img/banner/amazon.png) no-repeat;}
#storeArea ul li.sony .parent		{background:url(../../img/banner/sony.png) no-repeat;}
#storeArea ul li.itunes .parent		{background:url(../../img/banner/itunes.png) no-repeat;}
#storeArea ul li.mora .parent		{background:url(../../img/banner/mora.png) no-repeat;}
#storeArea ul li.recochoku .parent	{background:url(../../img/banner/recochoku.png) no-repeat;}



*/


#storeArea ul li .parent:hover{}



#storeArea ul li ul.sub{ display:none; width:164px; height:auto; overflow:hidden;  float:none; padding:10px 0 10px 0;margin:0 0 0 0px; position:relative;z-index:10; }
#storeArea ul li ul li{width:164px; height:40px; padding:0; margin:0; float:none; display:block; clear:both;}
#storeArea ul li ul li a{ background-image:none !important; display:inline-block;width:164px;  height:40px; vertical-align:middle; line-height:40px; color:#000;}
#storeArea ul li ul li a:hover{}
