@charset "UTF-8";
.lnav-video {
    background: #f6577f url(http://p.dmm.co.jp/p/navi/global/bg_lnav.gif) repeat-x left -80px;
}
.lnav-video ul {
    width: 47.5em;
}
.lnav-video li.on {
    background: #ffe0e8 url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat left top;
}
.lnav-video li.on a {
    background: url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat right -35px;
}
.pr-video {
    background: #ffe0e8;
}
.lnav-book {
    background: #48a38c url(http://p.dmm.co.jp/p/navi/global/bg_lnav.gif) repeat-x left -230px;
}
.lnav-book ul {
    width: 31em;
}
.lnav-book li.on {
    background: #e1eeeb url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat left -140px;
}
.lnav-book li.on a {
    background: url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat right -175px;
}
.pr-book {
    background: #e1eeeb;
}
.lnav-pcgame {
    background: #9487d2 url(http://p.dmm.co.jp/p/navi/global/bg_lnav.gif) repeat-x left -270px;
}
.lnav-pcgame ul {
    width: 19em;
}
.lnav-pcgame li.on {
    background: #e4e1ff url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat left -210px;
}
.lnav-pcgame li.on a {
    background: url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat right -245px;
}
.pr-pcgame {
    background: #e4e1ff;
}
.lnav-doujin {
    background: #61c8dc url(http://p.dmm.co.jp/p/navi/global/bg_lnav.gif) repeat-x left -310px;
}
.pr-doujin {
    background: #ddf0f5;
}
.lnav-nijigen {
    padding-left: 70px;
    background: #2eb6d1 url(http://p.dmm.co.jp/p/navi/global/bg_lnav.gif) repeat-x left -310px;
}
.lnav-nijigen ul {
    width: 45em;
}
.lnav-nijigen li.on {
    background: #ddf0f5 url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat left -700px;
}
.lnav-nijigen li.on a {
    background: url(http://p.dmm.co.jp/p/navi/global/bg_lnav_on.gif) no-repeat right -735px;
}
.pr-nijigen {
    background: #ddf0f5;
}
.inline {
    display: inline;
}
.caution {
    color: #c00;
    font-size: 10px;
    font-weight: bold;
}
.header_digianime {
    color: #009eff;
    font-weight: bold;
}
.header_digibook {
    color: #f09619;
    font-weight: bold;
}
.header_digidoujin,  .header_monodoujin,  .header_monodoujin_l {
    color: #0052ee;
    font-weight: bold;
}
.header_digidoujin_l {
    color: #0052ee;
    font-size: 16px;
    font-weight: bold;
}
.header_gray {
    color: #666;
    font-weight: bold;
    line-height: 15px;
}
.header_monopcgame {
    color: #b76391;
    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;
}
.rank {
    color: #f9688c;
    font-size: 10px;
}
.t_14px {
    font-size: 14px;
}
.header_digipcgame2 {
    color: #ff5400;
    font-weight: bold;
}
.header_digipcgame {
    color: #0011b0;
    font-weight: bold;
}
.titleborder {
    border-bottom: 2px #666 solid;
}
.crumbs {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
}
.crumbs li {
    display: inline;
}
.side-bskt {
    background: url(http://p.dmm.co.jp/p/ds/bskt/bg_m.gif) repeat-y;
}
.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-pcgame {
    color: #7261c4;
}
.bg-pcgame {
    background: #7261c4;
}
.bg-pc1 {
    background: #7261c4;
}
.bg-pc2 {
    background: #7261c4;
}
.tx-book {
    color: #0D8567;
}
.bg-book {
    background: #0D8567;
}
.bg-book-l {
    background: #e1eeeb;
}
.tx-doujin {
    color: #2eb6d1;
}
.bg-doujin {
    background: #2EB6D1;
}
.tx-nj {
    color: #2eb6d1;
}
.bg-nj {
    background: #2eb6d1;
}
.tx-vsc {
    color: #555;
}
.bg-vsc {
    background-color: #555;
}
.tx-gold {
    color: #b28f13;
}
.tx-expiry {
    color: #595;
}
.labelworks-list {
    margin: 20px 0;
}
.labelworks-list p.headline {
    padding-bottom: 3px;
    font-weight: bold;
}
.labelworks-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.labelworks-list ul li {
    float: left;
    width: 12.5%;
    margin-right: -1px;
}
.labelworks-list ul li div {
    width: 60px;
    margin: 0 auto;
    text-align: left;
}
.labelworks-list ul li div div div {
    display: table-cell;
    width: 60px;
    height: 76px;
    text-align: center;
    vertical-align: middle;
}
#side-r .side-rank li img {
    vertical-align: text-top;
}
#side-r .side-menu div p {
    background: none;
    font-size: 12px;
}
.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(http://p.dmm.co.jp/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(http://p.dmm.co.jp/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(http://p.dmm.co.jp/p/common/bg/dl_player.gif) repeat-x scroll 0 0;
    color: #c00;
    font-weight: bold;
}
/* ====================================================================================== Sexgame */

#side-l .side-frame {
    width: 100%;
    margin-bottom: 12px;
    background: #070707 url(http://p.dmm.co.jp/p/sexgame/vsc/base/bg_frame.gif) repeat-y left center;
    text-align: center;
}
#side-l .side-frame .inner-side-frame {
    background: url(http://p.dmm.co.jp/p/sexgame/vsc/base/bg_frame_t.gif) no-repeat left top;
}
#side-l .side-frame .inner,  #side-l .side-pickup .inner {
    border-top: 1px dotted #8B8B8B;
    margin: 0 0 -1px;
    padding: 0 6px 6px;
}
#side-l .side-frame ul,  #side-l .side-frame dl,  #side-l .side-frame dt,  #side-l .side-frame dd {
    margin: 0;
    padding: 0;
}
#side-l .side-frame ul li {
    list-style: none;
    line-height: 1.5em;
    text-align: right;
}
#side-l .side-frame dl {
    padding: 0 7px 0;
    color: #bdbdbd;
    text-align: left;
}
#side-l .side-frame dl dt {
    margin-top: 6px;
    padding-left: 6px;
    border-left: 3px solid #bdbdbd;
    font-weight: bold;
}
#side-l .side-frame dl dd {
    margin-top: 3px;
    padding-bottom: 6px;
}
#side-l .side-frame dl .gold {
    color: #ec7;
}
#side-l .side-frame dl .bd-b-gray {
    border-bottom: 1px solid #444;
}
#side-l .side-frame dl a:link,  #side-l .side-frame dl a:visited {
    color: #bdbdbd;
}
#side-l .side-contents .side-menu ul li.item-check a {
    margin-left: -2px;
}
#side-l .side-contents .side-menu ul li.item-check a span {
    display: inline-block;
    border-bottom: 7px #ffd83b solid;
    height: 0.8em;
    padding: 0 2px;
    vertical-align: middle;
}
/* ====================================================================================== Sexgame/end */


/* ====================================================================================== 同人末端／ランキング、トータル販売数表示 */

.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(http://p.dmm.co.jp/p/common/ico/detail_favorite.png) no-repeat scroll 8px 0;
}
.page-detail .box-rank p {
    padding-right: 3px;
    background: #eee url(http://p.dmm.co.jp/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(http://p.dmm.co.jp/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;
}
#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;
}
/* ====================================================================================== 同人末端/ランキング、トータル販売数表示/end */



#w [class^="dlbtn"] {
    display: inline-block;
    background: url(http://p.dmm.co.jp/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;
}
/* ====================================================================================== 同人/無料末端 */

#w [class^="d-btn"].btn-strm > * {
    background-image: url("http://p.dmm.co.jp/p/common/bt/bg_bt_strm.png");
}
#w [class^="d-btn"].btn-dwld > * {
    background-image: url("http://p.dmm.co.jp/p/common/bt/bg_bt_dwld.png");
}
#mylibrary .bt-ds-sp {
    background: url(http://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;
}
/* ====================================================================================== トップ/各リストへの導線 */

.box-listjump {
    position: relative;
    padding: 8px 0 8px 80px;
    background: #eee;
    border-radius: 6px;
    overflow: hidden;
}
#main-ds .box-listjump {
    margin: 12px 0;
}
#main-dj .box-listjump {
    margin: 12px 0 18px;
}
.box-listjump .ttl,  .box-listjump .btn,  .box-listjump .btn li {
    display: inline-block;
}
#d-ie7 .box-listjump .ttl,  #d-ie7 .box-listjump .btn,  #d-ie7 .box-listjump .btn li {
    display: inline;
}
.box-listjump .ttl {
    position: absolute;
    top: 4px;
    left: 0;
    margin-right: 12px;
    padding: 8px 12px;
    border-right: 1px #ccc solid;
    vertical-align: middle;
}
.box-listjump .btn {
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.box-listjump .btn li {
    margin-right: 6px;
    background: #FECD3D url(http://p.dmm.co.jp/p/ds/common/bg_listjumpbtn.png) repeat-x 0 0;
    border-radius: 4px;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
}
.box-listjump.col3 .btn li {
    width: 31%;
}
.box-listjump.col4 .btn li {
    width: 22.7%;
}
.box-listjump .btn li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    margin-right: 7px;
    xborder-left: 1px #fff solid;
    xborder-top: 1px #fff solid;
    border-right: none;
    border-bottom: none;
    background: #FECD3D;
}
.box-listjump .btn li a {
    display: block;
    margin-left: -1px;
    padding: 4px 0 4px 23px;
    background: url(http://p.dmm.co.jp/p/ds/common/ico_listjumpbtn.png) no-repeat 10px 8px;
    border-radius: 4px;
    border: 1px #B6B6B6 solid;
    text-align: center;
    color: #242424;
    font-weight: bold;
    font-size: 12px;
}
.box-listjump .btn li a:hover {
    text-decoration: none;
}
.box-listjump .btn li a span {
    font-size: 14px;
}
#main-ds .box-listjump .btn li a span {
    font-size: 16px;
}
/* ====================================================================================== トップ/各リストへの導線/end */


/* ====================================================================================== 末端/右カラム対応デバイス */

.area-mv-info {
    margin-top: 12px;
    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 {
    margin: 0 auto;
    padding: 0;
    border: none;
    list-style: none;
}
.mv-info-capt {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}
.bx-device > li {
    position: relative;
    float: left;
    width: 33%;
}
.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: url(http://p.dmm.co.jp/p/dc/detail/ico_mvinfo_130925.png) no-repeat scroll;
}
.bx-device > li.dv-pc > span,  #win-mv-info div.dv-pc > span {
    background-position: 0 -250px;
}
.bx-device > li.dv-pc > span:hover,  .bx-device > li.dv-pc-off > span:hover {
    background-position: 0 -310px;
}
.bx-device > li.dv-pc-off > span,  #win-mv-info div.dv-pc-off > span {
    background-position: 0 -370px;
}
.bx-device > li.dv-ios > span,  #win-mv-info div.dv-ios > span {
    background-position: 0 -430px;
}
.bx-device > li.dv-ios > span:hover,  .bx-device > li.dv-ios-off > span:hover {
    background-position: 0 -490px;
}
.bx-device > li.dv-ios-off > span,  #win-mv-info div.dv-ios-off > span {
    background-position: 0 -550px;
}
.bx-device > li.dv-android > span,  #win-mv-info div.dv-android > span {
    background-position: 0 -610px;
}
.bx-device > li.dv-android > span:hover,  .bx-device > li.dv-android-off > span:hover {
    background-position: 0 -670px;
}
.bx-device > li.dv-android-off > span,  #win-mv-info div.dv-android-off > span {
    background-position: 0 -730px;
}
.bx-device > li .ico-attention {
    position: absolute;
    top: -10px;
    right: 10px;
}
.bx-device .bx-format,  .bx-device .bx-format-otr {
    margin: 0 auto;
    width: 50px;
}
.bx-device .bx-format li span {
    display: block;
    margin: 3px 0 0;
    width: 24px;
    height: 10px;
    background: url(http://p.dmm.co.jp/p/dc/detail/ico_mvinfo_130925.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;
}
.bx-device .bx-format-otr > span {
    display: block;
    margin: 3px 0 0;
    width: 50px;
    height: 10px;
    background: url(http://p.dmm.co.jp/p/dc/detail/ico_mvinfo_130925.png) no-repeat scroll;
}
.bx-device .bx-format-otr > span.fm-ok {
    background-position: 0 -200px;
}
.bx-device .bx-format-otr > span.fm-ng {
    background-position: 0 -225px;
}
/* ============================================== @device-window */

#wp-whi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2000px;
    background: #fff;
    opacity: 0.5;
    z-index: 10;
}
/* ============================================== #win-mv-info */

.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(http://p.dmm.co.jp/p/dc/detail/bg_mvinfowin.png) no-repeat scroll 0 0;
    z-index: 20;
}
#win-mv-info > div {
    margin-top: 20px;
    padding: 5px 30px 15px;
    background: url(http://p.dmm.co.jp/p/dc/detail/bg_mvinfowin.png) repeat-y scroll 50% 0;
}
#win-mv-info p {
    margin: 12px 0;
}
#win-mv-info p img[src*="/title/"] {
    margin-right: 3px;
    vertical-align: -5px;
}
#win-mv-info > p {
    margin: 0;
    padding: 10px 0 20px;
    background: url(http://p.dmm.co.jp/p/dc/detail/bg_mvinfowin.png) no-repeat scroll 100% 100%;
}
/* ============================================== .mv-info-data */

.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(http://p.dmm.co.jp/p/dc/detail/ico_mvinfo.png) no-repeat scroll 0 2px;
    font-size: 16px;
}
div[class*="-off"] + .mv-info-data-capt > span {
    padding-left: 20px;
    background: url(http://p.dmm.co.jp/p/dc/detail/ico_mvinfo.png) no-repeat scroll 0 -48px;
    font-size: 16px;
}
.box-attention {
    background: #fffade url(http://p.dmm.co.jp/p/dc/detail/ico_attention.png) no-repeat scroll 8px 50%;
    padding: 6px 6px 6px 45px;
    text-align: left;
}
#win-mv-info p.filetype {
    margin-bottom: 22px;
}
div[class*="txt-"]~div[class*="txt-"] {
    margin-top: 22px;
}
#win-mv-info div[class*="txt-"] > p {
    margin: 0 0 12px;
    padding: 0 0 3px 30px;
    border-bottom: #333 1px solid;
    background: url(http://p.dmm.co.jp/p/dc/detail/ico_mvinfo_130925.png) no-repeat scroll;
    font-weight: bold;
}
#win-mv-info div.txt-dl p {
    background-position: 0 -97px;
}
#win-mv-info div.txt-st p {
    background-position: 0 -147px;
}
div.st-attention {
    margin-top: 6px;
    padding: 12px;
    font-size: 11px;
}

/* ============================================== .txt-only */

.bx-ptn .txt-only {
    background: #fff4cd;
    display: block;
    margin-top: 11px;
    margin-bottom: -10px;
    margin-left: -6px;
    margin-right: -6px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.bx-ptn .txt-only a {
    color: #227ea9;
    position: relative;
    padding-left: 25px;
}
.bx-ptn .txt-only a:hover {
    color: #ed5a76;
}
.bx-ptn .txt-only.info-only-pc a:before {
    content: "";
    background: url(http://p.dmm.co.jp/p/dc/detail/ico_onlypc.png) left center no-repeat;
    position: absolute;
    left: 0;
    width: 21px;
    height: 19px;
}
.bx-ptn .txt-only.info-only-sp a:before {
    content: "";
    background: url(http://p.dmm.co.jp/p/dc/detail/ico_onlysp.png) left center no-repeat;
    position: absolute;
    left: 0;
    width: 21px;
    height: 19px;
}

/* ====================================================================================== 末端/右カラム対応デバイス/end */







/* ====================================================================================== 二次元マイライブラリ */



#mylibrary * {
    line-height: 1.5;
}
#mylibrary .d-capt,  #mylibrary .d-sect {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#mylibrary .d-capt {
    position: relative;
    margin-bottom: 0;
}
#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: 90%;
    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% 22px;
    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(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 0 0.5em;
}
/*白背景*/

#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(http://p.dmm.co.jp/p/dc/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 .box-select .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 > * {
    min-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(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/mylibrary/bg_bt.gif);
}
#mylibrary .ml-btn.btn-live {
    background-image: url(http://p.dmm.co.jp/p/dc/mylibrary/bg_bt_st.gif);
}
/*再生ボタン*/

#mylibrary .ml-btn-sm {
    position: relative;
    display: block;
    float: left;
    background: url(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/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: 0;
}
#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 input {
    display: none;
}
#mylibrary .ml-checkbox label {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll 10px -1790px;
    cursor: pointer;
}
#mylibrary span.ml-checkbox label {
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
}
#mylibrary span.ml-checkbox label:hover,  #mylibrary .box-addmylist .box-checkswitch .ml-checkbox label:hover,  #mylibrary .list-title ul.list-edit .ml-checkbox label:hover {
    top: 1px;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#mylibrary span.ml-checkbox label.checked {
    background-position: 10px -1890px;
}
/* 全選択　チェックボックス */

#mylibrary .box-addmylist .box-checkswitch .ml-checkbox label {
    background-position: 17px -1787px;
}
#mylibrary .box-addmylist .box-checkswitch .ml-checkbox label.checked {
    background-position: 17px -1887px;
}
/*編集中　チェックボクス*/

#mylibrary .list-title ul.list-edit .ml-checkbox label {
    top: 0px;
    left: 0px;
    width: 50px;
    height: 80px;
    border-right: 1px #ccc solid;
    background-position: 17px -1770px;
}
#mylibrary .list-title ul.list-edit .ml-checkbox label.checked {
    background-position: 17px -1870px;
}
/*リスト*/

#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 32px;
    background-position: 8px -1792px;
}
#mylibrary .ml-list li.ml-checkbox label.checked {
    background-position: 8px -1892px;
}
#mylibrary .ml-list li.ml-checkbox label:hover {
    background-color: #eee;
    padding: 7px 6px 5px 32px;
    background-position: 8px -1791px;
}
#mylibrary .ml-list li.ml-checkbox label.checked:hover {
    background-position: 8px -1891px;
}
/* リストボタン */

#mylibrary .ml-list-btn li {
  margin-right: 3px;
  display: inline-block;
}
#mylibrary .ml-list-btn .ml-btn {
  margin-bottom: 7px;
}
/*ポップアップウィンドウ*/

#mylibrary .ml-win, #mylibrary .ml-win > div, #mylibrary .ml-win > div > div {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/parts_win.png) no-repeat scroll 0 0;
}
#mylibrary .ml-win {
    padding: 1px 0;
    background-position: -1600px 100%;
    position: absolute;
    width: 770px;
}
#mylibrary .ml-win > div {
    margin-bottom: 18px;
    padding-top: 1px;
}
#mylibrary .ml-win > 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 {
    background-image: url(http://p.dmm.co.jp/p/dc/mylibrary/parts_win_sm.png)
}
#mylibrary .ml-win.ml-win-sm {
    width: 290px;
    background-position: -600px 100%;
}
#mylibrary .ml-win.ml-win-sm > 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(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll 0 -2043px;
    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(http://p.dmm.co.jp/p/dc/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 {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll 5px -896px;
}
#mylibrary .box-addmylist .ml-btn.complete > input {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll 5px -1547px;
}
/*閉じるボタン*/

#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(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/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 .wrap-btns-pack ul li p.btn .ml-ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(http://p.dmm.co.jp/p/dc/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 -1550px;
}
/*マイリストメニュー*/

#mylibrary .mylibrary-menu .menu-capt li .capt .ml-ico {
    display: inline-block;
    width: 15px;
    height: 18px;
    margin-right: 6px;
    background: url(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/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 {
    color: #333;
    font-weight: bold;
    background: url(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/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(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll 5px -746px;
}
/* マイリスト追加 */

#mylibrary .create .ml-btn > input {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll 5px -796px;
}
/*メニュー*/

#mylibrary .mylibrary-menu .menu-capt {
    padding-top: 3px;
    font-size: 12px;
}
#mylibrary .mylibrary-menu .menu-capt > li {
    display: inline-block;
    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 {
    position: absolute;
    display: none;
    top: 35px;
    right: 0;
    width: 290px;
    font-size: 12px;
    text-align: left;
    z-index: 1000;
}
#mylibrary .mylibrary-menu li.ml-tool .ml-win {
    right: 0px;
}
#mylibrary .mylibrary-menu li.ml-tool .ml-win .ml-win-arrow > span {
    right: 25px;
}
#mylibrary .mylibrary-menu li.ml-help .ml-win {
    width: 770px;
}
#mylibrary .mylibrary-menu li.ml-help .ml-win .ml-win-arrow > span {
    right: 150px;
}
#mylibrary .mylibrary-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 .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 .box-mlhelp {
    background: #fff;
    display: table;
}
#mylibrary .box-mlhelp .ml-item {
    display: table-cell;
    padding: 10px;
    width: 50%;
}
#mylibrary .box-mlhelp .ml-item dl {
    margin-bottom: 20px;
}
#mylibrary .box-mlhelp .ml-item dt {
    font-weight: bold;
}
#mylibrary .box-mlhelp .ml-item dd {
    margin: 3px 0 12px;
    padding-left: 6px;
}
#mylibrary .box-mlhelp .ml-item dd p {
    margin-top: 12px;
}
#mylibrary .box-mlhelp .ml-item dd li {
    padding-left: 7px;
    background: url(http://p.dmm.co.jp/p/common/marker.gif) no-repeat 0 0.5em;
}
#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(http://p.dmm.co.jp/p/list/ico_status.gif) no-repeat;
}
#mylibrary span[class^="ico-st-"] span {
    position: absolute;
    z-index: -1;
}
#d-ie7 #mylibrary span[class^="ico-st-"] span {
    width: 26px;
}
#mylibrary span.ico-st-reserve {
    background-position: 0 -100px
}
#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;
}
#mylibrary .list-title .limit em {
    color: #c00;
    font-style: normal;
}
#mylibrary .wrap-detail .title-detail .limit dd > span.tx-caution {
    font-size: 11px;
}
#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;
    padding-left: 56px;
}
#mylibrary .list-title ul.list-edit > li > div:hover {
    cursor: pointer;
    border: 6px #eee solid;
    padding: 0px;
    padding-left: 50px;
    height: 68px;
    background: #fff url(http://p.dmm.co.jp/p/dc/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 span.ml-checkbox {
    display: none;
}
#mylibrary.ml-mylist .list-title .list-edit span.ml-checkbox {
    display: block;
}
/* ============================================== ポップアップ */



/*表示制御*/

#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 a {
    display: block;
    background: #fff;
}
#mylibrary .wrap-detail .title-detail .package {
    height: 120px;
    margin: 6px;
    border: 3px #fff solid;
}
#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 .wrap-mylist-add .complete [class^="ml-btn"] {
    background-image: url(http://p.dmm.co.jp/p/dc/mylibrary/bg_bt_st.gif);
}
#mylibrary .wrap-detail .title-detail .wrap-mylist-add .complete [class^="ml-btn"] > *,  #mylibrary .wrap-detail .title-detail .wrap-mylist-add .cancel [class^="ml-btn"] > * {
    width: 247px;
}
/*マイリスト登録　表示制御*/

#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 30px 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 .title > cite {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
}
#mylibrary .wrap-detail .box-product .title > cite + p {
    margin-top: 4px;
    font-size: 10px;
    font-weight: normal;
}
/*作品情報*/

#mylibrary .wrap-detail ul.box-worksinfo {
    padding: 6px 12px;
    background-color: #eee;
}
#mylibrary .wrap-detail ul.box-worksinfo li {
    float: left;
    width: 49.5%;
    padding: 0 0 3px;
    font-size: 10px;
}
#mylibrary .wrap-detail ul.box-worksinfo li > span {
    font-weight: bold;
}
#mylibrary .wrap-detail ul.box-worksinfo li.os {
    width: 100%;
    padding-top: 3px;
    border: #999 dotted;
    border-width: 1px 0;
}
#mylibrary .wrap-detail ul.box-worksinfo li.os > span.windows,  #mylibrary .wrap-detail ul.box-worksinfo li.os > span.mac {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding-right: 3px;
    vertical-align: middle;
}
#mylibrary .wrap-detail ul.box-worksinfo li.os span.windows {
    background: url(http://p.dmm.co.jp/p/title/icon_win.gif) no-repeat left center;
}
#mylibrary .wrap-detail ul.box-worksinfo li.os span.mac {
    background: url(http://p.dmm.co.jp/p/title/icon_mac.gif) no-repeat left center;
}
#mylibrary .wrap-detail ul.box-worksinfo li.dj-dl {
    margin: 8px auto 0;
    padding: 6px 0 !important;
    background: #fff;
    width: 100% !important;
    border-radius: 5px;
    box-shadow: 0 0 3px #999;
}
#mylibrary .wrap-detail ul.box-worksinfo li.dj-dl span.dl-ico-sm {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico_mvinfo_sm.png) 8px -10px no-repeat;
    padding: 0px 0 5px 30px;
    background-size: 15px;
    vertical-align: top;
}
#mylibrary .wrap-detail ul.box-worksinfo li.dj-dl span.red {
    display: inline-block;
}
/*注釈等*/

#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 > .infomation {
    padding-bottom: 0;
    border-top: 1px #999 dotted;
}
/*視聴方法見出し*/

#mylibrary .wrap-detail .box-product-capt {
    padding-left: 18px;
    background: #eee url(http://p.dmm.co.jp/p/dc/mylibrary/tab.png) repeat-x scroll 0 0;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method {
    height: 50px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method li {
    position: relative;
    float: left;
    padding-left: 10px;
    margin-right: 3px;
    background: #eee url(http://p.dmm.co.jp/p/dc/mylibrary/tab.png) repeat-x scroll 0 -100px;
    cursor: pointer;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method li.off {
    color: #999;
    cursor: default;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method li p {
    height: 15px;
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/tab.png) no-repeat scroll 100% -100px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li span.ml-ico {
    display: block;
    position: absolute;
    top: 19px;
    left: 6px;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico_mvinfo_sm.png) no-repeat scroll;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dl span.ml-ico {
    background-position: 0 -20px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dl.off span.ml-ico {
    background-position: 0 -120px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-st span.ml-ico {
    background-position: 0 -170px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-st.off span.ml-ico {
    background-position: 0 -270px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-movie span.ml-ico {
    background-position: 0 -471px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-movie.off span.ml-ico {
    background-position: 0 -571px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-voice span.ml-ico {
    background-position: 0 -321px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-voice.off span.ml-ico {
    background-position: 0 -421px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-ios span.ml-ico {
    background-position: 0 -621px !important;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-ios.off span.ml-ico {
    background-position: 0 -721px !important;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-android span.ml-ico {
    background-position: 0 -771px !important;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method > li.mt-dj-android.off span.ml-ico {
    background-position: 0 -871px !important;
}
/* 配信内容 */

#mylibrary .wrap-detail .box-product {
}
#mylibrary .wrap-detail .box-product .dv-capt {
    padding: 12px;
}
/* タブきりかえ制御 */

#mylibrary .wrap-detail .box-product-capt li.on,  #mylibrary .wrap-detail .box-product-capt li.on:hover {
    background-position: 0 -50px;
}
#mylibrary .wrap-detail .box-product-capt li.on p,  #mylibrary .wrap-detail .box-product-capt li.on:hover p {
    background-position: 100% -50px;
}
#mylibrary .wrap-detail .box-product-capt li:hover {
    background-position: 0 -150px;
}
#mylibrary .wrap-detail .box-product-capt li:hover p {
    background-position: 100% -150px;
}
#mylibrary .wrap-detail .box-product-capt li.off,  #mylibrary .wrap-detail .box-product-capt li.off:hover {
    background-position: 0 -200px;
}
#mylibrary .wrap-detail .box-product-capt li.off p,  #mylibrary .wrap-detail .box-product-capt li.off:hover p {
    background-position: 100% -200px;
}
/* タブの文字位置 */

#mylibrary .wrap-detail .box-product-capt .wrap-method li p,  #mylibrary .wrap-detail .box-product-capt .wrap-method li.on:hover p,  #mylibrary .wrap-detail .box-product-capt .wrap-method [class*="off"]:hover p {
    padding: 25px 10px 10px 34px;
}
#mylibrary .wrap-detail .box-product-capt .wrap-method li:hover p {
    padding: 19px 10px 16px 34px;
}
#mylibrary .wrap-detail .box-product-capt li.on:hover span.ml-ico,  #mylibrary .wrap-detail .box-product-capt li.off:hover span.ml-ico {
    top: 19px;
}
#mylibrary .wrap-detail .box-product-capt li:hover span.ml-ico {
    top: 13px;
}
#mylibrary .wrap-detail .box-product-capt li:hover p {
    background-position: 100% -150px;
}
/* ============================================== ビットレート */

/*ビットレート見出し*/

#mylibrary .wrap-detail .box-kbps-capt {
    border-bottom: 1px solid #ccc;
    margin: 0 -16px;
}
#mylibrary .wrap-detail .box-kbps-capt .wrap-method {
    height: 50px;
    margin-left: 20px;
    position: relative;
    top: 15px;
    overflow: hidden;
}
#mylibrary .wrap-detail .box-kbps-capt .wrap-method li {
    position: relative;
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
#mylibrary .wrap-detail .box-kbps-capt .wrap-method li.off {
    color: #999;
    cursor: default;
}
#mylibrary .wrap-detail .box-kbps-capt .wrap-method li p {
    height: 15px;
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/tab_kbps.png) no-repeat 100% -100px;
}
/* ビットレート　タブきりかえ制御 */

#mylibrary .wrap-detail .box-kbps-capt li.on,  #mylibrary .wrap-detail .box-kbps-capt li.on:hover {
    background-position: 0 -50px;
}
#mylibrary .wrap-detail .box-kbps-capt li.on p,  #mylibrary .wrap-detail .box-kbps-capt li.on:hover p {
    background-position: 100% -50px;
}
/* ビットレート　タブの文字位置 */

#mylibrary .wrap-detail .box-kbps-capt .wrap-method li p,  #mylibrary .wrap-detail .box-kbps-capt .wrap-method li.on:hover p,  #mylibrary .wrap-detail .box-kbps-capt .wrap-method [class*="off"]:hover p {
    width: 86px;
    margin-top: -14px;
    padding: 22px 0 15px;
    text-align: center;
    color: #3c8db3;
    font-weight: bold;
}
#mylibrary .wrap-detail .box-kbps-sect > div {
    display: none;
}
/* ============================================== ダウンロード・ストリーミングボタン */

#mylibrary .wrap-detail .ml-btn span.ml-ico {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll;
    display: inline-block;
    float: left;
    height: 15px;
    margin: -2px 0;
    vertical-align: middle;
    width: 18px;
}
/* ダウンロード */

#mylibrary .wrap-detail div[class*="item-dl"] .ml-btn span.ml-ico {
    background-position: 0 -1450px;
}
/* ストリーミング */

#mylibrary .wrap-detail div[class*="item-st"] .ml-btn span.ml-ico {
    background-position: 0 -1600px;
}
/* テキスト付きボタン */

#mylibrary .wrap-detail p.bt-subtext {
    margin-bottom: 12px;
}
#mylibrary .wrap-detail p.bt-subtext span.itemtitle {
    padding-right: 12px;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}
/* ============================================== 複数ボタン背景 */

#mylibrary .wrap-detail .item-format dl.list-btttl {
    position: relative;
    max-height: 250px;
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/parts.png) repeat-x scroll 0 -400px #efefef;
    border: 1px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    padding: 0 6px 6px;
    overflow: auto;
}
#mylibrary .wrap-detail .item-format dl.list-btttl dt {
    float: left;
    width: 120px;
    margin-right: 12px;
    padding-top: 9px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
#mylibrary .wrap-detail .item-format dl.list-btttl dd {
    padding-top: 6px;
    overflow: hidden;
}
#mylibrary .wrap-detail .item-format dl.list-btttl dd ul.bt-multiple li,  #mylibrary .wrap-detail .item-format .bx-appendix dd ul.bt-multiple li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 4px 3px 0;
    float: left;
}
/* ============================================== #mylibrary .wrap-detail .box-product-sect */

#mylibrary .wrap-detail .box-product-sect {
    padding: 22px 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.form-allbook ����������� */

#mylibrary .wrap-detail .item-format.form-allbook .bt-nv {
    text-align: right;
}
#mylibrary .wrap-detail .item-format.form-allbook .bt-nv > span {
    display: inline-block;
    margin-top: 8px;
}
#mylibrary .wrap-detail .item-format.form-allbook .bt-nv p {
    float: left;
}
#mylibrary .wrap-detail .item-format.form-allbook .bt-nv form {
    display: inline-block;
    padding-top: 8px;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd {
    padding-bottom: 12px;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd > p {
    margin: 0 0 12px;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    clear: both;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li {
    width: 100%;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li:nth-child(2n) {
    background: none repeat scroll 0 0 #eee;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li p {
    color: #333;
    vertical-align: middle;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li p.btn {
    display: inline;
    width: 30px;
    padding-left: 6px;
    padding: 0;
    float: left;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li p.ttl {
    display: inline;
    padding-right: 10px;
    text-indent: 30px;
    overflow: hidden;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li a {
    display: block;
    padding: 6px;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li a:hover {
    position: relative;
    text-decoration: none;
    top: 1px;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li p.btn .ml-ico {
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico.png) no-repeat scroll 2px -1448px transparent;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}
#mylibrary .wrap-detail .item-format.form-allbook dl.list-btttl dd ul li a:hover p.btn .ml-ico {
    background-position: 2px -1498px;
}
/* ============================================== #mylibrary .wrap-detail .item-format ul.box-browser-play Ʊ�֥ͥ饦����İ */

#mylibrary .wrap-detail .item-format.item-browser-play ul.box-browser-play li {
    margin: 0 -16px;
    padding: 0 12px;
}
#mylibrary .wrap-detail .item-format.item-browser-play ul.box-browser-play li:nth-child(2n) {
    background: #eee;
}
#mylibrary .wrap-detail .item-format.item-browser-play dl {
    overflow: hidden;
}
#mylibrary .wrap-detail .item-format.item-browser-play dl dt {
    float: right;
    line-height: 56px;
    font-size: 14px;
    width: 85px;
}
#mylibrary .section.item-format.item-browser-play dl dd a {
    background: #fff;
    box-shadow: 0px 2px 2px #e8e8e8;
    display: block;
    margin: 8px 120px 8px 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
#mylibrary .section.item-format.item-browser-play dl dd a:hover {
    text-decoration: none;
}
#mylibrary .section.item-format.item-browser-play dl dd a > p {
    padding: 8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eaeaea), color-stop(1.00, #eaeaea), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(top, #fff 0%, #eaeaea 100%, #eaeaea 100%);
    background: -moz-linear-gradient(top, #fff 0%, #eaeaea 100%, #eaeaea 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eaeaea 100%, #eaeaea 100%);
    background: linear-gradient(to bottom, #fff 0%, #eaeaea 100%, #eaeaea 100%);
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    font-weight: bold;
}
#mylibrary .section.item-format.item-browser-play dl dd a > p > span {
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    padding-left: 6px;
    text-align: center;
}
#mylibrary .section.item-format.item-browser-play {
    margin: -22px -16px 0;
    padding: 0 16px;
}
/* ============================================== #mylibrary .wrap-detail .item-format .bx-appendix ��Ͽ */

#mylibrary .wrap-detail .item-format .bx-appendix dt {
    float: left;
    max-width: 400px;
    margin-right: 12px;
}
#mylibrary .wrap-detail .item-format .bx-appendix dt span {
    font-weight: bold;
}
#mylibrary .wrap-detail .item-format .bx-appendix dd {
    padding-bottom: 5px;
    overflow: hidden;
}
#mylibrary .wrap-detail .item-format .bx-appendix dl + dl {
    margin-top: 12px;
}
/* ============================================== #mylibrary .wrap-detail .item-format.attn-tool ɬ�ץġ����ؤ�Ƴ�� */

#mylibrary .wrap-detail .attn-tool {
    margin-top: 22px;
    padding: 12px;
    background-color: #fffade;
}
#mylibrary .wrap-detail .attn-tool ul {
    margin-top: 3px;
}
/* 注釈 */

#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,  #mylibrary .wrap-detail p.note {
    margin: 10px 0;
}
#mylibrary .wrap-detail p.note {
}
/* ============================================== #mylibrary .wrap-detail .item-format.item-nijipoke Ʊ�ͥ��ץ� */
#mylibrary .wrap-detail .box-info-pq {
	margin: 20px 0;
    border: 1px #ccc solid;
    padding: 12px;
}
#mylibrary .wrap-detail .box-info-pq .pic-qr {
	float:left;
}
#mylibrary .wrap-detail .box-info-pq dl {
	margin-left: 100px;
}
/* ipad */
#mylibrary .wrap-detail .item-nijipoke .attn-tool {
	overflow: hidden;
}
#mylibrary .wrap-detail .item-nijipoke .attn-tool .pic-apuri {
	float: left;
	margin-right: 10px;
}
#mylibrary .wrap-detail .item-nijipoke .attn-tool .pic-apuri + p + p {
	margin-top: 6px;
}
#mylibrary .wrap-detail .item-nijipoke .attn-tool .pic-apuri ~ p a {
	position: relative;
	margin-left: 14px;
	font-size: 14px;
	font-weight: bold;
}
#mylibrary .wrap-detail .item-nijipoke .attn-tool .pic-apuri ~ p a:before {
	position: absolute;
	left:-12px;
	top: 50%;
	margin-top: -4px;
	content:"";
	display: block;
	width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #999;
}
#mylibrary .wrap-detail .item-nijipoke .ml-btn-convertGame a {
	display: block;
	width: 290px;
	height: 40px;
	margin: 0 auto 1px auto;
	line-height: 40px !important;
	font-size: 16px;
	border-radius: 4px;
	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;
	-webkit-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;
	-moz-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: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	text-align: center;
	background-color: #ddd;
	color: #333;
	font-weight: bold;
}
#mylibrary .wrap-detail .item-nijipoke .ml-btn-convertGame a:Before {
	display: inline-block;
	content: "";
	margin-right: 6px;
	background-image:url(http://p.dmm.co.jp/p/dc/mylibrary/ico.png);
	background-position: 0 -1450px;
	width: 20px;
	height: 17px;
	vertical-align: middle;
}
#mylibrary .wrap-detail .item-nijipoke .ml-btn-convertGame a:hover {
	text-decoration: none;
}
/*==============================[ #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 .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 > .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;
}
/* ============================================== #app-confirm アプリ未インストール時の App Store への導線 */

#app-confirm {
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 630px;
    margin-left: -315px;
    padding: 30px 60px;
    border-radius: 12px 12px 0 0;
    background: rgba(0,0,0,.8);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    box-shadow: 2px 2px 3px rgba(0,0,0,.4);
    color: #eee;
    font-size: 22px;
    text-align: center;
    z-index: 1100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* close */

#app-confirm .ico-close {
    position: absolute;
    right: 1px;
    top: 0;
    width: 40px;
    height: 40px;
    background: url(http://p.dmm.co.jp/p/ds/mylibrary/ico.png) no-repeat 12px -37px;
}
/* button */

#app-confirm p .dm-btn {
    width: 100%;
    font-size: 22px;
}
#app-confirm p .dm-btn span:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: -0.5em 0.2em -0.4em 0;
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_action_black.png);
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    vertical-align: middle;
    font-size: 32px;
    z-index: 10;
}
/* 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版）から移植 ここまで */

/* ====================================================================================== 二次元マイライブラリ/end */





/* ====================================================================================== .area-rotation/各トップローテーションバナー */

div[id*="main-"] .area-rotation {
    margin-bottom: 33px;
}
/* =========================== .bx-bnr */

div[id*="main-"] .area-rotation .bx-bnr {
    height: 220px;
    background-color: #ddd;
    overflow: hidden;
}
div[id*="main-"] .area-rotation .bx-bnr > div .slide {
    position: relative;
    overflow: hidden;
    height: 220px;
}
div[id*="main-"] .area-rotation .bx-bnr > div .slide ul {
    position: relative;
    width: 5500px;
}
div[id*="main-"] .area-rotation .bx-bnr > div .slide ul li {
    position: relative;
    right: 50%;
    float: left;
    width: 500px;
}
div[id*="main-"] .area-rotation .bx-bnr > div .slide .cover-l {
    position: absolute;
    top: 0;
    right: 50%;
    width: 100%;
    height: 220px;
    margin-right: 250px;
    background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation.png) repeat-x left top;
}
div[id*="main-"] .area-rotation .bx-bnr > div .slide .cover-l > span {
    display: block;
    width: 50px;
    height: 220px;
    margin: 0 0 0 auto;
    background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation_side.png) repeat right 0;
}
div[id*="main-"] .area-rotation .bx-bnr > div .slide .cover-r {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 220px;
    margin-left: 250px;
    background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation.png) repeat-x left top;
}
div[id*="main-"] .area-rotation .bx-bnr > div .slide .cover-r > span {
    display: block;
    width: 50px;
    height: 220px;
    margin: 0 auto 0 0;
    background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation_side.png) repeat left -280px;
}
div[id*="main-"] .area-rotation .bx-control {
    position: relative;
    margin: -220px auto 0;
    z-index: 2;
}
div[id*="main-"] .area-rotation .bx-control div[class*="cont-"] {
    position: absolute;
    top: 0;
    display: block;
    height: 220px;
}
div[id*="main-"] .area-rotation .bx-control.w-sm div[class*="cont-"] {
    width: 25px;
}
div[id*="main-"] .area-rotation .bx-control.w-la div[class*="cont-"] {
    width: 35px;
}
div[id*="main-"] .area-rotation .bx-control .cont-l {
    left: 0;
}
div[id*="main-"] .area-rotation .bx-control .cont-r {
    right: 0;
}
div[id*="main-"] .area-rotation .bx-control div[class*="cont-"]:hover {
    background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation.png) no-repeat left top;
}
div[id*="main-"] .area-rotation .bx-control div[class*="cont-"] span {
    display: block;
    height: 220px;
    background-image: url(http://p.dmm.co.jp/p/dc/top/ico_rotation_arrow.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
div[id*="main-"] .area-rotation .bx-control.w-sm .cont-l > span {
    background-position: left 0;
}
div[id*="main-"] .area-rotation .bx-control.w-sm .cont-r > span {
    background-position: right -220px;
}
div[id*="main-"] .area-rotation .bx-control.w-la .cont-l > span {
    background-position: 6px 0;
}
div[id*="main-"] .area-rotation .bx-control.w-la .cont-r > span {
    background-position: 60% -220px;
}
/* =========================== .bx-thumbnail */

div[id*="main-"] .bx-thumbnail {
    margin-top: 220px;
    height: 60px;
    background-color: #242424;
    overflow: hidden;
}
div[id*="main-"] .bx-thumbnail > div {
    height: 60px;
    overflow: hidden;
}
div[id*="main-"] .bx-thumbnail ul {
    position: relative;
    width: 1036px;
    margin: 0;
    padding: 0;
    float: left;
}
div[id*="main-"] .bx-thumbnail li {
    position: relative;
    float: left;
    right: 50%;
    width: 74px;
    text-align: center;
}
div[id*="main-"] .bx-thumbnail li:first-child {
    margin-left: 0;
}
div[id*="main-"] .bx-thumbnail li > span {
    position: relative;
    display: block;
    width: 70px;
    height: 40px;
    margin: 10px auto 1px;
    cursor: pointer;
}
div[id*="main-"] .bx-thumbnail li.on > span {
    margin: 8px 0 0;
    border: #fff 2px solid;
}
div[id*="main-"] .bx-thumbnail li.on > span:before {
    content: "";
    position: absolute;
    display: block;
    top: -8px;
    left: 31px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #fff transparent;
}
div[id*="main-"] .bx-thumbnail li > span:hover,  div[id*="main-"] .bx-thumbnail li.on > span img {
    opacity: 0.8;
    -ms-filter: "alpha(opacity=80)";
}
/* ====================================================================================== .area-rotation/各トップローテーションバナー/end */

/* ====================================================================================== FV改修同人ローテーションバナー */
div[id*="main-"] #doujinRotation {
	position: relative;
	top:0;
	left: 50%;
	margin-left: -250px;
}
div[id*="main-"] .area-doujin-rotation {
	min-height: 220px;
    background-color: transparent !important;
}

div[id*="main-"] .area-doujin-rotation > #doujinRotation{
	left: 0;
    margin-left: 0;
}
div[id*="main-"] .area-doujin-rotation > #doujinRotation > li:only-child {
	text-align: center;
	background: #333;
}


div[id*="main-"] .area-doujin-rotation .bx-wrapper {
	overflow: hidden;
	padding-bottom: 28px;
	margin-bottom: 0;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-viewport {
	margin-left: 5px;
	border:none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/*pager*/
div[id*="main-"] .area-doujin-rotation .bx-pager{
	height:28px;
	top: 220px;
	padding-top: 10px;
	background-color: #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-pager.bx-default-pager a {
	width: 7px;
	height: 7px;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-pager.bx-default-pager a {
	background:#dfdfdf;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#fb5f81;
}

/*control*/
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-controls-direction{
	position: relative;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-prev {
	top:-204px;
    left: 50%;
	margin-left: -282px;
	height: 220px;
    background:none;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-next {
	top:-204px;
    right: 50%;
	height: 220px;
	margin-right: -282px;
    background:none
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-prev:hover,
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-next:hover {
	background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation.png) repeat-x left top;
}

div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-prev:after,
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-next:after {
	display: block;
	position: absolute;
	content:"";
	height: 40px;
	top:50%;
	width: 25px;
	margin-top:-20px;
	background: url(http://p.dmm.co.jp/p/dc/top/ico_rotation_arrow.png) no-repeat 0 -90px;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-prev:after {
	right: 5px;
	background-position: 0 -90px;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-next:after {
	left:5px;
    background-position: 0 -305px;
}

/*cover*/
div[id*="main-"] .area-doujin-rotation {
	overflow: hidden;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper:before {
    position: absolute;
	content:"";
    top: 0;
    left: 50%;
    width: 50%;
    height: 220px;
    margin-left: 250px;
    background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation.png) repeat-x left top;
	z-index:5;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper:after {
    position: absolute;
	content:"";
    top: 0;
   	right: 50%;
    width: 50%;
    height: 220px;
    margin-right: 250px;
    background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation.png) repeat-x left top;
	z-index:5;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-controls-direction:after,
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-controls-direction:before {
	display: block;
	position: absolute;
	content:"";
	top:-220px;
	height: 220px;
	width: 50px;
	background: url(http://p.dmm.co.jp/p/dc/top/bg_rotation_side.png) no-repeat right top;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-controls-direction:before {
	left:50%;
	margin-left: -300px;
}
div[id*="main-"] .area-doujin-rotation .bx-wrapper .bx-controls-direction:after {
	right:50%;
	margin-right: -300px;
	background-position: left -280px;
}

/* ====================================================================================== FV改修同人ローテーションバナー/end */




/* ====================================================================================== .box-giftcb/ギフト券キャッシュバック */

div[class*="page-"] .box-giftcb > p.description-giftcb {
    line-height: 1.3;
    position: relative;
    margin-top: 12px;
    padding: 5px 3px;
    border-radius: 3px;
    background-color: #ddd;
    font-size: 10px;
    font-weight: bold;
    box-shadow: 0 4px 5px -3px #777;
}
div[class*="page-"] .box-giftcb > p.description-giftcb:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 50%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #ddd transparent;
}
div[class*="page-"] .box-giftcb > p.description-giftcb > span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 3px;
    padding: 1px 2px 1px 1px;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: #222;
    color: #fff;
    cursor: pointer;
    vertical-align: 2px;
}
div[class*="page-"] .box-giftcb > p.description-giftcb > span:hover {
    opacity: 0.7;
}
div[class*="page-basket-"] .box-giftcb > p.description-giftcb {
    background-color: #c00;
    color: #fff;
}
div[class*="page-basket-"] .box-giftcb > p.description-giftcb:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 47%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #c00 transparent;
}
.page-detail .giftcb-date {
    display: none;
    padding: 22px;
}
.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;
}
/* =========================== [ #giftcb-intro ] */

#giftcb-intro * {
    margin: 0;
    padding: 0;
}
#giftcb-intro {
    display: block;
    position: absolute;
    left: 50%;
    width: 600px;
    margin-left: -280px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: #333 5px solid;
    border-radius: 5px;
    box-shadow: 0px 3px 3px rgba(85,85,85,0.5);
    -webkit-box-shadow: 0px 3px 3px rgba(85,85,85,0.5);
    text-align: center;
    background-color: #fff;
    z-index: 20;
}
#giftcb-intro > p {
    padding: 10px 0 7px;
    background-color: #333;
}
#giftcb-intro > div {
    padding: 22px 22px 12px;
}
#giftcb-intro > div h2 {
    margin: 0;
    padding: 0;
}
#giftcb-intro > div .d-sect {
    font-size: 14px;
    text-align: left;
}
#giftcb-intro > div .d-sect .bx-example {
    position: relative;
    margin-top: 12px;
    padding: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: #ddd 3px solid;
    border-radius: 6px;
    font-size: 12px;
}
#giftcb-intro > div .d-sect .bx-example > dl dt {
    margin-bottom: 22px;
    padding-left: 50px;
}
#giftcb-intro > div .d-sect .bx-example > dl dd {
    padding-left: 15px;
    text-align: center;
}
#giftcb-intro > div .d-sect .bx-example > dl dd p {
    margin-top: 12px;
    font-size: 14px;
    color: #c00;
}
#giftcb-intro > div .d-sect .bx-example > dl dd p span {
    font-size: 18px;
}
#giftcb-intro > div .d-sect .bx-example:first-child {
    margin-bottom: 33px;
}
#giftcb-intro > div .d-sect .bx-example > .ttl-begin {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    margin: 0;
    padding: 10px 0 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0 0px 50px 0;
    background-color: #ddd;
    font-size: 22px;
}
#giftcb-intro > div .d-sect p.help-gift {
    margin-top: 22px;
    font-size: 14px;
    text-align: center;
}
/* ====================================================================================== .box-giftcb/ギフト券キャッシュバック/end */


/* ====================================================================================== ブラウザビューア最終ページ */

.view-book {
    height: 100%;
}
.flipsnap {
    height: 100%;
}
.view-sheet {
    width: 100%;
    height: 100%;
}
.viewer-rst {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.viewer-rst * {
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#bvlast-wrap .info-wrap {
    display: inline-block;
    width: 640px;
    margin: auto;
    border-radius: 6px;
    border: #ddd 3px solid;
    line-height: 1.5;
}
#bvlast-wrap .info-wrap .info-wrap-in {
    position: relative;
}
#bvlast-wrap .info-wrap .info-wrap-in > p {
    height: 80px;
    padding-top: 10px;
    background: url(http://p.dmm.co.jp/p/dc/browserviewer/bg_head.gif) no-repeat center top;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.2em;
}
#bvlast-wrap .info-wrap .info-wrap-in a.bt-close {
    display: block;
    position: absolute;
    top: -25px;
    right: -25px;
    width: 60px;
    height: 60px;
    background: url(http://p.dmm.co.jp/p/dc/browserviewer/ico_common.png) no-repeat 0 0;
}
#bvlast-wrap .info-wrap a.bt-close:hover {
    background: url(http://p.dmm.co.jp/p/dc/browserviewer/ico_common.png) no-repeat 0 -80px;
}
#bvlast-wrap .info-wrap a.bt-close > span {
    display: block;
    position: relative;
    padding-top: 6px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0em;
    z-index: -1;
}
#bvlast-wrap .info-wrap .work-info {
    padding: 20px 20px 30px;
    text-align: left;
}
#bvlast-wrap .info-wrap .work-info .img-pack {
    float: left;
    margin-right: 20px;
}
#bvlast-wrap .info-wrap .work-info .img-pack > img  {
    max-height: 200px;
    width: auto;
}
#bvlast-wrap .info-wrap .work-info {
    overflow: hidden;
}
#bvlast-wrap .info-wrap .work-info .work-title {
    font-size: 14px;
}
#bvlast-wrap .info-wrap .work-info .work-title > span {
    font-weight: bold;
    font-size: 22px;
}
#bvlast-wrap .info-wrap .work-info .txt-intro {
    overflow: hidden;
}
#bvlast-wrap .info-wrap .work-info .format-wrap {
    margin-top: 12px;
}
#bvlast-wrap .info-wrap .work-info .format-wrap dt {
    display: inline;
    font-size: 20px;
    font-weight: bold;
}
#bvlast-wrap .info-wrap .work-info .format-wrap dd {
    display: inline;
}
#bvlast-wrap .info-wrap .work-info .format-wrap dd > span {
    margin-left: 10px;
    font-size: 12px;
}
#bvlast-wrap .info-wrap .work-info .format-wrap dd > span:before {
    content: url(http://p.dmm.co.jp/p/dc/browserviewer/ico_circle.png);
    display: inline;
}
#bvlast-wrap .info-wrap .work-info .format-wrap .ttl-limited {
    font-size: 14px;
}
#bvlast-wrap .info-wrap .work-info .format-wrap .ttl-limited:after {
    content: ":";
    margin: 0 2px;
}
#bvlast-wrap .info-wrap .work-info .format-wrap .tx-date {
    display: inline;
    font-size: 13px;
    font-weight: bold;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap dt.txt-purchased {
    margin-bottom: 12px;
    color: #c00;
    font-size: 16px;
    font-weight: bold;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap .box-basket {
    display: table;
    width: 100%;
    margin-top: 2px;
    padding: 10px;
    border-radius: 6px;
    background-color: #eee;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap .box-basket li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 2px;
    font-size: 12px;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap .box-basket li:first-child > span {
    color: #c00;
    font-size: 14px;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap .box-basket li:first-child > span + span {
    color: #c00;
    font-size: 22px;
    font-weight: bold;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap .box-basket .m-boxViewerBtn {
    text-align: center;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap .box-basket .m-boxViewerBtn > span {
    width: 220px;
    line-height: 44px;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .format-wrap .box-basket li + li {
    width: 165px;
}
#bvlast-wrap .info-wrap .work-info .txt-intro .txt-tax {
    margin: 12px 0 0;
    text-align: right;
    color: #666;
}
#bvlast-wrap .info-wrap .work-info .box-btlist {
    padding: 30px 0;
}
#bvlast-wrap .info-wrap .work-info .box-btlist li {
    display: block;
    margin: 0 auto;
    width: 222px;
}
#bvlast-wrap .info-wrap .work-info .box-btlist li + li {
    margin-top: 15px;
}
#bvlast-wrap .info-wrap .work-info a.bt-basket {
    width: 165px;
}
/* ====================================================================================== ブラウザビューア最終ページ/end */





 /**
 * 【用途】
 *  ページネーション定義
 */
#mylibrary .m-boxItemCounter {
    height: 34px;
    padding: 0 6px;
    border-bottom: 1px solid #ccc;
    line-height: 34px;
}
#mylibrary .m-boxItemCounter__txt {
    font-size: 11px;
    text-align: right;
}
#mylibrary .m-boxPagenation {
    margin: 0 -16px;
    height: inherit;
    margin: 0 -16px;
    padding: 0;
}
#mylibrary .m-boxPagenation ul {
    display: table;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    table-layout: fixed;
    color: #aaa;
    float: none;
}
#mylibrary .m-boxPagenation__list__item {
    display: table-cell;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-left: 1px solid #ccc;
    float: none;
    padding: 0 !important;
    background-color: #fff !important;
}
#mylibrary .m-boxPagenation__list__item:first-child {
    border-left: none;
}
#mylibrary .m-boxPaging {
    display: block;
    height: 31px;
    line-height: 31px;
    text-align: center;
}
#mylibrary .m-boxPaging.current {
    background-color: #aaa;
    color: #fff;
}
#mylibrary .m-boxPaging.current.prev,
#mylibrary .m-boxPaging.current.next {
    background-color: #fff !important;
    color: #b3b3b3 !important;
}
#mylibrary .m-boxPaging:link,
#mylibrary .m-boxPaging:visited {
    color: #227ea9;
}
#mylibrary .m-boxPaging--ellipsis {
    color: #227ea9;
}
#mylibrary .m-boxPagenation__txt {
    height: 29px;
    padding: 0 6px;
    font-size: 11px;
    line-height: 29px;
    text-align: right;
    float: none;
}
/**
 *  ページネーション定義　ここまで
 */






/* ========================== .flrother */

#side-l .side-contents .side-menu.flrother {
    background: #222;
}
#side-l .side-contents .side-menu.flrother ul {
    padding: 0;
}
#side-l .side-contents .side-menu.flrother li {
    margin: 2px auto !important;
    background: #e8e8e8;
    padding: 0;
}
#side-l .side-contents .side-menu.flrother ul li a {
    display: block;
    margin-left: 8px;
    padding: 8px 0 8px 12px;
}
.side-menu li .side-menucategory {
    margin: 1px 0 0 0;
    padding: 0;
}
.side-menu li ul.side-menucategory li {
    list-style-type: none !important;
    background: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-top: 0px !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 19px !important;
}
.side-menu li ul.side-menucategory li ul {
    margin-left: 10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.side-menu li ul.side-menucategory li ul li {
    line-height: 19px !important;
    background: url(http://p.dmm.co.jp/p/common/ico/icon_listarrow.gif) left center no-repeat !important;
    padding: 0 0 0 8px !important;
}
/**

 * 【適用先】

 *  二次元マイライブラリ

 * 【用途】

 *  新着通知機能用Switch Button

 */

 /*通信失敗時アラートメッセージ*/

.m-txtNotificationErrorAlert {
    position: absolute;
    z-index: 50;
    top: -45px;
    left: -22px;
    box-sizing: border-box;
    width: 120px;
    padding: 10px 0 20px;
    background: url(http://p.dmm.co.jp/p/dc/detail/bg_fukidashi.png) no-repeat top center;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3 !important;
    text-align: center;
}
.m-boxNotificationSwitch {
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 78px;
    height: 24px;
    border: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: top;
    text-align: left;
}
.m-boxNotificationSwitch__input {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    border: 0;
    outline: none;
    opacity: .001;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-appearance: none;
    appearance: none;
}
.m-boxNotificationSwitch__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background-color: #ddd;
    cursor: pointer;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}
.m-boxNotificationSwitch__item:before {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 34px;
    height: 16px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    content: "";
    -webkit-transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
    -moz-transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
    -o-transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
    transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}
.m-boxNotificationSwitch__input:checked + .m-boxNotificationSwitch__item--live {
    background-color: #406475;
}
.m-boxNotificationSwitch__input:checked + .m-boxNotificationSwitch__item--live:before {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
}
.m-boxNotificationSwitch__input:not(:checked) + .m-boxNotificationSwitch__item--live:before {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}
.m-btnNotificationSwitch {
    position: relative;
    width: 78px;
    height: 24px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.m-btnNotificationSwitch__toggle {
    position: absolute;
    line-height: 24px !important;/* リストページ、ライブラリ対策*/

}
.m-btnNotificationSwitch__toggle::selection {
    background: transparent;
}
.m-btnNotificationSwitch__toggle--on {
    left: 10px;
    color: #fff;
}
.m-btnNotificationSwitch__toggle--off {
    right: 10px;
    color: #7f7f7f;
}
.d-ltie9 .m-boxNotificationSwitch {
    width: 24px;
}
.d-ltie9 .m-boxNotificationSwitch__item {
    display: none;
}
/* ゲスト時 */

.m-boxWrapNotificationSwitch {
    position: relative;
    outline: none;
}
.m-boxWrapNotificationSwitch:before {
    position: absolute;
    z-index: 10;
    width: 78px;
    height: 24px;
    background: #fff;
    opacity: .001;
    content: " ";
    -webkit-appearance: none;
    appearance: none;
}
.d-ltie9 .m-boxWrapNotificationSwitch {
    display: inline-block;
    z-index: 1;
    top: 7px;
    width: 24px;
    height: 24px;
}
.d-ltie9 .m-boxWrapNotificationSwitch:before {
    background: url(http://p.dmm.co.jp/p/dc/common/ico/checkbox.png) no-repeat top left;
}
.d-ltie9 .m-boxWrapNotificationSwitch .m-boxNotificationSwitch {
    z-index: -1;
}
/**

 *  新着通知機能用Switch Button　ここまで

 */



 /**

 * 【適用先】

 *  二次元マイライブラリ

 * 【用途】

 *  新着通知機能用追加対応

 */



 /*　base定義 */

#mylibrary div.list-title ul.list-default > li > div {
    min-height: 0;
}
#mylibrary div.list-title ul.list-default > li > div:hover {
    padding: 10px;
    border: none;
}
#mylibrary div.list-title .limit {
    position: static;
    right: auto;
    bottom: auto;
    left: auto;
    background: transparent;
}
.m-boxMyLibraryList__item::selection {
    background: transparent;
}
.m-boxMyLibraryListUnit__main::selection {
    background: transparent;
}
.m-boxMyLibraryListUnit__main__img::selection {
    background: transparent;
}
.m-btnNotificationSettings__txt::selection {
    background: transparent;
}
/*　module定義 */

.m-boxMyLibraryList__item {
    height: 307px;
}
.m-boxMyLibraryListUnit {
    margin: 0 auto;
    padding: 10px;
}
#mylibrary .l-areaMyLibraryList .m-boxMyLibraryList .m-boxMyLibraryListUnit {
    min-height: 251px;
    opacity: 1;
    transition: opacity .1s ease-in-out;
}
#mylibrary .l-areaMyLibraryList .m-boxMyLibraryList .m-boxMyLibraryListUnit:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
/*#mylibrary .l-areaMyLibraryList .m-boxMyLibraryList .m-boxMyLibraryListUnit:hover {

    padding: 4px;

    border: 6px #eee solid;

}*/

#d-ie7 #mylibrary .m-boxMyLibraryListUnit__main__img > img {
    background-color: #fff;
}
.m-boxMyLibraryListUnit__sub {
    padding: 8px 0 0 2px;
    font-size: 10px;
}
.m-boxMyLibraryListUnit__sub__item {
    overflow: hidden;
    width: 100%;
}
.m-boxMyLibraryListUnit__sub__item > dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-boxMyLibraryListUnit__btn {
    position: absolute;
    top: 234px;
    width: 100%;
}
.m-boxMyLibraryListUnit__btn > span {
    display: block;
    min-width: 164px;
    height: 26px;
    margin-right: 20px;
    border-radius: 3px;
    background-color: #88c014;
    /*opacity: 1;*/

    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;/*transition: opacity .1s ease-in-out;*/

}
#mylibrary .m-boxMyLibraryListUnit__btn > span {
    line-height: 26px;
}
/*.m-boxMyLibraryListUnit__btn > span:hover {

    opacity: .8;

        filter: alpha(opacity=80);

    -ms-filter: "alpha(opacity=80)";

}*/

.m-boxWrapNotificationSettings {
    display: block;
    position: relative;
}
.m-boxWrapNotificationSettings__item {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#mylibrary .m-boxNotificationSettingsControl {
    position: relative;
    height: 40px;
    background: #eee;
}
#mylibrary .m-boxNotificationSettingsControl ~ .m-boxNotificationSettingsControl {
    border-top: 1px solid #d2d2d2;
}
#mylibrary .m-boxNotificationSettingsControl__ttl {
    display: inline;
    margin-left: 18px;
}
#mylibrary .m-boxNotificationSettingsControl__ttl {
    line-height: 40px;
}
#mylibrary .m-boxNotificationSettingsControl__item {
    position: absolute;
    top: 8px;
    right: 18px;
}
#mylibrary .m-boxNotificationSettingsControl__item {
    line-height: 24px;
}
.m-btnNotificationSettings {
    display: block;
    height: 36px;
    padding: 0 18px;
    background: #eee;
    /*box-shadow: 0 3px 3px rgba(0, 0, 0, .15);*/

    cursor: pointer;
}
.m-btnNotificationSettings__txt {
    display: block;
    position: relative;
    background: url(http://p.dmm.co.jp/p/dc/mylibrary/ico_arrow_notification.png) no-repeat top right;
}
#mylibrary .m-btnNotificationSettings__txt {
    line-height: 36px;
}
.m-txtNotificationDescription {
    margin-bottom: 1em;
}
.m-btnNotificationSettings__txt.is-current {
    background-position: bottom right;
}
/*　state定義 */

.m-btnNotificationSettings__txt.is-current {
    background-position: bottom right;
}

/**

 *  新着通知機能用追加対応　ここまで

 */
/**
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  新着通知機能用定義
 */
.m-boxNotificationSettingsTtl {
    position: relative;
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 28px;
}
.m-boxNotificationSettingsTtl__ttl {
    margin-left: .5em;
}
.m-boxNotificationSettingsTtl__link {
    position: absolute;
    top: 0;
    right: .5em;
    bottom: 0;
    font-size: 12px;
}
.m-boxMainNotificationSettings {
    margin-bottom: 36px;
}
.m-boxMainNotificationSettings__txt {
    margin: 0 .5em 18px;
    font-size: 11px;
}
.m-boxMainNotificationSettings__control {
    height: 24px;
    margin-bottom: 12px;
    line-height: 24px;
    text-align: center;
}
.m-boxMainNotificationSettings__control--performer {
    padding-right: 1em;
}
.m-boxMainNotificationSettings__control__ttl {
    display: inline;
    margin-right: 1em;
    font-size: 13px;
}
.m-boxMainNotificationSettings__control__item {
    display: inline;
    position: relative;
}
/* 同人側調整 */
.m-boxNotificationSettingsTtl__link {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
}
.m-boxMainNotificationSettings__control__item {
    margin: 0;
}
/**
 *  新着通知機能用定義　ここまで
 */

/*
*   同人TOP用ここから
*/

#main-dj .area-rotation {
    margin-bottom: 0px;
}
#main-dj .area-genreNav {
    width: 100%;
	padding-top: 1px;
	height: 46px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 4px solid #222;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-dj .area-pickup {
    margin-bottom: 40px;
}
#main-dj .m-boxBookTmbList {
    margin-bottom: 40px;
}

#main-dj .genreNavList {
    height: 60px;
	float:left;
    font-size: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-dj .genreNavList li {
    min-width: 80px;
	height: 45px;
    font-size: 17px;
    text-align: left;
    line-height: 1.2;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-dj .genreNavList__cg:hover, .genreNavList__movie:hover {
    border-bottom: 4px solid #62c44e;
}
#main-dj .genreNavList__comic:hover {
    border-bottom: 4px solid #fd7b2c;
}
#main-dj .genreNavList__game:hover {
    border-bottom: 4px solid #f9488b;
}
#main-dj .genreNavList__voice:hover {
    border-bottom: 4px solid #448dca;
}
#main-dj .genreNavList .genreNavBtn {
    height: 40px;
    margin: 0;
    padding: 2px 3px;
    color: #555;
    border-right: 1px solid #c5c5c5;
    display: block;
	font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-dj .genreNavList .genreNavBtn:hover {
    text-decoration: none;
}
#main-dj .genreNavList .genreBtn--cg {
    background-position: 10px 8px;
}
#main-dj .genreNavList .genreBtn--comic {
    background-position: 10px -44px;
}
#main-dj .genreNavList .genreBtn--game {
	border-left: 1px solid #c5c5c5;
    background-position: 10px -94px;
}
#main-dj .genreNavList .genreBtn--voice {
    background-position: 10px -144px;
}
#main-dj .genreNavList .genreBtn--movie {
    background-position: 10px -194px;
}
#main-dj .genreNavAll {
    font-size: 12px;
    display: block;
}
/* FV改修新規ナビここから */
#main-dj .genreNavList__cg, .genreNavList__movie {
    border-bottom: 4px solid #62c44e;
}
#main-dj .genreNavList__comic {
    border-bottom: 4px solid #fd7b2c;
}
#main-dj .genreNavList__game {
    border-bottom: 4px solid #f9488b;
}
#main-dj .genreNavList__voice {
    border-bottom: 4px solid #448dca;
}

#main-dj .genreNavList .genreNavBtn .genreNavBtn__inner {
	display: block;
	padding: 0 12px;
	border-radius: 3px;
	line-height: 40px;
	height:100%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#main-dj .genreNavList .genreNavBtn .genreNavBtn__inner:before {
	display: inline-block;
	position: relative;
	top: 7px;
	content:"";
	width:21px;
	height: 21px;
	margin-right: 3px;
	background: url(http://p.dmm.co.jp/p/dc_doujin/top/ico_genreMenmuSm.png) no-repeat;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner {
	color: #fff;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--cg{
	background-color: #62c44e;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--comic{
	background-color: #fd8035;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--game {
	background-color: #f9488b;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--voice{
	background-color: #448dca;
}

#main-dj .genreNavList .genreNavBtn .genreNavBtn__inner--cg:before{
	background-position: center 0;
}
#main-dj .genreNavList .genreNavBtn .genreNavBtn__inner--game:before {
	background-position: center -30px;
}
#main-dj .genreNavList .genreNavBtn .genreNavBtn__inner--comic:before{
	background-position: center -60px;
}
#main-dj .genreNavList .genreNavBtn .genreNavBtn__inner--voice:before{
	background-position: center -90px;
}

#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--cg:before{
	background-position: center -120px;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--game:before {
	background-position: center -150px;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--comic:before{
	background-position: center -180px;
}
#main-dj .genreNavList .genreNavBtn:hover .genreNavBtn__inner--voice:before{
	background-position: center -210px;
}
#main-dj .orderNavList {
	position: relative;
	margin-top: 5px;
	float: right;
}
#main-dj .orderNavList:before,
#main-dj .orderNavList:after {
	display:block;
	position: absolute;
	content: "";
	width: 2px;
	height: 6px;
	left: 50%;
	margin-left: -1px;
	background-color: #ebebeb;
	z-index: 10;
}
#main-dj .orderNavList:before {
	top:0;
}
#main-dj .orderNavList:after {
	bottom: 0;
}
#main-dj .orderNavList li {
	position: relative;
	float:left;
	overflow: hidden;
}
#main-dj .orderNavList li.orderNavList__popular {
	border-right: #b8b8b8 1px solid;
}
#main-dj .orderNavList li.orderNavList__new {
	border-left: #fff 1px solid;
}
#main-dj .orderNavList li a {
	position: relative;
	display: block;
	width: 110px;
	height: 30px;
	background: #ebebeb url(http://p.dmm.co.jp/p/dc_doujin/top/txt_orderNavList.png) no-repeat left top;
}
#main-dj .orderNavList li.orderNavList__popular a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
#main-dj .orderNavList li.orderNavList__new a {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-position: left -30px;
}
#main-dj .orderNavList li.orderNavList__popular a:hover {
	background-position: left -60px;
}
#main-dj .orderNavList li.orderNavList__new a:hover {
	background-position: left -90px;
}
#main-dj .orderNavList li a span {
	position: absolute;
	left:0;
	z-index: -5;
	white-space:nowrap;
}
/* FV改修新規ナビここまで */
#main-dj h1.iconTitle {
    padding-left: 32px;
    font-size: 26px;
    font-weight: normal;
}
#main-dj .iconTitle--pickup {
    background: url(http://p.dmm.co.jp/p/dc_doujin/top/ico_common.png) no-repeat 0 -236px;
}
#main-dj .d-headlineTitleWrapper {
    width: 100%;
    position: relative;
}
#main-dj .d-headlineTxt {
    width: 85%;
    display: block;
    float: left
}
#main-dj .d-headlineViewAll {
    width: 72px;
    font-size:12px;
    position: absolute;
    bottom: 0;
    right: 0;
}
#main-dj .d-headlineViewAll:before {
    content: '';
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
}
#main-dj .d-headlineViewAll:after {
    content: '';
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    display: block;
    position: absolute;
    top: 4px;
    right: 2px;

}
#main-dj .productList {
    margin-top: 32px;
    padding-left: 3%;
    font-size: 0;
}
#main-dj .pickupProductList {
    margin-top: 20px;
    padding: 0 1%;
    text-align: center;
}
#main-dj .product {
    width: 18%;
    min-height: 231px;
    margin: 0 0.5%;
    text-align: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-dj .product--large {
    width:23%;
    margin: 0 0.5%;
}
#main-dj .product .productTags img {
    width: 90%;
    max-width: 90px;
}
#main-dj .product--large .productTags img {
    width: auto;
    max-width: 90%;
    max-height: 150px;
}
#main-dj .product .productTags:hover {
    text-decoration: none;
}
#main-dj .product .productTags:hover img {
    opacity: 0.7;
}
#main-dj .product .productTags:before {
    width: 100%;
    height: 18px;
    line-height: 18px;
    margin-bottom: 2px;
    font-size: 10px;
    text-align: center;
    display: block;
}
#main-dj .product .productTags--comic:before {
    content: 'コミック';
    color: #fc5e08;
    background-color: #fecb8f;
}
#main-dj .product .productTags--game:before {
    content: 'ゲーム';
    color: #e0348d;
    background-color: #fdb3d9;
}
#main-dj .product .productTags--cg:before {
    content: 'CG';
    color: #1fa009;
    background-color: #b0f19c;
}
#main-dj .product .productTags--voice:before {
    content: 'ボイス';
    color: #2068a5;
    background-color: #b4eafe;
}
#main-dj .product .productImage {
    margin: 10px auto;
	height: 115px;
    text-align: center;
}
#main-dj .product .ico-convertNg {
    width: 28px;
    height: 28px;
    background: url(http://p.dmm.co.jp/p/dc_doujin/top/ico_common.png) no-repeat 0 -288px;
    position: absolute;
    right: 2px;
    bottom: 110px;
    z-index: 5;
}
#main-dj .product--large .productImage {
    margin: 12px auto;
	height: auto;
    text-align: center;
}
#main-dj .product .productImage:before {
    content: '';
    width: 0;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}
#main-dj .product .productImage img {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -2px;
}
#main-dj .productImageWrapper:after {
    content: '';
    margin-bottom: 8px;
    display: block;
    border-bottom: 1px dotted #777;
}
#main-dj .product .productInformation {
    width: 80%;
    height: 100px;
    margin: 0 auto;
    position: relative;
}
#main-dj .product--large .productInformation {
    width: 90%;
    height: 106px;
}
#main-dj .product .productTitle {
    height: 2.4em;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
}
#main-dj .product--large .productTitle {
    font-size: 14px;
    height: 2.4em;
    font-weight: bold;
}
#main-dj .product .productAuthor {
    font-size: 10px;
    color: #777;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#main-dj .product--large .productAuthor {
    font-size: 12px;
}
#main-dj .productPrice {
    width: 100%;
    line-height: 1.3;
    position: absolute;
    bottom: 5px;
}
#main-dj .product--large .productPrice {
    width: 100%;
    line-height: 1.3;
    position: absolute;
    bottom: 8px !important;
}
#main-dj .productPrice .ordinaryPrice {
    font-size: 13px;
    color: #777;
    font-weight: bold;
    display: block;
}
#main-dj .productPrice--sale .ordinaryPrice {
    font-size: 10px;
    color: #777;
    font-weight: normal;
}
#main-dj .productPrice--sale .salePrice {
    font-size: 13px;
    color: #c00;
    font-weight: bold;
}
#main-dj .productPrice--sale .discountRate {
    font-size: 10px;
    color: #c00;
    line-height: 1;
}
#main-dj .productPrice--pointBackSale .ordinaryPrice {
    font-size: 10px;
    color: #777;
    font-weight: normal;
}
#main-dj .productPrice--pointBackSale .salePrice {
    font-size: 13px;
    color: #c00;
    font-weight: bold;
}
#main-dj .productPrice--pointBackSale .discountRate {
    font-size: 10px;
    color: #c00;
    line-height: 1;
}
#main-dj .pointBackRate {
    width: 100%;
    margin-bottom: 3px;
    padding: 1px;
    border: 1px solid #f94352;
    border-radius: 4px;
    font-size: 10px;
    color: #f94352;
    line-height: 1;
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-dj .m-boxBookTmb {
    overflow: hidden;
}
#main-dj .m-boxBookTmbList--slide {
    position: relative;
    margin-bottom: 20px;
    padding: 0 4%;
}
#main-dj .m-boxBookTmbList--slide__btn--prev {
    background-position: 0px 50%;
    background-image: url(http://p.dmm.co.jp/p/dc/common/btn_tmblist_slide_doujin.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 20px;
    display: block;
    width: 30px;
    height: 95%;
    cursor: pointer;
}
#main-dj .m-boxBookTmbList--slide__btn--next {
    background-position: -174px 50%;
    background-image: url(http://p.dmm.co.jp/p/dc/common/btn_tmblist_slide_doujin.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 20px;
    display: block;
    width: 30px;
    height: 95%;
    cursor: pointer;
}
#main-dj .m-boxBookTmbList--slide__btn--prev.is-disabled {
    background-position: -50px 50%;
    cursor: default;
    opacity: 1;
}
#main-dj .m-boxBookTmbList--slide__btn--next.is-disabled {
    background-position: -123px 50%;
    cursor: default;
    opacity: 1;
}
#main-dj .m-boxBookTmb {
    height: 100%;
    margin: 0 auto;
}
#main-dj .cf:before, .cf:after {
    content: " ";
    display: table;
}
#main-dj .cf:after {
    clear: both;
}

#main-dj .product--large .imgHig {
	height: 100%;
}
/*
*   同人TOP用ここまで
*/

 /*
 *  作品遷移時強調表示用ここから
 */
.m-boxMyLibrary__list {
  margin-bottom: 16px;
  border: 1px solid #ccc;
}
.m-boxMyLibrary__item {
  min-height: 192px;
  margin: 16px;
  display: table;
}
.m-boxMyLibrary__item__tmb {
  width: 112px;
  display: table-cell;
  vertical-align: top;
  opacity: 1;
  transition: opacity .1s ease-in-out;
}
.m-boxMyLibrary__item__tmb:hover {
  opacity: .7;
      filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  cursor: pointer;
}
.m-boxMyLibrary__item__img {
    width: 112px;
}
.m-boxMyLibrary__item__img > img {
  max-width: 100%;
}
.m-boxMyLibraryItemInformation {
  width: 100%;
  padding: 0 16px;
  vertical-align: top;
  display: table-cell;
}
.m-boxMyLibraryItemInformation__ttl {
  font-size: 16px;
}
.m-boxMyLibraryListItemValidPeriod__list {
  display: table;
}
.m-boxMyLibraryListItemValidPeriod__ttl {
  color: #999;
  font-size: 11px;
  display: table-cell;
}
.m-boxMyLibraryListItemValidPeriod__txt {
  padding-left: 8px;
  color: #c00;
}
.m-boxMyLibraryListItemView {
margin-bottom: 8px;
}
.m-btnMyLibraryListItemView__btn {
  width: 270px;
  height: 52px;
  background-color: #88c014;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 3px;
  display: table-cell;
  transition: opacity .1s ease-in-out
}
.m-btnMyLibraryListItemView__btn:hover {
  opacity: 0.7;
      filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.m-boxMyLibraryNotificationSettings {
  width: 270px;
  border: 1px solid #d2d2d2;
  background-color: #eee;
  box-sizing: border-box;
}
.m-boxMyLibraryNotificationSettings__wrap {
  display: none;
}
.m-boxMyLibraryNotificationSettings__ttl {
  padding: 12px 0 0 16px;
  height: 42px;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
}
.m-boxMyLibraryNotificationSettings__ttl:hover {
  cursor: pointer;
}
.m-btnNotificationSettings__txt{background:none;position: relative;}
.m-btnNotificationSettings__txt:before {
  border-width: 7px;
  border-bottom-color: #8ebd2a;
  top: 7px;
  right: 0px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-btnNotificationSettings__txt:after {
  border-width: 7px;
  border-bottom-color: #eee;
  top: 10px;
  right: 0px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-btnNotificationSettings .is-current:before {
  border-width: 7px;
  border-top-color: #8ebd2a;
  top: 16px;
  right: 0px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-btnNotificationSettings .is-current:after {
  border-width: 7px;
  border-top-color: #eee;
  top: 13px;
  right: 0px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-btnNotificationSettingsPh1__txt:before {
  border-width: 7px;
  border-top-color: #8ebd2a;
  top: 16px;
  right: 12px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-btnNotificationSettingsPh1__txt:after {
  border-width: 6px;
  border-top-color: #eee;
  top: 14px;
  right: 13px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-boxMyLibraryNotificationSettings .is-current:before {
  border-width: 7px;
  border-bottom-color: #8ebd2a;
  top: 9px;
  right: 12px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-boxMyLibraryNotificationSettings .is-current:after {
  border-width: 6px;
  border-bottom-color: #eee;
  top: 13px;
  right: 13px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.m-boxMyLibraryNotificationSettings__list {
  height: 42px;
  position: relative;
}
.m-boxMyLibraryNotificationSettings__list+.m-boxMyLibraryNotificationSettings__list {
  border-top: 1px solid #d2d2d2;
}
.m-boxMyLibraryNotificationSettings__txt {
  font-size: 14px;
  position: absolute;
  top: 12px;
  left: 16px;
}
.m-boxMyLibraryNotificationSettings__btn {
  position: absolute;
  top: 10px;
  right: 16px;
}
/*
*  作品遷移時強調表示用ここまで
*/

/*
*   同人マイライブラリ用ここから
*/
#main-bmk .checkarea {
    z-index: 2;
}
#main-bmk.page-digital .tmb a {
    display: block;
    position: relative;
}
#main-bmk.page-digital .tmb a .only-sp {
    display: block;
    position: absolute;
    bottom: 78px;
    right: 4px;
    width: 34px;
    height: 34px;
    margin-right: 3px;
    background: url(http://p.dmm.co.jp/p/dc/common/ico/ico_onlysp.png) no-repeat left top;
    vertical-align: middle;
    z-index: 15;
}
.m-boxMyLibraryListUnit__main__onlySp {
    display: block !important;
    position: absolute;
    top: 122px;
    right: 21px;
    width: 34px !important;
    height: 34px !important;
    background: url(http://p.dmm.co.jp/p/dc/common/ico/ico_onlysp.png) no-repeat left top;
    vertical-align: middle !important;
    z-index: 15;
}
/*
*   同人マイライブラリ用ここまで
*/