@charset "UTF-8";

/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select{*font-size:100%;}

/* Basic Format */
html {height:100%; background:#000;}
section,nav,article,aside,hgroup,header,footer,figure,figcaption{display:block;}
body{font-size:15px; -webkit-text-size-adjust:none; font-size-adjust:none; font-family: "ヒラギノ角ゴ ProN W3 / W6","Hiragino Kaku Gothic Pro",Helvetica Neue,Helvetica,Arial,san-serif}
h1,h2,h3,h4,h5,h6{line-height:1.2;}
img{vertical-align:bottom;}
table{font:100%;}
hr{display:none;}
.clear{clear:both;}

/* Position Style */
.txR{text-align:right;}
.txL{text-align:left;}
.txC{text-align:center;}

/* Font Size Style */
.x-large{font-size:139%;}
.large{font-size:124%;}
.mid{font-size:108%;}
.small{font-size:93%;}
.x-small{font-size:85%;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}

/* Font decoration Style */
.bold{font-weight:bold;}
.underline{text-decoration:underline;}

/* Font Color Style */
.red{color:#ff1000;}
.blue{color:#0000ff;}


html, body {
width: 100%;
height: 100%;
color: #FFF;
font-family: sans-serif;
font-size: 13px;
line-height: 1.5em;
background:#000;
color:#fff;
}
body {
font-size: 13px;
-webkit-text-size-adjust: none;
font-size-adjust: none;
font-family: "ヒラギノ角ゴ ProN W3 / W6","Hiragino Kaku Gothic Pro",Helvetica Neue,Helvetica,Arial,san-serif;
background:#000;
line-height:1.4em;

}

body a{
color:#EEE;
}

#wrapper {
min-height: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
position: relative;
}

.songList li{
margin-bottom:10px;
font-size:11px;
line-height:1.4em;
}



/* ========================================

   HEADER

========================================== */
#header {
    width:100%;
    height:50px;
border-bottom:solid 1px #333;
    background:rgba(0,0,0,0.9);
    position:fixed;
    left:0;
    top:0;
    z-index:99;
/*  opacity:0.9; */

}
#header h1 {
position: absolute;
width: 250px;
top: 35%;
left:3%;
}
#navBtn {
    width:50px;
    height:50px;
    position:fixed;
    right:0;
    top:0;
    z-index:10000;
}
#navBtn span{
    display:block;
    position: absolute;
    left: 10px;
    width: 24px;
    height: 2px;
    background:#FFF;
    box-shadow:0 0 5px rgba(0,0,0,0.8);
}
#navBtn .top{ top:14px; }
#navBtn .middle{ top:24px; }
#navBtn .bottom{ top:34px; }
#header .globalNav {height:auto; }
#header .globalNav ul {
    display:none;
    width:100%;
    background:transparent;
    padding:50px 0 0;
    position:fixed;
    top:0;
    left:0;
    z-index:99;
}
#headerNav { display:none; }
#headerNav {
    width:100%;
    height:100%;
    padding:50px 0 0;
    background:rgba(0,0,0,0.9);
    -moz-background-size:auto 50px;
    -webkit-background-size:auto 50px;
    background-size:auto 50px;
    box-sizing:border-box;
    position:fixed;
    left:0;
    top:0;
    z-index:98;
}
#headerNav .headerNavInner { overflow:hidden; padding:30px 4% 0; }

#headerNav .menu{
overflow:hidden;
}

#headerNav .menuTit span {
    font-size:10px;
    letter-spacing:0.05em;
    margin:0 0 0 5px;
}
#headerNav ul li {
    width:50%;
    float:left;
padding-right:5%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

#headerNav ul li:nth-child(2n){
padding:0;
}

#headerNav ul a {
    display:block;
    padding:15px 0 7px;
    border-bottom:solid 1px #333;
    text-decoration:none;
font-family: 'Open Sans', sans-serif;

color:#fff;
}
#headerNav .fcMenu a { background:#333; color:#fff; }


/* ========================================

   共通

========================================== */

.areaTit {
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight:500;
text-align: center;
letter-spacing: 0.1em;
margin: 0 0 15px;
}

.areaTit span{
display:inline-block;
padding-bottom: 10px;
border-bottom: solid 3px #FFF;
margin-bottom:15px;
}

.areaTit a{
text-decoration:none;
}

section{
margin:80px 5% 50px;
padding-bottom: 90px;
}

.category{
width: 100%;
margin: 0 auto 20px;
border: solid 1px #EEE;
border-right: none;
overflow:hidden;
}

.catBtn a {
display: block;
width: 33%;
height: 35px;
float: left;
border-right: solid 1px #EEE;
position: relative;
color: #FFF;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-align: center;
line-height:35px;
text-decoration:none;
}

.media-attention{
padding-top:20px;
font-size:11px;
line-height:1.4em;
}

.catBtn a.on{
background:#FFF;
color:#000;
}

.catBtn:last-child a{
width:33.1%;
}

.btnSub a{
display:block;
width:100%;
border:solid 1px #666;
padding:10px 0;
margin:15px auto 30px auto;
color:#FFF;
font-size:12px;
text-align:center;
text-decoration:none;
border-radius:5px;
}

/* ========================================

  TOP

========================================== */

.mainImg{
position:relative;
padding-top: 50px;
}

#bioImg{
position:relative;
}

#topNews{
padding: 20px 5% 15px;
margin: 0;
}

.mainImg .cover,#bioImg .cover{
position:absolute;
top:0;
left:0;
z-index:3;
}






.topTit:before{
display: inline-block;
content: "";
width:21px;
height:18px;
padding-right: 5px;
vertical-align: -1.3px;
background:url(/sp/img/ico_news.jpg) no-repeat;
background-size: 21px 18px;
vertical-align: -2px;

}

.menuTit{
margin: 0 0 10px;
}

/*.menuTit:before{
display: inline-block;
content: "";
width:14px;
height:14px;
padding-right: 5px;
vertical-align: -1.3px;
background:url(/sp/img/ico_menu.png) no-repeat;
background-size: 14px 14px;
vertical-align: -0.5px;
}
*/

#topNews li a {
display: block;
color: white;
text-decoration: none;
padding: 12px 15px 12px 0;
margin: 0 0 1px;
position: relative;
}

.date {
color: #CCC;
font-size: 11px;
}

 .cat {
display: inline-block;
padding: 2px 2px 1px;
border: solid 1px #999;
font-size: 10px;
color: #DDD;
text-align: center;
}
.newIcon {
color: #f00;
}

#topNews .tit {
padding-top:5px;
line-height:1.6em;
text-align: justify;
font-weight:bold;
font-size:13px;
word-break: break-all;
}

.more{
margin-top:10px;
padding-top:10px;
border-top:solid 1px #333;
text-align:right;
}

#topNews .more a{
padding-right:0;
}

#topNews .more a:after{
display: inline-block;
content: "";
width: 11px;
height: 11px;
padding-left: -5px;
vertical-align: -1.3px;
background: url(/sp/img/ico_more.jpg) no-repeat;
background-size: 11px 11px;
vertical-align: 0px;
}

.globalMenu ul{
/*overflow:hidden;*/
width: 75%;
margin: 0 auto;
}

.globalMenu li:nth-child(odd) {
padding: 0 3px 7px 0;
clear: left;
}

.secondArea{
padding:20px 0 100px 0;
overflow:hidden;
background:#101010;
}


.globalMenu  li:nth-child(even) {
width: 48%;
float: right;
padding: 0 0 7px 3px;
}

.globalMenu li {
width: 50%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.globalMenu li a {
display: block;
color: white;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
text-decoration: none;
padding: 10px 0 10px;
position: relative;
}

#bnrList{
margin:15px 18px 30px;
}

.flex-direction-nav a{
width: 10px !important;
height: 10px !important;
margin: -7px 0 0 !important;
}

.flex-direction-nav a::before{
font-size: 13px !important;
color:#FFF;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.flex-control-nav{
bottom: -22px !important;
}

.flex-control-paging li a{
webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3) !important;
-moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3) !important;
-o-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3) !important;
box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3) !important;
}

.flex-control-paging li a{
background: transparent !important;
border:solid 1px #DDD;
}

.flex-control-paging li a.flex-active {
background: black;
background: rgba(255, 255, 255, 0.9) !important;
cursor: default;
}

.flex-direction-nav .flex-next{
right: 5px !important;
}

.flex-direction-nav .flex-prev {
left: 5px !important;
}


/* ========================================

   NEWS

========================================== */

.newsList li a {
display: block;
color: white;
text-decoration: none;
padding: 12px 15px 12px 0;
margin: 0 0 1px;
position: relative;
}


.detail-box .newsTit{
padding: 5px 0 15px;
border-bottom:solid 1px #333;
margin-bottom:20px;
font-weight: bold;
font-size: 14px;
line-height: 1.4em;
}
.detail-box .newsTit .newIcon {
color: #f00;
}

.newsTxt{
font-size:12px;
line-height:1.4em;
margin-bottom:30px;
}

.newsList li a .newsTit{
padding-top: 8px;
line-height: 1.6em;
text-align: justify;
font-weight: bold;
font-size: 13px;
word-break: break-all;
}

.newsList li a .newsTit .newIcon,
.newsList li a .new {
color: #f00;
}

.news-disco-jaket img{
width:150px;
display:block;
margin:0 auto;
}

.news-disco-tit{
line-height:1.4em;
font-size:12px;
}
.newsList .noData {
	text-align: center;
    font-weight: bold;
    font-size: 13px;
    margin-top: 15px;
}
/* ========================================

   LIVE

========================================== */


.pageTop{
display:none;
}

#pastLiveCategory{
border-bottom:none;
}
#pastLiveCategory .catBtn a{
width: 12.3%;
border-bottom:1px solid #EEE;
}

#pastLiveCategory .catBtn:nth-child(8n) a{
width:11.5%;
}

.live-txt {
font-size: 12px;
line-height: 1.8em;
margin-bottom: 0;
color: #FF
}

.live-tit {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
color: #FFF;
}

.marginAnchor {
    height: auto;
    position: absolute;
    top: -50px;
}

.detail-box{
line-height:1.5em;
position:relative;
}

.detail-box img{
max-width:100%;
}

iframe{
width:100%;
}


/* ========================================

   MEDIA

========================================== */
#mediaCategory .catBtn a{
border-bottom:1px solid #EEE;
}

#mediaCategory{
border-right: solid 1px #EEE;
}

#mediaCategory .catBtn:nth-child(3n) a{
border-right: none;
}

#mediaCategory .catBtn:nth-child(4) a{
border-bottom: none;
}


#mediaCategory .catBtn:nth-child(5) a{
border-bottom: none;
}

/* ========================================

   バイオグラフィー

========================================== */

#bioImg{
margin-bottom:20px;
}

#biography-txt{
font-size:12px;
line-height:1.6em;
}

/* ========================================

   DIOSCO

========================================== */
#discoCategory{
width:100%;
border:solid 1px #FFF;
overflow:hidden;
margin-bottom:30px;
}

.discoTit {
margin-bottom:15px;
padding-bottom:5px;
border-bottom: solid 1px #333;
font-size: 18px;
font-weight: 400;
color: #FFF;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.1em;
}

#disco .marginAnchor{
    height: auto;
    position: absolute;
    top: -80px;
}

#discoCategory .catBtn a{
width:25%;
border-bottom:solid 1px #FFF;
box-sizing: border-box;
}


#discoCategory .catBtn:nth-child(4) a{
width:25%;
border-right:none;
}

#discoCategory .catBtn:nth-child(5) a{
border-bottom: none;
}

#discoCategory .catBtn:nth-child(6) a{
border-bottom: none;
}

#discoCategory .catBtn:nth-child(7) a{
border-bottom: none;
}

.thumbArea{
padding-bottom:30px;
}

.cdThum{
display:table-cell;
width: 60px;
height: 60px;
float:left;
text-align: center;
overflow: hidden;
}

.cdThum img{
height:60px !important;
}

.thumbBox{
display:table;
margin-bottom:15px;
padding: 0 0 15px;
border-bottom: solid 1px #333;
overflow:hidden;
width: 100%;
}

.thumbBox a{
display:block;
text-decoration:none;
}

.discoTxtBox{
display:table-cell;
padding-left: 10px;
}

.thumbBox img{
display:block;
margin:0 auto 10px;
}


.sequential{
    display: inline-block;
    padding: 3px 3px 1px 3px;
    border: solid 1px #333;
margin-bottom:5px;
    font-size: 10px;
    color: #DDD;
line-height:1.4em;
}

.thumb-tit a{
text-decoration:none;
}

#goodsBtn a{
display:block;
padding:12px 10px;
background:#FFF;
color:#000;
text-decoration:none;
text-align:center;
font-weight:bold;
font-size:13px;
border-radius:5px;
}

.goodsImg{
width: 45%;
float: left;
margin:0 0 3% 3%;
}
.goodsLeft{
overflow:hidden;
}


.goodsLeft br{
display:none;
}

.goodsImg img{
width:100%;
height: auto;
}


.selectBox{
width:100%;
margin-bottom:20px;
  border: 1px solid #333;
  border-radius: 5px;
  color: #000;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
 background: #FFF;
}

.thumb-tit{
font-size:12px;
line-height:1.3em;
font-weight:bold;
}

.on-sale{
    display: inline-block;
    padding: 0 8px 10px;
    font-size: 10px;
    color: #DDD;
}


.thumb-tit a {
display:block;
padding:7px 0 0;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.jkt{
width:230px;
margin:0 auto;
}

#disco .date {
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.4em;
    color: #fff;
}

#disco .tit {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.4em;
    color: #fff !important;
    font-weight: bold;
    background: #000;
}

.rightClm{
margin-top:20px;
line-height: 1.6em;
}

.caption{
font-size:13px;
line-height:1.6em;
}

/* ========================================

   グッズ

========================================== */
#mokuji{
border-top:solid 1px #333;
padding-bottom:20px;
}

#mokuji p {
position:relative;
padding-right: 27px;
border-bottom:solid 1px #333;
}

#mokuji p a{
display:block;
width:100%;
padding:6% 0;
text-decoration:none;
line-height:1.4em;
font-size:13px;
}

#mokuji p a::after {
display: inline-block;
content: "";
width: 11px;
height: 11px;
padding-right: 5px;
vertical-align: -1.3px;
background: url(/sp/img/ico_more.jpg) no-repeat;
background-size: 11px 11px;
vertical-align: -2px;
position:absolute;
right:0;
top:40%;
}

.goodsImg{
text-align:center;
}

.eventGoods{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
padding-bottom:20px;
border-bottom: solid 1px #333;
}

.goodsEvent{
display:none;
}

.goodsTit{
font-size:14px;
font-weight:bold;
}

.goodsTxt{
font-size:13px;
line-height:1.4em;
}

.goodsRight{
margin:-30px 0 30px;
}

.back a{
display:block;
width:100%;
padding:2% 0;
text-decoration:none;
line-height:1.4em;
font-size:13px;
}

.back a:before {
display: inline-block;
content: "";
width: 11px;
height: 11px;
padding-right: 5px;
vertical-align: -1.3px;
background: url(/sp/img/ico_back.jpg) no-repeat;
background-size: 11px 11px;
vertical-align: -1px;
}

#goods #mokuji{border:none;}
#goods .text{
  font-size: 14px;
  line-height: 1.4;
}



/* ========================================

   フッタ

========================================== */
#footer{
    width:100%;
    height:auto;
    position:absolute;
    bottom:0;
    background:transparent;
    color:#888888;
    background:#000;
}
.topPage #footer{
    background-color:#282828;
}


/*　PC SITE , PAGE TOP , HOME,
------------------------------------------ */
#foot_nav_box{
    margin:0;
padding-top:10px;
}
#foot_nav_box ul{
    overflow:hidden;
    padding:0;
    margin:0;
}
#foot_nav_box li a{
    display:block;
    padding:11px 10px 12px 10px;
    vertical-align:baseline;
    color:#777;
    font-size:11px;
    text-decoration: none;
font-family: 'Open Sans', sans-serif;

}
#foot_nav_box li:last-child a{
    border-right:none;
}
#foot_nav_box a img{
    padding:0 5px 0px 0;
}
/* 左ボタン */
#foot_nav_box li.left{
    width:60%;
    float:left;
    display:block;
    display:list-item;
    text-align:center;
}


#footer .underlayer li.left{
    width:50%;
}

/* 右ボタン */
#foot_nav_box li.right{
    width:40%;
    display:block;
    float:right;
    display:list-item;
    text-align:center;
}

#footer .underlayer li.right{
    width:50%;
}
/* ボタン１個（右寄せ） */
#foot_nav_box li.single{
    width:50%;
    display:block;
    float:right;
    display:list-item;
    text-align:right;
}

#foot_nav_box li.left a:after{
display: inline-block;
content: "";
width: 9px;
height: 9px;
vertical-align: -1.3px;
background: url(/sp/img/ico_arrow_left.png) no-repeat;
background-size: 9px 9px;
vertical-align: -1px;
}

#foot_nav_box li.right a:after{
display: inline-block;
content: "";
width: 9px;
height: 9px;
vertical-align: -1.3px;
background: url(/sp/img/ico_arrow_top.png) no-repeat;
background-size: 9px 9px;
vertical-align: 0px;
}


#footer .underlayer li.left a:before{
display: inline-block;
content: "";
width: 9px;
height: 9px;
background: url(/sp/img/ico_arrow_right.png) no-repeat;
background-size: 9px 9px;
vertical-align: -1px;
}

#footer .underlayer li.left a:after{
background:transparent;
}


#footer .underlayer li.right a:before{
display: inline-block;
content: "";
width: 9px;
height: 9px;
background: url(/sp/img/ico_arrow_top.png) no-repeat;
background-size: 9px 9px;
vertical-align: 0px;
}

#footer .underlayer li.right a:after{
background:transparent;
}

/* ========================================

   FC

========================================== */

.fcBox .lead{
margin-bottom:20px;
font-size:13px;
line-height:1.6em;
color:#FFF;
}

.tokuten{
display:table;
width:100%;
border:solid 1px #333;
}


.tokuten dt{
padding:7px 0;
background:#CCC;
text-align:center;
font-size:14px;
font-weight:bold;
color:#000;
}

.tokuten dd{
padding:10px 15px;
color:#FFF;
font-size:13px;
}



.tokuten dd .present li{
padding: 7px 0
}

.phTokuten{
padding:40px 0;
}

.pao-tokuten{
width:48%;
margin-right:4%;
float:left;
}

.pao-key{
clear:both;
padding-top:30px;

}

.pao-key img{
display: block;
width:80px;
margin: 0 auto;
}

.pao-tokuten img{
width:125px;
}

.card{
margin-bottom:10px;
}

.fcTit{
border-bottom: 1px solid #333;
margin-bottom: 15px;
padding-bottom: 5px;
font-size:15px;
color:#FFF;
font-weight:bold;
}

#kaihi {
width: 100%;
margin-bottom:20px;
}

#kaihi td {
border: 1px solid #333;
padding: 5px 10px;
color:#FFF;
line-height:1.6em;
}

#fc .tit {

border-bottom: 1px solid #333;
font-weight: bolder;
}

#entry .feeList{
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

.feeleft{
width:45%;
float:left;
}

.feeright{
width:45%;
float:right;
}

.submit{
margin-bottom:80px;
text-align:center;
}

.pay{
margin-bottom:30px;
}

.pay dt{
margin-bottom:7px;
font-size:13px;
font-weight:bold;
}

.feeList dd{
overflow:hidden;
}

.feeList dd .thumb {
width: 70%;
margin:0 auto;
text-align:center;
}

.feeList dd .nlDetail {
width: 56%;
float: right;
line-height:1.6em;
}

.pay dd{
margin-bottom:15px;
font-size:12px;
line-height:1.4em;
}

.subTxt{
line-height:1.4em;
}

entryList li {
background: #000;
padding: 10px 3% 0;
margin: 0 0 30px;
}

.entryList .tit {
color: #FFF !important;
font-size: 15px;
font-weight: bold;
border-bottom: 1px solid #333;
padding-bottom: 5px;
margin-bottom: 15px;
background:transparent !important;
}

.entryList .lead {
font-size: 13px;
font-weight: bold;
text-align: justify;
word-break: break-all;
margin: 0 0 10px;
}

.entryList .txt {
font-size: 12px;
text-align: justify;
word-break: break-all;
margin: 0 0 20px;
line-height:1.6em;
}

.feeList dt {
margin-bottom: 8px;
text-align:center;
font-size: 13px;
font-weight: bold;
line-height:1.4em;
}

.feeList dd {
/*background: #333;*/
font-size: 12px;
box-sizing: border-box;
-webkt-box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 5px 0;
margin-bottom: 20px;
}

.feeList dd img{
width: 100%;
max-width: 100%;
}


/* COPYRIGHT
------------------------------------------ */
#copyright {
    padding:5px 0 12px 0;
}
#copyright p{
    color:#777;
    font-size:10px;
    letter-spacing:0.02em;
    text-align:center;
    margin-bottom:3px;
}

.autopager{
padding: 20px 0 80px !important;
}