@charset "utf-8";
/* reset styles */
/*=========================================================================
BASIC
=========================================================================*/
body {background: #050505; color: #fff; position: relative; z-index: 1;}

#mainContents {background-color: #111;}

body#Top #mainContents {background-color: inherit;}

#markNew {
color: #f20 !important;
font-family: 'futura',sans-serif;
webkit-animation: 1s linear 0s alternate none infinite running fade;
-moz-animation: 1s linear 0s alternate none infinite running fade;
animation: 1s linear 0s alternate none infinite running fade;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Coming {
line-height: 160%;
text-align: center; 
font-family: 'futura_bold',sans-serif;
color: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#morkMore {line-height: 100%;}
#morkMore span {
border: 1px solid #fff;
color: #fff;
font-family: 'futura_bold',sans-serif;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
a:hover #morkMore span{color: #fcff34; border-color:#fcff34;}

/*-------------------------------------------------------------------------------------------------------------------------*/
.up, .f_blur, .u_blur,.up,.fades, .line_width {position: relative;z-index: 1;opacity: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
section {border-bottom: 1px solid #050505;}

body#Top section, section:last-of-type {border-bottom: 0;}
section:last-of-type {margin-bottom: 0;}


#sectionBasic, .bloc_basic {width: 90%; max-width: 1200px; margin: 0 auto; height: auto; position: relative; z-index: 1;}
#sectionBasic.fullsize {width: 100%; max-width: inherit;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#contentHeadline {
display: block;
height: auto;
margin: 0 auto;
letter-spacing: 2px;
line-height: 140%;
/*color: #fff;*/

color:transparent;
-webkit-text-stroke:2px #fff;
text-stroke: 2px #fff;

font-weight: 600;
font-family: 'futura_bold',sans-serif;
position: relative;
z-index: 1;
opacity: 0;
text-align: center;
}

#contentHeadline span {position: relative; z-index: 1; padding: 0 1%;}

#lineDown {
content: "";
position: absolute;
width: 2px;
height: 0;
background: #fff;
opacity: 0; 
left: 50%;
}


#contentHeadline span:after {
content: "";
position: absolute;
left: 0%;
bottom:-3px;
width: 100%;
height: 3px;
border:1px solid #fff;
z-index: -1;
animation-name: lineWidth;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-fill-mode:both;
animation-delay:.2s;
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#onePeriod {width: 100%; height: auto;  margin: 0 auto;}
#onePeriod, #onePeriod p {line-height: 160%;}
#onePeriod p:last-of-type {margin-bottom: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#btnMore {text-align: center; margin: 0 auto; width: 100%; height: auto;}
#btnMore a {
position: relative;
z-index: 1;
line-height: 100%;
font-weight: 400;
color: #fff;
border: 2px solid #fff;
font-family: 'futura',sans-serif;
text-decoration: none;
}

#btnMore a:hover {
color: #fcff34;
border:2px solid transparent;
-ms-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
-o-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
-moz-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
-webkit-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));

}

#btnMore a::before,
#btnMore a::after {content: '';position: absolute;width: 0;height: 0;border: 2px solid transparent;}

#btnMore a::before {top: -2px;left: -2px;}
#btnMore a::after {bottom: -2px;right: -2px;}

#btnMore a:hover::before,
#btnMore a:hover::after{width: 100%;height: 100%;}

#btnMore a:hover::before{
border-top-color: #fcff34;
border-right-color: #fcff34;
transition: width .2s ease-out, height .25s ease-out .2s;
}

#btnMore a:hover::after {
border-bottom-color: #fcff34;
border-left-color: #fcff34;
transition: border-color 0s ease-out .35s, width .25s ease-out .4s, height .25s ease-out .6s;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#oneDetail {width: 100%; height: auto;  margin: 0 auto; /*border-bottom: 1px solid #000; */ border-top: 1px solid #202020;}
#oneDetail, #oneDetail p {line-height: 160%;}

#oneDetail, #oneDetail p:last-of-type {margin-bottom: 0;}

#oneDetail:first-of-type {border-top: 0; padding-top: 0;}
#oneDetail:last-of-type {border-bottom: 0; padding-bottom: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#pageHeadeline {font-weight: 600; line-height: 180%; }
#pageHeadeline span {position: relative; z-index: 1; font-weight: 400; font-family: 'futura',sans-serif;}
#pageHeadeline span:after {
content: "";
width: 100%;
height: 2px;
display: block;
background: #fff;
position: absolute;
left: 0;
bottom: 0;
}
/*=========================================================================
HEADER
=========================================================================*/
#Header {position: fixed; left: 0; top: 0; width: 100%; height: auto; z-index: 9; /*background: rgba(0,0,0,.4);*/}


/*------------------------------------------------------------------------------------------*/
#headBody {width: 96%; margin: 0 auto; height: auto; position: relative; z-index: 1;}

/*------------------------------------------------------------------------------------------*/
#Logo {
position: absolute;
z-index: 99;
left: 0;
height: auto;
margin: auto;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}

#Logo a, #Logo img {width: 100%; height: auto; display: block;}
#Logo a:hover {
-ms-filter: drop-shadow(0px 0px 3px rgba(255,255,255,.5));
-o-filter: drop-shadow(0px 0px 3px rgba(255,255,255,.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(255,255,255,.5));
-webkit-filter: drop-shadow(0px 0px 3px rgba(255,255,255,.5));
filter: drop-shadow(0px 0px 3px rgba(255,255,255,.5));
}
#Logo.shadow {
-ms-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
-o-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
-webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
}


/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {width: 100%; height: auto;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Logo a, #Logo img,
#snsLink a, #snsLink img {display: block; width: 100%; height: auto;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#naviList {list-style-type: none; width: 100%; height: auto; position: relative; }
ul#naviList li {
font-family: 'futura',sans-serif;
line-height: 120%;
font-weight: 400;
opacity: 0;

}
ul#naviList li a {text-decoration: none; color: #fff; position: relative; z-index: 1; overflow: hidden;}

ody#News ul#naviList li#Mn01 a,
body#Profile ul#naviList li#Mn02 a,
body#Disco ul#naviList li#Mn03 a,
body#Schedule ul#naviList li#Mn04 a,
body#Picture ul#naviList li#Mn05 a,
body#Autition ul#naviList li#Mn06 a, 
body#Contact ul#naviList li#Mn08 a,
ul#naviList li a:hover {color:#fcff34;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#naviList li a:after {
content: "";
width: 100%;
height: 2px;
background: #fcff34;
position: absolute;
left: -30%;
bottom: 0px;
transition: all .2s;
opacity: 0;
}

/*=========================================================================
SNS ICON
=========================================================================*/
#sns_iconBox, ul#sns_iconList, ul#sns_iconList li {height: auto;}

#sns_iconBox {position: fixed;z-index: 99;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#sns_iconList { list-style-type: none; }
ul#sns_iconList li {height: auto;}
ul#sns_iconList li a, ul#sns_iconList li img {width: 100%; height: auto; display: block;}
ul#sns_iconList li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


/*=========================================================================
FOOTER
=========================================================================*/
#Footer {background: #050505; color: #fff; border-top: 1px solid #111;}

.footerBody {width: 90%; max-width: 1200px; height: auto; margin: 0 auto;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#bottomLogo {margin: 0 auto; height: auto; }
#bottomLogo img {width: 100%; height: auto; display: block;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Copy {text-align: center; color: #fff; line-height: 100%;}


/*=========================================================================
PAGER
=========================================================================*/
a.page-numbers, .pager .current, .pager a:hover {
padding:4px 8px;
font-weight:400;
font-family: 'futura',sans-serif;
font-size: 13px;
}

.pager {height: auto !important;width: 100%;margin: 0 auto;padding: 5px 0 !important;text-align: center;max-width: 1200px;}
 
a.page-numbers{
border:1px solid #fff;
margin:0 2px; color:#fff;
text-decoration:none;
position: relative;
z-index: 1;
}
 
.pager .current{
color: #111;
border:1px solid #fcff34; 
background: #fcff34;
-moz-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
-webkit-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
}
 
.pager a:hover {color: #fcff34; border:1px solid transparent;}

/*-------------------------------------------------------------------------------------------------------------------------*/

.pager a::before,
.pager a:after {content: '';position: absolute;width: 0;height: 0;border: 1px solid transparent;}

.pager a::before {top: -1px;left: -1px;}
.pager a::after {bottom: -1px;right: -1px;}

.pager a:hover::before,
.pager a:hover::after{width: 100%;height: 100%;}

.pager a:hover::before{
border-top-color: #fcff34;
border-right-color: #fcff34;
transition: width .2s ease-out, height .25s ease-out .2s;
}

.pager a:hover::after {
border-bottom-color: #fcff34;
border-left-color: #fcff34;
transition: border-color 0s ease-out .35s, width .25s ease-out .4s, height .25s ease-out .6s;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
.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;
border: 1px solid #fff;
color:#fff;
	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 {color:#9b0303; border-color: #9b0303;}



@media print, screen and (max-width:900px){
#pagination { width: 76%;}
} 



/*=========================================================================
NO PAGE
=========================================================================*/
#notfoud {line-height: 180%;color: #f33; font-family: 'futura',sans-serif; font-weight: 400;}
#notfont_kana {line-height: 180%; color: #999;}

#no_pagebox p { line-height: 180%; color:#fff;}

/*=========================================================================
ARCHIVE LINK
=========================================================================*/
section#Archive {width: 100%; height: auto; margin: 0 auto; border-top:1px solid#202020;}

ul#archiveList {list-style-type: none; letter-spacing: -.4em; max-width: 1200px; width: 90%; margin: 0 auto; height: auto;}
ul#archiveList li {letter-spacing: 0;
display:inline-block;
vertical-align: top;

font-family: 'futura',sans-serif; 

line-height: 100%;
}


ul#archiveList li a {text-decoration: none; color: #fff; ;border: 1px solid #fff; position: relative;z-index: 1; display: block; text-align: center;}
ul#archiveList li a:hover {color: #fcff34; border:1px solid transparent;}

/*-------------------------------------------------------------------------------------------------------------------------*/

ul#archiveList li a:before,
ul#archiveList li a:after {content: '';position: absolute;width: 0;height: 0 ;border: 1px solid transparent;}

ul#archiveList li a:before {top: -1px;left: -1px;}
ul#archiveList li a:after {bottom: -1px;right: -1px;}

ul#archiveList li a:hover::before,
ul#archiveList li a:hover::after{width: 100%;height: 100%;}

ul#archiveList li a:hover::before{
border-top-color: #fcff34;
border-right-color: #fcff34;
transition: width .2s ease-out, height .25s ease-out .2s;
}

ul#archiveList li a:hover::after {
border-bottom-color: #fcff34;
border-left-color: #fcff34;
transition: border-color 0s ease-out .35s, width .25s ease-out .4s, height .25s ease-out .6s;
}


/*=========================================================================
CATEGORY NAVI
=========================================================================*/
#category_naviBloc {width: 100%; height: auto; margin: 0 auto; border-top:1px solid #202020; border-bottom: 1px solid #202020;}

ul#category_naviList {width: 90%; height: auto; margin: 0 auto; max-width: 1200px; letter-spacing: -.4em; text-align: center;}
ul#category_naviList li {
height: auto;
font-family: 'futura',sans-serif;
letter-spacing: 0;
vertical-align:middle;
display: inline-block;
border-left: 1px solid #202020;
}
ul#category_naviList li:last-of-type { border-right: 1px solid #202020;}

ul#category_naviList li a {
color: #fff;
display: block;
width: 94%;
margin: 0 auto;
text-align: center;
height: auto;
text-decoration: none;
line-height: 120%;
-moz-text-shadow: 2px 3px 2px rgba(0,0,0,.8);
-webkit-text-shadow:2px 3px 2px rgba(0,0,0,.8);
text-shadow: 2px 3px 2px rgba(0,0,0,.8);
}

ul#category_naviList li a:hover {
color: #fcff34;
background: rgba(55,55,55,.6);
-ms-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
-webkit-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
}






/*=========================================================================
NEWS
=========================================================================*/
ul#newsList li, dl#topics_headelineBox, #topicsThumb,#topicsThumb img  {
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
ul#newsList {list-style-type: none;}
ul#newsList li {height: auto; position: relative; z-index: 1; opacity: 0;}

ul#newsList li a {width: 100%; height: auto; display: block; text-decoration: none;}
ul#newsList li:hover {background: #fff;}

ul#newsList li:nth-of-type(1) { animation-delay:.1s;}
ul#newsList li:nth-of-type(2) { animation-delay: .2s;}
ul#newsList li:nth-of-type(3) { animation-delay: .3s;}
ul#newsList li:nth-of-type(4) { animation-delay: .4s;}
ul#newsList li:nth-of-type(5) { animation-delay: .5s;}
ul#newsList li:nth-of-type(6) { animation-delay: .6s;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#topicsThumb {position: relative; z-index: 1; }

#topicsThumb, #topicsThumb img  {width: 100%; height: auto; display: block; }

#topicsThumb {margin: 0 auto; overflow: hidden;}
#topicsThumb:before {
display: block;
content:"";
position: absolute;
bottom: 0px;
left: 0;
width: 0;
height: 1px;
background: #000;
transition: width 0.3s;
z-index: 2;
}
ul#newsList li a:hover #topicsThumb:before {width: 100%;}


#topicsThumb img {background-position: left top; background-repeat: no-repeat; background-size: cover;}

ul#newsList li a:hover #topicsThumb img{
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);

}

/*-------------------------------------------------------------------------------------------------------------------------*/
#topics_headelineBox {line-height: 120%; word-break: break-all; width: 100%; height: auto;}

#topicsCategory {border: 1px solid #fff; display: inline-block; font-family: 'futura_bold',sans-serif; }

ul#newsList li a #topics_headelineBox {color: #fff;}

ul#newsList li a:hover #topics_headelineBox {color: #050505;}
ul#newsList li a:hover #topicsCategory {border-color: #050505; } 

#topics_upDate {line-height: 140%; font-family: 'futura_bold',sans-serif;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#topics_headelineBox	 {font-weight: 400; line-height: 140%;}
#topicsTitle {font-weight: 400; line-height: 140%;}


/*=========================================================================
PROFILE & MEMBER
=========================================================================*/
body#Profile #mainContents {padding-bottom: 0;}

dl#profile_contentsBody {width: 100%; height: auto; margin: 0 auto;}

dl#profile_contentsBody dt, dl#profile_contentsBody dd {height: auto;}
dl#profile_contentsBody dt { position: relative; z-index: 1;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#prof_photoList { width: 100%; height: auto; list-style-type: none; }
ul#prof_photoList li, ul#prof_photoList li a, ul#prof_photoList li img {width: 100%; height: auto; display: block;}
ul#prof_photoList li img {background-position: left center; background-repeat: no-repeat; background-size: cover;}

#profileLogo { height: auto; max-width: 400px;}
#profileLogo img {width: 100%; height: auto; display: block;}

#profCatch {color: #fff;font-weight: 600;ine-height: 160%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#memberList {list-style-type: none;}
ul#memberList li {border-top: 1px solid #222;}
ul#memberList li:first-of-type {padding-top: 0 !important; border-top:0;}
ul#memberList li:last-of-type {padding-bottom: 0 !important;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#memberPhoto, ul#memberThumb, ul#prof_snsLink {list-style-type: none;}
ul#memberPhoto li, ul#memberThumb li, ul#prof_snsLink li {height: auto; border-top: 0; padding: 0 !important;}

ul#memberPhoto li a, ul#memberPhoto li img,
ul#memberThumb li a, ul#memberThumb li img {width: 100%; height: auto; display: block;}
ul#memberPhoto li img,
ul#memberThumb li img {background-position: left center; background-repeat: no-repeat; background-size: cover;}

ul#memberThumb li {cursor: pointer;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#photoContainer, #thumbContainer {height: auto;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#member_profBox {text-align: left; letter-spacing: 0; vertical-align: top;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#memberName {
width: 100%;
height: auto;
text-align: center;
display: block;
margin: 0 auto;
letter-spacing: 2px;
line-height: 140%;
color:transparent;
-webkit-text-stroke:2px #fff;
text-stroke: 2px #fff;
font-weight: 400;
font-family: 'futura_bold','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#memberName p {
line-height: 100%;
font-weight: 400;
color: #fff;
-webkit-text-stroke:0px;
text-stroke: 0px;
}
#memberName span {position: relative;z-index: 1;}
#memberName span:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
bottom: -3px;
width: 100%;
height: 3px;
border:1px solid #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#profData {width: 100%; height: auto; margin: 0 auto;text-align: center; max-width: 500px;}
#profData span {font-family: 'futura_bold',sans-serif; display: block; text-decoration: underline;}
#profData p {line-height: 160%; } 
#profData p:last-of-type {margin-bottom: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#prof_snsLink {letter-spacing: -.4em; text-align: center; height: auto; margin: 0 auto; }
ul#prof_snsLink li {display: inline-block; vertical-align: middle; height: auto; letter-spacing: 0; padding: 0;}
ul#prof_snsLink li:last-of-type {margin-right: 0;}
ul#prof_snsLink li a, ul#prof_snsLink li img  {display: block; width: 100%; height: auto;}
ul#prof_snsLink li img {
max-width: 40px;
margin: 0 auto 5px;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

ul#prof_snsLink li a {color: #fff; text-decoration: none; line-height: 100%;}
ul#prof_snsLink li a:hover {color: #fcff34;}
ul#prof_snsLink li a:hover img {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}
ul#prof_snsLink li a p {line-height: 100%; text-align: center;}


/*=========================================================================
DISCOGRAPHY
=========================================================================*/
body#Disco ul#category_naviList.all li#Cat01 a,
body#Disco ul#category_naviList.single li#Cat02 a,
body#Disco ul#category_naviList.album li#Cat03 a,
body#Disco ul#category_naviList.visual li#Cat04 a {
color: #fcff34;
-moz-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
-webkit-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#list_jacketPhoto, #jacketPhoto {overflow: hidden; }
#list_jacketPhoto img, #jacketPhoto img {
width: 100%;
height: auto;
display: block;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
dl#disc_linkBody dt, #jacketPhoto {
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.6);
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.6);
box-shadow: 0px 3px 6px rgba(0,0,0,.6);
-ms-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

/*=========================================================================
DISCOGRAPHY：LIST
=========================================================================*/
body#Disco #mainContents,
#sectionDisco #sectionBasic {padding-bottom: 0;}

dl#disc_linkBody, #list_jacketPhoto img, #discCategory, dl#disc_linkBody dd:after  {
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

#discography_mainBody {width: 90%; max-width: 1200px;height: auto; margin: 0 auto;}
#discography_mainBody.disc_list {width: 100%; max-width: inherit;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#disc_linkList {list-style-type: none;}
ul#disc_linkList li {
width: 100%;
height: auto; margin: 0 auto;
border-bottom: 1px solid #202020;
}
ul#disc_linkList li:last-of-type {border-bottom: 0;}

ul#disc_linkList li a {display: block; text-decoration: none; color: #fff; margin: 0 auto; height: auto; position: relative; z-index: 1;}
ul#disc_linkList li a:hover {
color: #fcff34;
background: rgba(55,55,55,.6);
-moz-text-shadow: 2px 3px 2px rgba(0,0,0,.8);
-webkit-text-shadow:2px 3px 2px rgba(0,0,0,.8);
text-shadow: 2px 3px 2px rgba(0,0,0,.8);
}




/*-------------------------------------------------------------------------------------------------------------------------*/
dl#disc_linkBody {width: 90%; max-width: 1200px;height: auto; margin: 0 auto;}
dl#disc_linkBody dt, dl#disc_linkBody dd {height: auto;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#list_jacketPhoto {max-width: 768px;}

ul#disc_linkList li a:hover #list_jacketPhoto img  {
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
transform: scale(1.02);
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#discCategory, #discStyle, #disc_releaseDate {font-family: 'futura_bold',sans-serif; line-height: 140%;}

#discName {line-height: 160%; font-weight: 600; -webkit-font-smoothing:subpixel-antialiased;}

#discCategory span {border: 1px solid #fff; position: relative; z-index: 1;}
#disc_releaseDate span {font-weight: 400; position: relative; z-index: 1;}
#disc_releaseDate span:nth-of-type(n+2):before {
content: "／";
}

ul#disc_linkList li a:hover #discCategory span  {border-color: #fcff34;}


/*=========================================================================
DISCOGRAPHY：DETAIL
=========================================================================*/
dl#disc_detailMain {width: 100%; height: auto; margin: 0 auto;border-bottom: 1px solid #222;}
dl#disc_detailMain dt, dl#disc_detailMain dd {height: auto;}



/*-------------------------------------------------------------------------------------------------------------------------*/
#jacketPhoto {margin: 0 auto; height: auto; width: 100%; overflow: hidden;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#frameBody {position: relative; z-index: 1; overflow: hidden; padding-bottom: 100%; }
#frameBody iframe {width: 100%; height: 100%; position: absolute; left: 0; top:0; margin: auto; z-index: 1;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#disc_nameArea {
/*
display: flex;
position: -webkit-sticky;
position: sticky;
top: 120px;
overflow: hidden;
flex-wrap: wrap;
background: #111;
*/
}
#disc_catch {font-weight: 600; line-height: 140%; color: #fcff34;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#disc_tracklistArea #onePeriod:last-of-type {margin-bottom: 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#disc_subTitle {color: #fff;line-height: 140%;font-family: 'futura',sans-serif;font-weight: 400;}
#disc_subTitle span {position: relative; z-index: 1; display: block;width: 100%; height: auto;}
#disc_subTitle span:after {content: ""; position: absolute; left: 0; bottom: -5px; width: 100%; height: 1px; background: #222;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#trackList {list-style-type: none;}
ul#trackList li {line-height: 140%;}

ul#trackList:last-of-type,
ul#trackList li:last-of-type {margin-bottom: 0;}

ul#trackList li a {color: #fff;  text-decoration: underline; position: relative; z-index: 1;padding-right: 20px;}
ul#trackList li a:hover {text-decoration: none; color: #fcff34;}

ul#trackList li a:before,
ul#trackList li a:after {
content: "";
width: 15px;
height:14px;
margin: auto;
position: absolute;
top:50%;

right: 0;
z-index: 1;
background-image: url("../img/icon_blank.png");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#disco_movieList a, ul#disco_movieList img {width: 100%; height: auto; display: block;}

ul#disco_movieList {list-style-type: none;}
ul#disco_movieList li {height: auto; }
ul#disco_movieList li a {position: relative; z-index: 1; overflow: hidden; text-decoration: none; color: #fff;}

ul#disco_movieList li img {background-position: left center;background-repeat: no-repeat;background-size: cover;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#slideCap {letter-spacing: 0; text-align: center; line-height: 120%;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#disco_movieList li a:before{
content: "";
position: absolute;
z-index: 1;
width: 10%;
height: 17.8%;
left: 50%;
top: 50%;
margin: auto;
background-image: url("../img/icon_play.png");
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
filter: alpha(opacity=40); -moz-opacity:.4; opacity:.4;
-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);

-ms-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-o-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
-webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
filter: drop-shadow(0px 0px 8px rgba(0,0,0,.5));
}
ul#disco_movieList li a:hover:before {filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#online_storeList {list-style-type: none; letter-spacing: -.4em;}
ul#online_storeList li {
letter-spacing: 0;
display: inline-block;
vertical-align: top;
height: auto;
margin: 0 2% 10px 0;
font-family: 'futura',HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}
ul#online_storeList li a {
position: relative;
display: block;
width: 100%;
height: auto;
z-index: 1;
line-height: 100%;
font-weight: 400;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
}
ul#online_storeList li a:hover {color: #fcff34; border:1px solid transparent;}

ul#online_storeList li a::before,
ul#online_storeList li a:after {content: '';position: absolute;width: 0;height: 0;border: 1px solid transparent;}

ul#online_storeList li a::before {top: -1px;left: -1px;}
ul#online_storeList li a::after {bottom: -1px;right: -1px;}

ul#online_storeList li a:hover::before,
ul#online_storeList li a:hover::after{width: 100%;height: 100%;}

ul#online_storeList li a:hover::before{
border-top-color: #fcff34;
border-right-color: #fcff34;
transition: width .2s ease-out, height .25s ease-out .2s;
}

ul#online_storeList li a:hover::after {
border-bottom-color: #fcff34;
border-left-color: #fcff34;
transition: border-color 0s ease-out .35s, width .25s ease-out .4s, height .25s ease-out .6s;
}



/*=========================================================================
NEWS
=========================================================================*/
body#News ul#category_naviList.all li#Cat01 a,
body#News ul#category_naviList.info li#Cat02 a,
body#News ul#category_naviList.live li#Cat03 a,
body#News ul#category_naviList.web li#Cat04 a,
body#News ul#category_naviList.media li#Cat05 a,
body#News ul#category_naviList.otrher li#Cat06 a{
color: #fcff34;
-moz-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
-webkit-text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
text-shadow: 0px 0px 4px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.3);
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#article_topBox, #article_mainBox {max-width: 1200px; width: 90%; height: auto; margin: 0 auto;}

#article_titleArea {border-bottom: 1px solid #202020; }
#articleTitle {line-height: 140%;}

#contentsDetail #topicsCategory,
#contentsDetail #topics_upDate {float: none;}
#contentsDetail #topicsCategory {display: inline-block;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#article_snsbtnBody {width: 100%; height: auto; margin: 0 auto;}

#article_snsTitle {
letter-spacing: 0;
line-height: 100%;
font-family: 'futura',sans-serif;
font-weight: 400;
}

ul#article_snsBtn {list-style-type: none; letter-spacing: -.4em;}
ul#article_snsBtn li {display:inline-block; letter-spacing: 0; vertical-align:middle;}
ul#article_snsBtn li a, ul#article_snsBtn li img {width: 100%; height: auto; display: block;}
ul#article_snsBtn li a:hover  {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}

#eventDate {line-height: 140%; font-weight: 600; font-family: 'futura',sans-serif;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#article_mainVisual {
background-position: center;
background-size: 200%;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
z-index: 1;
}

#article_mainVisual:before,
#article_mainVisual:after {content: ''; position: absolute;}

#article_mainVisual:after {
background: inherit;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
top: -10px;
left: -10px;
right:-10px;
bottom:-10px;
z-index: -2;
}
#article_mainVisual:before {
top:-10px;
left: -10px;
right:-10px;
bottom: -10px;
background: rgba(0,0,0,.6); 
z-index: -1;
}

#article_mainVisual a, #article_mainVisual img {width: 100%;height: auto;display: block; margin: 0 auto;max-width: 1000px;}
#article_mainVisual img {
-ms-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
-o-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
-webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
filter: drop-shadow(0px 0px 3px rgba(0,0,0,.5));
}
#article_mainVisual a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#article_mainBox {line-height: 160%;}

#article_mainBox a {color: #fcff34; text-decoration: underline;}
#article_mainBox a:hover {color: #f20;}



/*=========================================================================
PICTURE：LIST
=========================================================================*/
ul#pictureList {list-style-type: none;}
ul#pictureList li {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden;

}

ul#pictureList li a,img#picCover {width: 100%; height: auto; display: block;}

ul#pictureList li:before,
ul#pictureList li:after {content: ''; position: absolute;}

ul#pictureList li:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: auto;
z-index: -1;
background: rgba(0,0,0,.6);
}


ul#pictureList li:after {
background: inherit;
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
top: -4px;
left: -4px;
right:-4px;
bottom:-4px;
z-index: -2;
}
ul#pictureList li:before {
top: -4px;
left: -4px;
right:-4px;
bottom:-4px;
background: rgba(0,0,0,.7); 
z-index: -1;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#pictureHeadline {
position: absolute;
left: 50%;
top: 50%;
text-align: center;
width: 90%;
height: auto;
margin: auto;
max-width: 1000px;
-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

#pictureUpdate {line-height: 140%; font-family: 'futura',sans-serif;}
#pictureTitle {line-height: 160%;}
#pictureTitle span {display: block; font-family: 'futura',sans-serif;}

#pictureHeadline #btnMore {width: 30%; max-width: 160px;}
#pictureHeadline #btnMore a {padding: 5px 0px;   }

/*=========================================================================
PICTURE：DETAIL
=========================================================================*/
#picture_mainBody #article_mainBox {padding-top: 0;}

ul#picture_detailList {
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#picture_detailList li {
letter-spacing: 0;
vertical-align: top;
display: inline-block;
height: auto;
overflow: hidden;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-align: center;
}

ul#picture_detailList li a, ul#picture_detailList li img {width: 100%; height: auto; display: block;}
ul#picture_detailList li img {
background-position: left top;
background-size: cover;
background-repeat: no-repeat;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}

ul#picture_detailList li a:hover img{
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;
}

ul#picture_detailList li a {text-decoration: none; color: #fff;}

/*=========================================================================
SCHEDULE
=========================================================================*/
#schedule_frameBox {position: relative; z-index: 1; overflow: hidden;  height: auto; margin: 0 auto;}
#schedule_frameBox iframe {position: absolute; width: 100%; height: 100%; left: 0; margin: auto; z-index: 1;}

#schedule_frameBox iframe h1 {display: none !Important;}
#schedule_frameBox img {display: block; width: 100%; height: auto;}

/*=========================================================================
CONTACT
=========================================================================*/
.contact_notes_inner {border: 1px solid #202020;  }

/*-------------------------------------------------------------------------------------------------------------------------*/
#sectionContact #article_topBox {line-height: 140%; font-weight: 400;}
#sectionContact #article_topBox p:last-of-type {margin-bottom: 0;}




/*-------------------------------------------------------------------------------------------------------------------------*/
.flash02 {
-webkit-animation: 1s linear 0s alternate none infinite running fade02;
-moz-animation: 1s linear 0s alternate none infinite running fade02;
animation: 1s linear 0s alternate none infinite running fade02;
}

/*-------------------------------------------------------------------------------------------------------------------------*/
#contactHeadline {
line-height: 160%;
font-weight: 400;
border:2px solid #ccc;
width:  100%;
height: auto; 
margin: 0 auto;
color: #333;
max-width: 1200px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#contactHeadline p:last-of-type {margin-bottom: 0;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#formBody {max-width: 1200px; width: 100%; height: auto; margin: 0 auto;}

#formBody input[type="text"],
#formBody input[type="email"],
#formBody button,
#formBody textarea,
#formBody select  {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
-o-appearance:none;
appearance:none;
 color:#666;
}

#formBody input[type="text"],
#formBody input[type="email"],
#formBody select  {
width:100%;
height:auto;
border:1px solid #ccc;
padding:12px 0 10px;
line-height:100%;
text-indent:15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#formBody textarea {
width:100%;
min-height:120px !important;
height:auto;
border:1px solid #ccc;
padding:12px 10px 10px;
line-height:100%;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.mwform-zip-field,.mwform-tel-field {letter-spacing:-.4em;}

#formBody .mwform-zip-field input[type="text"],
#formBody .mwform-tel-field  input[type="text"] {letter-spacing:0;}

#formBody input[type="text"]:focus,
#formBody input[type="email"]:focus,
#formBody textarea:focus,
#formBody select:focus {box-shadow: 0 0 0px;border: 1px solid #666;}

#formBody::-webkit-input-placeholder {color: #666;}
#formBody::-moz-placeholder {color: #666;}
#formBody::-ms-input-placeholder {color: #666;}


#formBody input[type=radio], 
#formBody input[type=checkbox] {
margin: 0 5px 0 0;
padding: 0;
width:15px;
height:15px;
background: none;
border: 1px solid #666 !important;

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: inline-block;
line-height:100%;
vertical-align:top;
}

#formBody label {
position: relative;
 box-sizing: border-box;
display: inline-block;
padding:1px 3px 1px 0px;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s;
margin-right:15px;
line-height:100%;
vertical-align:top;
white-space:nowrap;
width:auto;
}

#agreementNotes02 {color:#f20; margin-top:15px; line-height:140%;}

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
dl#form_inputList dt, dl#form_inputList dd {line-height: 160%; height: auto; font-weight: 600;}
dl#form_inputList dt span {font-size: 90%; font-weight: 400; line-height: 140%;}

span.error {color: #f20; display: block !important; line-height: 120% !important; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
ul#form_buttonList, #form_buttonList {letter-spacing: -.4em; max-width: 400px; width: 100%; margin: 0 auto; text-align: center !important;}
ul#form_buttonList li, #form_buttonList input {display: inline-block; vertical-align: top; letter-spacing: 0; width: 48%; margin-right: 4%; height: auto;}
ul#form_buttonList li:last-of-type,
#form_buttonList input:last-of-type {margin-right: 0;}

#formBody input[type="submit"],
#form_buttonList input[type="submit"],
#form_buttonList input.Agree,
#form_buttonList input.Disagree{
height:auto;
background: inherit;
cursor:pointer;
color:#fff;
border:1px solid transparent;
position: relative;
z-index: 1;
-webkit-transition: all .2s;
transition: all .2s;
font-family: 'futura',sans-serif;
}


ul#form_buttonList li#Agree input[type="submit"],
#form_buttonList input.Agree {background:inherit; border-color:#fff; }

ul#form_buttonList li#Agree input[type="submit"]:hover,
#form_buttonList input.Agree:hover{
color: #fcff34;
border:1px solid #fcff34;
-ms-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
-o-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
-moz-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
-webkit-filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
filter: drop-shadow(0px 0px 8px rgba(255,255,255,.5));
}

ul#form_buttonList li#Disagree input[type="submit"],
#form_buttonList input.Disagree{background:#ccc; border-color:#ccc; color: #292929;}

ul#form_buttonList li#Disagree input[type="submit"]:hover,
#form_buttonList input.Disagree:hover {background:#777; border-color:#777; color: #ccc !important;}


/*---------------------------------------------------------------------------------------------------------------------------------------------------- */
#agreeMessage {text-align: center; line-height: 160%;}
#agreeHeadline {font-weight: 600; color: #fcff34;}


/*=========================================================================
AUDITION
=========================================================================*/
#mainContents.audition_list,
#sectionAudition #sectionBasic {padding-bottom: 0;}


/*=========================================================================
CUSTOM：24.03.28
=========================================================================*/
#bnrSchedule {padding: 0; margin: 0 auto; max-width: 1000px; width: 90%; height: auto;}
#bnrSchedule a, #bnrSchedule img {width: 100%;height: auto; display: block;}
#bnrSchedule a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}