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{}
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{width: 200px; 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#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 th{width: 200px; font-size: 14px; color: #363636; text-align: left; background: #f2f2f2;}
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#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: 22px; 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;} @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#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;}
}