@charset "utf-8";

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


/* ========================= [ reset ] */
body {
  height: 100%;
  margin: 0;
  padding: 0;
  width: device-width;
  line-height: 1.6;
  font-family: "HiraKakuProN-W3", "verdana";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  line-break: normal;
  word-wrap: break-word;
}

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

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

h1 {
  font-size: 12px;
}

ul {
  list-style: none;
}

li img {
  vertical-align: bottom;
}

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

a {
  text-decoration: none;
}

a img {
  border: none;
}

a:link {
  color: #3b5998;
}

a:visited {
  color: #800080;
}

a:hover,
a:active {
  color: #3b5998;
}
@charset "UTF-8";
/* ========================= [ reset - #dm-side,#dm-header,#dm-footer ] */
#dm-side,
#dm-header,
#dm-footer {
  line-height: 1.6;
  font-family: "HiraKakuProN-W3", "verdana";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
}

#dm-side *,
#dm-header *,
#dm-footer * {
  margin: 0;
  padding: 0;
}

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

#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-style: normal;
  font-weight: bold;
}

#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-side a:active,
#dm-header a:hover,
#dm-header a:active,
#dm-footer a:hover,
#dm-footer a:active {
  color: #3b5998;
}

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

#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 .hd-wrap {
  height: 44px;
  background-image: -webkit-linear-gradient(bottom, #e1e1e1 0%, white 100%);
  background-image: linear-gradient(to top, #e1e1e1 0%, white 100%);
  border-bottom: #9f9f9f solid 1px;
  overflow: hidden;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
}

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

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

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

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

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

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

#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-size: 74px 185px;
  background-repeat: no-repeat;
}

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

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;
  content: "";
  height: 34px;
  width: 1px;
  margin-top: 5px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 1px 0px 0px 0px white;
}

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

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

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

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

#dm-header #hd-gnav {
  height: auto;
  background: #2e2e2e;
  color: #FFF;
  text-align: center;
  font-weight: normal;
  display: none;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
}

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

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

#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 {
  color: #eee;
  position: relative;
}

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

#dm-header #hd-gnav .hd-gnav-head > div:first-child > a:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  content: "";
  display: inline-block;
  opacity: 0.35;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url(//p.dmm.co.jp/p/sp/common/sprite-icon-130606.png);
  font-size: 28px;
}

#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 {
  background-position: 0 -3em;
  padding: 3px 6px 3px 27px;
}

#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;
  background: #fff;
  border-bottom: #bbb solid 1px;
}

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

#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%;
  border-top: #eff0f3 solid 1px;
  border-bottom: #dadada solid 1px;
  padding: 3px 0;
}

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

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

#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;
  vertical-align: middle;
  overflow: hidden;
  margin-left: -1px;
  padding: 1px 0;
}

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

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-digi-tod {
  line-height: 14px;
  font-size: 12px;
  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 {
  line-height: 14px;
  font-size: 13px;
}

#dm-header.hd-com #hd-gnav .hd-gnav-servicelist .hd-charity {
  line-height: 12px;
  font-size: 12px;
  padding: 7px 0 5px;
  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 {
  line-height: 14px;
  font-size: 13px;
  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 {
  line-height: 14px;
  font-size: 12px;
  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 {
  line-height: 14px;
  font-size: 13px;
  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 {
  letter-spacing: -0.5px;
  font-size: 13px;
}

#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-linear-gradient(bottom, #bec3ce 0%, #e8eaee 100%);
  background-image: linear-gradient(to top, #bec3ce 0%, #e8eaee 100%);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
}

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

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

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

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

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

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

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

#dm-header #hd-acount-area {
  display: none;
  padding-bottom: 1px;
  background: -webkit-linear-gradient(top, #e0e0e0, #f0f0f0);
  background: linear-gradient(to bottom, #e0e0e0, #f0f0f0);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.2);
}

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

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

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

#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 {
  position: absolute;
  top: 50%;
  left: 22px;
  margin-top: -0.5em;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-size: 1em auto;
  background-image: url(//p.dmm.co.jp/p/sp/common/sprite-acount-icon-130606.png);
  font-size: 28px;
}

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

#dm-header #hd-acount-area .list-link {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.4);
  background-color: #FFF;
  border-radius: 3px;
}

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

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

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

#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;
  content: "";
  height: 35px;
  margin-top: -18px;
  background-image: url(//p.dmm.co.jp/p/sp/common/sprite-acount-boughtlist-141031.png);
  background-size: 115px 350px;
  background-repeat: no-repeat;
}

#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: 0px 0px;
}

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

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

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

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

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

#dm-header #hd-acount-area .acount-boughtlist .list-link li.bought-auction a:before {
  background-position: 0px -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 {
  content: "";
  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;
  background-size: 1.75em;
  vertical-align: middle;
  opacity: .7;
}

#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 {
  content: "";
  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;
}

#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);
  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: 0px -244px;
}

#dm-header #hd-acount-area .acount-userlist .list-link li.user-dmmmoney a:before {
  background-position: 0px -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, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 0 1px white, inset 0 -1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
}

#dm-header #hd-acount-area .acount-logout .btn-logout a {
  display: block;
  width: 100%;
  line-height: 3em;
  text-align: center;
  font-weight: bold;
  color: #f0f0f0;
  text-shadow: 0px -1px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}

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 {
  content: '';
  display: block;
  margin-top: -1px;
  background: #fff;
  border-top: rgba(0, 0, 0, 0.3) solid 1px;
  width: 100%;
  height: 1px;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.2);
}

body.bd-acount #dm-header #hd-acount-area,
body.bd-gnav #dm-header #hd-gnav {
  padding-bottom: 0;
  box-shadow: none;
}

#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 {
  color: #CCC;
  font-weight: bold;
  padding: 6px 10px;
  background: #333;
  border-radius: 5px 5px 0 0;
}

#dm-footer .ft-nav dd {
  background: #fafafa;
  border-left: #999 solid 1px;
  border-right: #999 solid 1px;
  border-bottom: #999 solid 1px;
}

#dm-footer .ft-nav dd:last-child {
  border-radius: 0 0 5px 5px;
}

#dm-footer .ft-nav dd a {
  width: 100%;
  padding: 8px 10px;
  color: #333;
  display: inline-block;
  box-sizing: border-box;
  background: none;
}

#dm-footer .ft-safety,
#dm-footer .ft-refund {
  width: 90%;
  margin: 0 auto 10px;
}

#dm-footer .ft-infolist {
  width: 90%;
  margin: 0 auto;
  list-style: none;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
}

#dm-footer .ft-infolist li {
  float: left;
}

#dm-footer > .ft-link-totop {
  text-align: right;
  width: 95%;
  margin-bottom: 10px;
}

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

#dm-footer .ft-btn-pc {
  width: 180px;
  margin: 20px auto;
  text-align: center;
  border: #CCC solid 1px;
  background-image: -webkit-linear-gradient(bottom, #eeeeee 0%, white 100%);
  background-image: linear-gradient(to top, #eeeeee 0%, white 100%);
}

#dm-footer .ft-btn-pc > a {
  display: inline-block;
  width: 100%;
  color: #777;
  padding: 4px 0;
}

#dm-footer .ft-btn-recruit {
  display: block;
  height: 36px;
  margin: 14px 14px;
  background: #71ab45;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
}

#dm-footer .ft-btn-recruit > span {
  background: url(http://p.dmm.com/p/sp/recruit/common/arr_02.png) no-repeat 100% 50%;
  background-size: 18px 18px;
  padding: 2px 26px 2px 0;
  color: #fff;
}

#hd-gnav02 > #hd-gnav02,
#hd-acount-area02 > #hd-acount-area02,
#hd-search-area02 > #hd-search-area02 {
  display: block;
}

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

body.bd-acount #hd-acount-area02 {
  display: block;
}

#dm-header #hd-search-area02 {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  position: relative;
  display: none;
  top: 0;
  z-index: 1001;
  box-shadow: none;
}

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

#hd-search-area02 > #hd-search-area02 {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  top: 0;
  padding-top: 0;
}

#dm-header > #dm-header02 > .hd-wrapwrap {
  position: relative;
}

body#mail_box #dm-content02,
body#mail_box #dm-content02-inn {
  position: static;
}

body#mail_box #dm-content02.dm-off {
  -webkit-transform: none;
          transform: none;
}

body {
  margin: 0;
  padding: 0;
}

#dm-side02,
#dm-header02,
#dm-footer,
#hd-gnav02,
#hd-acount-area02,
#hd-search-area02 {
  line-height: 1.6;
  font-family: "HiraKakuProN-W3", "verdana";
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
}

#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 {
  word-break: break-all;
  border: none;
}

#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-style: normal;
  font-weight: bold;
}

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

#dm-page02 {
  display: block;
  background: #f7f7f7;
  overflow: hidden;
  width: 100%;
  z-index: 100;
}

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

#dm-content02 {
  position: relative;
  overflow: hidden;
  background: #fff;
  z-index: 10;
}

#dm-content02-inn {
  display: block;
}

#dm-content02-inn.dm-on {
  display: block;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}

#dm-content02-inn.dm-off {
  display: none;
}

#dm-header02 {
  position: relative;
  z-index: 1000;
  min-height: 45px;
  background-color: transparent;
}

#dm-header02 .hd-wrap {
  display: table;
  width: 100%;
  height: 44px;
  background: #fff;
  border-bottom: 1px solid #f7f7f7;
  overflow: hidden;
  position: relative;
  z-index: 60;
}

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

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

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

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

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

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

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

#dm-header02 .hd-wrap .hd-logo .hd-location > span {
  width: 100%;
  height: 13px;
  margin-top: -1px;
  line-height: 13px;
  box-sizing: border-box;
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 1;
}

#dm-header02 .hd-wrap .hd-local + .hd-logo-wrap-halfprice .hd-location {
  white-space: nowrap;
}

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

#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;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  background-size: 18px 18px;
  background-position: center center;
}

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

#dm-header02 .hd-wrap .hd-local {
  background-image: url(//p.dmm.com/p/pf/icon/menu_local.svg);
}

#dm-header02 .hd-wrap .hd-search {
  background-image: url(//p.dmm.com/p/pf/icon/search.svg);
}

#dm-header02 .hd-wrap .hd-global {
  background-image: url(//p.dmm.com/p/pf/icon/menu_global.svg);
}

#dm-header02 .hd-wrap .hd-acount {
  background-image: url(//p.dmm.com/p/pf/icon/account.svg);
}

#dm-header02 .hd-wrap .hd-gbtn {
  -webkit-tap-highlight-color: transparent;
}

#dm-header02 .hd-wrap .hd-txt {
  display: none;
}

/** r18のみ使用 */
#dm-header02.hd-r18 .hd-global,
#dm-header02.hd-r18 .hd-acount,
#dm-header02.hd-r18 .hd-search {
  display: table-cell;
  background-repeat: no-repeat;
  width: 44px;
  height: 44px;
  background-position: center center;
}

#dm-header02.hd-r18 .hd-global {
  background-size: auto;
  background-image: url(//p.dmm.com/p/pf/icon/global_r18.svg);
}

#dm-header02.hd-r18 .hd-acount {
  background-size: 36px 36px;
  background-image: url(//p.dmm.com/p/pf/icon/user_text_r18.svg);
}

#dm-header02.hd-r18 .hd-search {
  background-size: auto;
  background-image: url(//p.dmm.com/p/pf/icon/search_r18.svg);
}

#dm-header02 .hd-overlay {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 260px;
  right: 0;
  bottom: 0;
  visibility: hidden;
}

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;
  background-color: transparent;
  color: #333;
  border-bottom: 1px #e1e3e6 solid;
  width: 100%;
}

#dm-header02 .hd-search-box form {
  padding: 10px 8px;
}

#dm-header02 .hd-search-box form input[type="text"] {
  width: 71%;
  height: 22px;
  margin-right: 6px;
  margin-bottom: 0;
  padding: 3px;
  font-size: 15px;
  border: rgba(0, 0, 0, 0.5) solid 1px;
  border-radius: 5px;
  box-shadow: inset 1px 2px 1px #ccc;
  box-sizing: content-box;
}

#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 {
  position: absolute;
  top: 10px;
  right: 6px;
  display: inline-block;
  width: 55px;
  height: 32px;
  line-height: 35px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 0 17px 17px 0;
  border: none;
  color: #fff;
  background: #00bcd4 url(//p.dmm.com/p/sp/common/ico_search.png) no-repeat scroll 40% 50%;
  background-size: 20px 20px;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  vertical-align: top;
}

.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 {
  background: white;
  position: absolute;
  top: 49px;
  right: 14px;
  left: 14px;
  width: auto;
  margin: auto;
  z-index: 99999;
  color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  border: none;
}

#dm-header02 .hd-search-box #frmSearch #suggest > div {
  width: inherit;
  margin: 0 0 -1px 0;
  padding: 6px 8px;
  border: solid 1px #aaa;
  box-sizing: border-box;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}

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

#dm-header02 .hd-search-box #frmSearch #searchstr {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 60px 6px 12px;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  box-sizing: border-box;
}

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

.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;
  height: 20px;
  width: 26px;
  color: #999;
  font-size: 20px;
  line-height: 17px;
  text-align: center;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
}

#hd-gnav02 {
  height: auto;
  padding: 0 10px 10px;
  background: #f7f7f7;
  color: #333;
  text-align: left;
  font-weight: normal;
  display: none;
}

#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 {
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

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

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

#hd-gnav02 .hd-gnav-head li a:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 5px;
  width: 25px;
  height: 25px;
  margin: -14px 0 0 -2px;
  font-size: 28px;
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center center;
}

#hd-gnav02 .hd-gnav-head .hd-gnav-head-top > a:before {
  background-image: url(//p.dmm.com/p/pf/icon/home.svg);
}

#hd-gnav02 .hd-gnav-head .hd-gnav-head-help > a:before {
  background-image: url(//p.dmm.com/p/pf/icon/help.svg);
}

#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 > ul > li:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 30px;
  height: 30px;
  position: absolute;
  margin: auto 0;
  left: 10px;
  top: 7px;
}

#hd-gnav02 .hd-gnav-list li {
  font-size: 16px;
  position: relative;
  line-height: 1.6em;
  background: #fff;
  margin-top: 2px;
  font-weight: bold;
}

#hd-gnav02 #hd-gnav-r18 .hd-gnav-list > ul > li > a,
#hd-gnav02 #hd-gnav-r18 .hd-gnav-list > ul > li .hd-gnav-list-ttl {
  padding: 10px 50px 10px 14px;
}

#hd-gnav02 #hd-gnav-r18 .hd-gnav-list > ul > li:before {
  content: none;
}

/** r18のみ使用 */
.dm-adult #dm-content02 #hd-gnav02 .hd-gnav-head .hd-gnav-head-top > a:before,
#dm-body.dm-adult #dm-content02 #hd-gnav02 .hd-gnav-head .hd-gnav-head-top > a:before {
  background-image: url(//p.dmm.com/p/pf/icon/home_fanza_r18.svg);
}

.dm-adult #dm-content02 #hd-gnav02 .hd-gnav-head .hd-gnav-head-help > a:before,
#dm-body.dm-adult #dm-content02 #hd-gnav02 .hd-gnav-head .hd-gnav-head-help > a:before {
  background-image: url(//p.dmm.com/p/pf/icon/help_r18.svg);
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-menus:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/menus.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-travel:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/travel.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-akb:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/lod.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-prime:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/digital.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-dc:before, #hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-doujin:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/book.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-game:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/netgame.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-chariloto:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/race.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-makestore:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/make.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-livecommune:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/commune.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-20th:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/20th.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-webcamp:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/webcamp.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-aquiz:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/aquiz.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-planets:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/planets.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-auto:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/auto.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-app:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/app.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-banusy:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/banusy.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-bitcoin:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/bitcoin.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-deai:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/deai.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-eikaiwa:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/eikaiwa.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-energy:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/energy.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-event:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/event.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-fx:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/fx.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-hikari:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/hikari.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-kabu:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/kabu.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-kouenirai:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/kouenirai.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-livechat:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/livechat.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-lounge:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/lounge.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-make:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/make.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-mono:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/mono.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-mvno:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/mvno.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-netgame:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/netgame.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-news:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/news.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-okan:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/okan.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pcgame:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/pcgame.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pcsoft:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/pcsoft.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-pictures:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/pictures.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-ptown:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/ptown.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-rental:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/rental.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-robots:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/robots.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-scratch:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/scratch.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-teller:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/teller.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-theater:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/theater.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-digital:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/digital.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-syukatsu:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/syukatsu.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-100man:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/100man.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-aquarium:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/aquarium.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-stage:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/stage.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-nogyo:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/nogyo.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-showbooth:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/showbooth.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-dmmcard:before {
  background-image: url("//p.dmm.co.jp/p/pf/icon/service/dmmcard.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-dmmpointclub:before {
  background-image: url("https://p-smith.com/service-icon/dmmpointclub.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-virtual_office:before {
  background-image: url("https://p-smith.com/service-icon/virtual_office.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-clinic:before {
  background-image: url("https://p-smith.com/service-icon/clinic.svg");
}

#hd-gnav02 .hd-gnav-list > ul > li.hd-gnav-list-chatboost:before {
  background-image: url("https://p-smith.com/service-icon/chatboost.svg");
}

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

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

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

#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;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  max-height: 51.2px;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#hd-gnav02 .hd-gnav-list .hd-gnav-btnlist li > a > span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  max-height: 39.2px;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

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

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

#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 {
  border: none;
  display: inline-block;
  width: 50%;
  position: relative;
  margin: 0;
  box-sizing: border-box;
  vertical-align: middle;
  word-break: break-word;
}

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

#hd-gnav02 .hd-gnav-list-other .hd-gnav-btnlist {
  display: block;
}

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

#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 > 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: 0px;
}

#hd-gnav02 .hd-btn-exchange {
  display: inline-block;
  width: 100px;
  height: 34px;
  margin: 15px 0;
  padding: 0 0;
  vertical-align: middle;
  font-size: 12px;
  text-decoration: none;
  border-radius: 17px;
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #ff5a6e;
}

.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-gnav02 .hd-btn-exchange span:nth-child(3) {
  font-size: 10px;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  white-space: nowrap;
  display: block;
  margin: -4px 0 0 0;
}

#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;
  text-align: center;
  font-size: 0;
  margin-bottom: 22px;
}

#hd-acount-area02 .hd-acount-head a[class*="hd-acount-"] {
  display: inline-block;
  font-size: 16px;
  text-align: center;
  width: 142px;
  color: #333;
  padding: 5px 0;
  border-radius: 100px;
}

#hd-acount-area02 .hd-acount-head a.hd-acount-regist {
  width: 145px;
  padding: 8px 0;
  font-size: 14px;
  background-color: #ffca46;
  border: 1px solid #ffca46;
  margin-right: 6px;
}

#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;
  background-color: #FFF;
  width: 100%;
  margin-top: 2px;
}

#hd-acount-area02 .list-link li a {
  display: table-cell;
  width: 100%;
  height: 44px;
  padding: 7px 35px 7px 15px;
  color: rgba(0, 0, 0, 0.8);
  vertical-align: middle;
  box-sizing: border-box;
}

#hd-acount-area02 .list-link li a:after {
  content: "";
  background: url(//p.dmm.com/p/sp/common/arrow.png) 0 0/cover;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

#hd-acount-area02 .list-link li a span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  max-height: 44.8px;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#hd-acount-area02 .list-link li:first-child {
  margin-top: 0;
}

#hd-acount-area02 .list-link li.user-my a {
  padding-left: 45px;
  position: relative;
}

#hd-acount-area02 .list-link li.user-my a:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(//p.dmm.com/p/pf/icon/account.svg);
  background-size: 20px auto;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto 0;
}

#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: -ms-flexbox;
  display: flex;
}

#hd-acount-area02 .acount-contents .acount-contents-headding li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 12px;
  line-height: 1.5;
  color: #888;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  font-weight: bold;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

#hd-acount-area02 .acount-contents .acount-contents-headding li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
  height: 3px;
  background-color: #00bcd4;
  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 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: width 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}

#hd-acount-area02 .acount-contents .acount-contents-headding li span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  max-height: 33.6px;
  font-size: 12px !important;
  line-height: 1.4 !important;
  padding: 0 5px;
}

#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;
  content: "";
  clear: both;
}

#hd-acount-area02 .acount-boughtlist .bought-txt-service {
  float: left;
  margin: 2px 0;
}

#hd-acount-area02 .acount-boughtlist .bought-txt-pagename {
  color: #a4a4a4;
  float: right;
  margin: 2px 0;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  padding: 13px 10px 13px 45px;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(//p.dmm.com/p/pf/icon/point.svg);
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto 0;
  background-size: 20px auto;
  background-repeat: no-repeat;
}

#hd-acount-area02 .acount-pointlist .point-area-wrap .hd-acount-point-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

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

#hd-acount-area02 .acount-pointlist .point-area-wrap .point-loading-error {
  line-height: 1.4;
  font-size: 12px;
  color: #ff5a6e;
}

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

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

#hd-acount-area02 .acount-pointlist .point-loading {
  font-size: 12px;
  color: #7c7c7c;
}

#hd-acount-area02 .acount-pointlist .point-loading span {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  -webkit-animation: animation 1s linear infinite;
  animation: animation 1s linear infinite;
}

#hd-acount-area02 .acount-pointlist .list-detail {
  padding-right: 25px;
  position: relative;
}

#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 {
  font-size: 12px;
  color: #1f2d3d;
}

#hd-acount-area02 .acount-pointlist .list-detail .point-total span {
  font-size: 16px;
  line-height: 1.4;
  color: #ff5a6e;
  margin-right: 4px;
}

#hd-acount-area02 .acount-pointlist .list-detail .point-others {
  font-size: 10px;
  color: #7c7c7c;
}

#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;
  border-radius: 100px;
  border: 1px solid #c1c1c1;
  text-align: center;
  font-size: 16px;
  color: #333;
  padding: 9px 0;
}

/** r18のみ対応 */
.dm-adult #hd-acount-area02 .list-link li.user-my a:before {
  background-image: url(//p.dmm.com/p/pf/icon/user_r18.svg);
}

.dm-adult #hd-acount-area02 .acount-pointlist .point-area-wrap:before {
  background-image: url(//p.dmm.com/p/pf/icon/point_r18.svg);
}

.dm-adult #dm-header02 .hd-wrap .hd-local {
  background-image: url(//p.dmm.com/p/pf/icon/menu_r18.svg);
}

#hd-search-bar {
  background: #e1e2e5;
  position: absolute;
  z-index: 150;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

#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;
  line-height: 20px;
  padding: 5px;
  -webkit-transition-property: height, line-height, padding;
  transition-property: height, line-height, padding;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

#hd-search-bar.is-animated .search-bar {
  height: 25px;
  line-height: 25px;
  padding: 7px;
}

#hd-search-bar .search-bar__inner {
  border-radius: 3px;
  background-color: #FFF;
  height: inherit;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: .5em;
  -webkit-transition-property: border;
  transition-property: border;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

#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-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

#hd-search-bar.is-animated .search-bar__txt {
  opacity: 0;
}

#hd-search-bar .search-bar__txt:before {
  display: inline-block;
  background: url(//p.dmm.com/p/sp/common/ico_search_darkgray.png) no-repeat scroll 0 0;
  content: "";
  width: 11px;
  height: 11px;
  background-size: 11px 11px;
  margin-right: .5em;
  position: relative;
  top: 1px;
}

#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 {
  background: #f7f7f7;
  padding-bottom: 1px;
  color: #333;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
  border-bottom: 1px #e1e3e6 solid;
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
  z-index: 50;
}

#hd-search-area02 form {
  padding: 14px;
}

#hd-search-area02 form input[type="text"] {
  width: 71%;
  height: 22px;
  margin-right: 6px;
  margin-bottom: 0;
  padding: 3px;
  font-size: 15px;
  border: rgba(0, 0, 0, 0.5) solid 1px;
  border-radius: 5px;
  box-shadow: inset 1px 2px 1px #ccc;
  box-sizing: content-box;
}

#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-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 37px;
  line-height: 1.6;
  width: 79%;
  padding: 3px 1.5em 3px 6px;
  border-radius: 4px;
  border: 1px #c1c1c1 solid;
  box-sizing: border-box;
  background: #FFF url(//p.dmm.co.jp/p/sp/common/ico/ico_select_gray.png) no-repeat 98% 50%;
  background-size: 1em auto;
  background-repeat: no-repeat;
  font-size: 14px;
  vertical-align: bottom;
}

#hd-search-area02 form input[type="submit"] {
  display: inline-block;
  width: 80px;
  height: 35px;
  line-height: 35px;
  padding: 0 1em 0 2.5em;
  box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  border: none;
  color: #fff;
  background: #00bcd4;
  background: #00bcd4 url(//p.dmm.com/p/sp/common/ico_search.png) no-repeat scroll 20% 50%;
  background-size: 20px 20px;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  vertical-align: top;
}

.dm-adult #hd-search-area02 form input[type="submit"] {
  background-color: #ff5a6e;
}

#hd-search-area02 .hd-search-keyword {
  border-top: 1px #e1e3e6 solid;
  padding: 0 14px 14px;
}

#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;
  white-space: nowrap;
  padding: 4px 5px;
}

body[class*="dm-ios-5"] #hd-search-area02,
body.dm-android #hd-search-area02 {
  -webkit-transform: none;
  transform: none;
  position: static;
  padding-top: 0;
  display: 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);
}

body[class*="dm-ios"] #hd-search-area02.dm-on {
  -webkit-animation: search-area_on 0.3s ease 1;
}

body[class*="dm-ios"] #hd-search-area02.dm-off {
  -webkit-animation: search-area_off 0.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;
}

#hd-search-area02 #frmSearch {
  position: relative;
}

#hd-search-area02 #frmSearch #suggest {
  background: white;
  position: absolute;
  top: 49px;
  right: 14px;
  left: 14px;
  width: auto;
  margin: auto;
  z-index: 99999;
  color: rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  border: none;
}

#hd-search-area02 #frmSearch #suggest > div {
  width: inherit;
  margin: 0 0 -1px 0;
  padding: 6px 8px;
  border: solid 1px #aaa;
  box-sizing: border-box;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
}

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

#hd-search-area02 #frmSearch #searchstr {
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 0 12px 6px 12px;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
}

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

.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;
  height: 20px;
  width: 26px;
  color: #999;
  font-size: 20px;
  line-height: 17px;
  text-align: center;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
}

#hd-search-area02 .hd-select-area {
  margin: 0 0 9px;
}

#hd-search-area02 .hd-select-area:after {
  content: " ";
  display: block;
  clear: both;
}

#hd-search-area02 #hd-history-area {
  background: #fff;
  margin: 0 -9px;
  clear: both;
  font-size: 13px;
  border-bottom: 1px solid #cfcfcf;
}

#hd-search-area02 #hd-history-area ul {
  padding: 0 3px;
}

#hd-search-area02 #hd-history-area ul li {
  border-bottom: 1px solid #cfcfcf;
  position: relative;
}

#hd-search-area02 #hd-history-area ul li:last-child {
  border-bottom: 0px;
}

#hd-search-area02 #hd-history-area ul li .hd-history-word {
  padding: 11px 0 11px 11px;
  margin-right: 39px;
  display: block;
  color: #333;
}

#hd-search-area02 #hd-history-area ul li .hd-history-word span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  word-break: break-all;
}

#hd-search-area02 #hd-history-area ul li .fn-delete-one {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 11px;
  box-sizing: border-box;
}

#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 {
  background: #e5e5e5;
  color: #3198cd;
  line-height: 38px;
  text-align: center;
  border-top: 1px solid #cfcfcf;
}

#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 {
  display: none;
  background: #f7f7f7;
  z-index: 150;
  color: #333;
  padding: 10px;
}

#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 {
  content: "";
  display: table;
}

#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-radius: 4px;
  border: 1px #c1c1c1 solid;
  background: #FFF url(//p.dmm.com/p/sp/common/ico_select_darkgray.png) no-repeat 98% 50%;
  background-size: 1em auto;
}

#hd-search-area #frmSearch .hd-select-area label {
  display: none;
}

#hd-search-area #frmSearch .hd-select-area select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 34px;
  line-height: 1.6;
  width: 130%;
  padding: 3px 1.5em 3px 10px;
  box-sizing: border-box;
  font-size: 12px;
  vertical-align: bottom;
  color: #595959;
  border: none;
  background: transparent;
}

#hd-search-area #frmSearch .hd-input-area {
  position: relative;
  margin-bottom: 10px;
}

#hd-search-area #frmSearch .hd-input-area #searchstr {
  font-size: 16px;
  width: 100%;
  height: 44px;
  line-height: 34px;
  margin: 0;
  padding: 3px 45px 3px 10px;
  border: none;
  outline: none;
  background: none;
  box-shadow: none;
  box-sizing: border-box;
  text-align: left;
  color: #333;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #c1c1c1;
  border-radius: 4px 0 0 4px;
  -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 {
  width: auto;
  background: #fff;
  padding: 0 55px 0 0;
  position: relative;
}

#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 62px;
  -webkit-tap-highlight-color: transparent;
  width: 40px;
  height: 100%;
  box-sizing: border-box;
  font-size: 0;
  display: none;
}

#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 {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hd-search-area #frmSearch .hd-input-area .search-box span.btn-reset:before {
  height: 18px;
  width: 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;
  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"] {
  width: 56px;
  height: 44px;
  box-sizing: border-box;
  border-radius: 0 4px 4px 0;
  border: none;
  color: #fff;
  background: #00bcd4 url(//p.dmm.com/p/sp/common/ico_search.png) no-repeat scroll 50% 50%;
  background-size: 20px 20px;
  text-shadow: none;
  box-shadow: none;
  position: absolute;
  top: 0;
  right: 0;
}

.dm-adult #hd-search-area #frmSearch .hd-input-area input[type="submit"] {
  background-color: #ff5a6e;
}

#hd-search-area #frmSearch #hd-history-area {
  font-size: 14px;
  margin: 0 -10px;
}

#hd-search-area #frmSearch #hd-history-area ul li {
  display: table;
  width: 100%;
  margin-top: 2px;
  position: relative;
  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;
  width: 100%;
  padding: 8px 36px 8px 10px;
  margin-right: 39px;
  box-sizing: border-box;
  color: #333;
  height: 44px;
  vertical-align: middle;
}

#hd-search-area #frmSearch #hd-history-area ul li .hd-history-word span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  word-break: break-all;
}

#hd-search-area #frmSearch #hd-history-area ul li .fn-delete-one {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  width: 40px;
  height: 100%;
  box-sizing: border-box;
  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 {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#hd-search-area #frmSearch #hd-history-area ul li .fn-delete-one:before {
  height: 18px;
  width: 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;
  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 {
  margin: 0 -10px;
  padding: 11px 15px;
  background: #fff;
  margin-top: 2px;
  border-bottom: none;
  box-sizing: border-box;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
}

#hd-search-area #frmSearch #suggest .suggest-list span {
  display: block;
  overflow: hidden;
}

#hd-search-area #frmSearch #suggest > .txt-suggest__service {
  padding: 0;
  border: 0;
  line-height: 1;
  font-weight: bold;
}

#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;
  padding: 12px 15px;
  color: #00bcd4;
  overflow: hidden;
}

.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;
  font-weight: normal;
  font-size: 12px;
  color: #a4a4a4;
}

body[class*="dm-android-2"] #hd-search-area,
body[class*="dm-android-3"] #hd-search-area {
  position: static;
  display: none;
}

body[class*="dm-android-2"] #hd-search-area.dm-on,
body[class*="dm-android-3"] #hd-search-area.dm-on {
  display: block;
}

/** r18のみ使用 */
.dm-adult #hd-search-area #frmSearch .hd-input-area input[type="submit"] {
  background-color: #ff5a6e;
  background-image: url(//p.dmm.com/p/pf/icon/search_white_r18.svg);
}

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

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

========================= */
.dm-ios .dm-anchor-link {
  padding-top: 80px;
  margin-top: -80px;
}
@charset "UTF-8";
input {
  height: 22px;
  padding: 3px;
  font-size: 15px;
  border: 1px solid #637588;
  border-radius: 5px;
  box-shadow: inset 1px 2px 1px #ccc;
}

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

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

select {
  height: 24px;
}

.main .pnb select {
  width: 80px;
}

[id="dm-content"] input {
  height: auto;
  padding: 0;
  font-size: inherit;
  border-radius: 0;
  box-shadow: none;
}

[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;
  font-size: 15px;
  border: rgba(0, 0, 0, 0.5) solid 1px;
  border-radius: 5px;
  box-shadow: inset 1px 2px 1px #ccc;
}

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

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

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

[id="dm-content"] textarea {
  padding: 3px;
  border: rgba(0, 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;
}

#main {
  margin: 0;
}

.content-unit {
  clear: both;
}

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

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

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

#footer {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 12px 0;
}

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

ul#ft-list li,
ul#ft-list2 li {
  height: 30px;
  margin: 0px;
  list-style: none;
  clear: both;
  padding: 0px 0px 0px 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;
  line-height: 26px;
  background-image: -webkit-linear-gradient(top, #383838 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #383838 0%, #000000 100%);
  color: #FFF;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom: 1px solid #000;
  text-align: center;
  font-weight: bold;
}

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

ul#ft-list2 .name {
  border-radius: 5px;
  background-image: -webkit-linear-gradient(top, #383838 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #383838 0%, #000000 100%);
  border-bottom: none;
}

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

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

.list-sort {
  width: 100%;
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E7E7E7 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #E7E7E7 100%);
  border-bottom: 1px solid #D9D9D9;
}

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

.bx-pagemove {
  width: 290px;
  height: 40px;
  margin: 10px auto;
  border: 1px solid #AAA;
  border-radius: 5px;
  box-shadow: 0 1px 1px #CCC;
  text-align: center;
  line-height: 40px;
  text-shadow: 1px 1px 0px #FFF;
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DDD 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #DDD 100%);
}

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

.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-image: -webkit-linear-gradient(left, #AAA 0%, #FFF 100%);
  background-image: linear-gradient(to right, #AAA 0%, #FFF 100%);
}

.form-h20 {
  height: 20px;
  font-size: 12px;
}

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

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

.works-info {
  padding: 10px 0 0;
  font-size: 12px;
  line-height: 1.4em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.round-box {
  width: 95%;
  margin: 0 auto 10px;
  padding-bottom: 5px;
  border-radius: 5px;
  border: 1px solid #737373;
  background: #F5F5F5;
  font-size: 12px;
}

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

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

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

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

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

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

.round-box .navi {
  float: right;
  padding: 0px 6px 0px 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 {
  float: left;
  width: 50%;
  clear: right;
  display: inline;
  text-align: left;
}

#nav-recommend {
  padding-top: 5px;
  background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #E0E0E0 100%);
  background-image: linear-gradient(to bottom, #F5F5F5 0%, #E0E0E0 100%);
}

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

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

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

#nav-recommend li.on {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #FFFFFF;
  color: #FF6600;
  border-top: 1px solid #B9B9B9;
  border-left: 1px solid #B9B9B9;
  border-right: 1px solid #B9B9B9;
  border-bottom: 1px solid #FFFFFF;
}

.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 ] */
ul.list-actress  {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
}
.list-actress li {
  display: block;
  float: left;
  width: 25%;
  overflow: hidden;
  margin: 5px 0;
  text-align: center;
  font-size: 12px;
}
@media only screen and (min-width: 700px) {
  .list-actress li {
      width: 10%;
  }
}

.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: 0px 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;
}

.wb-nrml {
  word-break: normal;
  word-wrap: break-word;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}

.clear {
  clear: both;
}

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

.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 #CCCC33 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-left: auto;
  margin-right: 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: #CC0000;
}

.gre {
  color: #6FC;
}

.blu {
  color: #2b7ed1;
}

.yel {
  color: #FFF333;
}

.gra {
  color: #666;
}

.org {
  color: #ff6600;
}

.pnk {
  color: #FA1978;
}

.bla {
  color: #222;
}

.tx-hangaku {
  color: #ff4400;
}

.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(//p.dmm.co.jp/p/sp/base/ico_arrow01.gif) no-repeat left center;
}

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

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

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

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

.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;
  border-width: 1px 0px 0px 0px;
  margin: 22px 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 {
  height: auto;
  padding: 6px 6px;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  box-shadow: 0px 1px 1px #666;
  border-radius: 5px;
}

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

[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 {
  height: auto;
  padding: 6px 6px;
  box-sizing: border-box;
  font-size: 12px;
  display: inline-block;
}

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

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

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

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

.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;
  color: #fff;
  background-image: -webkit-linear-gradient(top, #3a3a3a 0%, #020202 100%);
  background-image: linear-gradient(to bottom, #3a3a3a 0%, #020202 100%);
}

.btn-color-gra {
  border-color: #BBBBBB #999999 #888888;
  box-shadow: 0 0 0 1px #f0f0f0 inset;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  color: #222;
  background-image: -webkit-linear-gradient(bottom, #DCDCDC 0%, #E1E1E1 51%, #F7F7F7 52%, #FFFFFF 100%);
  background-image: linear-gradient(to top, #DCDCDC 0%, #E1E1E1 51%, #F7F7F7 52%, #FFFFFF 100%);
  text-shadow: 0 1px 0 #FFF;
}

.btn-color-org {
  border-color: #BBBBBB #999999 #888888;
  box-shadow: 0 0 0 1px #ffecb9 inset;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  color: #222;
  text-shadow: 0 1px 0 #f6e38f;
  background-image: -webkit-linear-gradient(bottom, #FFB812 0%, #FFC233 51%, #FFDE8C 52%, #FFECBD 100%);
  background-image: linear-gradient(to top, #FFB812 0%, #FFC233 51%, #FFDE8C 52%, #FFECBD 100%);
}

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

.btn-color-gre {
  border: #6CB500 solid 1px;
  color: #fff;
  text-shadow: 0 -1px 0 #666;
  background: -webkit-linear-gradient(top, #99EA21 0%, #6CB500 100%);
  background: linear-gradient(to bottom, #99EA21 0%, #6CB500 100%);
}

.btn-color-red {
  border-color: #DC4848 #DC4848 #CC4242;
  box-shadow: 0 0 0 1px #ff9e9e inset;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  color: #fff;
  text-shadow: 0 -1px 0 #b52f2f;
  background-image: -webkit-linear-gradient(bottom, #E95252 0%, #F05757 50%, #F68181 52%, #FF8686 100%);
  background-image: linear-gradient(to top, #E95252 0%, #F05757 50%, #F68181 52%, #FF8686 100%);
}

.bx-back {
  border-top: 1px dotted #bebebe;
  background-color: #f5f5f5;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 10px;
}

.btn-close {
  margin-bottom: 20px;
  padding: 10px 0;
  background: #f5f5f5;
  border-top: #CCC solid 1px;
}

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

.btn-shape {
  position: relative;
  border: 1px solid #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 1px #666;
  text-align: center;
  color: #FFF;
  text-shadow: 0 -1px 0 #666;
}

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

.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;
  line-height: 22px;
  padding: 0 7px 0 18px;
  font-size: 12px;
  background: url(//p.dmm.co.jp/p/sp/base/ico_arrow03.png) no-repeat 7px center #202020;
  text-align: left;
}

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

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

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

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

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

.grd-red {
  background: -webkit-linear-gradient(top, #F33, #D00);
  background: linear-gradient(to bottom, #F33, #D00);
}

.grd-yel {
  background: -webkit-linear-gradient(top, #FB0, #F80);
  background: linear-gradient(to bottom, #FB0, #F80);
}

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

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

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

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

.grd-gra {
  background: -webkit-linear-gradient(top, #FFF, #DDD);
  background: linear-gradient(to bottom, #FFF, #DDD);
  border: 1px solid #AAA;
  text-shadow: 0 1px 0 #FFF;
}

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

.grd-wht {
  background: -webkit-linear-gradient(#fff, #e2e2e2);
  background: linear-gradient(#fff, #e2e2e2);
}

.grd-blk {
  background-image: -webkit-linear-gradient(bottom, #000000 16%, #252525 58%);
  background-image: linear-gradient(to top, #000000 16%, #252525 58%);
}

.grd-red {
  background: -webkit-linear-gradient(top, #F33, #D00);
  background: linear-gradient(to bottom, #F33, #D00);
}

.grd-yel {
  background: -webkit-linear-gradient(top, #FB0, #F80);
  background: linear-gradient(to bottom, #FB0, #F80);
}

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

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

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

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

.grd-gra {
  background: -webkit-linear-gradient(top, #FFF, #DDD);
  background: linear-gradient(to bottom, #FFF, #DDD);
  border: 1px solid #AAA;
  text-shadow: 0 1px 0 #FFF;
}

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

#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 {
  border-left: #c9c9C9 solid 1px;
  border-top: #c9c9C9 solid 1px;
  border-bottom: #c9c9C9 solid 1px;
  float: right;
  color: #333;
  font-weight: bold;
  font-size: 10px;
  margin: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

#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 {
  width: 100%;
  list-style: none;
  background: -webkit-linear-gradient(bottom, #000000 0%, #454545 100%);
  background: linear-gradient(to top, #000000 0%, #454545 100%);
}

#hd-lnav li {
  float: left;
  width: 25%;
}

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

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

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

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

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

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

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

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

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

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

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

header#top nav li:active, header#top nav li.on {
  border-bottom: 1px solid #868686;
  background-image: -webkit-linear-gradient(bottom, #242424, #868686);
  background-image: linear-gradient(to top, #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-menu {
  display: none;
}

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

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

body.bd-side {
  border: none;
}

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

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

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

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

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

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

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

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

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

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

footer dd a:link, footer dd a:visited, footer dd a:active {
  color: #222;
}

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

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

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

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

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

.sort-form {
  width: 100%;
  background: -webkit-linear-gradient(top, #FFFFFF, #E7E7E7);
  background: linear-gradient(to bottom, #FFFFFF, #E7E7E7);
  border-bottom: 1px solid #D9D9D9;
}

.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 {
  background: #e2e2e2;
  padding-bottom: 0px;
  border-bottom: #c2c2c2 solid 1px;
}

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

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

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

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

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

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

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

#topic-wrap {
  width: 100%;
  height: 73px;
  position: relative;
  margin-top: 10px;
}

#topic-left {
  position: absolute;
  width: 50px;
  height: 73px;
  z-index: 100;
  top: 0;
  left: 0;
  padding-left: 10px;
  box-sizing: border-box;
  opacity: 0.2;
}

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

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

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

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

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

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

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

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

.product-wrap {
  width: 310px;
  height: auto;
  margin: 10px auto 0;
  overflow: hidden;
}

.product-pos {
  position: relative;
}

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

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

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

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

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

header#top #search {
  width: 100%;
  padding: 10px 0;
  border-top: #cdcdcd solid 1px;
  border-bottom: #cdcdcd solid 1px;
  text-align: center;
  background: -webkit-linear-gradient(bottom, #E2E2E2 0%, #FBFBFB 100%);
  background: linear-gradient(to top, #E2E2E2 0%, #FBFBFB 100%);
  box-sizing: border-box;
}

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(//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 {
  width: 100%;
  height: 30px;
  padding: 0 4px;
  margin-bottom: 8px;
  border: #637588 solid 1px;
  border-radius: 5px;
  box-shadow: inset 0px 2px 1px 0px #ccc;
  font-size: 15px;
  box-sizing: border-box;
}

.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;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  border: #637588 solid 1px;
  border-radius: 5px;
  background: -webkit-linear-gradient(bottom, #2E2E2E 0%, #000000 50%, #353535 51%, #626262 100%);
  background: linear-gradient(to top, #2E2E2E 0%, #000000 50%, #353535 51%, #626262 100%);
}

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

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

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

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

#bx-notice {
  width: 90%;
  margin: 10px auto;
  border: 1px solid #0000cc;
}

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

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

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

#sort-list {
  display: none;
  width: 100%;
  border-bottom: 1px solid #8f8f8f;
  background: -webkit-linear-gradient(top, #FFF, #E7E7E7);
  background: linear-gradient(to bottom, #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;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0px 1px 1px #666;
  border-radius: 5px;
  border: #000 solid 1px;
  color: #fff;
  background: -webkit-linear-gradient(top, #3a3a3a, #020202);
  background: linear-gradient(to bottom, #3a3a3a, #020202);
}

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

a.bx-list-sort {
  color: #222;
}

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

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

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

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

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

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

.tl-order {
  padding: 12px 6px 12px;
}

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

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

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

#pnl {
  width: 100%;
  height: auto;
  margin: 0;
  border-bottom: 1px solid #aaa;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 0px #fff;
  background: #f0f0f0;
}

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

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

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

/*========================= [ .arrow-link ] */
.arrow-link {
  background: url(//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;
  text-align: right;
  background: #e5e5e5;
  border-bottom: 1px solid #bebebe;
}

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

/*========================= [ .bt-floor-menu ] */
.bt-floor-menu li {
  background: -webkit-linear-gradient(bottom, #E2E2E2 0%, #FBFBFB 100%);
  background: linear-gradient(to top, #E2E2E2 0%, #FBFBFB 100%);
  border-bottom: 1px solid #a5a5a5;
}

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

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

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

#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;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  background: -webkit-linear-gradient(bottom, #E2E2E2 0%, #FBFBFB 100%);
  background: linear-gradient(to top, #E2E2E2 0%, #FBFBFB 100%);
  border-bottom: 1px solid #a5a5a5;
}

.ml p {
  padding: 10px;
}

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

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

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

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

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

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

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

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

ul.bd-side.row2,
ul.ml-child.row2 {
  background-color: #a5a5a5;
}

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

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;
  line-height: 39px;
  padding: 0 18px 0 10px;
}

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

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

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

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

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

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

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

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

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

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

.slide-btn.ml[name*="genre"] p {
  background: url(//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(//p.dmm.co.jp/p/sp/digital/top/ico_arrow_to.png);
  color: #fff;
}

.list-btn li.bg-special {
  background: -webkit-linear-gradient(bottom, #eeeea3 0%, #f9f9d9 100%);
  background: linear-gradient(to top, #eeeea3 0%, #f9f9d9 100%);
}

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

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

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

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

.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-pake {
  text-align: center;
}

.list-pake li {
  display: inline;
}

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

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

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

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

/*========================= [ .ttlarrow ] */
.ttlarrow {
  background: url(//p.dmm.co.jp/p/sp/base/ico_arrow.gif) no-repeat 8px 15px;
  background-size: 6px 8px;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 12px 10px 18px;
  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) {
  border-right: #a5a5a5 solid 1px;
  box-sizing: border-box;
}

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

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

.subml a {
  color: #333;
}

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

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

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

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

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

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

#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;
  color: #222;
  padding-right: 10px;
  background: url(//p.dmm.co.jp/p/sp/base/ico_arrow_r.png) no-repeat right center;
  background-size: 9px 14px;
  background-origin: content-box;
}

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

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

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

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

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

/*================== [ .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(//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 {
  background: #f8f3dc;
  padding: 5px;
  margin-bottom: 5px;
}

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

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

#review a {
  color: #333;
}

.box_bnr {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}

.page-move {
  text-align: center;
}

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

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

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

.tab-btnarea {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  font-weight: bold;
}

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

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

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

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

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

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

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

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

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

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

.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 {
  padding: 10px 8px 10px 0;
  margin-right: 8px;
  margin-left: 95px;
}

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

#work-wrap {
  width: 100%;
  height: auto;
  padding: 10px 10px 15px;
  box-sizing: border-box;
}

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

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

#work-info {
  margin: 0;
  min-width: 210px;
  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 {
  margin: 0 0 20px;
  padding: 6px;
  background: #f5f5f5;
  box-sizing: border-box;
}

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

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

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

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

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

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

.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 {
  padding: 5px;
  background: #d4d4d4;
  border-bottom: #999 solid 1px;
  box-sizing: border-box;
}

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

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

.list-order li {
  border-top: 1px solid #bebebe;
  box-sizing: border-box;
}

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

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

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

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

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

#turn-basket {
  padding: 15px 10px 10px;
}

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

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

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

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

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

.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;
  vertical-align: middle;
  font-weight: bold;
}

.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 {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  background: -webkit-linear-gradient(bottom, #E2E2E2 0%, #FBFBFB 100%);
  background: linear-gradient(to top, #E2E2E2 0%, #FBFBFB 100%);
  border-bottom: 1px solid #a5a5a5;
}

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

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

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

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

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

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

.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(//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(//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 {
  height: 54px;
  display: -webkit-box;
  -webkit-box-align: center;
  background: #fff;
}

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

.btn-arrow p {
  padding: 12px;
  background: url(//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;
  font-size: 14px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #a5a5a5;
  background: url(//p.dmm.co.jp/p/sp/base/ico_arrow_lk.png) no-repeat right center #fff;
  background-size: 18px 14px;
}

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

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

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

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

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

#sp-topics {
  height: 73px;
  background: #fff;
}

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

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

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

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

#sp-btn-left {
  width: 20px;
  height: 73px;
  padding-left: 10px;
  opacity: 0.3;
  left: 0;
  position: absolute;
  z-index: 10;
}

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

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

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

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

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

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

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

.w95 {
  width: 95%;
}

.dm-notice {
  color: #c00;
}

.dm-arrow:before {
  border-bottom: 3px solid transparent;
  border-left: 5px solid #999;
  border-top: 3px solid transparent;
  border-right: 5px solid transparent;
  display: inline-block;
  content: '';
}

a.dm-arrow {
  line-height: 1.8;
}

.dm-error {
  padding: 12px;
  padding-left: 34px;
  text-align: left;
  color: #C00;
  border: 1px rgba(0, 0, 0, 0.2) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
  background: -webkit-linear-gradient(bottom, #ffffff 0%, #f0f0f0 100%);
  background: linear-gradient(to top, #ffffff 0%, #f0f0f0 100%);
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.dm-error:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 4px;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url(//p.dmm.co.jp/p/sp/common/ico/ico_error_red.png) no-repeat left top;
  background-size: 30px;
}

.dm-announce {
  text-align: left;
  color: #707070;
  border: 1px rgba(0, 0, 0, 0.2) solid;
  border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
  background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
}

.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;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 14px;
}

.dm-announce p:first-child em:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: url(//p.dmm.co.jp/p/sp/common/ico/ico_announce_red.png) no-repeat left top;
  background-size: 30px;
}

.dm-announce p:first-child + p {
  padding: 12px;
  border-top: 1px #ccc solid;
  box-shadow: inset 0px 1px 0px #fff;
}

.dm-announce p.fn-slidedown em {
  padding-right: 32px;
}

.dm-announce p.fn-slidedown em:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url(//p.dmm.co.jp/p/sp/common/ico/ico_circlearrow.png);
  background-repeat: no-repeat;
  background-position: -16px 0;
  background-size: 32px 16px;
}

.dm-announce p.fn-slidedown.on em:after {
  background-position: 0 0;
}

.dm-announce p.fn-slidedown + p {
  display: none;
}

.dm-btn {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  text-decoration: none;
  line-height: 1;
}

#dm-page .dm-btn > a,
#dm-page02 .dm-btn > a {
  color: #333;
}

.dm-btn > *,
input.dm-btn,
button.dm-btn {
  display: block;
  width: auto;
  height: auto;
  padding: 0.7em 1em;
  box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  border-top-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  background: -webkit-linear-gradient(bottom, #d9d7d7 0%, #f5f4f4 100%);
  background: linear-gradient(to top, #d9d7d7 0%, #f5f4f4 100%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.8) inset;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: inherit;
  font-weight: bold;
  line-height: 1;
}

input.dm-btn,
button.dm-btn {
  display: inline-block;
  width: auto;
  box-sizing: border-box;
  box-sizing: border-box;
  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 {
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  background: -webkit-linear-gradient(bottom, #ffae00 0%, #fff21b 100%);
  background: linear-gradient(to top, #ffae00 0%, #fff21b 100%);
}

.dm-btn.dm-btn-off > *,
input.dm-btn.dm-btn-off,
button.dm-btn.dm-btn-off {
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  -webkit-text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: none;
  background: -webkit-linear-gradient(bottom, #E7E7E7 0%, #F5F4F4 100%);
  background: linear-gradient(to top, #E7E7E7 0%, #F5F4F4 100%);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
}

.dm-btn-back {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  font-size: inherit;
  line-height: 1;
}

.dm-btn-back > * {
  top: 0;
  bottom: 0;
  color: #333;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  z-index: 5;
}

.dm-btn-back > span {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  padding: 0.7em 0.7em 0.7em 1.5em;
}

.dm-btn-back > :before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 1.2em;
  box-sizing: border-box;
  box-sizing: border-box;
  background: #ccc;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 0px 4px 4px 0px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8) inset;
  z-index: -1;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.4);
  border-top-color: rgba(0, 0, 0, 0.1);
  border-left: none;
}

.dm-btn-back > :after {
  content: "";
  display: block;
  position: absolute;
  left: 0.4em;
  top: 50%;
  margin-top: -0.85em;
  width: 1.7em;
  height: 1.7em;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(50deg) skewX(9deg);
          transform: rotate(50deg) skewX(9deg);
  background: #ccc;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 95%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 95%);
  border-radius: 0.3em 4px;
  box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.3) inset, 1px 1px 0px rgba(255, 255, 255, 0.8) inset;
  box-sizing: border-box;
  z-index: -2;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
}

.dm-android .dm-btn-back > :after {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.3) inset, 1px 1px 1px rgba(255, 255, 255, 0.8) inset, 0 0px 2px 0px rgba(0, 0, 0, 0.3) inset;
}

#dm-pagetop {
  position: fixed;
  bottom: 40px;
  right: 10px;
  z-index: 1000;
}

#dm-pagetop a {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px #ccc solid;
}

#dm-pagetop a::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(//p.dmm.co.jp/p/sp/common/ico/ico_pagetop02.png) no-repeat 50% 50%;
  background-size: 36px 36px;
  vertical-align: bottom;
}

.dm-page-popup {
  display: none;
  width: 100%;
  z-index: 1500;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}

.dm-page-popup .dm-popup-content {
  position: absolute;
  left: 50%;
  width: 92%;
  margin-left: -46%;
  border-radius: 10px;
  z-index: 200;
  top: 0px;
  background: #fff;
  box-sizing: border-box;
}

.dm-page-popup #dm-popup-load {
  padding: 14px;
}

.dm-page-popup .dm-popup-close {
  position: absolute;
  top: -10px;
  right: -12px;
  width: 35px;
  height: 35px;
  background: url(//p.dmm.co.jp/p/sp/common/btn_close.png) no-repeat left top;
  background-size: 35px 35px;
  z-index: 220;
}

.dm-page-popup #dm-popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-tap-highlight-color: transparent;
}

.dm-page-popup #dm-popup-load.over {
  height: 390px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.dm-popup-local {
  display: none;
}

.dm-android > a,
.dm-android > input button {
  text-shadow: none;
}

.dm-form-error,
#dm-content select.dm-form-error,
#dm-content input[type="text"].dm-form-error,
#dm-content input[type="email"].dm-form-error,
#dm-content input[type="password"].dm-form-error,
#dm-content input[type="number"].dm-form-error,
#dm-content input[type="tel"].dm-form-error {
  border: #c00 solid 2px;
  background-color: #ffeeee;
}

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

#work-main img.package,
#work-main .package img[src*=".jpg"] {
  width: 100px;
  display: block;
  margin-bottom: 6px;
}

#work-main .package {
  width: auto;
}

#work-main .package a[href^="/iroiro/"] img[src*=".jpg"] {
  width: 145px;
  display: inherit;
  margin-bottom: 0;
}

#work-main > img.package {
  display: inline;
}

#work-main img[src*=".gif"] + span.tx10,
#work-main a[href="#review"] {
  display: inline-block;
  font-size: 10px;
}

#work-main .info-wrap {
  width: 190px;
}

#work-main #work-info {
  width: 190px;
  min-width: 190px;
}

#work-main #work-info #work-btn {
  width: 100%;
}
@charset "UTF-8";
/* 左ナビ展開 */
body[class*="dm-android"] #dm-side02.dm-on {
  height: auto;
}

#dm-side02 {
  display: none;
  background-color: #f7f7f7;
}

#dm-side02.dm-on {
  display: block;
}

#dm-side02 #dm-side {
  padding: 20px 10px 5px;
}

#dm-side02 .sd-snav-list {
  margin-bottom: 20px;
}

#dm-side02 .sd-snav-list dt {
  color: #666;
  font-weight: bold;
  margin: 0 6px 6px;
  font-size: 12px;
  line-height: 1.6;
}

#dm-side02 .sd-snav-list dd + dt {
  margin-top: 20px;
}

#dm-side02 .sd-snav-list dd,
#dm-side02 .sd-snav-list li {
  display: table;
  width: 100%;
  margin-top: 2px;
  vertical-align: middle;
  box-sizing: border-box;
}

#dm-side02 .sd-snav-list dd:nth-of-type(1),
#dm-side02 .sd-snav-list li:nth-of-type(1) {
  margin-top: 0;
}

#dm-side02 .sd-snav-list dd a,
#dm-side02 .sd-snav-list li a {
  display: table-cell;
  width: 100%;
  padding: 0px 35px 0px 15px;
  height: 44px;
  color: #333;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  background: #fff;
  font-size: 14px;
}

#dm-side02 .sd-snav-list dd a:after,
#dm-side02 .sd-snav-list 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: "";
}

#dm-side02 .sd-snav-list dd a .sd-num,
#dm-side02 .sd-snav-list li a .sd-num {
  float: right;
  color: #a4a4a4;
  font-weight: normal;
}

#dm-side02 .sd-snav-list dd a > span,
#dm-side02 .sd-snav-list li a > span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  max-height: 39.2px;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

#dm-side02 .sd-snav-list dd a[href='/material/'],
#dm-side02 .sd-snav-list dd a[href='/guide/phrase/'],
#dm-side02 .sd-snav-list li a[href='/material/'],
#dm-side02 .sd-snav-list li a[href='/guide/phrase/'] {
  height: 64px;
  border-bottom: 20px #f7f7f7 solid;
}

#dm-side02 .sd-snav-list dd + .sd-btn-regist,
#dm-side02 .sd-snav-list li + .sd-btn-regist {
  margin-top: 15px;
}

#dm-side02 .sd-snav-list dd dl,
#dm-side02 .sd-snav-list li dl {
  margin-top: 20px;
}

#dm-side02 .sd-snav-list .sd-btn-regist {
  margin-bottom: 15px;
  display: table;
  width: 100%;
}

#dm-side02 .sd-snav-list .sd-btn-regist a {
  display: table-cell;
  width: 100%;
  height: 44px;
  border: 1px solid #ffca46;
  background-color: #ffca46;
  padding: 5px 22px;
  border-radius: 100px;
  color: #333;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

#dm-side02 .sd-snav-list .sd-btn-regist a span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  max-height: 51.2px;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#dm-side02 .sd-snav-list .sd-btn-regist a:after {
  content: none;
}

#dm-side02 .sd-snav-list .sd-btn-regist a em {
  font-weight: normal;
}

#dm-side02 .sd-snav-list .sd-btn-regist a .sd-regist {
  padding-left: 10px;
}

#dm-side02 .sd-snav-list-contents + .sd-snav-list-contents {
  margin-top: 20px;
}

#dm-side02 .sd-snav-list-half dd {
  width: 50%;
  float: left;
}

#dm-side02 .sd-snav-list-half dd:nth-of-type(2) {
  margin-top: 0;
}

#dm-side02 .sd-snav-list-half dd:nth-of-type(even) {
  padding-left: 1px;
}

#dm-side02 .sd-snav-list-half dd:nth-of-type(odd) {
  padding-right: 1px;
}

#dm-side02 .sd-snav-list-half dd a {
  font-size: 14px;
  line-height: 1.2;
}

#dm-side02 .sd-snav-list-half dd a > span {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  max-height: 33.6px;
  font-size: 14px !important;
  line-height: 1.2 !important;
}

#dm-side02 .sd-snav-list-half:after {
  content: "";
  display: table;
  clear: both;
}