*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background:#f7fafc;color:#2d3748;line-height:1.4;padding-bottom:70px}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));pointer-events:none;z-index:-1}.show-pc,.show-sp{display:none}@media (min-width:769px){.show-pc{display:block}}@media (max-width:768px){.show-sp{display:block}}h1{font-size:24px;margin-bottom:16px;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}h1,h2{font-weight:700}h2{font-size:20px}h3{font-size:18px;font-weight:700}@media (max-width:767px){h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}h4{font-size:1rem}}.container,.page-container{max-width:1200px;margin:0 auto}header{background:hsla(0,0%,100%,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.2);position:sticky;top:0;z-index:100}.header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;height:56px}.logo{font-size:20px;font-weight:700;color:#ff6b35}.footer-logo img,.logo img{display:block;height:29px;max-height:40px;max-width:190px}@media (max-width:767px){.header-content{padding:12px 8px}.logo{font-size:16px;white-space:nowrap}}.search-icon{background:none;border:none;font-size:18px;color:#718096;cursor:pointer;padding:8px}.search-icon:hover{background:hsla(0,0%,100%,.1);color:#2d3748;-webkit-transform:scale(1.1);transform:scale(1.1)}.search-container{display:none;padding:12px 16px;border-top:1px solid #f0f0f0}.search-container.active{display:block}.search-box{width:96%;background:#f0f0f0;border:none;border-radius:20px;padding:10px 16px;font-size:14px;outline:none}@media (max-width:767px){.search-box{width:90%}}.header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.icon-label{font-size:12px}.icon-label,.icon-label .icon-link,.icon-label .search-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon-label .icon-link,.icon-label .search-icon{background:none;border:none;cursor:pointer;padding:0;color:#718096;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.icon-link-vertical:hover,.icon-link:hover{background:hsla(0,0%,100%,.1);color:#2d3748;-webkit-transform:scale(1.1);transform:scale(1.1)}.icon-text{margin-top:2px;font-size:11px;color:#718096}.icon-link-vertical{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:#718096}.hamburger{cursor:pointer;width:30px;height:30px}@media (max-width:767px){.header-actions{gap:16px}}.menu-panel{display:none;position:absolute;top:50px;right:10px;background:#fff;border:1px solid #f0f0f0;padding:10px;width:20em;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:100}.menu-panel.show{display:block}.menu-panel a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px;text-decoration:none;color:#555}.menu-panel a:hover{background-color:#f0f0f0}.menu-panel a svg{-ms-flex-negative:0;flex-shrink:0;width:20px;height:20px;display:block;-webkit-box-flex:0;-ms-flex:none;flex:none}#signup-panel{text-align:center}@media (max-width:768px){.menu-panel{width:100%;right:0;left:0;top:50px;position:fixed;border-radius:0;border-left:none;border-right:none}}.signup-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;background:#ff6b35;color:#fff;padding:6px 8px;border-radius:20px;font-size:12px;text-decoration:none;-webkit-transition:background .2s;transition:background .2s}.signup-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.15);box-shadow:0 8px 30px rgba(0,0,0,.15)}.signup-btn{display:block;padding:10px 12px;margin:6px 0;border-radius:6px;text-align:center;text-decoration:none;font-weight:700;color:#fff!important;-webkit-transition:background .3s;transition:background .3s}.signup-btn-twitter{background-color:#1da1f2}.signup-btn-facebook{background-color:#4267b2}.signup-btn-google{background-color:#4285f4}.signup-btn-line{background-color:#00b900}.signup-btn-docomo{background-color:#c03}.signup-btn-au{background-color:#f90}.signup-btn-softbank{background-color:#999}.signup-btn-mail{background-color:#ff75a1}.signup-btn-login{background-color:transparent;color:#555!important;text-decoration:underline;font-size:.9em;padding:0;margin:0}.signup-btn-login:hover{color:#0056b3}.signup-btn-list{list-style:none;padding:0;margin:0 0 10px}@media (max-width:767px){.signup-button{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:4px 6px;border-radius:8px;font-size:10px;line-height:1.2;text-align:center}.signup-button svg{width:20px;height:20px}}.desktop-nav{display:block;padding:0 16px;border-top:1px solid #f0f0f0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-width:4em;text-align:center}.nav-tab{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;padding:16px 0;color:#718096;text-decoration:none;font-weight:500;border-bottom:3px solid transparent;-webkit-transition:all .2s ease;transition:all .2s ease}.nav-tab.active,.nav-tab:hover{color:#ff6b35;border-bottom-color:#ff6b35}.nav-tab#ranking.active,.nav-tab#ranking:hover{color:#31bcb7;border-bottom-color:#31bcb7}.nav-tab#free.active,.nav-tab#free:hover{color:#4caf50;border-bottom-color:#4caf50}.nav-tab#complete.active,.nav-tab#complete:hover{color:#3f51b5;border-bottom-color:#3f51b5}.nav-tab#genres.active,.nav-tab#genres:hover{color:#2196f3;border-bottom-color:#2196f3}.nav-tab#now_free.active,.nav-tab#now_free:hover{color:#ff5f96;border-bottom-color:#ff5f96}.nav-tab#wait_free.active,.nav-tab#wait_free:hover{color:#be3cd7;border-bottom-color:#be3cd7}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ebebeb;z-index:100}.mobile-nav,.mobile-nav-item{display:-webkit-box;display:-ms-flexbox;display:flex}.mobile-nav-item{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 4px;text-decoration:none;color:#999;font-size:11px;-webkit-transition:color .2s ease;transition:color .2s ease}.mobile-nav-item.active{color:#ff6b35}.mobile-nav-item:active{background-color:#f0f0f0}.mobile-nav-icon{font-size:20px;margin-bottom:2px}@media (max-width:767px){.mobile-nav{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}.content-section,.page-container>header,.page-container>main{background:#fff;margin:8px 0;padding:16px}.section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px 16px}.section-title{font-size:18px;font-weight:700;color:#333}.section-title:before{content:"";display:inline-block;width:4px;height:24px;margin-right:8px;vertical-align:middle;border-radius:4px}.view-more{color:#718096;font-size:14px;text-decoration:none}.top_login_center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:8px 16px}.top_btn{border-radius:4px;padding:8px 0;width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;font-size:13px;font-weight:600;color:#2d3748;text-decoration:none;text-align:center}.top_register_btn{background:#ebebeb;border:1px solid #e1e1e1}.top_login_btn{background:#ffbe46;border:1px solid #ffbe46}#yonda .section-title:before{background-color:#22d7b7}#new .section-title:before{background-color:#ff6b35}#latest_update .section-title:before{background-color:#31bcb7}#free .section-title:before{background-color:#4caf50}#complete .section-title:before{background-color:#3f51b5}#shonen .section-title:before{background-color:#2196f3}#shoujo .section-title:before{background-color:#e91e63}#seinen .section-title:before{background-color:#4caf50}#ladies .section-title:before{background-color:#9c27b0}#bltl .section-title:before{background-color:#f44336}#top-ranking .section-title:before{background-color:#28559b}#special .section-title:before{background-color:#ff9800}.special-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 16px}.special-grid .manga-card{width:100%}@media (max-width:767px){.special-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 8px}}.manga-card{text-decoration:none;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;border:1px solid #f0f0f0;padding:12px;color:inherit;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:140px}.manga-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.15);box-shadow:0 8px 30px rgba(0,0,0,.15);background:hsla(0,0%,100%,.8)}.manga-card:hover .manga-cover-large img{-webkit-transform:scale(1.05);transform:scale(1.05)}.manga-card:active{background-color:#f0f0f0}.manga-cover-large{width:100%;aspect-ratio:3/4;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border-radius:8px;margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:36px;position:relative;overflow:hidden}.manga-cover-large img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.status-badge{position:absolute;top:4px;right:4px;color:#fff;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:600}.status-badge,.status-badge.new{background:#ff4757}.status-badge.free{background:#4caf50}.status-badge.update{background:#2196f3}.manga-title-card{font-size:13px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manga-author-card,.manga-description-card,.manga-update-card{color:#718096;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-scroll{padding:4px 12px;overflow-x:auto;white-space:nowrap}.category-scroll::-webkit-scrollbar{display:none}.category-item{display:inline-block;background:#fff;color:#718096;padding:8px 16px;border:1px solid #ebebeb;border-radius:4px;margin-right:8px;text-decoration:none;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease}.category-item:hover{background:#f0f0f0;border-color:#ebebeb;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scroll-wrapper{position:relative;overflow:hidden}.new-scroll{display:-webkit-box;display:-ms-flexbox;display:flex;overflow-x:auto;gap:16px;scroll-behavior:smooth;padding:0 16px}.new-scroll::-webkit-scrollbar{display:none}.scroll-btn{position:absolute;top:40%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:hsla(0,0%,100%,.8);border:none;font-size:20px;cursor:pointer;border-radius:50%;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10;display:none}.scroll-btn:hover{background:#fff;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.15);box-shadow:0 8px 30px rgba(0,0,0,.15)}.scroll-btn.left{left:4px;padding:7px 7px 1px}.scroll-btn.right{right:4px;padding:7px 7px 1px}@media (min-width:768px){body{padding-bottom:0}.mobile-nav{display:none}.desktop-nav{display:block}.container{padding:0 24px}.content-section,.page-container>header,.page-container>main{margin:16px 0;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.manga-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.manga-grid,.ranking-list{padding:0 24px}.section-header{padding:0 24px 16px}.scroll-btn{display:block}}footer{background:#fff;margin:16px 0 0;padding:24px 0;border-top:1px solid #ebebeb}.footer-content{padding:0 8px}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:24px;margin-bottom:24px}.footer-section h3{font-size:14px;font-weight:700;color:#333;margin-bottom:12px}.footer-section a,.footer-section p{display:block;color:#718096;text-decoration:none;font-size:13px;margin-bottom:8px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-section a:hover{color:#2d3748;-webkit-transform:translateX(4px);transform:translateX(4px)}@media (max-width:767px){.footer-links{grid-template-columns:1fr;gap:16px}.footer-section{background:#f7fafc;padding:1em}.footer-section h3{padding:.3em 0;border-bottom:1px solid #ebebeb}}.social-logins-accordion input{display:none}.social-logins-accordion label{display:block;font-size:13px;cursor:pointer}.social-logins-accordion .social-logins-content{max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease;transition:max-height .3s ease;background:#fafafa}.social-logins-accordion input:checked+label+.social-logins-content{max-height:200px}.footer-bottom{text-align:center;padding-top:16px;border-top:1px solid #f0f0f0;color:#999;font-size:12px}.footer-logo{font-weight:700;color:#ff6b35;margin-bottom:8px}.footer-description{color:#718096;font-size:12px;line-height:1.5;padding:16px}.footer-sns-link{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:1em 0 0;margin:0}.footer-sns-link li img{width:50px}@media (min-width:768px){footer{margin:32px 0 0;padding:40px 0}.footer-content{padding:0 24px}.footer-links{grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:32px}.footer-section h3{font-size:16px;margin-bottom:16px}.footer-section a{font-size:14px;margin-bottom:10px}.footer-bottom{padding-top:24px;font-size:14px}}.top-genre-tab{background-color:#fff}.top-genre-tab ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1.5em;list-style:none;margin:0;padding:.8em 0}.top-genre-tab ul li a{text-decoration:none}.top-genre-tab ul li a:hover{text-decoration:underline}.top-genre-tab ul li.active{font-weight:700;color:#2d3748}.breadcrumb{-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding:0 16px;margin-top:16px;margin-bottom:16px;font-size:13px;color:#718096;background:none}.breadcrumb,.breadcrumb li{display:-webkit-box;display:-ms-flexbox;display:flex}.breadcrumb li{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.breadcrumb li+li:before{content:"\203A";margin:0 8px;color:#718096;font-weight:700}.breadcrumb a{color:#ff6b35;text-decoration:none;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.breadcrumb a:hover{text-decoration:underline;color:#2d3748}.breadcrumb .active{color:#2d3748;font-weight:600}h1.top-header{font-size:13px;margin-top:1em;text-align:center}.page-container>header nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;font-size:13px;color:#718096}.page-container>header nav a{color:#ff6b35;text-decoration:none;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.page-container>header nav a:hover{text-decoration:underline;color:#2d3748}.page-container>header nav span{color:#2d3748;font-weight:600}.page-container>header nav a+span:before{content:"\203A";margin:0 8px;color:#718096;font-weight:700}.content_item{margin:0 auto;line-height:1.8;border-radius:8px}.content_item .page-header{color:#2d3748;display:inline-block;border-bottom:3px solid #2d3748;padding-bottom:4px;line-height:1.2;margin-bottom:.5em}.content_item h2.c-title-big{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#2d3748;border-left:5px solid #2d3748;padding-left:10px}.content_item h3{font-size:1.25rem;margin-top:.2rem;padding:.3em;color:#2d3748;background-color:#f0f0f0;padding-bottom:.3rem;display:inline-block}.content_item h4{font-size:1.1rem;margin-top:1rem;color:#555}.content_item p{margin-bottom:1.2em}.content_item a{color:#0073e6;text-decoration:none}.content_item a:hover{text-decoration:underline}.content_item ol,.content_item ul{padding-left:1.5em;margin-bottom:1.5em}.content_item ol li,.content_item ul li{margin-bottom:.5em}.content_item ul.list-nested{list-style-type:disc;margin-left:1.5em}.content_item ul.list-nested ul{list-style-type:circle;margin-left:1.5em}.content_item ul.list-nested li{margin-bottom:.4em}@media (max-width:767px){.content_item{padding:1rem}.content_item .page-header{font-size:1.5rem}.content_item h2.c-title-big{font-size:1.3rem}.content_item h3{font-size:1.1rem}.content_item h4{font-size:1rem}}.page_dl{margin:1em 0;padding:0}.page_row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.5em}.page_dt{width:8em;font-weight:700;color:#2d3748}.page_dd{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;color:#2d3748}.page_dd--full{width:100%;font-weight:700}main .comic-detail{padding:20px}main .comic-detail-list{padding:20px;border-top:1em solid #ebebeb}.comic-media-thumb{width:80px;height:110px;border-radius:8px;overflow:hidden;background:#f5f5f5}.comic-media-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media (max-width:767px){main .comic-detail{padding:1em}.comic-media-thumb{width:80px;height:110px}}.content-section .comic-list-wrapper .page-header{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:24px}.content-section .comic-list-wrapper .special-header img{max-width:100%;height:auto}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical{list-style:none;padding:0;margin:0}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;padding:10px;border-bottom:1px solid #ebebeb;background-color:#fff;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li:first-child{border-top:1px solid #ebebeb}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li:hover{background-color:#f7f7f7}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;text-decoration:none;color:inherit;width:100%}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li .comic-detail{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:none;box-shadow:none}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li .comic-detail h3{font-size:16px;font-weight:600;margin-bottom:4px;color:#2d3748}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li .comic-detail p{font-size:13px;color:#718096;margin:2px 0}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li .genre-text{background-color:#ff6b35}.content-section .comic-list-wrapper .comic-list-area ul.comic-list-vertical li:hover{-webkit-box-shadow:none;box-shadow:none}.content-section .comic-list-wrapper .comic-pagination{margin-top:24px}.top-big-banner .owl-nav{display:none}main .comic-detail h1{font-size:24px;font-weight:700;margin-bottom:16px;color:#2d3748}main .comic-detail .comic-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;margin-bottom:24px}main .comic-detail .comic-info .comic-thumbnail img{max-width:200px;border-radius:6px;-o-object-fit:cover;object-fit:cover;display:block}main .comic-detail .comic-info .comic-body{width:100%}main .comic-detail .comic-info .comic-body .description{margin-top:8px}main .comic-detail .comic-info .comic-body .description p{margin:0;color:#555;font-size:14px;line-height:1.6}main .comic-detail .comic-info .comic-body .section-title{font-size:16px;font-weight:600;margin:16px 0 8px;color:#2d3748}main .comic-detail .comic-info .comic-body .authors{font-size:14px;margin-bottom:8px}main .comic-detail .comic-info .comic-body .authors strong{color:#555;margin-right:4px}main .comic-detail .comic-info .comic-body .genres{font-size:14px;margin-bottom:8px}main .comic-detail .comic-info .comic-body .genres strong{color:#555;margin-right:8px}main .comic-detail .comic-info .comic-body .genres .genre-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:6px}main .comic-detail .comic-info .comic-body .genres .genre-tag{border:1px solid #f0f0f0;padding:4px 10px}main .comic-detail .comic-info .comic-body .genres .genre-tag a{text-decoration:none;color:#718096}main .comic-detail .comic-info .comic-body .genres .genre-tag a:hover{text-decoration:underline;color:#2d3748}.volume-list{margin-top:30px;padding:20px;border-top:1px solid #ebebeb}.volume-list h2{font-size:20px;font-weight:600;margin-bottom:16px;color:#2d3748}.volume-list ul{list-style:none;padding:0;margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.volume-list li,.volume-list ul{display:-webkit-box;display:-ms-flexbox;display:flex}.volume-list li{background:#fff;padding:12px 16px;font-size:14px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.volume-list li a{color:#ff6b35;text-decoration:none;font-weight:500;width:100%}.volume-list li a:hover{text-decoration:underline;color:#2d3748}.volume-list li span{color:#ff3232;font-size:13px;white-space:nowrap}.volume-list li:hover{background:#f0f0f0}.comic-volume-price{text-align:right}.error-message{background:#ffe5e5;padding:24px;border-radius:8px;color:maroon}.error-message h1{margin-top:0}.error-message a{color:maroon;font-weight:700}.ranking-genre_r .top-genre-tab ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0;margin:0;list-style:none}.ranking-genre_r .top-genre-tab ul::-webkit-scrollbar{display:none}.ranking-genre_r .top-genre-tab ul li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;padding:0 6px;-ms-flex-negative:0;flex-shrink:0}.ranking-genre_r .top-genre-tab ul li.active{padding-right:8px}@media (max-width:767px){.ranking-genre_r .top-genre-tab ul{gap:8px}.ranking-genre_r .top-genre-tab ul li{padding:0;min-width:0}.ranking-genre_r .top-genre-tab ul li.active{padding-right:8px}.ranking-genre_r .top-genre-tab ul li .category-item{padding:4px 10px;font-size:12px}}.top-ranking .section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.top-ranking .section-header .ranking-day_r{margin-top:.5em}.top-ranking .top-ranking-list.inactive{display:none}.ranking-link .view-more{padding-left:.5em}.ranking-day_r .Grid{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding:0;margin:0;list-style:none}.ranking-day_r .Grid .Grid-cell{position:relative;padding:0 10px}.ranking-day_r .Grid .Grid-cell.active a{font-weight:700;color:#2d3748!important}.ranking-day_r .Grid .Grid-cell:after{content:"\2502";position:absolute;right:-.5em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#ebebeb;pointer-events:none}.ranking-day_r .Grid .Grid-cell:last-child:after{content:none}.ranking-day_r .Grid .Grid-cell a{text-decoration:none;color:#0073e6}.ranking-detail_r .comic-list-vertical{list-style:none;margin:0;padding:0}.ranking-detail_r .comic-list-vertical li{border:1px solid #ebebeb;background-color:#fff;border-radius:8px;margin:0 0 12px;overflow:hidden}.ranking-detail_r .comic-list-vertical li>a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;padding:12px;text-decoration:none;color:inherit}.ranking-detail_r .comic-list-vertical li>a:focus,.ranking-detail_r .comic-list-vertical li>a:hover{text-decoration:none}.ranking-detail_r .comic-media{-ms-flex-negative:0;flex-shrink:0}.ranking-detail_r .comic-media-thumb{width:80px;height:110px;border-radius:8px;overflow:hidden;background:#f5f5f5}.ranking-detail_r .comic-media-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ranking-detail_r .comic-detail{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:4px}.ranking-detail_r .comic-detail>h3{all:unset;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4;color:#222;text-decoration:none}.ranking-detail_r .comic-detail>h3 a,.ranking-detail_r .comic-detail>h3 a:active,.ranking-detail_r .comic-detail>h3 a:focus,.ranking-detail_r .comic-detail>h3 a:hover{color:inherit;text-decoration:none}.ranking-detail_r .comic-detail .text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ranking-detail_r .comic-detail p{margin:0 0 4px;font-size:12px;line-height:1.6;color:#718096}.ranking-detail_r .comic-detail p:last-child{margin-bottom:0}.ranking-detail_r .ranking-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:24px;height:24px;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:700;-ms-flex-negative:0;flex-shrink:0;text-decoration:none;color:#fff;line-height:1}.ranking-detail_r .ranking-badge.rank-1,.ranking-detail_r .ranking-badge.rank-2,.ranking-detail_r .ranking-badge.rank-3{background:#ff6b35}.ranking-detail_r .ranking-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:#999}.ranking-detail_r a:active .ranking-badge,.ranking-detail_r a:focus .ranking-badge,.ranking-detail_r a:hover .ranking-badge{text-decoration:none;color:#fff}@media (max-width:480px){.ranking-detail_r .comic-list-vertical li>a{gap:10px;padding:10px}.ranking-detail_r .comic-media-thumb{width:72px;height:100px}.ranking-detail_r .comic-detail>h3{font-size:15px}}.list-tags{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.tag{background:#f0f0f0;color:#718096;padding:2px 6px;border-radius:10px;font-size:10px}.tag.free{background:#e8f5e8;color:#4caf50}.tag.hot{background:#fff3e0;color:#ff9800}.page-header{font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.course-list{list-style:none;max-width:800px;padding:0;margin:0 auto}.course-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;margin-bottom:12px;border-radius:6px;background:#fff;border:1px solid #ebebeb;-webkit-transition:background .2s ease;transition:background .2s ease}.course-list li:hover{background:#f7fafc}.course-list li .price{text-align:right}.course-list li .price button{min-width:7em;border:none;padding:10px 18px;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease;background:#0078d4;color:#fff}.course-list li .price button:hover:not([disabled]){background:#005fa3}.course-list li .price button[disabled]{background:#ebebeb!important;cursor:not-allowed}.course-list li .price .price-button button{background:#28a745}.course-list li .price .price-button button:hover{background:#218838}.form-group{margin:30px 0}.btn{display:inline-block;padding:10px 30px;font-size:1rem;font-weight:700;text-align:center;border:none;border-radius:4px;cursor:pointer;text-decoration:none;-webkit-transition:background .2s ease,opacity .2s ease;transition:background .2s ease,opacity .2s ease}.btn.btn-primary{background-color:#0078d4;color:#fff}.btn.btn-primary:hover{background-color:#005fa3}.btn.btn-secondary{background-color:#6c757d;color:#fff;margin-left:10px}.btn.btn-secondary:hover{background-color:#5a6268}.button-xlarge{display:block;width:100%;padding:14px;font-size:1.2rem;font-weight:700;text-align:center;border:none;border-radius:8px;margin-top:24px;cursor:pointer;background:#555;color:#fff;text-decoration:none;-webkit-transition:background .2s ease;transition:background .2s ease}.button-xlarge:hover{background:#333;text-decoration:none}.button-xlarge.btn-primary{background-color:#0078d4;color:#fff;text-decoration:none}.invisible{border:none;margin:20px 0}.purchase-modal-overlay{position:fixed;top:0;left:0;width:100%;height:120%;z-index:1000;background-color:rgba(0,0,0,.6);display:none}.purchase-modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;z-index:1001;background-color:#fff;border-radius:8px;display:none;overflow-y:auto;padding:20px}@media screen and (max-width:40em){.purchase-modal{width:95%;max-height:95vh;padding:15px}}.purchase-modal .list-purchase,.purchase-modal .list-read,.purchase-modal .read-now-free,.purchase-modal .read-point,.purchase-modal .read-point-free{display:none}.purchase-modal .comic-detail-list{margin-bottom:15px}.purchase-modal .purchase-modal-cancel{width:100%;padding:12px;font-size:1rem;background-color:#ccc;color:#333;border:none;border-radius:8px;cursor:pointer;margin-top:10px}.purchase-modal .purchase-modal-cancel:hover{background-color:#bbb}@media screen and (max-width:40em){.purchase-modal .purchase-modal-cancel{padding:10px;font-size:.9rem}}.purchase-modal .purchase-modal-form{font-size:1.2rem;text-align:center;line-height:1.5}@media screen and (max-width:40em){.purchase-modal .purchase-modal-form{font-size:3.75vw}}.purchase-modal .purchase-modal-form ul{margin:.5rem auto;list-style-type:none;padding-left:0}.purchase-modal .purchase-modal-form ul li{font-size:1.2rem;line-height:2}@media screen and (max-width:40em){.purchase-modal .purchase-modal-form ul li{font-size:3.75vw}}.purchase-modal .purchase-modal-form ul li button{text-align:left;font-size:1rem;width:100%;border-radius:8px;border:1px solid #cfd2df;-webkit-box-shadow:0 -3px 0 0 #cfd2df inset;box-shadow:inset 0 -3px 0 0 #cfd2df;background-color:#fff;padding:12px 15px;margin-bottom:10px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.purchase-modal .purchase-modal-form ul li button:hover{background-color:#f8f8f8}@media screen and (max-width:40em){.purchase-modal .purchase-modal-form ul li button{font-size:.9rem;padding:10px 12px}}.purchase-modal .purchase-modal-form ul li button:before{content:" ";width:40px;height:26px;display:inline-block;background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin-right:8px}.purchase-modal .purchase-modal-form ul li button.read-point:before{background-image:url("../images/read_point.png")}.purchase-modal .purchase-modal-form ul li button.read-ticket:before{background-image:url("../images/read_ticket.png")}.purchase-modal .purchase-modal-form ul li button.read-coin:before{background-image:url("../images/read_coin.png")}.modal-pointlist{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f2f2f3;border-radius:8px;text-align:center;font-weight:600;padding:1em 0;margin-bottom:15px}.modal-pointlist li{-ms-flex-preferred-size:33%;flex-basis:33%;position:relative;font-size:1rem}.modal-pointlist li img{width:30px;height:30px;margin-bottom:5px}.modal-pointlist li:after{position:absolute;display:block;content:"";top:20%;right:0;height:60%;border-right:2px solid #cfd2df}.modal-pointlist li:last-child:after{border-right:none}@media screen and (max-width:40em){.modal-pointlist li{font-size:.9rem}.modal-pointlist li img{width:24px;height:24px}}.text-ticket{color:#ff5066}.text-point{color:#1ccaee}.text-coin{color:#ffb700}.charge-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;background-color:rgba(0,0,0,.6);display:none}.charge-modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;z-index:1002;max-width:90%;text-align:center}.charge-modal p{margin-bottom:20px;font-size:1.2rem}.charge-modal a{display:block;margin-bottom:10px}.charge-modal button{width:100%;padding:12px;border-radius:8px;border:none;background-color:#ff6b35;color:#fff;font-size:1rem;cursor:pointer}.charge-modal button:hover{background-color:#e55a28}.purchase-modal .comic-volume-thumbnail{display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;height:200px;margin-right:15px;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.purchase-modal .comic-volume-thumbnail img{width:100%;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;display:block}.purchase-modal .comic-volume{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.purchase-modal .comic-volume-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.purchase-modal .comic-volume-title{font-size:1rem;line-height:1.4;margin-bottom:8px}.purchase-modal .comic-volume-price{text-align:left}@media screen and (max-width:40em){.purchase-modal .comic-volume-thumbnail{width:120px;height:160px;margin-right:10px}.purchase-modal .comic-volume-title{font-size:.9rem}}.flash-message{padding:12px 16px;margin:16px 0;border-radius:8px;font-size:14px;line-height:1.5}.flash-info{background-color:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.flash-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.flash-error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.flash-warning{background-color:#fff3e0;color:#e65100;border:1px solid #ffcc80}.faq-section{margin-bottom:32px}.faq-category-title{font-size:1.25rem;font-weight:700;color:#2d3748;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #ff6b35}.faq-list{list-style:none;padding:0;margin:0}.faq-item{border:1px solid #ebebeb;border-radius:8px;margin-bottom:12px;overflow:hidden;background:#fff}.faq-item.active .faq-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.faq-item.active .faq-answer{max-height:500px}.faq-question{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:16px;background:none;border:none;cursor:pointer;text-align:left;font-size:14px;font-weight:600;color:#2d3748;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.faq-question:hover{background-color:#f7fafc}.faq-question-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:12px}.faq-question-text:before{content:"Q";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:28px;height:28px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#ff6b35;color:#fff;border-radius:50%;font-size:12px;font-weight:700;margin-right:12px;-ms-flex-negative:0;flex-shrink:0}.faq-icon{width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;color:#718096}.faq-answer{max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease;transition:max-height .3s ease;background:#f7fafc}.faq-answer-content{padding:16px;font-size:14px;line-height:1.8;color:#555}.faq-answer-content:before{content:"A";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:28px;height:28px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#4caf50;color:#fff;border-radius:50%;font-size:12px;font-weight:700;margin-right:12px;vertical-align:top;float:left}.faq-answer-content ul{margin:12px 0 12px 40px;padding-left:20px}.faq-answer-content ul li{margin-bottom:8px}.faq-answer-content strong{color:#2d3748}.faq-contact-section{margin-top:40px;padding:24px;background:#f7fafc;border-radius:8px;text-align:center}.faq-contact-section h2{font-size:1.25rem;margin-bottom:16px;color:#2d3748}.faq-contact-section p{margin-bottom:16px;color:#718096}.faq-contact-btn{display:inline-block;padding:12px 32px;background:#ff6b35;color:#fff!important;text-decoration:none;border-radius:8px;font-weight:700;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.faq-contact-btn:hover{background:#e55a28;text-decoration:none;color:#fff}@media (max-width:767px){.faq-category-title{font-size:1.1rem}.faq-question{padding:14px 12px;font-size:13px}.faq-question-text:before{width:24px;height:24px;font-size:11px;margin-right:10px}.faq-answer-content{padding:14px 12px;font-size:13px}.faq-answer-content:before{width:24px;height:24px;font-size:11px}}.thanks{text-align:center;font-size:16px;line-height:1.8;margin-bottom:20px}.user-point{list-style:none;padding:0;margin:0 0 20px;text-align:center}.user-point li{display:inline-block;vertical-align:middle}.user-point li:last-child{font-size:28px;font-weight:700;color:#1ccaee;margin-left:10px}.user-point img{width:40px;height:auto}