@keyframes floating{0%{-webkit-transform:translate(0%, -5%) rotate(0deg);-moz-transform:translate(0%, -5%) rotate(0deg);-ms-transform:translate(0%, -5%) rotate(0deg);-o-transform:translate(0%, -5%) rotate(0deg);transform:translate(0%, -5%) rotate(0deg)}25%{-webkit-transform:translate(5%, -15%) rotate(-5deg);-moz-transform:translate(5%, -15%) rotate(-5deg);-ms-transform:translate(5%, -15%) rotate(-5deg);-o-transform:translate(5%, -15%) rotate(-5deg);transform:translate(5%, -15%) rotate(-5deg)}50%{-webkit-transform:translate(0%, 0%) rotate(0deg);-moz-transform:translate(0%, 0%) rotate(0deg);-ms-transform:translate(0%, 0%) rotate(0deg);-o-transform:translate(0%, 0%) rotate(0deg);transform:translate(0%, 0%) rotate(0deg)}75%{-webkit-transform:translate(-5%, -10%) rotate(5deg);-moz-transform:translate(-5%, -10%) rotate(5deg);-ms-transform:translate(-5%, -10%) rotate(5deg);-o-transform:translate(-5%, -10%) rotate(5deg);transform:translate(-5%, -10%) rotate(5deg)}100%{-webkit-transform:translate(0%, -5%) rotate(0deg);-moz-transform:translate(0%, -5%) rotate(0deg);-ms-transform:translate(0%, -5%) rotate(0deg);-o-transform:translate(0%, -5%) rotate(0deg);transform:translate(0%, -5%) rotate(0deg)}}@keyframes bg-marquee{0{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100vw);-moz-transform:translateX(-100vw);-ms-transform:translateX(-100vw);-o-transform:translateX(-100vw);transform:translateX(-100vw)}}.comp-no_contents-only_text{padding:7px;text-align:center}.comp-no_contents-only_text .comp-no_contents-text{font-size:2rem;font-weight:700}@media (min-width: 768px){.comp-no_contents-only_text{padding:14px}}
@keyframes floating{0%{-webkit-transform:translate(0%, -5%) rotate(0deg);-moz-transform:translate(0%, -5%) rotate(0deg);-ms-transform:translate(0%, -5%) rotate(0deg);-o-transform:translate(0%, -5%) rotate(0deg);transform:translate(0%, -5%) rotate(0deg)}25%{-webkit-transform:translate(5%, -15%) rotate(-5deg);-moz-transform:translate(5%, -15%) rotate(-5deg);-ms-transform:translate(5%, -15%) rotate(-5deg);-o-transform:translate(5%, -15%) rotate(-5deg);transform:translate(5%, -15%) rotate(-5deg)}50%{-webkit-transform:translate(0%, 0%) rotate(0deg);-moz-transform:translate(0%, 0%) rotate(0deg);-ms-transform:translate(0%, 0%) rotate(0deg);-o-transform:translate(0%, 0%) rotate(0deg);transform:translate(0%, 0%) rotate(0deg)}75%{-webkit-transform:translate(-5%, -10%) rotate(5deg);-moz-transform:translate(-5%, -10%) rotate(5deg);-ms-transform:translate(-5%, -10%) rotate(5deg);-o-transform:translate(-5%, -10%) rotate(5deg);transform:translate(-5%, -10%) rotate(5deg)}100%{-webkit-transform:translate(0%, -5%) rotate(0deg);-moz-transform:translate(0%, -5%) rotate(0deg);-ms-transform:translate(0%, -5%) rotate(0deg);-o-transform:translate(0%, -5%) rotate(0deg);transform:translate(0%, -5%) rotate(0deg)}}@keyframes bg-marquee{0{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100vw);-moz-transform:translateX(-100vw);-ms-transform:translateX(-100vw);-o-transform:translateX(-100vw);transform:translateX(-100vw)}}@keyframes floating{0%{-webkit-transform:translate(0%, -5%) rotate(0deg);-moz-transform:translate(0%, -5%) rotate(0deg);-ms-transform:translate(0%, -5%) rotate(0deg);-o-transform:translate(0%, -5%) rotate(0deg);transform:translate(0%, -5%) rotate(0deg)}25%{-webkit-transform:translate(5%, -15%) rotate(-5deg);-moz-transform:translate(5%, -15%) rotate(-5deg);-ms-transform:translate(5%, -15%) rotate(-5deg);-o-transform:translate(5%, -15%) rotate(-5deg);transform:translate(5%, -15%) rotate(-5deg)}50%{-webkit-transform:translate(0%, 0%) rotate(0deg);-moz-transform:translate(0%, 0%) rotate(0deg);-ms-transform:translate(0%, 0%) rotate(0deg);-o-transform:translate(0%, 0%) rotate(0deg);transform:translate(0%, 0%) rotate(0deg)}75%{-webkit-transform:translate(-5%, -10%) rotate(5deg);-moz-transform:translate(-5%, -10%) rotate(5deg);-ms-transform:translate(-5%, -10%) rotate(5deg);-o-transform:translate(-5%, -10%) rotate(5deg);transform:translate(-5%, -10%) rotate(5deg)}100%{-webkit-transform:translate(0%, -5%) rotate(0deg);-moz-transform:translate(0%, -5%) rotate(0deg);-ms-transform:translate(0%, -5%) rotate(0deg);-o-transform:translate(0%, -5%) rotate(0deg);transform:translate(0%, -5%) rotate(0deg)}}@keyframes bg-marquee{0{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100vw);-moz-transform:translateX(-100vw);-ms-transform:translateX(-100vw);-o-transform:translateX(-100vw);transform:translateX(-100vw)}}.comp-comments-favorite-btn{background:transparent;border:none;padding:0;display:flex;align-items:center;gap:3.5px}.comp-comments-favorite-btn .favorite-icon{display:block;line-height:1}.comp-comments-favorite-btn .favorite-icon svg{display:block;width:12px;height:auto}@media (min-width: 768px){.comp-comments-favorite-btn .favorite-icon svg{width:16px}}.comp-comments-favorite-btn .favorite-count{display:block;line-height:1;font-size:1rem}@media (min-width: 768px){.comp-comments-favorite-btn .favorite-count{width:1.2rem}}.comp-comments-favorite-btn.comp-comments-favorite-btn--favorited .favorite-icon{animation:comp-comment-icon 0.4s cubic-bezier(0.25, 0, 0.25, 1.5) 1 forwards}.comp-comments-favorite-btn.comp-comments-favorite-btn--favorited .favorite-count{color:#b8d200}@keyframes comp-comment-icon{0%{transform:scale(0)}100%{transform:scale(1)}}.comp-comments-list01-head{font-size:1.4rem;font-weight:700;margin:32px 0 16px;padding-top:32px;border-top:solid 1px #000}@media (min-width: 768px){.comp-comments-list01-head{border-top:none;margin-top:64px;padding-top:0}}.comp-comments-list01-list .comp-comments-list01-item:first-child{padding-top:0}.comp-comments-list01-item{padding:16px 0;border-bottom:solid 1px rgba(0,0,0,0.05)}.comp-comments-list01-item .comp-comments-list01-item_head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-bottom:8px}.comp-comments-list01-item .comp-comments-list01-item_nameWrap{position:relative;display:flex;align-items:center;gap:4px}.comp-comments-list01-item .comp-comments-list01-item_icon{width:20px;height:20px;border-radius:20px;overflow:hidden}.comp-comments-list01-item .comp-comments-list01-item_icon img{display:block;width:100%;height:100%;object-fit:cover}.comp-comments-list01-item .comp-comments-list01-item_name{margin:0;font-size:1.2rem;line-height:1.2;font-weight:700}.comp-comments-list01-item .comp-comments-list01-item_time{display:block;font-size:1.2rem;line-height:1;font-weight:400;color:#666}.comp-comments-list01-item .comp-comments-list01-item_text{font-size:1.2rem}.comp-comments-list01-item .comp-comments-list01-item_text p{font-size:1.2rem}@media (min-width: 768px){.comp-comments-list01-item .comp-comments-list01-item_text{font-size:1.4rem}.comp-comments-list01-item .comp-comments-list01-item_text p{font-size:1.4rem}}.comp-comments-list01-item .comp-comments-list01-item_image{margin-top:8px}.comp-comments-list01-item .comp-comments-list01-item_image img{max-width:240px;height:auto}@media (min-width: 768px){.comp-comments-list01-item .comp-comments-list01-item_image img{max-width:400px}}.comp-comments-list01-item .comp-comments-list01-item_foot{display:flex;align-items:center;margin-top:8px;gap:8px}.comp-comments-list01-item .comp-comments-list01-item_delete a:not(.btn){display:block;font-size:1rem;color:#666}.comp-comments-list01-item.comp-comments-list01-item--artist .comp-comments-list01-item_nameWrap{background:#b8d200;border-radius:20px;padding:4px 8px}.comp-comments-list01-item.comp-comments-list01-item--artist .comp-comments-list01-item_nameWrap:has(.comp-comments-list01-item_icon){padding:0 8px 0 0}.comp-comments-list01-item.comp-comments-list01-item--artist .comp-comments-list01-item_name{max-width:calc(100% - 24px);padding:2px 0}