.subscribe-tag { background: #e59a0f; color: #fff; font-size: 12px; padding: 3px 10px; box-sizing: border-box; border-radius: 10px; } .heart-active { color: white !important; background-color: #0096e6 !important; } .product-tag { position: absolute; left: 20px; top: 19px; z-index: 9; display: flex; flex-direction: column; } #live-modale { z-index: 1000; } .live-movie, #live-mov, video { height: 100%; } /* #live-modale .sns-icon { bottom: 80px; padding: 0; right: 20px; } #live-modale .comments-wrap { bottom: calc(80px - 1rem); padding: 0; left: 20px; } #live-modale .sns-icon .sns-icon-share, #live-modale .sns-icon .sns-icon-heart { width: 40px; height: 40px; } */ .common-radio { height: 12px; width: 12px; margin-right: 5px; } .common-radio-label-block { display: block; } #live-modale .live-movie header .fi-rs-heart.active { color: #f00; } .follow-btn.active { background-color: #0096e6 !important; } #live-modale .sns-icon { bottom: 50px; } #live-modale .sns-icon .sns-icon-share { width: 50px; height: 50px; } #live-modale .sns-icon .sns-icon-heart { width: 50px; height: 50px; } #live-modale .sns-icon .sns-icon-heart span { top: -30px; } #live-modale .sns-icon .sns-icon-cart { width: 50px; height: 50px; } #live-modale .comments { background: #333333a1; padding: 0 4px; border-radius: 15px; margin-bottom: 2px; } #live-modale .comments .comments-list .user-lv { background: #d8e7f3; color: #1f8acc; padding: 0 5px; border-radius: 15px; cursor: pointer; margin-right: 10px; } #live-modale #live-mov video { height: 100%; } #live-modale .comments-wrap { padding: 0 20px 0 20px; bottom: 70px; } #live-modale .live-movie .live-tags { padding: 0 20px 0 20px; } .product-no-goods-number { float: right; } .product-urikire { padding: 5px; border: 1px solid #4f5d77; border-radius: 5px; line-height: 12px; } .product-category { max-width: calc(100% - 60px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-live { max-width: 100%; max-height: 45px; overflow: hidden; text-overflow: ellipsis; } .scroll-box { max-height: 300px; overflow-y: scroll; overflow: scroll; } .search-style-2 form input { background-position: 7px center; } #live-modale .live-item .live-item-list-block { height: calc(100% - 120px); } #live-modale .live-item .live-item-list .live-item-list-price .discount{ background-color: #679e23; } #live-modale .live-item .live-item-list .live-item-list-price .delivery{ background-color: #2a418e; } #live-modale .live-item .live-item-list .live-item-list-price .subscribe { background-color: #e59a0f; } #live-modale .live-item .live-item-list .live-item-list-price .live-item-list-yen-old { font-size: 14px; color: #999999; text-decoration: line-through; } #live-modale .live-movie .live-tags .lottery-block .lottery-conditions p, #live-modale .live-movie .live-tags .enquete-block .lottery-conditions p { line-height: 1.2; font-size: 14px; padding: 10px; border: 1px solid #dfe5de; background: #fff; white-space: pre-line; overflow: hidden; } #live-modale .live-movie .live-tags .lottery-block .lottery-conditions p h4, #live-modale .live-movie .live-tags .enquete-block .lottery-conditions p h4 { font-size: 14px; } #live-modale .live-movie .live-tags .lottery-block.active { padding: 70px 20px 20px 20px; } #live-modale .live-movie .live-tags .lottery-block .lottery-detail .lottery-btn, #live-modale .live-movie .live-tags .enquete-block .lottery-detail .lottery-btn { display: flex; justify-content: center; align-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; } #live-modale .live-movie .live-tags .lottery-block .lottery-detail .btn.disabled, #live-modale .live-movie .live-tags .enquete-block .lottery-detail .btn.disabled { background: #eeeeee !important; color: #000 !important; opacity: 1; } #live-modale .live-movie .live-tags { z-index: 700; } #live-modale .live-movie .live-tags .lottery-block, #live-modale .live-movie .live-tags .enquete-block { background-color: #f0f0f0f0 !important; } .countdown-block { padding: 8px 18px; font-size: 12px; color: #0b0b0b; font-weight: 700; width: 100%; text-align: center; } @media (min-width:1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{ max-width:1200px; } } @media (max-width: 768px) { #live-modale .horizon #live-mov { top: 250px; height: calc(100vw / 16 * 10); } .modal-active.small-video .horizon #live-mov { top: 50% !important; height: 100% !important; } #live-modale .horizon #live-mov video { height: 100%; } #live-modale .live-modal-block { height: 100%; } #live-modale .sns-icon { bottom: 0; } .product-cart-wrap:not(:last-child), .mb-xs-30 { margin-bottom: 0 !important; } .product-live { max-height: 60px !important; line-height: 20px; } #live-modale .live-item .live-item-list .live-item-list-wrap { display: flex; } #live-modale .live-item .live-item-list .live-item-list-img { width: 40%; margin-right: 10px; } #live-modale .live-item .live-item-list .live-item-list-detail { width: calc(100% - 40% - 10px); } #live-modale .live-item .live-item-list .live-item-list-detail h4 { font-size: 14px; } #live-modale .live-item .live-item-list .live-item-list-detail p { font-size: 12px; line-height: 14px; height: 40px; padding-top: 10px; padding-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #live-modale .live-item .live-item-list .live-item-list-price .live-item-list-tag { padding: 2px 8px; line-height: 14px; margin-right: 5px; margin-bottom: 0; } #live-modale .live-item .live-item-list .live-item-list-price .live-item-list-yen { font-size: 18px; } #live-modale .live-movie .live-tags .lottery-block.active { padding: 50px 20px 20px 20px !important; } #live-modale .live-movie .live-tags .lottery-block .product-tabs .tab-header, #live-modale .live-movie .live-tags .enquete-block .product-tabs .tab-header { margin-bottom: 10px; } #live-modale .live-movie .live-tags .lottery-block .lottery-block-icon, #live-modale .live-movie .live-tags .lottery-block .enquete-block-icon, #live-modale .live-movie .live-tags .enquete-block .lottery-block-icon, #live-modale .live-movie .live-tags .enquete-block .enquete-block-icon { position: absolute; top: 20px; left: 20px; color: #fff; background: #43185c; padding: 2px 10px 2px 35px; border-radius: 20px; cursor: pointer; line-height: 1.4; } #live-modale .live-movie .live-tags .lottery-block .lottery-block-icon svg, #live-modale .live-movie .live-tags .lottery-block .enquete-block-icon svg, #live-modale .live-movie .live-tags .enquete-block .lottery-block-icon svg, #live-modale .live-movie .live-tags .enquete-block .enquete-block-icon svg { width: 18px; fill: #fff; margin-top: 0; margin-right: 0; top: 3px; left: 10px; } #live-modale .btn-close { position: absolute; top: 10px; right: 10px; background-color: #e2f0f6; border: 1px solid #2590ce; padding: 10px; border-radius: 30px; } #live-modale .live-movie .live-tags .lottery-block .lottery-detail .lottery-conditions, #live-modale .live-movie .live-tags .enquete-block .lottery-detail .lottery-conditions{ max-height: calc(80vh - 210px); overflow: hidden; overflow-y: auto; } #live-modale .live-movie .live-tags .lottery-block .lottery-detail .lottery-btn .btn, #live-modale .live-movie .live-tags .enquete-block .lottery-detail .lottery-btn .btn { margin: 10px 0 0 0; } .row .col-6 { padding: 0 5px; } .product-cart-wrap .product-img-action-wrap { padding: 0; } .product-category { max-width: 100%; } .widget-category { position: relative; padding: 10px; border: 1px solid #e8e8e8; } .product-cart-wrap .product-content-wrap h2 { font-size: 12px; font-weight: 600; height: 28px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product-cart-wrap .product-content-wrap { padding: 0 10px; } }