.nov_miniinfo > div:first-child{padding: 15px 0px; background-color: var(--bg_silvercalm);}
.nov_miniinfo > div:last-child{padding: 15px 20px 20px 20px;}
.nov_miniinfo > div:last-child > div:first-child{font-size: 17px; font-family: 'bold';}
.nov_miniinfo > div:last-child > div:first-child > a{color: var(--text_black);}
.nov_miniinfo > div:last-child > div:nth-child(2){margin-top: 5px; font-size: 11px;}
.nov_miniinfo > div:last-child > div:nth-child(3){margin-top: 5px; color: var(--text_silver);}
.nov_miniinfo > div:last-child > div:last-child{margin-top: 15px;}
.nov_miniinfo .nbp_cover{width: 100px; height: 150px; background-color: var(--bg_silver); border: 2px solid var(--bg_line);}

.nov_genre_sticky{position: sticky; top: 70px;}

.nov_path .np_focus_bg{width: 40%; height: 100%; position: absolute; top: 0px; right: 0px;}
.nov_path .np_focus_bg:before{content: ''; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right, var(--bg_white), transparent);}
.nov_path .np_focus{display: table; width: 100%; table-layout: fixed; position: relative; z-index: 1;}
.nov_path .np_focus > div{display: table-cell; vertical-align: middle; height: 200px;}
.nov_path .np_focus > div:first-child{width: 250px; font-size: 25px; font-family: 'bold'; text-align: center;}
.nov_path .np_focus > div:last-child > div{display: table; width: 100%; table-layout: fixed;}
.nov_path .np_focus > div:last-child > div > li{display: table-cell; padding: 0px 5px;}
.nov_path .np_focus .npf_box{padding-bottom: 150%;}

/**GENRE**/
.layout.sideright > div:last-child > .nov_path:last-child{margin-bottom: 0px;}

/**PUBLISHING HOUSE**/
.ph_header{padding: 35px 25px 40px 25px;}
.ph_header > div{display: table; table-layout: fixed; width: 100%;}
.ph_header > div > div{display: table-cell; vertical-align: bottom;}
.ph_header > div > div:first-child{width: 110px;}
.ph_header > div > div:first-child > div{height: 110px;}
.ph_header > div > div:nth-child(2){padding: 0px 20px 15px 20px;}
.ph_header > div > div:nth-child(2) > div:first-child{font-size: 25px; font-family: 'bold';}
.ph_header > div > div:nth-child(2) > div:nth-child(2){margin-top: 10px; white-space: nowrap;}
.ph_header > div > div:nth-child(2) > div:nth-child(2) > div{display: inline-block; text-align: center; padding: 0px 15px; width: 100px; position: relative;}
.ph_header > div > div:nth-child(2) > div:nth-child(2) > div:not(:last-child):before{content: ''; position: absolute; right: 0px; top: 10px; width: 1px; height: 25px; background: var(--bg_line);}
.ph_header > div > div:nth-child(2) > div:nth-child(2) > div > div:first-child{font-size: 17px; font-family: 'bold';}
.ph_header > div > div:nth-child(2) > div:nth-child(2) > div > div:nth-child(2){color: var(--text_silver); margin-top: 3px;}
.ph_header > div > div:nth-child(2) > div:nth-child(2) > div.pointer:hover > div:nth-child(2){color: var(--text_blue);}
.ph_header > div > div:nth-child(3){text-align: right; padding-bottom: 25px; width: 150px;}

/**READ**/
.nov_body{width: 700px;}

.nov_bar_buy{position: relative;}
.nov_bar_buy > div{position: fixed; width: 100%; height: 60px; background: var(--bg_white); border: 2px solid var(--bg_blue); border-bottom: 0px; box-shadow: 0px 0px 15px #e6e6e6; bottom: 0px; z-index: 55; border-radius: 10px 10px 0px 0px;}
.nov_bar_buy > div > div{padding: 10px 15px 0px 15px;}
.nov_bar_buy > div > div > div{display: table; table-layout: fixed; width: 100%;}
.nov_bar_buy > div > div > div > div{display: table-cell; vertical-align: middle;}
.nov_bar_buy > div > div > div > div:first-child > div:first-child{font-size: 11px;}
.nov_bar_buy > div > div > div > div:first-child > div:nth-child(2){font-size: 17px; font-family: 'bold'; margin-top: 2px; color: var(--text_blue);}
.nov_bar_buy > div > div > div > div:nth-child(2){text-align: right;}

.nov_first_options{background: var(--bg_silvercalm); margin-top: 25px; margin-bottom: 25px;}
.nov_first_options > div{height: 75px; width: 100%; display: table; table-layout: fixed;}
.nov_first_options > div > div{display: table-cell; vertical-align: middle; cursor: pointer; transition:all 0.2s ease;}
.nov_first_options > div > div:hover{background: var(--bg_white);}
.nov_first_options > div > div > div:first-child{width: 20px; height: 20px;}
.nov_first_options > div > div > div:last-child{margin-top: 10px; text-align: center; color: var(--text_silver);}

.nov_tool_canvas{height: 55px;}
.nov_tool{width: 100%; height: 55px; background: var(--bg_white); position: fixed; top: 0px; left: 0px; z-index: 57; box-shadow: 0px 0px 5px #c1c1c1;}
.nov_tool > div:first-child{width: 55px; height: 55px; float: left; position: relative; z-index: 1; cursor: pointer;}
.nov_tool > div:first-child > div{width: 25px; height: 25px; margin-top: 13px;}
.nov_tool > div:nth-child(2){width: 100%; position: absolute; top: 0px; left: 0px; text-align: center;}
.nov_tool > div:nth-child(2) > div:first-child{margin-top: 8px; font-size: 15px; font-weight: bold; max-width: 70%; min-width: 680px; display: grid; width: 100%;}
.nov_tool > div:nth-child(2) > div:last-child{font-size: 11px; margin-top: -3px; color: var(--text_silver);}
.nov_tool > div:last-child{float: right;}
.nov_tool > div:last-child > div{width: 45px; height: 55px; float: left; position: relative; z-index: 1; cursor: pointer;}
.nov_tool > div:last-child > div > div{width: 20px; height: 20px; margin-top: 16px;}
.nov_header{position: relative;}
.nov_header > div:first-child{height: 260px; overflow: hidden; position: absolute; width: 100%; top: 0px; left: 0px;}
.nov_header > div:first-child:before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 200%; background-image: linear-gradient(to bottom, transparent, var(--bg_white));}
.nov_header > div:nth-child(2){width: 700px; height: 280px; border-radius: 0px 0px 15px 15px; background-color: var(--bg_white); position: relative; z-index: 1;}
.nov_header > div:nth-child(3){width: 700px; padding: 25px 0px 20px 0px; text-align: center;}
.nov_header > div:nth-child(3) > div:first-child{font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.nov_header > div:nth-child(3) > div:nth-child(2){font-size: 30px; font-family: 'novel'; font-weight: bold;}
.nov_chapter_option{position: sticky; top: 55px; z-index: 10; background-color: var(--bg_white); margin-bottom: 50px;}
.nov_chapter_option > div{width: 700px; height: 50px; border-bottom: 1px solid var(--bg_line);}
.nov_chapter_option > div > div{display: inline-block; width: 100%; height: 50px;}
.nov_chapter_option > div > div > div{cursor: pointer;}
.nov_chapter_option > div > div > div.justicon{width: 50px; height: 50px;}
.nov_chapter_option > div > div > div.justicon > div{width: 20px; height: 20px; margin-top: 15px;}
.nov_chapter_option > div > div > div.texticon{padding: 0px 10px;}
.nov_chapter_option > div > div > div.texticon > div{display: table; table-layout: fixed;}
.nov_chapter_option > div > div > div.texticon > div > div{display: table-cell; vertical-align: middle; height: 50px;}
.nov_chapter_option > div > div > div.texticon > div > div:first-child{width: 30px;}
.nov_chapter_option > div > div > div.texticon > div > div:first-child > div{width: 20px; height: 20px;}
.nov_chapter_option > div > div > div.texticon > div > div:last-child{padding-left: 10px; color: var(--text_silver);}

.nov_cover_zoom{background-size: cover; padding-bottom: 150%;}

.nov_login{padding: 20px 30px 100px 30px;}
.nov_login > div:first-child{font-size: 25px; font-family: 'bold';}
.nov_login > div:nth-child(2){margin-top: 15px; color: var(--text_silver);}
.nov_login > div:last-child{padding: 15px 20px; background: var(--bg_silvercalm); margin-top: 30px;}
.nov_login > div:last-child > div:first-child{font-size: 17px; font-family: 'bold';}
.nov_login > div:last-child > div:last-child{margin-top: 10px; color: var(--text_silver);}

.nov_bab{}
.nov_bab > div:first-child{padding: 20px 0px 7px 0px; font-size: 20px; font-family: 'bold'; text-align: center;}
.nov_bab > div:last-child{padding-bottom: 25px;}
.nov_bab > div:last-child > a > div{padding: 10px 25px;}
.nov_bab > div:last-child > a > div.active{background: var(--bg_silvercalm);}
.nov_bab > div:last-child > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.nov_bab > div:last-child > a > div > div{display: table; width: 100%; table-layout: fixed;}
.nov_bab > div:last-child > a > div > div > div{display: table-cell; vertical-align: middle;}
.nov_bab > div:last-child > a > div > div > div:first-child{width: 50px; font-size: 20px; color: var(--text_silver); text-align: center;}
.nov_bab > div:last-child > a > div > div > div:nth-child(2){padding-left: 17px; font-weight: bold; font-size: 15px;}
.nov_bab > div:last-child > a > div > div > div:last-child{width: 35px;}
.nov_bab > div:last-child > a > div > div > div:last-child > div{width: 20px; height: 20px; float: right;}

.nov_content > div:first-child{display: table; width: 100%; table-layout: fixed;}
.nov_content > div:first-child > div{display: table-row;}
.nov_content > div:first-child > div > div{display: table-cell;}
.nov_content > div:first-child > div:not(:last-child) > div{padding-bottom: 20px;}
.nov_content > div:first-child > div > div:first-child{line-height: 40px; font-size: 22px; padding-right: 15px; vertical-align: top; text-indent: 60px; text-align: justify; font-family: 'novel';}
.nov_content > div:first-child > div > div:first-child > div{position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.nov_content > div:first-child > div > div:first-child > div span{line-height: 1px; /**display: inline-block;**/ position: absolute; color: transparent!important; width: 0;}
.nov_content > div:first-child > div > div:first-child > div img{max-width: 100%; position: relative; display: block;}
.nov_content > div:first-child > div > div:first-child > div iframe{width: 635px; height: 357px; border: none; position: relative; display: block;}
.nov_content > div:first-child > div > div:first-child > div ol{margin-left: 80px;}
.nov_content > div:first-child > div > div:first-child > div ol li{text-indent: 0px;}
.nov_content > div:first-child > div > div:nth-child(2){width: 50px; vertical-align: top;}
.nov_content > div:first-child > div > div:nth-child(2) > div{float: right; width: 20px; height: 20px; position: sticky; top: 120px; margin-bottom: 15px; margin-top: 12px;}
.nov_content > div:first-child > div > div:nth-child(2) > div > div{padding: 2px 5px 2px 5px; background: var(--bg_silver); color: white; border-radius: 5px; top: -10px; right: -7px; position: absolute; font-size: 11px;}
.nov_content > div:nth-child(2){margin-top: 15px; font-size: 11px;}

.nov_footer{margin: 100px 0px 50px 0px; color: var(--text_silver); display: table; width: 100%; table-layout: fixed;}
.nov_footer > div{display: table-cell; vertical-align: middle;}
.nov_footer > div:nth-child(2){text-align: center;}
.nov_footer > div:last-child{text-align: right;}
.nov_footer > div:not(:nth-child(2)){font-size: 11px;}

.nov_jumto{margin: 35px 0px; height: 105px;}
.nov_jumto > div{display: table; table-layout: fixed; width: 100%;}
.nov_jumto > div > div{display: table-cell;}
.nov_jumto > div > div > div:first-child{font-size: 17px; font-family: 'bold'; margin-bottom: 10px;}
.nov_jumto > div > div > div:nth-child(2){display: table; table-layout: fixed; width: 100%; height: 70px;}
.nov_jumto > div > div > div:nth-child(2) > div{display: table-cell; vertical-align: middle;}
.nov_jumto .nj_next{text-align: right;}
.nov_jumto .nj_icon{width: 50px;}
.nov_jumto .nj_icon > div{width: 15px; height: 15px;}
.nov_jumto .nj_desc{padding: 0px 25px;}
.nov_jumto .nj_desc > div:first-child{color: var(--text_blue);}
.nov_jumto .nj_desc > div:last-child{margin-top: 7px; font-size: 17px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nov_jumto .nj_info{padding: 0px 25px; color: var(--text_silver);}
.nov_jumto .nj_info > div:first-child{font-size: 17px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nov_jumto .nj_info > div:nth-child(2){margin-top: 7px;}

.nov_comment_content_canvas{width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; z-index: 59; background: rgba(0, 0, 0, 0.50);}
.nov_comment_content{height: 100%; width: 400px; top: 0px; right: 0px; position: fixed; z-index: 60; background: var(--bg_white);}
.nov_comment_content > div:first-child{position: relative; width: 0px; height: 100%; float: left;}
.nov_comment_content > div:first-child > div{width: 440px; position: absolute; right: 0px; top: 0px;}
.nov_comment_content > div:first-child > div > div:first-child{width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid var(--bg_white); position: absolute; right: 0px; top: 53px;}
.nov_comment_content > div:first-child > div > div:nth-child(2){width: 425px; background: var(--bg_white); border-radius: 10px; margin: 25px 0px;}
.nov_comment_content > div:first-child > div > div:nth-child(2) > div{padding: 15px 20px 25px 20px;}
.nov_comment_content > div:first-child > div > div:nth-child(2) > div > div:first-child{font-size: 15px; font-family: 'bold';}
.nov_comment_content > div:first-child > div > div:nth-child(2) > div > div:nth-child(2){margin-top: 10px; height: 65vh; overflow: auto;}
.nov_comment_content > div:first-child > div > div:nth-child(2) > div > div:nth-child(2) > div{font-size: 22px; line-height: 40px;}
.nov_comment_content.novel > div:first-child > div > div:nth-child(2) > div > div:nth-child(2) > div{font-family: 'novel'; text-indent: 60px;}
.nov_comment_content.script > div:first-child > div > div:nth-child(2) > div > div:nth-child(2) > div{font-family: 'script';}
.nov_comment_content > div:first-child > div > div:nth-child(2) > div > div:nth-child(2) > div span{line-height: 1px; position: absolute; color: transparent!important; width: 0; left: 0px;}
.nov_comment_content > div:last-child{overflow: auto; position: absolute; width: 100%; height: 100%;}
.nov_comment_content > div:last-child > div{padding: 30px;}

.nov_comment_body{display: table; width: 100%; table-layout: fixed;}
.nov_comment_body > div{display: table-cell; vertical-align: top;}
.nov_comment_body > div:first-child{width: 600px;}
.nov_comment_body > div:last-child{padding-left: 25px;}
.nov_comment_body > div:last-child > div{position: sticky; top: 65px;}