/*@import url(base.css);*/

body{ font-family:"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;-webkit-text-size-adjust:none;background-color:#010a1c; }
*{ padding: 0; margin: 0; list-style:none;}
body{background:#0c0907;}
h2,h3{ padding: 0; margin: 0;}
.clear{clear:both; height:0;}

.font-opensans{font-family: 'Open Sans', sans-serif;}


body{ background:url(body_bg.jpg) top center no-repeat; color:#333333;}

.greencolor{ color: #51f000; }


#header{ height:82px;}

#container{width:100%; }
#sns{ width:950px; max-width:100%; margin:0 auto; padding-top:10px; position: relative; z-index: 10;}
#contents{background:transparent;width:100%;box-shadow: none;}

.top_pvc{width:950px; max-width:100%; margin-left: auto;margin-right: auto;height:827px;position:relative;}
.top_iframe{ position:absolute; bottom:33px; left:0px; width:470px; height:270px;}

.artist_menu_lo{ width:100%; background:#000;}
#artist-title-sp{width:950px; max-width:100%; margin-left: auto;margin-right: auto;}
.artist_menu_lo{ width:100%; background:url(ban_bg.jpg) 0 0 repeat-x; height:50px;}
#artist-title-sp{width:950px;margin-left: auto;margin-right: auto; height:50px;background: url(h2-artist-sp.jpg) no-repeat;}
#artist-title-sp .artist-name{ height:50px; line-height:50px; padding:0 20px 0 0;background: url(ban-line.jpg) right top no-repeat;}
#artist-title-sp #h2-news{width: 65px;background: url(btn-h2-news.jpg) no-repeat; }
#artist-title-sp #h2-news:hover{background: url(btn-h2-news_on.jpg) no-repeat;}
#artist-title-sp #h2-bio{width:93px;background: url(btn-h2-bio.jpg) no-repeat;}
#artist-title-sp #h2-bio:hover{background: url(btn-h2-bio_on.jpg) no-repeat;}
#artist-title-sp #h2-disco{width:109px;background: url(btn-h2-dis.jpg) no-repeat;}
#artist-title-sp #h2-disco:hover{background: url(btn-h2-dis_on.jpg) no-repeat;}

/* .bg_allmob{background:#a9d6ef url(./conton_bg.jpg) top center repeat;width:100%; height:100vh; z-index:-1; display:none;} */
.coninbg{background:#fff url(./conton_bg.jpg) top center repeat;}

#contents-inner{ background:transparent;width:950px;margin-left: auto;margin-right: auto; text-align:left;}

.conten_ofpos{ margin-bottom:30px;}
.conten_inleft{ float:left; width:36.8%;margin-right:4.2%; font-size:14px; line-height:24px;}
.cd_ph{ margin-bottom:20px; width:100%; text-align:center;}
.cd_txinsm{ padding:20px; margin-bottom:20px; background:#51f000; color: #fff; text-align: left; }
.cd_pvhont{ position:relative; padding-bottom:56.3%;}
.cd_pvhont iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}


.cd_text{ margin-bottom:20px; font-size:14px; line-height:24px; padding:1.43em; background:#fff; letter-spacing:-0.04em; min-height:259px;box-sizing:border-box;}

.title-inbg{ background: #51f000 url(title-bg.jpg) right top no-repeat; background-size: auto 100%; color: #fff;font-family: 'Open Sans', sans-serif; font-size: 35px; line-height: 110%; padding:0.2em 7em 0.2em 0.6em;  }

.cd_text .f20{ font-size:20px;  display:block; line-height:140%; padding:14px 20px;}
.cd_text .f18{ font-size:18px;}
.cd_text .cd_list{ padding:20px; background:#fff; color:#333333;}
.cd_text .cd_inst{ color:#51f000;line-height:30px; font-weight: bold; display: block; padding: 0 0 0.8em 0;}


.twitter{ background:#357de9; padding:20px;}
.incdp{ float:left; width:35%; margin-right:5%;}
.incdtx{float:left; width:60%;}

.pr_tf{float:left; width:160px; padding:0 1em 0.2em 0;}
.conten_inright{float:left; width:59%;}
.concdmob{ color:#fff;font-size:14px; line-height:24px; margin-bottom:20px;}
.concdmob .titsnt{ display:block; font-size:22px; font-weight:bold; line-height:120%; text-align:center; padding-bottom:0.3em;}

.cd_tnx{ display:block; padding-top:5px;}


.con_ytb{margin-bottom:30px;}

/* */
.con_mp3list{ font-size:20px; line-height:22px; padding:30px 0 0 0;}
.audiojs-load{width:25px; height:20px;float:left; margin:0 20px 0 0;border-radius:4px; background:url(nomp3_bg.jpg) 0 0 no-repeat;}
.audiojs {width:25px; height:20px; background-image:none; background-color:#f0f0f0; box-shadow:none; -webkit-box-shadow:none; float:left; margin:0 20px 0 0; display:block; border-radius:4px;}
p.play,p.pause{ margin:0!important;}
.audiojs .play {background: url("./player-graphics.png") -6px -4px no-repeat;}
.audiojs .pause {background: url("./player-graphics.png") -6px -94px no-repeat;}
.audiojs .loading {background: url("./player-graphics.png") -6px -34px no-repeat;}
.audiojs .error {background: url("./player-graphics.png") -6px -64px no-repeat;}
.audiojs .play-pause{ border:none; height:25px; width:25px;}
.audiojs .time{border:none; color:#FFF;text-shadow:none;}
.audiojs .scrubber{width:260px; border:none;background:#78787a; margin:11px 9px;}
.audiojs .progress{ background:#ff4d4d; background-image:none;}
.audiojs .loaded{ background:#ededed; background-image:none;}
/* audiojs */


.conlibox{ background:#fff; margin:10px 0 20px 0;}
.conl-in{ padding:35px 30px; color:#333333; font-size:16px; line-height:30px; position:relative;}
.conl-in .f16{font-size:16px;}
.conl-in .f18{font-size:18px;}
.conl-in .f20{font-size:20px;}
.conl-in .f24{font-size:24px;}
.int_phpor{ position:relative;}
.infp_logo{ position:absolute; top:0; right:0; width:380px; width:3.8rem;max-height: none;}

.altname{ text-align:right; padding:15px 0 15px 0; margin-bottom:20px; border-bottom:1px solid #333333; font-size:16px; font-weight:bold;}

#fx_box{display:none; color:#0f3180; font-size: 20px; line-height: 140%; width:900px; max-width:100%;}
.intitle{font-size:24px; font-weight:bold; color:#fff; background:#0f3180; padding:10px 15px;margin: 20px 0; line-height:110%; border:2px solid #fff; position:relative;}
.intitle:before{ content:""; display:block; height:2px; width:100%;background:#0f3180; position:absolute; bottom:-4px; left:0; }

#footer{width:950px; max-width:100%;margin-left: auto;margin-right: auto;}
.bnr{width:950px; max-width:100%;margin:0 auto; color:#fff;padding: 4px 0px 0.5rem 5px;}
address{ display:block;width:950px;margin-left: auto;margin-right: auto;}

#title-left ul{ margin-bottom:0; padding-bottom:12px; background:#fff;}
#title-left #morenews{background: #fff;padding: 0 10px 10px 10px;}
#title-left ul li{ padding:12px;}
#title-left ul li a{}


@media screen and (max-width: 750px){
.pc_none{ display:block!important;}
body{ background: none; overflow-x:hidden; }

a{word-break:break-all;}

.top_pvc{max-width:100%;height:auto;position:relative;}
#artist-title-sp {width: 100%;height: 50px;background-size: auto 100%!important;}
#artist-title-sp #h2-news{width: 65px;}
#artist-title-sp #h2-bio{width:93px;}
#artist-title-sp #h2-disco{width:109px;}






#contents-inner{ width:100%;}
.conten_ofpos{ }
.conten_inleft{ float:none; width:auto; margin-right:0px; font-size:0.18rem; line-height:180%;}
.cd_ph{ margin-bottom:1.2em; width:100%;}
.cd_txinsm{ padding:1.2em;margin-bottom:20px;}

.conten_inright {float: none;width: auto;}

.cd_text{ margin-bottom:20px; font-size:0.18rem; line-height:180%;}
.title-inbg{ font-size:0.36rem;  }

.cd_text .f20{font-size: 0.26rem; line-height:140%; padding:0.6em 1em;}
.cd_text .f18{ font-size:0.2rem;}
.cd_text .cd_list{ padding:1.2em;}
.cd_text .cd_inst{ font-size:0.22rem; line-height:130%;}


.cd_tnx{ display:block; padding-top:5px;}

.conlibox{ background:#fff; margin:10px 0 20px 0;}
.conl-in{ padding:2em 1.8em;  font-size:0.18rem; line-height:180%;}
.conl-in .f16{font-size:0.2rem;}
.conl-in .f24{font-size:0.3rem;}
.infp_logo{ position:static; width:380px; padding::0.15rem 0;}
.altname{ text-align:right; padding:1em 0; margin-bottom:20px;font-size:0.2rem; }

#title-left{ margin-bottom:20px;}

}

/*
@media screen and (max-width: 640px){
.conten_inleft{  float: none; width: 100%; text-align: center; }
.conten_inright{display: none;}
}
 */


@media screen and (max-width: 640px){
.pr_tf{ width:120px;}
#artist-title-sp .artist-name{ padding-top:0; line-height:46px;}

}

@media screen and (max-width:375px){

.artist_menu_lo{height:1rem;background-size: auto 100%;}
#artist-title-sp {width: 100%;height:1rem;padding: 0 0.1rem 0 0.1rem;background-size: auto 100%!important;}
#artist-title-sp .artist-name{height:1rem;line-height: 1rem;background-size:auto 100%;}
#artist-title-sp #h2-news{width:1.3rem; height:1rem; background-size:auto 100;}
#artist-title-sp #h2-bio{width:1.86rem; height:1rem; background-size:auto 100;}
#artist-title-sp #h2-disco{width:2.18rem; height:1rem; background-size:auto 100;}
    
.conten_inleft{ font-size:12px;}
.cd_text{font-size:12px; }
.title-inbg{ font-size:20px; line-height: 110%; }

.cd_text .f20{font-size:18px;}
.cd_text .f18{ font-size:14px;}
.cd_text .cd_inst{ font-size:16px;}
.conl-in{font-size:12px;}
.conl-in .f16{font-size:14px;}
.conl-in .f24{font-size:22px;}
.altname{ font-size:14px; }



}