@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');}


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-color: rgba(0,0,0,0.8);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;
}
.row5{margin-left: -5px;margin-right: -5px;}
.row5 div[class*="col-"]{padding-left: 5px;padding-right: 5px;}
.tit1{font-size: 24px;text-align: center;border-bottom: 4px double #999;margin-bottom: 20px;padding-bottom: 10px;margin-top: 0;}
.tit1 strong{font-weight: normal;font-size: 18px;}
.well-brown{background: #52170f;border:none; color:#fff;}
small{font-size: 10px;line-height: 10px;}
#main{background: #000;position: relative;z-index: 1;max-height: 833px;}
#main img{margin: -15px auto 0 auto;position: relative;z-index: 1;}
.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*/

.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: 500px;padding-bottom: 120px;}
.bg_white{background: #fff;}
.profile_txt{text-align: center;margin-top: -25px;}

#mailmagazine {
    background: url(../images/bg1.png) center top repeat-x;
    position: relative;
    z-index: 9;
    padding-bottom: 60px;
}
#mailmagazine .box {
    background: #000;
    padding: 15px;
    border-radius: 4px;
    overflow: hidden;
}
#mailmagazine h3 {
    position: relative;
    margin: 0px;
    line-height: 34px;
    font-size: 15px;
    color: #FAB945;
    font-weight: bold;
}

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

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

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

.ico-date{display: table-cell;width: 15%;background: #333;vertical-align: middle;}
.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{width: 15%;text-align: center;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;width: 70%;}

.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;}

#discography h3{text-align: center;font-size: 36px;line-height: 36px;margin:0 0 10px;}
.pdata{font-size: 14px;line-height: 16px;margin-bottom: 20px;text-align: center;}
#discography 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;}

/* 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: 10px;line-height: 12px;margin-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;}
#langselect{position: absolute;top: 14px;right: 205px;}
#langselect .btn:active, #langselect .btn.active {
    background-color: #a92b36;
}
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;}
nav .btn_fb_like{position: absolute;top: 8px;right: 163px;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;}

#langselect-f{margin-bottom: 20px;}
#langselect-f .btn:active, #langselect-f .btn.active {background-color: #a92b36;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb60{margin-bottom: 60px;}
.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;}
/*.embed-responsive-16by9 {
    padding-bottom: 75%;
}*/
.trimmovie{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	margin-top: 50px;
}
.triminner{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.moviemask{width: 100%;height: 100px;position: absolute;left: 0;bottom: 0;background:url(../images/moviemask.png) repeat-x;z-index:100;}
.mclose{position: absolute;right: 20px;top: 20px;z-index:101;}
.btn-black {
    background-color: #222;
    border-color: #111;
    color: #ccc;
}
.btn-black:hover {
    background-color: #000;
    border-color: #000;
    color: #fff !important;
}
.mvbn{
	text-align: center;
	margin-bottom: 20px;
}
.btn.focus, .btn:focus, .btn:hover{color: #999;}

@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{padding-top: 72px;background: #000;padding-bottom: 72px;}
	.main_logo{position: absolute;text-align: center;bottom: 80px;z-index: 9;width: 100%;}
	#mailmagazine{margin-top: -126px;padding-top: 84px;}
	#profile{background: url(../images/bg1sp.png) center top repeat-x;margin-top: -84px;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: 15px;}

	#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;}



	.lead{font-size: 24px;}
	.mb-xs-10{margin-bottom: 10px;}
	.tit1 strong{font-size: 14px;}
}
@media (min-width:768px) and (max-width:991px){
	#mailmagazine{margin-top: -126px;padding-top: 84px;}
	#profile{margin-top: -84px;padding-top: 84px;}
	.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;
	}
	.ico-date{width: 40%;}
	.ico-news,.ico-live,.ico-media{width: 20%;}
	.dating{width: 20%;}
	.news-title{width: 60%;}
}
@media (min-width:992px) and (max-width:1199px){
	#mailmagazine{margin-top: -126px;padding-top: 126px;}
	#profile{margin-top: -126px;padding-top: 126px;}
	.lead{font-size: 36px;}
}
@media (min-width:1200px){
	#mailmagazine{margin-top: -126px;padding-top: 126px;}
	#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;}
}


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

#mailmagazine{background: url(../images/bg1.png) center top repeat-x;position: relative;z-index: 9;padding-bottom: 60px;}
#mailmagazine .box{background: #000;padding: 15px;border-radius:4px;overflow: hidden;}
#mailmagazine h3{position: relative;margin: 0px;line-height: 34px;font-size: 15px;color: #FAB945;font-weight: bold;}