スーパーマップル デジタル27

About

@media(max-width:750px){ .sec--gray { background: #f2f2f2; } .sec__inner { padding: 1px 0 20px 0; } .product__desc p, .guide__desc p { font-weight: 500 !important; } .guide .guide__pic__list { display: flex; list-style: none; margin-top: 20px; padding-inline-start: 0px; } .guide .guide__pic__list li { width: calc(100% / 4); padding: 0 5px; } .product__desc p , .guide__desc p { color: #333; } .guide__pic { margin-top: 20px; } } @media(min-width:750px){ .link { color: var(--color) !important; } .breadcrumb li a { font-size: 15px; } .block:not(.column) { padding: 0; } .pagination .pagination__list span { color: #f6f7fa; } .pagination .pagination__list span:hover { color: #f6f7fa; } .pagination__item { color: #f6f7fa; } .pagination__item--current { color: #256cad !important; } } @media(min-width:750px){ .btn_border { padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; text-align: center; height: 50px; } } .icon-zoom { position: absolute; display: inline-block; width: 36px; height: 36px; bottom: 27%; right: 5%; background: rgba(255, 255, 255, 0.5); border-radius:50%; padding: 8px; cursor: pointer; } @media (max-width: 750px) { .icon-zoom { bottom: 24%; right:5%; } } .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; /* background-color: rgba(255, 255, 255, 0.8); */ background-color: rgba(0, 0, 0, 0.8); } .modal-content { position: relative; margin: auto; display: block; max-width: 90%; max-height: 90%; transition: transform 0.3s ease-in-out, max-width 0.3s ease-in-out, max-height 0.3s ease-in-out; cursor: zoom-in; } @media (max-width: 750px) { .modal-content { max-width: 300%; max-height: 300%; } } .modal-content.zoomed { transform: scale(2); cursor: zoom-out; } .close { position: fixed; top: 20px; right: 30px; color: #333; font-size: 24px; font-weight: bold; cursor: pointer; z-index: 1100; background: rgba(255, 255, 255, 0.5); padding: 10px; border-radius: 50%; } 見える！使える！わか