@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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_addcart.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToBasket:before {
    width: 27px;
    height: 20px;
    left: -124px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_cart.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--confirmInBasket:before {
    width: 20px;
    height: 16px;
    left: -112px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_star.png);
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToFavorites:before {
    width: 14px;
    height: 14px;
    left: -112px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_download.png);
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--download:before {
    width: 16px;
    height: 14px;
    left: -124px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_share.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--share:before {
    width: 14px;
    height: 14px;
    left: -33px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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;
}
.m-boxDcFlatBtn--tachiyomiSmall__txt--2Lines {
    line-height: 11px;
    padding: 2px 0 0 0;
}

/* a要素ボタンにアイコンをなくす */
.m-boxDcFlatBtn--tachiyomi__txt:before {
    content: none;
}
/* formボタンにアイコンをなくす */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--tachiyomi:before {
    content: none;
}
/* 今すぐ購入ボタン（小） ブラウザビューアで使用 */
.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-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(https://www.dmm.co.jp/images/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('https://www.dmm.co.jp/images/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('https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_reserve.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserve:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_reserve.png) no-repeat;
}
.m-boxDcFlatBtn--reserveMediumLarge__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.co.jp/images/dc/common/ico/ico_reserve.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserveLarge:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/dc/common/ico/ico_cart.png) no-repeat;
    vertical-align: -4px;
}
.m-boxDcFlatBtn--addedToBasketIco__txt:before {
    width: 20px;
    height: 16px;
    background: url(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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;
}

/*
 * 【適用先】
 *   全画面
 * 【用途】
 *   保持クーポン表示
 */
.m-boxCouponLimit {
    position: fixed;
    display: block;
    bottom: 20px;
    right: 20px;
    width: 90px;
    height: 48px;
    padding: 7px 5px;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    font-size: 0;
    text-align: center;
    border-radius: 6px;
    z-index: 400;
}
.m-boxCouponLimit:before {
    content: "クーポン";
    display: block;
    font-size: 12px;
    line-height: 1;
}
.m-boxCouponLimit__txt {
    font-size: 12px;
}
.m-boxCouponLimit__txtLimit {
    font-size: 18px;
    color: #fff000;
}
.m-boxCouponLimit__txtLimitUnit {
    font-size: 12px;
}

/* カルーセルの左右の>ボタン */
.m-boxBookTmbList--slide__btn--prevAdult,
.m-boxBookTmbList--slide__btn--nextAdult
{
    background-image: url(https://www.dmm.co.jp/images/dc/common/btn_tmblist_slide_adult.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    display: block;
    width: 50px;
    height: 95%;
    cursor: pointer;
}
.m-boxBookTmbList--slide__btn--prevAdult.is-disabled {
    background-position: -31px 50%;
    cursor: default;
    opacity: 1;
}
.m-boxBookTmbList--slide__btn--nextAdult.is-disabled {
    background-position: -123px 50%;
    cursor: default;
    opacity: 1;
}
.m-boxBookTmbList--slide__btn--prevAdult{
    left: 0;
    background-position: 20px 50%;
}
.m-boxBookTmbList--slide__btn--nextAdult{
    right: 0;
    background-position: -174px 50%;
}
.m-boxBookTmbList--slide__btn--prevAdult:hover{
    opacity: 0.6;
}
.m-boxBookTmbList--slide__btn--nextAdult:hover{
    opacity: 0.6;
}
/**
 * サムネイルリスト(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;
}

/*
 * 【適用先】
 *   全画面
 * 【用途】
 *   保持クーポン表示
 */
.m-boxCouponLimit.is-expired {
    cursor: pointer;
}
.m-boxCouponLimit.is-expired:before {
    text-align: left;
    padding-left: 8px;
}
.m-boxCouponLimit.is-expired:after {
    content: "×";
    position: absolute;
    top: -2px;
    right: 5px;
    width: 18px;
    height: 18px;
    font-size: 18px;
}
.m-boxCouponLimit.is-expired .m-boxCouponLimit__txt {
    font-size: 16px;
}


/*
* ▼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-boxNavMenuList:after{
    content: '';
    display: block;
    clear: both;
}
.m-boxNavMenuListMain,
.m-boxNavMenuListSub{
    display: table;
    table-layout: fixed;
}
.m-boxNavMenuListMain{
    width: 35.2%;
    height: 48px;
    float: left;
    box-sizing: border-box;
}
.m-boxNavMenuListSub{
    width: 64.3%;
    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 #f36388;
    text-decoration: none;
}
.m-boxNavMenuListMain li a:hover{
    color: #ed5a76 !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: #ffa03c !important;
}
.m-boxNavMenuListSub .m-boxNavMenuListSub__btn--gcomic a,
.m-boxNavMenuListSub .m-boxNavMenuListSub__btn--gcomicf a,
.m-boxNavMenuListSub .m-boxNavMenuListSub__btn--gphoto a{
    padding: 12px 0 !important;
}

.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;
}

/**
 * 官能小説ジャンル
 */
#l-areaMenuEroticNovelGenre{
    margin-bottom: 20px;
}

/**
 * 官能小説作家
 */
#l-areaMenuEroticNovelWriter{
    margin-bottom: 20px;
}

/**
 * コミック雑誌配信バナー
 */
#l-areaMenuMagazineBnr{
    margin-bottom: 20px;
}
/**
 * マイメニュー
 */
 .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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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(https://www.dmm.co.jp/images/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-boxSideMenuList__ttl--adult{
    border-bottom: 5px solid #f36388;
    color: #f36388;
}
.m-boxSideMenu--adult .m-boxSideMenu__btn a:hover{
    color: #f36388;
}
.m-boxSideMenu--adult .m-boxSideMenu__ttl a:hover{
    color: #f36388;
}
.m-boxSideMenu--adult .m-boxSideMenu__ttl--link__txt:hover{
    color: #f36388 !important;
}
.m-boxSideMenu--adult .m-boxSideMenu__ttl__txtLink:hover{
    color: #f36388;
}
.m-boxSideMenu--adult .m-boxSideMenuGojuon__btn__txt:hover{
    color: #f36388;
}
.m-boxSideMenu__btn__txt--general{
    color: #ff911c;
}

/**
 * チェックボックス
 */
.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;
}

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

/**
 * 絞り込み選択
 */
.m-boxSideMenu__btn--adult.is-current {
    position: relative;
    background-color: #f36388;
    border-right: 1px solid #f36388;
    border-bottom: 1px solid #f36388;
    border-left: 1px solid #f36388;
    margin: 0 -1px -1px;
    width: 163px;
    color: #fff;
    z-index: 10;
}
.m-boxSideMenuGojuon__btn--adult__txt.is-current{
    background-color: #f36388;
}
.m-boxSideMenuGojuon__btn--adult__txt.is-current:hover{
    color: #fff;
}

/*
* ▼common/ranking
*/
/*シリーズ一覧ページ内*/
#page-dcBookSeriesList {
    font-size: 12px;
}
#page-dcBookSeriesList a:link {
    color: #005fc0;
}
#page-dcBookSeriesList a:hover {
    color:#e20;
}

/*
【適用先 横並びリスト、詳細リスト】
*/
.m-boxListBookProductLarge__list__item--rankingHigher,
.m-boxListBookProductLarge__list__item--rankingJunior {
    margin-bottom: 3px;
}

 /*-------------------- ranking独自CSS --------------------*/
.m-boxRankingTtl {
    position: relative;
    line-height: 45px;
    border-bottom: 2px solid #406475;
    font-size: 1.9em;
    font-weight: bold;
}
.m-boxRankingTtl--onlyMonthly {
    margin-bottom: 20px;
}
.m-boxRankingIco--rankList {
    line-height: 39px;
    font-size: 13px;
    font-weight: bold;
}

/*パッケージサイズ*/
.m-boxListBookTmbImg--rankingJunior > img {
    width: 110px;
}
.m-boxListBookProductBlock__main__info {
    margin-left: 120px !important;
}


.m-boxListBookProductBlock__main__info__item {
    position: relative;
    margin-bottom: 5px;
}
.m-boxListBookProductBlock__main__info__item__ttl {
    padding-left: 45px;
}
.m-boxListBookProductBlock__main__info__item__rankingNumber {
    position: absolute;
    top:50%;
    margin-top: -20.5px;
}
.m-boxListBookTmbImg--rankingHigher > img {
    width: auto;
    max-width: 140px;
    max-height: 200px;
    min-width: 110px;
}
.m-boxListBookProductBlock__main__info--rankingHigher {
    margin-left: 155px !important;
}

/* 作家 */
.m-boxListBookProductBlock__main__info__ttl__subData {
    font-size: 0.6em;
    font-weight: normal;
}
.m-boxListBookProductBlock__main__info__itemSubInfo--writer {
    height: 1.5em;
}

.m-boxListBookProductBlock__main__info__latestWork {
    padding: 10px;
    border-radius: 3px;
    background-color: #f0f0f0;
    font-size: 12px;
}
.m-boxListBookProductBlock__main__info__latestWork__ttl {
    font-weight: bold;
    line-height: 1.7;
}

/*写真集*/
.m-boxListBookProductBlock__main__info__photographer {
    font-weight: bold;
    line-height: 1.7;
}
.m-boxListBookTmbSubInfo--actor__txt__link {
    font-size: 0.8em;
    font-weight: normal;
}
.m-boxListBookTmbSubInfo--actor {
    background-position: 0 -56px;
}
/*リスト改善反映*/

.m-boxListBookProductBlock__main__info__ttl--detail {
    margin: 0;
}
.m-boxListBookProductBlock__main__info--detail {
    margin: 0 195px 0 155px;
}
.m-boxListBookProductBlock__main__info__itemSchedule {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: top;
}
.m-boxListBookProductBlock__btn--detail {
    width: 180px;
}
.m-boxDcFlatBtn--addToBasketListDetail {
    width: 100%;
    height: 38px;
    line-height: 38px;
}
.m-boxDcFlatBtn--confirmInBasketListDetail {
    width: 100%;
    height: 38px;
    line-height: 38px;
}
.m-boxDcFlatBtn--reserveListDetail {
    width: 100%;
    height: 38px;
    line-height: 38px;
}
.m-boxDcFlatBtn--tachiyomiListDetail {
    width: 100%;
    height: 38px;
    line-height: 38px;
}
.m-boxDcPurchased--listDetail {
    width: 100%;
    height: 38px;
    line-height: 38px;
}
.m-boxDcPurchased--listDetail__txt {
    font-size: 15px;
    font-weight: bold;
}
.m-boxDcReserved--listDetail {
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #fff;
}
.m-boxDcReserved--listDetail__txt {
    font-size: 15px;
    font-weight: bold;
}
.m-boxListBookProductBlock__btn__favorite {
    margin-bottom: 7px;
}
.m-boxDcFlatBtn--tachiyomiListDetail {
    width: 100%;
    height: 38px;
    line-height: 38px;
}
.m-boxDcFlatBtn--favorite {
    width: 100%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
}
.m-boxDcFlatBtn--favorite__txt {
    color: #999;
    font-size: 15px;
}
.m-boxDcFlatBtn--favorite__txt:before {
    width: 22px;
    height: 22px;
    background: url(https://www.dmm.co.jp/images/dc/common/ico/favorite_star.png) no-repeat;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    vertical-align: -4px;
    margin-right: 0.3em;
}
.m-boxListBookProductTmbSub--price__txt{
    vertical-align: -1px;
}
.m-boxListBookProductTmbSub--price__txt--discount{
    color: #ee4d5c;
    font-weight: bold;
}
/* お得リボン */
.m-boxListBookProductLarge__list__item--ribbon {
    position: relative;
}
.m-boxListBookProductLarge__list__item--ribbon:before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('https://www.dmm.co.jp/images/dc/common/ico/title.png') no-repeat;
    background-position: -96px -64px;
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 10;
}
.m-boxListBookProductTmbSub--author {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 0;
    background: none;
}
.m-boxListBookProductTmbSub--review {
    background: none;
    padding-left: 0;
}
.m-boxListBookProductTmbSub--review__txt {
    display: inline-block;
    width: 74px;
    height: 15px;
    margin-bottom:10px;
    background: url(https://www.dmm.co.jp/images/dc/common/bg_reviewSprite.png) no-repeat scroll 0 0;
    -webkit-background-size: 74px 165px;
    background-size: 74px 165px;
    background-position: 0 0;
    background-color: white;
    font-size: 10px;
    padding-left: 80px;
    line-height: 16px;
}
.m-boxListBookProductTmbSub--review__txt--rate00 {background-position: 0 0;}
.m-boxListBookProductTmbSub--review__txt--rate05 {background-position: 0 -15px;}
.m-boxListBookProductTmbSub--review__txt--rate10 {background-position: 0 -30px;}
.m-boxListBookProductTmbSub--review__txt--rate15 {background-position: 0 -45px;}
.m-boxListBookProductTmbSub--review__txt--rate20 {background-position: 0 -60px;}
.m-boxListBookProductTmbSub--review__txt--rate25 {background-position: 0 -75px;}
.m-boxListBookProductTmbSub--review__txt--rate30 {background-position: 0 -90px;}
.m-boxListBookProductTmbSub--review__txt--rate35 {background-position: 0 -105px;}
.m-boxListBookProductTmbSub--review__txt--rate40 {background-position: 0 -120px;}
.m-boxListBookProductTmbSub--review__txt--rate45 {background-position: 0 -135px;}
.m-boxListBookProductTmbSub--review__txt--rate50 {background-position: 0 -150px;}
.m-boxListBookProductTmbSub--author__txt {
    font-size: 11px;
}

/*表示形式切り替え*/
.m-boxListDisplayFormat__btn__txt.is-current {
    background: #303030 url(https://www.dmm.co.jp/images/common/ico_listselector.png) no-repeat;
}
.m-boxListDisplayFormat__btn__txt--imgformat.is-current {
    background-position: -1px -0px;
}
.m-boxListDisplayFormat__btn__txt--txtformat.is-current {
    background-position: -31px 0;
}
.m-boxListDisplayFormat__btn__txt--imgformat.is-current:hover {
    background-position: -1px -0px;
}
.m-boxListDisplayFormat__btn__txt--txtformat.is-current:hover {
    background-position: -31px 0;
}
/*表示数切り替え*/
.m-boxListDisplayNumber__btn__txt.is-current {
    background: #303030;
    color: #fff;
}
/*お気に入りボタン クリック時 アニメーション*/
.m-boxDcFlatBtn--favorite.is-animated.is-current .m-boxDcFlatBtn--favorite__txt:before {
    animation:active 0.7s ease 0s normal;
    -webkit-animation:active 0.7s ease 0s normal;
}
@keyframes active {
	0% { transform: scale(1); }
	50% { transform: scale(1.3);}
    100%{ transform: scale(1);}
}
@-webkit-keyframes active {
	0% { -webkit-transform: scale(1);}
    50% { -webkit-transform: scale(1.3);}
	100% { -webkit-transform: scale(1);}
}
.m-boxDcFlatBtn--favorite.is-current .m-boxDcFlatBtn--favorite__txt:before {
    background-position: 0 -23px;
}
.m-boxDcFlatBtn--favorite.is-current .m-boxDcFlatBtn--favorite__txt {
    color: #406475;
}