.l-startText{width:450px;margin:0 auto;padding:1em;background-color:#212122;border-radius:10px}.l-albumArt{width:220px;height:220px;box-shadow:1px 1px 15px 3px #333339;border-radius:5px}.l-albumArt:after{background-color:#f05d31;z-index:100}.l-albumInfo{display:flex;flex-direction:column}.l-autocomplete{position:absolute;width:75%;left:5px;top:45px}.l-searchArtistImage{width:30%;border-radius:5px}.l-artistInfo{width:60%;padding-left:1em}.startButton{padding:6px 12px;border:none;border-radius:10px;cursor:pointer}.albumArtList{display:grid;grid-template-columns:repeat(auto-fill,220px);grid-column-gap:10px;grid-row-gap:20px;justify-content:center;margin:1em 0}.albumItems{display:flex;align-items:center;justify-content:space-between;padding:1em;border-top:1px solid #B0BEC5}.albumItems .l-albumInfo{width:17em;margin-right:auto}.albumItems:first-child{border-top:none}.albumItems:last-child{border-bottom:1px solid #cacaca}.albumListItem{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;color:#f1f8e9}.albumListItem:hover{opacity:.6}.albumRemove{display:none}.albumListItem:hover .albumRemove{display:block;position:absolute;top:-8px;right:5px;width:30px;height:30px;font-size:30px;color:#ff693a;cursor:pointer}.albumImage{width:20%;height:auto;margin-right:1em}.albumName{font-size:1em;font-weight:700}.artistsName{color:#8a8888}.modalList{background-color:#e7eaed;height:400px;padding-left:5px;border-radius:10px;overflow-y:auto}[name=type]{display:none}.typeLabel{cursor:pointer}input[type=radio]:checked+label{background:#009688;color:#f1f8e9}.artistItems{display:flex;align-items:center;justify-content:flex-start;background-color:#2e323c;border-radius:10px;padding:5px 0 5px 5px;cursor:pointer}.autocompleteList{height:200px;background:#24272f;border-radius:5px;overflow:auto;padding:1em .5em}.listNameInput{border:none;background-color:transparent;border-bottom:2px solid #6c6c6c;font-size:23px;color:#f1f8e9;text-align:center;width:460px}@media (max-width:768px){.headerLogo{width:45%}.contentWrapper{padding-top:3em}.listNameInput{font-size:23px}}@media (max-width:640px){.l-albumArt{width:140px;height:140px}.l-albumList{padding-left:0;padding-right:0}.l-button{width:4em;padding:7px 14px}.l-autocomplete{left:0%;top:100%;width:100%}.l-searchArtistImage{width:30%}.l-artistInfo{width:60%}.l-albumInfo{width:47%}.l-startText{width:auto;max-width:100%}.albumArtList{grid-template-columns:repeat(auto-fill,160px);grid-column-gap:10px;justify-items:center;justify-content:center}.typeLabel{font-size:10px}.selectWrapper{box-sizing:border-box;height:35px;padding:.2em;border-top-left-radius:10px;border-bottom-left-radius:10px}.albumListItem:hover .albumRemove{top:-7px;right:16px}.albumItems{padding:.5em}.albumImage{width:30%;border-radius:5px}.albumName{font-size:1em}.artistsName{font-size:.8em}.selectName{font-size:1.1em;font-weight:700}.listNameInput{font-size:18px;width:80%}}.homeLogo{width:150px}.l-header{background-color:#24272f}.linkWrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1em;margin-top:2em}.l-linkCard{display:flex;flex-direction:column;justify-content:center;align-items:center;width:450px;height:100%;background-color:#212122;color:#e7eef0;border-radius:10px;box-shadow:0 0 10px #0000001a;transition:all .3s ease}.l-linkCard:hover{transform:translateY(-5px);box-shadow:0 0 20px #0003}.l-linkCard:visited{color:#e7eef0}.linkCard{width:100%;padding:1em}.mainText{font-size:56px;text-align:center}@media screen and (max-width: 640px){.l-linkCard{width:90%}.mainText{font-size:32px;text-align:left}}.l-moviePoster{width:220px;height:330px;box-shadow:2px 2px 15px 1px #1a1a1a;border-radius:5px;object-fit:contain}.l-movieAddPoster{width:220px;height:220px;box-shadow:2px 2px 15px 1px #1a1a1a;border-radius:5px}.l-moviePoster:after{background-color:#639;z-index:100}.l-movieInfo{display:flex;flex-direction:column}.l-gridPosterWrapper{position:relative;display:flex;justify-content:space-around;flex-direction:row;width:100%;height:980px;padding:1em;background-color:#0a0a0a;overflow:hidden}.l-gridPosterWrapper:after{content:"";position:absolute;background-color:#0009;width:100%;height:100vh;padding:1em}.l-introductionWrapper{position:relative}.l-introductionText{position:absolute;top:25%;left:25%}.l-gridPoster{display:flex;flex-wrap:nowrap;flex-direction:column;gap:1em}.girdPosterBlockWrapper{width:100%;display:flex;flex-direction:column;overflow:hidden}.topRateItem:last-child{margin-bottom:1em}.startButton{width:115px;padding:12px 24px;border:none;border-radius:10px;cursor:pointer}.moviePoster{border-radius:5px}.moviePosterList{display:grid;grid-template-columns:repeat(auto-fill,220px);grid-column-gap:10px;grid-row-gap:20px;justify-content:center;margin:1em 0}[name=movie]{box-sizing:border-box;width:100%;height:40px;border-radius:10px}.selectWrapper{background-color:#e6e6e6;box-sizing:border-box;height:40px;border:1px solid #cacaca;border-top-left-radius:10px;border-bottom-left-radius:10px}.movieItems{display:flex;align-items:center;justify-content:space-between;padding:1em;border-top:1px solid #B0BEC5}.movieItems .l-movieInfo{width:17em;margin-right:auto}.movieItems:first-child{border-top:none}.movieItems:last-child{border-bottom:1px solid #cacaca}.movieListItem{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;color:#f1f8e9}.movieListItem:hover{opacity:.6}.posterRemove{display:none}.movieListItem:hover .posterRemove{display:block;position:absolute;top:-8px;right:5px;width:30px;height:30px;font-size:30px;color:#ff693a;cursor:pointer}.moviePoster{width:20%;height:auto;margin-right:1em}.movieTitle{font-size:1em;font-weight:700}.selectAlbumArtist{font-size:.9em}.modalList{color:#fafafa;background-color:#2e323c;height:400px;border-radius:10px;overflow-y:auto}#singleLabel{border-top-left-radius:10px;border-bottom-left-radius:10px;border-right:1px solid #bababa}#albumLabel{border-top-right-radius:10px;border-bottom-right-radius:10px}.resetWrapper{display:flex;flex-direction:row;justify-content:center}.counterText{font-size:1.5em;font-weight:700}.scroll-infinity__list--left1{animation:infinity-scroll-left1 80s infinite linear .5s both}@keyframes infinity-scroll-left1{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.scroll-infinity__list--left2{animation:infinity-scroll-left2 79s infinite linear .5s both}@keyframes infinity-scroll-left2{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.scroll-infinity__list--right1{animation:infinity-scroll-right1 80.5s infinite linear .5s both}@keyframes infinity-scroll-right1{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.scroll-infinity__list--right2{animation:infinity-scroll-right2 78s infinite linear .5s both}@keyframes infinity-scroll-right2{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width:640px){.l-moviePoster{width:160px;height:240px}.l-movieAddPoster{width:140px;height:140px}.l-albumList{padding-left:0;padding-right:0}.l-movieInfo{width:47%}.l-overflowHidden{overflow:hidden}.l-gridPosterWrapper{width:620px;height:620px;left:0;margin:0 auto;border-radius:50%;overflow:hidden;transform:rotate(25deg)}.l-gridPosterWrapper:after{width:832px;height:832px}.l-introductionText{top:15%;left:3%}.moviePosterList{grid-template-columns:repeat(auto-fill,170px);justify-items:center;justify-content:center}[name=movie]{height:35px}.selectWrapper{box-sizing:border-box;height:35px;padding:.2em;border-top-left-radius:10px;border-bottom-left-radius:10px}.movieListItem:hover .posterRemove{top:-7px;right:7px}.movieItems{padding:1em}.moviePoster{width:30%}.movieTitle{font-size:1em}.selectName{font-size:.8em;font-weight:700}}html{font-size:16px;font-family:Noto Sans JP,sans-serif;font-style:normal}body{margin:0;padding:0}h1,h2{margin-block-start:0;margin-block-end:0}ul{margin-block-start:0;margin-block-end:0;padding-left:0}li{list-style:none}p{margin:0}a{text-decoration:none}th,td{border-bottom:1px solid #e6e6e6;padding:1em .5em}input{padding:.5em 1em;border-radius:0;border:1px solid #cacaca}input[type=checkbox],input[type=radio]{display:none}.font-zenMaru{font-family:Zen Maru Gothic,serif}.font-M_PLUS{font-family:"M PLUS Rounded 1c",serif}.disp-block{display:block}.disp-inlineblock{display:inline-block}.disp-inline{display:inline}.disp-none,.disp-Sp{display:none!important}.m-top-5px{margin-top:5px}.m-top-1em{margin-top:1em}.m-top-2em{margin-top:2em}.m-top-3em{margin-top:3em}.m-right-30px{margin-right:30px}.m-right-05em{margin-right:.5em}.m-right-1em{margin-right:1em}.m-right-2em{margin-right:2em}.m-right-3em{margin-right:3em}.m-left-30px{margin-left:30px}.m-left-1em{margin-left:1em}.m-left-2em{margin-left:2em}.m-left-3em{margin-left:3em}.m-bottom-5px{margin-bottom:5px}.m-bottom-05em{margin-bottom:.5em}.m-bottom-1em{margin-bottom:1em}.m-bottom-2em{margin-bottom:2em}.m-bottom-3em{margin-bottom:3em}.m-both-auto{margin-left:auto;margin-right:auto}.p-all-1em{padding:1em}.p-all-2em{padding:2em}.padding-all-05em{padding:.5em}.padding-all-1em{padding:1em}.p-top-1em{padding-top:1em}.p-top-2em{padding-top:2em}.p-top-3em{padding-top:3em}.p-left-05em{padding-left:.5em}.p-left-1em{padding-left:1em}.p-left-2em{padding-left:2em}.p-left-3em{padding-left:3em}.font-wb{font-weight:700}.ta-left{text-align:left}.ta-center{text-align:center}.ta-right{text-align:right}.textM1{font-size:1em}.textL1{font-size:1.5em}.textXL1{font-size:2em}.txt-white{color:#f1f8e9}.txt-navy{color:#24272f}.txt-green{color:#009688}.txt-orange{color:#ff693a}.color-Green{color:#009688}.color-Purple{color:#639}.bg-orange{background-color:#ff693a}.bg-orange:hover{background-color:#f05d31}.bg-turquoise{background-color:#009688}.bg-turquoise:hover{background-color:#00756a}.bg-purple{background-color:#639}.bg-purple:hover{background-color:#572c82}.bg-white,.bg-white:hover{background-color:#e9f1f8}.bg-gray{background-color:#cdc8d3}.bg-gray:hover{background-color:#bfbac5}.errorMessage{color:red}.lh-1{line-height:1}.lh-1_5{line-height:1.5}.lh-2{line-height:2}.lh-2_5{line-height:2.5}.l-container{max-width:1200px;margin:0 auto;padding-left:1em;padding-right:1em}.inner-container{max-width:864px;width:100%;margin:0 auto;padding:3em 1em 1em}.l-header{width:100%;max-width:1200px;height:auto;display:flex;justify-content:space-between;background:transparent;margin-top:1em}.l-contentWrapper{padding:0}.l-common{background-color:#1a1a1b;padding-bottom:1em}.l-topRate{width:100%;height:100%}.l-button{display:flex;justify-content:center;width:50px;padding:9px 18px;border:none;border-radius:10px;cursor:pointer;transition:background .2s,color .2s}.l-addButtonWrapper{padding-top:8em}.l-addButton{width:220px;height:220px;border-radius:5px}.l-searchForm{position:relative;display:flex}.l-buttonSearch{display:flex;justify-content:center;align-items:center;width:7em;padding:12px 24px;border:none;border-radius:10px;cursor:pointer}.l-subButton{width:3em;padding:2px 8px;font-size:14px;border:none;border-radius:10px;cursor:pointer}.l-selectType{position:relative;display:flex;flex-direction:row;align-items:center;width:80%}.l-resetButton{display:flex;justify-content:center;align-items:center;gap:10px;width:150px;padding:12px 24px;border-radius:10px;border:none;cursor:pointer}.mainWrapper{width:1200px;max-width:100%;margin:0 auto}.contentWrapper{padding-top:4em}.logoPosition{text-align:left}.headerLogo{width:200px;height:auto}.navList{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2em}.navText{font-size:1.2em;color:#e9f1f8;font-weight:700}.topText{font-size:60px}.addButton{display:flex;justify-content:center;align-items:center;border-radius:5px;border:none;background-color:#24272f;cursor:pointer}.addButton:hover{transition-duration:.2s;background-color:#1b1d23;transform:scale(.99) translateY(2px)}[name=form]{box-sizing:border-box;width:100%;height:40px;border-radius:10px}.clear{position:absolute;right:11px;top:6px;color:#424242;cursor:pointer}.icon-close{display:inline-block;vertical-align:middle;color:#414346;line-height:1;width:1em;height:.1em;background:currentColor;border-radius:.1em;position:relative;transform:rotate(45deg)}.icon-close:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;transform:rotate(90deg)}.icon-add{display:inline-block;vertical-align:middle;line-height:1;width:1.1em;height:.2em;font-size:3em;background:currentColor;border-radius:.1em;position:relative;transform:rotate(90deg)}.icon-add:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;border-radius:inherit;transform:rotate(90deg)}.action:active{transform:scale(.95)}.fa-plus{font-size:4em}.modal-container{position:fixed;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;background:#0000007f;padding:40px 20px;overflow:auto;transition:.3s;box-sizing:border-box}.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%}.modal-container.active{opacity:1;visibility:visible}.modal-body{position:relative;display:grid;justify-items:center;vertical-align:middle;width:640px}.modal-close{position:absolute;display:flex;align-items:center;justify-content:center;top:6%;right:-1%;width:40px;height:40px;font-size:40px;color:#fff;cursor:pointer}.modal-content{position:absolute;max-width:100%;width:640px;top:10%;background:#24272f;padding:1em;text-align:left;border-radius:5px}.modalList::-webkit-scrollbar,.autocompleteList::-webkit-scrollbar{background:transparent;width:5px;height:5px;border-radius:10px}.modalList::-webkit-scrollbar-thumb,.autocompleteList::-webkit-scrollbar-thumb{background-color:#f05d31;border-radius:10px}.resetWrapper{padding:0 1em}.texture{background:#181819 url(/assets/texture-B402yOp2.png);animation:noise_anima 1.1s steps(10) infinite}@keyframes noise_anima{0%{background-position:0 0}to{background-position:123px 456px}}.fadeIn{animation:fadeIn 2s;animation-fill-mode:both}.fadeOut{animation:fadeOut 1s;animation-fill-mode:both}@media (max-width:640px){html{font-size:12px}main{width:100%}.disp-Sp{display:block!important}.l-contentWrapper{max-width:100%}.l-button{width:60px;padding:7px 14px}.l-addButton{width:140px;height:140px}.l-buttonSearch{width:4em;padding:10px 15px}.l-resetButton{width:130px;padding:9px 18px}.l-topRate{width:100%;height:100%;border-radius:5px}.headerLogo{width:70%}.contentLogo{width:60%}.innerContent{padding:0 1em}.inner-container_top{width:100%;margin:0 auto;padding:2em 0 1em}.topText{font-size:30px}.mainWrapper{width:100%;max-width:100%;margin:0 auto}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;padding:0;overflow:auto;transition:.3s;box-sizing:border-box}.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%}.modal-container.active{opacity:1;visibility:visible}.modal-body{position:absolute;top:20%;left:5%;max-width:640px;width:90%}.modal-close{top:-45px;right:0}.modal-content{text-align:left;padding:1em;border-radius:5px}[name=form]{height:35px}}