テストのコレクション

About

.collection-bg section{ padding:120px 0; } body { --sb-track-color: #7AC1F8!important; --sb-thumb-color: #12285C; --sb-size: 30px; scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); } body::-webkit-scrollbar { width: var(--sb-size) } body::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 10px; } body::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 10px; } /* -----wrapper100%記述----- */ .collection-grid__wrapper{ max-width: 1200px; padding: 0 40px; margin: auto; } #CollectionAjaxContent11 .page-width { max-width: 100%!important; padding: 0; } /* -----css----- */ .movie-flex{ display: flex; } /* コメントモーダル */ .open-modal01,.open-modal02,.open-modal03 { display: block!important; margin: auto!important; /* margin-top: 30px!important; */ } #modal01,#modal02,#modal03 { display: none; /* モーダルを初めは非表示にする */ position: fixed; z-index: 500; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); } #modal-content { background-color: #fefefe; margin: auto; padding: 60px 120px; border: 1px solid #888; width: 30%; max-height: 80%; /* 最大の高さを80%に制限 */ overflow-y: auto; /* border-radius: 20px; */ border:2px solid; border-image: linear-gradient(90deg, #4D8AEC, #4A50C0, #C954BA, #E6924D, #E8CF4D) 1 !important; } #close-modal01,#close-modal02,#close-modal03 { color: #fff; float: right; font-size: 70px; font-weight: bold; position: fixed; font-weight: lighter; top:50px; right: 50px; background: none; } #close-modal01:hover,#close-modal02:hover,#close-modal03:hover, #close-modal01:focus, #close-modal02:focus,#close-modal03:focus,{ opacity: 0.5; text-decoration: none; cursor: pointer; } #modal-body { margin-top: 20px; } /* モーダルを開いたときにbody要素をスクロールできなくする */ .modal-open { overflow: hidden; } #modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #modal-content .btn{ width: 100%; } #modal-content .products-img{ width: 40%; min-width: 200px; box-shadow: 0