SUPER SOUND COLLECTION【ウィンズスコア】

About

/* -----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: auto; max-height: 80%; /* 最大の高さを80%に制限 */ overflow-y: auto; /* border-radius: 20px; */ } #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 10px 10px rgba(0,0,0,0.2) ; display: block; margin: auto; margin: 40px auto; transition:0.3s; } #modal-content .products-img:hover{ transform: scale(1.030); box-shadow: 0 20px 16px rgba(0,0,0,0.2) ; } .cd-left__img{ display: block; } #modal-body p{ line-height: 2.6; } /* コメントモーダル */ /* -----モーダル----- */ .modal01,.modal02,.modal03 { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); } /*曲リスト*/ .cd-right__title { margin: 0; font-size: 1.2em; f