@charset "utf-8";

/*===========================================

 → BASIC
  
============================================*/
body {color:#f5f5f5; width:100%; height:auto;}

#wrapper {	height: auto; position:relative; z-index:1;  }



#wrapper:before {
	content:"";
	position:fixed;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	z-index:-1;
	background-image:url(../img/public/bg_main.jpg) ;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
/*
	-webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);*/
}

#wrapper.top:before {	background-image:url(../img/public/main_visual.jpg) ;}

#wrapper.top:before {
	-webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -o-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: blur(0px);
}


#main_contents {width: 100%;height:auto;margin: 0 auto; background: rgba(0,0,0,.3);}
#main_contents.top {padding:0;background:inherit; }	

#contentsMain { margin:0 auto; }

#pageTitle {
	margin-bottom:30px;
	line-height:100%;
	color:#169998;
	text-align:center;
	font-weight:700;
font-family: 'Roboto_C',sans-serif !Important;
}


#fullBody {
background:#000;
background:rgba(30,30,30,.9);
webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.2);
-moz-box-shadow: 2px 3px 4px rgba(0,0,0,.2);
box-shadow: 2px 3px 4px rgba(0,0,0,.2);
}

#top_whatnewBloc.verWhite #coming {color:#050505 !important;}

/*===========================================

 → HEADER
  
============================================*/
#header {
	width:100%;
	height:auto;
	
	position:relative;
	z-index:2;
	/*background:#050505;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	box-shadow: 0px 2px 2px rgba(0,0,0,.2);*/
	  border-top:3px solid #169998;
	
}


.head_inner {max-width:1600px; width:96%; margin:0 auto; position:relative;}

#siteLogo a, #siteLogo a img {width:100%; height:auto; display:block;}
#siteLogo a img {
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	
	
}

#siteLogo a img:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


/*===========================================

 → GLOBAL MENU
  
============================================*/
#global_menu {	position:relative; width:100%;}
#global_menu ul li {font-family: 'Roboto_C',sans-serif ;}
#global_menu ul li a {
	color:#050505;
	display:block;
	position:relative;
	letter-spacing:0;
	 text-decoration:none;
	 line-height:100%;
	 height:auto;
	/*font-family:   "ヒラギノ明朝 ProN W6","Hiragino Mincho ProN-W6", "HG明朝E",  serif !Important;*/
	font-weight: 700;
	}
	
#global_menu ul li a:after {
	content:"";
	position:absolute;
	left:-100%;
	bottom:-2px;
	width:100%;
	height:2px;
	background:#169998;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
	
#global_menu ul li a:hover,
body#News #mn02 a,	
body#Live #mn03 a,
body#Profile #mn04 a,
body#Disco #mn05 a  {color:#169998;}

#global_menu ul li a:hover:after,
body#News  #mn02 a:after,	
body#Live #mn03 a:after,
body#Profile #mn04 a:after,
body#Disco #mn05 a:after  {left:0;}


/*===========================================

 → FOOTER
  
============================================*/
#footer {
background: #050505;
color:#fff;
text-align:center;
width:100%;
margin:0 auto;
height:auto;
z-index:1;
position:relative;
/*border-top:3px solid #169998;*/
border-bottom:3px solid #169998;
}

/*
#Footer:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(../img/public/bg_footer.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
background-attachment: fixed;
z-index: -1;
}

*/
#footLogo {
max-width: 100px;
height: auto;
margin: 0 auto;
}
#footLogo img {width: 100%; height: auto; display: block; }

#Copy {text-align: center; line-height: 220%; margin: 0 auto; width:94%; line-height:180%; }


/*=======================================================================

FOOTER >FOOT BANNERS

========================================================================*/
#foot_bannerBox {width: 100%; height: auto; }

ul#foot_bannerList {
letter-spacing: -.4em; 
list-style-type: none;
max-width: 900px;
width: 92%;
height: auto;
margin: 0 auto;
text-align: center;
padding: 0;

}

ul#foot_bannerList li {height: auto;display: inline-block;letter-spacing: 0;vertical-align: top;}

ul#foot_bannerList li a, ul#foot_bannerList li img {display: block; width: 100%; height: auto;}

ul#foot_bannerList li a:hover {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}





/*===========================================

 → MAIN VISUAL BLOC
   
============================================*/
#top_visualBloc {
		width:100%;
	display:block;
	margin:0 auto;
	padding: 0;
	z-index:0;
	overflow:hidden;
	}

.top_visual_inner { margin:0 auto; width:100%; height:auto; position:relative;}


/*===========================================

 → MAIN VISUAL BLOC →  MOVIES BLOC
   
============================================*/
#main_visual {
 width:100%;
 height:100%;
/*background-image:url(../img/public/main_visual.jpg);
background-repeat:no-repeat;
background-position:center top;
 background-size:cover;*/
position: relative;
	}
	
	
#main_visual:before {
	content:"";
	position:fixed;
	left:0%;
	top:0%;
	width:100%;
	height:100%;
	z-index:-1;
	background-image:url(../img/public/main_visual.jpg) ;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}
	
#main_visual img {width:100%; height:auto; position:relative; display:block;}

ul#movies {	list-style-type:none;	height:auto;	}
ul#movies li a, ul#movies li a img {width:100%; height:auto; display:block; }
ul#movies li a img{
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
ul#movies li a:hover img,
ul#movies li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

#main_visual.top:before {background-position:center top !important;}
#main_visual.center:before {background-position:center !important;}
#main_visual.bottom:before {background-position:center bottom !important;}


ul#movies li#movieFrame {position:relative; padding-bottom:56.25%; overflow:hidden;}
ul#movies li#movieFrame iframe {width:100%; height:100%; position:absolute; left:0; top:0; margin:auto;}


	/*===========================================

 → MAIN VISUAL BLOC →  MOVIES BLOC → TWITTER TIMELINE
   
============================================*/

#tw_timelines {  margin:0 auto; overflow-x:hidden; overflow-y:scroll; background:rgba(255,255,255,.85) !important; border-bottom:3px solid #169998; border-top:3px solid #169998;}
 
.twitter-timeline {background:transparent !important;}
.stats-wide > b{display: none;}

.customisable-border{border-color: #169998 !important;}
h1.summary{visibility:hidden;}.timeline-header .byline,.timeline-header .list-description{display:none;}
.inline-media img{height: auto;}
.timeline-footer,.h-feed{min-height:1px;}
 .ic-mask, a:focus .ic-mask{background-color: #169998 !important;}
	@media screen and (-webkit-min-device-pixel-ratio:0) {.tweet-actions a:hover .ic-mask, a:focus .ic-mask{background-color: transparent !important;}}

/* IE8 */
.timeline-footer{background: #ddd !important\9;}button.load-more{background: #eee !important\9; border-bottom: 2px #fff solid !important\9;}

/*===========================================

 → MAIN VISUAL BLOC →  HOT TOPIC BLOC
   
============================================*/
ul#top_hotTopic {	height:auto; }

ul#top_hotTopic li {
	width:100%;
	display:block;
	height:auto;
	list-style-type:none;
	text-align:center;
}

ul#top_hotTopic li a {
	display:block;
	height:auto;
	/*padding:30px 15px;*/
	text-decoration:none;
	color:#050505;
	/*background:rgba(255,255,255,.9);*/
	}

p#hot_subT {line-height:100%; margin-bottom:10px;}
#top_hotTitle {line-height:100%; font-weight:700; margin-bottom:15px; color:#050505; font-family:YuMincho, "游明朝","ヒラギノ明朝 ProN W6","Hiragino Mincho ProN-W6", "HG明朝E", "メイリオ", Meiryo, serif;}

#hottopicDate {margin-bottom:15px;  color:#f20; font-weight:700;}

#more_mark {padding:2px 10px; border:1px solid #050505; font-weight:700; width:65%; margin:0 auto; position:relative;}
#more_mark:after {
	content:"";
	position: absolute;
	right: 0px;
	display: block;
	content: '';
	width: 0px;
	height: 0px;
	margin-top: -4px;
	border-left: 8px solid #050505;
	border-right: 8px solid transparent;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

ul#top_hotTopic li a:hover,
ul#top_hotTopic li a:hover #top_hotTitle { color:#169998;}

ul#top_hotTopic li a:hover {background:rgba(0,0,0,.8);}

ul#top_hotTopic li a:hover #more_mark { border-color:#169998;}
ul#top_hotTopic li a:hover #more_mark:after {border-left-color:#169998;}

ul#top_hotTopic li img {
	display:block;
	width:100%;
height:auto;
-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

ul#top_hotTopic li a img:hover{filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


/*===========================================

 → MAIN VISUAL BLOC →  BANNERS BLOC
   
============================================*/
#topBanners {width:100%; height:auto; background:rgba(0,0,0,1);}
#topBanners ul {
list-style-type:none;
max-width:1200px;
overflow:hidden;
width:96%;
height:auto;
margin:0 auto;
}
#topBanners ul li {display:block;	background: #fff; }

#topBanners ul li a, #topBanners ul li img {width:100%; height:auto; display:block;}
#topBanners ul li a {
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
#topBanners ul li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
#topBanners ul li img {border: 1px solid #222;}
	
/*===========================================

 → MAIN CONTENTS
   
============================================*/
.top_basics {
	display:block;
	background:#050505;
	background:rgba(0,0,0,.84);
	margin:0 auto 0px;
	padding:40px 20px;/*
	webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 2px 3px 4px rgba(0,0,0,.2);
	box-shadow: 2px 3px 4px rgba(0,0,0,.2);*/
	position:relative;
/*	border-bottom: 1px solid #222;*/

}

.top_basics:nth-of-type(odd) {background: rgba(0,0,0,.3); }
.top_basics:nth-of-type(odd):before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(../img/public/bg_main.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
z-index: -1;
}

.top_basics:last-of-type {border-bottom: 0;}

.top_basics.verWhite {
	background:#fff;
	/*background:rgba(255,255,255,.85);*/
	background: rgba(255,255,255,.8);
	color:#050505;
}
#top_blocTitle {
	text-align:center;
	margin-bottom:60px;
	line-height:140%;
	color:#169998;
	font-family: 'Roboto_C',sans-serif !Important;
}

#top_blocTitle span {
	line-height:100%;
	position:relative;
	padding-bottom:5px;
}

#top_blocTitle span:after {
	content:"";
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	height:3px;
	background:#169998;
}






/*===========================================

 → ARTICLE LIST
   
============================================*/
ul#whatsnewList {
	/*max-width:900px;*/
	height:auto;
	margin:0 auto;
}

ul#whatsnewList li {line-height:160%; 	border-bottom: 1px solid #050505;}
ul#whatsnewList li:last-child {border-bottom:0;}

/*.top_basics:nth-of-type(even) {border-color: #666;}*/

.top_basics ul#whatsnewList li {border-bottom:0;}

.top_basics ul#whatsnewList li a {color:#fff; text-decoration: none; } 

.top_basics.verWhite ul#whatsnewList li {border-bottom-color:#050505;}
.top_basics.verWhite ul#whatsnewList li a {color: #050505;}


.top_basics ul#whatsnewList li a:hover,
.top_basics.verWhite ul#whatsnewList li a:hover {color: #ff757f;}

.top_basics ul#whatsnewList li a:hover,
.top_basics.verWhite ul#whatsnewList li a:hover {color:#ff757f !important;}


#top_liveDate {	 line-height: 100%; font-weight: 600;}

#articleCategory {	color:#169998;	position:relative;	}

#articleCategory p {	font-weight:700;	line-height:140%; text-align:center; letter-spacing:0;}


#articleCategory p span{
	display:block;
	color:#fff;
	background:#169998;
	border:1px solid #169998;
	text-decoration:none;
	}

/*#articleCategory p a:hover {background:transparent; color:#169998 !important;}*/

.top_basics.verWhite #articleCategory p,
.top_basics.verWhite #articleCategory p span {color:#fff;}


#top_upDate {
	position:relative;
	line-height:100%;
/*margin-top:10px;*/
	font-weight:300;

	}
#articleNew {	font-weight:600 !important;	color:#ff757f;	padding-left:5px; 	font-style: italic;}


#topNext {
	background:#fff !Important;
	/*border:1px solid #169998 !Important;*/
	color: #169998 !Important;
	padding:4px 0;
	margin-bottom:5px;
	line-height:100%;
	letter-spacing:-.5px;}


#top_articleTitle {line-height:140%;}
#top_articleTitle a {color:#f5f5f5; text-decoration:none;}	

.top_basics.verWhite #top_articleTitle a {color:#050505;}



#btn_more {
	max-width:900px;
	height:auto;
	line-height:100%;
	margin:50px auto 0;
}
#btn_more a {
	display:block;
	border:1px solid #f5f5f5;
	color:#f5f5f5;
	text-decoration:none;
	text-align:center;
	padding:10px 15px;
	position:relative;
	font-weight:700;
	overflow:hidden;
	z-index:1;
}
.top_basics.verWhite #btn_more a {color:#050505; border-color:#050505;}

#btn_more a:hover,
.top_basics.verWhite #btn_more a:hover {color:#169998;}


#btn_more a:before {
	content:"";
	position:absolute;
	left:-100%;
	top:0;
	width:100%;
	height:100%;
	background:#f5f5f5;
	z-index:-1;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#btn_more a:hover:before {left:0%;}

.top_basics.verWhite #btn_more a:before {background:#050505;}

#btn_more a:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	right:10px;
	margin-top:-4px;
	border-left: 10px solid #f5f5f5;
	border-right: 10px solid transparent;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.top_basics.verWhite #btn_more a:after {border-left-color:#050505;}

#btn_more a:hover:after,
.top_basics.verWhite #btn_more a:hover:after  {border-left-color:#169998;}


/*===========================================

 → ARTICLE 
   
============================================*/
#contentsLeft ul#whatsnewList li {line-height:180%;}

#contentsLeft #articleCategory { margin:0 auto 10px; width:100%; height:auto; text-align:left; max-width:inherit;}


#contentsLeft #articleCategory p {display:inline-block; margin:0; padding:0; line-height: 100%;}
/*#contentsLeft #articleCategory p span {padding:2px 15px;}*/

#articleTitle {line-height:140%; font-weight:600; color: #fff;}
#article_titleBloc  #articleTitle {color:#fff;}


#article_mainbloc, #article_mainbloc p {line-height:180%;}
#article_mainbloc p {margin-bottom:20px;}
#article_mainbloc p:last-child {margin-bottom:0;}

#article_mainbloc img {display:block; height:auto; width:100%; max-width:500px;}
#article_mainbloc iframe {height:240px; width:100%; max-width:426px;}

#article_mainbloc a {color:#ff757f ; font-weight:700; text-decoration:underline !important;}
#article_mainbloc a:hover {color:#f33 ;}



/*===========================================

 → ARTICLE LIST → CATEGORY LIST
   
============================================*/
ul#categoryList {	list-style-type:none;}
#rightTitle , ul#categoryList li {font-family: 'Roboto_C',sans-serif !Important;}

#rightTitle {	color:#169998; line-height:100%; background:#292929;	}

ul#categoryList li {	display:block; border-bottom:1px solid #000; background:#292929;	}
/*ul#categoryList li:last-child {border-bottom:0;}*/

ul#categoryList li a {
	display:block;
		color:#fff;
	text-decoration:none;
	font-weight:700;
	
}
ul#categoryList li a:hover {color:#169998;}

#contentsRight.n-all li#smn00 a,
#contentsRight.n-news li#smn01 a,
#contentsRight.n-live li#smn02 a,
#contentsRight.n-release li#smn03 a,
#contentsRight.n-magazine li#smn04 a,
#contentsRight.n-tv li#smn05 a,
#contentsRight.n-radio li#smn06 a,
#contentsRight.n-web li#smn07 a,
#contentsRight.n-goods li#smn08 a,
#contentsRight.n-other li#smn09 a {	background:#169998;	color:#000;}

#contentsRight.all li#smn00 a,
#contentsRight.oneman li#smn01 a,
#contentsRight.event li#smn02 a,
#contentsRight.support li#smn03 a,
#contentsRight.past li#smn04 a {	background:#169998;	color:#000;}


#contentsRight.newrelease li#smn01 a,
#contentsRight.single li#smn02 a,
#contentsRight.album li#smn03 a,
#contentsRight.other li#smn04 a {	background:#169998;	color:#000;}





/*======================================================================

 → ARTICLE LIST → LIVE
   
=======================================================================*/


ul#whatsnewList.live li:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}

#article_titleLeft, #article_titleRight {height:auto; display:inline-block; vertical-align:top; letter-spacing:0;}

#contentsLeft ul#whatsnewList.live #articleCategory p {border: none;}
#contentsLeft ul#whatsnewList.live #articleCategory span {background: #050505; color: #169998; border: 1px solid #050505;}

#article_titleRight, #articleTitle, #live_listDate, #live_listVenue{
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	
}
#article_titleRight a {	display:block;}

ul#whatsnewList.live #article_titleBloc a {color:#fff; text-decoration:none; }

ul#whatsnewList.live #article_titleBloc a:hover #articleTitle,
ul#whatsnewList.live #article_titleBloc a:hover #live_listDate,
ul#whatsnewList.live #article_titleBloc a:hover #live_listVenue{color: #ff757f;}

ul#whatsnewList.live #article_titleBloc a:hover #live_listDate {border-bottom-color: #ff757f;}

#live_listDate, #live_listVenue {line-height: 100%;}
#live_listDate  {font-weight: 600; }


/*====================================================================

 → ARTICLE → PAST OF LIVE
   
=====================================================================*/
ul#whatsnewList.live_past li #live_pastBody #articleCategory p {width: 100%;  border: none;}

ul#whatsnewList.live_past li #live_pastBody #articleCategory p span {background: #050505; border-color:#050505;  }
ul#whatsnewList.live_past li #article_titleBloc {margin-bottom: 0;}

#live_pastDate {line-height: 100%; font-weight: 600;}

#past_articleTitle {line-height: 120%; color: #169998;}


/*====================================================================

 → ARTICLE → LIVE
   
=====================================================================*/
.live_inner  {width:90%; margin:0 auto;}

#contentsLeft #live_titleArea #articleCategory p {background:#050505; border-color:#050505; color:#169998;}

#live_titleArea #articleTitle, #live_titleArea #articleTitle span {line-height:130%;}

#live_titleArea {border-bottom:1px solid #050505;}

#artcle_liveDate {font-weight: 600; line-height: 100%; }
#artcle_liveDate span {line-height: 100%; }

#live_titleArea #articleTitle {margin: 0 auto;}

#artcle_liveVenue{ font-weight: 600; } 

#mapArea, #liveDetail {height:auto;}



#mapFlame {position:relative; overflow:hidden; padding-top:40%;}

#mapFlame  iframe {width:100%; height:100%; position:absolute; left:0; top:0; margin:auto;}

/*===========================================

 → ARTICLE → LIVE → LIVE DATA
   
============================================*/
dl#detailList {margin:0 auto;}

dl#detailList dt, dl#detailList dd {height:auto; line-height:150%; }

dl#detailList dt {
	background:#169998;
	color:#fff;
	text-align:center;
		webkit-box-shadow: 0px 0px 8px rgba(33,33,33,.1);
	-moz-box-shadow:  0px 0px 8px rgba(33,33,33,.1);
	box-shadow: 0px 0px 8px rgba(33,33,33,.1);
}

#live_dataTitle {font-weight:700; color:#fff; line-height:100%; ffont-family: 'Roboto_C',sans-serif !Important;text-align:center;}
#live_dataTitle span {border-bottom:2px solid #fff;}

#ticketOne, #ticketOne p {line-height:150%;}

#ticketOne:last-child {margin-bottom:0;}

#ticketOne p:last-child {margin-bottom:0;}

#ticketOne p#ticketTitle,
#ticketOne p#commonTicket {font-weight:700;}


#ticketHeadline {font-weight:700; color:#169998; line-height:150%;}

#ticketOne a,
dl#detailList dd a {color:#ff757f; text-decoration:none; font-weight:700; word-break:break-all;}

#ticketOne a:hover,
dl#detailList dd a:hover {color:#f33;}


#btnReturn {margin:0 auto; text-align:center;}
#btnReturn a {
	color:#169998;
	background:#111;
	line-height:100%;
	border:1px solid #111;
	text-decoration:none;
	font-weight:700;
	display:block;
			webkit-box-shadow: 0px 0px 8px rgba(33,33,33,.1);
	-moz-box-shadow:  0px 0px 8px rgba(33,33,33,.1);
	box-shadow: 0px 0px 8px rgba(33,33,33,.1);
	}
#btnReturn a:hover {color:#169998; background:inherit; border-color:#169998;}


#live_infomation_box {border-top:1px solid #000;}

#live_infomation_box p {line-height:180%;}
#live_infomation_box a {color:#ff757f; font-weight:700; text-decoration:none; word-break:break-all;}
#live_infomation_box a:hover {color:#f33;}

#live_infomation_box img,
dl#detailList dd img {width:100%; height:auto; display:block; max-width:500px;}

#live_infomation_box img {margin:15px auto;}



/*===========================================

 → PROFILE
  
============================================*/

#fullBody #renoMain, 
#fullBody #renoBiography { height:auto;}

#Reno img {
	width:100%;
	height:auto;
	display:block;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(../profile/img/visual.jpg);
}


ul#prof_linkList {letter-spacing:-.4em; list-style-type:none; text-align:left; margin:0 auto;}
ul#prof_linkList li {margin-right:2%; height:auto; letter-spacing:0; vertical-align:top; display:inline-block; width:32%;}
ul#prof_linkList li:last-child {margin-right:0;}

ul#prof_linkList img, ul#prof_linkList li a {display:block; width:100%; height:auto;}


#renoName {height:auto; font-weight:700; line-height:100%; font-family: 'Roboto_C',sans-serif ;}
#renoName span { color:#169998; padding-left:5px;}



#renoBiography table {margin-bottom:25px;}

#renoBiography table {width:100%;}
#renoBiography table th, #renoBiography table td {
	text-align:left;
	vertical-align:top;
	-webkit-box-shadow: 1px 1px 3px rgba(255,255,255,.1) inset;
	-moz-box-shadow: 1px 1px 3px rgba(255,255,255,.1) inset;
	box-shadow: 1px 1px 3px rgba(255,255,255,.1) inset;
	font-weight:700;
}

#renoBiography table th {	volor: #fff;	background: #169998;	background: rgba(22,153,152,.7);white-space:nowrap; text-align:center;}
#renoBiography table td {background:#fff; background:rgba(255,255,255,.1);}

.bio_data span {	color: #f33;}

#biographyData, #biographyData p {line-height:180%;}
#biographyData p:last-child {margin-bottom:0;}


/*===========================================

 → DISCOGRAPHY
 
============================================*/
#disc_imgThumb, #oneDisc img  {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}


#disco_catTitle {line-height:100%; color:#fff; font-weight:700;  font-family: 'Roboto_C',sans-serif !Important;text-align:center;}

dl#discList dt {cursor:pointer; width:100%; }
dl#discList dd {border-bottom:1px solid #000; margin-bottom:0;}
dl#discList dd:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}

#disc_headArea {
	border-bottom:1px solid #111;
	position: relative;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	z-index: 1;
	cursor:pointer;
	overflow:hidden;
	}

#disc_headArea.active {border-bottom:none; background:#111; color:#fff;}
	
#disc_headArea:hover {background:rgba(0,0,0,.6);}

.disc_head_inner {
margin:0 auto;
letter-spacing:-.4em;
/*display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;*/
}
#disc_imgThumb, #disc_titleBox {display:inline-block; letter-spacing:0; height:auto; vertical-align:middle;}
#disc_imgThumb img {width:100%; height:auto; display:block;}	
	
	
#disc_imgThumb, #disc_titleBox {
		-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
	
	
	
	
#discNumbering { color:#fff;position:relative; line-height:100%; font-weight:700;}
#discNumbering span { padding:2px 5px; background:#169998; text-align:center;}


#disc_headArea.active #discNumbering span {background:#fff; color:#169998;}
#disc_headArea.active #releaseDate,
#disc_headArea.active #discTitle {color:#169998;}



#releaseDate{
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#discTitle {
	color:#fff;
	position:relative;
	font-weight:700;
	line-height:140%;
	moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	}
#More {
	position:absolute;
	letter-spacing:0;
	font-weight:700;
	color:#169998;
	padding:1px 15px 1px 20px;
	border:1px solid #169998;
	cursor:pointer;
	moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	display:block;
	}
#More:after {
	position: absolute;
	top: 11px;
	left: 5px;
	display: block;
	content: '';
	width: 0px;
	height: 0px;
	margin-top: -4px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid transparent;
	border-top: 10px solid #169998;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
}
#disc_headArea:hover #More  {background:#169998; color:#fff;}
#disc_headArea.active #More  {background:#111; color:#169998;}

#disc_headArea:hover #More:after {border-top-color:#fff;}
#disc_headArea.active #More:after {-webkit-transform: rotate(-180deg);  -moz-transform: rotate(-180deg); top:-1px; border-top-color:#169998;}


#productDetail {color:#fff;margin:15px auto;}

#oneDisc,
#oneDisc img {width:100%; height:auto; display:block;}

#oneDisc:last-child {margin-bottom:0;}

#discStyle {text-align:center; color:#169998; background:#111; line-height:120%; font-weight:700;}

#detailRight ul:last-child {margin-bottom:0;}


#discType {
	line-height:100%;
	font-weight:700;
	font-family:'Roboto Condensed', 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif  !Important;

	}


#serial_price {	color:#fff;	line-height:150%;	text-align:center; font-weight:700;}

#btnBuy { text-align:center; width:100%; margin:0 auto; font-weight:700;}
#btnBuy a {
	display:block;
	color:#fff;
	text-decoration:none;
	background:#e70010;
	background:rgba(231,0,16,.7);
	border:1px solid rgba(231,0,16,.9);
font-family: 'Roboto_C',sans-serif !Important;
	}

#btnBuy a span {position:relative;}
#btnBuy a span:after {
	position: absolute;
	top: 50%;
	left: -20px;
	display: block;
	content: '';
	width: 0px;
	height: 0px;
	margin:auto;
	border-left: 10px solid #fff;
	border-right: 10px solid transparent;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	
	-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
	
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}

#btnBuy a:hover {color:#025d5c; background:#169998; border-color:#169998;}
#btnBuy a:hover span:after {left:108%;border-left-color:#025d5c;}


#detailTitle {
	line-height:100%;
font-family: 'Roboto_C',sans-serif !Important;
	/*border-bottom:1px solid #169998;*/
	color:#169998;
	}
#detailTitle span {vertical-align:middle;}

ul#trackList {list-style-type:decimal-leading-zero !important;	list-style:inside;	}

ul#trackList li {
line-height:150%;
position:relative;
font-family: 'Roboto_C',sans-serif !Important;
 }


ul#disco_linkList {
	list-style-type:none;
letter-spacing:-.4em;
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

}

ul#disco_linkList li {display:inline-block; vertical-align:top; letter-spacing:0;}

ul#disco_linkList li {text-align:center; text-decoration:none;}
ul#disco_linkList li a, ul#disco_linkList li a img {width:100%; height:auto; display:block; }


ul#disco_linkList li a:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

ul#disco_linkList li#nobnr {
	border:1px solid #f5f5f5;
		-moz-transition: .4s;
	-webkit-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	overflow:hidden;
}

ul#disco_linkList li#nobnr a {
	color:#fff;
	font-weight:700;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	line-height:100%;
}
	
ul#disco_linkList li#nobnr:hover {background:#169998; color:#111; border-color:#169998;}
ul#disco_linkList li#nobnr:hover a {color:#111; }

ul#disco_linkList.dw_bnr {
	/*background:#fff;
	 box-shadow:  1px 2px 8px rgba(0, 0, 0, .2);
    -moz-box-shadow:  1px 2px 8px rgba(0, 0, 0, .2);
    -webkit-box-shadow:  1px 2px 8px rgba(0, 0, 0, .2);*/
	}

ul#movieList {list-style-type:none; letter-spacing:-.4em;}
ul#movieList li {height:auto; list-style-type:none; display:inline-block; margin:10px 2% 0 0; letter-spacing:0;}
ul#movieList li:first-child {width:100%; margin:0 auto;}

#movieBox {position:relative; overflow:hidden; padding-top:56.25%;}
#movieBox iframe {width:100%; height:100%; position:absolute; left:0; top:0; margin:auto;}


#linerNotes {
	background:#000;
	background:rgba(0,0,0,.8);
	 box-shadow:  1px 2px 8px rgba(0, 0, 0, .2);
    -moz-box-shadow:  1px 2px 8px rgba(0, 0, 0, .2);
    -webkit-box-shadow:  1px 2px 8px rgba(0, 0, 0, .2);
	
	}
#linerNotes , #linerNotes p {line-height:180%;}
#linerNotes p:last-child {margin-bottom:0;}

#Model {
	color:#fff;
line-height:140%;
font-weight:700;
border-bottom:1px solid #fff;
font-family: 'Roboto_C',sans-serif !Important;
}




/*=========================================================

PAGER
  
=========================================================*/	
.pager {
	height: auto !important;
	/* [disabled]background-color: #131313; */
	width: 100%;
	text-align: center;
	}
 .pager_inner {	}
	
a.page-numbers,
.pager .current,
.pager a:hover{ font-weight:700;}
	
a.page-numbers{
   background:#169998;
    padding:4px 8px;
    margin:0 2px;
	font-size:11px !important;
	color:#fff;
	text-decoration:none;
	
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	}
 
.pager .current{
	padding:4px 8px;
   background:#fff;
   color: #169998;
	font-size:11px !important;}
 
.pager a:hover{
	padding:4px 8px;
  	background:#050505;
	color:#169998 !important;

	font-size:11px;}

.navigation,
.paging-navigation {
	display:none !important;
}



#pagination {margin: 30px 0 30px auto; position:relative; height:auto; width: 78%;}
#pagination li {
	display:block !important;
	position:absolute;	
	top:0;
	width:100px;
	}
#pagination li#btn_prev {left:0;}
#pagination li#btn_back {left:45%; }
#pagination li#btn_next {right:0; }


#pagination li a {
	text-align:center;
	display:block;
	background:#fff;
color:#1385b2;
	font-size:13px;
	padding:2px 0;
	text-decoration:none;

	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
	
#pagination li a:hover {background:#1385b2;	color:#fff;}



 /* max-width:900以下 */
@media print, screen and (max-width:900px){

#pagination { width: 76%;}

} /* max-width:900以下 */

#coming {
	text-align:center;
	color:#fff;
	font-weight:700;
	font-family: 'Roboto_C',sans-serif !Important;
}



/*=========================================================

NO PAGE
  
=========================================================*/	
#fullBody.notfound {letter-spacing: 0;}

#notfoud {line-height: 120%; color: #169998;}
#notfont_kana {line-height: 120%; color: #fff;}

#no_pagebox p {line-height: 120%;}



/*=========================================================

TOP NEW RELEASE
  
=========================================================*/	
/*#newRelease {
background: rgba(255,255,255,.8);
padding: 15px 0;
color: #050505;
position: relative;
}

#newRelease:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-image: url(../disco/img_album/2nd_image.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: cover;
z-index: -1;
}*/

#newRelease.top_basics {padding: 15px 0;}

#top_discTitle,#top_releaseDate,#top_discPrice,#top_discStyle {
font-weight: 600;
font-family: 'Roboto_C',sans-serif !Important;
}

#top_discStyle, #top_discTitle {line-height: 100%; }

#top_discTitle{color: #169998;}

#top_releaseDate {line-height: 140%;}

#top_discStyle {color: #f33;}

#top_newreleaseBox {width: 96%; height: auto; margin: 0 auto; letter-spacing:-.4em; max-width:1200px;}

ul#top_disc_picBox, #top_release_dateBox {display: inline-block; letter-spacing: 0; vertical-align: middle; height: auto;}

ul#top_disc_picBox {width: 26%; margin-right: 4%; list-style-type: none;}
ul#top_disc_picBox li img {width: 100%; height: auto; display: block;}

#top_release_dateBox {width: 70%;}

#newRelease #btn_more {margin: 0;}

/*
#newRelease #btn_more a {color:#050505; border-color:#050505;}
#newRelease #btn_more a:hover {color:#169998;}

#newRelease #btn_more a:before {background:#050505;}

#newRelease #btn_more a:after {border-left-color:#050505;}
#newRelease #btn_more a:hover:after  {border-left-color:#169998;}
*/

/*=======================================================================

TOP PAGE > MOVIE LIST

========================================================================*/


/*
#top_movieBloc #top_blocTitle {color: #fff;}

#top_movieBloc #top_blocTitle span:after {	background:#fff;}
*/
ul#top_youtubeList {list-style-type: none;  width: 94%; height: auto; letter-spacing: -.4em; margin: 0 auto; /*max-width: 1200px;*/}


ul#top_youtubeList li  {letter-spacing: 0;display: inline-block;vertical-align: top;}

#top_youTube {padding-top: 56.25%; position: relative; overflow: hidden; width: 100%;}
#top_youTube iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: auto;
display: block;
}

ul#top_youtubeList li a, ul#top_youtubeList li img {width: 100%; height: auto; display: block;}


/* ---------------------------------------------------------------------------------- */
#btn_banner {margin: 0 auto ; width:94%; height: auto; max-width:400px ;}
#btn_banner a, #btn_banner img {width: 100%; height: auto; display: block;}
#btn_banner a:hover {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}


/*=======================================================================

TOP PAGE > SCHEDULE LIST CUSTOM (19/02/24)

========================================================================*/
/*#top_scheduleBloc ul#whatsnewList li {border-bottom: 1px solid #666;}*/

/*=======================================================================
TOP PAGE：CUSTOM (24/10/25)
========================================================================*/
#top_bannerList {list-style-type: none; height: auto; margin: 0 auto;}
#top_bannerList p {margin: 0 auto; height: auto;}
#top_bannerList p a, #top_bannerList p img {width: 100%; height: auto;display: block;}
#top_bannerList p a:hover  {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}



/*=======================================================================
CUSTOM (24/10/25)
========================================================================*/
ul#side_bnrList {list-style-type: none; width: 100%; height: auto; margin: 0 auto;}
ul#side_bnrList li {margin: 0 auto; height: auto;}
ul#side_bnrList li a, ul#side_bnrList li img {width: 100%; height: auto;display: block;}
ul#side_bnrList li a:hover  {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}




