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

#header.is-fit-width + #w {
    min-height: calc(100vh - 179px);
}

/*==============================[ フッター下付き ]*/
/*============================== Layout */
.page-basket, .page-address {
    min-width: 916px;
    max-width: 1060px;
    margin: 0 auto;
    padding: 14px 14px 1px;
    font-size: 14px;
}

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

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

.page-basket table, .page-address table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.page-basket .layout-wrapper, .page-address .layout-wrapper {
    padding-bottom: 10px;
}

.page-basket .layout-wrapper .layout-content, .page-basket .layout-wrapper .layout-lead {
    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;
    visibility: hidden; 
    clear: both;
    height: 0;
    content: '.';
}

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

.page-basket .layout-wrapper .layout-lead, .page-address .layout-wrapper .layout-lead {
    float: left;
    width: 30%;
}

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

.page-basket .layout-wrapper .layout-lead .layout-lead-box-inner, .page-address .layout-wrapper .layout-lead .layout-lead-box-inner {
    margin-top: 20px;
    padding: 15px 20px;
    border: 1px solid #dde5eb; 
    background-color: #fff;
}
.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;
    counter-reset: section 0; 
    font-size: 10px;
}

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

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

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

.page-basket .capt-wrapper .capt-stepnav li:before, .page-address .capt-wrapper .capt-stepnav li:before {
    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;
    width: 5px;
    height: 7px;
    border: #b3b3b3 solid;
    border-width: 0 3px 3px 0;
    content: ''; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.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'] {
    outline: 0; 
    border: 0;
    background-color: white;
    box-shadow: none;
    box-sizing: border-box;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

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

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.page-address input[type='text'], .page-address input[type='email'], .page-address input[type='tel'], .page-address input[type='number'] {
    outline: 0; 
    border: 0;
    background-color: white;
    box-shadow: none;
    box-sizing: border-box;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

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

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

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

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

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

.page-address textarea {
    width: 100%;
}

.page-basket input[type='text'], .page-basket input[type='email'], .page-basket input[type='tel'], .page-basket input[type='number'] {
    width: 100%;
    padding: 0 0.6em;
}

.page-basket textarea {
    width: 100%;
    padding: 0 0.6em;
}

.page-address input[type='text'], .page-address input[type='email'], .page-address input[type='tel'], .page-address input[type='number'] {
    width: 100%;
    padding: 0 0.6em;
}

.page-address textarea {
    width: 100%;
    padding: 0 0.6em;
}

.page-basket input[type='text'], .page-basket input[type='email'], .page-basket input[type='tel'], .page-basket input[type='number'] {
    height: 42px;
}

.page-address input[type='text'], .page-address input[type='email'], .page-address input[type='tel'], .page-address input[type='number'] {
    height: 42px;
}

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

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

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

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

.page-address textarea:focue {
    outline-color: #387bbe;
    outline-offset: -2px; 
    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 {
    height: 6em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.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 {
    margin: 0; 

    -webkit-appearance: none;
}

.page-address input[type='number']::-webkit-inner-spin-button, .page-address input[type='number']::-webkit-outer-spin-button {
    margin: 0; 

    -webkit-appearance: none;
}

.page-basket select, .page-address select {
    width: 100%;
    height: 42px;
    padding: 0 0 0 0.6em;
    outline: 0;
    border: 0;
    border: #ccc 1px solid;
    border-radius: 4px;
    background-color: white;
    box-shadow: none;
    font-size: 14px;
    line-height: 42px; 
    box-sizing: border-box;
}

.page-basket select:focus, .page-address select:focus {
    outline-color: #387bbe;
    outline-offset: -2px; 
    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 {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -2px 6px 0 0;
    border: #b3b3b3 1px solid;
    border-radius: 4px;
    background-color: white;
    vertical-align: middle; 
    cursor: pointer;
}

:root .page-basket input[type='checkbox'] + .checkbox-input:before, :root .page-address input[type='checkbox'] + .checkbox-input:before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: black; 
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4));
    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 {
    position: absolute;
    top: 1px;
    left: 5px;
    display: none;
    width: 5px;
    height: 10px;
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: white;
    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

:root .page-basket input[type='checkbox']:checked + .checkbox-input:after, :root .page-address input[type='checkbox']:checked + .checkbox-input:after {
    display: block;
}

.page-basket .notice-wrapper .notice, .page-address .notice-wrapper .notice {
    color: #333;
    font-size: 12px;
    line-height: 1.6;
}

.page-basket .notice-wrapper .notice + .notice, .page-address .notice-wrapper .notice + .notice {
    margin-top: 1em;
}

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

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

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

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

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

.page-basket .notice-wrapper .notice-col-12, .page-address .notice-wrapper .notice-col-12 {
    width: 100%;
}

.page-basket .notice-wrapper .notice-col-11, .page-address .notice-wrapper .notice-col-11 {
    width: 91.66666667%;
}

.page-basket .notice-wrapper .notice-col-10, .page-address .notice-wrapper .notice-col-10 {
    width: 83.33333333%;
}

.page-basket .notice-wrapper .notice-col-9, .page-address .notice-wrapper .notice-col-9 {
    width: 75%;
}

.page-basket .notice-wrapper .notice-col-8, .page-address .notice-wrapper .notice-col-8 {
    width: 66.66666667%;
}

.page-basket .notice-wrapper .notice-col-7, .page-address .notice-wrapper .notice-col-7 {
    width: 58.33333333%;
}

.page-basket .notice-wrapper .notice-col-6, .page-address .notice-wrapper .notice-col-6 {
    width: 50%;
}

.page-basket .notice-wrapper .notice-col-5, .page-address .notice-wrapper .notice-col-5 {
    width: 41.66666667%;
}

.page-basket .notice-wrapper .notice-col-4, .page-address .notice-wrapper .notice-col-4 {
    width: 33.33333333%;
}

.page-basket .notice-wrapper .notice-col-3, .page-address .notice-wrapper .notice-col-3 {
    width: 25%;
}

.page-basket .notice-wrapper .notice-col-2, .page-address .notice-wrapper .notice-col-2 {
    width: 16.66666667%;
}

.page-basket .notice-wrapper .notice-col-1, .page-address .notice-wrapper .notice-col-1 {
    width: 8.33333333%;
}

.page-basket .notice-wrapper .notice-item, .page-address .notice-wrapper .notice-item {
    margin-bottom: 1em;
    padding-bottom: 1px;
    zoom: 1;
}

.page-basket .notice-wrapper .notice-padding-top, .page-address .notice-wrapper .notice-padding-top {
    padding-top: 14px;
}

.page-basket .notice-wrapper .notice-padding-bottom, .page-address .notice-wrapper .notice-padding-bottom {
    padding-bottom: 14px;
}

.page-basket .notice-wrapper .notice-padding-right, .page-address .notice-wrapper .notice-padding-right {
    padding-right: 14px;
}

.page-basket .notice-wrapper .notice-padding-left, .page-address .notice-wrapper .notice-padding-left {
    padding-left: 14px;
}

.page-basket .notice-wrapper table.notice-item, .page-address .notice-wrapper table.notice-item {
    padding-bottom: 0;
}

.page-basket .notice-wrapper .notice-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 {
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    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;
}

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

.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 table thead th, .page-basket .notice-wrapper table thead td {
    border-bottom: none;
    background-color: #f3f3f3;
}

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

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

.page-basket .notice-wrapper .ico-primary, .page-address .notice-wrapper .ico-primary {
    position: relative;
    padding-left: 1.2em;
}

.page-basket .notice-wrapper .ico-primary:before, .page-address .notice-wrapper .ico-primary:before {
    position: absolute;
    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;
    content: counter(section);
    counter-increment: section 1; 
    font-weight: normal;
}

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

.page-basket .lead-wrapper .lead .box, .page-address .lead-wrapper .lead .box {
    padding: 0;
}

.page-basket .lead-wrapper > .lead:first-child, .page-address .lead-wrapper > .lead:first-child {
    margin-top: 0;
}

.page-basket .lead-wrapper .lead-data, .page-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 {
    color: #c00;
    white-space: nowrap; 
    font-weight: bold;
    font-size: 21px;
}

.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-weight: normal; 
    font-size: 10px;
}

.page-basket .lead-wrapper .lead-order .point .subpoint span, .page-address .lead-wrapper .lead-order .point .subpoint span {
    margin-right: 6px;
    font-size: 10px;
}

.page-basket .lead-wrapper .lead-notice, .page-address .lead-wrapper .lead-notice {
    color: #c00;
    font-size: 12px;
}

.page-basket .lead-wrapper .lead-btn, .page-address .lead-wrapper .lead-btn {
    text-align: center;
}

.page-basket .lead-wrapper .lead-btn .link, .page-address .lead-wrapper .lead-btn .link {
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
}

.page-basket .lead-wrapper .lead-small, .page-address .lead-wrapper .lead-small {
    color: #808080;
    text-align: center; 
    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;
    padding-left: 2.2em;
    text-align: left;
    text-indent: -2.2em;
    word-break: break-all;
    font-size: 12px;
    cursor: pointer;
}

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

.page-basket .btn:hover, .page-address .btn:hover {
    position: relative;
    top: 1px;
    border-color: #d7d7d7 #c4c4c4 #b5b5b5;
    background-position: 0 0;
    text-decoration: none;
}

.page-basket .btn:hover:before, .page-basket .btn:hover:after {
    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 > * {
    display: inline-block;
    width: 210px;
    padding: 0.5em 0.8em;
    background-color: transparent;
    background-repeat: no-repeat;
    color: #333;
    font-size: inherit;
    font-family: inherit;
    cursor: inherit; 
    box-sizing: border-box;
}

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

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

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

.page-basket .btn-primary, .page-address .btn-primary {
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    background-color: #fcdc80;
    background-image: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    box-shadow: inset 0 1px 0 #fff1d1; 
    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;
    background-color: #fcdc80;
    background-image: linear-gradient(to bottom, #6cc3f0 50%, #1f98d6 100%);
    box-shadow: inset 0 1px 0 #b4dff5; 
    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-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;
    color: #c00;
    text-align: center; 
    font-size: 12px;
}

/*============================== .page-basket */
.page-basket span[class*='ico-'] {
    display: inline-block;
    height: 18px;
    padding: 0 0.5em;
    border-radius: 2px;
    color: white;
    font-size: 10px;
    line-height: 18px;
}
.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-weight: bold;
    font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

.page-basket .box-basketlist {
    border: #e5e5e5 2px solid;
}
.page-basket .box-basketlist + .area-capt {
    margin-top: 28px;
}
.page-basket .box-basketlist table {
    width: 100%;
    background-color: white;
}
.page-basket .box-basketlist table thead th, .page-basket .box-basketlist table thead td {
    padding: 7px 14px;
    background-color: #f3f3f3;
    font-size: 12px;
}
.page-basket .box-basketlist table tbody tr + tr {
    border-top: #e5e5e5 1px solid;
}
.page-basket .box-basketlist table tbody th {
    padding: 14px;
}
.page-basket .box-basketlist table tbody td {
    position: relative;
    height: 170px;
    padding: 14px;
    vertical-align: middle;
}
.page-basket .box-basketlist table.table-playmonthly tbody td {
    height: 91px;
}
.page-basket .box-basketlist table.table-playmonthly .title-playmontly {
    font-size: 20px;
}
.box-basketlist table.table-playmonthly .notice-playmontly {
    display: block;
    margin-top: 5px;
    color: #c00;
    font-size: 12px;
}
.page-basket .box-basketlist .basketdata {
    position: relative;
    padding-top: 24px;
    padding-left: 140px;
}
.page-basket .box-basketlist .basketdata > a .title, .page-basket .box-basketlist .basketdata > a .img img {
    transition: opacity 0.1s ease;
}
.page-basket .box-basketlist .basketdata > a:hover {
    text-decoration: none;
}
.page-basket .box-basketlist .basketdata > a:hover .title, .page-basket .box-basketlist .basketdata > a:hover .img img {
    opacity: 0.7;
    -ms-filter: 'alpha(opacity=70)'; 
        filter: alpha(opacity=70);
}
.page-basket .box-basketlist .basketdata .img img {
    position: absolute;
    top: 50%;
    left: 0;
    width: 124px;
    margin-top: -85px;
}
.page-basket .box-basketlist .basketdata .title {
    color: #333;
    font-weight: normal; 
    font-size: 14px;
}
.page-basket .box-basketlist .basketdata .title [class*='title-tag'] {
    color: #c00;
}
.page-basket .box-basketlist .basketdata .title .title-tag-sale {
    color: #f38300;
}
.page-basket .box-basketlist .basketdata .status {
    position: absolute;
    top: 0;
}
.page-basket .box-basketlist .basketdata .speccol {
    margin-top: 10px;
    color: #808080;
    font-size: 10px;
}
.page-basket .box-basketlist .basketdata .speccol .specelm dt, .page-basket .box-basketlist .basketdata .speccol .point dt {
    float: left;
}
.page-basket .box-basketlist .basketdata .speccol .specelm dt:after, .page-basket .box-basketlist .basketdata .speccol .point dt:after {
    content: '：';
}
.page-basket .box-basketlist .basketdata .speccol .specelm dd, .page-basket .box-basketlist .basketdata .speccol .point dd {
    overflow: hidden;
}
.page-basket .box-basketlist .basketdata .speccol .specelm:after, .page-basket .box-basketlist .basketdata .speccol .point:after {
    display: block;
    visibility: hidden; 
    clear: both;
    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 .subtotal {
    position: relative;
    padding-right: 36px;
    text-align: right;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
    zoom: 1;
}
.page-basket .box-basketlist .subtotal s {
    font-weight: normal;
}
.page-basket .box-basketlist .subtotal .saleprice {
    display: block;
    color: #c00;
}
.page-basket .box-basketlist .subtotal .saleprice span {
    display: block;
    font-weight: normal; 
    font-size: 10px;
}
.page-basket .box-basketlist .subtotal .defaultprice {
    display: block;
    text-decoration: line-through;
    font-weight: normal;
    font-size: 10px;
}
.page-basket .box-basketlist .subtotal .pop {
    display: inline-block;
    padding: 0 5px;
    border: solid 1px #c00;
    color: #c00;
    font-weight: normal;
    font-size: 10px;
}
.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;
    visibility: hidden; 
    opacity: 0;
    transition: opacity 0.2s linear;
}
.page-basket .box-basketlist .subtotal .function .del:before, .page-basket .box-basketlist .subtotal .function .del:after {
    position: absolute;
    visibility: hidden; 
    opacity: 0;
    transition: opacity 0.2s linear;
}
.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%;
    height: 18px;
    background-color: #333;
    color: white;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
}
.page-basket .box-basketlist .subtotal .function .fav span, .page-basket .box-basketlist .subtotal .function .del span {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(http://p.dmm.co.jp/p/basket/sprite_ico_basket_150225.png); 
    background-repeat: no-repeat;
}
.page-basket .box-basketlist .subtotal .function .fav span:after, .page-basket .box-basketlist .subtotal .function .del span:after {
    display: block;
    visibility: hidden;
    width: 30px;
    height: 30px;
    background-image: url(http://p.dmm.co.jp/p/basket/sprite_ico_basket_150225.png);
    content: ''; 
    opacity: 0;
}
.page-basket .box-basketlist .subtotal .function .fav {
    right: 47px;
}
.page-basket .box-basketlist .subtotal .function .fav:after {
    width: 104px;
    margin-left: -52px;
    content: 'お気に入りに追加';
}
.page-basket .box-basketlist .subtotal .function .fav span:after {
    background-position: 0 29px;
}
.page-basket .box-basketlist .subtotal .function .del {
    right: 14px;
}
.page-basket .box-basketlist .subtotal .function .del:after {
    width: 40px;
    margin-left: -20px;
    content: '削除';
}
.page-basket .box-basketlist .subtotal .function .del span {
    background-position: -33px 0;
}
.page-basket .box-basketlist .subtotal .function .del span:after {
    background-position: -33px -31px;
}
.page-basket .box-basketlist .subtotal .function .number {
    position: absolute;
    top: 50%;
    left: 0;
    width: 48px;
    height: 30px;
    margin-top: -15px;
}
.page-basket .box-basketlist .subtotal .function .number * {
    width: inherit;
    height: inherit;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
}

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

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

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

.page-basket .area-lead .lead-btn .regist:before, .page-basket .area-lead .lead-btn .login:before {
    position: absolute;
    top: 8px;
    left: 50%;
    font-size: 11px;
}

#w .page-basket .area-lead .lead-btn .regist:before {
    margin-left: -41px;
    content: 'はじめての方は';
}

#w .page-basket .area-lead .lead-btn .login {
    margin-top: 7px;
}
#w .page-basket .area-lead .lead-btn .login:before {
    margin-left: -81px;
    content: 'すでにDMM会員登録済みの方は';
}

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

/*
 * IE 11 CSSハック
 */

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

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

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

.mono.page-basket .capt-side ul li .tx-balloon, .mono.dmp.page-basket .capt-side ul li .tx-balloon {
    position: relative;
    top: -1px;
    display: inline-block;
    height: 16px;
    margin-left: 6px;
    border-radius: 2px;
    background: black;
    color: white;
    text-align: center; 
    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-weight: normal;
    font-size: 16px;
}
.mono.page-basket .table-title th p {
    padding: 0.3em;
    background-color: #888;
    color: white;
}

.mono.page-basket .table-title + tr {
    border-top: none;
}

.mono.page-basket .subtotal .subtotal-note {
    font-weight: normal; 
    font-size: 10px;
}

.mono.page-basket .table-total td {
    height: 40px;
}
.mono.page-basket .table-total td p {
    float: left;
    font-size: 11px;
    line-height: 32px;
}
.mono.page-basket .table-total td dl {
    float: right;
}
.mono.page-basket .table-total td dt {
    float: left;
    margin-right: 6px;
    margin-left: 12px;
    font-size: 14px;
    line-height: 32px;
}
.mono.page-basket .table-total td dd {
    float: left;
    font-weight: bold; 
    font-size: 21px;
}

.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-weight: normal; 
    font-size: 10px;
}

/*============================== .make.page-basket */
.make a:link, .make .d-txtlink {
    color: #33a1bc;
    text-decoration: none;
    cursor: pointer;
}

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

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

.monthly.page-basket .box-basketlist .basketdata {
    padding-top: 0;
    padding-left: 0;
}
.monthly.page-basket .box-basketlist .basketdata .speccol {
    margin-top: 0;
}
.monthly.page-basket .box-basketlist .basketdata .speccol .point {
    margin-top: 10px;
}

/*============================== .dc.page-basket */
.dc.page-basket .box-basketlist .basketdata .img img[src*='/e-book/'] {
    margin-top: -89px;
}

.dc.page-basket .box-basketlist .basketdata .img img[src*='/pcgame/'] {
    margin-top: -99px;
}

.dc.page-basket .box-basketlist .basketdata .img img[src*='pm.jpg'] {
    left: 12px;
    width: 100px;
    margin-top: -50px;
}

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

/*============================== .auction.page-basket */
.auction.page-basket .box-basketlist .basketdata {
    padding-top: 0;
}

.auction.page-basket.auction-adult .box-basketlist table td {
    height: 140px;
}

.auction.page-basket.auction-adult .box-basketlist .basketdata {
    padding-left: 192px;
}
.auction.page-basket.auction-adult .box-basketlist .basketdata .img img {
    width: 180px;
    margin-top: -67px;
}

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

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

.rental.comic.page-basket {
    /* 在庫状況 */
}
.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 {
    width: 180px; 
    padding: 5px;
    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 {
    width: 760px;
    height: 100%;
    padding: 28px;
    background-color: white;
    font-size: 14px; 
    box-sizing: border-box;
}
.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;
    counter-reset: section 0; 
    font-size: 10px;
}
.box-order-status .capt-wrapper .capt-stepnav:after {
    display: block;
    visibility: hidden; 
    clear: both;
    height: 0;
    content: '.';
}
.box-order-status .capt-wrapper .capt-stepnav:before {
    position: absolute;
    top: 6px;
    left: 1px;
    width: 99%;
    height: 1px;
    background-color: #808080; 
    content: '';
}
.box-order-status .capt-wrapper .capt-stepnav li {
    position: relative;
    float: left;
    padding: 0 3px;
    background-color: white;
}
.box-order-status .capt-wrapper .capt-stepnav li:before {
    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;
    width: 5px;
    height: 7px;
    border: #b3b3b3 solid;
    border-width: 0 3px 3px 0;
    content: ''; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.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;
    visibility: hidden; 
    clear: both;
    height: 0;
    content: '.';
}
.box-order-status .orderstatus-navi a {
    display: block;
    height: 50px;
    padding: 0 1.4em;
    line-height: 50px;
    transition: background-color 0.2s ease-in-out;
}
.box-order-status .orderstatus-navi a:hover {
    background-color: #fafafa;
    color: #3b5998;
    text-decoration: none;
}
.box-order-status .orderstatus-navi li {
    float: left;
}
.box-order-status .orderstatus-navi li.is-selected {
    border: #e5e5e5 2px solid;
    border-bottom: none;
    background-color: white;
    line-height: 50px;
}
.box-order-status .orderstatus-navi li.is-selected a {
    color: #333;
    cursor: default;
}
.box-order-status .orderstatus-navi li.is-selected a:hover {
    background: transparent;
    color: #333;
}
.box-order-status .orderstatus-panel {
    padding: 18px;
    border: #e5e5e5 2px solid;
}
.box-order-status .orderstatus-panel > div {
    display: none;
}
.box-order-status .orderstatus-panel > div:after {
    display: block;
    visibility: hidden; 
    clear: both;
    height: 0;
    content: '.';
}
.box-order-status .orderstatus-panel > div.is-selected {
    display: block;
}
.box-order-status .orderstatus-panel .order-limit {
    float: left;
    width: 48%;
    margin: 5px;
}
.box-order-status .orderstatus-panel .order-limit tr {
    border: #e5e5e5 1px solid;
}
.box-order-status .orderstatus-panel .order-limit th, .box-order-status .orderstatus-panel .order-limit td {
    padding: 7px 14px;
}
.box-order-status .orderstatus-panel .order-limit thead th, .box-order-status .orderstatus-panel .order-limit thead td {
    background-color: #f3f3f3;
    font-size: 12px;
}
.box-order-status .orderstatus-panel .order-limit thead th {
    white-space: nowrap;
}
.box-order-status .orderstatus-panel .order-limit tbody th {
    font-weight: normal;
}
.box-order-status .orderstatus-panel .order-limit .order-count {
    background-color: #fffdf0;
    color: #c00;
}
.box-order-status .area-fashion .order-limit {
    width: 31.8%;
}

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

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

/*============================== .page-address */
.page-address {
    /* 2 column */
    /* 名前 */
    /* 郵便番号 */
    /* 住所 */
}
.page-address .capt-subcapt {
    margin-left: 6px;
}
.page-address .capt-subcapt:before {
    content: '(';
}
.page-address .capt-subcapt:after {
    content: ')';
}
.page-address .layout-content .area-capt {
    margin-top: 28px;
    margin-bottom: 0.5em;
}
.page-address .area-notice {
    margin: 30px 0;
}
.page-address .area-notice p + p {
    margin-top: 12px;
}
.page-address .area-form {
    display: table;
    width: 100%;
    border: #e5e5e5 2px solid;
}
.page-address .area-form dl {
    display: table-row;
}
.page-address .area-form dl:first-child dt {
    padding-top: 40px;
}
.page-address .area-form dl:first-child dd {
    padding-top: 30px;
}
.page-address .area-form dt, .page-address .area-form dd {
    display: table-cell;
}
.page-address .area-form dt {
    width: 10em;
    padding-top: 11px;
    padding-bottom: 40px;
    padding-left: 14px;
    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;
    padding: 3px 3px 2px;
    border-radius: 3px;
    background-color: #e5e5e5;
    color: #808080;
    content: '必須'; 
    font-weight: normal;
    font-size: 10px;
}
.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;
    visibility: hidden; 
    clear: both;
    height: 0;
    content: '.';
}
.page-address .box-zipcode input[type='text'] {
    float: left;
    width: 30%;
    padding-left: 28px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-image: url(http://p.dmm.co.jp/p/basket/sprite_ico_address_150225.png);
    background-position: 0 6px; 
    background-repeat: no-repeat;
}
.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-right-radius: 0; 
    border-bottom-left-radius: 0;
}
.page-address .box-address01 input[type='text']:first-of-type ~ input[type='text'], .page-address .box-mail input[type='text']:first-of-type ~ input[type='text'] {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.page-address .box-address01 input:first-child::-webkit-input-placeholder {
    font-size: 13px;
}
.page-address .box-mail input {
    padding-left: 34px;
    background-image: url(http://p.dmm.co.jp/p/basket/sprite_ico_address_150225.png);
    background-repeat: no-repeat;
}
.page-address .box-mail input:first-child {
    background-position: 3px -29px;
}
.page-address .box-mail input:first-child + input {
    background-position: 3px -62px;
}
.page-address .area-notice {
    margin-top: 14px;
}
.page-address .area-checkbox {
    margin-top: 10px;
    text-align: center;
}
.page-address .area-checkbox > p {
    width: 78%;
    margin: 6px auto 0;
    color: #808080;
    font-size: 10px;
}
.page-address .area-link.back {
    margin-top: 6px;
    text-align: center;
}
.page-address .area-link.back a:before {
    display: inline-block;
    content: '＜';
}
.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 {
    width: 500px;
    padding: 28px;
    box-sizing: border-box;
}
.popup-address-zipcode * {
    margin: 0;
    padding: 0;
}
.popup-address-zipcode ol, .popup-address-zipcode ul {
    list-style: none;
}
.popup-address-zipcode table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}
.popup-address-zipcode .capt-wrapper {
    position: relative;
    margin-bottom: 1.6em;
    font-size: 14px;
}
.popup-address-zipcode .capt-wrapper .capt01, .popup-address-zipcode .capt-wrapper .capt02, .popup-address-zipcode .capt-wrapper .capt03 {
    display: inline-block;
    font-weight: normal;
}
.popup-address-zipcode .capt-wrapper .capt01 {
    font-size: 30px;
}
.popup-address-zipcode .capt-wrapper .capt02 {
    font-size: 21px;
}
.popup-address-zipcode .capt-wrapper .capt03 {
    font-size: 14px;
}
.popup-address-zipcode .capt-wrapper .capt-subcapt {
    display: inline;
    color: #808080;
    font-size: 60%;
}
.popup-address-zipcode .capt-wrapper .capt-link {
    display: inline-block;
    margin-left: 12px;
    font-size: 14px;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav {
    position: absolute;
    right: -6px;
    bottom: 14px;
    color: #808080;
    counter-reset: section 0; 
    font-size: 10px;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav:after {
    display: block;
    visibility: hidden; 
    clear: both;
    height: 0;
    content: '.';
}
.popup-address-zipcode .capt-wrapper .capt-stepnav:before {
    position: absolute;
    top: 6px;
    left: 1px;
    width: 99%;
    height: 1px;
    background-color: #808080; 
    content: '';
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li {
    position: relative;
    float: left;
    padding: 0 3px;
    background-color: white;
}
.popup-address-zipcode .capt-wrapper .capt-stepnav li:before {
    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;
    width: 5px;
    height: 7px;
    border: #b3b3b3 solid;
    border-width: 0 3px 3px 0;
    content: ''; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.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'] {
    outline: 0; 
    border: 0;
    background-color: white;
    box-shadow: none;
    box-sizing: border-box;

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

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.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;
}
.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 textarea {
    width: 100%;
}
.popup-address-zipcode input[type='text'], .popup-address-zipcode input[type='email'], .popup-address-zipcode input[type='tel'], .popup-address-zipcode input[type='number'] {
    width: 100%;
    padding: 0 0.6em;
}
.popup-address-zipcode textarea {
    width: 100%;
    padding: 0 0.6em;
}
.popup-address-zipcode input[type='text'], .popup-address-zipcode input[type='email'], .popup-address-zipcode input[type='tel'], .popup-address-zipcode input[type='number'] {
    height: 42px;
}
.popup-address-zipcode input[readonly] {
    background-color: #f3f3f3;
}
.popup-address-zipcode input[type='text']:focue, .popup-address-zipcode input[type='email']:focue, .popup-address-zipcode input[type='tel']:focue, .popup-address-zipcode input[type='number']:focue {
    outline-color: #387bbe;
    outline-offset: -2px; 
    box-shadow: 0 0 6px #5b9dd9;
}
.popup-address-zipcode textarea:focue {
    outline-color: #387bbe;
    outline-offset: -2px; 
    box-shadow: 0 0 6px #5b9dd9;
}
.popup-address-zipcode input:focus[readonly] {
    outline: none; 
    box-shadow: none;
}
.popup-address-zipcode textarea {
    height: 6em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.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 {
    margin: 0; 

    -webkit-appearance: none;
}
.popup-address-zipcode select {
    width: 100%;
    height: 42px;
    padding: 0 0 0 0.6em;
    outline: 0;
    border: 0;
    border: #ccc 1px solid;
    border-radius: 4px;
    background-color: white;
    box-shadow: none;
    font-size: 14px;
    line-height: 42px; 
    box-sizing: border-box;
}
.popup-address-zipcode select:focus {
    outline-color: #387bbe;
    outline-offset: -2px; 
    box-shadow: 0 0 6px #5b9dd9;
}
.popup-address-zipcode .notice-wrapper .notice {
    color: #333;
    font-size: 12px;
    line-height: 1.6;
}
.popup-address-zipcode .notice-wrapper .notice + .notice {
    margin-top: 1em;
}
.popup-address-zipcode .notice-wrapper .notice-error {
    padding: 14px;
    background-color: #fdf5f5;
    color: #c00;
    text-align: center;
}
.popup-address-zipcode .notice-wrapper .notice-col-12, .popup-address-zipcode .notice-wrapper .notice-col-11, .popup-address-zipcode .notice-wrapper .notice-col-10, .popup-address-zipcode .notice-wrapper .notice-col-9, .popup-address-zipcode .notice-wrapper .notice-col-8, .popup-address-zipcode .notice-wrapper .notice-col-7, .popup-address-zipcode .notice-wrapper .notice-col-6, .popup-address-zipcode .notice-wrapper .notice-col-5, .popup-address-zipcode .notice-wrapper .notice-col-4, .popup-address-zipcode .notice-wrapper .notice-col-3, .popup-address-zipcode .notice-wrapper .notice-col-2, .popup-address-zipcode .notice-wrapper .notice-col-1 {
    position: relative;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
}
.popup-address-zipcode .notice-wrapper table td[class*='notice-col-'], .popup-address-zipcode .notice-wrapper table th[class*='notice-col-'] {
    position: static;
    display: table-cell;
    float: none;
}
.popup-address-zipcode .notice-wrapper .notice-col-12 {
    width: 100%;
}
.popup-address-zipcode .notice-wrapper .notice-col-11 {
    width: 91.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-10 {
    width: 83.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-col-9 {
    width: 75%;
}
.popup-address-zipcode .notice-wrapper .notice-col-8 {
    width: 66.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-7 {
    width: 58.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-col-6 {
    width: 50%;
}
.popup-address-zipcode .notice-wrapper .notice-col-5 {
    width: 41.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-4 {
    width: 33.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-col-3 {
    width: 25%;
}
.popup-address-zipcode .notice-wrapper .notice-col-2 {
    width: 16.66666667%;
}
.popup-address-zipcode .notice-wrapper .notice-col-1 {
    width: 8.33333333%;
}
.popup-address-zipcode .notice-wrapper .notice-item {
    margin-bottom: 1em;
    padding-bottom: 1px;
    zoom: 1;
}
.popup-address-zipcode .notice-wrapper .notice-padding-top {
    padding-top: 14px;
}
.popup-address-zipcode .notice-wrapper .notice-padding-bottom {
    padding-bottom: 14px;
}
.popup-address-zipcode .notice-wrapper .notice-padding-right {
    padding-right: 14px;
}
.popup-address-zipcode .notice-wrapper .notice-padding-left {
    padding-left: 14px;
}
.popup-address-zipcode .notice-wrapper table.notice-item {
    padding-bottom: 0;
}
.popup-address-zipcode .notice-wrapper .notice-item:before, .popup-address-zipcode .notice-wrapper .notice-item:after {
    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 {
    position: absolute;
    top: 0;
    left: 0;
    display: inline;
    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;
}
.popup-address-zipcode .notice-wrapper table tbody th, .popup-address-zipcode .notice-wrapper table tbody td {
    border: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper table thead th, .popup-address-zipcode .notice-wrapper table tbody th {
    background-color: #f3f3f3;
}
.popup-address-zipcode .notice-wrapper table thead th, .popup-address-zipcode .notice-wrapper table thead td {
    border-bottom: none;
    background-color: #f3f3f3;
}
.popup-address-zipcode .notice-wrapper .notice-box {
    padding: 14px;
    border: #e5e5e5 1px solid;
}
.popup-address-zipcode .notice-wrapper .ico-primary {
    position: relative;
    padding-left: 1.2em;
}
.popup-address-zipcode .notice-wrapper .ico-primary:before {
    position: absolute;
    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;
    content: counter(section);
    counter-increment: section 1; 
    font-weight: normal;
}
.popup-address-zipcode .notice-wrapper ul.notice-list-unstyled > li, .popup-address-zipcode .notice-wrapper ol.notice-list-unstyled > li {
    padding-left: 0;
}
.popup-address-zipcode .notice-wrapper ul.notice-list-unstyled > li:before, .popup-address-zipcode .notice-wrapper ol.notice-list-unstyled > li:before {
    content: none;
}
.popup-address-zipcode .small-wrapper {
    color: #808080;
    font-size: 10px;
}
.popup-address-zipcode .btn {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 1px solid;
    border-color: #cacaca #b0b0b0 #9c9c9c;
    border-radius: 3px;
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom, #fff 0%, #f7f7f7 50%, #e5e5e5 100%);
    background-position: 0 100%;
    background-size: auto 200%;
    box-shadow: inset 0 1px 0 white;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-family: inherit;
    filter: 'progid: DXImageTransform.Microsoft.gradient( startColorstr=\'#ffffff\', endColorstr=\'#e5e5e5\', GradientType=0)';
    cursor: pointer;
    box-sizing: border-box;
    transition: background-position 0.1s ease-out;
}
.popup-address-zipcode .btn:hover {
    position: relative;
    top: 1px;
    border-color: #d7d7d7 #c4c4c4 #b5b5b5;
    background-position: 0 0;
    text-decoration: none;
}
.popup-address-zipcode .btn:hover:before, .popup-address-zipcode .btn:hover:after {
    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 > * {
    display: inline-block;
    width: 210px;
    padding: 0.5em 0.8em;
    background-color: transparent;
    background-repeat: no-repeat;
    color: #333;
    font-size: inherit;
    font-family: inherit;
    cursor: inherit; 
    box-sizing: border-box;
}
.popup-address-zipcode .btn > input {
    width: 100%;
    height: auto;
    margin: 0;
    outline: 0;
    border: 0;
    box-shadow: none; 
    white-space: normal;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.popup-address-zipcode .btn-primary {
    border: 1px solid;
    border-color: #deb372 #ce9c4b #c1882e;
    background-color: #fcdc80;
    background-image: linear-gradient(to bottom, #fde5a0 0%, #fcdc80 50%, #ffc01e 100%);
    box-shadow: inset 0 1px 0 #fff1d1; 
    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-weight: bold; 
    font-size: 14px;
}
.popup-address-zipcode .sect02 + .capt02 {
    margin-top: 12px;
}
.popup-address-zipcode .area-text {
    margin-bottom: 12px;
    font-size: 14px;
}
.popup-address-zipcode .area-text p + p {
    margin-top: 6px;
}
.popup-address-zipcode .area-btn {
    margin-top: 1em;
    text-align: center;
}
.popup-address-zipcode .area-btn .btn {
    width: 230px;
}
.popup-address-zipcode .cautiontxt {
    color: #808080;
    font-size: 11px;
}
.popup-address-zipcode .area-input {
    padding: 14px;
    border: #e5e5e5 2px solid;
}
.popup-address-zipcode .error {
    margin-bottom: 12px;
    padding: 10px;
    background-color: #fdf5f5;
    color: #c00;
    font-size: 14px;
}
.popup-address-zipcode .result {
    margin-top: 12px;
    padding: 12px;
    background-color: #eee;
    font-size: 14px;
}
.popup-address-zipcode .result .ttl {
    margin-bottom: 10px;
}
.popup-address-zipcode .result .adressbtn {
    border: 1px #bbb solid;
    background-color: white;
}
.popup-address-zipcode .result .adressbtn + .adressbtn {
    border-top: none;
}
.popup-address-zipcode .result .adressbtn a {
    display: block;
    padding: 6px 24px 6px 6px;
    border: 1px #fafafa solid;
    background: url(http://p.dmm.co.jp/p/common/ico_arrow.gif) no-repeat 400px center;
}

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

.popup-address-zipcode.is-hidden, .popup-address-zipcode .is-hidden {
    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 {
    display: table;
    width: 100%;
    box-sizing: border-box;
}
.popup-address-zipcode.address .area-input input[type='text'] {
    width: 90px;
    margin: 0 6px;
}
.popup-address-zipcode.address .area-input input[type='text'] + input[type='text'] {
    width: 120px;
}
.popup-address-zipcode.address .area-input .capt02 {
    display: table-cell;
    padding-right: 12px;
}
.popup-address-zipcode.address .area-input .sect02 {
    display: table-cell;
}
.popup-address-zipcode.address .area-input .sect02 .box-caution {
    margin-top: 10px;
}

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

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

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

#cboxOverlay {
    background: black !important;
}

#cboxTitle {
    color: white !important;
}

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

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

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

/* converticon*/
.dc.page-basket .only-sp {
    position: relative;
    display: table;
    height: 2em;
}
.dc.page-basket .only-sp > span {
    display: table-cell;
    padding-left: 36px;
    vertical-align: middle;
}
.dc.page-basket .only-sp:before {
    position: absolute;
    top: 50%;
    left: -3px;
    z-index: 15; 
    display: block;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-right: 3px;
    background: url(http://p.dmm.co.jp/p/dc/common/ico/ico_onlysp.png) no-repeat left top;
    content: '';
    vertical-align: middle;
}

/* basket ページ右ナビ修正 20160613*/
#fn-rightNav-origin .layout-lead {
    float: right;
}

/* DMMプレミアム完了 20170606*/
.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;
}

.playmonthly-howtouse.is-adult .capt-headline span {
    border-left-color: #fc5c80;
}

.playmonthly-howtouse.is-adult .capt-step {
    border-left-color: #fc5c80;
}

.playmonthly-howtouse.is-adult .capt-step span {
    color: #fc5c80;
}

.playmonthly-howtouse.is-adult .list-flow .item-num {
    background-color: #fc5c80;
}

.playmonthly-howtouse.is-adult .list-flow .item-num-s {
    background-color: #fc5c80;
}

.playmonthly-howtouse.is-adult .list-flow .tmb-flow {
    border-color: #fc5c80;
    box-sizing: border-box;
}

.playmonthly-howtouse.is-adult .capt-list {
    color: #fc5c80;
}

.playmonthly-howtouse.is-general .capt-headline span {
    border-left-color: #00bcd4;
}

.playmonthly-howtouse.is-general .capt-step {
    border-left-color: #00bcd4;
}

.playmonthly-howtouse.is-general .capt-step span {
    color: #00bcd4;
}

.playmonthly-howtouse.is-general .list-flow .item-num {
    background-color: #00bcd4;
}

.playmonthly-howtouse.is-general .list-flow .item-num-s {
    background-color: #00bcd4;
}

.playmonthly-howtouse.is-general .list-flow .tmb-flow {
    border-color: #00bcd4;
}

.playmonthly-howtouse.is-general .capt-list {
    color: #00bcd4;
}

.playmonthly-howtouse .capt-headline {
    padding: 6px 0 6px 5px;
    border: 1px solid #ccc;
    background: #fff;
    background: linear-gradient(#fff 0%, #eee 100%);
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
}

.playmonthly-howtouse .capt-headline span {
    display: block;
    padding: 3px 0 3px 10px;
    border-left: 5px solid;
}

.playmonthly-howtouse .capt-intro {
    text-align: center;
}

.playmonthly-howtouse .capt-step {
    margin: 20px 0 10px;
    padding-left: 12px;
    border-left: 4px solid;
    font-weight: bold;
    font-size: 18px;
}

.playmonthly-howtouse .box-step {
    padding: 0 10px;
}

.playmonthly-howtouse .bt-download {
    margin: 10px 20px;
    padding: 20px 0;
    text-align: center;
}

.playmonthly-howtouse .bt-download li {
    display: inline-block;
    width: 320px;
    margin: 0 20px;
}

.playmonthly-howtouse .bt-download li a {
    position: relative;
    display: block;
    width: 320px;
    height: 60px;
    padding: 7px 0 0 0;
    border-radius: 5px;
    background: #f59c00;
    box-shadow: 0 3px #bd7800;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}

.playmonthly-howtouse .bt-download li a:hover {
    top: 1px;
    background: #ffa200;
    box-shadow: 0 2px #bd7800;
    text-decoration: none;
}

.playmonthly-howtouse .tx-spec {
    color: #666;
    text-align: center;
    font-size: 11px;
}

.playmonthly-howtouse .list-notes {
    margin-top: 10px;
    padding-left: 1.5em;
    color: #666;
    font-size: 11px;
    line-height: 20px;
}

.playmonthly-howtouse .list-flow {
    font-size: 0;
}

.playmonthly-howtouse .list-flow li {
    position: relative;
    display: inline-block;
    width: 50%;
    padding: 20px 30px;
    vertical-align: top;
    box-sizing: border-box;
}

.playmonthly-howtouse .list-flow li.add-arrow:before {
    position: absolute;
    top: 170px;
    right: -14px;
    display: inline-block;
    width: 24px;
    height: 36px;
    background: url(http://p.dmm.co.jp/p/dc_pcgame/subsc/pic_item_arrow.png);
    content: '';
}

.playmonthly-howtouse .tmb {
    display: inline-block;
    margin: 0 0 10px 20px;
    border: 1px #bbb solid;
}

.playmonthly-howtouse .tmb-flow {
    width: 100%;
    border: 1px solid;
}

.playmonthly-howtouse .tx-bg {
    margin-bottom: 10px;
    padding-left: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.playmonthly-howtouse .tx-bg.is-member {
    background: #00c;
}

.playmonthly-howtouse .tx-bg.is-guest {
    background: #c00;
}

.playmonthly-howtouse .box-tx {
    display: inline-block;
    width: 420px;
    margin-left: 20px;
    vertical-align: top;
}

.playmonthly-howtouse .box-tx p {
    margin-bottom: 50px;
}

.playmonthly-howtouse .item-num {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}

.playmonthly-howtouse .item-num-s {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 2px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
}

.playmonthly-howtouse .tx-box {
    width: 100%;
    font-size: 14px;
    line-height: 1.6;

    font-feature-settings: 'palt';
}

.playmonthly-howtouse .wrap-img {
    width: 100%;
    margin-bottom: 10px;
}

.playmonthly-howtouse .wrap-img a:hover {
    opacity: 0.7;
}

.playmonthly-howtouse .list-monthly {
    font-size: 12px;
}
.playmonthly-howtouse .list-monthly li {
    width: 20%;
    padding: 0 3px;
    box-sizing: border-box;
}

.playmonthly-howtouse .list-monthly {
    width: 1020px;
}
.playmonthly-howtouse .list-monthly > li {
    padding: 0 3px; 
    box-sizing: border-box;
    width: 204px;
}
.playmonthly-howtouse .list-monthly .ttl {
    display: block;
    display: -webkit-box;
    height: 2.8em;
    margin: 5px 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.playmonthly-howtouse .capt-list {
    font-size: 18px;
}

.playmonthly-howtouse .mg-b40 {
    margin-bottom: 40px;
}
@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;
    }
    .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;
    }
}
@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;
        float: right;
        white-space: normal;
    }
    .rental.page-basket .area-lead .lead-data .total dt {
        padding-top: 6px;
        letter-spacing: -1px;
    }
    .rental.page-basket .box-basketlist .subtotal {
        padding-right: 20px;
    }
    .rental.comic.page-basket .area-rental-control {
        font-size: 12px;
    }
    .rental.comic.page-basket .area-rental-control:first-of-type {
        margin-top: -34px;
    }
}

/*臨時修正　あとで確認*/
/*============================== .dlsoft.page-address */
.dlsoft.page-address .box-zipcode input[type="number"]{
    float: left;
    width: 30%;
    padding-left: 28px;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: url(/images/sprite_ico_address.png) no-repeat 0 6px;
}
.dlsoft.page-address .box-zipcode .btn > span:hover {
    position: relative;
    top: 1px;
}
.dlsoft.page-address .box-mail input[type='text']:first-of-type {
    border-radius: 4px;
}
.dlsoft.page-address .box-option .box-option-inner {
    margin-bottom: 10px;
}
.dlsoft.page-address .box-option .box-option-inner span {
    display: inline-block;
    width: 115px;
    margin-right: 10px;
    text-align: right;
}
.dlsoft.page-address .box-option select {
    width: 422px;
}
.dlsoft.page-address .popup-address-zipcode {
    display: none;
}
.popup-address-zipcode .btn > * {
    border: none;
}
.popup-address-zipcode .error,
.pop_search_postalcode .error {
    display: none;
}

/*popup中身*/
.popup-address-zipcode.address .area-input input[type="number"] {
    width: 90px;
    margin: 0 6px;
}
.popup-address-zipcode.address .area-input input[type="number"] + input[type="number"] {
    width: 120px;
}
.page-address button:focus,
.page-address button:active {
    outline: none;
}
.btn > *:focus {
    outline: none;
}
#cboxLoadedContent {
    overflow-x:hidden !important;
}
.popup-address-zipcode .address-list {
    opocity: none;
    margin-top: 12px;
    padding: 12px ;
    font-size: 14px;
}
.popup-address-zipcode .address-list li {
    background-color: #eee;
    padding-left: 12px;
    padding-right: 12px;
}
.popup-address-zipcode .address-list li:first-child {
    padding-top: 12px;
}
.popup-address-zipcode .address-list li:last-child {
    padding-bottom: 12px;
}
.popup-address-zipcode li a {
    background-color: #fff;
    border: 1px #bbb solid;
}
.popup-address-zipcode a {
    display: block;
    padding: 6px 24px 6px 6px;
    border: 1px #fafafa solid;
    background: url(https://www.dmm.co.jp/images/common/ico_arrow.gif) no-repeat 400px center;
}

/*============================== .dlsoft.page-complete */
.dlsoft.page-complete {
    max-width: 800px;
    margin: 0 auto;
    padding: 14px 14px 1px;
    font-size: 14px;
    box-sizing: border-box;
}
.dlsoft.page-complete * {
    margin: 0;
    padding: 0;
}
.dlsoft.page-complete ul {
    list-style: none;
}
.dlsoft.page-complete .box-firsttitle {
    font-size: 21px;
    text-align: center;
    color: #c00;
}
.dlsoft.page-complete .box-text {
    margin: 30px 0;
    text-align: center;
}
.dlsoft.page-complete .box-order {
    margin: 30px 0;
    padding: 14px;
    background-color: #ebebeb;
    text-align: center;
}
.dlsoft.page-complete .box-link {
    margin: 30px 0;
    text-align: center;
}
.dlsoft.page-complete .notice-wrapper .notice-box {
    padding: 14px;
    border: #e5e5e5 1px solid;
}
.dlsoft.page-complete .notice-wrapper .notice-box:after {
    content: "";
    clear: both;
    display: block;
}
.dlsoft.page-complete .notice-wrapper .notice-box .notice-col {
    float: left;
    position: relative;
    width: 50%;
    min-height: 1px;
    box-sizing: border-box;
}
.dlsoft.page-complete .notice-title {
    margin-bottom: .3em;
    line-height: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}
.dlsoft.page-complete .notice-wrapper .notice-color-secondary {
    font-size: 10px;
    color: #808080;
}
.dlsoft.page-complete .notice-wrapper ul > li {
    position: relative;
    padding-left: 1.2em;
    font-size: 10px;
    color: #808080;
}
.dlsoft.page-complete .notice-wrapper ul > li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "・";