@charset "EUC-JP";

.lnav-rental {
    background: #8b8b9b url(https://p.dmm.com/p/navi/global/bg_lnav.gif) repeat-x left -390px;
}
.lnav-rental ul {
    width: 35em;
}
.lnav-rental li.on {
    background: #e8e8e9 url(https://p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat left -350px;
}
.lnav-rental li.on a {
    background: url(https://p.dmm.com/p/navi/global/bg_lnav_on.gif) no-repeat right -385px;
}
.pr-rental {
    background: #e8e8e9;
}
.mu-lnav ul li a span.tx-teaser {
    padding: 0 50px 0 0;
    background: url(https://p.dmm.com/p/navi/tx_teaser.gif) right 1px no-repeat;
}

.header_dvdrental {
    color: #5a5a72;
    font-weight: bold;
}
.header_dvdrental_l {
    color: #5a5a72;
    font-weight: bold;
    font-size: 16px;
}
.history {
    color: #c00;
    text-decoration: line-through;
    line-height: 15px;
}
.t_12px_019235 {
    color: #019235;
    font-weight: bold;
    line-height: 15px;
}
.t_14px {
    font-size: 14px;
}
.titleborder {
    border-bottom: 2px #666 solid;
}
.tx-lt {
    text-decoration: line-through;
}


.planchange-bx {
    margin: 10px auto;
    padding-top: 20px;
    width: 570px;
    background: #f1f0f5 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plandetail_t.gif) left top no-repeat;
}
.planchange-bx .change-confirm {
    padding-bottom: 20px;
    background: #f1f0f5 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plandetail_b.gif) left bottom no-repeat;
    text-align: center;
}
.planchange-bx .capt-confirm {
    margin: 20px auto 10px auto;
    width: 550px;
    border-bottom: 1px #cccbd3 solid;
    color: #5a5a72;
    text-align: left;
    font-weight: bold;
}
.plan-bx {
    margin: 10px auto;
    padding-top: 20px;
    width: 570px;
    background: #f1f0f5 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plandetail_t.gif) left top no-repeat;
}
.plan-bx p {
    margin: 0;
    padding: 0;
}
.plan-bx .payment-select-rt {
    padding-bottom: 10px;
    background: #f1f0f5 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plandetail_b.gif) left bottom no-repeat;
    text-align: center;
}
.plan-bx .payment-select-rt table {
    margin: 0 auto;
    width: 550px;
    border-spacing: 0;
    border-collapse: separate;
    line-height: 1.3em;
}
.plan-bx .payment-select-rt th {
    padding: 0;
    width: 115px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    vertical-align: top;
    text-align: center;
}
.plan-bx .payment-select-rt td {
    padding: 5px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    background-color: #fff;
    vertical-align: middle;
    text-align: left;
}
.plan-bx .payment-select-rt .tx-credit {
    color: #5d8cca;
    font-weight: bold;
    font-size: 14px;
}
.plan-bx .payment-select-rt .tx-deposit {
    color: #f0a300;
    font-weight: bold;
    font-size: 14px;
}
.plan-bx .pack-select {
    padding-bottom: 10px;
    background: #f1f0f5 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plandetail_b.gif) left bottom no-repeat;
    text-align: center;
}
.plan-bx .pack-select table {
    margin: 0 auto;
    width: 550px;
    border-spacing: 0;
    border-collapse: separate;
    line-height: 1.3em;
}
.plan-bx .pack-select th {
    padding: 0;
    width: 115px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    background: #5a5a72 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plan_name.gif) no-repeat scroll 0 0;
    background-position: -230px 100%;
    vertical-align: top;
    text-align: center;
}
.plan-bx .pack-select td {
    padding: 5px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    background-color: #fff;
    vertical-align: middle;
    text-align: left;
}
.plan-bx .pack-select .tx-pack {
    color: #5a5a72;
    font-weight: bold;
    font-size: 14px;
}
.plan-bx .plan-select-credit {
    padding-bottom: 10px;
    background: #f1f0f5 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plandetail_b.gif) left bottom no-repeat;
    text-align: center;
}
.plan-bx .plan-select-credit .ttl-credit {
    margin: 0 10px 10px 10px;
    padding-left: 5px;
    border-left: 3px #5d8cca solid;
    color: #5d8cca;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5em;
}
.plan-bx .plan-select-credit table {
    margin: 0 auto;
    width: 550px;
    border-spacing: 0;
    border-collapse: separate;
    line-height: 1.3em;
}
.plan-bx .plan-select-credit thead th {
    padding: 0;
    padding: 0;
    width: 115px;
    height: 50px;
    border-bottom: 10px #f1f0f5 solid;
    background-color: #8599b4;
    vertical-align: middle;
    text-align: center;
}
.plan-bx .plan-select-credit thead td {
    height: 50px;
    border-bottom: 10px #f1f0f5 solid;
    background: #fff url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_planlist_line.gif) left bottom repeat-y;
    background-color: #8599b4;
    vertical-align: middle;
    text-align: center;
}
.plan-bx .plan-select-credit tbody th {
    padding: 0;
    width: 115px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    background: #5d8cca url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plan_name.gif) no-repeat scroll 0 0;
    background-position: 0 100%;
    vertical-align: top;
    text-align: center;
}
.plan-bx .plan-select-credit tbody td {
    padding: 5px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    background: #fff url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_planlist_line.gif) left bottom repeat-y;
    color: #5a5a72;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
.plan-bx .plan-select-credit tbody td .red {
    color: #c00;
}
.plan-bx .plan-select-credit tbody td .tx-del {
    text-decoration: line-through;
}
.plan-bx .plan-select-deposit {
    padding-bottom: 10px;
    background: #f1f0f5 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plandetail_b.gif) left bottom no-repeat;
    text-align: center;
}
.plan-bx .plan-select-deposit .ttl-deposit {
    margin: 0 10px 10px 10px;
    padding-left: 5px;
    border-left: 3px #f0a300 solid;
    color: #f0a300;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5em;
}
.plan-bx .plan-select-deposit table {
    margin: 0 auto;
    width: 550px;
    border-spacing: 0;
    border-collapse: separate;
    line-height: 1.3em;
}
.plan-bx .plan-select-deposit thead th {
    padding: 0;
    padding: 0;
    width: 115px;
    height: 50px;
    border-bottom: 10px #f1f0f5 solid;
    background-color: #b5a686;
    vertical-align: middle;
    text-align: center;
}
.plan-bx .plan-select-deposit thead td {
    height: 50px;
    border-bottom: 10px #f1f0f5 solid;
    background: #fff url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_planlist_line.gif) left bottom repeat-y;
    background-color: #b5a686;
    vertical-align: middle;
    text-align: center;
}
.plan-bx .plan-select-deposit tbody th {
    padding: 0;
    width: 115px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    background: #f0a300 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plan_name.gif) no-repeat scroll 0 0;
    background-position: -115px 100%;
    vertical-align: top;
    text-align: center;
}
.plan-bx .plan-select-deposit tbody td {
    padding: 5px;
    height: 82px;
    border-bottom: 10px #f1f0f5 solid;
    background: #fff url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_planlist_line.gif) left bottom repeat-y;
    color: #5a5a72;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
.plan-bx .plan-select-deposit tbody td .red {
    color: #c00;
}
.plan-bx .plan-select-deposit tbody td .tx-del {
    text-decoration: line-through;
}
.plan-bx .bg-credit {
    background: #5d8cca url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plan_name.gif) no-repeat scroll 0 0;
    background-position: 0 100%;
}
.plan-bx .bg-deposit {
    background: #f0a300 url(https://p.dmm.com/p/mt_dvdrental/planbox/bg_plan_name.gif) no-repeat scroll 0 0;
    background-position: -115px 100%;
}

.wish-navi {
    margin-bottom: 20px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border-bottom: 15px #0d57b2 solid;
}
.wish-navi td {
    padding: 0;
    width: 33%;
    vertical-align: middle;
    text-align: center;
}
.wish-navi td a {
    display: block;
    height: 35px;
}
.wish-navi td .bg-wish-r {
    height: 35px;
    background: url(https://p.dmm.com/p/mt_dvdrental/wish_navi/bg_navi_r.gif) right top no-repeat;
}
.wish-navi td .bg-wish-l {
    height: 35px;
    background: url(https://p.dmm.com/p/mt_dvdrental/wish_navi/bg_navi_l.gif) left top no-repeat;
}
.wish-navi td .bg-wish-r-on {
    height: 35px;
    background: url(https://p.dmm.com/p/mt_dvdrental/wish_navi/bg_navi_r_on.gif) right top no-repeat;
}
.wish-navi td .bg-wish-l-on {
    height: 35px;
    background: url(https://p.dmm.com/p/mt_dvdrental/wish_navi/bg_navi_l_on.gif) left top no-repeat;
}

.side-bskt {
    background: url(https://p.dmm.com/p/rt/bskt/bg_m.gif) repeat-y;
}


.tx-rental {
    color: #5a5a72;
}
.bg-rental {
    background-color: #5a5a72;
}
.tx-month {
    color: #0d57b2;
}
.bg-month {
    background-color: #0d57b2;
}
.tx-ppr {
    color: #1b9100;
}
.bg-ppr {
    background-color: #1b9100;
}
.tx-dvd {
    color: #039;
}
.bg-dvd {
    background-color: #039;
}
.tx-cd {
    color: #f50;
}
.bg-cd {
    background-color: #f50;
}
.tx-comic {
    color: #e57216;
}
.bg-comic {
    background-color: #e57216;
}
.tx-sale {
    color: #f40;
}
.tx-bluray {
    color: #1575b2;
}

#side-l div.side-menu .navi-list td {
    text-align: center;
    white-space: nowrap;
}
#side-l div.side-menu .navi-list a {
    display: block;
    padding: 5px 0;
    width: 100%;
    text-decoration: none;
}
#side-l div.side-menu .navi-list a:hover {
    display: block;
    padding: 5px 0;
    width: 100%;
    background: #f0f0f0;
}

.crumbs {
    margin: 0 0 12px 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
    font-size: 16px;
}
.crumbs li {
    display: inline;
    line-height: 1.2em;
}

#main-rt p.data-bx {
    margin: 0 auto 10px;
    width: 90px;
    text-align: left;
}
#main-rt p.data-bx img {
    margin-bottom: 3px;
}
#main-rt .head-ttl-tx {
    height: 36px;
    background: url(https://p.dmm.com/p/rental/top/bg_head_navi_t.gif) left top repeat-x;
    text-align: center;
}
#main-rt .area-navi {
    height: 36px;
    background: url(https://p.dmm.com/p/rental/top/bg_head_navi_b.gif) left top repeat-x;
    text-align: center;
}
#main-rt .area-navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#main-rt .area-navi li {
    float: left;
    margin: 0 5px 0 0;
    padding: 6px 0 0;
}


#main-rt .media-shadow {
    padding: 0 5px 5px 0;
    width: 50%;
    height: 64px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_media_shadow.gif) right bottom no-repeat;
}
#main-rt .media-box {
    padding: 5px;
    border: 1px #d6d6d6 solid;
    background: #fff;
}
#main-rt .mediabox-dvd {
    display: block;
    height: 47px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_media_dvd.gif) center bottom no-repeat;
}
#main-rt .mediabox-cd {
    display: block;
    height: 47px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_media_cd.gif) center bottom no-repeat;
}
#main-rt .mediabox-dvd a {
    display: block;
    height: 47px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_media_dvd.gif) center top no-repeat;
}
#main-rt .mediabox-cd a {
    display: block;
    height: 47px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_media_cd.gif) center top no-repeat;
}
#main-rt .mediabox-dvd a:hover {
    display: block;
    height: 47px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_media_dvd.gif) center bottom no-repeat;
}
#main-rt .mediabox-cd a:hover {
    display: block;
    height: 47px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_media_cd.gif) center bottom no-repeat;
}
#main-rt .capt01 {
    margin: 0 0 15px;
    padding-left: 5px;
    height: 22px;
    border-bottom: 3px #5a5a72 solid;
    background: url(https://p.dmm.com/p/mt_dvdrental/top/bg_capt.gif) left top repeat-x;
    color: #424251;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}
#main-rt .capt02-dvd {
    margin-bottom: 3px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_dvd_right.gif) right bottom no-repeat;
}
#main-rt .capt02-bluray {
    margin-bottom: 3px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_bluray_right.gif) right bottom no-repeat;
}
#main-rt .capt02-cd {
    margin-bottom: 3px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_cd_right.gif) right bottom no-repeat;
}
#main-rt .capt02-comic {
    margin-bottom: 3px;
    background: url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_comic_right.gif) right bottom no-repeat;
}
#main-rt .capt02text-dvd {
    padding: 0 .3em 0 1.2em;
    background: #fff url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_dvd_left.gif) left top no-repeat;
    font-weight: bold;
}
#main-rt .capt02text-bluray {
    padding: 0 .3em 0 1.2em;
    background: #fff url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_bluray_left.gif) left top no-repeat;
    font-weight: bold;
}
#main-rt .capt02text-cd {
    padding: 0 .3em 0 1.2em;
    background: #fff url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_cd_left.gif) left top no-repeat;
    font-weight: bold;
}
#main-rt .capt02text-comic {
    padding: 0 .3em 0 1.2em;
    background: #fff url(https://p.dmm.com/p/general/mt_dvdrental/top/bg_capt_comic_left.gif) left top no-repeat;
    font-weight: bold;
}
#main-rt .sect01 {
    margin-bottom: 20px;
}
#main-rt .sect02 {
    margin-top: 10px;
    padding-bottom: 10px;
}
.bg-merit {
    border-right: 1px #666 solid;
    border-bottom: 1px #666 solid;
    border-left: 1px #666 solid;
}

.title-stock dl {
    margin: 0;
    padding: 0;
    list-style: none;
}
.title-stock dt {
    float: left;
    margin: 0;
    padding: 0;
}
.title-stock dd {
    margin: 0;
    padding: 0;
}

#side-l .side-contents .rental-tab {
    margin: 0;
    padding: 0;
    border: #1b1b1b solid;
    border-width: 0 6px;
    background: #1b1b1b;
}
#side-l .side-contents .rental-tab ul {
    margin: 0;
    padding: 0;
    height: 24px;
}
#side-l .side-contents .rental-tab ul li {
    display: inline;
    float: left;
    margin: 0;
    width: 75px;
    height: 24px;
    color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}
#side-l .side-contents .rental-tab ul li a {
    display: block;
    padding: 7px 0 5px 0;
    width: 100%;
    background: #585858;
    color: #f2f2f2;
    text-decoration: none;
    line-height: 1;
}
#side-l .side-contents .rental-tab ul li span {
    display: block;
    padding: 7px 0 5px 0;
    width: 100%;
    background: #f2f2f2;
    color: #1b1b1b;
    line-height: 1;
}
#side-l .side-contents .rental-tab ul li.tb-dvd {
    margin: 0 3px 0 0;
}

#setrental ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#setrental li {
    margin: 0;
    padding: 20px;
    border-bottom: 1px #666 dashed;
}
#setrental p {
    margin: 0;
    padding: 0;
}
#setrental .pd-t5 {
    padding-top: 5px;
}

#main-rt div.bnr-bx ul {
    list-style: none;
}
#main-rt div.bnr-bx ul li {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    height: 1%;
}
#main-rt div.bnr-bx ul li a.bnr {
    float: left;
    margin-right: 10px;
}
#main-rt div.bnr-bx ul li p {
    margin-bottom: 12px;
    margin-left: 110px;
}
#main-rt div.bnr-bx ul li p.ttl {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3em;
}

#main-rt .bt-refresh {
    float: right;
    margin-top: 5px;
    margin-right: 6px;
    cursor: pointer;
}
#main-rt div.capt01 table.rss-data {
    float: right;
}
#main-rt div.capt01 table.rss-data td {
    vertical-align: middle;
    text-align: center;
}
#main-rt div.area-info div.info-bx {
    margin-top: 20px;
    border: 1px #d6d6d6 solid;
    background: #f3f3f3;
}
#main-rt div.area-info div.info-bx dl {
    margin: 5px 0;
    padding: 0;
    background: #f3f3f3;
    list-style: none;
}
#main-rt div.area-info div.info-bx dt {
    float: left;
    width: 80px;
    text-align: right;
}
#main-rt div.area-info div.info-bx dd {
    padding: 0 0 5px 90px;
}
#main-rt div.area-info div.info-bx .info-topics {
    position: relative;
    top: -5px;
    margin: 0 10px;
}
#main-rt div.area-info div.info-bx .tx-info {
    padding: 0 1px;
    background: url(https://p.dmm.com/p/mt_dvdrental/top/bg_rentalinfo.gif) top repeat-x;
}
#main-rt div.area-info div.info-bx .info-new {
    margin: 2px 0 2px 3px;
    vertical-align: middle;
}

#main-rt div.pack-list {
    padding: 10px 0;
}
#main-rt div.pack-list p {
    margin: 0 auto;
    max-width: 147px;
    width: 100%;
    text-align: left;
}
#main-rt div.pack-list p.release-date {
    margin: 0 auto 5px;
    padding: 3px;
    max-width: 139px;
    width: 100%;
    border: 1px #ddd solid;
    text-align: center;
    white-space: nowrap;
}
#main-rt div.pack-list img {
    margin-bottom: 5px;
    max-width: 147px;
    width: 100%;
    -ms-interpolation-mode: bicubic;
}
#main-rt div.pack-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#main-rt div.pack-list li {
    float: left;
    margin-right: -1px;
    padding-right: 1%;
    width: 24%;
}

#main-rt.page-comic div.pack-list p {
    margin: 0 auto;
    max-width: 140px;
    width: 100%;
    text-align: left;
}
#main-rt.page-comic div.pack-list p.release-date {
    margin: 0 auto 5px;
    padding: 3px;
    max-width: 132px;
    width: 100%;
    border: 1px #ddd solid;
    text-align: center;
    white-space: nowrap;
}
#main-rt.page-comic div.pack-list img {
    margin-bottom: 5px;
    max-width: 140px;
    width: 100%;
    -ms-interpolation-mode: bicubic;
}

#main-rt div.pickup-bx img {
    float: left;
}
#main-rt div.pickup-bx .pickup-data {
    margin-left: 155px;
}
#main-rt div.pickup-bx .pickup-data p.ttl {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3em;
}
#main-rt div.pickup-bx .pickup-data ul {
    margin-top: 12px;
    list-style: none;
}

#rltditem {
    margin-top: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #f6f6ff;
}
#rltditem p {
    margin: 3px 0 0 3px;
    color: #5a5a72;
    font-weight: bold;
}
#rltditem ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#rltditem li {
    margin: 3px;
    padding: 0;
    list-style-type: none;
}

.page-detail .bg-bskt .area-point {
    margin: 5px auto 0;
    padding: .5em 0;
    width: 220px;
    border-radius: 4px;
    background-color: #f7f8fa;
    color: #898a8c;
    font-size: 12px;
}
.page-detail .bg-bskt .area-point dl {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.page-detail .bg-bskt .area-point dd,
.page-detail .bg-bskt .area-point dt {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
.page-detail .bg-bskt .area-point dt {
    font-weight: bold;
}
.page-detail .bg-bskt .area-point .point-credit dt,
.page-detail .bg-bskt .area-point .point-service dt,
.page-detail .bg-bskt .area-point .point-credit dd,
.page-detail .bg-bskt .area-point .point-service dd {
    display: block;
    text-align: center;
}
.page-detail .bg-bskt .area-point .point-service dd {
    margin-bottom: .5em;
}


.box-listjump {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 8px 0 8px 80px;
    border-radius: 6px;
    background: #eee;
}
.box-listjump .ttl,
.box-listjump .btn,
.box-listjump .btn li {
    display: inline-block;
}
#d-ie7 .box-listjump .ttl,
#d-ie7 .box-listjump .btn,
#d-ie7 .box-listjump .btn li {
    display: inline;
}
.box-listjump .ttl {
    position: absolute;
    top: 4px;
    left: 0;
    margin-right: 12px;
    padding: 8px 12px;
    border-right: 1px #ccc solid;
    vertical-align: middle;
}
.box-listjump .btn {
    width: 100%;
    vertical-align: middle;
    text-align: center;
}
.box-listjump .btn li {
    margin-right: 6px;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    border-radius: 4px;
    background: #fecd3d url(https://p.dmm.com/p/ds/common/test_bg_listjumpbtn.png) repeat-x 0 0;
}
.box-listjump.col3 .btn li {
    width: 31%;
}
.box-listjump.col4 .btn li {
    width: 22.7%;
}
.box-listjump .btn li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    margin-right: 7px;
    border-right: none;
    border-bottom: none;
    background: #fecd3d;

    xborder-left: 1px #fff solid;
    xborder-top: 1px #fff solid;
}
.box-listjump .btn li a {
    display: block;
    margin-left: -1px;
    padding: 4px 0 4px 23px;
    border: 1px #b6b6b6 solid;
    border-radius: 4px;
    background: url(https://p.dmm.com/p/ds/common/test_ico_listjumpbtn.png) no-repeat 10px 8px;
    color: #242424;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
.box-listjump .btn li a:hover {
    text-decoration: none;
}
.box-listjump .btn li a span {
    font-size: 14px;
}

#yahooReview {
    margin-top: 40px;
}
#yahooReview .d-review__btn-container {
    margin: 0;
}
#yahooReview .reviewGraph {
    display: table;
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    table-layout: fixed;
    list-style: none;
}
#yahooReview .reviewGraph > li {
    display: table-cell;
    padding: 20px 0;
}
#yahooReview .reviewGraph > li .dataGraph {
    margin: 0 auto;
    width: 220px;
}
#yahooReview .reviewGraph > li .dataGraph > dt {
    margin: 0 0 20px;
    padding: 0;
    text-align: left;
    font-size: 16px;
}
#yahooReview .reviewGraph > li .dataGraph > dd {
    margin: 0;
    padding: 0;
    text-align: center;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap,
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord {
    display: table;
    margin: 0;
    padding: 0;
    width: 220px;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li,
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord > li {
    display: table-row;
    width: 100%;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div,
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord > li > div {
    display: table-cell;
    padding: 2px 0;
    vertical-align: middle;
    text-align: left;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewRate,
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord > li > div.reviewWord {
    padding-right: 10px;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewRate > span {
    display: block;
    overflow: hidden;
    padding-top: 25px;
    width: 100px;
    height: 0;
    background: url(https://p.dmm.com/p/common/review/bg_stars.png) left top no-repeat;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewRate.rate1 > span {
    background-position: 0 -50px;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewRate.rate2 > span {
    background-position: 0 -100px;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewRate.rate3 > span {
    background-position: 0 -150px;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewRate.rate4 > span {
    background-position: 0 -200px;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewRate.rate5 > span {
    background-position: 0 -250px;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewGauge,
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord > li > div.reviewGauge {
    width: 100%;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewGauge > div,
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord > li > div.reviewGauge > div {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e6e6e6;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataMap > li > div.reviewGauge > div > span,
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord > li > div.reviewGauge > div > span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 4px;
    background-color: #8b8d96;
}
#yahooReview .reviewGraph > li .dataGraph > dd .dataWord > li > div.reviewWord > span {
    display: inline-block;
    padding: 2px 8px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background-color: #eee;
    white-space: nowrap;
}
#yahooReview .yahooBottom span[class^='yahoo'] {
    color: #666;
    font-weight: normal;
}
#yahooReview .yahooBottom span[class^='yahoo'] > span {
    font-weight: bold;
}
#yahooReview .yahooBottom .yahooPostdate,
#yahooReview .yahooBottom .yahooGood {
    padding-left: 20px;
}
#yahooReview .btMore {
    margin: 20px auto 0;
    width: 320px;
    height: 45px;
}
#yahooReview .btMore a {
    display: block;
    width: 320px;
    height: 45px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background-color: #eee;
    -webkit-box-shadow: 0 2px 0 rgba(204,204,204,1);
            box-shadow: 0 2px 0 rgba(204,204,204,1);
    color: #333;
    text-align: center;
    font-size: 16px;
    line-height: 45px;
}
#yahooReview .btMore a:hover {
    position: relative;
    top: 2px;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: none;
}
#yahooReview .btMore a span:before {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background: url(https://p.dmm.com/p/rental/review/ico_more.png) left top no-repeat;
    content: ' ';
    vertical-align: text-top;
}
#yahooReview .txCaution {
    margin: 10px 0 16px;
    padding: 0;
    text-align: center;
    font-size: 10px;
}

#side-r .list-merit dt {
    display: block;
    padding: 1px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
}
#side-r .list-merit dt ~ dt {
    margin-top: 5px;
}
#side-r .list-merit dt.ttl-dvd {
    background-color: #3c6db1;
}
#side-r .list-merit dt.ttl-cd {
    background-color: #d9492d;
}
#side-r .list-merit dt.ttl-comic {
    background-color: #dc9f1c;
}
#side-r .list-merit dd {
    margin: 0;
    padding: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}
#side-r .list-merit dd span {
    margin-right: 3px;
    font-weight: 700;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}
#side-r .ttl-ranking {
    margin: 5px;
    padding: 1px;
    border-left: 10px #d51819 solid;
    background-color: #333;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
/* ========================= [ #rental-localnav ] */
table#w,
div#w {
    margin: 0 12px;
    width: calc(100% - 24px);
}
#d-header ~ table#w #su,
#d-header ~ table#w #mu {
    padding-top: 0 !important;
}
#rental-localnav {
    margin-bottom: 15px;
    background: #404849 url(https://p.dmm.com/p/rental/common/bg_localnav.png) repeat 0 0;
}
#rental-localnav > ul {
    margin: 0;
    padding: 0;
    padding-right: 20px;
    list-style: none;
}
#rental-localnav > ul > li {
    float: left;
}
#rental-localnav > ul > li.popup {
    position: relative;
}
#rental-localnav .sub-nav {
    float: right;
}
#rental-localnav ul li a,
#rental-localnav ul li > span,
#rental-localnav .sub-nav a {
    display: block;
    padding: 10px 18px 11px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
}
#rental-localnav ul li.on > a,
#rental-localnav ul li.on > span {
    font-weight: bold;
}
#rental-localnav ul li.popup > a {
    padding-right: 44px;
    background: url(https://p.dmm.com/p/rental/common/ico_localnav_popup.png) no-repeat 100% 50%;
}
#rental-localnav .sub-nav > a {
    padding-left: 36px;
    background: url(https://p.dmm.com/p/rental/common/ico_localnav_subnav.png) no-repeat 20px 50%;
}
#rental-localnav ul li.on > a,
#rental-localnav ul li.on > span,
#rental-localnav ul li:hover > a,
#rental-localnav ul li:hover > span,
#rental-localnav .sub-nav:hover a {
    background-color: #3eaeda;
}
#rental-localnav ul li.off > span {
    background-color: transparent;
}
#rental-localnav ul ul {
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 0;
    border-top: 4px #3eaeda solid;
    background-color: #404849;
    list-style: none;
}
#rental-localnav ul ul li {
    border-bottom: 1px #5e5f5f solid;
}
#rental-localnav ul ul li > a {
    white-space: nowrap;
    font-weight: normal;
}
/* new icon */
#rental-localnav a span,
#rental-localnav span span {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 3px;
    border-radius: 2px;
    background-color: #ff0;
    color: #333;
    vertical-align: baseline;
    font-weight: bold;
    font-size: 10px;
}
/* popup */
#rental-localnav li.popup ul {
    top: 24px;
    visibility: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    opacity: 0;
    -webkit-transition: all .2s ease;
            transition: all .2s ease;
}
#rental-localnav li.popup:hover ul {
    top: 34px;
    visibility: visible;
    opacity: 1;
}

/* detail_add */
#area-bskt .btn-addlist {
    position: relative;
    margin: 10px auto;
    width: 200px;
    height: 36px;
    text-align: center;
}
#area-bskt .btn-addlist > a {
    display: block;
    box-sizing: border-box;
    width: 200px;
    height: 36px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 15px;
    line-height: 38px;
}
#area-bskt .box-addlist,
#area-bskt .box-addbasket {
    padding: 0 10px 0 0;
    background-color: #f9dc00;
    -webkit-box-shadow: 0 2px 0 rgba(226,172,0,1);
            box-shadow: 0 2px 0 rgba(226,172,0,1);
    color: #333;
}
#area-bskt .box-join {
    padding: 0;
    background-color: #f9dc00;
    -webkit-box-shadow: 0 2px 0 rgba(226,172,0,1);
            box-shadow: 0 2px 0 rgba(226,172,0,1);
    color: #333;
    font-weight: bold;
    font-size: 15px;
}
#area-bskt .box-list,
#area-bskt .box-basket {
    padding: 0 10px 0 0;
    background-color: #eee;
    -webkit-box-shadow: 0 2px 0 rgba(187,187,187,1);
            box-shadow: 0 2px 0 rgba(187,187,187,1);
    color: #333;
}
#area-bskt .btn-addlist > a:before {
    display: inline-block;
    margin: -.2em 5px 0 0;
    width: 32px;
    height: 32px;
    background: url(https://p.dmm.com/p/rental/detail/ico_set.png) 0 0 no-repeat;
    content: ' ';
    vertical-align: middle;
}
#area-bskt .btn-addlist .status-add {
    position: absolute;
    top: -40px;
    left: 0;
    box-sizing: border-box;
    padding: 5px;
    width: 200px;
    border-radius: 3px;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    text-align: center;
    font-size: 12px;
}
#area-bskt .btn-addlist .status-add:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: rgba(0,0,0,.8) transparent transparent transparent;
    content: '';
}
#area-bskt .btn-addlist > a.box-addlist:before {
    background-position: 0 0;
}
#area-bskt .btn-addlist > a.box-list:before {
    background-position: -32px 0;
}
#area-bskt .btn-addlist > a.box-addbasket:before {
    background-position: -64px 0;
}
#area-bskt .btn-addlist > a.box-basket:before {
    background-position: -96px 0;
}
#area-bskt .btn-addlist > a.box-join:before {
    display: none;
}
#area-bskt .btn-addlist > a:hover {
    color: #333;
    text-decoration: none;
    opacity: .8;
    -ms-filter: 'alpha(opacity=80)';
        filter: alpha(opacity=80);
}
#area-bskt .btn-addlist > a:active {
    position: relative;
    top: 2px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
#area-bskt .box-addset {
    margin: 30px 0 10px;
}
#area-bskt .btn-addset ~ .btn-addset {
    margin-top: 10px;
}
#area-bskt .btn-addset > a {
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    width: 200px;
    height: 28px;
    border-radius: 3px;
    background-color: #404849;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 30px;
}
#area-bskt .btn-addset > a:hover {
    opacity: .8;
    -ms-filter: 'alpha(opacity=80)';
        filter: alpha(opacity=80);
}
#area-bskt .btn-addset.btn-addcomp > a {
    background-color: #ddd;
    color: #333;
    font-weight: bold;
}
.page-detail .area-basket {
    margin-bottom: 20px;
    width: 300px;
}
.page-detail .area-basket * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.page-detail .area-basket .ttl-basket {
    padding: 0 10px;
    height: 30px;
    background-color: #404849;
    color: #fff;
    text-align: left;
    font-size: 13px;
    line-height: 30px;
}
.page-detail .area-basket .ttl-basket span::before {
    display: inline-block;
    margin: -.4em 5px 0 0;
    width: 16px;
    height: 16px;
    background: url(https://p.dmm.com/p/rental/detail/ico_set.png) 0 0 no-repeat;
    background-position: -32px -32px;
    content: '';
    vertical-align: middle;
}
.page-detail .area-basket .fig-basket {
    padding: 10px;
    background-color: #f5f5f5;
}
.page-detail .area-basket .box-layout {
    padding: 10px;
    border: 1px #ddd solid;
    background-color: #fff;
}
.page-detail .area-basket .box-layout ~ .box-layout {
    margin-top: 10px;
}
.page-detail .area-basket .box-price {
    position: relative;
    margin: 0 0 10px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2em;
}
.page-detail .area-basket .box-price::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    width: 6px;
    height: 4px;
    background-color: #333;
    content: '';
}
.page-detail .area-basket .box-price::after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -10px;
    border: solid 5px transparent;
    border-left: solid 6px #333;
    content: '';
}
.page-detail .area-basket .txt-setprice {
    margin-left: 20px;
    color: #e84967;
}
.page-detail .area-basket .txt-setprice span {
    margin: 0 3px;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}
.page-detail .area-basket .box-setprice {
    position: relative;
    margin: 0 auto 15px;
    width: 200px;
    height: 24px;
    border-radius: 12px;
    background-color: #e84967;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
}
.page-detail .area-basket .box-setprice::after {
    position: absolute;
    bottom: -6px;
    left: 50%;
    display: inline-block;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-width: 6px 5px 0 5px;
    border-style: solid;
    border-color: #e84966 transparent transparent transparent;
    content: '';
}
.page-detail .area-basket .box-cpprice {
    position: relative;
    margin: 30px auto 15px;
    width: 200px;
    height: 55px;
}
.page-detail .area-basket .box-cpprice .capt-cpperiod {
    position: absolute;
    top: -12px;
    left: 50%;
    display: block;
    margin-left: -110px;
    width: 220px;
    height: 24px;
    border-radius: 12px;
    background-color: #ff1a45;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
}
.page-detail .area-basket .box-cpprice .capt-cpperiod::after {
    position: absolute;
    right: 40px;
    bottom: -6px;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 6px 5px 0 5px;
    border-style: solid;
    border-color: #ff1a45 transparent transparent transparent;
    content: '';
}
.page-detail .area-basket .box-mtprice {
    box-sizing: border-box;
    margin: 10px auto;
    padding: 3px;
    width: 180px;
    border: 1px #ddd solid;
    background-color: #fff;
    text-align: center;
}
.page-detail .area-basket .box-mtprice span {
    color: #e84967;
    font-weight: bold;
    font-size: 14px;
}
.page-detail .area-basket .data-detail {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.page-detail .area-basket .data-detail dt,
.page-detail .area-basket .data-detail dd {
    box-sizing: border-box;
    padding: 8px;
    border-top: 1px #ddd dotted;
    text-align: left;
    white-space: nowrap;
    line-height: 1;
}
.page-detail .area-basket .data-detail dt:first-of-type,
.page-detail .area-basket .data-detail dd:first-of-type {
    border: none;
}
.page-detail .area-basket .data-detail dt {
    width: 60%;
    font-weight: bold;
}
.page-detail .area-basket .data-detail dd {
    width: 40%;
}
.page-detail .area-basket .data-info {
    margin-top: 1em;
    font-size: 11px;
}
.page-detail .area-basket .list-info {
    margin-top: 1em;
}
.page-detail .area-basket .list-info li {
    padding: 3px;
    border-top: 1px #ddd dotted;
}
.page-detail .area-basket .list-guide li ~ li {
    border-top: 1px #ddd dotted;
}
.page-detail .area-basket .txt-link {
    display: block;
    padding: 8px;
    line-height: 1;
}
.page-detail .area-basket .txt-link:hover {
    background-color: #f5f5f5;
}
.page-detail .area-basket .box-stock {
    text-align: center;
}
#area-bskt .list-service {
    margin-bottom: 20px;
    border: 1px #d4e2f2 solid;
}
#area-bskt .list-service li {
    cursor: pointer;
}
#area-bskt .list-service li:first-child {
    border-bottom: 1px #d4e2f2 solid;
}
#area-bskt .list-service input[type=radio] {
    display: none;
}
#area-bskt .list-service input[type=radio] + span {
    position: relative;
    display: block;
    padding: 0 5px 0 25px;
    height: 36px;
    text-align: left;
    line-height: 36px;
    cursor: pointer;
}
#area-bskt .list-service input[type=radio] + span:hover {
    background-color: #eaf4ff;
}
#area-bskt .list-service input[type=radio] + span::before {
    position: absolute;
    top: 50%;
    left: 5px;
    display: inline-block;
    margin-top: -7px;
    width: 13px;
    height: 13px;
    border: 1px #ddd solid;
    border-radius: 50%;
    background-color: #fff;
    content: '';
}
#area-bskt .list-service input[type=radio]:checked + span {
    background-color: #eaf4ff;
}
#area-bskt .list-service input[type=radio]:checked + span::after {
    position: absolute;
    top: 50%;
    left: 9px;
    display: inline-block;
    margin-top: -3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #08f;
    content: '';
}
#area-bskt .list-service .txt-pprprice {
    display: inline-block;
    float: right;
    color: #e84967;
    font-weight: bold;
}
/* ジャンル一覧 */
#wrapper-rental h2.d-headwithlink {
    height: auto;
}
#wrapper-rental * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
}
#wrapper-rental.page-genreTop .tx-price {
    margin-top: 1em;
    color: #c00;
    text-align: left;
}

#wrapper-rental.page-genreTop .genre-category-list li {
    float: left;
    margin: 10px 10px 0 0;
}

#wrapper-rental.page-genreTop .genre-category-list li > a {
    display: inline-block;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background-color: #efefef;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

#wrapper-rental.page-genreTop .genre-category-list li > a:hover {
    background-color: #333;
    color: #fff;
}

#wrapper-rental.page-genreTop .pickup-bx {
    padding-bottom: 20px;
    border-bottom: 1px #ddd dotted;
}

#wrapper-rental.page-genreTop .pickup-bx .box-detail {
    padding-left: 170px;
}

#wrapper-rental.page-genreTop .pickup-bx .pack-img {
    margin-right: 10px;
    padding: 8px 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}

#wrapper-rental.page-genreTop .pickup-bx a:hover .pack-img {
    background-color: #eee;
}

#wrapper-rental.page-genreTop .pickup-bx .txt-pack {
    display: inline-block;
    margin-bottom: .5em;
    font-weight: bold;
    font-size: 20px;
}

#wrapper-rental.page-genreTop .pickup-bx .txt-copy {
    font-weight: bold;
    font-size: 16px;
}

#wrapper-rental.page-genreTop .pickup-bx .txt-comment {
    font-size: 13px;
}

#wrapper-rental.page-genreTop .pickup-bx .bt-genre {
    margin-top: 1em;
}

#wrapper-rental.page-genreTop .genre-pack-list {
    display: table;
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

#wrapper-rental.page-genreTop .genre-pack-list li {
    position: relative;
    display: table-cell;
    padding-bottom: 75px;
    width: 25%;
    vertical-align: top;
    text-align: center;
}

#wrapper-rental.page-genreTop .genre-pack-list li .tx-price {
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
}

#wrapper-rental.page-genreTop .genre-pack-list li .bt-genre {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -85px;
    width: 170px;
    text-align: center;
}

#wrapper-rental.page-genreTop .genre-pack-list li .txt-pack {
    display: block;
    margin: 0 auto;
    width: 160px;
    text-align: left;
    line-height: 1.4em;
}

#wrapper-rental.page-genreTop .genre-pack-list li a .pack-img {
    margin-bottom: 10px;
    padding: 8px 4px;
    border: 1px #ddd solid;
    background-color: #fff;
}

#wrapper-rental.page-genreTop .genre-pack-list li a:hover .pack-img {
    background-color: #eee;
}

#wrapper-rental.page-genreTop .genre-pack-list li .release-bx {
    margin: 0 auto 10px;
    width: 145px;
}

#wrapper-rental.page-genreTop .genre-pack-list li .release-bx span {
    position: relative;
    display: block;
    padding: 5px;
    background-color: #222;
    color: #fff;
    font-size: 12px;
}

#wrapper-rental.page-genreTop .genre-pack-list li .release-bx span:before {
    position: absolute;
    bottom: -5px;
    left: 50%;
    display: inline-block;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #222 transparent transparent transparent;
    content: '';
}

#wrapper-rental.page-genreList .data-pickupList,
#wrapper-rental.page-genreList .data-genreList {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#wrapper-rental.page-genreList .data-pickupList td {
    padding: 8px 5px;
    vertical-align: top;
    text-align: left;
}

#wrapper-rental.page-genreList .data-genreList td {
    border: 1px #ddd solid;
    vertical-align: top;
}

#wrapper-rental.page-genreList .data-genreList td a {
    display: block;
    padding: 8px 0;
    border-radius: 2px;
    color: #333;
    text-align: center;
}

#wrapper-rental.page-genreList .data-genreList td a:hover {
    background: #f1f1f1;
    text-decoration: none;
}

/* ========================= [ .area-recommend ] */
.area-recommend {
    margin: 20px auto;
}
.area-recommend .ttl-recommend {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
}
.area-recommend .box-recommend {
    position: relative;
    overflow: hidden;
    padding: 25px 40px 0;
    height: 220px;
}
.area-recommend .list-recommend li {
    float: left;
}
.area-recommend .fig-recommend {
    margin: 0 auto;
    width: 106px;
    border: 1px #ddd solid;
    border-radius: 4px;
}
.area-recommend .fig-recommend a {
    display: block;
    padding: 8px 0;
}
.area-recommend .fig-recommend .fig-pics {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 106px;
    height: 122px;
    vertical-align: middle;
    text-align: center;
    zoom: 1;
}
.area-recommend .fig-recommend .fig-pics img {
    display: block;
    margin: 0 auto;
    max-width: 90px;
    max-height: 122px;
    height: auto;
}
.area-recommend .fig-recommend .txt-ttl {
    display: block;
    overflow: hidden;
    margin: 6px 8px;
    height: 4em;
    word-break: break-all;
    line-height: 16px;
}
.area-recommend .fig-recommend .txt-price {
    display: block;
    margin: 0 8px;
    color: #c00;
    word-break: break-all;
    line-height: 16px;
}
.area-recommend .box-recommend .bx-clone {
    visibility: hidden;
}
.area-recommend .box-recommend .bx-pager {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 12px;
}
.area-recommend .box-recommend .bx-pager::before {
    content: 'ページ：';
}
.area-recommend .box-recommend a.bx-prev,
.area-recommend .box-recommend a.bx-next {
    position: absolute;
    top: 50%;
    display: block;
    overflow: hidden;
    margin-top: -40px;
    padding-top: 80px;
    width: 25px;
    height: 0;
    border: 1px #ddd solid;
    border-radius: 4px;
    background-color: #f5f5f5;
    cursor: pointer;
}
.area-recommend .box-recommend a.bx-prev {
    left: 0;
}
.area-recommend .box-recommend a.bx-next {
    right: 0;
}
.area-recommend .box-recommend a.bx-prev::before,
.area-recommend .box-recommend a.bx-next::before {
    position: absolute;
    top: 50%;
    margin-top: -10px;
}
.area-recommend .box-recommend a.bx-prev::before {
    left: 7px;
    display: block;
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
    content: '';
}
.area-recommend .box-recommend a.bx-next::before {
    right: 7px;
    display: block;
    width: 0;
    height: 0;
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    content: '';
}
.area-recommend .box-recommend a.bx-prev:hover::before {
    border-color: transparent #c00 transparent transparent;
}
.area-recommend .box-recommend a.bx-next:hover::before {
    border-color: transparent transparent transparent #c00;
}
.area-recommend .box-recommend a.disabled.bx-prev:hover::before {
    border-color: transparent #333 transparent transparent;
}
.area-recommend .box-recommend a.disabled.bx-next:hover::before {
    border-color: transparent transparent transparent #333;
}
.area-recommend .box-recommend a.disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
    zoom: 1;
}
.area-recommend .box-recommend .box-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 500;
    margin-top: -2.5em;
    margin-left: -2.5em;
    width: 5em;
    height: 5em;
}
.area-recommend .box-recommend .ico-loader {
    position: relative;
    margin: 0 auto;
    width: 5em;
    height: 5em;
    border-top: .5em solid rgba(64, 72, 73, .2);
    border-right: .5em solid rgba(64, 72, 73, .2);
    border-bottom: .5em solid rgba(64, 72, 73, .2);
    border-left: .5em solid #404849;
    border-radius: 50%;
    text-indent: -9999em;
    font-size: 10px;
    transform: translateZ(0);
    animation: recommendload 1.1s infinite linear;
}
.area-recommend .box-recommend .ico-loader::after {
    width: 10em;
    height: 10em;
    border-radius: 50%;
}
@-webkit-keyframes recommendload {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    } 100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes recommendload {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    } 100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.page-detail .box-pfcoupon {
    background-color: #ffe5e4;
    border-radius: 3px;
    padding: 0 0 1px;
    margin: -4px 0 10px;
}
.page-detail .box-pfcoupon__title {
    background-color: #e37d7c;
    border-radius: 3px 3px 0 0;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding: 10px 0;
    text-align: center;
}
.page-detail .box-pfcoupon__title>.u-common__ico--coupon-white {
    content: '';
    background-image: url(https://p.dmm.com/p/rental/detail/ico_coupon-white.svg);
    width: 20px;
    height: 11px;
    display: inline-block;
}
.page-detail .box-pfcoupon__body {
    color: #d7504f;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.page-detail .box-pfcoupon__coupon-issue {
    background-color: white;
    border-radius: 3px;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    margin: 8px;
    padding: 8px 19px 8px 12px;
    position: relative;
    text-align: center;
}
.page-detail .box-pfcoupon__coupon-issue::before {
    position: absolute;
    margin-top: 4px;
    right: 2px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    content: '';
}
.page-detail .box-pfcoupon__coupon-issue::after {
    position: absolute;
    margin-top: 5px;
    right: 5px;
    width: 0;
    height: 0;
    border-width: 3px;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white;
    content: '';
}
.page-detail .box-pfcoupon a:link, a:visited {
    color: #069;
    text-decoration: none;
}