@font-face{font-style:normal;font-weight:normal;font-family:'footlight';	src:url('../fonts/footlight.woff') format('woff');}
@font-face{font-style:normal;font-weight:bold  ;font-family:'footlight';	src:url('../fonts/footlight.woff') format('woff');}


* > *:last-child{margin-bottom: 0;}

body{font-family:"footlight", Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo,  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;font-size: 16px;line-height: 175%;background: #000;}
.navbar .container{position: relative;font-size: 17px;}
.navbar-inverse{background: url(../images/common/navbar_bg.png);border-bottom: none;}
.navbar-brand{position: absolute;top: 0;right: 0;width: 136px;}
.navbar-brand img{width: 100%;height: auto;}
.navbar a{outline:none;}

.navbar-toggle{float: left;margin-left: 15px;}

.navbar .badge {
    background-color: #c06;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 2px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin-top: -10px;
    margin-left: -6px;
}
small{font-size: 10px;line-height: 10px;}

.main_logo{position: absolute;text-align: center;bottom: 47px;z-index: 9;width: 100%;}
.img-full{width: 100%;height: auto;}
.img-resp{max-width: 100%;width:auto;height: auto;}
/*url(../images/main.jpg) center top no-repeat*/
.ib{display: inline-block;}
.bn{width: 100%;max-width:630px;margin: 0 auto 45px;}
.bn img{width: 100%;height: auto;}
.shop-link-group{margin-top: -65px;margin-bottom: 45px; position: relative; z-index:100;}
.shoplink{white-space: nowrap;background: #52170f;padding: 5px 8px;color: #fff;font-weight: bold;display: inline-block;font-size: 12px;border:1px solid #561c12;line-height: 25px;}

a.shopbtn{display: inline-block;height: 25px;}
.shopbtn{display: inline-block;height: 25px;}
.shopbtn img{vertical-align: top;margin: 0;}

/* profile */
#profile{}
.btm_bg{background: url(../images/bg2.png) center bottom repeat-x;min-height: 1000px;padding-bottom: 120px;}
.bg_white{background: #fff;}
.profile_txt{text-align: center;margin-top: -25px;}

#information h2{margin-top: 0;font-size: 60px;}
#news a{display: block;padding: 3px;background: #000;;margin-bottom: 10px;}
#news a:hover{text-decoration: none;opacity:.8;}
#news a:last-child{border-bottom: none;}
.footer-box{
	border-top:1px dotted #666;
	padding-top: 30px;
	margin-top: 30px;
}

.nav-tabs > li > a{color:#fff;padding: 6px 12px !important;}
.nav-tabs > li.active > a{color:#f00;}


.news-list{display: table;width: 100%;table-layout:fixed;color:#fff;}

.ico-date{display: table-cell;width: 160px;}
.ico-date-in{display: table;width: 100%;table-layout:fixed;}

.ico-news,.ico-live,.ico-media{width: 15%;line-height: 90px;text-align: center;border-right:1px solid #000;font-size: 21px;}

.ico-news{background: #687d98;}
.ico-live{background:#914758;}
.ico-media{background:#285342;}

.ico-news,.ico-live,.ico-media,.dating,.news-title{display: table-cell;}

.ico-news,.ico-live,.ico-media,.dating{vertical-align: middle;}
.dating{text-align: center;background: #333;height: 58px;vertical-align: middle;}
.dating .year,.dating .date{display: block;line-height: 1.25;}
.dating .year{font-size: 18px;}
.dating .date{font-size: 24px;}


.news-title{vertical-align: middle;padding: 15px;background: #000;}

.yt_cap{line-height: 22px;}
#twi-list{margin-top: 30px;}




a.prof{display: inline-block;}
a.prof img{width: 100%;height: auto;}
.creatorprof{background:url(../images/cp_bg.jpg) center top #000;background-attachment:fixed;height: 50px;overflow: hidden;color: #fff;margin-bottom: 15px;cursor:pointer;}
.creatorprof p{font-size: 12px;line-height: normal;margin-bottom: 15px;line-height: 175%;}
.creatorprof h4{padding-top: 65px;background:url(../images/open_cursor.png) no-repeat right top;margin-top: 0;font-size: 15px;font-weight: bold;}
.cpibg{
	padding:0 15px 0 15px;
}
.w50p{width: 35%;height: auto;margin-left: 15px;margin-bottom: 15px;}
#cptit01{background: url(../images/creatorprof_tit01.png) no-repeat top left;}
#cptit02{background: url(../images/creatorprof_tit02.png) no-repeat top left;}
#cptit03{background: url(../images/creatorprof_tit03.png) no-repeat top left;}
#cptit04{background: url(../images/creatorprof_tit04.png) no-repeat top left;}
#cptit05{background: url(../images/creatorprof_tit05.png) no-repeat top left;}
#cptit06{background: url(../images/creatorprof_tit06.png) no-repeat top left;}
#cptit07{background: url(../images/creatorprof_tit07.png) no-repeat top left;}
#cptit08{background: url(../images/creatorprof_tit08.png) no-repeat top left;}
#cptit09{background: url(../images/creatorprof_tit09.png) no-repeat top left;}
#cptit10{background: url(../images/creatorprof_tit10.png) no-repeat top left;}
#cptit11{background: url(../images/creatorprof_tit11.png) no-repeat top left;}
/* update */
#update{background: #000;padding: 250px 0 130px;background: url(../images/bg_update.png) center top no-repeat;margin-top: -190px;color:#fff;}
#update h2{margin: -100px auto 30px;width: 258px;padding-top: 100px;}

.news_column{display: block;position: relative;padding: 15px;height: 360px;background-color: #333;width: 100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.news_article{position: absolute;left: 15px;right: 15px;bottom: 15px;color:#fff;}
.news_text{margin-bottom: 20px;}
.news_dsc{font-size: 12px;line-height: 150%;}
.news_title{font-size: 26px;line-height: 150%;}
.news_comment{font-size: 12px;line-height: 150%;margin-bottom: 10px;}

.news_date{font-size: 38px;font-weight: normal;}
.news_date .date{font-size: 72px;margin-right: 5px;}

.mnews_column{color: #fff;display: block;position: relative;}
.mnews_column:hover,.mnews_column:active,.mnews_column:visited,.mnews_column:focus{color: #fff;text-decoration: none;outline:none;}
.minimal-news{display: table;width: 100%;}
.mn-date{display: table-cell;background: #222;padding: 10px 15px;width: 15%;white-space: nowrap;vertical-align: middle;text-align: center;}
.mn-body{display: table-cell;background: #333;padding: 10px;vertical-align: middle;}
.mn-date .badge {
    background-color: #c06;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 2px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin-top: -10px;
    margin-left: -6px;
}

.remodal h2 {
    font-size: 26px;
    font-weight: bold;
}
.remodal h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    border-left:6px double #000;
    padding-left: 10px;
}
.remodal .table-bordered th{background: #f6f6f6;white-space:nowrap;}


#message_bg1{background: url(../images/message_bg1.png) center top repeat-x;padding-top: 160px;color:#fff;}
#message_bg2{background: url(../images/message_bg2.png) center bottom repeat-x;padding-bottom: 60px;}
#message_bg2 p{margin-bottom: 30px;}
#message_bg0{background: url(../images/message_bg.jpg) center center repeat;background-attachment: fixed;}

.tar{text-align: right;}

/* discography */
#discography{background:url(../images/bg_white.png) center top repeat-x;padding: 60px 0 100px;position: relative;z-index: 1;}
#discography h2{margin: -85px auto 30px;max-width: 368px;}

.mt20{margin-top: 20px;}

#discography .carousel-indicators{top: -60px;}
#discography .carousel-indicators li{background: #000;border:1px solid #000;}
#discography .carousel-control.left{background: none;left:-40px;}
#discography .carousel-control.right{background: none;right:-40px;}
#discography .carousel-control{color:#000;width:40px;}
#discography .carousel-control:focus, #discography .carousel-control:hover{color:#666;}

.label_track{border: 1px solid #efefef;}
.dg_txt_bg{border: 1px solid #fff;background:url(../images/dg_txt_bg.jpg) center center repeat;width: auto;padding: 29px 44px;vertical-align: bottom;box-sizing:content-box;}

#profile h3{font-size: 40px;line-height: 36px;margin:0 0 10px;}
.pdata{font-size: 14px;line-height: 16px;margin-bottom: 20px;}
#profile h4{text-align: center;font-size: 18px;line-height: 18px;margin:0 0 10px;}
.trackno{list-style: none;padding: 0;}
.trackno li{border-bottom: 1px dotted #666;font-size: 16px;line-height: 32px;}
.label_img{margin-bottom: 20px;}

.lead {
    font-family: "Times New Roman",serif;
}

.fs12{font-size: 12px;line-height: 12px;}

.row.cddata + .row.cddata{border-top: 1px dotted #ddd;padding-top: 44px;margin-top: 44px;}


/* footer background:white;  */
/* footer{background: url(../images/common/footer_bg_black.png) center top repeat-x;position: relative;z-index: 1;padding-top: 120px;}
footer h4{text-align: center;padding: 20px 0;}
footer h4 img{width: 100%;max-width:366px;height: auto;}
footer small{display: block;text-align: center;color:#333;font-size: 10px;line-height: 12px;margin-bottom: 80px;}*/

/* footer background:black;  */
footer{/*background: url(../images/common/footer_bg.png) center top repeat-x;*/position: relative;z-index: 8;margin-top: -50px;padding-top: 60px;}
footer h4{text-align: center;padding: 20px 0;}
footer h4 img{width: 100%;max-width:366px;height: auto;}
footer small{display: block;text-align: center;color:#fff;font-size: 12px;line-height: 12px;padding-bottom: 80px;}

hr{border: none;height: 112px;background: url(../images/common/butterfly01.png) center center no-repeat;}

.img_square{height:165px;overflow: hidden;margin-bottom: 30px;}


.btn_twitter a{display: block;background: url(../images/common/bg_btn_twitter.png) left top no-repeat;font-size: 12px;color:#fff;width: 109px;text-align: center;line-height: 24px;}
.btn_twitter a:hover{text-decoration: none;}
nav .btn_twitter{position: absolute;top: 13px;right: 130px;width: 109px;}

footer .btn_twitter{width: 109px;margin: 0 auto 20px;}

.btn_twitter_s a{display: block;border:1px solid #4d2c0c;background: #1c0d08;font-size: 12px;color:#fff;width: 69px;text-align: center;line-height: 22px;}
.btn_twitter_s a:hover{text-decoration: none;}

nav .btn_twitter_s{position: absolute;top: 13px;right: 88px;width: 69px;}

.btn_fb_share a{display: block;border:1px solid #4d2c0c;background: #1c0d08;font-size: 12px;color:#fff;width: 69px;text-align: center;line-height: 22px;}
.btn_fb_share a:hover{text-decoration: none;}
nav .btn_fb_share{position: absolute;top: 13px;right: 15px;width: 69px;}


footer .btn_twitter_s{width: 69px;display: inline-block;}
footer .btn_fb_share{width: 69px;display: inline-block;}

footer .btn_fb_like{width: 69px;display: inline-block;}
nav .btn_fb_like{position: absolute;top: 8px;right: 163px;width: 69px;}

.fblu{
	display: inline-block;
	position: relative;
	top: -9px;
}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.disc{list-style:disc;padding:0;}
.disc li{margin-left:16px;padding:0;}
.pt20{padding-top: 20px;}
.panel{font-size: 16px;}

/* common parts */
.tac{text-align: center;}

.btn-black {
    background-color: #222;
    border-color: #111;
    color: #ccc;
}
.mvbn{
	text-align: center;
	margin-bottom: 20px;
}
.btn.focus, .btn:focus, .btn:hover{color: #999;}

i.fa-chevron-up{color:#999;}


#profile{background: url(../images/bg1.png) center top repeat-x;position: relative;padding-bottom: 60px;}

#information{}
#information .btn-group{text-align: right;}

.btn-cclr{background: #000;color:#fff;}

.dropdown-menu{right: 0;min-width:0;margin: 0;padding: 0;}
.dropdown a{margin-bottom: 0;}
.dropdown-menu > li > a{padding: 9px 14px;}
.dropdown-menu > li.active > a{background: #efefef !important;color:inherit; }

#page-bg{background: #000;}
#page-bg h1{color:#fff;margin-top: 45px;font-size: 60px;font-weight: normal;padding: 60px 15px 135px;}
#page-bg h1 small{font-size: 40%;

    border-left: 1px dotted #666;
    color: #999;
    display: inline-block;
    line-height: 40px;
    margin-left: 25px;
    padding-left: 25px;
    vertical-align: middle;
}

#information h2{font-size: 30px;margin-bottom: 30px;border-bottom: 1px solid #000;padding-bottom: 14px;}

.autosize *{width: 100%;height: auto;}

/* panel */
a.panel{display: block;color:#000;}
a.panel:hover{display: block;color:#000;text-decoration: none;opacity:.8}

.panel-urbrs{margin-bottom: 30px;border-radius:0;border: none;cursor:pointer;box-shadow:0 0 5px rgba(7,0,2,.16);}
.panel-urbrs .panel-data{padding:13px 15px;background: #fff;}
.panel-image{width: 100%;background-size: cover;background-position: center center;}
.panel-data h2{margin: 0;font-size: 14px;line-height: 18px;}

/* modal */
.modal{color:#333;}
.modal-title{font-size: 18px;padding: 15px 0;}


@media (max-width:767px){
	.trimmovie{margin-top: -22px;}
	.moviemask{width: 100%;height: 99px;position: absolute;left: 0;bottom: -16px;background:url(../images/moviemask.png) repeat-x 0 -1px;z-index:100;}
	.mclose{position: absolute;right: 10px;top: 60px;z-index:101;}
	.mvbn{
	text-align: center;
	margin-bottom: 12px;
	margin-top: 20px;}
	.mvbn img{width: 50%;height: auto;}
	.main_logo{position: absolute;text-align: center;bottom: 80px;z-index: 9;width: 100%;}
	#profile{background: url(../images/bg1sp.png) center top repeat-x;margin-top: -126px;padding-top: 84px;}
	.btm_bg{}
	.profile_txt{text-align: left;margin-top: -25px;}
	#news h2{margin-top: 0;font-size: 36px;}
	#news a{display: block;padding: 6px;background: #000;;margin-bottom: 10px;}
	#news a:hover{text-decoration: none;opacity:.8;}
	#news a:last-child{border-bottom: none;}

	.ico-date{display: block;width: auto;}

	.ico-news,.ico-live,.ico-media{line-height: 30px;font-size: 16px;}
	.ico-news,.ico-live,.ico-media,.dating{display: table-cell;vertical-align: middle;width: 50%;}

	.dating .year{display: inline-block;margin-right: 10px;}
	.dating .date{display: inline-block;font-size: 18px;}

	.dating{height: 28px;}

	.news-title{padding: 5px;width: auto;display: block;}

	#information h2{font-size: 36px;}

	.mb30{margin-bottom: 10px;}

	#update{padding: 250px 0 60px;}
	#update h2{width:180px;}

	#discography{padding: 60px 0 60px;}
	.dg_txt_bg {
	    padding: 15px 15px;
	}



	footer h4{width: auto;margin: 0 15%;}
	.di{display: none;}
	.dib{display: none;}
	.db{display: none;}

	.news_column{height: 220px;}
	.news_dsc{font-size: 12px;line-height: 150%;font-weight: bold;}
	.news_title{font-size: 24px;line-height: 150%;}
	.news_comment{font-size: 10px;line-height: 150%;margin-bottom: 10px;}
	.news_date{font-size: 24px;font-weight: normal;}
	.news_date .date{font-size: 48px;margin-right: 5px;}

	.minimal-news{display: block;}
	.mn-date{display: block;text-align: left;width: 100%;padding: 10px;}
	.mn-body{display: block;}
	.remodal .table-bordered th{display: block;width: 100%;}
	.remodal .table-bordered td{display: block;width: 100%;}

	.bn{margin: 0 auto 5px;}
	.shop-link-group{margin-top: -10px;margin-bottom: 15px;}
	.shoplink{padding: 5px;display: block;font-size: 12px;margin-bottom: 1px;}
	.shoplink a{display: inline-block;height: 25px;}
	#discography .carousel-control.left{background: none;left:-5px;}
	#discography .carousel-control.right{background: none;right:-5px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{top: -20px;}

	.col-xs-12 + .col-xs-12{margin-top: 15px;}

	.lead{font-size: 24px;}

	#page-bg h1{padding: 60px 15px 120px;margin-top: 10px;font-size: 42px;text-align: center;}
	#page-bg h1 small{font-size: 40%;display: block;

    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

	#information h2{font-size: 24px;margin-bottom: 15px;}

	.row{margin:0 -5px;}
	div[class*="col-"]{padding:0 5px;}

	#profile h3{font-size: 24px;}
	.row.cddata + .row.cddata{border-top: 1px dotted #ddd;padding-top: 30px;margin-top: 30px;}

}
@media (min-width:768px) and (max-width:991px){
	#profile{margin-top: -126px;padding-top: 126px;}
	.di{display: none;}
	.dib{display: none;}
	.db{display: none;}
	.profile_txt{text-align: left;margin-top: -25px;}
	.trimmovie{margin-bottom: 40px;}
	#discography .carousel-control.left{background: none;left:-20px;}
	#discography .carousel-control.right{background: none;right:-20px;}
	.navbar .container{font-size: 13px;}
	.navbar-nav > li > a {
    	padding-left: 10px;
    	padding-right: 10px;
	}
}
@media (min-width:992px) and (max-width:1199px){
	#profile{margin-top: -126px;padding-top: 126px;}
	.lead{font-size: 36px;}
}
@media (min-width:1200px){
	#profile{margin-top: -126px;padding-top: 126px;}
	.dn{display: none;}
	.db{display: block;}
	.dib{display: inline-block;}
	.di{display: inline;}
	.profile_txt{text-align: center;margin-top: -25px;}
	.news_column{padding: 20px;}
	.news_article{position: absolute;left: 20px;right: 20px;bottom: 20px;}
	.lead{font-size: 36px;}

}