@charset "utf-8";

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


/* ========================= [ reset - #dm-side,#dm-header,#dm-footer ] */
body {
    margin: 0;
    padding: 0;
}

#dm-side,
#dm-header,
#dm-footer {
    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-side *,
#dm-header *,
#dm-footer * {
    margin: 0;
    padding: 0;
}

#dm-side table,
#dm-header table,
#dm-footer table {
    border: none; 
    word-break: break-all;
}

#dm-side h1,
#dm-header h1,
#dm-footer h1 {
    font-size: 12px;
}

#dm-side ul,
#dm-header ul,
#dm-footer ul {
    list-style: none;
}

#dm-side li img,
#dm-header li img,
#dm-footer li img {
    vertical-align: bottom;
}

#dm-side em,
#dm-header em,
#dm-footer em {
    font-weight: bold; 
    font-style: normal;
}

#dm-side a,
#dm-header a,
#dm-footer a {
    text-decoration: none;
}

#dm-side a img,
#dm-header a img,
#dm-footer a img {
    border: none;
}

#dm-side a:link,
#dm-header a:link,
#dm-footer a:link {
    color: #3b5998;
}

#dm-side a:visited,
#dm-header a:visited,
#dm-footer a:visited {
    color: #800080;
}

#dm-side a:hover,
#dm-header a:hover,
#dm-footer a:hover,
#dm-side a:active,
#dm-header a:active,
#dm-footer a:active {
    color: #3b5998;
}

/* ========================= [ common ] */
#dm-page {
    display: -webkit-box;
    display:         box;
    position: relative;
    z-index: 100; 
    width: 100%;
    background: #f7f7f7;
}

#dm-side02 {
    display: none;
}

#dm-side {
    color: #333;
}

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

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

/* ==================================== [ #dm-header ] */
#dm-header .hd-wrap {
    position: relative;
    z-index: 10; 
    overflow: hidden;
    height: 44px;
    border-bottom: #9f9f9f solid 1px;
    background-image:         -webkit-gradient(linear, left bottom, left top, from(#e1e1e1), to(white));
    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(//p.dmm.co.jp/p/sp/common/sprite-hnavi.png);
    background-repeat: no-repeat; 
    -webkit-background-size: 74px 185px;
            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);
            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(//p.dmm.co.jp/p/sp/common/sprite-icon-130606.png);
    -webkit-background-size: 1em auto;
            background-size: 1em auto;
    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;
    -webkit-background-size: 28px auto; 
            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:         -webkit-gradient(linear, left bottom, left top, from(#cfcfcf), to(#f1f1f1));
    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));
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
            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:         -webkit-gradient(linear, left bottom, left top, from(#bec3ce), to(#e8eaee));
    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));
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); 
            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:         -webkit-gradient(linear, left bottom, left top, from(#2958b4), to(#4898ed));
    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(//p.dmm.co.jp/p/sp/common/lnav-pc.png);
    background-repeat: no-repeat; 
    background-position: top left;
    -webkit-background-size: 17px 17px;
            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:         -webkit-gradient(linear, left bottom, left top, from(#535353), to(#757575));
    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:         -webkit-gradient(linear, left top, left bottom, color-stop(72%, #2e2e2e), to(#161616));
    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:         -webkit-gradient(linear, left bottom, left top, from(#535353), to(#757575));
    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: -webkit-linear-gradient(top, #e0e0e0, #f0f0f0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e0e0e0), color-stop(1, #f0f0f0));
    background:         -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#f0f0f0));
    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(//p.dmm.co.jp/p/sp/common/sprite-acount-icon-130606.png);
    -webkit-background-size: 1em auto;
            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;
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, .4);
            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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-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(//p.dmm.co.jp/p/sp/base/ico_arrow_r.png);
    -webkit-background-size: 9px 14px;
            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(//p.dmm.co.jp/p/sp/common/sprite-acount-boughtlist-141031.png);
    background-repeat: no-repeat; 
    -webkit-background-size: 115px 350px;
            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(//p.dmm.co.jp/p/sp/common/ico/ico_favorite_black.png) no-repeat 0 0;
    -webkit-background-size: 1.75em;
            background-size: 1.75em;
    opacity: .7; 
    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;
    -webkit-background-size: 1.5em;
            background-size: 1.5em;
    vertical-align: middle; 
    content: "";
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link .bookmark-digi a:before {
    background-image: url(//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(//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(//p.dmm.co.jp/p/sp/common/ico/ico_shoppinglist_book_black.png);
    -webkit-background-size: 1.3em 1.3em;
            background-size: 1.3em 1.3em;
}

#dm-header #hd-acount-area .acount-bookmarklist .list-link .bookmark-rental a:before {
    background-image: url(//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(//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);
    -webkit-box-shadow: 0 1px 0 1px white, inset 0 -1px 2px 0 rgba(0, 0, 0, .1);
            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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-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;
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .2); 
            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:         -webkit-gradient(linear, left bottom, left top, from(#eee), to(white));
    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(//p.dmm.co.jp/p/sp/recruit/common/arr_02.png) no-repeat 100% 50%;
    -webkit-background-size: 18px 18px;
            background-size: 18px 18px;
    color: #fff;
}

/* ================================================== [ #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-search-area02 */
#dm-header #hd-search-area02 {
    display: none;
    position: relative;
    z-index: 1001;
    top: 0;
    -webkit-box-shadow: none;
            box-shadow: none; 
    -webkit-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);
            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] */
body {
    margin: 0;
    padding: 0;
}

#dm-side02,
#dm-header02,
#dm-footer,
#hd-gnav02,
#hd-acount-area02,
#hd-search-area02 {
    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 * {
    margin: 0;
    padding: 0;
}
#dm-side02 table,
#dm-header02 table,
#dm-footer table,
#hd-gnav02 table,
#hd-acount-area02 table,
#hd-search-area02 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 {
    font-size: 12px;
}
#dm-side02 ul,
#dm-header02 ul,
#dm-footer ul,
#hd-gnav02 ul,
#hd-acount-area02 ul,
#hd-search-area02 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 {
    vertical-align: bottom;
}
#dm-side02 em,
#dm-header02 em,
#dm-footer em,
#hd-gnav02 em,
#hd-acount-area02 em,
#hd-search-area02 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 {
    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 {
    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 {
    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 {
    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 {
    color: #3b5998;
}

/* ========================= [ common ] */
#dm-page02 {
    display: block;
    z-index: 100; 
    overflow: hidden;
    width: 100%;
    background: #f7f7f7;
}

#dm-page02 #dm-main {
    position: static;
    background: none;
}

#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 {
    display: table;
    position: relative;
    z-index: 60; 
    overflow: hidden;
    width: 100%;
    height: 44px;
    border-bottom: #f7f7f7 solid 1px;
    background: #fff;
}

#dm-header02 .hd-wrap .hd-logo {
    display: table-cell;
    height: 100%;
    padding: 0 5px 0 10px;
    vertical-align: middle;
}

#dm-header02 .hd-wrap div + .hd-logo {
    padding-left: 5px;
}

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

#dm-header02 .hd-wrap .hd-local + .hd-logo {
    padding-right: 4px; 
    padding-left: 4px;
}

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

#dm-header02 .hd-wrap .hd-logo > a img {
    display: inline-block;
    width: auto !important;
    height: 24px;
    vertical-align: middle;
}

@media screen and (max-width: 375px) {
    #dm-header02 .hd-wrap .hd-logo > a img {
        max-width: 100%;
        height: auto;
        max-height: 24px;
    }
}

#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: 0; 
    color: #555;
    font-size: 10px;
    font-weight: bold;
    line-height: 8px;
    letter-spacing: -.5px;
}

#dm-header02 .hd-wrap .hd-logo .hd-location > span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 13px;
    margin-top: -1px;
    line-height: 13px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#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 {
    display: table-cell;
    width: 44px;
    height: 44px; 
    background-image: url(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725.png);
    background-repeat: no-repeat;
    background-position: 0 -515px;
}
@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 {
        background-image: url(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725@2x.png);
        -webkit-background-size: 44px 559px;
                background-size: 44px 559px;
    }
}

#dm-header02 .hd-wrap .hd-local {
    background-position: 0 -451px;
}

#dm-header02 .hd-wrap .hd-search {
    background-position: 0 -259px;
}

#dm-header02 .hd-wrap .hd-global {
    background-position: 0 -515px;
}

#dm-header02 .hd-wrap .hd-acount {
    background-position: 0 -323px;
}

#dm-header02.hd-member .hd-wrap .hd-acount {
    background-position: 0 -387px;
}

#dm-header02 .hd-wrap .hd-search.dm-on,
#dm-header02 .hd-wrap .hd-global.dm-on,
#dm-header02 .hd-wrap .hd-acount.dm-on,
#dm-header02 .hd-wrap .hd-local.dm-on {
    background-color: #f7f7f7;
}

#dm-header02 .hd-wrap .hd-gbtn {
    -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"] {
    -webkit-box-sizing: content-box; 
            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;
    -webkit-box-shadow: inset 1px 2px 1px #ccc;
            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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 55px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 0 17px 17px 0;
    background: #00bcd4;
    background: #00bcd4 url(//p.dmm.co.jp/p/sp/common/ico_search.png) no-repeat scroll 40% 50%;
    -webkit-background-size: 20px 20px;
            background-size: 20px 20px;
    -webkit-box-shadow: none;
            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: #ff5a6e;
}

#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;
    -webkit-box-sizing: border-box;
            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; 
    -webkit-box-sizing: border-box; 
            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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 60px 6px 12px;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#dm-header02 .hd-search-box #frmSearch .search-box {
    position: relative; 
    width: 100%;
    margin: 0 0 -1px 0;
    border: solid 1px #00bcd4;
    border-radius: 17px;
    background: #fff;
}

.dm-adult #dm-header02 .hd-search-box #frmSearch .search-box {
    border-color: #ff5a6e;
}

#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: #f7f7f7;
    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;
    font-size: 14px;
}

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

#hd-gnav02 .hd-gnav-head ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; 
    padding: 8px 0;
}

#hd-gnav02 .hd-gnav-head li {
    padding: 0; 
    line-height: 44px;
}

#hd-gnav02 .hd-gnav-head li a {
    display: inline-block;
    position: relative;
    padding: 0 5px 0 30px;
    color: #333;
    font-size: 14px;
}

#hd-gnav02 .hd-gnav-head li a:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 25px;
    height: 25px;
    margin: -12px 0 0 -2px;
    background-image: url(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725.png);
    background-position: 0 -169px;
    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(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725@2x.png);
        -webkit-background-size: 44px 559px;
                background-size: 44px 559px;
    }
}

#hd-gnav02 .hd-gnav-head .hd-gnav-head-top > a:before {
    background-position: 0 -169px;
}

#hd-gnav02 .hd-gnav-head .hd-gnav-head-help > a:before {
    background-position: 0 -214px;
}

#hd-gnav02 #hd-gnav-com .hd-gnav-list > ul > li:before {
    background-position-x: 0;
}

#hd-gnav02 .hd-gnav-list > ul > li.dm-on > a,
#hd-gnav02 .hd-gnav-list > ul > li.dm-on .hd-gnav-btnlist li.dm-on > a {
    color: #a0a1a3;
}

#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 {
    position: absolute;
    top: 7px; 
    left: 10px;
    width: 30px;
    height: 30px;
    margin: auto 0;
    background-image: url(//p.dmm.co.jp/p/sp/common/sprite_service_ico_171004.png);
    background-repeat: no-repeat;
    background-position: 0 -1650px;
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #hd-gnav02 .hd-gnav-list > ul > li:before {
        background-image: url(//p.dmm.co.jp/p/sp/common/sprite_service_ico_171004@2x.png);
        -webkit-background-size: 30px 3480px;
                background-size: 30px 3480px;
    }
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-akb:before {
    background-position: 0 -1650px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-digital:before,
#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-prime:before {
    background-position: 0 -650px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-dc:before {
    background-position: 0 -450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-doujin:before {
    background-position: 0 -450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-rental:before {
    background-position: 0 -2950px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-mono:before {
    background-position: 0 -1950px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-game:before {
    background-position: 0 -2150px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-netgame:before {
    background-position: 0 -2150px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-nikukai:before {
    background-position: 0 -2350px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-koikatsu:before {
    background-position: 0 -1350px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-eikaiwa:before {
    background-position: 0 -750px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-chariloto:before {
    background-position: 0 -250px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-ptown:before {
    background-position: 0 -2850px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-make:before {
    background-position: 0 -1850px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-makestore:before {
    background-position: 0 -1850px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-livechat:before {
    background-position: 0 -1550px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-deai:before {
    background-position: 0 -550px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-news:before {
    background-position: 0 -2250px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-mvno:before {
    background-position: 0 -2050px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-okan:before {
    background-position: 0 -2450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-hikari:before {
    background-position: 0 -1150px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-robots:before {
    background-position: 0 -3050px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-yell:before {
    background-position: 0 -3450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-event:before {
    background-position: 0 -950px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-theater:before {
    background-position: 0 -3350px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-lounge:before {
    background-position: 0 0;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pcsoft:before {
    background-position: 0 -2650px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pcgame:before {
    background-position: 0 -2550px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-kouenirai:before {
    background-position: 0 -1450px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-energy:before {
    background-position: 0 -850px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-fx:before {
    background-position: 0 -1050px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-app:before {
    background-position: 0 -1750px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-banusy:before {
    background-position: 0 -150px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pictures:before {
    background-position: 0 -2750px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-livecommune:before {
    background-position: 0 -350px;
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-scratch:before {
    background-position: 0 -3150px;
}

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 50px;
    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,
#hd-gnav02 .hd-gnav-list li .hd-gnav-list-ttl:after {
    display: block;
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto 0; 
    background: url(//p.dmm.com/p/sp/common/arrow.png) 0 0/cover;
    content: "";
}

#hd-gnav02 .hd-gnav-list li .hd-gnav-list-ttl {
    display: block;
    position: relative; 
    padding: 10px 50px;
    color: #555;
    font-weight: bold;
}

#hd-gnav02 .hd-gnav-list li .hd-gnav-list-ttl span,
#hd-gnav02 .hd-gnav-list li .hd-gnav-list-ttl-others span,
#hd-gnav02 .hd-gnav-list > ul > li > a > span {
    display: -webkit-box;
    overflow: hidden;
    max-height: 51.2px;
    font-size: 16px !important;
    line-height: 1.6 !important; 

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li > a > span {
    display: -webkit-box;
    overflow: hidden;
    max-height: 39.2px;
    font-size: 14px !important;
    line-height: 1.4 !important; 

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#hd-gnav02 .hd-gnav-list li .hd-gnav-list-ttl:before {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto 0;
    border: 1px solid #c1c1c1;
    border-radius: 50%; 
    content: "";
}

#hd-gnav02 .hd-gnav-list li .hd-gnav-list-ttl:after {
    -webkit-transition: -webkit-transform .2s ease-out;
            transition: transform .2s ease-out; 
    -webkit-transform: rotate(90deg); 
            transform: rotate(90deg);
}

#hd-gnav02 .hd-gnav-list li .hd-gnav-list-ttl.is-on:after {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist {
    display: none;
    padding-bottom: 10px;
    font-size: 0;
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    margin: 0;
    border: none;
    word-break: break-word; 
    vertical-align: middle;
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li a {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
    padding: 12px 35px 12px 15px;
    color: #333;
    font-weight: normal;
}

/* その他項目 */
#hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist {
    display: block;
}

#hd-gnav02 .hd-gnav-list > ul > .hd-gnav-list-other:before {
    display: none;
}

#hd-gnav02 .hd-gnav-list > ul > .hd-gnav-list-other p {
    padding: 10px 15px;
}

#hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist li:after {
    display: none;
}

/* その他項目右メニュー選択時対応 */
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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100px;
    height: 34px;
    margin: 15px 0;
    padding: 4px 0;
    border: #ff5a6e solid 1px; 
    border-radius: 17px;
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}
.dm-adult #hd-gnav02 .hd-btn-exchange {
    border-color: #00bcd4;
}

#hd-gnav02 .hd-btn-exchange span {
    color: #ff5a6e;
}
.dm-adult #hd-gnav02 .hd-btn-exchange span {
    color: #00bcd4;
}

/* ==================================== [ #hd-acount-area02 ] */
#hd-acount-area02 {
    display: none;
    padding-bottom: 1px;
    background-color: #f7f7f7;
}
#hd-acount-area02 .hd-acount-area-wrap {
    padding: 10px;
}
#hd-acount-area02.dm-on {
    display: block;
}
#hd-acount-area02 .hd-acount-head {
    overflow: hidden;
    margin-bottom: 22px; 
    font-size: 0;
    text-align: center;
}
#hd-acount-area02 .hd-acount-head a[class*="hd-acount-"] {
    display: inline-block;
    width: 142px;
    padding: 5px 0;
    border-radius: 100px; 
    color: #333;
    font-size: 16px;
    text-align: center;
}
#hd-acount-area02 .hd-acount-head a.hd-acount-regist {
    margin-right: 10px; 
    border: 1px solid #ffca46;
    background-color: #ffca46;
}
#hd-acount-area02 .hd-acount-head a.hd-acount-login {
    border: solid 1px #c1c1c1;
}
#hd-acount-area02 .acount-pointlist {
    margin-top: 2px;
}
#hd-acount-area02 .acount-pointlist,
#hd-acount-area02 .acount-boughtlist,
#hd-acount-area02 .acount-userlist {
    position: relative;
    font-size: 14px;
}
#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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    height: 44px;
    padding: 7px 35px 7px 15px;
    color: rgba(0, 0, 0, .8);
    vertical-align: middle;
}
#hd-acount-area02 .list-link li a:after {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto 0; 
    background: url(//p.dmm.com/p/sp/common/arrow.png) 0 0/cover;
    content: "";
}
#hd-acount-area02 .list-link li a span {
    display: -webkit-box;
    overflow: hidden;
    max-height: 44.8px;
    font-size: 14px !important;
    line-height: 1.6 !important; 

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#hd-acount-area02 .list-link li:first-child {
    margin-top: 0;
}
#hd-acount-area02 .list-link li.user-my a {
    position: relative; 
    padding-left: 45px;
}
#hd-acount-area02 .list-link li.user-my a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 22px;
    width: 23px;
    height: 22px;
    height: 23px;
    margin: auto 0; 
    background-image: url(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725.png);
    background-position: 0 -40px;
    background-position: 0 -40px;
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #hd-acount-area02 .list-link li.user-my a:before {
        background-image: url(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725@2x.png);
        -webkit-background-size: 44px 559px;
                background-size: 44px 559px;
    }
}
#hd-acount-area02 .acount-contents {
    margin: 20px 0;
    font-size: 14px;
}
#hd-acount-area02 .acount-contents .acount-contents-headding {
    position: relative;
}
#hd-acount-area02 .acount-contents .acount-contents-headding ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
#hd-acount-area02 .acount-contents .acount-contents-headding li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 44px;
    color: #888;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    -webkit-box-flex: 1; 

    -webkit-flex-grow: 1; 

        -ms-flex-positive: 1; 

            flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#hd-acount-area02 .acount-contents .acount-contents-headding li:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    margin: auto;
    background-color: #00bcd4;
    content: "";

    will-change: width;
}
#hd-acount-area02 .acount-contents .acount-contents-headding li.is-selected {
    color: #333;
}
#hd-acount-area02 .acount-contents .acount-contents-headding li.is-selected:after {
    width: 100%;
    -webkit-transition: width .2s cubic-bezier(.23, 1, .32, 1);
            transition: width .2s cubic-bezier(.23, 1, .32, 1);
}
#hd-acount-area02 .acount-contents .acount-contents-headding li span {
    display: -webkit-box;
    overflow: hidden;
    max-height: 33.6px;
    padding: 0 5px; 
    font-size: 12px !important;
    line-height: 1.4 !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#hd-acount-area02 .acount-boughtlist,
#hd-acount-area02 .acount-basket,
#hd-acount-area02 .acount-bookmarklist {
    display: none;
}
#hd-acount-area02 .acount-boughtlist.is-selected,
#hd-acount-area02 .acount-basket.is-selected,
#hd-acount-area02 .acount-bookmarklist.is-selected {
    display: block;
}
#hd-acount-area02 .acount-boughtlist p:after {
    display: table;
    clear: both; 
    content: "";
}
#hd-acount-area02 .acount-boughtlist .bought-txt-service {
    float: left;
    margin: 2px 0;
}
#hd-acount-area02 .acount-boughtlist .bought-txt-pagename {
    float: right;
    margin: 2px 0; 
    color: #a4a4a4;
}
#hd-acount-area02 .acount-pointlist .point-area-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 44px;
    padding: 13px 10px 13px 45px; 
    background: #fff;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
}
#hd-acount-area02 .acount-pointlist .point-area-wrap:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 22px;
    width: 23px;
    height: 22px;
    height: 23px;
    margin: auto 0; 
    background-image: url(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725.png);
    background-position: 0 -83px;
    background-position: 0 -83px;
    content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #hd-acount-area02 .acount-pointlist .point-area-wrap:before {
        background-image: url(//p.dmm.co.jp/p/sp/common/sprite_header_parts_170725@2x.png);
        -webkit-background-size: 44px 559px;
                background-size: 44px 559px;
    }
}
#hd-acount-area02 .acount-pointlist .point-area-wrap .hd-acount-point-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

        -ms-flex: 1;

            flex: 1;
}
#hd-acount-area02 .acount-pointlist .point-area-wrap .hd-acount-point {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 10px;
    border-radius: 100px;
    background-color: #ffca46;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
}
#hd-acount-area02 .acount-pointlist .point-area-wrap .point-loading-error {
    color: #ff5a6e; 
    font-size: 12px;
    line-height: 1.4;
}

@-webkit-keyframes animation {
    0% {
        width: 0;
    }
    100% {
        width: 20px;
    }
}

@keyframes animation {
    0% {
        width: 0;
    }
    100% {
        width: 20px;
    }
}
#hd-acount-area02 .acount-pointlist .point-loading {
    color: #7c7c7c; 
    font-size: 12px;
}
#hd-acount-area02 .acount-pointlist .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;
}
#hd-acount-area02 .acount-pointlist .list-detail {
    position: relative; 
    padding-right: 25px;
}
#hd-acount-area02 .acount-pointlist .list-detail:after {
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto 0;
    background: url(//p.dmm.com/p/sp/common/arrow.png) 0 0/cover;
    content: "";
}
#hd-acount-area02 .acount-pointlist .list-detail .point-total {
    color: #1f2d3d; 
    font-size: 12px;
}
#hd-acount-area02 .acount-pointlist .list-detail .point-total span {
    margin-right: 4px; 
    color: #ff5a6e;
    font-size: 16px;
    line-height: 1.4;
}
#hd-acount-area02 .acount-pointlist .list-detail .point-others {
    color: #7c7c7c; 
    font-size: 10px;
}
#hd-acount-area02 .acount-pointlist .list-detail .point-others span {
    margin-left: 4px;
}
#hd-acount-area02 .acount-logout .btn-logout {
    margin-bottom: 30px;
}
#hd-acount-area02 .acount-logout .btn-logout a {
    display: block;
    padding: 9px 0; 
    border: 1px solid #c1c1c1;
    border-radius: 100px;
    color: #333;
    font-size: 16px;
    text-align: center;
}

/* ==================================== [ #hd-search-bar ] */
#hd-search-bar {
    position: absolute;
    z-index: 150;
    width: 100%;
    background: #e1e2e5;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; 
    -webkit-transition-duration: .15s; 
            transition-duration: .15s;
    -webkit-transition-property: background;
            transition-property: background;

    -webkit-tap-highlight-color: transparent;
}
#dm-popup-load #hd-search-bar {
    display: none;
}
#hd-search-bar.is-animated {
    background: #f7f7f7;
}
#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;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; 
    -webkit-transition-duration: .15s; 
            transition-duration: .15s;
    -webkit-transition-property: height,line-height,padding;
            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;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; 
    -webkit-transition-duration: .15s; 
            transition-duration: .15s;
    -webkit-transition-property: border;
            transition-property: border;
}
#hd-search-bar.is-animated .search-bar__inner {
    border: 1px solid #00bcd4;
}
.dm-adult #hd-search-bar.is-animated .search-bar__inner {
    border-color: #ff5a6e;
}
#hd-search-bar .search-bar__txt {
    opacity: 1;
    color: #595959;
    -webkit-transition-timing-function: ease;
            transition-timing-function: ease; 
    -webkit-transition-duration: .15s; 
            transition-duration: .15s;
    -webkit-transition-property: opacity;
            transition-property: opacity;
}
#hd-search-bar.is-animated .search-bar__txt {
    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(//p.dmm.co.jp/p/sp/common/ico_search_darkgray.png) no-repeat scroll 0 0;
    -webkit-background-size: 11px 11px;
            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: #f7f7f7;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .3);
            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"] {
    -webkit-box-sizing: content-box; 
            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;
    -webkit-box-shadow: inset 1px 2px 1px #ccc;
            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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 79%;
    height: 37px;
    padding: 3px 1.5em 3px 6px;
    border: 1px #c1c1c1 solid;
    border-radius: 4px;
    background: #fff url(//p.dmm.co.jp/p/sp/common/ico/ico_select_gray.png) no-repeat 98% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 1em auto;
            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;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 80px;
    height: 35px;
    padding: 0 1em 0 2.5em;
    border: none;
    border-radius: 4px;
    background: #00bcd4;
    background: #00bcd4 url(//p.dmm.co.jp/p/sp/common/ico_search.png) no-repeat scroll 20% 50%;
    -webkit-background-size: 20px 20px;
            background-size: 20px 20px;
    -webkit-box-shadow: none;
            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: #ff5a6e;
}

#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;
            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 ] */
#hd-search-area02 #frmSearch {
    position: relative;
}

#hd-search-area02 #frmSearch #suggest {
    position: absolute;
    z-index: 99999;
    top: 49px;
    right: 14px;
    left: 14px;
    -webkit-box-sizing: border-box;
            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; 
    -webkit-box-sizing: border-box; 
            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 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
    width: 100%;
    height: 34px;
    margin: 0;
    padding: 0 12px 6px 12px;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#hd-search-area02 #frmSearch .search-box {
    position: relative; 
    width: 100%;
    margin: 0 0 -1px 0;
    border: solid 1px #00bcd4;
    border-radius: 17px;
    background: #fff;
}

.dm-adult #hd-search-area02 #frmSearch .search-box {
    border-color: #ff5a6e;
}

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

/* ==================================== [ #history追加 ] */
#hd-search-area02 .hd-select-area {
    margin: 0 0 9px;
}
#hd-search-area02 .hd-select-area:after {
    display: block;
    clear: both; 
    content: " ";
}

#hd-search-area02 #hd-history-area {
    clear: both;
    margin: 0 -9px;
    border-bottom: 1px solid #cfcfcf; 
    background: #fff;
    font-size: 13px;
}
#hd-search-area02 #hd-history-area ul {
    padding: 0 3px;
}
#hd-search-area02 #hd-history-area ul li {
    position: relative; 
    border-bottom: 1px solid #cfcfcf;
}
#hd-search-area02 #hd-history-area ul li:last-child {
    border-bottom: 0;
}
#hd-search-area02 #hd-history-area ul li .hd-history-word {
    display: block;
    margin-right: 39px;
    padding: 11px 0 11px 11px;
    color: #333;
}
#hd-search-area02 #hd-history-area ul li .hd-history-word span {
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all; 

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#hd-search-area02 #hd-history-area ul li .fn-delete-one {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; 
    width: 40px;
    height: 40px;
    margin: auto;
    padding: 11px;
}
#hd-search-area02 #hd-history-area ul li .fn-delete-one img {
    vertical-align: middle;
}
#hd-search-area02 #hd-history-area p.fn-delete-all {
    border-top: 1px solid #cfcfcf; 
    background: #e5e5e5;
    color: #3198cd;
    line-height: 38px;
    text-align: center;
}

#hd-search-area02 #hd-search-area {
    padding-bottom: 0;
    border-bottom: 0;
}
#hd-search-area02 #hd-search-area form {
    padding: 9px 9px 0;
}

/* ==================================== [ #hd-search-area ] */
#hd-search-area {
    display: none;
    z-index: 150;
    padding: 10px; 
    background: #f7f7f7;
    color: #333;
}
#dm-popup-load #hd-search-area {
    display: none;
}
#hd-search-area.dm-on {
    display: block;
}
#hd-search-area #frmSearch {
    position: relative;
}
#hd-search-area #frmSearch:before,
#hd-search-area #frmSearch:after {
    display: table; 
    content: "";
}
#hd-search-area #frmSearch:after {
    clear: both;
}
#hd-search-area #frmSearch div {
    vertical-align: middle;
}
#hd-search-area #frmSearch .hd-select-area {
    margin-bottom: 10px;
}
#hd-search-area #frmSearch .hd-select-area .select-box {
    overflow: hidden;
    border: 1px #c1c1c1 solid;
    border-radius: 4px;
    background: #fff url(//p.dmm.co.jp/p/sp/common/ico_select_darkgray.png) no-repeat 98% 50%;
    -webkit-background-size: 1em auto;
            background-size: 1em auto;
}
#hd-search-area #frmSearch .hd-select-area label {
    display: none;
}
#hd-search-area #frmSearch .hd-select-area select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 130%;
    height: 34px;
    padding: 3px 1.5em 3px 10px;
    border: none;
    background: transparent; 
    color: #595959;
    font-size: 12px;
    line-height: 1.6;
    vertical-align: bottom;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}
#hd-search-area #frmSearch .hd-input-area {
    position: relative;
    margin-bottom: 10px;
}
#hd-search-area #frmSearch .hd-input-area #searchstr {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 3px 45px 3px 10px;
    border: none;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #c1c1c1;
    border-radius: 4px 0 0 4px;
    outline: none;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #333;
    font-size: 16px;
    line-height: 34px;
    text-align: left;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
#hd-search-area #frmSearch .hd-input-area #searchstr::-webkit-input-placeholder {
    color: #d7d7d7;
    font-size: 14px;
    font-weight: normal;
}
#hd-search-area #frmSearch .hd-input-area #searchstr::-moz-placeholder {
    color: #d7d7d7;
    font-size: 14px;
    font-weight: normal;
}
#hd-search-area #frmSearch .hd-input-area #searchstr:-ms-input-placeholder {
    color: #d7d7d7;
    font-size: 14px;
    font-weight: normal;
}
#hd-search-area #frmSearch .hd-input-area #searchstr::placeholder {
    color: #d7d7d7;
    font-size: 14px;
    font-weight: normal;
}
#hd-search-area #frmSearch .hd-input-area #searchstr:focus {
    border-color: #00bcd4;
}
.dm-adult #hd-search-area #frmSearch .hd-input-area #searchstr:focus {
    border-color: #ff5a6e;
}
#hd-search-area #frmSearch .hd-input-area .search-box {
    position: relative; 
    width: auto;
    padding: 0 55px 0 0;
    background: #fff;
}
#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset {
    display: none; 
    position: absolute;
    top: 0;
    right: 62px;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 40px;
    height: 100%;
    margin: auto;
    font-size: 0;

    -webkit-tap-highlight-color: transparent;
}
#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset:before,
#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; 
    content: "";
}
#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset:before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #a4a4a4;
}
#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset:after {
    width: 12px;
    height: 12px;
    background: url(//p.dmm.com/p/sp/common/ico_close_history.png) no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
}
#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset.dm-on {
    display: block;
}
#hd-search-area #frmSearch .hd-input-area input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0; 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
    width: 56px;
    height: 44px;
    border: none;
    border-radius: 0 4px 4px 0;
    background: #00bcd4 url(//p.dmm.co.jp/p/sp/common/ico_search.png) no-repeat scroll 50% 50%;
    -webkit-background-size: 20px 20px;
            background-size: 20px 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #fff;
    text-shadow: none;
}
.dm-adult #hd-search-area #frmSearch .hd-input-area input[type="submit"] {
    background-color: #ff5a6e;
}
#hd-search-area #frmSearch #hd-history-area {
    margin: 0 -10px; 
    font-size: 14px;
}
#hd-search-area #frmSearch #hd-history-area ul li {
    display: table;
    position: relative;
    width: 100%;
    margin-top: 2px;
    background: #fff;
}
#hd-search-area #frmSearch #hd-history-area ul li:first-child {
    margin-top: 0;
}
#hd-search-area #frmSearch #hd-history-area ul li .hd-history-word {
    display: table-cell;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 44px;
    margin-right: 39px;
    padding: 8px 36px 8px 10px;
    color: #333;
    vertical-align: middle;
}
#hd-search-area #frmSearch #hd-history-area ul li .hd-history-word span {
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all; 

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#hd-search-area #frmSearch #hd-history-area ul li .fn-delete-one {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 40px;
    height: 100%;
    margin: auto;
    font-size: 0;
}
#hd-search-area #frmSearch #hd-history-area ul li .fn-delete-one:before,
#hd-search-area #frmSearch #hd-history-area ul li .fn-delete-one:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; 
    content: "";
}
#hd-search-area #frmSearch #hd-history-area ul li .fn-delete-one:before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #a4a4a4;
}
#hd-search-area #frmSearch #hd-history-area ul li .fn-delete-one:after {
    width: 12px;
    height: 12px;
    background: url(//p.dmm.com/p/sp/common/ico_close_history.png) no-repeat center center;
    -webkit-background-size: cover;
            background-size: cover;
}
#hd-search-area #frmSearch #hd-history-area .fn-delete-all {
    padding: 20px 0;
    color: #00bcd4;
    text-align: center;
}
#hd-search-area #frmSearch #suggest {
    margin-top: 10px;
}
#hd-search-area #frmSearch #suggest .suggest-list {
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 -10px;
    margin-top: 2px;
    padding: 11px 15px;
    border-bottom: none;
    background: #fff;
    font-size: 14px;
    font-weight: normal; 
    white-space: nowrap;
}
#hd-search-area #frmSearch #suggest .suggest-list span {
    display: block;
    overflow: hidden;
}
#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 .suggest-list {
    padding: 0;
}
#hd-search-area #frmSearch #suggest > .txt-suggest__service .suggest-list a {
    display: block;
    overflow: hidden; 
    padding: 12px 15px;
    color: #00bcd4;
}
.dm-adult #hd-search-area #frmSearch #suggest > .txt-suggest__service .suggest-list a {
    color: #ff5a6e;
}
#hd-search-area #frmSearch #suggest > .txt-suggest__service .suggest-list span {
    margin-top: 5px;
    color: #a4a4a4; 
    font-size: 12px;
    font-weight: normal;
}
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;
}

/* =========================

ページ内アンカーリンクの修正対応（iOSのみ）

========================= */
.dm-ios .dm-anchor-link {
    margin-top: -80px; 
    padding-top: 80px;
}