.nb{color-scheme: dark;}
.nb .container{box-sizing: border-box; max-width: 800px;}
.nb .navbar{margin-bottom: 35px;}
.nb{color: #333; font: small "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; background-color: #eeedea; margin: 0; padding: 0 0 30px; word-wrap: break-word;}
.nb .container{container-type: inline-size;}
.nb .container>img{width: 100%;}
.nb .container>div>img{width: 100%;}
.nb table img{width: 100%;}
.nb .flex img{width: 100%;}
.nb .banner img{width: 100%;}
.nb .box img{width: 100%;}
.nb .box1 img{width: 100%;}
.nb .panel_in img{width: 100%;}
.nb .image>img{width: 100%;}
.nb .limit_break_area img{width: 100%;}
.nb p{font-size: 0.9em; line-height: 1.5em; word-wrap: break-word; margin: 0; padding: 1em 0.8em;}
.nb p.title{color: rgb(255, 255, 255); font-weight: bold; font-size: medium; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 0 0 0 #000;}
.nb a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.nb a.scene{display: inline-block; text-decoration: none; font-weight: bold; border-radius: 1em; color: rgb(255, 255, 255); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background: 0 rgb(21, 38, 76); border: solid 1px #424242; margin: 10px 0.5em; padding: 5px 20px;}
.nb h1.bigtopic{display: inline-block; line-height: 2.2em; font-size: 1.1em; font-weight: bold; border-left: 12px solid rgb(30, 30, 30); padding-left: 0.5em; color: rgb(30, 30, 30); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.nb h1.topic{display: inline-block; line-height: 2.2em; font-size: 1.1em; font-weight: bold; padding-left: 0.5em; border-left: 12px solid rgb(30, 30, 30); color: rgb(30, 30, 30); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.nb h2.topic{display: inline-block; line-height: 2.2em; font-size: 1.1em; font-weight: bold; padding-left: 0.5em; border-left: 22px solid rgb(30, 30, 30); color: rgb(30, 30, 30); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.nb div.tips{font-size: 0.9em; line-height: 1.6em; border: 1px solid rgb(30, 30, 30); color: rgb(30, 30, 30); border-radius: 0.5em; margin: 1.5em auto;}
.nb div.tips .question{position: relative; font-weight: bold; line-height: 2.2em; padding-left: 2em; border-bottom: 1px solid rgb(66, 66, 66); color: rgb(255, 255, 255); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background: linear-gradient(rgb(56, 94, 70), rgb(73, 117, 89)); border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}
.nb div.tips .question:before{position: absolute; display: block; text-align: center; left: 0.25em; top: -0.25em; font-size: 2em; content: "?"; color: rgb(255, 255, 255); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); transform: rotate(-10deg);}
.nb div.tips>div.warning{position: relative; font-weight: bold; line-height: 2.2em; padding-left: 2em; border-bottom: 1px solid rgb(66, 66, 66); color: rgb(255, 255, 255); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background: linear-gradient(rgb(99, 57, 57), rgb(155, 57, 57)); border-top-left-radius: 0.5em; border-top-right-radius: 0.5em;}
.nb div.tips>div.warning:before{position: absolute; display: block; text-align: center; left: 0.125em; top: -0.25em; font-size: 2em; content: "!!"; color: rgb(255, 255, 255); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); transform: rotate(-10deg);}
.nb div.article{line-height: 1.6em; background-color: rgba(255, 255, 255, 0.6); border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; padding: 0.8em;}
.nb div.article ul{margin-left: 0.5em;}
.nb div.char_head{position: relative; width: 100%; margin-bottom: 5px; background-position: center;}
.nb div.card{color: #413f26; background: #a29d5a; border-radius: 4px; position: absolute; right: 3px; top: 3px; margin: 0; padding: 2px 4px;}
.nb .power{color: #fff; font-size: 2.2em; font-weight: bold; text-shadow: 0 0 8px #00ff00, 0 0 12px #00ff00;}
.nb .power2{color: #fff; font-size: 2.2em; font-weight: bold; text-shadow: 0 0 8px #f90, 0 0 12px #f90;}
.nb .power3{color: #fff; font-size: 2.2em; font-weight: bold; text-shadow: 0 0 8px #3EF, 0 0 12px #3EF;}
.nb table.char_info{background: linear-gradient(rgba(11, 160, 12, 0.7), rgba(0, 100, 0, 1)); width: 100%; border-spacing: 0; border-collapse: separate; font-size: small; border: 1px solid rgb(0, 94, 21); border-top: none; border-radius: 7px; margin: 0 0 0.8em; padding: 0 0 0.5em;}
.nb table{word-break: break-all;}
.nb table.char_info th{text-align: left; font-weight: bold; font-size: 1.1em; background-color: rgb(191, 198, 195); border-bottom: 1px solid rgb(0, 94, 21); border-top: 1px solid rgb(0, 94, 21); border-top-left-radius: 7px; border-top-right-radius: 7px; padding: 5px;}
.nb table.char_info tr{border: none; background-color: transparent;}
.nb table.char_info td{border: none; background-color: transparent; margin: 0; padding: 1px 0 0;}
.nb table.char_info td:nth-child(odd){padding-left: 1em;}
.nb table.char_info tr:last-child{border: none;}
.nb table.char_info td:last-child{border: none;}
.nb div.char_box{max-width: 720px; border: 2px solid #2a3041; border-radius: 8px; box-shadow: 0.25em 0.25em 0.25em #969584; background-color: #eaecee; overflow: hidden; display: block; margin: 0 0.5em 0.5em 0.5em; padding: 0;}
.nb div.char_text{background: linear-gradient(rgba(11, 160, 12, 0.8), rgba(0, 100, 0, 1)); border: 1px solid rgb(0, 94, 21); border-top: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0; padding: 2px 0.5em;}
.nb img.rarity{position: absolute; top: 2px; left: 2px;}
.nb img.attribute{position: absolute; right: 0; bottom: 0; width: 80px;}
.nb .warning_box{position: relative; border: 2px solid rgb(90, 89, 74); background-color: rgb(255, 168, 0); border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px; box-shadow: 4px 4px rgb(192, 0, 0); margin: 2em 0.5em 0.5em; padding: 2em 0.5em 0.5em;}
.nb .warning_head{position: absolute; border: 2px solid rgb(90, 89, 74); background-color: rgb(255, 168, 0); border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px; left: 0; transform: translate(0em, -3.5em); margin: 0.5em; padding: 0.5em 1em;}
.nb .size25{max-width: 25%;}
.nb .size40{max-width: 40%;}
.nb .size50{max-width: 50%;}
.nb .size75{max-width: 75%;}
.nb .size95{max-width: 95%;}
.nb .full{max-width: 100%; height: auto;}
.nb .base{margin: 0.5em; padding: 0;}
.nb img.icon{width: 80px; vertical-align: middle;}
.nb img.frame{width: 80px; position: absolute; top: 0; left: 0;}
.nb .fragment{max-width: 720px; border: 1px solid rgb(143, 142, 129); background-color: rgb(206, 205, 191); border-radius: 8px; box-shadow: 2px 2px rgb(90, 89, 74); margin: 0 0.5em; padding: 4px;}
.nb .item{font-size: medium; font-weight: bold; background-color: rgb(180, 178, 163); border-radius: 4px; position: relative; border-style: none; margin: 0; padding: 0;}
.nb div.item .num{font-size: 0.9em; bottom: -0.25em;}
.nb .slot{white-space: nowrap; color: rgb(206, 205, 191); background: linear-gradient(to right, rgb(66, 66, 55), transparent); border-radius: 4px; margin: 4px 0; padding: 2px 0.5em;}
.nb .effect{background-color: rgb(206, 205, 191); border-style: none; margin: 0; padding: 0 0.5em;}
.nb .date{font-weight: bold;}
.nb .notice{font-weight: bold; color: #e26456;}
.nb .red{color: rgb(226, 100, 86);}
.nb .green{color: rgb(0, 255, 0);}
.nb .blue{color: rgb(0, 0, 255);}
.nb .white{color: #fff; font-weight: bold;}
.nb .strong{font-weight: bold;}
.nb .edge{color: rgb(255, 255, 255); -webkit-text-stroke: 1px rgb(30, 30, 30);}
.nb .edge_red{text-shadow: 2px 2px 1px rgba(255, 0, 0, 0.1), -2px 2px 1px rgba(255, 0, 0, 0.1), 2px -2px 1px rgba(255, 0, 0, 0.1), -2px -2px 1px rgba(255, 0, 0, 0.1);}
.nb .edge_blue{text-shadow: 2px 2px 1px rgba(0, 0, 255, 0.1), -2px 2px 1px rgba(0, 0, 255, 0.1), 2px -2px 1px rgba(0, 0, 255, 0.1), -2px -2px 1px rgba(0, 0, 255, 0.1);}
.nb .edge_green{text-shadow: 2px 2px 1px rgba(0, 255, 0, 0.1), -2px 2px 1px rgba(0, 255, 0, 0.1), 2px -2px 1px rgba(0, 255, 0, 0.1), -2px -2px 1px rgba(0, 255, 0, 0.1);}
.nb ul{margin: 0; padding: 0.5em 0.5em 0.5em 2em;}
.nb ol{margin: 0; padding: 0;}
.nb li{margin: 0; padding: 0;}
.nb table.base{font-size: 1.0em; border-spacing: 0; margin: 1.2em 0; padding: 0 1.2em;}
.nb table.base th{background: linear-gradient(rgb(51, 58, 75), rgb(0, 95, 104)); font-weight: bold; text-align: center; border-left: 1px solid #666666; border-top: 1px solid #666666; border-bottom: 1px solid #666666; line-height: 1.4em; color: rgba(255, 255, 255, 255); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); padding: 8px;}
.nb table.base th:last-child{border-right: 1px solid rgb(102, 102, 102); box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);}
.nb table.base tr td{line-height: 160%; background-color: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgb(102, 102, 102); border-left: 1px solid rgb(102, 102, 102); padding: 8px 15px;}
.nb table.base tr:last-child{box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);}
.nb table.base tr td:last-child{border-right: 1px solid rgb(102, 102, 102);}
.nb .name{color: #fff; font-weight: bold; text-shadow: #000 1px 1px 0, #000 -1px -1px 0, #000 -1px 1px 0, #000 1px -1px 0, #000 0px 1px 0, #000 0-1px 0, #000 -1px 0 0, #000 1px 0 0;}
.nb .yellow{color: #ff0;}
.nb .ability{color: #242939; font-weight: bold;}
.nb .small{font-size: 1.0em;}
.nb .medium{font-size: 1em;}
.nb .large{font-size: 1.2em;}
.nb .right{text-align: right;}
.nb .left{text-align: left;}
.nb .center{text-align: center;}
.nb .ability_text{padding: 0.25em 0.5em;}
.nb .ability_text3{padding: 0.25em 0.5em;}
.nb .img_back{background-size: 100%; background-repeat: repeat-y;}
.nb .img_back4{background-size: 100%; background-repeat: repeat-y; background-position: center;}
.nb .img_back5{background-size: 100%; background-repeat: repeat-y; background-position: center;}
.nb .head{padding: 0.2em 0.5em;}
.nb .space{height: 0.5em;}
.nb .char_img{position: relative;}
.nb .absolute{position: absolute; right: 0; left: 0; bottom: 2.25em; margin: auto auto; text-align: center; vertical-align: middle;}
.nb .absolute3{position: absolute; left: 2px; top: 1px;}
.nb .absolute4{position: absolute; right: 0px; bottom: 0px;}
.nb .absolute5{position: absolute; right: 2px; top: 1px;}
.nb .login{max-width: 720px; border-spacing: 0.5em; border-collapse: separate;}
.nb .login th{background: #424237; color: #CBCFC3; font-weight: bold;}
.nb .login td{background: #C6C6B8; border: 1px solid #424237; border-radius: 8px; box-shadow: 2px 2px rgb(90, 89, 74); color: #424237; font-weight: bold;}
.nb .invisible{display: none;}
.nb .visible{display: block;}
@keyframes fade-in{0%{display: none; opacity: 0;}1%{display: block; opacity: 0;}100%{display: block; opacity: 1;}}
@-webkit-keyframes fade-in{0%{display: none; opacity: 0;}1%{display: block; opacity: 0;}100%{display: block; opacity: 1;}}
@keyframes fade-out{0%{display: block; opacity: 1;}1%{display: block; opacity: 1;}100%{display: none; opacity: 0;}}
@-webkit-keyframes fade-out{0%{display: block; opacity: 1;}1%{display: block; opacity: 1;}100%{display: none; opacity: 0;}}
.nb .button{display: inline-block; padding: 0.5em 1em; text-decoration: none; text-align: center; font-size: 1.2em; font-weight: bold; color: #67c5ff; border: solid 2px #67c5ff; border-radius: 3px; transition: .1s;}
.nb .button:active{background: #67c5ff; color: #fff;}
.nb .button2{display: block; padding: 1em 0.5em; text-decoration: none; text-align: center; font-size: 1em; font-weight: bold; color: #6cf; background: #fff; border: solid 2px #6cf; border-radius: 4px; transition: .1s;}
.nb .button2:active{background: #6cf; color: #fff;}
.nb .plate_img{position: relative; text-align: center; margin: auto;}
.nb .plate{position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.nb .nowrap{white-space: nowrap;}
.nb .plate2{position: relative; text-align: center;}
.nb .plate2 img{width: 100%;}
.nb .plate2>div{position: absolute; width: 70%; line-height: 1.2em; color: #fff; font-size: 90%; text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .item_flex{display: flex; flex-wrap: wrap; justify-content: space-around; padding: 0.5em; position: relative;}
.nb .tooltip{cursor: pointer; width: 20%;}
.nb .tooltip img{user-select: none;}
.nb .description{display: none !important; position: absolute; padding: 0.25em 0.5em; color: #fff; border-radius: 5px; background: #223; bottom: 100%; word-wrap: break-word; width: 100%; left: 0; font-size: 0.9em;}
.nb .description hr{height: 1px; border: none; border-top: 1px #677 solid; margin-top: 0.25em;}
.nb .tooltip:active>.description{display: block !important; z-index: 99;}
.nb .plus5{color: #fff; background: #9900CC; border-radius: 5px; border: solid 0px #eee; font-weight: bold; text-align: center; margin: 5px 2px;}
.nb .plus4{color: #fff; background: #d70035; border-radius: 5px; border: solid 0px #eee; font-weight: bold; text-align: center; margin: 5px 2px;}
.nb .plus3{color: #fff; background: #ee7800; border-radius: 5px; border: solid 0px #eee; font-weight: bold; text-align: center; margin: 5px 2px;}
.nb .plus2{color: #fff; background: #1aa038; border-radius: 5px; border: solid 0px #eee; font-weight: bold; text-align: center; margin: 5px 2px;}
.nb .plus1{color: #fff; background: #0068b7; border-radius: 5px; border: solid 0px #eee; font-weight: bold; text-align: center; margin: 5px 2px;}
.nb .notice2{color: #c00; text-decoration: underline; font-weight: bold;}
.nb .table0{table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; overflow: hidden; font-size: 1em;}
.nb .table0 th{padding: 0 0.5em; color: #fff; background: #333;}
.nb .table0 td{position: relative; padding: 0.5em; border-bottom: solid 1px #333; background: #ddd;}
.nb .table0 .num{left: 0; bottom: 0.25em; text-align: center;}
.nb .table0 .bba{background: #bba; border-radius: 0.5em;}
.nb .table0 .fc3{background: #fc3; border-radius: 0.5em;}
.nb .table1{width: 100%; border: solid 1px #333; font-size: 1em; border-collapse: collapse; table-layout: fixed;}
.nb .table1 th{padding: 0.5em; color: #fff; background: #333;}
.nb .table1 td{padding: 0.5em; border: solid 1px #333; overflow-wrap: break-word;}
.nb .table2{font-size: 1em; width: 100%;}
.nb .table2 th{color: #fff; background: #036; padding: 0.5em;}
.nb .table2 td{color: #333; background: #ddd; padding: 0.5em;}
.nb .zenkai2{width: 100%; table-layout: fixed;}
.nb .zenkai2 th{color: #fff; background: #333;}
.nb .zenkai2 td{background: #ddd;}
.nb .zenkai2 td:nth-of-type(1){text-align: center; width: 15%;}
.nb .zenkai2 td:nth-of-type(2){text-align: center; width: 15%;}
.nb .zenkai2 tr:nth-child(odd) td{background: #ccc;}
.nb .fadein8{animation-name: fadein; animation-duration: 2s; animation-iteration-count: 1; border-bottom: solid 1px #999; margin-bottom: 1em;}
@keyframes fadein{from{opacity: 0; transform: scale(8);}to{opacity: 1; transform: scale(1);}}
.nb .panel_box{color: #fff; font-weight: bold; background: -webkit-repeating-linear-gradient(0deg, #073 0, #073 1px, #063 1px, #063 2px); background: -o-repeating-linear-gradient(0deg, #073 0, #073 1px, #063 1px, #063 2px); background: repeating-linear-gradient(0deg, #073 0, #073 1px, #063 1px, #063 2px); border: 1px solid #090; border-radius: 8px; box-shadow: 0.25em 0.25em 0.25em #030; margin: 0 0.5em;}
.nb .panel_head{color: #ff0; font-size: 1.2em; font-weight: bold; text-shadow: 0 0 8px #fc0, 0 0 12px #fc0; border-bottom: solid 2px #ff0;}
.nb .panel_in{display: flex; padding: 4px; background: rgba(0, 0, 0, 0.25); justify-content: space-around; margin: 0.5em 0;}
.nb .panel_in>div{width: 20%;}
.nb .album{margin: auto; position: relative;}
.nb .album .img1{display: block; margin: 0 auto;}
.nb .album .img2{position: absolute; top: 0; left: 0;}
@keyframes album{0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
.nb .album img{animation-name: album; animation-duration: 10s; animation-iteration-count: infinite; opacity: 0;}
.nb .album .img2{animation-delay: 5s;}
.nb .indent{padding-left: 1em; font-size: 1em;}
.nb .circle{position: relative; font-size: 1.05em; font-weight: bold;}
.nb .circle:before{position: absolute; content: "●"; font-size: 0.8em; left: -1.2em; color: #f90; text-shadow: 0px 0px 4px #fff;}
.nb .dog{position: relative; padding: 0.5em 0.5em 0.5em 2em; background-color: #fff;}
.nb ul.dog div:first-child{position: relative; font-size: 1.05em; font-weight: bold; left: -1.5em; margin-bottom: 0.5em; border-bottom: dashed 1px #ddd;}
.nb .dog::after{position: absolute; top: 0; right: 0; content: ''; width: 0; border-width: 0 1.5em 1.5em 0; border-style: solid; border-color: #eeedea #eeedea #ddd #ddd; box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);}
.nb .table-radius{width: 100%; font-size: 1em; border-radius: 0.5em; border: solid 2px #223; border-spacing: 0;}
.nb .table-radius td{padding: 4px 8px; border-bottom: solid 1px #bbc; border-right: solid 1px #bbc;}
.nb .table-radius th{color: #fff; background: #223; padding: 4px 8px;}
.nb .table-radius tr td:last-child{border-right: none;}
.nb .table-radius tr:last-child td{border-bottom: none;}
.nb .grad{font-weight: bold; font-size: 1.1em; color: #c30; background: linear-gradient(to right, #fc0, rgba(255, 204, 0, 0)); padding: 0.2em 0.5em; margin-bottom: 0.5em;}
.nb .balloon-right{position: relative; display: inline-block; text-align: center; color: #FFF; background: #fc0; border-radius: 50%;}
.nb .balloon-right:before{content: ""; position: absolute; top: 50%; right: -22px; margin-top: -8px; border: 8px solid transparent; border-left: 15px solid #fc0; z-index: 0;}
.nb .table3{font-size: 1em; width: 100%;}
.nb .table3 th{color: #fff; background: #666; padding: 4px 8px;}
.nb .table3 td{padding: 4px 8px; border: solid 1px #bba;}
.nb .cap{text-align: center; color: #fff; background: #998;}
.nb .space{display: inline-block; width: 50%;}
.nb .trade_area{width: 100%; text-align: center; margin-bottom: 5px;}
.nb .trade_box{display: block; margin: 0px 0.5em; text-align: left; border: 3px solid #ffffff; border-radius: 10px; box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.6); background: linear-gradient(to right, #ffe4e1, #e0ffff 70%, #e0ffff); background: -moz-linear-gradient(to right, #ffe4e1, #e0ffff 70%, #e0ffff); background: -webkit-linear-gradient(to right, #ffe4e1, #e0ffff 70%, #e0ffff);}
.nb .lineup_name_area{width: 100%; border-radius: 5px; background-color: #afeeee; color: #000000;}
.nb .lineup_name{font-weight: bold; padding-left: 5px; padding-right: 5px; word-wrap: break-word;}
.nb .lineup_main{display: flex; align-items: baseline; width: 95%; margin: 3px;}
.nb .lineup_img{width: 25%; padding-left: 15px;}
.nb .base_brock{display: flex; align-items: center; width: 100%; background-color: #000000; color: #FFFFFF; border-radius: 50px 18px 50px 18px; margin-left: 15px;}
.nb .base_img{width: 15%; margin-left: 5px;}
.nb .base_cnt{width: 100%; font-weight: bold; font-size: medium; text-align: right; margin-right: 1em;}
.nb .update_list{padding-top: 0em;}
.nb .update_list li{position: relative; padding-left: 0em; line-height: 1.5em; list-style-type: none; padding-top: 0.5em;}
.nb .update_list li:before{position: absolute; content: "●"; left: -1.5em; color: #f80;}
.nb .list{padding-top: 0;}
.nb .list li{padding-top: 0.5em;}
.nb .ticket_box{position: relative; background: #fff; border: solid 1px #bba; border-radius: 0.5em; margin: 0 0.5em;}
.nb .ticket_box :before{position: absolute; content: ""; top: -30px; left: 50%; margin-left: -15px; border: 15px solid transparent; border-bottom: 15px solid #f80;}
.nb .step{table-layout: fixed; width: 100%; overflow: hidden; font-size: 1em; border-collapse: collapse; border-radius: 0px 10px 0px 0px;}
.nb .step tr{border: solid 0px #fff;}
.nb .step th{position: relative; width: 25%; color: #fff; background: #f80;}
.nb .step th::before{position: absolute; content: ''; width: 2em; height: 2em; top: 50%; right: -1em; background: #f80; transform: translateY(-50%) rotate(45deg); z-index: 1;}
.nb .step th::after{position: absolute; content: ''; width: 2em; height: 2em; top: 50%; right: -1.25em; background: #eeedea; transform: translateY(-50%) rotate(45deg); z-index: 0;}
.nb .step td{text-align: left; font-weight: bold; background: #fb0;}
.nb .step img{width: 2em; vertical-align: middle; margin-left: 2em;}
.nb .info{margin: 2px 0; padding: 0.5em; background: #ddd; border-radius: 0px 0px 0px 10px;}
.nb .col2{table-layout: fixed; text-align: left; width: 100%; font-size: 1em; margin: 0; padding: 0;}
.nb .col2 th{width: 35%; background: #ccc; padding: 0.5em; overflow-wrap: break-word;}
.nb .col2 td{background: #ddd; padding: 0.5em; overflow-wrap: break-word;}
.nb .char_list{display: flex; margin-bottom: 0.5em; background: #ddd;}
.nb .char_list>div:nth-child(1){width: 25%;}
.nb .char_list>div:nth-child(2){padding: 0.5em;}
.nb .char_list>div>div{font-size: 1.1em; font-weight: bold;}
.nb .tips_box{position: relative; margin: 0.5em 0.5em 0; border: 2px solid #ccb; border-radius: 0.5em;}
.nb .tips_box>div:first-of-type{position: absolute; top: 0; right: 0; left: 0; text-align: center; transform: translateY(-50%);}
.nb .tips_box span:first-of-type{font-size: 1.1em; padding: 0 1em; font-weight: bold; background: #eeedea;}
.nb .tips_box li{padding-top: 0.5em;}
.nb .pad{padding: 0.5em;}
.nb .info_box{border: solid 2px #ccb; border-radius: 0.5em; overflow: hidden;}
.nb .info_box>.info_txt{padding: 0 0.5em 0.5em;}
.nb .info_box>ul{padding-top: 0;}
.nb .sub{margin: 0 0 0 0.5em;}
.nb .flex_item{position: relative; display: flex; justify-content: space-around; align-items: center;}
.nb .p5{padding: 0.5em;}
.nb .m5{margin: 0.5em;}
.nb .mt5{margin-top: 0.5em;}
.nb .mb5{margin-bottom: 0.5em;}
.nb .delta{color: #c00; font-size: 2em; text-align: center;}
.nb .new{position: absolute; top: 0; left: 0; z-index: 9; white-space: nowrap;}
.nb .new:before{content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border-top: 3em solid #f00; border-right: 3em solid transparent;}
.nb .new:after{content: attr(title); position: absolute; top: 0; left: 0; font-size: xx-small; font-weight: bold; color: #fff; transform: rotate(-45deg) translate(-5px, 5px);}
.nb .new2{color: #fff; background: #f00; padding: 2px 8px; font-size: 0.9em; border: solid 1px #c00; font-weight: bold;}
.nb .new_inpiles{display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 80%; color: #fe0; z-index: 1;}
.nb .limit_break_area{border: solid 2px #333; border-radius: 8px; width: 100%; overflow: hidden;}
.nb .limit_break_head{background: #333; color: #fff; padding: 5px; font-weight: bold; text-shadow: 0 0 10px #ffd700, 0 0 15px #ffd700;}
.nb .limit_break_head2{background: #333; color: #fff; padding: 5px; font-weight: bold;}
.nb .limit_break_main{padding: 5px;}
.nb .step_box{display: flex; align-items: stretch; background: linear-gradient(135deg, #f80 25%, #ccb 25%); border-radius: 0.5em 0.5em 0 0; margin: 0 0.5em;}
.nb .step_box div{display: flex; align-items: center; font-weight: bold; padding: 0 0.5em;}
.nb .step_box div:first-child{color: #fff;}
.nb .step_box2{display: flex; position: relative; align-items: stretch; border: solid 2px #ccb; border-top: none; border-radius: 0 0 0.5em 0.5em; margin: 0 0.5em 0.5em;}
.nb .step_box2>div{display: flex; flex-flow: row wrap; align-items: center; font-weight: bold; height: auto; min-height: 4em; padding: 0.5em;}
.nb .tooltip2{display: flex; width: 25%;}
.nb .tooltip2>img{width: 50%;}
.nb .tooltip2>span{color: #333; background: #fc0; width: 100%; padding: 0 2px; font-size: 0.8em;}
.nb .tooltip2:before{position: absolute; display: none; content: attr(ontouchstart); bottom: 50%; left: 0; color: #fff; background: #333; padding: 0.5em; font-size: 0.9em; width: 100%; border-radius: 0.5em; transition: all 0.5s ease-out;}
.nb .tooltip2:active:before{position: absolute; display: block; bottom: 110%; z-index: 99; animation: show 0.3s ease-in-out;}
.nb .conf{width: 50%;}
.nb .fire{font-weight: bold; color: #fff; font-size: 1em; text-shadow: 1px 0px 4px #f90, -1px 0px 4px #f90, 0px 1px 4px #f00, 0px -1px 4px #fc0;}
@keyframes show{from{opacity: 0; bottom: 60%;}to{opacity: 1; bottom: 110%;}}
.nb .note{background: #fff; border: solid 2px #ccb; border-radius: 0.5em; padding: 0.5em; overflow: hidden;}
.nb .note>div:first-child{font-size: 1em; font-weight: bold; color: #c00; background: #fff; margin: 0em; margin-bottom: 0.5em; padding: 0; border-bottom: solid 2px #c00;}
.nb .note>ul{padding: 0 0 0 1.5em;}
.nb .note>ul>li:nth-of-type(n+2){padding: 0; margin-top: 0.5em;}
.nb .note2{border: solid 1px #bba; border-radius: 0.5em; background: #fff; padding: 0.5em;}
.nb .note2:first-line{font-size: 1.1em; font-weight: bold; color: #c30;}
.nb .note2 ul{padding: 0.5em 0 0 1.5em; font-size: 1em; text-align: left; border-top: solid 2px #c30;}
.nb .item_box{border: solid 2px #f90; border-radius: 0.5em; overflow: hidden;}
.nb .item_box>.notice{font-size: 0.9rem; color: #fff; background: #f90; padding: 0 0.5em;}
.nb .item_box>div:last-child{border-top: dashed 1px #bba; margin: 0 0.5em 0; padding: 0.5em 0 0.5em;}
.nb .item20{display: flex; position: relative; justify-content: center; width: 20%; padding: 0.5em; margin-bottom: 0.5em;}
.nb .item20:after{position: absolute; display: block; content: attr(data); width: 100%; font-weight: bold; text-align: center; color: #fff; bottom: 0; line-height: 1em; text-shadow: +1px +0px 1px #000, +1px +1px 1px #000, +0px +1px 1px #000, -1px -1px 1px #000, -1px +0px 1px #000, -1px -1px 1px #000, +0px +1px 1px #000, +1px -1px 1px #000;}
.nb .item_num{display: flex; position: relative; justify-content: center; align-items: center;}
.nb .item_num .num_b{position: absolute; bottom: 0;}
.nb .box{border: solid 2px #333; overflow: hidden;}
.nb .box1{border: solid 2px #333; border-radius: 0.5em; overflow: hidden;}
.nb .box1>div:first-child{margin-bottom: 0;}
.nb .flex{position: relative; display: flex; justify-content: space-around; align-items: center;}
.nb .line{height: 2px; border: none; margin: 0.5em 0; background: linear-gradient(to right, rgba(0, 0, 0, 0), #bba, rgba(0, 0, 0, 0));}
.nb .dashed{height: 1px; border: none; margin: 0.5em 0; border-top: dashed 1px #bba;}
.nb .head1{position: relative; font-size: 1.2em; font-weight: bold; padding: 4px; color: #fff; background: #333; text-shadow: 0px 0px 4px rgb(0, 255, 0), 0px 0px 4px rgb(0, 255, 0); z-index: 0;}
.nb .head1::before{content: ""; position: absolute; display: block; background: linear-gradient(90deg, #333 40%, rgba(51, 51, 51, 0.5)); top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.nb .head1::after{content: ""; position: absolute; display: block; background-image: radial-gradient(#666 32%, transparent 48%), radial-gradient(#666 32%, transparent 48%); background-position: 0 0, 4px 4px; background-size: 8px 8px; top: 0; left: 0; right: 0; bottom: 0; z-index: -2;}
.nb .head2{font-size: 1.1em; font-weight: bold; padding: 4px; border-left: solid 8px #333;}
.nb .head3{font-size: 1.0em; font-weight: bold; padding: 4px; color: #fff; background: #333;}
.nb .head4{font-size: 1.0em; font-weight: bold; padding: 4px; background: #ccb;}
.nb .powerup_box{display: flex; position: relative;}
.nb .pow0{width: 20%;}
.nb .pow1{position: absolute; width: 18.5%; top: 33.5%; left: 37.4%; z-index: 0;}
.nb .pow2{position: absolute; width: 21%; top: 32%; left: 64.2%; z-index: 0;}
.nb .pow3{width: 10%;}
.nb .pow4{width: 65%; z-index: 1;}
.nb .p0{padding: 0;}
.nb .m0{margin: 0;}
.nb .adv{overflow: hidden; border: solid 2px #223; border-radius: 0.5em; background: #223; color: #fff; font-weight: bold; text-align: center; margin: 0 0.5em;}
.nb .flex2{display: flex; align-items: center;}
.nb .grade{position: relative;}
.nb .grade>table{position: absolute; top: 0; left: 0; font-size: 1em; font-weight: bold; color: #fff; margin: 3px; line-height: 1em;}
.nb .grade>table td{padding: 0;}
.nb .grade>table span{color: #fc0;}
.nb .grade>.expiration{position: absolute; margin: 2px; padding: 2px; bottom: 0; right: 0; font-size: 0.9em; font-weight: bold; line-height: 1em; color: #fff; background: #d00; border: solid 1px #600;}
.nb .grade .head{position: absolute; top: 0; padding: 2px 0.5em;}
.nb .grade .foot{position: absolute; bottom: 0; padding: 2px 0.5em; color: #fff;}
.nb .plan{table-layout: fixed; width: 100%; font-size: 1em; text-align: center; color: #333; border-spacing: 1; border-radius: 0 0 .6em .6em; overflow: hidden;}
.nb .plan img{width: 2em; vertical-align: middle;}
.nb .plan th{background: #aa9;}
.nb .plan th:nth-of-type(2){background: #aaa;}
.nb .plan th:nth-of-type(3){background: #ea3;}
.nb .plan td{background: #ccb;}
.nb .plan td:nth-of-type(2){background: #ccc;}
.nb .plan td:nth-of-type(3){background: #ec7;}
.nb .plan tr:last-child{font-size: 1.1em; font-weight: bold; background: #666;}
.nb .blackfriday{color: #fff; background: #000;}
.nb .blackfriday .power{color: #fff; font-size: 1.1em; font-weight: bold; text-shadow: 0 0 8px #06f, 0 0 8px #06f;}
.nb .blackfriday .topic{color: #bba !important; border-left: 12px solid #bba !important;}
.nb .blackfriday .box1{color: #333; background: #eee;}
.nb .blackfriday .note{color: #333;}
.nb .blackfriday .notice{color: #f06;}
.nb .BannerLink{display: flex; text-align: center; border: solid 2px #223; border-radius: 0.5em; overflow: hidden; box-shadow: 2px 2px 4px #667;}
.nb .BannerLink a{color: #fff; font-weight: bold; background: #223; text-decoration: none; text-shadow: 0 0 4px #0fc, 0 0 8px #fff;}
.nb .banner{color: #fff; background: #223; font-weight: bold; text-align: center; margin-bottom: 0.5em;}
.nb .msg{background: #fff; border: solid 1px #bba; border-radius: 0.5em; overflow: hidden;}
.nb .step_box_201223{display: flex; align-items: stretch; border-radius: 0.5em 0.5em 0 0; margin: 0 0.5em;}
.nb .step_color285{background: linear-gradient(135deg, #032AA0 25%, #ccb 25%);}
.nb .step_color370{background: linear-gradient(135deg, #4B862D 25%, #ccb 25%);}
.nb .step_color375{background: linear-gradient(135deg, #ff9900 25%, #ccb 25%);}
.nb .step_color377{background: linear-gradient(135deg, #ff0066 25%, #ccb 25%);}
.nb .step_color383{background: linear-gradient(135deg, #ff007f 25%, #ccb 25%);}
.nb .step_box_201223 div{display: flex; align-items: center; font-weight: bold; padding: 0 0.5em;}
.nb .step_box_201223 div:first-child{color: #fff;}
.nb .omake{padding: 0 0.5em; margin: -0.5em -0.5em 0.5em -0.5em; background-color: #f46d00; color: #fff;}
.nb .step_box2_201223{position: relative; align-items: stretch; border: solid 2px #ccb; border-top: none; border-radius: 0 0 0.5em 0.5em; margin: 0 0.5em 0.5em; min-height: 6em; padding: 0.5em;}
.nb .step_box2_201223>div{flex-flow: row wrap; font-weight: bold; height: auto;}
.nb .step_box2_201223>.reward_area{display: flex; align-items: center;}
.nb .step_box2_201223>div>.item_img{width: 10%;}
.nb .step_box2_201223>div>.item_name{width: 85%; padding-left: 0.5em; font-size: 0.9em;}
.nb .step2021{width: 100%; font-size: 1em; border-collapse: collapse; text-align: left;}
.nb .step2021 .stepY{background: linear-gradient(90deg, #f90, rgba(255, 153, 0, 0));}
.nb .step2021 .stepG{background: linear-gradient(90deg, #096, rgba(0, 153, 102, 0));}
.nb .step2021 .stepB{background: linear-gradient(90deg, #06c, rgba(0, 102, 204, 0));}
.nb .step2021 th{padding: 0 0.5em;}
.nb .step2021 td{padding: 0.5em; height: 7em; font-weight: bold;}
.nb .step2021 img{vertical-align: middle;}
.nb .step2021 .flex{justify-content: flex-start;}
.nb .step2021 .flex img{margin-right: 0.5em;}
.nb .name2{color: #fff; text-shadow: +1px +0px 0px #000, +1px +1px 0px #000, +2px +2px 1px #000, +0px +1px 0px #000, -1px -1px 0px #000, -1px +0px 0px #000, -1px -1px 0px #000, +0px +1px 0px #000, +1px -1px 0px #000;}
.nb .plan2{table-layout: fixed; width: 100%; font-size: 1em; text-align: center; color: #333; background: #333; border-spacing: 1; overflow: hidden;}
.nb .plan2 img{vertical-align: middle;}
.nb .plan2 th{background: #aa9;}
.nb .plan2 th:nth-of-type(2){background: #aaa;}
.nb .plan2 th:nth-of-type(3){background: #ea3;}
.nb .plan2 td{background: #ccb; position: relative; padding: 0.5em;}
.nb .plan2 td:nth-of-type(2){background: #ccc;}
.nb .plan2 td:nth-of-type(3){background: #ec7;}
.nb .plan2 .comp{position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .stepup5{table-layout: auto; width: 100%; font-size: .9em; border-spacing: 1px; border-radius: .6em; overflow: hidden; text-align: center;}
.nb .stepup5 th{color: #fff; background: #333; padding: .5em;}
.nb .stepup5 td{background: #ccb; height: 4em; padding: .5em;}
.nb .stepup5 td:first-child{background: #ea3; width: 3.5em;}
.nb .stepup5 img{vertical-align: middle;}
.nb .omake2{position: relative; width: 100%;}
.nb .omake2 img{width: 100%;}
.nb .num{position: absolute; bottom: 0; width: 100%;}
.nb .fire .num{font-size: 1.2em;}
.nb .stepup5 td:nth-child(2) img, .nb .stepup5 td:nth-child(3) img{width: 3.5em;}
.nb .youtube{display: block; background-color: #f00; text-align: center; font-weight: bold; border: solid 2px #333; border-radius: 0.5em; overflow: hidden;}
.nb .youtube a{text-decoration: none; color: #fff;}
.nb .rel{position: relative;}
.nb .abs{position: absolute; top: 60%;}
.nb .hoipoi{position: relative; margin: 0.5em; padding: 0.5em; color: #333; background: #fff; border: solid 3px #333; font-weight: bold;}
.nb .hoipoi::before{content: ''; position: absolute; left: 16px; top: -16px; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 16px solid #333; border-left: 10px solid transparent;}
.nb .hoipoi::after{content: ''; position: absolute; left: 16px; top: -11px; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 16px solid #fff; border-left: 10px solid transparent;}
.nb .hoipoi2{position: absolute; top: -1em; color: #fff; background: #f90; font-weight: bold; font-size: 1.1em; padding: 0.5em; transform: rotate(-1deg);}
.nb .raid{position: relative; background: #000;}
.nb .raid img:nth-child(2){position: absolute; right: 0; width: 30%;}
.nb .raid div:nth-child(3){position: absolute; top: 2px; font-size: 1.1em;}
.nb .raid div:nth-child(4){position: absolute; bottom: 4px; font-size: 1.3em;}
.nb span.tag{white-space: nowrap;}
.nb .trim{position: relative; width: 33%; padding-bottom: 25%; overflow: hidden;}
.nb .trim img{position: absolute; object-fit: cover;}
.nb .item_list{display: flex; justify-content: start; align-items: center; margin: 0.5em;}
.nb .item_list img{width: 4em; vertical-align: middle; margin-right: 0.5em; background: #ccb; border-radius: 0.5em;}
.nb .memory{position: relative;}
.nb .memory img:nth-child(1){position: absolute; width: 71%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .memory img:nth-child(2){width: 100%;}
.nb .table{table-layout: fixed; width: 100%; border-spacing: 1; overflow: hidden; font-size: 1em;}
.nb .table th{color: #fff; background: #221;}
.nb .table td{position: relative; background: #ccc; padding: 4px; text-align: center;}
.nb .table .limit{background: #ec7;}
.nb .table .num{left: 0; bottom: 0;}
.nb .exc{font-size: small; border-collapse: collapse;}
.nb .exc tr{background: #ddd; border-top: solid 1px #333;}
.nb .exc td{position: relative; padding: 2px;}
.nb .exc num{width: 100%;}
.nb .exc tr td:nth-child(1){width: 15%; text-align: center;}
.nb .exc tr td:nth-child(2){width: 5%; color: #c00; padding: 0;}
.nb .exc tr td:nth-child(3){width: 20%; text-align: center;}
.nb .exc tr td:nth-child(4){word-break: break-all; font-size: 0.9em;}
.nb .exc .notice{color: #c00;}
.nb .triangle{color: #c00; font-size: 1.5em;}
.nb .new_label{width: 20%; height: 0; border-bottom: solid 1.5em #f30; border-right: solid 1.5em transparent; font-size: 0.9em; font-weight: bold; color: #fff; padding: 0 4px; line-height: 1.8em;}
.nb .limited{padding: 2px; background: linear-gradient(-10deg, #000, #fff, #000);}
.nb .limited td{background: transparent;}
.nb .gold{background: linear-gradient(-10deg, #000 25%, #ec0, #fff, #ec0, #000 75%); animation: gradation 10s ease infinite; background-size: 100% 200%;}
@keyframes gradation{0%{background-position: 0% 150%}50%{background-position: 0% 50%}100%{background-position: 0% -50%}}
.nb .equip{position: relative;}
.nb .equip img:nth-child(2){position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .tri_r{color: #c00; display: inline-block; font-size: 1.5em; transform: rotate(90deg);}
.nb .adjust{color: #888; font-size: 0.9em; text-decoration: underline;}
.nb ul.list390{padding: 0 0 0 1.25em;}
.nb .list390 li{list-style-type: none; font-weight: 700; font-size: 1.1em; margin-top: 0.5em;}
.nb .list390 li:before{content: "★"; margin-left: -1em; color: #f60;}
.nb .tag_char_select{display: flex; position: relative; width: 100%; max-width: 640px; padding: 0.25em; margin: auto;}
.nb .tag_char_select:before{content: ""; display: block; padding-top: 10%;}
.nb .tag_char_select>div{margin: 0; padding: 0; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.nb .tag_char_select>.tag_char_select_icon{position: absolute; width: 12%; height: 100%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.nb .tag_char_select>.tag_char_tab{display: flex; justify-content: center; align-items: center; width: 50%; padding-top: 2px;}
.nb span.char_tag{background-color: #5a584a; border: 3px double #7d7c6a; padding: 5px; border-radius: 4px; color: #fff; white-space: nowrap;}
.nb .raid2{position: relative; background: #000; width: 100%; height: 0; padding-bottom: 30%;}
.nb .raid2 img:nth-child(1){object-fit: cover; width: 100%; height: 100%; position: absolute;}
.nb .raid2 img:nth-child(2){width: 30%; top: 0; bottom: 0; right: 0.5em; margin: auto; position: absolute;}
.nb .raid2 .fire{right: 0.5em; bottom: 0; position: absolute; font-size: 1.2em;}
.nb .power4{color: #fff; font-size: 1.2em; font-weight: bold; text-shadow: 0 0 8px #3EF, 0 0 12px #f9c;}
.nb .str_or{color: #f30; text-shadow: 2px 2px 1px #fc3; padding: 0; font-weight: bold;}
.nb .mb3{margin-bottom: .3em;}
.nb .str_orbig{color: #f30; font-size: 1.2em; text-shadow: 2px 2px 1px #fc3; padding: 0; font-weight: bold;}
.nb .drop{width: 100%; font-size: 1em; border-collapse: collapse; table-layout: fixed; border: solid 2px #030}
.nb .drop th{color: #fff; background: #030;}
.nb .drop td{background: rgba(0, 0, 0, 0.25); border: solid 1px #030; font-weight: bold; color: #fff}
.nb .exchange{width: 100%; font-size: 1em; border-collapse: collapse}
.nb .exchange tr:not(:last-child){border-bottom: solid 1px #999;}
.nb .exchange tr td{padding: .5em;}
.nb .exchange tr td:nth-child(2){padding-left: 0;}
.nb .exchange .num{text-align: center;}
.nb .step3{width: 100%; font-size: 1em; border-collapse: collapse; border-spacing: 0}
.nb .step3 th{color: #fff; background: #223}
.nb .step3 td{text-align: center; background: #ddd; position: relative}
.nb .step3 td:not(:last-child){border-right: solid 1px #223}
.nb .step3 tr:not(:last-child){border-bottom: solid 1px #223}
.nb .step3 td:nth-child(1){background: #ea3}
.nb .step3 td img{width: 50%}
.nb .step3 td div{position: absolute; bottom: 0; width: 100%}
.nb .box .exc2:not(:first-child){border-top: solid 1px #333}
.nb .exc2+.txt{background: #bba; border-radius: .5em; margin: 0 .5em .5em; padding: .5em}
.nb .exc2>div:nth-child(1), .nb .exc2>div:nth-child(3){padding: .5em; position: relative; text-align: center; width: 16%}
.nb .exc2>div:nth-child(2){color: #c00; transform: rotate(-90deg); width: 2%}
.nb .exc2>div:last-child{padding: .5em .5em .5em 0; width: 66%}
.nb .exc2>div>div{bottom: 0; color: #fff; font-weight: 700; left: 0; position: absolute; text-shadow: #000 1px 1px 0, #000 -1px -1px 0, #000 -1px 1px 0, #000 1px -1px 0, #000 0 1px 0, #000 0 0, #000 -1px 0 0, #000 1px 0 0; white-space: nowrap; width: 100%}
.nb .exc2>div>img{background: #bba; border-radius: .5em}
.nb .stu .item{margin-bottom: 0.5em;}
.nb .stu .item .num{bottom: -1em;}
.nb .topic1{color: #fff; font-weight: bold; text-shadow: 0 0 8px #0f0, 0 0 12px #0f0; padding: 0.2em 0.5em; background: #223; font-size: 1.1em; margin-bottom: 0.5em;}
.nb .topic2{color: #fff; font-weight: bold; text-shadow: 0 0 8px #0f0, 0 0 12px #0f0; padding: 0.2em 0.5em; background: #223; font-size: 1.1em;}
.nb .topic3{color: #fff; font-weight: bold; text-shadow: 0 0 8px #0f0, 0 0 12px #0f0; padding: 0.2em 0.5em; background: #223;}
.nb .topic4{background: linear-gradient(90deg, #443 50%, rgba(68, 68, 51, 0)); color: #eee; font-weight: bold; font-size: 1.1em; margin: 0 0 .5em; padding: .25em .5em; text-shadow: #443 1px 1px 0, #443 -1px -1px 0, #443 -1px 1px 0, #443 1px -1px 0, #443 0 1px 0, #443 0 -1px 0, #443 -1px 0 0, #443 1px 0 0, #443 2px 2px 1px;}
.nb .topic5{background: #ccb; font-weight: bold; padding: 0.2em 0.5em; margin-bottom: 0.5em;}
.nb .topic6{color: #fff; background: #223; font-size: 1.0em; font-weight: bold; padding: 0.2em 0.5em;}
.nb .topic7{color: #f30; text-shadow: 2px 2px 1px #fc3; padding: 0; font-size: 1.2em; font-weight: bold;}
.nb .mis_adv{position: relative; background: #000; width: 100%; height: 0; padding-bottom: 30%;}
.nb .mis_adv img{object-fit: cover; width: 100%; height: 100%; position: absolute; left: 0;}
.nb .equip_eve{position: relative;}
.nb .equip_eve img:nth-child(2){position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .equip_eve img:nth-child(3){position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb div.tag_box{margin-top: 7px; margin-left: 7px; margin-right: 7px; display: flex; flex-wrap: wrap;}
.nb span.ch_tag{background-color: #5a584a; border: 3px double #7d7c6a; padding: 5px 10px; border-radius: 4px; color: #fff; margin-right: 5px; margin-bottom: 6px; font-size: 0.9em;}
.nb span.ab_tag{background-color: #fff; border: 1px solid #999; padding: 3px 4px; border-radius: 4px; color: #333; font-weight: bold; margin-right: 3px; margin-bottom: 6px; font-size: 0.9em;}
.nb div.ab_tag_notice{padding: 0 7px; margin-bottom: 3px; display: block; font-size: 0.8em;}
.nb .plate2>.plate_txt{top: 56%;}
.nb .faq{border: solid 1px #999; border-radius: .3em; background: #fff; padding: .5em; overflow: hidden;}
.nb .faq .notice{color: #666; background: #ddd; margin: -.5em -.5em .5em -.5em; padding: .5em; border-bottom: solid 1px #999;}
.nb .update2{color: #fff; background: #00f; padding: 2px 8px; font-size: 0.9em; border: solid 1px #00c; font-weight: bold;}
.nb *, .nb *:before, .nb *:after{box-sizing: border-box;}
.nb .table_step{table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; overflow: hidden; font-size: 1em;}
.nb .table_step th{padding: 0 0.5em; color: #fff; background: #333;}
.nb .table_step td{position: relative; padding: 0.5em; border-bottom: solid 1px #333; background: #ddd;}
.nb .table_step .num_step{left: 0; bottom: 0.25em; text-align: center;}
.nb .table_step .bba{background: #bba; border-radius: 0.5em;}
.nb .table_step .fc3{background: #fc3; border-radius: 0.5em;}
.nb .table_step .tmp_step{padding-top: 0;}
.nb .tmp_step div{background: #ccb; padding: 4px; border-radius: 4px; font-weight: bold;}
.nb .num_step{position: absolute; bottom: 0; width: 100%; z-index: 9;}
.nb .stu .item .num_step{font-size: 0.8em; bottom: -1em;}
.nb .step2 th, .nb .step2 td{border: solid 1px #333;}
.nb td.col1{background: #ea3;}
.nb .table_zen{table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; overflow: hidden; font-size: 1em;}
.nb .table_zen th{color: #fff; background: #221; border-left: solid 1px #fff;}
.nb .table_zen td{position: relative; padding: 0.5em; border-bottom: solid 1px #333; background: #ddd; text-align: center;}
.nb .table_zen .limit{background: #ec7;}
.nb .table_zen .num{left: 0; bottom: 0;}
.nb .table_zen tr td:first-child{padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0.5em;}
.nb .exchange_fpb{width: 100%; font-size: 1em; border-collapse: collapse;}
.nb .exchange_fpb tr:not(:last-child){border-bottom: solid 1px #999;}
.nb .exchange_fpb tr td{padding: .5em;}
.nb .exchange_fpb tr td:nth-child(2){padding-left: 0;}
.nb .exchange_fpb .num{text-align: center; width: auto; white-space: nowrap; left: 50%; transform: translateX(-50%);}
.nb .exchange_fpb .flex .num{bottom: -.5em;}
.nb .exchange_fpb .flex>div:nth-child(2){color: #c00; font-size: 1.25em; transform: rotate(-90deg);}
.nb .exchange_fpb tr{border-bottom: solid 1px #332 !important;}
.nb .char_toggle_mode{display: flex; position: relative; flex-direction: row-reverse; padding-right: 0.75em; margin-bottom: -0.2em; max-width: 720px;}
.nb .char_toggle_mode>div{width: 25%}
.nb .char_toggle_mode img{width: 100%}
.nb .char_toggle_mode>div:first-child img{opacity: 0.5; filter: grayscale(1);}
.nb .char_toggle_mode>div:nth-child(2){position: absolute; right: 25%;}
.nb .char_box .head{background-image: url("https://nah3ohdioj7ye3sh.dblgnds.channel.or.jp/information/ja/img/common/indexbg.png");}
.nb .char_box .mode_pot.head, .nb .char_box .mode_pot .head{background-image: url("https://nah3ohdioj7ye3sh.dblgnds.channel.or.jp/information/ja/img/common/tact_head.png");}
.nb .char_box .head.ul_ability{background-image: url("https://nah3ohdioj7ye3sh.dblgnds.channel.or.jp/information/ja/img/common/indexbg_u.png");}
.nb .char_box .head.ul_ability+div{background: linear-gradient(0.45turn, rgb(228, 220, 234) 60%, rgb(201, 194, 211));}
.nb .char_box .head.ll_ability{background-image: url("https://nah3ohdioj7ye3sh.dblgnds.channel.or.jp/information/ja/img/common/indexbg_llz.png");}
.nb .ab_tag{background-image: url("https://nah3ohdioj7ye3sh.dblgnds.channel.or.jp/information/ja/img/common/abt_1.png");}
.nb .char_img{background: linear-gradient(170deg, #000, #fff, #000);}
.nb .char_img:before{content: ""; display: block; padding-top: calc(300/1024*100%);}
.nb .char_img>img{width: 100%; animation-name: fade-in; animation-duration: 0.5s;}
.nb .char_img>img:nth-child(1), .nb .char_img>img:nth-child(2){position: absolute; top: 0;}
.nb div.char_img.img_back5>span, .nb .t_btn{position: absolute; width: 10%; top: 0; right: 0;}
.nb span.t_btn>img{height: 60px !important;}
.nb div.char_img.img_back5>span.z_btn, .nb span.z_btn{position: absolute; width: 15%; top: auto; left: 0; bottom: 0;}
.nb .z_btn>img{width: 100% !important; height: auto !important;}
.nb img.zenkai{display: none;}
.nb img.absolute3{width: 30%;}
.nb img.absolute4{width: 12%;}
.nb .char_box.invisible, .nb .mode_pot, .nb .zenkai, .nb .zton{display: none;}
.nb .pot_ab_detail{overflow: auto;}
.nb .pot_parent_grid{float: right; text-align: center; font-size: 0; margin-left: 8px; margin-bottom: 8px;}
.nb .pot_parent_grid>div:nth-child(2){position: relative;}
.nb .pot_grid>img, .nb div.pot_ab_detail>div>div:nth-child(2)>img, .nb div.pot_parent_grid>div>img{margin: 1px;}
.nb .pot_parent_grid .pot_origin{position: absolute; transform: translateX(-110%);}
.nb .char_index{font-size: 1.1em; font-weight: bold; padding: 0.5em; margin-top: 2em; margin-bottom: 1em; color: #fff; background: #000;}
.nb .spinner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb div.link_box{margin: 0; margin-bottom: 0.5em; padding: 0;}
.nb div.link_box{max-width: 720px; border: 2px solid #2a3041; border-radius: 8px; box-shadow: 0.25em 0.25em 0.25em #969584; background-color: #eaecee; overflow: hidden; display: block; margin: 0 0.5em 0.5em 0.5em; padding: 0;}
.nb .link_box div{color: #fff; background: #111; font-size: 0.9em; font-weight: bold; padding: 0.1em;}
.nb .link_box a{text-decoration: none;}
.nb .coll .table0 td:nth-child(2){padding: 0px;}
.nb .coll .table0 td{border: none;}
.nb .coll td{font-size: 1.2em; font-weight: bold; word-break: normal;}
.nb .tag_char_select_icon:after{content: ""; position: absolute; background-image: url("https://nah3ohdioj7ye3sh.dblgnds.channel.or.jp/information/ja/img/common/ico_c_tag.png"); background-size: contain; background-position: 100%; background-repeat: no-repeat; width: 100%; height: 100%; left: 0;}
.nb .tag_char_select>.tag_char_select_icon{position: absolute; width: 14%; height: 100%;}
.nb ul ul{margin: 0; padding: 0 0 0 1.5em; line-height: 1.5em;}
.nb .table_eqstage{table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; overflow: hidden; font-size: 1em;}
.nb .table_eqstage th{color: #fff; background: #333;}
.nb .table_eqstage td{position: relative; padding: 0.5em; border: none; background: #ddd;}
.nb .table_period{table-layout: fixed; width: 100%; border-collapse: collapse; overflow: hidden; word-break:normal; font-size:1em; border: solid 2px #333;}
.nb .table_period th{text-align:left; color: #fff; background: #223; padding: 0.2em 0.5em;}
.nb .table_period  td{text-align:center; position: relative; padding: 0.5em; border-bottom: solid 1px #333; background: #ddd; font-size:0.9em; font-weight:bold;}
.nb .table_period tr:last-child td{border:none;}
.nb .table_period td:first-child{background:#fd9;}
.nb .panel_box2{color: #fff; font-weight: bold; background: -webkit-repeating-linear-gradient(0deg, #39C 0, #39C 1px, #38C 1px, #38C 2px); background: -o-repeating-linear-gradient(0deg, #39C 0, #39C 1px, #38C 1px, #38C 2px); background: repeating-linear-gradient(0deg, #39C 0, #39C 1px, #38C 1px, #38C 2px); border: 1px solid #090; border-radius: 8px; box-shadow: 0.25em 0.25em 0.25em #369; margin: 0 0.5em;}
.nb .panel_box2>div:first-child{color: #ff0; font-size: 1.1em; font-weight: bold; text-shadow: 0 0 8px #fc0, 0 0 8px #fc0; border-bottom: solid 2px #ff0; margin-bottom: 0.5em;}
.nb .char_box div.uab_name{padding: 3px; margin: 0 -7px; background-color: #cccbe1;}
.nb .txt_icon_l{height: 74px; width: auto;}
.nb .txt_icon_m{height: 36px; width: auto;}
.nb .txt_icon_s{height: 1.8em; width: auto;}
.nb div.stat{display: flex; align-items: center;}
.nb .stat_num{margin-left: 0.4em; font-weight: normal; font-size: 1.8em;}
.nb .char_box .head_sup{padding: 0.2em 0.5em; background-image: url("https://nah3ohdioj7ye3sh.dblgnds.channel.or.jp/information/ja/img/common/indexbg_sup.png");}
.nb div.notice_box{padding: 0.5em 0;}
.nb .sup_warn{font-weight: bold; color: red;}
.nb span.mk{font-weight: bold; color: #416C9E; margin: 0 0.2em;}
.nb img.chIco{max-width: 150px; max-height: 128px;}
.nb .plan3{table-layout: fixed; width: 100%; font-size: 1em; text-align: center; color: #333; border-spacing: 1; border-radius: 0 0 .6em .6em; overflow: hidden;}
.nb .plan3 img{width: 2em; vertical-align: middle;}
.nb .plan3 th{background: #aa9;}
.nb .plan3 th:nth-of-type(2){background: #ea3;}
.nb .plan3 td{background: #ccb;}
.nb .plan3 td:nth-of-type(2){background: #ec7;}
.nb div.char_multi_transform{font-size: 0.7em;}
.nb div.tag_char_tab{font-size: 0.7em;}
.nb .fragment img.star{position: absolute; width: 25px; top: 10px; left: 40px; transform: translate(-50%, -50%);}
.nb .equip_star{position: relative; padding: 0 !important;}
.nb .equip_star img:nth-child(2){position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .equip_star img:nth-child(3){position: absolute; width: 30%; top: 15%; left: 50%; transform: translate(-50%, -50%);}
.nb .memory_star{position: relative;}
.nb .memory_star img:nth-child(1){position: absolute; width: 71%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .memory_star img:nth-child(2){width: 100%;}
.nb .memory_star img:nth-child(3){position: absolute; width: 30%; top: 15%; left: 50%; transform: translate(-50%, -50%);}
.nb .panel_box>.notice{color: #ff0; font-size: 1.1em; font-weight: bold; text-shadow: 0 0 8px #fc0, 0 0 8px #fc0; border-bottom: solid 2px #ff0; margin-bottom: 0.5em;}
.nb .mplan{position: relative; width: 100%; aspect-ratio: 592 / 106; overflow: hidden;}
.nb .mplan .notice{position: absolute; color: #fff; background: rgb(0 0 0 / 66%); width: 100%; top:0; left:0; z-index: 10; text-align: left; padding: 0.2em 0.5em;}
.nb .mplan.ltd .notice{background: rgb(0 7 142 / 66%);}
.nb .mplan img:nth-of-type(1){position: absolute; width: 125%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.nb .mplan img:nth-of-type(2){position: absolute; width:auto; height:100%; left:0;}
.nb .top20{border: solid 1px #888; gap: 0.5em; padding: 0.25em; background: #fff; margin-bottom: 0.5em;}
.nb .top20 span{position: absolute; text-align: center; color: #fff; background: #f80; width: 1.5em; height: 1.5em; top: -0.25em; left: -0.25em; font-weight: bold;}
.nb .top20>div:nth-child(1){width: 20%;}
.nb .top20>div:nth-child(2){width: 80%;}
.nb .top20>div:nth-child(2)>b{display: block;}