.player-wrap {display: block; margin: 10px 5px 5px 5px; position: relative; font-size: 0;}
.player-wrap h1 {padding-left: 0; font-weight: normal; font-size: 20px; line-height: 24px; color: #fff; padding: 10px 10px 5px 0; margin: 0px; white-space: normal; text-transform: none;}
.player {display: block; overflow: hidden; background-color: #000; border-radius: 5px;}
.video {width: 100%; aspect-ratio: 16/9; background-color: #000; border-radius: 5px; overflow: hidden;}
.player-actions {text-align: left;}
.player-actions-in {display: inline-block; padding: 5px;}
.player-actions-in.active {border-bottom: none;}
.player-action-btn {display: inline-block; padding: 5px 8px; margin-right: 2px; font-size: 14px; line-height: 24px; border-radius: 3px; color: #fff !important; transition: all .3s;}
.tosite {background-color: #4067f5; margin-top: 8px; display: none;}
.tosite.s100020 {display: inline-block;}
.player-action-btn.active, .player-action-btn:hover {background-color: #353535;}
#player-report-form, #player-share-form {display: block; position: relative; padding: 34px 10px 10px 10px; margin-bottom: 5px; border-radius: 5px; background-color: #151515;}
a#player-report-form-close, a#player-share-form-close {position: absolute; right: 5px; top: 5px; width: 24px; height: 24px;}
#player-report-iframe {height: 400px;}
.player-input-wrap label {display: block; font-size: 12px; line-height: 20px; margin-bottom: 5px;}
.socials a {display: inline-block; width: 44px; height: 44px; margin-right: 5px; margin-bottom: 10px;}
.socials a svg {width: 100%; height: 100%; border-radius: 5px;}
.player-share-input {border: none; outline: none; -webkit-appearance: none; line-height: 24px; font-size: 18px; padding: 10px; border-radius: 4px; background-color: #353535; color: #fff; width: 100%; margin-bottom: 10px;}
#player-votes {display: inline-block; margin-right: 10px; border-bottom: 1px solid #b32d28; position: relative;}
#player-votes .player-action-btn {padding: 5px 0;}
a#player-voteup-btn {margin-right: 10px;}
#player-votes .player-action-btn:hover {background: none;}
#player-votes.player-voted .player-action-btn {cursor: default;}
#player-votes.player-voted .player-action-btn svg {fill: #505050;}
#player-votes-line {display: block; height: 1px; background: #2db328; position: absolute; bottom: -1px; left: 0; width: 0; transition: width .3s;}
a#player-voteup-btn:hover svg, #player-votes.player-votedup #player-voteup-btn svg {fill: #2db328;}
a#player-votedown-btn:hover svg, #player-votes.player-voteddown #player-votedown-btn svg {fill: #b32d28;}
.player-wrap .player-info {padding: 5px 0; min-height: 50px; overflow: hidden; text-align: left;}
.player-wrap .player-info p {margin: 5px 0px;}
.player-wrap .player-info .player-tags a {display: inline-block; vertical-align: top; line-height: 13px; font-size: 13px; padding: 10px; position: relative; transition: all .3s; margin-right: 6px; margin-bottom: 7px; background: #353535; border-radius: 3px;}
.player-wrap .player-info .player-tags a:hover {color: #f2c999;}

@media all and (min-width: 640px) {
    #player-report-iframe {height: 280px;}
    .tosite {margin-top: 0;}
}
@media all and (min-width: 1320px) {
    .player-wrap {padding-right: 335px;}
    .ntv {position: absolute; right: 0; top: 0; width: 322px;}
    .player-wrap .abl {position: absolute; right: 0; top: 0; width: 322px; height: 556px;}
    .player-wrap .abl-in {width: 100%;}
    .player-wrap .abl-in.c {display: none;}
    .player-wrap .abl-b-fill {height: 517px;}
}
@media all and (min-width: 1650px) {
    .player-wrap .abl {height: 821px;}
    .player-wrap .abl-in.c {display: inline-block;}
    .player-wrap .abl-b-fill {height: 782px;}
}
@media all and (min-aspect-ratio: 16/9) {
    .player {padding-left: calc(50% - 90vh*8/9); padding-right: calc(50% - 90vh*8/9);}
    .video {border-radius: 0;}
}