@charset "UTF-8";

/* --------------------------------------------
    basket
-------------------------------------------- */

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

#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 {
    margin: 0 auto;
    padding: 14px 14px 1px;
    max-width: 1024px;
    font-size: 14px;
}

/* ============================== Module */
.page-basket *,
.page-address * {
    margin: 0;
    padding: 0;
}

.page-basket ol,
.page-basket ul {
    list-style: none;
}

.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 {
    box-sizing: border-box;
}

.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 {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.page-basket .layout-wrapper .layout-content,
.page-address .layout-wrapper .layout-content {
    padding-right: 14px;
    width: 70%;
}

.page-basket .layout-wrapper .layout-lead .layout-lead-box,
.page-address .layout-wrapper .layout-lead .layout-lead-box {
    background-color: #f3f3f3;
    padding: 20px;
}

.page-basket .layout-wrapper .layout-lead .layout-lead-box-inner,
.page-address .layout-wrapper .layout-lead .layout-lead-box-inner {
    margin-top: 20px;
    border: 1px solid #dde5eb;
    background-color: #fff;
    padding: 15px 20px;
}

.page-basket .layout-wrapper .layout-lead .layout-lead-box-inner p,
.page-address .layout-wrapper .layout-lead .layout-lead-box-inner p {
    font-size: 12px;
}

.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 {
    display: inline-block;
    font-weight: normal;
}

.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;
    right: -6px;
    bottom: 14px;
    color: #808080;
    font-size: 10px;
    counter-reset: section 0;
}

.page-basket .capt-wrapper .capt-stepnav::after,
.page-address .capt-wrapper .capt-stepnav::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.page-basket .capt-wrapper .capt-stepnav::before,
.page-address .capt-wrapper .capt-stepnav::before {
    position: absolute;
    top: 6px;
    left: 1px;
    background-color: #808080;
    width: 99%;
    height: 1px;
    content: "";
}

.page-basket .capt-wrapper .capt-stepnav li,
.page-address .capt-wrapper .capt-stepnav li {
    position: relative;
    float: left;
    background-color: white;
    padding: 0 3px;
}

.page-basket .capt-wrapper .capt-stepnav li::before,
.page-address .capt-wrapper .capt-stepnav li::before {
    margin-right: 4px;
    color: transparent;
    content: counter(section);
    counter-increment: section 1;
}

.page-basket .capt-wrapper .capt-stepnav li::after,
.page-address .capt-wrapper .capt-stepnav li::after {
    position: absolute;
    top: 1px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: #b3b3b3 solid;
    border-width: 0 3px 3px 0;
    width: 5px;
    height: 7px;
    content: "";
}

.page-basket .capt-wrapper .capt-stepnav li.on,
.page-address .capt-wrapper .capt-stepnav li.on,
.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 {
    content: none;
}

.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"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    box-shadow: none;
    background-color: white;
    padding: 0 0.6em;
    width: 100%;
    height: 42px;
}

.page-basket textarea,
.page-basket legend,
.page-basket fieldset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    box-shadow: none;
    background-color: white;
}

.page-address input[type="text"],
.page-address input[type="email"],
.page-address input[type="tel"],
.page-address input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    box-shadow: none;
    background-color: white;
    padding: 0 0.6em;
    width: 100%;
}

.page-address textarea,
.page-address legend,
.page-address fieldset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    box-shadow: none;
    background-color: white;
}

.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"] {
    display: inline-block;
    border: #ccc 1px solid;
    border-radius: 4px;
}

.page-basket textarea {
    display: inline-block;
    border: #ccc 1px solid;
    border-radius: 4px;
}

.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"] {
    display: inline-block;
    border: #ccc 1px solid;
    border-radius: 4px;
}

.page-address textarea {
    display: inline-block;
    border: #ccc 1px solid;
    border-radius: 4px;
    padding: 0 0.6em;
    width: 100%;
}

.page-basket input,
.page-basket textarea {
    font-size: 14px;
}

.page-address input,
.page-address textarea {
    font-size: 14px;
}

.page-basket input[type="text"],
.page-basket input[type="email"],
.page-basket input[type="tel"] {
    width: 100%;
}

.page-address input[type="text"],
.page-address input[type="email"],
.page-address input[type="tel"] {
    width: 100%;
}

.page-basket input[readonly],
.page-address input[readonly] {
    background-color: #f3f3f3;
}

.page-basket input[type="text"]:focus,
.page-basket input[type="email"]:focus,
.page-basket input[type="tel"]:focus,
.page-basket input[type="number"]:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.page-basket textarea:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.page-address input[type="text"]:focus,
.page-address input[type="email"]:focus,
.page-address input[type="tel"]:focus,
.page-address input[type="number"]:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.page-address textarea:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.page-basket input:focus[readonly],
.page-basket textarea:focus[readonly] {
    outline: none;
    box-shadow: none;
}

.page-address input:focus[readonly],
.page-address textarea:focus[readonly] {
    outline: none;
    box-shadow: none;
}

.page-basket textarea,
.page-address textarea {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    height: 6em;
}

.page-basket legend,
.page-address legend {
    font-size: 14px;
}

.page-basket input::-ms-clear,
.page-basket input::-ms-reveal {
    visibility: hidden;
}

.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 {
    -webkit-appearance: none;
    margin: 0;
}

.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 {
    box-sizing: border-box;
    outline: 0;
    border: 0;
    border: #ccc 1px solid;
    border-radius: 4px;
    box-shadow: none;
    background-color: white;
    padding: 0 0 0 0.6em;
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
}

.page-basket select:focus,
.page-address select:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.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;
    margin: -2px 6px 0 0;
    border: #b3b3b3 1px solid;
    border-radius: 4px;
    background-color: white;
    cursor: pointer;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

:root .page-basket input[type="checkbox"] + .checkbox-input::before,
:root .page-address input[type="checkbox"] + .checkbox-input::before {
    display: none;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 4px;
    background-color: black;
    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));
    width: 20px;
    height: 20px;
    content: "";
}

: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 {
    display: none;
    position: absolute;
    top: 1px;
    left: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: white;
    width: 5px;
    height: 10px;
    content: "";
}

: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 {
    line-height: 1.6;
    color: #333;
    font-size: 12px;
}

.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 {
    background-color: #fdf5f5;
    padding: 14px;
    text-align: center;
    color: #c00;
}

.page-basket .notice-wrapper .notice-col-12,
.page-basket .notice-wrapper .notice-col-11,
.page-basket .notice-wrapper .notice-col-10,
.page-basket .notice-wrapper .notice-col-9,
.page-basket .notice-wrapper .notice-col-8,
.page-basket .notice-wrapper .notice-col-7,
.page-basket .notice-wrapper .notice-col-6,
.page-basket .notice-wrapper .notice-col-5,
.page-basket .notice-wrapper .notice-col-4,
.page-basket .notice-wrapper .notice-col-3,
.page-basket .notice-wrapper .notice-col-2,
.page-basket .notice-wrapper .notice-col-1 {
    box-sizing: border-box;
    position: relative;
    float: left;
    min-height: 1px;
}

.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 {
    box-sizing: border-box;
    position: relative;
    float: left;
    min-height: 1px;
}

.page-basket .notice-wrapper table td[class*="notice-col-"],
.page-basket .notice-wrapper table th[class*="notice-col-"] {
    display: table-cell;
    position: static;
    float: none;
}

.page-address .notice-wrapper table td[class*="notice-col-"],
.page-address .notice-wrapper table th[class*="notice-col-"] {
    display: table-cell;
    position: static;
    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-item::before,
.page-basket .notice-wrapper .notice-item::after {
    display: table;
    content: "";
}

.page-basket .notice-wrapper .notice-row::before,
.page-basket .notice-wrapper .notice-row::after {
    display: table;
    content: "";
}

.page-address .notice-wrapper .notice-item::before,
.page-address .notice-wrapper .notice-item::after {
    display: table;
    content: "";
}

.page-address .notice-wrapper .notice-row::before,
.page-address .notice-wrapper .notice-row::after {
    display: table;
    content: "";
}

.page-basket .notice-wrapper .notice-item::after,
.page-basket .notice-wrapper .notice-row::after {
    clear: both;
}

.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 {
    margin-bottom: 0.3em;
    font-weight: bold;
}

.page-address .notice-wrapper .notice-listtitle,
.page-address .notice-wrapper .notice-title {
    margin-bottom: 0.3em;
    font-weight: bold;
}

.page-basket .notice-wrapper hr,
.page-address .notice-wrapper hr {
    margin: 1em 0 1em;
    border-top: #e5e5e5 1px solid;
    border-width: 0;
}

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

.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 * {
    vertical-align: middle;
}

.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 {
    border: #e5e5e5 1px solid;
    border-bottom: none;
    background-color: #f3f3f3;
}

.page-basket .notice-wrapper table tbody th,
.page-basket .notice-wrapper table tbody td {
    border: #e5e5e5 1px solid;
}

.page-address .notice-wrapper table thead th,
.page-address .notice-wrapper table thead td {
    border: #e5e5e5 1px solid;
    border-bottom: none;
    background-color: #f3f3f3;
}

.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 {
    background-color: #f3f3f3;
}

.page-address .notice-wrapper table thead th,
.page-address .notice-wrapper table tbody th {
    background-color: #f3f3f3;
}

.page-basket .notice-wrapper .notice-box,
.page-address .notice-wrapper .notice-box {
    border: #e5e5e5 1px solid;
    padding: 14px;
}

.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;
    top: 0;
    left: 0;
    content: "※" !important;
}

.page-basket .notice-wrapper ul > li,
.page-basket .notice-wrapper ol > li {
    position: relative;
    padding-left: 1.2em;
}

.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 {
    margin-top: 0.4em;
}

.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 {
    position: absolute;
    top: 0;
    left: 0;
}

.page-address .notice-wrapper ul > li::before,
.page-address .notice-wrapper ol > li::before {
    position: absolute;
    top: 0;
    left: 0;
}

.page-basket .notice-wrapper ul > li li,
.page-basket .notice-wrapper ol > li li {
    margin-top: 0.3em;
}

.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: 0.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 ul.notice-list-unstyled > li,
.page-basket .notice-wrapper ol.notice-list-unstyled > li {
    padding-left: 0;
}

.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 ul.notice-list-unstyled > li::before,
.page-basket .notice-wrapper ol.notice-list-unstyled > li::before {
    content: none;
}

.page-address .notice-wrapper ul.notice-list-unstyled > li::before,
.page-address .notice-wrapper ol.notice-list-unstyled > li::before {
    content: none;
}

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

.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-address .lead-wrapper .lead-data {
    display: table;
    width: 100%;
}

.page-basket .lead-wrapper .lead-data 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 {
    display: table-cell;
    padding-bottom: 3px;
}

.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-address .lead-wrapper .lead-data dl dt {
    padding-right: 3px;
    white-space: nowrap;
}

.page-basket .lead-wrapper .lead-data 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-data .total dt,
.page-basket .lead-wrapper .lead-data .total dd {
    padding-bottom: 0;
}

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

.page-basket .lead-wrapper .lead-data .total dd,
.page-address .lead-wrapper .lead-data .total dd {
    white-space: nowrap;
    color: #c00;
    font-size: 21px;
    font-weight: bold;
}

.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 {
    width: 40%;
}

.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 {
    width: 60%;
}

.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 {
    text-align: center;
    color: #808080;
    font-size: 10px;
}

.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;
    cursor: pointer;
    padding-left: 2.2em;
    text-align: left;
    text-indent: -2.2em;
    word-break: break-all;
    font-size: 12px;
}

.page-basket .lead-wrapper .lead-checkbox label + label,
.page-address .lead-wrapper .lead-checkbox label + label {
    margin-top: 6px;
}

.page-basket .notice-check {
    margin-top: 12px;
    text-align: center;
    font-size: 12px;
}

.page-basket .notice-check label {
    vertical-align: bottom;
}

.page-basket .notice-check input[type="checkbox"] {
    display: inline-block;
    margin-right: 5px;
}

.page-basket .btn {
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: background-position 0.1s ease-out;
    transition: background-position 0.1s ease-out;
    margin: 0;
    border: 1px solid;
    border-radius: 3px;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    box-shadow: inset 0 1px 0 white;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #fff),
        color-stop(50%, #f7f7f7),
        color-stop(100%, #e5e5e5)
    );
    background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-position: 0 100%;
    background-size: auto 200%;
    cursor: pointer;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-family: inherit;
    font-size: 16px;
    filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)";
}

.page-address .btn {
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: background-position 0.1s ease-out;
    transition: background-position 0.1s ease-out;
    margin: 0;
    border: 1px solid;
    border-radius: 3px;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    box-shadow: inset 0 1px 0 white;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #fff),
        color-stop(50%, #f7f7f7),
        color-stop(100%, #e5e5e5)
    );
    background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-position: 0 100%;
    background-size: auto 200%;
    cursor: pointer;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-family: inherit;
    font-size: 16px;
    filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)";
}

.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 {
    color: #666;
}

.page-basket .btn:hover > * {
    color: #666;
}

.page-basket .btn:hover > *::before,
.page-basket .btn:hover > *::after {
    color: #666;
}

.page-address .btn:hover::before,
.page-address .btn:hover::after {
    color: #666;
}

.page-address .btn:hover > * {
    color: #666;
}

.page-address .btn:hover > *::before,
.page-address .btn:hover > *::after {
    color: #666;
}

.page-basket .btn > *,
.page-address .btn > * {
    box-sizing: border-box;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: inherit;
    padding: 0.5em 0.8em;
    width: 210px;
    color: #333;
    font-family: inherit;
    font-size: inherit;
}

.page-basket .btn > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    outline: 0;
    border: 0;
    box-shadow: none;
    width: 100%;
    height: auto;
    white-space: normal;
}

.page-address .btn > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    outline: 0;
    border: 0;
    box-shadow: none;
    width: 100%;
    height: auto;
    white-space: normal;
}

.page-address .btn > button {
    border: none;
    width: 100%;
}

.page-basket .btn-primary,
.page-address .btn-primary {
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    box-shadow: inset 0 1px 0 #fff1d1;
    background-color: #fcdc80;
    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: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e', GradientType=0)";
}

.page-basket .btn-secondary,
.page-address .btn-secondary {
    border: 1px solid;
    border-color: #8ad3f8 #005fc0 #005fc0;
    box-shadow: inset 0 1px 0 #b4dff5;
    background-color: #fcdc80;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(50%, #6cc3f0),
        color-stop(100%, #1f98d6)
    );
    background-image: -webkit-linear-gradient(top, #6cc3f0 50%, #1f98d6 100%);
    background-image: linear-gradient(to bottom, #6cc3f0 50%, #1f98d6 100%);
    filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#6cc3f0', endColorstr='#1f98d6', GradientType=0)";
}

.page-basket .btn-secondary *,
.page-address .btn-secondary * {
    padding: 0.5em;
    color: #fff;
}

.page-basket .btn-primary:hover,
.page-address .btn-primary:hover {
    border-color: #e6c695 #dab578 #d1a662;
}

.page-basket .btn-secondary:hover,
.page-address .btn-secondary:hover {
    border-color: #8ad3f8 #2478ce #2b9dda;
}

.page-basket .btn-secondary:hover *,
.page-address .btn-secondary:hover * {
    color: #fff;
}

.page-basket .btn-credit-regist,
.page-address .btn-credit-regist {
    font-size: 15px;
}

.page-basket .btn-sm > *,
.page-address .btn-sm > * {
    font-size: 85.714%;
}

.page-basket .btn-xs > *,
.page-address .btn-xs > * {
    padding: 0.3em 0.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 {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}

.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 {
    top: 0;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    background-position: 0 100%;
}

.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 > * {
    color: #333;
}

.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 {
    border-color: #deb372 #ce9c4b #c1882e;
}

.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 0.5em;
    text-align: center;
    color: #c00;
    font-size: 12px;
}

/* ============================== .page-basket */

.page-basket span[class*="ico-"] {
    display: inline-block;
    border-radius: 2px;
    padding: 0 0.5em;
    height: 18px;
    line-height: 18px;
    color: white;
    font-size: 10px;
}

.page-basket span[class*="ico-"] + span {
    margin-left: 0.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,
.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-size: 10px;
    font-weight: bold;
}

.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 {
    margin: 0 auto;
    padding: 90px 40px;
    text-align: center;
}

.page-basket .area-layout .area-capt {
    margin-bottom: 0.5em;
}

.page-basket .box-basketlist {
    border: #e5e5e5 2px solid;
}

.page-basket .box-basketlist + .area-capt {
    margin-top: 28px;
}

.page-basket .box-basketlist table {
    position: relative;
    background-color: white;
    width: 100%;
    overflow: hidden;
}

.page-basket .box-basketlist table thead th,
.page-basket .box-basketlist table thead td {
    background-color: #f3f3f3;
    padding: 7px 14px;
    font-size: 12px;
}

.page-basket .box-basketlist table tbody tr + tr {
    border-top: #e5e5e5 1px solid;
}

.page-basket .box-basketlist table tbody th {
    padding: 14px;
}

.page-basket .box-basketlist table tbody td {
    position: relative;
    padding: 14px;
    height: 170px;
    vertical-align: middle;
}

.page-basket .box-basketlist .basketdata {
    position: relative;
    padding-top: 24px;
    padding-left: 140px;
}

.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;
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
}

.page-basket .box-basketlist .basketdata .img img {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -85px;
    width: 124px;
}

.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 .ico-st-browser {
    background-color: #20b2ca;
}

.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 {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.page-basket .box-basketlist .basketdata .speccol .specelm .note {
    color: #c00;
}

.page-basket .box-basketlist .basketdata .speccol .specelm .note + dd {
    color: #c00;
}

.page-basket .box-basketlist .basketdata .speccol .browser-wrapper,
.page-basket .box-basketlist .basketdata .speccol .download-wrapper {
    margin-top: 10px;
    background: #fbf9e2;
    padding: 10px;
}

.page-basket .box-basketlist .basketdata .speccol .coupon {
    display: inline-block;
    margin-top: 8px;
    border: solid 1px #eb5757;
    border-radius: 4px;
    padding: 3px 5px;
    line-height: 1;
    color: #eb5757;
    font-size: 11px;
}

.page-basket .box-basketlist .basketdata .speccol .browser-wrapper .capt-browser,
.page-basket .box-basketlist .basketdata .speccol .browser-wrapper .capt-download {
    margin-bottom: 8px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

.page-basket .box-basketlist .basketdata .speccol .download-wrapper .capt-browser,
.page-basket .box-basketlist .basketdata .speccol .download-wrapper .capt-download {
    margin-bottom: 8px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
}

.page-basket .box-basketlist .subtotal {
    position: relative;
    padding-right: 36px;
    text-align: right;
    white-space: nowrap;
    font-size: 16px;
    font-weight: bold;
    zoom: 1;
}

.page-basket .box-basketlist .subtotal .strike {
    text-decoration: line-through;
    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 .comebackprice {
    line-height: 150%;
    color: #333;
    font-size: 20px;
    font-weight: bold;
}

.page-basket .box-basketlist .subtotal .defaultprice {
    display: block;
    text-decoration: line-through;
    font-size: 10px;
    font-weight: normal;
}

.page-basket .box-basketlist .subtotal .pop {
    display: inline-block;
    border: solid 1px #c00;
    padding: 0 5px;
    color: #c00;
    font-size: 10px;
    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 {
    position: absolute;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    visibility: hidden;
    opacity: 0;
}

.page-basket .box-basketlist .subtotal .function .del::before,
.page-basket .box-basketlist .subtotal .function .del::after {
    position: absolute;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    visibility: hidden;
    opacity: 0;
}

.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-width: 6px;
    border-top-color: #333;
    content: "";
}

.page-basket .box-basketlist .subtotal .function .fav::after,
.page-basket .box-basketlist .subtotal .function .del::after {
    top: -19px;
    left: 50%;
    background-color: #333;
    height: 18px;
    text-align: center;
    line-height: 18px;
    color: white;
    font-size: 11px;
    font-weight: normal;
}

.page-basket .box-basketlist .subtotal .function .fav span,
.page-basket .box-basketlist .subtotal .function .del span {
    display: block;
    background-image: url(https://p.dmm.co.jp/p/basket/sprite_ico_basket_150225.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.page-basket .box-basketlist .subtotal .function .fav span::after,
.page-basket .box-basketlist .subtotal .function .del span::after {
    display: block;
    visibility: hidden;
    opacity: 0;
    background-image: url(https://p.dmm.co.jp/p/basket/sprite_ico_basket_150225.png);
    width: 30px;
    height: 30px;
    content: "";
}

.page-basket .box-basketlist + .comeback-description {
    margin-top: 10px;
    line-height: 160%;
    color: #000f;
    font-size: 12px;
}

.page-basket .box-basketlist + .comeback-description a {
    text-decoration: none;
    color: #2968c1;
}

#w .page-basket .area-lead .lead-btn .regist::before {
    position: relative;
    bottom: -5px;
    content: "はじめての方は";
}

#w .page-basket .area-lead .lead-btn .login {
    margin-top: 7px;
}

#w .page-basket .area-lead .lead-btn .login::before {
    position: relative;
    bottom: -5px;
    content: "すでにDMM会員登録済みの方は";
}

/* [ IE ] */

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

/*
 * IE 11 CSSハック
 */

/* ============================== .mono.page-basket */
.mono.page-basket .capt-side,
.mono.dmp.page-basket .capt-side {
    position: relative;
    bottom: -2px;
    left: 0;
    z-index: 1;
}

.mono.page-basket .capt-side ul::after,
.mono.dmp.page-basket .capt-side ul::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.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 {
    border: #e5e5e5 2px solid;
    border-bottom: none;
    background-color: white;
    padding: 0 1.4em;
}

.mono.page-basket .capt-side ul li a,
.mono.dmp.page-basket .capt-side ul li a {
    display: block;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    padding: 0 1.4em;
    height: inherit;
}

.mono.page-basket .capt-side ul li a:hover,
.mono.dmp.page-basket .capt-side ul li a:hover {
    background-color: #f3f3f3;
    text-decoration: none;
    color: #005fc0;
}

.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;
    margin-left: 6px;
    border-radius: 2px;
    background: black;
    height: 16px;
    text-align: center;
    color: white;
    font-size: 11px;
}

.mono.page-basket .capt-side ul li .tx-balloon span,
.mono.dmp.page-basket .capt-side ul li .tx-balloon span {
    padding: 0 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;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}

.mono.page-basket .table-title th p {
    background-color: #888;
    padding: 0.3em;
    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;
    line-height: 32px;
    font-size: 11px;
}

.mono.page-basket .table-total td dl {
    float: right;
}

.mono.page-basket .table-total td dt {
    float: left;
    margin-right: 6px;
    margin-left: 12px;
    line-height: 32px;
    font-size: 14px;
}

.mono.page-basket .table-total td dd {
    float: left;
    font-size: 21px;
    font-weight: bold;
}

.mono.page-basket .area-notice span[class*="ico-"] {
    margin-left: 0;
    color: white;
}

.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 {
    cursor: pointer;
    text-decoration: none;
    color: #33a1bc;
}

.make a:visited {
    text-decoration: none;
}

.make a:hover,
.make a:active {
    text-decoration: underline;
}

.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 {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    height: auto;
}

.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;
    margin-top: -50px;
    width: 100px;
}

.dc.page-basket .box-basketlist .basketdata .img img[src*="shes"] {
    margin-top: -84px;
}

/* ============================== .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 {
    margin-top: -67px;
    width: 180px;
}

.auction.page-basket.auction-general .box-basketlist .basketdata .img img {
    margin-top: -80px;
}

/* ============================== .rental.page-basket */
.rental.page-basket {
    padding: 14px 0 1px;
    min-width: 730px;
    max-width: 1060px;
}

.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 {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.rental.page-basket .area-rental-control a {
    display: inline-block;
    -webkit-transition: background-color 0.1s ease;
    transition: background-color 0.1s ease;
    padding: 0.7em 0.8em;
}

.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 {
    cursor: default;
    padding-left: 30px;
    color: #333;
}

.rental.page-basket .area-rental-control li.is-active a:hover {
    background-color: transparent;
    text-decoration: none;
}

.rental.page-basket .area-rental-control li.is-active a::before {
    position: absolute;
    top: 50%;
    left: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -10px;
    border: #b3b3b3 solid;
    border-width: 0 4px 4px 0;
    width: 6px;
    height: 10px;
    content: "";
}

.rental.page-basket .area-rental-control .box-sort {
    float: left;
}

.rental.page-basket .area-rental-control .box-sort ul::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.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 {
    display: inline-block;
    position: relative;
    margin-left: 3px;
    border-radius: 50%;
    background-color: #333;
    width: 16px;
    height: 16px;
    text-align: center;
    color: white;
    font-size: 11px;
}

.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-width: 8px;
    border-top-color: rgba(0, 0, 0, 0.8);
    content: "";
}

.rental.page-basket .box-basketlist thead .box-tooltip-panel {
    display: none;
    position: absolute;
    bottom: 22px;
    left: 50%;
    margin-left: -8em;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 14px;
    width: 16em;
    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 {
    text-decoration: underline;
    color: #ddd;
}

.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 {
    box-sizing: border-box;
    padding-left: 36px;
}

.rental.page-basket .basketdata .input {
    position: absolute;
    top: -10px;
    bottom: -10px;
    left: -10px;
}

.rental.page-basket .basketdata .input label {
    display: block;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    width: 40px;
    height: 100%;
}

.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;
    background-repeat: no-repeat;
    width: 66px;
    height: 15px;
    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://p.dmm.co.jp/p/wallet/wish_stockdata_1s.gif);
}

.rental.page-basket .rental-rate.rate-1 {
    background-image: url(https://p.dmm.co.jp/p/wallet/wish_stockdata_1.gif);
}

.rental.page-basket .rental-rate.rate-2 {
    background-image: url(https://p.dmm.co.jp/p/wallet/wish_stockdata_2.gif);
}

.rental.page-basket .rental-rate.rate-3 {
    background-image: url(https://p.dmm.co.jp/p/wallet/wish_stockdata_3.gif);
}

.rental.page-basket .rental-rate.rate-4 {
    background-image: url(https://p.dmm.co.jp/p/wallet/wish_stockdata_4.gif);
}

.rental.page-basket .rental-rate.rate-5 {
    background-image: url(https://p.dmm.co.jp/p/wallet/wish_stockdata_5.gif);
}

.rental.page-basket .rental-rate.rate-soon {
    background-image: url(https://p.dmm.co.jp/p/wallet/wish_stockdata_new.gif);
}

.rental.page-basket .rental-rate.rate-undecided {
    background-image: url(https://p.dmm.co.jp/p/wallet/wish_stockdata_undecided.gif);
}

.rental.page-basket .rental-rate.rate-delete {
    background-image: url(https://p.dmm.co.jp/p/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;
    top: 8px;
    left: 50%;
    margin-left: -38px;
    font-size: 11px;
    content: "選択した商品の";
}

.rental.comic.page-basket .basketdata {
    padding-top: 0;
}

.rental.comic.page-basket .basketdata .speccol {
    margin-top: 0.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;
}

.rental.iroiro.page-basket .box-rental-set {
    margin-top: 10px;
}

.rental.iroiro.page-basket .btn-set {
    padding: 5px;
    width: 180px;
    font-size: 12px;
}

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

/* ============================== .rental.comic.page-basket */

/* ============================== .rental.iroiro.page-basket */
.box-order-status {
    box-sizing: border-box;
    background-color: white;
    padding: 28px;
    width: 760px;
    height: 100%;
    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;
    right: -6px;
    bottom: 14px;
    color: #808080;
    font-size: 10px;
    counter-reset: section 0;
}

.box-order-status .capt-wrapper .capt-stepnav::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.box-order-status .capt-wrapper .capt-stepnav::before {
    position: absolute;
    top: 6px;
    left: 1px;
    background-color: #808080;
    width: 99%;
    height: 1px;
    content: "";
}

.box-order-status .capt-wrapper .capt-stepnav li {
    position: relative;
    float: left;
    background-color: white;
    padding: 0 3px;
}

.box-order-status .capt-wrapper .capt-stepnav li::before {
    margin-right: 4px;
    color: transparent;
    content: counter(section);
    counter-increment: section 1;
}

.box-order-status .capt-wrapper .capt-stepnav li::after {
    position: absolute;
    top: 1px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: #b3b3b3 solid;
    border-width: 0 3px 3px 0;
    width: 5px;
    height: 7px;
    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: 0.8em;
}

.box-order-status .area-text {
    margin-bottom: 12px;
}

.box-order-status .orderstatus-navi {
    position: relative;
    bottom: -2px;
}

.box-order-status .orderstatus-navi::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.box-order-status .orderstatus-navi a {
    display: block;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    padding: 0 1.4em;
    height: 50px;
    line-height: 50px;
}

.box-order-status .orderstatus-navi a:hover {
    background-color: #fafafa;
    text-decoration: none;
    color: #3b5998;
}

.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 {
    cursor: default;
    color: #333;
}

.box-order-status .orderstatus-navi li.is-selected a:hover {
    background: transparent;
    color: #333;
}

.box-order-status .orderstatus-panel {
    border: #e5e5e5 2px solid;
    padding: 18px;
}

.box-order-status .orderstatus-panel > div {
    display: none;
}

.box-order-status .orderstatus-panel > div::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.box-order-status .orderstatus-panel > div.is-selected {
    display: block;
}

.box-order-status .orderstatus-panel .order-limit {
    float: left;
    margin: 5px;
    width: 48%;
}

.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 {
    padding: 30px;
    height: auto;
}

.koikatsu.page-basket .basketdata {
    padding-top: 0;
    padding-left: 0;
}

/* ============================== .page-address */

.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: 0.5em;
}

.page-address .area-notice {
    margin: 30px 0;
}

.page-address .area-notice p + p {
    margin-top: 12px;
}

.page-address .area-form {
    display: table;
    border: #e5e5e5 2px solid;
    width: 100%;
}

.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 {
    padding-top: 11px;
    padding-bottom: 40px;
    padding-left: 14px;
    width: 10em;
    vertical-align: top;
    text-align: right;
    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;
    border-radius: 3px;
    background-color: #e5e5e5;
    padding: 3px 3px 2px;
    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-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page-address .box-name input + input,
.page-address .box-ruby input + input {
    margin-left: -0.4em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-address .box-name .subtext {
    clear: both;
}

.page-address .box-zipcode dd::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.page-address .box-zipcode input[type="text"] {
    float: left;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: url(https://p.dmm.co.jp/p/basket/sprite_ico_address_150225.png);
    background-position: 0 6px;
    background-repeat: no-repeat;
    padding-left: 28px;
    width: 30%;
}

.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 {
    background-image: url(https://p.dmm.co.jp/p/basket/sprite_ico_address_150225.png);
    background-repeat: no-repeat;
    padding-left: 34px;
}

.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-checkbox {
    margin-top: 10px;
    text-align: center;
}

.page-address .area-checkbox > p {
    margin: 6px auto 0;
    width: 78%;
    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: "＜";
}

.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: "建物・部屋番号を入力してください（任意）";
}

.page-address .privacy-check {
    padding-bottom: 20px;
    text-align: center;
}

.page-address .privacy-check p {
    margin-bottom: 15px;
    padding-left: 1em;
    text-align: left;
    text-indent: -1em;
}

.page-address .privacy-check input[type="checkbox"] {
    display: inline-block;
    margin-right: 5px;
}

/* プレースホルダーが表示されないブラウザ（IE8）用の補完
 * IE9は、IE9用のclassが実装されてから対応する。
 */
:root .page-address .area-form .box-address01 dd::before,
: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: 0.8em;
}

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

.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 {
    box-sizing: border-box;
    padding: 28px;
    width: 500px;
}

.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;
    right: -6px;
    bottom: 14px;
    color: #808080;
    font-size: 10px;
    counter-reset: section 0;
}

.popup-address-zipcode .capt-wrapper .capt-stepnav::after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.popup-address-zipcode .capt-wrapper .capt-stepnav::before {
    position: absolute;
    top: 6px;
    left: 1px;
    background-color: #808080;
    width: 99%;
    height: 1px;
    content: "";
}

.popup-address-zipcode .capt-wrapper .capt-stepnav li {
    position: relative;
    float: left;
    background-color: white;
    padding: 0 3px;
}

.popup-address-zipcode .capt-wrapper .capt-stepnav li::before {
    margin-right: 4px;
    color: transparent;
    content: counter(section);
    counter-increment: section 1;
}

.popup-address-zipcode .capt-wrapper .capt-stepnav li::after {
    position: absolute;
    top: 1px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border: #b3b3b3 solid;
    border-width: 0 3px 3px 0;
    width: 5px;
    height: 7px;
    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"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    box-shadow: none;
    background-color: white;
    padding: 0 0.6em;
    width: 100%;
    height: 42px;
}

.popup-address-zipcode textarea,
.popup-address-zipcode legend,
.popup-address-zipcode fieldset {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    outline: 0;
    border: 0;
    box-shadow: none;
    background-color: white;
}

.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"] {
    display: inline-block;
    border: #ccc 1px solid;
    border-radius: 4px;
}

.popup-address-zipcode textarea {
    display: inline-block;
    border: #ccc 1px solid;
    border-radius: 4px;
    padding: 0 0.6em;
    width: 100%;
    height: 6em;
}

.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"] {
    width: 100%;
}

.popup-address-zipcode input[readonly] {
    background-color: #f3f3f3;
}

.popup-address-zipcode input[type="text"]:focus,
.popup-address-zipcode input[type="email"]:focus,
.popup-address-zipcode input[type="tel"]:focus,
.popup-address-zipcode input[type="number"]:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.popup-address-zipcode textarea:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.popup-address-zipcode input:focus[readonly] {
    outline: none;
    box-shadow: none;
}

.popup-address-zipcode textarea:focus[readonly] {
    outline: none;
    box-shadow: none;
}

.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 {
    box-sizing: border-box;
    outline: 0;
    border: 0;
    border: #ccc 1px solid;
    border-radius: 4px;
    box-shadow: none;
    background-color: white;
    padding: 0 0 0 0.6em;
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
}

.popup-address-zipcode select:focus {
    outline-offset: -2px;
    outline-color: #387bbe;
    box-shadow: 0 0 6px #5b9dd9;
}

.popup-address-zipcode .notice-wrapper .notice {
    line-height: 1.6;
    color: #333;
    font-size: 12px;
}

.popup-address-zipcode .notice-wrapper .notice + .notice {
    margin-top: 1em;
}

.popup-address-zipcode .notice-wrapper .notice-error {
    background-color: #fdf5f5;
    padding: 14px;
    text-align: center;
    color: #c00;
}

.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 {
    box-sizing: border-box;
    position: relative;
    float: left;
    min-height: 1px;
}

.popup-address-zipcode .notice-wrapper table td[class*="notice-col-"],
.popup-address-zipcode .notice-wrapper table th[class*="notice-col-"] {
    display: table-cell;
    position: static;
    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 {
    display: table;
    content: "";
}

.popup-address-zipcode .notice-wrapper .notice-row::before,
.popup-address-zipcode .notice-wrapper .notice-row::after {
    display: table;
    content: "";
}

.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: 0.3em;
    font-weight: bold;
}

.popup-address-zipcode .notice-wrapper hr {
    margin: 1em 0 1em;
    border-top: #e5e5e5 1px solid;
    border-width: 0;
}

.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 {
    border: #e5e5e5 1px solid;
    border-bottom: none;
    background-color: #f3f3f3;
}

.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 .notice-box {
    border: #e5e5e5 1px solid;
    padding: 14px;
}

.popup-address-zipcode .notice-wrapper .ico-primary {
    position: relative;
    padding-left: 1.2em;
}

.popup-address-zipcode .notice-wrapper .ico-primary::before {
    position: absolute;
    top: 0;
    left: 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;
    top: 0;
    left: 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: 0.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 {
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: background-position 0.1s ease-out;
    transition: background-position 0.1s ease-out;
    margin: 0;
    border: 1px solid;
    border-radius: 3px;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    box-shadow: inset 0 1px 0 white;
    background-color: #f7f7f7;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #fff),
        color-stop(50%, #f7f7f7),
        color-stop(100%, #e5e5e5)
    );
    background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-position: 0 100%;
    background-size: auto 200%;
    cursor: pointer;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-family: inherit;
    font-size: 16px;
    filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0)";
}

.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 {
    color: #666;
}

.popup-address-zipcode .btn:hover > * {
    color: #666;
}

.popup-address-zipcode .btn:hover > *::before,
.popup-address-zipcode .btn:hover > *::after {
    color: #666;
}

.popup-address-zipcode .btn > * {
    box-sizing: border-box;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: inherit;
    padding: 0.5em 0.8em;
    width: 210px;
    color: #333;
    font-family: inherit;
    font-size: inherit;
}

.popup-address-zipcode .btn > input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    outline: 0;
    border: 0;
    box-shadow: none;
    width: 100%;
    height: auto;
    white-space: normal;
}

.popup-address-zipcode .btn-primary {
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    box-shadow: inset 0 1px 0 #fff1d1;
    background-color: #fcdc80;
    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: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#fde5a0', endColorstr='#ffc01e', GradientType=0)";
}

.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: 0.3em 0.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 0.5em;
    font-size: 21px;
}

.popup-address-zipcode .capt02 {
    margin: 0 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 {
    border: #e5e5e5 2px solid;
    padding: 14px;
}

.popup-address-zipcode .error {
    margin-bottom: 12px;
    background-color: #fdf5f5;
    padding: 10px;
    color: #c00;
    font-size: 14px;
}

.popup-address-zipcode .result {
    margin-top: 12px;
    background-color: #eee;
    padding: 12px;
    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;
    border: 1px #fafafa solid;
    background: url(https://p.dmm.co.jp/p/common/ico_arrow.gif) no-repeat 400px center;
    padding: 6px 24px 6px 6px;
}

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

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

.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;
    animation: fade-in 0.5s ease-out;
}

@-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 {
    box-sizing: border-box;
    display: table;
    width: 100%;
}

.popup-address-zipcode.address .area-input input[type="text"] {
    margin: 0 6px;
    width: 90px;
}

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

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

#cboxOverlay {
    background: black !important;
}

#cboxTitle {
    color: white !important;
}

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

#cboxLoadedContent ul {
    padding: 0;
}

#cboxLoadedContent li {
    list-style: none;
}

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

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

/* converticon */
.dc.page-basket .only-sp {
    display: table;
    position: relative;
    height: 2em;
}

.dc.page-basket .only-sp > span {
    display: table-cell;
    padding-left: 36px;
    vertical-align: middle;
}

.dc.page-basket .only-sp::before {
    display: block;
    position: absolute;
    top: 50%;
    left: -3px;
    z-index: 15;
    margin-top: -17px;
    margin-right: 3px;
    background: url(https://p.dmm.co.jp/p/dc/common/ico/ico_onlysp.png) no-repeat left top;
    width: 34px;
    height: 34px;
    content: "";
}

/* DMM GAMES Premium完了 20160830 */
.playmonthly-complete {
    margin-top: 50px;
    text-align: center;
}

.playmonthly-complete .box-firsttitle {
    margin-bottom: 10px;
    font-size: 28px;
}

.playmonthly-complete .box-firsttitle.is-general {
    color: #00bcd4;
}

.playmonthly-complete .box-firsttitle.is-adult {
    color: #fc5c80;
}

.playmonthly-complete .box-text {
    margin-bottom: 50px;
}

.page-basket .box-basketlist table tbody tr.item-bundle {
    border-bottom: none;
}

.page-basket .box-basketlist table tbody tr.item-bundle td {
    border-bottom: none;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected {
    border-top: none;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected td {
    border-top: none;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected td:first-child {
    border-top: none;
    padding-left: 154px;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected td:first-child .inner-bundle-selected {
    min-height: 170px;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected td:first-child p {
    font-weight: bold;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected td:first-child ul {
    margin: 1em 0;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected td:first-child ul li {
    width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
    white-space: nowrap;
}

.page-basket .box-basketlist table tbody tr.item-bundle-selected td:last-child {
    vertical-align: bottom;
    text-align: center;
}

.box-basketlist .subtotal .function .del span {
    background-position: -33px 0;
}

.box-basketlist .subtotal .function .del span::after {
    background-position: -33px -31px;
}

.bannerList {
    margin: 0;
    padding: 0;
    text-align: center;
}

.bannerList-item {
    display: block;
}

.bannerList-item + .bannerList-item {
    margin-top: 8px;
}

.page-basket .checkoutButton {
    min-width: 300px;
}

.page-basket .subtotal .primary-btn input {
    padding: 0 0 0 16px !important;
    font-size: 10px;
}

.page-basket.page-basket--patternB #fn-rightNav-origin {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.page-basket.page-basket--patternB .secondaryProductList {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: #e5e5e5 2px solid;
    padding: 16px;
}

.page-basket.page-basket--patternB .secondaryProductList-item {
    margin: 16px 16px 0 0;
    border-top: 1px solid #ccc;
    padding: 0;
    padding-top: 8px;
    width: calc(100% / 4 - 12px);
    width: 100%;
}

.page-basket.page-basket--patternB .secondaryProductList-item::before {
    content: none;
}

.page-basket.page-basket--patternB .secondaryProductList-item:nth-child(4n) {
    margin-right: 0;
}

.page-basket.page-basket--patternB .secondaryProductList-item:nth-child(-n + 4) {
    margin-top: 0;
}

.page-basket.page-basket--patternB .secondaryProductList-item.is-active .secondaryProductList-thumbnail {
    opacity: 0.7;
}

.page-basket.page-basket--patternB .secondaryProductList-item.is-active .secondaryProductList-title {
    text-decoration: underline;
}

.page-basket.page-basket--patternB .secondaryProductList-thumbnail {
    display: flex;
    align-items: center;
    margin: 0 16px 0 0;
    margin-bottom: 8px;
    height: 144px;
    text-align: center;
}

.page-basket.page-basket--patternB .secondaryProductList-thumbnail img {
    width: 90px;
    height: auto;
}

.page-address .notice-wrapper ul > li::before {
    content: none;
}

.page-basket.page-basket--patternB .secondaryProductList-title {
    display: block;
    position: relative;
    height: 32px;
    overflow: hidden;
    line-height: 16.8px;
    font-size: 12px;
}

.page-basket.page-basket--patternB .secondaryProductList-tag {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #cc0000;
}

.page-basket.page-basket--patternB .secondaryProductList-titleTextShort {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.page-basket.page-basket--patternB .secondaryProductList-titleText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.page-basket.page-basket--patternB .secondaryProductList-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    color: #c00;
    font-size: 14px;
    font-weight: bold;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
}

.page-basket.page-basket--patternB .secondaryProductList-price > span {
    line-height: 18px;
}

.page-basket.page-basket--patternB .secondaryProductList-price .price-strike {
    text-decoration: line-through;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}

.page-basket.page-basket--patternB .secondaryProductList-discount {
    margin: 8px 0;
    border-radius: 2px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.page-basket.page-basket--patternB .secondaryProductList-discount.is-visible {
    background-color: #c90500;
}

.page-basket.page-basket--patternB .lead-wrapper .lead-data dl {
    font-size: 14px;
}

.page-basket.page-basket--patternB .lead-wrapper .lead-data dd {
    color: #c00;
}

.page-basket.page-basket--patternB .checkoutButton .lead-wrapper .lead-data .point-heading {
    display: table-row;
    margin-top: 4px;
    line-height: 1.3;
    font-size: 14px;
    font-weight: bold;
}

.page-basket.page-basket--patternB .checkoutButton .lead-wrapper .lead-data .point {
    margin-top: 4px;
    line-height: 1.3;
    font-size: 12px;
}

.page-basket.page-basket--patternB .checkoutButton .lead-wrapper .lead-btn {
    margin-top: 10px;
}

.page-basket.page-basket--patternB .capt-bookmark {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 40px 0 16px;
    border-bottom: 2px solid #303030;
    line-height: 1.8;
    -ms-flex-pack: justify;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -webkit-box-pack: justify;
}

.page-basket.page-basket--patternB .capt-bookmark h2 {
    font-size: 20px;
    font-weight: normal;
}

.page-basket.page-basket--patternB .box-basketlist .basketdata {
    padding-bottom: 5px;
}

.page-basket.page-basket--patternB .bookmark-delete-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    right: auto;
    bottom: -25px;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 16px;
    min-width: 145px;
    -ms-flex-align: center;
    -webkit-box-align: center;
}

.page-basket.page-basket--patternB .bookmark-delete-button li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

.page-basket.page-basket--patternB .bookmark-delete-button li::before {
    content: none;
}

.page-basket.page-basket--patternB .bookmark-delete-button li + li {
    padding-left: 14px;
}

.page-basket.page-basket--patternB .bookmark-delete-button li + li::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    margin: auto;
    background: #bfbfbf;
    width: 2px;
    height: 12px;
    content: "";
}

.page-basket.page-basket--patternB .primary-btn {
    box-sizing: border-box;
    display: -ms-flexbox;
    position: relative;
    border: 1px solid #ffbd1b;
    border-radius: 2px;
    background: -webkit-linear-gradient(top, #ffd85e 0%, #ffc100 100%);
    background: linear-gradient(180deg, #ffd85e 0%, #ffc100 100%);
    height: 30px;
}

.page-basket.page-basket--patternB .primary-btn:hover {
    top: 1px;
    opacity: 0.8;
}

.page-basket.page-basket--patternB .primary-btn::before {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto;
    background: url(https://p.dmm.co.jp/p/dc_pcgame/common/ico_cart.svg) no-repeat;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    content: "";
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.page-basket.page-basket--patternB .primary-btn form {
    width: 100%;
    height: 100%;
}

.page-basket.page-basket--patternB .primary-btn input {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0 0 0 20px !important;
    width: 100%;
    height: 100%;
    line-height: 1;
    color: inherit;
    color: #333;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 11px;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.page-basket.page-basket--patternB .primary-btn input:focus {
    outline: none;
}

.page-basket.page-basket--patternB .primary-btn a {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0 0 0 20px !important;
    width: 100%;
    height: 100%;
    line-height: 1;
    color: inherit;
    color: #333;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 11px;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.page-basket.page-basket--patternB .primary-btn a:hover {
    text-decoration: none;
}

.page-basket.page-basket--patternB .productList .primary-btn input {
    font-size: 10px;
}

.page-basket.page-basket--patternB .recommend-caption {
    margin: 24px 0 8px;
    line-height: 1;
    font-size: 17px;
}

.page-basket.page-basket--patternB .secondaryProductList-item:first-child {
    margin-top: 0;
    border: 0;
    padding-top: 0;
}

.page-basket.page-basket--patternB .secondaryProductList-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.page-basket.page-basket--patternB .secondaryProductList-summary {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 8px;
    -webkit-box-flex: 1;
}

.page-basket.page-basket--patternB .discount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto 8px;
    border-radius: 2px;
    background: #c00;
    width: 120px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.page-basket.page-basket--patternB .box-basketlist .subtotal {
    padding-right: 14px;
    text-align: center;
}

.page-basket.page-basket--patternB .box-basketlist .subtotal .primary-btn {
    margin: 17px auto 0;
    width: 120px;
}

.page-basket.page-basket--patternB .layout-content .lead {
    margin-top: 15px;
}

.page-basket.page-basket--patternB .layout-content .layout-lead {
    float: none;
    width: auto;
}

.page-basket.page-basket--patternB .layout-content .layout-lead .layout-lead-box {
    background: none;
    padding: 10px 0 0;
    text-align: right;
}

.page-basket.page-basket--patternB .layout-content .layout-lead .total {
    font-size: 20px;
}

.page-basket.page-basket--patternB .layout-content .layout-lead .point {
    line-height: 2;
}

.page-basket.page-basket--patternB .layout-content .layout-lead .point-wrapper {
    margin-top: 8px;
    margin-bottom: 5px;
}

.page-basket.page-basket--patternB .layout-content .layout-lead .point-wrapper p {
    line-height: 21px;
    font-size: 14px;
    font-weight: bold;
}

.page-basket.page-basket--patternB .layout-content .layout-lead .point-wrapper .point {
    display: block;
    margin-top: 0;
    padding: 0;
    text-align: right;
    line-height: 18px;
    font-size: 12px;
}

.page-basket.page-basket--patternB .layout-content .lead-data dt,
.page-basket.page-basket--patternB .layout-content .lead-data dd {
    display: inline-block;
}

.page-basket.page-basket--patternB .layout-content .lead-data dd {
    vertical-align: middle;
}

.page-basket.page-basket--patternB .layout-content .lead-data .total dd {
    font-size: 20px;
}

.page-basket.page-basket--patternB .layout-content .area-lead {
    text-align: right;
}

.page-basket.page-basket--patternB .layout-content .area-lead .lead-btn {
    display: inline-block;
    width: 210px;
}

#w .i3recommend-user {
    margin-top: 40px;
}

#w .i3recommend-user .d-headwithlink {
    margin: 0 auto;
    max-width: 1024px;
}

#w .i3recommend-user .list-recommend-user2item {
    margin: 0 auto;
}

@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 {
        visibility: visible;
        opacity: 1;
    }

    .page-basket .box-basketlist .subtotal .function .del:hover::before,
    .page-basket .box-basketlist .subtotal .function .del:hover::after {
        visibility: visible;
        opacity: 1;
    }

    .ico-st-stream,
    .ico-st-hdstream {
        background-color: #3c9ac9;
    }

    .ico-st-download,
    .ico-st-3mdownload,
    .ico-st-1mpack,
    .ico-st-3mpack {
        background-color: #d10600;
    }

    .ico-st-hddownload {
        background-color: #26acfa;
    }

    .ico-st-spdownload {
        background-color: #dbb20d;
    }

    .ico-st-toaster {
        background-color: #de915b;
    }

    .ico-st-deliver,
    .ico-st-stock {
        background-color: #3c9ac9;
    }

    .ico-st-reserve {
        background-color: #de915b;
    }

    .ico-st-reserve + span {
        color: #808080;
        font-size: 10px;
    }

    .numstock {
        margin-left: 6px;
        color: #808080;
        font-size: 10px;
        font-weight: bold;
    }

    .ico-st-direct,
    .ico-st-order-allow {
        background-color: #88c557;
    }

    .ico-st-direct + span {
        color: #808080;
        font-size: 10px;
    }

    .ico-st-order {
        background-color: #999;
    }

    .ico-st-end {
        border: #c07d7b 1px solid;
        color: #808080 !important;
    }

    .ico-st-cd {
        background-color: #de915b;
    }

    .ico-st-dvd {
        background-color: #58a600;
    }

    .ico-st-bluray {
        background-color: #3c9ac9;
    }

    .ico-st-comic {
        background-color: #de915b;
    }

    .area-notice {
        margin: 21px 0;
    }

    .area-nodata {
        padding: 90px 40px;
        text-align: center;
    }

    .area-layout .area-capt {
        margin-bottom: 0.5em;
    }

    .area-layout {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .box-basketlist {
        border: #e5e5e5 2px solid;
    }

    .box-basketlist + .area-capt {
        margin-top: 28px;
    }

    .box-basketlist table {
        background-color: white;
        width: 100%;
    }

    .box-basketlist table thead th,
    .box-basketlist table thead td {
        background-color: #f3f3f3;
        padding: 7px 14px;
        font-size: 12px;
    }

    .box-basketlist table tbody tr + tr {
        border-top: #e5e5e5 1px solid;
    }

    .box-basketlist table tbody th {
        padding: 14px;
    }

    .box-basketlist table tbody td {
        position: relative;
        padding: 14px;
        height: 170px;
        vertical-align: middle;
    }

    .box-basketlist table.table-playmonthly tbody td {
        height: 91px;
    }

    .box-basketlist table.table-playmonthly .title-playmontly {
        font-size: 20px;
    }

    .box-basketlist table.table-playmonthly .notice-comeback {
        margin: 14px 0 5px;
        height: 23px;
    }

    .box-basketlist table.table-playmonthly .notice-comeback-text {
        box-sizing: border-box;
        border: 1px solid #de4a4a;
        padding: 2px 8px;
        line-height: 160%;
        color: #de4a4a;
        font-size: 12px;
    }

    .box-basketlist table.table-playmonthly .notice-playmontly {
        display: block;
        margin-top: 5px;
        color: #c00;
        font-size: 12px;
    }

    .box-basketlist table.table-playmonthly .notice-playmontly .comeback-point-awarded {
        margin-top: 5px;
        line-height: 160%;
        color: #000;
        font-size: 10px;
    }

    .box-basketlist .basketdata {
        position: relative;
        padding-top: 24px;
        padding-left: 140px;
    }

    .box-basketlist .basketdata > a .title,
    .box-basketlist .basketdata > a .img img {
        -webkit-transition: opacity 0.1s ease;
        transition: opacity 0.1s ease;
    }

    .box-basketlist .basketdata > a:hover {
        text-decoration: none;
    }

    .box-basketlist .basketdata > a:hover .title,
    .box-basketlist .basketdata > a:hover .img img {
        opacity: 0.7;
        -ms-filter: "alpha(opacity=70)";
        filter: alpha(opacity=70);
    }

    .box-basketlist .basketdata .img img {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -85px;
        width: 124px;
    }

    .box-basketlist .basketdata .title {
        color: #333;
        font-size: 14px;
        font-weight: normal;
    }

    .box-basketlist .basketdata .title [class*="title-tag"] {
        color: #c00;
    }

    .box-basketlist .basketdata .title .title-tag-sale {
        color: #f38300;
    }

    .box-basketlist .basketdata .status {
        position: absolute;
        top: 0;
    }

    .box-basketlist .basketdata .speccol {
        margin-top: 10px;
        color: #808080;
        font-size: 10px;
    }

    .box-basketlist .basketdata .speccol .specelm dt,
    .box-basketlist .basketdata .speccol .point dt {
        float: left;
    }

    .box-basketlist .basketdata .speccol .specelm dt::after,
    .box-basketlist .basketdata .speccol .point dt::after {
        content: "：";
    }

    .box-basketlist .basketdata .speccol .specelm dd,
    .box-basketlist .basketdata .speccol .point dd {
        overflow: hidden;
    }

    .box-basketlist .basketdata .speccol .specelm::after,
    .box-basketlist .basketdata .speccol .point::after {
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
        content: ".";
    }

    .box-basketlist .basketdata .speccol .specelm .note {
        color: #c00;
    }

    .box-basketlist .basketdata .speccol .specelm .note + dd {
        color: #c00;
    }

    .box-basketlist .summary {
        overflow: hidden;
    }

    .box-basketlist .subtotal {
        position: relative;
        padding-right: 36px;
        text-align: right;
        white-space: nowrap;
        font-size: 16px;
        font-weight: bold;
        zoom: 1;
    }

    .box-basketlist .subtotal s {
        font-weight: normal;
    }

    .box-basketlist .subtotal .basket-btn {
        display: block;
        font-size: 11px;
    }

    .box-basketlist .subtotal .saleprice {
        display: block;
        color: #c00;
    }

    .box-basketlist .subtotal .saleprice span {
        display: block;
        font-size: 10px;
        font-weight: normal;
    }

    .box-basketlist .subtotal .function .fav,
    .box-basketlist .subtotal .function .del {
        position: absolute;
        top: 14px;
        text-decoration: none;
    }

    .box-basketlist .subtotal .function .fav::before,
    .box-basketlist .subtotal .function .fav::after {
        position: absolute;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        visibility: hidden;
        opacity: 0;
    }

    .box-basketlist .subtotal .function .del::before,
    .box-basketlist .subtotal .function .del::after {
        position: absolute;
        -webkit-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear;
        visibility: hidden;
        opacity: 0;
    }

    .box-basketlist .subtotal .function .fav::before,
    .box-basketlist .subtotal .function .del::before {
        top: -3px;
        left: 50%;
        margin-left: -4px;
        border: 4px solid transparent;
        border-top-width: 6px;
        border-top-color: #333;
        content: "";
    }

    .box-basketlist .subtotal .function .fav::after,
    .box-basketlist .subtotal .function .del::after {
        top: -19px;
        left: 50%;
        background-color: #333;
        height: 18px;
        text-align: center;
        line-height: 18px;
        color: white;
        font-size: 11px;
        font-weight: normal;
    }

    .box-basketlist .subtotal .function .fav span,
    .box-basketlist .subtotal .function .del span {
        display: block;
        background-image: url(https://p.dmm.co.jp/p/basket/sprite_ico_basket_150225.png);
        background-repeat: no-repeat;
        width: 30px;
        height: 30px;
    }

    .box-basketlist .subtotal .function .fav span::after,
    .box-basketlist .subtotal .function .del span::after {
        display: block;
        visibility: hidden;
        opacity: 0;
        background-image: url(https://p.dmm.co.jp/p/basket/sprite_ico_basket_150225.png);
        width: 30px;
        height: 30px;
        content: "";
    }

    .box-basketlist .subtotal .function .fav {
        right: 47px;
    }

    .box-basketlist .subtotal .function .fav::after {
        margin-left: -52px;
        width: 104px;
        content: "お気に入りに追加";
    }

    .box-basketlist .subtotal .function .fav span::after {
        background-position: 0 29px;
    }

    .box-basketlist .subtotal .function .del {
        right: 14px;
    }

    .box-basketlist .subtotal .function .del::after {
        margin-left: -20px;
        width: 40px;
        content: "削除";
    }

    .box-basketlist .subtotal .function .number {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -15px;
        width: 48px;
        height: 30px;
    }

    .box-basketlist .subtotal .function .number * {
        cursor: pointer;
        width: inherit;
        height: inherit;
        font-size: 12px;
        font-weight: normal;
    }

    .layout-lead .area-rule {
        margin-top: 7px;
    }

    .area-lead .lead-btn .regist,
    .area-lead .lead-btn .login {
        position: relative;
    }

    .area-lead .lead-btn .regist > *,
    .area-lead .lead-btn .login > * {
        padding-top: 24px;
    }

    .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 {
        visibility: visible;
        opacity: 1;
    }

    #w .page-basket .area-lead .lead-btn .regist::before,
    #w .page-basket .area-lead .lead-btn .login::before {
        position: absolute;
        top: 8px;
        right: 0;
        bottom: auto;
        left: 0;
        margin: auto;
        font-size: 11px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page-basket .box-basketlist .subtotal .function .number:not(:target) {
        margin-top: 44px;
    }
}

@media screen and (max-width: 1100px) {
    .rental.page-basket .area-lead .lead-data dl dt {
        display: inline-block;
    }

    .rental.page-basket .area-lead .lead-data dl dd {
        display: inline-block;
        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 .area-rental-control {
        font-size: 12px;
    }

    .rental.comic.page-basket .area-rental-control:first-of-type {
        margin-top: -34px;
    }
}

/* overwrite */
#w .bannerList .bannerList-item::before {
    content: none;
}

/* 最近チェックした商品とあなたにおすすめの商品 */
.viewed-item {
    margin-top: 15px;
}

#w .d-recommend .contents-list .sect .list-main ul .list-card {
    margin: 0 32px 16px 0;
    width: 108px;
    min-height: 250px;
}

#w .i3recommend-user,
#w .viewed-item {
    font-size: 12px;
}

#w .i3recommend-user .d-recommend .contents-list .sect .list-main ul .list-card .discount,
#w .viewed-item .d-recommend .contents-list .sect .list-main ul .list-card .discount {
    margin: 0 12px 6px;
    border-radius: 3px;
    width: 84px;
    height: 20px;
}

#w .i3recommend-user .d-recommend .contents-list .sect .list-main ul .list-card .discount p,
#w .viewed-item .d-recommend .contents-list .sect .list-main ul .list-card .discount p,
#w .weekly-ranking .d-recommend .contents-list .sect .list-main ul .list-card .discount p {
    background-color: #c90500;
    text-align: center;
    color: #fff;
}

/* Fanaza動画/同人パターンお気に入りに入れる */
.page-basket.page-basket--patternB .bookmark-delete-button input {
    appearance: none;
    outline: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    color: #005fc0;
    font-size: 12px;
}

.page-basket.page-basket--patternB .bookmark-delete-button input:hover,
.page-basket.page-basket--patternB .bookmark-delete-button input:active {
    text-decoration: underline;
    color: #e20;
}

.member-campaign-heading {
    display: flex;
    margin-bottom: 16px;
    line-height: 25px;
    color: #cc000f;
    font-size: 18px;
    font-weight: bold;
}

.member-campaign-heading .member-campaign-link-wrapper .member-campaign-link {
    margin-left: 16px;
    text-align: center;
    text-decoration: none;
    line-height: 19px;
    color: #005fc0;
    font-size: 14px;
    font-weight: normal;
}

.member-campaign {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 24px;
}

.member-campaign .member-campaign-label {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
    border: 1px solid #cc000f;
    background: #fff;
    padding: 4px;
    width: 120px;
    height: 40px;
    line-height: 16px;
    color: #cc000f;
    font-size: 12px;
}

.member-campaign .member-campaign-display {
    line-height: 15px;
    color: #cc000f;
    font-size: 10px;
    font-weight: bold;
}

.member-campaign .member-campaign-price {
    text-align: right;
    line-height: 25px;
    color: #cc000f;
    font-size: 18px;
    font-weight: bold;
}

.member-campaign .member-campaign-link-wrapper {
    margin: 4px 0 16px;
    text-align: center;
}

/* キャンペーン終了日 */

.page-basket .box-basketlist .campaign-end-date {
    color: rgba(0, 0, 0, 0.6);
    font-size: 11px;
    font-weight: normal;
}

/* ポイント還元 */

.page-basket .box-basketlist .subtotal .return-point {
    margin-top: 12px;
    color: #00b253;
    font-size: 12px;
    font-weight: bold;
}

.page-basket.page-basket--patternB .lead-wrapper .lead-data .point dd {
    color: #00b253;
}

.page-basket.page-basket--patternB .lead-wrapper .lead-data .point.bold {
    font-weight: bold;
}

.basket-banner-empty {
    margin-bottom: 30px;
}

.basket-banner-non-empty {
    display: flex;
    justify-content: center;
    margin: 24px 0;
}