.navbar{margin-bottom:20px !important}.bg-lightgray{background-color:#eeeeee}.bg-white{background-color:#ffffff}.visible-xs.top-margin{height:65px}.nana-premium-banner{width:100%}#top-btn-area{position:fixed;top:0px;left:0px;width:100%;z-index:1000;background-color:#fff;border-bottom:1px solid #ddd}#top-btn-area a{display:block}#top-btn-area .top-btn-icon{height:22px}#top-btn-area .open-app{padding:10px;border-radius:5px;border:1px solid #8f8f8f;color:#b4245b;margin:10px -10px 10px 10px}#top-btn-area .open-store{padding:11px;border-radius:5px;color:#fff;background-color:#b4245b;margin:10px 10px 10px -10px}#main-contents{padding:0 !important}h2.play_title{float:left;width:calc(100% - 158px);margin-top:0;margin-bottom:9px;padding:0 8px 0 0;font-size:18px}.play_title__title,.play_title__artist{display:block;overflow:hidden;white-space:pre;-o-text-overflow:ellipsis;text-overflow:ellipsis}.play_title__title{margin-bottom:8px}.play_title__artist{font-size:14px}.play_sns{float:left;width:158px;margin:6px 0 0 0;padding:0;text-align:right}.play_sns>li{display:inline-block}.play_sns>li:not(:last-child){margin-right:6px}.play_sns>li a{display:inline-block;width:35px;height:35px}hr.gray-hr{background:#dddddd;width:100%}.clap_comment_title{margin-top:0;margin-bottom:2px;padding:10px 10px 0;font-size:14px;color:#ccc}.clap_comment_title img{opacity:0.6;margin-right:6px;margin-top:-2px}#play-button{width:100%;height:220px;position:relative;overflow:hidden}#play-button:before{background-position:center;background-size:cover;background-attachment:fixed;content:"";z-index:1;-webkit-filter:brightness(50%);position:absolute;width:100%;height:100%;margin:0;padding:0}.pause{background:url('https://static.nana-music.com/portal/static/images/button_play.png');height:114px;width:114px;background-size:contain;text-align:center;overflow:hidden;margin:0 auto;position:relative;z-index:2;margin-top:34px}.playing{background:url('https://static.nana-music.com/portal/static/images/button_stop.png');height:114px;width:114px;background-size:contain;text-align:center;overflow:hidden;margin:0 auto;position:relative;z-index:2;margin-top:34px}.progress{overflow:hidden;margin-bottom:20px;background-color:#edeef0;border-radius:1px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);position:relative;z-index:2;height:3px;width:90%;margin:26px auto;cursor:pointer}.pause:hover,.playing:hover{opacity:0.9;cursor:pointer}.play_time{font-size:17px;color:#555;text-decoration:none !important;margin:16px 0 8px 0}.play_time_all{font-size:12px;color:#777;text-decoration:none !important;margin:0}#play_caption{position:relative;z-index:3;margin-top:-30px}#play_caption .play_counter{position:absolute;right:14px;top:36px;margin-bottom:0;padding:0}#player_icon{position:relative;padding-left:10px}#player_icon img{width:90px;height:90px;border:solid 2px #eee;margin:6px;float:left}.play_collaboration{background:url('https://static.nana-music.com/portal/static/images/collabo_bg.png') no-repeat;background-size:contain;height:30px;padding-left:30px;float:left;margin-top:64px}.hide_collaboration_x{background:initial !important;background-size:initial !important}.play_collaboration li{float:left;position:relative;margin-right:8px}.play_collaboration .collabo-number{width:30px;height:30px;background:#ddd;text-align:center;line-height:30px;font-size:11px}.clap_list{padding:6px 2px 6px 10px}.clap_list li{float:left;position:relative;margin-right:6.9px;margin-bottom:7px}.clap_list .collabo-number{width:30px;height:30px;background:#ddd;text-align:center;line-height:30px;font-size:11px}.play_comment_list{padding:0}.play_comment_list li{width:100%;border-bottom:solid #dddddd 1px;padding:14px 10px 4px}.play_comment_list li:last-child{border-bottom-width:0}.play_comment_user{float:left;padding-right:12px}.play_comment_text{font-size:12px;padding-left:62px}.play_comment_text a{font-weight:bold}.play_comment_date{float:right;color:#ccc}.play_comment_mention{font-size:13px;color:#e15585;padding-right:8px}.play_comment_more{text-align:right}.play_comment_more a{display:inline-block;padding:6px 16px}.button_oval_primary{color:#de2b6e;padding:4px 20px;border:2px #de2b6e solid;border-radius:100px;display:block;font-size:12px;font-weight:600}.button_oval_primary:hover{color:#b2285c;border:2px #b2285c solid}.button_oval_primary2{color:#fff;padding:6px 16px;background:#de2b6e;border-radius:100px;font-size:11px}.button_oval_primary2:hover{background:#c91f5e;color:#fff}#player_comment{position:relative;float:left;width:100%;padding:12px 16px 8px;background:#FFFFFF;margin-top:10px;-webkit-box-shadow:0px 1px rgba(0,0,0,0.1)}#player_comment:after{content:'';position:absolute;border-style:solid;border-width:0 8px 8px;border-color:#FFFFFF transparent;display:block;width:0;z-index:1;top:-8px;left:43px}#player_comment p{font-size:12px;margin-bottom:4px}.player_comment_detail{color:#555;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.play_date{color:#aaa;font-size:14px}.play_counter{font-size:12px;color:#aaa}.play_counter_clap{background:url('https://static.nana-music.com/portal/static/images/icon_clap.png') no-repeat;background-size:contain;height:20px;padding-left:24px;float:left;line-height:20px}.play_counter_comment{background:url('https://static.nana-music.com/portal/static/images/icon_comment.png') no-repeat;background-size:contain;height:20px;padding-left:24px;float:left;line-height:20px}#play_user_title{height:35px;position:relative}.play_user_title_line{background-color:#b2285c;margin:17px 0}.play_user_title_text{position:absolute;margin-top:-35px;padding:0 14px;background:#fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:inline-table;overflow:hidden}.play_user_title_text img{width:35px;height:35px;border:2px solid #ccc;margin-right:8px;float:left}.play_user_title_text p{line-height:35px;font-size:12px;color:#b2285c;float:left}.play_blurimg_small{width:100%;height:100px;position:relative;overflow:hidden}.play_blurimg_small:before{background-position:center;background-size:cover;content:"";z-index:1;-webkit-filter:brightness(50%);position:absolute;width:100%;height:100%;margin:0;padding:0}.play_blurimg_small img{width:74px;height:74px;border:2px solid #eee;margin-right:8px;position:absolute;left:50%;top:50%;margin-left:-37px;margin-top:-37px;z-index:1}.play_user_songlist_box{padding:0px 8px;margin-bottom:8px}.play_user_songlist_box:hover{opacity:0.9}.play_user_songlist_detail{text-align:center;padding:10px}.play_user_songlist_detail_title{font-size:14px;color:#333;margin:6px 0 4px;max-width:100%;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.play_user_songlist_detail_artist{font-size:10px;color:#333;max-width:100%;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.play_user_counter{font-size:16px;color:#aaa;padding:4px 0 6px 0}.play_user_counter li{margin-right:6px}.play_user_counter li:last-child{margin-right:0}.play_user_counter_play{background:url('https://static.nana-music.com/portal/static/images/icon_play.png') no-repeat;background-size:contain;height:18px;padding-left:22px;font-size:11px;line-height:18px;display:inline-block}.play_user_counter_clap{background:url('https://static.nana-music.com/portal/static/images/icon_clap.png') no-repeat;background-size:contain;height:18px;padding-left:22px;font-size:11px;line-height:18px;display:inline-block}.play_user_counter_comment{background:url('https://static.nana-music.com/portal/static/images/icon_comment.png') no-repeat;background-size:contain;height:18px;padding-left:22px;font-size:11px;line-height:18px;display:inline-block}.play_user_songlist_date{float:right;color:#aaa;font-size:12px;padding-top:6px;padding-right:6px}.play_user_songlist_date i{margin-right:6px}.play_user_link{float:right;font-size:12px;text-decoration:underline}.play_user_more{padding:14px}@media screen and (min-width: 768px){.only_sp{display:none !important}.wrap640{max-width:640px;margin:0 auto}.wrap656{max-width:656px;margin:0 auto}.header,.marketing,.footer{padding-right:0;padding-left:0}#play-detail{padding:0 !important}.radius4{border-radius:4px;overflow:hidden}.radius-top4{border-radius:4px 4px 0 0}.radius-bottom4{border-radius:0 0 4px 4px}p#search_title{padding-top:0}.sp-m75{margin-left:75px !important}}@media screen and (max-width: 767px){.header{height:52px;padding:12px 10px}.only_pc{display:none !important}.wrap640{max-width:100%;margin:0}.col-xs-12,.col-sm-12{padding:0}#play-detail{padding:0 !important}ul.profile_user_counter{clear:both;padding-top:10px}ul.profile_user_counter li{float:left;height:20px}.foot-dl-buttons ul{width:100%;margin:20px auto}.foot-dl-buttons ul li{float:left;width:46%;margin:0 2%}.foot-dl-buttons ul li img{width:100%}#profile_list_main_title{padding-left:10px}#socialbuttons{margin-bottom:20px;padding:0 15px}#player_comment:after{left:53px}.clap_list li{float:left;position:relative;margin-right:4px;margin-bottom:4px}.play_user_link{padding-right:10px}.profile_list_date{display:none}}h2.timeline_title{margin-top:0;margin-bottom:0;padding:10px 10px 0;font-size:18px}h2.timeline_title span.timeline_title__gray{font-size:13px;color:#666666}h2.timeline_title span.timeline_title__red{color:#b2285c;font-weight:bold}.img-text{border:3px solid #FFF;border-radius:3px;margin:0px 10px 5px 0px;-webkit-box-shadow:1px 1px 0px 0px rgba(0,0,0,0.1);box-shadow:1px 1px 0px 0px rgba(0,0,0,0.1)}.timeline{float:left;width:100%;position:relative;padding:0px;margin:0px 0px 20px}.timeline:before{content:" ";position:absolute;width:4px;background:#e5e5e5;height:100%;left:100px;margin-left:-2px}.timeline .play_counter{margin-right:15px;margin-bottom:20px}.timeline .play_counter_clap,.timeline .play_counter_comment{height:22px;font-size:14px;padding-left:26px;line-height:22px}.timeline .timeline-item{float:left;position:relative;clear:both;margin-bottom:8px;z-index:2;width:100%;padding-left:160px;float:right}.timeline .timeline-item.timeline-main{height:40px;width:100px;padding-left:0px;float:left}.timeline .timeline-item .timeline-date{padding:4px 10px;line-height:20px;font-size:14px;border-radius:3px;position:absolute;right:-50px;top:0px;text-align:center;color:#33414e;background:#f7f7f7;width:100px;border:solid 3px #e5e5e5}.timeline .timeline-item .timeline-date a{color:#33414e}.timeline .timeline-item .timeline-item-content{float:left;background:#ffffff;border:3px solid #e5e5e5;border-radius:5px;width:100%}.timeline-body-usericon{float:left}.timeline-body-usericon img{width:90px}.timeline-body-usericon img:hover{opacity:1}.timeline-body-text{padding-left:105px}.timeline-name{color:#b2285c;font-weight:bold;margin-bottom:6px}.timeline-comment{color:#555555;font-size:12px;margin:0}.timeline .timeline-item .timeline-item-content:hover{background:#fafafa}.timeline .timeline-item .timeline-item-content:before{right:74.5%;top:26px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.timeline .timeline-item .timeline-item-content:after{right:74.5%;top:26px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-right-color:#ffffff;border-width:8px;margin-top:-8px}.timeline .timeline-item .timeline-item-content:before{border-color:rgba(229,229,229,0);border-right-color:#e5e5e5;border-width:12px;margin-top:-12px}.timeline .timeline-item .timeline-item-content .timeline-body{width:100%;float:left;padding:15px}.timeline .timeline-item .timeline-item-info{position:absolute;left:0;font-size:13px;color:#b2b2b2;padding-top:14px}.timeline .timeline-item .timeline-item-info .glyphicon{margin-right:7px}.timeline .timeline-item .timeline-item-icon{position:absolute;right:-23px;left:77px;width:46px;height:46px;border-radius:50%;line-height:34px;text-align:center;border:3px solid #e5e5e5;background:#F5F5F5;color:#BBB}.timeline .timeline-item .timeline-item-icon img{width:40px;vertical-align:top}.timeline .timeline-item:last-child{margin-bottom:0px}@media screen and (min-width: 768px){.only_sp{display:none !important}.wrap640{max-width:640px;margin:0 auto}.wrap656{max-width:656px;margin:0 auto}.header,.marketing,.footer{padding-right:0;padding-left:0}#play-detail{padding:0 !important}.radius4{border-radius:4px;overflow:hidden}.radius-top4{border-radius:4px 4px 0 0}.radius-bottom4{border-radius:0 0 4px 4px}p#search_title{padding-top:0}.sp-m75{margin-left:75px !important}}@media screen and (max-width: 767px){.header{height:52px;padding:12px 10px}.only_pc{display:none !important}.wrap640{max-width:100%;margin:0}.col-xs-12,.col-sm-12{padding:0}#play-detail{padding:0 !important}ul.profile_user_counter{clear:both;padding-top:10px}ul.profile_user_counter li{float:left;height:20px}.foot-dl-buttons ul{width:100%;margin:20px auto}.foot-dl-buttons ul li{float:left;width:46%;margin:0 2%}.foot-dl-buttons ul li img{width:100%}#profile_list_main_title{padding-left:10px}#socialbuttons{margin-bottom:20px;padding:0 15px}#player_comment:after{left:53px}.clap_list li{float:left;position:relative;margin-right:4px;margin-bottom:4px}.play_user_link{padding-right:10px}.profile_list_date{display:none}.timeline .timeline-item .timeline-date{right:15px;width:70px}.timeline:before{left:50px}.timeline .timeline-item{padding-left:80px;padding-right:15px}.timeline .timeline-item .timeline-item-icon{left:26px}.timeline .timeline-item .timeline-item-info{top:54px;width:60px;left:16px;font-size:10px;text-align:center;background:#fff;padding:4px 0px}.timeline .timeline-item .timeline-item-content:before,.timeline .timeline-item .timeline-item-content:after{display:none}.timeline-body-usericon img{width:50px}.timeline-body-text{padding-left:0}.timeline-name{margin-bottom:6px;padding-left:64px;margin-top:16px}.timeline-comment{margin-top:30px}}.play-list{background-color:#fff;border-radius:6px;overflow:hidden}.play-list>ul{margin:0;padding:0}.play-list .row{margin:0}.play-list .row>*{padding:0}.play-list-heading{color:#aaa;font-size:14px;margin:0;padding:10px 12px}.play-item{display:block;padding:8px 12px;border-bottom:solid #dddddd 1px}.play-list>ul>li:last-child .play-item{border-bottom-width:0}.play-item-img-wrap{width:60px}.play-item-text{height:50px;padding-left:4px;margin:0;display:table-cell;vertical-align:middle}@media screen and (min-width: 768px){.play-item-img-wrap{width:98px}.play-item-text{height:87px}}.overdubs_timeline{position:relative;float:left;width:100%;padding:12px 16px 12px;background:#999999;margin-top:0px;margin-bottom:20px;-webkit-box-shadow:0px 1px rgba(0,0,0,0.1);background-color:#ffffff;border:1px solid #b4245b;border-radius:4px}.overdubs_timeline a{color:#b4245b}.overdubs_timeline:hover{background:#fafafa}@media screen and (max-width: 767px){.wrap_overdubs_timeline div{padding:12px 16px 12px}}.appeal-message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:640px;height:52px;margin:0 auto;background:#eee;color:#757575;font-size:13px}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:640px;padding:32px 0 60px;margin:0 auto;border-radius:0;background:#eee}.pagination__count{font-size:12px;text-align:center;letter-spacing:0.78px;line-height:14px}.pagination__btn{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:600px;margin:18px auto 0}.pagination-prev,.pagination-next{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:44px;border-radius:5%;background:#fff;border:none}.pagination-prev>a,.pagination-next>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.pagination-prev{margin-right:8px}.pagination-next{margin-left:8px}.pagination__list{display:inherit}.pagination__list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:44px;border-radius:5%;background:#fff;margin-right:5px;font-size:13px}.pagination__list-item>a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.pagination__list-item:last-child{margin:0}.sp{background:initial}.sp-player{border:1px solid #ccc;color:initial}.active{background-color:#ccc;color:#fff}.abridgement{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-right:5px}
