@charset "utf-8";.phbx {position:relative;}.phbx .frame {position:absolute;left:0;top:0;overflow:hidden;}.phbx .frame .item {position:absolute;left:0;top:0;width:100%;height:100%;}.phbx .frame .item>img {width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none;}.phbx_ico {position:absolute;width:40px;height:40px;background-color:rgba(0,0,0,0.8);background-repeat:no-repeat;border-radius:50%;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;opacity:0.7;transition:opacity 200ms ease-out;}.phbx_ico.next {right:3%;top:0;background-image:url(/img/phbx/chgr.svg);background-position:0;background-size:100%;}.phbx_ico.prev {left:3%; top:0;background-image:url(/img/phbx/chgr.svg);background-position:0;background-size:100%;transform:rotate(180deg);-webkit-transform:rotate(180deg);}.phbx_ico.play {left:0;top:0;background-image:url(/img/phbx/play.svg);background-position:54%;background-size:24% 28%;}.phbx_ico.stop {left:0;top:0;background-image:url(/img/phbx/stop.svg);background-position:50%;background-size:19% 30%;}.phbx_ico.ov {opacity:1.0;background-color:rgba(0,0,0,1.0);transition:opacity 100ms ease-out, background-color 100ms ease-out;}.phbx_ico.disabled {cursor:default;opacity:0.3;transition:opacity 100ms ease-out;}.phbx_ico.disabled.init {transition:none;}.phbx_chgr {position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;user-select:none;-webkit-user-select:none;pointer-events:none;}.phbx_player {position:absolute;left:0;top:0;width:100%;height:auto;opacity:0;user-select:none;-webkit-user-select:none;pointer-events:none;}.phbx_timer {position:absolute;left:0;top:0;width:100%;height:4px;opacity:0;pointer-events:none;}.phbx_timer div {position:absolute;left:0;top:0;width:100%;height:100%;}.phbx_timer div.base {background:rgba(255,255,255,1.0);}.phbx_timer div.bar {background:rgba(0,0,0,1.0);}.phbx_ndisp {overflow:hidden;position:absolute;left:0;top:0;opacity:0;pointer-events:none;}.phbx_ndisp.maru p {float:left;width:8px;height:8px;border-radius:50%;margin-left:0;background:#fff;opacity:0.3;transition:opacity 200ms ease-out;}.phbx_ndisp.maru p.cur {opacity:0.9;transition:opacity 200ms ease-out;}.phbx_ndisp.text p {float:left;font-size:1em;letter-spacing:0;line-height:1;color:#000;user-select:none;-webkit-user-select:none;}.phbx_ndisp.text p.cur {}.phbx_ndisp.text p.total {position:relative;margin-left:0.5em;padding-left:0.4em;}.phbx_ndisp.text p.total::before {content:"";position:absolute;left:0;top:0;width:1px;height:1em;transform:rotate(30deg);-webkit-transform:rotate(30deg);background:#000;}