@charset "utf-8";
/* SoundManager2 */
ul.graphic{list-style-type:none;padding-left:0;margin-left:0}

ul.graphic li{margin-bottom:0.8rem}

ul.graphic li a,
ul.graphic li a.sm2_link{display:inline-block;min-height:1.6rem;width:100%;vertical-align:middle;background:url(../img/inline-player/icon_play.png) no-repeat 0.2rem 50% / 1.3rem, linear-gradient(to right, rgba(255,255,255,0.25) 60%, transparent);border-radius:0.25em;padding:0.2rem 2vw 0.2rem 2rem;text-decoration:none;font-size:0.8rem;font-weight:600;color:#f6f9ff}

ul.graphic li a.sm2_link{transition:all ease-in-out 0.5s;}

ul.graphic li a,
ul.graphic li a.sm2_paused:hover,
ul.graphic li a.sm2_link:hover{background:url(../img/inline-player/icon_play.png) no-repeat 0.2rem 50% / 1.3rem}

ul.graphic li a.sm2_link:hover{background:url(../img/inline-player/icon_pause.png) no-repeat 0.2rem 50% / 1.3rem, linear-gradient(to right, #6DB1C5, transparent);color:#fff}

ul.graphic li a.sm2_paused{background:url(../img/inline-player/icon_pause.png) no-repeat 0.2rem 50% / 1.3rem, linear-gradient(to right, #9CB8BC, transparent 25%);color:#D0D4DD}

ul.graphic li a.sm2_paused:hover{background:url(../img/inline-player/icon_pause.png) no-repeat 0.2rem 50% / 1.3rem,  linear-gradient(to right, #6DB1C5, transparent)}

ul.graphic li a.sm2_playing{background:url(../img/inline-player/icon_pause.png) no-repeat 0.2rem 50% / 1.3rem, linear-gradient(to right, #6DB1C5 60%, transparent);color:#fff;font-weight:700;text-decoration:none}

ul.graphic li a.sm2_playing:hover{background:url(../img/inline-player/icon_stop.png) no-repeat 0.2rem 50% / 1.3rem,  linear-gradient(to right, #9CB8BC 60%, transparent);color:#4A5E66;text-decoration:none}