@charset "utf-8";
@media print, screen and (min-width:769px){
/*=========================================================================
STYLE BASIC
=========================================================================*/
.for_sp {display: none !important;} 


/*-------------------------------------------------------------------------------------------------------------------------*/
#contentHeadline {font-size: 50px; margin-bottom: 60px;}
#contentHeadline.sub_headline {font-size: 30px; margin-bottom: 45px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#lineDown {top: 80px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#onePeriod {font-size: 14px; margin-bottom: 90px;}
#onePeriod p {margin-bottom: 15px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#btnMore a {font-size: 18px; padding: 5px 30px;}

#btnMore.return {margin-top: 60px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#oneDetail {font-size: 14px; padding: 45px 0;}
#oneDetail p {margin-bottom: 15px;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#pageHeadeline {font-size: 20px; margin-bottom: 45px;}
#pageHeadeline span {font-size: 38px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Coming {padding: 160px 0; font-size: 24px;}


/*=========================================================================
HEADER
=========================================================================*/
#Header, #headBody {height: 90px; }


#Logo {width: 24%; max-width:120px; top:80%;}

@media print, screen and (max-width:860px){
#Logo {max-width:85px; }
}


/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#menu-trigger {display: none !important;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#globalNavi {
position: absolute;
width:	100%;
right: 0%;
top: 50%;
-moz-transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-o-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#naviList {letter-spacing: -.4em; width: 100%; margin: 0 auto;  text-align: right; }
ul#naviList li {
letter-spacing: 0;
display:inline-block;
vertical-align:middle;
font-size: 18px;
text-align: center;
margin-right: 3%;
}
ul#naviList li:last-of-type {margin-right: 0;}
ul#naviList li.shadow {
-moz-text-shadow: 0px 0px 4px rgba(0,0,0,.8), 0px 0px 12px rgba(0,0,0,.3);
-webkit-text-shadow: 0px 0px 4px rgba(0,0,0,.8), 0px 0px 12px rgba(0,0,0,.3);
text-shadow: 0px 0px 4px rgba(0,0,0,.8), 0px 0px 12px rgba(0,0,0,.3);
}


body#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#Audition ul#naviList li#Mn06 a, 
body#Contact ul#naviList li#Mn08 a,
ul#naviList li a:hover {
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);
}

body#News ul#naviList li#Mn01 a:after,
body#Profile ul#naviList li#Mn02 a:after,
body#Disco ul#naviList li#Mn03 a:after,
body#Schedule ul#naviList li#Mn04 a:after,
body#Picture ul#naviList li#Mn05 a:after,
body#Audition ul#naviList li#Mn06 a:after, 
body#Contact ul#naviList li#Mn08 a:after  {left: 0; opacity: 1;}


@media print, screen and (max-width:1200px){
ul#naviList li {font-size: 16px;}
}
@media print, screen and (max-width:1000px){
ul#naviList li {font-size: 15px;}
}
@media print, screen and (max-width:881px){
ul#naviList li {font-size: 14px;}
}

/*=========================================================================
SNS ICON
=========================================================================*/
#sns_iconBox {
right: 0;
top: 50%;
width: 8%;
max-width: 45px;
background: rgba(0,0,0,.6);

-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-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);

-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}


/*-------------------------------------------------------------------------------------------------------------------------*/
ul#sns_iconList {text-align: center; padding: 10px;width: 100%;}
ul#sns_iconList li {width: 100%; margin-bottom: 10px;}
ul#sns_iconList li:last-of-type {margin-bottom: 0;}

ul#sns_iconList li a {display: block; width: 100%; height: auto;}


/*=========================================================================
FOOTER
=========================================================================*/
#footerBody {padding:45px 0;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#bottomLogo {width: 45%;max-width:120px; margin-bottom: 5px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
#Copy  {font-size: 12px;}



/*=========================================================================
CATEGORY NAVI
=========================================================================*/
ul#category_naviList {padding: 5px 0; }
ul#category_naviList li a {padding: 10px 0; font-size:16px; }


/*=========================================================================
PAGE TOP
=========================================================================*/
#page-top {width: 5%; }


/*=========================================================================
PAGER
=========================================================================*/
.pager {margin-top: 60px; font-size: 13px;	}


/*=========================================================================
NO PAGE
=========================================================================*/
#no_pagebox {	margin-bottom:30px;	padding:155px 35px;}

#notfoud {font-size: 40px; }
#notfont_kana {font-size: 18px;}

#no_pagebox p {margin: 20px 0 ; font-size: 14px; }


/*=========================================================================
ARCHIVE LINK
=========================================================================*/
section#Archive {padding:45px 0;}

ul#archiveList li {font-size: 16px; margin: 0 2% 10px 0;}

ul#archiveList li a {padding: 5px 20px;}

/*=========================================================================
NEWS
=========================================================================*/
ul#newsList {
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#newsList li {width: 31.5%; margin: 0 2% 45px 0; letter-spacing: 0; vertical-align: top; display: inline-block;}
ul#newsList li:nth-of-type(3n) {margin-right: 0;}

@media print, screen and (max-width:1000px){
ul#newsList li {width: 49%;}
ul#newsList li:nth-of-type(3n) {margin-right: 2%;}
ul#newsList li:nth-of-type(even) {margin-right: 0;}
}



/*-------------------------------------------------------------------------------------------------------------------------*/
#topics_headelineBox {padding: 15px;}

#topicsCategory {padding: 1px 15px; font-size: 13px; margin-bottom: 10px;}

#topics_upDate {font-size: 13px;}
#topics_headelineBox	#markNew {font-size: 12px; padding-left: 5px;}

#topicsTitle {font-size: 14px; margin-bottom: 15px;}





}