/* [ログインして注文手続きへ]ボタンの文言を変更  */
form[action="/step1"] .cart-action-btn-login a span:before {
content: "会員の方は";
}
form[action="/step1"] .cart-action-btn-login a {
font-size:15px;
}


/* パンくずリスト削除 */
.bread {
display:none;
}

/* マイページでアドレス登録リンク削除 */
form[action="/member/regist/input"] .side .lnav ul li:nth-child(3),
form[action="/mypage/purchasehstry"] .side .lnav ul li:nth-child(3),
form[action="/mypage/registinfo"] .side .lnav ul li:nth-child(3) {
display:none;
}


/* 会員登録画面 */
form[action*="/member/regist"] .cart-input-user .cart-input-free1,
form[action*="/member/regist"] .cart-check-user .cart-input-free1,
form[action*="/member/regist"] .cart-input-user .cart-input-free2,
form[action*="/member/regist"] .cart-check-user .cart-input-free2 {
display:none;
}
.cart-input-ship-time,
.cart-input-ship-shipment,
.cart-check-law {
display:none !important;
}
.cart-action .cart-action-sum-ship,
.cart-action-total-ship {
display:none;
}

/* 「氏名」→「生徒氏名」 */
tr.cart-input-name th.cart-input-require:before{
content: "生徒";
}

.cart-input-delivery.delivery-position .form-select {
    display:none;
    }
    
    .cart-input-ship th.cart-input-require{
        display: none;
    }
    .cart-input-ship-time th{
        display: none;
    }

    .cart-input-ship-posi{
        display: none;
    }
    .cart-input-ship-time td{
        display: none;
    }
    .cart-input-ship-shipment td{
        display: none;
    }
    .cart-input-ship-shipment th{
        display: none;
    }
    /***********
     * common
     ***********/
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        word-break: break-all;
    }
    
    html,
    body {
        height: 100%;
    }
    
    body,
    body * {
        font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'Meiryo UI', 'ＭＳ Ｐゴシック', sans-serif;
    }
    
    body {
        font-size: 14px;
        color:#333;
        /* 通常文字色 */
        background:#fff ;
    }
    
    h2 {
        font-size: 30px;
        letter-spacing: 3px;
    }
    
    h3 {
        font-size: 24px;
        letter-spacing: 3px;
    }
    
    ul,
    ul li {
        list-style: none;
    }
    
    pre {
        white-space: pre-wrap;
    }
    
    /* a */
    
    a {
        color:#666;　/*リンク文字色*/
        text-decoration: underline;
    }
    
    a:hover,
    button:hover {
        color:#f00; /*リンクアクティブ文字色*/
        text-decoration: none;
        opacity: 0.7;
    }
    
    a:hover * {
        opacity: .7;
    }
    
    /*　btn */
    .btn {
        color:#fff;
        background-color:#666;
    }
    
    /* input */
    
    input[type='text'],
    input[type='password'],
    input[type='email'],
    input[type='tel'],
    input[type='number'] {
        line-height: 36px;
        width: 100%;
        height: 36px;
        padding: 0 10px;
        border: #d0d0d0 solid 1px;
        background-color: #f5f5f5;
    }
    
    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none;
    }
    
    input[type=number] {
        -moz-appearance: textfield;
    }
    
    input[type='checkbox'] {
        margin-right: 4px;
    }
    
    textarea {
        width: 100%;
        border: #d1d1d1 solid 1px;
    }
    
    /* オートコンプリート時の対応 */
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
    }
    
    select::-ms-expand {
        display: none;
    }
    
    /* table */
    
    table {
        width: 100%;
        border-collapse: collapse;
    }
    
    table th,
    table td {
        border-spacing: 0;
        border-collapse: collapse;
        vertical-align: middle;
        border: none;
    }
    
    
    /* img */
    
    img {
        word-break: normal;
        border: none;
    }
    
    
    /***********
     * layout
     ***********/
    
    #wrapper {
        width: 100%;
        min-width: 1120px;
        margin: 0 auto;
    }
    
    .contents {
        width: 1100px;
        margin: 0 auto;
        margin-bottom: 100px;
        padding: 18px 10px 0;
    }
    
    /***********
     * clearfix
     ***********/
    
    .clearfix:before,
    .clearfix:after {
        display: table;
        content: ' ';
    }
    
    .clearfix:after {
        clear: both;
    }
    
    
    /*******************************/
    
    
    /***********
     * header
     ***********/
    
    #header {
        width: 100%;
        height: 65px;
        background-color: #fcfcfc;
    }
    
    .header-top {
        min-height: 5px;
        padding: 0 10px;
        color: #fcfcfc;
        background-color: #333;
    }
    
    .header-top:after {
        display: block;
        clear: both;
        content: '';
    }
    
    .header-top ul {
        width: 1100px;
        height: 30px;
        margin: auto;
        text-align: right;
    }
    
    .header-top ul li {
        font-size: 14px;
        line-height: 30px;
        display: inline;
        margin-left: 12px;
    }
    
    .header-top ul li a {
        position: relative;
        text-decoration: none;
        color: #fcfcfc;
    }
    
    .header-top ul li a.entry {
        padding-left: 18px;
    }
    
    .header-top ul li a.entry:before {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 11px;
        height: 16px;
        margin-top: -8px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-entry.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .header-top ul li a.mypage {
        padding-left: 20px;
    }
    
    .header-top ul li a.mypage:before {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 14px;
        height: 16px;
        margin-top: -8px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-mypage.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .header-top ul li a.cart {
        padding-left: 22px;
    }
    
    .header-top ul li a.cart:before {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 18px;
        height: 16px;
        margin-top: -15px;
        content: '\e919';
        font-family: "icomoon";
        background: none;
    }
    
    .header-top ul li a.logout {
        padding-left: 20px;
    }
    
    .header-top ul li a.logout:before {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 14px;
        height: 16px;
        margin-top: -15px;
        content: '\e931';
        font-family: "icomoon";
        background: none;
    }
    
    .header-bottom-wrapper {
        display: table;
        width: 100%;
    }
    
    .header-bottom {
        position: relative;
        display: table-cell;
        overflow: hidden;
        width: 1100px;
        height: 76px;
        margin: 0 auto;
        padding: 0 10px;
        text-align: center;
        vertical-align: middle;
    }
    
    .header-bottom .logo {
        text-align: center;
    }
    
    .header-bottom .logo a {
        text-decoration: none;
        color: #333;
    }
    
    .header-bottom .logo img {
        vertical-align: middle;
    }
    
    .header-bottom .logo h1 {
        width: 100%;
        letter-spacing: 2px;
        word-break: break-all;
        font-feature-settings: 'pkna';
    }
    
    .header-menu-sp,
    .header-search-sp {
        display: none;
    }
    
    
    .header-top-cart {
        height: auto;
        min-height: 65px;
        max-height: 218px;
        padding: 0 10px;
        box-shadow: 1px 1px 8px rgba(0,0,0,.3);
    }
    
    .logo {
        position: relative;
        z-index: 3;
        display: block;
        height: auto;
        min-height: 65px;
        max-height: 218px;
        margin: 0 auto;
        text-align: center;
    }
    .logo h1 {
        line-height: 65px;
    }
    .logo-text {
        font-size: 13px;
        line-height: 1.4;
        position: absolute;
        top: 50%;
        left: 50%;
        display: -webkit-box;
        overflow: hidden;
        max-height: 4em;
        padding: 0 10px;
        -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        text-align: center;
        word-break: break-all;
        color: #333;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .logo-text-footer {
        position: static;
        width: 1000px;
        margin: 0 auto;
        transform: translate(0,0);
    }
    
    .header-top-cart .logo img {
        width: auto;
        height:auto;
        max-width: 200px;
        max-height: 200px;
        margin: 9px 0;
        vertical-align: middle;
    }
    
    .footer-logo .logo-text-footer {
        padding: 0 15px;
        color: #000;
    }
    
    /***********
     * footer
     ***********/
    #footer {
        position: relative;
        clear: both;
        width: 100%;
    }
    .footer-top {
        display: table;
        width: 100%;
        padding: 40px 0 ;
        background-color: #d2d2d2;
    }
    .footer-top-l {
        display: table-cell;
        width: 315px;
        vertical-align: top;
    }
    .footer-top-c {
        display: table-cell;
        padding-right: 45px;
        vertical-align: top;
    }
    .footer-top-r {
        display: table-cell;
        width: 406px;
        vertical-align: top;
    }
    .footer-top-cart {
        width: 100%;
        text-align: center;
    }
    .footer-top h3 {
        font-size: 16px;
        font-weight: normal;
        display: inline-block;
        width: 234px;
        margin-bottom: 20px;
        letter-spacing: 1px;
        color: #fcfcfc;
        border-bottom: #77b7e0 solid 1px;
    }
    .footer-logo {
        display: inline-block;
        width: 100%;
    }
    .footer-logo img {
        width: auto;
        height:auto;
        max-width: 200px;
        max-height: 200px;
    }
    
    .footer-bottom {
        width: 100%;
        padding: 20px 0;
        text-align: center;
        background-color: #fcfcfc;
    }
    
    .footer-bottom .copyright {
        font-size: 14px;
        color: #1e1203;
    }
    
    
    /* pagetop */
    .btn-pagetop {
        position: fixed;
        right: 10px;
        bottom: 10px;
        transition: all linear .2s;
        text-align: right;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    }
    .btn-pagetop.is-show {
        z-index: 101;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    }
    .btn-pagetop a {
        position: relative;
        display: block;
        width: 53px;
        height: 53px;
        cursor: pointer;
        border-radius: 27px;
        background-color: rgba(0,0,0,.8);
    }
    .btn-pagetop a:after {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 23px;
        height: 12px;
        margin-top: -6px;
        margin-left: -12px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/btn-pagetop.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    
    /***********
     * side
     ***********/
    
    .side {
        float: left;
        width: 250px;
        padding-bottom: 50px;
    }
    
    
    /* lnav */
    
    .lnav {
        margin-bottom: 38px;
    }
    
    .lnav > ul > li {
        font-size: 18px;
        line-height: 1;
        margin-bottom: 15px;
        color: #000;
        border-bottom: #d0d0d0 solid 1px;
    }
    
    .lnav > ul > li > div,
    .lnav > ul > li > a {
        margin-bottom: 15px;
    }
    
    .lnav > ul li a {
        position: relative;
        display: block;
        width: 100%;
        text-decoration: none;
        color: #000;
    }
    
    .lnav > ul li a:after {
        position: absolute;
        top: 50%;
        right: 0;
        display: inline-block;
        width: 9px;
        height: 18px;
        margin-top: -9px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .lnav > ul > li span {
        font-size: 14px;
        color: #666;
    }
    
    .lnav-l2 > li {
        font-size: 16px;
        border-top: #d0d0d0 dotted 1px;
    }
    
    .lnav-l2 > li > a {
        line-height: 48px;
        height: 48px;
    }
    
    .lnav-l3 > li {
        font-size: 16px;
        border-top: #d0d0d0 dotted 1px;
    }
    
    .lnav-l3 > li > a {
        line-height: 48px;
        height: 48px;
        text-indent: 15px;
        color: #666;
    }
    
    .lnav-close {
        display: none;
    }
    
    
    /***********
     * main
     ***********/
    
    .main {
        position: relative;
        margin-top: 30px;
    }
    
    .main:not(.main-1col) {
        float: right;
        width: 785px;
        padding-bottom: 50px;
    }
    
    .bread ~ .main {
        position: relative;
        margin-top: 0;
    }
    
    
    /* bread */
    
    .bread {
        margin-bottom: 30px;
    }
    
    .bread ul:after {
        display: block;
        clear: both;
        content: ' ';
    }
    
    .bread ul li {
        font-size: 12px;
        float: left;
        margin-right: 10px;
        color: #000;
    }
    
    .bread ul li a {
        color: #666;
    }
    
    .bread ul li a:after {
        display: inline-block;
        margin-left: 10px;
        content: '>';
        color: #666;
    }
    
    .bread ul li a:hover {
        text-decoration: underline;
        opacity: 1;
    }
    
    
    /* ttl */
    .ttl {
        margin-bottom: 24px;
        text-align: center;
    }
    .ttl h2 {
        font-size: 24px;
        position: relative;
        margin-bottom: 10px;
        padding-bottom: 6px;
        color: #333;
    }
    .ttl h2:after {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: inline-block;
        width: 24px;
        height: 1px;
        margin-left: -12px;
        content: '';
        background-color: #000;
    }
    .ttl h3 {
        font-size: 18px;
        font-weight: normal;
    }
    
    
    /* cart */
    
    .cart-err {
        font-size: 14px;
        margin-bottom: 38px;
        padding: 8px 15px;
        text-align: left;
        color: #e6503f;
        border: #e6503f solid 1px;
    }
    
    .cart-suc {
        font-size: 14px;
        margin-bottom: 38px;
        padding: 8px 15px;
        text-align: left;
        color: #096;
        border: #096 solid 1px;
    }
    
    .cart-freeship {
        font-size: 14px;
        margin-bottom: 38px;
        padding: 8px 15px;
        text-align: left;
        color: #e6503f;
        background-color: #efefef;
    }
    
    .cart-freeship-rest {
        font-size: 22px;
        font-weight: bold;
    }
    
    .cart-step {
        margin-bottom: 38px;
        text-align: center;
    }
    
    .cart-step > div {
        font-size: 14px;
        line-height: 36px;
        display: inline-block;
        width: 240px;
        height: 36px;
        margin: 0 4px;
        text-align: center;
        color: #666;
        background-color: #f3f3f3;
    }
    
    .cart-step > div.active {
        color: #fcfcfc;
        background-color: #333;
    }
    
    .cart-step-num {
        display: none;
    }
    
    .cart-input,
    .cart-check,
    .cart-check-law {
        float: left;
        width: 710px;
    }
    
    .cart-action {
        position: relative;
        float: right;
        width: 340px;
    }
    
    .cart-1col {
        float: none;
        padding: 0 170px;
        text-align: center;
    }
    
    .cart-2col-right,
    .cart-mypage-history,
    .cart-mypage-point {
        float: none;
        padding: 0;
        text-align: center;
    }
    
    .cart-check-law {
        float: left;
        margin-bottom: 35px;
        padding-top: 18px;
        border-top: #d0d0d0 solid 1px;
    }
    
    .cart-check-law h4 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 28px;
        padding-bottom: 18px;
        border-bottom: #d0d0d0 solid 1px;
    }
    
    .cart-input-user h4,
    .cart-input-ship h4,
    .cart-input-pay h4,
    .cart-input-other h4,
    .cart-check-user h4,
    .cart-check-ship h4,
    .cart-check-pay h4,
    .cart-check-other h4,
    .cart-item-list h4,
    .cart-1col-inner h4,
    .cart-2col-right-inner h4,
    .cart-mypage-address-list h4,
    .cart-mypage-history-list h4,
    .cart-mypage-point-list h4,
    .cart-mypage-ask-list h4,
    .cart-input-ask h4,
    .cart-cvs-inner h4,
    .cart-card-info h4,
    .cart-card-registed h4,
    .cart-card-change h4,
    .cart-card-remove h4 {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 28px;
        padding-bottom: 18px;
        border-bottom: #d0d0d0 solid 1px;
    }
    
    .cart-input-user,
    .cart-input-ship,
    .cart-input-pay,
    .cart-input-other,
    .cart-check-user,
    .cart-check-ship,
    .cart-check-pay,
    .cart-check-other,
    .cart-item-list,
    .cart-1col-inner,
    .cart-2col-right-inner,
    .cart-mypage-history-list,
    .cart-mypage-point-list,
    .cart-mypage-ask-list,
    .cart-input-ask,
    .cart-cvs-inner,
    .cart-card-info,
    .cart-card-registed,
    .cart-card-change,
    .cart-card-remove {
        float: left;
        width: 100%;
        padding-top: 18px;
        padding-bottom: 18px;
        border-top: #d0d0d0 solid 1px;
    }
    
    .cart-input-other,
    .cart-check-other {
        margin-top: 28px;
        border-top: #d0d0d0 solid 1px;
    }
    
    .cart-input-user table,
    .cart-input-ship table,
    .cart-input-pay table,
    .cart-input-other table,
    .cart-check-user table,
    .cart-check-ship table,
    .cart-check-pay table,
    .cart-check-other table,
    .cart-item-list table,
    .cart-1col-inner table,
    .cart-cvs-inner table,
    .cart-card-registed table,
    .cart-card-change table,
    .cart-card-remove table {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .cart-cvs-inner table {
        width: 400px;
        margin: 0 auto 15px;
    }
    
    .cart-input-user th,
    .cart-input-ship th,
    .cart-input-pay th,
    .cart-input-other th,
    .cart-1col-inner th,
    .cart-cvs-inner th {
        font-size: 16px;
        font-weight: normal;
        line-height: 36px;
        width: 194px;
        padding: 12px 12px 12px 0;
        text-align: left;
        vertical-align: top;
    }
    
    .cart-check-user th,
    .cart-check-ship th,
    .cart-check-pay th,
    .cart-check-other th,
    .cart-item-list th,
    .cart-card-registed th,
    .cart-card-change th,
    .cart-card-remove th {
        font-size: 16px;
        font-weight: normal;
        width: 194px;
        padding: 12px 12px 12px 0;
        text-align: left;
        vertical-align: top;
    }
  
    .cart-input-user th.cart-input-require:after,
    .cart-input-ship th.cart-input-require:after,
    .cart-input-pay th.cart-input-require:after,
    .cart-1col-inner th.cart-input-require:after,
    .cart-card-change th.cart-input-require:after,
    .cart-input-other th.cart-input-require:after,
    .cart-1col-inner th.cart-input-require:after,
    .cart-cvs-inner th.cart-input-require:after {
        font-size: 14px;
        display: inline-block;
        margin-left: 10px;
        content: '＊必須';
        color: #ff3d3d;
        line-height: 14px;
    }
 
    
    .cart-item-list table th img {
        width: 140px;
        height: auto;
    }
    
    .cart-input-user td,
    .cart-input-ship td,
    .cart-input-pay td,
    .cart-input-other td,
    .cart-1col-inner td,
    .cart-cvs-inner td {
        font-size: 16px;
        font-weight: normal;
        padding: 12px 0;
        text-align: left;
        vertical-align: top;
    }
    
    #CBY0003D01 .cart-input-member-id td {
        padding-top: 24px;
    }
    
    .cart-check-user td,
    .cart-check-ship td,
    .cart-check-pay td,
    .cart-check-other td,
    .cart-item-list table td,
    .cart-card-registed td,
    .cart-card-change td,
    .cart-card-remove td {
        font-size: 14px;
        font-weight: normal;
        padding: 12px 0;
        text-align: left;
        vertical-align: top;
    }
    
    .cart-input-user input[type=text],
    .cart-input-ship input[type=text],
    .cart-input-pay input[type=text],
    .cart-check-pay input[type=text],
    .cart-1col-inner input[type=text],
    .cart-card-change input[type=text],
    .cart-input-user input[type=email],
    .cart-input-ship input[type=email],
    .cart-input-pay input[type=email],
    .cart-check-pay input[type=email],
    .cart-input-user input[type=tel],
    .cart-input-ship input[type=tel],
    .cart-input-pay input[type=tel],
    .cart-check-pay input[type=tel],
    .cart-cvs-inner input[type=tel],
    .cart-input-user input[type=number],
    .cart-input-ship input[type=number],
    .cart-input-pay input[type=number],
    .cart-check-pay input[type=number],
    .cart-input-user input[type=password],
    .cart-1col-inner input[type=password] {
        line-height: 36px;
        width: 100%;
        height: 36px;
        padding: 0 10px;
        border: #d0d0d0 solid 1px;
        background-color: #f5f5f5;
    }
    
    .cart-input-user textarea,
    .cart-input-ship textarea,
    .cart-input-pay textarea,
    .cart-1col-inner textarea,
    .cart-input-ask textarea {
        line-height: 1.8;
        height: 120px;
        padding: 0 10px;
        border: #d0d0d0 solid 1px;
        background-color: #f5f5f5;
    }
    
    .form_error {
        font-size: 14px;
        margin-top: 5px;
        color: #f30000;
    }
    
    .cart-input-member-id input,
    .cart-input-member-pw input[type='password'] {
        -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset;
    }
    
    .cart-input-user .cart-input-member-id input,
    .cart-input-user .cart-input-member-pw input[type='password'],
    #myp0001d01Form .cart-input-member-id input,
    #myp0001d01Form .cart-input-member-pw input[type='password'],
    .cart-input-ask-login-id input,
    .cart-input-ask-login-key input[type='password'] {
        -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset;
    }
    .cart-input .no-pruduct-message {
        font-size: 16px;
        margin-bottom: 60px;
        text-align: center;
    }
    
    .cart-input-member-logoutbtn {
        display: inline-block;
        margin-left: 15px;
    }
    
    .cart-input-member-logoutbtn a {
        font-size: 14px;
        line-height: 30px;
        display: inline-block;
        height: 30px;
        padding: 0 12px;
        text-decoration: none;
        border: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-input-name div,
    .cart-input-kana div {
        display: inline-block;
        vertical-align: top;
    }
    
    .cart-input-name div:first-child,
    .cart-input-kana div:first-child {
        margin-right: 15px;
    }
    
    .cart-input-name label,
    .cart-input-kana label {
        line-height: 35px;
        display: table-cell;
        float: left;
        width: 2rem;
        margin-right: 8px;
        text-align: right;
    }
    
    .cart-input-name input[type=text],
    .cart-input-kana input[type=text] {
        width: 200px;
    }
    
    .cart-input-zipcode input[type=tel] {
        display: inline-block;
        width: 120px;
        text-align: left;
    }
    
    .cart-input-zipcode a {
        font-size: 16px;
        display: inline-block;
        padding: 4px 8px;
        text-decoration: none;
        color: #666;
        border: 1px solid #ccc;
        border-radius: 1px;
        background: #fcfcfc;
    }
    
    .cart-input-birthday input[type=number] {
        width: 60px;
        text-align: right;
    }
    
    .cart-input-pay-img img {
        max-width: calc(100% - 16px);
        margin:0 8px 32px;
    }
    
    .cart-input-pay-point input[type=number] {
        width: 80px;
        margin-right: 5px;
    }
    
    .cart-input-pay-point-hold {
        display: inline-block;
    }
    
    .cart-input-pay-card ul li {
        margin-left: 24px;
    }
    
    .cart-input-pay-card ul li dl {
        margin-bottom: 8px;
    }
    
    .cart-input-pay-card ul li dt {
        float: left;
        width: 120px;
        color: #999;
    }
    
    .cart-input-pay-card ul li label {
        font-weight: bold;
        display: inline-block;
        margin: 4px 0 8px -24px;
        vertical-align: middle;
    }
    
    .cart-input-pay-card ul li label input[type=radio] {
        width: 12px;
        margin-right: 12px;
    }
    
    .cart-input-pay-cardbtn{
        margin-bottom: 25px;
    }
    
    .cart-input-pay-cardbtn input, .cart-input-pay-cardbtn a {
        font-size: 16px;
        line-height: 55px;
        display: inline-block;
        width: 100%;
        height: 55px;
        text-align: center;
        text-decoration: none;
        border: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-conf-mail a {
        font-size: 16px;
        display: inline-block;
        padding: 4px 8px;
        text-decoration: none;
        color: #666;
        border: 1px solid #ccc;
        border-radius: 1px;
        background: #fcfcfc;
    }
    
    .shipping-number {
        border-left: solid 5px #666;
    }
    
    a.cart-link,
    a.cart-link-btn {
        font-size: 12px;
        text-align: center;
        color:#fff;
        background-color:#666;
        border: none;
    }
    
    .cart-input-birthday .form-select {
        display: inline-block;
        width: 115px;
        margin-right: 5px;
        vertical-align: middle;
    }
    
    .cart-input-birthday .form-select label {
        min-width: 90px;
    }
    
    
    /* 商品リスト */
    
    .cart-item-list-info div {
        display: inline-block;
    }
    
    .cart-item-list-brand:before {
        content: 'ブランド：';
        font-weight: bold;
    }
    
    .cart-item-list-cord:before {
        content: '商品コード：';
        font-weight: bold;
    }
    
    .cart-item-list-name:before {
        content: '商品名：';
        font-weight: bold;
    }
    
    .cart-item-list-vali:before {
        content: 'バリエーション：';
        font-weight: bold;
    }
    
    .cart-item-list-price:before {
        content: '価格：';
        font-weight: bold;
    }
    
    .cart-item-list-quqntity {
        margin-top: 15px;
    }
    
    .cart-item-list-quantity:before {
        content: '数量：';
        font-weight: bold;
    }
    
    .cart-item-list-btn {
        text-align: right;
    }
    
    .cart-item-list-cnt input[type=button] {
        font-size: 16px;
        width: 30px;
        height: 30px;
        border: none;
        border-radius: 1px;
        color:#fff;
        background-color:#666;
        -webkit-appearance: none;
    }
    
    .cart-item-list-cnt input[type=number] {
        font-size: 16px;
        width: 60px;
        height: 30px;
        padding: 0 4px;
        text-align: right;
        vertical-align: top;
        border-radius: 1px;
    }
    
    .cart-item-list-cnt .form-select label {
        top: -2px;
        min-width: 120px;
        height: 30px;
        margin-right: 5px;
        vertical-align: middle;
    }
    
    .cart-item-list-cnt .form-select label select {
        line-height: 30px;
        height: 30px;
        direction: rtl;
    }
    
    .cart-item-list-del {
        margin-left: 10px;
    }
    
    .cart-item-list-del input[type=button] {
        font-size: 16px;
        height: 30px;
        padding: 0 8px;
        border: none;
        border-radius: 1px;
        color:#fff;
        background-color:#666;
        -webkit-appearance: none;
    }
    
    .cart-item-list-err {
        display: inline-block;
        width: 100%;
        margin: 8px 0;
        padding: 6px 8px;
        color: #e6503f;
        border: 1px solid #e6503f;
    }
    
    
    /* 合計金額表示部 */
    
    .cart-action-inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 340px;
        padding: 25px;
        border: #f3f3f3 5px solid;
    }
    
    .cart-action-inner.js-fixed {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 50%;
        margin-left: 200px;
    }
    
    .cart-action-btn {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .cart-action-btn a {
        font-size: 20px;
        line-height: 55px;
        position: relative;
        display: block;
        width: 100%;
        height: 55px;
        text-align: center;
        text-decoration: none;
        border: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-action-btn a span:before {
        position: absolute;
        top: 50%;
        left: 20px;
        display: block;
        width: 10px;
        height: 18px;
        margin-top: -9px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .cart-action-btn a.cart-action-btn-comp span:before {
        position: absolute;
        top: 50%;
        left: 20px;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .cart-action-btns-top {
        margin-bottom: 20px;
    }
    
    .cart-action-btn-buy,
    .cart-action-btn-login,
    .cart-action-btn-regist,
    .cart-action-btn-kmid,
    .cart-action-btn-confirm {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .cart-action-btn-buy a,
    .cart-action-btn-login a,
    .cart-action-btn-regist a,
    .cart-action-btn-back a {
        font-size: 16px;
        line-height: 35px;
        position: relative;
        display: block;
        width: 100%;
        height: 35px;
        text-align: center;
        text-decoration: none;
        border: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-action-btn-confirm a {
        font-size: 20px;
    }
    
    .cart-action-btn-kmid a img {
        display: block;
        max-width: 100%;
        max-height: 76px;
        margin: 0 auto;
    }
    
    .cart-action-btn-help {
        text-align: right;
    }
    
    .cart-action-btn-buy a {
        font-size: 20px;
        line-height: 55px;
        height: 55px;
    }
    
    .cart-action-btn-buy a span:before {
        position: absolute;
        top: 50%;
        left: 20px;
        display: block;
        width: 10px;
        height: 18px;
        margin-top: -9px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .cart-action-btn-confirm a span:before {
        width: 18px;
        height: 18px;
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
    }
    
    .cart-action-btn-back {
        width: 100%;
        margin-top: 25px;
    }
    
    .cart-action-btn-back a span:before {
        position: absolute;
        top: 50%;
        left: 50px;
        display: block;
        width: 10px;
        height: 18px;
        margin-top: -10px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-back.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    .cart-action-sum {
        margin-bottom: 18px;
    }
    
    .cart-action-inner table {
        width: 100%;
    }
    
    .cart-action-sum th {
        font-size: 16px;
        font-weight: normal;
        text-align: left;
    }
    
    .cart-action-sum td {
        font-size: 16px;
        font-weight: normal;
        text-align: right;
    }
    
    .cart-action-sum-item-tax {
        font-size: 12px;
    }
    
    .cart-action-point {
        padding: 12px 0;
        border-top: #d0d0d0 solid 1px;
        text-align: left;
    }
    
    .cart-action-total {
        padding-top: 12px;
        border-top: #d0d0d0 solid 1px;
    }
    
    .cart-action-total th {
        font-size: 16px;
        font-weight: normal;
        text-align: left;
    }
    
    .cart-action-total td {
        font-size: 24px;
        font-weight: bold;
        text-align: right;
    }
    
    .cart-action-total-ship {
        font-size: 12px;
    }
    
    .cart-action-link {
        margin-top: 18px;
        text-align: center;
    }
    
    .cart-action-link a {
        text-decoration: underline;
    }
    
    .cart-action-breakdown th,
    .cart-action-breakdown td {
        font-size: 13px;
        font-weight: normal;
    }
    .cart-action-subtotal th,
    .cart-action-subtotal td {
        border-top: 1px solid #d0d0d0;
    }
    .cart-action-sum .cart-action-sum-ship-multiple:first-child th,
    .cart-action-sum .cart-action-sum-ship-multiple:first-child td {
        padding-top: 12px;
    }
    
    /* 返品規約枠 */
    
    .cart-check-law {
        clear: both;
    }
    
    .cart-check-law p {
        margin-bottom: 1em;
    }
    
    .cart-check-law a {
        text-decoration: underline;
    }
    
    .cart-check-law-term {
        width: 100%;
        margin-bottom: 35px;
        padding-top: 18px;
    }
    
    
    /* 注文完了画面 */
    
    .cart-comp-code {
        font-size: 20px;
        font-weight: normal;
        display: inline-block;
        width: auto;
        margin-bottom: 50px;
        padding: 15px 30px;
        text-align: center;
        border: #000 solid 1px;
    }
    
    .cart-comp-txt {
        font-size: 16px;
        margin-bottom: 25px;
    }
    
    .cart-comp-btn-area {
        margin-bottom: 30px;
        text-align: center;
    }
    
    .cart-comp-btn-area a {
        font-size: 15px;
        position: relative;
        display: inline-block;
        padding: 4px 12px;
        text-align: center;
        text-decoration: none;
        border: none;
        color:#fff;
        background-color:#666;
    }
    
    
    /* コンビニ受取指定画面 */
    
    .cart-cvs-cnt {
        font-weight: bold;
        text-align: left;
    }
    
    .cart-cvs-inner > ul {
        clear: both;
        border-top: 1px solid #d0d0d0;
    }
    
    .cart-cvs-inner > ul > li {
        display: flex;
        clear: both;
        text-align: left;
        border-bottom: 1px solid #d0d0d0;
    }
    
    .cart-cvs-inner > ul > li div {
        padding: 10px 15px 5px;
    }
    
    .cart-cvs-inner > ul div {
        width: 70px;
    }
    
    .cart-cvs-inner div img {
        max-width: 40px;
        max-height: 56px;
    }
    
    .cart-cvs-inner > ul > li ul {
        position: relative;
        width: 100%;
        padding: 5px;
    }
    
    .cart-cvs-inner > ul > li li a {
        display: inline-block;
        padding: 5px;
        text-align: center;
        text-decoration: none;
        border: 1px solid #d0d0d0;
        border-radius: 5px;
        background: #efefef;
    }
    
    .cart-cvs-inner > ul > li li a:hover {
        background: #fcfcfc;
    }
    
    .cart-cvs-inner > ul > li li:first-child {
        font-weight: bold;
    }
    
    .cart-cvs-inner > ul > li li:nth-last-child(3) a {
        position: absolute;
        width: 140px;
        height: 33px;
        right: 150px;
        top: calc(100% - 40px);
        line-height: 21px;
    }
    
    .cart-cvs-inner > ul > li li:nth-last-child(-n+2) a {
        position: absolute;
        width: 140px;
        height:33px;
        right: 5px;
        top: calc(100% - 40px);
        line-height: 21px;
    }
    
    .cart-cvs-inner > ul > li li:last-child {
        display: none;
    }
    
    
    /* 汎用１カラム枠 */
    
    .cart-1col-msg {
        font-size: 15px;
        margin-bottom: 25px;
        text-align: center;
    }
    
    .cart-1col-btn {
        font-size: 15px;
        margin-bottom: 25px;
        text-align: center;
    }
    
    .cart-1col-btn .btn {
        font-size: 16px;
        font-weight: normal;
        line-height: 44px;
        position: relative;
        display: inline-block;
        width: 152px;
        height: 44px;
        text-align: center;
        text-decoration: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-1col-btn .btn span:before {
        position: absolute;
        top: 50%;
        left: 10px;
        display: block;
        width: 10px;
        height: 18px;
        margin-top: -9px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #MEM0001D03 .cart-1col-btn .btn span:before {
        background-image: none;
    }
    
    .cart-1col-btn .btn-back {
        margin-right: 18px;
    }
    
    .cart-1col-btn .btn-back span:before {
        transform: rotate(180deg);
    }
    
    /* 汎用２カラムの右枠*/
    
    .cart-2col-right-btn {
        font-size: 15px;
        margin-bottom: 25px;
        text-align: center;
    }
    
    .cart-2col-right-btn .btn {
        font-size: 16px;
        font-weight: normal;
        line-height: 44px;
        position: relative;
        display: inline-block;
        width: 152px;
        height: 44px;
        text-align: center;
        text-decoration: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-2col-right-btn .btn span:before {
        position: absolute;
        top: 50%;
        left: 10px;
        display: block;
        width: 10px;
        height: 18px;
        margin-top: -9px;
        content: '';
        background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    /* マイページ　カード情報登録枠 */
    
    .cart-card-change-btn,
    .cart-card-remove-btn,
    .cart-card-registed-btn {
        margin-top: 30px;
    }
    
    .cart-card-registed-info table,
    .cart-card-change-info table,
    .cart-card-remove table {
        width: 80%;
        margin: 30px auto;
    }
    
    .cart-card-info-msg p:first-child {
        font-size: 16px;
        margin-bottom: 1em;
        color: #666;
    }
    
    .cart-card-change-btn a,
    .cart-card-remove-btn a,
    .cart-card-registed-btn a {
        font-size: 16px;
        line-height: 40px;
        display: inline-block;
        width: 180px;
        height: 40px;
        padding: 0 12px;
        text-align: center;
        text-decoration: none;
        border: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-card-registed-change-btn {
        margin-right: 15px;
    }
    
    input[type=text].cart-card-change-expire-year,
    input[type=text].cart-card-change-expire-month {
        width: 40px;
        margin: 0 3px;
        text-align: right;
    }
    
    input[type=text].cart-card-change-expire-month {
        margin-left: 11px;
    }
    
    input[type=text].cart-card-change-name {
        width: 100%;
    }
    
    /* マイページ注文履歴枠 */
    
    .cart-mypage-history-list a {
        text-decoration: none;
    }
    
    .cart-mypage-history-list li {
        display: table;
        width: 100%;
        margin-top: 5px;
        padding: 5px;
        border-collapse: collapse;
        border-bottom: 1px solid #d9d9d9;
    }
    
    .cart-mypage-history-list li span {
        display: table-cell;
        padding: 5px;
        text-align: left;
        vertical-align: middle;
        word-break: break-all;
    }
    
    .cart-mypage-history-list li:first-child span {
        text-align: center;
        color: #999;
    }
    
    .cart-mypage-history-list li span:first-child {
        width: 100px;
    }
    
    .cart-mypage-history-list li span:nth-child(2) {
        width: 100px;
    }
    
    .cart-mypage-history-list li span:nth-child(3) {
        width: 110px;
        text-align: center;
        word-break: normal;
    }
    
    .cart-mypage-history-list li span:nth-child(4) {
        width: 280px;
    }
    
    .cart-mypage-history-list li span:nth-child(5) {
        width: 130px;
    }
    
    .cart-mypage-history-list li span:last-child {
        width: 90px;
        text-align: right;
    }
    
    .cart-mypage-history-list .order-sts-hide li span:first-child {
        width: 150px;
    }
    .cart-mypage-history-list .order-sts-hide li span:nth-child(2) {
        width: 110px;
        text-align: center;
        word-break: normal;
    }
    .cart-mypage-history-list .order-sts-hide li span:nth-child(3) {
        width: 320px;
    }
    .cart-mypage-history-list .order-sts-hide li:first-child span:nth-child(3) {
        text-align: center;
    }
    .cart-mypage-history-list .order-sts-hide li span:nth-child(4) {
        width: 130px;
    }
    .cart-mypage-history-list .order-sts-hide li span:last-child {
        width: 90px;
        text-align: right;
    }
    
    .cart-mypage-history-order {
        font-weight: bold;
    }
    
    .cart-mypage-history-order:after {
        display: block;
        clear: both;
        margin-bottom: 32px;
        content: ' ';
    }
    
    .cart-mypage-history-order-total {
        font-size: 28px;
        line-height: 38px;
        display: inline-block;
        float: left;
    }
    
    .cart-mypage-history-order-total:before {
        font-size: 16px;
        padding-right: 12px;
        content: '合計:';
    }
    
    .cart-mypage-history-order-status {
        display: inline-block;
        float: left;
        margin-left: 24px;
        padding-top: 14px;
        vertical-align: bottom;
    }
    
    .cart-mypage-history-order-status:before {
        padding-right: 12px;
        content: 'ステータス：';
    }
    
    .cart-mypage-history-order-detail li {
        display: table;
        width: 100%;
        margin-top: 5px;
        padding: 5px;
        border-collapse: collapse;
        text-align: right;
    }
    
    .cart-mypage-history-order-detail li span {
        display: table-cell;
        padding: 5px;
        word-break: break-all;
    }
    
    .cart-mypage-history-order-detail li span:first-child {
        width: calc( 100% - 100px);
        font-weight: bold;
    }
    
    .cart-mypage-history-order-detail li span:last-child {
        width: 100px;
        text-align: right;
    }
    
    .cart-mypage-point-list a {
        text-decoration: none;
    }
    
    .cart-mypage-point-list li {
        display: table;
        width: 100%;
        margin-top: 5px;
        padding: 5px;
        border-collapse: collapse;
        border-bottom: 1px solid #d9d9d9;
    }
    
    .cart-mypage-point-list li span {
        display: table-cell;
        padding: 5px;
        word-break: break-all;
    }
    
    .cart-mypage-point-list li:first-child span {
        color: #999;
    }
    
    .cart-mypage-point-list li span:first-child {
        width: 200px;
    }
    
    .cart-mypage-point-list li span:last-child {
        width: 130px;
    }
    
    .cart-mypage-point-list a {
        text-decoration: none;
    }
    
    .cart-mypage-point-list li {
        display: table;
        width: 100%;
        margin-top: 5px;
        padding: 5px;
        border-collapse: collapse;
        border-bottom: 1px solid #d9d9d9;
    }
    
    .cart-mypage-point-list li span {
        display: table-cell;
        padding: 5px;
        word-break: break-all;
    }
    
    .cart-mypage-point-list li:first-child span {
        color: #999;
    }
    
    .cart-mypage-point-list li span:first-child {
        width: 200px;
    }
    
    .cart-mypage-point-list li span:last-child {
        width: 130px;
    }
    
    .cart-mypage-ask-list-cnt {
        font-weight: bold;
    }
    
    .cart-mypage-ask-list a {
        display: block;
        text-decoration: none;
    }
    
    .cart-mypage-ask-list li {
        display: table;
        width: 100%;
        padding: 5px;
        border-collapse: collapse;
        border-bottom: 1px solid #d9d9d9;
    }
    
    .cart-mypage-ask-list li span {
        display: table-cell;
        padding: 5px;
        text-align: center;
        vertical-align: middle;
        word-break: break-all;
    }
    
    .cart-mypage-ask-list li:first-child span {
        text-align: center;
        color: #999;
    }
    
    .cart-mypage-ask-list li span:first-child {
        width: 100px;
    }
    
    .cart-mypage-ask-list li span:nth-child(2) {
        width: 385px;
    }
    
    .cart-mypage-ask-list li span:nth-child(3) {
        width: 80px;
    }
    
    .cart-mypage-ask-list li span:nth-child(4) {
        width: 110px;
        word-break: normal;
    }
    
    .cart-mypage-ask-list li span:last-child {
        width: 110px;
        word-break: normal;
    }
    
    
    /* お問合せ履歴（マイページ・一見共用） */
    .cart-input-ask-login-id input,
    .cart-input-ask-login-key input[type='password'] {
        -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset;
    }
    
    .cart-input-ask ul {
        margin-top: 32px;
        padding: 12px;
        border: 1px solid #d0d0d0;
    }
    
    .cart-input-ask li {
        padding: 12px 160px;
    }
    
    .cart-input-ask li.cart-input-ask-history-num {
        padding: 12px;
        text-align: left;
    }
    
    .cart-input-ask li.cart-input-ask-history-title {
        padding: 12px;
        text-align: left;
    }
    
    .cart-input-ask-history-btn {
        font-size: 15px;
        margin: 12px 0 16px;
        text-align: right;
    }
    
    .cart-input-ask-history-btn a {
        text-decoration: none;
    }
    
    .cart-input-ask-history-btn .btn {
        font-size: 16px;
        font-weight: normal;
        line-height: 44px;
        position: relative;
        display: inline-block;
        width: 152px;
        height: 44px;
        text-align: center;
        text-decoration: none;
        color:#fff;
        background-color:#666;
    }
    
    .cart-input-ask li.cart-input-ask-history-shop {
        padding-left: 12px;
    }
    
    .cart-input-ask li.cart-input-ask-history-cus {
        padding-right: 12px;
    }
    
    .cart-input-ask-history-content {
        padding: 5px;
        text-align: left;
        word-break: break-all;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    
    .cart-input-ask-history-cus .cart-input-ask-history-content {
        background-color: #cfc;
    }
    
    .cart-input-ask-history-date {
        font-size: 80%;
        text-align: left;
        color: #999;
    }
    
    
    /************
    form input
    ************/
    
    .form-select label {
        position: relative;
        display: inline-block;
        overflow: hidden;
        min-width: 200px;
        height: 36px;
        vertical-align: middle;
        border: 1px solid #d0d0d0;
        background-color: #f5f5f5;
    }
    
    .form-select label:after {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 10px;
        width: 0;
        height: 0;
        margin-top: -3px;
        content: '';
        border-width: 7px 5px 0 4px;
        border-style: solid;
        border-color: #000 transparent transparent transparent;
    }
    
    .form-select select {
        font-size: 14px;
        line-height: 36px;
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        height: 36px;
        margin: 0;
        padding: 0 30px 0 10px;
        border: 0;
        outline: none;
        background: transparent;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
    }
    
    .form-checkbox {
        display: inline-block;
        vertical-align: middle;
    }
    
    .form-checkbox input[type=checkbox] {
        margin-right: 5px;
    }
    
    .form-radio input[type=radio] {
        margin-right: 5px;
    }
    
    .form-tbl-show {
        display: none;
    }
    
    .form-tbl-show.active {
        display: table;
    }
    
    
    /* Tips */
    
    .visibleTips {
        z-index: 100 !important;
        opacity: .8 !important;
    }
    
    .normalTips {
        z-index: -1;
        opacity: 0;
    }
    
    #Tips {
        position: fixed;
        display: inline-block;
        border-radius: 5px;
        background: #efefef;
    }
    
    #Tips div {
        line-height: 1.5;
        margin: 2px;
        padding: 10px 15px 9px;
        color: #f00;
        border: 1px solid #f00;
        border-radius: 5px;
    }
    
    .main-close {
        text-align: center;
    }
    @media only screen and (max-width: 1109px) {
        #wrapper,
        .wrapper {
            min-width: 100%;
        }
        .contents {
            width: 100%;
        }
        .main:not(.main-1col) {
            float: right;
            width:calc(75% - 15px);
        }
        .side{
            width:calc(25% - 15px);
        }
        .header-top ul {
            width: 100%;
        }
        .logo-text-footer {
            width: 100%;
        }
        .cart-input,
        .cart-check,
        .cart-check-law {
            width: calc( 100% - 370px );
        }
        .cart-action-inner.js-fixed {
            margin-left: calc( 50% - 350px );
        }
        .cart-input-name td div,
        .cart-input-kana td div {
            width:calc( 50% - 5px );
        }
        .cart-input-name td div:first-child,
        .cart-input-kana td div:first-child {
            margin-right: 0px;
        }
        .cart-input-name td input[type=text],
        .cart-input-kana td input[type=text] {
            width: calc( 100% - 45px );
        }
    }
    @media only screen and (max-width: 860px) {
        .cart-input,
        .cart-check,
        .cart-check-law {
            width: 100%;
            margin-bottom: 35px;
        }
        .cart-1col {
            width: 100%;
            padding: 0;
        }
        .cart-check-law {
            margin-top: 20px;
            font-size: 14px;
        }
        .cart-step {
            font-size: 0;
            margin-bottom: 9px;
            padding: 0 10px;
            text-align: center;
        }
        .cart-step > div {
            font-size: 10px;
            line-height: 38px;
            display: inline-block;
            width: 33.33%;
            height: 38px;
            margin: 0;
            text-align: center;
            border: solid 1px #fcfcfc;
        }
        .cart-action {
            float: none;
            clear: both;
            width: 100%;
            padding-right: 10px;
            padding-left: 10px;
        }
        .cart-action-inner {
            position: inherit;
            top: 0;
            left: auto;
            clear: both;
            width: 100%;
            margin-bottom: 24px;
            padding: 20px 15px;
            border: #f3f3f3 5px solid;
        }
        .cart-action-inner.js-fixed {
            position: inherit;
            top: 0;
            left: auto;
            margin: 0 auto;
        }
        .cart-action-btn {
            width: 100%;
            margin-bottom: 20px;
            text-align: center;
        }
        .cart-action-btn a {
            font-size: 16px;
            line-height: 44px;
            position: relative;
            display: inline-block;
            width: 200px;
            height: 44px;
            text-align: center;
            border: none;
        }
        .cart-action-btn a span:before {
            position: absolute;
            top: 50%;
            left: 10px;
            display: block;
            width: 9px;
            height: 16px;
            margin-top: -8px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-btn_sp.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .cart-action-btn a.cart-action-btn-comp span:before {
            position: absolute;
            top: 50%;
            left: 10px;
            display: block;
            width: 18px;
            height: 18px;
            margin-top: -9px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .cart-action-btn-confirm a span:before {
            width: 16px;
            height: 16px;
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-check.png);
        }
        .cart-action-btns-top {
            margin-bottom: 15px;
        }
        .cart-action-btn-back {
            margin-top: 15px;
        }
        .cart-subtotal {
            margin-bottom: 5px;
        }
        .cart-action-inner table {
            width: 100%;
        }
        .cart-action-inner table th {
            font-size: 16px;
        }
        .cart-action-inner table td {
            font-size: 16px;
            text-align: right;
        }
        .cart-action-sum-all th,
        .cart-action-sum-all td {
            padding-top: 6px;
            border-top: #d0d0d0 solid 1px;
        }
    }
    @media only screen and (max-width: 600px) {
        /***********
         * layout
         ***********/
        .contents {
            margin: 0 auto;
            padding: 0 0 0;
        }
        /***********
         * header
         ***********/
        .header {
            position: relative;
            width: 100%;
            box-shadow: none;
        }
        .header-top {
            position: absolute;
            top: 65px;
            left: 0;
            width: 100%;
            min-height: 0;
            padding: 0;
            color: #fcfcfc;
            border-bottom: #fcfcfc solid 1px;
            background-color: #333;
        }
        .header-top ul {
            display: table;
            float: none;
            width: 100%;
            height: 44px;
        }
        .header-top ul li {
            font-size: 10px;
            line-height: 30px;
            display: table-cell;
            float: none;
            width: 33.33%;
            margin-left: 0;
            text-align: center;
        }
        .header-top ul li a {
            position: relative;
            display: block;
            width: 100%;
            height: 44px;
            padding-top: 18px;
            color: #fcfcfc;
        }
        .header-top ul li a.entry {
            padding-left: 0;
        }
        .header-top ul li a.entry:before {
            position: absolute;
            top: 6px;
            left: 50%;
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-top: 0;
            margin-left: -8px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-entry_sp.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
    
        .header-top .gnav {
            display: none;
        }
    
        .header-top ul li a.mypage {
            padding-left: 0;
        }
        .header-top ul li a.mypage:before {
            position: absolute;
            top: 6px;
            left: 50%;
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-top: 0;
            margin-left: -8px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-mypage_sp.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .header-top ul li a.cart {
            padding-left: 0;
        }
        .header-top ul li a.cart:before {
            position: absolute;
            top: 2px;
            left: 50%;
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-top: 0;
            margin-left: -10px;
            font-size: 15px;
            content: '\e919';
            font-family: "icomoon";
            background: none;
        }
        .header-top ul li a.logout {
            padding-left: 0;
        }
        .header-top ul li a.logout:before {
            position: absolute;
            top: 0;
            left: 50%;
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-top: 0;
            margin-left: -8px;
            font-size: 14px;
            content: '\e931';
            font-family: "icomoon";
            background: none;
        }
        .header-top-cart {
            box-shadow: 1px 1px 8px rgba(0,0,0,.3);
        }
        .header-menu-sp {
            position: absolute;
            z-index: 50;
            top: 50%;
            left: 10px;
            display: block;
            width: 28px;
            margin-top: -14px;
        }
        .header-menu-sp a {
            display: block;
            width: 28px;
            height: 28px;
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-menu_sp.png);
            background-size: cover;
        }
    
        /***********
         * footer
         ***********/
        .footer {
            width: 100%;
        }
        .footer-logo {
            width: 90%;
        }
        .copyright {
            font-size: 10px;
            width: 100%;
            text-align: center;
            word-break: break-word;
            color: #666;
        }
        /***********
         * side
         ***********/
        .side {
            float: none;
            width: 100%;
            padding-bottom: 0;
        }
        .lnav {
            position: fixed;
            z-index: 9999;
            top: 0;
            right: -96%;
            overflow: scroll;
            width: 96%;
            height: 100%;
            margin-bottom: 38px;
            padding-bottom: 50px;
            -webkit-transition: right .6s cubic-bezier(.19, 1, .22, 1);
                    transition: right .6s cubic-bezier(.19, 1, .22, 1);
            background-color: #fff;
        }
        .nav-open {
            overflow: hidden;
        }
        .nav-open .lnav {
            right: 0;
        }
        .nav-open .overlay {
            position: fixed;
            z-index: 9998;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.8);
        }
    
        .lnav .gnav {
            font-size: 0;
            padding: 0;
            background-color: #333;
        }
        .lnav .gnav li {
            font-size: 10px;
            line-height: 30px;
            display: inline-block;
            float: none;
            width: 50%;
            margin-left: 0;
            text-align: center;
        }
        .lnav .gnav li:last-child {
            margin-bottom: 0;
        }
        .lnav .gnav li a {
            position: relative;
            display: block;
            width: 100%;
            height: 44px;
            padding-top: 18px;
            color: #fcfcfc;
        }
        .lnav .gnav li .logout::after {
            position: absolute;
            top: 0;
            left: 50%;
            display: inline-block;
            width: 15px;
            height: 16px;
            margin-top: 0;
            margin-left: -8px;
            font-size: 14px;
            content: '\e931';
            font-family: "icomoon";
            background: none;
        }
        .lnav .gnav li .cart::after {
            position: absolute;
            top: 2px;
            left: 50%;
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-top: 0;
            margin-left: -10px;
            font-size: 15px;
            content: '\e919';
            font-family: "icomoon";
            background: none;
        }
    
        .lnav > ul {
            padding: 0 12px;
        }
        .lnav > ul > li {
            font-size: 18px;
            line-height: 1;
            margin-bottom: 0;
            color: #000;
            border-bottom: #e3e3e3 solid 1px;
        }
        .lnav > ul > li:last-child {
            margin-bottom: 12px;
        }
        .lnav > ul > li > div,
        .lnav > ul > li > a {
            margin-bottom: 0;
            padding: 12px 0;
        }
        .lnav > ul li a {
            position: relative;
            display: block;
            width: 100%;
            color: #000;
        }
        .lnav > ul li a:after {
            position: absolute;
            top: 50%;
            right: 0;
            display: inline-block;
            width: 11px;
            height: 19px;
            margin-top: -10px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav_sp.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .lnav > ul > li > a > p,
        .lnav > ul > li > div > p {
            font-size: 16px;
            display: inline;
            margin-right: 5px;
        }
        .lnav > ul > li span {
            font-size: 12px;
            display: inline-block;
            color: #666;
        }
        .lnav > ul li .lnav-l2 > li {
            font-size: 14px;
            border-top: #d0d0d0 dotted 1px;
        }
        .lnav > ul li .lnav-l2 > li > a {
            line-height: 36px;
            height: 36px;
            color: #333;
        }
        .lnav > ul li .lnav-l3 > li {
            font-size: 14px;
            border-top: #d0d0d0 dotted 1px;
        }
        .lnav > ul li .lnav-l3 > li > a {
            line-height: 36px;
            height: 36px;
            text-indent: 15px;
            color: #666;
        }
        .lnav-close {
            font-size: 10px;
            display: block;
            background-color: #eee;
        }
        .lnav-close a {
            line-height: 40px;
            position: relative;
            display: block;
            height: 40px;
            padding-left: 40px;
            text-decoration: none;
            color: #333;
        }
        .lnav-close a:before {
            position: absolute;
            top: 50%;
            left: 12px;
            display: block;
            width: 20px;
            height: 20px;
            margin-top: -10px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-close.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        /***********
         * main
         ***********/
        .main {
            float: none;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 50px;
            padding-bottom: 0;
        }
        .bread ~ .main {
            float: none;
            width: 100%;
            margin-top: 0;
            padding-bottom: 0;
        }
        /* bread */
        .bread {
            margin-bottom: 20px;
            padding: 8px 10px;
            background-color: #f3f3f3;
        }
        .bread ul li {
            font-size: 12px;
            float: left;
            margin-right: 8px;
            color: #000;
        }
        .bread ul li a {
            text-decoration: none;
            color: #666;
        }
        .bread ul li a:after {
            display: inline-block;
            margin-left: 8px;
            content: '>';
            color: #666;
        }
        /* ttl */
        .ttl {
            margin-bottom: 16px;
            text-align: center;
        }
        .ttl h2 {
            position: relative;
            margin-bottom: 10px;
            padding-bottom: 6px;
        }
        .ttl h2:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            display: inline-block;
            width: 24px;
            height: 1px;
            margin-left: -12px;
            content: '';
            background-color: #000;
        }
        .ttl h3 {
            font-size: 16px;
            font-weight: normal;
        }
        /* err */
        .cart-err {
            font-size: 12px;
            margin-right: 10px;
            margin-bottom: 20px;
            margin-left: 10px;
            padding: 10px 10px;
        }
        .cart-suc {
            font-size: 12px;
            margin-right: 10px;
            margin-bottom: 20px;
            margin-left: 10px;
            padding: 10px 10px;
        }
        .cart-action-inner.js-fixed {
            top: 0;
            left: 740px;
            margin-left: auto;
        }
        .cart-freeship {
            font-size: 12px;
            margin-right: 10px;
            margin-bottom: 20px;
            margin-left: 10px;
            padding: 10px 10px;
        }
        .cart-input,
        .cart-check {
            width: 100%;
        }
        .cart-check-law {
            font-size: 14px;
            margin-top: 20px;
        }
        .form_error {
            font-size: 12px;
        }
    
        .cart-1col,
        .cart-2col-right {
            width: 100%;
            padding: 0;
            text-align: left;
        }
        .cart-input-birthday .form-select {
            display: inline-block;
            width: 95px;
            margin-right: 0;
            vertical-align: middle;
        }
        .cart-input-birthday .form-select label {
            min-width: 0;
            max-width: 70px;
            margin-right: 0;
        }
        .cart-input-birthday .form-select label::after {
            right: 6px;
        }
        .cart-input-birthday .form-select select {
            width: 60px;
            padding-right: 10px;
        }
    
        .cart-check-law h4,
        .cart-input-user h4,
        .cart-input-ship h4,
        .cart-input-pay h4,
        .cart-input-other h4,
        .cart-check-user h4,
        .cart-check-ship h4,
        .cart-check-pay h4,
        .cart-check-other h4,
        .cart-item-list h4,
        .cart-1col-inner h4,
        .cart-2col-right-inner h4,
        .cart-mypage-history-list h4,
        .cart-mypage-point-list h4,
        .cart-mypage-ask-list h4,
        .cart-input-ask h4,
        .cart-cvs-inner h4,
        .cart-card-info h4,
        .cart-card-registed h4,
        .cart-card-change h4,
        .cart-card-remove h4 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 14px;
            padding-bottom: 14px;
            text-align: left;
        }
        .cart-check-law h4:before,
        .cart-input-user h4:before,
        .cart-input-ship h4:before,
        .cart-input-pay h4:before,
        .cart-input-other h4:before,
        .cart-check-user h4:before,
        .cart-check-ship h4:before,
        .cart-check-pay h4:before,
        .cart-check-other h4:before,
        .cart-item-list h4:before,
        .cart-1col-inner h4:before,
        .cart-2col-right-inner h4:before,
        .cart-mypage-history-list h4:before,
        .cart-mypage-point-list h4:before,
        .cart-mypage-ask-list h4:before,
        .cart-input-ask h4:before,
        .cart-cvs-inner h4:before,
        .cart-card-info h4:before,
        .cart-card-registed h4:before,
        .cart-card-change h4:before,
        .cart-card-remove h4:before {
            font-size: 14px;
            padding-right: 8px;
            content: "■";
            color: #d2d2d2;
        }
        .cart-check-law,
        .cart-input-user,
        .cart-input-ship,
        .cart-input-pay,
        .cart-input-other,
        .cart-check-user,
        .cart-check-ship,
        .cart-check-pay,
        .cart-check-other,
        .cart-item-list,
        .cart-1col-inner,
        .cart-2col-right-inner,
        .cart-mypage-history-list,
        .cart-mypage-point-list,
        .cart-mypage-ask-list,
        .cart-input-ask,
        .cart-cvs-inner,
        .cart-card-info,
        .cart-card-registed,
        .cart-card-change,
        .cart-card-remove {
            width: 100%;
            padding-top: 12px;
            padding-right: 10px;
            padding-left: 10px;
            border-top: none;
        }
        .cart-input-user table,
        .cart-input-ship table,
        .cart-input-pay table,
        .cart-input-other table,
        .cart-check-user table,
        .cart-check-ship table,
        .cart-check-pay table,
        .cart-check-other table,
        .cart-item-list table,
        .cart-1col-inner table,
        .cart-cvs-inner table,
        .cart-card-registed-info table,
        .cart-card-change-info table,
        .cart-card-remove table {
            display: block;
            width: 100%;
            margin-top: 20px;
            margin-bottom: 0;
        }
        .cart-input-user tbody,
        .cart-input-ship tbody,
        .cart-input-pay tbody,
        .cart-input-other tbody,
        .cart-check-user tbody,
        .cart-check-ship tbody,
        .cart-check-pay tbody,
        .cart-check-other tbody,
        .cart-item-list tbody,
        .cart-1col-inner tbody,
        .cart-cvs-inner tbody,
        .cart-input-user tr,
        .cart-input-ship tr,
        .cart-input-pay tr,
        .cart-input-other tr,
        .cart-check-user tr,
        .cart-check-ship tr,
        .cart-check-pay tr,
        .cart-check-other tr,
        .cart-item-list tr,
        .cart-1col-inner tr,
        .cart-cvs-inner tr {
            display: block;
            width: 100%;
        }
        .cart-input-user th,
        .cart-input-ship th,
        .cart-input-pay th,
        .cart-input-other th,
        .cart-1col-inner th,
        .cart-cvs-inner th {
            font-size: 14px;
            font-weight: normal;
            line-height: 1.2;
            display: block;
            width: 100%;
            padding: 0 0 10px;
            text-align: left;
        }
        .cart-check-user th,
        .cart-check-ship th,
        .cart-check-pay th,
        .cart-check-other th {
            font-size: 14px;
            font-weight: bold;
            display: block;
            width: 100%;
            padding: 10px 0 5px;
            text-align: left;
        }
        .cart-item-list table th {
            width: 76px;
            padding: 12px 0;
            vertical-align: top;
            border-bottom: dotted 1px #d0d0d0;
        }
        .cart-item-list table tr:last-child th {
            border-bottom: none;
        }
        .cart-input-user table th span {
            font-size: 12px;
            margin-left: 12px;
        }
        .cart-item-list table th img {
            width: 70px;
            height: auto;
        }
        .cart-input-user td,
        .cart-input-ship td,
        .cart-input-pay td,
        .cart-input-other td,
        .cart-1col-inner td,
        .cart-cvs-inner td {
            font-size: 14px;
            font-weight: normal;
            display: block;
            width: 100%;
            padding: 0 0 20px;
            vertical-align: top;
        }
        #CBY0003D01 .cart-input-member-id td {
            padding-top: 0;
        }
        .cart-check-user td,
        .cart-check-ship td,
        .cart-check-pay td,
        .cart-check-other td {
            font-size: 12px;
            font-weight: normal;
            display: block;
            width: 100%;
            padding: 0 0 10px;
            vertical-align: top;
        }
        .cart-item-list table td {
            font-size: 14px;
            width: 100%;
            padding: 12px 0 12px 10px;
            border-bottom: dotted 1px #d0d0d0;
        }
        .cart-item-list table tr:last-child td {
            border-bottom: none;
        }
        .cart-input-user input[type=text],
        .cart-input-ship input[type=text],
        .cart-1col-inner input[type=text],
        .cart-input-pay input[type=text],
        .cart-check-pay input[type=text],
        .cart-card-change input[type=text],
        .cart-input-user input[type=email],
        .cart-input-ship input[type=email],
        .cart-input-pay input[type=email],
        .cart-check-pay input[type=email],
        .cart-input-user input[type=tel],
        .cart-input-ship input[type=tel],
        .cart-input-pay input[type=tel],
        .cart-check-pay input[type=tel],
        .cart-cvs-inner input[type=tel],
        .cart-input-user input[type=number],
        .cart-input-ship input[type=number],
        .cart-input-pay input[type=number],
        .cart-check-pay input[type=number],
        .cart-input-user input[type=password],
        .cart-1col-inner input[type=password] {
            font-size: 16px;
            line-height: 36px;
            height: 36px;
            padding: 0 10px;
            border: #d0d0d0 solid 1px;
            background-color: #f5f5f5;
        }
        .cart-input-name input[type=text],
        .cart-input-kana input[type=text] {
            width: 100px;
        }
        .form-select label {
            position: relative;
            display: inline-block;
            overflow: hidden;
            width: 100%;
            height: 36px;
            vertical-align: middle;
            border: 1px solid #d0d0d0;
            background-color: #f5f5f5;
        }
        .form-select label:after {
            position: absolute;
            z-index: 1;
            top: 50%;
            right: 20px;
            width: 0;
            height: 0;
            margin-top: -3px;
            content: '';
            border-width: 7px 5px 0 4px;
            border-style: solid;
            border-color: #000 transparent transparent transparent;
        }
        .form-select select {
            font-size: 16px;
            line-height: 36px;
            position: relative;
            z-index: 2;
            display: block;
            width: 100%;
            width: -webkit-calc(100%);
            height: 36px;
            margin: 0;
            padding: 0 40px 0 10px;
            border: 0;
            outline: none;
            background: transparent;
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
        }
        .form-checkbox input[type=checkbox] {
            margin-top: .8em;
        }
        .form-checkbox input[type=checkbox]:first-child {
            margin-top: none;
        }
        .form-radio input[type=radio] {
            margin-top: .8em;
        }
        .form-radio input[type=radio]:first-child {
            margin-top: none;
        }
        .cart-input-user table.form-tbl-show,
        .cart-check table.form-tbl-show {
            display: none;
        }
        .cart-input-user table.form-tbl-show.active,
        .cart-check table.form-tbl-show.active {
            display: block;
        }
        .cart-input-pay-img img {
            margin:0 8px 16px;
        }
        .cart-input-other,
        .cart-check-other {
            width: calc(100% - 16px);
            margin: 0 8px;
            padding-right: 4px;
            padding-left: 4px;
            border-top: 1px solid #ccc;
        }
        .cart-check-law-term {
            width: 100%;
            margin-bottom: 10px;
            padding: 0 10px;
            text-align: left;
        }
        .cart-comp-code {
            font-size: 16px;
            font-weight: normal;
            display: inline-block;
            width: 100%;
            margin-bottom: 30px;
            padding: 5px 0;
            text-align: center;
            border: #000 solid 1px;
        }
        .cart-comp-txt {
            font-size: 14px;
            text-align: left;
        }
        /*　マイページ　ログインリンク*/
        .cart-mypage-login-link li {
            margin-top: 1em;
        }
        .cart-mypage-login-link li:first-child {
            margin-top: none;
        }
        /*　マイページ　注文履歴*/
        .cart-mypage-history-list li {
            border: none;
        }
        .cart-mypage-history-list li:first-child {
            display: none;
        }
        .cart-mypage-history-list li a {
            position: relative;
            display: block;
            padding: 8px 24px 8px 12px;
            text-align: left;
            text-decoration: none;
            border: 1px solid #efefef;
            border-radius: 5px;
            background-color: #f3f3f3;
        }
        .cart-mypage-history-list li a:after {
            position: absolute;
            top: 50%;
            right: 6px;
            display: inline-block;
            width: 9px;
            height: 18px;
            margin-top: -9px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .cart-mypage-history-list li span {
            display: block;
            padding: 0;
        }
        .cart-mypage-history-list li span:first-child,
        .cart-mypage-history-list li span:nth-child(2),
        .cart-mypage-history-list li span:nth-child(3),
        .cart-mypage-history-list li span:nth-child(4),
        .cart-mypage-history-list li span:nth-child(5),
        .cart-mypage-history-list li span:last-child {
            width: auto;
            text-align: left;
        }
        .cart-mypage-history-list li span:first-child:before {
            content: 'ステータス：';
        }
        .cart-mypage-history-list li span:nth-child(2):before {
            content: '注文番号：';
        }
        .cart-mypage-history-list li span:nth-child(3):before {
            content: '注文日：';
        }
        .cart-mypage-history-list li span:nth-child(4):before {
            content: 'お届け先：';
        }
        .cart-mypage-history-list li span:nth-child(5):before {
            content: 'お支払い方法：';
        }
        .cart-mypage-history-list li span:last-child:before {
            content: '金額：';
        }
        .cart-mypage-history-list .order-sts-hide li span:first-child,
        .cart-mypage-history-list .order-sts-hide li span:nth-child(2),
        .cart-mypage-history-list .order-sts-hide li span:nth-child(3),
        .cart-mypage-history-list .order-sts-hide li span:nth-child(4),
        .cart-mypage-history-list .order-sts-hide li span:last-child {
            width: auto;
            text-align: left;
        }
        .cart-mypage-history-list .order-sts-hide li span:first-child:before {
            content: '注文番号：';
        }
        .cart-mypage-history-list .order-sts-hide li span:nth-child(2):before {
            content: '注文日：';
        }
        .cart-mypage-history-list .order-sts-hide li span:nth-child(3):before {
            content: 'お届け先：';
        }
        .cart-mypage-history-list .order-sts-hide li span:nth-child(4):before {
            content: 'お支払い方法：';
        }
        .cart-mypage-history-list .order-sts-hide li span:last-child:before {
            content: '金額：';
        }
        .cart-mypage-history-order-total {
            display: block;
            float: none;
            margin-left: 0;
            text-align: left;
        }
        .cart-mypage-history-order-status {
            display: block;
            float: none;
            margin-left: 0;
            text-align: left;
        }
        .cart-mypage-history-order-detail {
            display: block;
            float: right;
            width: 100%;
        }
        .cart-mypage-history-order-detail li {
            width: 100%;
            border-bottom: 1px dotted #d0d0d0;
        }
        .cart-mypage-point-list li:first-child {
            display: none;
        }
        .cart-mypage-point-list li {
            display: block;
            padding: 8px 12px;
            border: none;
            border-radius: 5px;
            background-color: #f3f3f3;
        }
        .cart-mypage-point-list li span {
            display: block;
            width: 100% !important;
            padding: 0;
            text-align: left;
        }
        .cart-mypage-point-list li span:last-child:before {
            content: '確定ポイント残：';
        }
        .cart-mypage-ask-list li {
            margin-top: 5px;
            border: none;
        }
        .cart-mypage-ask-list li:first-child {
            display: none;
        }
        .cart-mypage-ask-list li a {
            position: relative;
            display: block;
            padding: 8px 24px 8px 12px;
            text-align: left;
            border: 1px solid #efefef;
            border-radius: 5px;
            background-color: #f3f3f3;
        }
        .cart-mypage-ask-list li a:after {
            position: absolute;
            top: 50%;
            right: 6px;
            display: inline-block;
            width: 9px;
            height: 18px;
            margin-top: -9px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .cart-mypage-ask-list li span {
            display: block;
            padding: 0;
        }
        .cart-mypage-ask-list li span:first-child,
        .cart-mypage-ask-list li span:nth-child(2),
        .cart-mypage-ask-list li span:nth-child(3),
        .cart-mypage-ask-list li span:nth-child(4),
        .cart-mypage-ask-list li span:last-child {
            width: auto;
        }
        .cart-mypage-ask-list li span:first-child:before {
            content: 'お問合せ番号：';
        }
        .cart-mypage-ask-list li span:nth-child(2):before {
            content: '件名：';
        }
        .cart-mypage-ask-list li span:nth-child(3):before {
            content: 'お問合せステータス：';
        }
        .cart-mypage-ask-list li span:nth-child(4):before {
            content: '初回お問合せ日：';
        }
        .cart-mypage-ask-list li span:nth-child(5):before {
            content: '最終回答日：';
        }
        .cart-input-ask li.cart-input-ask-history-shop {
            padding-right: 25%;
        }
        .cart-input-ask li.cart-input-ask-history-cus {
            padding-left: 25%;
        }
        .cart-mypage-address-list li a {
            position: relative;
            display: block;
            padding: 8px 24px 8px 12px;
            text-align: left;
            text-decoration: none;
            border: 1px solid #efefef;
            border-radius: 5px;
            background-color: #f3f3f3;
        }
        .cart-mypage-address-list li a:after {
            position: absolute;
            top: 50%;
            right: 6px;
            display: inline-block;
            width: 9px;
            height: 18px;
            margin-top: -9px;
            content: '';
            background-image: url(https://image.raku-uru.jp/cms/yt00001/img/icn-arrow-nav.png);
            background-repeat: no-repeat;
            background-size: cover;
        }
        .cart-cvs-inner ul > li li:nth-child(5) {
            position: static;
            margin-top: 40px;
        }
        .cart-cvs-inner ul > li li:nth-child(6) {
            display: none;
        }
        .cart-cvs-inner ul > li li:last-child {
            display: block;
        }
        .cart-1col-inner {
            text-align: center;
        }
        .cart-1col-btn .btn{
            width: calc(100% - 16px);
        }
        .cart-1col-btn .btn-back {
            margin:0 0 12px;
        }
        .cart-card-registed-btn a {
            display: block;
            margin: 0 auto 15px;
        }
        .cart-card-change-btn a,
        .cart-card-remove-btn a {
            display: block;
            margin: 0 auto;
        }
    }
    
    /***********
     * #webcollect-token
     ***********/
    #create-token-launch {
        -webkit-appearance: none;
    }
    
    #webcollect-token-iframe {
        z-index:9999;
    }
    
    /***********
     * .cart-reservation
     ***********/
    .cart-reservation {
        color: #000;
        background-color: #d2d2d2;
    }
    
    .point {
        font-weight: normal;
        font-size: 12px;
        line-height: 30px;
        color: #777;
    }
    .point-amount {
        font-size: 16px;
        text-align: right;
    }
    
    @media only screen and (max-width: 600px) {
    .cart-2col-right-btn .btn.btn-reorder {
        margin: 10px 0 20px;
    }
    }
    
    @media screen and (max-width: 1024px) and (orientation: portrait) {
        .cart-check-user th, div.cart-check-user td {
            width: 100%;
            text-align: left;
            vertical-align: top;
            float: left;
            padding: 12px 12px 0 0;
        }
        .cart-item-list th {
            width: auto;
        }
    }