/* //////////////////////////////////////////////////////////////////////// [ ▼要素のリセット  ] */
/* =========================================== [ 2013 3月以前ルールのリセット ] */
input {
    height: 22px;
    padding: 3px;
    border: #637588 solid 1px;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px #ccc; 
    font-size: 15px;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
}

input[type="radio"] {
    width: 18px;
    height: 18px;
    border-radius: 9px;
}

select {
    height: 24px;
}

/* =========================================== [ 2013 3月以降ルールのリセット ] */
body {
    overflow-x: hidden;
    width: device-width;
    height: 100%;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .8);
    font-family: "HiraKakuProN-W3", "verdana";
    font-size: 12px;
    line-height: 1.6;
    word-wrap: break-word; 

    -webkit-text-size-adjust: none;
    maximum-scale: 1;
    user-scalable: no;
    line-break: normal;
}

body * {
    margin: 0;
    padding: 0;
}

table {
    border: none; 
    word-break: break-all;
}

h1 {
    font-size: 12px;
}

ul {
    list-style: none;
}

li img {
    vertical-align: bottom;
}

em {
    font-weight: bold; 
    font-style: normal;
}

a {
    text-decoration: none;
}

a img {
    border: none;
}

a:link {
    color: #3b5998;
}

a:visited {
    /*color:#85C;*/
    color: #800080;
}

a:hover,
a:active {
    color: #3b5998;
}

/* ▼2013 3月以前のCSS無効化 （詳細度上げ過ぎないように属性セレクタで切り分け） */
[id="dm-content"] input {
    height: auto;
    padding: 0;
    border-radius: 0;
    box-shadow: none; 
    font-size: inherit;
}

[id="dm-content"] input[type="checkbox"] {
    width: auto;
    height: auto;
}

[id="dm-content"] input[type="radio"] {
    width: auto;
    height: auto;
    border-radius: 0;
}

[id="dm-content"] select {
    height: auto;
}

/* ▲2013 3月以前のCSS無効化 */
[id="dm-content"] input[type="text"],
[id="dm-content"] input[type="email"],
[id="dm-content"] input[type="password"],
[id="dm-content"] input[type="number"],
[id="dm-content"] input[type="tel"] {
    height: 22px;
    padding: 3px;
    border: rgba(0, 0, 0, .5) solid 1px;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px #ccc; 
    font-size: 15px;
}

[id="dm-content"] input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}

[id="dm-content"] input[type="radio"] {
    width: 16px;
    height: 16px;
    margin-right: 3px; 
    border-radius: 9px;
}

[id="dm-content"] select {
    height: 24px;
}

[id="dm-content"] textarea {
    padding: 3px;
    border: rgba(0, 0, 0, .5) solid 1px;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px #ccc;
}

[id="dm-content"] label {
    display: inline-block;
    padding: 3px 0;
}

/* //////////////////////////////////////////////////////////////////////// [ ▼2013 3月以前ルールのCSS （今後使わずに淘汰していく方針） ] */
/* =========================================== [ main ] */
#main {
    margin: 0;
}

.content-unit {
    clear: both;
}

.content-unit dl {
    float: left;
    clear: both; 
    margin: 0;
    padding: 10px;
}

.content-unit dl dt {
    margin-bottom: 5px; 
    font-size: 12px;
    font-weight: bold;
}

.content-unit dl dd {
    margin-bottom: 2px; 
    font-size: 11px;
}

/* =========================================== [ #footer ] */
#footer {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 12px 0;
}

ul#ft-list,
ul#ft-list2 {
    width: 95%;
    margin: 10px auto;
    border: 1px solid #000; 
    -webkit-border-radius: 5px;
}

ul#ft-list li,
ul#ft-list2 li {
    list-style: none;
    clear: both;
    height: 30px;
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 12px;
    line-height: 30px;
}

ul#ft-list a,
ul#ft-list2 a {
    display: block;
    width: 98%;
    height: 30px;
    color: #222;
    text-decoration: none;
}

ul#ft-list .name,
ul#ft-list2 .name {
    height: 26px;
    border-bottom: 1px solid #000;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000));
    color: #fff;
    font-weight: bold; 
    line-height: 26px;
    text-align: center;
}

ul#ft-list2 .name {
    border-bottom: none; 
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#000));
}

ul#ft-list .txt,
ul#ft-list2 .txt {
    margin: 5px 0;
    border-bottom: 1px dotted #333; 
    background: url(/sp/base/ico_arrow02.gif) no-repeat right center;
    text-align: left;
}

.bt-footer {
    display: block;
    width: 100%;
    height: 100%;
}

#ft-list2 .popup {
    display: none;
}

/* ================================= [ list-sort ] */
.list-sort {
    width: 100%;
    border-bottom: 1px solid #d9d9d9; 
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
}

.list-sort .bx {
    width: 300px;
    margin: 5px auto;
}

.list-sort .bx-list {
    float: left;
    width: 230px;
}

.list-sort .bx-list label {
    float: left;
    width: 60px;
    padding-top: 5px;
    font-weight: bold;
}

.list-sort .bx-list select {
    width: 170px;
    height: 24px;
    margin: 1px 0;
}

.list-sort .bx-btn {
    float: right;
    margin: 0;
}

/* ================================= [ pagemove ] */
.bx-pagemove {
    width: 290px;
    height: 40px;
    margin: 10px auto;
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); 
    -webkit-box-shadow: 0 1px 1px #ccc;
    line-height: 40px;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
}

.bx-pagemove a {
    display: block;
    color: #222 !important; 
    text-decoration: none;
}

.btn-prev,
.btn-prev a,
.btn-next,
.btn-next a {
    width: 144px;
    height: 40px;
}

.link-none {
    color: #999;
}

.bx-line {
    width: 2px;
    height: 40px;
    background: -webkit-gradient(linear, left top, right top, from(#aaa), to(#fff));
}

/* ================================= [ list-works ] */
.form-h20 {
    height: 20px;
    font-size: 12px;
}

.form-h24 {
    height: 24px;
    font-size: 12px;
}

.bx-pagenavi {
    padding: 3px;
    border-bottom: 1px solid #999;
    background-color: #d4d4d4; 
    text-align: left;
}

/* ================================= [ works-info ] */
.works-info {
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 1.4em;
}

.works-info #works-title {
    margin: 0 10px 10px; 
    font-size: 14px;
    font-weight: bold;
}

.works-info .bx-pake {
    width: 90px;
    margin-left: 10px;
}

.works-info .list {
    margin-right: 10px; 
    margin-left: 110px;
}

.works-info .bx-btn {
    display: block;
    min-height: 32px;
    margin: 5px 0 0; 
    padding: 6px;
    background: #fffdcd;
}

.works-buy {
    width: 95%;
    margin: 10px auto;
    padding: 1px 0 10px; 
    background: #f5f5f5;
}

.works-buy .bx-buybtn {
    width: 95%;
    margin: 10px auto 15px;
    padding-bottom: 7px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
}

.works-buy .bx-buybtn #title-st {
    width: 100%;
    margin: 0 0 5px;
    padding: 5px 0;
    background: #ddd;
    color: #c10000; 
    font-weight: bold;
}

.works-buy .bx-buybtn #title-dlst {
    width: 100%;
    margin: 0 0 5px;
    padding: 5px 0;
    background: #ddd;
    color: #c10000; 
    font-weight: bold;
}

.bx-buybtn .wrapper {
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    padding: 3px 0;
}

.works-buy .detail {
    width: 90%;
    margin: 0 auto 5px; 
    text-align: left;
}

.works-buy .detail dt {
    font-weight: bold;
}

.works-buy .detail dd {
    margin: 0;
}

.works-detail-box {
    width: 95%;
    margin: 0 auto 15px;
}

.works-detail-box li {
    list-style: none;
    clear: both;
    height: auto;
    margin: 0;
    padding: 5px;
    font-size: 12px;
    line-height: 1.4;
}

.works-detail-box .title {
    padding: 5px 10px;
    background: #202020;
    color: #fff; 
    font-weight: bold;
    text-align: left;
}

.works-detail-box .txt {
    padding: 5px 10px; 
    border-bottom: 1px solid #737373;
    text-align: left;
}

.works-detail-box .info dl {
    margin-bottom: 10px;
}

.works-detail-box .info dl dt {
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc; 
    font-size: 14px;
}

.works-detail-box .info dd {
    margin: 0 0 6px;
    line-height: 2;
}

.pake-related-box {
    float: left;
    width: 120px;
    padding: 0 5px 10px 0;
}

/* ================================= [ round-box ] */
.round-box {
    width: 95%;
    margin: 0 auto 10px;
    padding-bottom: 5px;
    border: 1px solid #737373;
    -webkit-border-radius: 5px;
    background: #f5f5f5;
    font-size: 12px;
}

.round-box table {
    margin: 0 auto;
    border-bottom: #7b7b7b solid 1px; 
    border-left: #7b7b7b solid 1px;
}

.round-box table th {
    padding: 3px;
    border-top: #7b7b7b solid 1px; 
    border-right: #7b7b7b solid 1px;
    background: #c2c2c2;
    text-align: center;
}

.round-box table td {
    padding: 3px;
    border-top: #7b7b7b solid 1px; 
    border-right: #7b7b7b solid 1px;
    background: #fff;
}

.round-box a {
    text-decoration: underline;
}

.round-box .title {
    border-bottom: 1px solid #737373; 
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #fff;
}

.round-box .navi-arrow {
    float: right;
    padding: 0 6px 0 10px;
    background: url(http://p.dmm.co.jp/p/sp/base/icon_arrow03_right.gif) no-repeat left center;
}

.round-box .navi {
    float: right;
    padding: 0 6px 0 10px;
}

.round-box .txt {
    padding: 6px;
    text-align: left;
}

.round-box dl.info {
    width: 100%;
    margin: 0 auto;
}

.round-box dl.info dt {
    float: left;
    width: 40%;
    text-align: right;
}

.round-box dl.info dd {
    display: inline;
    float: left;
    clear: right;
    width: 50%;
    text-align: left;
}

/* =========================================== [ ranking/recommend ] */
#nav-recommend {
    padding-top: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0));
}

#nav-recommend ul {
    list-style: none;
    width: 100%;
    height: 26px;
    margin: 0 auto;
    border-bottom: 1px solid #b9b9b9; 
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#nav-recommend li {
    display: block;
    float: left;
    width: 46%;
    height: 20px;
    margin: 0 2%;
    padding-top: 5px;
}

#nav-recommend li a {
    display: block;
    width: 100%;
    height: 20px;
    color: #000;
}

#nav-recommend li.on {
    border-top: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    border-bottom: 1px solid #fff; 
    border-left: 1px solid #b9b9b9;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    background: #fff;
    color: #f60;
}

/* ================================= [ .announcement ] */
.announcement {
    margin: 20px 0;
    text-align: center;
}

.announcement dl {
    width: 90%;
    margin: 0 auto;
}

.announcement dl dt {
    padding: 3px;
    background: #00c;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
}

.announcement dl dd {
    margin: 0;
    padding: 10px;
    border: 1px #00c solid;
}

.announcement dl dd p {
    margin: 0 0 10px;
}

.announcement dl dd p.bold {
    padding: 3px;
    background: #cdf;
}

/*========================= [ form-input ] */
.list-actress li {
    display: block;
    float: left;
    overflow: hidden;
    width: 33%;
    height: 124px;
    margin: 10px auto 0;
    font-size: 12px; 
    text-align: center;
}

.list-actress li img {
    border: none;
}

.group-member {
    width: 92%;
    margin: 0 auto 20px;
    text-align: left;
}

.group-member img {
    margin: 0 5px 15px;
}

.bx-profile {
    margin: 0 10px 10px 130px;
}

.bx-member-comment {
    height: 75px;
    margin: 6px 0 8px;
    border-bottom: 1px dotted #999;
}

.bx-member-comment img {
    float: left;
}

.bx-member-comment .info {
    margin-left: 75px;
}

.bx-member-comment dt.info {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: bold;
}

/*==========[ranking-red] */
.lred {
    color: #ec3448;
}

/* =========================================== [ base.css ] */
.wb-nrml {
    word-wrap: break-word; 
    word-break: normal;
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.clear {
    clear: both;
}

.clearfix:after {
    display: block;
    clear: both; 
    content: "";
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.bottom {
    vertical-align: bottom;
}

.bx-whi {
    border: 1px #fff solid;
}

.bx-red {
    border: 1px #c00 solid;
}

.bx-blu {
    border: 1px #00c solid;
}

.bx-gra {
    border: 1px #666 solid;
}

.bx-yel {
    border: 1px #cc3 solid;
}

.bd-t {
    border-top: 1px #47484a solid;
}

.bd-t-gra {
    border-top: 1px #8f8f8f solid;
}

.bd-b {
    border-bottom: 1px #47484a solid;
}

.bd-b-gra {
    border-bottom: 1px #8f8f8f solid;
}

.bd-t-dash {
    border-top: 1px #47484a dashed;
}

.bg-whi {
    background: #fff;
}

.bg-gra {
    background: #ccc;
}

.bg-red {
    background: #c00;
}

.bg-blu {
    background: #00c;
}

.bg-yel {
    background: #fffade;
}

.bg-lgra {
    background: #f2f2f2;
}

.w100 {
    width: 100%;
}

.w90 {
    width: 90%;
}

.mg-auto {
    margin-right: auto; 
    margin-left: auto;
}

.mg-t0 {
    margin-top: 0;
}

.mg-b0 {
    margin-bottom: 0;
}

.mg-3 {
    margin: 3px;
}

.mg-t3 {
    margin-top: 3px;
}

.mg-r3 {
    margin-right: 3px;
}

.mg-b3 {
    margin-bottom: 3px;
}

.mg-l3 {
    margin-left: 3px;
}

.mg-6 {
    margin: 6px 6px 0;
}

.mg-t6 {
    margin-top: 6px;
}

.mg-r6 {
    margin-right: 6px;
}

.mg-b6 {
    margin-bottom: 6px;
}

.mg-l6 {
    margin-left: 6px;
}

.mg-t10 {
    margin-top: 10px;
}

.mg-r10 {
    margin-right: 10px;
}

.mg-l10 {
    margin-left: 10px;
}

.mg-b10 {
    margin-bottom: 10px;
}

.mg-10 {
    margin: 10px;
}

.mg-12 {
    margin: 12px;
}

.mg-t12 {
    margin-top: 12px;
}

.mg-r12 {
    margin-right: 12px;
}

.mg-b12 {
    margin-bottom: 12px;
}

.mg-l12 {
    margin-left: 12px;
}

.mg-t20 {
    margin-top: 20px;
}

.mg-r20 {
    margin-right: 20px;
}

.mg-b20 {
    margin-bottom: 20px;
}

.mg-l20 {
    margin-left: 20px;
}

.mg-t30 {
    margin-top: 30px;
}

.mg-r30 {
    margin-right: 30px;
}

.mg-b30 {
    margin-bottom: 30px;
}

.mg-l30 {
    margin-left: 30px;
}

.pd-3 {
    padding: 3px;
}

.pd-t3 {
    padding-top: 3px;
}

.pd-r3 {
    padding-right: 3px;
}

.pd-b3 {
    padding-bottom: 3px;
}

.pd-l3 {
    padding-left: 3px;
}

.pd-6 {
    padding: 6px;
}

.pd-t6 {
    padding-top: 6px;
}

.pd-r6 {
    padding-right: 6px;
}

.pd-b6 {
    padding-bottom: 6px;
}

.pd-l6 {
    padding-left: 6px;
}

.pd-t10 {
    padding-top: 10px;
}

.pd-l10 {
    padding-left: 10px;
}

.pd-r10 {
    padding-right: 10px;
}

.pd-10 {
    padding: 10px;
}

.pd-12 {
    padding: 12px;
}

.pd-t12 {
    padding-top: 12px;
}

.pd-r12 {
    padding-right: 12px;
}

.pd-b12 {
    padding-bottom: 12px;
}

.pd-l12 {
    padding-left: 12px;
}

.whi {
    color: #fff;
}

.red {
    color: #c00;
}

.gre {
    color: #6fc;
}

.blu {
    color: #2b7ed1;
}

.yel {
    color: #fff333;
}

.gra {
    color: #666;
}

.org {
    color: #f60;
}

.pnk {
    color: #fa1978;
}

.bla {
    color: #222;
}

.tx-hangaku {
    color: #f40;
}

.tx-lt {
    text-decoration: line-through;
}

.notice {
    color: #f55;
}

.tx9 {
    font-size: 9px;
}

.tx10 {
    font-size: 10px;
}

.tx12 {
    font-size: 12px;
}

.tx14 {
    font-size: 14px;
}

.tx16 {
    font-size: 16px;
}

.tx18 {
    font-size: 18px;
}

.tx20 {
    font-size: 20px;
}

.lh1 {
    line-height: 1em;
}

.lh2 {
    line-height: 1.2em;
}

.lh3 {
    line-height: 1.3em;
}

.lh4 {
    line-height: 1.4em;
}

.lh5 {
    line-height: 1.7em;
}

.lh6 {
    line-height: 2em;
}

.nw {
    white-space: nowrap;
}

.bd-b-sol {
    border-bottom: 1px #ccc solid;
}

.bd-b-dot {
    border-bottom: 1px #ccc dotted;
}

.bd-t-dot {
    border-top: 1px #ccc dotted;
}

.dp-ib {
    display: inline-block;
}

.dp-b {
    display: block;
}

.dp-it {
    display: inline-table;
}

.dp-no {
    display: none;
}

.dp-bx {
    display: -webkit-box;
    display:    -moz-box;
}

.bf {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
}

.arrow {
    padding-left: 10px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow01.gif) no-repeat left center;
}

.favo {
    padding-left: 16px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_favo.gif) no-repeat left center;
    background-size: 14px 14px;
}

.sample {
    padding-left: 16px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_sample.gif) no-repeat left center;
    background-size: 14px 14px;
}

.star {
    padding-left: 16px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_star.gif) no-repeat left center;
    background-size: 14px 14px;
}

[class^="mark-arrow-"] {
    display: inline-block; 
    width: 5px;
    height: 0;
    border-width: 4px;
    border-style: solid;
}

.mark-arrow-whi-r {
    border-color: transparent transparent transparent #fff;
}

.mark-arrow-red-r {
    border-color: transparent transparent transparent #c20505;
}

.mark-arrow-bla-r {
    border-color: transparent transparent transparent #000;
}

.mark-arrow-gra-r {
    border-color: transparent transparent transparent #ddd;
}

.mark-arrow-blu-r,
.mark-arrow-blue-r {
    border-color: transparent transparent transparent #1a55b3;
}

hr[class*="dsp-"][class*="line"] {
    height: 1px;
    margin: 22px 0; 
    border-width: 1px 0 0 0;
}

hr[class*="dsp-"][class*="line-no"] {
    margin: 0;
}

hr[class*="dsp-"][class*="line-sm"] {
    margin: 12px 0;
}

hr[class*="dsp-dot"] {
    border-style: dotted;
    border-color: #999;
}

hr[class*="dsp-solid"] {
    border-style: solid;
    border-color: #bbb;
}

/* =========================================== [ 新ボタン指定 ] */
.btn-rnd {
    box-sizing: border-box;
    height: auto;
    padding: 6px 6px;
    border-radius: 5px;
    box-shadow: 0 1px 1px #666;
    font-weight: bold;
    text-align: center;

        -ms-box-sizing: border-box;
}

[class^="btn-rnd-"] {
    box-sizing: border-box;
    height: auto;
    padding: 6px 6px;
    border-radius: 5px;
    box-shadow: 0 1px 1px #666;
    font-weight: bold;
    text-align: center;

        -ms-box-sizing: border-box;
}

[class^="btn-rnd-"] a {
    display: block;
    color: #fff;
}

.btn-rnd-240 {
    width: 240px;
}

.btn-rnd-140 {
    width: 140px;
}

.btn-rnd-150 {
    width: 150px;
}

.btn-rnd-120 {
    width: 120px;
}

.btn-rct {
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    padding: 6px 6px;
    font-size: 12px;

        -ms-box-sizing: border-box;
}

[class^="btn-rct-"] {
    box-sizing: border-box;
    height: auto;
    padding: 6px 6px;
    font-weight: bold;
    text-align: center; 

        -ms-box-sizing: border-box;
}

.btn-rct-240 {
    width: 240px;
}

.btn-rct-140 {
    width: 140px;
}

.btn-rct-s {
    display: inline-block; 
    padding: 6px 6px;
    font-size: 12px;
    font-weight: normal;
}

.btn-rct-240s,
.btn-rct-90s {
    padding: 6px 6px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

.btn-rct-240s {
    width: 240px;
}

.btn-rct-240s a {
    width: 240px;
}

.btn-rct-90s {
    width: 90px;
}

.btn-color-bla {
    border: #000 solid 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#020202)); 
    color: #fff;
}

.btn-color-gra {
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #888;
    border-radius: 2px;
    background-image:         linear-gradient(bottom, #dcdcdc 0%, #e1e1e1 51%, #f7f7f7 52%, #fff 100%);
    background-image:     -ms-linear-gradient(bottom, #dcdcdc 0%, #e1e1e1 51%, #f7f7f7 52%, #fff 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dcdcdc), color-stop(.51, #e1e1e1), color-stop(.52, #f7f7f7), color-stop(1, #fff));
    box-shadow: 0 0 0 1px #f0f0f0 inset;
    color: #222;
    text-shadow: 0 1px 0 #fff;
}

.btn-color-org {
    border-width: 1px;
    border-style: solid;
    border-color: #bbb #999 #888;
    border-radius: 2px;
    background-image:         linear-gradient(bottom, #ffb812 0%, #ffc233 51%, #ffde8c 52%, #ffecbd 100%);
    background-image:     -ms-linear-gradient(bottom, #ffb812 0%, #ffc233 51%, #ffde8c 52%, #ffecbd 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffb812), color-stop(.51, #ffc233), color-stop(.52, #ffde8c), color-stop(1, #ffecbd));
    box-shadow: 0 0 0 1px #ffecb9 inset;
    color: #222;
    text-shadow: 0 1px 0 #f6e38f;
}

.btn-color-blu {
    border: #2c80c0 solid 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#5bb8ff), to(#2c80c0)); 
    color: #fff;
    text-shadow: 0 -1px 0 #666;
}

.btn-color-gre {
    border: #6cb500 solid 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#99ea21), to(#6cb500)); 
    color: #fff;
    text-shadow: 0 -1px 0 #666;
}

.btn-color-red {
    border-width: 1px;
    border-style: solid;
    border-color: #dc4848 #dc4848 #cc4242;
    border-radius: 2px;
    background-image:         linear-gradient(bottom, #e95252 0%, #f05757 50%, #f68181 52%, #ff8686 100%);
    background-image:     -ms-linear-gradient(bottom, #e95252 0%, #f05757 50%, #f68181 52%, #ff8686 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e95252), color-stop(.5, #f05757), color-stop(.52, #f68181), color-stop(1, #ff8686));
    box-shadow: 0 0 0 1px #ff9e9e inset;
    color: #fff;
    text-shadow: 0 -1px 0 #b52f2f;
}

/* =========================================== [ .bx-back / 戻るボタン ] */
.bx-back {
    margin-bottom: 10px; 
    padding: 10px 0;
    border-top: 1px dotted #bebebe;
    background-color: #f5f5f5;
    text-align: center;
}

/* =========================================== [ .btn-close / 戻るボタン ] */
.btn-close {
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: #ccc solid 1px; 
    background: #f5f5f5;
}

.btn-close a {
    display: block;
    width: 140px;
    margin: 0 auto;
}

/* =========================================== [ 旧ボタン指定 ] */
.btn-shape {
    position: relative;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #666;
    color: #fff;
    text-shadow: 0 -1px 0 #666; 
    text-align: center;
}

.btn-shape a {
    display: block;
    color: #fff; 
    text-decoration: none;
}

.btn-l {
    width: 290px;
    height: 47px;
    line-height: 47px;
}

.btn-m {
    width: 120px;
    height: 36px;
    line-height: 36px;
}

.btn-s {
    width: 65px;
    height: 30px;
    line-height: 30px;
}

.btn-sort {
    width: 60px;
    height: 75px;
    line-height: 75px;
}

.btn-sort-s {
    width: 60px;
    height: 50px;
    line-height: 50px;
}

.btn-l a {
    width: 290px;
    height: 47px;
}

.btn-m a {
    width: 120px;
    height: 36px;
}

.btn-m140 {
    width: 140px;
    height: 36px;
    line-height: 36px;
}

.btn-s a {
    width: 65px;
    height: 30px;
}

.btn-sort a {
    width: 60px;
    height: 75px;
}

.btn-bla {
    width: auto;
    height: 22px;
    padding: 0 7px 0 18px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow03.png) no-repeat 7px center #202020;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
}

.btn-bla a {
    display: block;
    color: #fff; 
    text-decoration: none;
}

.btn-blu {
    width: auto;
    min-width: 40px;
    height: 26px;
    padding: 0 5px 0 14px;
    border: 1px solid #1e8fdb;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow03.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, from(#5bb8ff), to(#2c80c0));
    font-size: 12px;
    line-height: 26px;
    text-align: left;
}

.btn-blu a {
    display: block;
    color: #fff; 
    text-decoration: none;
}

.btn-font-bla {
    color: #000;
}

.btn-font-bla a {
    color: #000;
}

.grd-red {
    background: -webkit-gradient(linear, left top, left bottom, from(#f33), to(#d00));
}

.grd-yel {
    background: -webkit-gradient(linear, left top, left bottom, from(#fb0), to(#f80));
}

.grd-blu {
    background: -webkit-gradient(linear, left top, left bottom, from(#5bb8ff), to(#2c80c0));
}

.grd-gre {
    background: -webkit-gradient(linear, left top, left bottom, from(#99ea21), to(#6cb500));
}

.grd-tbl {
    background: -webkit-gradient(linear, left top, left bottom, from(#17d6ff), to(#0092c8));
}

.grd-bla {
    background: -webkit-gradient(linear, left top, left bottom, from(#525252), to(#010101));
}

.grd-gra {
    border: 1px solid #aaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    text-shadow: 0 1px 0 #fff;
}

.grd-gra a {
    color: #000;
}

/* =========================================== [ ▼新しい要素指定 ] */
/* =========================================== [ base ] */
.grd-wht {
    background:         linear-gradient(#fff, #e2e2e2);
}

.grd-blk {
    background-image:         linear-gradient(bottom, #000 16%, #252525 58%);
    background-image:     -ms-linear-gradient(bottom, #000 16%, #252525 58%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.16, #000), color-stop(.58, #252525));
}

.grd-red {
    background: -webkit-gradient(linear, left top, left bottom, from(#f33), to(#d00));
}

.grd-yel {
    background: -webkit-gradient(linear, left top, left bottom, from(#fb0), to(#f80));
}

.grd-blu {
    background: -webkit-gradient(linear, left top, left bottom, from(#5bb8ff), to(#2c80c0));
}

.grd-gre {
    background: -webkit-gradient(linear, left top, left bottom, from(#99ea21), to(#6cb500));
}

.grd-tbl {
    background: -webkit-gradient(linear, left top, left bottom, from(#17d6ff), to(#0092c8));
}

.grd-bla {
    background: -webkit-gradient(linear, left top, left bottom, from(#525252), to(#010101));
}

.grd-gra {
    border: 1px solid #aaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    text-shadow: 0 1px 0 #fff;
}

.grd-gra a {
    color: #000;
}

/* =========================================== [ header ] */
#header-top {
    height: 30px;
    padding: 7px 12px 5px;
}

#dmm-logo {
    width: 88px;
    height: 16px;
    margin: 6px 0 0;
    padding: 0;
    background-size: 88px 17px;
}

#account-header {
    float: right;
    margin: 0; 
    border-top: #c9c9c9 solid 1px;
    border-bottom: #c9c9c9 solid 1px;
    border-left: #c9c9c9 solid 1px;
    color: #333;
    font-size: 10px;
    font-weight: bold;
}

#account-header a {
    color: #333;
}

#account-header div {
    float: left;
    width: auto;
    height: 15px;
    padding: 5px 7px;
    border-right: #c9c9c9 solid 1px;
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb)); 
    vertical-align: middle;
    text-align: right;
}

#account-header div img {
    margin-top: -2px; 
    vertical-align: middle;
}

#account-header div span {
    margin-left: 7px;
}

/*========================= [ #nav-account ] */
#nav-account {
    float: right; 
    font-size: 10px;
}

#nav-account a {
    display: inline-block;
    float: left;
    padding: 6px; 
    border-right: 1px solid #ccc;
}

#nav-account a:first-child {
    border-left: 1px solid #ccc;
}

/*========================= [ #pankuzu ] */
#pankuzu {
    list-style: none; 
    width: 100%;
    height: 30px;
    background: #222;
}

#pankuzu li {
    float: left;
    margin: 3px 0 3px 3px;
    padding-left: 12px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_pankuzu.png) no-repeat 5px center;
    background-size: 4px 8px; 
    font-size: 10px;
    line-height: 24px;
}

#pankuzu li:first-child {
    padding-left: 0;
    background: none;
}

#pankuzu li > span,
#pankuzu li > a {
    display: inline-block; 
    padding: 0 5px;
    color: #fff;
}

#pankuzu li.on {
    background-color: #c00;
}

#pankuzu li.guide {
    float: right;
    padding: 0 6px;
    background: none;
}

#pankuzu li.guide img {
    vertical-align: -3px;
}

/* =========================================== [ #hd-lnav ] */
#hd-lnav {
    list-style: none;
    width: 100%;
    background:         linear-gradient(bottom, #000 0%, #454545 100%);
    background:     -ms-linear-gradient(bottom, #000 0%, #454545 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, #454545));
}

#hd-lnav li {
    float: left;
    width: 25%;
    /* default 4floor */
}

#hd-lnav li > * {
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

#hd-lnav li ~ li > * {
    border-left: 1px #888 solid;
}

#hd-lnav li > a:active,
#hd-lnav li.on > * {
    background:         linear-gradient(bottom, #c10000 0%, #8d0000 100%);
    background:     -ms-linear-gradient(bottom, #c10000 0%, #8d0000 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c10000), color-stop(1, #8d0000));
}

/* =========================================== [ nav ] */
header#top nav {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #c9c9c9;
    background-image:         linear-gradient(bottom, #e3e3e3, #fdfdfd);
    background-image:      -o-linear-gradient(bottom, #e3e3e3, #fdfdfd);
}

header#top nav ul {
    display: block;
    list-style: none; 
    clear: both;
    width: 320px;
    height: 44px;
    margin: 0 auto;
    text-align: center;
}

header#top nav ul li {
    position: relative;
    float: left;
    width: 63px;
    height: 43px;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    background-image:         linear-gradient(bottom, #fdfdfd, #e3e3e3);
    background-image:      -o-linear-gradient(bottom, #fdfdfd, #e3e3e3);
    box-shadow: 1px 0 #fff;
}

header#top nav ul li.nav-bg-none {
    background-image: none;
}

header#top nav ul li:first-child {
    border-left: 1px solid #c9c9c9;
    box-shadow: 1px 0 #fff, inset 1px 0 #fff;
}

header#top nav ul li:last-child {
    width: 62px;
}

header#top nav ul li a {
    display: block;
    width: 63px;
    height: 43px;
    background-repeat: no-repeat;
}

header#top nav ul li a span,
header#top nav ul li span {
    display: none;
}

header#top nav li:active,
header#top nav li.on {
    border-bottom: 1px solid #868686;
    background-image:         linear-gradient(bottom, #868686 0%, #868686 50%, #333 100%);
    background-image:         linear-gradient(bottom, #242424, #868686);
    background-image:      -o-linear-gradient(bottom, #242424, #868686);
}

section#menu-service {
    display: none;
}

header#top [id^="hd-"],
header#top [id^="hd-"] a,
header#top [id^="hd-"] a:active,
header#top [id^="hd-"] a.on {
    background-repeat: no-repeat;
}

header#top #hd-service a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: 0 0; 
    -webkit-background-size: 630px 86px;

    backgound-size: 630px 86px;
}

header#top #hd-service a:active,
header#top #hd-service a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: 0 -43px; 
    -webkit-background-size: 630px 86px;

    backgound-size: 630px 86px;
}

header#top #hd-search a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -63px 0;
    background-size: 630px 86px;
}

header#top #hd-search a:active,
header#top #hd-search a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -63px -43px;
    background-size: 630px 86px;
}

header#top #hd-ranking a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -441px 0;
    background-size: 630px 86px;
}

header#top #hd-ranking a:active,
header#top #hd-ranking a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -441px -43px;
    background-size: 630px 86px;
}

header#top #hd-ranking-off {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -504px 0;
    background-size: 630px 86px;
}

header#top #hd-ranking-total {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -567px 0;
    background-size: 630px 86px;
}

header#top #hd-favorite a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -126px 0;
    background-size: 630px 86px;
}

header#top #hd-favorite a:active,
header#top #hd-favorite a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -126px -43px;
    background-size: 630px 86px;
}

header#top #hd-basket a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -252px 0;
    background-size: 630px 86px;
}

header#top #hd-basket a:active,
header#top #hd-basket a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -252px -43px;
    background-size: 630px 86px;
}

header#top #hd-orderlist a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -189px 0;
    background-size: 630px 86px;
}

header#top #hd-orderlist a:active,
header#top #hd-orderlist a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -189px -43px;
    background-size: 630px 86px;
}

header#top #hd-reccomend a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -315px 0;
    background-size: 630px 86px;
}

header#top #hd-reccomend a:active,
header#top #hd-reccomend a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -315px -43px;
    background-size: 630px 86px;
}

header#top #hd-reccomend-off {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_common.png);
    background-position: -378px 0;
    background-size: 630px 86px;
}

header#top #hd-mono-basket a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_mono.png);
    background-position: -0 0;
    background-size: 126px 86px;
}

header#top #hd-mono-basket a:active,
header#top #hd-mono-basket a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_mono.png);
    background-position: 0 -43px;
    background-size: 126px 86px;
}

header#top #hd-order-list a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_mono.png);
    background-position: -63px 0;
    background-size: 126px 86px;
}

header#top #hd-order-list a:active,
header#top #hd-order-list a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_mono.png);
    background-position: -63px -43px;
    background-size: 126px 86px;
}

header#top #hd-wishlist a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: 0 0;
    background-size: 567px 86px;
}

header#top #hd-wishlist a:active,
header#top #hd-wishlist a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: 0 -43px;
    background-size: 567px 86px;
}

header#top #hd-wish-basket a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -63px 0;
    background-size: 567px 86px;
}

header#top #hd-wish-basket a:active,
header#top #hd-wish-basket a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -63px -43px;
    background-size: 567px 86px;
}

header#top #hd-info-rental a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -189px 0;
    background-size: 567px 86px;
}

header#top #hd-info-rental a:active,
header#top #hd-info-rental a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -189px -43px;
    background-size: 567px 86px;
}

header#top #hd-regist-rental a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -126px 0;
    background-size: 567px 86px;
}

header#top #hd-regist-rental a:active,
header#top #hd-regist-rental a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -126px -43px;
    background-size: 567px 86px;
}

header#top #hd-basket-rental a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -252px 0;
    background-size: 567px 86px;
}

header#top #hd-basket-rental a:active,
header#top #hd-basket-rental a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -252px -43px;
    background-size: 567px 86px;
}

header#top #hd-info-iroiro a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -315px 0;
    background-size: 567px 86px;
}

header#top #hd-info-iroiro a:active,
header#top #hd-info-iroiro a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -315px -43px;
    background-size: 567px 86px;
}

header#top #hd-basket-comic a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -441px 0;
    background-size: 567px 86px;
}

header#top #hd-basket-comic a:active,
header#top #hd-basket-comic a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -441px -43px;
    background-size: 567px 86px;
}

header#top #hd-info-comic a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -504px 0;
    background-size: 567px 86px;
}

header#top #hd-info-comic a:active,
header#top #hd-info-comic a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_rental.png);
    background-position: -504px -43px;
    background-size: 567px 86px;
}

header#top #hd-menu a,
header#top #hd-genre a,
header#top #hd-mylibrary a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_digital.png);
    background-size: 189px 86px;
}

header#top #hd-menu a {
    background-position: 0 0;
}

header#top #hd-menu a:active,
header#top #hd-menu a.on {
    background-position: 0 -43px;
}

header#top #hd-genre a {
    background-position: -63px 0;
}

header#top #hd-genre a:active,
header#top #hd-genre a.on {
    background-position: -63px -43px;
}

header#top #hd-mylibrary a {
    background-position: -126px 0;
}

header#top #hd-mylibrary a:active,
header#top #hd-mylibrary a.on {
    background-position: -126px -43px;
}

header#top #hd-regist-monthly a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_monthly.png);
    background-position: 0 0;
    background-size: 126px 86px;
}

header#top #hd-regist-monthly a:active,
header#top #hd-regist-monthly a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_monthly.png);
    background-position: 0 -43px;
    background-size: 126px 86px;
}

header#top #hd-info-monthly a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_monthly.png);
    background-position: -63px 0;
    background-size: 126px 86px;
}

header#top #hd-info-monthly a:active,
header#top #hd-info-monthly a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_monthly.png);
    background-position: -63px -43px;
    background-size: 126px 86px;
}

header#top #hd-game-service a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: 0 0;
    background-size: 504px 86px;
}

header#top #hd-game-service a:active,
header#top #hd-game-service a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: 0 -43px;
    background-size: 504px 86px;
}

header#top #hd-game-top a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -63px 0;
    background-size: 504px 86px;
}

header#top #hd-game-top a:active,
header#top #hd-game-top a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -63px -43px;
    background-size: 504px 86px;
}

header#top #hd-game-home a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -126px 0;
    background-size: 504px 86px;
}

header#top #hd-game-home a:active,
header#top #hd-game-home a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -126px -43px;
    background-size: 504px 86px;
}

header#top #hd-game-home-off {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -189px 0;
    background-size: 504px 86px;
}

header#top #hd-game-comu a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -252px 0;
    background-size: 504px 86px;
}

header#top #hd-game-comu a:active,
header#top #hd-game-comu a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -252px -43px;
    background-size: 504px 86px;
}

header#top #hd-game-comu-off {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -315px 0;
    background-size: 504px 86px;
}

header#top #hd-game-friend a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -378px 0;
    background-size: 504px 86px;
}

header#top #hd-game-friend a:active,
header#top #hd-game-friend a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -378px -43px;
    background-size: 504px 86px;
}

header#top #hd-game-friend-off {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_game.png);
    background-position: -441px 0;
    background-size: 504px 86px;
}

header#top #hd-deai-point a {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_deai.png);
    background-position: 0 0;
    background-size: 63px 86px;
}

header#top #hd-deai-point a:active,
header#top #hd-deai-point a.on {
    background-image: url(http://p.dmm.co.jp/p/sp/base/nav_deai.png);
    background-position: 0 -43px;
    background-size: 63px 86px;
}

header#top .hd-menu {
    display: none;
}

.bx-slide {
    box-sizing: border-box; 
    padding: 7px 6px 6px;
    background-image:         linear-gradient(bottom, #868686, #cfcfcf);
    background-image:      -o-linear-gradient(bottom, #868686, #cfcfcf);
}

.bd-side {
    border-right: 1px solid #a5a5a5; 
    border-left: 1px solid #a5a5a5;
}

body.bd-side {
    border: none;
}

header#top #menu-search ul.bg-whi {
    font-size: 16px; 
    font-weight: bold;
}

header#top #menu-search ul.bg-whi li {
    display: inline;
}

header#top #menu-search ul.bg-whi li a {
    display: inline-block;
    margin-right: .5em; 
    line-height: 2;
}

/* =========================================== [ nav / badge-num ] */
.badge-num {
    position: absolute;
    top: -15px;
    right: 4px; 
    width: 42px;
    height: 26px;
    background: url(http://p.dmm.co.jp/p/sp/base/bg_badge.png) no-repeat 0 0;
    background-size: 42px 26px;
}

.badge-num p {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    text-shadow: -1px 1px 1px #633; 
    text-align: center;
}

/* ================================= [ nav-infocheck ] */
.nav-infocheck {
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 0 10px;
    background-color: #fcfcfc;
}

.nav-infocheck p {
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_r.png) no-repeat 100% 50%;
    background-size: 9px 14px; 
    color: #333;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

.ico-sample {
    padding-left: 14px; 
    background: url(http://p.dmm.co.jp/p/sp/base/ico_sample.gif) no-repeat 0 50%;
    background-size: 12px 12px;
}

.ico-monitor {
    padding-left: 14px; 
    background: url(http://p.dmm.co.jp/p/sp/base/ico_monitor.png) no-repeat 0 50%;
    background-size: 12px 12px;
}

/* =========================================== [ footer ] */
footer dd a:link,
footer dd a:visited,
footer dd a:active {
    color: #222;
}

footer dd a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_r.png) no-repeat right center;
    background-size: 9px 14px; 
    color: #222;
    font-size: 12px;
}

.list-addfooter {
    display: block;
    width: 95%; 
    margin: 10px auto;
}

.list-addfooter > li {
    display: inline-block;
    margin: 0 4px 4px 0; 
    word-break: keep-all;
}

.anchor {
    margin: 10px 12px 16px;
    text-align: right;
}

.btn-pagetop {
    margin-top: 6px;
    padding-left: 11px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_pagetop.gif) no-repeat left center;
    background-size: 9px 9px; 
    line-height: 12px;
}

footer #copyright {
    margin: 12px auto;
    font-size: 10px;
    text-align: center;
}

/* =========================================== [ sort-form（検索結果ソート） ] */
.sort-form {
    width: 100%;
    border-bottom: 1px solid #d9d9d9; 
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
}

.sort-form .bx {
    width: 300px;
    margin: 5px auto;
}

.sort-form .bx-list {
    float: left;
    width: 230px;
}

.sort-form .bx-list label {
    float: left;
    width: 60px;
    padding-top: 5px;
    font-weight: bold;
}

.sort-form .bx-list select {
    width: 170px;
    height: 24px;
    margin: 1px 0;
}

.sort-form .bx-btn {
    float: right;
    margin: 0;
}

/* ================================= [ #topics（スライドバナー） ] */
#topics {
    padding-bottom: 0;
    border-bottom: #c2c2c2 solid 1px; 
    background: #e2e2e2;
}

#wrap-banner {
    display: -webkit-box;
    display:    -moz-box;
    width: 320px;
    margin: 0 auto;
}

#frame-banner {
    overflow: hidden;
    width: 220px;
    height: 75px;
    margin: 0;
    background: #fff;
}

#space-banner {
    width: 3000px;
    height: 50px;
    margin-top: 7px;
    margin-left: -130px;
}

#space-banner li {
    list-style: none; 
    float: left;
    padding: 5px;
}

.btn-banner {
    box-sizing: border-box; 
    width: 24px;
    height: 45px;
    margin: 14px 12px 0;
    border: #778697 solid 1px;
    border-radius: 5px;
    background:         linear-gradient(bottom, #6f7f91 0%, #a6b1bc 100%);
    background:     -ms-linear-gradient(bottom, #6f7f91 0%, #a6b1bc 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6f7f91), color-stop(1, #a6b1bc));
    box-shadow: inset 1px 1px 0 0 #c2c9d1;
    color: #666;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#btn-left {
    left: 0;
    box-sizing: border-box; 
    height: 45px;
    padding-top: 10px;
}

#btn-right {
    right: 0;
    box-sizing: border-box; 
    height: 45px;
    padding-top: 10px;
}

/* =========================================== [ flick.js topicflick ] */
#topic-wrap {
    position: relative;
    width: 100%;
    height: 73px;
    margin-top: 10px;
}

#topic-left {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    width: 50px;
    height: 73px;
    padding-left: 10px;
    opacity: .2;
    filter: alpha(opacity=20);
}

#topic-center {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0; 
    width: 100%;
}

#topic-right {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box;
    width: 50px;
    height: 73px;
    padding-right: 10px;
    text-align: right;
}

#topic-left img,
#topic-right img {
    margin-top: 30px;
}

#topic-wrap-list {
    position: relative; 
    overflow: hidden;
    width: 220px;
    height: 73px;
    margin: 0 auto;
}

#topic-bnr-lists {
    list-style-type: none;
    position: absolute; 
    left: 0;
    overflow: hidden;
    width: 5000px;
    margin: 0;
}

#topic-bnr-lists li {
    float: left; 
    width: 220px;
    padding: 0;
    text-align: center;
}

#dot {
    display: block; 
    list-style: none;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    font-size: 36px;
    line-height: 12px;
    text-align: center;
}

#dot > li {
    float: left;
    width: 15px;
    color: Gainsboro; 
    text-align: center;
}

/* =========================================== [ flick.js groupflick ] */
.product-wrap {
    overflow: hidden; 
    width: 310px;
    height: auto;
    margin: 10px auto 0;
}

.product-pos {
    position: relative;
}

.product-list {
    position: absolute;
    left: 0; 
    width: 3000px;
}

.product-block {
    float: left;
    overflow: hidden; 
    width: 310px;
    height: auto;
}

.product-block li {
    float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    width: 25%;
    height: auto;
    margin-bottom: 6px;
    padding: 0 1px; 
    text-align: center;
}

.product-dot {
    display: block; 
    list-style: none;
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 36px;
    line-height: 12px;
    text-align: center;
}

.product-dot > li {
    float: left;
    width: 15px;
    color: Gainsboro; 
    text-align: center;
}

/* =========================================== [ #search ] */
header#top #search {
    -webkit-box-sizing: border-box; 
    width: 100%;
    padding: 10px 0;
    border-top: #cdcdcd solid 1px;
    border-bottom: #cdcdcd solid 1px;
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb));
    text-align: center;
}

header#top #search-box {
    width: 280px;
    margin: auto;
}

header#top #search-form {
    height: auto;
    margin: 0 0 10px;
}

header#top #search-suggest {
    width: 290px;
    margin: 12px auto 0;
    font-size: 12px;
    text-align: left;
}

header#top #search-suggest dt {
    display: inline;
    padding-left: 18px;
    background: url(http://p.dmm.co.jp/p/common/ico_attention.gif) no-repeat left center;
    font-weight: bold;
    text-align: left;
}

header#top #search-suggest dd {
    display: inline;
    padding: 0 6px;
}

.form-search-txt {
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    margin-bottom: 8px;
    padding: 0 4px;
    border: #637588 solid 1px;
    border-radius: 5px;
    box-shadow: inset 0 2px 1px 0 #ccc;
    font-size: 15px;
}

.form-search-pulldown {
    width: 90%;
    height: auto;
    border: #637588 solid 1px;
    border-radius: 5px;
    font-size: 15px;
}

.form-search-pulldown option {
    font-size: 20px;
}

.form-search-btn {
    width: 80px;
    height: 23px;
    padding-top: 5px;
    border: #637588 solid 1px;
    border-radius: 5px;
    background:         linear-gradient(bottom, #2e2e2e 0%, #000 50%, #353535 51%, #626262 100%);
    background:     -ms-linear-gradient(bottom, #2e2e2e 0%, #000 50%, #353535 51%, #626262 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2e2e2e), color-stop(.5, #000), color-stop(.51, #353535), color-stop(1, #626262)); 
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.form-search-btn img {
    margin-top: -4px; 
    margin-right: 3px;
    vertical-align: middle;
}

/* =========================================== [ #announce ] */
#announce {
    box-sizing: border-box; 
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px;
    border: #c10000 solid 3px;
    font-size: 10px;
    text-align: center;
}

#announce h1 {
    margin-bottom: 5px; 
    color: #c10000;
    font-size: 12px;
}

#alert-js {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
    background: #ffe640;
    text-align: center;
}

/* =========================================== [ #bx-notice ] */
#bx-notice {
    width: 90%;
    margin: 10px auto;
    border: 1px solid #00c;
}

#bx-notice h1 {
    box-sizing: border-box; 
    width: 100%;
    padding: 3px 6px;
    background: #00c;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#bx-notice div {
    padding: 10px;
    text-align: center;
}

#bx-notice h2 {
    margin-bottom: 10px;
    padding: 3px;
    background: #cdddff; 
    font-size: 12px;
    font-weight: bold;
}

/* ================================= [ list-sort / 並び順を変更 ] */
#sort-list {
    display: none;
    width: 100%;
    border-bottom: 1px solid #8f8f8f;
    background:         linear-gradient(top, #fff, #e7e7e7);
}

#sort-list .bx {
    width: 240px;
    margin: 12px auto;
}

#sort-list .bx label {
    float: left;
    width: 80px;
    padding-top: 5px;
    font-weight: bold;
}

#sort-list .bx select {
    width: 160px;
    height: 24px;
    margin: 1px 0 12px;
}

#sort-list .btn-reload {
    width: 240px;
    height: 30px;
    border: #000 solid 1px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#020202));
    box-shadow: 0 1px 1px #666;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

#sort-list .btn-reload a {
    display: block;
    width: 240px;
    height: 30px;
    color: #fff;
}

/* ================================= [ bt-change-list ] */
a.bx-list-sort {
    color: #222;
}

.bt-change-list {
    box-sizing: border-box; 
    width: 100%;
    padding: 6px;
    border-bottom: 1px solid #999;
}

.bt-change-list p {
    float: right;
    color: #555; 
    font-size: 10px;
    line-height: 20px;
}

.btn-change {
    float: left;
    width: 140px;
    height: 20px;
    line-height: 20px;
}

.ico-change {
    float: left;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-right: 6px;
    border: 1px solid #c6c6c6;
    border-radius: 8px 8px 8px 8px;
    background-image:         linear-gradient(bottom, #eee 0%, #fff 100%);
    background-image:     -ms-linear-gradient(bottom, #eee 0%, #fff 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #fff)); 
    text-align: center;
}

.arrow-down {
    display: inline-block; 
    width: 0;
    height: 0;
    margin-right: 0;
    border-top: 8px solid #222;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.arrow-up {
    display: inline-block; 
    width: 0;
    height: 0;
    margin-right: 0;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #222;
    border-left: 4px solid transparent;
}

/* ================================= [ list ] */
.tl-order {
    padding: 12px 6px 12px;
}

.pnb {
    padding: 3px 6px;
    border-bottom: 1px solid #ccc; 
    background: #f9f9f9;
    font-size: 10px;
}

.pnb2 {
    padding: 3px 6px;
    border-bottom: 1px solid #ccc; 
    background: #f9f9f9;
    font-size: 10px;
}

.list-works dt a {
    text-decoration: underline;
}

/* ================================= [ pnl (リストページ移動ボタン)] */
#pnl {
    width: 100%;
    height: auto;
    margin: 0;
    border-bottom: 1px solid #aaa;
    background: #f0f0f0; 
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    text-align: center;
}

#pnl p {
    box-sizing: border-box;
    width: 150px;
    margin: 0 auto;
    padding: 12px 0 12px 40px;
    background: url(http://p.dmm.co.jp/p/sp/base/bg_pnl.png) no-repeat left center;
    background-size: 33px 39px; 
    line-height: 1.4;
}

#pnl p.loading {
    background: url(http://p.dmm.co.jp/p/sp/base/bg_pnl_loading.gif) no-repeat left center;
    background-size: 30px 30px;
}

#pnl-sub {
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 1px dotted #aaa; 
    text-align: right;
}

#pnl-sub input[type="number"] {
    padding: 0;
}

/*========================= [ .arrow-link ] */
.arrow-link {
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
}

.arrow-link a {
    color: #333;
}

/*========================= [ .sect ] */
.sect {
    margin-bottom: 30px;
}

/*========================= [ .tbl ] */
.tbl {
    border-top: 1px solid #bebebe;
}

.tbl caption {
    text-align: left;
}

.tbl th {
    padding: 10px;
    border-bottom: 1px solid #bebebe; 
    background: #e5e5e5;
    text-align: right;
}

.tbl td {
    padding: 6px;
    border-bottom: 1px solid #bebebe;
}

/*========================= [ .bt-floor-menu ] */
.bt-floor-menu li {
    border-bottom: 1px solid #a5a5a5; 
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb));
}

.bt-floor-menu dl {
    box-sizing: border-box;
    margin: 0 10px;
    padding: 12px 0 12px 0;
    background-image: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_r.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 9px 14px;
    color: #333;
}

.bt-floor-menu dl dt {
    font-size: 14px; 
    font-weight: bold;
}

.bt-floor-menu dl dd {
    margin-top: 2px; 
    font-size: 10px;
}

#search {
    border-top: none;
}

/*========================= [ .ml ] */
.ml-bd-t {
    border-top: 1px solid #a5a5a5;
}

.ml-bd-b {
    border-bottom: 1px solid #a5a5a5;
}

.ml {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a5a5a5; 
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb));
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.ml p {
    padding: 10px;
}

.ml a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
}

a .ml p {
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
}

.ml a p {
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
}

.ml-child li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a5a5a5;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center #fff;
    background-size: 18px 14px; 
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.ml-child p {
    padding: 10px 18px 10px 10px;
}

.open-list img {
    margin-right: 5px;
}

.ml-child a {
    color: #333;
}

/*========================= [ .headline/subline ] */
.headline2 {
    box-sizing: border-box; 
    width: 100%;
    padding: 5px 10px;
    background: #f5f5f5;
    font-size: 12px;

        -ms-box-sizing: border-box;
}

/* =========================================== [ .row2/.capt-btn/.list-btn/.list-pake/.capt-txt ] */
ul.bd-side.row2,
ul.ml-child.row2 {
    background-color: #a5a5a5;
}

ul.row2 li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    font-weight: bold; 

        -ms-box-sizing: border-box;
}

ul.row2 li:nth-child(odd) {
    border-right: 1px #a5a5a5 solid;
}

ul.row2 li:nth-child(even) {
    border-left: 1px #fff solid;
}

ul.row2 li.w100 {
    width: 100%;
    border-right: none;
}

ul.tx12 li {
    font-size: 12px;
}

.hd-menu .row2 li p {
    height: 39px;
    padding: 0 18px 0 10px; 
    line-height: 39px;
}

.hd-menu .row2.tx12 li p {
    height: 36px;
    line-height: 36px;
}

.list-btn li p {
    height: 44px;
    padding-left: 8px; 
    line-height: 44px;
}

.list-btn.pake li p {
    height: 54px;
    padding-left: 4px; 
    line-height: 54px;
}

ul.row2 li p,
.list-btn li p {
    overflow: hidden;
}

.capt-btn,
.list-btn li {
    border-bottom: 1px #a5a5a5 solid;
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb));
}

.capt-btn a,
.list-btn li > * {
    display: block;
    padding-right: 24px;
    background: url(http://p.dmm.co.jp/p/sp/digital/top/ico_arrow_r01.png) 100% 50% no-repeat;
    background-size: 17px 11px;
    color: #333;
}

/* .capt-btn */
.capt-btn {
    margin: 6px 0;
    border-top: 1px #ccc solid; 
    line-height: 32px;
}

.slide-btn.ml.on[name*="genre"],
.capt-btn.bg-red {
    background:         linear-gradient(bottom, #8d0000 0%, #c10000 100%);
    background:     -ms-linear-gradient(bottom, #8d0000 0%, #c10000 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8d0000), color-stop(1, #c10000));
}

.capt-btn a {
    padding-left: 10px;
}

.capt-btn.bg-red a {
    background-image: url(http://p.dmm.co.jp/p/sp/digital/top/ico_arrow_r02.png);
    color: #fff;
}

.slide-btn.ml[name*="genre"] p {
    background: url(http://p.dmm.co.jp/p/sp/digital/top/ico_arrow_bo.png) 100% 50% no-repeat;
    background-size: 27px 11px;
}

.slide-btn.ml.on[name*="genre"] p {
    background-image: url(http://p.dmm.co.jp/p/sp/digital/top/ico_arrow_to.png);
    color: #fff;
}

/* .list-btn */
.list-btn li.bg-special {
    background:         linear-gradient(bottom, #eeeea3 0%, #f9f9d9 100%);
    background:     -ms-linear-gradient(bottom, #eeeea3 0%, #f9f9d9 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeea3), color-stop(1, #f9f9d9));
}

.list-btn li.off {
    border-bottom: 1px #d9d9d9 solid;
    background: #fbfbfb;
}

.list-btn li.off > * {
    opacity: .4;

        filter: alpha(opacity=40);
    -ms-filter: "alpha( opacity=40 )";
}

.list-btn.pake li div {
    display: -webkit-box;
    float: left;
    height: 54px;
    background: #fff; 

    -webkit-box-align: center;
}

.list-btn.pake li div img {
    width: 40px;
}

.list-btn.pake li p {
    position: relative;
}

.list-btn.pake li p span.tx10 {
    position: absolute;
    top: 1.5em;
    left: 4px;
}

.list-btn li a p img[src*="ico_"] {
    width: 20px;
    margin-right: 8px;
    vertical-align: middle;
}

/* .list-pake */
.list-pake {
    text-align: center;
}

.list-pake li {
    display: inline;
}

.list-pake li img {
    width: 70px;
    margin: 2px;
}

/* .capt-txt */
.capt-txt {
    margin-top: 20px;
    padding: 0 0 12px 32px;
    border-bottom: 1px #ccc solid;
    background: url(http://p.dmm.co.jp/p/sp/digital/top/ico_capt.png) 10px 0 no-repeat;
    background-size: 15px 19px;
    font-size: 14px;
}

/* =========================================== [ .area-search ] */
.area-search {
    padding: 12px 0;
    border-bottom: 1px #a5a5a5 solid;
    background: #efefef;
}

.area-search select {
    width: 150px;
    height: 24px;
    margin-bottom: 8px;
}

/*========================= [ .ttlarrow ] */
.ttlarrow {
    box-sizing: border-box; 
    padding: 10px 12px 10px 18px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow.gif) no-repeat 8px 15px;
    background-size: 6px 8px;
    font-size: 14px;
    font-weight: normal;

        -ms-box-sizing: border-box;
}

/*========================= [ .menu-pc ] */
.menu-pc {
    font-size: 14px;
}

.menu-pc ul {
    width: 100%;
}

.menu-pc li {
    float: left;
    width: 50%;
}

.menu-pc li:nth-child(odd) {
    box-sizing: border-box; 
    border-right: #a5a5a5 solid 1px;

        -ms-box-sizing: border-box;
}

.subml {
    margin: 0;
    padding: 0;
    border-bottom: #a5a5a5 solid 1px; 
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.subml p {
    display: block;
    box-sizing: border-box; 
    width: 100%;
    height: 100%;
    padding: 12px;

        -ms-box-sizing: border-box;
}

.subml a {
    color: #333;
}

/*========================= [ #ranking ] */
#ranking-main {
    float: left;
    box-sizing: border-box; 
    width: 30%;
    height: 175px;
    border-bottom: #bebebe solid 1px;
    background-image:         linear-gradient(bottom, #fffdf0 0%, #fff6ae 100%);
    background-image:     -ms-linear-gradient(bottom, #fffdf0 0%, #fff6ae 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fffdf0), color-stop(1, #fff6ae));
    text-align: center;

        -ms-box-sizing: border-box;
}

#ranking-main img {
    margin: 10px auto;
}

#ranking {
    display: block;
    list-style: none; 
    float: left;
    width: 70%;
    height: 175px;
}

#ranking li {
    box-sizing: border-box;
    height: 35px;
    border-bottom: #bebebe solid 1px;
    border-left: #bebebe solid 1px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px; 

        -ms-box-sizing: border-box;
}

#ranking li:first-child {
    border-left: none;
    background: url(http://p.dmm.co.jp/p/sp/base/bg_ranking.gif) left top no-repeat, url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
}

#ranking li span {
    margin-right: 5px; 
    font-size: 18px;
}

#ranking li p {
    padding: 5px 10px;
}

#ranking a {
    color: #333;
}

/*==================== [ #list-ranking,#list-ranking-ps,.ps-wd ] */
[id^="list-"] {
    word-break: break-all;
}

[class^="list-"] {
    word-break: break-all;
}

[id$="-works"] {
    word-break: break-all;
}

[class$="-works"] {
    word-break: break-all;
}

#list-ranking li {
    border-bottom: 1px solid #888;
}

#list-ranking li a {
    display: block;
    padding-right: 10px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_r.png) no-repeat right center;
    background-origin: content-box;
    background-size: 9px 14px;
    color: #222;
}

#list-ranking li img {
    float: left;
    margin-right: 10px;
}

#list-ranking li dl {
    padding: 10px 10px 10px 0;
}

#list-ranking li dl dt {
    margin-bottom: 4px;
    padding: 0; 
    font-size: 14px;
    font-weight: bold;
}

#list-ranking li dl dd.cast {
    color: #555; 
    font-size: 12px;
}

#list-ranking li dl dd em {
    color: #c10000; 
    font-weight: bold;
    font-style: normal;
}

/*================== [ .ps-sq ] */
.ps-sq li img {
    padding: 10px 0 10px 10px;
}

.ps-sq li dl {
    margin-left: 95px;
}

/*================== [ .ps-lt ] */
.ps-lt li dl {
    margin-left: 85px;
}

/*================== [ .ps-wd ] */
.ps-wd li img {
    padding: 12px 0 12px 10px;
}

.ps-wd dl {
    margin-left: 95px;
}

/*========================= [ #review ] */
#review li {
    border-bottom: #bebebe solid 1px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
    font-weight: bold;
}

#review div {
    padding: 10px;
    padding-right: 30px;
}

#review p {
    margin-bottom: 5px; 
    padding: 5px;
    background: #f8f3dc;
}

#review img {
    margin-right: 6px;
}

#review span {
    margin-left: 10px; 
    font-weight: normal;
}

#review a {
    color: #333;
}

/* =========================================== [ .box_bnr ] */
.box_bnr {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}

/* =========================================== [ .page-move ] */
.page-move {
    text-align: center;
}

.page-move a div {
    display: inline-block;
    margin: 10px 2px;
}

/* =========================================== [ .slide-area ] */
*[class*="slide-area-"] {
    display: none;
}

.sb-img {
    margin-right: 8px;
}

/* =========================================== [ .top-list ] */
.tab-btnarea {
    display: -webkit-box;
    display:    -moz-box;
    width: 100%;
    height: auto;
    font-weight: bold;
}

.tab-btn {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    height: auto;
    border-top: #bebebe solid 1px;
    border-right: #bebebe solid 1px;
    border-bottom: #bebebe solid 1px;
    background: #323031;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
    text-align: center;
    cursor: pointer;
}

.tab-btnarea p {
    padding: 15px 0;
}

.tab-btn-on {
    box-sizing: border-box;
    height: auto;
    border: #fff solid 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#fff)); 
    text-align: center;
}

.top-list li,
.top-list-ps li {
    border-bottom: 1px solid #888;
}

.top-list li a,
.top-list-ps li a {
    display: block;
    padding-right: 10px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_r.png) no-repeat right center;
    background-origin: content-box;
    background-size: 9px 14px;
    color: #222;
}

.top-list li img {
    float: left;
    margin-right: 8px;
}

.top-list li dl {
    padding: 0 8px 8px 0;
}

.top-list li dl dt {
    padding-top: 8px; 
    font-size: 14px;
    font-weight: bold;
}

.top-list li dl dd.cast,
.top-list-ps li dl dd.cast {
    color: #555; 
    font-size: 12px;
}

.top-list li dl dd em,
.top-list-ps li dl dd em {
    color: #c10000; 
    font-weight: bold;
    font-style: normal;
}

.ftl {
    display: none;
}

.top-list-ps li a > img {
    float: left;
    margin: 10px 0 10px 10px;
}

.top-list-ps li img {
    float: left;
    margin: 10px 0 10px 10px;
}

.top-list-ps li dl {
    margin-right: 8px;
    margin-left: 95px; 
    padding: 10px 8px 10px 0;
}

.top-list-ps li dl dt {
    font-size: 14px;
    font-weight: bold;
}

/* ================================= [ bottom ] */
#work-wrap {
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box;
    width: 100%;
    height: auto;
    padding: 10px 10px 15px;
}

#work-wrap h1 {
    font-size: 14px;
    font-weight: bold;
}

#work-main {
    display: -webkit-box;
    display:    -moz-box; 
    width: 100%;
    height: auto;
    margin: 7px 0 5px;
}

#work-info {
    min-width: 210px;
    margin: 0;
    margin: 0 0 10px;
    color: #212121;
    font-size: 12px;
}

#work-info img {
    margin-right: 4px;
    vertical-align: middle;
}

.btn-twitter {
    margin-right: 4px;
    vertical-align: bottom;
}

/* =========================================== [ #work-graywrap ] */
#work-graywrap {
    -webkit-box-sizing: border-box; 
       -moz-box-sizing: border-box;
    margin: 0 0 20px;
    padding: 6px;
    background: #f5f5f5;
}

.work-graybox1 {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    margin-bottom: 6px;
    padding-top: 10px; 
    padding-bottom: 10px;
    border: #ddd solid 1px;
    background: #fff;
    color: #666;
    text-align: center;
}

.work-graybox1 h2 {
    padding: 5px 0;
    background: #ddd;
    font-size: 12px;
}

.work-graybox2 {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
    margin-bottom: 12px;
    border: #ddd solid 1px;
    background: #fff;
    color: #666; 
    font-size: 10px;
    text-align: left;
}

.work-graybox2 h2 {
    padding: 5px 0;
    background: #fbf7d5;
    font-size: 10px;
    text-align: center;
}

/* =========================================== [ .work-infobox ] */
.work-infobox {
    margin-bottom: 20px;
}

.work-infobox h2 {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #202020;
    color: #fff;
}

.work-infobox h2 + p,
.work-infobox h2 + ul {
    margin: 0 0 24px;
    padding: 0 4px 4px;
}

.work-infobox h3 {
    margin: 0 0 4px;
    padding: 0 4px 2px;
    border-bottom: #ccc solid 1px;
}

.work-infobox h3 + p,
.work-infobox h3 + ul {
    margin: 0 0 24px;
    padding: 4px;
}

/* =========================================== [ .review_bar ] */
.review_bar {
    box-sizing: border-box;
    padding: 5px;
    border-bottom: #999 solid 1px;
    background: #d4d4d4;
}

.work-review {
    margin-bottom: 20px;
}

.work-review div {
    box-sizing: border-box;
    padding: 5px;
    background: #fffade;
}

/* =========================================== [ my / basket ] */
/* =========================================== [ .list-order ] */
.list-order li {
    box-sizing: border-box; 
    border-top: 1px solid #bebebe;

        -ms-box-sizing: border-box;
}

.list-order dl {
    padding: 10px;
}

.list-order dt {
    margin-bottom: 3px; 
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em;
}

.list-order dt input[type="checkbox"] {
    width: 18px;
    height: 18px; 
    margin-top: -5px;
    margin-right: 4px;
    padding: 0;
}

.list-order dd span:nth-child(n+2) {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #a5a5a5;
}

/* =========================================== [ .total-amount ] */
.total-amount {
    padding: 10px; 
    border-top: 3px solid #333;
    border-bottom: 1px dotted #bebebe;
}

/* =========================================== [ #turn-basket ] */
#turn-basket {
    padding: 15px 10px 10px;
}

#turn-basket ol {
    list-style: none;
    float: right;
}

#turn-basket li {
    float: left;
    margin-right: 8px; 
    padding-left: 12px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_turn.png) no-repeat left center;
    background-size: 6px 8px;
}

#turn-basket li:first-child {
    padding-left: 0; 
    background-image: none;
}

#turn-basket li.selected {
    margin-right: 4px; 
    font-weight: bold;
}

#turn-basket li.selected span {
    padding: 6px 8px; 
    background-color: #e3eaf1;
}

/* =========================================== [ .d-announcement ] */
.d-announcement {
    margin: 15px 8px 20px;
    text-align: left;
}

.d-announcement dl {
    padding: 6px 12px 12px;
    border: 3px #e1e1e1 solid;
}

.d-announcement dl dt {
    margin-bottom: 6px;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

.d-announcement dl dt span {
    display: table-cell;
    height: 23px;
    font-weight: bold; 
    vertical-align: middle;
}

.d-announcement dl dt span.mark {
    padding-right: 12px;
    border-right: 1px #bbb solid;
    color: #c00;
    font-size: 14px;
    white-space: nowrap;
}

.d-announcement dl dt span.ttl {
    padding-left: 12px;
    font-size: 14px;
}

.d-announcement dl dd {
    color: #666;
}

/*========================= [ .ml ] */
.ml-top-bd-t {
    border-top: 1px solid #a5a5a5;
}

.ml-top-bd-b {
    border-bottom: 1px solid #a5a5a5;
}

.ml-top {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a5a5a5; 
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb));
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.ml-top-w50 {
    float: left;
    box-sizing: border-box; 
    width: 50%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a5a5a5;
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb));
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.ml-top-w50:nth-child(odd) {
    border-right: 1px solid #a5a5a5;
}

.ml-top-w50-none {
    float: left;
    box-sizing: border-box; 
    width: 50%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a5a5a5;
    background-image:         linear-gradient(bottom, #dbdbdb 100%, #f0f0f0 0%);
    background-image:     -ms-linear-gradient(bottom, #dbdbdb 100%, #f0f0f0 0%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #dbdbdb), color-stop(0, #f0f0f0));
}

.ml-top-pc {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a5a5a5; 
    background:         linear-gradient(bottom, #5a5a5a 0%, #858585 100%);
    background:     -ms-linear-gradient(bottom, #5a5a5a 0%, #858585 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5a5a5a), color-stop(1, #858585));
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.ml-top p,
.ml-top-w50 p,
.ml-top-pc p {
    padding: 8px;
}

.ml-top a,
.ml-top-w50 a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    text-decoration: none;
}

a .ml-top p,
a .ml-top-w50 p,
.ml-top a p,
.ml-top-w50 a p {
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
}

.ml-top a p.pc,
.ml-top a p.pc {
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk_pc.png) no-repeat right top;
    background-size: 85px 54px;
}

.ml-top-w50 .pake,
.ml-top .pake {
    display: -webkit-box;
    height: 54px;
    background: #fff; 

    -webkit-box-align: center;
}

.btn-arrow {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #a5a5a5; 
    background:         linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background:     -ms-linear-gradient(bottom, #e2e2e2 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e2e2e2), color-stop(1, #fbfbfb));
    font-size: 14px;
    font-weight: bold;
}

.btn-arrow p {
    padding: 12px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center;
    background-size: 18px 14px;
}

.btn-arrow a {
    color: #333;
}

/*========================= [ .ml-top-child ] */
.menu {
    margin-bottom: 0;
}

.ml-top-child li {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #a5a5a5;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center #fff;
    background-size: 18px 14px; 
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.ml-top-child p {
    padding: 10px 18px 10px 10px;
}

.open-list img {
    margin-right: 5px;
}

.ml-top-child a {
    color: #333;
}

/*========================= [ .headline/subline ] */
.headline {
    box-sizing: border-box; 
    width: 100%;
    padding: 5px 8px;
    background:         linear-gradient(bottom, #000 0%, #454545 100%);
    background:     -ms-linear-gradient(bottom, #000 0%, #454545 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), color-stop(1, #454545));
    color: #fff;
    font-size: 14px;
    font-weight: bold;

        -ms-box-sizing: border-box;
}

.subline {
    padding: 8px;
    background:         linear-gradient(bottom, #5a5a5a 0%, #858585 100%);
    background:     -ms-linear-gradient(bottom, #5a5a5a 0%, #858585 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #5a5a5a), color-stop(1, #858585));
    color: #fff; 
    font-size: 12px;
}

/* ================================= [ #topics（スライドバナー） ] */
#sp-topics {
    height: 73px;
    background: #fff;
}

#sp-wrap-banner {
    position: relative; 
    overflow: hidden;
    width: 320px;
    height: 73px;
    margin: 0 auto;
}

#sp-frame-banner {
    position: absolute;
    z-index: 0; 
    left: 0;
    width: 320px;
    height: 73px;
    margin: 0;
    background: #fff;
}

#sp-space-banner {
    width: 3000px;
    height: 73px;
}

#sp-space-banner li {
    list-style: none;
    float: left;
    margin: 0 50px;
}

#sp-btn-left {
    position: absolute;
    z-index: 10; 
    left: 0;
    width: 20px;
    height: 73px;
    padding-left: 10px;
    opacity: .3;
    filter: alpha(opacity=30);
}

#sp-btn-right {
    position: absolute;
    z-index: 10; 
    right: 0;
    width: 20px;
    height: 73px;
    padding-right: 10px;
    text-align: right;
}

#sp-btn-left img,
#sp-btn-right img {
    margin-top: 30px;
}

#baloon-banner {
    width: 300px;
    height: 35px;
    margin: 5px auto 10px;
    padding-top: 15px;
    background: url(http://p.dmm.co.jp/p/sp/base/bg_baloon.gif) no-repeat top left;
    -webkit-background-size: 300px 50px;
       -moz-background-size: 300px 50px;
         -o-background-size: 300px 50px;
    font-size: 11px;
    text-align: center;
}

/* =========================================== [ #move-dmm ] */
#move-dmm {
    width: 95%;
    margin: 20px auto 10px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    background: #eaeaea;
    font-size: 12px;
    font-weight: bold; 
    line-height: 30px;
    text-align: center;
}

#move-dmm a {
    display: block;
    width: 100%;
    height: 30px;
    color: #212121;
}

/* =========================================== [ .btn-pc ] */
.btn-pc {
    width: 60px;
    border: 1px solid #1a1a1a;
    background: -webkit-gradient(linear, left top, left bottom, from(#6f6f6f), to(#464646));
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #1b1b1b;
}

.btn-pc p {
    margin: 0 6px;
    padding-left: 16px;
    background: url(http://p.dmm.co.jp/p/sp/base/ico_monitor_w.png) no-repeat left center;
    background-size: 12px 12px; 
    line-height: 20px;
}

.w95 {
    width: 95%;
}

/* //////////////////////////////////////////////////////////////////////// [ ▲2013 3月以前ルールのCSS ] */
/* //////////////////////////////////////////////////////////////////////// [ ▼2013 3月以降ルールのCSS（今後はこちらに準拠していく） ] */
/* ================================================================== [ 上ナビ左ナビの基本構成 ] */
#dm-page {
    display: -webkit-box;
    display:         box;
    position: relative;
    z-index: 100;
    width: 100%;
    background: #edeff2;
}

#dm-side {
    display: none;
    position: absolute;
    left: 0;
    width: 0;
    background-color: #edeff2;
    color: #333;
}

#dm-main {
    position: absolute;
    left: 260;
    width: 100%;
    background: #fff;
}

#dm-content {
    margin-bottom: 10px;
}

.preventlink {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

/* ========================= [ #dm-side ] */
#dm-side .sd-snav-list {
    overflow: hidden;
    font-weight: normal;
}

#dm-side .sd-snav-list a {
    color: #fff;
}

#dm-side .sd-snav-list > dt {
    padding: 5px;
    background-image:         linear-gradient(bottom, #030303 0%, #1c1c1c 100%);
    background-image: -webkit-linear-gradient(bottom, #030303 0%, #1c1c1c 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #030303), color-stop(1, #1c1c1c)); 
    color: #ccc;
    font-size: 10px;
}

#dm-side .sd-snav-list-imp > dt span:nth-child(2):before {
    display: inline-block;
    width: 3px;
    height: 10px;
    margin: 0 1px -1px 5px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/header_parentheses.png); 
    background-position: -6px 0;
    background-size: 12px 10px;
    content: "";
}

#dm-side .sd-snav-list-imp > dt span:nth-child(2):after {
    display: inline-block;
    width: 3px;
    height: 10px;
    margin: 0 1px -1px 1px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/header_parentheses.png); 
    background-position: -9px 0;
    background-size: 12px 10px;
    content: "";
}

#dm-side .sd-snav-list > dd {
    display: table;
    width: 100%;
    border-bottom: #000 solid 1px;
    background-color: #313134;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .15) inset;
    color: #fff;
    font-size: 15px;
    line-height: 17px; 
    text-shadow: 0 -1px rgba(0, 0, 0, .2);
    letter-spacing: 1px;
}

#dm-side .sd-snav-list-half > dd {
    float: left;
    -webkit-box-sizing: border-box;
    width: 50%;
    letter-spacing: 0;
}

#dm-side .sd-snav-list-half > dd:nth-child(even) {
    border-right: #000 solid 1px;
}

#dm-side .sd-snav-list > dd > a {
    display: table-cell;
    -webkit-box-sizing: border-box; 
    width: 100%;
    height: 42px;
    padding: 3px 10px;
    color: #e3e3e6;
    vertical-align: middle;
}

#dm-side .sd-snav-list-half > dd > a {
    padding: 3px 3px 3px 10px;
}

#dm-side .sd-snav-list-imp > dd.sd-btn > a > span {
    display: block;
    position: relative;
    padding-left: 26px;
    background-repeat: no-repeat;
}

#dm-side .sd-snav-list-imp > dd.sd-btn > a > span:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -.2em;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite-icon-130606.png);
    background-size: 1em auto;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 28px;
    content: "";
    /* ここでアイコンサイズの指定 */
}

#dm-side .sd-snav-list-imp .sd-btn-bought > a > span:before {
    background-position: 0 0;
}

#dm-side .sd-snav-list-imp .sd-btn-favorite > a > span:before {
    background-position: 0 -1em;
}

#dm-side .sd-snav-list-imp .sd-btn-regist > a > span:before {
    background-position: 0 -2em;
}

#dm-side .sd-snav-list-imp .sd-btn-login > a > span:before {
    background-position: 0 -3em;
}

#dm-side .sd-snav-list-imp .sd-btn-basket > a > span:before {
    background-position: 0 -4em;
}

#dm-side .sd-snav-list-imp .sd-btn-order > a > span:before {
    background-position: 0 -5em;
}

#dm-side .sd-snav-list-imp .sd-btn-wishlist > a > span:before {
    background-position: 0 -6em;
}

#dm-side .sd-snav-list-imp .sd-btn-message > a > span:before,
#dm-side .sd-snav-list-imp .sd-btn-malemag > a > span:before {
    background-position: 0 -7em;
}

#dm-side .sd-snav-list-imp .sd-btn-config > a > span:before {
    background-position: 0 -8em;
}

#dm-side .sd-snav-list-imp .sd-btn-point > a > span:before {
    background-position: 0 -9em;
}

#dm-side .sd-snav-list-imp .sd-btn-home > a > span:before {
    background-position: 0 -10em;
}

#dm-side .sd-snav-list-imp .sd-btn-my > a > span:before {
    background-position: 0 -11em;
}

#dm-side .sd-snav-list-imp .sd-btn-info > a > span:before {
    background-position: 0 -12em;
}

#dm-side .sd-snav-list-imp .sd-btn-mygame > a > span:before {
    background-position: 0 -14em;
}

#dm-side .sd-snav-list-imp .sd-btn-bought-book > a > span:before {
    background-position: 0 -15em;
}

#dm-side .sd-snav-list-imp .sd-btn-charivote > a > span:before {
    background-position: 0 -16em;
}

#dm-side .sd-snav-list-imp .sd-btn dt {
    margin: 3px 6px -6px;
}

#dm-side .sd-snav-list-imp .sd-btn dt:before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-top: -.2em;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite-icon-130606.png);
    background-size: 1em auto;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 28px;
    /* ここでアイコンサイズの指定 */
    vertical-align: middle; 
    content: "";
}

#dm-side .sd-snav-list-imp .sd-btn-order-set > dl dt:before {
    background-position: 0 -4.93em;
}

#dm-side .sd-snav-list-imp .sd-btn-message-open > dl dt:before {
    background-position: 0 -6.93em;
}

#dm-side .sd-snav-list-imp .sd-btn-config-set > dl dt:before {
    background-position: 0 -7.93em;
}

#dm-side .sd-snav-list-imp .sd-btn-toreta-set > dl dt:before {
    background-position: 0 -12.93em;
}

#dm-side .sd-snav-list-imp .sd-btn dd a {
    display: block;
    margin: 6px;
    padding: 6px 12px;
    border: 1px #222 solid;
    border-bottom-color: #111;
    border-radius: 3px;
    background-image:         linear-gradient(bottom, 55, 55, 60 0%, #55555a 100%);
    background-image: -webkit-linear-gradient(bottom, #37373c 0%, #55555a 100%);
    color: #fff;
}

#dm-side .sd-snav-list-imp .sd-btn .sd-num {
    position: absolute;
    right: 0;
    min-width: 30px;
    margin-top: -3px;
    padding: 3px 6px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .8);
    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, .3);
    color: #333;
    text-shadow: none; 
    text-align: center;
}

#dm-side .sd-snav-list-imp .sd-btn dd a .sd-num {
    right: 12px;
    margin-top: -2px;
    font-size: 10px;
}

#dm-side .sd-snav-list-imp .sd-btn-regist {
    background-color: #c55a00;
}

#dm-side .sd-snav-list-imp dd.sd-btn-regist > a {
    color: #eeeef3;
}

#dm-side .sd-snav-list-imp .sd-btn-regist cite {
    display: block;
    font-weight: bold;
    font-style: normal; 
    letter-spacing: -1px;
}

#dm-side .sd-snav-list-imp .sd-btn-regist .sd-price {
    display: inline-block;
    margin: auto 6px;
    font-size: 16px;
}

#dm-side .sd-snav-list-imp .sd-btn-regist .sd-regist {
    display: inline-block;
    position: relative;
    float: right;
    padding: 0 6px 0 2px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: rgba(255, 255, 255, .6);
    border-radius: 0 3px 3px 0;
    background: rgba(0, 0, 0, .53);
    font-size: 12px; 
    line-height: 2em;
}

#dm-side .sd-snav-list-imp .sd-btn-regist .sd-regist:before {
    display: block;
    position: absolute;
    left: -2em;
    width: 0;
    height: 0;
    border-width: 1em;
    border-style: solid; 
    border-color: transparent rgba(0, 0, 0, .53) transparent transparent;
    content: "";
}

#dm-side .sd-snav-list-imp .sd-btn-regist cite ~ .sd-regist {
    font-size: 11px;
}

#dm-side .sd-snav-list-imp .sd-btn-toreta > a b {
    font-size: 10px;
}

#dm-side .sd-snav-list-imp .sd-btn-toreta > a b .sd-remainder {
    font-size: 14px;
}

/* ==================================== [ 開閉関係 ] */
body.bd-side #dm-page {
    overflow: hidden;
    height: 1000px;
}

body.bd-side #dm-side {
    display: block;
    width: 260px;
}

body.bd-side #dm-main {
    position: absolute;
    left: 260px;
    width: 100%;
}

.preventlink {
    position: absolute;
    z-index: 5000;
    width: 100%;
    height: 100%;
}

/* ==================================== [ #dm-header ] */
#dm-header .hd-wrap {
    position: relative;
    z-index: 10; 
    overflow: hidden;
    height: 44px;
    border-bottom: #9f9f9f solid 1px;
    background-image:         linear-gradient(bottom, #e1e1e1 0%, white 100%);
    background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, white 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e1e1e1), color-stop(1, white));
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
}

#dm-header .hd-wrap .hd-logo {
    display: table;
    float: left;
    height: 100%;
    margin-top: 1px; 
    margin-left: 12px;
}

#dm-header .hd-wrap .hd-local + .hd-logo {
    margin-left: 6px;
}

#dm-header .hd-wrap .hd-logo.center-logo {
    float: none; 
    margin: auto;
}

#dm-header .hd-wrap .hd-logo > a {
    display: table-cell;
    height: 100%; 
    vertical-align: middle;
}

#dm-header .hd-wrap .hd-logo > a img {
    display: block;
    width: auto !important;
    height: 28px !important;
    margin-bottom: 3px;
    vertical-align: baseline;
}

#dm-header .hd-wrap .hd-logo.halfprice-hd-logo > a img {
    width: 137px !important;
    margin-top: -3px;
}

#dm-header .hd-wrap .hd-logo.dmm15th-hd-logo > a img {
    width: 135px !important;
}

#dm-header .hd-wrap .hd-logo .hd-location {
    margin: 1px 0 6px -1px; 
    color: #555;
    font-size: 10px;
    font-weight: bold;
    line-height: 8px;
    letter-spacing: -.5px;
}

#dm-header .hd-wrap .hd-location span:nth-child(2):before {
    margin-left: 5px; 
    content: "";
}

#dm-header .hd-wrap .hd-local,
#dm-header .hd-wrap .hd-global,
#dm-header .hd-wrap .hd-acount,
#dm-header .hd-wrap .hd-search {
    float: right;
    width: 44px;
    height: 44px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite-hnavi.png);
    background-repeat: no-repeat;
    background-size: 74px 185px;
}

#dm-header .hd-wrap .hd-local {
    float: left; 
    background-position: 4px 1px;
}

body.bd-side #dm-header .hd-local {
    background-position: -33px 1px;
}

#dm-header .hd-wrap .hd-search {
    background-position: 4px -73px;
}

body.bd-search #dm-header .hd-wrap .hd-search {
    background-position: -33px -73px;
}

#dm-header .hd-wrap .hd-global {
    background-position: 4px -36px;
}

body.bd-gnav #dm-header .hd-wrap .hd-global {
    background-position: -33px -36px;
}

#dm-header .hd-wrap .hd-acount {
    background-position: 4px -110px;
}

body.bd-acount #dm-header .hd-wrap .hd-acount {
    background-position: -33px -110px;
}

#dm-header .hd-wrap .hd-gbtn:after {
    display: block;
    width: 1px;
    height: 34px;
    margin-top: 5px;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 0 0 0 white; 
    content: "";
}

#dm-header .hd-wrap .hd-gbtn:last-child:after {
    display: inline;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}

#dm-header .hd-wrap .hd-txt {
    display: inline-block;
    position: absolute;
    bottom: 5px;
    width: 44px;
    color: #444;
    font-size: 10px;
    line-height: 8px;
    letter-spacing: 0;
    white-space: nowrap;
    text-align: center;
    -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
        transform: scale(.8);
}

#dm-header .hd-wrap .hd-acount .hd-txt {
    letter-spacing: -1px;
}

#dm-header .hd-wrap .hd-search .hd-txt {
    text-indent: 5px; 
    letter-spacing: 5px;
}

/* ==================================== [ #hd-gnav ] */
#dm-header #hd-gnav {
    display: none;
    height: auto;
    background: #2e2e2e;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2); 
    color: #fff;
    font-weight: normal;
    text-align: center;
}

body.bd-gnav #dm-header #hd-gnav {
    display: block;
}

#dm-header #hd-gnav .hd-gnav-head {
    overflow: hidden;
    min-height: 42px;
    padding: 2px;
    border-bottom: #292929 solid 1px;
    -webkit-box-shadow: 0 6px 4px 0 rgba(0, 0, 0, .2) inset; 
    text-shadow: 0 -1px rgba(0, 0, 0, .8);
}

#dm-header #hd-gnav .hd-gnav-head > div:first-child {
    float: left;
    padding: 8px 0 0 6px;
}

#dm-header #hd-gnav .hd-gnav-head > div:last-child {
    float: right;
}

#dm-header #hd-gnav .hd-gnav-head a {
    position: relative; 
    color: #eee;
}

#dm-header #hd-gnav .hd-gnav-head > div:first-child > a {
    display: inline-block;
    font-size: 13px; 
    line-height: 22px;
}

#dm-header #hd-gnav .hd-gnav-head > div:first-child > a:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite-icon-130606.png);
    background-size: 1em auto;
    opacity: .35;
    filter: alpha(opacity=35);
    font-size: 28px;
    content: "";
    /* ここでアイコンサイズの指定 */
}

#dm-header #hd-gnav .hd-gnav-regist {
    padding: 3px 6px 3px 27px;
}

#dm-header #hd-gnav .hd-gnav-regist:before {
    background-position: 0 -2em;
}

#dm-header #hd-gnav .hd-gnav-login {
    padding: 3px 6px 3px 27px; 
    background-position: 0 -3em;
}

#dm-header #hd-gnav .hd-gnav-login:before {
    background-position: 0 -3em;
}

#dm-header #hd-gnav .hd-gnav-dmmtop {
    padding: 3px 6px 3px 27px;
}

#dm-header #hd-gnav .hd-gnav-dmmtop:before {
    background-position: 0 -10em;
}

#dm-header #hd-gnav .hd-gnav-help {
    padding: 3px 6px 3px 27px;
}

#dm-header #hd-gnav .hd-gnav-help:before {
    background-position: 0 -17em;
}

.dm-android.dm-android-4-2 #dm-header #hd-gnav .hd-gnav-head > div:first-child > a:before {
    width: 28px;
    height: 28px; 
    background-size: 28px auto;
}

.dm-android.dm-android-4-2 #dm-header #hd-gnav .hd-gnav-dmmtop:before {
    background-position: 0 -280px;
}

.dm-android.dm-android-4-2 #dm-header #hd-gnav .hd-gnav-help:before {
    background-position: 0 -476px;
}

#dm-header #hd-gnav .hd-gnav-servicelist li.hd-gnav-pickup dl {
    padding: 3px 0;
    border-bottom: #bbb solid 1px; 
    background: #fff;
}

#dm-header #hd-gnav li.hd-gnav-pickup .hd-gnav-btnarea > a {
    width: 111px;
    padding: 4px 0 3px;
    border-radius: 2px; 
    font-size: 15px;
    line-height: 30px;
}

#dm-header #hd-gnav li.hd-gnav-pickup .hd-gnav-btnarea > a + a {
    margin-left: 6px;
}

#dm-header #hd-gnav li.hd-gnav-pickup .hd-gnav-btnarea > a.hd-pickup-netgame {
    line-height: 15px;
}

#dm-header #hd-gnav .hd-gnav-servicelist li:nth-child(odd) dl {
    background: #e8e8e8;
}

#dm-header #hd-gnav .hd-gnav-servicelist li:nth-child(even) dl {
    background: #f1f1f1;
}

#dm-header #hd-gnav .hd-gnav-servicelist dl {
    display: table;
    width: 100%;
    padding: 3px 0; 
    border-top: #eff0f3 solid 1px;
    border-bottom: #dadada solid 1px;
}

#dm-header #hd-gnav .hd-gnav-servicelist dl > * {
    display: table-cell;
}

#dm-header #hd-gnav .hd-gnav-servicelist dt {
    width: 76px;
    padding: 0 8px 0 0;
    color: #5c6066;
    font-size: 14px; 
    line-height: 16px;
    vertical-align: middle;
    text-align: right;
}

#dm-header #hd-gnav .hd-gnav-akb dt span {
    display: block;
    font-size: 12px;
}

#dm-header #hd-gnav .hd-gnav-servicelist dd {
    display: table-cell;
    overflow: hidden;
    margin-left: -1px;
    padding: 1px 0; 
    vertical-align: middle;
}

#dm-header #hd-gnav .hd-gnav-btnarea > a {
    display: inline-block;
    float: left;
    width: 76px;
    height: auto;
    margin-top: -1px;
    margin-right: -1px;
    padding: 4px 0;
    border: #a4a4a4 solid 1px;
    background-image:         linear-gradient(bottom, #cfcfcf 0%, #f1f1f1 100%);
    background-image: -webkit-linear-gradient(bottom, #cfcfcf 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cfcfcf), color-stop(1, #f1f1f1));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
    color: #000;
    font-size: 14px;
    line-height: 28px;
    text-shadow: rgba(255, 255, 255, .5) 0 1px 0; 
    letter-spacing: 1px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-digi-tod {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-digi-cinema {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-digi-fleague {
    font-size: 13px;
    letter-spacing: 0;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-netgame {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-mono-dvd {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-mono-book {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-mono-kaden {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-mono-houseware {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-tv25 {
    font-size: 13px; 
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-charity {
    padding: 7px 0 5px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -1px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-rental-monthly {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-rental-ppr {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-rental-fashion {
    font-size: 11px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-chariloto {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-make {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-ptown {
    line-height: 14px;
    letter-spacing: 0;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-app {
    line-height: 14px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-news {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-netgame {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-digi-pcgame {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-digi-pcgameapp {
    font-size: 13px;
    letter-spacing: -1px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-mono-goods {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-mono-pcgame {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-livechat {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-auction {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -1px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-community {
    font-size: 12px;
    letter-spacing: -1px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-chariloto {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-make {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: 0;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-ptown {
    line-height: 14px;
    letter-spacing: 0;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-ent {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-app {
    line-height: 14px;
}

#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-news {
    line-height: 14px;
}

#dm-header #hd-gnav .hd-gnav-servicelist .hd-gnav-ptown dt {
    font-size: 12px;
    letter-spacing: 0;
}

#dm-header #hd-gnav .hd-gnav-servicelist .hd-gnav-make dt {
    font-size: 13px; 
    letter-spacing: -.5px;
}

#dm-header #hd-gnav .hd-gnav-servicelist .hd-gnav-other dt {
    font-size: 10px;
}

#dm-header #hd-gnav .hd-gnav-servicelist .hd-gnav-appstore dt {
    font-size: 13px;
    letter-spacing: -1px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-digi-variety,
#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-digi-novel,
#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-netgame,
#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-mono-gourmet,
#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-chariloto,
#dm-header.hd-r18 #hd-gnav .hd-gnav-servicelist .hd-netgame {
    letter-spacing: 0;
}

#dm-header #hd-gnav .hd-gnav-servicelist .hd-service.on {
    border-top: #fff solid 1px;
    border-bottom: #a8abb2 solid 1px;
    background-image:         linear-gradient(bottom, #bec3ce 0%, #e8eaee 100%);
    background-image: -webkit-linear-gradient(bottom, #bec3ce 0%, #e8eaee 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bec3ce), color-stop(1, #e8eaee)); 
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}

#dm-header #hd-gnav .hd-gnav-btnarea > .hd-floor.on {
    border-color: #6884b1;
    background-image:         linear-gradient(bottom, #2958b4 0%, #4898ed 100%);
    background-image: -webkit-linear-gradient(bottom, #2958b4 0%, #4898ed 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2958b4), color-stop(1, #4898ed));
    color: #fff; 
    text-shadow: 0 -1px rgba(0, 0, 0, .2);
}

#dm-header #hd-gnav .hd-service-pc {
    position: relative;
    z-index: 0;
}

#dm-header #hd-gnav .hd-service-pc > span:before {
    display: block;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/lnav-pc.png);
    background-repeat: no-repeat; 
    background-position: top left;
    background-size: 17px 17px;
    content: " ";
}

#dm-header #hd-gnav .hd-btn-exchange {
    display: inline-block;
    height: auto;
    margin: 3px;
    padding: 6px 12px;
    border: #000 solid 1px;
    border-radius: 2px;
    background-image:         linear-gradient(bottom, #535353 0%, #757575 100%);
    background-image: -webkit-linear-gradient(bottom, #535353 0%, #757575 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #535353), color-stop(1, #757575));
    -webkit-box-shadow: 0 1px 0 #333; 
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle;
}

#dm-header #hd-gnav .hd-btn-exchange span {
    color: #eee;
    font-weight: bold; 
    text-shadow: 0 -1px rgba(0, 0, 0, .4);
}

#dm-header #hd-gnav .hd-btn-totop {
    padding: 6px;
    background: #2e2e2e;
    background:         linear-gradient(top, #2e2e2e 72%, #161616 100%);
    background: -webkit-linear-gradient(top, #2e2e2e 72%, #161616 100%);
    background: -webkit-gradient(linear, top, #2e2e2e 72%, #161616 100%);
}

#dm-header #hd-gnav .hd-btn-totop a {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 6px 0;
    border: #000 solid 1px;
    border-radius: 2px;
    background-image:         linear-gradient(bottom, #535353 0%, #757575 100%);
    background-image: -webkit-linear-gradient(bottom, #535353 0%, #757575 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #535353), color-stop(1, #757575));
    -webkit-box-shadow: 0 1px 0 #333;
    color: #eee;
    font-size: 13px;
    font-weight: bold; 
    line-height: 22px;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, .3);
    letter-spacing: 1px;
    vertical-align: middle;
}

/* ==================================== [ #hd-acount-area ] */
#dm-header #hd-acount-area {
    display: none;
    padding-bottom: 1px;
    background:         linear-gradient(top, #e0e0e0, #f0f0f0);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
}

body.bd-acount #dm-header #hd-acount-area {
    display: block;
}

#dm-header #hd-acount-area .hd-acount-head {
    overflow: hidden;
    padding: 4px 0;
    border-bottom: #aaa solid 1px;
    background-color: #bbb;
    text-align: center;
}

#dm-header #hd-acount-area .hd-acount-head a[class*="hd-acount-"] {
    display: inline-block;
    position: relative;
    height: auto;
    margin: 3px;
    padding: 7px 30px;
    border: rgba(0, 0, 0, .4) solid 1px;
    border-radius: 2px;
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4); 
    color: #202020;
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    text-decoration: none;
    text-shadow: 0 -1px rgba(255, 255, 255, .8);
    vertical-align: middle;
}

#dm-header #hd-acount-area .hd-acount-head a.hd-acount-regist {
    margin-right: 12px;
}

#dm-header #hd-acount-area .hd-acount-head a[class*="hd-acount-"] span:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 22px;
    width: 1em;
    height: 1em;
    margin-top: -.5em;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite-acount-icon-130606.png);
    background-size: 1em auto;
    font-size: 28px;
    content: "";
    /* ここでアイコンサイズの指定 */
}

#dm-header #hd-acount-area .hd-acount-head a[class*="hd-acount-"] span {
    padding-left: 18px;
}

#dm-header #hd-acount-area .hd-acount-head a.hd-acount-regist span:before {
    background-position: -.1em .05em;
}

#dm-header #hd-acount-area .hd-acount-head a.hd-acount-login span:before {
    background-position: 0 -1em;
}

#dm-header #hd-acount-area .acount-boughtlist {
    margin: 0 12px 12px;
    padding-top: 12px;
    font-size: 14px;
}

/* parts arealink-01
------------------------*/
#dm-header #hd-acount-area .list-link {
    border: 1px solid rgba(0, 0, 0, .2); 
    border-radius: 3px;
    background-color: #fff;
    box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .4);
}

#dm-header #hd-acount-area .list-link li {
    display: table;
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

#dm-header #hd-acount-area .list-link li a {
    display: table-cell;
    box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    height: 2.7em;
    padding: 0 26px 0 14px;
    color: rgba(0, 0, 0, .8);
    vertical-align: middle;
}

#dm-header #hd-acount-area .list-link li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 14px;
    width: 9px;
    height: 14px;
    margin-top: -7px;
    background-image: url(http://p.dmm.co.jp/p/sp/base/ico_arrow_r.png);
    background-size: 9px 14px; 
    content: "";
}

/*----------------------*/
#dm-header #hd-acount-area .list-link li:last-child {
    border-bottom: none;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li a:before,
#dm-header #hd-acount-area .acount-userlist .list-link li a:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    height: 35px;
    margin-top: -18px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite-acount-boughtlist-141031.png);
    background-repeat: no-repeat;
    background-size: 115px 350px;
    content: "";
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li a {
    padding-left: 115px;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li a:before {
    width: 115px;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li.bought-digi a:before {
    background-position: 0 0;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li.bought-dc-general a:before {
    background-position: 0 -35px;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li.bought-dc a:before {
    background-position: 0 -70px;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li.rental-wishlist a:before {
    background-position: 0 -105px;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li.olg-mygame a:before {
    background-position: 0 -140px;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li.mono-order a:before {
    background-position: 0 -210px;
}

#dm-header #hd-acount-area .acount-boughtlist .list-link li.bought-auction a:before {
    background-position: 0 -280px;
}

#dm-header #hd-acount-area .acount-bookmarklist {
    margin: 0 12px 14px;
    font-size: 16px;
}

#dm-header #hd-acount-area .acount-bookmarklist h1 {
    margin-bottom: .3em;
    color: #666;
    font-size: 14px;
    text-shadow: 0 1px 0 white;
}

#dm-header #hd-acount-area .acount-bookmarklist h1:before {
    display: inline-block;
    width: 1.75em;
    height: 1.75em;
    margin: -.5em 0 0 0;
    background: url(http://p.dmm.co.jp/p/sp/common/ico/ico_favorite_black.png) no-repeat 0 0;
    background-size: 1.75em;
    opacity: .7;
    filter: alpha(opacity=70); 
    vertical-align: middle;
    content: "";
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link li a {
    height: 2.4em;
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link li a:before {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin: -.3em .3em 0 -10px;
    background-repeat: no-repeat;
    background-size: 1.5em;
    vertical-align: middle; 
    content: "";
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link .bookmark-digi a:before {
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_pcdmm_black.png);
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link .bookmark-auction a:before {
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_auction_black.png);
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link .bookmark-dc a:before {
    width: 1.3em;
    height: 1.3em;
    margin: -.4em .4em 0 -8px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_shoppinglist_book_black.png);
    background-size: 1.3em 1.3em;
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link .bookmark-rental a:before {
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_wishlist_black.png);
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link .bookmark-mono a:before {
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_service_mono_black.png);
}

#dm-header #hd-acount-area .acount-userlist {
    margin: 0 12px 14px;
    font-size: 16px;
}

#dm-header #hd-acount-area .acount-userlist .list-link li a {
    height: 2.4em;
    padding-left: 30px;
}

#dm-header #hd-acount-area .acount-userlist .list-link li a:before {
    width: 30px;
}

#dm-header #hd-acount-area .acount-userlist .list-link li.user-my a:before {
    background-position: 0 -244px;
}

#dm-header #hd-acount-area .acount-userlist .list-link li.user-dmmmoney a:before {
    background-position: 0 -314px;
}

#dm-header #hd-acount-area .acount-logout {
    margin: 0 12px;
    padding-bottom: 12px;
}

#dm-header #hd-acount-area .acount-logout .btn-login a {
    width: 100%;
}

#dm-header #hd-acount-area .acount-logout .btn-logout {
    border: 1px solid rgba(0, 0, 0, .2);
    border-bottom: 1px solid rgba(0, 0, 0, .3); 
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .4);
    box-shadow: 0 1px 0 1px white, inset 0 -1px 2px 0 rgba(0, 0, 0, .1);
}

#dm-header #hd-acount-area .acount-logout .btn-logout a {
    display: block;
    box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    color: #f0f0f0;
    font-weight: bold;
    line-height: 3em;
            text-shadow: 0 -1px rgba(0, 0, 0, .5);
    text-align: center;

    -webkit-text-shadow: 0 -1px rgba(0, 0, 0, .5);
}

/*区切り線追加*/
body.bd-search #dm-header #hd-search-area:after,
body.bd-acount #dm-header #hd-acount-area:after,
body.bd-gnav #dm-header #hd-gnav:after {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    border-top: rgba(0, 0, 0, .3) solid 1px;
    background: #fff; 
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .2);
    content: "";
}

body.bd-acount #dm-header #hd-acount-area,
body.bd-gnav #dm-header #hd-gnav {
    padding-bottom: 0;
    -webkit-box-shadow: none;
}

/* ========================= [ #dm-footer ] */
#dm-footer {
    clear: both;
    padding-top: 10px;
}

#dm-content + #dm-footer {
    padding-top: 0;
}

#dm-footer .ft-nav {
    width: 90%;
    margin: 0 auto 10px;
    border: none;
}

#dm-footer .ft-nav dt {
    padding: 6px 10px;
    border-radius: 5px 5px 0 0; 
    background: #333;
    color: #ccc;
    font-weight: bold;
}

#dm-footer .ft-nav dd {
    border-right: #999 solid 1px;
    border-bottom: #999 solid 1px; 
    border-left: #999 solid 1px;
    background: #fafafa;
}

#dm-footer .ft-nav dd:last-child {
    border-radius: 0 0 5px 5px;
}

#dm-footer .ft-nav dd a {
    display: inline-block;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 8px 10px;
    background: none; 
    color: #333;
}

#dm-footer .ft-safety {
    width: 90%;
    margin: 0 auto 10px;
}

#dm-footer .ft-infolist {
    list-style: none;
    overflow: hidden; 
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
}

#dm-footer .ft-infolist li {
    float: left;
}

#dm-footer > .ft-link-totop {
    width: 95%;
    margin-bottom: 10px; 
    text-align: right;
}

#dm-footer #ft-copyright {
    margin: 10px 0; 
    font-size: 12px;
    text-align: center;
}

#dm-footer .ft-btn-pc {
    width: 180px;
    margin: 20px auto;
    border: #ccc solid 1px;
    background-image:         linear-gradient(bottom, #eee 0%, white 100%);
    background-image: -webkit-linear-gradient(bottom, #eee 0%, white 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, white)); 
    text-align: center;
}

#dm-footer .ft-btn-pc > a {
    display: inline-block;
    width: 100%;
    padding: 4px 0; 
    color: #777;
}

#dm-footer .ft-btn-recruit {
    display: block;
    height: 36px;
    margin: 14px 14px;
    border-radius: 3px;
    background: #71ab45;
    font-size: 16px;
    line-height: 36px; 
    text-align: center;
}

#dm-footer .ft-btn-recruit > span {
    padding: 2px 26px 2px 0;
    background: url(http://p.dmm.co.jp/p/sp/recruit/common/arr_02.png) no-repeat 100% 50%;
    background-size: 18px 18px;
    color: #fff;
}

/* ================================================================== [ 共通設定 ] */
/* ==================================== [ 装飾系 ] */
.dm-notice {
    color: #c00;
}

.dm-arrow:before {
    display: inline-block;
    border-top: 3px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #999;
    content: "";
}

a.dm-arrow {
    line-height: 1.8;
}

.dm-error {
    position: relative;
    padding: 12px;
    padding-left: 34px;
    border: 1px rgba(0, 0, 0, .2) solid;
    border-bottom: 1px rgba(0, 0, 0, .3) solid;
    border-radius: 4px;
    background:         linear-gradient(to top, #fff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f0f0f0), color-stop(100%, #fff));
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2); 
    color: #c00;
    text-align: left;
}

.dm-error:before {
    display: block;
    position: absolute;
    top: 20px;
    left: 4px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url(http://p.dmm.co.jp/p/sp/common/ico/ico_error_red.png) no-repeat left top;
    background-size: 30px; 
    content: "";
}

.dm-announce {
    position: relative;
    border: 1px rgba(0, 0, 0, .2) solid;
    border-bottom: 1px rgba(0, 0, 0, .3) solid;
    border-radius: 4px;
    background:         linear-gradient(to top, #fff 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #f0f0f0), color-stop(100%, #fff));
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2); 
    color: #707070;
    text-align: left;
}

.dm-announce p:first-child {
    display: table;
    position: relative;
    width: 100%;
    height: 44px;
}

.dm-announce p:first-child em {
    display: table-cell;
    padding: 4px;
    padding-left: 36px;
    font-size: 14px; 
    line-height: 1.2;
    vertical-align: middle;
}

.dm-announce p:first-child em:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    background: url(http://p.dmm.co.jp/p/sp/common/ico/ico_announce_red.png) no-repeat left top;
    background-size: 30px; 
    content: "";
}

.dm-announce p:first-child + p {
    padding: 12px;
    border-top: 1px #ccc solid; 
    box-shadow: inset 0 1px 0 #fff;
}

.dm-announce p.fn-slidedown em {
    padding-right: 32px;
}

.dm-announce p.fn-slidedown em:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_circlearrow.png);
    background-repeat: no-repeat;
    background-position: -16px 0; 
    background-size: 32px 16px;
    content: "";
}

.dm-announce p.fn-slidedown.on em:after {
    background-position: 0 0;
}

.dm-announce p.fn-slidedown + p {
    display: none;
}

/* ==================================== [ .dm-btn ] */
.dm-btn {
    display: inline-block;
    position: relative;
    line-height: 1; 
    text-decoration: none;
    vertical-align: bottom;
}

#dm-page .dm-btn > a,
#dm-page02 .dm-btn > a {
    color: #333;
}

.dm-btn > *,
input.dm-btn,
button.dm-btn {
    display: block;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: .7em 1em;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .4);
    border-radius: 4px;
    background:         linear-gradient(to top, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-linear-gradient(bottom, #d9d7d7 0%, #f5f4f4 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #d9d7d7), color-stop(100%, #f5f4f4));
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 2px rgba(255, 255, 255, .8) inset;
    color: rgba(0, 0, 0, .8);
    font-size: inherit;
    font-weight: bold;
    line-height: 1; 
            text-shadow: 1px 1px rgba(255, 255, 255, .5);
            text-shadow: 0 1px 1px rgba(255, 255, 255, .8);
    text-align: center;

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, .5);
}

input.dm-btn,
button.dm-btn {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    line-height: 1;

    -webkit-appearance: normal;
}

.dm-btn > input,
.dm-btn > button {
    width: 100%;
}

.dm-btn.dm-btn-strong > *,
input.dm-btn.dm-btn-strong,
button.dm-btn.dm-btn-strong {
    background:         linear-gradient(to top, #ffae00 0%, #fff21b 100%);
    background: -webkit-linear-gradient(bottom, #ffae00 0%, #fff21b 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffae00), color-stop(100%, #fff21b)); 
            text-shadow: 1px 1px rgba(255, 255, 255, .5);

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, .5);
}

.dm-btn.dm-btn-off > *,
input.dm-btn.dm-btn-off,
button.dm-btn.dm-btn-off {
    border-bottom-color: rgba(0, 0, 0, .2);
    background:         linear-gradient(to top, #e7e7e7 0%, #f5f4f4 100%);
    background: -webkit-linear-gradient(bottom, #e7e7e7 0%, #f5f4f4 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #e7e7e7), color-stop(100%, #f5f4f4));
    box-shadow: none;
    color: rgba(0, 0, 0, .3); 
            text-shadow: 1px 1px rgba(255, 255, 255, .5);

    -webkit-text-shadow: 1px 1px rgba(255, 255, 255, .5);
}

.dm-btn-back {
    display: inline-block;
    position: relative;
    font-size: inherit;
    line-height: 1; 
    vertical-align: bottom;
}

.dm-btn-back > * {
    z-index: 5; 
    top: 0;
    bottom: 0;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.dm-btn-back > span {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    padding: .7em .7em .7em 1.5em;
}

.dm-btn-back > :before {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1.2em;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .4);
    border-left: none; 
    border-radius: 0 4px 4px 0;
    background: #ccc;
    background-image:         linear-gradient(to bottom, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, .9)), color-stop(100%, rgba(255, 255, 255, 0)));
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
    content: "";
}

.dm-btn-back > :after {
    display: block;
    position: absolute;
    z-index: -2; 
    top: 50%;
    left: .4em;
    box-sizing: border-box;
    width: 1.7em;
    height: 1.7em;
    margin-top: -.85em;
    border-radius: 3px;
    background: #ccc;
    background-image:         linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 93%);
    background-image: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 93%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(93%, rgba(255, 255, 255, 0)));
    box-shadow: 0 1px 1px white, 0 0 0 1px rgba(0, 0, 0, .3) inset, 2px 1px 0 rgba(255, 255, 255, .8) inset, 0 2px 0 0 white inset;
    content: "";
    -webkit-transform: rotate(50deg) skewX(8deg);
    -webkit-transform-origin: 50% 50%;
}

/* ==================================== [ #dm-pagetop ] */
#dm-pagetop {
    position: fixed;
    z-index: 1000; 
    right: 10px;
    bottom: 40px;
}

#dm-pagetop a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 1px #ccc solid; 
    border-radius: 2px;
    background: rgba(255, 255, 255, .9);
}

#dm-pagetop a::after {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(http://p.dmm.co.jp/p/sp/common/ico/ico_pagetop02.png) no-repeat 50% 50%;
    background-size: 36px 36px;
    vertical-align: bottom; 
    content: "";

        -ms-background-size: 36px 36px;
}

/* ==================================== [ ポップアップ ] */
.dm-page-popup {
    display: none;
    position: absolute;
    z-index: 1500;
    top: 0;
    left: 0;
    box-sizing: border-box; 
    width: 100%;
}

.dm-popup-local {
    display: none;
}

.dm-page-popup .dm-popup-content {
    position: absolute;
    z-index: 200;
    top: 0;
    left: 50%;
    box-sizing: border-box; 
    width: 92%;
    margin-left: -46%;
    border-radius: 10px;
    background: #fff;
}

.dm-page-popup #dm-popup-load {
    padding: 14px;
}

.dm-page-popup .dm-popup-close {
    position: absolute;
    z-index: 220; 
    top: -10px;
    right: -12px;
    width: 35px;
    height: 35px;
    background: url(http://p.dmm.co.jp/p/sp/common/btn_close.png) no-repeat left top;
    background-size: 35px 35px;
}

.dm-page-popup #dm-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);

    -webkit-tap-highlight-color: transparent;
}

.dm-page-popup #dm-popup-load.over {
    overflow: auto;
    height: 390px;

    -webkit-overflow-scrolling: touch;
}

.dm-android > a,
.dm-android > input button {
    text-shadow: none;
}

/* ▼2013 3月以前のCSS無効化（詳細度上げ過ぎないように属性セレクタで切り分け）*/
[id="dm-content"] .sect {
    margin-bottom: 0;
}

[id="dm-content"] [id^="list-"] {
    word-break: normal;
}

[id="dm-content"] [class^="list-"] {
    word-break: normal;
}

[id="dm-content"] [id$="-works"] {
    word-break: normal;
}

[id="dm-content"] [class$="-works"] {
    word-break: normal;
}

/* ▲2013 3月以前のCSS無効化 */
/* //////////////////////////////////////////////////////////////////////// [ ▲2013 3月以降ルールのCSS ] */
/* ==================================== [ 末端 パッケージ拡大 ] */
#work-main img.package,
#work-main .package img[src*=".jpg"] {
    display: block;
    width: 100px;
    margin-bottom: 6px;
}

#work-main .package {
    width: auto;
}

/* videoc monthly */
#work-main > img.package {
    display: inline;
}

/* iroiro */
#work-main .package a[href^="/iroiro/"] img[src*=".jpg"] {
    display: inherit;
    width: 145px;
    margin-bottom: 0;
}

/* review */
#work-main img[src*=".gif"] + span.tx10,
#work-main a[href="#review"] {
    display: inline-block;
    font-size: 10px;
}

/* info */
#work-main .info-wrap {
    width: 190px;
}

#work-main #work-info {
    width: 190px;
    min-width: 190px;
}

#work-main #work-info #work-btn {
    width: 100%;
}

/* ================================================== [ #02 ] */
/* ==================================== [ 打ち消し用 ] */
#hd-gnav02 > #hd-gnav02,
#hd-acount-area02 > #hd-acount-area02,
#hd-search-area02 > #hd-search-area02 {
    display: block;
}

/* hd-gnav02 */
body.bd-gnav #hd-gnav02 {
    display: block;
}

#hd-gnav02 .hd-gnav-list a {
    color: #fff;
}

#hd-gnav02 .hd-gnav-head > div:first-child {
    float: left;
    padding: 0 !important;
}

/* hd-acount-area02 */
body.bd-acount #hd-acount-area02 {
    display: block;
}

/* hd-point-area */
body.bd-point #hd-point-area {
    display: block;
}

/* hd-search-area02 */
#dm-header #hd-search-area02 {
    display: none;
    position: relative;
    z-index: 1001;
    top: 0;
    box-shadow: none; 
    -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
        transform: translateY(0px);
}

body.bd-search #dm-header #hd-search-area02 {
    display: block;
}

#hd-search-area02 > #hd-search-area02 {
    top: 0;
    padding-top: 0; 
    -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
        transform: translateY(0px);
}

/* dm-header02 */
#dm-header > #dm-header02 > .hd-wrapwrap {
    position: relative;
}

/* YYC暫定対応 */
body#mail_box #dm-content02,
body#mail_box #dm-content02-inn {
    position: static;
}

body#mail_box #dm-content02.dm-off {
    -webkit-transform: none;
}

/* ========================= [ reset - #dm-side,#dm-header,#dm-footer,#hd-gnav02,#hd-acount-area02,#hd-search-area02,#hd-point-area ] */
body {
    margin: 0;
    padding: 0;
}

#dm-side02,
#dm-header02,
#dm-footer,
#hd-gnav02,
#hd-acount-area02,
#hd-search-area02,
#hd-point-area {
    color: rgba(0, 0, 0, .8);
    font-family: "HiraKakuProN-W3", "verdana";
    font-size: 12px;
    line-height: 1.6;
    word-wrap: break-word; 

    -webkit-text-size-adjust: none;
}
#dm-side02 *,
#dm-header02 *,
#dm-footer *,
#hd-gnav02 *,
#hd-acount-area02 *,
#hd-search-area02 *,
#hd-point-area * {
    margin: 0;
    padding: 0;
}
#dm-side02 table,
#dm-header02 table,
#dm-footer table,
#hd-gnav02 table,
#hd-acount-area02 table,
#hd-search-area02 table,
#hd-point-area table {
    border: none; 
    word-break: break-all;
}
#dm-side02 h1,
#dm-header02 h1,
#dm-footer h1,
#hd-gnav02 h1,
#hd-acount-area02 h1,
#hd-search-area02 h1,
#hd-point-area h1 {
    font-size: 12px;
}
#dm-side02 ul,
#dm-header02 ul,
#dm-footer ul,
#hd-gnav02 ul,
#hd-acount-area02 ul,
#hd-search-area02 ul,
#hd-point-area ul {
    list-style: none;
}
#dm-side02 li img,
#dm-header02 li img,
#dm-footer li img,
#hd-gnav02 li img,
#hd-acount-area02 li img,
#hd-search-area02 li img,
#hd-point-area li img {
    vertical-align: bottom;
}
#dm-side02 em,
#dm-header02 em,
#dm-footer em,
#hd-gnav02 em,
#hd-acount-area02 em,
#hd-search-area02 em,
#hd-point-area em {
    font-weight: bold; 
    font-style: normal;
}
#dm-side02 a,
#dm-header02 a,
#dm-footer a,
#hd-gnav02 a,
#hd-acount-area02 a,
#hd-search-area02 a,
#hd-point-area a {
    text-decoration: none;
}
#dm-side02 a img,
#dm-header02 a img,
#dm-footer a img,
#hd-gnav02 a img,
#hd-acount-area02 a img,
#hd-search-area02 a img,
#hd-point-area a img {
    border: none;
}
#dm-side02 a:link,
#dm-header02 a:link,
#dm-footer a:link,
#hd-gnav02 a:link,
#hd-acount-area02 a:link,
#hd-search-area02 a:link,
#hd-point-area a:link {
    color: #3b5998;
}
#dm-side02 a:visited,
#dm-header02 a:visited,
#dm-footer a:visited,
#hd-gnav02 a:visited,
#hd-acount-area02 a:visited,
#hd-search-area02 a:visited,
#hd-point-area a:visited {
    color: #800080;
}
#dm-side02 a:active,
#dm-header02 a:active,
#dm-footer a:active,
#hd-gnav02 a:active,
#hd-acount-area02 a:active,
#hd-search-area02 a:active,
#hd-point-area a:active {
    color: #3b5998;
}

/* ========================= [ common ] */
#dm-page02 {
    display: block;
    z-index: 100; 
    overflow: hidden;
    width: 100%;
    background: #edeff2;
}

#dm-page02 #dm-main {
    position: static;
    background: none;
}

#dm-side02 {
    display: none;
    position: absolute;
    left: 0;
    width: 0; 
    background-color: #edeff2;
    color: #fff;
}

#dm-content02 {
    position: relative;
    z-index: 10; 
    overflow: hidden;
    background: #fff;
}

/* ==================================== [ #dm-content02-inn ] */
/*マイページ・サービスが開いている時はコンテンツは見えなくなる*/
#dm-content02-inn {
    display: block;
}

#dm-content02-inn.dm-on {
    display: block;
    background-color: transparent;
    color: rgba(0, 0, 0, .8);
}

#dm-content02-inn.dm-off {
    display: none;
}

/* ==================================== [ #dm-header02 ] */
#dm-header02 {
    position: relative;
    z-index: 1000;
    min-height: 45px;
    background-color: transparent;
}

#dm-header02 .hd-wrap {
    position: relative;
    z-index: 60; 
    overflow: hidden;
    height: 44px;
    border-bottom: #edeff2 solid 1px;
    background: #fff;
}

#dm-header02 .hd-wrap .hd-logo {
    display: table;
    float: left;
    height: 100%;
    margin-top: 1px; 
    margin-left: 12px;
}

#dm-header02 .hd-wrap .hd-local + .hd-logo {
    margin-left: 4px;
}

#dm-header02 .hd-wrap .hd-logo.center-logo {
    float: none; 
    margin: auto;
}

#dm-header02 .hd-wrap .hd-logo > a {
    display: table-cell;
    height: 100%; 
    vertical-align: middle;
}

#dm-header02 .hd-wrap .hd-logo > a img {
    display: inline-block;
    width: auto !important;
    height: 28px;
    vertical-align: middle;
}

#dm-header02 .hd-wrap .hd-logo.halfprice-hd-logo > a img {
    width: 130px !important;
}

#dm-header02 .hd-wrap .hd-logo.dmm15th-hd-logo > a img {
    width: 135px !important;
}

#dm-header02 .hd-wrap .hd-logo-wrap-halfprice .hd-logoimg {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

#dm-header02 .hd-wrap .hd-local + .hd-logo-wrap-halfprice .hd-location {
    white-space: nowrap;
}

#dm-header02 .hd-wrap .hd-logo-wrap-halfprice > a img {
    height: 22px;
}

#dm-header02 .hd-wrap .hd-logo-wrap-halfprice > a .hd-logo-half img {
    height: 18px;
}

#dm-header02 .hd-wrap .hd-logo .hd-location {
    margin: 1px 0 6px -1px; 
    color: #555;
    font-size: 10px;
    font-weight: bold;
    line-height: 8px;
    letter-spacing: -.5px;
}

#dm-header02 .hd-wrap .hd-location span:nth-child(2):before {
    margin-left: 5px; 
    content: "";
}

#dm-header02 .hd-wrap .hd-local,
#dm-header02 .hd-wrap .hd-global,
#dm-header02 .hd-wrap .hd-acount,
#dm-header02 .hd-wrap .hd-search,
#dm-header02 .hd-wrap .hd-point {
    float: right;
    width: 44px;
    height: 44px; 
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009.png);
    background-repeat: no-repeat;
    background-position: 0 -1018px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #dm-header02 .hd-wrap .hd-local,
    #dm-header02 .hd-wrap .hd-global,
    #dm-header02 .hd-wrap .hd-acount,
    #dm-header02 .hd-wrap .hd-search,
    #dm-header02 .hd-wrap .hd-point {
        background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009@2x.png);
        background-size: 44px 1126px;
    }
}

#dm-header02 .hd-wrap .hd-local {
    float: left;
    background-position: 0 -954px;
}

#dm-header02 .hd-wrap .hd-search {
    background-position: 0 -762px;
}

#dm-header02 .hd-wrap .hd-point {
    background-position: 0 -826px;
}

#dm-header02 .hd-wrap .hd-global {
    background-position: 0 -1018px;
}

#dm-header02 .hd-wrap .hd-acount {
    background-position: 0 -890px;
}

#dm-header02 .hd-wrap .hd-search.dm-on,
#dm-header02 .hd-wrap .hd-point.dm-on,
#dm-header02 .hd-wrap .hd-global.dm-on,
#dm-header02 .hd-wrap .hd-acount.dm-on {
    background-color: #edeff2;
}

#dm-header02 .hd-wrap .hd-gbtn {
    border-left: 1px #edeff2 solid;

    -webkit-tap-highlight-color: transparent;
}

#dm-header02 .hd-wrap .hd-txt {
    display: none;
}

#dm-header02 .hd-overlay {
    display: block;
    visibility: hidden; 
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 260px;
    content: "";
}

body.dm-android #dm-header02,
body.dm-android #dm-header02 > .hd-wrapwrap {
    height: auto;
    min-height: 45px;
}

/* ================================================== [ #検索バー ] */
#dm-header02 .hd-search-box {
    height: 50px;
    padding-top: 45px;
}

#dm-header02 .hd-search-box {
    width: 100%; 
    border-bottom: 1px #e1e3e6 solid;
    background-color: transparent;
    color: #333;
}

#dm-header02 .hd-search-box form {
    padding: 10px 8px;
}

#dm-header02 .hd-search-box form input[type="text"] { 
    box-sizing: content-box;
    width: 71%;
    height: 22px;
    margin-right: 6px;
    margin-bottom: 0;
    padding: 3px;
    border: rgba(0, 0, 0, .5) solid 1px;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px #ccc;
    font-size: 15px;
}

#dm-header02 .hd-search-box form div {
    width: 90%;
    margin: 10px 0 0;
    vertical-align: middle;
}

#dm-header02 .hd-search-box form .hd-btn-search {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 6px;
    box-sizing: border-box;
    width: 55px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 0 17px 17px 0;
    background: #3eaeda;
    background: #3eaeda url(http://p.dmm.co.jp/p/sp/common/ico_search.png) no-repeat scroll 40% 50%;
    background-size: 20px 20px;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    line-height: 1;
    text-shadow: none;
    vertical-align: top; 
    text-align: center;
}
.dm-adult #dm-header02 .hd-search-box form .hd-btn-search {
    background-color: #e55c5c;
}

#dm-header02 .hd-search-box #frmSearch {
    position: relative;
}

#dm-header02 .hd-search-box #frmSearch #suggest {
    position: absolute;
    z-index: 99999;
    top: 49px;
    right: 14px;
    left: 14px;
    box-sizing: border-box;
    width: auto;
    margin: auto;
    border: none; 
    background: white;
    color: rgba(0, 0, 0, .8);
}

#dm-header02 .hd-search-box #frmSearch #suggest > div {
    overflow: hidden; 
    box-sizing: border-box;
    width: inherit;
    margin: 0 0 -1px 0;
    padding: 6px 8px;
    border: solid 1px #aaa;
    font-size: 14px;
    white-space: nowrap;
}

#dm-header02 .hd-search-box #frmSearch #suggest > div:last-child {
    border: solid 1px #aaa;
}

#dm-header02 .hd-search-box #frmSearch #suggest > div strong {
    margin-right: 2px;
    color: #3b5998;
}

/* ==================================== [ #searchstr ] */
#dm-header02 .hd-search-box #frmSearch #searchstr {
    box-sizing: border-box; 
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 60px 6px 12px;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

#dm-header02 .hd-search-box #frmSearch .search-box {
    position: relative; 
    width: 100%;
    margin: 0 0 -1px 0;
    border: solid 1px #3eaeda;
    border-radius: 17px;
    background: #fff;
}

.dm-adult #dm-header02 .hd-search-box #frmSearch .search-box {
    border-color: #e65c5c;
}

#dm-header02 .hd-search-box #frmSearch .search-box span.btn-reset {
    position: absolute;
    top: 7px;
    right: 2px;
    width: 26px;
    height: 20px;
    background: #fff;
    color: #999;
    font-size: 20px;
    line-height: 17px;
    text-align: center;

    -webkit-tap-highlight-color: transparent;
}

/* ==================================== [ #hd-gnav02 ] */
#hd-gnav02 {
    display: none; 
    height: auto;
    padding: 0 10px 10px;
    background: #edeff2;
    color: #333;
    font-weight: normal;
    text-align: left;
}

#hd-gnav02 > #hd-gnav02 {
    padding: 0;
}

#hd-gnav02.dm-on {
    display: block;
}

#hd-gnav02 a {
    color: #fff;
}

#hd-gnav02 .hd-gnav-head {
    overflow: hidden;
    min-height: 35px;
    min-height: 42px; 
    font-size: 14px;
}

#hd-gnav02 .hd-gnav-head > div:last-child {
    float: right;
}

#hd-gnav02 .hd-gnav-head ul {
    display: inline-block;
}

#hd-gnav02 .hd-gnav-head li {
    display: inline-block;
    padding: 0 0 0 0; 
    line-height: 48px;
}

#hd-gnav02 .hd-gnav-head li + li {
    padding-left: 8px;
}

#hd-gnav02 .hd-gnav-head li a {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    color: #333; 
    line-height: 59px;
}

#hd-gnav02 .hd-gnav-head li a:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    margin: -12px 0 0 -2px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009.png);
    background-position: 0 -672px;
    font-size: 28px; 
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #hd-gnav02 .hd-gnav-head li a:before {
        background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009@2x.png);
        background-size: 44px 1126px;
    }
}

#hd-gnav02 .hd-gnav-head .hd-gnav-head-top > a:before {
    background-position: 0 -672px;
}

#hd-gnav02 .hd-gnav-head .hd-gnav-head-help > a:before {
    background-position: 0 -627px;
}

#hd-gnav02 #hd-gnav-com .hd-gnav-list > ul > li:before {
    background-position-x: 0;
}

#hd-gnav02 #hd-gnav-com .hd-gnav-list > ul > li.dm-on > a,
#hd-gnav02 #hd-gnav-com .hd-gnav-list > ul > li.dm-on .hd-gnav-btnlist li.dm-on > a {
    color: #a0a1a3;
}

#hd-gnav02 #hd-gnav-r18 .hd-gnav-list a,
#hd-gnav02 #hd-gnav-r18 .hd-gnav-list li > span,
#hd-gnav02 #hd-gnav-r18 .hd-gnav-list-other > span {
    color: #555;
    letter-spacing: 1px;
}

#hd-gnav02 #hd-gnav-r18 .hd-gnav-list > ul > li.dm-on > a,
#hd-gnav02 #hd-gnav-r18 .hd-gnav-list > ul > li.dm-on .hd-gnav-btnlist li.dm-on > a {
    color: #a0a1a3;
    letter-spacing: 1px;
}

#hd-gnav02 .hd-gnav-list li {
    position: relative;
    margin-top: 2px;
    background: #fff;
    font-size: 16px;
    font-weight: bold; 
    line-height: 1.6em;
}

#hd-gnav02 .hd-gnav-list > ul > li:before {
    float: left;
    width: 30px;
    width: .5em;
    height: 30px;
    height: .5em;
    margin: 7px 5px -4px 10px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_service_ico_160126.png);
    background-repeat: no-repeat;
    background-position: 0 -1050px;
    font-size: 70px; 
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #hd-gnav02 .hd-gnav-list > ul > li:before {
        background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_service_ico_160126@2x.png);
        background-size: 30px 2580px;
    }
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-akb:before {
    background-position: 0 -1050px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-digital:before {
    background-position: 0 -350px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-dc:before {
    background-position: 0 -150px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-rental:before {
    background-position: 0 -2150px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-mono:before {
    background-position: 0 -1350px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-game:before {
    background-position: 0 -1550px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-netgame:before {
    background-position: 0 -1550px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-nikukai:before {
    background-position: 0 -1750px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-koikatsu:before {
    background-position: 0 -850px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-eikaiwa:before {
    background-position: 0 -450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-chariloto:before {
    background-position: 0 -1300px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-ptown:before {
    background-position: 0 -2050px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-make:before {
    background-position: 0 -1250px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-makestore:before {
    background-position: 0 -1250px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-livechat:before {
    background-position: 0 -950px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-deai:before {
    background-position: 0 -250px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-news:before {
    background-position: 0 -1650px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-mvno:before {
    background-position: 0 -1450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-robots:before {
    background-position: 0 -2250px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-yell:before {
    background-position: 0 -2550px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-event:before {
    background-position: 0 -550px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-theater:before {
    background-position: 0 -2450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-lounge:before {
    background-position: 0 -1150px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pcsoft:before {
    background-position: 0 -1950px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pcgame:before {
    background-position: 0 -1850px;
}

body[class*="dm-android"] #hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other li.hd-gnav-list-community:nth-child(even) a:after,
body[class*="dm-android"] #hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other li.hd-gnav-list-charity:nth-child(even) a:after,
body[class*="dm-android"] #hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other li.hd-gnav-list-auction:nth-child(even) a:after,
body[class*="dm-android"] #hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other li.hd-gnav-list-digi-pcgame:nth-child(even) a:after,
body[class*="dm-android"] #hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other li.hd-gnav-list-vr:nth-child(even) a:after {
    margin-left: 2px;
}

#hd-gnav02 .hd-gnav-list li a {
    display: block;
}

#hd-gnav02 .hd-gnav-list > ul > li > a {
    padding: 10px;
    color: #333;
    color: #555;
}

#hd-gnav02 .hd-gnav-list > ul > li > a:before,
#hd-gnav02 .hd-gnav-list .hd-gnav-list-other .hd-gnav-btnlist li a:before,
#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a:before {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 15px;
    margin-top: -7px; 
    background-image: url(http://p.dmm.co.jp/p/sp/common/arrow.png);
    background-size: 10px 15px;
    content: "";
}

#hd-gnav02 .hd-gnav-list .hd-gnav-list-other .hd-gnav-btnlist li a:before,
#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a:before {
    right: 10px;
}

#hd-gnav02 .hd-gnav-list li span {
    display: block;
    padding: 10px 10px 3px;
    color: #555; 
    font-weight: bold;
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist {
    padding: 0 10px;
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li {
    display: inline-block;
    position: relative; 
    box-sizing: border-box;
    width: 49%;
    margin-bottom: 6px;
    border: none;
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    padding: 0 25px 0 0;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px;
    vertical-align: middle; 
    white-space: nowrap;
}

#hd-gnav02 #hd-gnav-r18 .hd-gnav-list .hd-gnav-btnlist li a.hd-digi-novel,
#hd-gnav02 #hd-gnav-r18 .hd-gnav-list .hd-gnav-btnlist li a.hd-digi-photo,
#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a.hd-make-market,
#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a.hd-make-cs,
#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a.hd-make-akiba {
    font-size: 13px;
    line-height: 17px;
    white-space: normal;
}

@media (max-width: 350px) {
    #hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a.hd-digi-tod {
        font-size: 13px;
    }
    #hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a.hd-mono-auction {
        font-size: 13px;
        line-height: 17px; 
        white-space: normal;
    }
}

/* その他項目 */
#hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist {
    padding: 0 10px;
}

#hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li {
    display: inline-block;
    position: relative; 
    box-sizing: border-box;
    width: 49%;
    margin-bottom: 6px;
    border: none;
}

#hd-gnav02 .hd-gnav-list > ul > .hd-gnav-list-other:before {
    display: none;
}

#hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li:after {
    display: none;
}

@media (max-width: 340px) {
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-make,
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-event {
        font-size: 13px;
    }
}

@media (max-width: 350px) {
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-robots,
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-mono-auction {
        font-size: 13px; 
        line-height: 17px;
    }
}

@media (min-width: 351px) {
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-robots,
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-mono-auction {
        font-size: 13px;
    }
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-robots br,
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-mono-auction br {
        display: none;
    }
}

@media (min-width: 380px) {
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-robots,
    #hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-mono-auction {
        font-size: 14px;
    }
}

#hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li a.hd-theater {
    font-size: 13px; 
    line-height: 17px;
}

/* その他項目右メニュー選択時対応 */
body[class*="dm-android"] #hd-gnav02 .hd-gnav-list > ul > li.dm-on .hd-gnav-btnlist li.dm-on {
    padding-left: 2px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other.dm-on li.hd-gnav-list-community:nth-child(even).dm-on a:after,
#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other.dm-on li.hd-gnav-list-charity:nth-child(even).dm-on a:after,
#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other.dm-on li.hd-gnav-list-auction:nth-child(even).dm-on a:after,
#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other.dm-on li.hd-gnav-list-digi-pcgame:nth-child(even).dm-on a:after,
#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-other.dm-on li.hd-gnav-list-vr:nth-child(even).dm-on a:after {
    margin-left: 0;
}

/* com/r18 切り替えボタン */
#hd-gnav02 .hd-btn-exchange {
    display: inline-block;
    height: auto;
    margin: 13px 0;
    padding: 4px 12px;
    border: #e58a8a solid 1px; 
    border-radius: 2px;
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle;
}
.dm-adult #hd-gnav02 .hd-btn-exchange {
    border-color: #68b9d9;
}

#hd-gnav02 .hd-btn-exchange span {
    color: #e65c5c;
}
.dm-adult #hd-gnav02 .hd-btn-exchange span {
    color: #3eaeda;
}

/* ==================================== [ #hd-acount-area02 ] */
#hd-acount-area02 {
    display: none;
    padding-bottom: 1px;
    background-color: #edeff2;
}

#hd-acount-area02.dm-on {
    display: block;
}

#hd-acount-area02 .hd-acount-head {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: #e1e3e6 solid 1px;
    font-size: 0; 
    text-align: center;
}

#hd-acount-area02 .hd-acount-head a[class*="hd-acount-"] {
    display: inline-block;
    position: relative;
    height: auto;
    padding: 7px 40px;
    border: rgba(0, 0, 0, .4) solid 1px;
    border-radius: 2px;
    background-color: #f4f4f4; 
    color: #202020;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle;
}

#hd-acount-area02 .hd-acount-head a.hd-acount-regist {
    margin-right: 10px;
    border: 1px #d6b76b solid; 
    background-image:         linear-gradient(bottom, #ffbe1f 0%, #ffdd8a 100%);
    background-image: -webkit-linear-gradient(bottom, #ffbe1f 0%, #ffdd8a 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffbe1f), color-stop(1, #ffdd8a));
}

#hd-acount-area02 .hd-acount-head a.hd-acount-login {
    border: 1px #cacaca solid; 
    background-image:         linear-gradient(bottom, #f2f2f2 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f2f2f2 0%, #fff 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), color-stop(1, #fff));
}

#hd-acount-area02 .acount-pointlist {
    position: relative;
    margin: 0 12px 12px;
    padding: 4px 0 0 0;
    font-size: 14px;
}

#hd-acount-area02 .acount-boughtlist {
    position: relative;
    margin: 0 12px 12px;
    font-size: 14px;
}

#hd-acount-area02 .acount-userlist {
    position: relative;
    margin: 0 12px 12px;
    font-size: 14px;
}

/* parts arealink-01
------------------------*/
#hd-acount-area02 .list-link li {
    display: table;
    position: relative;
    width: 100%;
    margin-top: 2px; 
    background-color: #fff;
}

#hd-acount-area02 .list-link li a {
    display: table-cell;
    box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    height: 2.7em;
    padding: 0 26px 0 14px;
    color: rgba(0, 0, 0, .8);
    vertical-align: middle;
}

#hd-acount-area02 .list-link li a:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 15px;
    margin-top: -5px; 
    background-image: url(http://p.dmm.co.jp/p/sp/common/arrow.png);
    background-size: 10px 15px;
    content: "";
}

#hd-acount-area02 .acount-boughtlist .list-link li a:after {
    display: none; 
    content: none;
}

/*----------------------*/
#hd-acount-area02 .list-link li:last-child {
    border-bottom: none;
}

#hd-acount-area02 .acount-boughtlist .list-link li a {
    padding-right: 35px;
    text-align: left;
}

#hd-acount-area02 .acount-boughtlist .list-link .bought-txt-pagename {
    display: block;
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 2px 10px;
    border-radius: 12px;
    background: #6d9fc7;
    color: #fff;
    font-size: 12px; 
    content: "";
}

#hd-acount-area02 .acount-bookmarklist {
    margin: 0 12px 14px;
    font-size: 16px;
}

#hd-acount-area02 .acount-pointlist h1,
#hd-acount-area02 .acount-boughtlist h1,
#hd-acount-area02 .acount-bookmarklist h1,
#hd-acount-area02 .acount-userlist h1 {
    margin: 20px 0 6px;
    font-size: 14px;
    font-weight: normal;
}

#hd-acount-area02 .acount-pointlist h1 {
    margin-top: 15px;
}

#hd-acount-area02 .acount-pointlist h1:before,
#hd-acount-area02 .acount-boughtlist h1:before,
#hd-acount-area02 .acount-bookmarklist h1:before,
#hd-acount-area02 .acount-userlist h1:before {
    display: inline-block;
    width: 1.75em;
    width: 23px;
    height: 1.75em;
    height: 23px; 
    margin: -3px 3px 0 -2px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009.png);
    background-position: 0 -154px;
    opacity: .7;
    filter: alpha(opacity=70);
    vertical-align: middle;
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #hd-acount-area02 .acount-pointlist h1:before,
    #hd-acount-area02 .acount-boughtlist h1:before,
    #hd-acount-area02 .acount-bookmarklist h1:before,
    #hd-acount-area02 .acount-userlist h1:before {
        background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009@2x.png);
        background-size: 44px 1126px;
    }
}

#hd-acount-area02 .acount-pointlist h1:before {
    background-position: 0 -197px;
}

#hd-acount-area02 .acount-bookmarklist h1:before {
    background-position: 0 -584px;
}

#hd-acount-area02 .acount-userlist h1:before {
    background-position: 0 -326px;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap {
    display: table; 
    box-sizing: border-box;
    width: 100%;
    padding: 6px 12px;
    background: #fff;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .list-detail {
    display: inline-block;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .hd-acount-point {
    display: table-cell;
    width: 104px;
    height: 36px;
    padding: 0 8px;
    border: 1px #d6b76b solid;
    border-radius: 2px;
    background-color: #f4f4f4;
    background-image:         linear-gradient(bottom, #ffbe1f 0%, #ffdd8a 100%);
    background-image: -webkit-linear-gradient(bottom, #ffbe1f 0%, #ffdd8a 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffbe1f), color-stop(1, #ffdd8a));
    color: #202020;
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle; 
    text-align: center;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .point-loading-error {
    display: table-cell;
    color: #c00;
    font-size: 12px;
    line-height: 1.4;
    vertical-align: middle;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .point-loading {
    display: table-cell;
    color: #7c7c7c; 
    font-size: 12px;
    vertical-align: middle;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .point-loading span {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-animation: animation 1s linear infinite;
            animation: animation 1s linear infinite;
}

@-webkit-keyframes animation {
    0% {
        width: 0;
    }
    100% {
        width: 20px;
    }
}

@keyframes animation {
    0% {
        width: 0;
    }
    100% {
        width: 20px;
    }
}

　
#hd-acount-area02 .acount-pointlist .point-area-wrap .list-detail {
    display: inline-block;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .list-detail li span {
    margin-left: 4px;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .list-detail .point-total {
    font-size: 12px;
    font-weight: bold;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .list-detail .point-total span {
    color: #c00; 
    font-size: 14px;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .list-detail .point-others {
    float: right;
    color: #7c7c7c; 
    font-size: 10px;
}

#hd-acount-area02 .acount-pointlist .list-link li a {
    height: 2.2em;
    padding: 0 26px 0 12px;
    font-size: 12px;
}

#hd-acount-area02 .acount-pointlist .list-link li a:after {
    margin-top: -7px;
}

#hd-acount-area02 .acount-bookmarklist .list-link li a {
    height: 2.4em;
}

#hd-acount-area02 .acount-bookmarklist .list-link .bookmark-rental a:before {
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_wishlist_black.png);
}

#hd-acount-area02 .acount-bookmarklist .list-link .bookmark-mono a:before {
    background-image: url(http://p.dmm.co.jp/p/sp/common/ico/ico_service_mono_black.png);
}

#hd-acount-area02 .acount-userlist {
    margin: 0 12px 14px;
    font-size: 16px;
}

#hd-acount-area02 .acount-userlist .list-link li a {
    height: 2.4em;
}

#hd-acount-area02 .acount-userlist .list-link li a:before {
    width: 30px;
}

#hd-acount-area02 .acount-userlist .list-link li.user-my a:before {
    background-position: 0 -244px;
}

#hd-acount-area02 .acount-userlist .list-link li.user-dmmmoney a:before {
    background-position: 0 -314px;
}

#hd-acount-area02 .acount-logout {
    margin: 0 12px;
    padding-bottom: 12px;
}

#hd-acount-area02 .acount-logout .btn-login a {
    width: 100%;
}

#hd-acount-area02 .acount-logout .btn-logout a {
    display: block;
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 7px 40px;
    border: rgba(0, 0, 0, .4) solid 1px;
    border: 1px #cacaca solid; 
    border-radius: 2px;
    background-color: #f4f4f4;
    background-image:         linear-gradient(bottom, #f2f2f2 0%, #fff 100%);
    background-image: -webkit-linear-gradient(bottom, #f2f2f2 0%, #fff 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), color-stop(1, #fff));
    color: #202020;
    font-size: 15px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}

/* ==================================== [ #hd-search-bar ] */
#hd-search-bar {
    position: absolute;
    z-index: 150;
    width: 100%;
    background: #e1e2e5;
    transition-timing-function: ease; 
    transition-duration: .15s;
    transition-property: background;

    -webkit-tap-highlight-color: transparent;
}
#dm-popup-load #hd-search-bar {
    display: none;
}
#hd-search-bar.is-animated {
    background: #edeff2;
}
#hd-search-bar.dm-on {
    display: block;
}
#hd-search-bar.dm-off {
    display: none;
}
#hd-search-bar .search-bar {
    height: 20px;
    padding: 5px;
    line-height: 20px;
    transition-timing-function: ease; 
    transition-duration: .15s;
    transition-property: height,line-height,padding;
}
#hd-search-bar.is-animated .search-bar {
    height: 25px;
    padding: 7px; 
    line-height: 25px;
}
#hd-search-bar .search-bar__inner {
    overflow: hidden;
    height: inherit;
    padding-right: .5em;
    border-radius: 3px;
    background-color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    transition-timing-function: ease; 
    transition-duration: .15s;
    transition-property: border;
}
#hd-search-bar.is-animated .search-bar__inner {
    border: 1px solid #3eaeda;
}
.dm-adult #hd-search-bar.is-animated .search-bar__inner {
    border-color: #e55c5c;
}
#hd-search-bar .search-bar__txt {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #595959;
    transition-timing-function: ease; 
    transition-duration: .15s;
    transition-property: opacity;
}
#hd-search-bar.is-animated .search-bar__txt {
    opacity: 0;
    filter: alpha(opacity=0);
}
#hd-search-bar .search-bar__txt:before {
    display: inline-block;
    position: relative;
    top: 1px; 
    width: 11px;
    height: 11px;
    margin-right: .5em;
    background: url(http://p.dmm.co.jp/p/sp/common/ico_search_darkgray.png) no-repeat scroll 0 0;
    background-size: 11px 11px;
    content: "";
}
#hd-search-bar ~ #dm-content02-inn {
    padding-top: 30px;
}
#dm-popup-load #hd-search-bar ~ #dm-content02-inn {
    padding-top: 0;
}
body[class*="dm-android-2"] #hd-search-bar,
body[class*="dm-android-3"] #hd-search-bar {
    position: static;
}
body[class*="dm-android-2"] #hd-search-bar ~ #dm-content02-inn,
body[class*="dm-android-3"] #hd-search-bar ~ #dm-content02-inn {
    padding-top: 0;
}

/* ==================================== [ #hd-search-area02 ] */
#hd-search-area02 {
    position: absolute;
    z-index: 50; 
    top: 44px;
    left: 0;
    width: 100%;
    padding-bottom: 1px;
    border-bottom: 1px #e1e3e6 solid;
    background: #edeff2;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .3);
    color: #333;
}

#hd-search-area02 form {
    padding: 14px;
}

#hd-search-area02 form input[type="text"] { 
    box-sizing: content-box;
    width: 71%;
    height: 22px;
    margin-right: 6px;
    margin-bottom: 0;
    padding: 3px;
    border: rgba(0, 0, 0, .5) solid 1px;
    border-radius: 5px;
    box-shadow: inset 1px 2px 1px #ccc;
    font-size: 15px;
}

#hd-search-area02 form div {
    width: 90%;
    margin: 10px 0 0;
    vertical-align: middle;
}

#hd-search-area02 form div label {
    display: none;
}

#hd-search-area02 form select {
    display: inline-block;
    box-sizing: border-box;
    width: 79%;
    height: 37px;
    padding: 3px 1.5em 3px 6px;
    border: 1px #ccc solid;
    border-radius: 4px;
    background: #fff url(http://p.dmm.co.jp/p/sp/common/ico/ico_select_gray.png) no-repeat 98% 50%;
    background-repeat: no-repeat;
    background-size: 1em auto;
    font-size: 14px;
    line-height: 1.6;
    vertical-align: bottom; 

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

#hd-search-area02 form input[type="submit"] {
    display: inline-block;
    box-sizing: border-box;
    width: 80px;
    height: 35px;
    padding: 0 1em 0 2.5em;
    border: none;
    border-radius: 4px;
    background: #3eaeda;
    background: #3eaeda url(http://p.dmm.co.jp/p/sp/common/ico_search.png) no-repeat scroll 20% 50%;
    background-size: 20px 20px;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    line-height: 1;
    text-shadow: none;
    vertical-align: top; 
    text-align: center;
}

.dm-adult #hd-search-area02 form input[type="submit"] {
    background-color: #e55c5c;
}

#hd-search-area02 .hd-search-keyword {
    padding: 0 14px 14px; 
    border-top: 1px #e1e3e6 solid;
}

#hd-search-area02 .hd-search-keyword h1 {
    padding: 10px 0 5px;
    font-size: 14px;
    font-weight: normal;
}

#hd-search-area02 .hd-search-keyword ul li {
    display: inline-block;
    margin: 0 3px 6px 0;
    border-radius: 2px;
    background: #fff;
}

#hd-search-area02 .hd-search-keyword ul li a {
    display: inline-block;
    padding: 4px 5px; 
    white-space: nowrap;
}

/* =========================

Android/iOS5

========================= */
body[class*="dm-ios-5"] #hd-search-area02,
body.dm-android #hd-search-area02 {
    display: none; 
    position: static;
    padding-top: 0;
    -webkit-transform: none;
            -ms-transform: none;
        transform: none;
}

body[class*="dm-ios-5"] #dm-header02 #hd-search-area02.dm-on,
body.dm-android #dm-header02 #hd-search-area02.dm-on {
    display: block;
}

/* =========================

ナビゲーション開閉の制御

========================= */
@-webkit-keyframes search-area_on {
    0% {
        -webkit-transform: translateY(-300px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes search-area_off {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-300px);
    }
}

#hd-search-area02 {
    -webkit-transform: translateY(-300px);
       -moz-transform: translateY(-300px);
}

#hd-search-area02.dm-on {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
}

#hd-search-area02.dm-off {
    -webkit-transform: translateY(-300px);
       -moz-transform: translateY(-300px);
}

/* ios6以降 */
body[class*="dm-ios"] #hd-search-area02.dm-on {
    -webkit-animation: search-area_on .3s ease 1;
}

body[class*="dm-ios"] #hd-search-area02.dm-off {
    -webkit-animation: search-area_off .3s ease 1;
}

body[class*="dm-ios-5"] #hd-search-area02.dm-on {
    -webkit-animation: none;
}

body[class*="dm-ios-5"] #hd-search-area02.dm-off {
    -webkit-animation: none;
}

/* ==================================== [ ##frmSearch ] */
#frmSearch {
    position: relative;
}

#hd-search-area02 #frmSearch #suggest {
    position: absolute;
    z-index: 99999;
    top: 49px;
    right: 14px;
    left: 14px;
    box-sizing: border-box;
    width: auto;
    margin: auto;
    border: none; 
    background: white;
    color: rgba(0, 0, 0, .8);
}

#hd-search-area02 #frmSearch #suggest > div {
    overflow: hidden; 
    box-sizing: border-box;
    width: inherit;
    margin: 0 0 -1px 0;
    padding: 6px 8px;
    border: solid 1px #aaa;
    font-size: 14px;
    white-space: nowrap;
}

#hd-search-area02 #frmSearch #suggest > div:last-child {
    border: solid 1px #aaa;
}

#hd-search-area02 #frmSearch #suggest > div strong {
    margin-right: 2px;
    color: #3b5998;
}

#hd-search-area02 .hd-btn-search {
    position: absolute;
    top: 60px;
    right: 14px;
}

/* ==================================== [ #searchstr ] */
#hd-search-area02 #frmSearch #searchstr {
    box-sizing: border-box; 
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0 12px 6px 12px;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}

#hd-search-area02 #frmSearch .search-box {
    position: relative; 
    width: 100%;
    margin: 0 0 -1px 0;
    border: solid 1px #3eaeda;
    border-radius: 17px;
    background: #fff;
}

.dm-adult #hd-search-area02 #frmSearch .search-box {
    border-color: #e65c5c;
}

#hd-search-area02 #frmSearch .search-box span.btn-reset {
    position: absolute;
    top: 7px;
    right: 2px;
    width: 26px;
    height: 20px;
    background: #fff;
    color: #999;
    font-size: 20px;
    line-height: 17px;
    text-align: center;

    -webkit-tap-highlight-color: transparent;
}

/* ==================================== [ #hd-search-area ] */
#hd-search-area {
    display: block;
    position: absolute;
    z-index: 150;
    width: 100%;
    padding-bottom: 1px;
    border-bottom: 1px #e1e3e6 solid;
    background: #edeff2;
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .3);
    color: #333; 
    -webkit-transform: translateY(-300px);
}
#dm-popup-load #hd-search-area {
    display: none;
}
#hd-search-area.dm-on {
    display: block;
    -webkit-transform: translateY(0);
}
#hd-search-area form {
    position: relative;
    padding: 9px;
}
#hd-search-area form:before,
#hd-search-area form:after {
    display: table; 
    content: "";
}
#hd-search-area form:after {
    clear: both;
}
#hd-search-area form div {
    vertical-align: middle;
}
#hd-search-area form .select-box {
    float: left; 
    width: 76%;
}
#hd-search-area form div label {
    display: none;
}
#hd-search-area form select {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 29px;
    padding: 3px 1.5em 3px 10px;
    border: 1px #ccc solid;
    border-radius: 3px;
    background: #fff url(http://p.dmm.co.jp/p/sp/common/ico_select_darkgray.png) no-repeat 98% 50%;
    background-repeat: no-repeat;
    background-size: 1em auto;
    color: #595959; 
    font-size: 12px;
    line-height: 1.6;
    vertical-align: bottom;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
#hd-search-area form input[type="submit"] {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    box-sizing: border-box;
    width: 55px;
    height: 32px;
    border: none;
    border-radius: 0;
    background: #3eaeda url(http://p.dmm.co.jp/p/sp/common/ico_search.png) no-repeat scroll 50% 50%;
    background-size: 20px 20px;
    box-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    vertical-align: top;
    text-align: center;
}
.dm-adult #hd-search-area form input[type="submit"] {
    background-color: #e55c5c;
}
#hd-search-area #frmSearch #suggest {
    position: absolute;
    z-index: 99999;
    top: 43px;
    right: 10px;
    left: 10px;
    box-sizing: border-box;
    width: auto;
    margin: auto;
    border: none; 
    background: white;
    color: rgba(0, 0, 0, .8);
}
#hd-search-area #frmSearch #suggest > div {
    padding: 6px;
}
#hd-search-area #frmSearch #suggest > div,
#hd-search-area #frmSearch #suggest > .txt-suggest__service div {
    overflow: hidden; 
    box-sizing: border-box;
    width: inherit;
    margin: 0;
    border: solid 1px #aaa;
    border-bottom: none;
    font-size: 14px;
    white-space: nowrap;
}
#hd-search-area #frmSearch #suggest > div:last-child {
    border-bottom: solid 1px #aaa;
}
#hd-search-area #frmSearch #suggest > .txt-suggest__service {
    padding: 0;
    border: 0;
    font-weight: bold; 
    line-height: 1;
}
#hd-search-area #frmSearch #suggest > .txt-suggest__service div a {
    display: block;
    padding: 6px;
    color: #1f98c7;
}
#hd-search-area #frmSearch #suggest > .txt-suggest__service div span {
    display: block;
    margin-top: 2px;
    color: #858585; 
    font-size: 11px;
    font-weight: normal;
}
.dm-adult #hd-search-area #frmSearch #suggest > .txt-suggest__service div a {
    color: #db4444;
}
#hd-search-area #frmSearch #searchstr {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 3px 3px 3px 10px;
    border: none;
    outline: none;
    background: none;
    box-shadow: none;
    color: #595959; 
    font-size: 13px;
    line-height: 34px;
    text-align: left;

    -webkit-box: border-box;
}
#hd-search-area #frmSearch .search-box {
    position: relative; 
    width: auto;
    height: 32px;
    margin: 0 0 7px;
    padding: 0 55px 0 0;
    border: solid 1px #3eaeda;
    border-radius: 3px;
    background: #fff;
}
.dm-adult #hd-search-area #frmSearch .search-box {
    border-color: #e55c5c;
}
#hd-search-area #frmSearch .search-box span.btn-reset {
    position: absolute;
    top: 7px;
    right: 58px;
    width: 26px;
    height: 20px;
    background: #fff;
    color: #999;
    font-size: 20px;
    line-height: 17px;
    text-align: center;

    -webkit-tap-highlight-color: transparent;
}
#hd-search-area .hd-btn-searchClose {
    display: block;
    float: right;
    width: auto;
    height: 29px;
    color: #595959;
    font-size: 14px;
    line-height: 29px;
    vertical-align: middle;
    text-align: right;

    -webkit-tap-highlight-color: transparent;
}
#hd-search-area .hd-btn-searchClose:before {
    display: inline-block;
    position: relative;
    top: 1px; 
    width: 13px;
    height: 13px;
    margin-right: .4em;
    background: url(http://p.dmm.co.jp/p/sp/common/ico_close_darkgray.png) no-repeat scroll 0 0;
    background-size: 13px 13px;
    content: "";
}
body[class*="dm-android-2"] #hd-search-area,
body[class*="dm-android-3"] #hd-search-area {
    display: none; 
    position: static;
}
body[class*="dm-android-2"] #hd-search-area.dm-on,
body[class*="dm-android-3"] #hd-search-area.dm-on {
    display: block;
}

@-webkit-keyframes search-area_on {
    0% {
        -webkit-transform: translateY(-300px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes search-area_off {
    0% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-300px);
    }
}
#hd-search-area:first-child {
    -webkit-transform: translateY(-300px);
       -moz-transform: translateY(-300px);
}
#hd-search-area:first-child.dm-on {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
}
#hd-search-area:first-child.dm-off {
    -webkit-transform: translateY(-300px);
       -moz-transform: translateY(-300px);
}
body[class*="dm-ios"] #hd-search-area:first-child.dm-on {
    -webkit-animation: search-area_on .3s ease;
}
body[class*="dm-ios"] #hd-search-area:first-child.dm-off {
    -webkit-animation: search-area_off .3s ease;
}
body[class*="dm-ios-4"] #hd-search-area:first-child.dm-on,
body[class*="dm-ios-5"] #hd-search-area:first-child.dm-on,
body[class*="dm-ios-6"] #hd-search-area:first-child.dm-on {
    -webkit-animation: none;
}
body[class*="dm-ios-4"] #hd-search-area:first-child.dm-on,
body[class*="dm-ios-5"] #hd-search-area:first-child.dm-off,
body[class*="dm-ios-6"] #hd-search-area:first-child.dm-off {
    -webkit-animation: none;
}

/* ==================================== [ #hd-point-area ] */
#hd-point-area {
    display: none;
    padding-bottom: 1px;
    background-color: #edeff2;
}
#hd-point-area.dm-on {
    display: block;
}
#hd-point-area .hd-point {
    padding: 12px;
}
#hd-point-area .hd-point__loading {
    box-sizing: border-box;
    height: 150px;
    padding-top: 95px;
    background: #fff url(http://p.dmm.co.jp/p/sp/common/loading.gif) no-repeat scroll 50% 45%;
    background-size: 40px 40px;
    text-align: center;
}
body[class*="dm-android-2"] #hd-point-area .hd-point__loading　 {
    height: 55px;
}
#hd-point-area .hd-point__loadContent {
    display: none;
}
#hd-point-area .hd-point__total {
    margin-bottom: 1px;
    padding: 14px 10px;
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}
#hd-point-area .hd-point__total:after {
    display: block;
    clear: both; 
    content: "";
}
#hd-point-area .hd-point__total__ttl {
    float: left;
    padding: 0 10px 0 0;
    vertical-align: middle; 
    text-align: left;
}
#hd-point-area .hd-point__total__ttl:before {
    display: inline-block;
    width: 25px;
    height: 25px; 
    margin: -2px 4px 0 0;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009.png);
    background-position: 0 -717px;
    vertical-align: middle;
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #hd-point-area .hd-point__total__ttl:before {
        background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009@2x.png);
        background-size: 44px 1126px;
    }
}
#hd-point-area .hd-point__total__item {
    float: right;
    vertical-align: middle; 
    text-align: right;
}
#hd-point-area .hd-point__total__point {
    color: #d90606;
}
#hd-point-area .hd-point__total__txt {
    margin-left: 3px;
}
#hd-point-area .hd-point__charge {
    margin-bottom: 10px;
    padding: 10px; 
    background-color: #fff;
}
#hd-point-area .hd-pointLoaded .hd-point__loading {
    display: none;
}
#hd-point-area .hd-pointLoaded .hd-point__loadContent {
    display: block;
}
#hd-point-area .hd-pointList {
    background-color: #fff;
}
#hd-point-area .hd-pointList__item {
    display: table;
    width: 100%;
    color: #666; 
    font-size: 16px;
    white-space: nowrap;
}
#hd-point-area .hd-pointList__service {
    display: table-cell;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle; 
    text-align: left;
}
#hd-point-area .hd-pointList__point {
    display: table-cell;
    height: 40px;
    padding: 0 10px 0 0;
    vertical-align: middle; 
    text-align: right;
}
#hd-point-area .hd-pointList__txt {
    margin-left: 2px;
}
#hd-point-area .hd-pointList + .hd-point__charge {
    padding-top: 6px;
}
#hd-point-area .hd-links__item {
    position: relative;
    margin: 1px;
    font-size: 16px;
}
#hd-point-area .hd-links__link {
    display: block;
    width: 100%;
    min-height: 38px;
    border-radius: 2px;
    background: #fff;
}
#hd-point-area .hd-links__link:link,
#hd-point-area .hd-links__link:visited {
    color: #333;
}
#hd-point-area .hd-links--arrow .hd-links__link {
    position: relative;
}
#hd-point-area .hd-links--arrow .hd-links__link:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 15px;
    margin-top: -5px; 
    background-image: url(http://p.dmm.co.jp/p/sp/common/arrow.png);
    background-size: 10px 15px;
    content: "";
}
#hd-point-area .hd-links__txt {
    display: table-cell;
    height: 30px;
    padding: 4px 0 4px 10px;
    vertical-align: middle;
}
#hd-point-area .hd-btn {
    display: inline-block;
    position: relative;
    box-sizing: border-box; 
    height: auto;
    border: rgba(0, 0, 0, .4) solid 1px;
    border-radius: 2px;
    background-color: #f4f4f4;
    color: #202020;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle;
}
#hd-point-area .hd-btn:link,
#hd-point-area .hd-btn:visited {
    color: #333;
}
#hd-point-area .hd-btn--charge {
    width: 100%;
    padding: 10px 0;
    border: 1px #d6b76b solid;
    background-image:         linear-gradient(bottom, #ffbe1f 0%, #ffdd8a 100%);
    background-image: -webkit-linear-gradient(bottom, #ffbe1f 0%, #ffdd8a 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffbe1f), color-stop(1, #ffdd8a)); 
    text-align: center;
}

/* ================================================== [ #02 ] */
/* ==================================== [ #dm-side02 ] */
#dm-side02 {
    display: none;
}

#dm-page02 #dm-side02,
#dm-side02 > #dm-side {
    display: block;
}

#dm-side02 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #edeff2;
    color: #333;
    text-align: center;
}

#dm-side02 > #dm-side {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    width: 260px;
    height: 100%;
    /* スクロール可 */

    -webkit-overflow-scrolling: touch;
    /*慣性スクロール*/
}

/* ios6以降 */
body[class*="dm-ios"] #dm-side02 {
    position: fixed;
}

body[class*="dm-ios-5"] #dm-side02 {
    position: absolute;
}

/* ========================= [ #dm-sideCopy ] */
#dm-side02 .sd-snav-list {
    overflow: hidden;
    margin: 0 5px 0 5px; 
    font-weight: normal;
    text-align: left;
}

#dm-side02 .sd-snav-list a {
    color: #333;
}

#dm-side02 .sd-snav-list > dt {
    padding: 10px 0 5px 10px;
    background-image: none; 
    color: #333;
    font-size: 12px;
}

#dm-side02 .sd-snav-list-imp > dt span:nth-child(2):before {
    display: inline-block;
    width: 3px;
    height: 10px;
    margin: 0 1px -1px 5px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/header_parentheses.png); 
    background-position: -12px 0;
    background-size: 12px 10px;
    content: "";
}

#dm-side02 .sd-snav-list-imp > dt span:nth-child(2):after {
    display: inline-block;
    width: 3px;
    height: 10px;
    margin: 0 1px -1px 1px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/header_parentheses.png); 
    background-position: -15px 0;
    background-size: 12px 10px;
    content: "";
}

#dm-side02 .sd-snav-list > dd {
    display: table;
    width: 100%;
    margin-bottom: 2px;
    border-bottom: none;
    background: #fff;
    background-color: none;
    -webkit-box-shadow: none; 
    color: inherit;
    font-size: 15px;
    line-height: 17px;
    text-shadow: none;
    letter-spacing: 1px;
}

#dm-side02 .sd-snav-list-half > dd {
    float: left;
    box-sizing: border-box;
    width: 49%;
    margin: 1px; 
    letter-spacing: 0;
}

#dm-side02 .sd-snav-list-half > dd:nth-child(even) {
    border-right: none;
}

#dm-side02 .sd-snav-list > dd > a {
    display: table-cell;
    box-sizing: border-box; 
    width: 100%;
    height: 42px;
    padding: 3px 10px;
    color: #333;
    vertical-align: middle;
}

#dm-side02 .sd-snav-list-half > dd > a {
    padding: 3px 3px 3px 10px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn > a > span {
    display: block;
    position: relative;
    padding-left: 26px;
    background-repeat: no-repeat;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn > a > span:before {
    display: inline-block;
    position: absolute;
    top: 0;
    top: 0;
    left: -5px;
    width: 23px;
    height: 23px;
    margin-top: -4px;
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009.png);
    background-position: 0 -584px;
    opacity: 1;
    filter: alpha(opacity=100); 
    font-size: inherit;
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #dm-side02 .sd-snav-list-imp > dd.sd-btn > a > span:before {
        background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009@2x.png);
        background-size: 44px 1126px;
    }
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-regist > a > span:before,
#dm-side02 .sd-snav-list-imp > dd.sd-btn-help > a > span:before,
#dm-side02 .sd-snav-list-imp > dd.sd-btn-malemag > a > span:before,
#dm-side02 .sd-snav-list-imp .sd-btn-message-open > dl dt:before {
    display: none; 
    content: none;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-regist > a > span {
    padding-right: 0; 
    padding-left: 0;
}
#dm-side02 .sd-snav-list-imp > dd.sd-btn-regist > a > span s {
    font-size: 10px;
}
#dm-side02 .sd-snav-list-imp > dd.sd-btn-regist > a > span s:after {
    display: block; 
    content: "";
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-help > a > span,
#dm-side02 .sd-snav-list-imp > dd.sd-btn-malemag > a > span {
    padding-left: 0;
}

#dm-side02 .sd-snav-list-imp dd.sd-btn.sd-btn-bought > a > span:before {
    background-position: 0 -154px;
}

#dm-side02 .sd-snav-list-imp dd.sd-btn.sd-btn-favorite > a > span:before {
    background-position: 0 -584px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-login > a > span:before {
    background-position: 0 -3em;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-basket > a > span:before {
    background-position: 0 -369px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-order > a > span:before {
    background-position: 0 -541px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-wishlist > a > span:before {
    background-position: 0 -111px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-message > a > span:before {
    background-position: 0 -240px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-config > a > span:before {
    background-position: 0 -498px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-point > a > span:before,
#dm-side02 .sd-snav-list-imp > dd.sd-btn-reward > a > span:before {
    background-position: 0 -197px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-my > a > span:before {
    background-position: 0 -283px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-info > a > span:before {
    background-position: 0 -283px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-mygame > a > span:before {
    background-position: 0 -154px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-bought-book > a > span:before {
    background-position: 0 -154px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-charivote > a > span:before {
    background-position: 0 -154px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-home > a > span:before {
    background-position: 0 -455px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-mycoupon > a > span:before {
    background-position: 0 -412px;
}

#dm-side02 .sd-snav-list-imp > dd.sd-btn-reward > a {
    padding: 3px 9px; 
    border: 2px #fff solid;
    background: #fff17a;
}

#dm-side02 .sd-snav-list-imp .sd-btn dt:before {
    display: none; 
    content: none;
}

#dm-side02 .sd-snav-list-imp .sd-btn dt {
    margin: 0;
    padding: 10px 0 3px 10px;
    font-size: 12px;
}

#dm-side02 .sd-snav-list-imp .sd-btn dd {
    display: table;
    width: 100%;
    margin-top: 2px;
    background: #fff;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 1px;
}

#dm-side02 .sd-snav-list-imp .sd-btn dd a {
    display: table-cell;
    box-sizing: border-box;
    width: 100%;
    height: 42px;
    margin: auto;
    padding: 3px 10px;
    border: none; 
    border-radius: none;
    background: #fff;
    color: #333;
    vertical-align: middle;
}

#dm-side02 .sd-snav-list-imp .sd-btn .sd-num {
    position: absolute;
    right: 0;
    min-width: 30px;
    margin-top: -3px;
    padding: 3px 6px;
    border-radius: 12px;
    background: #ebebeb;
    box-shadow: none; 
    color: #333;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
}

#dm-side02 .sd-snav-list-imp .sd-btn dd a .sd-num {
    position: absolute;
    right: 12px;
    min-width: 30px;
    margin-top: -3px;
    padding: 3px 6px;
    border-radius: 12px;
    background: #ebebeb;
    color: #333;
    font-size: inherit; 
    font-weight: normal;
    text-shadow: none;
    text-align: center;
}
#dm-side02 .sd-snav-list-imp .sd-btn dd a .sd-num b {
    font-weight: normal;
}

#dm-side02 .sd-snav-list-imp .sd-btn-regist {
    box-sizing: border-box;
    border: 2px #ffa800 solid;
    background: #fff;
    /* background-color:#c55a00; */
}

#dm-side02 .sd-snav-list-imp dd.sd-btn-regist > a {
    padding: 5px 8px;
    color: #ffa800;
    line-height: 1.4;
}

#dm-side02 .sd-snav-list-imp .sd-btn-regist cite {
    display: block;
    font-size: 10px; 
    font-weight: normal;
    font-style: normal;
    letter-spacing: -1px;
}

#dm-side02 .sd-snav-list-imp .sd-btn-regist .sd-price {
    display: inline-block;
    margin: auto 6px;
    font-size: 16px;
    font-weight: normal;
}

#dm-side02 .sd-snav-list-imp .sd-btn-regist .sd-regist {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    float: none;
    height: 20px;
    margin: auto 0;
    padding: 0;
    border: none;
    border-radius: inherit;
    background: none;
    font-size: inherit; 
    font-weight: normal;
    line-height: inherit;
}

#dm-side02 .sd-snav-list-imp .sd-btn-regist .sd-regist:after {
    display: inline-block;
    width: 10px;
    height: 16px;
    margin-left: 4px; 
    background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009.png);
    background-position: 0 -35px;
    vertical-align: -2px;
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #dm-side02 .sd-snav-list-imp .sd-btn-regist .sd-regist:after {
        background-image: url(http://p.dmm.co.jp/p/sp/common/sprite_header_parts_151009@2x.png);
        background-size: 44px 1126px;
    }
}

#dm-side02 .sd-snav-list-imp .sd-btn-regist .sd-regist:before {
    display: none; 
    content: none;
}

#dm-side .sd-snav-list-imp .sd-btn-regist cite ~ .sd-regist {
    font-size: inherit;
}

#dm-side02 .sd-snav-list-imp .sd-btn-toreta > a b {
    font-size: 10px;
}

#dm-side02 .sd-snav-list-imp .sd-btn-toreta > a b .sd-remainder {
    font-size: 14px;
}

#dm-side02 .sd-snav-list > dd.sd-btn-message-open {
    background: #edeff2;
}

/* ==================================== [ 開閉関係 ] */
/* 左ナビ展開 */
@-webkit-keyframes dm-side-on {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(260px);
    }
}

@-webkit-keyframes dm-side-off {
    90% {
        -webkit-transform: translateX(0);
    }
    0% {
        -webkit-transform: translateX(260px);
    }
}

#dm-header02.dm-on > .hd-wrapwrap,
#dm-content02.dm-on {
    -webkit-transform: translateX(260px);
       -moz-transform: translateX(260px);
}

#dm-header02.dm-off > .hd-wrapwrap,
#dm-content02.dm-off {
    -webkit-transform: none;
       -moz-transform: none;
}

/* ios6以降 */
body[class*="dm-ios"] #dm-header02.dm-on > .hd-wrapwrap,
body[class*="dm-ios"] #dm-content02.dm-on {
    -webkit-animation: dm-side-on .3s ease 1;
}

body[class*="dm-ios"] #dm-header02.dm-off > .hd-wrapwrap,
body[class*="dm-ios"] #dm-content02.dm-off {
    -webkit-animation: dm-side-off .3s ease 1;
}

body[class*="dm-ios-5"] #dm-header02.dm-on > .hd-wrapwrap,
body[class*="dm-ios-5"] #dm-content02.dm-on {
    -webkit-animation: none;
}

body[class*="dm-ios-5"] #dm-header02.dm-off > .hd-wrapwrap,
body[class*="dm-ios-5"] #dm-content02.dm-off {
    -webkit-animation: none;
}

#dm-header02 .hd-overlay {
    visibility: hidden;
    /*
box-shadow: inset 10px 0px 20px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 10px 0px 20px 0 rgba(0, 0, 0, 0.2);
*/
}

#dm-header02.dm-on .hd-overlay {
    visibility: visible;
    z-index: 1000;
}

/* 左ナビ展開 */
#dm-side02 {
    /* -1にしないとjs読み込み中に表示される */
    z-index: -1;
}

#dm-side02.dm-on {
    z-index: 1;
    overflow: auto;
}

body[class*="dm-android"] #dm-side02.dm-on {
    height: auto;
}

#dm-side02 > #dm-side {
    display: none;
}

#dm-side02.dm-on > #dm-side {
    display: block;
}

/* 背景色が残らないように閉じたら透明に */
#dm-side02,
#dm-side02.dm-off {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition-delay: .4s;
}

#dm-side02.dm-on {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0;
}

/*eikaiwa 上書き*/
#dm-side02 .sd-snav-list dd:nth-child(n+6) {
    background: #212024;
    background: #fff !important;
}

#dm-side02 .sd-snav-list dd:nth-child(n+6) a {
    padding-left: 25px;
    padding-left: 10px !important;
}

#dm-side02 .sd-snav-list dd:last-child,
#dm-side02 .sd-snav-list dd:nth-last-child(2) {
    background: #313134;
    background: #fff !important;
}

#dm-side02 .sd-snav-list dd:last-child a,
#dm-side02 .sd-snav-list dd:nth-last-child(2) a {
    padding-left: 10px;
}

#dm-side02 .sd-snav-list dd a[href="/material/"] {
    height: 62px;
    border-bottom: 20px #edeff2 solid;
}

#dm-side02 .sd-snav-list dd a[href="/guide/phrase/"] {
    height: 62px;
    border-top: 20px #edeff2 solid;
}