@charset "UTF-8";
/**************************************************************************************
itokin_cart.css /  カートページ
#PC表示（min-1188px）
◎共通
・ページフロー
・アイテムボックス
・カートボックス
◎トップ
・アイテムボックス
・お気に入り
・カートボックス
・小計
◎レジ
・メイン
・サイドバー
・カートボックス
・アイテムボックス
・小計


#タブレット表示（min-991px）
◎共通
・アイテムボックス
・カートボックス
◎トップ
・メイン
・サイドバー
・アテイムボックス
・カートボックス
・小計
◎レジ
・メイン
・サイドバー
・カートボックス
・小計
◎完了


#スマホ表示（min-767px）

*************************************************************************************/

/**************************************************
 共通
**************************************************/
#cart {
margin:  0 0 40px;
font-size: 15px;
}

@media (min-width: 992px) {
    #cart #page-title {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #cart.top .cart-layout {
        display: flex;
        column-gap: 48px;
        align-items: flex-start;
    }
    #cart.top .cart-layout .cart-main {
        width: 770px;
        margin-top: 1px;
    }
    #cart.top .cart-layout .cart-sidebar {
        width: 370px;
        float: right;
    }
}

/* ページフロー */
#cart .action-steps-wrap li {
width:  25%;
}

/* アイテムボックス */
#cart .item-box {
display:  flex;
align-items: stretch;
width:  100%;
margin-top:  -1px;
}
/*
#cart .item-box:nth-of-type(1) {
margin:  0;
}
*/
#cart .item-box p {
margin:  0;
}
#cart .item-box img {
width:  100%;
}
#cart .item-box > div {
display: flex;
flex: 1;
vertical-align:  top;
}
#cart .item-box th {
background-color:  #fafafa;
text-align:  center;
height: 64px;
}
#cart .item-box .left .image a {
min-height:  160px;
display: block;
}
#cart .item-box p.price {
font-size:  16px;
}
#cart .item-box p.price span {
font-size: 14px;
font-weight:  normal;
}
#cart .item-box p.cancel {
margin-top:  10px;
}
#cart .item-box .left th {
border-right: none;
}
#cart .item-box .left td.image {
width:  130px;
vertical-align:  top;
border-right: none;
padding-right:  0;
}
#cart .item-box .left td.text {
font-size:  13px;
border-right: none;
vertical-align:  top;
line-height: 19.8px;
}
#cart .item-box .left td.text p.name {
font-size: 15px;
color:  #000;
margin: 10px 0;
font-weight:  bold;
}
#cart .item-box .left td.text p.info-red {
color:  #e9381a;
}
#cart .item-box .right td {
width:  33.333333%;
text-align:  center;
}

/* カートボックス */
#cart .cart-box .coupon-code input {
width:  260px;
margin-right:  10px;
}
#cart .cart-box .coupon-code .btn {
height:  35px;
line-height: 35px;
border-radius:  20px;

}

#cart .cart-box td.bg-gray {
padding: 10px;
}

#cart .first-buy-left-bar {
    display: inline-block;
    transform: rotate(-21deg);
}
#cart .first-buy-right-bar {
    display: inline-block;
    transform: rotate(21deg);
}

#cart .rakuten-checkout-button-wrapper {
    border: none;
}

/**************************************************
 トップ
**************************************************/

/* アイテムボックス */
#cart.top .total {
display:  table;
width:  100%;
border-left: 1px solid #e1e1e1;
}
#cart.top .total p {
margin:  0;
}
#cart.top .total > div {
display: table-cell;
padding:  40px 20px;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

#cart.top .item-box .left {
width:  600px;
}
#cart.top .total .left a {
margin:  0 0 0 40px;
}
#cart.top .total .right {
text-align:  right;
background-color:  #fafafa;
}
#cart.top .total .right span {
font-size:  24px;
font-weight:  bold;
}

/* お気に入り */
#cart.top #recommned-item {
margin:  0 0 40px;
border-bottom:  none;
}

/* カートボックス */
#cart.top .cart-box {
margin:  0 0 40px;
}
#cart.top .cart-box.entry-form table {
border-top : none;
border-left: none;
}
#cart.top .cart-box th {
background-color:  #fafafa;
text-align:  left;
font-size:  16px;
font-weight:  normal;
border-left: 1px solid #e1e1e1;
}
#cart.top .cart-box td {
padding:  40px 20px;
border-left: 1px solid #e1e1e1;
}
#cart.top .cart-box td.campaign {
padding: 20px;
}
#cart.top .cart-box tr:first-child td.campaign {
border-right: none;
border-left: none;
}
#cart.top .cart-box td.campaign ul {
display: table;
margin:  0;
}
#cart.top .cart-box td.campaign .coupon-code {
margin: 40px 0 0;
}
#cart.top .cart-box td.campaign .coupon-code.not-margin {
margin: 0;
}

#cart.top .cart-box td.campaign li {
display:  table-cell;
vertical-align:  middle;
}
#cart.top .cart-box td.campaign li.not-cell {
display:  block;
vertical-align:  middle;
}
#cart.top .cart-box td.campaign li.not-cell:not(:last-child) {
margin-bottom: 10px;
}
#cart.top .cart-box td.gift ul {
display: table;
}
#cart.top .cart-box td.gift li {
display:  table-cell;
vertical-align:  top;
padding-right:  40px;
}
#cart.top .cart-box td.gift li select {
/* width:  200px; */
}
.btn-group-box.cart-actions .guest-contain {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.btn-group-box.cart-actions .guest-contain .guest-outlet-caution {
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
}
.btn-group-box.cart-actions .guest-contain-text {
    color: #a78e55;
    padding-bottom: 10px;
    font-weight: bold;
}
/* 初回購入注意モーダル */
#cart .first-buy-modal-dialog {
    display: flex;
    width: 800px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

#cart .first-buy-modal-content {
    border-radius: 10px;
}

#cart .first-buy-modal-header {
    border-bottom: none;
}

#cart .first-buy-modal-title {
    font-weight: bold;
    text-align: start;
    margin-top: 2px;
}

#cart .first-buy-modal-close span{
    font-weight: 900;
}

#cart .first-buy-modal-body {
    max-height: 80vh;
    overflow-y: auto;
    text-align: start;
    padding: 0 15px 15px 15px;
}
#cart .first-buy-modal-body .first-buy-explain-line-container-01 {
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 1em;
}

@media (min-width: 992px) {
    .btn-group-box.cart-actions {
        display: flex;
        justify-content: center;
    }
    .btn-group-box.cart-actions ul {
        display: flex;
        flex-direction: row;
    }
    .btn-group-box.cart-actions .guest,
    .btn-group-box.cart-actions .back,
    .btn-group-box.cart-actions .login:not(:has(.guest-contain-text)) {
        margin-top: 33px;
    }
}
@media (max-width: 991px) {
    #cart.top .cart-layout,
    #cart.top .cart-main,
    #cart.top .cart-sidebar {
        display: block; width: 100%;
    }
    .btn-group-box.cart-actions .guest {
        order: 2;
    }
    .btn-group-box.cart-actions .back {
        order: 3;
    }
    .btn-group-box.cart-actions .login {
        order: 1;
    }
    /* 初回購入注意モーダル */
    #cart .first-buy-modal-body {
        font-size: 14px;
    }
    #cart .first-buy-modal-dialog {
        width: 80%;
    }
    #cart .first-buy-modal-title {
        font-size: 14px;
        margin-top: 3px;
    }
    #cart.top .btn-group-box .guest {
        margin-top: 40px;
    }
}

/* 小計 */
#cart.top .breakdown {
padding:  50px;
border:  3px solid #d4d4d4;
background-color:  #fafafa;
border-radius:  10px;
display:  table;
width:  100%;
margin:  0 0 40px;
}
#cart.top .breakdown > div {
display:  table-cell;
width:  50%;
padding:  0 80px;
vertical-align:  middle;
}
#cart.top .breakdown table {
border: none;
}
#cart.top .breakdown th {
border-right: none;
padding:  10px 0;
font-weight:  normal;
}
#cart.top .breakdown td {
text-align: right;
font-size: 17px;
font-weight:  bold;
border-right: none;
padding:  10px 0;
}
#cart.top .breakdown .right {
text-align: center;
}
#cart.top .breakdown .right .price {
padding:  0 0 20px;
margin:  0 0 30px;
border-bottom:  2px solid #000;
}
#cart.top .breakdown .right .price span {
font-size: 30px;
font-weight:  bold;
margin-left:  10px;
}
#cart.top .breakdown .right .point span {
color:  #e9381a;
font-weight:  bold;
margin-left:  20px;
font-size: 15px;
}

#cart.top .alert.alert-warning {
    text-align: center;
}

/* サイド合計 */
@media (min-width: 992px) {

    #cart.top .cart-sidebar .breakdown-wrap.fixed {
        position: fixed;
        width: 370px;
        top: 0px;
    }
    #cart.top .cart-sidebar .breakdown {
        display: block;
        padding: 15px 30px 0 30px;
        margin: 0;
    }
    #cart.top .cart-sidebar .breakdown > div {
        display: block;
        width: 100%;
        padding: 0;
    }
    #cart.top .cart-sidebar .breakdown > p {
        margin: 0;
    }
    #cart.top .cart-sidebar .breakdown .left .total-price {
        text-align: center;
        padding: 0 0 10px;
        margin: 0;
        border-bottom: 2px solid #000;
    }
    #cart.top .cart-sidebar .breakdown .left .total-price span {
        font-size: 24px;
        font-weight: bold;
        margin-left: 10px;
    }
    /* #cart.top .breakdown .left .total-price span:first-child {
        font-size: 15px;
        font-weight: normal;
        margin-left: 0;
    } */
    #cart.top .cart-sidebar .breakdown .left table {
        margin: 0 0 5px;
    }
    #cart.top .cart-sidebar .breakdown .left table th {
        padding: 5px 0;
    }
    #cart.top .cart-sidebar .breakdown .left table td {
        padding: 5px 0;
        font-size: 15px;
    }

    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions {
        margin: 0;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions ul {
        flex-direction: column;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions li {
        margin: 0;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions .login .btn-cart-confirm {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions .login .guest-contain-text {
        margin-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        white-space: nowrap;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions .login.with-guest-caution:not(:has(.guest-contain-text)) {
        margin-top: 10px;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions .guest {
        margin-top: 15px;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions .btn {
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0;
    }
    #cart.top .cart-sidebar .breakdown .btn-group-box.cart-actions .guest .btn {
        font-size: 13px;
    }
    #cart.top .cart-sidebar .annotation-text {
        margin-top: 15px;
    }
}
/**************************************************
 レジ、注文情報入力
**************************************************/
/* メイン */
#cart.register .input-main {
width: 100% !important;
}
#cart.register #main {
width:  770px;
float: left;
}

/* サイドバー */
#cart.register #sidebar {
width:  370px;
float: right;
}


/*カートボックス */
#cart.register .item-box .left {
width:  330px;
}

#cart.register .cart-box {
margin: 0;
}
#cart.register .cart-box table {
border:  1px solid #e1e1e1;
table-layout: fixed;
}
#cart.register .cart-box th {
background-color:  #f0f0f0;
font-size: 15px;
line-height:  30px;
}
.section-mailmagazine-caption {
    margin-top: 40px;
    font-size: 15px;
    line-height: 30px;
    padding: 20px;
    font-weight: bold;
    background-color: #f0f0f0;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}
.section-mailmagazine {
    padding: 30px;
    border: 1px solid #e1e1e1;
}
.mailmagazine-section {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.section-mailmagazine .mailMagazine-shop{
    margin-left: 20px;
}
.section-mailmagazine > div:first-child {
    margin-bottom: 20px;
}
#cart.register .cart-box td:nth-of-type(1) {
width:  180px;
}
#cart.register .cart-box td:nth-of-type(2n) {
text-align:  left;
width: 100%;
}
@media (max-width: 991px) {
    #cart.register .cart-box td:nth-of-type(1) {
        width:  auto;
    }
    #cart.register .cart-box td:nth-of-type(2n) {
        width: auto;
    }
}
@media (max-width: 991px) {
    #cart.register .cart-box table.addres-table td:nth-of-type(1) {
        width:  35%;
    }
    #cart.register .cart-box table.addres-table td:nth-of-type(2n) {
        width: 65%;
    }
}
#cart.register .cart-box td ul {
display:  table;
width:  100%;
}
#cart.register .cart-box td li {
display:  table-cell;
padding-right:  40px;
}
/*
#cart.register .cart-box td li:first-child {
width:  100px;
text-align:  left;
}
#cart.register .cart-box td li:last-child {
width:  200px;
text-align:  right;
}
*/
#cart.register .cart-box td.check-box {
width:  20px;
padding-right:  0;
border-right: none;
}
#cart.register .cart-box td.check-box label {
width:  20px;
height:  20px;
margin:  0;
padding:  0;
}
#cart.register .cart-box td  span.price {
font-weight:  bold;
}

/* お客様情報 */
#cart.register .cart-box .cart-user-info-indent td.non-width {
width: 0px;
padding: 0;
}

/*お支払い方法 */
#cart.register .cart-box .cart-payment .howto-pay li {
width:  33.33333%;
}
#cart.register .cart-box .cart-payment .select-container {
padding-left: 20px;
}
#cart.register .cart-box .cart-payment .card-holdername-annotation {
    margin-top: 10px;
    color: red;
}
#cart.register .input-main .cart-box .cart-payment-wrap {
    background-color: #fff;
    padding: 0 !important;
}
#cart.register .input-main .cart-box .select-container .cart-table tr {
    border-bottom: 1px solid #e1e1e1;
}
#cart.register .input-main .cart-box .select-container .cart-table tr:last-child {
    border-bottom: none
}
#cart.register .input-main .cart-box .select-container .cart-table td:nth-of-type(1) {
    width: 100%;
}
#cart.register .input-main .cart-box .select-container th:nth-of-type(1) {
    width: 200px;
    background-color: #fff;
    font-weight: 400;
}
#cart.register .input-main .cart-box .cart-payment .select-container {
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #e1e1e1;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment:first-child {
    border-bottom: none;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .click-area-sub{
    padding-left: 20px;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .payment-credit-card img{
    height: 40px;
    margin-left: 8px;
}

#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .payment-credit-card {
    margin-left: auto;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .payment-credit-card.payment-aupay img{
    padding: 6px 3px 6px 0;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 65px;
    padding: 10px 10px;
    border-top: 1px solid #e1e1e1;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 2rem;
    height: 2rem;
    border: 2px solid #cccccc;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    top: 0;
    margin: 0 10px 0 0;
    position: relative;
    padding: 0;
    background: none;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment input[type="radio"]:checked {
    border-color: #525252;
    background: none !important;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment input[type="radio"]:checked::before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border-radius: 50%;
    border: 6px solid #525252;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment input[type="radio"].unchecked {
    background: none !important;
}
#cart.register .input-main .cart-box .select-container .input-card-info img {
    width: 128px;
    height: auto;
}
/* アイテムボックス */
#cart.register .item-wrap {
margin-top:  -1px;
}
#cart.register .item-wrap .cart-box {
margin-bottom: 0 !important;
}
#cart.register .item-wrap .item-top-table {
border-right: 0 !important;
border-bottom: 0 !important;
}
#cart.register .item-wrap .item-top-table th {
border-bottom: 0 !important;
}
#cart.register .item-box p.price {
font-size: 15px;
}
#cart.register .total {
background-color:  #fafafa;
padding:  20px;
border-right:  1px solid #e1e1e1;
border-left:  1px solid #e1e1e1;
border-bottom:  1px solid #e1e1e1;
}
#cart.register .total p {
margin:  0;
text-align:  right;
}
#cart.register .total p span {
font-size:  20px;
font-weight:  bold;
margin-left:  60px;
}

/* 小計 */
#cart.register .breakdown .purchase-card {
padding: 15px 30px 0 30px;
border: 2px solid #d4d4d4;
background-color:  #fafafa;
border-radius:  10px;
}
#cart.register .breakdown table {
border:  none;
margin:  0 0 5px;
}
#cart.register .breakdown th {
padding:  5px 0;
border-right: none;
font-weight: normal;
}
#cart.register .breakdown td {
padding:  5px 0;
border-right: none;
font-weight:  bold;
text-align:  right;
}
#cart.register .breakdown .total-price {
padding:  0 0 10px;
margin:  0;
border-bottom:  2px solid #000;
text-align:  center;
}
#cart.register .breakdown .total-price span {
font-size:  26px;
font-weight:  bold;
}
#cart.register .breakdown .btn {
width:  100%;
height:  35px;
line-height:  35px;
border-radius: 25px;
}
#cart.register .breakdown.fixed {
position: fixed;
width:  370px;
top:  0px;
}
#cart.register .breakdown.bottom-side {
  position: absolute;
  bottom: 0;
width:  370px;
}
#cart.register .breakdown .point-info-guest {
font-size: 12px;
text-align: center;
}

/* セクション */
#cart.register .hope-datetime {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#cart.register .hope-datetime-tr > td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* チェックボックス */
#cart.register .billing-edit-area input[type=checkbox] {
    position: static;
}

#cart.register .comp-button-loading-img {
    width: 16px;
    padding-bottom: 4px;
    margin-left: 5px;
}

/* メッセージ */
.warn-credit {
    color: red;
}

/* お支払い方法選択部分 */
.payment-edit-area > .block-layout .change-peyment > p{
    margin-bottom: 0;
}

.purchase-button {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.annotation-text {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.5;
}

/*---------------------------------
シルバーエッグ導入によるcommon.cssの変更箇所
------------------------------------*/

/*  カートトップ：この商品を買った人はこちらも一緒に買っています */
#recommender_pc411 {
    width: 1188px;
    position: relative;
    padding: 0;
    margin: 0 auto;
}
#recommender_pc411 .dv_recommend {
	margin: 0 -10px;
}
#recommender_pc411 .dv_rc_title {
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 10px;
}
#recommender_pc411 .dv_rc_title:after {
    content: "この商品を買った人はこちらも一緒に買っています";
}
#recommender_pc411 .dv_rc_items {
    float: left;
    width: 16.666667%;
    padding: 18px 10px 0;
    margin: 0 0 20px;
    position: relative;
}
#recommender_pc411 .dv_rc_footer {
	clear: both;
    padding: 0 10px;
}
#recommender_pc411 .dv_rc_items .dv_rc_img {
    margin: 0 0 10px;
}
#recommender_pc411 .dv_rc_brandname,
#recommender_pc411 .dv_rc_name {
	margin-bottom: 3px;
}
#recommender_pc411 .dv_rc_brandname {
    color: #777777;
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
}
#recommender_pc411 .dv_rc_name {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 1.366em;
    position: relative;
    margin-right: 12px;
    /*height: 2.777em;*/
}
#recommender_pc411 .dv_rc_name:before {
    position: absolute;
    background: #ffffff;
    content: "…";
    bottom: 0;
    right: 0;
    width: 1em;
}
#recommender_pc411 .dv_rc_name:after {
    position: absolute;
    background: #ffffff;
    content: "";
    height: 100%;
    width: 100%;
}
#recommender_pc411 .dv_rc_price {
    color: #777777;
    font-style: italic;
    line-height: 1.366em;
}
#recommender_pc411 .dv_rc_items .dv_rc_icon {
    display: none;
}
#recommender_pc411 .dv_rc_items img {
    width: 100%;
}
#recommender_pc411 .dv_rc_items a {
    color: #000;
    display: block;
}
#recommender_pc411 .dv_rc_items a:hover {
    opacity: 1;
}
#recommender_pc411 .dv_rc_items a:hover > .dv_rc_img {
    opacity: 0.6;
}

/* 注文完了 */
#recommender_pc511,
#recommender_pc512 {
    width: 1188px;
    position: relative;
    padding: 0;
    margin: 0 auto;
    /*border-bottom: 1px solid #ededed;*/
}
/*#recommender_pc512 {
    padding: 40px 0 0;
    border-bottom: 1px solid #ededed;
}*/
#recommender_pc511 .dv_recommend,
#recommender_pc512 .dv_recommend {
    margin: 0 -10px;
}
#recommender_pc511 .dv_rc_title,
#recommender_pc512 .dv_rc_title {
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 10px;
}
#recommender_pc511 .dv_rc_title:after,
#recommender_pc512 .dv_rc_title:after {
    content: "あなたにおすすめの商品はこちら";
}
#recommender_pc511 .dv_rc_items,
#recommender_pc512 .dv_rc_items {
    float: left;
    width: 16.666667%;
    padding: 18px 10px 0;
    margin: 0 0 40px;
    position: relative;
}
#recommender_pc511 .dv_rc_footer,
#recommender_pc512 .dv_rc_footer {
    clear: both;
    padding: 0 10px;
}
#recommender_pc511 .dv_rc_items .dv_rc_img,
#recommender_pc512 .dv_rc_items .dv_rc_img {
    margin: 0 0 15px;
}
#recommender_pc511 .dv_rc_brandname,
#recommender_pc511 .dv_rc_name,
#recommender_pc512 .dv_rc_brandname,
#recommender_pc512 .dv_rc_name {
    margin-bottom: 3px;
}
#recommender_pc511 .dv_rc_brandname,
#recommender_pc512 .dv_rc_brandname {
    color: #777777;
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
}
#recommender_pc511 .dv_rc_name,
#recommender_pc512 .dv_rc_name {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 1.366em;
    position: relative;
    margin-right: 12px;
}
#recommender_pc511 .dv_rc_name:before,
#recommender_pc512 .dv_rc_name:before {
    position: absolute;
    background: #ffffff;
    content: "";
    bottom: 0;
    right: 0;
    width: 1em;
}
#recommender_pc511 .dv_rc_name:after,
#recommender_pc512 .dv_rc_name:after {
    position: absolute;
    background: #ffffff;
    content: "";
    height: 100%;
    width: 100%;
}
#recommender_pc511 .dv_rc_price,
#recommender_pc512 .dv_rc_price {
    color: #777777;
    font-style: italic;
    line-height: 1.366em;
}
#recommender_pc511 .dv_rc_items .dv_rc_icon,
#recommender_pc512 .dv_rc_items .dv_rc_icon {
    position: absolute;
    top: 0;
}
#recommender_pc511 .dv_rc_items img,
#recommender_pc512 .dv_rc_items img {
    width: 100%;
}
#recommender_pc511 .dv_rc_items a,
#recommender_pc512 .dv_rc_items a {
    color: #000;
    display: block;
}
#recommender_pc511 .dv_rc_items a:hover,
#recommender_pc512 .dv_rc_items a:hover {
    opacity: 1;
}
#recommender_pc511 .dv_rc_items a:hover > .dv_rc_img,
#recommender_pc512 .dv_rc_items a:hover > .dv_rc_img {
    opacity: 0.6;
}

/* セキュリティコードの説明部分 */
.security-code-description-wrap {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
}
.security-code-description-link {
  text-decoration: underline;
  margin-left: 20px;
}
.security-code-description {
  display: none;
  opacity: 0;
  transition-duration: .5s;
  position: absolute;
  top: 40px;
  left: 40px;
  background: #555;
  color: #fff;
  width: 400px;
  padding: 10px;
  z-index: 10;
}
.security-code-description--active {
    opacity: 1;
    display: block;
}
.security-code-description::before {
  content: "";
  border: solid 5px transparent;
  border-bottom: solid 17px #555;
  position: absolute;
  top: -22px;
  left: 30px;
  height: 6px;
  display: inline-block;
}
/**************************************************
 *
 * タブレット
 *
**************************************************/

@media (max-width: 991px) {


/**************************************************
 共通
**************************************************/
#cart {
margin:  0;
}
#cart .item-wrap {
margin:  0;
}

/* ページフロー */
#cart .action-steps-wrap li {
width:  27%;
}

/* アイテムボックス */
#cart .item-box {
padding:  20px 10px;
flex-direction: column;
}
/* レジ画面はアイテムごとに枠線で囲む */
#cart.register .item-box {
margin:  0 0 20px;
border:  1px solid #e1e1e1;
}
#cart .item-box th {
    height: 44px
}
#cart .item-box .left .image a {
    min-height: auto;
}
#cart .item-box td {height:  auto;}
#cart .item-box .left {
width:  100%;
}
#cart .item-box > div {
display:  block;
}
#cart .item-box th,
#cart .item-box td,
#cart .entry-form th,
#cart .entry-form td {
padding:  10px !important;
}
#cart .item-box .left th {
display:  none;
}
.entry-form th {
    width: 50%;
}
.inner-menu-head .block-title {
    width: 100%;
}

#cart .item-box .left table {
border: none;
}
#cart .item-box .left td {
border: none;
padding-top: 0;
padding-left: 0;
}
#cart .item-box .left td.image {
width:  100px;
padding-right: 10px;
}

#cart .item-box p.price {
font-size: 14px;
}

/* カートボックス */
#cart .cart-box input.coupon-code {
width:  100%;
}
#cart .cart-box  a.btn-adapt {
width:  230px;
margin:  0 auto;
display:  block;
}
#cart .cart-box td.bg-gray {
background-color:  #fafafa;
}
#cart.top .alert.alert-warning {
    text-align: left;
}
/**************************************************
 トップ
**************************************************/

/* メイン */
#cart.top .btn-group-box li {
display:  block;
width:  100%;
margin-top:  20px;
}
/* 商品リストは全体を枠線で囲む */
#cart.top .item-wrap {
    border: 1px solid #e1e1e1;
}
/* 区切りは各アイテムの下線のみ（marginは共通指定のmargin-top: -1pxを解除するため） */
#cart.top .item-box {
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
}
/* 最後のアイテムは全体枠の下線と重なるため下線を消す */
#cart.top .item-box:last-of-type {
    border-bottom: none;
}
#cart.top .item-box .left {
width:  100%;
}
#cart.top .item-box .right {
width:  100%;
}


/* アイテムボックス */
#cart.top .total {
display:  block;
}
#cart.top .total > div {
display:  block;
padding:  20px;
}
#cart.top .total .left {
width: 100%;
text-align: left;
}
#cart.top .total .left a {
display:  block;
margin:  0;
}
#cart.top .total {border: none;}
#cart.top .total > div {
border:  none;
}
/* カートボックス */
#cart.top .cart-box .coupon-code input {
    width: 210px;
    margin-right: 10px;
}
#cart.top .cart-box .coupon-code .btn {
    line-height: 30px;
    height: 30px;
}
#cart.top .cart-box th {
background-color: #f0f0f0;
}
#cart.top .cart-box td {
padding:  20px;
}
#cart.top .cart-box td.gift ul {
display:  block;
}
#cart.top .cart-box tr:first-child td.campaign {
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
}
#cart.top .cart-box td.campaign ul {
margin: 0;
display:  block;
}
#cart.top .cart-box td.campaign .coupon-code {
display: block;
}
#cart.top .cart-box td.campaign li {
display: table-cell;
}
#cart.top .cart-box td.gift li{
display:  block;
margin:  0 0 20px;
}
#cart.top .cart-box td.campaign li:last-child,
#cart.top .cart-box td.gift li:last-child{
margin:  0 0 10px;
}

#cart.top .cart-box td.gift li select {
width:  100%;
}

/* 小計 */
#cart.top .breakdown {
display: block;
padding:  20px;
border:  none;
margin:  0 0 20px;
width:  auto;
}
#cart.top .breakdown > div {
display:  block;
padding:  0;
width:  100%;
}
#cart.top .breakdown .left .total-price {
text-align:  center;
padding:  0 0 20px;
margin:  0 0 20px;
border-bottom:  2px solid #000;
}

#cart.top .breakdown .left .total-price span {
font-size:  24px;
font-weight:  bold;
margin-left:  10px;
}


/**************************************************
 レジ
**************************************************/

/* メイン */
#cart.register #main {
width:  100%;
float: none;
}
/* サイドバー */
#cart.register #sidebar {
width:  100%;
float: none;
}

/*カートボックス */
#cart.register .cart-box th {
padding:  10px;
}
#cart.register .cart-box td {
display: block;
width:  auto;
padding:   10px;
}
/*
#cart.register .cart-box td:nth-of-type(1) {
width:  150px;
}
*/

#cart.register .cart-box {
margin:  0;
}
#cart.register .cart-box table th {
display:  table-cell;
padding: 10px 5px 10px 10px!important;
}
/*
#cart.register .cart-box .cart-delivery-indent td:nth-of-type(1) {
display:  none;
}
*/
#cart.register .cart-box td:nth-of-type(1) {
width:  auto;
border-right: none;
}
#cart.register .cart-box .cart-user-info-indent td.link-edit-user {
left: -5px;
}
#cart.register .cart-box .cart-user-info-indent td:nth-of-type(1) {
display:  none;
}
#cart.register .cart-box .select-payment td:nth-of-type(1) {
display:  none;
}
#cart.register .cart-box .cart-campaign-indent td {
display:  block;
width:  100%;
}
#cart.register .cart-box .cart-campaign-indent td:nth-of-type(1) {
font-weight:  bold;
}
#cart.register .cart-box .cart-delivery-indent td {
display:  table-cell;
}
#cart.register .cart-box .cart-use-point td {
display: table-cell;
}
#cart.register .cart-box .payment-edit-area td {
border:  none;
padding:  0 0 10px  !important;
}
#cart.register .input-main .cart-box .cart-payment-wrap {
    background-color: #fafafa;
}
#cart.register .input-main .cart-box .select-container .my-card-list label {
    width: 100%;
    padding: 0;
    top: 2px;
}
#cart.register .input-main .cart-box .select-container .my-card-list label {
    margin-bottom: 10px;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment:first-child {
    margin-bottom: 0;
    background-color: #fff;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .payment-credit-card {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    justify-content: end;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .payment-credit-card img {
    height: 28px;
    margin-left: 5px;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .payment-credit-card.credit-card-logo {
    width: 106px;
    row-gap: 3px;
    justify-content: center;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .payment-credit-card.credit-card-logo img{
    height: 24px;
}
#cart.register .input-main .cart-box .block-layout .radio-switcher.change-peyment .click-area-sub {
    padding-left: 0;
    font-size: 10px;
}
#cart.register .input-main .cart-box .select-container .cart-table tr {
    display: flex;
    border-bottom: none;
}
#cart.register .input-main .cart-box .payment .block-layout .select-container {
    padding: 10px;
}
#cart.register .input-main .cart-box .select-container .cart-table tr {
    flex-wrap: wrap;
}
#cart.register .input-main .cart-box .select-container .cart-table th {
    width: 100%;
    padding: 0 0 10px 0 !important;
    background-color: #fafafa;
}
#cart.register .input-main .cart-box .select-container .cart-table td {
    width: 100%;
    padding: 0 0 10px 0 !important;
}
#cart.register .input-main .cart-box .select-container .not-cart-table tr {
    align-items: center;
}
#cart.register .input-main .cart-box .select-container .not-cart-table th {
    background-color: #fafafa;
}
#cart.register .input-main .cart-box .select-container .not-cart-table td {
    padding: 10px 0 !important;
}
#cart.register .input-main .cart-box .block-layout .select-container input[type="radio"] {
    position: relative;
    left: 0;
    top: 2px;
}
#cart.register .input-main .cart-box .select-container .input-card-info img {
    width: 78px;
}
#cart.register .input-main .payment-annotation {
    text-align: left;
}
/*
#cart.register .cart-box .input-card-info lable {
display:  block;
}
*/
@media (max-width: 991px) {
    #cart.register .cart-box .input-card-info {
        display: block;
    }
    #cart.register .cart-box .input-card-info .payment-method {
        margin-bottom: 10px;
    }
    #cart.register .cart-box .cart-delivery-indent .delivery-detail-store {
        margin-left:  0!important;
        margin-top:  10px;
    }
}
@media (max-width: 767px){
    #cart.top .cart-box .btn-group-box {
        margin:  40px 0;
    }
    #cart.top .btn-group-box ul {
        display: flex;
        flex-direction: column;
    }
    #cart.top .btn-group-box li {
        padding: 0 5px;
    }
    #cart.top .btn-group-box .btn {
        padding: 0 5px;
    }
}
@media (max-width: 374px){
    #cart .entry-form .btn.white,
    #cart .item-top-table .btn.white {
        font-size: 12px;
    }
}
#cart.register .item-wrap .item-top-table {
border-top: 0 !important;
}
#cart.register .item-box p.price {
font-size:  11px;
}
#cart.register .item-box .left {
width:  100%;
}
#cart.register .item-box .right table {
width:  auto;
}

#cart.register .cart-box td ul {
display: block;
width:  100%;
}
#cart.register .cart-box td li {
display: block;
padding:  0;
margin:  0 0 10px;
text-align:  left !important;
}
#cart.register .coupon-code input {
margin-bottom:  20px;
width:  100%;
}
#cart.register .coupon-code .btn {
width:  100%;
}

#cart.register .total {
margin:  20px -10px 40px;
background-color:  #FFF;
border-top:  1px solid #e1e1e1;
border-bottom:  1px solid #e1e1e1;
border-right:  none;
border-left:  none;
}

#cart.register .delivery-time p.red {
margin:  10px 0 0;
}
#cart.register .delivery-tim .radio-switcher {
margin:  0 0 10px;
}
@media (max-width: 991px) {
    #cart.register .delivery-tim .radio-switcher {
        margin-bottom:  10px;
    }
}

/* 小計 */
#cart.register .breakdown p.back {
padding:  20px 0;
margin: 20px -40px 0;
border-top:  1px solid #e1e1e1;
border-bottom:  1px solid #e1e1e1;
text-align:  center;
}
#cart.register .breakdown p .btn {
height:  40px;
line-height:  40px;
border-radius:  20px;
}
#cart.register .breakdown p.back .btn {
width:  230px;
}
#cart.register .breakdown {
padding:  30px;
border: none;
margin: -40px -10px 0;
}
#cart.register .breakdown.visible-xs {
padding-bottom:  0;
}
#cart.register .breakdown.fixed {
position: static;
width:  auto;
}
#cart.register .breakdown.bottom-side {
position: static;
width:  auto;
}

/* セクション */
#cart.register .table-delivery-close td {
    border-bottom: none;
    padding: 5px !important;
}
#cart.register .table-delivery-close tr > td:first-child {
    width: 90px;
}

/*---------------------------------
シルバーエッグ導入によるcommon.cssの変更箇所
------------------------------------*/

/* レジ画面 */
#recommender_pc411 {
    margin: 0;
    padding: 0;
    width: 100%;
}
#recommender_pc411 .dv_recommend {
	margin: 0 -5px;
}
#recommender_pc411 .dv_rc_title {
    padding: 0 5px;
    font-size: 15px;
    line-height: 1.2em;
    margin-bottom: 5px;
}
#recommender_pc411 .dv_rc_items {
    width: 33.333333%;
    margin: 0 0 10px;
    padding: 10px 5px;
}
#recommender_pc411 .dv_rc_items .dv_rc_img {
    margin: 0 0 5px;
}
#recommender_pc411 .dv_rc_brandname,
#recommender_pc411 .dv_rc_name {
    margin-bottom: 3px;
}
#recommender_pc411 .dv_rc_price .price {
    font-size: 13px;
}

/* 注文完了 */
#recommender_pc511,
#recommender_pc512 {
    margin: 0;
    width: 100%;
    padding: 0 10px;
}
#recommender_pc511 .dv_recommend,
#recommender_pc512 .dv_recommend {
    margin: 0 -5px;
}
/*#recommender_pc512 {
    margin: 0 ;
}*/
/*#recommender_pc511 .dv_rc_title {
    font-size: 15px;
    line-height: 1.8em;
}*/
#recommender_pc511 .dv_rc_items,
#recommender_pc512 .dv_rc_items {
    width: 33.333333%;
    margin: 0 0 20px;
    padding: 18px 5px;
}
#recommender_pc511 .dv_rc_brandname,
#recommender_pc511 .dv_rc_name,
#recommender_pc512 .dv_rc_brandname,
#recommender_pc512 .dv_rc_name {
    margin-bottom: 0;
}
/**************************************************
 完了
**************************************************/
#cart.conf .btn-group {
margin:  0 0 20px;
}

/**************************************************
 カートトップ下部ボタン
**************************************************/
ul.smp-reversed {
  transform: rotate(180deg);
}
ul.smp-reversed > li {
  transform: rotate(-180deg);
}

.security-code-description-link {
    margin-left: 0;
}
.security-code-description {
  position: relative;
  top: 15px;
  left: 0;
  width: 290px;
  font-size: 11px;
}
.security-code-description::before {
  position: absolute;
}
}


/**************************************************
 *
 * スマホ
 *
**************************************************/

@media (max-width: 767px){
}

.btn-group-box.cart-actions ul li {
  vertical-align: top;
}


/* ギフトラッピング 熨斗*/
.giftwrapping-noshi__notice1 {
    margin-left: 20px;
    margin-top:20px;
    font-weight:bold;
}
.giftwrapping-noshi__notice2 {
    margin-left: 20px;
    margin-bottom: 20px;
}

.giftwrapping-noshi__img-cols {
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .giftwrapping-noshi__img-cols {
        flex-direction: column;
    }
    .giftwrapping-noshi__img1,.giftwrapping-noshi__img2{
        text-align: center;
    }
}
input.noshiText {
    width: 300px !important;
}
.giftwrapping-noshi__img-col {
    margin-right: 40px;
    margin-bottom: 40px;
}
.giftwrapping-noshi__input-field {
    width: 95%;
    margin: auto;
    display: flex;
}
.giftwrapping-noshi__input-field dt {
    margin-right: 10px;
    width: 85px;
}
.giftwrapping-noshi__input-field dt ,.giftwrapping-noshi__input-field dd {
    display: inline-block;
    position: relative;
}
.giftwrapping-noshi__input-field dd {
    width: 80%;
}
.giftwrapping-noshi__input-field dl {
    display: flex;
    align-items: center;
}
.giftwrapping-noshi__finish-image{
    background: #ddd;
    height: auto;
    width: 274px;
    margin-left: 30px;
    margin-bottom: 20px;
    padding: 5px 0;
}
.giftwrapping-noshi__finish-image-text{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.giftwrapping-noshi__finish-image-cover-text {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    left: 50%;
    top: 35px;
    font-size: 40px;
}
.giftwrapping-noshi__finish-image-inner-text {
    width: 23px;
    min-width: 23px;
    margin-top: 20px;
    word-break: keep-all;
}
.giftwrapping-noshi__finish-image-inner-text1{
    margin-top: 0;
}
.giftwrapping-noshi__finish-image-inner-text1:after {
    content: " ";
}
.giftwrapping-noshi__finish-image-inner-text2{
    margin-left: 4px;
    margin-top: 20px;
}
.giftwrapping-noshi__finish-image-inner-text3{
    margin-left: 14px;
    margin-top: 55px;
}
.giftwrapping-noshi__finish-image-inner-text4{
    margin-top: 60px;
    font-size: 30px;
    width: 27px;
}
.giftwrapping-noshi__finish-image-inner-text5{
    margin-right: 50px;
}


.giftwrapping-noshi__finish-image-inner{
    display: flex;
    flex-direction: row-reverse;
    font-family: serif;
    /* display: inline-block; */
    position: relative;
    border: solid 1px #fff;
    margin: 20px;
    height: auto;
    min-height: 320px;
    border-radius: 40px;
    background: #fff;
    width: calc(100% - 40px);
    padding: 25px 15px;
    font-size: 18px;
}
.giftwrapping-noshi__attention {
    font-size: 14px;
}
/**メッセージカード**/
.giftwrapping-message-card__notice1 {
    margin-left: 20px;
    margin-top:20px;
    font-weight:bold
}
.giftwrapping-message-card__notice2 {
    margin-left: 20px;
}
.giftwrapping-message-card__box {
    display: flex;
}
@media (max-width: 991px) {
    .giftwrapping-message-card__box {
        flex-direction: column;
    }
    input.noshiText {
        width: 100% !important;
    }
    .giftwrapping-noshi__finish-image-text{
        margin-top: 40px;
    }
}
.giftwrapping-message-card__img {
    padding: 10px;
}
.giftwrapping-message-card__img-cols{
    padding: 5px;
    /* width: 340px; */
    justify-content: center;
    align-items: center;
    display: flex;
}
.messageCardText {
    width: 100% !important;
}
.giftwrapping-message-card__input-field {
    padding: 10px;
    width: 100%;
}
.giftwrapping-message-card__input-field.shown {
    width: 50%;
}
.giftwrapping-noshi__finish-image .giftwrapping-noshi__finish-image__char {
    width: 20px;
    line-height: 1.2;
    display: inline-block;
    text-align: center;
}
.giftwrapping-noshi__finish-image .giftwrapping-noshi__finish-image__char.vertical{
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
}
.giftwrapping-noshi__finish-image-inner-text4 .giftwrapping-noshi__finish-image__char{
    width: 30px;
}
@media (max-width: 991px) {
    .giftwrapping-message-card__input-field.shown {
        width: 100%;
    }
}
.giftwrapping-message-card__input-field-child {
    text-align: right;
    margin-bottom: 5px;
    display:flex;
    justify-content: space-between;
}
.giftwrapping-message-card__attention {
    font-size: 14px;
}
.giftwrapping-message-card__attentions {
    padding-left: 20px;
}
.giftwrapping-noshi__attentions p {
    margin-bottom: 5px;
}
@media (max-width: 991px) {
.giftwrapping-noshi {
    margin-bottom: 20px;
}
.giftwrapping-noshi__input-field {
    flex-direction: column;
}
.giftwrapping-noshi__finish-image {
    margin: auto;
    padding: 5px 0;
}
.giftwrapping-noshi__input-field dt {
    width: 75px;
}
.js-textfield-error-msg{
    left: -40px;
}
}
/**メッセージカードプレビュー**/
.message-card-preview-body {
    background: #ddd;
    padding: 30px;
    max-width: 400px;
    margin: auto;

}
.message-card-preview-body > p{
    border-radius: 10px;
    padding: 24px;
    background: #fff;
    margin: 0 !important;
}
.message-card-preview-image{
    margin: 0 auto 10px auto;
    text-align: center;
}
/**メッセージカードサンプルテキスト**/
div ul.message-card-samples {
    position: relative;
    display: flex !important;
    flex-wrap: wrap;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 300px;
}
.message-card-samples-wrap {
    min-height: 300px;
}
li.message-card-sample {
    display: flex !important;
    width: 50%;
    flex-direction: column;
}
.message-card-sample-childs {
    display: none;
    position: absolute;
    background: #fff;
    top: -15px;
    left: -15px;
    width: calc(100% + 30px);
    min-height: 300px;
    z-index:10;
    padding: 10px;
    border-radius: 0 0 10px 10px;
}
.message-card-sample-childs:after {
    content: "";
    display: block;
}
.message-card-sample-childs  dl {
    display: flex;
    justify-content: space-around;
    margin: 10px;
}
.message-card-sample-childs dd,.message-card-sample-childs dt {
    flex-grow: 1;
    border-bottom: solid 1px #ddd;
    padding-bottom: 15px;
}
.textfield-wrap {
    position: relative;
}
.js-textfield-error-msg{
    position: absolute;
    bottom: -28px;
    left: 0;
    font-size: 11px;
    width: 125%;
    color: #f00;
}

.giftwrapping-noshi__caution {
    font-size: 13px;
}

/* Paidy */
.paidy-checkout-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: #a94442;
    display: none;
    z-index: 9999;
}
.paidy-checkout-modal .modal {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 80%;
    height: fit-content;
    margin: auto;
    background-color: white;
    border-radius: 5px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.paidy-checkout-modal .modal::-webkit-scrollbar{
    display:none;
}
.paidy-checkout-modal .title {
    height: 30px;
    font-size: 22px;
    display: flex;
    column-gap: 10px;
    align-items: center;
    margin: 30px 20px 0;
}
.paidy-checkout-modal .title .img {
    height: 100%;
}
.paidy-checkout-modal .title .close {
    margin-left: auto;
}
.paidy-checkout-modal .contents {
    height: 100%;
    margin-top: 20px;
    padding: 10px;
    background-color: #f2dede;
    height: fit-content;
}
.paidy-checkout-modal .close-btn {
    display: block;
    width: fit-content;
    margin: 15px 20px 15px auto;
    padding: 0 5px;
    color: black;
    background-color: unset;
    border: solid 1px #e1e1e1;
    border-radius: 3px;
    text-decoration: none;
}

/* GMO後払い */
.payment-edit-area .annotation-text-indent {
    display: block;
    text-indent: 1em;
}

#cart .item-box p.price {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#cart .item-box p.price .amount,
#cart .item-box p.price .tax {
    line-height: 1.5;
}

#cart .item-box .member-price,
#cart .total .member-price {
    color: #242d72;
    margin-top: 10px !important;
    font-size: 14px;
    white-space: nowrap;
    font-weight: bold;
}

#cart .item-box p.price .tax,
#cart .item-box .member-price .tax,
#cart .total .member-price .tax {
    font-size: 11px;
}

#cart .total p.price,
#cart .total .member-price {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    font-size: 15px
}

#cart .total .member-price {
    margin-top: 20px !important;
}

@media (max-width: 991px) {
    #cart .total .member-price {
        display: block;
    }
    #cart .item-box p.price {
        flex-direction: row;
    }
    #cart .item-box p.price .amount,
    #cart .item-box p.price .tax {
        line-height: unset;
    }
}

#cart .total .member-price .text {
    display: block;
    font-size: 13px !important;
}

#cart .total .member-price .price {
    font-size: 24px !important;
}

#cart .total .member-price .tax {
    font-size: 14px !important;
}

/* カート0件　おすすめ商品 */
#recommender_pc415 {
    width: 1188px;
    position: relative;
    padding: 0;
    margin: 0 auto;
}
#recommender_pc415 .dv_recommend {
	margin: 0 -10px;
}
#recommender_pc415 .dv_rc_title {
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 10px;
}
#recommender_pc415 .dv_rc_title:after {
    content: "あなたにおすすめのアイテム";
}
#recommender_pc415 .dv_rc_items {
    float: left;
    width: 16.666667%;
    padding: 18px 10px 0;
    margin: 0 0 20px;
    position: relative;
}
#recommender_pc415 .dv_rc_footer {
	clear: both;
    padding: 0 10px;
}
#recommender_pc415 .dv_rc_items .dv_rc_img {
    margin: 0 0 10px;
}
#recommender_pc415 .dv_rc_brandname,
#recommender_pc415 .dv_rc_name {
	margin-bottom: 3px;
}
#recommender_pc415 .dv_rc_brandname {
    color: #777777;
    font-size: 11px;
    line-height: 11px;
    font-style: italic;
}
#recommender_pc415 .dv_rc_name {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 1.366em;
    position: relative;
    margin-right: 12px;
    /*height: 2.777em;*/
}
#recommender_pc415 .dv_rc_name:before {
    position: absolute;
    color: #ffffff;
    content: "";
    bottom: 0;
    right: 0;
    width: 1em;
}
#recommender_pc415 .dv_rc_name:after {
    position: absolute;
    background: #ffffff;
    content: "";
    height: 100%;
    width: 100%;
}
#recommender_pc415 .dv_rc_price {
    color: #777777;
    font-style: italic;
    line-height: 1.366em;
}
#recommender_pc415 .dv_rc_items .dv_rc_icon {
    display: none;
}
#recommender_pc415 .dv_rc_items img {
    width: 100%;
}
#recommender_pc415 .dv_rc_items a {
    color: #000;
    display: block;
}
#recommender_pc415 .dv_rc_items a:hover {
    opacity: 1;
}
#recommender_pc415 .dv_rc_items a:hover > .dv_rc_img {
    opacity: 0.6;
}

@media (max-width: 991px) {

    #recommender_pc415 {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    #recommender_pc415 .dv_recommend {
        margin: 0 -5px;
    }
    #recommender_pc415 .dv_rc_title {
        padding: 0 5px;
        font-size: 15px;
        line-height: 1.2em;
        margin-bottom: 5px;
    }
    #recommender_pc415 .dv_rc_items {
        width: 33.333333%;
        margin: 0 0 10px;
        padding: 10px 5px;
    }
    #recommender_pc415 .dv_rc_items .dv_rc_img {
        margin: 0 0 5px;
    }
    #recommender_pc415 .dv_rc_brandname,
    #recommender_pc415 .dv_rc_name {
        margin-bottom: 3px;
    }
    #recommender_pc415 .dv_rc_price .price {
        font-size: 13px;
    }
}