@charset "UTF-8";

/*============================================================
　カート
============================================================*/

/**** プライスエリア ****/

/* カート　２列 */
@media (min-width:768px) {
    .col-md-45 {
    flex:0 0 auto;
    width:32%
    }
}

/* カート　右カラム */
.bg-cart-price { 
	background-color: rgba(255,255,255,0.5);
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 100% 100%, 0% 100%);
}

/* カート　カード画像 */
/* SP のみ表示 */
/*
@media screen and (max-width: 768px) {
	.cart-card-img {
        width: 30%;
        margin: 0px auto;
    }
}
*/

/* 数量変更フォーム */
.p8 input.card-radius {
	border-radius: 0;
	opacity: 0.8;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 100% 100%, 0% 100%);}

/* note */
.ul-cart-chg ul {
    padding-left: 15px;
}

.ul-cart-chg ul li {
    list-style-type: disc;
}

/* large ラジオボタン */

.radio-cart {
    padding: 0px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.radio-cart-input {
    opacity: 0;
    display: none;
}

.radio-cart-input-dummy {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #FFF;
    border: solid 1px #2f38b1;
}

.radio-cart-input:focus + .radio-cart-input-dummy {
    background: #FFFFFF;
}
.radio-cart-input:checked + .radio-cart-input-dummy {
    background: #2f38b1;
}

.radio-cart-input:checked + .radio-cart-input-dummy::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #FFFFFF;
}

.radio-cart-label {
    margin-left: 12px;
    display: block;
    font-weight: bold;
    padding-bottom: 2px;
}

.radio-cart.disabled {
    color:#858585;
	cursor: default;
	}


/* コンビニ決済　icon */

.input-cart-conveni input[type=radio]+label:before {
    content: "";
    display: inline-block;
    background-size: contain;
    width: 65px;
    height: 65px;
}

.input-cart-conveni input[type=radio][id="Selectseven"]+label:before {
    background-image: url(../images/info/pay/seven.svg);
}

.input-cart-conveni input[type=radio][id="Selectlawson"]+label:before {
    background-image: url(../images/info/pay/lawson.svg);
}

.input-cart-conveni input[type=radio][id="Selectfamima"]+label:before {
    background-image: url(../images/info/pay/famima.svg);
}

.input-cart-conveni input[type=radio][id="Selectministop"]+label:before {
    background-image: url(../images/info/pay/ministop.svg);
}

.input-cart-conveni input[type=radio][id="Selectseico"]+label:before {
    background-image: url(../images/info/pay/seico.svg);
}
.input-cart-conveni input[type=radio]:checked+label::before {
    border: 8px solid #0d6efd;
    box-sizing: border-box;
}

.input-cart-conveni input[type=radio]{
    display: none;
}

.row-cart-icon {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
}

/* お届け値段表 */

.table-cart-deli {
    border-color: #5A5A5A;
}

.table-cart-deli th {
    padding: 10px;
    background-color:#DDDDDD;
    border: 1px solid #929292;
    text-align: right;
}

.table-cart-deli td {
    padding: 10px 50px 10px 10px;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #929292;
    font-weight: normal;
}


/* 値段追尾　動作不具合中 */
.cart-sticky {
    position: sticky;
    top: 10;
}

.overflow-reset {
    overflow: visible;
}

/* SP のみ表示 */
@media (min-width:768px) {
	.hidden-cart-pc {
        display: none;
	}
}
/* SP のみ非表示 */
@media screen and (max-width: 760px) {
    .hidden-cart-mobile {
        display: none;
	}
}

/* SP のみrow */
@media screen and (max-width: 760px) {
	.mobile-price-row {
        display: flex;
        justify-content: flex-end;
	}
    .mobile-price-col {
        margin-right: 30px;
    }
}


/* my bank list */
.mybank-list {
    height:580px;
    overflow:auto;
    overflow-y:scroll;
    overflow-x:hidden;
}

@media screen and (max-width: 768px) {
    .mybank-list {
        height:300px;
        overflow:auto;
        overflow-y:scroll;
        overflow-x:hidden;
    }
}

.li-list-bank li:nth-child(odd){
    background:#ECECFD;
}

/* bank list btn */
.mybank-list input[type=radio] {
    display: none;
}

.mybank-list input[type="radio"]:checked + label {
    background: #3E82FF;
    color: #ffffff;
}

.mybank-list .label {
    padding: 15px 25px;
    cursor:pointer;
}

.mybank-list li label {
  display: block;
  width: 100%;
  height: 100%;
}