d87213c24bc14589810d1ef8bbbd56a271bddc38efb96fe6e57a1ab3325c9874

Source Code:

@charset "euc-jp";
/* ========================= old header */
.lnav-video {
background:#f6577f url(//p.dmm.com/p/general/navi/global/bg_lnav.gif) repeat-x left -160px;
}
.lnav-video ul.digital-group01 {
width:39em;
}
.lnav-video ul.digital-group02 {
width:27.5em;
}
.lnav-video li.on {
background:#ffe0e8  url(//p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat left top;
}
.lnav-video li.on a {
background:url(//p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat right -35px;
}
.pr-video {
background:#ffe0e8;
}
.lnav-book {
background:#48a38c url(//p.dmm.com/p/navi/global/bg_lnav.gif) repeat-x left -230px;
}
.lnav-book ul {
width:31em;
}
.lnav-book li.on {
background:#e1eeeb url(//p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat left -140px;
}
.lnav-book li.on a {
background:url(//p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat right -175px;
}
.pr-book {
background:#e1eeeb;
}
.lnav-pcgame {
background:#9487d2 url(//p.dmm.com/p/navi/global/bg_lnav.gif) repeat-x left -270px;
}
.lnav-pcgame ul {
width:15.5em;
}
.lnav-pcgame li.on {
background:#e4e1ff url(//p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat left -210px;
}
.lnav-pcgame li.on a {
background:url(//p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat right -245px;
}
.pr-pcgame {
background:#e4e1ff;
}

.inline {
display:inline;
}
.bar {
margin-bottom:10px;
padding:5px;
}
.basicnavi {
border:1px #666 solid;
line-height:18px;
width:163px;
}
.caution {
color:#c00;
font-size:10px;
font-weight: bold;
}
.content2 {
text-align:left;
}
.contentborder {
border-bottom:1px #d3d3d3 solid;
}
.hbline2 {
border-bottom:1px #636295 solid;
border-width:1px;
line-height:15px;
padding:2px 0px 2px 5px;
}
.header_digianime {
color:#009eff;
font-weight:bold;
}
.header_digibook {
color:#f09619;
font-weight:bold;
}
.header_digicinema {
color:#ca0000;
font-weight:bold;
}
.header_digicinema_l {
color:#ca0000;
font-size:16px;
font-weight:bold;
}
.header_digidoujin,
.header_monodoujin,
.header_monodoujin_l {
color:#0052ee;
font-weight:bold;
}
.header_digifight {
color:#afa032;
}
.header_digiidol {
color:#ff4da6;
font-weight: bold;
}
.header_digimusic {
color:#5e1a80;
font-weight:bold;
}
.header_digipcgame {
color:#0011b0;
font-weight:bold;
}
.header_digivcinema,
.header_monthly_cinepara {
color:#ca0000;
font-weight:bold;
}
.header_digivideo {
color:#f2003c;
font-weight:bold;
}
.header_digivideo_com {
color:#ee2c2c;
font-weight:bold;
}
.header_digivideoa {
color:#039;
font-weight:bold;
}
.header_digivideob {
color:#ce0000;
font-weight:bold;
}
.icon_exposition {
float:left;
width:80px;
height:20px;
margin:0;
padding:2px;
border:1px solid #999;
background-color:#f0f0f0;
font-size:10px;
text-align:center;
}
.icon_exposition2 {
float:left;
width:115px;
margin:0;
padding:2px;
border:1px solid #999;
background-color:#f0f0f0;
font-size:10px;
text-align:center;
}
.icon_exposition3 {
float:left;
margin:0;
padding:3px;
border:1px solid #999;
background-color:#f0f0f0;
font-size:10px;
text-align:center;
}
.listover {
border-bottom:1px #bfbfbf solid;
margin-bottom:10px;
}
.no-profile {
display:block;
height:145px;
width:125px;
}
.no-profile2 {
display:block;
height:117px;
width:145px;
}
.no-ps {
display:block;
height:200px;
width:125px;
}
.no-thumb {
display: block;
height: 90px;
width: 120px;
}
.sub3 {
font-size:8px;
}
.t_12px_636295 {
color:#636295;
font-weight:bold;
}
.t_12px_shockingpink {
color:#f06;
font-size:12px;
}
.t_12px_shockingpink_bold {
color:#f06;
font-size:12px;
font-weight:bold;
}
.t_14px {
font-size:14px;
}
.t_14px_039 {
color:#039;
font-size:14px;
font-weight:bold;
}
.t_16px_shockingpink {
color:#f06;
font-size:16px;
}
.t_16px_shockingpink_bold {
color:#f06;
font-size:16px;
font-weight:bold;
}
.titleborder {
border-bottom:2px #666 solid;
}
.titleunder {
background-color:#f3f3f3;
margin-bottom:5px;
padding:3px;
}
.txlistframe {
background-color:#ccc;
border:2px #999 solid;
line-height:14px;
text-align:center;
}
#fixed {
text-align:left;
width:575px;
}
#overmenu {
border-bottom:2px #3d3d3d solid;
margin-bottom:10px;
}
#undermenu {
border-top-color:2px #3d3d3d solid;
margin-top:10px;
}
.header_monthly_idol,
.header_mt_avst {
color:#d93964;
font-weight:bold;
}
.content {
float: left;
margin-right:20px;
width:45%;
}

.tx-hangaku {
color:#f40 !important;
}
.tx-sample-t {
    margin: 0.3em 0 0.5em;
    letter-spacing: 0.25em;
    font-weight: normal;
}
.tx-sample-t span {
    color: #E47;
}
.tx-lt {
    text-decoration: line-through;
}
.tx-digi {
color:#f9688c;
}
.bg-digi {
background:#f9688c;
}
.tx-bandai {
color:#636295;
}
.bg-bandai {
background:#636295;
}
.bg-bandai-l {
background:#e5e5ef;
}
.tx-anime {
color:#009eff;
}
.bg-anime {
background:#009eff;
}
.bg-anime-l {
    background:#e6f4fb;
}
.tx-idol {
color:#ff4da6;
}
.bg-idol {
background:#ff4da6;
}
.bg-idol-l {
background:#ffebf8;
}
.tx-cinema {
color:#ca0000;
}
.bg-cinema {
background:#ca0000;
}
.bg-cinema-l {
background:#f5dede;
}
.tx-music {
color:#5e1a80;
}
.bg-music {
background:#5e1a80;
}
.bg-music-l {
background:#efe8f2;
}
.tx-fight {
color:#afa032;
}
.bg-fight {
background:#afa032;
}
.bg-fight-l {
background:#f8f5de;
}
.tx-video {
color:#ee2c2c;
}
.bg-video {
background:#ee2c2c;
}
.bg-video-l {
background:#faeaea;
}
.tx-psp {
color:#003f7f;
}
.bg-psp {
background:#003f7f;
}
.bg-psp-l {
background:#e5ebf2
}
.tx-tod {
color: #01b1d8;
}
.bg-tod {
background: #01b1d8;
}
.bg-tod-l {
background: #d9f3f9;
}
.tx-book {
color:#0d8567;
}
.bg-book {
background:#0d8567;
}
.bg-book-l {
background: #e1eeeb;
}
.tx-pc {
color:#7261c4;
}
.bg-pc {
background:#7261c4;
}
.tx-videoi {
color:#858891;
}
.bg-videoi {
background:#858891;
}
.bg-videoi-l{
background:#f2f2f2;
}

.tx-toaster {
color:#DE5123;
}
.bg-toaster {
background-color:#FFE8E0;
}
.bg-hv-toaster {
background-color:#F46B3D;
}
.bg-dlst {
background-color: #93c;
}

/*Ëöü¡§¤ªµ¤¤ËÆþ¤ê¥Ü¥¿¥ó 14/12/18*/
.page-detail div[id^="bookmark_add_"] {margin-top: 6px;}
.page-detail div[id^="bookmark_add_"] form .d-btn.mg-t6 {margin: 0 !important;}

.side-bskt{
background:url(//p.dmm.com/p/ds/bskt/bg_m.gif) repeat-y;
}
.story-order {
background: #eee;
}
.story-order .prev-story {
padding-left: 18px;
background: url(//p.dmm.com/p/title/ico_prev.gif) no-repeat scroll 0 50%;
}
.story-order .next-story {
height: 1%;
padding: 1px 18px 0 0;
background: url(//p.dmm.com/p/title/ico_next.gif) no-repeat scroll 100% 50%;
}

.act-box ul {
list-style-type:none;margin:0;padding:0;
}
.act-box li {
float:left;text-align:center;margin:6px 0 12px 0;
}
.act-box img {
margin-bottom:3px;
}
.act-box-65 li {
width:6.8em;min-width:73px;
}
.act-box-80 li {
width:7.35em;min-width:88px;
}
.act-box-100 li {
width:9em;min-width:108px;
}
.act-box-125 li {
width:11.08em;min-width:133px;
}

.capt-mv-view {
line-height:1.3em;
padding:3px;
border-bottom:1px #999 solid;
background:url(//p.dmm.com/p/common/bg/mv_view.gif) repeat-x scroll 0 0;
font-weight:bold;
}
.capt-st-player {
line-height:1.3em;
padding:3px;
border-bottom:1px #77e solid;
background:url(//p.dmm.com/p/common/bg/st_player.gif) repeat-x scroll 0 0;
color:#00c;
font-weight:bold;
}
.capt-dl-player {
line-height:1.3em;
padding:3px;
border-bottom:1px #e77 solid;
background: url(//p.dmm.com/p/common/bg/dl_player.gif) repeat-x scroll 0 0;
color:#c00;
font-weight:bold;
}

#sp-anime #bitrate .block,
#sp-anime #bitrate .left-bar,
#sp-anime .bx-bit span,
#sp-cinema .bx-bit span,
#sp-variety .bx-bit span,
#clubit-cinema .bx-bit span {
white-space: nowrap;
zoom:1;
}
#sp-anime #bitrate li.block,
#sp-anime #bitrate li.left-bar,
#sp-variety #bitrate li.block,
#sp-variety #bitrate li.left-bar{
display: block;
margin-right: 6px;
padding: 2px;
border: 1px solid #999999;
}
#sp-anime ul#bitrate,
#sp-variety ul#bitrate {
width: 100%;
}
#main-ds .rotation a > span {
    display: block;
}

.page-detail .box-rank p,
.page-detail .box-rank ul {
display: inline-block;
list-style: none;
line-height: 1.5;
border-radius: 3px;
margin: 0 6px 6px 0;
padding: 3px 6px 3px 32px;
}
.page-detail .box-rank ul {
background: #eee url(//p.dmm.com/p/common/ico/detail_favorite.png) no-repeat scroll 8px 0;
}
.page-detail .box-rank p {
padding-right: 3px;
background: #eee url(//p.dmm.com/p/common/ico/detail_favorite.png) no-repeat scroll 8px -50px;
}
.page-detail .box-rank ul li {
display: inline-block;
}
.page-detail .box-rank ul li + li {
margin-left: 6px;
padding-left: 8px;
border-left: 1px #a7a7a7 dotted;
}
.page-detail .box-rank span.tx-count {
font-weight: bold;
}
.page-detail .box-rank ul * span.tx-count {
margin: 0 6px;
}
.page-detail .box-rank p span.tx-count {
display: inline-block;
margin-left: 4px;
padding-left: 6px;
background: #eee url(//p.dmm.com/p/common/ico/detail_favorite.png) no-repeat scroll 0 -103px;
}
.page-detail .box-rank p span.tx-count span {
display: inline-block;
padding: 0 6px;
border-radius: 3px;
background: #fff;
}
.page-detail .box-rank span.tx-label {
color: #005fc0;
}
.page-detail .box-rank a {
display: inline-block;
color: #333;
text-decoration: none;
}
.page-detail .box-rank a:hover span.tx-label {
color:#e20;
text-decoration: underline;
}

.page-detail .bg-bskt .area-point {
display: inline-block;
margin: .5em 0 0;
padding: .5em 1em .4em;
background-color: #f7f8fa;
color: #898a8c;
border-radius: 3px;
font-size: 11px;
}
.page-detail .bg-bskt .area-point dl {
margin: 0;
padding: 0;
overflow: hidden;
}
.page-detail .bg-bskt .area-point dt,
.page-detail .bg-bskt .area-point dd {
padding: 0;
margin: 0;
display: inline;
line-height: 1.5;
}
.page-detail .bg-bskt .area-point dt:after {
content: "¡§";
}
.page-detail .bg-bskt .area-point .point-common,
.page-detail .bg-bskt .area-point .point-service {
font-weight: bold;
}

#d-ie7 .page-detail .box-rank ul,
#d-ie7 .page-detail .box-rank ul li,
#d-ie7 .page-detail .box-rank p,
#d-ie7 .page-detail .box-rank a,
#d-ie7 .page-detail .box-rank p span.tx-count{
display: inline;
}

/*¤ªµ¤¤ËÆþ¤ê¥Ü¥¿¥ó ¥Ý¥Ã¥×¥¢¥Ã¥× 14/11/27*/
.page-detail .popup-bookmark .bg-whi {
position: fixed;
top: 0;
left: 0;
z-index: 999;
height: 100%;
width: 100%;
background: #fff;
opacity: 0.9;
filter: alpha(opacity=90);
-moz-opacity: 0.90;
}
.page-detail .area-bookmark * {
list-style: none;
margin: 0;
padding: 0;
}
.page-detail .area-bookmark {
position: absolute;
z-index: 1000;
background: #fff;
left: 50%;
top: 100px;
width: 830px;
margin: 0 auto;
border: solid 1px #bbb;
}
.page-detail .area-bookmark > .capt01 {
position: relative;
height: 40px;
line-height: 40px;
margin-bottom: 20px;
padding: 0 20px;
background: #f2f2f2;
font-size: 16px;
}
.page-detail .area-bookmark > .capt01 a {
padding: 0 3px;
font-weight: bold;
}
.page-detail .area-bookmark > .capt01 a + span {
font-size: 12px;
color: #666;
}
.page-detail .area-bookmark > .capt01 > .close:after {
display: block;
position: absolute;
top: 0;
right: 0;
content: "¡ß";
width: 50px;
height: 40px;
font-size: 24px;
text-align: center;
color: #777;
}
.page-detail .area-bookmark > .capt01 > .close:hover:after {cursor: pointer;}
.page-detail .area-bookmark > .sect01 {padding: 0 20px;}
.page-detail .area-bookmark > .sect01 .col-top {
overflow: hidden;
padding-bottom: 20px;
border-bottom: solid 1px #bbb;
}
.page-detail .area-bookmark .col-top .box-l {
display: table-cell;
vertical-align: top;
width: 100%;
}
.page-detail .area-bookmark .col-top .box-l img {
float: left;
margin-right: 12px;
}
.page-detail .area-bookmark .col-top .box-l .ttl {font-size: 13px;}
.page-detail .area-bookmark .col-top .box-l .ttl,.page-detail .area-bookmark .col-top .box-l .price {margin: 0 6px 6px 0;}
.page-detail .area-bookmark .col-top .box-r {
display: table-cell;
vertical-align: middle;
padding: 0 12px;
border: solid 1px #bbb;
}
.page-detail .area-bookmark .col-top .box-r li:first-child {margin-bottom: 10px;}
.page-detail .area-bookmark .col-top .tx-lt {color: #999;}
#w .page-detail .d-recommend {border: none;}
.page-detail .area-bookmark ul.rowlink,
.page-detail .area-bookmark ul.rowlink li,
.page-detail .area-bookmark .list-main ul,
.page-detail .area-bookmark .list-main ul li,
.page-detail .area-bookmark .col-top .box-r ul,
.page-detail .area-bookmark .col-top .box-r li {
border: none !important;
}

#w [class^="dlbtn"] {
display: inline-block;
background: url(//p.dmm.com/p/common/bt/bg_bt.gif) no-repeat 0 50%;
border: solid 1px;
border-color: #bbb #999 #888;
border-radius: 2px;
margin: 0 0 4px 4px;
}
#w [class^="dlbtn"]:hover {
position: relative;
top:1px;
background-position: -280px center;
border-color: #aaa #999 #bbb;
text-decoration: none;
}
#w [class^="dlbtn"] > * {
display: inline-block;
border: solid 1px;
border-color: #fff #fff #f0f0f0;
border-radius: 1px;
text-align: center;
font-family:'¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-weight: bold !important;
word-break: normal !important;
color: #333;
line-height: 12px;
font-size: 12px;
padding: 3px 5px 1px 5px;
}
#w [class^="dlbtn"]:hover > * {
color: #636363;
text-decoration: none;
}
#w [class^="dlbtn"][class*="-sm"] > * {width: 64px;}
#w [class^="dlbtn"][class*="-xsm"] > * {width: 23px;}

#main-ds .area-about .box-about {
margin-top: -25px;
position: relative;
background: #faf9e0 url(//p.dmm.com/p/ds/common/bg_about.png) repeat-x scroll 0 0;
}
#main-ds .area-about .box-about img[alt="check"] {
position: absolute;
top: -35px;
right: 25px;
}
#main-ds .area-about .box-about p {
padding: 30px 5% 25px;
line-height: 2.2em;
}
#main-ds .area-about .box-about p span {
margin: 0 3px;
color: #c00;
font-size: 22px;
font-weight: bold;
font-family: '¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
}
#main-ds .box-guidelink {
background: #ebead1 url(//p.dmm.com/p/ds/common/bg_about.png) repeat-x scroll 0 100%;
padding: 20px 0 30px;
text-align: center;
}
#main-ds .box-guidelink ul li {
display: inline-block;
margin: 0 16px;
font-size: 14px;
font-weight: bold;
zoom: 1;
}
#d-ie7 #main-ds .box-guidelink ul li {
display: inline;
}
#main-ds .box-guidelink ul li > span {
display: block;
margin-bottom: 8px;
padding-bottom: 8px;
background: url(//p.dmm.com/p/ds/common/arrow_about_bo.png) center bottom no-repeat;
}


.area-mv-info {
width: 280px;
margin: 16px auto;
border-top: 1px #c4d0f5 dashed;
}
.area-mv-info:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.area-mv-info{zoom:1}

.bx-ptn .area-mv-info ul,.bx-ptn .area-mv-info li {
padding: 0;
border: none;
list-style: none;
}
.mv-info-capt {
margin: 0;
padding: 10px;
font-size: 14px;
font-weight: bold;
}

.bx-device {
    font-size: 0;
    width: 231px;
    margin: 0 auto;
    text-align: left;
}

.bx-ptn .bx-device {
    margin: 0 auto;
}

.bx-device > li {
    display: inline-block;
    margin-right: 10px;
}

.bx-device > li:nth-child(4n) {
    margin-right: 0;
}

.bx-device > li:not(:nth-child(-n+4)) {
    margin-top: 10px;
}
.bx-device > li > span { cursor: pointer; }
.bx-device > li > span,
#win-mv-info div[class*="dv-"] > span {
display: block;
margin: 0 auto;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-size: 50px;
}
.bx-device > li.dv-pc > span,
.bx-device > li.dv-pc > span:hover,
.bx-device > li.dv-pc-off > span,
#win-mv-info div.dv-pc > span,
#win-mv-info div.dv-pc-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_pc.svg');
}
.bx-device > li.dv-pc > span:hover {
    opacity: .6;
}
.bx-device > li.dv-pc-off > span,
#win-mv-info div.dv-pc-off > span {
    opacity: .1;
}

.bx-device > li.dv-ios > span,
.bx-device > li.dv-ios > span:hover,
.bx-device > li.dv-ios-off > span,
#win-mv-info div.dv-ios > span,
#win-mv-info div.dv-ios-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_ios.svg');
}
.bx-device > li.dv-ios > span:hover {
    opacity: .6;
}
.bx-device > li.dv-ios-off > span,
#win-mv-info div.dv-ios-off > span {
    opacity: .1;
}

.bx-device > li.dv-android > span,
.bx-device > li.dv-android > span:hover,
.bx-device > li.dv-android-off > span,
#win-mv-info div.dv-android > span,
#win-mv-info div.dv-android-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_android.svg');
}
.bx-device > li.dv-android > span:hover {
    opacity: .6;
}
.bx-device > li.dv-android-off > span,
#win-mv-info div.dv-android-off > span {
    opacity: .1;
}

.bx-device > li.dv-ps > span,
.bx-device > li.dv-ps > span:hover,
.bx-device > li.dv-ps-off > span,
#win-mv-info div.dv-ps > span,
#win-mv-info div.dv-ps-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_ps.svg');
}
.bx-device > li.dv-ps > span:hover {
    opacity: .6;
}
.bx-device > li.dv-ps-off > span,
#win-mv-info div.dv-ps-off > span {
    opacity: .1;
}

.bx-device > li.dv-tv > span,
.bx-device > li.dv-tv > span:hover,
.bx-device > li.dv-tv-off > span,
#win-mv-info div.dv-tv > span,
#win-mv-info div.dv-tv-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_tv.svg');
}
.bx-device > li.dv-tv > span:hover {
    opacity: .6;
}
.bx-device > li.dv-tv-off > span,
#win-mv-info div.dv-tv-off > span {
    opacity: .1;
}

.bx-device > li.dv-html5tv > span,
.bx-device > li.dv-html5tv > span:hover,
.bx-device > li.dv-html5tv-off > span,
#win-mv-info div.dv-html5tv > span,
#win-mv-info div.dv-html5tv-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_html5tv.svg');
}
.bx-device > li.dv-html5tv > span:hover {
    opacity: .6;
}
.bx-device > li.dv-html5tv-off > span,
#win-mv-info divdv-html5tvv-tv-off > span {
    opacity: .1;
}

.bx-device > li.dv-androidtv > span,
.bx-device > li.dv-androidtv > span:hover,
.bx-device > li.dv-androidtv-off > span,
#win-mv-info div.dv-androidtv > span,
#win-mv-info div.dv-androidtv-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_androidtv.svg');
}
.bx-device > li.dv-androidtv > span:hover {
    opacity: .6;
}
.bx-device > li.dv-androidtv-off > span,
#win-mv-info div.dv-androidtv-off > span {
    opacity: .1;
}

.bx-device > li.dv-amazonfire > span,
.bx-device > li.dv-amazonfire > span:hover,
.bx-device > li.dv-amazonfire-off > span,
#win-mv-info div.dv-amazonfire > span,
#win-mv-info div.dv-amazonfire-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_firetv.svg');
}
.bx-device > li.dv-amazonfire > span:hover {
    opacity: .6;
}
.bx-device > li.dv-amazonfire-off > span,
#win-mv-info div.dv-amazonfire-off > span {
    opacity: .1;
}

.bx-device > li.dv-chromecast > span,
.bx-device > li.dv-chromecast > span:hover,
.bx-device > li.dv-chromecast-off > span,
#win-mv-info div.dv-chromecast > span,
#win-mv-info div.dv-chromecast-off > span {
    background-image: url('https://p.dmm.com/p/ds/common/ico_chromecast.svg');
}
.bx-device > li.dv-chromecast > span:hover {
    opacity: .6;
}
.bx-device > li.dv-chromecast-off > span,
#win-mv-info div.dv-chromecast-off > span {
    opacity: .1;
}

.bx-device > li .ico-attention {
position: absolute;
top: -10px;
right: 10px;
}
.bx-device .bx-format {
width: 50px;
}
.bx-device .bx-format li span {
display: block;
margin: 3px 0 0;
width: 24px;
height: 10px;
background: url(//p.dmm.com/p/ds/common/ico_mvinfo_130729.png) no-repeat scroll;
}
.bx-device .bx-format li.fm-dl,
.bx-device .bx-format li.fm-dl-off { float: left; }
.bx-device .bx-format li.fm-st,
.bx-device .bx-format li.fm-st-off { float: right; }
.bx-device .bx-format li.fm-dl span { background-position: 0 -100px; }
.bx-device .bx-format li.fm-dl-off span { background-position: 0 -125px; }
.bx-device .bx-format li.fm-st span { background-position: 0 -150px; }
.bx-device .bx-format li.fm-st-off span { background-position: 0 -175px; }

#wp-whi {
position: absolute;
top:0;
left:0;
width: 100%;
height: 2000px;
background: #fff;
opacity: 0.5;
z-index: 10;
}
.mv-info-rst * {
margin: 0;
padding: 0;
line-height: 1.5;
}
#win-mv-info {
position: absolute;
left:50%;
width: 330px;
margin-left: -165px;
padding-top:1px;
text-align: center;
background: url(//p.dmm.com/p/ds/common/bg_mvinfowin.png) no-repeat scroll 0 0;
z-index: 20;
}
#win-mv-info > div {
margin-top: 20px;
padding: 5px 29px 15px;
background: url(//p.dmm.com/p/ds/common/bg_mvinfowin.png) repeat-y scroll 50% 0;
}
#win-mv-info p {margin: 12px 0;}
#win-mv-info > p {
margin: 0;
padding: 10px 0 20px;
background: url(//p.dmm.com/p/ds/common/bg_mvinfowin.png) no-repeat scroll 100% 100%;
}

/* >>>>> [androidTV / fireTV ¥Ó¥Ã¥È¥ì¡¼¥È²¼¤Îʸ¸À] >>>>> */
#win-mv-info .popup-subinfo *{
    margin: 0;
    padding: 0;
}

#win-mv-info .popup-subinfo {
    margin: 12px 0 0 0;
}

#win-mv-info .popup-subinfo__detail {
    text-align: left;
}

#win-mv-info .popup-subinfo__supplement-list {
    text-align: left;
    margin: 12px 0;
    list-style: none;
}

#win-mv-info .popup-subinfo__supplement {
    font-size: 10px;
    color: #c00;
}

#win-mv-info .popup-subinfo_detail-link {
    text-align: center;
}
/* <<<<< [androidTV / fireTV ¥Ó¥Ã¥È¥ì¡¼¥È²¼¤Îʸ¸À] <<<<< */

.mv-info-data {display: none;}
.mv-info-data-capt {
margin: 15px 0;
padding: 0;
}
.mv-info-data-capt > span {
padding-left: 20px;
margin-right: -20px;
background: url(//p.dmm.com/p/ds/common/ico_mvinfo_130415.png) no-repeat scroll 0 2px;
font-size: 16px;
}
div[class*="-off"] + .mv-info-data-capt > span {
padding-left: 20px;
background: url(//p.dmm.com/p/ds/common/ico_mvinfo_130415.png) no-repeat scroll 0 -48px;
font-size: 16px;
}
.box-attention {
background: #fffade url(//p.dmm.com/p/ds/common/ico_attention.png) no-repeat scroll 8px 50%;
padding: 6px 6px 6px 45px;
text-align: left;
}
.mv-info-device {
margin-bottom: 0 !important;
padding:1px;
background-color:#333;
text-align: center;
color: #fff;
font-size:10px;
}
.mv-info-rst img[src*="/ico/format_"] {
vertical-align: middle;
}
.mv-info--notice {
border: solid 1px #C00;
background-color: #FFF1F1;
color: #C00;
font-size: 12px;
font-weight: bold;
padding: 6px;
}
.mv-info--notice--link > a {
text-decoration: underline;
background-color: #FFF1F1;
color: inherit;
font-size: 12px;
font-weight: normal;
}
/* ================================================================= #mylibrary*/
#mylibrary .item-format .caution {
font-weight: normal;
font-size: inherit;
}
#mylibrary .bt-ds-sp {
background: url(//p.dmm.co.jp/p/ds/common/bg_ds_sp.png) no-repeat scroll 0 50%;
display: inline-block;
margin: 0 auto;
border: 2px solid;
border-color: #999 #777 #666;
border-radius: 2px;
color: #222;
}
#mylibrary .bt-ds-sp:hover {
position: relative;
top:1px;
background-position: -400px center;
border-color: #999;
color: #636363;
text-decoration: none;
}
#mylibrary .bt-ds-sp > * {
display: inline-block;
width: 300px;
padding: 18px 12px 18px 20px;
line-height: 25px;
font-size: 25px;
border: 2px #fff solid;
border-radius: 1px;
text-align: center;
font-family:'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
font-weight: bold !important;
white-space: nowrap;
text-shadow:0 1px 0 #FFF;
}
#mylibrary .bnr-android {
display: inline-block;
height: 32px;
margin-top: 6px;
background: url(//p.dmm.co.jp/p/ds/common/bg_bnr_android.png) no-repeat scroll 50% 0;
}
/*12/19ÍÑÄɲÃ*/
#mylibrary .bnr-tv {
display: inline-block;
height: 32px;
margin-top: 6px;
background: url(//p.dmm.co.jp/p/ds/common/bg_bnr_tv.png) no-repeat scroll 50% 0;
}
/*12/19ÍÑÄɲÃ*/
#mylibrary .bnr-android > span,
#mylibrary .bnr-tv > span {
display: inline-block;
width: 147px;
height: 32px;
padding: 5px 0 0 40px;
line-height: 12px;
color: #fff;
text-decoration: none;
font-size: 10px;
font-weight: bold;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
#mylibrary .notice_link > a {
text-decoration: underline;
color: inherit;
}
/* ========================== mylibrary-common.css */

/*ÇòÇØ·Ê*/
#mylibrary .wp-whi {
position: absolute;
top:0;
left:0;
width: 100%;
height: 2000px;
background: #fff;
z-index: 1000;
}
/*¥Ü¥¿¥ó*/
#mylibrary .ml-btn {
position: relative;
display: inline-block;
background: url(//p.dmm.co.jp/p/ds/mylibrary/bg_bt.gif) no-repeat scroll 0 50%;
border: 1px #999 solid;
vertical-align: bottom;
cursor: pointer;
}
#mylibrary .ml-btn:hover {
background-position: 100% 50%;
border-color: #aaa #999 #bbb;
text-decoration: none;
top:1px;
}
#mylibrary .ml-btn > * {
display: inline-block;
background-color: transparent;
border: 1px #fff solid;
border-radius: 1px;
text-align: center;
font-family:'¥á¥¤¥ê¥ª',Meiryo,'£Í£Ó £Ð¥´¥·¥Ã¥¯','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-weight: bold !important;
word-break: normal !important;
color: #333;
line-height: 12px;
font-size: 12px;
padding: 6px 5px 6px 5px;
cursor: pointer;
}
#mylibrary .ml-btn:hover > * {
color: #636363;
text-decoration: none;
}
#mylibrary .ml-btn > input,
#mylibrary .ml-btn > button {
background-color: transparent;
white-space: normal;
line-height: 12px;
height: 24px;
padding: 0;
}
#mylibrary .box-addmylist .ml-btn > input,
#mylibrary .box-addmylist .complete .ml-btn > input,
#mylibrary .create .ml-btn > input,
#mylibrary .box-sort .ml-btn > input {
width: 80px;
padding: 3px 0px 1px 10px;
}

#mylibrary .ml-btn > * {width: 141px;}
#mylibrary .ml-win-sm .ml-btn > * {width: 258px;}


/*off¥Ü¥¿¥ó*/
#mylibrary .ml-btn.off {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}
#mylibrary .ml-btn.off {
border-color: #aaa #999 #bbb;
cursor: default;
}
#mylibrary .ml-btn.off > * {cursor: default;}
#mylibrary .ml-btn:hover.off {background-position: 0 50%;top:0;}
#mylibrary .ml-btn:hover.off > * {color: #333;}

/*¶¯Ä´¥Ü¥¿¥ó*/
#mylibrary .ml-btn.complete,
#mylibrary .complete .ml-btn,
#mylibrary .sect-edit-mylist .delete .ml-btn {
background-image: url(//p.dmm.co.jp/p/ds/mylibrary/bg_bt_st.gif);
}
#mylibrary .ml-btn.complete.off,
#mylibrary .complete .ml-btn.off,
#mylibrary .sect-edit-mylist .delete .ml-btn.off {
background-image: url(//p.dmm.co.jp/p/ds/mylibrary/bg_bt.gif);
}

#mylibrary .ml-btn.btn-live {
background-image: url(//p.dmm.co.jp/p/ds/mylibrary/bg_bt_st.gif);
}


/*ºÆÀ¸¥Ü¥¿¥ó*/
#mylibrary .ml-btn-sm {
position: relative;
display: block;
float: left;
background: url(//p.dmm.co.jp/p/ds/mylibrary/parts.png) no-repeat scroll -400px -50px;
text-align: center;
}
#mylibrary .ml-btn-sm > * {
display: block;
padding: 4px 0 0;
width: 64px;
height: 24px;
color: #333;
font-weight: bold;
}
#mylibrary .ml-btn-sm:hover {
top:1px;
background-position: -500px -50px;
}
#mylibrary .ml-btn-sm:hover > * {
color: #666;
text-decoration: none;
}

/*¥Õ¥©¡¼¥à·Ï ¥ê¥»¥Ã¥È*/
#mylibrary .box-fixnav select,
#mylibrary .box-fixnav input[type="text"],
#mylibrary .mylibrary-menu input[type="text"],
#mylibrary .wrap-detail input[type="text"] {
width: 160px;
height:24px;
margin: 1px 0 1px 3px;
padding:3px;
border:none;
background:transparent;
-webkit-appearance: none;
vertical-align: middle;
}
#mylibrary .box-fixnav input[type="text"],
#mylibrary .mylibrary-menu input[type="text"],
#mylibrary .wrap-detail input[type="text"] {
width: 169px;
}
#mylibrary .box-fixnav input[type="text"],
#mylibrary .mylibrary-menu input[type="text"],
#mylibrary .wrap-detail input[type="text"] {
padding: 0 3px;
}
#mylibrary .box-fixnav option{
border:none;
background: #fff;
}

/*¥Õ¥©¡¼¥à·Ï*/
#mylibrary .ml-form {
display: inline-block;
background: url(//p.dmm.co.jp/p/ds/mylibrary/parts.png) no-repeat scroll 0 0;
vertical-align: middle;
border-right: 1px #999 solid;
}
#mylibrary .ml-form .ml-form-arrow {
display: inline-block;
background: url(//p.dmm.co.jp/p/ds/mylibrary/parts.png) no-repeat scroll -604px -40px;
vertical-align: middle;
}
#mylibrary .ml-form .ml-form-arrow + .ml-form-arrow {
border-left: 1px #aaa dotted;
}
#mylibrary .ml-form + .ml-btn {
margin-left: -1px;
}
#mylibrary .ml-form + .ml-btn:hover {
top:0px;
}
#mylibrary .ml-form.ml-form-bps {
background-position: 0 -50px;
border: none;
}
#mylibrary .wrap-detail .ml-form.ml-form-bps select {
width: 120px;
height:16px;
margin: 2px 0;
padding:1px 2px;
border:none;
background:transparent;
-webkit-appearance: none;
vertical-align: middle;
font-size: 11px;
line-height: 1em;
}
#mylibrary .wrap-detail .ml-form.ml-form-bps > span {
display: inline-block;
width: 74px;
text-align: center;
font-size: 10px;
}

/* ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ */
#mylibrary .ml-checkbox label {
position: absolute;
top: 0;
left: 0;
padding: 10px;
background: #eee;
}
#mylibrary span.ml-checkbox label:hover {
background: #d3e3ff;
}

/*14/04/28ÄɲÃ*/
/* ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ ¥Æ¥­¥¹¥È¥ê¥¹¥È */
#mylibrary.list-tx td .ml-checkbox label {
width: 12px;
height: 100%;
padding: 0 10px;
background: none;
}
#mylibrary.list-tx td span.ml-checkbox label:hover {
background: #d3e3ff;
}
#mylibrary.list-tx td span.ml-checkbox label input {
position: absolute;
top: 50%;
bottom: 50%;
margin: auto;
}

/* videomarketÂбþ */
#mylibrary .d-area .vm-logo {
text-align: right;
width: 95%;
margin: 0 auto;
}

#mylibrary .selector > div.display-all {
margin-right: 16px;
background-color: #fddbdb;
padding: 4px 5px 3px 5px;
}
#mylibrary .selector > div.display-all span {
    color: #c00;
    font-weight: bold;
}
#mylibrary .selector .display-all ul li,
#mylibrary .selector .display-all ul li.current {
width: 40px;
}
/* videomarketÂбþ ¤³¤³¤Þ¤Ç*/
/*14/09/12ÄɲÃ*/
/*Í¥Àèɽ¼¨ ¹Ê¤ê¹þ¤ß*/
#mylibrary .selector > div.bookmark {
margin-right: 6px;
}
#mylibrary .bookmark > span {
position: relative;
display: block;
padding-left: 16px;
}
#mylibrary .bookmark > span:before {
position: absolute;
top: 2px;
left: -16px;
content:"";
display: block;
width: 12px;
height: 12px;
background: url(//p.dmm.co.jp/p/sp/digital/mylibrary/ico_heart.png) no-repeat 50% 100%;
background-size: 100%;
}
#mylibrary .selector .bookmark ul li,
#mylibrary .selector .bookmark ul li.current {
width: 40px;
}
/*ºÇ¾®Éý¤Î¤È¤­¤Îselector*/
#mylibrary .selector.min-selector {
width: 500px;
margin-bottom: 11px;
}

/*Í¥Àèɽ¼¨ ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹*/
#mylibrary span.heart {
display: block;
width: 24px;
height: 20px;
position: absolute;
top: 120px;
right: 10px;
background: url(//p.dmm.co.jp/p/sp/digital/mylibrary/ico_heart.png) no-repeat 50% 0;
background-size: 100%;
z-index:1;
}
#mylibrary  .bookmark label:hover,
#mylibrary span.heart:hover {
    cursor: pointer;
}
#mylibrary span.heart.on {
    background: url(//p.dmm.co.jp/p/sp/digital/mylibrary/ico_heart.png) no-repeat 50% 100%;
    background-size: 100%;
}
/*14/10/17*/
/*Í¥Àèɽ¼¨ ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ ¥Þ¥¤¥ê¥¹¥È¤Î»þ */
#mylibrary.ml-mylist span.heart {
    display: none;
}

/*Í¥Àèɽ¼¨ ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹¡¡¥Æ¥­¥¹¥È¥ê¥¹¥ÈÍÑ*/
#mylibrary.list-tx td .ml-checkbox label {
border-right: #ccc 1px dotted;
width: 32px;
}
#mylibrary.list-tx td span.ml-checkbox label input {
left: 50%;
margin-left: -6px;
}
#mylibrary.list-tx table tr td .ttl {
padding: 5px 0 5px 100px !important;
}
.list-tx span.heart {
top: 50% !important;
left: 66px;
margin-top: -12px;
}
/*14/10/17*/
/*Í¥Àèɽ¼¨ ¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ ¥Þ¥¤¥ê¥¹¥È¤Î»þ*/
#mylibrary.ml-mylist.list-tx table tr td .ttl {
padding: 5px 0 5px 70px !important;
}

/*ÊÔ½¸Ãæ¡¡¥Á¥§¥Ã¥¯¥Ü¥¯¥¹*/
#mylibrary .list-title ul.list-edit .ml-checkbox label {
top: 0px;
left: 0px;
width: 50px;
height: 80px;
padding: 0;
text-align: center;
border-right: 1px #ccc solid;
}
#mylibrary .list-title ul.list-edit .ml-checkbox label input {
margin-top: 32px;
}

/*¥ê¥¹¥È*/
#mylibrary .ml-list {
background: #fff;
border-radius: 3px;
text-align: left;
overflow: hidden;
}
#mylibrary .ml-list li + li {
border-top: 1px #ccc solid;
}
#mylibrary .ml-list li > a,
#mylibrary .ml-list li > span,
#mylibrary .ml-list li > label {
position:  inherit;
margin-right: 0;
display: block;
padding: 6px;
}
#mylibrary .ml-list li a:hover {
background-color: #eee;
text-decoration: none;
padding: 7px 6px 5px;
}

/*¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹ÉÕ¤­¥ê¥¹¥È*/
#mylibrary .ml-list li.ml-checkbox label {
padding: 6px 6px 6px 8px;
background: #fff;
}
#mylibrary .ml-list li.ml-checkbox label:hover {
background-color: #eee;
padding: 7px 6px 5px 8px;
}

/*¥Ý¥Ã¥×¥¢¥Ã¥×¥¦¥£¥ó¥É¥¦*/
#mylibrary .ml-win,#mylibrary .ml-win > div,#mylibrary .ml-win > div > div,
#mylibrary .ml-win01,#mylibrary .ml-win01 > div,#mylibrary .ml-win01 > div > div {
background: url(//p.dmm.co.jp/p/ds/mylibrary/parts_win.png) no-repeat scroll 0 0;
}
#mylibrary .ml-win,
#mylibrary .ml-win01 {
padding: 1px 0;
background-position: -1600px 100%;
position: absolute;
width: 770px;
}
#mylibrary .ml-win > div,
#mylibrary .ml-win01 > div {
margin-bottom: 18px;
padding-top: 1px;
}
#mylibrary .ml-win > div > div,
#mylibrary .ml-win01 > div > div {
margin-top: 12px;
padding: 0 18px 0 12px;
background-position: -800px 100%;
background-repeat: repeat-y;
}

#mylibrary .ml-win.ml-win-sm,#mylibrary .ml-win.ml-win-sm > div,
#mylibrary .ml-win.ml-win-sm > div > div,
#mylibrary .ml-win01.ml-win-sm01,#mylibrary .ml-win01.ml-win-sm01 > div,
#mylibrary .ml-win01.ml-win-sm01 > div > div {
background-image: url(//p.dmm.co.jp/p/ds/mylibrary/parts_win_sm.png)
}
#mylibrary .ml-win.ml-win-sm,
#mylibrary .ml-win01.ml-win-sm01 {
width: 290px;
background-position: -600px 100%;
}
#mylibrary .ml-win.ml-win-sm > div > div,
#mylibrary .ml-win01.ml-win-sm01 > div > div {
background-position: -300px 100%;
}

/*¥Ý¥Ã¥×¥¢¥Ã¥×¥¦¥£¥ó¥É¥¦ Ìð°õ¡¡°ÌÃÖ¤ÏÍ×Ä´À°¡¡*/
#mylibrary .ml-win .ml-win-arrow {
position: relative;
}
#mylibrary .ml-win .ml-win-arrow > span {
position: absolute;
display: block;
width: 20px;
height: 20px;
background: url(//p.dmm.co.jp/p/ds/mylibrary/parts_win_sm.png) no-repeat scroll -900px 0;
top: -31px;
right: 40px;
}
#mylibrary .ml-win .ml-win-arrow > span.ml-left {
background-position: -920px 0;
top: 20px;
right: 0;
left: -30px;
}

#mylibrary .ml-win-capt {
color: #fff;
margin-bottom: 6px;
font-size: 14px;
text-align: left;
}

/*¥Ý¥Ã¥×¥¢¥Ã¥×¥¦¥£¥ó¥É¥¦ Ãæ¿È¥Ñ¡¼¥Ä¡¡*/
#mylibrary .ml-win.ml-win-sm .max {
padding: 6px 0 6px 18px;
color: #fff;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 0 -1743px;
text-align: left;
}

/* ============================================================ ¥¢¥¤¥³¥ó´ØÏ¢ */
/*¥¢¥¤¥³¥ó*/

#mylibrary .ml-btn span.ml-ico {
display: inline-block;
width: 18px;
height: 15px;
margin: -2px -6px -2px 6px;
float: left;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll;
vertical-align: middle;
}

/*¸ÇÄê¥Ê¥Ó¡¡¥Þ¥¤¥ê¥¹¥ÈÊÔ½¸*/
#mylibrary .box-editmylist .delete span.ml-ico {
background-position: 0 -850px;
}
#mylibrary .box-editmylist .edit span.ml-ico {
background-position: 0 -950px;
}

/*¥Þ¥¤¥ê¥¹¥ÈÅÐÏ¿*/
#mylibrary .box-addmylist .ml-btn > input,
#mylibrary .box-addmylist  .ml-btn.add > input {
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 5px -896px;
}
#mylibrary .box-addmylist .ml-btn.complete > input {
background-position: 5px -1647px;
}
#mylibrary .box-addmylist .edit span.ml-ico {
background-position: 0 -950px;
}

/*ÊĤ¸¤ë¥Ü¥¿¥ó*/
#mylibrary .ml-win-sm .btn-close,
#mylibrary .ml-win .btn-close {
position: absolute;
display: block;
right: 8px;
top: 3px;
width: 40px;
height: 40px;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 14px -37px;
cursor: pointer;
z-index: 200;
}
#mylibrary .ml-win-sm .btn-close:hover,
#mylibrary .ml-win .btn-close:hover {
background-position: 14px -87px;
}

/*ÊĤ¸¤ë¥Ü¥¿¥ó ¾ÜºÙ*/
#mylibrary .ml-win.wrap-detail .btn-close {background-position: 10px 15px;}
#mylibrary .ml-win.wrap-detail .btn-close:hover {background-position: 10px -85px;}
#mylibrary .ml-win.wrap-detail .ml-win-sm .btn-close {background-position: 14px -37px;}
#mylibrary .ml-win.wrap-detail .ml-win-sm .btn-close:hover {background-position: 14px -87px;}

/* ¥Þ¥¤¥ê¥¹¥ÈÅÐÏ¿¤È¥·¡¼¥¯¥ì¥Ã¥È */
#mylibrary .wrap-detail .title-detail .ml-item span,
#mylibrary .wrap-detail .title-detail .ml-item a {
display: block;
padding: 6px 0 6px 28px;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 5px -1093px;
cursor: pointer;
}
#mylibrary .wrap-detail .title-detail .secret-off span {background-position: 5px -1143px;}
#mylibrary .wrap-detail .title-detail .secret-on span {background-position: 5px -1193px;}
#mylibrary .wrap-detail .title-detail .review a {background-position: 5px -1243px;}

/* ºÆÀ¸¥Ü¥¿¥ó¸«½Ð¤· */
#mylibrary .wrap-detail .item-format .wrap-btns .item-view > .capt {
position: absolute;
top:6px;
left: 8px;
width: 120px;
padding: 0 0 0 10px;
text-align: center;
font-size: 14px;
font-weight: bold;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 0 -1348px;
}
#mylibrary .wrap-detail .item-format.item-dl .wrap-btns .item-view > .capt,
#mylibrary .wrap-detail .item-format.item-hddl .wrap-btns .item-view > .capt {background-position: 0 -1448px;}
#mylibrary .wrap-detail .item-format.item-ts .wrap-btns .item-view > .capt {background-position: 0 -1548px;}

/* ºÆÀ¸¥Ü¥¿¥ó¡¡¥Ñ¥Ã¥¯ */
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li p.btn .ml-ico {
display: inline-block;
width: 20px;
height: 20px;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 2px -1348px;
vertical-align: middle;
}
#mylibrary .wrap-detail .item-format.item-dl .wrap-btns-pack ul li p.btn .ml-ico {background-position: 2px -1448px;}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li a:hover p.btn .ml-ico {background-position: 2px -1398px;}
#mylibrary .wrap-detail .item-format.item-dl .wrap-btns-pack ul li a:hover p.btn .ml-ico {background-position: 2px -1498px;}

/*ñÂΥܥ¿¥ó¥¢¥¤¥³¥ó*/
#mylibrary .wrap-detail .item-format.item-dl .wrap-btns-s span.ml-ico {background-position: 0 -1450px;}
#mylibrary .wrap-detail .item-format.item-ts .wrap-btns-s span.ml-ico {
width: 8px;
background-position: 0 -1550px;
}
#mylibrary .wrap-detail .item-format .ml-btn.btn-live span.ml-ico {
width: 8px;
background-position: 0 -1650px;
}
#mylibrary .wrap-detail .item-format .wrap-dlall .ml-btn > * {width: 191px;}
#mylibrary .wrap-detail .item-format .wrap-dlall .ml-btn span.ml-ico {
background-position: 0 -1451px;
margin: -2px -2px -2px 2px;
}

/*¥Þ¥¤¥ê¥¹¥È¥á¥Ë¥å¡¼*/
#mylibrary .mylibrary-menu .menu-capt li .capt .ml-ico {
display: inline-block;
width: 15px;
height: 18px;
margin-right: 6px;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll;
vertical-align: middle;
}
#mylibrary .mylibrary-menu .menu-capt li.ml-tool .capt .ml-ico {background-position: 0px -150px;}
#mylibrary .mylibrary-menu .menu-capt li.ml-tool:hover .capt .ml-ico {background-position: 0px -250px;}
#mylibrary .mylibrary-menu .menu-capt li.ml-help .capt .ml-ico {background-position: 0px -300px;}
#mylibrary .mylibrary-menu .menu-capt li.ml-help:hover .capt .ml-ico {background-position: 0px -400px;}
#mylibrary .mylibrary-menu .menu-capt li.ml-mylist .capt .ml-ico {background-position: 0 -450px;}
#mylibrary .mylibrary-menu .menu-capt li.ml-mylist:hover .capt .ml-ico {background-position: 0px -550px;}

#mylibrary .ml-win .ml-win-capt .ml-ico {
display: inline-block;
width: 18px;
height: 18px;
margin: 0 6px 0 0;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll;
vertical-align: middle;
}
#mylibrary li.ml-tool .ml-win .ml-win-capt .ml-ico {background-position: 0px -200px;}
#mylibrary li.ml-help .ml-win .ml-win-capt .ml-ico {background-position: 0px -350px;}
#mylibrary li.ml-mylist .ml-win .ml-win-capt .ml-ico {background-position: 0px -500px;}


#mylibrary .mylibrary-menu li.ml-tool .ml-list li.on span,
#mylibrary .set-menu li.ml-tool .ml-list li.on span {/*¤ªÄ¾¤·*/
color: #333;
font-weight:  bold;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 8px -593px;
}

#mylibrary .mylibrary-menu .ml-win .delete .ml-btn > span{
width: 247px;
}
#mylibrary .mylibrary-menu .ml-win .delete span.ml-ico {
background-position: 0 -850px;
}


/* ¥·¡¼¥¯¥ì¥Ã¥È */
#mylibrary .mylibrary-menu .ml-win .secret .ml-ico {
display: inline-block;
width: 24px;
height:26px;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 0 -1145px;
vertical-align: middle;
}


/* ¥Þ¥¤¥ê¥¹¥È¡¡ºÆÀ¸¥Ü¥¿¥ó */
#mylibrary .list-title .play {
position: absolute;
top: 0;
left:0;
}
#mylibrary .list-title .play .ml-ico {
display: block;
width: 35px;
height: 35px;
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 10px -1340px;
}
#mylibrary .list-title .play a:hover .ml-ico {
background-position: 10px -1390px;
}


/* ¥½¡¼¥È */
#mylibrary .box-sort .ml-btn > input {
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 5px -746px;
}

/* ¥Þ¥¤¥ê¥¹¥ÈÄɲà */
#mylibrary .create .ml-btn > input {
background: url(//p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat scroll 5px -796px;
}


/* ========================== mylibrary.css */
#mylibrary * {
line-height: 1.5;
}
#mylibrary .d-capt,
#mylibrary .d-sect {
/*width: 90%;*/
width: 95%;
margin-left: auto;
margin-right:auto;
}
#mylibrary .d-capt {
position: relative;
margin-bottom:  0;
z-index: 10;
}
#mylibrary .d-capt .tx-service {
font-size: 12px;
}
#mylibrary .d-capt .tx-service a {
top: 0;
margin: 0 0 0 3px;
}

/*¾åÉô¸ÇÄê*/
#mylibrary .fs-fixed {
min-width: 916px;
background-color: #fff;
}
#mylibrary .box-fixnav {
position: relative;
padding-top:  20px;
}
#mylibrary .box-fixnav {
width: 95%;
margin: 0 auto;
}

/*Ãí¼á*/
#mylibrary .d-item > .infomation {
text-align: center;
padding: 20px 0;
font-size: 14px;
text-align: left;
}

/* ¥á¥ó¥Æ¥Ê¥ó¥¹¹ðÃÎ */
#mylibrary .d-announcement {margin: 15px 5% 20px;}

/* ¥Ë¥å¡¼¥¹ */
#mylibrary .area-news {
margin: 15px 5% 0px;
border: 3px #E1E1E1 solid;
padding: 8px 12px;
}
#mylibrary .area-news > .capt {
margin-bottom: 3px;
padding-bottom: 3px;
font-size: 14px;
border-bottom: 1px #999 dotted;
font-weight: bold;
}
#mylibrary .area-news dl {
margin: 0 auto;
}
#mylibrary .area-news dl dt {
width: 8em;
padding-top: 8px;
font-size: 10px;
white-space: nowrap;
}

/*¥½¡¼¥È¹àÌÜ*/
#mylibrary .box-sort {
padding-bottom: 20px;
}
#mylibrary .box-sort:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
#mylibrary .box-sort{zoom:1}

/* =========================================== ¥Ý¥Ã¥×¥¢¥Ã¥×¡¡¥Þ¥¤¥ê¥¹¥Èºï½ü */
/*ɽ¼¨À©¸æ*/
#mylibrary #js-editlist {
display: none;
}

/*ÇØ·Ê*/
#mylibrary .wrap-edit-mylist {
position: absolute;
left:50%;
width: 285px;
margin-left: -145px;
padding-top:1px;
text-align: left;
z-index: 1001;
}
#mylibrary .sect-edit-mylist .delete {
padding: 6px 0;
text-align: center;
}
#mylibrary .sect-edit-mylist input {
margin-right: 6px;
}

/* =========================================== ¥Ø¥ë¥× */
#mylibrary .area-guide {
margin: 15px 5% 0px;
border: 3px #E1E1E1 solid;
padding: 12px 0 0;
}
#mylibrary .area-guide .ml-item {
float: left;
width: 45%;
margin-right:-1px;
}
#mylibrary .area-guide .ml-item dl {
margin-bottom: 20px;
padding: 0 10px;
}
#mylibrary .area-guide .ml-item dt {
font-weight:bold;
}
#mylibrary .area-guide .ml-item dd {
margin: 3px 0 12px;
padding-left: 6px;
}
#mylibrary .area-guide .ml-item dd p {
margin-top: 12px;
}
#mylibrary .area-guide .ml-item dd li {
padding-left: 7px;
background: url(//p.dmm.co.jp/p/common/marker.gif) no-repeat 0 0.5em;
}


/* ========================== list.css */


#mylibrary .list-title ul {
width: 100%;
}
#mylibrary .list-title ul > li {
float: left;
width: 24%;
margin: 0 -1px -1px 0;
border: 1px #ccc solid;
}
#mylibrary .list-title ul > li > div {
margin: 0 auto;
padding: 10px;
}
#mylibrary .list-title ul.list-default > li > div {
min-height: 200px;
}
#mylibrary .list-title ul > li {
position: relative;
background: #fff;
}
#mylibrary .status {
position: absolute;
right: 10px;
top: 10px;
}
#mylibrary .list-title ul.list-default > li > div:hover {
cursor: pointer;
border: 6px #eee solid;
padding: 4px;
}

#mylibrary span[class^="ico-st-"]{
display:inline-block;
width: 26px;
height:14px;
line-height:14px;
overflow:hidden;
background:#fff url(//p.dmm.co.jp/p/list/ico_status.gif) no-repeat;
font-size: 7px;
}
#mylibrary span[class^="ico-st-"] span{
position:absolute;
z-index:-1;
}
#d-ie7 #mylibrary span[class^="ico-st-"] span{
width: 27px;
}
#mylibrary span.ico-st-latest,
#mylibrary span.ico-st-recent,
#d-ie7 #mylibrary span.ico-st-latest span,
#d-ie7 #mylibrary span.ico-st-recent span {
width: 36px;
}
#main-src .status .ico-st-ticket {
width: 30px;
}
#mylibrary span.ico-st-latest {background-position: 0 0}
#mylibrary span.ico-st-recent {background-position: 0 -25px}
#mylibrary span.ico-st-new {background-position: 0 -50px}
#mylibrary span.ico-st-presale {background-position: 0 -75px}
#mylibrary span.ico-st-reserve {background-position: 0 -100px}
#mylibrary span.ico-st-monopoly {background-position: 0 -125px}
#mylibrary span.ico-st-soon {background-position: 0 -150px}
#mylibrary span.ico-st-undecided {background-position: 0 -175px}
#mylibrary span.ico-st-ticket {background-position: 0 -200px}
#mylibrary span.ico-st-cashback {background-position: 0 -225px}
#mylibrary span.ico-st-ticket span {
width: 30px;
height: 14px;
overflow: hidden;
}

#mylibrary .sublink,
#mylibrary .value {
margin-top: 8px;
}

#mylibrary .list-title ul.list-default .tmb {
margin: 0 -12px;
}
#mylibrary .list-title ul.list-default .tmb .img {
display:table-cell;
vertical-align:middle;
width: 1%;
height: 140px;
margin: -12px;
}
#d-ie7 #mylibrary .list-title ul.list-default .tmb .img {
float: left;
display: block;
width: 100%;
margin: auto;
}
#mylibrary .list-title ul.list-default .tmb .img img {
display: block;
margin: auto;
max-height: 120px;
}
#mylibrary .list-title ul.list-default .tmb:hover a .img img {
background: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#d-ie7 #mylibrary .list-title ul.list-default .tmb .img img {
margin-top: 18px;
padding: 12px;
}
#mylibrary .tmb .txt {
display: block;
height: 3em;
margin: 0 12px 0;
padding-top: 6px;
border-top: 1px #ccc dotted;
font-weight: bold;
overflow: hidden;
}

#mylibrary .value p {
height: 2em;
}
#mylibrary .value .txt {
color: #666;
}

#mylibrary .list-title .limit {
position: absolute;
bottom: 6px;
left: 6px;
right: 6px;
padding: 8px 0 0 2px;
font-size: 10px;
background: #fff;
}
#mylibrary .list-title .limit dt {
float: left;
padding-right: 6px;
letter-spacing: -1px;
color: #999;
}
#mylibrary .list-title .limit dd {
color: #c00;
letter-spacing: -1px;
white-space: normal;/*14/10/08 ÄɲÃ*/
}
#mylibrary .list-title .limit em {
color: #c00;
font-style: normal;
}

/*»ëÄ°´ü¸Â ¥Æ¥­¥¹¥È¥ê¥¹¥È*/
/*14/04/28 ÄɲÃ*/
#mylibrary.list-tx .list-title .limit {
position: static;
padding: 0;
background: none;
font-size: 12px;
}
#mylibrary.list-tx .list-title .limit dl {
width: 163px;
font-size: 10px;
}

#mylibrary .view-detail {
display: none;
position: absolute;
background: rgba(0,0,0,0.7);
bottom: 0;
left: 0;
width: 100%;
padding: 12px 0;
color: #fff;
text-align: center;
font-size: 14px;
}
#mylibrary .list-title ul.list-default > li > div:hover .view-detail {
display: block;
}

/*¡¡¥Þ¥¤¥ê¥¹¥È¡¡ÊÔ½¸Ãæ²èÌÌ¡¡*/
#mylibrary .list-title ul.list-edit > li {
width: 100%;
float: none;
}
#mylibrary .list-title ul.list-edit > li {
position: relative;
border: 1px #ccc solid;
height: 80px;
margin-bottom: -1px;
}
#mylibrary .list-title ul.list-edit > li > div {
height: 60px;
padding: 6px;
}
#mylibrary .list-title ul.list-edit > li > div:hover {
cursor: pointer;
border: 6px #eee solid;
padding: 0px;
height: 68px;
background: #fff url(//p.dmm.co.jp/p/ds/mylibrary/bg_itemsort.png) no-repeat scroll 98% 50%;
}
#mylibrary .list-title ul.list-edit .tmb {
display: table;
}
#mylibrary .list-title ul.list-edit .tmb > span {
display: table-cell;
vertical-align: middle;
}
#mylibrary .list-title ul.list-edit .img {
display: table-cell;
height: 68px;
left:57px;
text-align: center;
}
#mylibrary .list-title ul.list-edit .img img {
max-width: 50px;
max-height: 68px;
}
#mylibrary .list-title ul.list-edit .tmb .txt {
border: none;
padding: 0 0 0 10px;
}
#mylibrary .list-title ul.list-edit .limit,
#mylibrary .list-title ul.list-edit .status {
display: none;
}

/*¾ÜºÙ¤ò¸«¤ëÈóɽ¼¨*/
#mylibrary .list-title ul.list-default > li > div:hover .view-detail {
display: none;
}

#mylibrary .list-title ul.list-edit .play {display: none;}

/*¥Þ¥¤¥ê¥¹¥È¤Ç¤Îɽ¼¨*/
#mylibrary.ml-mylist .list-title .list-edit span.ml-checkbox {display: none;}


/* ========================== navmylist.css */

/*¥á¥Ë¥å¡¼*/
#mylibrary .mylibrary-menu .menu-capt{
padding-top: 3px;
font-size: 12px;
}
#mylibrary .mylibrary-menu .menu-capt > li {
display: inline-block;
padding: 0;
border-left: 1px #aaa dotted;
border-right: 1px #aaa dotted;
cursor: default;
}
#mylibrary .mylibrary-menu .menu-capt li:hover .capt {
color: #c00;
}
#mylibrary .mylibrary-menu .menu-capt li + li {
border-left: none;
}
#mylibrary .mylibrary-menu .menu-capt .capt {
display: inline-block;
padding:  4px 20px 12px;
margin: -4px 0 -12px 0;
font-weight: bold;
letter-spacing: 0.1em;
}

/*ɽ¼¨¡¡°ÌÃÖÅù*/
#mylibrary .mylibrary-menu .ml-win,
#mylibrary .set-menu .ml-win {
position: absolute;
display: none;
/*top: 32px;*/
top: 57px;
right: 0;
width: 290px;
font-size: 12px;
text-align: left;
z-index: 1000;
}
#mylibrary .mylibrary-menu li.ml-tool .ml-win {right: 30px;}
#mylibrary .mylibrary-menu li.ml-tool .ml-win .ml-win-arrow > span {right: 115px;}
#mylibrary .mylibrary-menu li.ml-mylist {}

#mylibrary .set-menu li.ml-tool .ml-win {right: -10px; top:35px;}
#mylibrary .set-menu li.ml-tool .ml-win .ml-win-arrow > span {right: 0;}
#mylibrary .set-menu li.ml-mylist {}


#mylibrary .mylibrary-menu li .box-mlmylist {font-size: 12px;}
#mylibrary .mylibrary-menu .ml-win .ml-list {margin: 6px 0;}
#mylibrary .mylibrary-menu li.ml-tool .ml-win .ml-list span {
padding-left: 30px;
color: #999;
}
#mylibrary .set-menu li .box-mlmylist {font-size: 12px;}
#mylibrary .set-menu .ml-win .ml-list {margin: 6px 0;}
#mylibrary .set-menu li.ml-tool .ml-win .ml-list span {
padding-left: 30px;
color: #999;
}

/*¥Þ¥¤¥ê¥¹¥È¥á¥Ë¥å¡¼*/
#mylibrary .box-mlmylist {position: relative;}
#mylibrary .box-mlmylist #edit-mylist {margin-right: 6px;}


#mylibrary .box-mlmylist .ml-list li span.max {background: #eee;}

#mylibrary .mylibrary-menu .ml-win .secret {text-align: right;}
#mylibrary .mylibrary-menu .ml-win .secret a {color: #fff;}
#mylibrary .mylibrary-menu .ml-win .info-link a {color: #fff;}
#mylibrary .mylibrary-menu .ml-win .info-link a + a {margin-left: 6px;}

#mylibrary .set-menu .ml-win .secret {text-align: right;}
#mylibrary .set-menu .ml-win .secret a {color: #fff;}
#mylibrary .set-menu .ml-win .info-link a {color: #fff;}
#mylibrary .set-menu .ml-win .info-link a + a {margin-left: 6px;}


/* ========================== box-addmylist.css */

/*¥Þ¥¤¥ê¥¹¥ÈÊÔ½¸*/
#mylibrary .box-editmylist {
position:  absolute;
top: 20px;
right: 0;
}
#mylibrary .box-editmylist ul li {display: inline-block;}
#mylibrary .box-editmylist .ml-btn > button {width: 100px;}


/*¥Þ¥¤¥ê¥¹¥ÈÅÐÏ¿*/
#mylibrary .box-addmylist {
position: relative;
height: 40px;
margin-top:-10px;
min-width: 973px;
}
#mylibrary .box-addmylist em {
padding: 0 8px;
font-style: normal;
font-weight: bold;
}
#mylibrary .box-addmylist label {
display: inline-block;
}
#mylibrary .box-addmylist input[type="radio"] {
margin: auto 6px auto 0;
}
#mylibrary .box-addmylist label + label {
margin-left: 2px;
padding-left: 8px;
border-left: 1px #fff solid;
}
#mylibrary .box-addmylist label + label span.ml-btn {
vertical-align: middle;
}
#mylibrary .box-addmylist label + label span.ml-btn:hover {
top:0px;
}
#mylibrary .box-addmylist .ml-form + em {
margin-left: 3px;
}
#mylibrary .box-addmylist .box-checkswitch p {
position: absolute;
left: 0px;
bottom:0;
overflow: hidden;
width: 52px;
height:40px;
}
#mylibrary .box-addmylist .box-checkswitch .ml-checkbox {
position: absolute;
left: 0;
right: 0;
bottom: -3px;
top: 0;
background: #eee;
border: 1px #ccc solid;
border-radius: 3px;
text-align: center;
}
#mylibrary .box-addmylist .box-checkswitch .ml-checkbox label {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
border-radius: 3px;
}
#mylibrary .box-addmylist .box-checkswitch .ml-checkbox label input {
margin-top: 12px;
}

/* ¥Ä¡¼¥ë¥Á¥Ã¥× */
#mylibrary .box-addmylist .box-checkswitch .ml-tooltip {
visibility: hidden;
position: absolute;
top: -28px;
left: -15px;
display: block;
background: url(//p.dmm.co.jp/p/ds/mylibrary/bg_tooltip_check.png) no-repeat scroll 0 0;
width: 81px;
height: 30px;
padding-top: 3px;
color: #fff;
text-align: center;
z-index: 10;
}
#mylibrary .box-addmylist .box-addmylist-select,
#mylibrary .box-addmylist .box-remane {
display: inline-block;
position: relative;
left: 70px;
padding: 4px;
background: #ffcd65;
border-radius: 3px;
}
#mylibrary .box-addmylist .box-remane {
left:0;
}
#mylibrary .box-addmylist .box-addmylist-select .check-arrow {
display: block;
position: absolute;
top: 10px;
left: -24px;
border: solid;
border-width: 6px 12px;
border-color: transparent #ffcd65 transparent transparent;
width:0;
height:0;
}
#mylibrary .box-addmylist .box-remane em {
}

/* on off À©¸æ */
#mylibrary .box-addmylist .box-addmylist-select.off {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
background: #eee;
}
#mylibrary .box-addmylist .box-addmylist-select.off .check-arrow {
border-right-color: #eee;
}
#mylibrary .box-addmylist .box-btn {
position: absolute;
right: 0;
top: 4px;
}
#mylibrary .box-addmylist .box-btn li {
display: inline-block;
}
#mylibrary .box-addmylist .box-btn li .ml-btn > * {width: 100px;}
#mylibrary .box-addmylist .box-remane.off {background: #eee;}

#mylibrary .box-addmylist:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
#mylibrary .box-addmylist {zoom:1}

/*¥Þ¥¤¥ê¥¹¥È¤Ç¤Îɽ¼¨*/
#mylibrary.ml-mylist .box-addmylist.list-edit {display: none;}
#mylibrary.ml-mylist .box-editmylist .cancel {display: none;}

/* ========================== wrap-detail.css */


/* =========================================== ¥Ý¥Ã¥×¥¢¥Ã¥× */
/*ɽ¼¨À©¸æ*/
#mylibrary #js-detail {
display: none;
}
/*Ãæ¿È*/
.wrap-detail {
left:50%;
margin-left: -425px;
text-align: left;
z-index: 1001;
top:30px;
}

/*Ãæ¿È ¥ì¥¤¥¢¥¦¥ÈÀ©¸æ*/
.wrap-column {
position: relative;
}
.title-detail {
position: absolute;
width: 150px;
top: 0;
bottom: 0;
}
.box-product {
position: relative;
left: 158px;
width: 580px;
padding: 1px;

min-height: 500px;

background: #fff;
overflow: hidden;
}


/*ÈÆÍÑ*/
#mylibrary .wrap-detail em {
font-style: normal;
color: #c00;
}


/*¥Ñ¥Ã¥±¤ÈºîÉʾðÊó*/
#mylibrary .wrap-detail .title-detail {
text-align: center;
}
#mylibrary .wrap-detail .title-detail .wrap-pic {
display: block;
background: #fff;
}
#mylibrary .wrap-detail .title-detail .package {
height: auto;
max-height: 120px;
margin: 6px;
}
#mylibrary .wrap-detail .title-detail .date {
margin: 6px 0;
color: #fff;
font-size: 11px;
}
#mylibrary .wrap-detail .title-detail .limit {
margin: 6px 0;
text-align: center;
background: #fff;
text-align: center;
}
#mylibrary .wrap-detail .title-detail .limit dl dt,
#mylibrary .wrap-detail .title-detail .limit dl dd {
background: #fff;
}
#mylibrary .wrap-detail .title-detail .limit dl dt {
float: none;
padding:6px 0 0;
font-size: 10px;
}
#mylibrary .wrap-detail .title-detail .limit dl dd {
padding:0 0 6px;
color: #c00;
}
#mylibrary .wrap-detail .title-detail .limit dl dd + dt {
border-top: 1px #999 dotted;
}

/*¥Þ¥¤¥ê¥¹¥ÈÅÐÏ¿¤È¥·¡¼¥¯¥ì¥Ã¥È*/
#mylibrary .wrap-detail .title-detail .ml-item span:hover,
#mylibrary .wrap-detail .title-detail .ml-item a:hover {
background-color: #666;
text-decoration: none;
}
#mylibrary .wrap-detail .title-detail .addlist,
#mylibrary .wrap-detail .title-detail .secret-off,
#mylibrary .wrap-detail .title-detail .secret-on,
#mylibrary .wrap-detail .title-detail .review {
color: #fff;
text-align: left;
}
#mylibrary .wrap-detail .title-detail .review a {
color: #fff;
text-align: left;
}


/*¥Þ¥¤¥ê¥¹¥ÈÅÐÏ¿*/
#mylibrary .wrap-detail .title-detail .wrap-mylist-add {
position: relative;
padding-top: 1px;
}

/* ɽ¼¨À©¸æ */
#mylibrary .wrap-detail .title-detail .list-mylist-add {
display: none;
}

#mylibrary .wrap-detail .title-detail .list-mylist-add {
position: absolute;
top: -100px;
left: 165px;
z-index: 2000;
}
#mylibrary .wrap-detail .title-detail .list-mylist-add .ml-win-arrow > span {top: 90px;}
#mylibrary .wrap-detail .title-detail .list-mylist-add form {display: block;}

#mylibrary .wrap-detail .title-detail .wrap-mylist-add label input {margin-right: 6px;}
#mylibrary .wrap-detail .title-detail .wrap-mylist-add .create,
#mylibrary .wrap-detail .title-detail .wrap-mylist-add .complete,
#mylibrary .wrap-detail .title-detail .wrap-mylist-add .cancel {
margin-top: 12px;
}


/*¥Þ¥¤¥ê¥¹¥ÈÅÐÏ¿¡¡É½¼¨À©¸æ*/
#mylibrary .wrap-detail .title-detail #js-addlistbox .list-mylist-add {
display: none;
}

/*¥·¡¼¥¯¥ì¥Ã¥È*/
#mylibrary .wrap-detail .title-detail .secret {
padding: 12px 0;
}

/*ºîÉÊ¥¿¥¤¥È¥ë*/
#mylibrary .wrap-detail .box-product .title {
padding: 6px 12px;
background: #eee;
}
#mylibrary .wrap-detail .box-product .sub-title {
margin-top: 6px;
font-size: 12px;
font-weight: normal;
}
#mylibrary .wrap-detail .box-product .intro-link {
margin-top: 6px;
font-size: 12px;
font-weight: normal;
}
#mylibrary .wrap-detail .box-product .title > cite {
font-size: 14px;
font-weight: bold;
font-style: normal;
}

/*Ãí¼áÅù*/
#mylibrary .wrap-detail .infomation {
text-align: left;
padding: 6px 10px;
background: #eee;
}
#mylibrary .wrap-detail .infomation > strong {
font-weight: normal;
color: #c00;
}

/* ÇÛ¿®ÆâÍÆ */
#mylibrary .wrap-detail .box-product .dv-capt {
padding: 12px;
}

#mylibrary .wrap-detail .box-product-sect {
padding: 15px;
}
#mylibrary .wrap-detail .box-product-sect > div {
display: none;
}

/*ºÆÀ¸¥Ü¥¿¥ó¤Þ¤ï¤ê*/
/* ============================================== #mylibrary .wrap-detail .item-format */
#mylibrary .wrap-detail .item-format {
padding-bottom:  20px;
}
#mylibrary .wrap-detail .item-format > .capt {
position: relative;
margin-bottom: 20px;
color: #333;
font-size: 12px;
border-bottom: 1px #999 dotted;
}
#mylibrary .wrap-detail .item-format > .capt span {
display: inline-block;
background: #fff;
margin-bottom: -0.6em;
padding-right: 12px;
font-size: 14px;
font-weight: bold;
}
#mylibrary .wrap-detail .item-format .ico-playback {
display: inline-block;
padding-left: 18px;
background: url(//p.dmm.com/p/ds/mylibrary/ico_play.svg) no-repeat left center;
}

/* ============================================== #mylibrary .wrap-detail .item-format .item-view */

#mylibrary .wrap-detail .item-format .file-size {
margin-left: 6px;
font-size: 10px;
}
#mylibrary .wrap-detail .item-format .capt-player {
position: relative;
font-size:10px;
color: #666;
letter-spacing: 1px;
padding:5px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align: left;
}
#mylibrary .wrap-detail .item-format .capt-player a {
margin-left: 15px;
letter-spacing: 0;
}
#mylibrary .wrap-detail .item-format .capt-bps {
font-size:10px;
color: #666;
}
#mylibrary .wrap-detail .item-format .capt-lod-player {
margin: -15px 0 12px;
font-size: 10px;
}

/* ============================================== #mylibrary .wrap-detail .item-format .wrap-free */
#mylibrary .wrap-detail .item-format .wrap-free {margin-bottom: 12px;}
#mylibrary .wrap-detail .item-format .wrap-free .capt-free {
font-size: 14px;
letter-spacing: 1px;
color: #c00;
font-weight: bold;
}
#mylibrary .wrap-detail .item-format .wrap-free .wrap-btns-pack {
margin-top: 3px;
border-color: #e99;
background: #fee;
}

/* ============================================== #mylibrary .wrap-detail .item-format .wrap-btns */

#mylibrary .wrap-detail .item-format .wrap-btns {
position: relative;
display: inline-block;
margin: 5px 0 15px;
padding:3px 0 0 140px;
background: #efefef url(//p.dmm.co.jp/p/ds/mylibrary/parts.png) repeat-x scroll 0 -100px;
border: 1px #ccc solid;
border-radius: 3px;
}
#mylibrary .wrap-detail .item-format .wrap-btns ul {
clear: both;
}
#mylibrary .wrap-detail .item-format .wrap-btns ul li {
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding: 0 4px 3px 0;
float: left;
}
#mylibrary .wrap-detail .item-format .wrap-btns ul:after {
content:"";
clear: both;
display: block;
}

#mylibrary .wrap-detail .item-format .wrap-btns + .tx10.red,
#mylibrary .wrap-detail .item-format .wrap-btns-s + .tx10.red {
margin-top: -12px;
}

/* ============================================== #mylibrary .wrap-detail .item-format .wrap-btns-s */
#mylibrary .wrap-detail .item-format .wrap-btns-s {
margin: 5px 0 15px;
}

/* ============================================== ¥Ñ¥Ã¥¯¥¢¥ó¥«¡¼ */
#mylibrary .wrap-detail .item-format .pack-anchor {
margin: -20px 0 8px;
text-align:  right;
}
#mylibrary .wrap-detail .item-format .pack-anchor li {
display: inline-block;
margin-left: 6px;
text-align: right;
font-size: 10px;
}



/* ============================================== #mylibrary .wrap-detail .item-format .wrap-btns-pack ¥Ñ¥Ã¥¯¾¦ÉÊ */
#mylibrary .wrap-detail .item-format .wrap-btns-pack {
border: 1px #ccc solid;
background: #eee;
}

#mylibrary .wrap-detail .item-format .wrap-btns-pack ul {
position:  relative;
clear: both;
max-height: 255px;
overflow: auto;
}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li {
width: 100%;
}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li:nth-child(even) {
background: rgba(255,255,255,1);
}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li a {
display: block;
padding: 6px;
}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li p {
vertical-align: middle;
color: #333;
}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li p.btn {
display: inline;
width: 30px;
padding-left: 6px;
padding: 0;
float: left;
}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li p.ttl {
display: inline;
padding-right: 10px;
text-indent: 30px;
overflow: hidden;
}
#mylibrary .wrap-detail .item-format .wrap-btns-pack ul li a:hover {
position:  relative;
text-decoration: none;
top:1px;
}

/* ¤Þ¤È¤á¤Æ¥À¥¦¥ó¥í¡¼¥É */
#mylibrary .wrap-detail .item-format .wrap-dlall {margin: 0px 0 15px;}

/* Ãí¼á */
#mylibrary .wrap-detail .item-format .box-iteminfo {margin: -10px 0 15px;}
#mylibrary .wrap-detail dl.note {margin: 10px 0;}
#mylibrary .wrap-detail dl.note dd {padding-bottom: 10px;}
#mylibrary .wrap-detail dl.note dd + dt {padding-top: 5px;}
#mylibrary .wrap-detail div.note {
margin: 5px 0 10px;
font-size: 12px;
}
#mylibrary .wrap-detail div.note > span.note-caption {
display: block;
border-left: solid 5px #626262;
margin-bottom: 10px;
padding-left: 4px;
line-height: 1;
color: #626262;
font-size: 10px;
font-weight: bold;
}
#mylibrary .wrap-detail div.note p {
margin-top: 6px;
font-size: 10px;
}
#mylibrary .wrap-detail p.note {
margin: 10px;
font-size: 10px;
}
#mylibrary .wrap-detail p.note .note-caption {
display: inline-block;
margin-bottom: 2px;
font-size: 14px;
}
#mylibrary .wrap-detail p.note.-download {margin: 0 0 10px;}

/* .box-info-pq */
#mylibrary .wrap-detail .item-format .box-info-pq {
margin: 20px 0;
border: 1px #ccc solid;
padding: 12px;
}
#mylibrary .wrap-detail .item-format .box-info-pq .pic-qr  {float: left;}
#mylibrary .wrap-detail .item-format .box-info-pq dl {margin-left: 100px;}
#mylibrary .wrap-detail .item-format .box-info-pq dt {
font-weight:  bold;
font-size: 14px;
margin-bottom: 3px;
}

/* iPad only */
#mylibrary .wrap-detail .item-format .info-ios-dmmdlapp {
display: inline-block;
margin-top: 6px;
font-weight: bold;
font-size: 14px;
}
#mylibrary .wrap-detail .item-format .info-ios-dmmdlapp span {
display: inline-block;
width: 1em;
height: 1em;
margin-right: 6px;
font-size: 36px;
vertical-align:-14px;
background: url(//p.dmm.co.jp/p/common/app_ico/ios_dmmdlapp_128.png) no-repeat scroll 0 0;
background-size:1em auto;
-webkit-background-size:1em auto;
}

/* ============================================== #mylibrary .wrap-detail .item-format .dl-player-wrap */
/* ¿·DMM PlayerÍÑ */
#mylibrary .wrap-detail .item-format .dl-player-wrap.is-old {
    border-bottom: 1px dotted #ddd;
}

#mylibrary .wrap-detail .item-format .dl-player-wrap__title {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    display: flex;
}

#mylibrary .wrap-detail .item-format .dl-player-wrap__title::before {
    display: block;
    content: '';
    width: 10px;
    height: 14px;
    margin-right: 7px;
    background-color: #000;
}

#mylibrary .wrap-detail .item-format .dl-player-wrap__title .playerTag {
    background-color: #CC0000;
    color: #fff;
    font-size: 10px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-left: 8px;
    line-height: 14px;
    height: 14px;
}

#mylibrary .wrap-detail .item-format .dl-player-wrap .player-download {
    font-size: 14px;
}

/* ============================================== #mylibrary .wrap-detail .item-format .old-dl-player-wrap */
/* µìDMM PlayerÍÑ */
#mylibrary .wrap-detail .item-format .old-dl-player-wrap__title {
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold;
    display: flex;
}

#mylibrary .wrap-detail .item-format .old-dl-player-wrap__title::before {
    display: block;
    content: '';
    width: 10px;
    height: 14px;
    margin-right: 7px;
    background-color: #000;
}

#mylibrary .wrap-detail .item-format .old-dl-player-wrap__notice {
    background-color: #fff5f5;
    padding: 10px;
    border: solid 1px #cc0000;
    color: #cc0000;
    font-size: 10px;
    margin-bottom: 12px;
    font-feature-settings: "palt" 1;
}

/*ÆÃŵ*/
#mylibrary .wrap-detail .capt-special {
margin: 0 -14px 12px;
padding: 6px 14px 6px;
font-size: 14px;
font-weight: bold;
background-color: #fee;
border-top: 1px #999 solid;
}

/*==============================[ #d-ie7 #mylibrary ]*/
#d-ie7 #mylibrary .ml-btn,
#d-ie7 #mylibrary .ml-btn > *,
#d-ie7 #mylibrary .ml-form,
#d-ie7 #mylibrary .ml-form .ml-form-arrow,
#d-ie7 #mylibrary .ml-btn span.ml-ico,
#d-ie7 #mylibrary .ml-win .ml-win-capt .ml-ico,
#d-ie7 #mylibrary .mylibrary-menu .ml-win .secret .ml-ico,
#d-ie7 #mylibrary .mylibrary-menu .menu-capt > li,
#d-ie7 #mylibrary .mylibrary-menu .menu-capt .capt,
#d-ie7 #mylibrary .mylibrary-menu .menu-capt li .capt .ml-ico,
#d-ie7 #mylibrary .box-addmylist .box-addmylist-select,
#d-ie7 #mylibrary .box-addmylist .box-remane,
#d-ie7 #mylibrary .box-addmylist .box-btn li,
#d-ie7 #mylibrary .box-editmylist ul li,
#d-ie7 #mylibrary .box-addmylist label,
#d-ie7 #mylibrary .wrap-detail .item-format .wrap-btns-pack ul li p.btn .ml-ico,
#d-ie7 #mylibrary .wrap-detail .ml-form.ml-form-bps > span,
#d-ie7 #mylibrary .wrap-detail .item-format .pack-anchor li,
#d-ie7 #mylibrary .wrap-detail .item-format > .capt span,
#d-ie7 #mylibrary .wrap-detail .item-format .wrap-btns {display: inline;}

#d-ie7 #mylibrary .ml-list li > a,
#d-ie7 #mylibrary .ml-list li > span, #mylibrary .ml-list li > label {position: relative;}
#d-ie7 #mylibrary span[class^="ico-st-"] span{width: 26px;}
#d-ie7 #mylibrary .d-capt {z-index: 50;}
#d-ie7 #mylibrary .mylibrary-menu .ml-win {zoom: 1;}

#d-ie7 #mylibrary .list-title ul.list-default .tmb .img {
display: block;
width: 100%;
height: 163px;
margin: -24px auto 1px auto;
}
#d-ie7 #mylibrary .list-title ul.list-default .tmb .img img {
margin-top: 18px;
padding: 12px;
}
#d-ie7 #mylibrary .list-title ul.list-default > li > div:hover .tmb .img img {
padding-left: 0;
}
#d-ie7 #mylibrary .list-title ul > li{zoom: 1;}
#d-ie7 #mylibrary .list-title ul.list-edit .tmb > span {
display: inline;
vertical-align: middle;
}
#d-ie7 #mylibrary .list-title ul.list-edit .tmb span {vertical-align: middle;}
#d-ie7 #mylibrary .wrap-detail .title-detail {z-index: 100;}
#d-ie7 #mylibrary .wrap-detail .title-detail > p {padding-top: 1px;}

/* =========================================== .area-ie-info */
#mylibrary .area-ie-info {
margin: 15px 5% 15px;
padding: 12px;
border: 1px #f35b5b solid;
background: #faf9e1;
}
#mylibrary .area-ie-info dt {
font-size: 14px;
font-weight: bold;
}
#mylibrary .area-ie-info dd {
margin-top: 6px;
}

/* =========================================== .selector */
/*µ¡Ç½Äɲà class*/
#mylibrary .selector {
position: absolute;
height: auto;
top: 5px;
right: 0;
bottom: 14px;
}
#mylibrary .box-btn + .selector {
right: 112px;
}
#mylibrary .box-btn.box-edit + .selector {
right: 218px;
}
#mylibrary .selector > div{
float: right;
padding: 4px 0px 3px 0px;
}
#d-ie7 #mylibrary .selector > .number{ width: 145px;}
#d-ie7 #mylibrary .selector > .style{ width: 125px;}
#d-ie7 #mylibrary .selector > .set{ width: 28px;}
#mylibrary .selector > div > span {
float: left;
padding: 0 6px 0 0;
line-height: 19px;
font-size: 13px;
}
#mylibrary .selector div span + ul{
overflow: hidden;
float: right;
height: 16px;
border: 1px #ccc solid;
border-radius: 3px;
background: #fff;
}
#mylibrary .selector div ul li{
float: left;
width: 28px;
margin: 0;
border-left: 1px #e0e0e0 solid;
font-size: 11px;
text-align: center;
}
#mylibrary .selector div ul.ml-list li{
float: none;
width: 100%;
border-left: none;
font-size: inherit;
text-align: inherit;
}

#mylibrary .selector div ul li:first-child{ border-left: none;}
#mylibrary .selector div ul li.current{
width: 30px;
margin: -1px;
background: #303030;
}
#mylibrary .selector div ul li.current > span{
display: block;
padding: 4px 0 3px;
line-height: 1 !important;
color: #fff;
}
#mylibrary .selector div ul li.current + li { border-left: 1px #303030 solid;}
#mylibrary .selector div ul li.current:first-child {border-radius: 3px 0 0 3px;}
#mylibrary .selector div ul li.current:last-child { border-radius: 0 3px 3px 0;}
#mylibrary .selector div ul li a{
display: block;
padding: 3px 0 2px;
line-height: 1 !important;
}
#mylibrary .selector div ul li p.info-link a {/*¤ªÄ¾¤·*/
display: inline;
padding: 0 0 0 12px;
}
#mylibrary .selector .style ul li a{
width: 28px;
height: 16px;
padding: 0;
border-radius: 3px;
background-color: #fff;
background-image: url(//p.dmm.co.jp/p/common/ico_listselector.png);
background-repeat: none;
}
#mylibrary .selector div ul li a > span,
#mylibrary .selector div ul li span > span{
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
font-size: 5px;
z-index: -1;
}
#mylibrary .selector .style ul li.current > span{
width: 28px;
height: 18px;
margin: 0 auto;
padding: 0;
background-color: #303030;
background-image: url(//p.dmm.co.jp/p/common/ico_listselector.png);
background-repeat: none;
}
#mylibrary .selector .style ul li.pic a { background-position: 0 -19px;}
#mylibrary .selector .style ul li.pic a:hover { background-position: 0 -37px;}
#mylibrary .selector .style ul li.pic.current > span { background-position: -1px 0;}
#mylibrary .selector .style ul li.tx a {background-position: -31px -19px;}
#mylibrary .selector .style ul li.tx a:hover { background-position: -31px -37px;}
#mylibrary .selector .style ul li.tx.current > span { background-position: -31px 0;}

#mylibrary .selector .set ul li.pic > span {
width: 28px;
height: 18px;
margin: 0 auto;
padding: 0;
background-color: #fff;
background-image: url(//p.dmm.co.jp/p/ds/mylibrary/ico_set.png);
background-repeat: none;
}
#mylibrary .selector .set ul li.pic > span { background-position: 0 -18px;}
#mylibrary .selector .set ul li.pic > span:hover { background-position: 0 -36px;}

/*¥Æ¥­¥¹¥È¥ê¥¹¥È*/
#mylibrary.list-tx table#js-list {
margin: 0 auto;
border-collapse: collapse;
border-spacing: 0;
border-bottom: #ccc 1px dotted;
}
#mylibrary.list-tx table#js-list tr th {
width: 1%;
padding: 10px;
border-left: #666 1px dotted;
background: #303030;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
line-height: 12px;
white-space: nowrap;
}
#mylibrary.list-tx table#js-list tr th:first-child {
width: auto;
border-left: none;
}
#mylibrary.list-tx table#js-list tr td {
height: 40px;
padding: 0 10px;
border-left: #ccc 1px dotted;
font-size: 12px;
vertical-align: middle;
white-space: nowrap;
}
#mylibrary.list-tx table#js-list tr td span a {
display: block;
color: #777;
font-size: 11px;
}
#mylibrary.list-tx table#js-list tr.odd td { background: #f3f3f3;}
#mylibrary.list-tx table#js-list tr td:first-child {
position: relative;/*14/04/28ÄɲÃ*/
width: auto;
padding: 0 10px 0 0;
border-left: none;
vertical-align: top;
white-space: normal;
}
#mylibrary.list-tx table#js-list tr.odd td:first-child{ background: #f3f3f3;}

#mylibrary.list-tx table#js-list tr td .ttl {
display: table-cell;
height: 40px;
width: 2000px;
padding: 5px 0 5px 38px;
line-height: 18px;
vertical-align: middle;
font-size: 14px;
font-weight: bold;
}

#mylibrary.list-tx table#js-list tr td .ttl .check + a,
#mylibrary.list-tx table#js-list tr td .ttl .check + span {
padding-left: 5px;
}
#mylibrary.list-tx table#js-list tr td .ttl .check {
display: table-cell;
height: 40px;
padding: 0 10px;
vertical-align: middle;
line-height: 18px;
}
#mylibrary.list-tx table#js-list tr.odd td .ttl .check:hover {
background: #d3e3ff;
}
#mylibrary.list-tx table#js-list tr.even td .ttl .check:hover {
background: #e0ebff;
}
#mylibrary.list-tx table#js-list tr td .ttl a span{
color: #777;
font-size: 11px;
font-weight: normal;
}
#mylibrary.list-tx table#js-list tr td .ttl a .hangaku{
padding: 0 5px 0 0;
color: #c00;
font-size: 12px;
font-weight: bold;
}
#mylibrary.list-tx table#js-list tr td:first-child .status{
display: table-cell;
padding: 0 0 0 10px;
vertical-align: middle;
white-space: nowrap;
}
#mylibrary.list-tx table#js-list tr td:first-child .status > span{
margin: 0 0 0 4px;
}
#mylibrary.list-tx table#js-list tr td .status{
position: relative;
top: auto;
left: auto;
height: 14px;
}
#mylibrary.list-tx table#js-list tr td .status span{ background-color: transparent;}
#mylibrary.list-tx table#js-list tr td .format{
position: relative;
top: auto;
left: auto;
height: 14px;
padding: 0;
text-align: center;
}
#mylibrary.list-tx table#js-list tr td .format span { background-color: transparent;}
#mylibrary.list-tx table#js-list tr td .price {
display: block;
margin: 0;
padding: 3px 0;
font-size: 14px;
font-weight: bold;
line-height: 12px;
}
#mylibrary.list-tx table#js-list tr td .price .tx-sp {
padding: 0 0 0 5px;
color: #c00;
font-size: 12px;
font-weight: bold;
}
#mylibrary.list-tx table#js-list tr td .price span { margin: 0 5px 0 0; }
#mylibrary.list-tx table#js-list tr td .rate {
display: block;
height: auto;
margin: 0;
padding: 0;
color: #777;
font-size: 11px;
}
#mylibrary.list-tx table#js-list tr td .rate.used {
color: #333;
font-weight: bold;
}
#mylibrary.list-tx table#js-list tr td .btn { margin: 3px 0;}
#mylibrary #list-popup {
display: table;
position: absolute;
display: block;
width: 166px;
margin: -230px 0 0 -75px;
padding: 32px 0 51px;
background: url(//p.dmm.co.jp/p/common/bg/list_popup.png) no-repeat;
z-index: 10000;
}
#mylibrary #list-popup span {
display: block;
width: 166px;
height: 130px;
text-align: center;
vertical-align: middle;
}
#mylibrary #list-popup span img {
display: inline-block;
vertical-align: middle;
max-width: 120px;
}
#mylibrary #list-popup span:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}

#d-ie7 #mylibrary.list-tx table#js-list tr td:first-child {
position: relative;
}
#d-ie7 #mylibrary.list-tx table#js-list tr td:first-child .status {
position: absolute;
top: 14px;
right: 10px;
}
#d-ie7 #mylibrary.list-tx table#js-list tr td .ttl {
float: left;
width: auto;
height: auto;
margin: 0 100px 0 0;
}
#d-ie7 #mylibrary.list-tx table#js-list tr td .ttl .check {
display: block;
float:left;
}
#d-ie7 #mylibrary.list-tx table#js-list tr td .ttl a {
display: block;
width: auto;
height: auto;
padding: 10px 0 10px 38px;
}
#d-ie7 #mylibrary.list-tx table#js-list tr td .ttl > span {
display: block;
height: auto;
padding: 10px 0;
}
#d-ie7 #mylibrary #list-popup span { display: block;}
#d-ie7 #mylibrary.list-tx table#js-list tr td .ttl a,
#d-ie7 #mylibrary.list-tx table#js-list tr td .ttl span {
padding: 5px 0 5px 10px;
}
/*HD¥¢¥¤¥³¥ó*/
#mylibrary .ico-hd {
display: inline-block;
margin-right: 6px;
padding:0 6px;
border-radius: 3px;
background-color:#ffda31;
color: #000;
font-size: 11px
}
#mylibrary .wrap-detail .box-product .title > cite .ico-hd {font-size: 12px;}
#mylibrary.list-tx table#js-list tr td .ttl .ico-hd {vertical-align: text-bottom;}

/* ¥Ð¥ó¥À¥¤Ëöü .free-notesÆâ¥Ý¥Ã¥×¥¢¥Ã¥× */
div.free-notes > div{z-index: 1;}

/* base.css¡ÊSPÈǡˤ«¤é°Ü¿¢ ¤³¤³¤«¤é */
.dm-btn{
position:relative;
display:inline-block;
vertical-align:bottom;
text-decoration:none;
line-height:1;
}
#dm-page .dm-btn > a{color:#333;}
.dm-btn > *,
input.dm-btn,
button.dm-btn{
display:block;
width:auto;
height:auto;
padding:0.7em 1em;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
border:1px solid rgba(0, 0, 0, .2);
border-bottom-color:rgba(0, 0, 0, .4);
border-top-color:rgba(0, 0, 0, .1);
color:rgba(0, 0, 0, .8);
text-shadow:1px 1px rgba(255,255,255,.5);
-webkit-text-shadow:1px 1px rgba(255,255,255,.5);
background:linear-gradient(to top, #d9d7d7 0%, #f5f4f4 100%);
background:-webkit-linear-gradient(bottom, #d9d7d7 0%, #f5f4f4 100%);
background:-webkit-gradient(linear, left bottom, left top, color-stop(0%, #d9d7d7),  color-stop(100%, #f5f4f4));
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2) , 0 1px 2px rgba(255, 255, 255, .8) inset;
box-shadow:0 1px 2px rgba(0, 0, 0, .2) , 0 1px 2px rgba(255, 255, 255, .8) inset;
text-shadow:0 1px 1px rgba(255, 255, 255, .8);
text-align:center;
font-size:inherit;
font-weight:bold;
line-height:1;
}
input.dm-btn,
button.dm-btn{
display:inline-block;
width:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
-webkit-appearance:normal;
}
.dm-btn > input,
.dm-btn > button{
width:100%;
}
.dm-btn.dm-btn-strong > *,
input.dm-btn.dm-btn-strong,
button.dm-btn.dm-btn-strong{
text-shadow:1px 1px rgba(255,255,255,0.5);
-webkit-text-shadow:1px 1px rgba(255,255,255,.5);
background:linear-gradient(to top, #ffae00 0%, #fff21b 100%);
background:-webkit-linear-gradient(bottom, #ffae00 0%, #fff21b 100%);
background:-webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffae00),  color-stop(100%, #fff21b));
}
.dm-btn.dm-btn-off > *,
input.dm-btn.dm-btn-off,
button.dm-btn.dm-btn-off{
text-shadow:1px 1px rgba(255,255,255,0.5);
-webkit-text-shadow:1px 1px rgba(255,255,255,0.5);
box-shadow:none;
-webkit-box-shadow:none;
background:linear-gradient(to top, #E7E7E7 0%, #F5F4F4 100%);
background:-webkit-linear-gradient(bottom, #E7E7E7 0%, #F5F4F4 100%);
background:-webkit-gradient(linear, left bottom, left top, color-stop(0%, #E7E7E7),  color-stop(100%, #F5F4F4));
border-bottom-color:rgba(0, 0, 0, .2);
color:rgba(0,0,0,0.3);
}
/* base.css¡ÊSPÈǡˤ«¤é°Ü¿¢ ¤³¤³¤Þ¤Ç */


/*¡ú¡úÊ£¿ô¹ØÆþµ¡Ç½¡§ÄɲÃCSS¡ú¡ú*/
/*¥Ü¥¿¥ó¡§¶¦ÄÌ*/
#w [class^="ds-btn-"] {
position: relative;
width: 216px;
display: block;
margin: 0 auto 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 2px solid transparent;
border-radius: 3px;
opacity: 1;
text-align: center;
cursor: pointer;
transition: opacity .1s ease-in-out;
}
#w [class^="ds-btn-"]:hover {
opacity: .7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
#w [class^="ds-btn-"] input {
width: 100%;
height: 100%;
position: relative;
padding: 0;
border: none;
background: transparent;
font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
font-weight: bold;
cursor: pointer;
}

/*¥Ü¥¿¥ó¡§º£¤¹¤°¹ØÆþ*/
#w .ds-btn-cash {
height: 52px;
border-bottom-color: #d5720c;
background-color: #ff8b12;
line-height: 52px;
}
#w .ds-btn-cash input {
color: #fff !important;
font-size: 20px;
}

/*¥Ü¥¿¥ó¡§¥Ð¥¹¥±¥Ã¥È¤ËÆþ¤ì¤ë*/
#w [class^="ds-btn-bskt"] {
height: 34px;
line-height: 34px;
}
#w [class^="ds-btn-bskt"] input {
color: #6e4519 !important;
font-size: 13px;
outline: none;
}
/*¥Ð¥¹¥±¥Ã¥È¤ËÄɲÃ*/
#w .ds-btn-bskt {
border-bottom-color: #c7992a;
background-color: #ffda31;
}
#w .ds-btn-bskt input {
padding-left: 27px;
outline: none;
}
/*¥Ð¥¹¥±¥Ã¥È¤ò¸«¤ë*/
#w .ds-btn-bskt-add {
border-bottom-color: #c9b793;
background-color: #f3dba7;
}
#w .ds-btn-bskt-add input {
padding-left: 20px;
}

/*¥¢¥¤¥³¥ó*/
#w [class^="ds-btn-bskt"]:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
#w .ds-btn-bskt:before {
width: 27px;
height: 20px;
left: -124px;
background: url(//p.dmm.com/p/ds/common/ico/ico_addcart.png) no-repeat;
content: " ";
}
#w .ds-btn-bskt-add:before {
width: 20px;
height: 20px;
left: -112px;
background: url(//p.dmm.com/p/ds/common/ico/ico_cart.png) no-repeat;
content: " ";
}
/* ÆɹþÃæÍѤΥ¯¥é¥¹¤¬¤Ä¤¤¤Æ¤ë¤È¤­¤Ïloaderɽ¼¨ */
#w .ds-btn-bskt-add.loading:before {
    width: 20px;
    height: 20px;
    left: 0;
    background: url(//p.dmm.co.jp/p/sp/common/loader.gif) no-repeat;
    content: " ";
    background-size: 20px 20px;
    }

/*¥Ñ¡¼¥Ä¡§¥Ð¥ë¡¼¥ó*/
#w .ds-box-bskt {position: relative;}
#w .ds-bskt-balloon {
position: absolute;
z-index: 50;
right: -100%;
bottom: 38px; /* ¥Ü¥¿¥ó¤Î¹â¤µ + 8px */
left: -100%;
width: 18em;
margin: auto;
padding: 1em 0 1em;
color: #fff;
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 1.3;
background-color: #000;
opacity: .75;
z-index: 10000;
}
#w .ds-bskt-balloon:before {
position: absolute;
left: 50%;
bottom: -8px;
margin-left: -8px;
border-width: 8px 8px 0;
border-style: solid;
border-color: #000 transparent;
content: "";
}

/* =========================================== .area-limited ¸ÂÄêÇÛ¿®¥³¥ó¥Æ¥ó¥ÄÍÑ*/
.area-limited {
    padding: 10px 10px 4px;
    text-align: center;
    background: #fff;
    border: 1px solid #c00;
}
.ttl-limited {
    margin: 0;
    color: #c00;
    font-size: 14px;
    font-weight: bold;
}
.txt-limited {
    color: #c00;
}
#w .ds-btn-limited {
    padding: 10px;
    width: 100%;
    border-bottom-color: #107fd3;
    background-color: #2998ff;
    color: #fff;
    font-size: 14px;
    text-decoration:none;
}

/*¡ú¡úVRÂбþ¡§ÄɲÃCSS¡ú¡ú*/
/*Ëöü*/
.area-mv-info.area-vr .bx-device > li > span, #win-mv-info div[class^="dv-vr"] > span {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}
/*Ëöü¡§¥¢¥¤¥³¥ó·Ï*/
.area-mv-info.area-vr .bx-device > li[class*="dv-vr-ios"] > span,
#win-mv-info div[class*="dv-vr-ios"] > span {
    background-image: url(https://p.dmm.co.jp/p/ds/common/ico_vr_ios.svg);
}

.area-mv-info.area-vr .bx-device > li[class*="dv-vr-android"] > span,
#win-mv-info div[class*="dv-vr-android"] > span {
    background-image: url(https://p.dmm.co.jp/p/ds/common/ico_vr_android.svg);
}

.area-mv-info.area-vr .bx-device > li[class*="dv-vr-gearvr"] > span,
#win-mv-info div[class*="dv-vr-gearvr"] > span {
    background-image: url(https://p.dmm.co.jp/p/ds/common/ico_vr_gearvr.svg);
}

.area-mv-info.area-vr .bx-device > li[class*="dv-vr-psvr"] > span,
#win-mv-info div[class*="dv-vr-psvr"] > span {
    background-image: url(https://p.dmm.co.jp/p/ds/common/ico_vr_psvr.svg);
}

.area-mv-info.area-vr .bx-device > li[class*="dv-vr-oculusgo"] > span,
#win-mv-info div[class*="dv-vr-oculusgo"] > span {
    background-image: url(https://p.dmm.co.jp/p/ds/common/ico_vr_oculusgo.svg);
}

.area-mv-info.area-vr .bx-device > li[class*="dv-vr-oculusquest"] > span,
#win-mv-info div[class*="dv-vr-oculusquest"] > span {
    background-image: url(https://p.dmm.co.jp/p/ds/common/ico_vr_oculusquest.svg);
}

.area-mv-info.area-vr .bx-device > li[class*="dv-vr-pc"] > span,
#win-mv-info div[class*="dv-vr-pc"] > span {
    background-image: url(https://p.dmm.co.jp/p/ds/common/ico_vr_pc.svg);
}

.area-mv-info.area-vr .bx-device > li[class^="dv-vr"]:hover {
    opacity: .6;
}

.area-mv-info.area-vr .bx-device > li[class$="-off"],
#win-mv-info div[class$="-off"] > span {
    opacity: .1;
}
/*Ëöü¡§VRÍѤÎÊä­*/
.bx-info-vr {
    border: solid 1px #cc0000;
    padding: 6px;
    width: 90%;
    margin: 12px auto 0;
    color: #cc0000;
}

/*¥é¥¤¥Ö¥é¥ê¡§QR¥³¡¼¥É*/
#mylibrary .wrap-detail .item-format .box-info-pq.group { position:relative;}
#mylibrary .wrap-detail .item-format .qr-vr-ios.group:before,
#mylibrary .wrap-detail .item-format .qr-vr-android.group:before {
display: block;
content: "";
width: 90px;
height:90px;
background: url(//p.dmm.com/p/ds/mylibrary/qr_dmmvrplayer.png) no-repeat 0 0;
position: absolute;
top: 8px;
left: 8px;
}

/*===================================ÆÃÀßÍѹØÆþ¥Ü¥¿¥ó*/
.area-featureBasket {
    width: 690px;
    margin: 0 auto;
    padding: 0 10px 1px;
    background: #fff;
    font-size:14px;
    text-align: center;
}
.area-featureBasket .ttl-featureBasket {
    margin: 0 -10px 8px;
    padding: 10px 0;
    background: #d10034;
    font-size: 16px;
    color: #fff;
}
.area-featureBasket .box-selectType {
    width: inherit;
    font-size: 16px;
    border-collapse:collapse;
    text-align: left;
}
.area-featureBasket tr {
    margin: 0 10px;
    border-collapse: collapse;
    border-bottom: 1px #e1e7fa solid;
}
.area-featureBasket tr:hover {
    background: #f0f3fc;
}
.area-featureBasket .format {
    width: 350px;
    padding: 15px 0 15px 10px;
    text-align: left;
}
.area-featureBasket .format span {
    display: table-cell;
    padding-right: 1em;
    font-size: 12px;
    font-weight: normal;
}
.area-featureBasket .txt-price {
    font-size: 20px;
    font-weight: bold;
    text-align:right;
}
.area-featureBasket .txt-price--normal {
    width: 5em;
    color: #c00;
}
.area-featureBasket .txt-price--sale {
    width: 5em;
    color: #f40;
}
.area-featureBasket .txt-price--sale .before-sale {
    color: #ccc;
    text-decoration: line-through;
}
.area-featureBasket .btn-featureBasket {
    padding: 0 10px 0 0;
    text-align: right;
}
.area-featureBasket a:hover {
    opacity: 0.8;
    transition: opacity .1s ease-in-out;
}
.area-featureBasket .btn-featureBasket a {
    padding: 14px 56px;
    background: #ff8b12;
    border-radius: 4px;
    border-bottom: 2px solid #d5720c;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}
.area-featureBasket .btn-detail {
    display: block;
    width: 300px;
    margin: 2px auto 15px;
    padding: 12px 20px;
    background: #6675a4;
    border-radius: 4px;
    border-bottom: 2px solid #505c82;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.area-featureBasket .txt-attention {
    margin: 0;
    padding: 6px 10px 0 0;
    font-size: 12px;
    text-align: right;
    color: #c00;
}
.area-featureBasket .txt-purchased {
    display:block;
    padding: 0 0 14px;
    color: #005fc0;
    text-decoration: none;
}
.area-featureBasket .txt-purchased span {
    margin-right: 0.5em;
    color:#ccc;
    font-size: 12px;
}
.area-featureBasket .box-delete {
    margin: 14px 0;
    padding: 7px 0;
    color: #c00;
    border: 1px #c00 solid;
}
.area-featureBasket .box-delete p {
    font-size: 16px;
}
.area-featureBasket .txt-request {
    display:block;
    padding: 0 0 14px;
    color: #005fc0;
    text-decoration: none;
}
.area-featureBasket .txt-request span {
    margin-right: 0.5em;
    color: #ccc;
    font-size: 12px;
}
/* ============================================== .btn-play48-ipad */
.item-view .btn-play48-ipad {
    left: 0;
    bottom: 8px;
    width: 100%;
    padding: 0 5px 5px 0;
    box-sizing: border-box;
}
.item-view .btn-play48-ipad .btn-size-play-s {
    display: inline-block;
    height: 28px;
    width: 80px;
    box-sizing: border-box;
    text-align: center;
}
.item-view .btn-play48-ipad .btn-size-play-s a {
    color: #333;
    display: block;
    height: 25px;
    padding-top: 5px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    background: #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2) , 0 0px 0px 1px rgba(0,0,0,0.3) inset , 0 2px 0px 0px rgba(255,255,255,1) inset;
    background-image: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}


/* ==============================================//
      ¥Þ¥¤¥é¥¤¥Ö¥é¥ê ¥Ý¥Ã¥×¥¢¥Ã¥×Æâ device-tab ¼þ¤ê
//===============================================*/
#mylibrary .wrap-detail .box-product-capt {
    background: transparent;
    background-color: #eee;
    padding: 0 0 10px 10px;
}

#mylibrary .wrap-detail .box-product > .infomation {
border-top: 1px #999 dotted;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device {
    font-size: 0;
    height: auto;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li {
    width: 134px;
    height: 40px;
    background: transparent;
    padding: 0;
    background-color: #fff;
    margin: 10px 6px 0 0;
    border-radius: 4px;
    box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, .3);
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    cursor: pointer;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li.on {
    background-color: #202020;
    color: #fff;
    box-shadow: none;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li:not(.on):hover {
    opacity: .6;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li:nth-child(4n) {
    margin-right: 0;
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li:nth-child(-n+4) {
    margin-top: 0;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li p,
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-ps p,
#mylibrary .wrap-detail .box-product-capt .wrap-device li:hover p,
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-ps:hover p,
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-ps.on:hover p,
#mylibrary .wrap-detail .box-product-capt .wrap-device li.on:hover p {
    background: transparent;
    padding: 0 0 0 4px;
    position: relative;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-amazonfire p,
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-chromecast p {
    padding: 4px 0 4px 5px;
    height: auto;
    font-size: 11px;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li.on p {
    padding: 0 0 0 4px;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-amazonfire.on p,
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-chromecast.on p {
    padding: 4px 0 4px 5px;
    font-size: 11px;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li p:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px;
    top: 5px;
}

/* °ìÈ̺îÉÊ¥¢¥¤¥³¥ó */
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-pc p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_pc.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-ios p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_ios.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-android p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_android.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-chromecast p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_chromecast.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-tv p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-ps p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_ps.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-androidtv p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-amazonfire p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-chromecast p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv.png");
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-pc.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_pc_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-ios.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_ios_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-android.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_android_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-chromecast.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_chromecast_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-tv.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-ps.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_ps_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-androidtv.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-amazonfire.on p:before{
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-chromecast.on p:before{
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_tv_on.png");
}

/* VRºîÉÊ¥¢¥¤¥³¥ó */
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-pc p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_pc.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-ios p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_ios.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-android p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_android.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-gearvr p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_gearvr.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-oculusgovr p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_oculusgo.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-oculusquestvr p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_oculusquest.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-psvr p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_psvr.png");
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-pc.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_pc_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-ios.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_ios_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-android.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_android_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-gearvr.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_gearvr_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-oculusgovr.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_oculusgo_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-oculusquestvr.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_oculusquest_on.png");
}
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-vr-psvr.on p:before {
    background-image: url("//p.dmm.com/p/ds/mylibrary/ico_vr_psvr_on.png");
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li span {
    display: block;
    padding: 11px 11px 11px 33px;
}

#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-amazonfire span,
#mylibrary .wrap-detail .box-product-capt .wrap-device li.dv-chromecast span {
    padding:0 8px 0 33px;
}