.comicViewer .body{display:flex;flex-direction:row;background-color:#373737;width:100%;height:100vh;overflow-x:hidden}.comicViewer .body .left,.comicViewer .body .right{display:flex;flex-direction:column;vertical-align:top}.comicViewer .body .left{flex:1;overflow-x:hidden}.comicViewer .body .left{position:relative}.comicViewer .body .right{position:fixed;width:200px;height:100%;right:0;background-color:#262626;box-sizing:border-box;border-left:1px solid #000000;text-align:center;z-index:2}.comicViewer .body .right .favorite a.checked:before{content:url(/images/viewer/icon_favorite_checked.png)}.comicViewer .body .right .favorite a:before{content:url(/images/viewer/icon_favorite.png);margin:-8px 0 0}.comicViewer .body .right.viewerDark{background-color:#040404;right:-200px}.comicViewer .body .right.viewerDark .inner{opacity:0.1}.comicViewer .body .right .inner{padding-top:130px}.comicViewer .body .right .inner h2{line-height:1.2em;font-weight:normal;padding:14px;color:#BBB}.comicViewer .body .right .inner a{display:inline-block;width:160px;height:40px;font-size:16px;line-height:40px;color:#FFFFFF;border:1px solid #525252;border-radius:40px;background-color:#262626;text-decoration:none;margin-top:12px;position:relative}.comicViewer .body .right .inner .sns{margin-top:10px;color:white}.comicViewer .body .right .inner .sns a{border:none;width:38px;line-height:38px;margin-top:0}.comicViewer .body .right .inner .nav{position:absolute;bottom:20px;left:50%;width:160px;margin:0 0 0 -80px}.comicViewer .body .right .inner .nav .navigation-bar{display:flex;flex-direction:column;align-items:center;background-color:#fff4f4;padding:10px 20px;border-bottom:1px solid #f0caca}.comicViewer .body .right .inner .nav .auth-buttons{display:flex;gap:10px;margin-bottom:10px}.comicViewer .body .right .inner .nav .btn{padding:8px 16px;border:none;border-radius:20px;cursor:pointer}.comicViewer .body .right .inner .nav .btn-primary{background-color:#d9534f;color:white}.comicViewer .body .right .inner .nav .btn-secondary{background-color:white;color:#d9534f;border:1px solid #d9534f}.comicViewer .body .right .inner .nav .tags{display:flex;justify-content:center}.comicViewer .body .right .inner .nav .tag-list{list-style:none;display:flex;gap:10px;padding:0;margin:0}.comicViewer .body .right .inner .nav .tag{padding:5px 10px;border-radius:20px;background-color:#f8f8f8;cursor:pointer}.comicViewer .body .right .inner .nav .tag a{text-decoration:none;color:#d9534f}.comicViewer .body .right .inner .nav .tag.active{background-color:#f0caca}.comicViewer .body .right .inner .nav span,.comicViewer .body .right .inner .nav a{width:74px;font-size:12px;box-sizing:border-box;line-height:38px;position:relative;display:inline-block;height:40px;color:#525252;border:1px solid #525252;border-radius:40px;background-color:#262626;text-decoration:none;margin-top:0}.comicViewer .body .right .inner .nav a{color:#fff;border:1px solid #525252;background-color:#262626;text-decoration:none}.comicViewer .body .right .inner .nav a.prev:bofore{content:url(/images/viewer/icon_prev_arrow.png)}.comicViewer .body .right .inner .nav a.prev:hover{background-color:#454545}.comicViewer .body .right .inner .nav a.next:before{content:url(/images/viewer/icon_next_arrow.png)}.comicViewer .body .right .inner .nav a.next:hover{background-color:#454545}.comicViewer .body .right .inner .nav .prev{float:left;padding-left:30px;text-align:left;font-size:12px}.comicViewer .body .right .inner .nav .prev:before{content:url(/images/viewer/icon_prev_arrow_disabled.png);position:absolute;top:50%;left:10px;margin:-8px 0 0;line-height:0}.comicViewer .body .right .inner .nav .next{float:right;padding-right:30px;text-align:right}.comicViewer .body .right .inner .nav .next:before{content:url(/images/viewer/icon_next_arrow_disabled.png);position:absolute;top:50%;right:10px;margin:-8px 0 0;line-height:0}.comicViewer .body .comicFrame{height:150px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.comicViewer .body .comicFrame::-webkit-scrollbar{display:none}.comicViewer .body .comicFrame:focus{outline:none}.comicViewer .body .comicFrame.comicFrameVertical{height:100vh;flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overscroll-behavior-y:contain}.comicViewer .body .comicFrame.comicFrameVertical .comicPage{height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;overflow-x:hidden}.comicViewer .body .comicFrame.comicFrameVertical .comicPage .comicImage{max-width:100%;max-height:100%;width:auto;height:auto}.comicViewer .body .comicImage{max-width:100%;max-height:100%;width:auto;height:auto}.comicViewer .newPage{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.comicViewer .comicFrame.comicFrameVertical .comicPage.newPage{width:100%;max-width:100%;box-sizing:border-box}.comicFooter{height:100%;width:6px;position:absolute;top:0;left:0;background:#222;z-index:10}.comicSlider{width:6px;height:100%;background:black;position:absolute;top:0;left:20px}.comicSliderProgressBar{position:absolute;width:calc(100% - 2px);left:1px;top:100%;height:0%;background:yellow;transition:height 0.3s ease}.comicSliderPageCounter{position:absolute;top:50%;left:calc(100% + 10px);width:67px;height:auto;background:#1e1e1e;border:1px solid black;border-radius:5px;color:#807a66;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.comicSliderHandle{position:absolute;width:30px;height:30px;background:yellow;border-radius:50%;top:0;left:50%;transform:translateX(-50%);transition:top 0.3s ease;cursor:grab}.comicSliderProgressBar{position:absolute;width:calc(100% - 2px);left:1px;top:100%;height:0%;background:yellow;transition:height 0.3s ease}.comicSliderPageCounter{position:absolute;top:50%;right:calc(100% + 10px);width:50px;background:rgba(0,0,0,0.7);color:white;border-radius:5px;padding:5px;text-align:center;display:block;z-index:100}@media screen and (min-width: 769px){.comicSliderPageCounter{display:block}}.comicSliderPageCounter.hidden{display:none !important}.comicSliderCurrentPage{font-size:16px;color:yellow;max-width:100%;overflow:hidden}.comicSliderTotalPage{font-size:14px;color:white;max-width:100%;overflow:hidden}@keyframes fade-in-out{0%{visibility:hidden;opacity:0}10%{visibility:visible;opacity:0.85}80%{visibility:visible;opacity:0.85}100%{visibility:hidden;opacity:0}}.comic_scroll_arrow{display:flex;position:fixed;width:120px;height:120px;top:50%;left:50%;justify-content:center;align-items:center;background-color:black;border-radius:30px;transform:translate(-50%, -50%);animation:fade-in-out 2s;visibility:hidden;z-index:3}.comic_scroll_arrow .comic_scroll_arrow_text{color:white;font-size:24px;font-weight:600}.comic_scroll_arrow .comic_scroll_arrow_icon img{width:70px;height:70px}.comic_scroll_arrow.vertical .comic_scroll_arrow_text::before{content:'縦読み'}.comic-info-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;margin-top:20px;border-radius:10px;width:100% !important;height:100%;max-width:100%;box-sizing:border-box;margin:0 auto;gap:25px;overflow-x:hidden;text-align:center}.comic-info-section>*{text-align:center;margin-left:auto;margin-right:auto}.like-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;margin:20px auto;width:fit-content}#like-container p,.share-section p,.recommended-section{margin:0;font-size:14px;font-weight:bold;line-height:1.4;text-align:center;color:#A14038}#like-button{background-color:transparent;border:none;font-size:60px;cursor:pointer;transition:transform 0.2s ease-in-out;color:#E60023;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;width:100px}#like-button:hover{transform:scale(1.2)}#like-button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,0.1)}#like-count{font-size:22px;font-weight:bold;color:#E60023;margin-top:5px;text-align:center;display:block;width:100%;margin-bottom:20px}.comic-navigation{display:flex;flex-direction:column;align-items:center;gap:15px;margin:20px 0;margin-bottom:40px}.comic-navigation .btn{background-color:white;color:#A14038;border:2px solid #A14038;padding:12px 25px;font-size:18px;font-weight:bold;border-radius:20px;text-decoration:none;display:inline-block;width:250px;text-align:center;transition:0.3s;box-shadow:4px 4px 10px rgba(0,0,0,0.2)}.comic-navigation .btn:hover{text-decoration:none;background-color:#A14038;color:#fff}.share-section{margin-top:6.67px;margin-bottom:6.67px;padding:10px;text-align:center;border-radius:5px}.share-icons{display:flex;justify-content:center;gap:20px;margin-top:10px}.share-icons img{width:30px;height:30px}.share-divider-container{display:flex;justify-content:center;width:100%}.share-divider{width:120%;border:none;border-top:2px solid #A14038;margin:20px 0}.recommended-section{text-align:center;margin-top:30px;padding:20px;border-radius:5px}.recommended-comics{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:15px;width:100%;max-width:800px;margin:0 auto;overflow-x:auto;box-sizing:border-box;padding-bottom:10px}.comic-card{text-align:center;max-width:150px;width:100%;box-sizing:border-box;margin-bottom:15px}.comic-card img{flex:1;width:100%;max-width:100px;height:143px;border:1px solid #ccc;border-radius:15px;box-shadow:0 4px 10px rgba(0,0,0,0.1);margin-bottom:10px;margin-top:15px;object-fit:contain;background-color:#fff}.recommended-title{font-size:12px;color:#333;text-align:center;margin-top:5px}.recommended-title::first-line{text-align:center}.recommended-title{text-align:left}.survey-container,.survey-popup{width:100%;box-sizing:border-box;overflow-x:hidden;max-width:100%}.survey-popup{background:#fff;border-radius:15px;padding:20px;text-align:center;box-shadow:0px 10px 20px rgba(0,0,0,0.2);font-family:'Arial', sans-serif}.survey-button{background:linear-gradient(135deg, #FEE9E7, #fad0c4);border:none;padding:10px 15px;margin:5px;border-radius:20px;font-size:14px;cursor:pointer;transition:transform 0.2s}.survey-button:hover{transform:scale(1.1)}#close-survey-popup{background:#A14038;color:white;border-radius:15px;border-color:#A14038;padding:10px 15px;cursor:pointer}.content_detail_page .inner{background-color:#f5f5f5}.content_main_area{display:flex;align-items:center;background:white;padding:20px;border-radius:12px;box-shadow:0px 4px 8px rgba(0,0,0,0.1);max-width:1200px;margin-bottom:60px}.comic_cover_image{width:200px !important;height:250px !important;border-radius:8px;object-fit:cover;display:block;margin-left:60px}.content_main_area_text{flex-grow:1;margin-right:60px;margin-bottom:80px}.content_main_author_wrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.content_main_title{font-size:18px;font-weight:bold;margin-bottom:8px}.content_main_author{display:flex;align-items:center;gap:10px}.content_main_author_icon{width:36px;height:36px;border-radius:50%;border:2px solid #ddd}.content_main_author_name{font-size:14px;font-weight:bold;color:#333}.author-divider{border:none;height:1px;background-color:#ddd;width:100%;margin:10px 0}.content_main_area_btns{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.btn-favorite{background:#FFF;color:#A14038;padding:10px 15px;border:1px solid #A14038;border-radius:18px;font-weight:bold;text-decoration:none !important;box-shadow:0px 4px 8px rgba(0,0,0,0.1);display:flex;align-items:center;gap:8px;font-size:16px;justify-content:flex-end;width:fit-content}.favorite-icon{font-size:20px;color:#A14038}.favorite-text{font-size:16px;color:#A14038}.btn-favorite:hover{background:#A14038;color:white}.btn-favorite:hover .favorite-text{color:white}.btn-favorite:hover .favorite-icon{color:white}.btn-favorite.checked{background:#A14038;color:white}.btn-favorite.checked .favorite-text{color:white}.btn-favorite.checked .favorite-icon{color:white}.content_main_area_btn{display:flex;justify-content:flex-end;width:100%}.episode-list-container{background:white;border-radius:12px;padding:30px;box-shadow:0px 4px 8px rgba(0,0,0,0.1);max-width:1140px;margin:40px auto 0 auto}.episode-list-title{font-size:18px;font-weight:bold;margin-bottom:10px}.episode-list{list-style:none;padding:0;margin:0}.episode-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #ddd}.episode-thumbnail img{width:80px;height:80px;border-radius:8px;object-fit:cover}.episode-info{flex-grow:1;margin-left:15px}.episode-title{font-size:16px;font-weight:bold}.episode-date{font-size:12px;color:#777}.episode-favorite{display:flex;align-items:center;gap:8px}.favorite-button{color:white;padding:8px;border-radius:50%;text-decoration:none;font-weight:bold}.episode-cover{width:235px;height:190px;object-fit:cover;border-radius:8px}.episode-info{margin-left:30px}.episode-title a{color:#A14038;font-weight:bold;text-decoration:none}.comic_favorite{display:flex;flex-direction:column;align-items:center}.comic_favorite-button{background:none;border:none;font-size:40px;cursor:pointer;transition:transform 0.3s ease-out}.comic_favorite-button:hover{transform:scale(1.2)}.comic_favorite-count{font-size:15px;color:#d9534f;margin-top:5px}.comic_favorite a{text-decoration:none !important}.comic_favorite a:hover{text-decoration:none !important}.episode-list-container .more-btn-wrapper{margin-top:30px}body .comicViewer ~ .sitemap{display:none}@media screen and (max-width: 414px){.comicViewer .body .right{display:none}.comicViewer .body .left{width:100%}.comicFrame.comicFrameVertical{width:100%}.comicPage{width:100%}.comicImage{max-width:100%;height:auto}.comic-info-section{width:100%;padding:15px}.comic-navigation .btn{width:100%;max-width:250px}.recommended-comics{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.comic-card{margin-bottom:20px;width:45%}.comic-card img{max-width:66.67px;height:95.33px}.episode-cover{width:117.5px;height:95px}}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}