.padding_table tr td {
   padding: 4px 3px;
}

.kamigame-layout-main > .article {
background: repeat-y center/100% auto url("/img/umamusume/umamusume_bg.png");
background-color: transparent!important;
border: 1px solid #efefef;
box-sizing: border-box;
}

.kamigame-dropmenu {
background-color: transparent;
}

.game-header-wrapper {
background: #494a4a;
}

.main__article {
padding: 0;
}

.article-header {
padding: 30px 30px 15px 30px;
}

.article-inner {
padding: 15px;
}

nav#contents {
border: 1px solid #d4d4d4;
}

nav#contents h2 {
box-shadow: none;
text-shadow: none;
}

.kamigame-layout-main h2 {
color: #fff;
padding: 12px 10px 12px 20px;
background: no-repeat center/100% 100% url("/img/umamusume/umamusume_h2.png");
position: relative;
line-height: 1;
text-shadow: 0px 0px 3px rgba(13, 48, 0, 1);
}

@media screen and (max-width: 728px) {
.kamigame-layout-main h2,
#priority_side .side-block h2 {
padding: 12px 10px 12px 15px;
}
}

@media screen and (max-width: 728px) {
#priority_side .side-block h2 {
color: #fff;
background: no-repeat center/100% 100% url("/img/umamusume/umamusume_h2.png");
position: relative;
line-height: 1;
text-shadow: 0px 0px 3px rgba(13, 48, 0, 1);
}
}

@media screen and (max-width: 728px) {
#priority_side .side-block h2::before {
content: none;
}
}

.kamigame-layout-main h3 {
border-bottom: 2px solid #61b904;
padding: 5px 15px 6px 20px;
}

@media screen and (max-width: 728px) {
.kamigame-layout-main h3 {
  padding: 4px 10px 4px 15px;
}
}

.kamigame-layout-main h3:before {
top: 0;
content: "";
display: block;
width: 100%;
background-image: url("/img/umamusume/umamusume_h3.png");
width: 10px;
height: 36px;
background-size: 10px 36px;
background-repeat: no-repeat;
}

@media screen and (max-width: 728px) {
.kamigame-layout-main h3:before {
  width: 8px;
  height: 33px;
  background-size: 8px 33px;
}
}

.kamigame-layout-main h4:before {
position: absolute;
content: "";
display: block;
width: 100%;
background-image: url("/img/umamusume/umamusume_h4.png");
width: 22px;
height: 22px;
background-size: 22px 22px;
background-repeat: no-repeat;
}

.kamigame-layout-main th,
.kamigame-layout-main table.matrix_rowspan_table tr:first-child td:first-child,
.kamigame-layout-main table.matrix_table td:first-child, .side-block table.matrix_table td:first-child, .side_block table.matrix_table td:first-child {
background-color: #FFFFF0;
}

.kamigame-layout-main td {
background: #fff;
}

.kamigame-layout-main .button_navigation a {
background: #f6c366;
border: 2px solid #f0963e;
color:#4e2e16;
}

.kamigame-layout-main .button_navigation a:after {
border-bottom: 2px solid #4e2e16;
border-right: 2px solid #4e2e16;
}

.kamigame-layout-main .button_navigation a:hover {
opacity: 0.7;
background: #f6c366;
color:#4e2e16;
}

.kamigame-layout-main .button_navigation a:hover:after {
border-bottom: 2px solid #4e2e16;
border-right: 2px solid #4e2e16;
}

#article_comment {
padding: 15px;
}

.article-inner-widget {
padding: 15px;
}

#enquete .enquete_box .enquete_bar {
background-color: #fff;
}

.enquete_button_box > .button_navigation > a {
border: 2px solid #f0963e;
color: #4e2e16;
}

.enquete_button_box > .button_navigation > a:before {
background: none;
}

.side-block h2, .side_block h2 {
position: relative;
background: linear-gradient(to right, #724320, #96592a);
background-size: 100% 100%;
padding: 5px 5px 5px 15px;
}

.side-block h2:before, .side_block h2:before {
position: absolute;
left: 0;
top: 0;
border: none;
content: "";
width: 5px;
height: 100%;
background: linear-gradient(to bottom,#e779ab,#e779ab);
}

.side-block h2:after, .side_block h2:after {
border: none;
border-bottom: 3px solid transparent;
border-right: 5px solid #858daa;
content: "";
left: 0;
position: absolute;
top: 100%;
}

@media screen and (max-width: 768px) {
.side-block h2:after, .side_block h2:after {
border: none;
}
}

.side-block h3:after {
border-bottom: 3px solid #e779ab;
}

.side-block h4 {
border-left: 4px solid #e779ab;
}

.kamigame-layout-main table.step_table .chart_number {
background: #c1d2d9;
color: #333;
}

.kamigame-layout-main table.point_table td:before {
border: 8px solid #c1d2d9;
}

.kamigame-layout-main table.point_table td:after {
border: solid #333;
border-width: 0 2px 2px 0;
}

.kamigame-table-of-contents {
background-color: #fff;
}

.kamigame-layout-main .related_links::after {
background: #c1d2d9;
color: #333;
font-weight: 700;
}

.kamigame-layout-main table.sidebar_ranking .rank_other, .side-block table.sidebar_ranking .rank_other, .side_block table.sidebar_ranking .rank_other {
background-color: #5f6268;
}

.table_search_form {
background-color: #efefef;
}

.kamigame-layout-main table.pagination td, .side-block table.pagination td, .side_block table.pagination td{
border: 2px solid #f0963e;
}

.kamigame-layout-main table.pagination td:first-child:before, .side-block table.pagination td:first-child:before, .side_block table.pagination td:first-child:before {
border-left: 2px solid #4e2e16;
border-top: 2px solid #4e2e16;
}

.kamigame-layout-main table.pagination td:last-child:before, .side-block table.pagination td:last-child:before, .side_block table.pagination td:last-child:before {
border-bottom: 2px solid #4e2e16;
border-right: 2px solid #4e2e16;
}

.kamigame-layout-main table.pagination td:first-child, .side-block table.pagination td:first-child, .side_block table.pagination td:first-child, .kamigame-layout-main table.pagination td:last-child, .side-block table.pagination td:last-child, .side_block table.pagination td:last-child {
background: #f6c366;
}

.kamigame-layout-main table.pagination td a, .side-block table.pagination td a, .side_block table.pagination td a {
color:#4e2e16;
}
.kamigame-layout-main table.pagination td:first-child:hover:before, .side-block table.pagination td:first-child:hover:before, .side_block table.pagination td:first-child:hover:before {
border-left: 2px solid #4e2e16;
border-top: 2px solid #4e2e16;
}

.kamigame-layout-main table.pagination td:last-child:hover:before, .side-block table.pagination td:last-child:hover:before, .side_block table.pagination td:last-child:hover:before {
border-bottom: 2px solid #4e2e16!important;
border-right: 2px solid #4e2e16!important;
}

.kamigame-layout-main table.pagination td a:hover, .side-block table.pagination td a:hover, .side_block table.pagination td a:hover {
opacity: 0.7;
background-color: #f6c366;
color: #4e2e16;
}

.user-saiten-tool {
background-color: #fff;
}

.side-block .custom_header_table, .side_block .custom_header_table, .kamigame-layout-main .custom_header_table {
background-color: #fdfff4;
border: 2px solid #b5d915;
border-radius: 5px;
box-shadow: 0 0 10px -4px #b5d915;
}

.kamigame-layout-main .custom_header_table th, .side-block .custom_header_table th, .side_block .custom_header_table th,
.kamigame-layout-main strong, .side-block strong, .side_block strong {
color: #df0c3d;
}

.kamigame-layout-main .custom_header_table td:before, .side-block .custom_header_table td:before, .side_block .custom_header_table td:before {
background: url("/img/umamusume/custom_header_icon_green.png");
background-size: 12px 12px;
border-radius: unset;
width: 12px;
height: 12px;
}

.side-block .custom_header_table td:before, .side_block .custom_header_table td:before, .kamigame-layout-main .custom_header_table td:before {
top: 50%;
left: 11px;
transform: translateY(-40%);
}

.kamigame-layout-main .custom_header_table td a, .side-block .custom_header_table td a, .side_block .custom_header_table td a {
padding: 5px 10px 5px 26px;
}
.kamigame-layout-main .custom_header_table tr:last-child td a, .side-block .custom_header_table tr:last-child td a, .side_block .custom_header_table tr:last-child td a {
padding: 5px 10px 10px 26px;
}

/*スキルテーブル*/

table.skill-table {
border-collapse: separate!important;
padding: 3px 3px 3px 3px!important;
margin: 0 0 4px!important;
border: none;
border-radius: 5px;
color: #572906;
table-layout: fixed;
font-size: 1.15rem!important;
}

.skill-table.unique {
background: linear-gradient(to right, #dffcd8, #ccf9ff, #cee3ff, #e1cdfa, #ffbef3);
border: 2px solid #8f6bb4;
}

.skill-table.evolution {
background: linear-gradient(to right, #fee7f3, #ffbfe4);
border: 2px solid #d681b5;
}

.skill-table.rare {
background: linear-gradient(to right, #fff7b9, #ffda6e);
border: 2px solid #e7b75a;
}

.skill-table.basic {
background: linear-gradient(to right, #ececec, #d8d8e3);
border: 2px solid #c6c5ce;
}

.skill-table tr {
  width: 100%;
}

.skill-table td {
background: transparent;
border: none;
color: #572906;
font-weight: 700;
margin-bottom: 0;
padding: 2px;
}
.skill-table td:first-child {
box-sizing: border-box;
vertical-align: middle;
width: 55px!important;
}
.skill-table td:nth-child(2) {
border-top: none;
padding: 2px 0 2px 2px;
}
.skill-table td:only-child{
border-top: 1px dotted #8f6bb4;
padding: 2px 0 2px 2px;
}
.skill-img {
display: block;
width: 45px!important;
height: 45px!important;
}
.skill-img > img {
border-radius: 10px;
}
.skill-heading {
background: #2851fb;
margin-right: 5px;
padding: 3px 5px;
line-height: 1;
color: #fff;
border-radius: 5px;
}

.skill-content {
margin-right: 10px;
}

.skill-button {
  display: inline-block;
text-align: right;
background: linear-gradient(to bottom, #fff, #ddd);
padding: 6px 8px;
border-radius: 50px;
box-shadow: 0px 2px 2px 0px #2f2f2f59;
}
table.skill-table tr:last-child > td {
text-align: left;
}

table.skill-table span[class^=popup-toggle__] {
border: none!important;
}

table.skill-table span[class^=popup-toggle__]:after {
content: none!important;
}

table.skill-table span[class^=popup-toggle__]:after {
content: none!important;
}


/*フィルターイメージ*/


.filter-image-filter[data-key="最強キャラ総合"], .filter-image-filter[data-key="短距離チャンミ"], .filter-image-filter[data-key="マイルチャンミ"], .filter-image-filter[data-key="中距離チャンミ"], .filter-image-filter[data-key="長距離チャンミ"], .filter-image-filter[data-key="ダートチャンミ"], .filter-image-filter[data-key="短距離LoH"], .filter-image-filter[data-key="マイルLoH"], .filter-image-filter[data-key="中距離LoH"], .filter-image-filter[data-key="長距離LoH"], .filter-image-filter[data-key="ダートLoH"], .filter-image-filter[data-key="短距離競技場"], .filter-image-filter[data-key="マイル競技場"], .filter-image-filter[data-key="中距離競技場"], .filter-image-filter[data-key="長距離競技場"], .filter-image-filter[data-key="ダート競技場"], .filter-image-filter[data-key="最強完凸サポカ"], .filter-image-filter[data-key="最強無凸サポカ"], .filter-image-filter[data-key="無凸最強サポカ"], .filter-image-filter[data-key="配布最強サポカ"], .filter-image-filter[data-key="大豊食祭最強サポカ"], .filter-image-filter[data-key="メカウマ娘最強サポカ"], .filter-image-filter[data-key="レジェンズ最強サポカ"], .filter-image-filter[data-key="無人島最強サポカ"], .filter-image-filter[data-key="温泉郷最強サポカ"], .filter-image-filter[data-key="競技場おすすめキャラ"], .filter-image-filter[data-key="赤心得"], .filter-image-filter[data-key="緑心得"], .filter-image-filter[data-key="青心得"], .filter-image-filter[data-key="最強サポカ海外版URA"] {
  min-height: 115.5px;
}

.filter-image-filter[data-key="最強キャラ総合"] .items-center, .filter-image-filter[data-key="短距離チャンミ"] .items-center, .filter-image-filter[data-key="マイルチャンミ"] .items-center, .filter-image-filter[data-key="中距離チャンミ"] .items-center, .filter-image-filter[data-key="長距離チャンミ"] .items-center, .filter-image-filter[data-key="ダートチャンミ"] .items-center, .filter-image-filter[data-key="短距離LoH"] .items-center, .filter-image-filter[data-key="マイルLoH"] .items-center, .filter-image-filter[data-key="中距離LoH"] .items-center, .filter-image-filter[data-key="長距離LoH"] .items-center, .filter-image-filter[data-key="ダートLoH"] .items-center, .filter-image-filter[data-key="短距離競技場"] .items-center, .filter-image-filter[data-key="マイル競技場"] .items-center, .filter-image-filter[data-key="中距離競技場"] .items-center, .filter-image-filter[data-key="長距離競技場"] .items-center, .filter-image-filter[data-key="ダート競技場"] .items-center, .filter-image-filter[data-key="最強完凸サポカ"] .items-center, .filter-image-filter[data-key="最強無凸サポカ"] .items-center, .filter-image-filter[data-key="無凸最強サポカ"] .items-center, .filter-image-filter[data-key="配布最強サポカ"] .items-center, .filter-image-filter[data-key="大豊食祭最強サポカ"] .items-center, .filter-image-filter[data-key="メカウマ娘最強サポカ"] .items-center, .filter-image-filter[data-key="レジェンズ最強サポカ"] .items-center, .filter-image-filter[data-key="無人島最強サポカ"] .items-center, .filter-image-filter[data-key="温泉郷最強サポカ"] .items-center, .filter-image-filter[data-key="競技場おすすめキャラ"] .items-center, .filter-image-filter[data-key="赤心得"] .items-center, .filter-image-filter[data-key="緑心得"] .items-center, .filter-image-filter[data-key="青心得"] .items-center, .filter-image-filter[data-key="最強サポカ海外版URA"] .items-center {
  justify-content: center !important;
}

.filter-image-filter[data-key="最強キャラ総合"] .unselected-imageLabel img, .filter-image-filter[data-key="短距離チャンミ"] .unselected-imageLabel img, .filter-image-filter[data-key="マイルチャンミ"] .unselected-imageLabel img, .filter-image-filter[data-key="中距離チャンミ"] .unselected-imageLabel img, .filter-image-filter[data-key="長距離チャンミ"] .unselected-imageLabel img, .filter-image-filter[data-key="ダートチャンミ"] .unselected-imageLabel img, .filter-image-filter[data-key="短距離LoH"] .unselected-imageLabel img, .filter-image-filter[data-key="マイルLoH"] .unselected-imageLabel img, .filter-image-filter[data-key="中距離LoH"] .unselected-imageLabel img, .filter-image-filter[data-key="長距離LoH"] .unselected-imageLabel img, .filter-image-filter[data-key="ダートLoH"] .unselected-imageLabel img, .filter-image-filter[data-key="短距離競技場"] .unselected-imageLabel img, .filter-image-filter[data-key="マイル競技場"] .unselected-imageLabel img, .filter-image-filter[data-key="中距離競技場"] .unselected-imageLabel img, .filter-image-filter[data-key="長距離競技場"] .unselected-imageLabel img, .filter-image-filter[data-key="ダート競技場"] .unselected-imageLabel img, .filter-image-filter[data-key="最強完凸サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="最強無凸サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="無凸最強サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="配布最強サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="大豊食祭最強サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="メカウマ娘最強サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="レジェンズ最強サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="無人島最強サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="温泉郷最強サポカ"] .unselected-imageLabel img, .filter-image-filter[data-key="競技場おすすめキャラ"] .unselected-imageLabel img, .filter-image-filter[data-key="赤心得"] .unselected-imageLabel img, .filter-image-filter[data-key="緑心得"] .unselected-imageLabel img, .filter-image-filter[data-key="青心得"] .unselected-imageLabel img, .filter-image-filter[data-key="最強サポカ海外版URA"] .unselected-imageLabel img,
.filter-image-filter[data-key="最強キャラ総合"] .selected-imageLabel img, .filter-image-filter[data-key="短距離チャンミ"] .selected-imageLabel img, .filter-image-filter[data-key="マイルチャンミ"] .selected-imageLabel img, .filter-image-filter[data-key="中距離チャンミ"] .selected-imageLabel img, .filter-image-filter[data-key="長距離チャンミ"] .selected-imageLabel img, .filter-image-filter[data-key="ダートチャンミ"] .selected-imageLabel img, .filter-image-filter[data-key="短距離LoH"] .selected-imageLabel img, .filter-image-filter[data-key="マイルLoH"] .selected-imageLabel img, .filter-image-filter[data-key="中距離LoH"] .selected-imageLabel img, .filter-image-filter[data-key="長距離LoH"] .selected-imageLabel img, .filter-image-filter[data-key="ダートLoH"] .selected-imageLabel img, .filter-image-filter[data-key="短距離競技場"] .selected-imageLabel img, .filter-image-filter[data-key="マイル競技場"] .selected-imageLabel img, .filter-image-filter[data-key="中距離競技場"] .selected-imageLabel img, .filter-image-filter[data-key="長距離競技場"] .selected-imageLabel img, .filter-image-filter[data-key="ダート競技場"] .selected-imageLabel img, .filter-image-filter[data-key="最強完凸サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="最強無凸サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="無凸最強サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="配布最強サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="大豊食祭最強サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="メカウマ娘最強サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="レジェンズ最強サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="無人島最強サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="温泉郷最強サポカ"] .selected-imageLabel img, .filter-image-filter[data-key="競技場おすすめキャラ"] .selected-imageLabel img, .filter-image-filter[data-key="赤心得"] .selected-imageLabel img, .filter-image-filter[data-key="緑心得"] .selected-imageLabel img, .filter-image-filter[data-key="青心得"] .selected-imageLabel img, .filter-image-filter[data-key="最強サポカ海外版URA"] .selected-imageLabel img
{
  margin: 3px !important;
  border-radius: 10px;
  background-color: rgba(59,130,246,1);
}

.filter-image-filter[data-key="最強キャラ総合"] .filter-table-controls .border-b, .filter-image-filter[data-key="短距離チャンミ"] .filter-table-controls .border-b, .filter-image-filter[data-key="マイルチャンミ"] .filter-table-controls .border-b, .filter-image-filter[data-key="中距離チャンミ"] .filter-table-controls .border-b, .filter-image-filter[data-key="長距離チャンミ"] .filter-table-controls .border-b, .filter-image-filter[data-key="ダートチャンミ"] .filter-table-controls .border-b, .filter-image-filter[data-key="短距離LoH"] .filter-table-controls .border-b, .filter-image-filter[data-key="マイルLoH"] .filter-table-controls .border-b, .filter-image-filter[data-key="中距離LoH"] .filter-table-controls .border-b, .filter-image-filter[data-key="長距離LoH"] .filter-table-controls .border-b, .filter-image-filter[data-key="ダートLoH"] .filter-table-controls .border-b, .filter-image-filter[data-key="短距離競技場"] .filter-table-controls .border-b, .filter-image-filter[data-key="マイル競技場"] .filter-table-controls .border-b, .filter-image-filter[data-key="中距離競技場"] .filter-table-controls .border-b, .filter-image-filter[data-key="長距離競技場"] .filter-table-controls .border-b, .filter-image-filter[data-key="ダート競技場"] .filter-table-controls .border-b, .filter-image-filter[data-key="最強完凸サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="最強無凸サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="無凸最強サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="配布最強サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="大豊食祭最強サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="メカウマ娘最強サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="レジェンズ最強サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="無人島最強サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="温泉郷最強サポカ"] .filter-table-controls .border-b, .filter-image-filter[data-key="競技場おすすめキャラ"] .filter-table-controls .border-b, .filter-image-filter[data-key="赤心得"] .filter-table-controls .border-b, .filter-image-filter[data-key="緑心得"] .filter-table-controls .border-b, .filter-image-filter[data-key="青心得"] .filter-table-controls .border-b, .filter-image-filter[data-key="最強サポカ海外版URA"] .filter-table-controls .border-b {
  display: none;
}

.filter-image-filter[data-key="最強キャラ総合"] .filter-table-button, .filter-image-filter[data-key="短距離チャンミ"] .filter-table-button, .filter-image-filter[data-key="マイルチャンミ"] .filter-table-button, .filter-image-filter[data-key="中距離チャンミ"] .filter-table-button, .filter-image-filter[data-key="長距離チャンミ"] .filter-table-button, .filter-image-filter[data-key="ダートチャンミ"] .filter-table-button, .filter-image-filter[data-key="短距離LoH"] .filter-table-button, .filter-image-filter[data-key="マイルLoH"] .filter-table-button, .filter-image-filter[data-key="中距離LoH"] .filter-table-button, .filter-image-filter[data-key="長距離LoH"] .filter-table-button, .filter-image-filter[data-key="ダートLoH"] .filter-table-button, .filter-image-filter[data-key="短距離競技場"] .filter-table-button, .filter-image-filter[data-key="マイル競技場"] .filter-table-button, .filter-image-filter[data-key="中距離競技場"] .filter-table-button, .filter-image-filter[data-key="長距離競技場"] .filter-table-button, .filter-image-filter[data-key="ダート競技場"] .filter-table-button, .filter-image-filter[data-key="最強完凸サポカ"] .filter-table-button, .filter-image-filter[data-key="最強無凸サポカ"] .filter-table-button, .filter-image-filter[data-key="無凸最強サポカ"] .filter-table-button, .filter-image-filter[data-key="配布最強サポカ"] .filter-table-button, .filter-image-filter[data-key="大豊食祭最強サポカ"] .filter-table-button, .filter-image-filter[data-key="メカウマ娘最強サポカ"] .filter-table-button, .filter-image-filter[data-key="レジェンズ最強サポカ"] .filter-table-button, .filter-image-filter[data-key="無人島最強サポカ"] .filter-table-button, .filter-image-filter[data-key="温泉郷最強サポカ"] .filter-table-button, .filter-image-filter[data-key="競技場おすすめキャラ"] .filter-table-button, .filter-image-filter[data-key="赤心得"] .filter-table-button, .filter-image-filter[data-key="緑心得"] .filter-table-button, .filter-image-filter[data-key="青心得"] .filter-table-button, .filter-image-filter[data-key="最強サポカ海外版URA"] .filter-table-button {
  display: none;
}

.filter-image-filter[data-key="最強キャラ総合"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="短距離チャンミ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="マイルチャンミ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="中距離チャンミ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="長距離チャンミ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="ダートチャンミ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="短距離LoH"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="マイルLoH"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="中距離LoH"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="長距離LoH"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="ダートLoH"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="短距離競技場"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="マイル競技場"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="中距離競技場"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="長距離競技場"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="ダート競技場"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="最強完凸サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="最強無凸サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="無凸最強サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="配布最強サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="大豊食祭最強サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="メカウマ娘最強サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="レジェンズ最強サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="無人島最強サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="温泉郷最強サポカ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="競技場おすすめキャラ"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="赤心得"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="緑心得"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="青心得"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel, .filter-image-filter[data-key="最強サポカ海外版URA"] .filter-table-controls > .control > div > div:has(.selected-imageLabel) > .unselected-imageLabel {
    opacity: 0.5;
}



/* ラベル */
.label_nige, .label_senkou, .label_oikomi, .label_sashi, .label_extend, .label_intermediate, .label_mile, .label_sprint,.label_aisho, .label_unique, .label_dirt {
display: inline-block;
margin: 2px;
padding: 2px 5px;
border-radius: 3px;
text-align: center;
font-size: 1.3rem;
line-height: 1;
font-weight: 700;
color: #333;
border: solid 1px rgb(204, 204, 204);
}
.label_sashi {
background-color: #ffffd1;
}
.label_nige{
background-color: #c7edff;
}
.label_senkou {
background-color: #e1ffd3;
}
.label_oikomi {
background-color: #ffe0c1;
}

.label_aisho {
background-color: #ffd1dc;
}
.label_unique {
background-color: #c1ffc1;
}
.label_dirt {
background-color: #ffeb99;
}

.label_sprint {
background-color: #84BD91;
color: #fff;
}
.label_mile{
background-color: #5CA170;
color: #fff;
}
.label_intermediate {
background-color: #068201;
color: #fff;
}
.label_extend {
background-color: #015F03;
color: #fff;
}

/* ライターコメント背景透過 */

.author-speech-table td{
background-color: transparent !important;
}

/* 画像背景に影追加 */

.image-shadow {
filter: drop-shadow(2px 3px 2px gray);
}

/* NEW・PUラベル */

.new_label{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.new_label_small{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.new_label_large{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.new_label_small::after{
position: absolute;
content: "NEW";
top: 0px;
left: 0px;
background-color: #ff0091;
font-size: 6px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 2px 2px;
white-space: nowrap;
border-radius: 2px;
height: 7px;
line-height: 7px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.new_label::after{
position: absolute;
content: "NEW";
top: 0px;
left: 0px;
background-color: #ff0091;
font-size: 8px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.new_label_large::after{
position: absolute;
content: "NEW";
top: 0px;
left: 0px;
background-color: #ff0091;
font-size: 10px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.pickup_label_small {
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.pickup_label {
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.pickup_label_large {
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.pickup_label_small::after{
position: absolute;
content: "PU";
top: 0px;
left: 0px;
background-color: #1d00ff;
font-size: 6px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 2px 2px;
white-space: nowrap;
line-height: 7px;
border-radius: 2px;
height: 7px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}
.pickup_label::after{
position: absolute;
content: "PU";
top: 0px;
left: 0px;
background-color: #1d00ff;
font-size: 8px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}
.pickup_label_large::after{
position: absolute;
content: "PU";
top: 0px;
left: 0px;
background-color: #1d00ff;
font-size: 10px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

/* コンテンツ切り替えタブが下のコンテンツと近すぎるのを回避 */
.switch-content-chip-tab-wrapper{
margin-bottom: 10px;
}

/* タブ切り替え */
.kamigame-layout-main .tab-wrapper .tab:first-of-type, .side-block .tab-wrapper .tab:first-of-type, .side_block .tab-wrapper .tab:first-of-type {
border-radius: 10px 0 0 0;
border-left: 2px solid #ddd;
border-top: 2px solid #ddd;
position: relative;
bottom: -1px;
}
.kamigame-layout-main .tab-wrapper .tab:last-child, .side-block .tab-wrapper .tab:last-child, .side_block .tab-wrapper .tab:last-child {
border-left: none;
border-radius: 0 10px 0 0;
border-right: 2px solid #ddd;
position: relative;
bottom: -1px;
}
.kamigame-layout-main .tab-wrapper .tab, .side-block .tab-wrapper .tab, .side_block .tab-wrapper .tab {
background: linear-gradient(180deg, rgba(254, 255, 255, 1) 0%, rgba(244, 242, 245, 1) 50%, rgba(232, 231, 240, 1) 100%);
border-bottom: none;
border-right: 2px solid #ddd;
border-top: 2px solid #ddd;
border-radius: 0 0 0 0;
color: #784315;
position: relative;
bottom: -1px;
}
.kamigame-layout-main .tab-wrapper input:checked+.tab, .side-block .tab-wrapper input:checked+.tab, .side_block .tab-wrapper input:checked+.tab {
background: linear-gradient(180deg, rgba(145, 228, 56, 1) 0%, rgba(131, 204, 51, 1) 50%, rgba(127, 194, 55, 1) 100%);
border-top: solid 2px #6AC10A;
border-left: solid 2px #6AC10A;
border-right: solid 2px #6AC10A;
position: relative;
bottom: -1px;
}
.kamigame-layout-main .tab-wrapper, .side-block .tab-wrapper, .side_block .tab-wrapper {
border-bottom: 3px solid #6AC10A;
}
.side-block .tab-wrapper .tab, .side_block .tab-wrapper .tab, .kamigame-layout-main .tab-wrapper .tab {
line-height: 29px;
}

/* チャート記法 */
.kamigame-layout-main .chart__subject.umamain, .side-block .chart__subject.umamain, .side_block .chart__subject.umamain {
border: 1px solid #E16161;
border-radius: 5px;
background-image: url(https://lh3.googleusercontent.com/xtJCxB6VHbindY-pg8AUBfsS2jvQBijt7YUcCz-esa2GY35zUP7BUsYuTbGOFdXRA82pvUlmlWlC1hZ2A1283048kd_zJzVSyijP-qCJilbD9Q);
background-size: cover;
background-position: center;
font-size: 1.5rem;
color: #fff;
font-weight: 700;
margin: 0 0 15px -26px;
padding: 1px;
}
.kamigame-layout-main .chart__subject.umamain>.label, .side-block .chart__subject.umamain>.label, .side_block .chart__subject.umamain>.label {
background: #fff;
color: #F76A6A;
border-radius: 4px;
display: inline-block;
border: solid 2px #F76A6A;
font-size: 1.5rem;
margin: 0 10px 0 0px;
width: 18px;
height: 18px;
line-height: 18px;
padding: 6px 6px 6px;
text-align: center;
}
.kamigame-layout-main .chart li, .side-block .chart li, .side_block .chart li {
border-left: 3px dotted #F9ACAC;
}
.kamigame-layout-main .chart__subject.umasub {
background: linear-gradient(90deg, rgb(118 118 117) 0%, rgb(164 160 160) 100%);
position: relative;
color: #fff;
padding: 4px 6px 4px 55px;
height: 24px;
line-height: 24px;
margin: 0 0 15px -13px;
}
.kamigame-layout-main .chart__subject.umasub::before {
position: absolute;
content: "POINT";
left: 0px;
top: 0px;
background-color: white;
color: rgb(51, 51, 51);
font-size: 1.1rem;
padding: 2px 6px 2px 4px;
border-radius: 0px 0px 10px 10px;
margin: 0px 0px 0px 3px;
line-height: 24px;
height: 24px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
}

/* 関連リンクの色チェンジ */
.kamigame-layout-main .related_links::after {
background: rgb(118 118 117);
color: #fff;
font-weight: 700;
}
.kamigame-layout-main .button_navigation a:after {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}

/* ボタンリンクの色チェンジ */
.kamigame-layout-main .button_navigation a {
background: #FFB432;
border: 2px solid #E6A22D;
color: #fff;
}

/* 手順テーブルのアイコン背景色チェンジ */
.kamigame-layout-main table.step_table .chart_number {
background: #FFB432;
border: solid 1px #E6A22D;
color: #FEFFFE;
}

/* 因子継承テーブル */
.inshi-table{
border: none !important;
}
.inshi-table td{
padding: 0px;
border: none;
position: relative;
background: transparent;
}
.inshi-line1{
position: absolute;
top: 40%;
right: 41%;
width: 30%;
height: 4px;
background-image: linear-gradient(to right, transparent 30%, #d9d9d9 30%);
background-size: 100% 100%;
background-position: center;
}
.inshi-line2{
position: absolute;
top: 17%;
left: 58%;
width: 4px;
height: 70%;
background-image: linear-gradient(to bottom, #d9d9d9 73%, transparent 73%);
background-size: 100% 100%;
background-position: center;
}
.inshi-line3{
position: absolute;
top: 17%;
left: 58%;
width: 30%;
height: 4px;
background-image: linear-gradient(to right, #d9d9d9 30%, transparent 30%);
background-size: 100% 100%;
background-position: center;
}
.inshi-line4{
position: absolute;
top: 67%;
left: 58%;
width: 30%;
height: 4px;
background-image: linear-gradient(to right, #d9d9d9 30%, transparent 30%);
background-size: 100% 100%;
background-position: center;
}
.inshi-table .inshi-first-frame {
position: relative;
display: grid;
grid-template-columns: 55% 45%;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: solid 2px #23B2F5;
border-radius: 5px;
margin: 3px 4px 3px 10px;
align-items: center;
justify-items: end;
padding: 8px 5% 5px 8px;
background: #fff;
}
.inshi-table .inshi-first-frame::before{
content: "1人目";
position: absolute;
top: 0px;
left: 0px;
background-color: #23B2F5;
font-weight: bold;
color: #fff;
font-size: 1.8rem;
padding: 1px 3px;
}
.inshi-table .inshi-second-frame{
position: relative;
display: grid;
grid-template-columns: 55% 45%;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: solid 2px #FE6FB3;
border-radius: 5px;
margin: 3px 10px 3px 4px;
align-items: center;
justify-items: end;
padding: 8px 5% 5px 8px;
background: #fff;
}
.inshi-table .inshi-second-frame::before{
content: "2人目";
position: absolute;
top: 0px;
left: 0px;
background-color: #FE6FB3;
color: #fff;
font-size: 1.8rem;
font-weight: bold;
padding: 1px 3px;
}
.oya-icon{
grid-area: 1 / 1 / 3 / 2;
position: absolute;
width: 80%;
left: 5%;
font-size: 1.8rem;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
}
.sofubo-icon-1{
grid-area: 1 / 2 / 2 / 3;
width: 70%;
font-size: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 8%;
z-index: 1;
}
.sofubo-icon-2{
grid-area: 2 / 2 / 3 / 3;
width: 70%;
font-size: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
}
.tekisei-buttom{
border: solid 1px #8a8a8a;
border-radius: 50px;
cursor: pointer;
display: flex;
width: 80%;
height: auto;
font-size: 1.0em;
justify-content: center;
box-shadow: 0px 1px 1px 0px #d3d3d3;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgb(217 217 217));
}
.tekisei-buttom:hover {
background-image: linear-gradient(180deg, rgba(217, 217, 217), rgba(255, 255, 255, 1));
}
.tekisei-buttom span[class^=popup-toggle__]:after {
width: 0px;
height: 0px;
margin-left: 0px;
}
.tekisei-buttom span[class^=popup-toggle__] {
border-bottom: none;
width: 100%;
padding-bottom: 0px;
}
@media screen and (max-width: 728px) {
.sofubo-icon-1, .sofubo-icon-2 {
font-size: 0.8rem;
}
}
@media screen and (max-width: 728px) {
.oya-icon, .inshi-table .inshi-first-frame::before, .inshi-table .inshi-second-frame::before{
font-size: 1.2rem;
}
}

/* 適性テーブル */
.tekisei-table{
position: relative;
border-radius: 6px !important;
overflow: hidden;
box-shadow: 0px 0px 0px 2px #79D724;
border: none !important;
background: #79D724;
}
.tekisei-table td{
color: #7D451D;
font-weight: bold;
background: #fff;
border: none;
padding: 2px 0px 2px 0px;
}
.tekisei-table tr>*:first-child {
background: #79D724;
color: #fff;
font-weight: 700;
text-shadow: #00000040 0px 1px 1px;
}
.icon_tekisei{
width: 20px;
height: 20px;
display: inline-block;
}
.tekisei-table tr:nth-of-type(2) td{
border-bottom: solid 1px rgb(159 159 159 / 25%);
border-top: solid 1px rgb(159 159 159 / 25%);
}
.tekisei-table tr td:nth-of-type(3), .tekisei-table tr td:nth-of-type(5), .tekisei-table tr td:nth-of-type(7){
border-right: solid 1px rgb(159 159 159 / 25%);
}

/* スキルリストテーブル */
.skill-list-table{
border: solid 2px #FFB432 !important;
border-radius: 5px;
overflow: hidden;
background: #FFB432;
width: auto !important;
margin: 5px 10px 5px 10px !important;
}
.skill-list-table td, .skill-list-table-free td{
border: none;
padding: 10px;
}
.skill-list-frame{
display: grid;
grid-template-columns: 18% 82%;
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 4px;
grid-row-gap: 2px;
align-items: center;
position: relative;
}
.skill-list-oya{
grid-area: 1 / 1 / 2 / 2;
z-index: 1;
}
.skill-list-sofubo1{
grid-area: 2 / 1 / 3 / 2;
width: 75%;
margin-left: auto;
z-index: 1;
}
.skill-list-sofubo2{
grid-area: 3 / 1 / 4 / 2;
width: 75%;
margin-left: auto;
z-index: 1;
}
.skill-list-oya-skill{
grid-area: 1 / 2 / 2 / 3;
}
.skill-list-sofubo1-skill{
grid-area: 2 / 2 / 3 / 3;
}
.skill-list-sofubo2-skill{
grid-area: 3 / 2 / 4 / 3;
}
.skill-line1{
position: absolute;
top: 27%;
left: 1%;
width: 3px;
height: 100%;
background-image: linear-gradient(to bottom, #d9d9d9 58%, transparent 58%);
background-size: 100% 100%;
background-position: center;
}

.skill-line2{
position: absolute;
top: 49%;
left: 1%;
width: 100%;
height: 3px;
background-image: linear-gradient(to right, #d9d9d9 5%, transparent 5%);
background-size: 100% 100%;
background-position: center;
}

.skill-line3{
position: absolute;
top: 84%;
left: 1%;
width: 100%;
height: 3px;
background-image: linear-gradient(to right, #d9d9d9 5%, transparent 5%);
background-size: 100% 100%;
background-position: center;
}

.skill-list-table-free{
border: solid 2px #FFB432 !important;
border-radius: 5px;
overflow: hidden;
background: #FFB432;
width: auto !important;
margin: 5px 10px 5px 10px !important;
}

.skill-list-table-free .skill-list-sofubo1, .skill-list-table-free .skill-list-sofubo2{
width: 100%;
}

.skill-list-table-free .skill-list-frame{
grid-row-gap: 5px;
}

.skill-list-table .icon-skill-unique{
font-size: min(1.69vw, 13px);
font-weight: bold;
}

/* スキル専用アイコン */

.icon-skill-unique{
background: linear-gradient(to right, #dffcd8, #ccf9ff, #cee3ff, #e1cdfa, #ffbef3);
display: grid;
border-radius: 4px;
grid-template-columns: 18% 87%;
grid-template-rows: 1fr;
padding: 1%;
width: 100%;
box-sizing: border-box;
align-items: center;
aspect-ratio: 6.5 / 1;
}

.icon-skill-unique-frame{
background: linear-gradient(to right, #cefbc4, #b1f2fa, #b3d2fb, #d4b4fb, #fca0eb);
border-radius: 5px;
padding: 1px;
width: 100%;
display: inline-block;
box-shadow: 0px 2px 1px 0px #2f2f2f59;
box-sizing: border-box;
}

.icon-skill-unique>.img{
grid-area: 1 / 1 / 2 / 2;
border-radius: 3px;
overflow: hidden;
display: block;
width: 80%;
}

.icon-skill-unique>.name{
grid-area: 1 / 2 / 2 / 3;
}

.skill-list-table span[class^=popup-toggle__]:after, .skill-list-table-free span[class^=popup-toggle__]:after, .icon-skill-unique span[class^=popup-toggle__]:after, .icon-skill-rare span[class^=popup-toggle__]:after, .icon-skill-basic span[class^=popup-toggle__]:after {
width: 0px;
height: 0px;
margin-left: 0px;
}

.skill-list-table span[class^=popup-toggle__], .skill-list-table-free span[class^=popup-toggle__], .icon-skill-unique span[class^=popup-toggle__], .icon-skill-rare span[class^=popup-toggle__], .icon-skill-basic span[class^=popup-toggle__] {
border-bottom: 1px dashed #7c3900;
font-size: min(1.69vw, 13px);
font-weight: bold;
color: #7c3900;
width: 90%;
display: block;
padding: 3.3% 0;
}

/*アコーディオンボタンのデザイン変更 */

.kamigame-layout-main a.hidden-disclosure, .side-block a.hidden-disclosure, .side_block a.hidden-disclosure {
background-color: #faf8f4;
border: 2px solid rgb(189 189 189);
border-radius: 5px;
color: rgb(118 118 117);
}

.kamigame-layout-main a.hidden-disclosure:after, .side-block a.hidden-disclosure:after, .side_block a.hidden-disclosure:after {
border-bottom: 2px solid rgb(118 118 117);
border-right: 2px solid rgb(118 118 117);
}

.side-block a.hidden-disclosure:hover, .side_block a.hidden-disclosure:hover, .kamigame-layout-main a.hidden-disclosure:hover {
background-color: rgb(118 118 117);
}

/* キャラINDEXテーブル */
.character-index-table{
position: relative;
border: none !important;
border-spacing: 0px 10px;
border-collapse: separate;
}
.character-index-table td{
background: #79D724;
padding: 0px;
border-radius: 10px 10px 5px 5px;
overflow: hidden;
border: none !important;
}
.character-index-table .character-img {
position: absolute;
top: 6px;
left: 6px;
z-index: 1;
max-height: 71px;
max-width: 71px;
}
.character-review-layout {
display: flex;
position: absolute;
top: 38px;
left: 6px;
height: 28px;
width: 71px;
background: #fff;
align-items: center;
border-radius: 5px;
padding: 4px;
justify-content: space-evenly;
}
.character-review-lavel {
border: 1px solid #b5a69b;
border-radius: 3px;
padding: 3px 3px;
background-color: #fff;
color: #7D451D;
font-weight: bold;
line-height: 15px;
font-size: 12px;
}
.character-review-img{
width: 31px;
}
.character-sapoca-layout{
display: block;
margin-left: 90px;
height: auto;
background: #fff;
margin-right: 6px;
border-radius: 5px;
padding: 7px 5px 5px 5px;
margin-bottom: 4px;
margin-top: 4px;
}
.tekise-layout{
display: block;
height: auto;
background: #fff;
border-radius: 5px 5px 0px 0px;
padding: 6px;
margin: 0px 6px 0px 6px;
}
.character-sapoca-case{
display: flex;
grid-gap: 5px 0px;
margin-top: 4px;
align-items: center;
justify-items: center;
flex-wrap: wrap;
}
.tekisei-table-layout{
display: grid;
grid-template-columns: 20% 15% 5% 15% 5% 15% 5% 15% 5%;
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 6px !important;
overflow: hidden;
box-shadow: 0px 0px 0px 2px #79D724;
}
.tekisei-table-layout .place1{
grid-area: 1 / 1 / 2 / 2;
}
.tekisei-table-layout .place2{
grid-area: 1 / 2 / 2 / 3;
}
.tekisei-table-layout .place3{
grid-area: 1 / 3 / 2 / 4;
}
.tekisei-table-layout .place4{
grid-area: 1 / 4 / 2 / 5;
}
.tekisei-table-layout .place5{
grid-area: 1 / 5 / 2 / 6;
}
.tekisei-table-layout .place6{
grid-area: 2 / 1 / 3 / 2;
}
.tekisei-table-layout .place7{
grid-area: 2 / 2 / 3 / 3;
}
.tekisei-table-layout .place8{
grid-area: 2 / 3 / 3 / 4;
}
.tekisei-table-layout .place9{
grid-area: 2 / 4 / 3 / 5;
}
.tekisei-table-layout .place10{
grid-area: 2 / 5 / 3 / 6;
}
.tekisei-table-layout .place11{
grid-area: 2 / 6 / 3 / 7;
}
.tekisei-table-layout .place12{
grid-area: 2 / 7 / 3 / 8;
}
.tekisei-table-layout .place13{
grid-area: 2 / 8 / 3 / 9;
}
.tekisei-table-layout .place14{
grid-area: 2 / 9 / 3 / 10;
}
.tekisei-table-layout .place15{
grid-area: 3 / 1 / 4 / 2;
}
.tekisei-table-layout .place16{
grid-area: 3 / 2 / 4 / 3;
}
.tekisei-table-layout .place17{
grid-area: 3 / 3 / 4 / 4;
}
.tekisei-table-layout .place18{
grid-area: 3 / 4 / 4 / 5;
}
.tekisei-table-layout .place19{
grid-area: 3 / 5 / 4 / 6;
}
.tekisei-table-layout .place20{
grid-area: 3 / 6 / 4 / 7;
}
.tekisei-table-layout .place21{
grid-area: 3 / 7 / 4 / 8;
}
.tekisei-table-layout .place22{
grid-area: 3 / 8 / 4 / 9;
}
.tekisei-table-layout .place23{
grid-area: 3 / 9 / 4 / 10;
}
.tekisei-table-layout .place1, .tekisei-table-layout .place6, .tekisei-table-layout .place15{
background-color: #79D724;
color: #fff;
font-weight: bolder;
text-shadow: #00000040 0px 1px 1px;
display: flex;
align-items: center;
justify-content: center;
}
.tekisei-table-layout .place2, .tekisei-table-layout .place4, .tekisei-table-layout .place7, .tekisei-table-layout .place9, .tekisei-table-layout .place11, .tekisei-table-layout .place13, .tekisei-table-layout .place16, .tekisei-table-layout .place18, .tekisei-table-layout .place20, .tekisei-table-layout .place22{
color: #7D451D;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
.tekisei-table-layout .place6, .tekisei-table-layout .place7, .tekisei-table-layout .place8, .tekisei-table-layout .place9, .tekisei-table-layout .place10, .tekisei-table-layout .place11, .tekisei-table-layout .place12, .tekisei-table-layout .place13, .tekisei-table-layout .place14{
border-top: solid 1px rgb(159 159 159 / 25%);
border-bottom: solid 1px rgb(159 159 159 / 25%);
}
.tekisei-table-layout .place3, .tekisei-table-layout .place5, .tekisei-table-layout .place8, .tekisei-table-layout .place10, .tekisei-table-layout .place12, .tekisei-table-layout .place17, .tekisei-table-layout .place19, .tekisei-table-layout .place21{
border-right: solid 1px rgb(159 159 159 / 25%);
}
.growth-layout{
background: #fff;
margin: 0px 6px 6px 6px;
border-radius: 0px 0px 5px 5px;
padding: 0px 4px 4px 4px;
display: grid;
grid-template-columns: repeat(auto-fit, 18.79%);
grid-template-rows: auto;
grid-gap: 0px 5px;
}
.growth-lavel{
border: 1px solid #b5a69b;
border-radius: 3px;
padding: 0px 0px 0px 1px;
background-color: #fff;
color: #7D451D;
font-weight: bold;
font-size: 12px;
display: flex;
gap: 1px;
font-family: "SF Pro Text", "SF Pro Display", Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Robot, "Droid Sans", メイリオ, Meiryo, sans-serif;
align-items: center;
}
.icon-growth{
width: 20px;
display: inline-block;
}
.growth-layout2{
background: #fff;
margin: 0px 0px 0px 0px;
border-radius: 0px 0px 5px 5px;
padding: 0px 0px 0px 0px;
display: grid;
grid-template-columns: repeat(auto-fit, 18.79%);
grid-template-rows: auto;
grid-gap: 0px 5px;
}
.growth-lavel2{
border: 1px solid #b5a69b;
border-radius: 3px;
padding: 0px 0px 0px 1px;
background-color: #fff;
color: #7D451D;
font-weight: bold;
font-size: 12px;
display: flex;
gap: 1px;
font-family: "SF Pro Text", "SF Pro Display", Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Robot, "Droid Sans", メイリオ, Meiryo, sans-serif;
align-items: center;
}
.icon-growth2{
width: 20px;
display: inline-block;
}
.tekisei-table-layout .icon_tekisei{
width: 15px;
}
.character-index-table thead:hover th{
background: #79D724;
}
.character-skill-layout{
display: flex;
margin-left: 158px;
height: 37px;
background: #fff;
margin-right: 6px;
border-radius: 5px;
padding: 4px;
margin-bottom: 4px;
margin-top: 4px;
gap: 4px;
flex-direction: row;
justify-content: flex-start;
box-sizing: border-box;
align-items: center;
}
.character-index-table .character-review-layout {
left: 81px;
height: 29px;
width: 65px;
background: #fff;
align-items: center;
border-radius: 5px;
padding: 4px;
justify-content: space-evenly;
}
.character-koyuu-lavel {
display: flex;
width: 38px;
text-align: center;
border: 1px solid #b5a69b;
border-radius: 3px;
padding: 3px 0px;
height: 15px;
background-color: #fff;
color: #7D451D;
font-weight: bold;
line-height: 15px;
font-size: 12px;
justify-content: center;
}
.character-index-table .icon-skill-unique-frame {
height: 29px;
max-width: 250px;
margin-bottom: auto;
box-shadow: 0px 1px 1px 0px #2f2f2f59;
}
.character-index-table .icon-skill-unique{
display: flex;
aspect-ratio: 0;
height: 27px;
gap: 5px;
padding: 0px 2px 0px 2px;
max-width: 250px;
}
.character-index-table .icon-skill-unique>.img{
width: 25px;
}
.character-index-table span[class^=popup-toggle__] {
font-size: min(2vw, 13px);
border-bottom: none;
font-weight: bold;
color: #7c3900;
width: 90%;
display: block;
padding: 3.3% 0;
}

.character-index-table span[class^=popup-toggle__]:after {
background: none;
}

.character-index-layout {
position: relative;
}
.character-name-layout {
text-align: left !important;
display: flex;
height: 25px;
padding: 5px 5px 5px 82px;
font-size: 16px;
background-color: #5CB604;
white-space: nowrap;
color: #fff !important;
border-bottom: none !important;
justify-content: space-between;
}

.character-index-table .character-name{
text-decoration: underline;
text-decoration-color: #fff;
text-underline-offset: 5px;
text-decoration-style: dotted;
}

.character-name a {
display: block;
color: #fff;
}
.character-name-layout:hover {
background: #79D724;
}
.character-index-table .link-layout{
display: flex;
gap: 3px;
}
.character-index-table .link-button{
border: solid 1px #8a8a8a;
border-radius: 7px;
cursor: pointer;
display: flex;
font-size: 0.7em;
font-weight: bold;
color: #7c3900;
justify-content: center;
padding: 4px;
box-shadow: 0px 1px 1px 0px #7a818c;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgb(217 217 217));
align-items: center;
}
.character-index-table .link-button:hover {
background-image: linear-gradient(180deg, rgba(217, 217, 217), rgba(255, 255, 255, 1));
}
.character-index-table .link-button a {
color: #7c3900;
}
/* 配布ラベル */

.distribute_label{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.distribute_label_small{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.distribute_label_large{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.distribute_label_small::after{
position: absolute;
content: "配布";
top: 0px;
left: 0px;
background-color: #ee7800;
font-size: 6px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 2px 2px;
white-space: nowrap;
border-radius: 2px;
height: 7px;
line-height: 7px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.distribute_label::after{
position: absolute;
content: "配布";
top: 0px;
left: 0px;
background-color: #ee7800;
font-size: 8px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.distribute_label_large::after{
position: absolute;
content: "配布";
top: 0px;
left: 0px;
background-color: #ee7800;
font-size: 10px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

/* スイッチタブ切り替えウマ娘用 */

.kamigame-layout-main .switch-content-text-tab.switch-content-text-tab-tab-wrapper .tab:first-of-type, .side-block .switch-content-text-tab-tab-wrapper,.switch-content-text-tab.switch-content-text-tab-tab-wrapper .tab:first-of-type, .side_block .switch-content-text-tab-tab-wrapper .tab:first-of-type {
border-radius: 10px 0 0 0;
border-left: 2px solid #ddd;
border-top: 2px solid #ddd;
position: relative;
bottom: -1px;
}

.kamigame-layout-main .switch-content-text-tab-tab-wrapper .tab:last-child, .side-block .switch-content-text-tab-tab-wrapper,.switch-content-text-tab.switch-content-text-tab-tab-wrapper .tab:last-child, .side_block .switch-content-text-tab-tab-wrapper .tab:last-child {
border-left: none;
border-radius: 0 10px 0 0;
border-right: 2px solid #ddd;
position: relative;
bottom: -1px;
}

.kamigame-layout-main .switch-content-text-tab-tab-wrapper .tab, .side-block .switch-content-text-tab-tab-wrapper .tab, .side_block .switch-content-text-tab-tab-wrapper,.switch-content-text-tab.switch-content-text-tab-tab-wrapper .tab {
background: linear-gradient(180deg, rgba(254, 255, 255, 1) 0%, rgba(244, 242, 245, 1) 50%, rgba(232, 231, 240, 1) 100%);
border-bottom: none;
border-right: 2px solid #ddd;
border-top: 2px solid #ddd;
border-radius: 0 0 0 0;
color: #784315;
position: relative;
bottom: -1px;
}

.kamigame-layout-main .switch-content-text-tab-tab-wrapper input:checked+.tab, .side-block .switch-content-text-tab-tab-wrapper,.switch-content-text-tab.switch-content-text-tab-tab-wrapper input:checked+.tab, .side_block .switch-content-text-tab-tab-wrapper input:checked+.tab {
background: linear-gradient(180deg, rgba(145, 228, 56, 1) 0%, rgba(131, 204, 51, 1) 50%, rgba(127, 194, 55, 1) 100%);
border-top: solid 2px #6AC10A;
border-left: solid 2px #6AC10A;
border-right: solid 2px #6AC10A;
position: relative;
bottom: -1px;
}

.kamigame-layout-main .switch-content-text-tab-tab-wrapper, .side-block .switch-content-text-tab-tab-wrapper,.switch-content-text-tab.switch-content-text-tab-tab-wrapper, .side_block .switch-content-text-tab-tab-wrapper {
border-bottom: 3px solid #6AC10A;
}

.side-block .switch-content-text-tab-tab-wrapper .tab, .side_block .switch-content-text-tab-tab-wrapper .tab, .kamigame-layout-main .switch-content-text-tab-tab-wrapper,.switch-content-text-tab.switch-content-text-tab-tab-wrapper .tab {
line-height: 29px;
}

/* コースチャートの背景色変更 */

.umamusume-course-chart{
background: #fff;
}

/* フィルターテーブルの追従ボタン配置修正 */

.filter-table-tailwind .bg-blue-500 {
z-index: 1;
}

/*非リンク目次*/

nav#contents .separator {
    font-weight: 600;
        line-height: 2.5;
}

/*継承因子スキルボタン*/

.keishou-skill-button-blue, .keishou-skill-button-red, .keishou-skill-button-green, .keishou-skill-button-red-small, .keishou-skill-button-blue-small, .keishou-skill-button-green-small, .keishou-skill-button-red-large, .keishou-skill-button-blue-large, .keishou-skill-button-green-large {
width: 125px;
box-sizing: border-box;
color: #fff;
position: relative;
overflow: hidden;
z-index: 2;
border-radius: 3px !important;
padding: 3px 0px 3px 5px;
font-weight: bold;
font-size: 1rem;
box-shadow: 0px 2px 1px 0px #2d2d2d59;
margin: 0 2px;
display: inline-block;
text-align: left;
}

.keishou-skill-button-blue, .keishou-skill-button-blue-small, .keishou-skill-button-blue-large{
background: linear-gradient(90deg, #38b8f5 0%, #54c8ff 100%);
border: 1px solid #2898cd;
}

.keishou-skill-button-red, .keishou-skill-button-red-small, .keishou-skill-button-red-large {
background: linear-gradient(90deg, rgba(255, 120, 178, 1) 0%, rgb(248 133 183) 100%);
border: 1px solid #f053bc;
}

.keishou-skill-button-green, .keishou-skill-button-green-small, .keishou-skill-button-green-large {
background: linear-gradient(90deg, #92d02f 0%, #95d038 100%);
border: 1px solid #7cad2d;
}

.keishou-skill-button-red-small, .keishou-skill-button-blue-small, .keishou-skill-button-green-small {
width: 85px;
}

.keishou-skill-button-red-large, .keishou-skill-button-blue-large, .keishou-skill-button-green-large {
width: 100%;
}

.keishou-skill-button-blue:before, .keishou-skill-button-blue-small:before, .keishou-skill-button-blue-large:before {
content: '';
position: absolute;
top: 100%;
bottom: 0;
left: 60%;
right: 0px;
height: 40px;
background-color: #8bd9ff;
transform: skewY(338deg);
opacity: 55%;
box-shadow: 1px -3px 3px 0px #38b8f5;
z-index: -1;
}
.keishou-skill-button-blue:after, .keishou-skill-button-blue-small:after, .keishou-skill-button-blue-large:after {
content: '';
position: absolute;
top: -81px;
bottom: 0;
left: 68%;
right: 0px;
height: 90px;
background-color: #8bd9ff;
opacity: 55%;
z-index: -2;
transform: skewY(36deg);
}
.keishou-skill-button-red:before, .keishou-skill-button-red-small:before, .keishou-skill-button-red-large:before {
content: '';
position: absolute;
top: 100%;
bottom: 0;
left: 60%;
right: 0px;
height: 40px;
background-color: #ffa7c7;
transform: skewY(338deg);
opacity: 55%;
box-shadow: 1px -3px 3px 0px #ff78b2;
z-index: -1;
}
.keishou-skill-button-red:after, .keishou-skill-button-red-small:after, .keishou-skill-button-red-large:after {
content: '';
position: absolute;
top: -81px;
bottom: 0;
left: 68%;
right: 0px;
height: 90px;
background-color: #ffa7c7;
opacity: 55%;
z-index: -2;
transform: skewY(36deg);
}
.keishou-skill-button-green:before, .keishou-skill-button-green-small:before, .keishou-skill-button-green-large:before {
content: '';
position: absolute;
top: 100%;
bottom: 0;
left: 60%;
right: 0px;
height: 40px;
background-color: #abe351;
transform: skewY(338deg);
opacity: 55%;
box-shadow: 1px -3px 3px 0px #92d02f;
z-index: -1;
}
.keishou-skill-button-green:after, .keishou-skill-button-green-small:after, .keishou-skill-button-green-large:after {
content: '';
position: absolute;
top: -81px;
bottom: 0;
left: 68%;
right: 0px;
height: 90px;
background-color: #abe351;
opacity: 55%;
z-index: -2;
transform: skewY(36deg);
}

/*フィルターテーブルデザイン改修*/

.filter-table-list[data-v-637d58be] {
border: 2px solid #5CB604 !important;
background: #fff;
color: #6AC10A;
}

.filter-table-controls .description[data-v-0aefbf28] {
position: relative;
margin-left: 19px;
}

.filter-table-controls .description[data-v-0aefbf28]::before {
content: "";
background-image: url(https://lh3.googleusercontent.com/tkR5NW_mIMwZL7FWzCPU4Csx69Pk23TRNxVpip-AYbVpkQ7H7rL7UWIB302B_AuN_nSYfthMTs76atwe_ZavozvQEC72VNysaKtvH7mnxKm-);
background-size: contain;
background-repeat: no-repeat;
width: 15px;
height: 15px;
position: absolute;
left: -19px;
top: 1px;
transform: rotate(180deg);
}

.filter-table-tailwind .border-b {
border-color: transparent;
}

.filter-table-tailwind .bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
border: solid 1px #ddd;
}

.filter-table-tailwind .ease-in-out {
border: 1px solid #c1cab8;
background: linear-gradient(180deg, rgba(254, 255, 255, 1) 0%, rgba(244, 242, 245, 1) 50%, rgba(232, 231, 240, 1) 100%);
}

.w-3\/3 {
border-top: 2px solid #79d724 !important;
padding-top: 8px;
}

.filter-table-tailwind .shadow, .filter-table-tailwind .shadow-sm {
color: #7c3900;
font-weight: bold;
}

.selected-label[data-v-7cedb658] {
border-color: #71d008 !important;
border-width: 1px !important;
background: linear-gradient(180deg, rgba(145, 228, 56, 1) 0%, rgba(131, 204, 51, 1) 50%, rgba(127, 194, 55, 1) 100%);
color: rgba(255, 255, 255, var(--tw-text-opacity));
font-weight: bold;
}

.unselected-label[data-v-7cedb658] {
border-color: rgb(136 136 136) !important;
border-width: 1px !important;
color: #bababa !important;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgb(221 221 221));
font-weight: bold;
}

.unselected-imageLabel>img[data-v-079be65a] {
border-color: rgb(136 136 136) !important;
border-width: 1px !important;
opacity: 0.5;
}

.selected-imageLabel>img[data-v-079be65a] {
border-width: 3px !important;
border-color: #FE6FB3 !important;
}

.filter-table-tailwind .border {
border-width: 1px;
border-color: #acacac;
}

.decrement[data-v-36e089dd] {
background: linear-gradient(90deg, #e1e1e1 0%, #ebebeb 100%);
border-right: 1px solid #acacac;
}

.number-control[data-v-36e089dd]:focus, .number-control[data-v-36e089dd]:hover {
color: #7c3900 !important;
}

.increment[data-v-36e089dd] {
color: #7c3900;
background: linear-gradient(90deg, #e1e1e1 0%, #ebebeb 100%);
border-left: 1px solid #acacac;
}

.reset-button[data-v-637d58be] {
border: 1px solid #565759 !important;
color: #7c3900 !important;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgb(221 221 221)) !important;
box-shadow: 0px 2px 1px 0px #b4b7c4;
}

.filter-table-tailwind .text-gray-900 {
color: #7c3900 !important;
}

.number-control[data-v-36e089dd] {
color: #7c3900 !important;
}

.decrement[data-v-36e089dd] {
color: #7c3900 !important;
}

.increment[data-v-36e089dd] {
color: #7c3900 !important;
}

.more-filter[data-v-637d58be] {
border: 1px solid #565759 !important;
background: linear-gradient(180deg, rgba(145, 228, 56, 1) 0%, rgba(131, 204, 51, 1) 50%, rgba(127, 194, 55, 1) 100%) !important;
box-shadow: 0px 2px 1px 0px #b4b7c4;
}

/*レイヤーテキストテーブル改修*/

.side-block .layer_text_table td a span.layer_text, .side_block .layer_text_table td a span.layer_text, .kamigame-layout-main .layer_text_table td a span.layer_text {
text-shadow: 0 0px 4px #000;
box-sizing: border-box;
font-size: min(2.8vw, 22px);
left: 5% !important;
padding: 14% 0px 5% 0px !important;
width: calc(100% - 10%) !important;
background-image: url(https://lh3.googleusercontent.com/LxORdToCzXI4xcPorUmhic1kh5SlLejHwfuk34TelhSRJhjvPng84rTBYISI7iOlR8vQsYmOANE-Tb7ZUltgH0MdojYZDHnR6bJqC77Fb6vZ);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
line-height: 1.65;
position: absolute;
bottom: 0;
color: #fff;
text-align: center;
}

.side-block .layer_text_table td a span.layer_text:hover, .side_block .layer_text_table td a span.layer_text:hover, .kamigame-layout-main .layer_text_table td a span.layer_text:hover {
text-shadow: none;
background-color: rgb(255 255 255 / 20%);
background-blend-mode: overlay;
color: rgb(255 255 255 / 80%);
}

/*スキルテーブルの下に空白作るテーブル*/

.margin {
margin: 0px !important;
height: 6px !important;
border: none !important;
}

.margin td {
background: transparent !important;
border: none !important;
padding: 0px !important;
}

/*スキルアイコン */

.icon-skill-rare-frame{
background: linear-gradient(to right, #fef28e, #ffd049);
border-radius: 5px;
padding: 1px;
width: 100%;
display: inline-block;
box-shadow: 0px 2px 1px 0px #2f2f2f59;
box-sizing: border-box;
}

.icon-skill-rare{
background: linear-gradient(to right, #fff7b9, #ffda6e);
display: grid;
border-radius: 4px;
grid-template-columns: 18% 87%;
grid-template-rows: 1fr;
padding: 1%;
width: 100%;
box-sizing: border-box;
align-items: center;
aspect-ratio: 6.5 / 1;
}

.icon-skill-rare>.img{
grid-area: 1 / 1 / 2 / 2;
border-radius: 3px;
overflow: hidden;
display: block;
width: 80%;
}

.icon-skill-rare>.name{
grid-area: 1 / 2 / 2 / 3;
}

.icon-skill-basic-frame{
background: linear-gradient(to right, #d7d4d4, #bfbfc6);
border-radius: 5px;
padding: 1px;
width: 100%;
display: inline-block;
box-shadow: 0px 2px 1px 0px #2f2f2f59;
box-sizing: border-box;
}

.icon-skill-basic{
background: linear-gradient(to right, #ececec, #d8d8e3);
display: grid;
border-radius: 4px;
grid-template-columns: 18% 87%;
grid-template-rows: 1fr;
padding: 1%;
width: 100%;
box-sizing: border-box;
align-items: center;
aspect-ratio: 6.5 / 1;
}

.icon-skill-basic>.img{
grid-area: 1 / 1 / 2 / 2;
border-radius: 3px;
overflow: hidden;
display: block;
width: 80%;
}

.icon-skill-basic>.name{
grid-area: 1 / 2 / 2 / 3;
}

.icon-skill-unique span[class^=popup-toggle__], .icon-skill-rare span[class^=popup-toggle__], .icon-skill-basic span[class^=popup-toggle__] {
font-size: min(2.4vw, 15px);
padding: 1.0% 0;
text-align: left;
}

/*境界線なし2カラムテーブル */

.borderless_frame{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
gap: 8px 5px;
}

/*サポカ／キャラ個別カード */
.support_card{
position: relative;
border-radius: 10px 10px 7px 7px;
overflow: hidden;
box-shadow: 0px 0px 4px 2px #ccc;
border: none !important;
}
.support_card th{
background: linear-gradient(180deg, rgba(145, 228, 56, 1) 0%, rgba(131, 204, 51, 1) 50%, rgba(127, 194, 55, 1) 100%);
color: #FFF;
text-align: left !important;
font-size: 1.6rem;
}
.support_card th::after {
display: block;
content: "a";
position: absolute;
top: 5px;
right: 1px;
width: 40px;
color: transparent;
background-image: url(https://lh3.googleusercontent.com/1qNoiCTWqLVdKkHpUPtCYltA2OUMADIJJX_Ka0TeUqVadQfxhCe--HcUvH3PWmgjdsd4200Mmp9BVb9Z9hh4nPXSQF1wd5dcL2yoVUTEdcw);
opacity: 80%;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.support_card td {
position: relative;
padding: 0px !important;
background-position: right 0% bottom 74%;
background: linear-gradient(135deg, rgb(222 222 222 / 95%), rgb(222 222 222 / 95%) 25%, transparent 0, transparent 50%, rgb(222 222 222 / 95%) 0, rgb(222 222 222 / 95%) 75%, transparent 0, transparent);
background-color: hsl(0deg 0% 95.42% / 95%);
background-size: .65rem .65rem;
}
.first_layout{
display: grid;
grid-template-columns: 30% 70%;
box-sizing: border-box;
}
.support_card .first_layout .img{
display: inline-block;
margin: 5px;
}
.support_card .simple_evaluation_case{
display: block;
background: #fff;
color: #7D451D;
margin-right: 6px;
border-radius: 5px;
padding: 5px;
margin-bottom: 5px;
margin-top: 21px;
text-align: left;
font-weight: bold;
font-size: min(3.1vw, 15px);
position: relative;
}
.simple_evaluation_case::after{
content: "簡易評価";
position: absolute;
top: -19px;
left: 0px;
color: #7D451D;
font-weight: bold;
}
.support_card .second_layout{
display: block;
background: #f4f4f4;
padding: 5px;
}
.support_card .score_layout{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 5px;
}
.support_card .score_layout_theory{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-row-gap: 0px;
grid-column-gap: 5px;
font-size: 1.2rem;
}
.support_card .score_layout_theory2{
display: grid;
grid-template-columns: 38% repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
}
.score_layout_theory2 .main_rank{
grid-area: 1 / 1 / 3 / 2;
margin-bottom: 5px;
}
.main_rank .content_case {
height: 100%;
font-size: 1.2rem !important;
position: relative;
}
.main_rank .content_case img {
width: min(13vw, 65px) !important;
}
.theory_card .second_layout .content_case {
font-size: 0.9rem;
}
.main_rank .content_case .td{
display: flex !important;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
position: absolute;
top: 50%;
bottom: 50%;
width: 100%;
}
.theory_card .first_layout {
align-items: center;
}
.theory_card .first_layout .img img {
width: max(2.4vw, 135px);
}
.support_card .skill_frame{
display: flex;
flex-direction: row;
gap: 5px;
background: #FFF;
margin-bottom: 5px;
border-radius: 0px 0px 3px 3px;
}
.support_card .content_case{
display: block;
border-radius: 5px 5px 3px 3px;
margin-bottom: 5px;
overflow: hidden;
box-shadow: 0px 0px 2px 2px #DDD;
background: #fff;
}
.support_card .content_case .th_left, .support_card .content_case .th_center{
background: linear-gradient(90deg, rgb(122 201 38) 0%, rgb(139 207 65) 100%);
color: #fff;
display: block;
padding: 5px;
font-weight: bold;
font-size: 1.2rem;
}
.support_card .content_case .th_left{
text-align: left;
position: relative;
overflow: hidden;
font-size: 1.2rem;
}
.support_card .content_case .td{
display: block;
background: #fff;
padding: 7px 5px 7px 5px;
font-size: 1.2rem;
}
.support_card .skill_frame{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5px;
}
.support_card .rank_img{
display: flex;
justify-content: center;
}
.support_card .rank_img img{
width: min(10vw, 45px);
}
.support_card .second_layout .rank_img img {
width: min(7vw, 45px);
}
@media only screen and (min-width: 728px) {
.theory_card .second_layout .content_case {
font-size: 1.2rem;
}
}
@media only screen and (min-width: 728px) {
.theory_card .icon_tekisei {
width: 22px;
}
}
.support_card .align_left {
text-align: left;
display: block;
}
.support_card .score_layout_theory3 {
grid-column-gap: 5px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-row-gap: 0px;
}
.support_card .tekise-layout {
border-radius: 5px;
margin: 2px 0px 7px 0px;
box-shadow: 0px 0px 2px 2px #DDD;
padding: 0px;
}
 .support_card .tekisei-table-layout{
border-radius: 5px !important;
box-shadow: none;
}
 .support_card .tekisei-table-layout .place1,  .support_card .tekisei-table-layout .place6,  .support_card .tekisei-table-layout .place15 {
background: linear-gradient(90deg, rgb(122 201 38) 0%, rgb(139 207 65) 100%);
padding: 5px;
}
 .support_card .tekisei-table-layout .place23 {
padding: 5px 0px;
}
 .support_card .tekisei-table-layout .place3,  .support_card .tekisei-table-layout .place5,  .support_card .tekisei-table-layout  .support_card .place8,  .support_card .tekisei-table-layout .place10,  .support_card .tekisei-table-layout .place12,  .support_card .tekisei-table-layout .place17,  .support_card .tekisei-table-layout .place19,  .support_card .tekisei-table-layout .place21 {
padding: 5px 0px;
}
 .support_card .tekisei-table-layout .place2,  .support_card .tekisei-table-layout .place4,  .support_card .tekisei-table-layout .place7,  .support_card .tekisei-table-layout .place9,  .support_card .tekisei-table-layout .place11,  .support_card .tekisei-table-layout .place13,  .support_card .tekisei-table-layout .place16,  .support_card .tekisei-table-layout .place18,  .support_card .tekisei-table-layout .place20,  .support_card .tekisei-table-layout .place22 {
padding: 5px;
}
 .support_card .tekisei-table-layout .place6,  .support_card .tekisei-table-layout .place7,  .support_card .tekisei-table-layout .place8,  .support_card .tekisei-table-layout .place9,  .support_card .tekisei-table-layout .place10,  .support_card .tekisei-table-layout .place11,  .support_card .tekisei-table-layout .place12,  .support_card .tekisei-table-layout .place13,  .support_card .tekisei-table-layout .place14 {
padding: 5px 0px;
}
/*イベント選択肢テーブル */
.event_choice_table{
border-radius: 6px;
overflow: hidden;
box-shadow: 0px 0px 0px 2px #b5d915;
}
.event_choice_table td{
border: none !important;
background-color: #faffe5;
}
.event_choice_frame{
display: block;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 4px;
box-shadow: 0px 0px 3px 1px #ced4da;
padding-bottom: 10px;
}
.event_name{
padding: 10px 48px 10px 10px !important;
font-size: 1.5rem !important;
line-height: 15px;
background: linear-gradient(90deg, rgb(122 201 38) 0%, rgb(139 207 65) 100%);
color: #fff;
font-weight: bold;
position: relative;
margin: 10px 0px;
overflow: hidden;
width: 100%;
display: block;
box-sizing: border-box;
text-align: left;
text-shadow: 0px 0px 4px #636363;
}
.event_name a {
text-decoration: underline;
text-decoration-color: #fff;
text-underline-offset: 5px;
text-decoration-style: dotted;
color: #FFF;
}
.event_name a:hover {
color: #7c3900;
text-decoration-color: #7c3900;
text-shadow: 0px 0px 4px #ffffff;
}
.event_name::before, .support_card .content_case .th_left::before {
content: '';
position: absolute;
top: 100%;
bottom: 0;
left: 60%;
right: 0px;
height: 40px;
background-color: rgb(170 231 103);
transform: skewY(338deg);
opacity: 55%;
box-shadow: 1px -3px 3px 0px rgb(139 207 65);
}
.event_name:after, .support_card .content_case .th_left::after {
content: '';
position: absolute;
top: -81px;
bottom: 0;
left: 68%;
right: 0px;
height: 90px;
background-color: rgb(170 231 103);
opacity: 55%;
transform: skewY(36deg);
}
.add_wire{
display: grid;
grid-template-columns: repeat(2, 2fr);
grid-template-rows: 2fr;
width: 100%;
gap: 5px;
padding: 0 7px 0 7px;
box-sizing: border-box;
}
.add_frame, .add_frame2{
display: grid;
grid-template-columns: 80px auto;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 80%;
margin-left: 7px;
border: 1px solid #ccc;
margin-bottom: 7px;
border-radius: 4px;
overflow: hidden;
font-size: 1.1rem;
}
.add_frame2{
margin-left: 0px !important;
width: 100%;
box-sizing: border-box;
}
.add_th, .add_th2{
grid-area: 1 / 1 / 2 / 2;
background: #faf8f4;
padding: 2px;
border-right: 1px solid #CCC;
display: flex;
justify-content: center;
align-items: center;
}
.add_text{
grid-area: 1 / 2 / 2 / 3;
padding: 2px;
text-align: left;
margin-left: 3px;
}
.add_text2{
grid-area: 1 / 2 / 2 / 3;
display: flex;
justify-content: center;
align-items: center;
}
.choice1_frame, .choice2_frame, .choice3_frame, .choice4_frame, .choice5_frame{
display: grid;
grid-template-columns: 45% 55%;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
color: #7c3900;
font-weight: bold;
border: solid 1px #ccc;
margin: 0px 7px 5px 7px;
border-radius: 5px;
justify-items: start;
align-items: center;
overflow: hidden;
font-size: 1.3rem;
}
@media only screen and (min-width: 1020px) {
.choice1_frame, .choice2_frame, .choice3_frame, .choice4_frame, .choice5_frame {
font-size: 1.4rem;
}
}
@media screen and (max-width: 728px) {
.choice1_frame, .choice2_frame, .choice3_frame, .choice4_frame, .choice5_frame {
font-size: 1.2rem !important;
}
}
.choice1_body, .choice2_body, .choice3_body, .choice4_body, .choice5_body{
grid-area: 1 / 1 / 2 / 2;
text-align: left;
padding: 10px 8px;
}
.choice1_result, .choice2_result, .choice3_result, .choice4_result, .choice5_result{
grid-area: 1 / 2 / 2 / 3;
text-align: left;
padding: 10px 8px;
background-color: #fff;
width: 100%;
box-sizing: border-box;
border-left: 1px solid #ccc;
height: 100%;
}
.choice1_frame{
background-color: hsla(84, 75%, 75%, .5);
}
.choice2_frame{
background-color: hsla(51, 91%, 70%, .5);
}
.choice3_frame{
background-color: rgba(247, 193, 217, .5);
}
.choice4_frame{
background-color: rgba(114, 209, 245, .5);
}
.choice5_frame{
background-color: rgba(139, 148, 231, .5);
}
/*ウマ娘ガチャシミュ */
.kamigame-layout-main #gacha_wrapper #button_wrapper{
margin: 0 0 20px;
background-color: #FAFFE5;
border: 2px solid #64B900;
color: #7C3900;
border-radius: 5px;
}
.kamigame-layout-main #gacha_wrapper #button_wrapper button.gacha_execute_button{
background: linear-gradient(180deg, rgba(145, 228, 56, 1) 0%, rgba(131, 204, 51, 1) 50%, rgba(127, 194, 55, 1) 100%) !important;
border: 1px solid #565759 !important;
box-shadow: 0 2px 1px 0 #B4B7C4;
}
.kamigame-layout-main #gacha_wrapper #button_wrapper .reset_button{
border: 1px solid #565759 !important;
color: #7C3900 !important;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgb(221 221 221)) !important;
box-shadow: 0 2px 1px 0 #B4B7C4;
}
.kamigame-layout-main .target_gacha_simulator #button_wrapper button.target_mode_button{
background: linear-gradient(180deg, #FECF40 0%, #FFAF36 50%, #FF9A00 100%) !important;
border: 1px solid #565759 !important;
box-shadow: 0 2px 1px 0 #B4B7C4;
}
.kamigame-layout-main .target_gacha_simulator #button_wrapper {
background: #ffefd8;
border: 2px solid #fda31c;
border-radius: 5px;
}
div#gacha_result > table.gacha_result_table_common > tbody > tr > td > span.icon_large > a > img {
box-sizing: border-box;
border-radius: 5px;
}
.kamigame-layout-main #gacha_wrapper #gacha_result_after table img{
object-fit: contain;
box-sizing: border-box;
padding: 0 1px;
}
.kamigame-layout-main .gacha_result_table_common td.hit{
animation: blink2 5s ease infinite, rainbow 8s ease infinite;
background: linear-gradient(125deg, Magenta, yellow, Cyan, Magenta) 0% center / 1800%;
border-radius: 5px;
}

.gacha_result_table_common {
table-layout: fixed;
}
.gacha_result_table_common > thead tr th {
column-span: all;
}
.gacha_result_table_common > tbody {
display: flex;
width: 100%;
flex-wrap: wrap;
box-sizing: border-box;
background-color: #fff;
padding: 5px;
}
.gacha_result_table_common > tbody tr {
display: block;
width: 14.2%;
}
@media screen and (max-width: 728px) {
.gacha_result_table_common > tbody tr {
display: block;
width: 19.8%;
}
}
.gacha_result_table_common > tbody tr td {
border: none;
margin: 0;
padding: 3px;
text-align: center;
}
div#gacha_result > table.gacha_result_table_common > tbody > tr > td > span.icon_large > a > img {
width: 100%!important;
text-align:center;
}
.kamigame-layout-main .gacha_result_table_common .result_name, .side-block .gacha_result_table_common .result_name, .side_block .gacha_result_table_common .result_name {
display: none;
}
.target_mode_result {
color: #7c3900;
font-weight: bold;
border-radius: 5px;
overflow: hidden;
box-shadow: 0px 0px 0px 1px #3ca381;
background: #3ca381;
}
.target_mode_result img{
border-radius: 5px;
}
.target_mode_result th {
background-color: #79d724 !important;
color: #fff;
}
.kamigame-layout-main .target_gacha_simulator table.target_mode_result tr td:first-child, .kamigame-layout-main .target_gacha_simulator table.target_mode_result tbody tr:first-child td:nth-child(2) {
background-color: #efffe0;
font-weight: bold;
}
.kamigame-layout-main .target_gacha_simulator table.target_mode_result tbody tr:first-child td:nth-child(2) {
width: 30%;
}
/*ツールチップ無効化タグ */
.tooltip_null .tooltip:after {
width: 0px;
height: 0px;
margin-left: 0px;
}
.tooltip_null .tooltip {
border-bottom: none;
width: 100%;
padding-bottom: 0px;
color: #fff;
}
/*ポイントテーブルデザイン改修 */
.kamigame-layout-main table.point_table td:before {
border: 8px solid rgb(122 201 38);
}
.kamigame-layout-main table.point_table td:after {
border: solid #ffffff;
border-width: 0 2px 2px 0;
}
.kamigame-layout-main table.point_table .point_table_child:before, .side-block table.point_table .point_table_child:before, .side_block table.point_table .point_table_child:before {
filter: hue-rotate(284deg) brightness(130%);
}
.kamigame-layout-main table.point_table th {
background: #faf8f4 !important;
}

/*心得Tier*/

table.kokoroe-table span[class^=popup-toggle__]:after {
content: none!important;
}

/*星数ラベル*/

.debuff_label{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.debuff_label::after{
position: absolute;
content: "デバフ";
top: 0px;
left: 0px;
background-color: #e62600;
font-size: 8px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.buff_label{
position: relative;
display: inline-block;
overflow: hidden;
top: 9px;
}

.buff_label::after{
position: absolute;
content: "バフ";
top: 0px;
left: 0px;
background-color: #ff8000;
font-size: 8px;
color: #fff;
font-weight: 700;
text-align: center;
padding: 0px 2px;
white-space: nowrap;
border-radius: 2px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.item-bubble {
  cursor: pointer;
}