|
|
@@ -598,6 +598,7 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
|
|
|
/* ev_renew_1 */
|
|
|
.dp .promotion_visual {margin-bottom: -1.2rem;}
|
|
|
+.dp .promotion_visual img {width: 100%;}
|
|
|
.dp {background: #f5f5f5;}
|
|
|
.dp .inner:last-child {padding-bottom: 0;}
|
|
|
.dp .dp_btn_area .btn_wrap {padding:3rem 0; border-bottom: 0.1rem solid #ddd; text-align: center;}
|
|
|
@@ -706,12 +707,16 @@ main.container .inner h2[data-style~="unusual"] {font-size:2.0rem;top: 0;positio
|
|
|
.modal.photo_comment_popup .modal-body {padding: 0 0; margin:0; height: 100%;}
|
|
|
.modal.photo_comment_popup .modal-body .pop_cont {max-height:none; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow:hidden; position: relative; padding-bottom: 13rem; padding-top: 5.2rem;}
|
|
|
.modal.photo_comment_popup .modal-body .pop_cont .pop_slide {position: relative; height: 100%; overflow:hidden;}
|
|
|
+.modal.photo_comment_popup .modal-body .pop_cont .pop_slide {position: relative; overflow: hidden;transition: all 300ms ease;transform: scale(1);}
|
|
|
+.modal.photo_comment_popup .modal-body .pop_cont .pop_slide #prodMovBtn{background: rgb(246 55 55 / 0%); position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;color: transparent;font-size: 0.1rem;z-index: 2;}
|
|
|
+.modal.photo_comment_popup .modal-body .pop_cont .pop_slide iframe{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;}
|
|
|
.modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-container {height: 100%;}
|
|
|
.modal.photo_comment_popup .modal-body .pop_cont .pop_slide .swiper-pagination-fraction {bottom:2.5rem; width:auto; left: 50%; transform:translateX(-50%); background: rgba(34,34,34,.5); color: #fff; font-weight: 300;padding:0.5rem 0.7rem; line-height: 1; font-size: 1.2rem; border-radius:2rem;}
|
|
|
.swiper-pagination-current {font-weight: 600;}
|
|
|
/* .swiper-pagination-current:before {content:'0';} */
|
|
|
.modal.photo_comment_popup .pop_detail {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99; background: #fff; box-shadow: 0 -1.4rem 1.78rem 0.22rem rgba(0, 0, 0, 0.04); font-size: 1.3rem; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); }
|
|
|
-.pop_slide .swiper-slide .img {}
|
|
|
+.pop_slide .swiper-slide .mov {position: relative; width: 100%; height: 100%;}
|
|
|
+.pop_slide .swiper-slide .img {position: relative; height: 100%;}
|
|
|
.pop_slide .swiper-slide img {width: auto; height: auto; max-height: 100%; max-width: 100%; margin: auto 0; position: absolute; top: 50%; bottom: auto; left: 50%; right: 0; transform: translate(-50%, -50%); cursor: pointer;}
|
|
|
.modal.photo_comment_popup .pop_detail .pop_open_btn {position: absolute; left: 0; top: 0; width: 100%; background: url('/images/mo/ico_pop_arrow.png') no-repeat center; display: block; width: 100%; height: 3rem; background-position:center; background-size:3rem;}
|
|
|
.modal.photo_comment_popup .pop_detail .comment_wrap {max-height: 10rem; padding:0 2rem 2rem; margin-top: 3rem; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); overflow-y:auto;}
|