section#hero{background: #27313c; padding: 2.5rem 0;}
section#hero .mv{width: 100%; margin: 0 auto; max-width: 1200px;} section#league-news .news-detail{margin: 1.5rem 0 0;}
section#league-news .news-detail ul.news-list{color: #555; margin: 0; padding: 0 1.5rem 0 0; list-style: none; line-height: 1.5em; overflow-y: scroll; max-height: 30vh;}
section#league-news .news-detail ul.news-list > li{margin: 0.5rem 0; padding: 0.5rem 0 0.75rem; border-bottom: 1px dotted #00428e;}
section#league-news .news-detail dd,
section#league-news .news-detail dl,
section#league-news .news-detail dt,
section#league-news .news-detail dt p,
section#league-news .news-detail dd{margin: 0; padding: 0;}
section#league-news .news-detail dt{font-size: 0.8rem;}
section#league-news .news-detail a{color: #0b87d0;}
section#league-news .news-detail a:hover,
section#league-news .news-detail a:focus{opacity: 1.0; color: #c90700 !important;}
section#league-news .news-detail dd .news__txt span{display: inline-block; width: 90px; text-align: center; background: #00428e; color: #fff; font-size: 0.7rem; line-height: 1; padding: 5px; border-radius: 30px;}
section#about .card-img{position: relative;}
section#about .card-img img{width: 100%; height: auto;}
section#about .card-img .card-thumb{width: 100%; height: auto; border-radius: 10px;}
section#about .card-body .card-title {padding-bottom: 0.12em; margin-bottom: 5px; font-size: 14px; color: #27313c; font-weight: bold; display: -webkit-box; overflow: hidden;}
section#about .card-body .no-ellipsis{}
section#about .card-body .card-text {margin-bottom: 5px; padding-bottom: 0.12em; font-size: 14px; line-height: 1.25rem; color: #27313c; display: -webkit-box; overflow: hidden;}
section#about .detail b.league_title{font-size: 1.05rem; position: relative; display: inline-block; margin-top: 5px;}
section#about .detail b.league_title:before{content: ""; display: inline-block; width: 3px; height: 17px; margin: 0 4px -3px 0; background-color: #00428e;}
section#about .detail table{width: 100%; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636;}
section#about .detail td,section#about .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#about .detail th{font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;}
section#about .detail table div{margin: 0.75rem 0;}
section#about .detail table div > span{font-weight: 700; font-size: 1.1rem;}
section#about .detail table .exp{border: 1px solid #ccc; font-size: 0.7rem; line-height: 1.5em; padding: 0.75rem; background: #f2f2f2;}
section#leagu-auto .detail table{width: 100%; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636;}
section#leagu-auto .detail td,section#leagu-auto .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#leagu-auto .detail th{font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;}
section#leagu-auto .detail table div{margin: 0.75rem 0;}
section#leagu-auto .detail table div > span{font-weight: 700; font-size: 1.1rem;}
section#leagu-auto .detail table .exp{border: 1px solid #ccc; font-size: 0.7rem; line-height: 1.5em; padding: 0.75rem; background: #f2f2f2;}
section#leagu-none .detail table{width: 100%; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636;}
section#leagu-none .detail td,section#leagu-none .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#leagu-none .detail th{font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;}
section#leagu-none .detail table div{margin: 0.75rem 0;}
section#leagu-none .detail table div > span{font-weight: 700; font-size: 1.1rem;}
section#leagu-none .detail table .exp{border: 1px solid #ccc; font-size: 0.7rem; line-height: 1.5em; padding: 0.75rem; background: #f2f2f2;}
section#entry .detail{}
section#entry .detail table{width: 100%; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636; margin-bottom: 1.5rem;}
section#entry .detail td,section#entry .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#entry .detail th{font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;} section#result{margin: 0 auto;}
section#result .post{margin: 0;}
section#result .post-header{margin: 0 0 40px;}
section#result .post-header .post-title{font-size: 20px; font-weight: bold; padding: 0; margin: 0; position: relative;}
section#result .post-header .post-title small{display: block; margin: 5px 0; font-size: 0.85rem; font-weight: normal; letter-spacing: 2px;}
section#result .post-detail{background: #fff; border: 3px #f2f2f2 solid; padding: 1.5rem;}
section#result .post-detail .band-primary{font-size: 24px; font-weight: bold; padding: 0; margin: 0.5rem 0; position: relative;}
section#result .post-detail .band-primary:after{content: ""; display: block; width: 20%; height: 6px; margin: 0.75rem auto; background-color: #00428e;}
section#result .post-detail .panel-body .row{width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
section#result .post-detail .panel-body .row .col-sm-6{width: 47%; margin: 1.5%;}
section#result .post-detail .panel-body .row .caption ul{list-style: none; margin: 0; padding: 0;}
section#result .post-detail .panel-body .row .caption .rank_1{background: #ddb100; color: #fff; line-height: 1; padding: 0.75rem 0.5rem;}
section#result .post-detail .panel-body .row .caption .rank_2{background: #9d9a98; color: #fff; line-height: 1; padding: 0.75rem 0.5rem;}
section#result .post-detail .panel-body .row .caption .rank_3{background: #c27734; color: #fff; line-height: 1; padding: 0.75rem 0.5rem;}
section#result .post-detail .panel-body .row .caption .inline-block{font-size: 1.8rem; font-weight: 600; line-height: 1; margin: 1rem 0 0.5rem;}
section#result .champion-image{margin-bottom: 1.5rem;}
section#result .post-detail .title{background-image: linear-gradient(0deg, rgba(85 137 169), rgba(0 66 142));
color: #fff; text-align: center; font-size: 1.8rem; font-weight: 600; line-height: 1; width: 100%; margin: -1.5rem -1.5rem 3rem; padding: 1.5rem;}
section#result .post-detail hr{margin: 1.5rem 0 2.0rem; border-color: #696247;}
section#result.champion .post-detail{max-width: 900px; margin: 0 auto;}
section#result.champion .post-detail .panel-body .row {width: 100%; max-width: 800px; margin: 0 auto 1.5rem;}
section#result.champion .post-detail .panel-body .row .col-sm-6 {width: 60%; margin: 0 auto;}
section#result.champion .post-detail .panel-body .row .caption .rank_1{}
section#result.champion .post-detail .band-primary.pink {color: #f369f2;}
section#result.champion .post-detail .band-primary.blue {color: #3593ff;}
section#result .post-detail .band-primary.pink:after{background-color: #f369f2;}
section#result .post-detail .band-primary.blue:after{background-color: #3593ff;}
section#result.champion .post-detail {background: #0e1c2d;}
section#result.champion .post-detail .panel-body .row .caption ul {color: #b7ad82;}
section#result.champion .post-detail .panel-body .row .caption .inline-block {color: #b7ad82;}
section#result.champion .post-detail .band-primary {color: #b7ad82;} @media (max-width: 767px) { section#hero{padding: 1.25rem 0;}
section#hero .mv{width: 95%;} section#league-news .news-detail{margin: 0.5rem 0 0;}
section#league-news .news-detail ul.news-list > li{margin: 0; padding: 1rem 0 1rem;}
section#league-news .news-detail dd,
section#league-news .news-detail dl,
section#league-news .news-detail dt,
section#league-news .news-detail dt p,
section#league-news .news-detail dd{font-size: 0.85rem; line-height: 1.6em;}
section#about .card-img .card-thumb{width: 100%; height: auto; border-radius: 10px;}
section#about .card-body .card-title {padding-bottom: 0.12em; margin-bottom: 5px; font-size: 14px; color: #27313c; font-weight: bold; display: -webkit-box; overflow: hidden;}
section#about .card-body .card-text {margin-bottom: 5px; padding-bottom: 0.12em; font-size: 14px; line-height: 1.25rem; color: #27313c; display: -webkit-box; overflow: hidden;}
section#about .detail table{width: 100%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; table-layout:fixed; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636;}
section#about .detail td,section#about .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#about .detail th{font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;}
section#about .detail table div{margin: 0.75rem 0;}
section#about .detail table div > span{font-weight: 700; font-size: 0.9rem;}
section#about .detail table .exp{border: 1px solid #ccc; font-size: 0.7rem; line-height: 1.5em; padding: 0.75rem; background: #f2f2f2;}
section#entry .detail table{width: 100%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; table-layout:fixed; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636; margin-bottom: 1.5rem;}
section#entry .detail td,section#entry .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#entry .detail th{font-size: 14px; color: #363636; text-align: left; white-space: nowrap;}
section#leagu-auto table
section#leagu-auto .detail table{width: 100%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; table-layout:fixed; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636;}
section#leagu-auto .detail td,
section#leagu-auto .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#leagu-auto .detail th{font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;}
section#leagu-auto .detail table div{margin: 0.75rem 0;}
section#leagu-auto .detail table div > span{font-weight: 700; font-size: 0.9rem;}
section#leagu-auto .detail table .exp{border: 1px solid #ccc; font-size: 0.7rem; line-height: 1.5em; padding: 0.75rem; background: #f2f2f2;}
section#leagu-none table
section#leagu-none .detail table{width: 100%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; table-layout:fixed; border-collapse: collapse; border-spacing: 0; background-color: white; color: #363636;}
section#leagu-none .detail td,
section#leagu-none .detail th{border: 1px solid #dbdbdb; border-width: 1px; padding: 0.5em 0.75em; font-size: 14px; line-height: 1.4rem;}
section#leagu-none .detail th{font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;}
section#leagu-none .detail table div{margin: 0.75rem 0;}
section#leagu-none .detail table div > span{font-weight: 700; font-size: 0.9rem;}
section#leagu-none .detail table .exp{border: 1px solid #ccc; font-size: 0.7rem; line-height: 1.5em; padding: 0.75rem; background: #f2f2f2;} section#result .post-header{margin: 0 0 20px;}
section#result .post-detail{border: 2px #f2f2f2 solid; padding: 0.75rem;}
section#result .post-detail .band-primary{font-size: 18px;}
section#result .post-detail .band-primary:after{content: "";  width: 40%; height: 4px; margin: 0.50rem auto;}
section#result .post-detail .panel-body .row .col-sm-6{width: 100%; margin: 4% 0;}
section#result .post-detail .panel-body .row .caption .rank_1,
section#result .post-detail .panel-body .row .caption .rank_2,
section#result .post-detail .panel-body .row .caption .rank_3{padding: 0.5rem;}
section#result .post-detail .panel-body .row .caption .inline-block{font-size: 1.35rem; margin: 0.75rem 0 0.25rem;}
section#result .champion-image{margin-bottom: 1.5rem;}
section#result .post-detail .title{font-size: 1.0rem; margin: -0.75rem -0.75rem 0.75rem; padding: 1.0rem 0.75rem;}
section#result .post-detail hr{margin: 0.75rem 0 1.5rem;}
section#result.champion .post-detail .panel-body .row {width: 90%; margin: 1.5rem auto 0.5rem;}
section#result.champion .post-detail .panel-body .row .col-sm-6 {width: 75%;}
}