/* top */

body {	
	
}



html.touchDevice #bgVisual2 {
	z-index                 : -1;
    
}



.section { margin-bottom:160px;}
.section h2{ border-bottom:solid 3px #000; height:120px; margin-bottom:40px; text-indent:-999px; overflow:hidden;}

#news h2{ background:url(../../img/news/title.png) left top no-repeat;}
#album h2{ background:url(../../img/album/title.png) left top no-repeat;}
#campaignInfo h2{ background:url(../../img/campaign/title.png) left top no-repeat;}
#track h2{ background:url(../../img/track/title.png) left top no-repeat;}
#pastlive h2{ background:url(../../img/pastlive/title.png) left top no-repeat;}
#movie h2{ background:url(../../img/movie/title.png) left top no-repeat;}


.newsList {}
.newsList dl{ position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:dotted 1px #000;}
.newsList dl dt{ width:inherit; display:inline-block; position:absolute; top:0; left:0;font-size:1.2em;}
.newsList dl dd{ padding-left:100px; font-size:1.2em;}

.newsList dl:last-child{border-bottom:solid 3px #000;}




.lineBox{ padding:7px; border:solid 3px #000; margin-bottom:20px;}
.lineBox .inner{border:solid 1px #000; padding:20px; font-size:1em; }
.lineBox .inner h3{ margin-bottom:20px; font-size:1.4em; line-height:1.8;}
.lineBox .inner p{ font-size:1em !important; margin-bottom:0 !important; line-height:1.6;}
.lineBox .inner p strong{font-size:1.2em; display:inline-block; margin-bottom:5px;}


#dataContents .lineBox{ padding:7px; border:solid 3px #fff; margin-bottom:20px;}
#dataContents .lineBox .inner{border:solid 1px #fff; padding:20px; font-size:1em; }
#dataContents .lineBox .inner h3{ margin-bottom:20px; font-size:1.4em; line-height:1.8;}
#dataContents .lineBox .inner p{ font-size:0.9em !important; margin-bottom:0 !important; line-height:1.6;}
#dataContents .lineBox .inner p strong{font-size:1.2em; display:inline-block; margin-bottom:5px;}

#dataContents .lineBox .inner p.kikan{ font-size:1.2em !important; text-align:center; padding-top:20px; color:#dfc971;}


/* album
----------------------------------------------- */
#album{}



.tokutenBtn{}
.tokutenBtn a{ background:url(../../img/album/btn_tokuten.png) no-repeat;}


/* campaign
----------------------------------------------- */
#campaign{}


.campaignBtn{}
.campaignBtn a{ background:url(../../img/campaign/btn_detail.png) no-repeat;}




/* track
----------------------------------------------- */

.lyricBtn{ width:150px;}
.lyricBtn a{ background:url(../../img/track/btn_lyric.png) no-repeat;}


#track h3{ text-align:center; margin-bottom:40px;}

.trackList { border-top:dotted 1px #000;padding-top:20px !important; margin-bottom:40px;}
.trackList dl{ position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:dotted 1px #000;}
.trackList dl dt{ width:inherit; display:inline-block; position:absolute; top:0; left:0; font-size:1.7em; line-height:1;}
.trackList dl dd{ padding-left:38px;line-height:1.2; }

.trackList dl dd h4{ font-size:1.7em; line-height:1; margin-bottom:5px;}

.trackList dl:last-child{border-bottom:solid 3px #000;}


.trackList dl .lyricBtn{ position:absolute; right:0; top:50%; margin-top:-40px;}



.subTrackSet{ width:150px; height:60px; position:absolute; right:0; top:50%; margin-top:-40px; background-color:#dfc971;
webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden;}

.subTrackSet .lyricBtn{ width:150px; position:absolute; top:0 !important; left:0px; margin-top:0px !important; z-index:10;}
.subTrackSet .lyricBtn a{ background:url(../../img/track/btn_lyric.png) no-repeat;}




.subTrack{ width:200px; height:40px; padding:10px; position:absolute; top:0; right:0;
}
.subTrack a{ display:block; padding:3px 0px 3px 5px;height:14px;  line-height:1 !important;}
.subTrack a,
.subTrack a:link{ text-decoration:none;}

.subTrack a:hover{ text-decoration:underline; }

/* pastlive
----------------------------------------------- */

.moreBtn{ width:150px;}
.moreBtn a{ background:url(../../img/pastlive/btn_more.png) no-repeat;}



.liveList { margin-bottom:40px;}
.liveList dl{ position:relative; margin-bottom:40px; border-bottom:dotted 1px #000;}
.liveList dl dt{ width:100%; display:inline-block;  border-bottom:dotted 1px #000; margin-bottom:10px; padding-bottom:10px; font-size:1.5em; line-height:1;}
.liveList dl dd{ line-height:1.2; position:relative; }

.liveList dl dd.c1{ height:123px;}
.liveList dl dd.c2{ height:183px;}
.liveList dl dd.c3{ height:243px;}

.liveList dl dd img.photo{ position:absolute; top:0; left:0; width:200px;}




.liveList dl dd .item{ padding-left:210px; height:60px; vertical-align:middle; display:table; margin-bottom:10px;}

.liveList dl dd .item .name{ vertical-align:middle; display:table-cell;}

.liveList dl dd.c1 .photo,
.liveList dl dd.c1 .name{ height:113px;}

.liveList dl dd.c2 .photo,
.liveList dl dd.c2 .name{ height:173px;}

.liveList dl dd.c3 .photo,
.liveList dl dd.c3 .name{ height:233px;}


.liveList dl dd .item h4{ font-size:2em; line-height:1; margin-bottom:5px;padding-top:20px;}

.liveList dl dd .item h4:first-child{ padding-top:0;}


.liveList dl .moreBtn{ position:absolute; right:0; top:50%; margin-top:-30px;}

.historyBtn{ padding-top:40px;}
.historyBtn a{ background:url(../../img/pastlive/btn_link_history.png) no-repeat;}




/* movie
----------------------------------------------- */

.movList { margin-bottom:40px;}
.movList dl{ position:relative; margin-bottom:40px;}
.movList dl dt{ margin-bottom:10px; position:relative; height:399px; overflow:hidden;}

.movList dl dt a{ display:block;}
.movList dl dt .thumb{ position:relative; z-index:1;}
.movList dl dt .cover{ height:399px; width:100%; position:absolute; top:0; left:0; z-index:2; background-color:#000; opacity:.5;}


.movList dl dt .playIcon{ height:110px; width:110px; position:absolute; top:50%; left:50%; margin:-55px 0 0 -55px; z-index:3; background:url(../../img/movie/icon_play.png) center center no-repeat;

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

.movList dl dt a:hover .cover{ opacity:0;}

.movList dl dt a:hover .playIcon{ 
-webkit-transform:scale(1);
     -moz-transform:scale(1);
     -o-transform:scale(1);
     -ms-transform:scale(1);
    transform:scale(1);
}


.movList dl dd{ font-size:1.4em; line-height:1.2; position:relative;}


 
 









/* tokuten
----------------------------------------------- */

#tabNavi{position:fixed; top:110px; height:60px; width:710px; z-index:20;}
#tabNavi ul{ overflow:hidden;height:60px;}
#tabNavi li{ width:230px;height:60px; float:left; margin-right:10px;}

#tabNavi li:nth-child(3){ margin-right:0px;}

#tabNavi li .btn_1 a{ background:url(../../img/tokuten/btn_tab_1.png) center 0 no-repeat;}
#tabNavi li .btn_2 a{ background:url(../../img/tokuten/btn_tab_2.png) center 0 no-repeat;}
#tabNavi li .btn_3 a{ background:url(../../img/tokuten/btn_tab_3.png) center 0 no-repeat;}

#tabNavi li .btn_1 { background:url(../../img/tokuten/btn_tab_1.png) center 60px no-repeat;}
#tabNavi li .btn_2 { background:url(../../img/tokuten/btn_tab_2.png) center 60px no-repeat;}
#tabNavi li .btn_3 { background:url(../../img/tokuten/btn_tab_3.png) center 60px no-repeat;}

#tabNavi li.active .btn_1 a{ background:url(../../img/tokuten/btn_tab_1_on.png) center 0 no-repeat;}
#tabNavi li.active .btn_2 a{ background:url(../../img/tokuten/btn_tab_2_on.png) center 0 no-repeat;}
#tabNavi li.active .btn_3 a{ background:url(../../img/tokuten/btn_tab_3_on.png) center 0 no-repeat;}

#tabNavi li .colorBtn{-webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;}
#tabNavi li.active .colorBtn a{ background-color:#433d22 !important;}






#tokutenTab{}
#tokutenTab .tab{ display:none;}

#tokutenTab #tab_1{ display:block;}
#tokutenTab #tab_2{}
#tokutenTab #tab_3{}


.tokutenMain{ height:auto; padding-top:110px;}
.tokutenMain #tab_1{ position:relative; margin-bottom:80px;}
.tokutenMain #tab_1 .text{ width:430px; position:absolute; top:260px; right:0; font-size:0.8em;}



.tokutenMain #tab_2 .item{ position:relative; margin-bottom:120px;}
.tokutenMain #tab_2 .text{ width:430px; position:absolute; top:300px; right:0; font-size:0.8em;}



.tenpoBtn{ width:100%;-webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;}
.tenpoBtn a{ background:url(../../img/tokuten/btn_tenpo.png) no-repeat;}



#shopListMenu{ position:absolute; top:550px; height:60px; width:710px;}



.selectBtn{ position:absolute; top:0px;z-index:400; height:30px;     -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box; border-top:solid 1px #ccc; }



#shopListMenu.fixed{ position:fixed; top:180px; z-index:9991;}



ul.area{ background-color:#000; position:absolute !important; top:59px;z-index:401; overflow:hidden; display:none;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box; border-top:solid 1px #ccc; border-left:solid 1px #ccc;
			
			}
	.sp ul.area{position:absolute !important; top:59px;}		
	
			
ul.area.fixed{ position:fixed !important; top:80px;}			
	
	.sp	ul.area.fixed{ position:fixed !important; top:89px;}
					
ul.area li{ display:inline-block; float:left; width:20%;  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; text-align:center !important;}

ul.area li:nth-child(1){ width:100%;}

ul.area li a{ display:block; padding:5px 10px; text-decoration:none !important;}
ul.area li a:hover{ background-color:#000; color:#fff !important;}

ul.area li{ font-size:0.8em;}

.sp ul.area li a{ font-size:1.85em; padding:15px 10px; }



.shoplink { position:relative;}



.shoplink  h3{}

.shoplink  ul.caution{ margin-bottom:200px; font-size:0.8em;}

.shoplink ul.shop{ font-size:0.7em;border-top:solid 1px #dfc971 !important; border-bottom:solid 1px #dfc971 !important; padding:15px 0;margin-bottom:60px;}

.sp .shoplink  ul.shop{ font-size:1.2em; line-height:2em;}

.shoplink  ul.shop li{ display:inline-block;}
.shoplink  ul.shop li:after { content: "　/　";}



#tab_3 .text{ margin-bottom:40px; font-size:0.8em;}

#tab_3 .lineBox { margin-bottom:60px;}
#tab_3 .lineBox h4{ margin-bottom:5px;}

#tab_3 .lineBox .caution{ padding-top:20px; font-size:10px; line-height:1.4;}


#tab_3 h2{ margin-bottom:40px;}


#tab_3 dl.present{ margin-bottom:20px; overflow:hidden;}
#tab_3 dl.present dt{ display:table; width:200px; height:200px; vertical-align:middle;background-color:transparent; float:left; clear:both;}

	#tab_3 dl.present dt .image{display:table-cell;width:200px;height:200px;vertical-align:middle; text-align:center;}
	
#tab_3 dl.present dd{ display:table; width:490px; padding-left:20px; height:200px;float:right;vertical-align:middle; margin-bottom:40px; font-size:0.8em;}

#tab_3 dl.present dd div.name{  display:table-cell;width:490px;height:200px;vertical-align:middle; font-size:0.8em;}

#tab_3 dl.present dd div.name h3{ line-height:1; margin-bottom:5px;font-size:2.5em;}

#tab_3 dl.present dd .main{ font-size:2.2em;}





/* pastlive
----------------------------------------------- */


.liveDetail{}




.liveDetail h3{ font-size:1.4em !important; margin-bottom:20px !important;}

.liveDetail img.photo{ width:100%; height:auto; margin-bottom:20px;}

.liveDetail .read{ padding-bottom:0px; border-bottom:solid 1px #fff; margin-bottom:20px; font-size:0.9em;}


.liveDetail .stage{ font-size:0.7em; margin-bottom:20px; line-height:1.4;}


.liveDetail .members{ padding:20px;border:solid 1px #fff; margin-bottom:80px;font-size:0.7em; line-height:1.6;}

.liveDetail .members em{ color:#dfc971; font-style:normal;}





/* spot
----------------------------------------------- */
#spot { padding-bottom:120px;} 
#spot h3{ text-align:center; margin-bottom:20px;}

#spot .jacket{ margin-bottom:80px;}

#spot ul.link{ overflow:hidden; margin-bottom:20px;}

#spot ul.link li{ width:345px; height:60px;
-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden;
  }

#spot ul.link li.twitter{ float:left;}

#spot ul.link li.facebook{ float:right;}

#spot ul.link li.twitter a{ background:url(../../img/spot/btn_twitter.png) center center no-repeat #499cdb;}

#spot ul.link li.facebook a{  background:url(../../img/spot/btn_facebook.png) center center no-repeat #3b568f;}

#spot ul.link li.twitter a:hover{ background-color:#53b0eb;}
#spot ul.link li.facebook a:hover{ background-color:#4362a2;}

#spot .answerBtn{ width:100%;}
#spot .answerBtn a{ background:url(../../img/spot/btn_answer.png) center center no-repeat;}

#spot .answerToTopBtn{ width:100%;}
#spot .answerToTopBtn a{ background:url(../../img/spot/btn_answer_to_top.png) center center no-repeat;}



    
#spot #spotAnswer{ position:relative;}
#spot #spotAnswer img.answer{ opacity:0; position:absolute; top:0; left:0;}




/* campaign
----------------------------------------------- */


#campaignDetail{}


#campaignDetail .followBtn a{ background:url(../../img/campaign/btn_follow.png) center center no-repeat;}


#campaignDetail #hashArea{ text-align:center; margin-bottom:20px;}
#campaignDetail #hashArea input{ border:solid 1px #dfc971; text-align:center; margin:0 0 20px 10px; padding:20px 0px; background-color:#000; color:#dfc971; font-size:1.2em; font-weight:bold;}

#campaignDetail .cautionBtn a{ background:url(../../img/campaign/btn_caution.png) center center no-repeat;}

#campaignDetail #cautionArea{ overflow:hidden; height:0; opacity:0; }
#campaignDetail #cautionArea .inner{ color:#818181; border:solid 1px #818181; padding:20px; margin-bottom:20px; font-size:0.7em;}

#campaignDetail .hashtweetBtn a{ background:url(../../img/campaign/btn_hash_tweet.png) center center no-repeat;}

#campaignDetail .tweetPager{ overflow:hidden; margin-bottom:20px;}
#campaignDetail .tweetPager .prevBtn,
#campaignDetail .tweetPager .nextBtn{ width:345px;}
     
#campaignDetail .tweetPager .prevBtn{ float:left;}
#campaignDetail .tweetPager .nextBtn{ float:right;}
       
	   
#campaignDetail .tweetPager .prevBtn a{ background:url(../../img/campaign/btn_prev.png) center center no-repeat;}
#campaignDetail .tweetPager .nextBtn a{ background:url(../../img/campaign/btn_next.png) center center no-repeat;}
       

#campaignDetail #tweetArea{  min-height:600px; }

#campaignDetail #tweetArea .loading{ position:absolute; top:0px; width:100%; height:200px; display:none; background:url(../img/loading.gif) center 50px no-repeat;}


.loadingTW{  position:absolute; top:0px; width:100%; height:4000px; background:url(../img/loading.gif) center 50px no-repeat #000; opacity:0.99;}


#campaignDetail #includeTweet{ width:100%;}

#campaignDetail a,
#campaignDetail a:link{ color:#dfc971 !important;}



body{-webkit-text-size-adjust: 100%; text-size-adjust: 100%;}

.touchDevice *{ font-size:20px !important;max-height: 999999px; }

.touchDevice h1,
.touchDevice h2,
.touchDevice h3,
.touchDevice h4,
.touchDevice h5,
.touchDevice h6{font-size:2em !important; line-height:1.4 !important;}

.touchDevice .section{ margin-bottom:100px;}

.touchDevice #mainVisual{ margin-bottom:60px;}

.touchDevice .newsList dl dt{  padding-top:0px;}
.touchDevice .newsList dl dd{ padding-left:150px;}


.touchDevice .lineBox .inner{ font-size:1.0em !important;}
.touchDevice .lineBox .inner h3{font-size:1.2em !important;}
.touchDevice .lineBox .inner strong{font-size:1.1em !important;}

.touchDevice .trackList dl dt{ font-size:1.2em !important; padding-top:0.2em;}

.touchDevice .trackList dl dd{ padding-right:160px; padding-left:40px !important;font-size:0.6em !important;}

.touchDevice .trackList dl dd h4{ font-size:2em !important; margin-bottom:5px; line-height:1.4 !important;}

.touchDevice .subTrack{ width:300px;}

.touchDevice .liveList { }
.touchDevice .liveList dl dd .item .name{  width:320px;font-size:0.6em !important;}
.touchDevice .liveList dl dd .item h4{ font-size:2em !important;}








.touchDevice .liveDetail h3{ font-size:1.8em !important; line-height:1.4 !important;}


.touchDevice .liveDetail .read p{ font-size:1.2em !important;}


.touchDevice .liveDetail .stage{ font-size:0.9em; margin-bottom:20px; line-height:1.4;}


.touchDevice .liveDetail .members{ padding:20px;border:solid 1px #fff; margin-bottom:80px;font-size:0.9em; line-height:1.6;}

.touchDevice .liveDetail .members em{ color:#dfc971; font-style:normal;}