@charset "utf-8";

/*============================
       DMM Style Sheet
==============================*/


/*
* ▼common/
*/
body{
    font-size: 10px;
}
p,ul,ol,dl,li,dt,dd{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a:link, .d-txtlink {
    color: #227ea9;
}
a:hover, a:active, .d-txtlink:hover {
    color: #ed5a76;
}
#w .d-announcement dl dd {
    font-size: 1.2em;
}
#footer{
    font-size: 12px;
}
/*PF管轄レコメンド枠*/
div[id^="recommend"] {
    font-size: 12px;
}
/**
 * 左エリア
 */
#l-side{
    display: table-cell;
    vertical-align: top;
    padding-right: 23px;
}

/**
 * 右コンテンツエリア
 */
#l-contents{
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

/**
 * 事業部告知エリア
 */
#l-areaNotice{
    margin-bottom: 20px;
}

/**
 * 本告知エリア
 */
#l-areaFailureNotice {
    margin-bottom: 10px;
}

/**
 * 【適用先】
 *  新着通知管理画面
 */
#l-notificationManagerMain {
    width: 748px;
    margin: 28px auto;
}
.l-areaNotificationManagerList {
    background-color: #eee;
}
#d-ie7 .l-areaNotificationManagerList {
    zoom: 1;
}

/**
 * カルーセル選択バグ対策
 */
#l-areaRecommendCheck::selection {
  background: transparent;
}

/*通常リストヘッダー枠*/
.l-areaListHeader {
    margin-bottom: 15px;
}

/**
* 【適用先】
* セット購入　末端・シリーズリスト・マイライブラリ
 */
/*セット購入一覧枠*/
.l-areaSetPurchase {
margin-bottom: 40px;
}

.l-areaSetPurchase--series {
    margin-top: 30px;
}

.l-areaGenreRecommend {
    position: relative;
    margin-bottom: 30px;
    padding: 7px 0 0 0;
}

/**
 * 事業部告知
 */
.m-boxNotice {
    border: #ddd solid 3px;
    font-size: 1.4em;
    position: relative;
}
.m-boxNotice__txt {
    position: relative;
}
.m-boxNotice__txt a {
    display: block;
    padding: 10px 41px;
}
.m-boxNotice__txt a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -15px;
    background: url(http://p.dmm.com/p/dc/common/ico/title.png) no-repeat left top;
    width: 32px;
    height: 0;
    padding-top: 26px;
    background-position: 0 0;
}

/**
 * 本告知
 */
.m-boxNotice, .m-boxFailureNotice {
    border: #ddd solid 3px;
    font-size: 1.4em;
    position: relative;
}
.m-boxFailureNotice__ttl {
    position: relative;
    padding: 10px 41px;
    font-size: 14px;
    font-weight: bold;
}
.m-boxFailureNotice__ttl:hover {
    color: #ed5a76;
}
.m-boxFailureNotice__ttl:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -15px;
    background: url(http://p.dmm.com/p/dc/common/ico/title.png) no-repeat left top;
    width: 32px;
    height: 0;
    padding-top: 26px;
    background-position: 0 -128px;
}
.m-boxFailureNotice__ttl:after {
    position: absolute;
    top: 50%;
    right: 18px;
    display: block;
    margin-top: -10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    content: "";
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.m-boxFailureNotice__txt {
    padding: 10px 41px;
    border-top: 1px #c3c3c3 dotted;
    display:none;
}

/*
* 【適用先】
*  ページ共通
* 【用途】
*  フラットボタン
*/
/* 基本定義ここから */
.m-boxDcFlatBtn {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid transparent;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity .1s ease-in-out;
}
.m-boxDcFlatBtn:hover {
    opacity: .7;
        filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
/* 可変にする場合のmodifier */
.m-boxDcFlatBtn--flex {
    width: 100% !important;
}
/* アイコンのみ表示する場合のmodifier */
.m-boxDcFlatBtn__txt--icoOnly:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
}

/* a要素をボタンにする場合 */
.m-boxDcFlatBtn > a {
    display: block;
    height: inherit;
    text-decoration: none !important;
}
.m-boxDcFlatBtn__txt {
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
.m-boxDcFlatBtn__txt:before {
    display: inline-block;
    margin-right: .25em;
    vertical-align: -2px;
    content: " ";
}
.m-boxDcFlatBtn__txt--noIco:before {
    content: none;
}
/* formコントロールをボタンにする場合 */
.m-boxDcFlatBtn--form {
    position: relative;
    padding-top: 2px; /* for IE */
}
.m-boxDcFlatBtn--form:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
/* formコントロールの基本定義 */
.m-boxDcFlatBtn--form__control {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    border: none;
    background: transparent;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-weight: bold;
    cursor: pointer;
}
/* 基本定義ここまで */

/* 下記modifierでカスタマイズする */

/* 今すぐ購入ボタン */
.m-boxDcFlatBtn--buyNow {
    width: 216px;
    height: 52px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 52px;
}
.m-boxDcFlatBtn--buyNow__txt {
    color: #fff !important;
    font-size: 20px;
}

/* バスケットに入れるボタン */
.m-boxDcFlatBtn--addToBasket {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--addToBasket__txt {
    color: #6e4519 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--addToBasket__txt:before {
    width: 27px;
    height: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_addcart.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToBasket:before {
    width: 27px;
    height: 20px;
    left: -124px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_addcart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--addToBasket__txt {
    padding-left: 27px;
}

/* バスケットをみるボタン */
.m-boxDcFlatBtn--confirmInBasket {
    width: 216px;
    height: 34px;
    border-bottom-color: #c9b793;
    background-color: #f3dba7;
    line-height: 34px;
}
.m-boxDcFlatBtn--confirmInBasket__txt {
    color: #6e4519 !important;
    font-size: 14px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--confirmInBasket__txt:before {
    width: 20px;
    height: 16px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_cart.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--confirmInBasket:before {
    width: 20px;
    height: 16px;
    left: -112px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_cart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--confirmInBasket__txt {
    padding-left: 20px;
}
/* お気に入りに追加ボタン */
.m-boxDcFlatBtn--addToFavorites {
    width: 216px;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--addToFavorites__txt {
    color: #406475 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--addToFavorites__txt:before {
    width: 14px;
    height: 14px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_star.png);
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToFavorites:before {
    width: 14px;
    height: 14px;
    left: -112px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_star.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--addToFavorites__txt {
    padding-left: 14px;
}
/* formボタンで「お気に入りに登録済」の場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToFavorites.m-boxDcFlatBtn--addedToFavorites:before {
    left: -172px;
}
/* 体験版ダウンロードボタン */
.m-boxDcFlatBtn--download {
    width: 216px;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--download__txt {
    color: #406475 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--download__txt:before {
    width: 16px;
    height: 14px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_download.png);
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--download:before {
    width: 16px;
    height: 14px;
    left: -124px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_download.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--download__txt {
    padding-left: 16px;
}
/* 共有ボタン */
.m-boxDcFlatBtn--share {
    width: 100%;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--share__txt {
    color: #406475 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--share__txt:before {
    width: 14px;
    height: 14px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_share.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--share:before {
    width: 14px;
    height: 14px;
    left: -33px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_share.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--share__txt {
    padding-left: 16px;
}

/* この作品を読むボタン */
.m-boxDcFlatBtn--readThis {
    width: 216px;
    height: 52px;
    border-bottom-color: #7aa013;
    background-color: #8dc100;
    line-height: 52px;
}
.m-boxDcFlatBtn--readThis__txt {
    color: #fff !important;
    font-size: 16px;
}

/* バスケットを見る(中大)ボタン */
.m-boxDcFlatBtn--confirmInBasketMediumLarge {
    height: 44px;
    line-height: 44px;
}
.m-boxDcFlatBtn--confirmInBasketMediumLarge__txt {
    font-size: 17px;
}
.m-boxDcFlatBtn--confirmInBasketMediumLarge__txt:before {
    vertical-align: -1px;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--confirmInBasketMediumLarge:before {
    left: -144px;
}

/* バスケットをみる(小)ボタン */
.m-boxDcFlatBtn--confirmInBasketSmall {
    width: 116px;
    height: 30px;
    border-bottom-color: #c9b793;
    background-color: #f3dba7;
    line-height: 30px;
}
.m-boxDcFlatBtn--confirmInBasketSmall__txt {
    color: #6e4519 !important;
    font-size: 11px;
}
.m-boxDcFlatBtn__txt--icoOnly.m-boxDcFlatBtn--confirmInBasketSmall__txt:before {
    top: 1px;
}

/* バスケットに入れる(中大)ボタン */
.m-boxDcFlatBtn--addToBasketMediumLarge {
    height: 44px;
    line-height: 44px;
}
.m-boxDcFlatBtn--addToBasketMediumLarge__txt {
    font-size: 17px;
}
.m-boxDcFlatBtn--addToBasketMediumLarge__txt:before {
    vertical-align: -1px;
}
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToBasketMediumLarge:before {
    left: -160px;
}

/* バスケットに入れる(小)ボタン */
.m-boxDcFlatBtn--addToBasketSmall {
    width: 116px;
    height: 30px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 30px;
}
.m-boxDcFlatBtn--addToBasketSmall__txt {
    color: #6e4519 !important;
    font-size: 11px;
}
.m-boxDcFlatBtn__txt--icoOnly.m-boxDcFlatBtn--addToBasketSmall__txt:before {
    top: -2px;
    left: 5px;
}

/* 全巻バスケットに入れるボタン */
.m-boxDcFlatBtn--addAllToBasket {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--addAllToBasket__txt {
    color: #6e4519 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--addAllToBasket__txt:before {
    width: 27px;
    height: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_addcart.png) no-repeat;
    margin-right: 0;
    vertical-align: -4px;
}
.m-boxDcFlatBtn--addToBasketIco__txt:before {
    width: 27px;
    height: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_addcart.png) no-repeat;
    margin-right: 0;
    vertical-align: -4px;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addAllToBasket:before {
    width: 27px;
    height: 20px;
    top: -4px;
    left: -150px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_addcart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--addAllToBasket__txt {
    padding-left: 27px;
}

/* キャンセル */
.m-boxDcFlatBtn--cancel {
    color: #222;
    min-width: 140px;
    height: 32px;
    border: 1px solid #c4d8e2;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 32px;
}
.m-boxDcFlatBtn--cancel__txt {
    font-size: 13px;
    font-weight: bold;
}

/* 立ち読みボタン */
.m-boxDcFlatBtn--tachiyomi {
    width: 100%;
    height: 32px;
    border: 1px solid #c4d8e2;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 32px;
}
.m-boxDcFlatBtn--tachiyomiMediumLarge {
    height: 44px;
    line-height: 44px;
}
.m-boxDcFlatBtn--tachiyomiLarge {
    height: 50px;
    line-height: 50px;
}
.m-boxDcFlatBtn--tachiyomiSmall {
    height: 28px;
    line-height: 28px;
}
.m-boxDcFlatBtn--tachiyomi__txt {
    color: #333 !important;
    font-size: 16px;
}
.m-boxDcFlatBtn--tachiyomiMediumLarge__txt {
    font-size: 17px;
}
.m-boxDcFlatBtn--tachiyomiLarge__txt {
    font-size: 20px;
}
.m-boxDcFlatBtn--tachiyomiSmall__txt {
    font-size: 11px;
}

/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--tachiyomi__txt:before {
    width: 30px;
    height: 19px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_browse_blue.png) no-repeat;
    vertical-align: -4px;
}
.m-boxDcFlatBtn--tachiyomiMediumLarge__txt:before {
    vertical-align: -3px;
}
.m-boxDcFlatBtn--tachiyomiLarge__txt:before {
    vertical-align: -2px;
}
.m-boxDcFlatBtn--tachiyomiSmall__txt:before {
    width: 19px;
    height: 12px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_browse_blue_small.png) no-repeat;
    vertical-align: -2px;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--tachiyomi:before {
    width: 30px;
    height: 19px;
    top: 2px;
    left: -74px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_browse_blue.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--tachiyomiLarge:before {
    top: 7px;
    left: -88px;
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--tachiyomi__txt {
    padding-left: 30px;
}
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--tachiyomiSmall:before {
    width: 19px;
    height: 12px;
    top: 4px;
    left: -50px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_browse_blue_small.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--tachiyomiSmall__txt {
    padding-left: 19px;
}
/* 今すぐ購入ボタン（小） ブラウザビューアで使用 */
.m-boxDcFlatBtn--buyNowSmall {
    width: 165px;
    height: 46px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 46px;
}
.m-boxDcFlatBtn--buyNowSmall__txt {
    color: #fff !important;
    font-size: 19px;
}
/* 予約ボタン（小） ブラウザビューアで使用 */
.m-boxDcFlatBtn--reserveSmall {
    width: 165px;
    height: 46px;
    border-bottom-color: #C7992A;
    background-color: #FFDA31;
    line-height: 46px;
}
.m-boxDcFlatBtn--reserveSmall__txt {
    color: #6E4519 !important;
    font-size: 19px;
}
/* 予約済ボタン　ブラウザビューアで使用 */
.m-boxDcReserved--large{
    height: 44px !important;
}
.m-boxDcReserved--large__txt {
    font-weight: bold;
    font-size: 16px !important;
}
/* 汎用ボタン　ブラウザビューアで使用 */
.m-boxDcFlatBtn--pageLead {
    width: 100%;
    height: 44px;
    border: 1px solid #c4d8e2;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 44px;
}
.m-boxDcFlatBtn--pageLead__txt {
    color: #406475 !important;
    font-size: 18px;
}
/* 汎用ボタン　背景グレー用　ブラウザビューアで使用 */
.m-boxDcFlatBtn--follwingPage {
    width: 100%;
    height: 44px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 44px;
}
.m-boxDcFlatBtn--follwingPage__txt {
    color: #406475 !important;
    font-size: 19px;
}
/* 汎用ボタン　オレンジボタン　ブラウザビューアで使用 */
.m-boxDcFlatBtn--decisionLead {
    width: 165px;
    height: 44px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 44px;
}
.m-boxDcFlatBtn--decisionLead__txt {
    color: #fff !important;
    font-size: 19px;
}

/* 汎用ボタン　オレンジボタン　セット購入一覧・購入 */
.m-boxDcFlatBtn--buyNowExSmall {
    width: 165px;
    min-width: 140px;
    height: 34px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 34px;
}
.m-boxDcFlatBtn--buyNowExSmall__txt {
    color: #fff !important;
    font-size: 13px;
}
/* リスト用全巻バスケットに入れるボタン　リストページで使用 */
.m-boxDcFlatBtn--addAllToBasketList {
    width: 192px;
    height: 42px;
    line-height: 42px;
}
/* リスト用バスケットに入れるボタン　リストページで使用 */
.m-boxDcFlatBtn--addToBasketList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* リスト用バスケットを見るボタン　リストページで使用 */
.m-boxDcFlatBtn--confirmInBasketList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* リスト用バスケットを見るボタン(大)　リストページで使用 */
.m-boxDcFlatBtn--confirmInBasketListLarge {
    width: 192px;
    height: 42px;
    line-height: 42px;
}
/* リスト用立ち読みボタン　リストページで使用 */
.m-boxDcFlatBtn--tachiyomiList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* 汎用ボタン　背景グレー用　リストページで使用 */
.m-boxDcFlatBtn--followingPage {
    width: 100%;
    height: 44px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 44px;
}
.m-boxDcFlatBtn--followingPage__txt {
    color: #406475 !important;
    font-size: 19px;
}
.m-boxDcFlatBtn--followingPageList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
.m-boxDcFlatBtn--followingPageList__txt {
    font-size: 16px;
}
/* 有料導線のボタン枠 */
.m-boxFreeworkBtnWrap {
    margin-bottom: 15px;
}
/* 有料導線のボタン*/
.m-boxDcFlatBtn--toPaid {
    display: block;
    position: relative;
    text-align: left;
    padding: 6px 20px;
    border-radius: 3px;
    background: #ffe779;
    box-shadow: 0 2px #d79f50;
    clear: both;
}
.m-boxDcFlatBtn--toPaid__txt {
    font-size: 12px;
    color: #333;
    padding: .5em 0 .2em;
}
.m-boxDcFlatBtn--toPaid__txt span {
    font-size: 16px;
    font-weight: bold;
    margin-right: .5em;
    color: #684018;
}
.m-boxDcFlatBtn--toPaid__txt:before,
.m-boxDcFlatBtn--toPaid__txt:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -6px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #d79f50;
}
.m-boxDcFlatBtn--toPaid__txt:after {
    right: 8px;
    border-left-color: #ffe779;
}
/**
 *  フラットボタン ここまで
 */

/**
 *  バスケットボタン押下後のバルーン
 *　適用先：各トップページ
 *　（末端・シリーズリストは除く）
 */
.m-boxBasketBalloon {
    position: absolute;
    z-index: 50;
    right: -100%;
    bottom: 38px; /* ボタンの高さ + 8px */
    left: -100%;
    width: 12em;
    margin: auto;
    padding: 1em 0 1em;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    background-color: #000;
    opacity: .75;
}
.m-boxBasketBalloon:before {
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #000 transparent;
    content: "";
}

/* トップページ用立ち読みボタン
 * --------------------
 * （トップページの立ち読みボタンは、先行リリースのトップページ改修のDOM構造・class命名を継承する。）
 *　（そのため、共通フラットボタンとは別の命名となる。）
 */
.m-boxBookTmb__btn {
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 6px auto 0;
    position: absolute;
    left: 10%;
    bottom: 14px;
}
.m-boxBookTmb__btn:hover {
    opacity: .7;
        filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.m-boxBookTmb__btn--tachiyomi {
    max-width: 150px;
    width: 80%;
    height: 28px;
    border: 1px solid #c4d8e2;
    border-radius: 3px;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 28px;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity .1s ease-in-out;
}
.m-boxBookTmb__btn > a {
    display: block;
    text-decoration: none !important;
}
.m-boxBookTmb__btn__txt {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    color: #333 !important;
}
.m-boxBookTmb__btn__txt:before {
    display: inline-block;
    width: 19px;
    height: 12px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_browse_blue_small.png) no-repeat;
    margin-right: .25em;
    vertical-align: -2px;
    content: " ";
}
/*
 * トップページ用立ち読みボタンここまで
 */

/* 購入済み */
.m-boxDcPurchased {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 116px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
}
.m-boxDcPurchased--btn {
    width: 100%;
    background-color: #f3f3f3;
    transition: opacity .1s ease-in-out;
}
.m-boxDcPurchased--btn:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.m-boxDcPurchased--btn > a {
    display: block;
    text-decoration: none;
}
.m-boxDcPurchased__txt {
    color: #999;
    font-size: 11px;
}

/* 可変にする場合のmodifier */
.m-boxDcPurchased--flex {
    width: 100% !important;
}
/* リスト用購入済み　リストページで使用 */
.m-boxDcPurchased--list {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
.m-boxDcPurchased--list__txt {
    font-size: 15px;
    font-weight: bold;
}
.m-boxDcPurchased--setPurchaseList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* セット購入一覧用購入済み */
.m-boxDcPurchased--setPurchase {
    height: 34px;
    line-height: 34px;
}
.m-boxDcPurchased--setPurchase__txt {
    font-size: 13px;
    font-weight: bold;
    color: #999;
}

/* ステータスアイコン */
.m-boxStatusIco {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    height: 16px;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-boxStatusIco--large {
    font-size: 1.2em;
}
.m-boxStatusIco--reserve {
    border: 1px solid #fd9c1f;
    color: #fd9c1f;
}
.m-boxStatusIco--price {
    border: 1px solid #ee4d5c;
    background-color: #ee4d5c;
    color: #fff;
}
.m-boxStatusIco--series {
    border: 1px solid #909090;
    color: #909090;
}
.m-boxStatusIco--purchase {
    border: 1px solid #7fb216;
    color: #7fb216;
}
.m-boxStatusIco--popular {
    border: 1px solid #ee4d5c;
    color: #ee4d5c;
}
.m-boxStatusIco--advantage {
    border: 1px solid #fd9c1f;
    background-color: #fd9c1f;
    color: #fff;
}

/* ランキングアイコン */
.m-boxRankingIco{
    width: 36px;
    height: 29px;
    display: block;
    margin: 5px auto 0;
    text-indent: -100%;
    overflow: hidden;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_ranking_crown.png);
}
.m-boxRankingIco--rank1{ background-position: 0 0;}
.m-boxRankingIco--rank2{ background-position: -100% 0;}
.m-boxRankingIco--rank3{ background-position: -200% 0;}
.m-boxRankingIco--rankBelow{
    background-position: -300% 0;
    text-indent: 0;
    font-size: 1.6em;
    text-align: center;
    line-height: 40px;
    color: #aaa;
}

/* セット購入一覧アイコン */
.m-boxSetPurchaseIco {
    width: 100%;
    color: #707070;
    display: inline-block;
    padding: 7px 0;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    background: #e8e8e8;
    white-space: nowrap;
}

/**
 * ブロックタイトル
 */
.m-boxBlockTtl{
    position: relative;
    border-bottom: #406475 solid 2px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.m-boxBlockTtl__ttl{
    font-size: 2.4em;
}
.m-boxBlockTtl__ttl--inline {
    display: inline-block;
    padding-bottom: 4px;
}
.m-boxBlockTtl__txt{
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 1.4em;
    background-color: #406475;
    border-radius: 4px 4px 0 0;
    padding: 7px 7px 5px;
}
.m-boxBlockTtl__txt > a{
    margin: 0 18px 0 12px;
    display: inline-block;
}
.m-boxBlockTtl__txt > a:hover{
    color: #fff !important;
}
.m-boxBlockTtl__txt__btn{
    font-size: 12px;
    position: relative;
    color: #fff;
}
.m-boxBlockTtl__txt__btn:before{
    border-width: 6px;
    border-left-color: #fff;
    right: -19px;
    top: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl__txt__btn:after{
    border-width: 6px;
    border-left-color: #406475;
    right: -16px;
    top: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub{
    border-bottom: none;
}
.m-boxBlockTtl--sub__ttl{
    font-size: 1.6em;
}
.m-boxBlockTtl--sub__ttl img {
    height: 55px;
}
.m-boxBlockTtl--sub__txt{
    background-color: #fff;
    border-radius: 0;
    font-size: 1.2em;
    padding: 0;
}
.m-boxBlockTtl--sub__txt__btn{
    padding-right: 12px;
}
.m-boxBlockTtl--sub__txt__btn:before{
    border-width: 6px;
    border-left-color: #666;
    bottom: 3px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: -8px;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt__btn:after{
    border-width: 6px;
    border-left-color: #fff;
    bottom: 3px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: -5px;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt > a{
    margin: 0;
}
.m-boxBlockTtl--sub__txt > a:hover{
    color: #ed5a76 !important;
}
.m-boxBlockTtl--sub__txt--emphasis{
    background-color: #f0f0f0;
    font-size: 1.2em;
    border: #ddd solid 1px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.m-boxBlockTtl--sub__txt--emphasis__btn{
    padding: 0 20px 0 8px;
}
.m-boxBlockTtl--sub__txt--emphasis__btn:before{
    border-width: 6px;
    border-left-color: #666;
    bottom: 8px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: 0;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt--emphasis__btn:after{
    border-width: 6px;
    border-left-color: #f0f0f0;
    bottom: 8px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: 3px;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt--emphasis > a{
    margin: 0;
}
.m-boxBlockTtl--sub__txt--emphasis > a:hover{
    color: #ed5a76 !important;
}

/* グレーボタン */
.m-boxBlockTtl__txt--schedule,
.m-boxBlockTtl__txt--freeList {
    background-color: #f0f0f0;
    font-size: 1.2em;
    border: #ddd solid 1px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    margin-bottom: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.m-boxBlockTtl__txt--schedule > a,
.m-boxBlockTtl__txt--freeList > a {
    margin: 0;
}
.m-boxBlockTtl__txt--schedule > a:hover,
.m-boxBlockTtl__txt--freeList > a:hover {
    color: #ed5a76 !important;
}
.m-boxBlockTtl__txt--schedule__btn,
.m-boxBlockTtl__txt--freeList__btn {
    padding: 0 20px 0 8px;
}
/* 配信週別 */
.m-boxBlockTtl__txt--schedule__btn:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('http://p.dmm.com/p/dc/common/ico/title.png') no-repeat;
    background-position: -63px -63px;
    margin-bottom: -4px;
    margin-right: 6px;
}
/* 無料作品 */
.m-boxBlockTtl__txt--freeList__btn:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('http://p.dmm.com/p/dc/common/ico/title.png') no-repeat;
    background-position: -96px -96px;
    vertical-align: middle;
    margin-right: 6px;
}

.m-boxBlockTtl__txt--schedule__btn:after,
.m-boxBlockTtl__txt--freeList__btn:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(http://p.dmm.com/p/dc/common/ico/ico_arrow.png);
    background-repeat: no-repeat;
    background-position: center 0;
    top: 0;
    right: 2px;
    bottom: 0;
    margin: auto;
}

/* セット購入一覧への導線 */
.m-boxDetailTopLeadBtn {
    padding-top: 1px;
}
.m-boxSetPurchaseLeadBtn {
    border-radius: 3px;
    border: solid 1px #b4cad5;
    background: #c4d8e2;
}
.m-boxSetPurchaseLeadBtn a {
    display: block;
}
.m-boxSetPurchaseLeadBtn a:hover {
    text-decoration: none;
}
.m-boxSetPurchaseLeadBtn__item {
    color: #426372;
    font-size: 0;
    font-weight: bold;
    line-height: 1.2;
    padding: 6px 68px 6px 50px;
    display: block;
    position: relative;
    text-align: left;
}
.m-boxSetPurchaseLeadBtn__item:before {
    content: '';
    background: url(http://p.dmm.com/p/dc/common/ico/title.png) no-repeat;
    background-position: -64px -128px;
    display: inline-block;
    position: absolute;
    width: 39px;
    height: 41px;
    top: -2px;
    left: 6px;
}
.m-boxSetPurchaseLeadBtn__itemTxtSet {
    font-size: 12px;
}
.m-boxSetPurchaseLeadBtn__itemTxtPrivilege {
    font-size: 16px;
}
.m-boxSetPurchaseLeadBtn__itemTxtPrivilegeType {
    font-size: 14px;
}
.m-boxSetPurchaseLeadBtn__itemTxtPeriod {
    font-size: 11px;
    font-weight: normal;
    display: block;
    line-height: 1.4;
}
.m-boxSetPurchaseLeadBtn__itemLink {
    color: #227ea9;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    top: 6px;
    right: 6px;
}
.m-boxSetPurchaseLeadBtn:hover .m-boxSetPurchaseLeadBtn__itemLink {
    color: #ed5a76;
    text-decoration: underline;
}
/**
 * 横並びレイアウト
 */
.m-boxSideBlock{
    overflow: hidden;
}
.m-boxSideBlock__item{
    float: left;
    width: 50%;
    margin-bottom: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.m-boxSideBlock--col3__item{
    width: 33.3%;
}
.m-boxSideBlock--pickup__item{
    padding: 0;
    width: 100%;
}
.m-boxSideBlock--pickup__item__ttl{
    font-size: 2.0em;
    margin-bottom: 10px;
    padding: 0 10px;
}

/**
 * リンクボタン
 */
.m-btnLink{
    border: #ddd solid 1px;
    font-size: 1.4em;
    line-height: 38px;
    height: 38px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    position: relative;
}
.m-btnLink a{
    display: block;
}
.m-btnLink__txt{
    width: 100%;
    height: 100%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-btnLink__txt:before{
    border-width: 7px;
    border-left-color: #666;
    top: 11px;
    right: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-btnLink__txt:after{
    border-width: 6px;
    border-left-color: #fff;
    top: 12px;
    right: 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-btnTxtLink--arrowLeft__txt {
    position: relative;
    padding-left: 12px;
}
.m-btnTxtLink--arrowLeft__txt::before {
    border-width: 4px 0 4px 6px;
    border-left-color: #999;
    left: 2px;
    top: 50%;
    margin-top: -4px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

/**
 * サブタイトル
 */
.m-ttlSub{
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 2em;
}

/**
 * サムネイルリスト(5カラム)
 */
.m-boxBookTmbList:before,
.m-boxBookTmbList:after {
    display: table;
    content: " ";
}
.m-boxBookTmbList:after {
    clear: both;
}
.m-boxBookTmbList--slide{
    position: relative;
    margin-bottom: 20px;
    padding: 0 6%;
}
.m-boxBookTmbList__item{
    float: left;
    width: 20%;
    margin-bottom: 15px;
}
.m-boxBookTmbList--slide__item--loading{
    background-image: url(http://p.dmm.com/p/title/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
}
.m-boxBookTmbList--slide__btn{
    width: 10%;
}
.m-boxBookTmbList--slide__btn--prev{
    background-position: 20px 50%;
    background-image: url(http://p.dmm.com/p/dc/common/btn_tmblist_slide.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 95%;
    cursor: pointer;
}
.m-boxBookTmbList--slide__btn--next{
    background-position: -174px 50%;
    background-image: url(http://p.dmm.com/p/dc/common/btn_tmblist_slide.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 95%;
    cursor: pointer;
}
.m-boxBookTmbList--slide__btn--prev:hover{
    opacity: 0.6;
}
.m-boxBookTmbList--slide__btn--next:hover{
    opacity: 0.6;
}
.m-boxBookTmbList--half__item{
    margin-right: 1px;
    width: 33%;
}

/**
 * サムネイルリストボタン1つ
 */
.m-boxBookTmbBtn {
    margin: 0 10px;
    text-align: center;
}

/**
 * 書籍サムネイル
 */
.m-boxBookTmb{
    border: #ededed solid 1px;
    margin: 0 auto;
    width: 97%;
    height: 100%;
    max-width: 185px;
    padding-bottom: 4.6em;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
}
/* 無料 */
.m-boxBookTmb--price {
    padding-bottom: 1em;
}
.m-boxBookTmb > a{
    display: block;
}
.m-boxBookTmb > a:link{
    color: #333;
    text-decoration: none;
}
.m-boxBookTmb > a:hover{
    color: #ed5a76;
}

/* ジャンルアイコン */
.m-boxBookTmb__icoGenre{
    display: block;
    background-color: #eee;
    color: #333;
    font-size: 1.1em;
    text-align: center;
    line-height: 25px;
    height: 25px;
}
/* 画像 */
.m-boxBookTmb__img{
    display: block;
    text-align: center;
    height: 100%;
    padding-top: 115%;
    margin: 10px auto 23px;
    position: relative;
}
.m-boxBookTmb__img > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 210px;
    max-width: 150px;
/*    min-height: 130px;
    min-width: 90px;*/
    width: 80%;
    height: auto;
}
.m-boxBookTmb__img--hightFixed > img {
    width: auto;
    height: 100%;
}

/* タイトル */
.m-boxBookTmb__ttl{
    display: block;
    text-align: left;
    line-height: 1.6;
    width: 80%;
    max-width: 160px;
    height: 3.2em;
    margin: 0.2em auto 0;
    word-break: break-all;
}
.m-boxBookTmb__ttl:hover{
    text-decoration: underline;
}

/* ボタンラッパー*/
.m-boxBookTmb__wrapBtn {
    width: 90%;
    margin: .4em auto 0;
    position: absolute;
    right: 0;
    left: 0;
}
.m-boxBookTmb__wrapBtn--left {
    width: 42.5%;
    right: auto;
    left: 5%;
}
.m-boxBookTmb__wrapBtn--right {
    width: 42.5%;
    right: 5%;
    left: auto;
}
/* for IE8：ボタン並置時の縦方向揃え修正 */
[class*="m-boxBookTmb__wrapBtn--"] > * {
    vertical-align: top;
}

/* テキスト */
.m-boxBookTmb__txt{
    display: block;
    color: #c00;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    width: 80%;
    max-width: 160px;
    left: 16px;
    bottom: 14px;
    height: 23px;
    margin: 1em auto 0;
}
/* ステータス範囲 */
.m-boxBookTmb__ico{
    margin: -18px auto 0;
    width: 80%;
    line-height: 15px;
    height: 16px;
}

/**
 * リンクリスト
 */
.m-boxLinkList__btn{
    display: block;
    border-bottom: #ddd solid 1px;
    font-size: 1.3em;
    line-height: 35px;
    height: 35px;
}
.m-boxLinkList__btn__txt{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-boxLinkList__btn__txt:before{
    border-width: 7px;
    border-left-color: #666;
    top: 11px;
    right: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxLinkList__btn__txt:after{
    border-width: 6px;
    border-left-color: #fff;
    top: 12px;
    right: 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

/*
 * 【適用先】
 * 二次元リスト、ランキング、マイライブラリ
 * リストサムネイルサブ
 */
.m-boxListBookProductTmbSub {
    padding-left: 20px;
    background-image: url(http://p.dmm.com/p/dc/common/ico/ico_various_small.png);
    background-repeat: no-repeat;
    height: 1.5em;
    font-size: 13px;
}
.m-boxListBookProductTmbSub--number {
    top: 0;
    left: 0;
    background-position: 0 3px;
}
.m-boxListBookProductTmbSub--numberTile {
    position: absolute;
    top: 45px;
}
.m-boxListBookProductTmbSub--price {
    bottom: 0;
    left: 0;
    background-position: 0 -37px;
    width: 100%;
}
.m-boxListBookProductTmbSub--priceTile {
    position: absolute;
    top: 67px;
}
.m-boxListBookProductTmbSub--listDetail {
    position: relative;
    margin-bottom: 4px;
}
.m-boxListBookProductTmbSub--reviewTile {
    position: absolute;
    top: 22px;
    left: 0;
}
.m-boxListBookProductTmbSub--schedule {
    position: absolute;
    top: 22px;
    left: 0;
    background: none;
    padding-left: 0;
}
/*
  @todo:
commom/list/module.default.cssに同じ記述の「--volume」がある（08/06）
*/
.m-boxListBookProductTmbSub--series {
    top: 0;
    left: 0;
    background-position: 0 -19px;
}
/**
 * トップランキング枠
 */
.m-boxRankingBlock__ttl{
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.m-boxRankingBlock__ttl:before {
    background-image: url(http://p.dmm.com/p/dc/common/ico/top.png);
    background-position: -5px -100px;
    background-repeat: no-repeat;
    content: "";
    padding: 5px 16px;
}
.m-boxBookRanking__item{
    margin-bottom: 15px;
}
.m-boxBookRanking{
    min-height: 350px;
}
.m-boxBookRankingTmb__img{
    display: block;
    background-color: #eee;
    text-align: center;
    margin-bottom: 15px;
    overflow:hidden;
    height: 200px;
    position: relative;
}
.m-boxBookRankingTmb__img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 140px;
    max-height: 200px;
    width: auto;
    height: auto;
}
.m-boxBookRankingTmb__ico{
    display: inline-block;
    color: #333;
    font-size: 2.2em;
    line-height: 1;
    vertical-align: top;
    width: 10%;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-boxBookRankingTmb__txt{
    display: inline-block;
    font-size: 1.4em;
    vertical-align: top;
    width: 90%;
}
.m-boxBookRankingTmb__txt:hover{
    text-decoration: underline;
}
.m-boxBookRankingTmb--no1__ico{
    color: #d6b603;
    font-size: 3.0em;
}
.m-boxBookRankingTmb--no1__txt{
    font-size: 1.6em;
}

/*
 * 【適用先】
 * 二次元リスト、クーポン特設
 * 詳細リスト型
 */
/**
 * 本の種別アイコン
 */
.m-boxListGenreIco {
    display: block;
    background-color: #eee;
    color: #333;
    font-size: 1em;
    text-align: center;
    line-height: 1em;
    padding: 3px 0;
}
.m-boxListGenreIco--large {
    font-size: 13px;
    padding: 5px 0;
}
.m-boxListGenreIco--small {
    font-size: 11px;
    width: 110px;
}
.m-boxListGenreIco--novel {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

/**
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  新着通知機能用Switch Button
 */
 /*通信失敗時アラートメッセージ*/
.m-txtNotificationErrorAlert {
    position: absolute;
    z-index: 50;
    top: -45px;
    left: -22px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 120px;
    padding: 10px 0 20px;
    background: url(http://p.dmm.com/p/dc/detail/bg_fukidashi.png) no-repeat top center;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    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;
}
/* inputフォームコントロール定義 */
.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;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
/*　トグルボタン　ボタン部分外観定義 */
.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;
}
/* check時のトグルボタン本体の背景 */
.m-boxNotificationSwitch__input:checked + .m-boxNotificationSwitch__item--live {
    background-color: #406475;
}
/* check時のトグルボタンのボタン部分のアニメーション */
.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;
}
/* IE8以下 */
.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.com/p/dc/common/ico/checkbox_ie.png) no-repeat top left;
}
.d-ltie9 .m-boxWrapNotificationSwitch .m-boxNotificationSwitch {
    z-index: -1;
}
/**
 *  新着通知機能用Switch Button　ここまで
 */

 /**
 * 【適用先】
 *  新着通知管理画面
 */
 .m-boxNotificationManagerHeading {
    position: relative;
    height: 50px;
    background-color: #406475;
    color: #fff;
    line-height: 50px;
}
.m-boxNotificationManagerHeading__ttl {
    margin-left: 16px;
    font-size: 24px;
}
.m-boxNotificationManagerHeading__txt {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    font-size: 12px;
}
.m-boxNotificationManagerHeading__txt > a {
    display: block;
    padding-right: 1em;
    outline: none;
    background: url(http://p.dmm.com/p/dc/common/ico/arrow_right.png) no-repeat right center;
    color: #fff;
}
.m-boxNotificationManagerHeading__txt > a:link,
.m-boxNotificationManagerHeading__txt > a:visited {
    color: #fff;
}
.m-boxNotificationManagerHeading__txt > a:hover {
    color: #fff !important;
}
.m-boxNotificationManagerChoice {
    overflow: hidden;
    zoom: 1;
    margin-top: 20px;
}
.m-boxNotificationManagerChoice__btn {
    float: left;
}
.m-boxNotificationManagerChoice__btn + .m-boxNotificationManagerChoice__btn {
    float: right;
}
.m-boxNotificationManagerChoice__btn__txt {
    display: block;
    width: 366px;
    height: 56px;
    border: 2px solid #ccc;
    border-radius: 8px;
    color: #406475;
    font-size: 18px;
    line-height: 56px;
    text-decoration: none;
    text-align: center;
}
.m-boxNotificationManagerChoice__btn__txt:link,
.m-boxNotificationManagerChoice__btn__txt:visited {
    color: #406475;
}
.m-boxNotificationManagerChoice__btn__txt:hover {
    border-color: #ff972a;
    background-color: #fff;
    color: #ff972a !important;
    text-decoration: none;
}
.m-txtNotificationManagerDescription {
    margin: 1em 0 1em .5em;
    font-size: 13px;
}
.m-boxNotificationManagerSort {
    height: 43px;
    border-bottom: 1px dotted #aaa;
    font-size: 13px;
    line-height: 43px;
}
.m-boxNotificationManagerSort__ttl {
    display: inline-block;
    margin: 0 .5em 0 1em;
}
#d-ie7 .m-boxNotificationManagerSort__ttl {
    display: inline;
    zoom: 1;
}
.m-boxPagenation {
    overflow: hidden;
    zoom: 1;
    height: 30px;
    padding: 0 1em;
    background-color: #eee;
    font-size: 13px;
    line-height: 30px;
}
.m-boxPagenation__txt {
    float: left;
}
.m-boxPagenation__list {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin: 4px 0;
}
.m-boxPagenation__list__item {
    float: left;
    margin-left: 4px;
}
.m-boxPaging {
    display: block;
    height: 22px;
    padding: 0 14px;
    background-color: #fff;
    color: #227eac;
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
}
.m-boxPaging:link,
.m-boxPaging:visited {
    color: #227eac;
    text-decoration: none;
}
.m-boxPaging:hover {
    background-color: #227eac;
    color: #fff !important;
}
.m-boxNotificationManagerControl {
    position: relative;
    zoom: 1;
    height: 56px;
    margin: 0 6px;
    padding: 0 16px;
    background: #fff;
    line-height: 56px;
}
.m-boxNotificationManagerControl:before,
.m-boxNotificationManagerControl:after {
    content:"";
    display:table;
}
.m-boxNotificationManagerControl:after {
    clear:both;
}
.m-boxNotificationManagerControl--top {
    border-bottom: 1px dotted #aaa;
}
.m-boxNotificationManagerControl--bottom {
    height: 72px;
    border-top: 1px dotted #aaa;
}
.m-boxNotificationManagerControl__label {
    position: absolute;
    top: 17px;
    overflow: hidden;
    height: 22px;
    padding-left: 34px;
    background: url(http://p.dmm.com/p/dc/common/ico/checkbox.png) no-repeat left top;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
}
.m-boxNotificationManagerControl__label::selection {
    background-color: transparent;
}
.m-boxNotificationManagerControl__label__checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.m-boxNotificationManagerControl__label__checkbox:focus {
    outline: none;
}
.m-boxNotificationManagerControl__txt {
    position: relative;
    float: right;
    font-size: 13px;
}
.m-boxNotificationManagerControl__txt__delete {
    margin-left: .25em;
    color: #227eac;
    font-size: 16px;
    cursor: pointer;
}
.m-boxNotificationSettingsList--loading {
    position: relative;
}
.m-boxNotificationSettingsList--loading:after {
    display: block;
    content: ' ';
    background: url(http://p.dmm.com/p/common/ico/loading_gray.gif) no-repeat center rgba(255, 255, 255, 0.6);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 736px;
    top: 0;
    left: 6px;
}
.m-boxNotificationSettingsList__item {
    position: relative;
    min-height: 53px;
    margin: 0 6px;
    background: #fff;
}
.m-boxNotificationSettingsTargetLabel {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    height: 22px;
    margin: auto 0 auto 16px;
    padding-left: 22px;
    background: url(http://p.dmm.com/p/dc/common/ico/checkbox.png) no-repeat left top;
    line-height: 22px;
    cursor: pointer;
}
#d-ie7 .m-boxNotificationSettingsTargetLabel {
    top: 30%;
    bottom: auto;
}
.m-boxNotificationSettingsTargetLabel__checkbox {
    position: absolute;
    top: 0;
    left: 2px;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.m-boxNotificationSettingsTargetLabel__checkbox:focus {
    outline: none;
}
.m-boxNotificationSettingsTargetContent {
    margin-right: 138px;
    margin-left: 51px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
}
.m-boxNotificationSettingsTargetContent--none {
    margin-right: 0;
    margin-left: 0;
    padding: 18px 14px;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    font-weight: normal;
}
.m-boxNotificationSettingsTargetContent__rating {
    font-size: 10px;
}
.m-boxNotificationSettingsIcoOption {
    position: absolute;
    top: 0;
    right: 24px;
    bottom: 0;
    width: 90px;
    height: 18px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #fd9c1f;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
#d-ie7 .m-boxNotificationSettingsIcoOption {
    top: 30%;
    bottom: auto;
}
.m-txtNotificationMailDescription {
    margin-top: 18px;
    font-size: 12px;
}
 /**
 *  新着通知管理画面定義ここまで
 */


 /*
 *  タブ：ランキング部分　ここから
  */
 .m-boxRankingBlock__ttl--left{
    text-align: left;
}
.m-boxNavRanking{
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0 .5em;
    border-top: solid 8px #eee;
    border-collapse: separate;
    border-spacing: 1em 0;
    background: #eee;
}
.m-boxNavRanking__btn{
    font-size: 16px;
    display: table-cell;
    text-align: center;
}
.m-boxNavRanking__btn a{
    color: #fff;
    padding: 12px 0;
    display: block;
    background: #446574;
    border-radius: 3px 3px 0 0;
    transition: opacity .1s ease-in-out;
}
.m-boxNavRanking__btn a:link{
    color:#fff;
}
.m-boxNavRanking__btn a:hover{
    color: #fff !important;
    opacity: 0.8;
}
.m-boxNavRanking__btn.is-active a{
    color: #446574;
    background: #fff;
}
.m-boxNavRanking__btn.is-active a:hover{
    color: #446574 !important;
    text-decoration: none;
}
[class^='m-boxBookTmb__txtRank']{
    width: 36px;
    height: 30px;
    display: block;
    margin: 5px auto 0;
    text-indent: -100%;
    overflow: hidden;
    background: url(http://p.dmm.com/p/sp/common/ico/dc/top/ico_rank1_10.png);
    background-size: 500% 200%;
}
.m-boxBookTmb__txtRank1{ background-position: 0 0;}
.m-boxBookTmb__txtRank2{ background-position: -100% 0;}
.m-boxBookTmb__txtRank3{ background-position: -200% 0;}
.m-boxBookTmb__txtRank4{ background-position: -300% 0;}
.m-boxBookTmb__txtRank5{ background-position: -400% 0;}
.m-boxBookTmb__txtRank6{ background-position: 0 -100%;}
.m-boxBookTmb__txtRank7{ background-position: -100% -100%;}
.m-boxBookTmb__txtRank8{ background-position: -200% -100%;}
.m-boxBookTmb__txtRank9{ background-position: -300% -100%;}
.m-boxBookTmb__txtRank10{ background-position: -400% -100%;}
 /*
 *  タブ：ランキング部分　ここまで
  */


/**
 * 【適用先】
 *  末端、リスト、トップ
 */
 /* ▼ 予約販売＆予約告知用追加 ここから ▼ */
/* 予約するボタン */
.m-boxDcFlatBtn--reserve {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--reserve__txt {
    color: #6e4519 !important;
    font-size: 15px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserve__txt:before {
    width: 27px;
    height: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_reserve.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserve:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_reserve.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserve__txt {
    padding-left: 27px;
}
/* 予約する(大)ボタン */
.m-boxDcFlatBtn--reserveLarge {
    width: 216px;
    height: 52px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 52px;
}
.m-boxDcFlatBtn--reserveLarge__txt {
    color: #6e4519 !important;
    font-size: 16px;
}
.m-boxDcFlatBtn--reserveMediumLarge__txt {
    color: #6e4519 !important;
    font-size: 17px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserveLarge__txt:before {
    width: 27px;
    height: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_reserve.png) no-repeat;
}
.m-boxDcFlatBtn--reserveMediumLarge__txt:before {
    width: 27px;
    height: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_reserve.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserveLarge:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_reserve.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserveLarge__txt {
    padding-left: 27px;
}
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserveMediumLarge__txt:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_addcart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserveMediumLarge__txt {
    padding-left: 27px;
}
/* 予約する(中小)ボタン */
.m-boxDcFlatBtn--reserveMidSmall {
    width: 100%;
    height: 30px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 30px;
}
.m-boxDcFlatBtn--reserveMidSmall__txt {
    color: #6e4519 !important;
    font-size: 11px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserveMidSmall__txt:before {
    width: 27px;
    height: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_reserve.png) no-repeat;
    margin-right: 0;
    vertical-align: -4px;
}

/* 予約時のバスケットをみるボタン */
.m-boxDcFlatBtn--reserveConfirmInBasket {
    width: 216px;
    height: 52px;
    border-bottom-color: #c9b793;
    background-color: #f3dba7;
    line-height: 52px;
}
.m-boxDcFlatBtn--reserveConfirmInBasket__txt {
    color: #6e4519 !important;
    font-size: 16px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserveConfirmInBasket__txt:before {
    width: 20px;
    height: 16px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_cart.png) no-repeat;
    vertical-align: -4px;
}
.m-boxDcFlatBtn--addedToBasketIco__txt:before {
    width: 20px;
    height: 16px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_cart.png) no-repeat;
    vertical-align: -4px;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserveConfirmInBasket:before {
    width: 20px;
    height: 16px;
    left: -140px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_cart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserveConfirmInBasket__txt {
    padding-left: 20px;
}
/* 購入済み作品一覧へボタン */
.m-boxDcFlatBtn--reservePurchased {
    width: 216px;
    height: 52px;
    border-bottom-color: #7aa013;
    background-color: #8dc100;
    line-height: 52px;
}
.m-boxDcFlatBtn--reservePurchased__txt {
    color: #fff !important;
    font-size: 16px;
}
/* リスト用予約するボタン　リストページで使用 */
.m-boxDcFlatBtn--reserveList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* 予約済 */
.m-boxDcReserved {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 116px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    background-color: #F3F3F3;
}
.m-boxDcReserved--btn {
    width: 100%;
    background-color: #f3f3f3;
    transition: opacity .1s ease-in-out;
}
.m-boxDcReserved--btn:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.m-boxDcReserved--btn > a {
    display: block;
    text-decoration: none;
}
.m-boxDcReserved__txt {
    color: #999;
    font-size: 11px;
}

/* 可変にする場合のmodifier */
.m-boxDcReserved--flex {
    width: 100% !important;
}
/* リスト用予約済　リストページで使用 */
.m-boxDcReserved--list {
    width: 162px;
    height: 42px;
    line-height: 42px;
    background: #fff;
}
.m-boxDcReserved--list__txt {
    font-size: 15px;
    font-weight: bold;
}
/* 発売予定 */
.m-boxDcSchedule {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    width: 150px;
    border: 2px solid #dedede;
    line-height: 11px;
    padding: 1px 0;
}
.m-boxDcSchedule__txt {
    color: #333;
    font-size: 10px;
}
.m-boxDcSchedule__txt:after {
    content:"発売予定";
    padding-left: 5px;
}
/* 可変にする場合のmodifier */
.m-boxDcSchedule--flex {
    width: 100% !important;
}
/* リスト用発売予定　リストページで使用 */
.m-boxDcSchedule--list {
    width: 162px;
    height: 42px;
    line-height: 36px;
    border: 3px solid #dedede;
}
.m-boxDcSchedule--list__txt {
    font-size: 12px;
    font-weight: normal;
}
.m-boxDcSchedule--list__txt:after {
    font-size: 11px;
    vertical-align: baseline;
}
.m-boxDcSchedule--tile {
    border: none;
    text-align: initial;
}
.m-boxDcSchedule--tile__txt {
    font-size: 11px;
    font-weight: normal;
}
/* ▲ 予約販売＆予約告知用追加 ここまで ▲ */

/**
 * 【適用先】
 *  リスト、ランキング
 * 【用途】トップに戻るボタン
 */
 .m-boxDcBackToTop {
    position: fixed;
     bottom: 20px;
    right: 20px;
    display: block;
    width: 48px;
    height: 48px;
    background: #0a2937;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    cursor: pointer;
    z-index: 400;
}
.m-boxDcBackToTop__txt {
    display: none;
}
.m-boxDcBackToTop:before {
    background-image: url(http://p.dmm.com/p/dc/common/btn_backtotop.png);
    width: 23px;
    height: 16px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.m-boxListController--footer__itemAllToBasket {
    margin-top: 20px;
}
/*トップに戻るボタンここまで*/
/* 検索/表示結果なし ここから  */

.m-boxNoItem{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: red;
    margin: 50px 0;
}
.m-boxNoItem__txt > a{
    position: relative;
    margin-left: 20px;
}
.m-boxNoItem__txt > a:before {
    border-left: 5px solid #9E9E9E;
    border-bottom: transparent 5px solid;
    border-top: transparent 5px solid;
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    top: 2px;
    left: -9px;
}
/*  検索/表示結果なしここまで  */

/*　ポップアップ ここから */
.m-boxPopUpBack {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(http://p.dmm.com/p/dc/common/bg_black_translucent.png);
    z-index: 1010;
    display: none;
}
.m-boxPopUpBack:hover {
    cursor: pointer;
}
.m-boxPopUp__main {
    position: absolute;
    z-index: 1030;
}
.m-boxPopUp__close {
    position: absolute;
    right: 3px;
    top: -28px;
}
.m-boxPopUp__close:hover {
    cursor: pointer;
    color: #dadada;
}
.m-boxPopUpWrap {
    display: none;
    font-size: 10px;
    position: absolute;
    z-index: 1020;
}
/*　ポップアップ ここまで */

/*　ポップアップ 閉じる×ボタン ここから */
.m-boxCloseBtn {
    display: block;
    width: 18px;
    height: 18px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_close.png) center top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.m-boxCloseBtn--whiteLarge {
    width: 23px;
    height: 23px;
    background-position: center -38px;
}
.m-boxCloseBtn--blackSmall {
    width: 10px;
    height: 10px;
    background-position: center -23px;
}
/*　ポップアップ 閉じる×ボタン ここまで */


/*　コード入力フォーム ここから*/
.m-boxInputCodeBlock {
    padding: 10px 0;
    text-align: center;
}
.m-boxInputCodeBlock__item {
    display: block;
    margin-top: 8px;
    height: 12px;
}
.m-boxInputCodeBlock__txt {
    display: inline-block;
    color: #595959;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
}
.m-boxInputCodeBlock__form {
    display: inline-block;
    border: 1px #ccc solid;
    border-right: none;
    border-radius: 5px;
    background-color: #fff;
}
.m-boxInputCodeBlock__form__inputTxt {
    height: 21px !important;
    width: 281px !important;
    padding-right: 10px;
    padding-left: 10px;
    border: none !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 1.4em;
}
@media (min-width:1px) {
.m-boxInputCodeBlock__form__inputTxt {
    height: 32px !important;
}
}
.m-boxInputCodeBlock__form__inputBtn {
    width: 6em;
    height: 37px;
    border: none;
    background-color: #406475;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 3px 0;
}
.m-boxInputCodeBlock__form__inputBtn:hover {
    cursor: pointer;
}
.m-boxInputCodeBlock--mycoupon {
    padding: 15px 0;
    border: 1px #ccc solid;
    background-color: #f0f0f0;
    text-align: center;
}
/*　コード入力フォーム ここまで*/

/* リスト・マイバスケットページで使用 */
/**
 * バスケットに入れるバルーン表示
 */
.m-boxListBookProductTmbBasketBalloon {
    position: absolute;
    z-index: 50;
    top: -42px;
    right: 2px;
    left: 2px;
    margin: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 20px;
    background: url(http://p.dmm.com/p/dc/detail/bg_fukidashi.png) no-repeat top center;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.m-boxListBookProductTmbBasketBalloon--wide {
    right: -10px;
    left: -10px;
}
/**
 * リスト全巻バスケットに入れるバルーン表示
 */
.m-boxListAllToBasket__balloon {
    position: absolute;
    display: block;
    z-index: 50;
    top: -42px;
    left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    margin: auto !important;
    padding: 8px 0 20px;
    background: url(http://p.dmm.com/p/dc/common/detail/bg_balloon.png) no-repeat top center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

/**
 * カルーセル選択バグ対策
 */
.m-boxRotationBnrList__img img::selection {
    background: transparent;
}
.m-boxRecommend__item::selection {
    background: transparent;
}
.m-boxRecommend__item ::selection {
    background: transparent;
}
.m-boxBookTmbList::selection {
    background: transparent;
}
#recommend .list-main::selection {
    background: transparent;
}
.m-boxReserve__item::selection {
    background: transparent;
}
.m-boxRankingBlock::selection {
    background: transparent;
}
.m-boxRankingBlock :not(span)::selection {
    background: transparent;
}
.m-boxBlockTtl.m-boxBlockTtl--sub :not(.m-ttlSub) ::selection {
    background: transparent;
}

/**
 * コミック雑誌配信一覧
 */
.m-boxStaticBnr {
    position: relative;
    overflow: hidden;
    height: 180px;
    margin: 0 auto 40px;
}
.m-boxStaticBnr > img {
    position: absolute;
    right: -100%;
    left: -100%;
    margin: 0 auto;
}
.m-boxBookTmb--magazineList {
    padding-bottom: 5.3em;
}
.m-boxBookTmb__img--magazineList {
    margin-bottom: 30px;
}
.m-boxBookTmb--magazineList > a:link,
.m-boxBookTmb__info--publisher > a:link {
    color: #227ea9;
}
.m-boxBookTmb--magazineList > a:hover,
.m-boxBookTmb__info--publisher > a:hover {
    color: #ed5a76;
}
.m-boxBookTmb__ico--magazineList {
    margin-top: -22px;
}
.m-boxBookTmb__ttl--large {
    font-size: 14px;
    line-height: 1.2;
    height: 2.3em;
    margin-top: 6px;
}
.m-boxBookTmb__info {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.m-boxBookTmb__info--publisher {
    font-size: 12px;
    margin: 6px auto 0;
}
.m-boxBookTmb__info--publisher > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-boxBookTmb__info--release {
    font-size: 12px;
    margin: 6px auto 0;
}
.m-boxBookTmb__itemList {
    width: 80%;
    margin: 15px auto;
}
.m-boxBookTmbItem {
    padding-left: 20px;
    background: url(http://p.dmm.com/p/dc/common/ico/ico_various_small.png) no-repeat 0 0;
    height: 1.5em;
    font-size: 14px;
}
.m-boxBookTmbItem--price {
    background-position: 0 -37px;
}
.m-boxBookTmb__itemBtn {
    width: 80%;
    margin: 15px auto -44px;
}

/**
 *【適用先 詳細リスト&ランキング】
*/
/*大枠*/
.m-boxListBookProductLarge__list__block {
    margin-bottom: 3px;
}
.m-boxListBookProductLarge__list__block:last-child {
    margin-bottom: 0;
}
/*
リストブロック
*/
.m-boxListBookProductBlock {
  position: relative;
  border: solid 1px #e1e1e1;
  padding: 15px;
}
.m-boxListBookProductBlock:before,
.m-boxListBookProductBlock:after {
    content:"";
    display:table;
}
.m-boxListBookProductBlock:after {
    clear:both;
}
/*メイン枠ここから*/
.m-boxListBookProductBlock__main {
    clear: both;
    display: block;
}
/*サムネイル枠ここから*/
.m-boxListBookProductBlock__main__tmb {
    float: left;
}
.m-boxListBookProductBlock__main__tmb > a {
    display: block;
}
.m-boxListBookTmbImg > img {
    max-width: 140px;
}
/*お気に入りボタン枠ここから*/
.m-boxListBookProductBlock__main__favoriteBtn {
    width: 55px;
    height: 55px;
}
/*左情報枠ここから*/
.m-boxListBookProductBlock__main__info {
    margin-left:  155px;
}
.m-boxListBookProductBlock__main__info__itemGenreIco {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: top;
}
.m-boxListBookProductBlock__main__info__ttl {
    font-size: 20px;
    margin-right: 195px;
}
.m-boxListBookProductBlock__main__info__linkAuthor {
    font-size: 12px;
}
.m-boxListBookProductBlock__main__info__story {
    font-size: 12px;
}
.m-boxListBookProductBlock__main__info__itemSubInfo {
    height: auto;
    position: relative;
    margin: 10px 0;
}
.m-boxListBookTmbSubInfo--series {
    top: 0;
    left: 0;
    background-position: 0 -17px;
}
.m-boxListBookTmbSubInfo--series__txt {
    white-space: nowrap;
}
.m-boxListBookTmbSubInfo--series__txt__link {
    position: relative;
    margin-left: 8px;
}
.m-boxListBookTmbSubInfo--series__txt__link:before {
    border-width: 5px;
    border-left-color: #227ea9;
    top: 50%;
    margin-top: -5px;
    right: -17px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxListBookTmbSubInfo--series__txt__link:after {
    border-width: 4px;
    border-left-color: #fff;
    top: 50%;
    margin-top: -4px;
    right: -14px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
/*ボタン枠ここから*/
.m-boxListBookProductBlock__btn {
    position: absolute;
    right: 15px;
    top: 15px;
}
.m-boxListBookProductBlock__btn__itemTachiyomi {
    margin-bottom: 10px;
}
.m-boxListBookProductBlock__btn__itemBasket {
    margin-bottom: 5px;
}
/*横並びボタン用*/
.m-boxListBookProductBlock__btn--sidebyside__item {
    float: left;
    margin-left: 10px;
}
/*ステータス枠ここから*/
.m-boxListBookProductBlock__status {
    clear: both;
    font-size: 10px;
    margin-left: -6px;
}
.m-boxListBookProductBlock__status__item {
    display: block;
    width: 70px;
    margin: 6px 0 0 6px;
    float: left;
}
/*ステータス枠（新規）ここから*/
.m-boxListBookStatus {
    font-size: 10px;
    margin: 10px 0 0 -6px;
}
.m-boxListBookStatus__item {
    display: block;
    width: 70px;
    margin: 6px 0 0 6px;
    float: left;
}
/*シリーズ枠ここから*/
.m-boxListBookProductBlock__series {
    border-top: 1px solid #eee;
    clear: both;
    margin: 0 -15px;
    padding-top: 6px;
    position: relative;
    text-align: right;
    top: 10px;
}
.m-boxListBookProductBlock__series__item > a {
    display: inline-block;
}
.m-boxListBookProductBlock__series__item__txt {
    padding-right: 25px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
}
.m-boxListBookProductBlock__series__item__txt:before {
    border-width: 7px;
    border-left-color: #666;
    margin-top: 5px;
    right: 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxListBookProductBlock__series__item__txt:after {
    border-width: 6px;
    border-left-color: #fff;
    margin-top: 6px;
    right: 9px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
/*【適用先 詳細リスト&ランキング】ここまで*/

/*
 * 【適用先　セット購入一覧】
 * シリーズリスト、マイライブラリ、リスト、末端
 * テーブル
 */
.m-boxSetPurchaseBlock__wrap {
    margin-top: -20px;
}
.m-boxSetPurchaseList {
    width: 100%;
    font-size: 16px;
    border-collapse:collapse;
}
.m-boxSetPurchaseList__item {
    border-bottom: solid 1px #bbb;
}
.m-boxSetPurchaseList__item__head {
    font-size: 16px;
    padding: 4px 16px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}
.m-boxSetPurchaseList__item__volume {
    font-size: 12px;
    width: 55px;
}
.m-boxSetPurchaseList__item__discount {
    font-size: 10px;
    width: 80px;
    padding-left: 16px;
}
.m-boxSetPurchaseList__item__price {
    width: 118px;
    padding: 4px 10px;
    text-align: right;
}
.m-boxSetPurchaseList__item__price__txt {
    color: #000;
    font-size: 16px;
    white-space: nowrap;
}
.m-boxSetPurchaseList__item__price__txt--discount {
    color: #c00;
    font-weight: bold;
}
.m-boxSetPurchaseList__item__price__usual {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}

.m-boxSetPurchaseList__item__point {
    padding: 4px 16px;
    width: 88px;
    text-align: center;
}
.m-boxSetPurchaseList__item__btn {
    padding: 15px 10px 15px 0;
    width: 140px;
}
.m-boxSetPoint {
    color: #ff8b12;
    font-size: 10px;
    position: relative;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 10px;
    min-width: 90px;
    min-height: 40px;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border: 1px solid #ff8b12;
    border-radius: 3px;
    z-index: 0;
}
.m-boxSetPoint:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -8px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}
.m-boxSetPoint:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -9px;
    margin-top: -8px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #ff8b12 transparent transparent;
    z-index: -1;
}
/*セット購入一覧ポップアップ*/
.m-boxSetPurchasePopUp {
    width: 630px;
    border-radius: 5px;
    padding: 40px 10px 20px;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 1030;
}
.m-boxSetPurchasePopUp__txt {
    font-size: 16px;
    text-align: center;
}
.m-boxSetPurchasePopUp__btn {
    margin-top: 40px;
    text-align: center;
}

/* エラーテキスト */
.m-boxCouponCodeError {
    position: relative;
    color: #c00;
    padding: 3px 0 3px 20px;
    line-height: 1.5;
    font-weight: bold;
    font-size: 12px;
}

.m-boxCouponCodeError:before {
    content: "";
    background: url(http://p.dmm.com/p/dc/common/ico/title.png) no-repeat -96px -32px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    height: 18px;
    width: 18px;
}
/* エラーテキスト（大） */
.m-boxCouponCodeError--large {
    padding: 0 0 0 30px;
    line-height: 1.5;
    font-size: 16px;
}
.m-boxCouponCodeError--large:before {
    background-position: -32px -64px;
    margin-top: -11px;
    height: 22px;
    width: 22px;
}
/* エラーテキスト（末端ページ用） */
.m-boxCouponCodeError--couponDetail {
    line-height: 1.3;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    display: inline-block;
}
/* エラーテキスト（アイコン紺パターン） */
.m-boxCouponCodeError--info {
    color: #406575;
    font-weight: normal;
    font-size: 16px;
}
.m-boxCouponCodeError--info:before {
    background-position: -64px -32px;
}
.m-boxListBookCampaignBalloon{
    color: #ee4d5c;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 3px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    position: relative;
    border: 1px solid #ee4d5c;
    white-space: nowrap;
    z-index: 0;
    margin-left: 2px;
}
.m-boxListBookCampaignBalloon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -4px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}
.m-boxListBookCampaignBalloon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    margin-top: -4px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #ee4d5c transparent transparent;
    z-index: -1;
}
.m-boxListBookCampaignBalloon--bottom:before {
    top: 100%;
    left: 9px;
    margin-top: -1px;
    border-width: 5px 4px 0px 4px;
    border-color: #fff transparent transparent transparent;
}
.m-boxListBookCampaignBalloon--bottom:after {
    top: 100%;
    left: 9px;
    margin-top: 1px;
    border-width: 5px 4px 0px 4px;
    border-color: #ee4d5c transparent transparent transparent;
}
/*
 * 【適用先　ジャンル一覧】
 */
.m-boxBlockTtl--genre {
    margin: 10px 0;
}
.m-boxBookTmb--genre {
    padding-bottom: 0;
    width: 95%;
}
.m-boxBookTmb--genre > a:link {
    color: #227ea9;
}
.m-boxBookTmb--genre > a:hover {color: #ed5a76;}
.m-boxBookTmb__genre + .m-boxBookTmb__img {
    margin: -5px auto 15px;
}
.m-boxBookTmb__genre {
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    height: 25px;
    padding: 7px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-boxBookTmb__genre:hover {
    text-decoration: underline;
}
.m-boxGenreCategoryBlock {
    position: relative;
    margin-bottom: 30px;
    padding-left: 10px;
    overflow: auto;
}
.m-boxCategoryList {
    width:100%;
    font-size: 13px;
    word-break: break-all;
    text-align: left;
}
.m-boxCategoryList__item {
    float: left;
    width: 24%;
    padding: 4px 0;
    margin-right: 5px;
}

/**
 * サムネイルリスト(5カラム)
 */
.m-boxBookTmbList--slide__btn--prev.is-disabled{
    background-position: -31px 50%;
    cursor: default;
    opacity: 1;
}
.m-boxBookTmbList--slide__btn--next.is-disabled{
    background-position: -123px 50%;
    cursor: default;
    opacity: 1;
}
 /**
 * 【適用先】
 *  新着通知管理画面
 */
 .m-boxNotificationManagerChoice__btn__txt.is-current {
    border-color: #ff972a;
    background-color: #ff972a;
    color: #fff !important;
}
.m-boxPaging.is-terminal {
    padding: 0 7px;
}
.m-boxPaging.is-current {
    background-color: #aaa;
    color: #fff;
    cursor: auto;
}
.m-boxNotificationManagerControl__label.is-current {
    background-position: left  -22px;
}
.m-boxNotificationSettingsTargetLabel.is-current {
    background-position: left  -22px;
}
.m-boxNotificationSettingsList__item.is-even {
    background-color: #f3f3f3;
}

/**
 * ポップアップ 非表示
 */
.l-areaOverlayPopUp.is-hidden {
    display: none;
}

/**
 * 障害告知枠
 */
.m-boxFailureNotice__ttl.is-active:after {
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -3px;
}

/*
* ▼common/navi
*/
/*
 * 新上ナビ改修適用
 * 不要な書き方になったのちに削除
 */
#d-header .hd-listService__link:hover,
#d-header .hd-listService__link:active {
    color: #fff !important;
}
/* 新上ナビ改修適用　ここまで */


#d-header .hd-lnav {
    font-size: 12px;
    padding: 0;
}
#d-header .hd-lnav ul {
    margin: auto;
}
#d-header .hd-lnav ul li {
    float: none;
    margin: auto;
}
#d-header .hd-lnav ul li a span {
    background: none;
    padding: 0;
}
#d-header .hd-lnav ul li a {
    font-weight: normal;
    padding: 0;
    width: auto;
    word-break: normal;
    cursor: pointer;
}
#d-header .hd-lnav ul li a:hover,
#d-header .hd-lnav ul li a:active {
    background-color: transparent;
}


#header{
}
#header .hd-srch {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 12px 100px;
}
#header .hd-gnav .hd-mainnav li.on a,
#header .hd-gnav .hd-mainnav li a:hover {
    color: #fff !important;
}
#header [class*="hd-gnav"] .hd-sitenav li a:hover {
    color: #fff !important;
}
#header .hd-lnav{
    background: #fff;
    font-size: 12px;
    padding: 0;
    position: static;
}
#header .hd-lnav ul {
    margin: auto;
}
#header .hd-lnav ul li {
    float: none;
    margin: auto;
}
#header .hd-lnav ul li a {
    font-weight: normal;
    padding: 0;
    width: auto;
    word-break: normal;
    cursor: pointer;
}
#header .hd-lnav ul li a span {
    background: none;
    padding: 0;
}
#header .hd-lnav ul li a img{
    margin: auto;
    vertical-align: auto;
}
#header .hd-lnav ul li a:hover{
    background-color: transparent;
}

#header .hd-srch {
    background: none;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 12px 100px;
}
#header .hd-lnav + .hd-srch {
    border-top: none;
}

#l-header {
    background-color: #f3f4f8;
}

.m-boxNavMenuList:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

.m-boxNavMenuListMain,
.m-boxNavMenuListSub {
    display: table;
    table-layout: fixed;
}

.m-boxNavMenuListMain {
    width: 71%;
    height: 48px;
    float: left;
    box-sizing: border-box;
}

.m-boxNavMenuListMain:only-child {
    width: 100%;
}

.m-boxNavMenuListSub {
    width: 28.5%;
    height: 43px;
    margin-top: 5px !important;
    box-sizing: border-box;
    float: right;
}

.m-boxNavMenuListMain li,
.m-boxNavMenuListSub li {
    height: inherit;
    line-height: 1.3;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    background: #fff;
}

.m-boxNavMenuListMain__btn,
.m-boxNavMenuListSub__btn {
    box-sizing: border-box;
}

.m-boxNavMenuListMain li a {
    font-size: 13px;
    color: #227ea9 !important;
    display: block;
    box-sizing: border-box;
    padding: 9px 0 !important;
    text-align: center;
    border: solid 1px #ccc;
    border-bottom: 3px solid #ff972a;
    text-decoration: none;
}

.m-boxNavMenuListMain .m-boxNavMenuListMain__btn--gcomic a,
.m-boxNavMenuListMain .m-boxNavMenuListMain__btn--gcomicf a,
.m-boxNavMenuListMain .m-boxNavMenuListMain__btn--gphoto a {
    padding: 15.5px 0 !important;
}

.m-boxNavMenuListMain li a:hover {
    color: #ff972a !important;
}

.m-boxNavMenuListMain li a span {
    vertical-align: center;
}

.m-boxNavMenuListSub li a {
    font-size: 13px;
    color: #227ea9 !important;
    padding: 6px 0 5px !important;
    display: block;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    border: solid 1px #ccc;
    border-bottom: 3px solid #ccc;
    text-decoration: none;
}

.m-boxNavMenuListSub__btn a:hover {
    color: #ed5a76 !important;
}

.m-boxNavMenuList__btn:hover {
    border-bottom: 2px solid #ff972a;
}

.m-boxNavMenuList__btn__txt {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.m-boxNavMenuListMain__btn.is-current {
    color: #fff !important;
    box-sizing: border-box;
}

.m-boxNavMenuListMain__btn--general.is-current a,
.m-boxNavMenuListSub__btn--general.is-current a {
    color: #fff !important;
    border: solid #ff972a;
    border-width: 1px 1px 3px 1px;
    background: #ff972a !important;
}

.m-boxNavMenuListSub__btn.is-current {
    color: #fff;
    box-sizing: border-box;
}
.m-boxNavMenuListMain__btn--general.is-current a:hover,
.m-boxNavMenuListSub__btn--general.is-current a:hover {
    color: #fff !important;
    cursor: default;
}
.m-boxNavMenuListMain__btn--adult.is-current a,
.m-boxNavMenuListSub__btn--adult.is-current a{
    color: #fff !important;
    border: solid #f36388;
    border-width: 1px 1px 3px 1px;
    background: #f36388 !important;
}
.m-boxNavMenuListSub__btn.is-current {
    color: #fff;
    box-sizing: border-box;
}
.m-boxNavMenuListMain__btn--adult.is-current a:hover,
.m-boxNavMenuListSub__btn--adult.is-current a:hover{
    color: #fff !important;
    cursor: default;
}

/*
* ▼common/side
*/
#side-l {
    font-size: 12px;
}

/**
 * マイメニュー
 */
#l-areaMyMenu{
    margin-bottom: 15px;
}

/**
 * メニュー
 */
[id^="l-areaMenu"] {
    margin-bottom: 15px;
}

/**
 * リスト 絞り込み
 */
/*価格で絞り込む*/
#l-areaPriceNarrowing {
    margin-bottom: 15px;
}
/*作家で絞り込む*/
#l-areaMenuWriterNarrowing {
    margin-bottom: 15px;
}
/*詳しく絞り込む*/
#l-areaDetailNarrowing {
    margin-bottom: 15px;
}
/*サービス/フロアで絞り込む*/
#l-areaFloorNarrowing {
    margin-bottom: 15px;
}

/**
 * マイメニュー
 */
 .m-boxForgetBuyNotice {
    background-color: #f9db47;
    border-radius: 5px;
    font-size: 11px;
    margin-bottom: 5px;
}
.m-boxForgetBuyNotice__inner {
    margin: 0 3px;
}
.m-boxForgetBuyNotice__innerItem {
    padding: 8px 0 8px 24px;
    line-height: 1.2;
}
.m-boxForgetBuyNotice__innerItem:nth-last-child(2) {
    border-bottom: 1px dotted #fff;
}
.m-boxForgetBuyNotice__inner a {
    color: #000;
    position: relative;
    display: block;
}
.m-boxForgetBuyNotice__inner a:before {
    content: "";
    position: absolute;
    left: -21px;
    top: 0;
    bottom: 0;
    width: 17px;
    height: 17px;
    background: url(http://p.dmm.com/p/dc/common/ico/title.png) no-repeat 1px -116px;
    -webkit-background-size: 94px auto;
    background-size: 94px auto;
    margin: auto;
}
.m-boxForgetBuyNotice__inner a:hover {
    text-decoration: none;
}
.m-boxForgetBuyNotice__innerItemTxtCount {
    color: #c00;
    font-weight: bold;
}
.m-boxMyMenuBtnList {
    overflow: hidden;
}
.m-boxMyMenuBtnList__btn {
    background-color: #f0f0f0;
    background-position: center 12px;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 70px;
    text-align: center;
}
.m-boxMyMenuBtnList__btn:hover {
    opacity: 0.5;
}
.m-boxMyMenuBtnList__btn a {
    text-decoration: none;
}
.m-boxMyMenuBtnList__btn__txt {
    box-sizing: border-box;
    color: #406475;
    display: block;
    font-size: 11px;
    height: 100%;
    width: 100%;
}
.m-boxMyMenuBtnList__btn--basket {
    float: left;
    width: 81px;
}
.m-boxMyMenuBtnList__btn--basket__txt:before {
    background-image: url(http://p.dmm.com/p/dc/common/ico/mymenu.png);
    background-position: center 10px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    padding: 22px 0;
}
.m-boxMyMenuBtnList__btn--favorite {
    clear: both;
    margin-bottom: 3px;
    height: 50px;
    width: 100%;
}
.m-boxMyMenuBtnList__btn--favorite__txt {
    width: auto;
    line-height: 50px;
    text-align: left;
    margin-left: 10px;
    padding-left: 22px;
    position: relative;
    font-size: 12px;
}
.m-boxMyMenuBtnList__btn--favorite__txt:before {
    content: "";
    background: url(http://p.dmm.com/p/dc/common/ico/mymenu_small.png) center -52px no-repeat;
    padding-right: 1.1em;
    height: 18px;
    width: 10px;
    vertical-align: middle;
    position: absolute;
    top: 16px;
    left: -3px;
}
.m-boxMyMenuBtnList__btn--library {
    float: left;
    margin-bottom: 3px;
    margin-right: 3px;
    width: 81px;
}
.m-boxMyMenuBtnList__btn--library__txt:before {
    background-image: url(http://p.dmm.com/p/dc/common/ico/mymenu.png);
    background-position: center -163px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    padding: 22px 0;
}
.m-boxMyMenuBtnList__btn--mycoupon {
    height: 38px;
    width: 100%;
}
.m-boxMyMenuBtnList__btn--mycoupon__txt {
    width: auto;
    line-height: 36px;
    text-align: left;
    margin-left: 10px;
    padding-left: 22px;
    position: relative;
    font-size: 12px;
}
.m-boxMyMenuBtnList__btn--mycoupon__txt:before {
    content: "";
    background: url(http://p.dmm.com/p/dc/common/ico/mymenu_small.png) center -158px no-repeat;
    padding-right: 1.1em;
    height: 18px;
    width: 10px;
    vertical-align: middle;
    position: absolute;
    top: 11px;
    left: -3px;
}

/**
 * メニュー
 */
.m-boxSideMenuList{
    width: 165px;
}
.m-boxSideMenuList__ttl{
    font-size: 1.6em;
    border-bottom: 5px solid #ffa03c;
    color: #ffa03c;
    padding: 5px;
    line-height: 1.4em;
}
.m-boxSideMenu{
    border: #ccc solid 1px;
    border-top: none;
}
.m-boxSideMenu__ttl{
    position: relative;
    background-color: #f0f0f0;
}
.m-boxSideMenu__ttl--link{
}
.m-boxSideMenu__ttl--link:before{
    border-width: 7px;
    border-left-color: #666;
    top: 50%;
    margin-top: -8px;
    right: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxSideMenu__ttl--link:after{
    border-width: 6px;
    border-left-color: #f0f0f0;
    top: 50%;
    margin-top: -7px;
    right: 6px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxSideMenu__ttl--linkAdult:before{
    border-width: 7px;
    border-left-color: #f36287;
    top: 50%;
    right: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    margin-top: -7px;
}
.m-boxSideMenu__ttl--linkAdult:after{
    border-width: 6px;
    border-left-color: #f0f0f0;
    top: 50%;
    right: 6px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    margin-top: -6px;
}
.m-boxSideMenu__ttl a:hover{
    color: #ffa03c;
}
.m-boxSideMenu__ttl__txt{
    display: block;
    color: #444;
    font-size: 1.4em;
    font-weight: bold;
    width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.m-boxSideMenu__ttl--linkAdult__txt{
    color: #f36287;
}
.m-boxSideMenu__ttl--linkSmallRight__txt {
    font-size: 1.1em;
    font-weight: normal;
    padding-right: 22px;
    text-align: right;
}
.m-boxSideMenu__ttl__txtLink{
    position: absolute;
    right: 22px;
    top: 12px;
    font-size: 1.1em;
    color: #444;
}
.m-boxSideMenu__ttl--link__txt:hover{
    color: #ffa03c;
}
.m-boxSideMenu__ttl__txtLink:hover{
    color: #ffa03c;
}
.m-boxSideMenu__ttl--bgWhite {
    background-color: #fff;
}
.m-boxSideMenu__ttl--bgWhite__txt {
    display: block;
    color: #444;
    font-size: 1.4em;
    font-weight: bold;
    width: 100%;
    padding: 10px 10px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.m-boxSideMenu__btn{
    border-top: #ededed solid 1px;
    margin: 0 3px;
}
.m-boxSideMenu__btn:first-child{
    border-top: none;
}
/* gte IE9 and Modern Browser */
@media (min-width: 1px) {
.m-boxSideMenu__btn:first-child{
    border-top: 1px solid rgba(0, 0, 0, 0.01);
}
}
.m-boxSideMenu__btn--navi {
    position: relative;
    margin-right: 3px;
}
.m-boxSideMenu__btn--navi:before{
    border-width: 7px;
    border-left-color: #666;
    top: 50%;
    margin-top: -8px;
    right: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxSideMenu__btn--navi:after{
    border-width: 6px;
    border-left-color: #fff;
    top: 50%;
    margin-top: -7px;
    right: 6px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxSideMenu__btn a{
    color: #444;
}
.m-boxSideMenu__btn a:hover{
    color: #ffa03c;
}
.m-boxSideMenu__btn__txt{
    display: block;
    font-size: 1.3em;
    word-wrap: break-word;
    width: 100%;
    padding: 6px 20px 6px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.m-boxSideMenu__btn__txt--adult{
    color: #f36287;
}
.m-boxSideMenu__btn__txt--more{
    text-align: right;
}
.m-boxSideMenu__btn__txt__pickup {
    display: inline-block;
    border-bottom: 6px #ffd83b solid;
    height: 1em;
    padding: 0 2px;
    vertical-align: middle;
}
/**
 *  リスト　絞り込みポップアップ用
 */
.m-boxSideMenu__btn--popupNarrowing {
    position: relative;
}
/**
 *  リスト　絞り込み不可項目
 */
.m-boxSideMenu__btn--disable {
    background-color: #f9f9f9;
}
.m-boxSideMenu__btn__txt--disable {
    color: #ddd;
}
/**
 *  リスト　ピックアップ項目用
 */
.m-boxSideMenu__btn--marker a:hover{
    text-decoration: none;
}
/**
 *  マイライブラリシリーズ
 */
.m-boxSideMenu__data {
    position: relative;
    height: 165px;
}
.m-boxSideMenu__data > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.m-boxSideMenu__data--app {
    position: relative;
}
.m-boxSideMenu__data--ios {
    position: relative;
    height: 140px;
}
.m-boxSideMenu__data--android {
    position: relative;
    height: 140px;
    text-align: center;
}
.m-boxSideMenu__data--android > img {
    padding-top: 16px;
}
.m-boxSideMenu__txt--app {
    padding: 12px;
    line-height: 1.8;
}
.m-boxSideMenu__txt--android {
    padding: 16px 8px;
    text-align: left;
}

/**
 * ジャンル一覧へ
 */
.m-boxSideMenu__btn--list__txt{
    padding-right: 20px;
    position: relative;
    text-align: right;
}
.m-boxSideMenu__btn--list__txt:before{
    border-width: 7px;
    border-left-color: #666;
    top: 11px;
    right: -1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxSideMenu__btn--list__txt:after{
    border-width: 6px;
    border-left-color: #fff;
    top: 12px;
    right: 4px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

.m-boxSideMenuGojuon__item{
    border-top: #ededed solid 1px;
    overflow: hidden;
}
.m-boxSideMenuGojuon__item:first-child{
    border-top: none;
}
.m-boxSideMenuGojuon__btn{
    float: left;
    border-left: #ededed solid 1px;
    width: 20%;
    height: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.m-boxSideMenuGojuon__btn:first-child{
    border-left: none;
}
.m-boxSideMenuGojuon__btn a{
    text-decoration: none;
}
.m-boxSideMenuGojuon__btn__txt{
    display: block;
    color: #444;
    font-size: 1.3em;
    text-align: center;
    line-height: 26px;
    border: 2px solid #fff;
}
.m-boxSideMenuGojuon__btn__txt:hover{
    color: #ffa03c;
}
.m-boxSideMenu__ttl__txtLink:before{
    border-width: 7px;
    border-left-color: #666;
    right: -20px;
    top: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxSideMenu__ttl__txtLink:after{
    border-width: 6px;
    border-left-color: #f0f0f0;
    right: -15px;
    top: 2px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxMenuBnrList{
}
.m-boxMenuBnrList li:first-child{
    margin-top: 0;
}
.m-boxMenuBnrList li{
    margin-top: 10px;
}
.m-boxMenuBnrList__img img{
    width: 165px;
}

/**
 * 掲載誌ロゴ
 */
.m-boxSideMenu__img{
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    margin: 5px 0 5px 7px;
}
.m-boxSideMenu__img > a{
    display: inline-block;
    vertical-align: middle;
}
.m-boxSideMenu__img img {
    width: 70px;
}


/**
 * 旧左ナビ用50音リスト（左ナビリニューアル後に削除）
 */
.side-menu .m-boxSideMenu {
    margin: 0;
}
.side-menu .m-boxSideMenu__ttl {
    background-color: #f8f8f8;
    line-height: 32px;
}
.side-menu .m-boxSideMenu__ttl a:hover{
    color: #df0331 !important;
}
.side-menu .m-boxSideMenu__ttl__txt {
    font-size: 13px;
    font-weight: bold;
    padding-left: 6px;
    height: 26px;
    line-height: 15px;
}
.side-menu .m-boxSideMenu__ttl__txtLink::before,
.side-menu .m-boxSideMenu__ttl__txtLink::after {
    display: none;
}
.side-menu .m-boxSideMenu__ttl__txtLink.m-boxSideMenu--col5__ttl__txtLink {
    background: url(http://p.dmm.com/p/common/arrow_common.gif) no-repeat left center;
    font-size: 12px;
    font-weight: normal;
    padding: 0 6px 0 10px;
    right: 0;
    float: right;
    top: 2px;
    color: inherit;
}
.side-menu .m-boxSideMenu__item {
    margin: 0;
}
.side-menu .m-boxSideMenuGojuon__item{
    border-top: #ededed solid 1px !important;
    overflow: hidden;
    padding: 0 !important;
}
.side-menu .m-boxSideMenuGojuon__item:first-child{
    border-top: none;
}
.side-menu .m-boxSideMenuGojuon__btn{
    float: left;
    border-left: #ededed solid 1px !important;
    width: 20%;
    height: 30px;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}
.side-menu .m-boxSideMenuGojuon__btn:first-child{
    border-left: none !important;
}
.side-menu .m-boxSideMenuGojuon__btn a{
    text-decoration: none;
}
.side-menu .m-boxSideMenuGojuon__btn__txt{
    display: block;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    color: inherit;
}
.side-menu .m-boxSideMenuGojuon__btn__txt:hover {
    color: #df0331 !important;
}

/**
 * プルダウン
 */
.m-boxDcSelectPulldown--side__parent__txt {
    font-size: 1.3em !important;
    padding: 6.5px 15px !important;
    width: 116px;
    word-break: break-all;
}
.m-boxDcSelectPulldown--side__child {
    width: auto !important;
}
.m-boxDcSelectPulldown--side__child__list__txt {
    padding: 8px;
    display: block;
    line-height: 1.5em;
}
/**
 * チェックボックス
 */
.m-boxSideMenu__btn__txt__count {
    font-size: 0.8em;
}
.m-boxSideMenu__btn__targetLabel {
    display: block;
    width: 100%;
    padding-left: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: url(http://p.dmm.com/p/dc/common/ico/checkbox.png) no-repeat 126px top;
    overflow: hidden;
    height: 22px;
    margin: 6.5px 0;
    line-height: 22px;
    font-size: 1.2em;
    cursor: pointer;
    position: relative;
}
.m-boxSideMenu__btn__targetLabel__checkbox {
    cursor: pointer;
    height: 22px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    width: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.m-boxSideMenu__btn__targetLabel__checkbox--defaultOn {
    cursor: pointer;
    height: 22px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    width: 22px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.m-boxSideMenu__btn__targetLabel__checkbox:focus {
    outline: none;
}

/* ▼ 予約販売＆予約告知用追加 ここから ▼ */
.m-boxSideMenu__ttl__txt--small {
    font-size: 1.3em;
}
.m-boxSideMenu--reserve {
    border-bottom: none;
}
/* ▲ 予約販売＆予約告知用追加 ここまで ▲ */

/**
　*【適用先 詳細リスト もっと見るポップアップ】
*/
.m-boxListMenuPopup {
    display: none;
    position: absolute;
    top: 1000px;
    left: 150px;
    width: 710px;
    padding-bottom: 32px;
    background: url(http://p.dmm.com/p/dc/common/list/bg_selectwindow_bottom.png) no-repeat left bottom;
    z-index: 1600;
    margin-top: 7px;
    margin-left: 5px;
}
.m-boxListMenuPopup__capt {
    position: relative;
    height: 61px;
    margin: 0;
    padding: 0;
    background: url(http://p.dmm.com/p/dc/common/list/bg_selectwindow_top.png) no-repeat;
    color: #444;
}
.m-boxListMenuPopup__capt__ttl {
    padding-left: 12px;
    border-left: 4px #ffa03c solid;
    line-height: 22px;
    font-size: 18px;
    color: #444;
    float: left;
    margin: 17px 0 0 23px;
}
.m-boxListMenuPopup__capt__link {
    display: block;
    float: left;
    margin: 22px 0 0 10px;
}
.m-boxListMenuPopup__capt__link__txt {
    position: relative;
    font-size: 12px;
}
.m-boxListMenuPopup__capt__link__txt:before {
    border-width: 6px;
    border-left-color: #626262;
    top: 1px;
    right: -18px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxListMenuPopup__capt__link__txt:after {
    border-width: 4px;
    border-left-color: #fff;
    top: 3px;
    right: -13px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxListMenuPopup__capt__close {
    position: absolute;
    top: 20px;
    right: 35px;
    width: 18px;
    height: 18px;
    background: url(http://p.dmm.com/p/dc/common/list/ico_selectwindow_close.png) no-repeat top center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.m-boxListMenuPopup__capt__close:hover {
    text-decoration: underline;
}
.m-boxListMenuPopup__sect {
    padding: 1px;
    background: url(http://p.dmm.com/p/dc/common/list/bg_selectwindow_center.png) repeat-y;
    zoom:1;
}
.m-boxListMenuPopup__sect__inner {
    margin: -7px 26px -7px 16px;
    overflow: hidden;
}
.m-boxListBookGenre {
    position: relative;
    margin: 0 -3px -1px 0;
    padding: 0;
    background: url(http://p.dmm.com/p/dc/common/list/bg_selectwindow_list.gif);
    list-style: none;
    overflow: hidden;
}
.m-boxListBookGenre__block {
    display: block;
    float: left;
    width: 20%;
    margin: 0;
    padding: 0;
}
#d-ie7 .m-boxListBookGenre__block {
    display: block;
}
.m-boxListBookGenre__block.active {
    background: #5296dc url(http://p.dmm.com/p/common/bt_delete.gif) no-repeat 116px 3px !important;
}
.m-boxListBookGenre__block.active.default {
    background-image: none !important;
}
.m-boxListBookGenre__block:hover{
    background: #5296dc;
}
.m-boxListBookGenre__block__link {
    display: table;
    width: 100%;
    height: 41px;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    line-height: 14px;
    border-spacing: 0;
    zoom: 1;
    text-align: center;
    table-layout: fixed;
}
#d-ie7 .m-boxListBookGenre__block__link{
    display: block;
}
.m-boxListBookGenre__block__link > a {
    display: table-cell;
    padding: 0 10px 0 6px;
    border-right: 2px #fff solid;
    border-bottom: 2px #fff solid;
    vertical-align: middle;
    zoom: 1;
}
.m-boxListBookGenre__block__link > a > span {
    font-size: 12px;
    word-wrap: break-word;
}
#d-ie7 .m-boxListBookGenre__block__link > a {
    display: block;
    height: 32px;
}
.m-boxListBookGenre__block__link > a:visited {
    color: #227ea9;
}
.m-boxListBookGenre__block.active p a {
    color: #fff;
}
.m-boxListBookGenre__block a:hover {
    text-decoration: none;
}
.m-boxListBookGenre__block a:hover .m-boxListBookGenre__block__link__txtNumber {
    color: #fff;
}
.m-boxListBookGenre__block a:hover .m-boxListBookGenre__block__link__txtName {
    text-decoration: none;
    color: #fff;
}
.m-boxListBookGenre__block a .m-boxListBookGenre__block__link__txtNumber {
    padding-left: 3px;
    font-size: 10px;
    white-space: nowrap;
    color: #666;
}
.m-boxListBookGenre__block.active span + span{
    color: #F8C9D6;
}
.m-boxListBookGenre__block.active.default p > span {
    display: table-cell;
    padding: 0 10px 0 6px;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    color: #fff;
    vertical-align: middle;
    zoom:1;
}
.m-boxListBookGenre__block.active.default p > span span + span{
    padding-left: 3px;
    font-size: 10px;
    white-space: nowrap;
}
#d-ie7 .m-boxListBookGenre__block.active.default p > span{
    display: block;
    height: 32px;
}
.m-boxListMenuPopup__fukidashi {
    position: absolute;
    left: -14px;
    width: 16px;
    height: 29px;
    background: url(http://p.dmm.com/p/dc/common/list/arrow_selectwindow.png) no-repeat;
    z-index: 10;
}
.m-boxListMenuPopupLoad:after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 10px;
    right: 25px;
    background: url(http://p.dmm.com/p/common/loader.gif) no-repeat !important;
}
.m-boxListMenuPopupLoad--popupNarrowing:after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    margin-top: -7px;
    top: 50%;
    right: 15px;
    background: url(http://p.dmm.com/p/common/loader.gif) no-repeat !important;
}
/*【適用先 詳細リスト もっと見るポップアップ】ここまで*/

/* ▼もっと見るポップアップ背景処理 ここから ▼ */
#m-boxListMenuPopupOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1500;
    width: 100%;
    background: #000;
}
/* ▲もっと見るポップアップ背景処理 ここまで ▲ */

/**
 *  半額、還元キャンペーン用　アンダーライン
 */
.m-boxCampaignTxt {
    display: inline-block;
    border-bottom: 3px #ffd83b solid;
    height: 1em;
    padding: 0 2px;
    margin: 0 0 3px;
    vertical-align: middle;
}
.m-boxSideMenuList__ttl__txt--campaign {
    padding-left: 18px;
    position: relative;
    font-size: 15px;
}
.m-boxSideMenuList__ttl__txt--campaign:before {
    content: "";
    background: url(http://p.dmm.com/p/dc/common/ico/title.png) no-repeat 0 -96px;
    display: block;
    position: absolute;
    left: -10px;
    bottom: -4px;
    width: 32px;
    height: 32px;
        -webkit-animation: cloud 1s ease-out 0s infinite;
    -moz-animation: cloud 1s ease-out 0s infinite;
    -o-animation: cloud 1s ease-out 0s infinite;
    -ms-animation: cloud 1s ease-out 0s infinite;
    animation: cloud 1s ease-out 0s infinite;
}
.m-boxSideMenuList__ttl__txt--attention {
    position: relative;
}
.m-boxSideMenuList__ttl__txt--attention:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(http://p.dmm.com/p/dc/common/ico/title.png) no-repeat -30px -96px;
    padding: 10px 20px 9px 20px;
}
/**
 *  ピックアップ用
 */
.m-boxPickupTxt {
    display: inline;
    vertical-align: middle;
    line-height: normal;
}
.m-boxPickupTxt--marker {
    border-bottom: 3px #ffd83b solid;
}
.m-boxPickupTxt__annotTxt {
    font-size: 10px;
    color: #d90000;
    margin-left: 5px;
    padding-bottom: 5px
}
.m-boxFavoriteBalloon {
    position: relative;;
    width: 165px;
    margin: auto;
    padding: 1em 0 1em;
    font-size: 12px;
    text-align: center;
    line-height: 1.0;
    background-color: #f9db47;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
}
.m-boxFavoriteBalloon:before {
    position: absolute;
    left: 12px;
    top: -8px;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: #f9db47 transparent;
    content: "";
}
.m-boxFavoriteBalloon a {
    color: #000;
    padding: 1em 0 1em;
}
.m-boxFavoriteBalloon a:hover {
    text-decoration: none;
}
.m-boxFavoriteBalloon__countTxt {
    color: #c00;
    font-size: 13px;
    font-weight: bold;
}

@keyframes cloud {  0% {
left: -10px;
bottom: -4px;
}
 10% {
left: -10px;
bottom: -4px;
}
 30% {
left: -10px;
bottom: -6px;
}
 40% {
left: -10px;
bottom: -6px;
}
 100% {
left: -10px;
bottom: -4px;
}
}
@-webkit-keyframes cloud {  0% {
left: -10px;
bottom: -4px;
}
 10% {
left: -10px;
bottom: -4px;
}
 30% {
left: -10px;
bottom: -6px;
}
 40% {
left: -10px;
bottom: -6px;
}
 100% {
left: -10px;
bottom: -4px;
}
}
@-o-keyframes cloud {  0% {
left: -10px;
bottom: -4px;
}
 10% {
left: -10px;
bottom: -4px;
}
 30% {
left: -10px;
bottom: -6px;
}
 40% {
left: -10px;
bottom: -6px;
}
 100% {
left: -10px;
bottom: -4px;
}
}
.m-boxFloatMenu {
    display: none;
}
.m-boxFloatMenu > a {
    position: absolute;
    z-index: 110;
    top: -1px;
    left: -4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 166px;
    border: 1px solid #d0d0d0;
    border-right: none;
    outline: none;
    background-color: #fff;
    -webkit-box-shadow: -2px 0 1px 1px rgba(209, 209, 209, .5);
            box-shadow: -2px 0 1px 1px rgba(209, 209, 209, .5);
    border-collapse: separate;
    color: #333;
}
.m-boxFloatMenu > a:hover{
    text-decoration: none;
}
.m-boxFloatMenu__item {
    position: absolute;
    z-index: 100;
    top: -1px;
    left: 161px;
    overflow: hidden;
    width: 175px;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px #d1d1d1;
            box-shadow: 0 0 3px #d1d1d1;
    border-collapse: separate;
}
.m-boxFloatMenu__item--col2 {
    width: 350px;
}
.m-boxFloatMenu__item--col2 .m-boxListFloatMenu:first-child {
    border-right: 1px solid #d0d0d0;
}
.m-boxFloatMenu__item--col2 .m-boxListFloatMenu:first-child + .m-boxListFloatMenu {
    margin-left: -1px;
    border-left: 1px solid #d0d0d0;
}
.m-boxFloatMenu__txt {
    display: block;
    min-height: 20px;
    padding: 6px 23px 6px 18px;
    color: #333;
    font-size: 1.3em;
    line-height: 20px;
}
.m-boxListFloatMenu {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 175px;
}
.m-boxListFloatMenu__item__txt {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 8px 15px;
    color: #333;
    font-size: 1.3em;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-boxListFloatMenu__item__txt:hover {
    background-color: #eee;
}
.m-boxListFloatMenu__item__txt--adult {
    color: #f36287;
}
.m-boxListFloatMenu__item > a:hover {
    text-decoration: none;
}
.m-boxSideMenuList--deviceDefault .m-boxSideMenu__btn--navi:hover .m-boxFloatMenu {
    display: block;
}
.m-boxSideMenuList--deviceDefault .m-boxSideMenu__btn--navi:hover .m-boxFloatMenu > a:hover .m-boxFloatMenu__txt {
    opacity: .5;
    filter: alpha(opacity=50);
}
.m-boxSideMenuList--deviceDefault .m-boxSideMenu__btn--navi > .m-boxSideMenu__btn__txt,
.m-boxSideMenuList--deviceDefault .m-boxFloatMenu__txt {
    background: transparent;
    color: #333;
}

/**
 * チェックボックス
 */
.m-boxSideMenu__btn__targetLabel.is-current {
    background-position: 126px -22px;
}

/**
 * 絞り込み選択
 */
.m-boxSideMenu__btn.is-current {
    position: relative;
    background-color: #ffa03c;
    border-right: 1px solid #ffa03c;
    border-bottom: 1px solid #ffa03c;
    border-left: 1px solid #ffa03c;
    margin: 0 -1px -1px;
    width: 163px;
    color: #fff;
    z-index: 10;
}
.m-boxSideMenu__btn.is-current > a {
    color: #fff !important;
}
.m-boxSideMenu__btn.is-current > a:after {
    content: "×";
    font-size: 1.6em;
    position: absolute;
    right: 8px;
    top: 4px;
}
.m-boxSideMenu__btn.is-current > a:hover {
    color: #fff !important;
}

.m-boxSideMenuGojuon__btn__txt.is-current{
    background-color: #ffa03c;
    color: #fff;
}

.m-boxFloatMenu.is-active {
    display: block;
}


/*
* ▼common/detail
*/
/**
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  末端改修用定義
 */
/* 旧デザイン左ナビ */
#page-dcDetail #side-l {
    font-size: 12px;
}
/* 商品タグ */
.m-boxTagDetail {
    font-size: 12px;
}
/* PF管轄ユーザーレビューエリア*/
.l-areaDetailReview {
    font-size: 12px;
}
/* PF管轄レコメンドエリア */
.m-boxWrapDetailRecommend {
    font-size: 12px;
}
/**
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  末端改修用定義
 */
/* 末端メインコンテンツエリア */
#l-areaDetailMainContent {
    display: table;
    width: 100%;
    margin-bottom: 44px;
}
    /* パケ＆商品タイトルエリア */
    .l-areaDetailProduct {
        display: table-cell;
        padding-right: 26px;
        vertical-align: top;
    }
    /* 購入エリア */
    .l-areaDetailPurchase {
        display: table-cell;
        width: 300px;
        vertical-align: top;
    }
/* 末端サブコンテンツエリア */
#l-areaDetailSubContent {
    display: table;
    width: 100%;
    margin: 44px 0 20px;
    padding-top: 10px;
    border-top: 1px solid #bcbcbc;
    border-collapse: separate;
}
    /* 商品情報エリア */
    .l-areaDetailProductInfo {
        display: table-cell;
        padding-right: 18px;
        vertical-align: top;
    }
    /* 商品関連情報表示エリア */
    .l-areaDetailRelatedInfo {
        display: table-cell;
        width: 300px;
        border-left: 1px solid #bcbcbc;
        vertical-align: top;
    }
/* シリーズ作品エリア */
.l-areaDetailSeriesWorks {
    margin-top: 26px;
}
/* この作家（出演者）の他の作品エリア */
.l-areaDetailOtherWorks {
    margin: 40px 0 30px;
}
/* バナーエリア*/
.l-areaDetailBanner {
    margin-top: 44px;
}

/* アフィリエイトビューア　ポップアップ */
.l-areaOverlayPopUp__AffiliateViewer {
    width: 730px;
    margin: 0 auto;
}

/*
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  末端改修用定義
 */

/* パケ画像＆商品タイトル等 */
.m-boxDetailProduct {
    overflow: hidden;
}
/* パケ画像 */
.m-boxDetailProduct__pack {
    float: left;
    width: 33%;
    min-width: 140px;
    max-width: 240px;
    margin-right: 20px;
}
.m-boxDetailProduct__pack__item {
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.m-imgDetailProductPack {
    width: 100%;
    height: auto;
    min-width: 140px;
    max-width: 240px;
    -ms-interpolation-mode: bicubic;
    cursor: url(http://p.dmm.com/p/dc/common/ico/enlargeView.png), auto !important;
}
.m-imgDetailProductPack:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
/* 立ち読みボタンが入るボックス */
.m-boxDetailProduct__browse {
    margin: 10px 0;
}

/* 立ち読みボタン用 */
@media screen and (max-width: 1100px) {
.m-boxDcFlatBtn--tachiyomiLarge {
    height: 32px;
    line-height: 32px;
}
.m-boxDcFlatBtn--tachiyomiLarge__txt {
    font-size: 16px;
}
.m-boxDcFlatBtn--tachiyomiLarge__txt:before {
    vertical-align: -4px;
}
}
/* 商品タイトル等 */
.m-boxDetailProduct__info {
    display: table-cell;
    vertical-align: top;
}
/* 書影横ステータス */
.m-boxDetailProductInfoStatusList {
    margin-bottom: 4px;
}
/* 書影横ステータス */
.m-boxDetailProductInfoStatusList__item {
    display: inline-block;
    margin: 0 2px 5px 0;
    width: 72px;
    vertical-align: top;
}
/* 作品タイトル */
.m-boxDetailProduct__info__ttl {
    margin: 0 0 26px;
    font-weight: bold;
    font-size: 2.4em;
    line-height: 1.2;
}

@media screen and (max-width: 1100px) {
.m-boxDetailProduct__info__ttl {
    margin: 0 0 20px;
    font-size: 2em;
}
}
/* 作品詳細　お気に入り ※アダルトの一部のフロアのみ */
.m-boxDetailProductInfoFavorite {
    display: inline-block;
    border-radius: 3px;
    margin: 0 6px 6px 0;
    padding: 3px 6px 3px 26px;
    list-style: none;
    line-height: 1.5;
    background: #f0f0f0 url(http://p.dmm.com/p/dc/common/ico/ico_star_favorite.png) no-repeat scroll 5px 5px;
    font-size: 1.2em;
}
.m-boxDetailProductInfoFavorite__item {
    display: inline-block;
    padding-left: 6px;
    background: #f0f0f0 url(http://p.dmm.com/p/dc/common/ico/ico_star_favorite.png) no-repeat scroll -3px -31px;
}
.m-txtDetailProductInfoFavoriteNum {
    display: inline-block;
    padding: 0 6px;
    border-radius: 3px;
    background: #fff;
    font-weight: bold;
}
/* 作品詳細　メイン */
.m-boxDetailProductInfoMainList {
    display: table;
    margin-top: 5px;
    margin-left: 3px;
    font-size: 1.4em;
    table-layout: fixed;
    width: 100%;
}
.m-boxDetailProductInfoMainList__ttl {
    display: table-cell;
    padding-right: 8px;
    vertical-align: top;
    width: 20px;
}
.m-boxDetailProductInfoMainList__description {
    display: table-cell;
    line-height: 20px;
}
.m-boxDetailProductInfoMainList__description__list__item {
    display: inline-table;
    margin-right: 5px;
    word-wrap: break-word;
    word-break: break-all;
}
.m-boxDetailProductInfoMainList__description__list__item > a {
    display: table-cell;
}
/*  シリーズ　始め巻・最新巻への導線  */
.m-boxDetailProductInfoMainList__description__list__link {
    margin-top: 6px;
}
.m-boxProductSeriesSkipLink {
    position: relative;
    display: inline-block;
    border: solid 1px #ddd;
    border-radius: 5px;
    letter-spacing: -.4em;
    height: 27px;
}
.m-boxProductSeriesSkipLink:before {
    content: "";
    position: absolute;
    left: 16px;
    top: -9px;
    border-width: 0px 6px 9px;
    border-style: solid;
    border-color: #ddd transparent;
}
.m-boxProductSeriesSkipLink:after {
    content: "";
    position: absolute;
    left: 16px;
    top: -7px;
    border-width: 0px 6px 9px;
    border-style: solid;
    border-color: #fff transparent;
}
.m-boxProductSeries__item + .m-boxProductSeriesSkipLink__link {
    margin-bottom: 8px;
}
.m-boxProductSeriesSkipLink__link {
    display: inline-block;
    margin: 2px 10px;
    letter-spacing: normal;
    vertical-align: baseline;
}
.m-boxProductSeriesSkipLink__link + .m-boxProductSeriesSkipLink__link {
    margin-left: 0;
}
.m-boxProductSeriesSkipLink__link__txt {
    position:relative;
    font-size: 11px;
    line-height: 24px;
    vertical-align: middle;
    padding: 0 16px 0 0;
}
.m-boxProductSeriesSkipLink__link__txt:before {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -3px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #ff972a;
    content: " ";
}
.m-boxProductSeriesSkipLink__link__txt:after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff;
    content: " ";
}
/* 作品詳細　メイン アイコン */
.m-boxDetailProductInfoMainList__ttl__ico {
    display: block;
    position: relative;
    overflow: hidden;
    width: 17px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
}
.m-boxDetailProductInfoMainList__ttl__ico--author {
    background: url(http://p.dmm.com/p/dc/common/ico/ico_various.png) 0 0 no-repeat;
}
.m-boxDetailProductInfoMainList__ttl__ico--series {
    background: url(http://p.dmm.com/p/dc/common/ico/ico_various.png) 0 -22px no-repeat;
}
.m-boxDetailProductInfoMainList__ttl__ico--review {
    background: url(http://p.dmm.com/p/dc/common/ico/ico_various.png) 0 -44px no-repeat;
}
/* 作品詳細　メイン 平均評価の画像位置調整　base打ち消し用 */
.m-boxDetailProductInfoMainList__description__review > img {
    vertical-align: baseline !important;
}
/* 作品詳細　メイン　あらすじ */
.m-boxDetailProduct__info__story {
    margin-top: 20px;
    font-size: 1.2em;
    line-height: 1.5;
    word-wrap: break-word;
    word-break: break-all;
}
/* 作品詳細　メイン　特集リンク */
.m-boxDetailProduct__info__itemTopics {
    margin-top: 20px;
    font-size: 1.2em;
    line-height: 1.5;
}
.m-boxDetailProductInfoTopicsList {
    display: table;
}
.m-boxDetailProductInfoTopicsList__ttl {
    display: table-cell;
    vertical-align: top;
    white-space: nowrap;
}
.m-boxDetailProductInfoTopicsList__ttl:after {
    content: ":";
    margin: 0 4px;
}
.m-boxDetailProductInfoTopicsList__description {
    display: table-cell;
}
.m-boxDetailProductInfoTopicsList__description__item {
    display: inline;
    margin-right: 5px;
}
/* 作品詳細　サブ */
.m-boxDetailProductInfo__list {
    display: table;
    font-size: 1.1em;
    line-height: 1.8;
}
.m-boxDetailProductInfo__list__ttl {
    display: table-cell;
    width: 120px;
    text-align: right;
    vertical-align: top;
}
.m-boxDetailProductInfo__list__ttl:after {
    content: ":";
    margin: 0 4px;
}
.m-boxDetailProductInfo__list__description {
    display: table-cell;
}
.m-boxDetailProductInfo__list__description__item {
    display: inline-block;
    margin-right: 5px;
}
/**
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  新着通知機能用定義
 */
.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: 13px;
}
.m-boxMainNotificationSettings__control__ttl {
    display: inline;
    margin-right: 1em;
    font-size: 13px;
}
.m-boxMainNotificationSettings__control__item {
    display: inline;
    position: relative;
}
/**
 *  新着通知機能用定義　ここまで
 */

/**
* 【適用先】
*  二次元末端
* 【用途】
* 関連リンク・ソーシャルリンク
*/
.m-boxDetailOtherServicesLink {
    margin-left: 7px;
}
.m-boxDetailOtherServicesLink__ttl {
    font-size: 13px;
    font-weight: bold;
    color: #3a3939;
}
.m-boxDetailOtherServicesLink__list {
    margin-left: 1em;
}
.m-boxDetailOtherServicesLink__list__item {
    margin: .25em 0;
    font-size: 12px;
}
.m-boxDetailSocialLink {
    margin: 2em 0 0 7px;
}
.m-boxDetailSocialLink__list {
    border-radius: 1px;
    background-color: #f0f0f0;
    text-align: center;
}
.m-boxDetailSocialLink__list__item {
    display: inline-block;
    margin-left: 2em;
    padding: 16px 0;
    vertical-align: middle;
}
.m-boxDetailSocialLink__list__item:first-child {
    margin-left: 0;
}
.m-boxDetailSocialLink--shareBtn__list__item {
    width: 70px;
}

/**
* 【適用先】
*  二次元末端
* 【用途】
*  購入エリア
*/
/* 購入エリア：共通部分 ここから */
.m-boxDetailPurchase {
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}
.m-boxDetailPurchase__item {
    padding: 14px;
    text-align: center;
}
.m-boxMainDetailPurchase {
    position: relative;
}
.m-boxMainDetailPurchase__btnBuyNow {
    height: 52px;
}
.m-boxMainDetailPurchase__btnBuyNow, .m-boxMainDetailPurchase__btnAddToBasket {
    margin-bottom: 7px;
}
.m-boxMainDetailPurchase__areaPoint, .m-boxMainDetailPurchase__terminal__limit {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 216px;
    padding: .25em 1em .2em;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #f5f5f5;
    color: #666;
    font-size: 10px;
    font-weight: bold;
}
.m-boxMainDetailPurchase__areaPoint {
    margin: 0 0 10px;
}
.m-boxMainDetailPurchase__terminal__limit {
    margin: 0 0 1em;
}
.m-boxMainDetailPurchase__areaPoint__item, .m-boxMainDetailPurchase__terminal__limit__number {
    overflow: hidden;
    zoom: 1;
    margin: 0;
    padding: 0;
}
.m-boxMainDetailPurchase__areaPoint__item > dt, .m-boxMainDetailPurchase__areaPoint__item > dd, .m-boxMainDetailPurchase__terminal__limit__number > dt, .m-boxMainDetailPurchase__terminal__limit__number > dd {
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
.m-boxMainDetailPurchase__areaPoint__item > dt:after, .m-boxMainDetailPurchase__terminal__limit__number > dt:after {
    content: "：";
}
.m-boxMainDetailPurchase__txtTaxIncluded {
    margin-bottom: 18px;
    color: #3a3939;
    line-height: 1;
}
.m-boxDetailCorrespondingTerminal__list {
    margin: 1em 0;
}
.m-boxDetailCorrespondingTerminal__list__item {
    display: inline-block;
    overflow: hidden;
    height: 60px;
    background: url(http://p.dmm.com/p/dc/common/detail/ico_terminal_sprite.png) no-repeat left top;
    text-indent: 100%;
    white-space: nowrap;
}
.m-boxDetailCorrespondingTerminal__list__item--windows {
    width: 57px;
}
.m-boxDetailCorrespondingTerminal__list__item--mac {
    width: 51px;
    background-position: -57px top;
}
.m-boxDetailCorrespondingTerminal__list__item--smartDevice {
    width: 57px;
    background-position: -108px top;
}
.m-boxDetailCorrespondingTerminal__list__item--browser {
    width: 51px;
    background-position: -165px top;
}
.m-boxMainDetailPurchase__description {
    position: relative;
    margin-bottom: .5em;
    padding-bottom: .25em;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    text-indent: .25em;
    text-align: left;
}
.m-boxMainDetailPurchase__btnReadThis + .m-boxMainDetailPurchase__description,
.m-boxMainDetailPurchase__btnReadThis + .m-boxMainDetailPurchase__terminal + .m-boxMainDetailPurchase__description {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.m-boxMainDetailPurchase__description:before {
    position: absolute;
    top: 1px;
    right: -5px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #919191;
    content: " ";
}
.m-boxMainDetailPurchase__description:after {
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #f0f0f0;
    content: " ";
}
.m-boxMainDetailPurchase__description > a {
    display: block;
}
.m-boxMainDetailPurchase__btnAddToFavorites {
    height: 34px;
    margin-top: 1em;
}
/* 購入エリア：共通部分 ここまで */

/*  購入エリア：ポイント獲得　ポイント倍増キャンペーン　ここから */
.m-boxMainDetailPurchase__areaPointcp {
    display: inline-block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-width : 270px;
    margin: 5px 0 15px;
}
.m-boxPointcp {
    padding: 1em .3em;
    border: 3px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    color: #666;
    font-size: 10px;
}
.m-boxPointcp__ttl {
    margin-bottom: 5px;
    color: #ee4d5c;
    font-size: 15px;
    font-weight: bold;
}
.m-boxGetPoint {
    display: inline-block;
}
.m-boxGetPoint__txt {
    margin-bottom: .5em;
}
.m-boxGetPoint__txt__normal {
    line-height: 1.4;
    text-decoration: line-through;
    color: #666;
}
.m-boxGetPoint__txt__double {
    margin-right: 4px;
    color: #cc0000;
    font-size: 14px;
    font-weight: bold;
}
.m-boxPointcp__link {
    font-size: 12px;
}
.m-boxPointcp__link a {
    text-decoration: underline;
}
.m-boxPointcp__link a:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 11px;
    margin-right: 6px;
    background: url(http://p.dmm.com/p/common/ico/ico_credit.png) no-repeat;
}
/*  購入エリア：ポイント獲得　ポイント倍増キャンペーン　ここまで */

/* 購入エリア：選択式 ここから */
.m-boxSubDetailPurchase {
    margin-bottom: 1em;
}
.m-boxSubDetailPurchase__emphasis {
    color: #c00;
    font-size: 18px;
    font-weight: bold;
}
.m-boxSubDetailPurchase__emphasis--half {
    color: #f40;
}
.m-boxSubDetailPurchase__choice__period {
    margin-bottom: 12px;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
}
.m-boxSubDetailPurchase__choice__item {
    margin-bottom: .75em;
}
.m-boxPurchaseChoice {
    zoom: 1;
    padding: 0 8px 0 4px;
    line-height: 1.2;
}
.m-boxPurchaseChoice:before, .m-boxPurchaseChoice:after {
    display: table;
    content: "";
}
.m-boxPurchaseChoice:after {
    clear: both;
}
.m-boxPurchaseChoice--main {
    font-size: 18px;
}
.m-boxPurchaseChoice--main > dt {
    margin-top: 3px;
}
.m-boxPurchaseChoice--main.m-boxPurchaseChoice--withOrdinaryPrice > dt {
    margin-top: 14px;
}
.m-boxPurchaseChoice--main > dd {
    font-size: 20px;
}
.m-boxPurchaseChoice--sub {
    font-size: 15px;
}
.m-boxPurchaseChoice--sub > dt {
    margin-top: 1px;
}
.m-boxPurchaseChoice--sub.m-boxPurchaseChoice--withOrdinaryPrice > dt {
    margin-top: 12px;
}
.m-boxPurchaseChoice--sub > dd {
    font-size: 17px;
}
.m-boxPurchaseChoice__control {
    float: left;
}
.m-boxPurchaseChoice__price {
    float: right;
    color: #c00;
    font-weight: bold;
    text-align: right;
}
.m-boxPurchaseChoice__price--half {
    color: #f40;
}
/* lte IE8 */
.m-boxPurchaseChoice__control__radio {
    display: inline-block;
    margin-right: 6px;
    padding: 0;
    cursor: pointer;
}
.m-boxPurchaseChoice__control__radio:focus {
    outline: none;
}
.m-boxPurchaseChoice__control__label {
    font-weight: bold;
}

/* gte IE9 and Modern Browser */
@media (min-width: 1px) {
.m-boxPurchaseChoice__control__radio {
    display: none;
    margin: 0;
}
.m-boxPurchaseChoice__control__label {
    padding-left: 24px;
}
.m-boxPurchaseChoice__control__label:before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin-top: auto;
    margin-bottom: auto;
    border: 1px solid #ccc;
    border-radius: 30px;
    background: #fff;
    content: " ";
}
.m-boxPurchaseChoice__control__radio:checked + .m-boxPurchaseChoice__control__label:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 10px;
    background: #ff972a;
    content: " ";
}
}
.m-boxPurchaseChoice__control__label {
    position: relative;
    cursor: pointer;
}
.m-boxPurchaseChoice__control__ordinary {
    display: block;
    font-size: 10px;
}
.m-boxPurchaseChoice__control__ordinary__price {
    text-decoration: line-through;
}
.m-boxSubDetailPurchase__choice + .m-boxSubDetailPurchase__reference {
    margin-right: 8px;
    padding-bottom: 0;
    border-bottom: none;
    line-height: 1.2;
    text-align: right;
}
/* 購入エリア：選択式 ここまで */

/* 購入エリア：選択なし ここから */
.m-boxSubDetailPurchase__price {
    color: #c00;
    font-weight: bold;
    line-height: 1.2;
}
.m-boxSubDetailPurchase__price--half {
    color: #f40;
}
.m-boxSubDetailPurchase__price__ttl {
    display: inline;
    padding-right: .5em;
    font-size: 14px;
}
.m-boxSubDetailPurchase__price__value {
    display: inline;
    font-size: 23px;
}
.m-boxSubDetailPurchase__reference {
    margin: .25em 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
}
.m-boxSubDetailPurchase__reference__ttl {
    font-size: 10px;
}
.m-boxSubDetailPurchase__reference__price:before {
    content: "：";
}
.m-boxSubDetailPurchase__ordinary {
    color: #c00;
    font-size: 12px;
}
.m-boxSubDetailPurchase__ordinary--half {
    color: #f40;
}
.m-boxSubDetailPurchase__emphasis + .m-boxSubDetailPurchase__ordinary {
    margin-top: -2px;
}
.m-boxSubDetailPurchase__ordinary__price {
    text-decoration: line-through;
}
.m-boxSubDetailPurchase__campaign {
    font-size: 12px;
}
.m-boxSubDetailPurchase__valid {
    font-size: 13px;
    font-weight: bold;
}
.m-boxSubDetailPurchase__campaign__ttl, .m-boxSubDetailPurchase__campaign__period, .m-boxSubDetailPurchase__valid__ttl, .m-boxSubDetailPurchase__valid__period {
    display: inline;
}
.m-boxSubDetailPurchase__campaign__ttl:after, .m-boxSubDetailPurchase__valid__ttl:after {
    content: "：";
}
/* 購入エリア：選択なし ここまで */

/* 購入エリア：購入済 ここから */
.m-boxSubDetailPurchase__purchased {
    font-size: 18px;
    font-weight: bold;
}
.m-boxSubDetailPurchase__purchased ~ .m-boxSubDetailPurchase__valid {
    font-size: 12px;
    font-weight: normal;
}
.m-boxMainDetailPurchase__btnReadThis {
    margin-bottom: 1em;
}
/* 購入エリア：購入済 ここまで */

/* 購入エリア：バルーン吹き出し ここから */
.m-boxMainDetailPurchase__balloon {
    position: absolute;
    z-index: 50;
    top: 25px;
    right: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    margin: auto;
    padding: 8px 0 20px;
    background: url(http://p.dmm.com/p/dc/common/detail/bg_balloon.png) no-repeat top center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
/* 購入エリア：バルーン吹き出し ここまで */

/**
* 【適用先】
*  二次元末端
* 【用途】
* 体験版ダウンロード枠
*/
.m-boxDetailDownload {
    border: 1px solid #ccc;
    border-top: none;
    background-color: #e4e3e3;
}
.m-boxDetailDownload__btn {
    padding: 14px 0 7px;
    text-align: center;
}
.m-boxDetailDownload__txt {
    text-align: center;
}
.m-boxDetailDownload__description {
    position: relative;
    margin: .5em 0 1em;
    font-size: 11px;
    text-align: center;
}
.m-boxDetailDownload__description:before {
    position: absolute;
    top: 1px;
    right: 55px;
    width: 0;
    height: 0;
    border-width: 7px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #919191;
    content: " ";
}
.m-boxDetailDownload__description:after {
    position: absolute;
    top: 2px;
    right: 60px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #e4e3e3;
    content: " ";
}
.m-boxDetailDownload__description > a {
    display: block;
}
/**
* 【適用先】
*  二次元末端
* 【用途】
*  共用タイトル（作家作品タイトル・レコメンドタイトル）
*/
.m-boxDetailBlockTtl {
    position: relative;
    border-bottom: #abbcc4 solid 2px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.m-boxDetailBlockTtl__ttl {
    font-size: 2.2em;
}
.m-boxDetailBlockTtl__txt {
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 1.4em;
    padding: 7px 14px 5px 8px;
}
/**
* 【適用先】
*  二次元末端
* 【用途】
*  作家作品枠
*/
.m-boxDetailOtherWorks {
    margin: 20px 0 10px;
    line-height: 1.5;
}
.m-boxDetailOtherWorks__contentsList__item {
    margin: 0;
    padding: 0 0 6px;
}
.m-boxDetailOtherWorksListMain {
    position: relative;
    overflow: hidden;
    height: 248px;
    padding: 0 30px;
}
.m-boxDetailOtherWorksListMain__contentsList__item {
    float: left;
    width: 20%;
    margin: 0 0 6px;
}
.m-boxDetailOtherWorksTmb {
    width: 106px;
    min-height: 244px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.m-boxDetailOtherWorksTmb > a {
    display: block;
    padding: 8px 0 0;
}
.m-boxDetailOtherWorksTmb--list > a:hover img {
    opacity: .7;
}
.m-boxDetailOtherWorksTmb__img {
    display: table-cell;
    width: 106px;
    height: 122px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    zoom: 1;
    text-align: center;
}
.m-boxDetailOtherWorksTmb--list__img {
    padding-top: 25px;
}
.m-boxDetailOtherWorksTmb__img__item {
    display: block;
    width: 90px;
    margin: 0 auto;
}
.m-boxDetailOtherWorksTmb__img__item > img {
    max-width: 90px;
    max-height: 122px;
    height: auto;
}
.m-boxDetailOtherWorksTmb--list__img__item > img {
    transition: opacity .1s ease-in-out;
}
.m-boxDetailOtherWorksTmb__ico {
    position: absolute;
    width: 88px;
    padding: 4px 8px;
}
.m-boxDetailOtherWorksTmb__ttl {
    display: block;
    height: 4em;
    margin: 24px 8px 6px;
    font-size: 12px;
    line-height: 16px;
    word-wrap: break-word;
    overflow: hidden;
}
.m-boxDetailOtherWorksTmb--list__ttl {
    font-size: 14px;
    text-align: center;
}
.m-boxDetailOtherWorksTmb__item {
    width: 88px;
    margin: 0 auto 8px;
}
.m-boxDetailOtherWorksListMain__btn {
    position: absolute;
    top: 70px;
    display: block;
    width: 20px;
    height: 90px;
    border: #eaeaea 1px solid;
    border-radius: 4px;
    background-color: #f3f3f3;
    background-image: url(http://p.dmm.com/p/common/ico/arrow_recommend.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.m-boxDetailOtherWorksListMain__btn--prev {
    left: 0;
    background-position: -50px 50%;
}
.m-boxDetailOtherWorksListMain__btn--prev:hover {
    background-color: #eee;
    background-position: -90px 50%;
}
.m-boxDetailOtherWorksListMain__btn--prev.is-disabled {
    border-color: transparent;
    background-color: transparent;
    background-position: -10px 50%;
    cursor: default;
}
.m-boxDetailOtherWorksListMain__btn--next {
    right: 0;
    background-position: -170px 50%;
}
.m-boxDetailOtherWorksListMain__btn--next:hover {
    background-color: #eee;
    background-position: -130px 50%;
}
.m-boxDetailOtherWorksListMain__btn--next.is-disabled {
    border-color: transparent;
    background-color: transparent;
    background-position: -210px 50%;
    cursor: default;
}
/*
この作家の作品枠の矢印選択時のバグフィックス
*/
.m-boxDetailOtherWorksListMain::selection {
    background: transparent;
}
.m-boxDetailOtherWorksListMain::-moz-selection {
 background: transparent;
}
.contents-list::selection {
    background: transparent;
}
.contents-list::-moz-selection {
 background: transparent;
}
/**
* 【適用先】
*  二次元末端
* 【用途】
*  レコメンド枠(PF管轄)
*/
#l-contents .l-areaDetailMainRecommend .m-boxWrapDetailRecommend .d-recommend,
#l-contents .l-areaDetailSubRecommend .m-boxWrapDetailRecommend .d-recommend {
    border-top: none;
}
#l-contents .l-areaDetailMainRecommend .m-boxWrapDetailRecommend .capt,
#l-contents .l-areaDetailSubRecommend .m-boxWrapDetailRecommend .capt {
    display: block;
    position: relative;
    width: auto;
    margin-bottom: 20px;
    padding-left: 10px;
    border-bottom: #abbcc4 solid 2px;
    vertical-align: baseline;
}
#l-contents .l-areaDetailMainRecommend .m-boxWrapDetailRecommend .capt div:first-child,
#l-contents .l-areaDetailSubRecommend .m-boxWrapDetailRecommend .capt div:first-child {
    display: block;
    width: auto;
    padding: 0;
    font-size: 22px;
}
#l-contents .l-areaDetailMainRecommend .m-boxWrapDetailRecommend .capt div:first-child p,
#l-contents .l-areaDetailSubRecommend .m-boxWrapDetailRecommend .capt div:first-child p  {
    display: inline;
    float: none;
    margin: 0;
    font-weight: normal;
}
#l-contents .l-areaDetailMainRecommend .m-boxWrapDetailRecommend .capt .sub,
#l-contents .l-areaDetailSubRecommend .m-boxWrapDetailRecommend .capt .sub {
    display: block;
    position: absolute;
    right: 10px;
    bottom: 0;
    width: auto;
    padding: 7px 14px 5px 8px;
    font-size: 14px;
}
#l-contents .l-areaDetailSubRecommend .m-boxWrapDetailRecommend .capt .sub {
    padding: 0 0 5px 8px;
}

/**
* 【適用先】
*  二次元末端
* 【用途】
*  シリーズ作品枠
*/
.m-boxSeriesBasket {
    position: relative;
    background: #f3f3f3;
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    margin: 12px 0;
    font-size: 12px;
}
.m-boxHeadSeriesBasket {
    padding: 5px 12px 0;
    overflow: visible;
}
#d-ie7 .m-boxHeadSeriesBasket {
    zoom: 1;
}
.m-boxHeadSeriesBasket:before,
.m-boxHeadSeriesBasket:after {
    content: "";
    display: table;
}
.m-boxHeadSeriesBasket:after {
    clear: both;
}
.m-boxHeadSeriesBasket__ttl {
    margin: 1em 0;
    float: left;
}
.m-boxHeadSeriesBasket__ttl__txt {
    font-size: 18px;
    font-weight: bold;
}
.m-boxHeadSeriesBasket__list {
    float: right;
    margin: 12px 0 0;
}
.m-boxHeadSeriesBasket__list__item {
    float: left;
    list-style: none;
    margin-right: 4px;
}
.m-boxHeadSeriesBasket__list__item--btn {
    position: relative;
}
.m-boxHeadSeriesBasket__list__item > a {
    display: block;
    padding: 4px 12px 4px 10px;
    background: url(http://p.dmm.com/p/common/arrow_common.gif) no-repeat left center;
}
.m-boxSeriesWorksAddAllToBasketBalloon {
    position: absolute;
    z-index: 50;
    right: 0;
    bottom: 25px;
    left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 180px;
    margin: auto;
    padding: 8px 0 20px;
    background: url(http://p.dmm.com/p/dc/common/detail/bg_balloon.png) no-repeat top center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.m-boxSeriesBasketCaution {
    margin: 1em 8px;
    text-align: right;
    color: #c00;
    font-size: 10px;
}
.m-boxSeriesContents {
    overflow: hidden;
}
.m-boxSeriesContents__list {
    margin: 6px auto;
    padding: 0;
    width: 98%;
}
.m-boxSeriesContents__list__item {
    float: left;
    margin: 6px 4px;
    list-style: none;
}
.m-boxSeriesWork {
    position: relative;
    background-color: #fff;
    padding: 16px 8px 8px;
    border: 1px solid #efefef;
    width: 116px;
}
.m-boxSeriesWork__link {
    width: 90px;
    display: block;
    margin: 0 auto;
    height: 200px;
}
.m-boxSeriesWork__ttl {
    line-height: 1.45;
    margin-top: 5px;
    display: block;
    position: relative;
    padding-top: 20px;
}
.m-boxSeriesWork__statusIco {
    margin-bottom: 3px;
    position: absolute;
    width: 100%;
    top: 0;
    font-size: 10px;
}
.m-boxSeriesWorksAddToBasketBalloon {
    position: absolute;
    z-index: 50;
    right: 0;
    bottom: 30px;
    left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 120px;
    margin: auto;
    padding: 10px 0 20px;
    background: url(http://p.dmm.com/p/dc/detail/bg_fukidashi.png) no-repeat top center;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.m-boxSeriesPagenation {
    font-size: 13px;
    padding-bottom: 12px;
    text-align: center;
}
.m-boxSeriesPagenation__txt {
    margin: 1em 0px;
    padding: 12px;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;
}
.m-boxSeriesPagenation__list {
    min-width: 730px;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    letter-spacing: -.4em;
}
.m-boxSeriesPagenation__list__item {
    display: inline-block;
    color: #a5a5a5;
    width: 6%;
    letter-spacing: normal;
    border-left: 1px solid #ddd;
}
#d-ie7 .m-boxSeriesPagenation__list__item {
    float: left;
}
.m-boxSeriesPagenation__list__item:first-child {
    border-left: none;
}
.m-boxSeriesPagenation__list__item--starting {
    text-align: left;
}
.m-boxSeriesPagenation__list__item--terminal {
    text-align: right;
}
.m-boxSeriesPagenation__list__item > a {
    font-weight: bold;
}
.m-boxSeriesPaging {
    display: block;
    padding: 8px 0;
    width: 100%;
}
.dc-loading {
    position: relative;
}
.dc-loading:after {
    display: block;
    content: '';
    background: url(http://p.dmm.com/p/common/ico/loading_gray.gif) no-repeat center rgba(255, 255, 255, 0.6);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

/**
* 【適用先】
*  二次元末端
* 【用途】
*  ライトボックス（modal window）
*/
/* ▼末端style属性内からの移植▼ */
.wp-smplex {
    width: 100%;
    background: #fff;
    text-align: center;
}
.wp-smplex .cont-smplex {
    margin: 0 auto;
    border: 1px #666 solid;
}
.wp-smplex .cont-smplex div {
    padding: 10px;
    background: #fff;
}
.wp-smplex .cont-smplex div img {
    cursor: pointer;
}
.wp-smplex .cont-smplex div p {
    margin: 6px 0 0;
    padding: 0;
}
.wp-smplex .cont-smplex div p.pic-capt {
    margin: 0 0 6px;
    text-align: left;
}
.wp-smplex .cont-smplex div.bt-smplex {
    width: 12em;
    margin: 10px auto 0;
    padding: 0;
}
.wp-smplex .cont-smplex div.bt-smplex ul {
    list-style: none;
    height: 1.5em;
    margin: 0;
    padding: 0;
}
.wp-smplex .cont-smplex div ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 4em;
}
/* ▲末端style属性内からの移植▲ */

/**
* 【適用先】
*  二次元末端
* 【用途】
*  ※末端style属性内からの移植
*/
#area-package {
    float: left;
    margin: 0 12px 20px 0;
    text-align: center;
}
.bg-bskt {
    padding: 6px 6px 0;
    background: #EEF0F4 url(http://p.dmm.com/p/common/bg/bskt.gif) repeat-x bottom;
    zoom: 1;
}
p.ttl_bskt {
    height: 24px;
    margin: 0;
    background: url(http://p.dmm.com/p/common/bg/bskt_ttl_digi.gif) repeat-x;
}
p.ttl_bskt span {
    display: block;
    padding-left: 26px;
    background: url(http://p.dmm.com/p/common/ico/bskt_ttl_digi.gif) no-repeat left top;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}
p.ttl_bskt_dlsample {
    height: 24px;
    margin: 0;
    background: url(http://p.dmm.com/p/common/bg/bskt_ttl_digi_sample.gif) repeat-x;
}
p.ttl_bskt_dlsample span {
    display: block;
    padding-left: 26px;
    background: url(http://p.dmm.com/p/common/ico/bskt_ttl_digi_sample.gif) no-repeat left top;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}
p.ttl_r {
    line-height: 22px;
    margin: 0;
    padding-left: 8px;
    border-left: 4px #007FFF solid;
    font-size: 14px;
    font-weight: bold;
}
p.delivery-date {
    margin: 0 0 3px;
    padding: 3px 0;
    border: 1px #c00 solid;
    color: #c00;
    font-weight: bold;
    text-align: center;
}
.tx-flow {
    display: none;
    margin: 0;
    padding: 6px 0 0;
    font-weight: bold;
}
.select-ptn {
    display: none;
    margin-bottom: 12px;
}
.select-ptn ul {
    list-style: none;
    margin: 6px 0 0;
    padding: 0;
    line-height: 1.5em;
}
.select-ptn form {
    margin: 0;
    padding: 0;
}
.select-ptn li {
    clear: both;
    margin: 0;
    padding: 1px 0;
    vertical-align: top;
    text-align: right;
    zoom: 1;
}
.select-ptn li.toaster {
    margin: 4px 0 0;
    padding: 4px 1px 1px;
    border-top: 1px #bbb dashed;
}
.select-ptn li input {
    float: left;
    margin: 0 3px 0 0;
}
.select-ptn li span {
    float: left;
    padding-left: 6px;
    color: #333;
    font-weight: normal;
}
.select-ptn li b {
    color: #c00;
    white-space: nowrap;
}
.select-ptn li label {
    display: block;
    cursor: pointer;
    padding: 4px 2px 3px 3px;
    border: 1px #c4d0f5 solid;
    background: #fff;
}
.select-ptn li label:hover {
    background: #c4d0f5;
}
.select-ptn li label input {
    margin: 0;
    padding: 0;
}
.bx-bskt, .bx-bskt-dlsample {
    padding-bottom: 6px;
    text-align: center;
}
.bx-ptn {
    margin: 6px 0;
    padding: 10px 6px;
    border: 1px #c4d0f5 solid;
    background: #fff;
}
.bx-ptn .price {
    line-height: 1.2em;
    color: #c00;
    font-size: 14px;
    font-weight: bold;
}
.bx-ptn .price p {
    margin: 0;
}
.bx-ptn .sp-price {
    line-height: 1.2em;
    color: #c00;
    font-size: 14px;
    font-weight: bold;
}
.bx-ptn .sp-price p {
    margin: 0 0 3px 0;
}
.bx-ptn p.sp-price-ttl {
    margin: 0 0 8px 0;
    padding: 3px;
    background-color: #c03;
    color: #fff;
    font-weight: bold;
}
.bx-ptn .bx-supple {
    margin: 10px 0 0;
    padding: 10px 5px 0;
    border-top: 1px #c4d0f5 dashed;
}
.bx-ptn form {
    margin: 6px 0 8px;
}
.bx-ptn input {
    margin: 0;
}
.bx-ptn ul {
    margin: 10px 0 3px;
    padding: 6px 0 0;
    border-top: 1px #c4d0f5 dashed;
    list-style: none;
}
.bx-ptn li {
    padding-bottom: 3px;
}
.bx-ptn li img.icon {
    position: relative;
    top: 1px;
    left: -5px;
}
.bx-ptn table.tbl-bps {
    width: 222px;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 10px;
    text-align: center;
    line-height: 1.1em;
}
.bx-ptn table.tbl-bps th, .bx-ptn table.tbl-bps td {
    padding: 1px;
    border: 1px #ccc solid;
    font-weight: normal;
}
.bx-ptn table.tbl-bps th {
    background: #e1e1e1;
}
.bx-bskt-dlsample .bx-ptn img {
    margin-bottom: 6px;
}
.bx-bskt-dlsample .bx-ptn .ptn-btttl {
    width: 150px;
    margin: 0 auto 1px;
    text-align: left;
}
.bx-attention {
    padding: 10px 14px;
    border: 1px #c4d0f5 solid;
    background: #fff;
    text-align: left;
}
.bx-attention a {
    background: url(http://p.dmm.com/p/common/arrow_global.gif) no-repeat scroll left 2px transparent;
    padding: 0 0 0 10px;
}
.bx-attention div {
    margin: 10px 0 0;
    padding: 10px 0 0 0;
    border-top: #c4d0f5 1px dashed;
}
.bx-attention div p {
    margin: 0;
    padding: 0;
}
p.tx-bskt {
    margin: 6px 0;
    font-size: 14px;
}
.ptn-caution {
    position: relative;
    top: -3px;
    margin: 0 0 8px;
    padding: 3px 0 2px;
    background: #fdd8de;
    color: #555;
}
.use-caution {
    margin-top: 12px;
    padding: 8px;
    background-color: #eee;
    text-align: left;
}
.bg-bps {
    background-color: #ccc;
}
div.bx-help {
    margin: 3px 0px 6px;
    padding: 6px;
    background-color: #fff6da;
    text-align: left;
}
ul.others {
    list-style: none;
    margin: 0;
    padding-left: 6px;
    line-height: 1.5em;
}
ul.others li {
    margin: 0;
    padding-left: 15px;
    background: url(http://p.dmm.com/p/common/marker.gif) no-repeat 7px 0.6em;
}
div.another {
    margin-top: 6px;
    padding: 6px 0 0 12px;
    border-top: 1px #bbb dashed;
}
#w .bx-workslist .d-boxcollist li .d-img {
    height: 115px;
}
/* ============= #info-hangaku */
#info-hangaku .bnr {
    height: 25px;
    background: #e01 url(http://p.dmm.com/p/10th/bg-common.gif) no-repeat scroll 100% 0;
    text-align: center;
    line-height: 25px;
}
#info-hangaku .bnr a {
    display: block;
    width: 100%;
}
#info-hangaku .bnr a:link, #info-hangaku .bnr a:visited {
    color: #FFF;
}
#info-hangaku .bnr span {
    padding-left: 10px;
    background: url(http://p.dmm.com/p/10th/arrow_10th.gif) no-repeat scroll 0 50%;
}
#info-hangaku p {
    margin: 5px 0 10px;
    text-align: center;
}
a.nolink:hover, a.nolink:active {
    color: #333;
}
/**
* ※末端style属性内からの移植ここまで

/**
* 【適用先】
*  二次元末端
* 【用途】
* 予約販売＆予約告知定義
*/
/* ▼ 予約販売＆予約告知エリア追加 ここから ▼ */
/* 購入エリア：予約 ここから */
.m-boxDetailReleaseSchedule {
    position: relative;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px;
    margin-bottom: 14px;
}
.m-boxDetailReleaseSchedule__date {
    display: block;
    font-size: 16px;
    line-height: 1.4em;
}
.m-boxDetailReleaseSchedule__date:after {
    content: "発売予定";
    padding-left: 5px;
}
.m-boxDetailReleaseSchedule__txt {
    display: block;
    font-size: 10px;
}
.m-boxMainDetailPurchase__btnReserve {
    margin-bottom: 7px;
}
.m-boxMainDetailPurchase__btnReservePurchased {
    margin-bottom: 1em;
}
.m-boxMainDetailPurchase__btnReservePurchased + .m-boxMainDetailPurchase__terminal + .m-boxMainDetailPurchase__description {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
/* 購入エリア：予約 ここまで */
/* 購入エリア 予約：バルーン吹き出し ここから */
.m-boxMainDetailPurchaseReserve__balloon {
    position: absolute;
    z-index: 50;
    top: -37px;
    right: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    margin: auto;
    padding: 8px 0 20px;
    background: url(http://p.dmm.com/p/dc/common/detail/bg_balloon.png) no-repeat top center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
/* 購入エリア 予約：バルーン吹き出し ここまで */
/* ▲ 予約販売＆予約告知用エリア追加 ここまで ▲ */

/**
* 【適用先】
*  二次元末端
* 【用途】
* ポイント還元キャンペーン用定義
*/
/* ▼ ポイント還元キャンペーン購入エリア追加 ここから ▼ */
.m-boxSubDetailPurchase__choice + .m-boxSubDetailPurchase__reference + .m-boxSubDetailPurchase__campaign {
    margin-top: 1em;
    padding-top: .5em;
    border-top: 1px solid #ccc;
    line-height: 1.2;
}
.m-boxSubDetailPurchase__emphasis--pointBack {
    padding-bottom: 5px;
}
/* ▲ ポイント還元キャンペーン購入エリア追加 ここまで ▲ */


/**
* 【適用先】
*  二次元末端
* 【用途】
* アフィリエイトビューア用定義
*/
.m-boxAffiliateViewerPopUp {
    border-radius: 5px;
    background-color: #fff;
    padding: 10px 0;
}
.m-boxAffiliateViewerPopUp__item {
    counter-increment: li;
    margin: 20px;
}
.m-boxBlockTtl--affiliateViewer__ttl {
    position: relative;
    padding: 0 0 4px 34px;
}
.m-boxBlockTtl--affiliateViewer__ttl::before {
    background-color: #406475;
    border-radius: 30px;
    color: #fff;
    content: counter(li);
    display: block;
    height: 30px;
    left: -10px;
    line-height: 30px;
    padding: 3px;
    position: absolute;
    text-align: center;
    width: 30px;
}
.m-boxAffiliateViewerBlock__item {
    margin: 20px auto;
}
.m-boxAffiliateViewerBlock__txt {
    font-size: 12px;
    margin: 0 6px;
    line-height: 2.0em;
}
.m-boxBlockTtl--affiliateViewer__ttl__txtSmall {
    font-size: 18px;
}
.m-boxInputCodeBlock--affiliateId__form {
    position: relative;
}
.m-boxInputCodeBlock--affiliateId__form__placeholder {
    position: absolute;
    left: 10px;
    top: 7px;
    color: #ccc;
    font-size: 16px;
}
.m-boxInputCodeBlock--affiliateId__form__placeholder__txtSmall {
    font-size: 11px;
}

/**
 * 書籍サムネイル
 */
.m-boxAffiliateViewerBookTmb{
    border: #ccc solid 1px;
    margin: 0 auto;
    background-color: #fff;
    position: absolute;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    padding: 10px;
    box-sizing: border-box;
    width: 120px;
    height: 240px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.m-boxAffiliateViewerBookTmb--large{
    width: 150px;
    height: 250px;
    padding: 10px 15px;
}
.m-boxAffiliateViewerBookTmb > a{
    display: block;
}
.m-boxAffiliateViewerBookTmb > a:link{
    color: #333;
    text-decoration: none;
}
/* 画像 */
.m-boxAffiliateViewerBookTmb__img{
    display: block;
    text-align: center;
    position: relative;
    margin: 0 auto 12px;
    padding-top: 145%;
}
.m-boxAffiliateViewerBookTmb__img--large{
    margin: 0 auto;
    padding-top: 160px;
}
.m-boxAffiliateViewerBookTmb__img > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    max-height: 140px;
    max-width: 100%;
}
.m-boxAffiliateViewerBookTmb__img--large > img{
    max-height: 160px;
}

/* タイトル */
.m-boxAffiliateViewerBookTmb__ttl{
    display: block;
    text-align: left;
    line-height: 1.6;
    height: 3.2em;
    margin: 0.2em auto 0;
    word-break: break-all;
}

/* サイズ選択 */
.m-boxAffiliateViewerSizeSelect {
    box-sizing: border-box;
    height: 340px;
    background-color: #ededed;
    margin-bottom: 35px;
    cursor: pointer;
    border-radius: 5px;
}
.m-boxAffiliateViewerSizeSelect__ttl {
    font-size: 26px;
    text-align: center;
    line-height: 58px;
    background-color: #ccc;
    color: #fff;
    border-radius: 5px 5px 0 0;
}
.m-boxAffiliateViewerSizeSelect__item {
    padding: 10px;
    position: relative;
}
.m-boxAffiliateViewerSourceCode {
    padding: 10px;
}
.m-boxAffiliateViewerSourceCode__textarea {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 14px;
    min-height: 90px;
    line-height: 1.6em;
    color: #999;
}
/* アフィリエイトビューア用定義 ここまで */

/* ▼セット購入一覧への上部導線 ここから ▼ */
.m-boxDetailTopLeadBtn__wrap {
    margin-bottom: 8px;
}
/* ▲セット購入一覧への上部導線 ここまで ▲ */

/**
* 【適用先】
*  二次元末端
* 【用途】
* CP終了日時吹き出し用定義
*/
/* ▼ CP終了日時吹き出し追加 ここから ▼ */
.m-boxSubDetailPurchase__campaignPeriod {
    position: relative;
    text-align: center;
    background-color: #ea4758;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    padding: 8px 0;
    margin-bottom: 14px;
}
.m-boxSubDetailPurchase__campaignPeriod:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -7px;
    border-width: 7px 7px 0;
    border-style: solid;
    border-color: #ea4758 transparent;
}
.m-boxSubDetailPurchase__campaignPeriod--sale {
    padding: 6px 0;
}
.m-boxSubDetailPurchase__campaignPeriod__txt {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding-left: 3px;
    vertical-align: 1px;
}
.m-boxSubDetailPurchase__campaignPeriod__txt--sale {
    color: #fef011;
    font-size: 15px;
    font-weight: bold;
    border-right: dotted 1px #f58f9a;
    padding-right: 10px;
}
/* ▲ CP終了日時吹き出し追加 ここまで ▲ */

/**
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  末端改修用定義
 */

/* パケ画像が小さい場合 */
 .m-boxDetailProduct__pack.is-small .m-boxDetailProduct__pack__item {
    padding: 72% 0;
    background-color: #eee;
}
.m-boxDetailProduct__pack.is-small .m-imgDetailProductPack {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    cursor: auto !important; /* override from list/module.default.css */
    opacity: 1;
    filter: alpha(opacity=100);
}
.m-boxDetailProduct__pack.is-small .m-imgDetailProductPack {
    max-width: 140px;
    width: auto; /*for lte IE8 */
}
/* gte IE9 and Modern Browser */
@media (min-width: 1px) {
    .m-boxDetailProduct__pack.is-small .m-imgDetailProductPack {
        width: 100%;
    }
}
@media only screen and (max-width: 961px) {
    .m-boxDetailProduct__pack.is-small .m-boxDetailProduct__pack__item {
        background-color: transparent;
    }
}
.m-boxSeriesPaging.is-current {
    font-weight: bold;
    color: #fff;
    background: #555;
}

/**
* 【適用先】
*  二次元末端
* 【用途】
*  購入エリア(アイコン画像スプライト操作)
*/
.m-boxDetailCorrespondingTerminal__list__item--windows.is-disabled {
    background-position: left -60px;
}
.m-boxDetailCorrespondingTerminal__list__item--mac.is-disabled {
    background-position: -57px -60px;
}
.m-boxDetailCorrespondingTerminal__list__item--smartDevice.is-disabled {
    background-position: -108px -60px;
}
.m-boxDetailCorrespondingTerminal__list__item--browser.is-disabled {
    background-position: -165px -60px;
}
/**
* 【適用先】
*  二次元末端
* 【用途】
*  アフィリエイトビューア、サイズ選択
*/
.m-boxAffiliateViewerSizeSelect.is-current dt {
    background-color: #406475;
}
.m-boxAffiliateViewerSizeSelect.is-current {
    box-shadow: 0 0 0 5px #406475 inset;
    position: relative;
}
.m-boxAffiliateViewerSizeSelect.is-current dd:before {
    border-width: 30px 40px 0;
    border-top-color: #406475;
    right: 38%;
    top: 282px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}


/*
* ▼/book/detail
*/





/*
* ▼/comic/detail
*/





/*
* ▼/comicf/detail
*/





/*
* ▼/bl/detail
*/





/*
* ▼/tl/detail
*/





/*
* ▼coupon
*/


/*
* 【適用先】
*  クーポン一覧、マイクーポン一覧、発行可能クーポン一覧、バスケット
* 【用途】
*  リスト型レイアウト
*/
.m-boxCouponProduct {
    margin-bottom: 10px;
}
.m-boxCouponProduct__list {
    clear: both;
}
.m-boxCouponProduct__list__item {
    margin-bottom: 12px;
}
.m-boxCouponProductBlock {
    overflow: hidden;
    padding: 15px;
    border: #eee 4px solid;
    background-color: #fff;
}
.m-boxCouponProductBlock__tmb {
    float: left;
}
.m-boxCouponProductBlock__tmb img {
    width: 180px;
    height: auto;
}
.m-boxCouponProductBlock__item {
    margin-left: 200px;
}
.m-boxCouponProductBlock__data__ttl {
    margin-bottom: 10px;
    font-size: 20px;
    color: #406475;
    font-weight: bold;
}
.m-boxCouponProductBlock__data__ttl > a:link,
.m-boxCouponProductBlock__data__ttl > a:visited{
    text-decoration: none;
    color: #406475;
}
.m-boxCouponProductBlock__data__cont__item {
    margin-top: 16px;
}
.m-boxCouponProductBlock__data__cont__txt {
    font-size: 13px;
    color: #969696;
}
.m-boxCouponProductBlock__data__cont__deadline {
    font-size: 12px;
}
.m-boxCouponProductBlock__data__cont__deadline__date {
    font-size: 17px;
    font-weight: bold;
}
.m-boxCouponProductBlock__data__cont__deadline__head {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    padding: 0 10px;
    border-radius: 2px;
    background-color: #406475;
    color: #fff;
}
.m-boxCouponProductBlock__data__cont__deadline__item {
    margin-right: 16px;
}
/*end処理*/
.m-boxCouponProductBlock--end {
    background-color: #fafafa;
    color: #969696;
}
.m-boxCouponProductBlock__data__ttl--end {
    color: #969696;
}
.m-boxCouponProductBlock__data__cont__deadline__head--end {
    background-color: #969696;
}
/*バスケット*/
.m-boxCouponProduct__item {
    margin-top: 12px;
}
.m-boxCouponProductBlock__price {
    padding: 10px 10px 0 0;
    border-top: #828282 1px dotted;
    text-align: right;
    font-size: 1.2em;
}
.m-boxCouponProductBlock__item__price {
    margin-top: 15px;
    margin-left: 200px;
}
.m-boxCouponProductBlock__price__strikethrough {
    text-decoration: line-through;
}
.m-boxCouponProductBlock__price__discount {
    line-height: 1;
    color: #c00000;
    font-size: 25px;
    font-weight: bold;
}
.m-boxCouponProductBlock__price__item {
    margin-left: 20px;
}

/*
* 【適用先】
*  全ページ
* 【用途】
*  フラットボタン
*/
/*末端　右カラム用 */
.m-boxDcFlatBtn--searchCoupon {
    width: 216px;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--searchCoupon__txt {
    color: #406475 !important;
    font-size: 13px;
}
.m-boxDcFlatBtn--searchCoupon__txt:before {
    margin-right: .5em;
    width: 17px;
    height: 17px;
    background: url(http://p.dmm.com/p/dc/common/ico/coupon.png) no-repeat 0 -22px;
    vertical-align: middle;
}

/* 末端　右カラム用（ポップアップ内） */
.m-boxDcFlatBtn--coupon {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--coupon__txt {
    color: #6e4519 !important;
    font-size: 13px;
}
/* マイクーポン一覧 */
.m-boxDcFlatBtn--couponLarge {
    height: 60px;
    line-height: 60px;
    width: 100%;
}
.m-boxDcFlatBtn--couponLarge__txt {
    font-size: 18px;
}
.m-boxDcFlatBtn--couponIcoLarge__txt:before {
    background: url(http://p.dmm.com/p/dc/common/ico/coupon.png) no-repeat -50px -43px;
    height: 21px;
    vertical-align: -4px;
    width: 30px;
}
/* 特設ページ　クーポンGETボタン */
.m-boxDcFlatBtn--couponGetLarge {
    width: 216px;
    height: 100px;
    line-height: 1.2;
    border-bottom-width: 3px;
}
.m-boxDcFlatBtn--couponGetLarge__txt {
    padding-top: 26px;
    width: 216px;
    font-size: 21px;
}
/*
* 【適用先】
*  マイクーポン一覧
* 【用途】
*  エラーなどの注意喚起表示
*/
/* マイクーポンのエラー枠 */
.m-boxCouponInfoTop {
    display: block;
    margin:0 auto;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
/* テキスト */
.m-boxCouponInfo__txt {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 1.5;
    font-size: 1.6em;
}
.m-boxCouponInfo__txt:before{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    height: 18px;
    width: 18px;
}
/* 取得テキスト（acquisition） */
.m-boxCouponInfo__txt--acquisition {
    color: #406475;
}
.m-boxCouponInfo__txt--acquisition:before {
    content: url(http://p.dmm.com/p/dc/common/ico/ico_mycoupon_acquisition.png);
}
/* 失敗テキスト（failure） */
.m-boxCouponInfo__txt--failure {
    color: #cd271b;
}
.m-boxCouponInfo__txt--failure:before {
    content: url(http://p.dmm.com/p/dc/common/ico/ico_mycoupon_failure.png);
}
/*
* 【適用先】
*  全ページ
* 【用途】
*  エラーなどの注意喚起表示
*/
/* バスケット、マイクーポンのエラー枠 */
.m-boxCouponInfo {
    display: block;
    text-align: center;
    padding-top: 10px
}
/* クーポン一覧、発行可能クーポン一覧のエラー枠 */
.m-boxCouponProduct__error {
    padding: 10px;
    text-align: center;
}



/*
* ▼coupon/detail
*/


/*
* 【適用先】
*  末端
* 【用途】
*  クーポン
*/
/* 右カラム　 クーポン枠*/
.m-boxDetailCoupon {
    border: 1px solid #ccc;
    border-top: none;
    background-color: #e4e3e3;
}
.m-boxDetailCoupon__btn {
    position: relative;
    padding: 14px;
    text-align: center;
}
.m-boxDetailPopupMain {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto 42px;
    padding: 14px;
}
.m-boxDetailPopup {
    position: relative;
    padding: 14px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    border-bottom: 2px solid #c0c0c0;
}
.m-boxDetailPopup:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #c0c0c0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.m-boxDetailPopup:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.m-boxDetailPopup__txt {
    display: block;
    margin-bottom: 10px;
    color: #757575;
    font-size: 14px;
}
.m-boxDetailPopup__txt:before {
    display: block;
    content: "";
    margin-bottom: 10px;
    height: 38px;
    background: url(http://p.dmm.com/p/dc/common/ico/coupon_use.png) no-repeat center -41px;
}
.m-boxDetailPopup--nothing__txt {
    margin-bottom: 0;
}
.m-boxDetailPopup--nothing__txt:before {
    background-position: center -82px;
}
.m-boxDetailPopup__closeBtn {
    position: absolute;
    top: 0;
    right: 0;
}
.m-boxDetailPopup__closeBtn a {
    display: block;
    padding: 10px;
}