@charset "utf-8";

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


/*
* ▼common/basket
*/

/*==============================[ #header ]*/
#header.is-fit-width .hd-utility {
  max-width: 1060px;
  min-width: 916px;
  margin: 0 auto 12px;
  padding: 10px 14px 0;
}
#header.is-fit-width .hd-utility img {
  margin-left: -18px;
}

/*==============================[ フッター下付き ]*/
#header.is-fit-width + #w {
  min-height: calc(100vh - 179px);
}

/*============================== Layout */
.page-basket,
.page-address {
  max-width: 1060px;
  min-width: 916px;
  margin: 0 auto;
  padding: 14px 14px 1px;
  font-size: 14px;
}

/*============================== Module */
.page-basket,
.page-address {
  /* :root付き＝IE8以外
   * :rootなし＝IE8用
   * IE8では、デフォルトのチェックボックスを表示する。
   */
}
.page-basket *,
.page-address * {
  margin: 0;
  padding: 0;
}
.page-basket ol, .page-basket ul,
.page-address ol,
.page-address ul {
  list-style: none;
}
.page-basket table,
.page-address table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.page-basket .layout-wrapper,
.page-address .layout-wrapper {
  padding-bottom: 10px;
}
.page-basket .layout-wrapper .layout-content, .page-basket .layout-wrapper .layout-lead,
.page-address .layout-wrapper .layout-content,
.page-address .layout-wrapper .layout-lead {
  box-sizing: border-box;
}
.page-basket .layout-wrapper:after,
.page-address .layout-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.page-basket .layout-wrapper .layout-content,
.page-address .layout-wrapper .layout-content {
  float: left;
  width: 70%;
  padding-right: 14px;
}
.page-basket .layout-wrapper .layout-lead,
.page-address .layout-wrapper .layout-lead {
  float: left;
  width: 30%;
}
.page-basket .layout-wrapper .layout-lead .layout-lead-box,
.page-address .layout-wrapper .layout-lead .layout-lead-box {
  padding: 20px;
  background-color: #f3f3f3;
}
.page-basket .capt-wrapper,
.page-address .capt-wrapper {
  position: relative;
  margin-bottom: 1.6em;
  font-size: 14px;
}
.page-basket .capt-wrapper .capt01, .page-basket .capt-wrapper .capt02, .page-basket .capt-wrapper .capt03,
.page-address .capt-wrapper .capt01,
.page-address .capt-wrapper .capt02,
.page-address .capt-wrapper .capt03 {
  display: inline-block;
  font-weight: normal;
}
.page-basket .capt-wrapper .capt01,
.page-address .capt-wrapper .capt01 {
  font-size: 30px;
}
.page-basket .capt-wrapper .capt02,
.page-address .capt-wrapper .capt02 {
  font-size: 21px;
}
.page-basket .capt-wrapper .capt03,
.page-address .capt-wrapper .capt03 {
  font-size: 14px;
}
.page-basket .capt-wrapper .capt-subcapt,
.page-address .capt-wrapper .capt-subcapt {
  display: inline;
  color: #808080;
  font-size: 60%;
}
.page-basket .capt-wrapper .capt-link,
.page-address .capt-wrapper .capt-link {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
}
.page-basket .capt-wrapper .capt-stepnav,
.page-address .capt-wrapper .capt-stepnav {
  position: absolute;
  bottom: 14px;
  right: -6px;
  color: #808080;
  font-size: 10px;
  counter-reset: section 0;
}
.page-basket .capt-wrapper .capt-stepnav:after,
.page-address .capt-wrapper .capt-stepnav:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.page-basket .capt-wrapper .capt-stepnav:before,
.page-address .capt-wrapper .capt-stepnav:before {
  position: absolute;
  top: 6px;
  left: 1px;
  content: "";
  width: 99%;
  height: 1px;
  background-color: #808080;
}
.page-basket .capt-wrapper .capt-stepnav li,
.page-address .capt-wrapper .capt-stepnav li {
  position: relative;
  float: left;
  padding: 0 3px;
  background-color: white;
}
.page-basket .capt-wrapper .capt-stepnav li:before,
.page-address .capt-wrapper .capt-stepnav li:before {
  content: counter(section);
  counter-increment: section 1;
  margin-right: 4px;
  color: transparent;
}
.page-basket .capt-wrapper .capt-stepnav li:after,
.page-address .capt-wrapper .capt-stepnav li:after {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 1px;
  left: 3px;
  border: #b3b3b3 solid;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.page-basket .capt-wrapper .capt-stepnav li.on,
.page-address .capt-wrapper .capt-stepnav li.on {
  color: #c00;
}
.page-basket .capt-wrapper .capt-stepnav li.on:before,
.page-address .capt-wrapper .capt-stepnav li.on:before {
  color: #c00;
}
.page-basket .capt-wrapper .capt-stepnav li.on ~ li:before,
.page-address .capt-wrapper .capt-stepnav li.on ~ li:before {
  color: #808080;
}
.page-basket .capt-wrapper .capt-stepnav li.on:after, .page-basket .capt-wrapper .capt-stepnav li.on ~ li:after,
.page-address .capt-wrapper .capt-stepnav li.on:after,
.page-address .capt-wrapper .capt-stepnav li.on ~ li:after {
  content: none;
}
.page-basket .capt-wrapper .capt-stepnav li + li,
.page-address .capt-wrapper .capt-stepnav li + li {
  margin-left: 24px;
}
.page-basket input[type="text"], .page-basket input[type="email"], .page-basket input[type="tel"], .page-basket input[type="number"], .page-basket textarea, .page-basket legend, .page-basket fieldset,
.page-address input[type="text"],
.page-address input[type="email"],
.page-address input[type="tel"],
.page-address input[type="number"],
.page-address textarea,
.page-address legend,
.page-address fieldset {
  border: 0;
  background-color: white;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.page-basket label,
.page-address label {
  cursor: pointer;
}
.page-basket input[type="text"], .page-basket input[type="email"], .page-basket input[type="tel"], .page-basket input[type="number"], .page-basket input[type="radio"], .page-basket input[type="checkbox"],
.page-basket textarea,
.page-address input[type="text"],
.page-address input[type="email"],
.page-address input[type="tel"],
.page-address input[type="number"],
.page-address input[type="radio"],
.page-address input[type="checkbox"],
.page-address textarea {
  display: inline-block;
  border: #ccc 1px solid;
  border-radius: 4px;
}
.page-basket input, .page-basket textarea,
.page-address input,
.page-address textarea {
  font-size: 14px;
}
.page-basket input[type="text"], .page-basket input[type="email"], .page-basket input[type="tel"], .page-basket textarea,
.page-address input[type="text"],
.page-address input[type="email"],
.page-address input[type="tel"],
.page-address textarea {
  width: 100%;
}
.page-basket input[type="text"], .page-basket input[type="email"], .page-basket input[type="tel"], .page-basket input[type="number"], .page-basket textarea,
.page-address input[type="text"],
.page-address input[type="email"],
.page-address input[type="tel"],
.page-address input[type="number"],
.page-address textarea {
  width: 100%;
  padding: 0 .6em;
}
.page-basket input[type="text"], .page-basket input[type="email"], .page-basket input[type="tel"], .page-basket input[type="number"],
.page-address input[type="text"],
.page-address input[type="email"],
.page-address input[type="tel"],
.page-address input[type="number"] {
  height: 42px;
}
.page-basket input[readonly],
.page-address input[readonly] {
  background-color: #f3f3f3;
}
.page-basket input[type="text"]:focue, .page-basket input[type="email"]:focue, .page-basket input[type="tel"]:focue, .page-basket input[type="number"]:focue,
.page-basket textarea:focue,
.page-address input[type="text"]:focue,
.page-address input[type="email"]:focue,
.page-address input[type="tel"]:focue,
.page-address input[type="number"]:focue,
.page-address textarea:focue {
  -webkit-box-shadow: 0px 0px 6px #5B9DD9;
  -moz-box-shadow: 0px 0px 6px #5B9DD9;
  box-shadow: 0px 0px 6px #5B9DD9;
  outline-color: #387bbe;
  outline-offset: -2px;
}
.page-basket input:focus[readonly], .page-basket textarea:focus[readonly],
.page-address input:focus[readonly],
.page-address textarea:focus[readonly] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.page-basket textarea,
.page-address textarea {
  height: 6em;
  padding-top: .5em;
  padding-bottom: .5em;
}
.page-basket legend,
.page-address legend {
  font-size: 14px;
}
.page-basket input::-ms-clear,
.page-basket input::-ms-reveal,
.page-address input::-ms-clear,
.page-address input::-ms-reveal {
  visibility: hidden;
}
.page-basket input[type="number"],
.page-address input[type="number"] {
  -moz-appearance: textfield;
}
.page-basket input[type="number"]::-webkit-inner-spin-button, .page-basket input[type="number"]::-webkit-outer-spin-button,
.page-address input[type="number"]::-webkit-inner-spin-button,
.page-address input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.page-basket select,
.page-address select {
  border: 0;
  background-color: white;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
  width: 100%;
  height: 42px;
  padding: 0 0 0 .6em;
  border: #ccc 1px solid;
  border-radius: 4px;
  font-size: 14px;
  line-height: 42px;
}
.page-basket select:focus,
.page-address select:focus {
  -webkit-box-shadow: 0px 0px 6px #5B9DD9;
  -moz-box-shadow: 0px 0px 6px #5B9DD9;
  box-shadow: 0px 0px 6px #5B9DD9;
  outline-color: #387bbe;
  outline-offset: -2px;
}
.page-basket input[type="checkbox"],
.page-address input[type="checkbox"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
:root .page-basket input[type="checkbox"], :root
.page-address input[type="checkbox"] {
  display: none;
}
:root .page-basket input[type="checkbox"] + .checkbox-input, :root
.page-address input[type="checkbox"] + .checkbox-input {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin: -2px 6px 0 0;
  border: #b3b3b3 1px solid;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  vertical-align: middle;
}
:root .page-basket input[type="checkbox"] + .checkbox-input:before, :root
.page-address input[type="checkbox"] + .checkbox-input:before {
  content: "";
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.4)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
  background-color: black;
}
:root .page-basket input[type="checkbox"]:checked + .checkbox-input:before, :root
.page-address input[type="checkbox"]:checked + .checkbox-input:before {
  display: block;
}
:root .page-basket input[type="checkbox"] + .checkbox-input:after, :root
.page-address input[type="checkbox"] + .checkbox-input:after {
  content: "";
  display: none;
  position: absolute;
  top: 1px;
  left: 5px;
  width: 5px;
  height: 10px;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: white;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
:root .page-basket input[type="checkbox"]:checked + .checkbox-input:after, :root
.page-address input[type="checkbox"]:checked + .checkbox-input:after {
  display: block;
}
.page-basket .notice-wrapper .notice,
.page-address .notice-wrapper .notice {
  color: #333;
  font-size: 12px;
  line-height: 1.6;
}
.page-basket .notice-wrapper .notice + .notice,
.page-address .notice-wrapper .notice + .notice {
  margin-top: 1em;
}
.page-basket .notice-wrapper .notice-error,
.page-address .notice-wrapper .notice-error {
  padding: 14px;
  background-color: #fdf5f5;
  color: #c00;
  text-align: center;
}
.page-address .notice-wrapper .notice-col-12,
.page-address .notice-wrapper .notice-col-11,
.page-address .notice-wrapper .notice-col-10,
.page-address .notice-wrapper .notice-col-9,
.page-address .notice-wrapper .notice-col-8,
.page-address .notice-wrapper .notice-col-7,
.page-address .notice-wrapper .notice-col-6,
.page-address .notice-wrapper .notice-col-5,
.page-address .notice-wrapper .notice-col-4,
.page-address .notice-wrapper .notice-col-3,
.page-address .notice-wrapper .notice-col-2,
.page-address .notice-wrapper .notice-col-1 {
  float: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}
.page-basket .notice-wrapper table td[class*="notice-col-"], .page-basket .notice-wrapper table th[class*="notice-col-"],
.page-address .notice-wrapper table td[class*="notice-col-"],
.page-address .notice-wrapper table th[class*="notice-col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.page-basket .notice-wrapper .notice-col-12,
.page-address .notice-wrapper .notice-col-12 {
  width: 100%;
}
.page-basket .notice-wrapper .notice-col-11,
.page-address .notice-wrapper .notice-col-11 {
  width: 91.66666667%;
}
.page-basket .notice-wrapper .notice-col-10,
.page-address .notice-wrapper .notice-col-10 {
  width: 83.33333333%;
}
.page-basket .notice-wrapper .notice-col-9,
.page-address .notice-wrapper .notice-col-9 {
  width: 75%;
}
.page-basket .notice-wrapper .notice-col-8,
.page-address .notice-wrapper .notice-col-8 {
  width: 66.66666667%;
}
.page-basket .notice-wrapper .notice-col-7,
.page-address .notice-wrapper .notice-col-7 {
  width: 58.33333333%;
}
.page-basket .notice-wrapper .notice-col-6,
.page-address .notice-wrapper .notice-col-6 {
  width: 50%;
}
.page-basket .notice-wrapper .notice-col-5,
.page-address .notice-wrapper .notice-col-5 {
  width: 41.66666667%;
}
.page-basket .notice-wrapper .notice-col-4,
.page-address .notice-wrapper .notice-col-4 {
  width: 33.33333333%;
}
.page-basket .notice-wrapper .notice-col-3,
.page-address .notice-wrapper .notice-col-3 {
  width: 25%;
}
.page-basket .notice-wrapper .notice-col-2,
.page-address .notice-wrapper .notice-col-2 {
  width: 16.66666667%;
}
.page-basket .notice-wrapper .notice-col-1,
.page-address .notice-wrapper .notice-col-1 {
  width: 8.33333333%;
}
.page-basket .notice-wrapper .notice-item,
.page-address .notice-wrapper .notice-item {
  margin-bottom: 1em;
  padding-bottom: 1px;
  zoom: 1;
}
.page-basket .notice-wrapper .notice-padding-top,
.page-address .notice-wrapper .notice-padding-top {
  padding-top: 14px;
}
.page-basket .notice-wrapper .notice-padding-bottom,
.page-address .notice-wrapper .notice-padding-bottom {
  padding-bottom: 14px;
}
.page-basket .notice-wrapper .notice-padding-right,
.page-address .notice-wrapper .notice-padding-right {
  padding-right: 14px;
}
.page-basket .notice-wrapper .notice-padding-left,
.page-address .notice-wrapper .notice-padding-left {
  padding-left: 14px;
}
.page-basket .notice-wrapper table.notice-item,
.page-address .notice-wrapper table.notice-item {
  padding-bottom: 0;
}
.page-basket .notice-wrapper .notice-row {
  display: table;
  width: 100%;
}
.page-basket .notice-wrapper .notice-row .notice-col-4,
.page-basket .notice-wrapper .notice-row .notice-col-8 {
  display: table-cell;
  box-sizing: border-box;
}
.page-basket .notice-wrapper .notice-item:before, .page-basket .notice-wrapper .notice-item:after,
.page-address .notice-wrapper .notice-item:before,
.page-address .notice-wrapper .notice-item:after,
.page-address .notice-wrapper .notice-row:before,
.page-address .notice-wrapper .notice-row:after {
  content: "";
  display: table;
}
.page-basket .notice-wrapper .notice-item:after,
.page-address .notice-wrapper .notice-item:after,
.page-address .notice-wrapper .notice-row:after {
  clear: both;
}
.page-basket .notice-wrapper .notice-color-default,
.page-address .notice-wrapper .notice-color-default {
  color: #333 !important;
}
.page-basket .notice-wrapper .notice-color-secondary,
.page-address .notice-wrapper .notice-color-secondary {
  color: #808080 !important;
}
.page-basket .notice-wrapper .notice-color-primary,
.page-address .notice-wrapper .notice-color-primary {
  color: #f38300 !important;
}
.page-basket .notice-wrapper .notice-color-warning,
.page-address .notice-wrapper .notice-color-warning {
  color: #c00 !important;
}
.page-basket .notice-wrapper .notice-text-small,
.page-address .notice-wrapper .notice-text-small {
  font-size: 10px !important;
}
.page-basket .notice-wrapper .notice-text-default,
.page-address .notice-wrapper .notice-text-default {
  font-size: 12px !important;
}
.page-basket .notice-wrapper .notice-text-large,
.page-address .notice-wrapper .notice-text-large {
  font-size: 14px !important;
}
.page-basket .notice-wrapper .notice-bold,
.page-address .notice-wrapper .notice-bold {
  font-weight: bold !important;
}
.page-basket .notice-wrapper .notice-normal,
.page-address .notice-wrapper .notice-normal {
  font-weight: normal !important;
}
.page-basket .notice-wrapper .notice-bg-default,
.page-address .notice-wrapper .notice-bg-default {
  background-color: #f3f3f3 !important;
}
.page-basket .notice-wrapper .notice-bg-primary,
.page-address .notice-wrapper .notice-bg-primary {
  background-color: #fffdf0 !important;
}
.page-basket .notice-wrapper .notice-bg-warning,
.page-address .notice-wrapper .notice-bg-warning {
  background-color: #fdf5f5 !important;
}
.page-basket .notice-wrapper .notice-text-left,
.page-address .notice-wrapper .notice-text-left {
  text-align: left !important;
}
.page-basket .notice-wrapper .notice-text-right,
.page-address .notice-wrapper .notice-text-right {
  text-align: right !important;
}
.page-basket .notice-wrapper .notice-text-center,
.page-address .notice-wrapper .notice-text-center {
  text-align: center !important;
}
.page-basket .notice-wrapper .notice-border-top,
.page-address .notice-wrapper .notice-border-top {
  border-top: #e5e5e5 1px solid;
}
.page-basket .notice-wrapper .notice-border-bottom,
.page-address .notice-wrapper .notice-border-bottom {
  border-bottom: #e5e5e5 1px solid;
}
.page-basket .notice-wrapper .notice-border-right,
.page-address .notice-wrapper .notice-border-right {
  border-right: #e5e5e5 1px solid;
}
.page-basket .notice-wrapper .notice-border-left,
.page-address .notice-wrapper .notice-border-left {
  border-left: #e5e5e5 1px solid;
}
.page-basket .notice-wrapper .notice-indent,
.page-address .notice-wrapper .notice-indent {
  padding-left: 1.5em !important;
}
.page-basket .notice-wrapper .notice-ico-important,
.page-address .notice-wrapper .notice-ico-important {
  position: relative;
  padding-left: 1.2em;
}
.page-basket .notice-wrapper .notice-ico-important:before,
.page-address .notice-wrapper .notice-ico-important:before {
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 3px;
  content: "※";
}
.page-basket .notice-wrapper .notice-listtitle,
.page-basket .notice-wrapper .notice-title,
.page-address .notice-wrapper .notice-listtitle,
.page-address .notice-wrapper .notice-title {
  margin-bottom: .3em;
  font-weight: bold;
}
.page-basket .notice-wrapper hr,
.page-address .notice-wrapper hr {
  border-width: 0;
  border-top: #e5e5e5 1px solid;
  margin: 1em 0 1em;
}
.page-basket .notice-wrapper table,
.page-address .notice-wrapper table {
  width: 100%;
  font-size: 12px;
}
.page-basket .notice-wrapper table td, .page-basket .notice-wrapper table th,
.page-address .notice-wrapper table td,
.page-address .notice-wrapper table th {
  padding: 7px;
}
.page-basket .notice-wrapper table td *, .page-basket .notice-wrapper table th *,
.page-address .notice-wrapper table td *,
.page-address .notice-wrapper table th * {
  vertical-align: middle;
}
.page-basket .notice-wrapper table thead th, .page-basket .notice-wrapper table thead td, .page-basket .notice-wrapper table tbody th, .page-basket .notice-wrapper table tbody td,
.page-address .notice-wrapper table thead th,
.page-address .notice-wrapper table thead td,
.page-address .notice-wrapper table tbody th,
.page-address .notice-wrapper table tbody td {
  border: #e5e5e5 1px solid;
}
.page-basket .notice-wrapper table thead th, .page-basket .notice-wrapper table tbody th,
.page-address .notice-wrapper table thead th,
.page-address .notice-wrapper table tbody th {
  background-color: #f3f3f3;
}
.page-basket .notice-wrapper table thead th, .page-basket .notice-wrapper table thead td,
.page-address .notice-wrapper table thead th,
.page-address .notice-wrapper table thead td {
  border-bottom: none;
  background-color: #f3f3f3;
}
.page-basket .notice-wrapper .notice-box,
.page-address .notice-wrapper .notice-box {
  padding: 14px;
  border: #e5e5e5 1px solid;
}
.page-basket .notice-wrapper .ico-primary,
.page-address .notice-wrapper .ico-primary {
  position: relative;
  padding-left: 1.2em;
}
.page-basket .notice-wrapper .ico-primary:before,
.page-address .notice-wrapper .ico-primary:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※' !important;
}
.page-basket .notice-wrapper ul > li, .page-basket .notice-wrapper ol > li,
.page-address .notice-wrapper ul > li,
.page-address .notice-wrapper ol > li {
  position: relative;
  padding-left: 1.2em;
}
.page-basket .notice-wrapper ul > li + li, .page-basket .notice-wrapper ol > li + li,
.page-address .notice-wrapper ul > li + li,
.page-address .notice-wrapper ol > li + li {
  margin-top: 0.4em;
}
.page-basket .notice-wrapper ul > li:before, .page-basket .notice-wrapper ol > li:before,
.page-address .notice-wrapper ul > li:before,
.page-address .notice-wrapper ol > li:before {
  position: absolute;
  left: 0;
  top: 0;
}
.page-basket .notice-wrapper ul > li li, .page-basket .notice-wrapper ol > li li,
.page-address .notice-wrapper ul > li li,
.page-address .notice-wrapper ol > li li {
  margin-top: 0.3em;
}
.page-basket .notice-wrapper ul > li:before,
.page-address .notice-wrapper ul > li:before {
  content: "・";
}
.page-basket .notice-wrapper ol,
.page-address .notice-wrapper ol {
  counter-reset: section 0;
}
.page-basket .notice-wrapper ol > li + li,
.page-address .notice-wrapper ol > li + li {
  margin-top: .6em;
}
.page-basket .notice-wrapper ol > li:before,
.page-address .notice-wrapper ol > li:before {
  left: 2px;
  color: #333;
  font-weight: normal;
  content: counter(section);
  counter-increment: section 1;
}
.page-basket .notice-wrapper ol.notice-list-unstyled > li,
.page-address .notice-wrapper ul.notice-list-unstyled > li,
.page-address .notice-wrapper ol.notice-list-unstyled > li {
  padding-left: 0;
}
.page-basket .notice-wrapper ol.notice-list-unstyled > li:before,
.page-address .notice-wrapper ul.notice-list-unstyled > li:before,
.page-address .notice-wrapper ol.notice-list-unstyled > li:before {
  content: none;
}
.page-basket .notice-wrapper ul.notice-list-unstyled > li:before {
  content: '※';
}
.page-basket .small-wrapper,
.page-address .small-wrapper {
  color: #808080;
  font-size: 10px;
}
.page-basket .lead-wrapper .lead,
.page-address .lead-wrapper .lead {
  margin-top: 12px;
}
.page-basket .lead-wrapper .lead .box,
.page-address .lead-wrapper .lead .box {
  padding: 0;
}
.page-basket .lead-wrapper > .lead:first-child,
.page-address .lead-wrapper > .lead:first-child {
  margin-top: 0;
}
.page-basket .lead-wrapper .lead-data,
.page-basket .lead-wrapper .lead-coupon,
.page-address .lead-wrapper .lead-data {
  display: table;
  width: 100%;
}
.page-basket .lead-wrapper .lead-data dl,
.page-basket .lead-wrapper .lead-coupon dl,
.page-address .lead-wrapper .lead-data dl {
  display: table-row;
}
.page-basket .lead-wrapper .lead-data dl dt, .page-basket .lead-wrapper .lead-data dl dd,
.page-basket .lead-wrapper .lead-coupon dl dt, .page-basket .lead-wrapper .lead-coupon dl dd,
.page-address .lead-wrapper .lead-data dl dt,
.page-address .lead-wrapper .lead-data dl dd {
  display: table-cell;
  padding-bottom: 3px;
}
.page-basket .lead-wrapper .lead-data dl dt,
.page-basket .lead-wrapper .lead-coupon dl dt,
.page-address .lead-wrapper .lead-data dl dt {
  padding-right: 3px;
  white-space: nowrap;
}
.page-basket .lead-wrapper .lead-data dl dd,
.page-basket .lead-wrapper .lead-coupon dl dd,
.page-address .lead-wrapper .lead-data dl dd {
  text-align: right;
}
.page-basket .lead-wrapper .lead-data dl dd .subpoint span,
.page-address .lead-wrapper .lead-data dl dd .subpoint span {
  display: inline-block;
  margin-right: 3px;
  font-size: 10px;
}
.page-basket .lead-wrapper .lead-data dl dd .subtext,
.page-address .lead-wrapper .lead-data dl dd .subtext {
  color: #808080;
  font-size: 10px;
}
.page-basket .lead-wrapper .lead-coupon .coupon-discount {
  border-bottom: dotted 1px #a3a3a3;
}
.page-basket .lead-wrapper .lead-coupon .sub-total dt,
.page-basket .lead-wrapper .lead-coupon .coupon-discount dt,
.page-basket .lead-wrapper .lead-data .point dt {
  font-size: 12px;
}
.page-basket .lead-wrapper .lead-coupon .sub-total dd,
.page-basket .lead-wrapper .lead-coupon .coupon-discount dd {
  font-size: 14px;
}
.page-basket .lead-wrapper .lead-coupon .coupon-discount dd {
  color: #c00;
  font-weight: bold;
}
.page-basket .lead-wrapper .lead-data .point dd {
  font-size: 12px;
  color: #c00;
}
.page-basket .lead-wrapper .lead-coupon + .lead-data {
  margin-top: 5px;
}
.page-basket .lead-wrapper .lead-data .total dt,
.page-basket .lead-wrapper .lead-data .total dd,
.page-address .lead-wrapper .lead-data .total dt,
.page-address .lead-wrapper .lead-data .total dd {
  padding-bottom: 0;
}
.page-basket .lead-wrapper .lead-data .total dt,
.page-address .lead-wrapper .lead-data .total dt {
  vertical-align: middle;
  font-weight: bold;
}
.page-basket .lead-wrapper .lead-data .total dd,
.page-address .lead-wrapper .lead-data .total dd {
  color: #c00;
  font-size: 21px;
  font-weight: bold;
  white-space: nowrap;
}
.page-basket .lead-wrapper .lead-order .box-2col + .box-2col,
.page-address .lead-wrapper .lead-order .box-2col + .box-2col {
  margin-top: 9px;
}
.page-basket .lead-wrapper .lead-order .total a,
.page-address .lead-wrapper .lead-order .total a {
  margin: 0 3px;
}
.page-basket .lead-wrapper .lead-order .grand-total .box-data01, .page-basket .lead-wrapper .lead-order .point .box-data01,
.page-address .lead-wrapper .lead-order .grand-total .box-data01,
.page-address .lead-wrapper .lead-order .point .box-data01 {
  width: 40%;
}
.page-basket .lead-wrapper .lead-order .grand-total .box-data02, .page-basket .lead-wrapper .lead-order .point .box-data02,
.page-address .lead-wrapper .lead-order .grand-total .box-data02,
.page-address .lead-wrapper .lead-order .point .box-data02 {
  width: 60%;
}
.page-basket .lead-wrapper .lead-order .grand-total,
.page-address .lead-wrapper .lead-order .grand-total {
  font-weight: bold;
}
.page-basket .lead-wrapper .lead-order .grand-total .box-data01,
.page-address .lead-wrapper .lead-order .grand-total .box-data01 {
  margin-top: 6px;
}
.page-basket .lead-wrapper .lead-order .grand-total .box-data02,
.page-address .lead-wrapper .lead-order .grand-total .box-data02 {
  color: #c00;
  font-size: 21px;
}
.page-basket .lead-wrapper .lead-order .grand-total .rate,
.page-address .lead-wrapper .lead-order .grand-total .rate {
  margin-top: -3px;
  font-size: 10px;
  font-weight: normal;
}
.page-basket .lead-wrapper .lead-order .point .subpoint span,
.page-address .lead-wrapper .lead-order .point .subpoint span {
  margin-right: 6px;
  font-size: 10px;
}
.page-basket .lead-wrapper .lead-notice,
.page-address .lead-wrapper .lead-notice {
  color: #c00;
  font-size: 12px;
}
.page-basket .lead-wrapper .lead-btn,
.page-address .lead-wrapper .lead-btn {
  text-align: center;
}
.page-basket .lead-wrapper .lead-btn .link,
.page-address .lead-wrapper .lead-btn .link {
  display: inline-block;
  margin-top: 6px;
  font-size: 12px;
}
.page-basket .lead-wrapper .lead-small,
.page-address .lead-wrapper .lead-small {
  color: #808080;
  font-size: 10px;
  text-align: center;
}
.page-basket .lead-wrapper .lead-checkbox,
.page-address .lead-wrapper .lead-checkbox {
  text-align: center;
}
.page-basket .lead-wrapper .lead-checkbox label,
.page-address .lead-wrapper .lead-checkbox label {
  display: inline-block;
  padding-left: 2.2em;
  font-size: 12px;
  text-align: left;
  text-indent: -2.2em;
  word-break: break-all;
  cursor: pointer;
}
.page-basket .lead-wrapper .lead-checkbox label + label,
.page-address .lead-wrapper .lead-checkbox label + label {
  margin-top: 6px;
}
.page-basket .btn,
.page-address .btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid;
  border-color: #cacaca #b0b0b0 #9c9c9c;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7), color-stop(100%, #e5e5e5));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  background-size: auto 200%;
  background-position: 0 100%;
  box-shadow: inset 0 1px 0 white;
  transition: background-position .1s ease-out;
}
.page-basket .btn:hover,
.page-address .btn:hover {
  position: relative;
  top: 1px;
  border-color: #d7d7d7 #c4c4c4 #b5b5b5;
  background-position: 0 0;
  text-decoration: none;
}
.page-basket .btn:hover:before, .page-basket .btn:hover:after,
.page-basket .btn:hover > *,
.page-basket .btn:hover > *:before,
.page-basket .btn:hover > *:after,
.page-address .btn:hover:before,
.page-address .btn:hover:after,
.page-address .btn:hover > *,
.page-address .btn:hover > *:before,
.page-address .btn:hover > *:after {
  color: #666;
}
.page-basket .btn > *,
.page-address .btn > * {
  display: inline-block;
  width: 210px;
  padding: .5em .8em;
  background-color: transparent;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: #333;
  font-size: inherit;
  font-family: inherit;
  cursor: inherit;
}
.page-basket .btn > input,
.page-address .btn > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: auto;
  margin: 0;
  white-space: normal;
  outline: 0;
  border: 0;
  box-shadow: none;
}
.page-basket .btn-primary,
.page-address .btn-primary {
  border: 1px solid;
  border-color: #deb372 #ce9c4b #c1882e;
  background-color: #fcdc80;
  background-image: -moz-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fde5a0), color-stop(50%, #fcdc80), color-stop(100%, #ffc01e));
  background-image: -webkit-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: -o-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: -ms-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e',GradientType=0 );
  box-shadow: inset 0 1px 0 #fff1d1;
}
.page-basket .btn-primary:hover,
.page-address .btn-primary:hover {
  border-color: #e6c695 #dab578 #d1a662;
}
.page-basket .btn-sm > *,
.page-address .btn-sm > * {
  font-size: 85.714%;
}
.page-basket .btn-xs > *,
.page-address .btn-xs > * {
  padding: .3em .6em;
  font-size: 71.428%;
}
.page-basket .btn-la > *,
.page-address .btn-la > * {
  font-size: 120%;
}
.page-basket .btn-wide > *,
.page-address .btn-wide > * {
  width: 270px;
}
.page-basket .btn-narrow > *,
.page-address .btn-narrow > * {
  width: 160px;
}
.page-basket .btn-xnarrow > *,
.page-address .btn-xnarrow > * {
  width: 100px;
}
.page-basket .btn-block,
.page-address .btn-block {
  display: block;
}
.page-basket .btn-disabled, .page-basket .btn:disabled,
.page-address .btn-disabled,
.page-address .btn:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.page-basket .btn-disabled:hover, .page-basket .btn:disabled:hover,
.page-address .btn-disabled:hover,
.page-address .btn:disabled:hover {
  top: 0;
  border-color: #cacaca #b0b0b0 #9c9c9c;
  background-position: 0 100%;
}
.page-basket .btn-disabled:hover > *, .page-basket .btn:disabled:hover > *,
.page-address .btn-disabled:hover > *,
.page-address .btn:disabled:hover > * {
  color: #333;
}
.page-basket .btn-primary.btn-disabled:hover, .page-basket .btn-primary.btn:disabled:hover,
.page-address .btn-primary.btn-disabled:hover,
.page-address .btn-primary.btn:disabled:hover {
  border-color: #deb372 #ce9c4b #c1882e;
}
.page-basket .text-loading,
.page-address .text-loading {
  margin: 1em .5em;
  color: #c00;
  font-size: 12px;
  text-align: center;
}

/*============================== .page-basket */
.page-basket {
  /* degital */
  /* mono */
  /* rental */
}
.page-basket span[class*="ico-"] {
  display: inline-block;
  height: 18px;
  padding: 0 .5em;
  color: white;
  border-radius: 2px;
  font-size: 10px;
  line-height: 18px;
}
.page-basket span[class*="ico-"] + span {
  margin-left: .4em;
}
.page-basket .ico-st-stream, .page-basket .ico-st-hdstream {
  background-color: #3c9ac9;
}
.page-basket .ico-st-download, .page-basket .ico-st-3mdownload, .page-basket .ico-st-1mpack, .page-basket .ico-st-3mpack {
  background-color: #d10600;
}
.page-basket .ico-st-hddownload {
  background-color: #26acfa;
}
.page-basket .ico-st-spdownload {
  background-color: #dbb20d;
}
.page-basket .ico-st-toaster {
  background-color: #de915b;
}
.page-basket .ico-st-deliver {
  background-color: #3c9ac9;
}
.page-basket .ico-st-stock {
  background-color: #3c9ac9;
}
.page-basket .ico-st-reserve {
  background-color: #de915b;
}
.page-basket .ico-st-reserve + span {
  color: #808080;
  font-size: 10px;
}
.page-basket .numstock {
  margin-left: 6px;
  color: #808080;
  font-weight: bold;
  font-size: 10px;
}
.page-basket .ico-st-direct, .page-basket .ico-st-order-allow {
  background-color: #88C557;
}
.page-basket .ico-st-direct + span {
  color: #808080;
  font-size: 10px;
}
.page-basket .ico-st-order {
  background-color: #999;
}
.page-basket .ico-st-end {
  border: #c07d7b 1px solid;
  color: #808080 !important;
}
.page-basket .ico-st-cd {
  background-color: #de915b;
}
.page-basket .ico-st-dvd {
  background-color: #58a600;
}
.page-basket .ico-st-bluray {
  background-color: #3c9ac9;
}
.page-basket .ico-st-comic {
  background-color: #de915b;
}
.page-basket .area-notice {
  margin: 21px 0;
}
.page-basket .area-nodata {
  padding: 90px 40px;
  text-align: center;
}
.page-basket .area-layout .area-capt {
  margin-bottom: .5em;
}
.page-basket .box-basketlist {
  border: #e5e5e5 2px solid;
}
.page-basket .box-basketlist + .area-capt {
  margin-top: 28px;
}
.page-basket .box-basketlist table {
  width: 100%;
  background-color: white;
}
.page-basket .box-basketlist table thead th, .page-basket .box-basketlist table thead td {
  padding: 7px 14px;
  background-color: #f3f3f3;
  font-size: 12px;
}
.page-basket .box-basketlist table tbody tr + tr {
  border-top: #e5e5e5 1px solid;
}
.page-basket .box-basketlist table tbody th, .page-basket .box-basketlist table tbody td {
  padding: 14px;
}
.page-basket .box-basketlist table tbody td {
  position: relative;
  height: 170px;
  vertical-align: middle;
}
.page-basket .box-basketlist .basketdata {
  position: relative;
  padding-top: 24px;
  padding-left: 140px;
}
.page-basket .box-basketlist .basketdata > a .title,
.page-basket .box-basketlist .basketdata > a .img img {
  -webkit-transition: opacity 0.1s ease;
  -moz-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}
.page-basket .box-basketlist .basketdata > a:hover {
  text-decoration: none;
}
.page-basket .box-basketlist .basketdata > a:hover .title,
.page-basket .box-basketlist .basketdata > a:hover .img img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.page-basket .box-basketlist .basketdata .img img {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 124px;
  margin-top: -85px;
}
.page-basket .box-basketlist .basketdata .title {
  color: #333;
  font-size: 14px;
  font-weight: normal;
}
.page-basket .box-basketlist .basketdata .title [class*="title-tag"] {
  color: #c00;
}
.page-basket .box-basketlist .basketdata .title .title-tag-sale {
  color: #f38300;
}
.page-basket .box-basketlist .basketdata .status {
  position: absolute;
  top: 0;
}
.page-basket .box-basketlist .basketdata .speccol {
  margin-top: 10px;
  color: #808080;
  font-size: 10px;
}
.page-basket .box-basketlist .basketdata .speccol .specelm dt, .page-basket .box-basketlist .basketdata .speccol .point dt {
  float: left;
}
.page-basket .box-basketlist .basketdata .speccol .specelm dt:after, .page-basket .box-basketlist .basketdata .speccol .point dt:after {
  content: "：";
}
.page-basket .box-basketlist .basketdata .speccol .specelm dd, .page-basket .box-basketlist .basketdata .speccol .point dd {
  overflow: hidden;
}
.page-basket .box-basketlist .basketdata .speccol .specelm:after, .page-basket .box-basketlist .basketdata .speccol .point:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.page-basket .box-basketlist .basketdata .speccol .specelm .note, .page-basket .box-basketlist .basketdata .speccol .specelm .note + dd {
  color: #c00;
}
.page-basket .box-basketlist .subtotal {
  position: relative;
  padding-right: 36px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  zoom: 1;
}
.page-basket .box-basketlist .subtotal s {
  font-weight: normal;
}
.page-basket .box-basketlist .subtotal .saleprice {
  display: block;
  color: #c00;
}
.page-basket .box-basketlist .subtotal .saleprice span {
  display: block;
  font-size: 10px;
  font-weight: normal;
}
.page-basket .box-basketlist .subtotal .coupon {
  font-size: 10px;
  color: #c00;
  font-weight: normal;
}
.page-basket .box-basketlist .subtotal .function .fav, .page-basket .box-basketlist .subtotal .function .del {
  position: absolute;
  top: 14px;
  text-decoration: none;
}
.page-basket .box-basketlist .subtotal .function .fav:before, .page-basket .box-basketlist .subtotal .function .fav:after, .page-basket .box-basketlist .subtotal .function .del:before, .page-basket .box-basketlist .subtotal .function .del:after {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  visibility: hidden;
}
.page-basket .box-basketlist .subtotal .function .fav:before, .page-basket .box-basketlist .subtotal .function .del:before {
  top: -3px;
  left: 50%;
  margin-left: -4px;
  border: 4px solid transparent;
  border-top-color: #333;
  border-top-width: 6px;
  content: "";
}
.page-basket .box-basketlist .subtotal .function .fav:after, .page-basket .box-basketlist .subtotal .function .del:after {
  top: -19px;
  left: 50%;
  height: 18px;
  background-color: #333;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-align: center;
  line-height: 18px;
}
.page-basket .box-basketlist .subtotal .function .fav span, .page-basket .box-basketlist .subtotal .function .del span {
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(https://www.dmm.com/images/basket/sprite_ico_basket_150225.png);
}
.page-basket .box-basketlist .subtotal .function .fav span:after, .page-basket .box-basketlist .subtotal .function .del span:after {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(https://www.dmm.com/images/basket/sprite_ico_basket_150225.png);
  opacity: 0;
  visibility: hidden;
  content: "";
}
@media only screen and (min-device-width: 1024px) {
.page-basket .box-basketlist .subtotal .function .fav:hover:before, .page-basket .box-basketlist .subtotal .function .fav:hover:after, .page-basket .box-basketlist .subtotal .function .del:hover:before, .page-basket .box-basketlist .subtotal .function .del:hover:after {
  opacity: 1;
  visibility: visible;
}
.page-basket .box-basketlist .subtotal .function .fav:hover span, .page-basket .box-basketlist .subtotal .function .del:hover span {
  background-image: none;
}
.page-basket .box-basketlist .subtotal .function .fav:hover span:after, .page-basket .box-basketlist .subtotal .function .del:hover span:after {
  opacity: 1;
  visibility: visible;
}
}
.page-basket .box-basketlist .subtotal .function .fav {
  right: 47px;
}
.page-basket .box-basketlist .subtotal .function .fav:after {
  width: 104px;
  margin-left: -52px;
  content: "お気に入りに追加";
}
.page-basket .box-basketlist .subtotal .function .fav span:after {
  background-position: 0 29px;
}
.page-basket .box-basketlist .subtotal .function .del {
  right: 14px;
}
.page-basket .box-basketlist .subtotal .function .del:after {
  width: 40px;
  margin-left: -20px;
  content: "削除";
}
.page-basket .box-basketlist .subtotal .function .del span {
  background-position: -33px 0;
}
.page-basket .box-basketlist .subtotal .function .del span:after {
  background-position: -33px -31px;
}
.page-basket .box-basketlist .subtotal .function .number {
  position: absolute;
  top: 50%;
  left: 0;
  width: 48px;
  height: 30px;
  margin-top: -15px;
}
.page-basket .box-basketlist .subtotal .function .number * {
  width: inherit;
  height: inherit;
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}
.page-basket .layout-lead .area-rule {
  margin-top: 7px;
}
.page-basket .area-lead .lead-btn .regist, .page-basket .area-lead .lead-btn .login {
  position: relative;
}
.page-basket .area-lead .lead-btn .regist > *, .page-basket .area-lead .lead-btn .login > * {
  padding-top: 24px;
}
.page-basket .area-lead .lead-btn .regist:before, .page-basket .area-lead .lead-btn .login:before {
  position: absolute;
  left: 50%;
  top: 8px;
  font-size: 11px;
}
#w .page-basket .area-lead .lead-btn .regist:before {
  margin-left: -41px;
  content: "はじめての方は";
}
#w .page-basket .area-lead .lead-btn .login {
  margin-top: 7px;
}
#w .page-basket .area-lead .lead-btn .login:before {
  margin-left: -81px;
  content: "すでにDMM会員登録済みの方は";
}

/*[ IE ]*/
/*
 * IE 8、9、10 CSSハック
 *（コンディショナルコメントが実装されたら、セレクタを変更する）
 */
.page-basket .box-basketlist .subtotal .function .number {
  margin-top/*\**/: 44px\9;
}

/*
 * IE 11 CSSハック
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-basket .box-basketlist .subtotal .function .number:not(:target) {
    margin-top: 44px;
  }
}
/*============================== .mono.page-basket */
.mono.page-basket .capt-side,
.mono.dmp.page-basket .capt-side {
  position: relative;
  left: 0;
  bottom: -2px;
  z-index: 1;
}
.mono.page-basket .capt-side ul:after,
.mono.dmp.page-basket .capt-side ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.mono.page-basket .capt-side ul li,
.mono.dmp.page-basket .capt-side ul li {
  float: left;
  height: 50px;
  line-height: 53px;
}
.mono.page-basket .capt-side ul li + li,
.mono.dmp.page-basket .capt-side ul li + li {
  margin-left: 2px;
}
.mono.page-basket .capt-side ul li.on,
.mono.dmp.page-basket .capt-side ul li.on {
  padding: 0 1.4em;
  border: #e5e5e5 2px solid;
  border-bottom: none;
  background-color: white;
}
.mono.page-basket .capt-side ul li a,
.mono.dmp.page-basket .capt-side ul li a {
  display: block;
  height: inherit;
  padding: 0 1.4em;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.mono.page-basket .capt-side ul li a:hover,
.mono.dmp.page-basket .capt-side ul li a:hover {
  background-color: #f3f3f3;
  color: #005fc0;
  text-decoration: none;
}
.mono.page-basket .capt-side ul li .tx-balloon,
.mono.dmp.page-basket .capt-side ul li .tx-balloon {
  display: inline-block;
  position: relative;
  top: -1px;
  height: 16px;
  margin-left: 6px;
  border-radius: 2px;
  background: black;
  color: white;
  font-size: 11px;
  text-align: center;
}
.mono.page-basket .capt-side ul li .tx-balloon span,
.mono.dmp.page-basket .capt-side ul li .tx-balloon span {
  padding: 0 .4em;
  line-height: 17px;
}
.mono.page-basket .area-nodata,
.mono.dmp.page-basket .area-nodata {
  border-top: #e5e5e5 2px solid;
}
.mono.page-basket .box-basketlist .subtotal,
.mono.dmp.page-basket .box-basketlist .subtotal {
  padding-left: 70px;
}
.mono.page-basket .box-basketlist + .area-notice,
.mono.dmp.page-basket .box-basketlist + .area-notice {
  margin-top: 6px;
}
.mono.page-basket .box-basketlist + .area-notice .notice,
.mono.dmp.page-basket .box-basketlist + .area-notice .notice {
  color: #808080;
  font-size: 11px;
}

.mono.page-basket .box-basketlist + .box-basketlist {
  margin-top: 24px;
}
.mono.page-basket .box-basketlist .basketdata .img img[src*="/mono/cd/"] {
  margin-top: -62px;
}
.mono.page-basket .table-title th {
  padding-bottom: 0;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}
.mono.page-basket .table-title th p {
  padding: .3em;
  background-color: #888;
  color: white;
}
.mono.page-basket .table-title + tr {
  border-top: none;
}
.mono.page-basket .subtotal .subtotal-note {
  font-size: 10px;
  font-weight: normal;
}
.mono.page-basket .table-total td {
  height: 40px;
}
.mono.page-basket .table-total td p {
  float: left;
  font-size: 11px;
  line-height: 32px;
}
.mono.page-basket .table-total td dl {
  float: right;
}
.mono.page-basket .table-total td dt {
  float: left;
  margin-right: 6px;
  margin-left: 12px;
  font-size: 14px;
  line-height: 32px;
}
.mono.page-basket .table-total td dd {
  float: left;
  font-size: 21px;
  font-weight: bold;
}
.mono.page-basket .area-notice span[class*="ico-"] {
  color: white;
  margin-left: 0;
}

.mono.dmp.page-basket .basketdata {
  padding-top: 0;
}
.mono.dmp.page-basket .subtotal .subtotal-note {
  font-size: 10px;
  font-weight: normal;
}

/*============================== .make.page-basket */
.make a:link, .make .d-txtlink {
  color: #33a1bc;
  text-decoration: none;
  cursor: pointer;
}
.make a:visited {
  text-decoration: none;
}
.make a:hover, .make a:active, .make .d-txtlink:hover {
  text-decoration: underline;
}
.make [class="page-"] {
  min-width: 1024px;
}

.make.page-basket .box-basketlist table tbody td {
  height: 130px;
}
.make.page-basket .box-basketlist .subtotal {
  padding-left: 70px;
}
.make.page-basket .box-basketlist .basketdata {
  padding-top: 0;
}
.make.page-basket .box-basketlist .basketdata > a {
  text-decoration: none !important;
}
.make.page-basket .box-basketlist .basketdata .img img {
  margin-top: -62px;
}

/*============================== .digital.page-basket */
.digital.page-basket .box-basketlist .basketdata .img img[src*="tbs"] {
  margin-top: -47px;
}
.digital.page-basket .box-basketlist .basketdata .img img[src*="b-ch"] {
  margin-top: -35px;
}
.digital.page-basket .box-basketlist .basketdata .img img[src*="/amateur/"] {
  margin-top: -63px;
}

/*============================== .monthly.page-basket */
.monthly.page-basket .box-basketlist table td {
  height: auto;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}
.monthly.page-basket .box-basketlist .basketdata {
  padding-top: 0;
  padding-left: 0;
}
.monthly.page-basket .box-basketlist .basketdata .speccol {
  margin-top: 0;
}
.monthly.page-basket .box-basketlist .basketdata .speccol .point {
  margin-top: 10px;
}

/*============================== .dc.page-basket */
.dc.page-basket .box-basketlist .basketdata .img img[src*="/e-book/"] {
  margin-top: -89px;
}
.dc.page-basket .box-basketlist .basketdata .img img[src*="/pcgame/"] {
  margin-top: -99px;
}
.dc.page-basket .box-basketlist .basketdata .img img[src*="pm.jpg"] {
  left: 12px;
  width: 100px;
  margin-top: -50px;
}
.dc.page-basket .box-basketlist .basketdata .img img[src*="shes"] {
  margin-top: -84px;
  max-height: 168px;
}


/*======================  すべて選択する */
.dc.page-basket .m-boxSelectControl {
	font-size: 12px;
}
.dc.page-basket .m-boxSelectControl__allItem {
	position: relative;
	display: inline-block;
	padding: 10px 16px;
	background-color: #f3f3f3;
	box-sizing: border-box;
}
.dc.page-basket .m-boxSelectControl--top__allItem {
	margin-bottom: 10px;
}
.dc.page-basket .m-boxSelectControl--bottom__allItem {
	margin-top: 10px;
}
.dc.page-basket .m-boxSelectControl__allItem:after {
	content: "";
	position: absolute;
    left: 50%;
    margin-left: -15px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
}
.dc.page-basket .m-boxSelectControl--top__allItem:after {
	bottom: -10px;
	border-width: 10px 10px 0 10px;
	border-color: #f3f3f3 transparent transparent transparent;
}
.dc.page-basket .m-boxSelectControl--bottom__allItem:after {
	top: -10px;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #f3f3f3 transparent;
}
.dc.page-basket .m-boxSelectLabel__txt {
	padding-left: 28px;
}
.dc.page-basket .m-boxSelectControl__deleteItem {
	float: right;
}
.dc.page-basket .m-boxSelectControl--bottom__deleteItem {
	float: right;
	margin-top: 10px;
}
.dc.page-basket .m-boxSelectControl__deleteItem__btn {
	display: inline-block;
	background-color: #f3f3f3;
	height: 42px;
	margin-left: 6px;
	padding: 0 15px;
	border: 0;
	font-size: 12px;
	cursor: pointer;
}
/*======================  作品横のチェックボックス */
.m-boxSelectBlock__item {
	width: 22px;
	padding: 0 !important;
	vertical-align: middle;
	text-align: right;
}
/*======================  チェックボックスON/OFF */
.m-boxSelectLabel {
  position: static !important;
  display: block;
  line-height: 21px;
  height: 22px;
  background: url(https://www.dmm.com/images/dc/common/ico/checkbox.png) no-repeat 0 top;
  overflow: hidden;
  cursor: pointer;
}
.m-boxSelectLabel__checkbox {
  margin-right: 6px;
}
.m-boxSelectLabel.is-current {
    background-position: 0 -22px;
}
.m-boxSelectLabel__checkbox {
  display: inline-block;
  height: 22px;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

/*============================== .auction.page-basket */
.auction.page-basket .box-basketlist .basketdata {
  padding-top: 0;
}
.auction.page-basket.auction-adult .box-basketlist table td {
  height: 140px;
}
.auction.page-basket.auction-adult .box-basketlist .basketdata {
  padding-left: 192px;
}
.auction.page-basket.auction-adult .box-basketlist .basketdata .img img {
  width: 180px;
  margin-top: -67px;
}
.auction.page-basket.auction-general .box-basketlist .basketdata .img img {
  margin-top: -80px;
}

/*============================== .rental.page-basket */
.rental.page-basket {
  max-width: 1060px;
  min-width: 730px;
  padding: 14px 0 1px;
}
.rental.page-basket .area-layout {
  padding-top: 35px;
}
.rental.page-basket .area-rental-control:first-of-type {
  margin-top: -40px;
}
.rental.page-basket .area-rental-control:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.rental.page-basket .area-rental-control a {
  display: inline-block;
  padding: .7em .8em;
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}
.rental.page-basket .area-rental-control a:hover {
  background-color: #f3f3f3;
}
.rental.page-basket .area-rental-control li.is-active {
  position: relative;
}
.rental.page-basket .area-rental-control li.is-active a {
  padding-left: 30px;
  color: #333;
  cursor: default;
}
.rental.page-basket .area-rental-control li.is-active a:hover {
  text-decoration: none;
  background-color: transparent;
}
.rental.page-basket .area-rental-control li.is-active a:before {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 6px;
  height: 10px;
  margin-top: -10px;
  border: #b3b3b3 solid;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.rental.page-basket .area-rental-control .box-sort {
  float: left;
}
.rental.page-basket .area-rental-control .box-sort ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.rental.page-basket .area-rental-control .box-sort li {
  float: left;
}
.rental.page-basket .area-rental-control .box-delete {
  text-align: right;
}
.rental.page-basket .area-rental-control .box-delete a.bt-rental-delete {
  padding: 7px 14px;
}
.rental.page-basket .box-basketlist table thead th:first-child {
  text-align: center;
}
.rental.page-basket .box-basketlist table tbody td {
  height: auto;
}
.rental.page-basket .box-basketlist thead .box-tooltip {
  position: relative;
}
.rental.page-basket .box-basketlist thead .tx-rental-question,
.rental.page-basket .box-basketlist thead .tx-stock-question {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 3px;
  border-radius: 50%;
  background-color: #333;
  color: white;
  font-size: 11px;
  text-align: center;
}
.rental.page-basket .box-basketlist thead .tx-rental-question:after,
.rental.page-basket .box-basketlist thead .tx-stock-question:after {
  display: none;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -6px;
  border: transparent 6px solid;
  border-top-color: rgba(0, 0, 0, 0.8);
  border-top-width: 8px;
  content: "";
}
.rental.page-basket .box-basketlist thead .box-tooltip-panel {
  display: none;
  position: absolute;
  bottom: 22px;
  left: 50%;
  width: 16em;
  margin-left: -8em;
  padding: 14px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}
.rental.page-basket .box-basketlist thead .box-tooltip-panel .box-tooltip {
  font-weight: normal;
}
.rental.page-basket .box-basketlist thead .box-tooltip-panel .box-tooltip a {
  color: #ddd;
  text-decoration: underline;
}
.rental.page-basket .box-basketlist thead .box-tooltip-panel .box-tooltip a:hover {
  color: white;
}
.rental.page-basket .box-basketlist thead .box-tooltip-panel .box-tooltip p:first-child {
  font-weight: bold;
}
.rental.page-basket .box-basketlist thead .box-tooltip-panel .box-tooltip p + p {
  margin-top: 6px;
  color: #ddd;
  font-size: 12px;
}
.rental.page-basket .box-basketlist thead .is-active .box-tooltip-panel,
.rental.page-basket .box-basketlist thead .is-active .tx-rental-question:after,
.rental.page-basket .box-basketlist thead .is-active .tx-stock-question:after {
  display: block;
}
.rental.page-basket .box-basketlist .subtotal {
  width: 1%;
}
.rental.page-basket .basketdata {
  padding-left: 36px;
  box-sizing: border-box;
}
.rental.page-basket .basketdata .input {
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
}
.rental.page-basket .basketdata .input label {
  display: block;
  width: 40px;
  height: 100%;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.rental.page-basket .basketdata .input label:hover {
  background-color: #f3f3f3;
}
.rental.page-basket .basketdata .input label .checkbox-input {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
}
.rental.page-basket .rental-rate {
  display: inline-block;
  width: 66px;
  height: 15px;
  background-repeat: no-repeat;
  font-size: 10px;
}
.rental.page-basket .rental-rate span {
  position: relative;
  z-index: -1;
}
.rental.page-basket .rental-rate + span {
  margin-left: 4px;
  font-size: 10px;
}
.rental.page-basket .rental-rate.rate-0 {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_1s.gif);
}
.rental.page-basket .rental-rate.rate-1 {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_1.gif);
}
.rental.page-basket .rental-rate.rate-2 {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_2.gif);
}
.rental.page-basket .rental-rate.rate-3 {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_3.gif);
}
.rental.page-basket .rental-rate.rate-4 {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_4.gif);
}
.rental.page-basket .rental-rate.rate-5 {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_5.gif);
}
.rental.page-basket .rental-rate.rate-soon {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_new.gif);
}
.rental.page-basket .rental-rate.rate-undecided {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_undecided.gif);
}
.rental.page-basket .rental-rate.rate-delete {
  background-image: url(https://www.dmm.com/images/wallet/wish_stockdata_delete.gif);
}
.rental.page-basket .area-lead .lead-btn .btn {
  position: relative;
}
.rental.page-basket .area-lead .lead-btn .btn > * {
  padding-top: 24px;
}
.rental.page-basket .area-lead .lead-btn .btn:before {
  position: absolute;
  left: 50%;
  top: 8px;
  margin-left: -38px;
  font-size: 11px;
  content: "選択した商品の";
}

@media screen and (max-width: 1100px) {
  .rental.page-basket .area-lead .lead-data dl dt, .rental.page-basket .area-lead .lead-data dl dd {
    display: inline-block;
  }
  .rental.page-basket .area-lead .lead-data dl dd {
    float: right;
    white-space: normal;
  }
  .rental.page-basket .area-lead .lead-data .total dt {
    padding-top: 6px;
    letter-spacing: -1px;
  }
  .rental.page-basket .box-basketlist .subtotal {
    padding-right: 20px;
  }
}
/*============================== .rental.comic.page-basket */
.rental.comic.page-basket {
  /* 在庫状況 */
}
.rental.comic.page-basket .basketdata {
  padding-top: 0;
}
.rental.comic.page-basket .basketdata .speccol {
  margin-top: .5em;
}
.rental.comic.page-basket .rental-ico {
  display: inline-block;
  border: 1px solid;
  border-radius: 2px;
  font-size: 10px;
}
.rental.comic.page-basket .rental-ico + span {
  margin-left: 3px;
  font-size: 10px;
}
.rental.comic.page-basket .rental-ico.ico-stock {
  border-color: #de915b;
  color: #de915b;
}
.rental.comic.page-basket .rental-ico.ico-rented {
  border-color: #999;
  color: #999;
}
.rental.comic.page-basket .rental-ico.ico-soon {
  border-color: #58a600;
  color: #58a600;
}
.rental.comic.page-basket .rental-ico.ico-delete {
  border-color: #999;
  color: #999;
}
.rental.comic.page-basket .rental-ico.ico-postpone {
  border-color: #3c9ac9;
  color: #3c9ac9;
}

@media screen and (max-width: 1100px) {
  .rental.comic.page-basket .area-rental-control {
    font-size: 12px;
  }
  .rental.comic.page-basket .area-rental-control:first-of-type {
    margin-top: -34px;
  }
}
/*============================== .rental.iroiro.page-basket */
.rental.iroiro.page-basket .box-rental-set {
  margin-top: 10px;
}
.rental.iroiro.page-basket .btn-set {
  font-size: 12px;
  padding: 5px;
  width: 180px;
}
.rental.iroiro.page-basket .box-basketlist table tbody td {
  height: 130px;
}
.rental.iroiro.page-basket .basketdata {
  position: static;
  padding-top: 0;
  padding-left: 174px;
}
.rental.iroiro.page-basket .basketdata .input {
  top: 2px;
  bottom: 2px;
  left: 2px;
}
.rental.iroiro.page-basket .basketdata .img img {
  left: 50px;
  margin-top: -62px;
}
.rental.iroiro.page-basket .basketdata .box-rental-3dsecure,
.rental.iroiro.page-basket .basketdata .box-rental-same {
  margin-top: 10px;
  font-size: 12px;
}

.box-order-status {
  width: 760px;
  height: 100%;
  padding: 28px;
  background-color: white;
  box-sizing: border-box;
  font-size: 14px;
}
.box-order-status * {
  margin: 0;
  padding: 0;
}
.box-order-status ol, .box-order-status ul {
  list-style: none;
}
.box-order-status table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.box-order-status .capt-wrapper {
  position: relative;
  margin-bottom: 1.6em;
  font-size: 14px;
}
.box-order-status .capt-wrapper .capt01, .box-order-status .capt-wrapper .capt02, .box-order-status .capt-wrapper .capt03 {
  display: inline-block;
  font-weight: normal;
}
.box-order-status .capt-wrapper .capt01 {
  font-size: 30px;
}
.box-order-status .capt-wrapper .capt02 {
  font-size: 21px;
}
.box-order-status .capt-wrapper .capt03 {
  font-size: 14px;
}
.box-order-status .capt-wrapper .capt-subcapt {
  display: inline;
  color: #808080;
  font-size: 60%;
}
.box-order-status .capt-wrapper .capt-link {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
}
.box-order-status .capt-wrapper .capt-stepnav {
  position: absolute;
  bottom: 14px;
  right: -6px;
  color: #808080;
  font-size: 10px;
  counter-reset: section 0;
}
.box-order-status .capt-wrapper .capt-stepnav:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.box-order-status .capt-wrapper .capt-stepnav:before {
  position: absolute;
  top: 6px;
  left: 1px;
  content: "";
  width: 99%;
  height: 1px;
  background-color: #808080;
}
.box-order-status .capt-wrapper .capt-stepnav li {
  position: relative;
  float: left;
  padding: 0 3px;
  background-color: white;
}
.box-order-status .capt-wrapper .capt-stepnav li:before {
  content: counter(section);
  counter-increment: section 1;
  margin-right: 4px;
  color: transparent;
}
.box-order-status .capt-wrapper .capt-stepnav li:after {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 1px;
  left: 3px;
  border: #b3b3b3 solid;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.box-order-status .capt-wrapper .capt-stepnav li.on {
  color: #c00;
}
.box-order-status .capt-wrapper .capt-stepnav li.on:before {
  color: #c00;
}
.box-order-status .capt-wrapper .capt-stepnav li.on ~ li:before {
  color: #808080;
}
.box-order-status .capt-wrapper .capt-stepnav li.on:after, .box-order-status .capt-wrapper .capt-stepnav li.on ~ li:after {
  content: none;
}
.box-order-status .capt-wrapper .capt-stepnav li + li {
  margin-left: 24px;
}
.box-order-status .area-capt {
  margin-bottom: .8em;
}
.box-order-status .area-text {
  margin-bottom: 12px;
}
.box-order-status .orderstatus-navi {
  position: relative;
  bottom: -2px;
}
.box-order-status .orderstatus-navi:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.box-order-status .orderstatus-navi a {
  display: block;
  height: 50px;
  padding: 0 1.4em;
  line-height: 50px;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.box-order-status .orderstatus-navi a:hover {
  background-color: #fafafa;
  color: #3b5998;
  text-decoration: none;
}
.box-order-status .orderstatus-navi li {
  float: left;
}
.box-order-status .orderstatus-navi li.is-selected {
  border: #e5e5e5 2px solid;
  border-bottom: none;
  background-color: white;
  line-height: 50px;
}
.box-order-status .orderstatus-navi li.is-selected a {
  color: #333;
  cursor: default;
}
.box-order-status .orderstatus-navi li.is-selected a:hover {
  background: transparent;
  color: #333;
}
.box-order-status .orderstatus-panel {
  padding: 18px;
  border: #e5e5e5 2px solid;
}
.box-order-status .orderstatus-panel > div {
  display: none;
}
.box-order-status .orderstatus-panel > div:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.box-order-status .orderstatus-panel > div.is-selected {
  display: block;
}
.box-order-status .orderstatus-panel .order-limit {
  float: left;
  width: 48%;
  margin: 5px;
}
.box-order-status .orderstatus-panel .order-limit tr {
  border: #e5e5e5 1px solid;
}
.box-order-status .orderstatus-panel .order-limit th, .box-order-status .orderstatus-panel .order-limit td {
  padding: 7px 14px;
}
.box-order-status .orderstatus-panel .order-limit thead th, .box-order-status .orderstatus-panel .order-limit thead td {
  background-color: #f3f3f3;
  font-size: 12px;
}
.box-order-status .orderstatus-panel .order-limit thead th {
  white-space: nowrap;
}
.box-order-status .orderstatus-panel .order-limit tbody th {
  font-weight: normal;
}
.box-order-status .orderstatus-panel .order-limit .order-count {
  background-color: #fffdf0;
  color: #c00;
}
.box-order-status .area-fashion .order-limit {
  width: 31.8%;
}

/*============================== .koikatsu.page-basket */
.koikatsu.page-basket .box-basketlist table tbody td {
  height: auto;
  padding: 30px;
}
.koikatsu.page-basket .basketdata {
  padding-top: 0;
  padding-left: 0;
}

/*============================== .page-address */
.page-address {
  /* 2 column */
  /* 名前 */
  /* 郵便番号 */
  /* 住所 */
}
.page-address .capt-subcapt {
  margin-left: 6px;
}
.page-address .capt-subcapt:before {
  content: "(";
}
.page-address .capt-subcapt:after {
  content: ")";
}
.page-address .layout-content .area-capt {
  margin-top: 28px;
  margin-bottom: .5em;
}
.page-address .area-notice {
  margin: 30px 0;
}
.page-address .area-notice p + p {
  margin-top: 12px;
}
.page-address .area-form {
  display: table;
  width: 100%;
  border: #e5e5e5 2px solid;
}
.page-address .area-form dl {
  display: table-row;
}
.page-address .area-form dl:first-child dt {
  padding-top: 40px;
}
.page-address .area-form dl:first-child dd {
  padding-top: 30px;
}
.page-address .area-form dt, .page-address .area-form dd {
  display: table-cell;
}
.page-address .area-form dt {
  width: 10em;
  padding-top: 11px;
  padding-left: 14px;
  padding-bottom: 40px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
.page-address .area-form dt:after {
  content: "：";
}
.page-address .area-form dd {
  padding-right: 14px;
  padding-bottom: 30px;
  padding-left: 6px;
  vertical-align: middle;
}
.page-address .area-form dd .subtext {
  color: #808080;
  font-size: 10px;
}
.page-address .area-form dd .subtext:first-of-type {
  margin-top: 5px;
}
.page-address .area-form .is-error {
  color: #c00;
}
.page-address .area-form .is-error input,
.page-address .area-form .is-error select {
  border-color: #c00;
  background-color: #fdf5f5;
}
.page-address .box-name dt:before, .page-address .box-nickname dt:before, .page-address .box-ruby dt:before, .page-address .box-zipcode dt:before, .page-address .box-address01 dt:before, .page-address .box-tel dt:before {
  position: relative;
  top: -1px;
  margin-right: 6px;
  padding: 3px 3px 2px;
  border-radius: 3px;
  background-color: #e5e5e5;
  color: #808080;
  font-size: 10px;
  font-weight: normal;
  content: "必須";
}
.page-address .box-name input, .page-address .box-ruby input {
  width: 50%;
}
.page-address .box-name input:first-child, .page-address .box-ruby input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}
.page-address .box-name input + input, .page-address .box-ruby input + input {
  margin-left: -.4em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.page-address .box-name .subtext {
  clear: both;
}
.page-address .box-zipcode dd:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.page-address .box-zipcode input[type="text"] {
  float: left;
  width: 30%;
  padding-left: 28px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-image: url(https://www.dmm.com/images/basket/sprite_ico_address_150225.png);
  background-repeat: no-repeat;
  background-position: 0 6px;
}
.page-address .box-zipcode .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.page-address .box-zipcode .btn:hover {
  top: 0;
}
.page-address .box-zipcode .btn > span {
  width: auto;
}
.page-address .box-zipcode .btn > span:hover {
  position: relative;
  top: 1px;
}
.page-address .box-zipcode .link-zipcode {
  display: inline-block;
  margin-top: 10px;
}
.page-address .box-address01 input[type="text"]:first-of-type,
.page-address .box-mail input[type="text"]:first-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.page-address .box-address01 input[type="text"]:first-of-type ~ input[type="text"],
.page-address .box-mail input[type="text"]:first-of-type ~ input[type="text"] {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.page-address .box-address01 input:first-child::-webkit-input-placeholder {
  font-size: 13px;
}
.page-address .box-mail input {
  padding-left: 34px;
  background-image: url(https://www.dmm.com/images/basket/sprite_ico_address_150225.png);
  background-repeat: no-repeat;
}
.page-address .box-mail input:first-child {
  background-position: 3px -29px;
}
.page-address .box-mail input:first-child + input {
  background-position: 3px -62px;
}
.page-address .area-notice {
  margin-top: 14px;
}
.page-address .area-checkbox {
  margin-top: 10px;
  text-align: center;
}
.page-address .area-checkbox > p {
  width: 78%;
  margin: 6px auto 0;
  color: #808080;
  font-size: 10px;
}
.page-address .area-link.back {
  margin-top: 6px;
  text-align: center;
}
.page-address .area-link.back a:before {
  display: inline-block;
  content: "＜";
}

/* プレースホルダーが表示されないブラウザ（IE8）用の補完
 * IE9は、IE9用のclassが実装されてから対応する。
 */
.page-address .area-form dd:before {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
}
.page-address .area-form dd:after {
  display: inline-block;
  margin-top: 3px;
  color: #808080;
  font-size: 10px;
}
.page-address .area-form .box-address01 dd:before {
  content: "郵便番号を入力し「郵便番号から住所を自動入力」を押してください";
}
.page-address .area-form .box-address01 dd:after {
  content: "番地などを入力してください";
}
.page-address .area-form .box-address02 dd:before {
  content: "建物・部屋番号を入力してください（任意）";
}
:root .page-address .area-form .box-address01 dd:before {
  content: none;
}
:root .page-address .area-form .box-address01 dd:after {
  content: none;
}
:root .page-address .area-form .box-address02 dd:before {
  content: none;
}

/*============================== .rental.iroiro-golf.page-address */
.rental.iroiro-golf.page-address .layout-content .area-form {
  margin-bottom: 1em;
}
.rental.iroiro-golf.page-address .layout-content .area-capt {
  margin-bottom: .8em;
}

/*============================== .dmp.reserve.page-address */
.dmp.reserve.page-address .box-mail input[type="text"]:first-of-type,
.rental.ppr.page-address .box-mail input[type="text"]:first-of-type,
.rental.comic.page-address .box-mail input[type="text"]:first-of-type,
.rental.iroiro.page-address .box-mail input[type="text"]:first-of-type {
  border-radius: 4px;
}

/*============================== .page-address ポップアップの中身 */
/*
 * ポップアップの中身のCSS
 * .popup-address-zipcode         : 共通のclass
 * .popup-address-zipcode.address : 「自動入力」ボタン押下時
 * .popup-address-zipcode.zipcode : 「郵便番号検索」テキストリンク押下時
 */
.popup-address-zipcode {
  width: 500px;
  padding: 28px;
  box-sizing: border-box;
}
.popup-address-zipcode * {
  margin: 0;
  padding: 0;
}
.popup-address-zipcode ol, .popup-address-zipcode ul {
  list-style: none;
}
.popup-address-zipcode table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.popup-address-zipcode .capt-wrapper {
  position: relative;
  margin-bottom: 1.6em;
  font-size: 14px;
}
.popup-address-zipcode .capt-wrapper .capt01, .popup-address-zipcode .capt-wrapper .capt02, .popup-address-zipcode .capt-wrapper .capt03 {
  display: inline-block;
  font-weight: normal;
}
.popup-address-zipcode .capt-wrapper .capt01 {
  font-size: 30px;
}
.popup-address-zipcode .capt-wrapper .capt02 {
  font-size: 21px;
}
.popup-address-zipcode .capt-wrapper .capt03 {
  font-size: 14px;
}
.popup-address-zipcode .capt-wrapper .capt-subcapt {
  display: inline;
  color: #808080;
  font-size: 60%;
}
.popup-address-zipcode .capt-wrapper .capt-link {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav {
  position: absolute;
  bottom: 14px;
  right: -6px;
  color: #808080;
  font-size: 10px;
  counter-reset: section 0;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav:before {
  position: absolute;
  top: 6px;
  left: 1px;
  content: "";
  width: 99%;
  height: 1px;
  background-color: #808080;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li {
  position: relative;
  float: left;
  padding: 0 3px;
  background-color: white;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li:before {
  content: counter(section);
  counter-increment: section 1;
  margin-right: 4px;
  color: transparent;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li:after {
  position: absolute;
  width: 5px;
  height: 7px;
  top: 1px;
  left: 3px;
  border: #b3b3b3 solid;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li.on {
  color: #c00;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li.on:before {
  color: #c00;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li.on ~ li:before {
  color: #808080;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li.on:after, .popup-address-zipcode .capt-wrapper .capt-stepnav li.on ~ li:after {
  content: none;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li + li {
  margin-left: 24px;
}
.popup-address-zipcode input[type="text"], .popup-address-zipcode input[type="email"], .popup-address-zipcode input[type="tel"], .popup-address-zipcode input[type="number"], .popup-address-zipcode textarea, .popup-address-zipcode legend, .popup-address-zipcode fieldset {
  border: 0;
  background-color: white;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
.popup-address-zipcode label {
  cursor: pointer;
}
.popup-address-zipcode input[type="text"], .popup-address-zipcode input[type="email"], .popup-address-zipcode input[type="tel"], .popup-address-zipcode input[type="number"], .popup-address-zipcode input[type="radio"], .popup-address-zipcode input[type="checkbox"],
.popup-address-zipcode textarea {
  display: inline-block;
  border: #ccc 1px solid;
  border-radius: 4px;
}
.popup-address-zipcode input, .popup-address-zipcode textarea {
  font-size: 14px;
}
.popup-address-zipcode input[type="text"], .popup-address-zipcode input[type="email"], .popup-address-zipcode input[type="tel"], .popup-address-zipcode textarea {
  width: 100%;
}
.popup-address-zipcode input[type="text"], .popup-address-zipcode input[type="email"], .popup-address-zipcode input[type="tel"], .popup-address-zipcode input[type="number"], .popup-address-zipcode textarea {
  width: 100%;
  padding: 0 .6em;
}
.popup-address-zipcode input[type="text"], .popup-address-zipcode input[type="email"], .popup-address-zipcode input[type="tel"], .popup-address-zipcode input[type="number"] {
  height: 42px;
}
.popup-address-zipcode input[readonly] {
  background-color: #f3f3f3;
}
.popup-address-zipcode input[type="text"]:focue, .popup-address-zipcode input[type="email"]:focue, .popup-address-zipcode input[type="tel"]:focue, .popup-address-zipcode input[type="number"]:focue,
.popup-address-zipcode textarea:focue {
  -webkit-box-shadow: 0px 0px 6px #5B9DD9;
  -moz-box-shadow: 0px 0px 6px #5B9DD9;
  box-shadow: 0px 0px 6px #5B9DD9;
  outline-color: #387bbe;
  outline-offset: -2px;
}
.popup-address-zipcode input:focus[readonly], .popup-address-zipcode textarea:focus[readonly] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.popup-address-zipcode textarea {
  height: 6em;
  padding-top: .5em;
  padding-bottom: .5em;
}
.popup-address-zipcode legend {
  font-size: 14px;
}
.popup-address-zipcode input::-ms-clear,
.popup-address-zipcode input::-ms-reveal {
  visibility: hidden;
}
.popup-address-zipcode input[type="number"] {
  -moz-appearance: textfield;
}
.popup-address-zipcode input[type="number"]::-webkit-inner-spin-button, .popup-address-zipcode input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.popup-address-zipcode select {
  border: 0;
  background-color: white;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 0;
  width: 100%;
  height: 42px;
  padding: 0 0 0 .6em;
  border: #ccc 1px solid;
  border-radius: 4px;
  font-size: 14px;
  line-height: 42px;
}
.popup-address-zipcode select:focus {
  -webkit-box-shadow: 0px 0px 6px #5B9DD9;
  -moz-box-shadow: 0px 0px 6px #5B9DD9;
  box-shadow: 0px 0px 6px #5B9DD9;
  outline-color: #387bbe;
  outline-offset: -2px;
}
.popup-address-zipcode .notice-wrapper .notice {
  color: #333;
  font-size: 12px;
  line-height: 1.6;
}
.popup-address-zipcode .notice-wrapper .notice + .notice {
  margin-top: 1em;
}
.popup-address-zipcode .notice-wrapper .notice-error {
  padding: 14px;
  background-color: #fdf5f5;
  color: #c00;
  text-align: center;
}
.popup-address-zipcode .notice-wrapper .notice-col-12, .popup-address-zipcode .notice-wrapper .notice-col-11, .popup-address-zipcode .notice-wrapper .notice-col-10, .popup-address-zipcode .notice-wrapper .notice-col-9, .popup-address-zipcode .notice-wrapper .notice-col-8, .popup-address-zipcode .notice-wrapper .notice-col-7, .popup-address-zipcode .notice-wrapper .notice-col-6, .popup-address-zipcode .notice-wrapper .notice-col-5, .popup-address-zipcode .notice-wrapper .notice-col-4, .popup-address-zipcode .notice-wrapper .notice-col-3, .popup-address-zipcode .notice-wrapper .notice-col-2, .popup-address-zipcode .notice-wrapper .notice-col-1 {
  float: left;
  position: relative;
  min-height: 1px;
  box-sizing: border-box;
}
.popup-address-zipcode .notice-wrapper table td[class*="notice-col-"], .popup-address-zipcode .notice-wrapper table th[class*="notice-col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.popup-address-zipcode .notice-wrapper .notice-col-12 {
  width: 100%;
}
.popup-address-zipcode .notice-wrapper .notice-col-11 {
  width: 91.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-10 {
  width: 83.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-col-9 {
  width: 75%;
}
.popup-address-zipcode .notice-wrapper .notice-col-8 {
  width: 66.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-7 {
  width: 58.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-col-6 {
  width: 50%;
}
.popup-address-zipcode .notice-wrapper .notice-col-5 {
  width: 41.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-4 {
  width: 33.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-col-3 {
  width: 25%;
}
.popup-address-zipcode .notice-wrapper .notice-col-2 {
  width: 16.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-1 {
  width: 8.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-item {
  margin-bottom: 1em;
  padding-bottom: 1px;
  zoom: 1;
}
.popup-address-zipcode .notice-wrapper .notice-padding-top {
  padding-top: 14px;
}
.popup-address-zipcode .notice-wrapper .notice-padding-bottom {
  padding-bottom: 14px;
}
.popup-address-zipcode .notice-wrapper .notice-padding-right {
  padding-right: 14px;
}
.popup-address-zipcode .notice-wrapper .notice-padding-left {
  padding-left: 14px;
}
.popup-address-zipcode .notice-wrapper table.notice-item {
  padding-bottom: 0;
}
.popup-address-zipcode .notice-wrapper .notice-item:before, .popup-address-zipcode .notice-wrapper .notice-item:after, .popup-address-zipcode .notice-wrapper .notice-row:before, .popup-address-zipcode .notice-wrapper .notice-row:after {
  content: "";
  display: table;
}
.popup-address-zipcode .notice-wrapper .notice-item:after, .popup-address-zipcode .notice-wrapper .notice-row:after {
  clear: both;
}
.popup-address-zipcode .notice-wrapper .notice-color-default {
  color: #333 !important;
}
.popup-address-zipcode .notice-wrapper .notice-color-secondary {
  color: #808080 !important;
}
.popup-address-zipcode .notice-wrapper .notice-color-primary {
  color: #f38300 !important;
}
.popup-address-zipcode .notice-wrapper .notice-color-warning {
  color: #c00 !important;
}
.popup-address-zipcode .notice-wrapper .notice-text-small {
  font-size: 10px !important;
}
.popup-address-zipcode .notice-wrapper .notice-text-default {
  font-size: 12px !important;
}
.popup-address-zipcode .notice-wrapper .notice-text-large {
  font-size: 14px !important;
}
.popup-address-zipcode .notice-wrapper .notice-bold {
  font-weight: bold !important;
}
.popup-address-zipcode .notice-wrapper .notice-normal {
  font-weight: normal !important;
}
.popup-address-zipcode .notice-wrapper .notice-bg-default {
  background-color: #f3f3f3 !important;
}
.popup-address-zipcode .notice-wrapper .notice-bg-primary {
  background-color: #fffdf0 !important;
}
.popup-address-zipcode .notice-wrapper .notice-bg-warning {
  background-color: #fdf5f5 !important;
}
.popup-address-zipcode .notice-wrapper .notice-text-left {
  text-align: left !important;
}
.popup-address-zipcode .notice-wrapper .notice-text-right {
  text-align: right !important;
}
.popup-address-zipcode .notice-wrapper .notice-text-center {
  text-align: center !important;
}
.popup-address-zipcode .notice-wrapper .notice-border-top {
  border-top: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper .notice-border-bottom {
  border-bottom: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper .notice-border-right {
  border-right: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper .notice-border-left {
  border-left: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper .notice-indent {
  padding-left: 1.5em !important;
}
.popup-address-zipcode .notice-wrapper .notice-ico-important {
  position: relative;
  padding-left: 1.2em;
}
.popup-address-zipcode .notice-wrapper .notice-ico-important:before {
  display: inline;
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 3px;
  content: "※";
}
.popup-address-zipcode .notice-wrapper .notice-listtitle,
.popup-address-zipcode .notice-wrapper .notice-title {
  margin-bottom: .3em;
  font-weight: bold;
}
.popup-address-zipcode .notice-wrapper hr {
  border-width: 0;
  border-top: #e5e5e5 1px solid;
  margin: 1em 0 1em;
}
.popup-address-zipcode .notice-wrapper table {
  width: 100%;
  font-size: 12px;
}
.popup-address-zipcode .notice-wrapper table td, .popup-address-zipcode .notice-wrapper table th {
  padding: 7px;
}
.popup-address-zipcode .notice-wrapper table td *, .popup-address-zipcode .notice-wrapper table th * {
  vertical-align: middle;
}
.popup-address-zipcode .notice-wrapper table thead th, .popup-address-zipcode .notice-wrapper table thead td, .popup-address-zipcode .notice-wrapper table tbody th, .popup-address-zipcode .notice-wrapper table tbody td {
  border: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper table thead th, .popup-address-zipcode .notice-wrapper table tbody th {
  background-color: #f3f3f3;
}
.popup-address-zipcode .notice-wrapper table thead th, .popup-address-zipcode .notice-wrapper table thead td {
  border-bottom: none;
  background-color: #f3f3f3;
}
.popup-address-zipcode .notice-wrapper .notice-box {
  padding: 14px;
  border: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper .ico-primary {
  position: relative;
  padding-left: 1.2em;
}
.popup-address-zipcode .notice-wrapper .ico-primary:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '※' !important;
}
.popup-address-zipcode .notice-wrapper ul > li, .popup-address-zipcode .notice-wrapper ol > li {
  position: relative;
  padding-left: 1.2em;
}
.popup-address-zipcode .notice-wrapper ul > li + li, .popup-address-zipcode .notice-wrapper ol > li + li {
  margin-top: 0.4em;
}
.popup-address-zipcode .notice-wrapper ul > li:before, .popup-address-zipcode .notice-wrapper ol > li:before {
  position: absolute;
  left: 0;
  top: 0;
}
.popup-address-zipcode .notice-wrapper ul > li li, .popup-address-zipcode .notice-wrapper ol > li li {
  margin-top: 0.3em;
}
.popup-address-zipcode .notice-wrapper ul > li:before {
  content: "・";
}
.popup-address-zipcode .notice-wrapper ol {
  counter-reset: section 0;
}
.popup-address-zipcode .notice-wrapper ol > li + li {
  margin-top: .6em;
}
.popup-address-zipcode .notice-wrapper ol > li:before {
  left: 2px;
  color: #333;
  font-weight: normal;
  content: counter(section);
  counter-increment: section 1;
}
.popup-address-zipcode .notice-wrapper ul.notice-list-unstyled > li, .popup-address-zipcode .notice-wrapper ol.notice-list-unstyled > li {
  padding-left: 0;
}
.popup-address-zipcode .notice-wrapper ul.notice-list-unstyled > li:before, .popup-address-zipcode .notice-wrapper ol.notice-list-unstyled > li:before {
  content: none;
}
.popup-address-zipcode .small-wrapper {
  color: #808080;
  font-size: 10px;
}
.popup-address-zipcode .btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-family: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid;
  border-color: #cacaca #b0b0b0 #9c9c9c;
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f7f7f7), color-stop(100%, #e5e5e5));
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 50%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
  background-size: auto 200%;
  background-position: 0 100%;
  box-shadow: inset 0 1px 0 white;
  transition: background-position .1s ease-out;
}
.popup-address-zipcode .btn:hover {
  position: relative;
  top: 1px;
  border-color: #d7d7d7 #c4c4c4 #b5b5b5;
  background-position: 0 0;
  text-decoration: none;
}
.popup-address-zipcode .btn:hover:before, .popup-address-zipcode .btn:hover:after,
.popup-address-zipcode .btn:hover > *,
.popup-address-zipcode .btn:hover > *:before,
.popup-address-zipcode .btn:hover > *:after {
  color: #666;
}
.popup-address-zipcode .btn > * {
  display: inline-block;
  width: 210px;
  padding: .5em .8em;
  background-color: transparent;
  background-repeat: no-repeat;
  box-sizing: border-box;
  color: #333;
  font-size: inherit;
  font-family: inherit;
  cursor: inherit;
}
.popup-address-zipcode .btn > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: auto;
  margin: 0;
  white-space: normal;
  outline: 0;
  border: 0;
  box-shadow: none;
}
.popup-address-zipcode .btn-primary {
  border: 1px solid;
  border-color: #deb372 #ce9c4b #c1882e;
  background-color: #fcdc80;
  background-image: -moz-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fde5a0), color-stop(50%, #fcdc80), color-stop(100%, #ffc01e));
  background-image: -webkit-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: -o-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: -ms-linear-gradient(top, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  background-image: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e',GradientType=0 );
  box-shadow: inset 0 1px 0 #fff1d1;
}
.popup-address-zipcode .btn-primary:hover {
  border-color: #e6c695 #dab578 #d1a662;
}
.popup-address-zipcode .btn-sm > * {
  font-size: 85.714%;
}
.popup-address-zipcode .btn-xs > * {
  padding: .3em .6em;
  font-size: 71.428%;
}
.popup-address-zipcode .btn-la > * {
  font-size: 120%;
}
.popup-address-zipcode .btn-wide > * {
  width: 270px;
}
.popup-address-zipcode .btn-narrow > * {
  width: 160px;
}
.popup-address-zipcode .btn-xnarrow > * {
  width: 100px;
}
.popup-address-zipcode .btn-block {
  display: block;
}
.popup-address-zipcode .btn-disabled, .popup-address-zipcode .btn:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.popup-address-zipcode .btn-disabled:hover, .popup-address-zipcode .btn:disabled:hover {
  top: 0;
  border-color: #cacaca #b0b0b0 #9c9c9c;
  background-position: 0 100%;
}
.popup-address-zipcode .btn-disabled:hover > *, .popup-address-zipcode .btn:disabled:hover > * {
  color: #333;
}
.popup-address-zipcode .btn-primary.btn-disabled:hover, .popup-address-zipcode .btn-primary.btn:disabled:hover {
  border-color: #deb372 #ce9c4b #c1882e;
}
.popup-address-zipcode .capt01 {
  margin: 0 0 .5em;
  font-size: 21px;
}
.popup-address-zipcode .capt02 {
  margin: 0 0 .25em;
  font-size: 14px;
  font-weight: bold;
}
.popup-address-zipcode .sect02 + .capt02 {
  margin-top: 12px;
}
.popup-address-zipcode .area-text {
  margin-bottom: 12px;
  font-size: 14px;
}
.popup-address-zipcode .area-text p + p {
  margin-top: 6px;
}
.popup-address-zipcode .area-btn {
  margin-top: 1em;
  text-align: center;
}
.popup-address-zipcode .area-btn .btn {
  width: 230px;
}
.popup-address-zipcode .cautiontxt {
  color: #808080;
  font-size: 11px;
}
.popup-address-zipcode .area-input {
  padding: 14px;
  border: #e5e5e5 2px solid;
}
.popup-address-zipcode .error {
  margin-bottom: 12px;
  padding: 10px;
  background-color: #fdf5f5;
  color: #c00;
  font-size: 14px;
}
.popup-address-zipcode .result {
  margin-top: 12px;
  padding: 12px;
  background-color: #eee;
  font-size: 14px;
}
.popup-address-zipcode .result .ttl {
  margin-bottom: 10px;
}
.popup-address-zipcode .result .adressbtn {
  border: 1px #bbb solid;
  background-color: white;
}
.popup-address-zipcode .result .adressbtn + .adressbtn {
  border-top: none;
}
.popup-address-zipcode .result .adressbtn a {
  display: block;
  padding: 6px 24px 6px 6px;
  border: 1px #fafafa solid;
  background: url(https://www.dmm.com/images/common/ico_arrow.gif) no-repeat 400px center;
}

.area-address-backlink {
  margin-bottom: -16px;
  padding: 28px 28px 0;
}

.popup-address-zipcode.is-hidden,
.popup-address-zipcode .is-hidden,
.area-address-backlink.is-hidden,
.area-address-backlink .is-hidden {
  display: none;
  opacity: 0;
}

.area-address-zipcode-search01,
.area-address-zipcode-search02,
.area-address-search01,
.area-address-search02 {
  opacity: 1;
  -webkit-animation: fade-in 0.5s ease-out;
  -moz-animation: fade-in 0.5s ease-out;
  animation: fade-in 0.5s ease-out;
}

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
/* .popup-address-zipcode.address : 「自動入力」ボタン押下時 */
.popup-address-zipcode.address .area-input {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.popup-address-zipcode.address .area-input input[type="text"] {
  width: 90px;
  margin: 0 6px;
}
.popup-address-zipcode.address .area-input input[type="text"] + input[type="text"] {
  width: 120px;
}
.popup-address-zipcode.address .area-input .capt02 {
  display: table-cell;
  padding-right: 12px;
}
.popup-address-zipcode.address .area-input .sect02 {
  display: table-cell;
}
.popup-address-zipcode.address .area-input .sect02 .box-caution {
  margin-top: 10px;
}

/*============================== State */
.is-hidden {
  display: none !important;
}

/*============================== Colorbox */
#cboxLoadedContent {
  background-color: white !important;
}

#cboxContent {
  margin-bottom: 40px !important;
}

#cboxOverlay {
  background: black !important;
}

#cboxTitle {
  color: white !important;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  background-image: url(https://www.dmm.com/images/js/library/jquery_1_8_3/plugin/jquery_colorbox_1_4/controls_white.png) !important;
}

#cboxLoadedContent {
  background-color: white !important;
  font-size: 14px;
}
#cboxLoadedContent ul {
  padding: 0;
}
#cboxLoadedContent li {
  list-style: none;
}

/* ▼css追加しました ここから */

.txt-note:before {
    content: "※";
    position: absolute;
    left: 0;
}

.txt-note {
    line-height: 12px !important;
    display: block !important;
    position: relative;
    padding-left: 11px;
    margin-top: 5px;
}

/* ▼css追加しました ここまで */

/*
* ▼common/
*/
body{
    font-size: 10px;
}
p,ul,ol,dl,li,dt,dd{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
a:link, .d-txtlink {
    color: #227ea9;
}
a:hover, a:active, .d-txtlink:hover {
    color: #ed5a76;
}
#w .d-announcement dl dd {
    font-size: 1.2em;
}
#footer{
    font-size: 12px;
}
/*PF管轄レコメンド枠*/
div[id^="recommend"] {
    font-size: 12px;
}
/**
 * 左エリア
 */
#l-side{
    display: table-cell;
    vertical-align: top;
    padding-right: 23px;
}

/**
 * 右コンテンツエリア
 */
#l-contents{
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

/**
 * 事業部告知エリア
 */
#l-areaNotice{
    margin-bottom: 20px;
}

/**
 * 本告知エリア
 */
#l-areaFailureNotice {
    margin-bottom: 10px;
}

/**
 * 【適用先】
 *  新着通知管理画面
 */
#l-notificationManagerMain {
    width: 748px;
    margin: 28px auto;
}
.l-areaNotificationManagerList {
    background-color: #eee;
}
#d-ie7 .l-areaNotificationManagerList {
    zoom: 1;
}

/**
 * カルーセル選択バグ対策
 */
#l-areaRecommendCheck::selection {
  background: transparent;
}

/*通常リストヘッダー枠*/
.l-areaListHeader {
    margin-bottom: 15px;
}

/**
* 【適用先】
* セット購入　末端・シリーズリスト・マイライブラリ
 */
/*セット購入一覧枠*/
.l-areaSetPurchase {
margin-bottom: 40px;
}

.l-areaSetPurchase--series {
    margin-top: 30px;
}

.l-areaGenreRecommend {
    position: relative;
    margin-bottom: 30px;
    padding: 7px 0 0 0;
}

/**
 * 事業部告知
 */
.m-boxNotice {
    border: #ddd solid 3px;
    font-size: 1.4em;
    position: relative;
}
.m-boxNotice__txt {
    position: relative;
}
.m-boxNotice__txt a {
    display: block;
    padding: 10px 41px;
}
.m-boxNotice__txt a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -15px;
    background: url(https://www.dmm.com/images/dc/common/ico/title.png) no-repeat left top;
    width: 32px;
    height: 0;
    padding-top: 26px;
    background-position: 0 0;
}

/**
 * 本告知
 */
.m-boxNotice, .m-boxFailureNotice {
    border: #ddd solid 3px;
    font-size: 1.4em;
    position: relative;
}
.m-boxFailureNotice__ttl {
    position: relative;
    padding: 10px 41px;
    font-size: 14px;
    font-weight: bold;
}
.m-boxFailureNotice__ttl:hover {
    color: #ed5a76;
}
.m-boxFailureNotice__ttl:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    margin-top: -15px;
    background: url(https://www.dmm.com/images/dc/common/ico/title.png) no-repeat left top;
    width: 32px;
    height: 0;
    padding-top: 26px;
    background-position: 0 -128px;
}
.m-boxFailureNotice__ttl:after {
    position: absolute;
    top: 50%;
    right: 18px;
    display: block;
    margin-top: -10px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    content: "";
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
.m-boxFailureNotice__txt {
    padding: 10px 41px;
    border-top: 1px #c3c3c3 dotted;
    display:none;
}

/*
* 【適用先】
*  ページ共通
* 【用途】
*  フラットボタン
*/
/* 基本定義ここから */
.m-boxDcFlatBtn {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 2px solid transparent;
    border-radius: 3px;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity .1s ease-in-out;
}
.m-boxDcFlatBtn:hover {
    opacity: .7;
        filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
/* 可変にする場合のmodifier */
.m-boxDcFlatBtn--flex {
    width: 100% !important;
}
/* アイコンのみ表示する場合のmodifier */
.m-boxDcFlatBtn__txt--icoOnly:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
}

/* a要素をボタンにする場合 */
.m-boxDcFlatBtn > a {
    display: block;
    height: inherit;
    text-decoration: none !important;
}
.m-boxDcFlatBtn__txt {
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
.m-boxDcFlatBtn__txt:before {
    display: inline-block;
    margin-right: .25em;
    vertical-align: -2px;
    content: " ";
}
.m-boxDcFlatBtn__txt--noIco:before {
    content: none;
}
/* formコントロールをボタンにする場合 */
.m-boxDcFlatBtn--form {
    position: relative;
    padding-top: 2px; /* for IE */
}
.m-boxDcFlatBtn--form:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
/* formコントロールの基本定義 */
.m-boxDcFlatBtn--form__control {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
    border: none;
    background: transparent;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    font-weight: bold;
    cursor: pointer;
}
/* 基本定義ここまで */

/* 下記modifierでカスタマイズする */

/* 今すぐ購入ボタン */
.m-boxDcFlatBtn--buyNow {
    width: 216px;
    height: 52px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 52px;
}
.m-boxDcFlatBtn--buyNow__txt {
    color: #fff !important;
    font-size: 20px;
}

/* バスケットに入れるボタン */
.m-boxDcFlatBtn--addToBasket {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--addToBasket__txt {
    color: #6e4519 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--addToBasket__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_addcart.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToBasket:before {
    width: 27px;
    height: 20px;
    left: -124px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_addcart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--addToBasket__txt {
    padding-left: 27px;
}

/* バスケットをみるボタン */
.m-boxDcFlatBtn--confirmInBasket {
    width: 216px;
    height: 34px;
    border-bottom-color: #c9b793;
    background-color: #f3dba7;
    line-height: 34px;
}
.m-boxDcFlatBtn--confirmInBasket__txt {
    color: #6e4519 !important;
    font-size: 14px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--confirmInBasket__txt:before {
    width: 20px;
    height: 16px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_cart.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--confirmInBasket:before {
    width: 20px;
    height: 16px;
    left: -112px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_cart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--confirmInBasket__txt {
    padding-left: 20px;
}
/* お気に入りに追加ボタン */
.m-boxDcFlatBtn--addToFavorites {
    width: 216px;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--addToFavorites__txt {
    color: #406475 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--addToFavorites__txt:before {
    width: 14px;
    height: 14px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_star.png);
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToFavorites:before {
    width: 14px;
    height: 14px;
    left: -112px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_star.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--addToFavorites__txt {
    padding-left: 14px;
}
/* formボタンで「お気に入りに登録済」の場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToFavorites.m-boxDcFlatBtn--addedToFavorites:before {
    left: -172px;
}
/* 体験版ダウンロードボタン */
.m-boxDcFlatBtn--download {
    width: 216px;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--download__txt {
    color: #406475 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--download__txt:before {
    width: 16px;
    height: 14px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_download.png);
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--download:before {
    width: 16px;
    height: 14px;
    left: -124px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_download.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--download__txt {
    padding-left: 16px;
}
/* 共有ボタン */
.m-boxDcFlatBtn--share {
    width: 100%;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--share__txt {
    color: #406475 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--share__txt:before {
    width: 14px;
    height: 14px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_share.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--share:before {
    width: 14px;
    height: 14px;
    left: -33px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_share.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--share__txt {
    padding-left: 16px;
}

/* この作品を読むボタン */
.m-boxDcFlatBtn--readThis {
    width: 216px;
    height: 52px;
    border-bottom-color: #7aa013;
    background-color: #8dc100;
    line-height: 52px;
}
.m-boxDcFlatBtn--readThis__txt {
    color: #fff !important;
    font-size: 16px;
}

/* バスケットを見る(中大)ボタン */
.m-boxDcFlatBtn--confirmInBasketMediumLarge {
    height: 44px;
    line-height: 44px;
}
.m-boxDcFlatBtn--confirmInBasketMediumLarge__txt {
    font-size: 17px;
}
.m-boxDcFlatBtn--confirmInBasketMediumLarge__txt:before {
    vertical-align: -1px;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--confirmInBasketMediumLarge:before {
    left: -144px;
}

/* バスケットをみる(小)ボタン */
.m-boxDcFlatBtn--confirmInBasketSmall {
    width: 116px;
    height: 30px;
    border-bottom-color: #c9b793;
    background-color: #f3dba7;
    line-height: 30px;
}
.m-boxDcFlatBtn--confirmInBasketSmall__txt {
    color: #6e4519 !important;
    font-size: 11px;
}
.m-boxDcFlatBtn__txt--icoOnly.m-boxDcFlatBtn--confirmInBasketSmall__txt:before {
    top: 1px;
}

/* バスケットに入れる(中大)ボタン */
.m-boxDcFlatBtn--addToBasketMediumLarge {
    height: 44px;
    line-height: 44px;
}
.m-boxDcFlatBtn--addToBasketMediumLarge__txt {
    font-size: 17px;
}
.m-boxDcFlatBtn--addToBasketMediumLarge__txt:before {
    vertical-align: -1px;
}
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addToBasketMediumLarge:before {
    left: -160px;
}

/* バスケットに入れる(小)ボタン */
.m-boxDcFlatBtn--addToBasketSmall {
    width: 116px;
    height: 30px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 30px;
}
.m-boxDcFlatBtn--addToBasketSmall__txt {
    color: #6e4519 !important;
    font-size: 11px;
}
.m-boxDcFlatBtn__txt--icoOnly.m-boxDcFlatBtn--addToBasketSmall__txt:before {
    top: -2px;
    left: 5px;
}

/* 全巻バスケットに入れるボタン */
.m-boxDcFlatBtn--addAllToBasket {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--addAllToBasket__txt {
    color: #6e4519 !important;
    font-size: 13px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--addAllToBasket__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_addcart.png) no-repeat;
    margin-right: 0;
    vertical-align: -4px;
}
.m-boxDcFlatBtn--addToBasketIco__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_addcart.png) no-repeat;
    margin-right: 0;
    vertical-align: -4px;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--addAllToBasket:before {
    width: 27px;
    height: 20px;
    top: -4px;
    left: -150px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_addcart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--addAllToBasket__txt {
    padding-left: 27px;
}

/* キャンセル */
.m-boxDcFlatBtn--cancel {
    color: #222;
    min-width: 140px;
    height: 32px;
    border: 1px solid #c4d8e2;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 32px;
}
.m-boxDcFlatBtn--cancel__txt {
    font-size: 13px;
    font-weight: bold;
}

/* 無料サンプルボタン */
.m-boxDcFlatBtn--tachiyomi {
    width: 100%;
    height: 32px;
    border: 1px solid #c4d8e2;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 32px;
}
.m-boxDcFlatBtn--tachiyomiMediumLarge {
    height: 44px;
    line-height: 44px;
}
.m-boxDcFlatBtn--tachiyomiLarge {
    height: 50px;
    line-height: 50px;
}
.m-boxDcFlatBtn--tachiyomiSmall {
    height: 28px;
    line-height: 28px;
}
.m-boxDcFlatBtn--tachiyomi__txt {
    color: #333 !important;
    font-size: 16px;
}
.m-boxDcFlatBtn--tachiyomiMediumLarge__txt {
    font-size: 17px;
}
.m-boxDcFlatBtn--tachiyomiLarge__txt {
    font-size: 20px;
}
.m-boxDcFlatBtn--tachiyomiSmall__txt {
    font-size: 11px;
}
.m-boxDcFlatBtn--tachiyomiSmall__txt--2Lines {
    line-height: 11px;
    padding: 2px 0 0 0;
}

/* a要素ボタンにアイコンをなくす */
.m-boxDcFlatBtn--tachiyomi__txt:before {
    content: none;
}
/* formボタンにアイコンをなくす */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--tachiyomi:before {
    content: none;
}
/* 今すぐ購入ボタン（小） ブラウザビューアで使用 */
.m-boxDcFlatBtn--buyNowSmall {
    width: 165px;
    height: 46px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 46px;
}
.m-boxDcFlatBtn--buyNowSmall__txt {
    color: #fff !important;
    font-size: 19px;
}
/* 予約ボタン（小） ブラウザビューアで使用 */
.m-boxDcFlatBtn--reserveSmall {
    width: 165px;
    height: 46px;
    border-bottom-color: #C7992A;
    background-color: #FFDA31;
    line-height: 46px;
}
.m-boxDcFlatBtn--reserveSmall__txt {
    color: #6E4519 !important;
    font-size: 19px;
}
/* 予約済ボタン　ブラウザビューアで使用 */
.m-boxDcReserved--large{
    height: 44px !important;
}
.m-boxDcReserved--large__txt {
    font-weight: bold;
    font-size: 16px !important;
}
/* 汎用ボタン　ブラウザビューアで使用 */
.m-boxDcFlatBtn--pageLead {
    width: 100%;
    height: 44px;
    border: 1px solid #c4d8e2;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 44px;
}
.m-boxDcFlatBtn--pageLead__txt {
    color: #406475 !important;
    font-size: 18px;
}
/* 汎用ボタン　背景グレー用　ブラウザビューアで使用 */
.m-boxDcFlatBtn--follwingPage {
    width: 100%;
    height: 44px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 44px;
}
.m-boxDcFlatBtn--follwingPage__txt {
    color: #406475 !important;
    font-size: 19px;
}
/* 汎用ボタン　オレンジボタン　ブラウザビューアで使用 */
.m-boxDcFlatBtn--decisionLead {
    width: 165px;
    height: 44px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 44px;
}
.m-boxDcFlatBtn--decisionLead__txt {
    color: #fff !important;
    font-size: 19px;
}

/* 汎用ボタン　オレンジボタン　セット購入一覧・購入 */
.m-boxDcFlatBtn--buyNowExSmall {
    width: 165px;
    min-width: 140px;
    height: 34px;
    border-bottom-color: #d5720c;
    background-color: #ff8b12;
    line-height: 34px;
}
.m-boxDcFlatBtn--buyNowExSmall__txt {
    color: #fff !important;
    font-size: 13px;
}
/* リスト用全巻バスケットに入れるボタン　リストページで使用 */
.m-boxDcFlatBtn--addAllToBasketList {
    width: 192px;
    height: 42px;
    line-height: 42px;
}
/* リスト用バスケットに入れるボタン　リストページで使用 */
.m-boxDcFlatBtn--addToBasketList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* リスト用バスケットを見るボタン　リストページで使用 */
.m-boxDcFlatBtn--confirmInBasketList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* リスト用バスケットを見るボタン(大)　リストページで使用 */
.m-boxDcFlatBtn--confirmInBasketListLarge {
    width: 192px;
    height: 42px;
    line-height: 42px;
}
/* リスト用無料サンプルボタン　リストページで使用 */
.m-boxDcFlatBtn--tachiyomiList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* 汎用ボタン　背景グレー用　リストページで使用 */
.m-boxDcFlatBtn--followingPage {
    width: 100%;
    height: 44px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 44px;
}
.m-boxDcFlatBtn--followingPage__txt {
    color: #406475 !important;
    font-size: 19px;
}
.m-boxDcFlatBtn--followingPageList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
.m-boxDcFlatBtn--followingPageList__txt {
    font-size: 16px;
}
/* 有料導線のボタン枠 */
.m-boxFreeworkBtnWrap {
    margin-bottom: 15px;
}
/* 有料導線のボタン*/
.m-boxDcFlatBtn--toPaid {
    display: block;
    position: relative;
    text-align: left;
    padding: 6px 20px;
    border-radius: 3px;
    background: #ffe779;
    box-shadow: 0 2px #d79f50;
    clear: both;
}
.m-boxDcFlatBtn--toPaid__txt {
    font-size: 12px;
    color: #333;
    padding: .5em 0 .2em;
}
.m-boxDcFlatBtn--toPaid__txt span {
    font-size: 16px;
    font-weight: bold;
    margin-right: .5em;
    color: #684018;
}
.m-boxDcFlatBtn--toPaid__txt:before,
.m-boxDcFlatBtn--toPaid__txt:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -6px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #d79f50;
}
.m-boxDcFlatBtn--toPaid__txt:after {
    right: 8px;
    border-left-color: #ffe779;
}
/**
 *  フラットボタン ここまで
 */

/**
 *  バスケットボタン押下後のバルーン
 *　適用先：各トップページ
 *　（末端・シリーズリストは除く）
 */
.m-boxBasketBalloon {
    position: absolute;
    z-index: 50;
    right: -100%;
    bottom: 38px; /* ボタンの高さ + 8px */
    left: -100%;
    width: 12em;
    margin: auto;
    padding: 1em 0 1em;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    background-color: #000;
    opacity: .75;
}
.m-boxBasketBalloon:before {
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -8px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #000 transparent;
    content: "";
}

/* トップページ用無料サンプルボタン
 * --------------------
 * （トップページの無料サンプルボタンは、先行リリースのトップページ改修のDOM構造・class命名を継承する。）
 *　（そのため、共通フラットボタンとは別の命名となる。）
 */
.m-boxBookTmb__btn {
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 6px auto 0;
    position: absolute;
    left: 10%;
    bottom: 14px;
}
.m-boxBookTmb__btn:hover {
    opacity: .7;
        filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.m-boxBookTmb__btn--tachiyomi {
    max-width: 150px;
    width: 80%;
    height: 28px;
    border: 1px solid #c4d8e2;
    border-radius: 3px;
    background-color: #eaf2f5;
    box-shadow: 0 2px #abbcc4;
    line-height: 28px;
    opacity: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity .1s ease-in-out;
}
.m-boxBookTmb__btn > a {
    display: block;
    text-decoration: none !important;
}
.m-boxBookTmb__btn__txt {
    display: inline-block;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    color: #333 !important;
}
/*
 * トップページ用無料サンプルボタンここまで
 */

/* 購入済み */
.m-boxDcPurchased {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 116px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
}
.m-boxDcPurchased--btn {
    width: 100%;
    background-color: #f3f3f3;
    transition: opacity .1s ease-in-out;
}
.m-boxDcPurchased--btn:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.m-boxDcPurchased--btn > a {
    display: block;
    text-decoration: none;
}
.m-boxDcPurchased__txt {
    color: #999;
    font-size: 11px;
}

/* 可変にする場合のmodifier */
.m-boxDcPurchased--flex {
    width: 100% !important;
}
/* リスト用購入済み　リストページで使用 */
.m-boxDcPurchased--list {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
.m-boxDcPurchased--list__txt {
    font-size: 15px;
    font-weight: bold;
}
.m-boxDcPurchased--setPurchaseList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* セット購入一覧用購入済み */
.m-boxDcPurchased--setPurchase {
    height: 34px;
    line-height: 34px;
}
.m-boxDcPurchased--setPurchase__txt {
    font-size: 13px;
    font-weight: bold;
    color: #999;
}

/* ステータスアイコン */
.m-boxStatusIco {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    height: 16px;
    text-align: center;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-boxStatusIco--large {
    font-size: 1.2em;
}
.m-boxStatusIco--reserve {
    border: 1px solid #fd9c1f;
    color: #fd9c1f;
}
.m-boxStatusIco--price {
    border: 1px solid #ee4d5c;
    background-color: #ee4d5c;
    color: #fff;
}
.m-boxStatusIco--series {
    border: 1px solid #909090;
    color: #909090;
}
.m-boxStatusIco--purchase {
    border: 1px solid #7fb216;
    color: #7fb216;
}
.m-boxStatusIco--popular {
    border: 1px solid #ee4d5c;
    color: #ee4d5c;
}
.m-boxStatusIco--advantage {
    border: 1px solid #fd9c1f;
    background-color: #fd9c1f;
    color: #fff;
}

/* ランキングアイコン */
.m-boxRankingIco{
    width: 36px;
    height: 29px;
    display: block;
    margin: 5px auto 0;
    text-indent: -100%;
    overflow: hidden;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_ranking_crown.png);
}
.m-boxRankingIco--rank1{ background-position: 0 0;}
.m-boxRankingIco--rank2{ background-position: -100% 0;}
.m-boxRankingIco--rank3{ background-position: -200% 0;}
.m-boxRankingIco--rankBelow{
    background-position: -300% 0;
    text-indent: 0;
    font-size: 1.6em;
    text-align: center;
    line-height: 40px;
    color: #aaa;
}

/* セット購入一覧アイコン */
.m-boxSetPurchaseIco {
    width: 100%;
    color: #707070;
    display: inline-block;
    padding: 7px 0;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    background: #e8e8e8;
    white-space: nowrap;
}

/**
 * ブロックタイトル
 */
.m-boxBlockTtl{
    position: relative;
    border-bottom: #406475 solid 2px;
    margin-bottom: 20px;
    padding-left: 10px;
}
.m-boxBlockTtl__ttl{
    font-size: 2.4em;
}
.m-boxBlockTtl__ttl--inline {
    display: inline-block;
    padding-bottom: 4px;
}
.m-boxBlockTtl__txt{
    position: absolute;
    right: 10px;
    bottom: 0;
    font-size: 1.4em;
    background-color: #406475;
    border-radius: 4px 4px 0 0;
    padding: 7px 7px 5px;
}
.m-boxBlockTtl__txt > a{
    margin: 0 18px 0 12px;
    display: inline-block;
}
.m-boxBlockTtl__txt > a:hover{
    color: #fff !important;
}
.m-boxBlockTtl__txt__btn{
    font-size: 12px;
    position: relative;
    color: #fff;
}
.m-boxBlockTtl__txt__btn:before{
    border-width: 6px;
    border-left-color: #fff;
    right: -19px;
    top: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl__txt__btn:after{
    border-width: 6px;
    border-left-color: #406475;
    right: -16px;
    top: 1px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub{
    border-bottom: none;
}
.m-boxBlockTtl--sub__ttl{
    font-size: 1.6em;
}
.m-boxBlockTtl--sub__ttl img {
    height: 55px;
}
.m-boxBlockTtl--sub__txt{
    background-color: #fff;
    border-radius: 0;
    font-size: 1.2em;
    padding: 0;
}
.m-boxBlockTtl--sub__txt__btn{
    padding-right: 12px;
}
.m-boxBlockTtl--sub__txt__btn:before{
    border-width: 6px;
    border-left-color: #666;
    bottom: 3px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: -8px;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt__btn:after{
    border-width: 6px;
    border-left-color: #fff;
    bottom: 3px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: -5px;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt > a{
    margin: 0;
}
.m-boxBlockTtl--sub__txt > a:hover{
    color: #ed5a76 !important;
}
.m-boxBlockTtl--sub__txt--emphasis{
    background-color: #f0f0f0;
    font-size: 1.2em;
    border: #ddd solid 1px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.m-boxBlockTtl--sub__txt--emphasis__btn{
    padding: 0 20px 0 8px;
}
.m-boxBlockTtl--sub__txt--emphasis__btn:before{
    border-width: 6px;
    border-left-color: #666;
    bottom: 8px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: 0;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt--emphasis__btn:after{
    border-width: 6px;
    border-left-color: #f0f0f0;
    bottom: 8px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    right: 3px;
    position: absolute;
    width: 0;
}
.m-boxBlockTtl--sub__txt--emphasis > a{
    margin: 0;
}
.m-boxBlockTtl--sub__txt--emphasis > a:hover{
    color: #ed5a76 !important;
}

/* グレーボタン */
.m-boxBlockTtl__txt--schedule,
.m-boxBlockTtl__txt--freeList {
    background-color: #f0f0f0;
    font-size: 1.2em;
    border: #ddd solid 1px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    margin-bottom: 10px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.m-boxBlockTtl__txt--schedule > a,
.m-boxBlockTtl__txt--freeList > a {
    margin: 0;
}
.m-boxBlockTtl__txt--schedule > a:hover,
.m-boxBlockTtl__txt--freeList > a:hover {
    color: #ed5a76 !important;
}
.m-boxBlockTtl__txt--schedule__btn,
.m-boxBlockTtl__txt--freeList__btn {
    padding: 0 20px 0 8px;
}
/* 配信週別 */
.m-boxBlockTtl__txt--schedule__btn:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('https://www.dmm.com/images/dc/common/ico/title.png') no-repeat;
    background-position: -63px -63px;
    margin-bottom: -4px;
    margin-right: 6px;
}
/* 無料作品 */
.m-boxBlockTtl__txt--freeList__btn:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url('https://www.dmm.com/images/dc/common/ico/title.png') no-repeat;
    background-position: -96px -96px;
    vertical-align: middle;
    margin-right: 6px;
}

.m-boxBlockTtl__txt--schedule__btn:after,
.m-boxBlockTtl__txt--freeList__btn:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background-image: url(https://www.dmm.com/images/dc/common/ico/ico_arrow.png);
    background-repeat: no-repeat;
    background-position: center 0;
    top: 0;
    right: 2px;
    bottom: 0;
    margin: auto;
}

/* セット購入一覧への導線 */
.m-boxDetailTopLeadBtn {
    padding-top: 1px;
}
.m-boxSetPurchaseLeadBtn {
    border-radius: 3px;
    border: solid 1px #b4cad5;
    background: #c4d8e2;
}
.m-boxSetPurchaseLeadBtn a {
    display: block;
}
.m-boxSetPurchaseLeadBtn a:hover {
    text-decoration: none;
}
.m-boxSetPurchaseLeadBtn__item {
    color: #426372;
    font-size: 0;
    font-weight: bold;
    line-height: 1.2;
    padding: 6px 68px 6px 50px;
    display: block;
    position: relative;
    text-align: left;
}
.m-boxSetPurchaseLeadBtn__item:before {
    content: '';
    background: url(https://www.dmm.com/images/dc/common/ico/title.png) no-repeat;
    background-position: -64px -128px;
    display: inline-block;
    position: absolute;
    width: 39px;
    height: 41px;
    top: -2px;
    left: 6px;
}
.m-boxSetPurchaseLeadBtn__itemTxtSet {
    font-size: 12px;
}
.m-boxSetPurchaseLeadBtn__itemTxtPrivilege {
    font-size: 16px;
}
.m-boxSetPurchaseLeadBtn__itemTxtPrivilegeType {
    font-size: 14px;
}
.m-boxSetPurchaseLeadBtn__itemTxtPeriod {
    font-size: 11px;
    font-weight: normal;
    display: block;
    line-height: 1.4;
}
.m-boxSetPurchaseLeadBtn__itemLink {
    color: #227ea9;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    border-radius: 3px;
    background: #fff;
    position: absolute;
    top: 6px;
    right: 6px;
}
.m-boxSetPurchaseLeadBtn:hover .m-boxSetPurchaseLeadBtn__itemLink {
    color: #ed5a76;
    text-decoration: underline;
}
/**
 * 横並びレイアウト
 */
.m-boxSideBlock{
    overflow: hidden;
}
.m-boxSideBlock__item{
    float: left;
    width: 50%;
    margin-bottom: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.m-boxSideBlock--col3__item{
    width: 33.3%;
}
.m-boxSideBlock--pickup__item{
    padding: 0;
    width: 100%;
}
.m-boxSideBlock--pickup__item__ttl{
    font-size: 2.0em;
    margin-bottom: 10px;
    padding: 0 10px;
}

/**
 * リンクボタン
 */
.m-btnLink{
    border: #ddd solid 1px;
    font-size: 1.4em;
    line-height: 38px;
    height: 38px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    position: relative;
}
.m-btnLink a{
    display: block;
}
.m-btnLink__txt{
    width: 100%;
    height: 100%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-btnLink__txt:before{
    border-width: 7px;
    border-left-color: #666;
    top: 11px;
    right: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-btnLink__txt:after{
    border-width: 6px;
    border-left-color: #fff;
    top: 12px;
    right: 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-btnTxtLink--arrowLeft__txt {
    position: relative;
    padding-left: 12px;
}
.m-btnTxtLink--arrowLeft__txt::before {
    border-width: 4px 0 4px 6px;
    border-left-color: #999;
    left: 2px;
    top: 50%;
    margin-top: -4px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

/**
 * サブタイトル
 */
.m-ttlSub{
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 2em;
}

/**
 * サムネイルリスト(5カラム)
 */
.m-boxBookTmbList:before,
.m-boxBookTmbList:after {
    display: table;
    content: " ";
}
.m-boxBookTmbList:after {
    clear: both;
}
.m-boxBookTmbList--slide{
    position: relative;
    margin-bottom: 20px;
    padding: 0 6%;
}
.m-boxBookTmbList__item{
    float: left;
    width: 20%;
    margin-bottom: 15px;
}
.m-boxBookTmbList--slide__item--loading{
    background-image: url(https://www.dmm.com/images/title/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
}
.m-boxBookTmbList--slide__btn{
    width: 10%;
}
.m-boxBookTmbList--slide__btn--prev{
    background-position: 20px 50%;
    background-image: url(https://www.dmm.com/images/dc/common/btn_tmblist_slide.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 95%;
    cursor: pointer;
}
.m-boxBookTmbList--slide__btn--next{
    background-position: -174px 50%;
    background-image: url(https://www.dmm.com/images/dc/common/btn_tmblist_slide.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 95%;
    cursor: pointer;
}
.m-boxBookTmbList--slide__btn--prev:hover{
    opacity: 0.6;
}
.m-boxBookTmbList--slide__btn--next:hover{
    opacity: 0.6;
}
.m-boxBookTmbList--half__item{
    margin-right: 1px;
    width: 33%;
}

/**
 * サムネイルリストボタン1つ
 */
.m-boxBookTmbBtn {
    margin: 0 10px;
    text-align: center;
}

/**
 * 書籍サムネイル
 */
.m-boxBookTmb{
    border: #ededed solid 1px;
    margin: 0 auto;
    width: 97%;
    height: 100%;
    max-width: 185px;
    padding-bottom: 4.6em;
    position: relative;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
}
/* 無料 */
.m-boxBookTmb--price {
    padding-bottom: 1em;
}
.m-boxBookTmb > a{
    display: block;
}
.m-boxBookTmb > a:link{
    color: #333;
    text-decoration: none;
}
.m-boxBookTmb > a:hover{
    color: #ed5a76;
}

/* ジャンルアイコン */
.m-boxBookTmb__icoGenre{
    display: block;
    background-color: #eee;
    color: #333;
    font-size: 1.1em;
    text-align: center;
    line-height: 25px;
    height: 25px;
}
/* 画像 */
.m-boxBookTmb__img{
    display: block;
    text-align: center;
    height: 100%;
    padding-top: 115%;
    margin: 10px auto 23px;
    position: relative;
}
.m-boxBookTmb__img > img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 210px;
    max-width: 150px;
/*    min-height: 130px;
    min-width: 90px;*/
    width: 80%;
    height: auto;
}
.m-boxBookTmb__img--hightFixed > img {
    width: auto;
    height: 100%;
}

/* タイトル */
.m-boxBookTmb__ttl{
    display: block;
    text-align: left;
    line-height: 1.6;
    width: 80%;
    max-width: 160px;
    height: 3.2em;
    margin: 0.2em auto 0;
    word-break: break-all;
}
.m-boxBookTmb__ttl:hover{
    text-decoration: underline;
}

/* ボタンラッパー*/
.m-boxBookTmb__wrapBtn {
    width: 90%;
    margin: .4em auto 0;
    position: absolute;
    right: 0;
    left: 0;
}
.m-boxBookTmb__wrapBtn--left {
    width: 42.5%;
    right: auto;
    left: 5%;
}
.m-boxBookTmb__wrapBtn--right {
    width: 42.5%;
    right: 5%;
    left: auto;
}
/* for IE8：ボタン並置時の縦方向揃え修正 */
[class*="m-boxBookTmb__wrapBtn--"] > * {
    vertical-align: top;
}

/* テキスト */
.m-boxBookTmb__txt{
    display: block;
    color: #c00;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    width: 80%;
    max-width: 160px;
    left: 16px;
    bottom: 14px;
    height: 23px;
    margin: 1em auto 0;
}
/* ステータス範囲 */
.m-boxBookTmb__ico{
    margin: -18px auto 0;
    width: 80%;
    line-height: 15px;
    height: 16px;
}

/**
 * リンクリスト
 */
.m-boxLinkList__btn{
    display: block;
    border-bottom: #ddd solid 1px;
    font-size: 1.3em;
    line-height: 35px;
    height: 35px;
}
.m-boxLinkList__btn__txt{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-boxLinkList__btn__txt:before{
    border-width: 7px;
    border-left-color: #666;
    top: 11px;
    right: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxLinkList__btn__txt:after{
    border-width: 6px;
    border-left-color: #fff;
    top: 12px;
    right: 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}

/*
 * 【適用先】
 * 二次元リスト、ランキング、マイライブラリ
 * リストサムネイルサブ
 */
.m-boxListBookProductTmbSub {
    padding-left: 20px;
    background-image: url(https://www.dmm.com/images/dc/common/ico/ico_various_small.png);
    background-repeat: no-repeat;
    height: 1.5em;
    font-size: 13px;
}
.m-boxListBookProductTmbSub--number {
    top: 0;
    left: 0;
    background-position: 0 3px;
}
.m-boxListBookProductTmbSub--numberTile {
    position: absolute;
    top: 45px;
}
.m-boxListBookProductTmbSub--price {
    bottom: 0;
    left: 0;
    background-position: 0 -37px;
    width: 100%;
}
.m-boxListBookProductTmbSub--priceTile {
    position: absolute;
    top: 67px;
}
.m-boxListBookProductTmbSub--listDetail {
    position: relative;
    margin-bottom: 4px;
}
.m-boxListBookProductTmbSub--reviewTile {
    position: absolute;
    top: 22px;
    left: 0;
}
.m-boxListBookProductTmbSub--schedule {
    position: absolute;
    top: 22px;
    left: 0;
    background: none;
    padding-left: 0;
}
/*
  @todo:
commom/list/module.default.cssに同じ記述の「--volume」がある（08/06）
*/
.m-boxListBookProductTmbSub--series {
    top: 0;
    left: 0;
    background-position: 0 -19px;
}
/**
 * トップランキング枠
 */
.m-boxRankingBlock__ttl{
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.m-boxRankingBlock__ttl:before {
    background-image: url(https://www.dmm.com/images/dc/common/ico/top.png);
    background-position: -5px -100px;
    background-repeat: no-repeat;
    content: "";
    padding: 5px 16px;
}
.m-boxBookRanking__item{
    margin-bottom: 15px;
}
.m-boxBookRanking{
    min-height: 350px;
}
.m-boxBookRankingTmb__img{
    display: block;
    background-color: #eee;
    text-align: center;
    margin-bottom: 15px;
    overflow:hidden;
    height: 200px;
    position: relative;
}
.m-boxBookRankingTmb__img img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 140px;
    max-height: 200px;
    width: auto;
    height: auto;
}
.m-boxBookRankingTmb__ico{
    display: inline-block;
    color: #333;
    font-size: 2.2em;
    line-height: 1;
    vertical-align: top;
    width: 10%;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.m-boxBookRankingTmb__txt{
    display: inline-block;
    font-size: 1.4em;
    vertical-align: top;
    width: 90%;
}
.m-boxBookRankingTmb__txt:hover{
    text-decoration: underline;
}
.m-boxBookRankingTmb--no1__ico{
    color: #d6b603;
    font-size: 3.0em;
}
.m-boxBookRankingTmb--no1__txt{
    font-size: 1.6em;
}

/*
 * 【適用先】
 * 二次元リスト、クーポン特設
 * 詳細リスト型
 */
/**
 * 本の種別アイコン
 */
.m-boxListGenreIco {
    display: block;
    background-color: #eee;
    color: #333;
    font-size: 1em;
    text-align: center;
    line-height: 1em;
    padding: 3px 0;
}
.m-boxListGenreIco--large {
    font-size: 13px;
    padding: 5px 0;
}
.m-boxListGenreIco--small {
    font-size: 11px;
    width: 110px;
}
.m-boxListGenreIco--novel {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

/**
 * 【適用先】
 *  二次元末端
 * 【用途】
 *  新着通知機能用Switch Button
 */
 /*通信失敗時アラートメッセージ*/
.m-txtNotificationErrorAlert {
    position: absolute;
    z-index: 50;
    top: -45px;
    left: -22px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 120px;
    padding: 10px 0 20px;
    background: url(https://www.dmm.com/images/dc/detail/bg_fukidashi.png) no-repeat top center;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
 /* トグルボタンコンテナ */
.m-boxNotificationSwitch {
    display: inline-block;
    position: relative;
    z-index: 0;
    overflow: visible;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 78px;
    height: 24px;
    border: none;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    vertical-align: top;
    text-align: left;
}
/* inputフォームコントロール定義 */
.m-boxNotificationSwitch__input {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0;
    border: 0;
    outline: none;
    opacity: .001;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;
    -webkit-appearance: none;
            appearance: none;
}
/*　トグルボタン本体外観定義 */
.m-boxNotificationSwitch__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 12px;
    background-color: #ddd;
    cursor: pointer;
    -webkit-transition-timing-function: ease-out;
       -moz-transition-timing-function: ease-out;
         -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-duration: .35s;
       -moz-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
/*　トグルボタン　ボタン部分外観定義 */
.m-boxNotificationSwitch__item:before {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 7px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 34px;
    height: 16px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
    content: "";
    -webkit-transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
       -moz-transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
         -o-transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
            transition-timing-function: cubic-bezier(.5, 1.6, .5, 1);
    -webkit-transition-duration: .35s;
       -moz-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: all;
       -moz-transition-property: all;
         -o-transition-property: all;
            transition-property: all;
}
/* check時のトグルボタン本体の背景 */
.m-boxNotificationSwitch__input:checked + .m-boxNotificationSwitch__item--live {
    background-color: #406475;
}
/* check時のトグルボタンのボタン部分のアニメーション */
.m-boxNotificationSwitch__input:checked + .m-boxNotificationSwitch__item--live:before {
    -webkit-transform: translateX(30px);
       -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
         -o-transform: translateX(30px);
            transform: translateX(30px);
}
.m-boxNotificationSwitch__input:not(:checked) + .m-boxNotificationSwitch__item--live:before {
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
         -o-transform: translateX(0px);
            transform: translateX(0px);
}
.m-btnNotificationSwitch {
    position: relative;
    width: 78px;
    height: 24px;
    font-family: arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.m-btnNotificationSwitch__toggle {
    position: absolute;
    line-height: 24px !important;
    /* リストページ、ライブラリ対策*/
}
.m-btnNotificationSwitch__toggle::selection {
    background: transparent;
}
.m-btnNotificationSwitch__toggle--on {
    left: 10px;
    color: #fff;
}
.m-btnNotificationSwitch__toggle--off {
    right: 10px;
    color: #7f7f7f;
}
/* IE8以下 */
.d-ltie9 .m-boxNotificationSwitch {
    width: 24px;
}
.d-ltie9 .m-boxNotificationSwitch__item {
    display: none;
}
/* ゲスト時 */
.m-boxWrapNotificationSwitch {
    position: relative;
    outline: none;
}
.m-boxWrapNotificationSwitch:before {
    position: absolute;
    z-index: 10;
    width: 78px;
    height: 24px;
    background: #fff;
    opacity: .001;
    content: " ";
    -webkit-appearance: none;
            appearance: none;
}
.d-ltie9 .m-boxWrapNotificationSwitch {
    display: inline-block;
    z-index: 1;
    top: 7px;
    width: 24px;
    height: 24px;
}
.d-ltie9 .m-boxWrapNotificationSwitch:before {
    background: url(https://www.dmm.com/images/dc/common/ico/checkbox_ie.png) no-repeat top left;
}
.d-ltie9 .m-boxWrapNotificationSwitch .m-boxNotificationSwitch {
    z-index: -1;
}
/**
 *  新着通知機能用Switch Button　ここまで
 */

 /**
 * 【適用先】
 *  新着通知管理画面
 */
 .m-boxNotificationManagerHeading {
    position: relative;
    height: 50px;
    background-color: #406475;
    color: #fff;
    line-height: 50px;
}
.m-boxNotificationManagerHeading__ttl {
    margin-left: 16px;
    font-size: 24px;
}
.m-boxNotificationManagerHeading__txt {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    font-size: 12px;
}
.m-boxNotificationManagerHeading__txt > a {
    display: block;
    padding-right: 1em;
    outline: none;
    background: url(https://www.dmm.com/images/dc/common/ico/arrow_right.png) no-repeat right center;
    color: #fff;
}
.m-boxNotificationManagerHeading__txt > a:link,
.m-boxNotificationManagerHeading__txt > a:visited {
    color: #fff;
}
.m-boxNotificationManagerHeading__txt > a:hover {
    color: #fff !important;
}
.m-boxNotificationManagerChoice {
    overflow: hidden;
    zoom: 1;
    margin-top: 20px;
}
.m-boxNotificationManagerChoice__btn {
    float: left;
}
.m-boxNotificationManagerChoice__btn + .m-boxNotificationManagerChoice__btn {
    float: right;
}
.m-boxNotificationManagerChoice__btn__txt {
    display: block;
    width: 366px;
    height: 56px;
    border: 2px solid #ccc;
    border-radius: 8px;
    color: #406475;
    font-size: 18px;
    line-height: 56px;
    text-decoration: none;
    text-align: center;
}
.m-boxNotificationManagerChoice__btn__txt:link,
.m-boxNotificationManagerChoice__btn__txt:visited {
    color: #406475;
}
.m-boxNotificationManagerChoice__btn__txt:hover {
    border-color: #ff972a;
    background-color: #fff;
    color: #ff972a !important;
    text-decoration: none;
}
.m-txtNotificationManagerDescription {
    margin: 1em 0 1em .5em;
    font-size: 13px;
}
.m-boxNotificationManagerSort {
    height: 43px;
    border-bottom: 1px dotted #aaa;
    font-size: 13px;
    line-height: 43px;
}
.m-boxNotificationManagerSort__ttl {
    display: inline-block;
    margin: 0 .5em 0 1em;
}
#d-ie7 .m-boxNotificationManagerSort__ttl {
    display: inline;
    zoom: 1;
}
.m-boxPagenation {
    overflow: hidden;
    zoom: 1;
    height: 30px;
    padding: 0 1em;
    background-color: #eee;
    font-size: 13px;
    line-height: 30px;
}
.m-boxPagenation__txt {
    float: left;
}
.m-boxPagenation__list {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin: 4px 0;
}
.m-boxPagenation__list__item {
    float: left;
    margin-left: 4px;
}
.m-boxPaging {
    display: block;
    height: 22px;
    padding: 0 14px;
    background-color: #fff;
    color: #227eac;
    font-size: 12px;
    line-height: 22px;
    text-decoration: none;
}
.m-boxPaging:link,
.m-boxPaging:visited {
    color: #227eac;
    text-decoration: none;
}
.m-boxPaging:hover {
    background-color: #227eac;
    color: #fff !important;
}
.m-boxNotificationManagerControl {
    position: relative;
    zoom: 1;
    height: 56px;
    margin: 0 6px;
    padding: 0 16px;
    background: #fff;
    line-height: 56px;
}
.m-boxNotificationManagerControl:before,
.m-boxNotificationManagerControl:after {
    content:"";
    display:table;
}
.m-boxNotificationManagerControl:after {
    clear:both;
}
.m-boxNotificationManagerControl--top {
    border-bottom: 1px dotted #aaa;
}
.m-boxNotificationManagerControl--bottom {
    height: 72px;
    border-top: 1px dotted #aaa;
}
.m-boxNotificationManagerControl__label {
    position: absolute;
    top: 17px;
    overflow: hidden;
    height: 22px;
    padding-left: 34px;
    background: url(https://www.dmm.com/images/dc/common/ico/checkbox.png) no-repeat left top;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
}
.m-boxNotificationManagerControl__label::selection {
    background-color: transparent;
}
.m-boxNotificationManagerControl__label__checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.m-boxNotificationManagerControl__label__checkbox:focus {
    outline: none;
}
.m-boxNotificationManagerControl__txt {
    position: relative;
    float: right;
    font-size: 13px;
}
.m-boxNotificationManagerControl__txt__delete {
    margin-left: .25em;
    color: #227eac;
    font-size: 16px;
    cursor: pointer;
}
.m-boxNotificationSettingsList--loading {
    position: relative;
}
.m-boxNotificationSettingsList--loading:after {
    display: block;
    content: ' ';
    background: url(https://www.dmm.com/images/common/ico/loading_gray.gif) no-repeat center rgba(255, 255, 255, 0.6);
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 736px;
    top: 0;
    left: 6px;
}
.m-boxNotificationSettingsList__item {
    position: relative;
    min-height: 53px;
    margin: 0 6px;
    background: #fff;
}
.m-boxNotificationSettingsTargetLabel {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    height: 22px;
    margin: auto 0 auto 16px;
    padding-left: 22px;
    background: url(https://www.dmm.com/images/dc/common/ico/checkbox.png) no-repeat left top;
    line-height: 22px;
    cursor: pointer;
}
#d-ie7 .m-boxNotificationSettingsTargetLabel {
    top: 30%;
    bottom: auto;
}
.m-boxNotificationSettingsTargetLabel__checkbox {
    position: absolute;
    top: 0;
    left: 2px;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}
.m-boxNotificationSettingsTargetLabel__checkbox:focus {
    outline: none;
}
.m-boxNotificationSettingsTargetContent {
    margin-right: 138px;
    margin-left: 51px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
}
.m-boxNotificationSettingsTargetContent--none {
    margin-right: 0;
    margin-left: 0;
    padding: 18px 14px;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    font-weight: normal;
}
.m-boxNotificationSettingsTargetContent__rating {
    font-size: 10px;
}
.m-boxNotificationSettingsIcoOption {
    position: absolute;
    top: 0;
    right: 24px;
    bottom: 0;
    width: 90px;
    height: 18px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #fd9c1f;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
#d-ie7 .m-boxNotificationSettingsIcoOption {
    top: 30%;
    bottom: auto;
}
.m-txtNotificationMailDescription {
    margin-top: 18px;
    font-size: 12px;
}
 /**
 *  新着通知管理画面定義ここまで
 */


 /*
 *  タブ：ランキング部分　ここから
  */
 .m-boxRankingBlock__ttl--left{
    text-align: left;
}
.m-boxNavRanking{
    width: 100%;
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    padding: 0 .5em;
    border-top: solid 8px #eee;
    border-collapse: separate;
    border-spacing: 1em 0;
    background: #eee;
}
.m-boxNavRanking__btn{
    font-size: 16px;
    display: table-cell;
    text-align: center;
}
.m-boxNavRanking__btn a{
    color: #fff;
    padding: 12px 0;
    display: block;
    background: #446574;
    border-radius: 3px 3px 0 0;
    transition: opacity .1s ease-in-out;
}
.m-boxNavRanking__btn a:link{
    color:#fff;
}
.m-boxNavRanking__btn a:hover{
    color: #fff !important;
    opacity: 0.8;
}
.m-boxNavRanking__btn.is-active a{
    color: #446574;
    background: #fff;
}
.m-boxNavRanking__btn.is-active a:hover{
    color: #446574 !important;
    text-decoration: none;
}
[class^='m-boxBookTmb__txtRank']{
    width: 36px;
    height: 30px;
    display: block;
    margin: 5px auto 0;
    text-indent: -100%;
    overflow: hidden;
    background: url(https://www.dmm.com/images/sp/common/ico/dc/top/ico_rank1_10.png);
    background-size: 500% 200%;
}
.m-boxBookTmb__txtRank1{ background-position: 0 0;}
.m-boxBookTmb__txtRank2{ background-position: -100% 0;}
.m-boxBookTmb__txtRank3{ background-position: -200% 0;}
.m-boxBookTmb__txtRank4{ background-position: -300% 0;}
.m-boxBookTmb__txtRank5{ background-position: -400% 0;}
.m-boxBookTmb__txtRank6{ background-position: 0 -100%;}
.m-boxBookTmb__txtRank7{ background-position: -100% -100%;}
.m-boxBookTmb__txtRank8{ background-position: -200% -100%;}
.m-boxBookTmb__txtRank9{ background-position: -300% -100%;}
.m-boxBookTmb__txtRank10{ background-position: -400% -100%;}
 /*
 *  タブ：ランキング部分　ここまで
  */


/**
 * 【適用先】
 *  末端、リスト、トップ
 */
 /* ▼ 予約販売＆予約告知用追加 ここから ▼ */
/* 予約するボタン */
.m-boxDcFlatBtn--reserve {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--reserve__txt {
    color: #6e4519 !important;
    font-size: 15px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserve__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_reserve.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserve:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_reserve.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserve__txt {
    padding-left: 27px;
}
/* 予約する(大)ボタン */
.m-boxDcFlatBtn--reserveLarge {
    width: 216px;
    height: 52px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 52px;
}
.m-boxDcFlatBtn--reserveLarge__txt {
    color: #6e4519 !important;
    font-size: 16px;
}
.m-boxDcFlatBtn--reserveMediumLarge__txt {
    color: #6e4519 !important;
    font-size: 17px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserveLarge__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_reserve.png) no-repeat;
}
.m-boxDcFlatBtn--reserveMediumLarge__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_reserve.png) no-repeat;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserveLarge:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_reserve.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserveLarge__txt {
    padding-left: 27px;
}
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserveMediumLarge__txt:before {
    width: 27px;
    height: 20px;
    left: -70px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_addcart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserveMediumLarge__txt {
    padding-left: 27px;
}
/* 予約する(中小)ボタン */
.m-boxDcFlatBtn--reserveMidSmall {
    width: 100%;
    height: 30px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 30px;
}
.m-boxDcFlatBtn--reserveMidSmall__txt {
    color: #6e4519 !important;
    font-size: 11px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserveMidSmall__txt:before {
    width: 27px;
    height: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_reserve.png) no-repeat;
    margin-right: 0;
    vertical-align: -4px;
}

/* 予約時のバスケットをみるボタン */
.m-boxDcFlatBtn--reserveConfirmInBasket {
    width: 216px;
    height: 52px;
    border-bottom-color: #c9b793;
    background-color: #f3dba7;
    line-height: 52px;
}
.m-boxDcFlatBtn--reserveConfirmInBasket__txt {
    color: #6e4519 !important;
    font-size: 16px;
}
/* a要素ボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--reserveConfirmInBasket__txt:before {
    width: 20px;
    height: 16px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_cart.png) no-repeat;
    vertical-align: -4px;
}
.m-boxDcFlatBtn--addedToBasketIco__txt:before {
    width: 20px;
    height: 16px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_cart.png) no-repeat;
    vertical-align: -4px;
}
/* formボタンにアイコンを付けたい場合 */
.m-boxDcFlatBtn--form.m-boxDcFlatBtn--reserveConfirmInBasket:before {
    width: 20px;
    height: 16px;
    left: -140px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_cart.png) no-repeat;
    content: " ";
}
.m-boxDcFlatBtn--form__control.m-boxDcFlatBtn--reserveConfirmInBasket__txt {
    padding-left: 20px;
}
/* 購入済み作品一覧へボタン */
.m-boxDcFlatBtn--reservePurchased {
    width: 216px;
    height: 52px;
    border-bottom-color: #7aa013;
    background-color: #8dc100;
    line-height: 52px;
}
.m-boxDcFlatBtn--reservePurchased__txt {
    color: #fff !important;
    font-size: 16px;
}
/* リスト用予約するボタン　リストページで使用 */
.m-boxDcFlatBtn--reserveList {
    width: 162px;
    height: 42px;
    line-height: 42px;
}
/* 予約済 */
.m-boxDcReserved {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 116px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    background-color: #F3F3F3;
}
.m-boxDcReserved--btn {
    width: 100%;
    background-color: #f3f3f3;
    transition: opacity .1s ease-in-out;
}
.m-boxDcReserved--btn:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.m-boxDcReserved--btn > a {
    display: block;
    text-decoration: none;
}
.m-boxDcReserved__txt {
    color: #999;
    font-size: 11px;
}

/* 可変にする場合のmodifier */
.m-boxDcReserved--flex {
    width: 100% !important;
}
/* リスト用予約済　リストページで使用 */
.m-boxDcReserved--list {
    width: 162px;
    height: 42px;
    line-height: 42px;
    background: #fff;
}
.m-boxDcReserved--list__txt {
    font-size: 15px;
    font-weight: bold;
}
/* 発売予定 */
.m-boxDcSchedule {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    width: 150px;
    border: 2px solid #dedede;
    line-height: 11px;
    padding: 1px 0;
}
.m-boxDcSchedule__txt {
    color: #333;
    font-size: 10px;
}
.m-boxDcSchedule__txt:after {
    content:"発売予定";
    padding-left: 5px;
}
/* 可変にする場合のmodifier */
.m-boxDcSchedule--flex {
    width: 100% !important;
}
/* リスト用発売予定　リストページで使用 */
.m-boxDcSchedule--list {
    width: 162px;
    height: 42px;
    line-height: 36px;
    border: 3px solid #dedede;
}
.m-boxDcSchedule--list__txt {
    font-size: 12px;
    font-weight: normal;
}
.m-boxDcSchedule--list__txt:after {
    font-size: 11px;
    vertical-align: baseline;
}
.m-boxDcSchedule--tile {
    border: none;
    text-align: initial;
}
.m-boxDcSchedule--tile__txt {
    font-size: 11px;
    font-weight: normal;
}
/* ▲ 予約販売＆予約告知用追加 ここまで ▲ */

/**
 * 【適用先】
 *  リスト、ランキング
 * 【用途】トップに戻るボタン
 */
 .m-boxDcBackToTop {
    position: fixed;
     bottom: 20px;
    right: 20px;
    display: block;
    width: 48px;
    height: 48px;
    background: #0a2937;
    color: #fff;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
    opacity: 0.75;
    filter: alpha(opacity=75);
    -ms-filter: "alpha(opacity=75)";
    cursor: pointer;
    z-index: 400;
}
.m-boxDcBackToTop__txt {
    display: none;
}
.m-boxDcBackToTop:before {
    background-image: url(https://www.dmm.com/images/dc/common/btn_backtotop.png);
    width: 23px;
    height: 16px;
    background-repeat: no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.m-boxListController--footer__itemAllToBasket {
    margin-top: 20px;
}
/*トップに戻るボタンここまで*/
/* 検索/表示結果なし ここから  */

.m-boxNoItem{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: red;
    margin: 50px 0;
}
.m-boxNoItem__txt > a{
    position: relative;
    margin-left: 20px;
}
.m-boxNoItem__txt > a:before {
    border-left: 5px solid #9E9E9E;
    border-bottom: transparent 5px solid;
    border-top: transparent 5px solid;
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    top: 2px;
    left: -9px;
}
/*  検索/表示結果なしここまで  */

/*　ポップアップ ここから */
.m-boxPopUpBack {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.dmm.com/images/dc/common/bg_black_translucent.png);
    z-index: 1010;
    display: none;
}
.m-boxPopUpBack:hover {
    cursor: pointer;
}
.m-boxPopUp__main {
    position: absolute;
    z-index: 1030;
}
.m-boxPopUp__close {
    position: absolute;
    right: 3px;
    top: -28px;
}
.m-boxPopUp__close:hover {
    cursor: pointer;
    color: #dadada;
}
.m-boxPopUpWrap {
    display: none;
    font-size: 10px;
    position: absolute;
    z-index: 1020;
}
/*　ポップアップ ここまで */

/*　ポップアップ 閉じる×ボタン ここから */
.m-boxCloseBtn {
    display: block;
    width: 18px;
    height: 18px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_close.png) center top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.m-boxCloseBtn--whiteLarge {
    width: 23px;
    height: 23px;
    background-position: center -38px;
}
.m-boxCloseBtn--blackSmall {
    width: 10px;
    height: 10px;
    background-position: center -23px;
}
/*　ポップアップ 閉じる×ボタン ここまで */


/*　コード入力フォーム ここから*/
.m-boxInputCodeBlock {
    padding: 10px 0;
    text-align: center;
}
.m-boxInputCodeBlock__item {
    display: block;
    margin-top: 8px;
    height: 12px;
}
.m-boxInputCodeBlock__txt {
    display: inline-block;
    color: #595959;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: middle;
}
.m-boxInputCodeBlock__form {
    display: inline-block;
    border: 1px #ccc solid;
    border-right: none;
    border-radius: 5px;
    background-color: #fff;
}
.m-boxInputCodeBlock__form__inputTxt {
    height: 21px !important;
    width: 281px !important;
    padding-right: 10px;
    padding-left: 10px;
    border: none !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 1.4em;
}
@media (min-width:1px) {
.m-boxInputCodeBlock__form__inputTxt {
    height: 32px !important;
}
}
.m-boxInputCodeBlock__form__inputBtn {
    width: 6em;
    height: 37px;
    border: none;
    background-color: #406475;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.2em;
    text-align: center;
    color: #fff;
    font-weight: bold;
    padding: 3px 0;
}
.m-boxInputCodeBlock__form__inputBtn:hover {
    cursor: pointer;
}
.m-boxInputCodeBlock--mycoupon {
    padding: 15px 0;
    border: 1px #ccc solid;
    background-color: #f0f0f0;
    text-align: center;
}
/*　コード入力フォーム ここまで*/

/* リスト・マイバスケットページで使用 */
/**
 * バスケットに入れるバルーン表示
 */
.m-boxListBookProductTmbBasketBalloon {
    position: absolute;
    z-index: 50;
    top: -42px;
    right: 2px;
    left: 2px;
    margin: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0 20px;
    background: url(https://www.dmm.com/images/dc/detail/bg_fukidashi.png) no-repeat top center;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}
.m-boxListBookProductTmbBasketBalloon--wide {
    right: -10px;
    left: -10px;
}
/**
 * リスト全巻バスケットに入れるバルーン表示
 */
.m-boxListAllToBasket__balloon {
    position: absolute;
    display: block;
    z-index: 50;
    top: -42px;
    left: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    margin: auto !important;
    padding: 8px 0 20px;
    background: url(https://www.dmm.com/images/dc/common/detail/bg_balloon.png) no-repeat top center;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
}

/**
 * カルーセル選択バグ対策
 */
.m-boxRotationBnrList__img img::selection {
    background: transparent;
}
.m-boxRecommend__item::selection {
    background: transparent;
}
.m-boxRecommend__item ::selection {
    background: transparent;
}
.m-boxBookTmbList::selection {
    background: transparent;
}
#recommend .list-main::selection {
    background: transparent;
}
.m-boxReserve__item::selection {
    background: transparent;
}
.m-boxRankingBlock::selection {
    background: transparent;
}
.m-boxRankingBlock :not(span)::selection {
    background: transparent;
}
.m-boxBlockTtl.m-boxBlockTtl--sub :not(.m-ttlSub) ::selection {
    background: transparent;
}

/**
 * コミック雑誌配信一覧
 */
.m-boxStaticBnr {
    position: relative;
    overflow: hidden;
    height: 180px;
    margin: 0 auto 40px;
}
.m-boxStaticBnr > img {
    position: absolute;
    right: -100%;
    left: -100%;
    margin: 0 auto;
}
.m-boxBookTmb--magazineList {
    padding-bottom: 5.3em;
}
.m-boxBookTmb__img--magazineList {
    margin-bottom: 30px;
}
.m-boxBookTmb--magazineList > a:link,
.m-boxBookTmb__info--publisher > a:link {
    color: #227ea9;
}
.m-boxBookTmb--magazineList > a:hover,
.m-boxBookTmb__info--publisher > a:hover {
    color: #ed5a76;
}
.m-boxBookTmb__ico--magazineList {
    margin-top: -22px;
}
.m-boxBookTmb__ttl--large {
    font-size: 14px;
    line-height: 1.2;
    height: 2.3em;
    margin-top: 6px;
}
.m-boxBookTmb__info {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.m-boxBookTmb__info--publisher {
    font-size: 12px;
    margin: 6px auto 0;
}
.m-boxBookTmb__info--publisher > a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-boxBookTmb__info--release {
    font-size: 12px;
    margin: 6px auto 0;
}
.m-boxBookTmb__itemList {
    width: 80%;
    margin: 15px auto;
}
.m-boxBookTmbItem {
    padding-left: 20px;
    background: url(https://www.dmm.com/images/dc/common/ico/ico_various_small.png) no-repeat 0 0;
    height: 1.5em;
    font-size: 14px;
}
.m-boxBookTmbItem--price {
    background-position: 0 -37px;
}
.m-boxBookTmb__itemBtn {
    width: 80%;
    margin: 15px auto -44px;
}

/**
 *【適用先 詳細リスト&ランキング】
*/
/*大枠*/
.m-boxListBookProductLarge__list__block {
    margin-bottom: 3px;
}
.m-boxListBookProductLarge__list__block:last-child {
    margin-bottom: 0;
}
/*
リストブロック
*/
.m-boxListBookProductBlock {
  position: relative;
  border: solid 1px #e1e1e1;
  padding: 15px;
}
.m-boxListBookProductBlock:before,
.m-boxListBookProductBlock:after {
    content:"";
    display:table;
}
.m-boxListBookProductBlock:after {
    clear:both;
}
/*メイン枠ここから*/
.m-boxListBookProductBlock__main {
    clear: both;
    display: block;
}
/*サムネイル枠ここから*/
.m-boxListBookProductBlock__main__tmb {
    float: left;
}
.m-boxListBookProductBlock__main__tmb > a {
    display: block;
}
.m-boxListBookTmbImg > img {
    max-width: 140px;
}
/*お気に入りボタン枠ここから*/
.m-boxListBookProductBlock__main__favoriteBtn {
    width: 55px;
    height: 55px;
}
/*左情報枠ここから*/
.m-boxListBookProductBlock__main__info {
    margin-left:  155px;
}
.m-boxListBookProductBlock__main__info__itemGenreIco {
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: top;
}
.m-boxListBookProductBlock__main__info__ttl {
    font-size: 20px;
    margin-right: 195px;
}
.m-boxListBookProductBlock__main__info__linkAuthor {
    font-size: 12px;
}
.m-boxListBookProductBlock__main__info__story {
    font-size: 12px;
}
.m-boxListBookProductBlock__main__info__itemSubInfo {
    height: auto;
    position: relative;
    margin: 10px 0;
}
.m-boxListBookTmbSubInfo--series {
    top: 0;
    left: 0;
    background-position: 0 -17px;
}
.m-boxListBookTmbSubInfo--series__txt {
    white-space: nowrap;
}
.m-boxListBookTmbSubInfo--series__txt__link {
    position: relative;
    margin-left: 8px;
}
.m-boxListBookTmbSubInfo--series__txt__link:before {
    border-width: 5px;
    border-left-color: #227ea9;
    top: 50%;
    margin-top: -5px;
    right: -17px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxListBookTmbSubInfo--series__txt__link:after {
    border-width: 4px;
    border-left-color: #fff;
    top: 50%;
    margin-top: -4px;
    right: -14px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
/*ボタン枠ここから*/
.m-boxListBookProductBlock__btn {
    position: absolute;
    right: 15px;
    top: 15px;
}
.m-boxListBookProductBlock__btn__itemTachiyomi {
    margin-bottom: 10px;
}
.m-boxListBookProductBlock__btn__itemBasket {
    margin-bottom: 5px;
}
/*横並びボタン用*/
.m-boxListBookProductBlock__btn--sidebyside__item {
    float: left;
    margin-left: 10px;
}
/*ステータス枠ここから*/
.m-boxListBookProductBlock__status {
    clear: both;
    font-size: 10px;
    margin-left: -6px;
}
.m-boxListBookProductBlock__status__item {
    display: block;
    width: 70px;
    margin: 6px 0 0 6px;
    float: left;
}
/*ステータス枠（新規）ここから*/
.m-boxListBookStatus {
    font-size: 10px;
    margin: 10px 0 0 -6px;
}
.m-boxListBookStatus__item {
    display: block;
    width: 70px;
    margin: 6px 0 0 6px;
    float: left;
}
/*シリーズ枠ここから*/
.m-boxListBookProductBlock__series {
    border-top: 1px solid #eee;
    clear: both;
    margin: 0 -15px;
    padding-top: 6px;
    position: relative;
    text-align: right;
    top: 10px;
}
.m-boxListBookProductBlock__series__item > a {
    display: inline-block;
}
.m-boxListBookProductBlock__series__item__txt {
    padding-right: 25px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
}
.m-boxListBookProductBlock__series__item__txt:before {
    border-width: 7px;
    border-left-color: #666;
    margin-top: 5px;
    right: 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
.m-boxListBookProductBlock__series__item__txt:after {
    border-width: 6px;
    border-left-color: #fff;
    margin-top: 6px;
    right: 9px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-style: solid;
    content: "";
    height: 0;
    position: absolute;
    width: 0;
}
/*【適用先 詳細リスト&ランキング】ここまで*/

/*
 * 【適用先　セット購入一覧】
 * シリーズリスト、マイライブラリ、リスト、末端
 * テーブル
 */
.m-boxSetPurchaseBlock__wrap {
    margin-top: -20px;
}
.m-boxSetPurchaseList {
    width: 100%;
    font-size: 16px;
    border-collapse:collapse;
}
.m-boxSetPurchaseList__item {
    border-bottom: solid 1px #bbb;
}
.m-boxSetPurchaseList__item__head {
    font-size: 16px;
    padding: 4px 16px;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}
.m-boxSetPurchaseList__item__volume {
    font-size: 12px;
    width: 55px;
}
.m-boxSetPurchaseList__item__discount {
    font-size: 10px;
    width: 80px;
    padding-left: 16px;
}
.m-boxSetPurchaseList__item__price {
    width: 118px;
    padding: 4px 10px;
    text-align: right;
}
.m-boxSetPurchaseList__item__price__txt {
    color: #000;
    font-size: 16px;
    white-space: nowrap;
}
.m-boxSetPurchaseList__item__price__txt--discount {
    color: #c00;
    font-weight: bold;
}
.m-boxSetPurchaseList__item__price__usual {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}

.m-boxSetPurchaseList__item__point {
    padding: 4px 16px;
    width: 88px;
    text-align: center;
}
.m-boxSetPurchaseList__item__btn {
    padding: 15px 10px 15px 0;
    width: 140px;
}
.m-boxSetPoint {
    color: #ff8b12;
    font-size: 10px;
    position: relative;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 10px;
    min-width: 90px;
    min-height: 40px;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    border: 1px solid #ff8b12;
    border-radius: 3px;
    z-index: 0;
}
.m-boxSetPoint:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -8px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}
.m-boxSetPoint:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -9px;
    margin-top: -8px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 8px 0;
    border-color: transparent #ff8b12 transparent transparent;
    z-index: -1;
}
/*セット購入一覧ポップアップ*/
.m-boxSetPurchasePopUp {
    width: 630px;
    border-radius: 5px;
    padding: 40px 10px 20px;
    background: #fff;
    display: none;
    position: absolute;
    z-index: 1030;
}
.m-boxSetPurchasePopUp__txt {
    font-size: 16px;
    text-align: center;
}
.m-boxSetPurchasePopUp__btn {
    margin-top: 40px;
    text-align: center;
}

/* エラーテキスト */
.m-boxCouponCodeError {
    position: relative;
    color: #c00;
    padding: 3px 0 3px 20px;
    line-height: 1.5;
    font-weight: bold;
    font-size: 12px;
}

.m-boxCouponCodeError:before {
    content: "";
    background: url(https://www.dmm.com/images/dc/common/ico/title.png) no-repeat -96px -32px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    height: 18px;
    width: 18px;
}
/* エラーテキスト（大） */
.m-boxCouponCodeError--large {
    padding: 0 0 0 30px;
    line-height: 1.5;
    font-size: 16px;
}
.m-boxCouponCodeError--large:before {
    background-position: -32px -64px;
    margin-top: -11px;
    height: 22px;
    width: 22px;
}
/* エラーテキスト（末端ページ用） */
.m-boxCouponCodeError--couponDetail {
    line-height: 1.3;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
    display: inline-block;
}
/* エラーテキスト（アイコン紺パターン） */
.m-boxCouponCodeError--info {
    color: #406575;
    font-weight: normal;
    font-size: 16px;
}
.m-boxCouponCodeError--info:before {
    background-position: -64px -32px;
}
.m-boxListBookCampaignBalloon{
    color: #ee4d5c;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 3px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    position: relative;
    border: 1px solid #ee4d5c;
    white-space: nowrap;
    z-index: 0;
    margin-left: 2px;
}
.m-boxListBookCampaignBalloon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -4px;
    margin-top: -4px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}
.m-boxListBookCampaignBalloon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    margin-top: -4px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #ee4d5c transparent transparent;
    z-index: -1;
}
.m-boxListBookCampaignBalloon--bottom:before {
    top: 100%;
    left: 9px;
    margin-top: -1px;
    border-width: 5px 4px 0px 4px;
    border-color: #fff transparent transparent transparent;
}
.m-boxListBookCampaignBalloon--bottom:after {
    top: 100%;
    left: 9px;
    margin-top: 1px;
    border-width: 5px 4px 0px 4px;
    border-color: #ee4d5c transparent transparent transparent;
}
/*
 * 【適用先　ジャンル一覧】
 */
.m-boxBlockTtl--genre {
    margin: 10px 0;
}
.m-boxBookTmb--genre {
    padding-bottom: 0;
    width: 95%;
}
.m-boxBookTmb--genre > a:link {
    color: #227ea9;
}
.m-boxBookTmb--genre > a:hover {color: #ed5a76;}
.m-boxBookTmb__genre + .m-boxBookTmb__img {
    margin: -5px auto 15px;
}
.m-boxBookTmb__genre {
    display: block;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    height: 25px;
    padding: 7px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-boxBookTmb__genre:hover {
    text-decoration: underline;
}
.m-boxGenreCategoryBlock {
    position: relative;
    margin-bottom: 30px;
    padding-left: 10px;
    overflow: auto;
}
.m-boxCategoryList {
    width:100%;
    font-size: 13px;
    word-break: break-all;
    text-align: left;
}
.m-boxCategoryList__item {
    float: left;
    width: 24%;
    padding: 4px 0;
    margin-right: 5px;
}

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

/**
 * サムネイルリスト(5カラム)
 */
.m-boxBookTmbList--slide__btn--prev.is-disabled{
    background-position: -31px 50%;
    cursor: default;
    opacity: 1;
}
.m-boxBookTmbList--slide__btn--next.is-disabled{
    background-position: -123px 50%;
    cursor: default;
    opacity: 1;
}
 /**
 * 【適用先】
 *  新着通知管理画面
 */
 .m-boxNotificationManagerChoice__btn__txt.is-current {
    border-color: #ff972a;
    background-color: #ff972a;
    color: #fff !important;
}
.m-boxPaging.is-terminal {
    padding: 0 7px;
}
.m-boxPaging.is-current {
    background-color: #aaa;
    color: #fff;
    cursor: auto;
}
.m-boxNotificationManagerControl__label.is-current {
    background-position: left  -22px;
}
.m-boxNotificationSettingsTargetLabel.is-current {
    background-position: left  -22px;
}
.m-boxNotificationSettingsList__item.is-even {
    background-color: #f3f3f3;
}

/**
 * ポップアップ 非表示
 */
.l-areaOverlayPopUp.is-hidden {
    display: none;
}

/**
 * 障害告知枠
 */
.m-boxFailureNotice__ttl.is-active:after {
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -3px;
}

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


/*
* ▼common/navi
*/
/*
 * 新上ナビ改修適用
 * 不要な書き方になったのちに削除
 */
#d-header .hd-listService__link:hover,
#d-header .hd-listService__link:active {
    color: #fff !important;
}
/* 新上ナビ改修適用　ここまで */


#d-header .hd-lnav {
    font-size: 12px;
    padding: 0;
}
#d-header .hd-lnav ul {
    margin: auto;
}
#d-header .hd-lnav ul li {
    float: none;
    margin: auto;
}
#d-header .hd-lnav ul li a span {
    background: none;
    padding: 0;
}
#d-header .hd-lnav ul li a {
    font-weight: normal;
    padding: 0;
    width: auto;
    word-break: normal;
    cursor: pointer;
}
#d-header .hd-lnav ul li a:hover,
#d-header .hd-lnav ul li a:active {
    background-color: transparent;
}


#header{
}
#header .hd-srch {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 12px 100px;
}
#header .hd-gnav .hd-mainnav li.on a,
#header .hd-gnav .hd-mainnav li a:hover {
    color: #fff !important;
}
#header [class*="hd-gnav"] .hd-sitenav li a:hover {
    color: #fff !important;
}
#header .hd-lnav{
    background: #fff;
    font-size: 12px;
    padding: 0;
    position: static;
}
#header .hd-lnav ul {
    margin: auto;
}
#header .hd-lnav ul li {
    float: none;
    margin: auto;
}
#header .hd-lnav ul li a {
    font-weight: normal;
    padding: 0;
    width: auto;
    word-break: normal;
    cursor: pointer;
}
#header .hd-lnav ul li a span {
    background: none;
    padding: 0;
}
#header .hd-lnav ul li a img{
    margin: auto;
    vertical-align: auto;
}
#header .hd-lnav ul li a:hover{
    background-color: transparent;
}

#header .hd-srch {
    background: none;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 12px 100px;
}
#header .hd-lnav + .hd-srch {
    border-top: none;
}

#l-header {
    background-color: #f3f4f8;
}

.m-boxNavMenuList:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}

.m-boxNavMenuListMain,
.m-boxNavMenuListSub {
    display: table;
    table-layout: fixed;
}

.m-boxNavMenuListMain {
    width: 71%;
    height: 48px;
    float: left;
    box-sizing: border-box;
}

.m-boxNavMenuListMain:only-child {
    width: 100%;
}

.m-boxNavMenuListSub {
    width: 28.5%;
    height: 43px;
    margin-top: 5px !important;
    box-sizing: border-box;
    float: right;
}

.m-boxNavMenuListMain li,
.m-boxNavMenuListSub li {
    height: inherit;
    line-height: 1.3;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    background: #fff;
}

.m-boxNavMenuListMain__btn,
.m-boxNavMenuListSub__btn {
    box-sizing: border-box;
}

.m-boxNavMenuListMain li a {
    font-size: 13px;
    color: #227ea9 !important;
    display: block;
    box-sizing: border-box;
    padding: 9px 0 !important;
    text-align: center;
    border: solid 1px #ccc;
    border-bottom: 3px solid #ff972a;
    text-decoration: none;
}

.m-boxNavMenuListMain .m-boxNavMenuListMain__btn--gcomic a,
.m-boxNavMenuListMain .m-boxNavMenuListMain__btn--gcomicf a,
.m-boxNavMenuListMain .m-boxNavMenuListMain__btn--gphoto a {
    padding: 15.5px 0 !important;
}

.m-boxNavMenuListMain li a:hover {
    color: #ff972a !important;
}

.m-boxNavMenuListMain li a span {
    vertical-align: center;
}

.m-boxNavMenuListSub li a {
    font-size: 13px;
    color: #227ea9 !important;
    padding: 6px 0 5px !important;
    display: block;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    border: solid 1px #ccc;
    border-bottom: 3px solid #ccc;
    text-decoration: none;
}

.m-boxNavMenuListSub__btn a:hover {
    color: #ed5a76 !important;
}

.m-boxNavMenuList__btn:hover {
    border-bottom: 2px solid #ff972a;
}

.m-boxNavMenuList__btn__txt {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.m-boxNavMenuListMain__btn.is-current {
    color: #fff !important;
    box-sizing: border-box;
}

.m-boxNavMenuListMain__btn--general.is-current a,
.m-boxNavMenuListSub__btn--general.is-current a {
    color: #fff !important;
    border: solid #ff972a;
    border-width: 1px 1px 3px 1px;
    background: #ff972a !important;
}

.m-boxNavMenuListSub__btn.is-current {
    color: #fff;
    box-sizing: border-box;
}
.m-boxNavMenuListMain__btn--general.is-current a:hover,
.m-boxNavMenuListSub__btn--general.is-current a:hover {
    color: #fff !important;
    cursor: default;
}
.m-boxNavMenuListMain__btn--adult.is-current a,
.m-boxNavMenuListSub__btn--adult.is-current a{
    color: #fff !important;
    border: solid #f36388;
    border-width: 1px 1px 3px 1px;
    background: #f36388 !important;
}
.m-boxNavMenuListSub__btn.is-current {
    color: #fff;
    box-sizing: border-box;
}
.m-boxNavMenuListMain__btn--adult.is-current a:hover,
.m-boxNavMenuListSub__btn--adult.is-current a:hover{
    color: #fff !important;
    cursor: default;
}

/*
* ▼coupon/
*/


/*
* 【適用先】
*  クーポン一覧、マイクーポン一覧、発行可能クーポン一覧、バスケット
* 【用途】
*  リスト型レイアウト
*/
.m-boxCouponProduct {
    margin-bottom: 10px;
}
.m-boxCouponProduct__list {
    clear: both;
}
.m-boxCouponProduct__list__item {
    margin-bottom: 12px;
}
.m-boxCouponProductBlock {
    overflow: hidden;
    padding: 15px;
    border: #eee 4px solid;
    background-color: #fff;
}
.m-boxCouponProductBlock__tmb {
    float: left;
}
.m-boxCouponProductBlock__tmb img {
    width: 180px;
    height: auto;
}
.m-boxCouponProductBlock__item {
    margin-left: 200px;
}
.m-boxCouponProductBlock__data__ttl {
    margin-bottom: 10px;
    font-size: 20px;
    color: #406475;
    font-weight: bold;
}
.m-boxCouponProductBlock__data__ttl > a:link,
.m-boxCouponProductBlock__data__ttl > a:visited{
    text-decoration: none;
    color: #406475;
}
.m-boxCouponProductBlock__data__cont__item {
    margin-top: 16px;
}
.m-boxCouponProductBlock__data__cont__txt {
    font-size: 13px;
    color: #969696;
}
.m-boxCouponProductBlock__data__cont__deadline {
    font-size: 12px;
}
.m-boxCouponProductBlock__data__cont__deadline__date {
    font-size: 17px;
    font-weight: bold;
}
.m-boxCouponProductBlock__data__cont__deadline__head {
    display: inline-block;
    line-height: 26px;
    height: 26px;
    padding: 0 10px;
    border-radius: 2px;
    background-color: #406475;
    color: #fff;
}
.m-boxCouponProductBlock__data__cont__deadline__item {
    margin-right: 16px;
}
/*end処理*/
.m-boxCouponProductBlock--end {
    background-color: #fafafa;
    color: #969696;
}
.m-boxCouponProductBlock__data__ttl--end {
    color: #969696;
}
.m-boxCouponProductBlock__data__cont__deadline__head--end {
    background-color: #969696;
}
/*バスケット*/
.m-boxCouponProduct__item {
    margin-top: 12px;
}
.m-boxCouponProductBlock__price {
    padding: 10px 10px 0 0;
    border-top: #828282 1px dotted;
    text-align: right;
    font-size: 1.2em;
}
.m-boxCouponProductBlock__item__price {
    margin-top: 15px;
    margin-left: 200px;
}
.m-boxCouponProductBlock__price__strikethrough {
    text-decoration: line-through;
}
.m-boxCouponProductBlock__price__discount {
    line-height: 1;
    color: #c00000;
    font-size: 25px;
    font-weight: bold;
}
.m-boxCouponProductBlock__price__item {
    margin-left: 20px;
}

/*
* 【適用先】
*  全ページ
* 【用途】
*  フラットボタン
*/
/*末端　右カラム用 */
.m-boxDcFlatBtn--searchCoupon {
    width: 216px;
    height: 34px;
    border: 1px solid #dadada;
    background-color: #fff;
    box-shadow: 0 2px #8d9c9f;
    line-height: 34px;
}
.m-boxDcFlatBtn--searchCoupon__txt {
    color: #406475 !important;
    font-size: 13px;
}
.m-boxDcFlatBtn--searchCoupon__txt:before {
    margin-right: .5em;
    width: 17px;
    height: 17px;
    background: url(https://www.dmm.com/images/dc/common/ico/coupon.png) no-repeat 0 -22px;
    vertical-align: middle;
}

/* 末端　右カラム用（ポップアップ内） */
.m-boxDcFlatBtn--coupon {
    width: 216px;
    height: 34px;
    border-bottom-color: #c7992a;
    background-color: #ffda31;
    line-height: 34px;
}
.m-boxDcFlatBtn--coupon__txt {
    color: #6e4519 !important;
    font-size: 13px;
}
/* マイクーポン一覧 */
.m-boxDcFlatBtn--couponLarge {
    height: 60px;
    line-height: 60px;
    width: 100%;
}
.m-boxDcFlatBtn--couponLarge__txt {
    font-size: 18px;
}
.m-boxDcFlatBtn--couponIcoLarge__txt:before {
    background: url(https://www.dmm.com/images/dc/common/ico/coupon.png) no-repeat -50px -43px;
    height: 21px;
    vertical-align: -4px;
    width: 30px;
}
/* 特設ページ　クーポンGETボタン */
.m-boxDcFlatBtn--couponGetLarge {
    width: 216px;
    height: 100px;
    line-height: 1.2;
    border-bottom-width: 3px;
}
.m-boxDcFlatBtn--couponGetLarge__txt {
    padding-top: 26px;
    width: 216px;
    font-size: 21px;
}
/*
* 【適用先】
*  マイクーポン一覧
* 【用途】
*  エラーなどの注意喚起表示
*/
/* マイクーポンのエラー枠 */
.m-boxCouponInfoTop {
    display: block;
    margin:0 auto;
    text-align: center;
    overflow: hidden;
    width: 100%;
}
/* テキスト */
.m-boxCouponInfo__txt {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 1.5;
    font-size: 1.6em;
}
.m-boxCouponInfo__txt:before{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    height: 18px;
    width: 18px;
}
/* 取得テキスト（acquisition） */
.m-boxCouponInfo__txt--acquisition {
    color: #406475;
}
.m-boxCouponInfo__txt--acquisition:before {
    content: url(https://www.dmm.com/images/dc/common/ico/ico_mycoupon_acquisition.png);
}
/* 失敗テキスト（failure） */
.m-boxCouponInfo__txt--failure {
    color: #cd271b;
}
.m-boxCouponInfo__txt--failure:before {
    content: url(https://www.dmm.com/images/dc/common/ico/ico_mycoupon_failure.png);
}
/*
* 【適用先】
*  全ページ
* 【用途】
*  エラーなどの注意喚起表示
*/
/* バスケット、マイクーポンのエラー枠 */
.m-boxCouponInfo {
    display: block;
    text-align: center;
    padding-top: 10px
}
/* クーポン一覧、発行可能クーポン一覧のエラー枠 */
.m-boxCouponProduct__error {
    padding: 10px;
    text-align: center;
}



/*
* ▼coupon/basket/
*/

/*
* 【適用先】
*  バスケット
* 【用途】
*  
*/
/* ポップアップ */
.l-areaOverlayPopUp__Coupon {
    width: 805px;
}

.l-areaCouponPopUpList {
    height: 350px;
    overflow: auto;
    padding: 20px;
    background-color: #f8f8f8;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
/*
* 【適用先】
*  バスケット
* 【用途】
*  クーポン枠
*/
.m-boxBasketCoupon__item {
    margin-top: 20px;
}
.m-boxCouponBallon {
    display: block;
    position: relative;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    opacity: 1;
    top: 0;
    cursor: pointer;
    transition: opacity .1s ease-in-out;
}
.m-boxCouponBallon a {
    text-decoration: none;
}
.m-boxCouponBallon:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #d3d3d3;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
}
.m-boxCouponBallon:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 9px solid #fff;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
}
.m-boxCouponBallon__txt {
    display: block;
    margin-bottom: 2px;
    line-height: 60px;
    color: #757575;
    font-size: 14px;
}
.m-boxCouponBallon__txt:before {
    content: "";
    display: inline-block;
    position: relative;
    top: -5px;
    left:-3px;
    width: 55px;
    height: 38px;
    background: url(https://www.dmm.com/images/dc/common/ico/coupon_use.png) no-repeat -13px 0;
    vertical-align: middle;
}
.m-boxCouponBallon__txt:hover:before {
    width: 55px;
    height: 38px;
    background: url(https://www.dmm.com/images/dc/common/ico/coupon_use.png) no-repeat -13px -41px;
}
.m-boxCouponBallon__txt:hover {
    color: #ff8b12;
    font-weight: bold;
}
.use-coupon {
    position: relative;
}
.use-coupon:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    margin-top: -7px;
    left: -28px;
    width: 21px;
    height: 14px;
    background: url(https://www.dmm.com/images/dc/common/ico/coupon.png) no-repeat -150px 0;
}

/* バスケット　クーポン　通常価格部分 */
.page-basket .lead-wrapper .lead-data .total .default-price{
  color: #333;
  font-size: 16px;
  font-weight: normal;
  text-decoration: line-through;
  white-space: nowrap;
}

/* ポップアップ内 */
.m-boxCouponPopUp {
    border-radius: 5px;
    background-color: #fff;
}
.m-boxCouponPopUp__item {
    padding-bottom: 20px;
}
.m-boxCouponPopUpHeader {
    position: relative;
    height: 65px;
    padding: 0 0 0 95px;
    line-height: 67px;
    font-size: 1.8em;
}
.m-boxCouponPopUpHeader:before {
    position: absolute;
    content: "";
    display: block;
    left: 24px;
    top: 50%;
    margin-top: -23px;
    width: 68px;
    height: 38px;
    background: url(https://www.dmm.com/images/dc/common/ico/coupon_use.png) no-repeat;
}
.m-boxCouponPopUpListCode {
    border: #eee 4px solid;
    background-color: #fff;
}
.m-boxCouponPopUpListCode_ttl {
    position: relative;
    padding: 20px;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1;
    color: #7a7a7a;
    text-align: center;
}
.m-boxCouponPopUpListCode_ttl:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 25px;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #9d9d9d transparent transparent transparent;
}
.m-boxCouponPopUpListCode_ttl:after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 26px;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6.5px 0 6.5px;
    border-color: #ffffff transparent transparent transparent;
}
.m-boxCouponPopUpListCode_ttl:hover {
    cursor: pointer;
}
.m-boxCouponPopUpListCode__code {
    padding: 0 20px 15px 20px;
}
/* ポップアップ内　クーポンホバー表示 
※他モジュールと併用しているためCC)*/
.m-boxCouponPopUp .m-boxCouponProductBlock {
    cursor: pointer;
    transition: .1s ease-in-out;
}
.m-boxCouponPopUp .m-boxCouponProductBlock:hover {
    border-color: #aebdc4;
}
/*
* 【適用先】
*  バスケット
* 【用途】
*  
*/
/*コード入力枠　スライドダウン矢印 */
.m-boxCouponPopUpListCode__code.is-codeClose {
    display: none;
}
.m-boxCouponPopUpListCode_ttl.is-ttlOpen:before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 25px;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #9d9d9d transparent;
}
.m-boxCouponPopUpListCode_ttl.is-ttlOpen:after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 26px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6.5px 8px 6.5px;
    border-color: transparent transparent #ffffff transparent;
}