#wish-list{width: 100%; background-color: #f7f7f7; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; min-height: 600px; padding: 5% 0;}
#wish-list .inner{width: 930px; box-sizing: border-box; margin: 0 auto;}
#wish-list .wish-title{margin-bottom: 2%;}
#wish-list h2{font-weight: 700; font-size: 50px; text-align: center; margin-bottom: 3%;}
#wish-list p{font-size: 18px; color: #666;}
.wish-box{width: 100%; background-color: #fff; border: 1px solid #ccc; box-sizing: border-box; margin: 2% 0 5% 0;}
.wish-box ul li{padding: 5%; border-bottom: 1px solid #ccc; box-sizing: border-box; position: relative;}
.wish-box ul li .txt-box{width: 95%;display: flex; align-items: center;} 
.wish-box ul li .wish-txt{width: 70%; line-height: 1.4;}
.wish-box ul li .price-list-tit{font-weight: 700; font-size: 22px;}
.wish-box ul li .price-list-subtit{font-size: 18px; color: #7e7e7e;margin: 2% 0;}
.wish-box ul li .price-list-type{color: #b49061; font-weight: 500; font-size: 20px;}   
.wish-box ul li .wish-price{width: 25%;font-weight: 900; color: #b49061; font-size: 30px; text-align: right; }
.wish-box ul li .wish-price span{font-weight: 300; font-size: 22px;}
.wish-box .remove{position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); right: 2.5%; width: 50px; height: 50px; text-indent: -9999px; background: url('/img/wishlist/remove.png')no-repeat center; background-size:contain; border:none;}

.wish-box .add-btn a{display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 22px; padding: 2% 0; width: 100%;}
.wish-box .add-btn a::before{content: ''; width: 40px; height: 40px; background: url('/img/wishlist/add.png')no-repeat center; background-size: contain; display: block; margin-right: 5px;}

#wish-list .btn{width: 100%;}
#wish-list .btn a{width: 300px; margin: 0 auto; background-color: #b49061; color: #fff; padding: 20px 0; font-size: 18px; display: flex; align-items: center; justify-content: center;}
#wish-list .btn a::after{content: ''; width: 20px; height: 15px; background: url('/img/wishlist/btn-arrow.png')no-repeat center; background-size: contain; display: block; margin-left: 5px;}

@media all and (max-width:1080px) {
    #wish-list{padding: 10% 0;}
    #wish-list .inner{width: 90%;}
    #wish-list .wish-title{margin-bottom: 4%;}
    .wish-box ul li .txt-box{width: 95%; flex-wrap: wrap;}
    .wish-box ul li .wish-txt{width: 100%;}
    .wish-box ul li .wish-price{width: 100%; text-align: left; padding: 2% 0;}

}

@media all and (max-width:730px) {

    #wish-list h2{font-size: 7vw;}
    #wish-list p{font-size: 2.8vw;}
    .wish-box ul li .price-list-tit{font-size: 3.5vw;}
    .wish-box ul li .price-list-subtit{font-size: 3vw;}
    .wish-box ul li .price-list-type{font-size: 3.4vw;}

    .wish-box .add-btn a{font-size: 3.2vw; padding: 3% 0;}
    .wish-box .add-btn a::before{width: 5vw; height: 5vw;}
    .wish-box ul li .wish-price{font-size: 4.5vw;}
    .wish-box ul li .wish-price span{font-size: 3.2vw;}

    #wish-list .btn a{width: 50%; padding: 4% 0; font-size: 2.8vw;}
    #wish-list .btn a::after{width: 3vw; height: 2vw;}
    .wish-box .remove{width: 8vw;}
}