@charset "utf-8";
@font-face{
    font-family:"HelveticaNeueLTStd";
    src:url("./fonts/HelveticaNeue/HelveticaNeueLTStd.eot?#iefix");
    src:url("./fonts/HelveticaNeue/HelveticaNeueLTStd.eot?#iefix") format("eot"),
    	url("./fonts/HelveticaNeue/HelveticaNeueLTStd.woff2") format("woff2"),
    	url("./fonts/HelveticaNeue/HelveticaNeueLTStd.woff") format("woff"),
    	url("./fonts/HelveticaNeue/HelveticaNeueLTStd.ttf") format("truetype"),
    	url("./fonts/HelveticaNeue/HelveticaNeueLTStd.svg#HelveticaNeueLTStd37") format("svg");
}



body,h1,h2,h3,h4,i,em,ul,ol,li,a,img,div,p,dl,dt,dd,table,tr,td{ margin:0; padding:0;}
div{vertical-align:top;}
i,em{ font-style:normal;}
ul,li,dl,dd,dt{ list-style: none;}
a{ color: inherit; text-decoration: none; outline: none;color: #e60012;text-decoration: none;}
a:active {text-decoration: underline;}
a:hover {text-decoration: underline; color: inherit; }

.disco-jacket a {
  font-size:10px;
  line-height:1.4;
}

img{ vertical-align:top; border:none; max-width:100%; max-height: 100%;}
h3 img[src*="h3-"]{height: 25px;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{content:" ";clear: both;display: block;visibility:hidden;height:0;}
.clear{ clear:both;height: 0px;line-height: 0px; width: 100%;}
::selection{ background:#000; color:#fff;}



.f10{ font-size:10px; font-size: 0.1rem; line-height: 160%;}
.f11{ font-size:11px; font-size: 0.11rem;line-height: 160%;}
.f12{ font-size:12px; font-size: 0.12rem;line-height: 160%;}
.f14{ font-size:14px; font-size: 0.14rem;line-height: 160%;}
.f16{ font-size:16px; font-size: 0.16rem;line-height: 160%;}
.f18{ font-size:18px; font-size: 0.18rem;line-height: 160%;}
.f20{ font-size:20px; font-size: 0.2rem; line-height: 160%;letter-spacing: -0.06em;}
.f22{ font-size:22px; font-size: 0.22rem;line-height: 180%;letter-spacing: -0.06em;}
.f24{ font-size:24px; font-size: 0.24rem;line-height: 160%;letter-spacing: -0.06em;}
.f25{ font-size:25px; font-size: 0.25rem;line-height: 150%;letter-spacing: -0.06em;}
.f26{ font-size:26px; font-size: 0.26rem;line-height: 140%;letter-spacing: -0.06em;}
.f28{ font-size:28px; font-size: 0.28rem;line-height: 140%;letter-spacing: -0.06em;}
.f30{ font-size:30px; font-size: 0.3rem; line-height: 140%;letter-spacing: -0.06em;}
.f32{ font-size:32px; font-size: 0.32rem;line-height: 140%;letter-spacing: -0.06em;}
.f34{ font-size:34px; font-size: 0.34rem;line-height: 130%;letter-spacing: -0.06em;}
.f36{ font-size:36px; font-size: 0.36rem;line-height: 130%;letter-spacing: -0.06em;}
.f38{ font-size:38px; font-size: 0.38rem;line-height: 130%;letter-spacing: -0.06em;}
.f40{ font-size:40px; font-size: 0.4rem;line-height: 130%; letter-spacing: -0.06em;}
.f42{ font-size:42px; font-size: 0.42rem;line-height: 120%;letter-spacing: -0.06em;}
.f52{ font-size:52px; font-size: 0.52rem;line-height: 120%;letter-spacing: -0.06em;}


.fwb{ font-weight: bold;}
.fws{ font-weight: 400;}
.align_left{ text-align:left;}
.align_center{ text-align:center;}
.align_right{ text-align:right;}

.color_bl{color:#000;}
.color_bc{color:#333333;}
.color_white{color:#fff;}
.color_red{color:#f20000;}
.color_inred{color:#ef2d2d;}
.color_yell{color:#fff100;}
.color_ye{color:#ff8200;}
.color_gr{color:#006200;}
.color_grdd{color:#64c800;}
.color_pu{color:#8232a0;}
.color_cyan{color:#00a0a0;}
.color_blu{color:#0097f6;}
.color_enb{color:#0050c8;}
.color_or{color:#ff6101;}
.color_pink{color:#ff4378;}
.color_gra{color:#3c82b4;}
.color_yg{ color:#976e00; }
.color_yo{ color:#bb8800; }


.ban_op8:hover{ opacity: 0.8; }

.inlineblock{ display: inline-block; }
.pc_none{ display:none!important;}
.sp_none{ display:block;}
.mar_bnone{ padding-bottom:0!important;}

input{vertical-align: middle;}
/*----------------------------------------------------------*/

html{font-size: 100px;}
body{ color:#000; background: url(../img/bg.png);font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',Meiryo,'ＭＳ Ｐゴシック',sans-serif;line-height: 18px;font-size: 14px;}

.wrap{}
#top-line {background-color: #e60012;height: 10px; min-width: 951px;}
#header{width: 951px;height: 90px;background: url(../img/header-bg.png) no-repeat;margin-left: auto;margin-right: auto;}
.topmob-pc{ display: block;}
.topmob-sp{display: none;}
#header-top{text-align: right;margin-right: 5px; height: 30px;}
h1{width: 231px;height: 51px;float: left;margin-top: -4px;}
#header ul.hb_menu{list-style-type: none;height: 50px;width: 528px;font-size: 1px;line-height: 1px;float: left;}
#header ul.hb_menu li{display: inline;margin-top: 3px;}
#header #search{float: right;width:190px;padding-top: 18px;}
#header #search input{vertical-align: middle;}
#header #search input[type="text"]{width: 120px;height: 14px;border: 1px solid #dddddd;}



#container {width: 950px;margin-left: auto;margin-right:auto;text-align: left;}
#sns{height: 30px;text-align: right;}


#top-main{ background: #000; margin-bottom: 10px;width: 100%;overflow: hidden;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
/* silde */
/*.slidecontent{width:950px;height:526px;}*/
.main-slider-content{ width: 100%; }
.navigator-content{ position: relative;}
.navigator-content .swiper-container{ margin:10px 25px; }
.navigator-content .swiper-slide{ width: 88px !important; padding: 0 6px; text-align: center; }
.navigator-content .swiper-slide img{border: #666 solid 3px; cursor: pointer;}
.navigator-content .swiper-slide img:hover{border: #c50018 solid 3px;}
.navigator-content .active-nav img{border: #c50018 solid 3px;}

.arrow-left{ position: absolute; top: 0; left:0; display: block;width: 22px;height: 65px;color: #FFF;cursor: pointer;text-indent: -999px;margin-left: 5px;background: url(../topslide/arrow-l.png) no-repeat left center;}
.arrow-right{position: absolute; top: 0; right:0;display: block;width: 22px;height: 65px;color: #FFF;cursor: pointer;text-indent: -999px;margin-left: 5px;background: url(../topslide/arrow-r.png) no-repeat left center;}
.pagination{ text-align: center; display: none; }
.pagination span{ width: 12px; height: 12px; background:#5b5b5b url(../img/ball-off.jpg) 0 0 no-repeat; background-size: 100% 100%; opacity: 1; margin: 3px;}
.pagination .swiper-pagination-bullet-active {opacity: 1;background: #007aff url(../img/ball-on.jpg) 0 0 no-repeat; background-size: 100% 100%; position: relative; top: 1px;}

#top-main #tweet {height: 34px;background: url(../img/bg-tweet.png) no-repeat;}
#top-main #tweet #twif, #top-main #tweet2 #twif {margin-left: 140px;padding-top: 4px;}
/* silde */

.more-info {text-align: right;}


/* top-release */
#top-release{background-color: #ffffff;margin-bottom: 30px; padding-bottom:1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}

#new-release{width: 950px;height: 56px;background: url(../img/h2-top-release.jpg) no-repeat;}
#top-release-inner{padding: 12px 6px 2px 12px;position: relative; z-index: 200;}
#top-release-inner .pnl-list{ display: none; }
#top-release-inner .release-date{width: 110px;height: 110px;float: left;margin-right: 6px;margin-bottom: 6px;background-color: #e60012;text-align: center;font-family:Arial Black,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight: bold;color: #ffffff;font-size: 18px;}
#top-release-inner .release-date .release-month{margin: 2px;padding: 4px;display: block;background: #ffffff;color: #656565;font-size: 18px;}
#top-release-inner .release-date .release-day{display: block;font-size: 40px;line-height: 44px;padding: 5px;}
#top-release-inner .release-jacket{width: 110px;height: 110px;float: left;margin-right: 6px;margin-bottom: 6px; transition:all 0.3s;}
#top-release-inner .release-cdph{ width: 110px; height: 110px; }
#top-release-inner .timerele{ display: none;}
#top-release-inner .release-jacket-detail{width: 150px;height: 110px;float: left;margin-right: 6px;margin-bottom: 6px;}
#top-release-inner .release-jacket-detail a{color: #000000;display: block;margin-left: 4px;}
#top-release .more-info{margin-right: 8px;margin-bottom: 6px;text-align: right;}

.tooltip{display: none;background: transparent url("../img/black_arrow.png");color: #ffffff;width: 160px;height: 70px;padding: 25px;font-size: 10px;line-height: 12px;}
.tooltip .ttmore{text-align: right;}
.tooltip .ttmore a{	color: #e60012 !important;}
.tooltip .ttmore a:hover{color: blue !important;}

/* top-release */


/* top-news */
#top-news{background-color: #ffffff;width: 100%;min-height:300px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;margin-bottom:30px; display: flex;flex-wrap:wrap;}
.title-tp-news{ width: 100%; }
.title-tp-news img{ width: 100%;}
.top-mews-inners{padding: 30px 0px 40px 50px; width:calc(50% - 25px); box-sizing: border-box; }
.top-news-tit{font-size: 1.7em; padding-bottom: 1em; width: 100%;}
.top-mews-inners dl{display: flex;flex-wrap: wrap;align-items: flex-start}
.top-mews-inners dl dt{width:7.8em;border-left: 0.25em solid #e60012;color: #666666;padding-left: 0.25em;margin-right: 0.2em;margin-bottom: 15px;font-weight: bold;box-sizing: border-box;}
.top-mews-inners dl dd{width:calc(100% - 8em);margin-bottom: 15px;box-sizing: border-box;}

.top-news-other{width: 100%; padding:3em 3.5em; box-sizing: border-box;}
.top-news-other dl{display: flex;flex-wrap: wrap;align-items: flex-start}
.top-news-other dl dt{width:7.8em;border-left: 0.25em solid #e60012;padding-left: 0.25em;margin-right: 0.3em;margin-bottom: 15px;font-weight: bold;box-sizing: border-box;color: #666666;}
.top-news-other dl dd{width:calc(100% - 8.2em);margin-bottom: 15px;box-sizing: border-box;}
.top-news-other a{}
/* top-news */

/* top-banner-mob */
.top-banner-mob{ width: 100%; }
.top-banner-mob .tnr-ban{ padding-bottom:0.7em; display: flex; flex-wrap: wrap; }
.top-banner-mob .tnr-ban a{ width: 32.5%; box-sizing: border-box; margin:1.25% 1.25% 0 0; transition: opacity 0.4s;}
.top-banner-mob .tnr-ban a:nth-child(3n){margin-right:0;}
.top-banner-mob .tnr-ban a[href]:hover{opacity: 0.8;}
/* top-banner-mob */

#top-instagram{background-color: #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}

/* top-news-right */
#top-news-right{width: 300px;float: right;}
#top-news-right .tnr-ban{ padding-bottom:15px; }
#top-news-right .tnr-ban img{ max-width:100%;}
#top-twitter{background-color: #ffffff;width: 300px;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
#top-twitter #top-twitter-inner{padding: 10px 5px 10px 5px;}
.twitter-timeline{height: 100%;}
#top-twitter iframe{ height: 350px!important; }
#eapps-instagram-feed-1 img{max-height:none;}

/* top-news-right */



/* footer */
.ban-pagetop{ display: none; position: fixed; bottom: 30px; right: 30px; bottom:0.3rem; right:0.3rem; max-width: 15%; z-index:200;}

.sp-sns{ display: none; }
#footer{margin-top: 30px;margin-bottom: 10px;padding-bottom: 10px;background-color: #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
#footer-nav{border-bottom: 1px solid #cccccc;padding: 12px; color: #ff0000;}

#footer ul{margin: 12px;list-style-type: none;}
#footer ul li{width: 110px;float: left;font-size: 10px;}
#footer ul #footer-link{width: 150px;}
#footer ul li a{color: #333333;font-size: 10px;}
#footer ul li a:hover{text-decoration: underline;font-size: 10px;}
address{text-align: left;margin: 4px 0px 50px 5px;font-style: normal;font-size: 10px;}


.bnr{margin: 4px 0px 50px 5px;font-style: normal;font-size: 10px;}
.bnr .yt{text-align:right;position:absolute;bottom:0;right:0;}
.bnr .ban-tplist{ display: none;}
.bnr .copy{text-align:left;font-style: normal;font-size: 10px;}

.index .bnr{text-align:left;position:relative;height:40px;margin: 4px 0px 50px 5px;}
.index .bnr .ban-tplist{ display: block;}
.index .bnr .ban-tplist img{height: 32px;}

.index .bnr .copy{text-align:center; padding-top:5px;}
/* footer */





/* artis-list */
.artist-list{background-color: #ffffff;margin-bottom: 30px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
.artist-list .artist-list-inner{padding-left: 12px;padding-right: 6px;padding-bottom: 9px; position: relative;}
.artist-list h2{margin-bottom: 12px;}
.artist-list .pickup-artist{width: 226px;height: 141px;float: left;margin-right: 6px;margin-bottom: 4px;}
.artist-list .pickup-artist .pickup-name{width: 226px;height: 40px;background: url(../img/bg-pickup.png);position: relative;top: -40px;overflow: hidden;}
.artist-list .pickup-artist .pickup-name a{display: table-cell;vertical-align: middle;height: 40px;padding: 0px 7px 0px 7px;font-weight: bold;font-size: 16px;line-height: 18px; color: red;}

#all-artist{width: 950px;height: 56px;background: url(../img/h2-allartist.jpg) no-repeat;}
.sp_list_ban{ display: none; }

.artist-list .all-artist-title{width: 125px;height: 125px;float: left;background-color: #e60012;margin-right: 6px;margin-bottom: 8px;}
.artist-list .all-artist-title span{display: block;text-align: center;color: #ffffff;font-size: 30px;line-height: 30px;padding-top: 50px;}
.artist-list .all-artist{width: 125px;height: 125px;float: left;margin-right: 6px;margin-bottom: 8px;}
.artist-list .all-artist-name{width: 125px;height: 125px;float: left;margin-right: 6px;margin-bottom: 8px;}
.artist-list .all-artist-name a{color: #000000;display: block;margin-top: 53px;margin-left: 4px;}
.artist-list .pnl-text ul{list-style-type: none;}
.artist-list .pnl-text ul li{width: 250px;height: 46px;float: left;border-bottom: 1px solid #999999;margin-right: 12px;margin-bottom: 4px;}
.artist-list .pnl-text ul li a{display: table-cell;vertical-align: middle;height: 44px;width: 240px;padding-left: 10px;color: #000000;font-size: 14px;line-height: 14px;}
.artist-list .pnl-text ul li a:hover{color: #e60012;background-color: #ffe9e9;text-decoration: none;}


.show-text{display: block;width: 45px;height: 44px;float: right;background: url(../img/pnl-text.jpg) no-repeat;margin-top: 7px;}
.show-text-on{display: block;width: 45px;height: 44px;float: right;background: url(../img/pnl-text-on.jpg) no-repeat;margin-top: 7px;}
.show-list{display: block;width: 44px;height: 44px;float: right;background: url(../img/pnl-list.jpg) no-repeat;margin-top: 7px;}
.show-list-on{display: block;width: 44px;height: 44px;float: right;background: url(../img/pnl-list-on.jpg) no-repeat;margin-top: 7px;}
.show-list2{display: block;width: 44px;height: 44px;float: right;background: url(../img/pnl-list.jpg) no-repeat;margin-top: 7px;margin-right: 20px;}
.show-list2-on{display: block;width: 44px;height: 44px;float: right;background: url(../img/pnl-list-on.jpg) no-repeat;margin-top: 7px;margin-right: 20px;}
.show-listw{display: block;width: 45px;height: 40px;float: right;background: url(../img/pnlw-list.jpg) no-repeat;margin-top: 7px;}
.show-listw-on{display: block;width: 45px;height: 40px;float: right;background: url(../img/pnlw-list-on.jpg) no-repeat;margin-top: 7px;}
.show-image{display: block;width: 44px;height: 44px;float: right;background: url(../img/pnl-photo.jpg) no-repeat;margin-top: 7px;margin-right: 20px;}
.show-image-on{display: block;width: 44px;height: 44px;float: right;background: url(../img/pnl-photo-on.jpg) no-repeat;margin-top: 7px;margin-right: 20px;}
.show-imagew{display: block;width: 45px;height: 40px;float: right;background: url(../img/pnlw-photo.jpg) no-repeat;margin-top: 7px;}
.show-imagew-on{display: block;width: 45px;height: 40px;float: right;background: url(../img/pnlw-photo-on.jpg) no-repeat;margin-top: 7px;}
.show-50on{display: block;width: 44px;height: 42px;float: right;background: url(../img/pnl-50on.jpg) no-repeat;margin-top: 7px;margin-right: 20px;}
.show-50on-on{display: block;width: 44px;height: 42px;float: right;background: url(../img/pnl-50on-on.jpg) no-repeat;margin-top: 7px;margin-right: 20px;}
.show-year{display: block;width: 46px;height: 42px;float: right;background: url(../img/pnl-year.jpg) no-repeat;margin-top: 7px;}
.show-year-on{display: block;width: 46px;height: 42px;float: right;background: url(../img/pnl-year-on.jpg) no-repeat;margin-top: 7px;}

.pnl-link:hover{text-decoration: none !important;}

/* artis-list */




/* title-list */
#all-title{width: 950px;height: 57px;background: url(../img/h2-alltitle-pc.jpg) no-repeat;}
.artist-list #title-year{list-style-type: none;}
.artist-list #title-year li{width: 50px;float: left;margin-right: 2px; margin-bottom: 6px;line-height: 120%;}
.artist-list #title-year .gjon{font-size: 1.3em; line-height: 120%;  width: 2em;  }
.artist-list #title-year li a{color: #333333;display: block;text-align: center;padding: 3px 6px;}
.artist-list #title-year li a:hover,.artist-list #title-year li .now-sel{color: #ffffff;background-color: #e60012;display: block;text-align: center;text-decoration: none;}

.artist-list #title-list{list-style-type: none;margin-top: 20px;}
.artist-list #title-list li{width: 220px;height: 46px;float: left;border-bottom: 1px solid #999999;margin-right: 12px;margin-bottom: 4px;}
.artist-list #title-list li .char-title{display: table-cell;vertical-align: middle;height: 44px;width: 210px;padding-left: 10px;background-color: #e60012;color: #ffffff;font-size: 20px;line-height: 20px;}
.artist-list #title-list li a{height:100%;width:100%;padding-left:0;color: #000000;font-size: 14px;line-height:130%; padding: 0.3em;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; box-sizing:border-box;}
.artist-list #title-list li a:hover{color: #e60012;background-color: #ffe9e9;text-decoration: none;}

.titlelist_ms{display: flex; flex-flow: wrap;padding: 0 6px 9px 12px;position: relative;}
.ttlinner_ms{width: 24.248%; margin: 0 0.64% 0.43% 0;position: relative;}
.ttlinner_ms a{ transition: opacity 0.4s; }
.ttlinner_ms a:hover{ opacity: 0.7; }
/* title-list */




/* atist page  */
#container p{ margin: 20px 0; margin: 0.2rem 0;}
#contents {background-color: #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
#artist-title-sp{width:100%;height: 46px;background: #000;/* background: url(../img/h2-artist-sp.jpg) no-repeat; */color: #ffffff; margin-top: -1px;position: relative;}
#artist-title-sp .artist-name{width: auto;float: left;padding-top: 16px;font-size: 16px;padding-right: 6px;margin-left: 27px; display: none;}
#artist-title-sp a[id^=h2]{ text-indent: -999px; overflow: hidden; background-size: 100% 100%!important;}

#artist-title-sp .artist-name a{color: #ffffff;font-size: 16px;}
#artist-title-sp .artist-name a:hover{color:#ff2a2a;font-size: 16px;text-decoration: underline;}

#artist-title-sp #h2-btop{ float: left;width: 65px;height: 46px;text-decoration: none;background: url(../img/btn-h2-top.png) no-repeat;}
#artist-title-sp #h2-btop:hover{background: url(../img/btn-h2-top-on.png) no-repeat;text-decoration: none;}



#artist-title-sp #h2-link{width: 57px;height: 46px;float: right;margin-right: 12px;background: url(../img/btn-h2-link.png) no-repeat;}
#artist-title-sp #h2-link:hover{background: url(../img/btn-h2-link-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-link-on{width: 57px;height: 46px;float: right;margin-right: 12px;background: url(../img/btn-h2-link-on.png) no-repeat;}
#artist-title-sp #h2-link-on:hover{background: url(../img/btn-h2-link-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-goods{width: 69px;height: 46px;float: right;margin-right: 12px;background: url(../img/btn-h2-goods.png) no-repeat;}
#artist-title-sp #h2-goods:hover{background: url(../img/btn-h2-goods-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-goods-on{width: 69px;height: 46px;float: right;margin-right: 12px;background: url(../img/btn-h2-goods-on.png) no-repeat;}
#artist-title-sp #h2-goods-on:hover{background: url(../img/btn-h2-goods-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-special{width: 77px;height: 46px;float: right;background: url(../img/btn-h2-special.png) no-repeat;}
#artist-title-sp #h2-special:hover{background: url(../img/btn-h2-special-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-disco{width: 107px;height: 46px;float: right;background: url(../img/btn-h2-disco.png) no-repeat;}
#artist-title-sp #h2-disco:hover{background: url(../img/btn-h2-disco-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-disco-on{width: 107px;height: 46px;float: right;background: url(../img/btn-h2-disco-on.png) no-repeat;}
#artist-title-sp #h2-disco-on:hover{background: url(../img/btn-h2-disco-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-bio{width: 93px;height: 46px;float: right;background: url(../img/btn-h2-bio.png) no-repeat;}
#artist-title-sp #h2-bio:hover{background: url(../img/btn-h2-bio-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-bio-on{width: 93px;height: 46px;float: right;background: url(../img/btn-h2-bio-on.png) no-repeat;}
#artist-title-sp #h2-bio-on:hover{background: url(../img/btn-h2-bio-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-news{width: 69px;height: 46px;float: right;background: url(../img/btn-h2-news.png) no-repeat;}
#artist-title-sp #h2-news:hover{background: url(../img/btn-h2-news-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-news-on{width: 69px;height: 46px;float: right;background: url(../img/btn-h2-news-on.png) no-repeat;}
#artist-title-sp #h2-news-on:hover{background: url(../img/btn-h2-news-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-radio{width: 70px;height: 46px;float: right;background: url(../img/btn-h2-radio.png) no-repeat;}
#artist-title-sp #h2-radio:hover{background: url(../img/btn-h2-radio-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-info{width: 89px;height: 46px;float: right;background: url(../img/btn-h2-info.png) no-repeat;}
#artist-title-sp #h2-info:hover{background: url(../img/btn-h2-info-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-info-on{width: 89px;height: 46px;float: right;background: url(../img/btn-h2-info-on.png) no-repeat;}
#artist-title-sp #h2-info-on:hover{background: url(../img/btn-h2-info-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-artist{width: 65px;height: 46px;float: right;background: url(../img/btn-h2-artist.png) no-repeat;}
#artist-title-sp #h2-artist:hover{background: url(../img/btn-h2-artist-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-artist-on{width: 65px;height: 46px;float: right;background: url(../img/btn-h2-artist-on.png) no-repeat;}
#artist-title-sp #h2-artist-on:hover{background: url(../img/btn-h2-artist-on.png) no-repeat;text-decoration: none;}
#artist-title-sp #h2-live{width: 65px;height: 46px;float: right;background: url("../img/btn-h2-live.png") no-repeat;}
#artist-title-sp #h2-live:hover {background: url("../img/btn-h2-live-on.png") no-repeat;text-decoration: none;}





#contents-inner{padding: 30px 26px 120px 26px;}
#contents-innerSupport{padding: 30px 26px 30px 26px;}
#title-left{width: 596px;float: left;}
#title-left #title-release{margin-bottom: 16px;}
#title-left #title-release .release-left{width: 290px;float: left;margin-top: 16px;}
#title-left #title-release .release-right{width: 290px;float: right;margin-top: 16px;}
#title-left #title-release .release-jacket{width: 110px;float: left;}
#title-left #title-release .release-data{width: 160px;float: right;}
#title-left #title-release .release-data .release-artist{color: #000000;font-weight: bold;}
#title-left #title-release .release-data .release-name{color: #e60012;font-weight: bold;}
#title-left #title-release .release-data .release-meta{color: #333333; padding-bottom: 1em;}
#title-left #title-release .release-data .release-more{}
#title-left #title-release .release-data .release-more2{margin-top: 33px;}
#title-left ul{list-style-type: none;margin-bottom: 12px;}
#title-left ul li{padding-top: 12px;padding-bottom: 12px;border-bottom: 1px solid #000000;}
#title-left ul li a{font-weight: bold;color: #333333;}
#title-left ul li a:hover{font-weight: bold;color: blue;text-decoration: underline;}
#title-left ul li{font-size: 12px;color: #e60012;}
#title-left #morenews{text-align: right;}
#title-right{width: 290px;float: right;}

.artist-data{margin-bottom: 16px;display: flex;flex-flow: row wrap;}
.artist-data .artist-photo{width: 110px;float: left;}
.artist-data .artist-meta{width: 166px;float: right; position: relative; padding-left: 10px;}
.artist-data .artist-meta .artist-name{font-weight: bold;}
.artist-data .artist-meta .artist-page{margin-top: 69px;position: absolute; bottom: 0; }
#title-right #music-clip{margin-bottom: 18px; position: relative; padding-bottom: 75.2%; height: 0;}
#title-right #music-clip iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#title-right .music-clip{margin-bottom: 1em; position: relative; padding-bottom: 75.2%; height: 0;}
#title-right .music-clip iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#title-right #artist-event{list-style-type: none;margin-bottom: 12px;}
#title-right #artist-event li{padding-top: 12px;padding-bottom: 12px;border-bottom: 1px solid #000000;}
#title-right #artist-event li:first-child{padding-top: 0px;}
#title-right #artist-event li a{font-weight: bold;color: #333333;}
#title-right #artist-event li a:hover{font-weight: bold;color: blue;text-decoration: underline;}
#title-right #moreevent{text-align: right;margin-bottom: 16px;}
#title-left h3,#title-right h3{border-bottom: 1px solid #000000;}
#title-right h3{margin-bottom: 16px;}


/* news */
#news-list{width:66.15%;float: left;}
#news-list .news-body{border-bottom: 1px solid #000000;padding: 14px 0;word-wrap:break-word;word-break:normal;}
#news-list .news-body .news-icon{width: 30px;float: left;margin-right: 6px;}
#news-list .news-body .news-content{width: 555px; width: calc(100% - 36px); float: left;font-size: 12px;line-height: 14px;}
#news-list .news-body .news-content h4{font-size: 14px;line-height: 18px;}
#news-list .news-body .news-content h4 a{color: #333333;}
#news-list .news-body .news-content h4 a:hover{color:blue;text-decoration: underline;}
#news-list .news-body .news-content .news-date{color: #e60012;}

#news-category{width:32.3%;float: right;}
#news-category ul{list-style-type: none;margin-bottom:3.5%;}
#news-category ul li{border-bottom: 1px solid #000000;}
#news-category ul li a{display: block;padding: 15px 5px 15px 10px; margin:5px 0; color: #333333;}
#news-category ul li a:hover{color: #e60012;background-color: #ffe9e9;text-decoration: none;}
#news-list h3,#news-category h3{border-bottom: 1px solid #000000;}
#newstitle{background: url(img/h2-list-news.jpg) no-repeat;width: 950px;height: 47px;font-size: 1.1em ;}
#newstitle a{width: 72px;height: 47px;display: block;float: left;margin-left: 14px;}
#newstitle a:hover{text-decoration: none;}
#newstitle span{display: block;float: left;width: auto;padding-left:14px;line-height: 47px;color: #ffffff;}


/* disco */
#contents-inner.atrist-disco{ padding-top: 6%; }
#artist-left{width:27.84%;margin-right:0.6%;float: left;}
#artist-left .artist-photo{margin-bottom: 12px; text-align: center;}
#artist-left ul{list-style-type:none;margin-bottom:16px;}
#artist-left ul li{border-bottom: 1px solid #000000;}
#artist-left ul li a{display: block;padding: 7px 0px 7px 7px;margin:5px;color: #000000;}
#artist-left ul li a:hover{color: #e60012;background-color: #ffe9e9;text-decoration: none;}

#artist-right{width:71.23%;float: right;line-height:1.5;}
#artist-right .ban-disco{margin-top:-8.2%; margin-bottom: 1%;}
#artist-right ul{list-style-type: none;margin-bottom: 16px;}
#artist-right ul li{padding-top: 12px;padding-bottom: 12px;border-bottom: 1px solid #000000;}
#artist-right ul li a{font-weight: bold;}
#artist-right ul li a:hover{font-weight: bold;color: blue;text-decoration: underline;}
#artist-right ul li{font-size: 12px;color: #e60012;}
#artist-right #discography{margin-top: 10px;}
#artist-right #discography .disco-jacket{width:19.375%; height: 124px; height:1.24rem;margin:0 0.625% 0.625% 0;float: left;word-wrap:break-word;word-break:normal;}
#artist-left h3,#artist-right h3{border-bottom: 1px solid #000000;}
#artist-left a,#artist-right a{color: #333333;}
#artist-left a:hover,#artist-right a:hover{color: blue;text-decoration: underline;}
#artist-right #morenews{text-align: right;}
#artist-right .pnl-list{ display: none;}



/* artist */
.atrist-artist{}
.atrist-artist .artist-data{ float: left; width: 48.5%; margin: 0 2% 2% 0; padding: 0;display: flex;flex-flow: row wrap;}
.atrist-artist .artist-data:nth-of-type(2n){ margin: 0 0% 2% 0;}
.atrist-artist .artist-data .artist-photo{width: 110px;float: left;}
.atrist-artist .artist-data .artist-meta{width: 166px; width: calc(100% - 120px); float: left; padding-left: 10px; position: relative;}
.atrist-artist .artist-data .artist-meta .artist-name{font-weight: bold; padding-bottom:25px; font-size: 16px; }
.atrist-artist .artist-data .artist-meta .artist-page{ position: absolute; bottom: 0; }






/* release */
#release-left{width: 73.15%;float: left;background-color: #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
#release-left > h2{background: url(../img/h2-release-middle.jpg) no-repeat;width:100%;height: 46px;color: #ffffff;margin-bottom: 20px;}
#release-left > h2:first-child{background: url(../img/h2-release-top.jpg) no-repeat;}
#release-left h2 .release-date{display: block;padding-left: 30px;padding-top: 14px;font-size: 18px;line-height: 18px;}
#release-left .release-title{border-left: 2px solid #e60012;padding-top: 4px;padding-left: 14px;padding-bottom: 4px;margin-bottom: 10px;}
#release-left .release-title .release-jacket{width: 90px;height: 90px;text-align: center;float: left;margin-right: 10px;}
#release-left .release-title .release-info{width: 570px;float: right;}
#release-left .release-title .release-description{margin-bottom: 12px;font-size: 12px;}
#release-left .release-title .release-description a{font-size: 12px;}
#release-left .release-title .release-name{font-size: 18px;line-height: 20px;color: #e60012;font-weight: bold;margin-bottom: 12px;}
#release-left .release-title .release-name a{font-size: 18px;line-height: 20px;color: #e60012;font-weight: bold;}
#release-left .release-title .release-name a:hover{font-size: 18px;line-height: 20px;color: blue;text-decoration: underline;font-weight: bold;}
#release-left #release-nav,#news-list #release-nav{margin-top: 68px;padding-left: 14px;padding-right: 14px;margin-bottom: 14px;}
#release-left #release-nav #release-prev,#news-list #release-nav #release-prev{width: 139px;height: 25px;float: left;background: url(../img/btn-release-prev.jpg) no-repeat;}
#release-left #release-nav #release-next,#news-list #release-nav #release-next{width: 139px;height: 25px;background: url(../img/btn-release-next.jpg) no-repeat;float: right;}
#release-left #release-nav #release-prev a,#release-left #release-nav #release-next a,#news-list  #release-nav #release-prev a,#news-list  #release-nav #release-next a{display: block;color: #ffffff;font-weight: bold;padding-top: 3px;text-align: center;}

#release-right{width: 240px;float: right;}
#release-right h3{background-color: #000000;color: #ffffff;padding: 4px;}
#release-right h3 a{color: #ffffff;}
#release-right h3 a:hover{color: blue;text-decoration: underline;}
#release-right ul{list-style-type: none;background-color: #ffffff;margin-bottom: 14px;-moz-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
#release-right ul li{border-bottom: 1px solid #999999;padding: 6px 13px 6px 18px; position: relative;}
#release-right ul li span{display: block;padding: 12px 5px 12px 0px;color: #000000;}


.tt_monthselect{ display: none; background: transparent url("../img/monthlist.png");color: #ffffff;width: 78px;height: 151px;padding: 25px;font-size: 10px;line-height: 12px; position: absolute; left: 70px; top: 10px; z-index: 99; }
.tt_monthselect a{display: block;width: 35px;height: 25px;line-height: 25px;float: left;text-align: center;background-color: #ffffff;color: #333333;}
.tt_monthselect a:hover{background-color: #e60012;color: #ffffff;text-decoration: none;}





/* release-item */
#release-item{background-color: #ffffff;}
#release-item h2{background: url(../img/h2-artist.jpg) no-repeat;height: 46px;color: #ffffff;margin-bottom: 20px;}
#release-item h2 .release-date{ display: block; width: auto;float: left;padding-top: 16px;font-size: 16px;padding-right: 8px;margin-left: 27px;}
#release-item #release-contetnts{padding: 0 20px;}
#release-item #release-contetnts:after{ content:""; height: 0; clear: both; }
#release-item #leftblock{width: 600px;float: left;}
#release-item #leftblock #release-jacket{width: 200px;float: left;}
#release-item #leftblock #release-info{width: 400px;float: left;}
#release-item #leftblock #description .title{color: #e60012;font-size:14px;}
#release-item #leftblock #release-title{font-size: 18px;line-height: 20px;}
#leftblock .label{font-size: 18px;line-height: 20px;border-bottom: 1px solid #000000;margin-bottom: 10px;}
#leftblock .label span{display: block;width: 77px;padding-left: 3px;background-color: #000000;color: #ffffff;text-align: left;font-size:14px;}
#release-item #leftblock ol{margin-left: 20px;margin-bottom: 10px;}
#release-item #rightblock{width: 290px;float: right;}
#rightblock .label{font-size: 18px;line-height: 20px;border-bottom: 1px solid #000000;margin-bottom: 10px;min-height: 20px;font-size:14px;}
#rightblock .label span{padding: 0 4px;background-color: #000000;color: #ffffff;text-align: center;width: auto;float: left;min-height: 20px;}
#release-item #rightblock .release-jacket{width: 120px;float: left;}
#release-item #rightblock .release-data{width: 170px;float: right;}
#release-item #rightblock .release-data .release-name{color: #e60012;font-weight: bold;}
#release-item #rightblock .release-data .release-meta{color: #333333;}
#release-item #rightblock .release-more{text-align: right;margin-top: 10px;}

.release-mob{background: #fff;}
.release-mob #container{ width:960px;padding:20px 20px 50px 20px;padding:0.2rem 0.2rem 0.5rem 0.2rem; max-width:100%; height: 100%; box-sizing:border-box;}
#release{margin-bottom: 10px; height: 22px;border-bottom: 1px solid rgb(0, 0, 0);}
#release .rlsspan{display:block;width: 180px;height: 22px;background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);text-align: center; line-height: 22px; font-size: 14px; }
.release-mob  #leftblock{width:21.42%;float: left;}
.release-mob  #rightblock{width:76.58%;padding-left:1%;float: left; line-height: 130%;}
.release-mob  #rightblock #description{ font-size: 16px; line-height: 160%;}
.release-mob  #rightblock h1{ width: auto; height: auto; float: none; margin: 0; font-size: 18px; line-height: 115%; }

#leftblock table#price { border-collapse: collapse;font-size:0.9em;}
#leftblock table#price tbody tr { border-bottom: 1px solid #000;}
#leftblock table#price td { border-bottom: 1px solid #fff; text-align:left; vertical-align:middle; padding:0.35em;}
#leftblock table#price tbody tr :nth-child(1) { text-align: left; background-color:#ccc; color:#000;}




/* radio */
.radio-list{ background-color: #fff;}
.radio-list-inner{padding:12px;background-color: #ffffff;margin-bottom: 30px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
.radio_ltn{ float: left; display: table; width: 50%; padding-bottom: 10px;}

.ra_ph{ display: table-cell; width: 226px; }
.ra_tx{ display: table-cell; padding:0 10px 20px 5px; font-size: 12px; line-height:18px; vertical-align: top; position: relative; color: #000000;font-weight: bold;}
.ra_tx .fntm{ color: #444444;font-weight: 400;}
.ra_tx .fb13{font-size: 13px; display: block; padding:0.8em 0;}
.ra_tx a{}
.weekico{ font-size: 12px; display: inline-block; line-height:18px; height: 18px; width: 18px; text-align: center; border-radius: 999px; color: #fff; background: #ff0000; margin-right: 5px; }
.ban_sdlink{ display: block; position: absolute; bottom: 0; left:5px; background: #ff0000;color: #fff; padding:4px 5px 3px 10px; font-size: 12px; line-height: 100%; color: #fff;}
.ban_sdlink:before{ content: ""; display: block; border: 5px solid transparent; border-left-color: #fff; width: 0; height: 0; position: absolute; top:5px; left: 0; }
.ban_sdlink:hover{ text-decoration: none; color:#fff; opacity: 0.7; }
.ico_mi{ position: relative; top: 3px; width: 19px; }


/*support*/
#contents-innerSupport h4{font-size: 14px;font-weight:bold;background-color:#e2e2e2;padding:5px;}













/*------------------------  sp css  -----------------------------*/

/* スタイルシートに追加する */
@media (max-width: 768px) {
    .adjust-height {
        display: none;
    }
    .long-text {
        all: unset; /* スタイルを全て解除 */
    }
}

@media screen and (max-width:750px) {
html{ font-size: 50px; overflow-x: hidden!important; width: 100%!important;}
body{ font-size:14px; width: 100%!important; background: #e60012;}
/* body{ padding-top:98px;} */
div{box-sizing:border-box; }
#top-line{ display: none; }
/*#header{ width: 100%; height: auto; background: none; }*/
#header{ width: 100%; background: none; position:fixed;top:0;left:0;z-index:300; height: 1.036rem;}
.topmob-pc{ display: none;}
.topmob-sp{ display: block; background: #e60012; padding:4% 2.667% 4% 4%; text-align: center;}
.disco-jacket a {
  font-size:8px;
  line-height:1.2;
}

/*menu*/

.header-tnl{ position: relative; }
.ht-logosp{float: left;width:84.3%; padding-left: 7.2%;}
.ht-logosp img{max-width:45%;}
.ht-search{float: left;width:8.5%; font-size:0.5rem; line-height:90%; color: #fff;}
.ht-search a{ color: #fff; }

.ht-menuban{ position: absolute; top: 0; left: 0; width: 7.2%; margin:5% 0 0 4%; z-index:1200; transition:all 0.4s;  }
.ban_op{ display:block; width:0.5rem; padding:0.16rem 0; line-height: 0; position: relative;}
.ban_op:before{ content: ""; display: block; width: 100%; height: 0.08rem;background: #fff; position:absolute; top: 0; left: 0; transition:transform 0.1s ease-in,top 0.4s ease-in; transform-origin:50% 50%;   }
.ban_op:after{ content: ""; display: block; width: 100%; height: 0.08rem;background: #fff; position:absolute; bottom: 0; left: 0;transition:transform 0.1s ease-in,top 0.4s ease-in;transform-origin:50% 50%;   }
.ban_op span{ display: block;width:0.5rem;  height:0.08rem; background: #fff; }


.ht-menuban.sel{ margin:0.25rem 0 0 3.35rem; }
.ht-menuban.sel{ width: 0.45rem;padding:0.14rem 0; }
.ht-menuban.sel .ban_op:before{position: absolute; top: 0.14rem; transform: rotate(45deg);transition:transform 0.4s ease-in,top 0.1s ease-in;}
.ht-menuban.sel .ban_op:after{position: absolute; top: 0.14rem; transform:rotate(-45deg);transition:transform 0.4s ease-in,top 0.1s ease-in;}
/* .ht-menuban.sel .ban_op:before{transform: rotate(45deg) translateX(-7.6%); }
.ht-menuban.sel .ban_op:after{transform: rotate(-45deg) translateX(-7.6%); } */
.ht-menuban.sel .ban_op span{ opacity: 0; }

.banclosemenu{ display: block; width:0.45rem; position: absolute; top:0.25rem ; right: 0.3rem; z-index: 1000; transition:all 0.4s;}
.banclosemenu.sel{ }
.banclosemenu.sel{ width: 0.45rem;padding:0.14rem 0; }
.banclosemenu.sel .ban_op:before{ position: absolute; top: 0.14rem; transform: rotate(45deg);transition:transform 0.3s ease-in,top 0.1s ease-in; }
.banclosemenu.sel .ban_op:after{ position: absolute; top: 0.14rem;  transform:rotate(-45deg);transition:transform 0.3s ease-in,top 0.1s ease-in; }
.banclosemenu.sel .ban_op span{ opacity: 0; }




.menuspmob{  position: fixed; top: 0; left: 0; width:4rem; min-height: 100vh; background: rgba(39,34,40,0.9); box-sizing:border-box; text-align:left;animation-duration: 0.4s;animation-fill-mode: both; height:100vh; overflow: scroll; z-index: 999;-webkit-transform: translate3d(-100vw, 0, 0);transform: translate3d(-100vw, 0, 0);

}
.fadeOutleft{-webkit-animation-name: fadeOutleft;animation-name: fadeOutleft;}
@keyframes fadeOutleft {
   0%{opacity: 1;-webkit-transform: none;transform:none; }
   100%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}

.fadeInleft{-webkit-animation-name: fadeInleft;animation-name: fadeInleft;}
@keyframes fadeInleft {
   0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
   25%{opacity: 0.1;-webkit-transform: translate3d(-75%, 0, 0);transform: translate3d(-75%, 0, 0);}
   95%{opacity: 0.9;-webkit-transform: none;transform: none;}
   100%{opacity: 1;-webkit-transform: none;transform: none;  }
}

.spm-menutab{width: 100%; position: relative;}
.spm-menutab .spm-logo{ display:block;  padding:0.37rem 0 0.4rem 0.1rem; width:1.96rem; }
.spm-menutab .spm-logo img{}

.spm-menutab .spm-list{}
.spm-menutab .spm-list ul{}
.spm-menutab .spm-list li{ padding: 0.15rem 0; }
.spm-menutab .spm-list li a{ display: block; position: relative; font-size: 0.24rem; line-height:110%; color: #fff; padding:0.15rem 0.3rem 0.15rem 0.2rem; text-align: right;} 
.spm-menutab .spm-list li .nav-tit{background: url(../img/navsp_bg.png) 0 0 no-repeat; background-size: 100%; padding:0 0 0 0.28rem;  height: 0.7rem; font-family:"HelveticaNeueLTStd",sans-serif; text-align: left; display: flex;align-items: center; }
.spm-menutab .spm-list li .nav-tit span{display:contents;font-size: 0.56rem; height:0; line-height:100%; position: relative;bottom: 0.15rem; }





.spm-menutab .spm-list li.ban-sns{ background: #000; padding:0.25rem 0.4rem; }
.spm-menutab .spm-list li.ban-sns a{ float: left; width:50%; text-align: center; padding: 0.25rem 0; font-size:0.18rem; line-height: 120%;  }
.spm-menutab .spm-list li.ban-sns a img{ width:0.6rem; padding-bottom: 0.1rem;  }
.spm-menutab .spm-list li.foot-ban{ background: #000; padding:0.25rem 0 1.5rem 0; text-align: center; color: #fff; }
.spm-menutab .spm-list li.foot-ban a{ display: inline-block; padding: 0.15rem 0.25rem;font-size:0.16rem; line-height: 120%; }

.spm-menutab .spm-list li .foot-inban a{ display: block; text-align: center; }


/* .spm-menutab .spm-list li a:before{ content: ""; display: block; position:absolute; top:0.326em; left: 0; width: 0; height: 0; border:0.48em solid transparent; border-left-color:#e60012;}*/
/*menu*/






#contents{ margin-top: 1.036rem;}
#container {width:100%;margin-top: 1.036rem;}
#sns{ display: none; }

#top-main{ margin-bottom:0px;width: 100%;overflow: hidden;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

/* silde */
.navigator-content .swiper-container{ margin:0.4rem 0 0.2rem 0; }
.arrow-left{ display: none; }
.arrow-right{display: none;}
.pagination{ text-align: center; display: block; padding:0 0 0.3rem 0;  }


#top-main #tweet {height:auto;background:#e60012; position: relative;}
#top-main #tweet #twif{margin-left:0; padding:0 3% 0 34%; background: url(../img/bg-tweet-sp.png) 8% center no-repeat; background-size:1.5rem 1.5rem;  }

#twif iframe{ height:3.6rem; width:100%; }
/* silde */


/* top-release */
#top-release{ border-radius:0;box-shadow:none;margin-bottom:8%;margin-top:8%;}
#new-release{ width: 100%;height:0.96rem; background: url(../img/h2-top-release-sp.jpg) 0 0 no-repeat; background-size:auto 100%;}
.pnl-link{ display: none; }
.release-date{ display: none;}
.pnl-list{ display: none; }
.tooltip{ display: none!important;}

#top-release .more-info{margin:0.2rem 0 0.6rem 0;text-align: center;}
#top-release .more-info img{ max-width: 60%; }
#top-release .swiper-wrapper{ width: 98%; margin:0.2rem 0 0 0;  }
#top-release-inner .swiper-slide{ float: left; width:2.8rem; padding:0.1rem;}
#top-release-inner .release-jacket{ float: none; width:100%;height: auto; }
#top-release-inner .release-jacket a img:first-child{ width: 100%; height: auto; } 
#top-release-inner .release-jacket-detail{ display: block; float: none; width: auto;height: auto; font-size: 0.2rem; line-height: 120%; }
#top-release-inner .timerele{ display: block; font-weight: bold;font-size:0.26rem; line-height:140%; font-family:'ＭＳ Ｐゴシック',sans-serif; }
#top-release-inner .rea-t{ color: #e60012; }

/* top-release */


/* top-news 
#top-news{background-color: #ffffff;width:100%;min-height: 520px;float:none;border-radius:0;box-shadow:none;}
#top-news-inner{padding:4%;font-size: 0.24rem; line-height: 125%;}
#top-news-inner dl dt{width: 7em;float: left;border-left: 0.2em solid #e60012;color: #666666;padding-left:0.3em;margin-right:0.1em;margin-bottom:0.5em;font-weight: bold;}
#top-news-inner dl dd{width: calc(100% - 8em);margin-bottom: 14px;  color: #e60012; font-weight: bold;}
#top-news .more-info{ text-align: center; padding: 0.5rem 0 0.2rem 0; }
#top-news .more-info img{ max-width:35%;  }

/* top-news */

/* top-news */
#top-news{font-size: 0.24rem;  line-height: 125%;}

.top-mews-inners{padding:4%;width:100%; }
.top-news-tit{padding-bottom:0.7em;}
.top-mews-inners dl{font-weight: bold;}
.top-mews-inners dl dt{margin-bottom:0.5em;}
.top-mews-inners dl dd{margin-bottom:0.5em;}
#top-news .more-info{ text-align: center; padding: 0.5rem 0 0.2rem 0; }
#top-news .more-info img{ max-width:35%;  }

.top-news-other{padding:3em 4% 2.5em 4%; box-sizing: border-box;}
.top-news-other dl{font-weight: bold;}
.top-news-other dl dt{margin-bottom::0.5em;}
.top-news-other dl dd{margin-bottom::0.5em;}
/* top-news */

/* top-banner-mob */
.top-banner-mob{ width: 100%; }
.top-banner-mob .tnr-ban{ padding-bottom:0.7em; display: flex; flex-wrap: wrap; }
.top-banner-mob .tnr-ban a{ width: 48.5%; box-sizing: border-box; margin:3% 3% 0 0;}
.top-banner-mob .tnr-ban a:nth-child(3n){margin-right:3%;}
.top-banner-mob .tnr-ban a:nth-child(2n){margin-right:0;}
/* top-banner-mob */

/* top-news-right */
#top-news-right{width:100%;float:none;}
#top-news-right .tnr-ban{ padding:4%;  }
#top-news-right .tnr-ban img{ width:100%;  }
#top-twitter{background-color: #ffffff;width:100%;text-align: center;border-radius: 0px;box-shadow:none;}
#top-twitter #top-twitter-inner{padding: 10px 5px;}
/* top-news-right */


/* footer */
.sp-sns{ display: block; text-align: center; padding: 0.2rem 0 0.6rem 0; }
#footer{ display: none; }
#footer-nav{border-bottom: 1px solid #cccccc;padding: 12px; color: #ff0000;}


.bnr{height:auto;margin:0;}
.ban-tplist{padding: 7.8% 4%; background: #fff;}
.ban-tplist img{padding:1.5% 0 0.5% 0; }
.bnr .yt{position: static; text-align: center;padding:1.5% 0 0 0; }
.bnr .copy{padding: 8% 4%; color: #fff; text-align: center;}
.index .bnr{ padding:0; text-align: center; height: auto;margin-left: 0;}
.index .bnr .copy{padding: 8% 4%; color: #fff;}
.page .bnr .copy{padding:0 4% 8% 4%;}

/* footer */




/* artis-list */
.artist-list{border-radius:0;box-shadow:none;}
.artist-list .artist-list-inner{ padding:2%; background-color: #fff;}
.artist-list h2{ margin-bottom: 0; }
.artist-list .pickup-artist{ margin:2%; width: 46%; height: auto; position: relative;}
.artist-list .pickup-artist img{  width: 100%; height: auto;}
.artist-list .pickup-artist .pickup-name{ font-size: 0.2rem; width: 100%; height: auto; background-size: 100%; position: absolute; left:0; top:auto; bottom: 0; }
.artist-list .pickup-artist .pickup-name a{font-size: 1em;line-height: 120%; padding: 0.5em 0.4em; height: auto; display: block;}
#all-artist{width:100%;height:0.92rem;background: url(../img/h2-allartist-sp.jpg) no-repeat; background-size: auto 100%;}

#all .artist-list-inner{ padding: 2% 4%; }
.sp_list_ban{ display: block; width: 90%; margin: 2.4% auto 3.4% auto; }
.sp_list_ban .sp_banst{ color: #e60012; font-size: 0.3rem; display: block; float: left; width: 18%; text-align: center; padding: 2% 1%; }

.artist-list .all-artist-title{float: none; width: 100%; height: auto; clear: both;text-align: center; }
.artist-list .all-artist-title span {font-size: 0.3rem;  line-height: 2em;padding-top:0px;}

#all .pnl-list{ margin:2.2% 0; padding-right: 1.45%;}
.artist-list .all-artist{ box-sizing:border-box; width:25%; margin:0; height: 1.6rem;}
.artist-list .all-artist-name{box-sizing:border-box; width:25%; margin:0;height: 1.6rem; }
.artist-list .all-artist-name a {display: block; height: 100%; margin-top:0;margin-left: 4px;display: flex;align-items: center; font-size: 0.2rem;word-break: break-all;}



/* artis-list */

/* title-list */
#all-title{width:100%;height:0.92rem;background: url(../img/h2-alltitle-sp.jpg) no-repeat; background-size: auto 100%;}
#all-title .show-50on{display: block;width:0.66rem;height:0.63rem;float: right;margin-top:0.16rem;margin-right:0.2rem; background-size: 100% auto;}
#all-title .show-50on-on{display: block;width:0.66rem;height:0.63rem;float: right;margin-top:0.16rem;margin-right:0.2rem; background-size: 100% auto;}
#all-title .show-year{display: block;width:0.69rem;height:0.63rem;float: right;margin-top:0.16rem;background-size: 100% auto;}
#all-title .show-year-on{display: block;width:0.69rem;height:0.63rem;float: right;margin-top:0.16rem;background-size: 100% auto;}
/*.artist-list #title-list{ display: flex; flex-flow: row wrap;}*/
.artist-list #title-list li{ float: none; width:87%;height: auto;margin-right:3%;}
.artist-list #title-list li .char-title {height: 100%;width:100%;padding-left: 10px;background-color: #e60012;color: #ffffff;font-size: 20px;line-height: 20px;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items: center;box-sizing: border-box;}


.titlelist_ms{padding: 2%;}
.ttlinner_ms{margin: 2%;width: 46%;}
/* title-list */



/* atist page  */
#artist-title-sp{width:100%;height: 46px;color: #ffffff;}
#artist-title-sp .artist-name{width: auto;float: left;padding-top: 16px;font-size: 16px;padding-right: 6px;margin-left: 27px;}
/*#artist-title-sp a[id^=h2]{ text-indent:0; overflow: hidden; background: none;}*/

#contents-inner{padding:3% 2.6% 12% 2.6%;}
#title-left{width:100%;float: none;}
#title-left #title-release{margin-bottom:2.5%;}
#title-left #title-release .release-left{width: 48%;float: left;margin-top:2.5%; margin-right: 4%;}
#title-left #title-release .release-right{width: 48%;float: left;margin-top:2.5%;}
#title-left #title-release .release-jacket{width: 38%;float: left;}
#title-left #title-release .release-data{width: 56%;float: right;}

#title-right{width:100%;float: none;}

.artist-data{margin-bottom: 16px;}
.artist-data .artist-photo{width: 120px;float: left; padding-right: 10px}
.artist-data .artist-meta{width:calc(100% - 120px);float: left;}
.artist-data .artist-meta .artist-page{margin-top:0.69rem;}

#title-right #music-clip{margin-bottom: 1em;}
#title-right #artist-event{list-style-type: none;margin-bottom: 0.8em;}
#title-right #artist-event li{padding-top: 0.8em;;padding-bottom: 0.8em;border-bottom: 1px solid #000000;}
#title-right #artist-event li:first-child{padding-top: 0px;}
#title-right h3{margin-bottom:1em;}
#news-list{width:100%;float:none;}
#news-category{width:100%;float:none;margin-top: 5%;}




/* disco */
#contents-inner.atrist-disco{ padding-top: 3%; }
#artist-left{width:100%;margin-right:0%;float: none;}
#artist-left .artist-photo{margin-bottom: 12px;}
#artist-left ul{list-style-type:none;margin-bottom:16px;}
#artist-left ul li{border-bottom: 1px solid #000000;}
#artist-left ul li a{display: block;padding: 7px 0px 7px 7px;margin:5px;color: #000000;}
#artist-left ul li a:hover{color: #e60012;background-color: #ffe9e9;text-decoration: none;}

#artist-right{width:100%;float: none;line-height:1.4;}
#artist-right .ban-disco{margin-top:2.2%; margin-bottom: 1%; display: block;}
#artist-right .ban-disco a{display: block;}

#artist-right ul li{font-size: 12px;color: #e60012;}
#artist-right #discography{margin-top:0.1rem;}
#artist-right #discography .disco-jacket{width:19%;height:1.34rem;margin:0 1% 1% 0;float: left;}
#artist-right #discography .disco-jacket a{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
#artist-right #morenews{text-align: right;}
#artist-right .pnl-list{ display: none;}



/* release */
#release-left{width: 100%;float:none;background-color: #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd; padding-bottom: 1px;}
#release-left > h2{background: url(../img/h2-titbg-sp.png) 0 0 no-repeat;background-size: 100% 100%;height: 0.64rem;display: flex;align-items: center;padding-left: 0.3rem; margin-bottom: 20px;font-family:"HelveticaNeueLTStd",sans-serif; box-sizing:border-box;}
#release-left > h2:first-child{background: url(../img/h2-titbg-sp.png) 0 0 no-repeat;background-size: 100% 100%;}
#release-left h2 .release-date{display: contents;width: auto;font-size: 0.4rem;line-height: 0;float: none;height: 0.64rem;position: relative; bottom: -1em; padding: 0; margin-left: 0;}
#release-left .release-title{border-left: 2px solid #e60012;padding-top: 4px;padding-left: 14px;padding-bottom: 4px;margin-bottom: 10px;}
#release-left .release-title .release-jacket{width: 90px;height: 90px;text-align: center;float: left;margin-right: 10px;}
#release-left .release-title .release-info{ width:calc(100% - 100px); float: right; padding-right: 10px;}
#release-left #release-nav,#news-list #release-nav{margin:8% 0;padding-left: 14px;padding-right: 14px;}
#release-right{width: 100%;float: none;margin-top: 5%;}
#release-right h3{background-color: #000000;color: #ffffff;padding: 4px;}
#release-right h3 a{color: #ffffff;}
#release-right h3 a:hover{color: blue;text-decoration: underline;}
#release-right ul{list-style-type: none;background-color: #ffffff;margin-bottom: 14px;-moz-border-radius: 0px 0px 5px 5px;-webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}
#release-right ul li{border-bottom: 1px solid #999999;padding: 6px 13px 6px 18px; position: relative;}
#release-right ul li span{display: block;padding: 12px 5px 12px 0px;color: #000000;}

.tt_monthselect{ display: none; background:#e3e3e3;color: #ffffff;width:100%;height:90px;padding: 0.25rem;font-size: 12px;line-height: 12px; position: static; }
.tt_monthselect a{display:inline-block;width: 40px;height: 30px;line-height: 30px;float: none;text-align: center;background-color: #ffffff;color: #333333; margin:3px 0;}




/* release-item */
#release-item{}
#release-item h2{height:auto;margin-bottom: 20px;font-family:"HelveticaNeueLTStd", sans-serif; background: url(../img/h2-titbg-sp.png) 0 0 no-repeat; background-size: 100% 100%; height:0.64rem;  display: flex;align-items: center; padding-left: 0.3rem;  }
#release-item h2 .release-date{ display:contents; width: auto; font-size:0.4rem; line-height: 0; float: none; height:0.64rem; position: relative; bottom: -1em; padding: 0;margin-left: 0 }
#release-item h2 img{ display: none; }
#release-item h2:after{ content: ""; display: block; height: 0; clear: both; overflow: hidden; }
#leftblock .label {margin:10px 0;}
#release-item #release-contetnts{padding: 0 0.2rem;}
#release-item #leftblock{width: 100%; float: none;}
#release-item #leftblock #release-jacket{width: 33.33%;}
#release-item #leftblock #release-jacket img{width:100%;}
#release-item #leftblock #release-info{width:66.66%; padding-left: 2.5%;}

#release-item #rightblock{width:100%;float: none; padding-top: 12%;}
#release-item #rightblock .label{margin:10px 0;}
#release-item #rightblock .label span{padding: 0 4px;text-align: center;width: auto;float: left;min-height: 20px;}
#release-item #rightblock .release-jacket{width: 120px;}
#release-item #rightblock .release-data{width:calc(100% - 120px); position: relative; padding-bottom: 28px; min-height: 110px;}
#release-item #rightblock .release-data .release-name{font-weight: bold;}
#release-item #rightblock .release-data .release-meta{}
#release-item #rightblock .release-more{text-align:left; position: absolute; bottom: 0;}

.release-mob  #leftblock{width:100%;float: none; text-align: center;}
.release-mob  #rightblock{width:100%;padding-left:0%;float: none; line-height: 130%;}





/* radio */
.radio_ltn{ float: none; display: table; width:100%; padding-bottom: 10px;}
.ra_ph{ }
.ra_tx{ padding:0 10px 20px 5px;}










}


.long-text {
    height: 69px !important; /* 高さを自動調整 */
}

@media screen and (max-width:640px) {
/* body{ padding-top:65px;}
#header{height: 65px;} */

#artist-title-sp{width:100%;/*height:0.7rem;*/background-size: 100% 100%!important; display: flex;flex-direction:row-reverse; justify-content:center;}
#artist-title-sp img{ height: 100%; width: auto; }
#artist-title-sp .artist-name{height: 100%;padding-top:0;font-size:0.24rem;padding-right:0.09rem;margin-left:0.3rem;display: flex;align-items: center; display: none;}

#artist-title-sp a[id^=h2]{ float: none!important; display: block; text-indent: -999px; overflow: hidden; height: 100%!important; background-size: 100% 100%!important;}
#artist-title-sp #h2-btop{border-left: 1px solid #393939;}


#artist-title-sp .artist-name a{color: #ffffff;font-size: 16px;}
#artist-title-sp .artist-name a:hover{color: blue;font-size: 16px;text-decoration: underline;}
/*
#artist-title-sp #h2-link{width: 0.855rem;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-link-on{width: 0.855rem;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-goods{width:1.035rem;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-goods-on{width:1.035rem;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-special{width: 1.157rem;height:100%;}

 #artist-title-sp #h2-disco{width:1.605rem;height:100%;}
#artist-title-sp #h2-disco-on{width:1.605rem;height:100%;}
#artist-title-sp #h2-bio{width:1.395rem;height:100%;}
#artist-title-sp #h2-bio-on{width:1.395rem;height:100%;}
#artist-title-sp #h2-news{width:1.035rem;height:100%;}
#artist-title-sp #h2-news-on{width:1.035rem;height:100%;} 
#artist-title-sp #h2-info{width:1.335rem;height:100%;}
#artist-title-sp #h2-info-on{width:1.335rem;height:100%;}
#artist-title-sp #h2-artist{width:0.975rem;height:100%;}
#artist-title-sp #h2-artist-on{width:0.975rem;height:100%;}
*/

/* #artist-title-sp #h2-disco{width:2.1rem;height:100%;}
#artist-title-sp #h2-disco-on{width:2.1rem;height:100%;}
#artist-title-sp #h2-bio{width:1.8rem;height:100%;}
#artist-title-sp #h2-bio-on{width:1.8rem;height:100%;}
#artist-title-sp #h2-news{width:1.35rem;height:100%;}
#artist-title-sp #h2-news-on{width:1.35rem;height:100%;}
#artist-title-sp #h2-radio{width:1.335rem;height:100%;}
#artist-title-sp #h2-info{width:1.6rem;height:100%;}
#artist-title-sp #h2-info-on{width:1.6rem;height:100%;}
#artist-title-sp #h2-artist{width:1.2rem;height:100%;}
#artist-title-sp #h2-artist-on{width:1.2rem;height:100%;}
 */
#artist-right{ font-size: 0.16rem; line-height:1.4;}



#news-list .news-body img{ max-height: auto; height:auto!important;}




}


@media screen and (max-width:480px) {
/* body{ padding-top:55px;}
#header{height: 55px;} */

 #top-release-inner .release-jacket-detail{ font-size:0.24rem; line-height: 120%; }
/*#top-release-inner .timerele{ font-size: 22px; line-height:140%; } */


/* atist page  */
#title-left #title-release .release-left{width:100%;float: left;margin-top:4.5%; margin-right:0%;}
#title-left #title-release .release-right{width:100%;float: left;margin-top:4.5%;}
#title-left #title-release .release-jacket{width:120px;float: left; padding-right: 10px;}
#title-left #title-release .release-data{width: calc(100% - 120px);float: right;}
#title-left #title-release .release-data .release-more {}


/* artist */
.atrist-artist{}
.atrist-artist .artist-data{ float: none; width:100%; margin: 0 0% 4% 0; }



/* release */
#release-left .release-title .release-name a {font-size: 16px;}
#release-left .release-title .release-name .release-artist{ font-size: 14px }

/* release-item */
#release-item #leftblock #description{font-size:14px;}
#release-item #leftblock #release-title{font-size: 16px;line-height:130%;}

.release-mob  #rightblock #description{ font-size: 16px; line-height: 160%;}
.release-mob  #rightblock h1{ width: auto; height: auto; float: none; margin: 0; font-size: 16px; line-height: 115%; }


/* radio */
.radio_ltn{ float: none; display: table; width:100%; padding-bottom: 10px;}
.ra_ph{ width:50%; }
.ra_tx{ padding:0 10px 20px 5px;}


}

@media screen and (max-width:400px) {
#artist-title-sp{ height:11.5vw; background-size: 100% 100%;}
#artist-title-sp #h2-btop{ width:16.25vw;height:100%; }
#artist-title-sp #h2-link{width: 14.25vw;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-link-on{width: 14.25vw;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-goods{width:17.25vw;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-goods-on{width:17.25vw;height:100%;margin-right:0.18rem;}
#artist-title-sp #h2-special{width:19.25vw;height:100%;}
#artist-title-sp #h2-disco{width:26.75vw;height:100%;}
#artist-title-sp #h2-disco-on{width:26.75vw;height:100%;}
#artist-title-sp #h2-bio{width:23.25vw;height:100%;}
#artist-title-sp #h2-bio-on{width:23.25vw;height:100%;}
#artist-title-sp #h2-news{width:17.25vw;height:100%;}
#artist-title-sp #h2-news-on{width:17.25vw;height:100%;} 
#artist-title-sp #h2-info{width:22.25vw;height:100%;}
#artist-title-sp #h2-info-on{width:22.25vw;height:100%;}
#artist-title-sp #h2-artist{width:16.25vw;height:100%;}
#artist-title-sp #h2-artist-on{width:16.25vw;height:100%;}

}





@media screen and (max-width:320px) {
/* body{ padding-top:45px;}
#header{height: 45px;} */



}