/* 一覧デザインのベース */
.kg_custom_listTable{display:flex;flex-direction:column;border:1px solid #ccc;border-bottom:0;margin-bottom:15px}.kg_custom_listTable.default_subject>div>.kg_list>div.kg_table,.kg_custom_listTable>div.kg_spare{display:table;width:100%;table-layout:fixed}.kg_custom_listTable>div{border-bottom:1px solid #ccc;position:relative}.kg_custom_listTable.default_subject>div>.kg_list{position:relative}.kg_custom_listTable>div.kg_spare>.kg_list{display:table-cell}.kg_custom_listTable>div>.kg_list{position:relative;width:100%}.kg_custom_listTable.default_subject>div>.kg_list>.kg_head{display:flex;align-items:center;background-color:#e8f3f3;border-bottom:1px solid #e2e2e2;padding:3px 5px;font-weight:700;position:relative}.kg_custom_listTable.default_subject>div>.kg_list>.kg_head>.kg_number{background-color:#fff;border:1px solid #ccc;border-radius:3px;color:#333;display:inline-block;font-family:SF Pro Text,SF Pro Display,Helvetica,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Robot,Droid Sans,メイリオ,Meiryo,sans-serif;font-size:1.2rem;font-weight:700;line-height:1;margin:0 6px 0 0;padding:3px 5px;text-align:center}.kg_custom_listTable.default_subject>div>.kg_list>.kg_head>.kg_head_right{display:inline-block;position:absolute;top:3px;right:0;letter-spacing:-.4em}.kg_custom_listTable.default_subject>div>.kg_list>.kg_head>.kg_head_right>.kg_stand{background-color:#fff!important;color:#333!important;display:inline-block!important;font-size:1.2rem!important;font-weight:700!important;line-height:1!important;text-align:center!important;border:1px solid #ccc!important;border-image:initial!important;border-radius:3px!important;margin:0 5px!important;letter-spacing:normal;padding:3px 5px!important;font-family:SF Pro Text,SF Pro Display,Helvetica,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Robot,Droid Sans,メイリオ,Meiryo,sans-serif}.kg_custom_listTable.default_subject>div>.kg_list>div.kg_table>div{line-height:1.6em;display:table-cell;vertical-align:middle}.kg_custom_listTable.default_subject>div>.kg_list>div>.kg_layer{width:90px;padding:5px;box-sizing:border-box;border-right:1px solid #e2e2e2}.kg_custom_listTable.default_subject.karakuri>div>.kg_list>.kg_table>.kg_layer>.kg_icon{position:relative;font-size:12px;font-weight:700}.kg_custom_listTable.default_subject>div>.kg_list>div>.kg_layer img{width:100%;height:auto;margin:0!important;border-radius:2px}.kg_custom_listTable.default_subject>div>.kg_list>div>.kg_body{padding:5px;font-size:12px;background-color:#fff}.kg_custom_listTable.default_subject>div>.kg_list>.kg_table>.kg_body>.kg_content{display:grid;grid-template-columns:50px 1fr;grid-gap:5px 8px;align-items:baseline}.kg_custom_listTable.default_subject>div>.kg_list>.kg_table>.kg_body [class^=kg_label]{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:11px;font-weight:700;width:50px;text-align:center;border-radius:2px;margin-right:4px;padding:4px 1px;position:relative;opacity:.8}.kg_custom_listTable.default_subject>div>.kg_list .kg_label-grey{background-image:linear-gradient(to bottom,#a2a2a2 0,#b0b0b0 50%,#8c8c8c 100%);color:#fff}.kg_custom_listTable.default_subject>div>.kg_list .kg_label-red{background-image:linear-gradient(to bottom,#f77474 0,#e53935 50%,#c62828 100%);color:#fff}.kg_custom_listTable.default_subject>div>.kg_list .kg_label-blue{background-image:linear-gradient(to bottom,#64b5f6 0,#1e88e5 50%,#1565c0 100%);color:#fff}.kg_custom_listTable.default_subject>div>.kg_list .kg_label-green{background-image:linear-gradient(to bottom,#81c784 0,#43a047 50%,#2e7d32 100%);color:#fff}.kg_custom_listTable.default_subject>div>.kg_list .kg_label-orange{background-image:linear-gradient(to bottom,#ffb74d 0,#fb8c00 50%,#ef6c00 100%);color:#fff}.kg_custom_listTable.default_subject.accessory>div>.kg_list>.kg_table>.kg_body>.kg_content>div img{display:inline-block!important;vertical-align:middle;margin-bottom:1px!important;margin-right:3px!important;border-radius:3px}.kg_custom_listTable.default_subject>div>.kg_list .kg_label-2,.kg_custom_listTable.default_subject>div>.kg_list .kg_label-3{display:inline-block;font-size:12px;line-height:12px;font-weight:700;width:50px;color:#fff;background-color:#e2e2e2;text-align:center;border-radius:2px;margin-right:5px;padding:3px 0;position:relative;top:-1px;opacity:.8}.kg_custom_listTable.default_subject>div>.kg_list>.kg_head>.kg_head_icon{display:flex;align-items:center}.kg_custom_listTable.default_subject>div>.kg_list>.kg_head>.kg_head_icon img{margin-bottom:1px;display:inline-block;margin-right:2px}.kg_custom_listTable.default_subject>div>.kg_list .kg_value_table{display:table;width:100%;table-layout:fixed;border-top:1px solid #ccc;border-left:1px solid #ccc;margin:1px 0 6px;box-sizing:border-box}.kg_custom_listTable.default_subject>div>.kg_list .kg_value_table>div._kg_value_label{color:#ccc}.kg_custom_listTable.default_subject>div>.kg_list .kg_value_table>div{display:table-cell;vertical-align:top;width:auto;text-align:center;font-weight:700;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fcfcfc;position:relative;padding:14px 0 2px}.kg_custom_listTable.default_subject>div>.kg_list .kg_value_table>div::before{position:absolute;content:'';display:block;top:2px;left:0;font-size:10px;line-height:10px;text-align:center;width:100%;transform:scale(.9);color:grey}.kg_custom_listTable.headcellver>div>.kg_list>.kg_layer{display:table-cell;border:solid #ccc;border-width:0 1px 1px 0;padding:3px;vertical-align:middle}.kg_custom_listTable.headcellver>div>.kg_list>.kg_layer img{min-width:80px!important;height:auto}.kg_custom_listTable.headcellver>div>.kg_list>.kg_head{display:table-cell;background:unset;width:100%;height:auto;vertical-align:top;padding:0}.kg_custom_listTable.headcellver>div>.kg_list .kg_head .kg_head_name{background:#e8f3f3;padding:3px 4px;border-bottom:1px solid #ccc}.kg_custom_listTable>div>.kg_list img{display:inline-block;margin:0 2px 0 0;vertical-align:middle}.kg_custom_listTable.headcellver>div>.kg_list .kg_head .kg_content .kg_frame_th{display:table-cell;width:51px;color:grey;font-size:12px;background:#f1f1f1;border-right:1px solid #ccc;text-align:center;padding:2px 5px;vertical-align:middle}.kg_custom_listTable.headcellver>div>.kg_list .kg_frame{display:table-cell;padding:0 4px;line-height:0;height:28px;vertical-align:middle;font-size:12px}.kg_custom_listTable.headcellver>div>.kg_list .kg_frame>.kg_frame_tag{display:inline-block;align-items:center;justify-content:center;border:1px solid #ccc;background:linear-gradient(to bottom,#fff,#f6f6f6);font-size:12px;font-weight:700;border-radius:3px;padding:3px 5px;color:#404040;margin:2px 4px 2px 0;vertical-align:middle}.kg_custom_listTable>div>.kg_list .kg_frame>.kg_frame_tag img{vertical-align:middle;width:15px;height:15px}.kg_custom_listTable.headcellver>div>.kg_list .kg_head>div:nth-child(4){border-top:1px solid #e2e2e2}.filter-image__excluded{display:none!important}.filter-table-list{background-color:#fff}.kg_iconlist ol{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;padding-inline-start:0px;grid-row-gap:9px}.kg_iconlist li{list-style:none;position:relative;height:auto;border-radius:3px;background:#212121}.kg_iconlist img{border-radius:4px 4px 0 0;width:100%;height:auto;display:inline-block;margin-bottom:0}.kg_iconlist span{position:absolute;display:block;background-color:#2c2c2c;border-radius:0 0 3px 3px;text-align:center;color:#fff;font-size:10px;font-weight:bolder;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;bottom:-3px;margin:auto;letter-spacing:-.8px}.kg_iconlist>ol>.kg_hover:hover{opacity:.6}.guide_table{font-size:12px}.guide_table th{font-size:13px}.guide_table td{font-size:12px;padding:8px!important}.nop_table td{padding:3px!important;font-size:13px}.nop_image_element{display:flex;align-items:center;justify-content:center;position:relative}.nop_image_element::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #a9935a!important;border-radius:5px}.nop_image img{border-radius:5px}@media screen and (max-width:728px){.kg_iconlist ol{grid-template-columns:repeat(5,1fr);grid-gap:4px;grid-row-gap:7px}.nop_table td{font-size:12px}}

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

/* basic-reset */
.game-header-wrapper {
background: #161515;
}

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

/* 見出し */
.kamigame-layout-main h2 {
color: #eccfa3;
padding: 12px 10px 12px 20px;
background: no-repeat center/100% 100% url("/img/expedition33/expedition33_h2.png");
position: relative;
line-height: 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: #eccfa3;
background: no-repeat center/100% 100% url("/img/expedition33/expedition33_h2.png");
position: relative;
line-height: 1;
}
}

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

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

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

.kamigame-layout-main h3:before {
top: 0;
content: "";
display: block;
width: 100%;
background-image: url("/img/expedition33/expedition33_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/expedition33/expedition33_h4.png");
width: 22px;
height: 22px;
background-size: 22px 22px;
background-repeat: no-repeat;
border-radius: 0;
}

.side-block h2, .side_block h2 {
position: relative;
background: #161515;
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, #d2b532, #e8c982);
}

.side-block h2:after, .side_block h2:after {
border: none;
border-bottom: 3px solid transparent;
border-right: 5px solid #555;
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 #d2b532;
}

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

/* テーブル */
.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: #e5edec;
border-color: #ccc;
}

.side-block table, .side_block table, .kamigame-layout-main table,
.side-block table.point_table, .side_block table.point_table, .kamigame-layout-main table.point_table,
.side-block table, .side_block table, .kamigame-layout-main table,
.side-block td, .side_block td, .kamigame-layout-main td {
background-color: rgba(255, 255, 255, 1);
}

/* チャットテーブル */
.chat-table-left-bubble,
.chat-table-right-bubble,
.author-speech-bubble {
background: #e5edec;
}

.chat-table-left-bubble:before,
.author-speech-bubble:before {
border-right: 10px solid #e5edec;
}
.chat-table-right-bubble:after{
border-left: 10px solid #e5edec;
}

/* ボタン */
.kamigame-layout-main .button_navigation a {
background: #161515;
border: 2px solid #eccfa3;
color:#eccfa3;
}

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

.kamigame-layout-main .button_navigation a:hover {
opacity: 0.7;
background: #161515;
color:#eccfa3;
}

.enquete_button_box > .button_navigation > a {
background: #161515;
border: 2px solid #eccfa3;
color: #eccfa3;
}

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

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

.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,
.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 #eccfa3;
border-top: 2px solid #eccfa3;
}

.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,
.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 #eccfa3;
border-right: 2px solid #eccfa3;
}

.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: #161515;
}

.kamigame-layout-main table.pagination td a, .side-block table.pagination td a, .side_block table.pagination td a {
color:#eccfa3;
}

.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: #161515;
color: #eccfa3;
}

/* 装飾テーブル */
.kamigame-layout-main table.step_table .chart_number {
background: #44321f;
color: #fff;
}

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

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

.kamigame-layout-main .related_links::after {
background: #44321f;
color: #fff;
font-weight: 700;
}

/* 目次 */
.kamigame-table-of-contents {
background-color: #fff;
}

/* ランキング */
.kamigame-layout-main table.sidebar_ranking .rank_other, .side-block table.sidebar_ranking .rank_other, .side_block table.sidebar_ranking .rank_other {
background-color: #44321f;
}

/* キーワード検索 */
.table_search_form {
background-color: #efefef;
}

/* カスタムヘッダー */
.custom_header_table {
background: #fff!important;
border: 2px solid #911c12 !important;
box-shadow: 0 0 8px -4px #911c12 !important;
}

.custom_header_table th>strong {
color: #911c12;
}

.kamigame-layout-main .custom_header_table td a {
padding: 5px 10px 5px 30px;
}

.kamigame-layout-main .custom_header_table tr:last-child td a {
padding: 5px 10px 10px 30px;
}

.kamigame-layout-main .custom_header_table td {
border: none;
color: #666;
font-feature-settings: "palt";
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
padding: 0;
position: relative;
}

.kamigame-layout-main .custom_header_table td:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-51%);
background: url("/img/expedition33/expedition33_custom-header.png");
background-size: 16px 16px;
border-radius: unset;
width: 16px;
height: 16px;
background-repeat: no-repeat;
}

/* 切り替えタブ */
.side-block .tab-wrapper input:checked + .tab, .side_block .tab-wrapper input:checked + .tab, .kamigame-layout-main .tab-wrapper input:checked + .tab {
  background-color: #44321f;
}

.side-block .tab-wrapper, .side_block .tab-wrapper, .kamigame-layout-main .tab-wrapper {
  border-bottom: 3px solid #44321f;
}

.guide_list_table{
    font-size: 12px;
  }

@media screen and (max-width: 728px) {

.guide_list_table{
    font-size: 11px;
  }
}
  
  .guide_list_table th{
    font-size: 12px;
  }
  
  .guide_list_table td{
    font-size: 12px;
    padding: 3px !important;
  }

.kg33_w-full .guide_list_table th {
  font-size: 11px;
}

.kg_custom_listTable.default_subject>div>.kg_list>div>.kg_layer {
  background-color: #fff;
}



/* 一覧新デザイン */
/* レイアウト */
.kg33_flex { display: flex !important; }
.kg33_flex-shrink-0 { flex-shrink: 0 !important; }
.kg33_flex-grow { flex-grow: 1 !important; }
.kg33_justify-between { justify-content: space-between !important; }
.kg33_items-start { align-items: flex-start !important; }

/* グリッドレイアウト */
.kg33_grid { display: grid !important; }
.kg33_grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.kg33_gap-4 { gap: 0.5rem !important; }

/* サイズと余白 */
.kg33_w-16 { width: 4rem !important; }
.kg33_h-16 { height: 4rem !important; }
.kg33_w-full { width: 100% !important; }
.kg33_ml-4 { margin-left: 1rem !important; }
.kg33_mt-1 { margin-top: 0.25rem !important; }
.kg33_mt-2 { margin-top: 1rem !important; }
.kg33_p-4 { padding: 1rem 1rem 0.5rem 1rem !important; }
.kg33_p-2 { padding: 0.5rem !important; }
.kg33_px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.kg33_py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } 
.kg33_mt-1>.kg_content>.frame_label { font-size: 11px !important; color: #0e0f11 !important; margin-left: 0px !important;}
.kg33_flex-grow>.kg_body>.kg_content { display: grid !important; grid-template-columns: 50px 1fr !important; grid-gap: 2px 2px !important; align-items: baseline !important; line-height: 1.8rem !important; }
.kg33_flex-grow>.kg_body>.tabbed-table-wrapper>.kg_content { display: grid !important; grid-template-columns: 50px 1fr !important; grid-gap: 2px 2px !important; align-items: baseline !important; line-height: 1.8rem !important; padding: 5px !important; border: solid 1px #e5e7eb; border-radius: 5px; background-color: #fff !important;}
.kg33_flex-grow>.kg_body>.tabbed-table-wrapper>.kg_content_layer { padding: 5px !important; border: solid 1px #e5e7eb; border-radius: 5px; background-color: #fff !important;}

/* テキスト */
.kg33_text-center { text-align: center !important; }
.kg33_text-xs { font-size: 12px !important; }
.kg33_text-sm { font-size: 12px !important; }
.kg33_text-lg { font-size: 13px !important; }
.kg33_font-bold { font-weight: 700 !important; }
.kg33_font-medium { font-weight: 500 !important; }
.kg33_text-blue-600 { color: #2563eb !important; }
.kg33_text-blue-800 { color: #1e40af !important; }
.kg33_text-gray-500 { color: #0e0f11 !important; }
.kg33_text-red-500 { color: #ef4444; }
.kg33_text-red-600 { color: #dc2626; }
.kg33_text-red-700 { color: #b91c1c; }
.kg33_text-red-800 { color: #991b1b; }
.kg33_text-yellow-500 { color: #eab308; }
.kg33_text-yellow-600 { color: #ca8a04; }
.kg33_text-yellow-700 { color: #a16207; }
.kg33_text-yellow-800 { color: #854d0e; }
.kg33_text-purple-500 { color: #a855f7; }
.kg33_text-purple-600 { color: #9333ea; }
.kg33_text-purple-700 { color: #7e22ce; }
.kg33_text-purple-800 { color: #6b21a8; }
.kg33_text-green-500 { color: #22c55e; }
.kg33_text-green-600 { color: #16a34a; }
.kg33_text-green-700 { color: #15803d; }
.kg33_text-green-800 { color: #166534; }
.kg33_text-white-700 { color: #000 }

/* 背景色 */
.kg33_bg-gray-50 { background-color: #f9fafb !important; border: solid 1px #cacaca !important; margin-bottom: 5px; }
.kg33_bg-gray-100 { background-color: #f3f4f6 !important; }
.kg33_bg-blue-50 { background-color: #eff6ff !important; }
.kg33_bg-green-100 { background-color: #dcfce7 !important; }
.kg33_bg-blue-200 { background-color: #bfdbfe !important; }
.kg33_bg-gray-200 { background-color: #e5e7eb !important; }
.kg33_bg-red-50 { background-color: #fef2f2; }
.kg33_bg-red-100 { background-color: #fee2e2; }
.kg33_bg-red-200 { background-color: #fecaca; }
.kg33_bg-yellow-50 { background-color: #fffbeb; }
.kg33_bg-yellow-100 { background-color: #fef3c7; }
.kg33_bg-yellow-200 { background-color: #fde68a; }
.kg33_bg-purple-50 { background-color: #faf5ff; }
.kg33_bg-purple-100 { background-color: #f3e8ff; }
.kg33_bg-purple-200 { background-color: #e9d5ff; }
.kg33_bg-white-200 { background-color: #fff; }

/* ボーダーとシャドウ */
.kg33_border { border-width: 1px !important; }
.kg33_border-gray-200 { border-color: #e5e7eb !important; }
.kg33_rounded-lg { border-radius: 0.5rem !important; }
.kg33_rounded-md { border-radius: 0.375rem !important; }
.kg33_rounded-full { border-radius: 9999px !important; min-width: 1.6rem !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.kg33_overflow-hidden { overflow: hidden !important; }

/* テーブル */
.kg33_border-collapse { border-collapse: collapse !important; }

/* インタラクティブ要素 */
.kg33_transition-all { transition-property: all !important; }
.kg33_transition-colors { transition-property: color, background-color, border-color !important; }
.kg33_duration-200 { transition-duration: 100ms !important; }
.kg33_transform { transform-style: preserve-3d !important; }

/* ホバー効果 */
.kg33_hover_text-blue-800:hover { color: #1e40af !important; }


/* 画像関連 */
.kg33_object-cover { object-fit: cover !important; }


/* ビルドデザイン */
/* 共通変数 */
:root {
  --font-main: 'Segoe UI', 'Yu Gothic', 'Meiryo', sans-serif !important;
  --color-bg-primary: #0f0f0f !important;
  --color-bg-secondary: #111111 !important;
  --color-bg-dark: #000000 !important;
  --color-bg-item: #1a1a1a !important;
  --color-text-primary: #ffffff !important;
  --color-text-secondary: #bbbbbb !important;
  --color-text-muted: #999999 !important;
  --color-accent-blue: #4a90e2 !important;
  --color-accent-gold: #ffd700 !important;
  --color-accent-teal: #4bc0c8 !important;
  --color-border-primary: #333333 !important;
  --color-border-secondary: #222222 !important;
  --color-border-highlight: #60a5fa !important;
  --border-radius: 8px !important;
  --border-radius-sm: 5px !important;
}

/* ゲームUI全体のベーススタイル */
.kg33_build_container {
  font-family: var(--font-main) !important;
  background-color: var(--color-bg-primary) !important;
  color: var(--color-text-primary) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid var(--color-border-primary) !important;
  line-height: 2.3rem !important;
  border-radius: var(--border-radius) !important;
}

/* ヘッダー部分 */
.kg33_build_header {
  background-color: var(--color-bg-dark) !important;
  padding: 12px 0 !important;
  text-align: center !important;
  border-bottom: 1px solid var(--color-border-primary) !important;
  border-radius: var(--border-radius) !important;
}

.kg33_build_title {
  margin: 0 !important;
  font-size: 17px !important;
  font-weight: normal !important;
}

/* セクションタイトル共通スタイル */
.kg33_build_section_title, 
.kg33_build_skills_title, 
.kg33_build_pictus_title,
.kg33_build_luminus_title {
  text-align: center !important;
  font-size: 17px !important;
  font-weight: normal !important;
  padding: 12px 0 !important;
  background-color: var(--color-bg-dark) !important;
}

/* 武器情報セクション */
.kg33_build_weapon_info {
  display: flex !important;
  padding: 15px !important;
  border-bottom: 1px solid var(--color-border-primary) !important;
  background: repeat-y center / 100% auto url(https://lh3.googleusercontent.com/7vrAvEZlqb-Ig5qvbjSA338P1DzHRdp4BUq6HvuXUPQz4OZlgJQr_r-bvSpviL6EhGfkhe00Fjma1ikCNjjdMxcYSgXQkFBYgc1J7uBWgN_P0dib6Q=s0) !important;
}

.kg33_build_weapon_image {
  margin-right: 15px !important;
}

.kg33_build_weapon_img {
  filter: brightness(0.8) !important;
  max-width: 80px !important;
  height: auto !important;
}

.kg33_build_weapon_details {
  flex-grow: 1 !important;
}

.kg33_build_weapon_name_level {
  display: flex !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}

.kg33_build_weapon_name {
  font-size: 20px !important;
  color: var(--color-text-primary) !important;
}

.kg33_build_level_selector {
  display: flex !important;
  align-items: center !important;
}

.kg33_build_level_label {
  font-size: 14px !important;
  margin-right: 3px !important;
}

.kg33_build_level_nav {
  display: flex !important;
  align-items: center !important;
}

.kg33_build_level_arrow {
  color: var(--color-accent-blue) !important;
  font-size: 18px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  cursor: pointer !important;
  display: inline-block !important;
  width: 20px !important;
  text-align: center !important;
}

.kg33_build_level_arrow.blue {
  color: var(--color-accent-blue) !important;
}

.kg33_build_level_value {
  margin: 0 8px 0 0 !important;
  color: #ECCFA3 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.kg33_build_power_section {
  display: flex !important;
  align-items: baseline !important;
  margin-bottom: 10px !important;
}

.kg33_build_power_label {
  font-size: 12px !important;
  margin-right: 5px !important;
}

.kg33_build_power_value {
  font-size: 16px !important;
  font-weight: bold !important;
}

.kg33_build_power_note {
  font-size: 10px !important;
  color: var(--color-text-muted) !important;
  margin-left: 5px !important;
}

.kg33_build_quality_section {
  display: flex !important;
  align-items: center !important;
}

.kg33_build_quality_item {
  font-size: 12px !important;
  margin-right: 15px !important;
  text-align: center !important;
}

.kg33_build_quality_item > div > img {
  width: 20px !important;
}

.kg33_build_quality_rating {
  color: var(--color-accent-gold) !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

/* スキルセクション */
.kg33_build_skills_container {
  border-bottom: 1px solid var(--color-border-primary) !important;
  padding-bottom: 13px !important;
  background-color: var(--color-bg-secondary) !important;
}

.kg33_build_skill_list {
  padding: 0 15px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.kg33_build_skill_item {
  display: flex !important;
  align-items: center !important;
  padding: 5px 15px !important;
  position: relative !important;
  height: 45px !important;
  background-color: var(--color-bg-item) !important;
  border: 1px solid var(--color-border-primary) !important;
  border-radius: var(--border-radius-sm) !important;
  overflow: hidden !important;
}

.kg33_build_skill_icon {
  width: 30px !important;
  height: 30px !important;
  position: relative !important;
  transform: rotate(45deg) !important;
  overflow: hidden !important;
  border: 1px solid #444 !important;
  margin-right: 15px !important;
}

.kg33_build_skill_icon img {
  width: 33px !important;
  height: 33px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  object-fit: cover !important;
}

.kg33_build_skill_name {
  flex-grow: 1 !important;
  font-size: 13px !important;
  color: var(--color-text-primary) !important;
}

.kg33_build_skill_level_container {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

.kg33_build_skill_multiply {
  font-size: 18px !important;
  margin-right: 5px !important;
  color: #cccccc !important;
}

.kg33_build_skill_level {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 12px !important;
  font-weight: bold !important;
  position: relative !important;
}

.kg33_build_skill_level:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  rotate: 45deg !important;
  border: 1px solid rgb(43, 44, 44) !important;
  background: #295295 !important;
}

.kg33_build_skill_level > * {
  position: relative !important;
  color: white !important;
}

.kg33_build_skill_item:hover { 
  border-color: var(--color-border-highlight) !important; 
  transition-duration: 150ms !important; 
}

/* ピクトスセクション */
.kg33_build_pictus_container {
  background-color: var(--color-bg-secondary) !important;
  border-bottom: 1px solid var(--color-border-primary) !important;
  padding-bottom: 15px !important;
}

.kg33_build_pictus_list {
  padding: 0 15px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-gap: 10px !important;
}

.kg33_build_pictus_item {
  background-color: var(--color-bg-item) !important;
  border: 1px solid var(--color-border-primary) !important;
  border-radius: var(--border-radius-sm) !important;
  overflow: hidden !important;
  line-height: 1.4rem !important;
}

.kg33_build_pictus_header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid var(--color-border-secondary) !important;
}

.kg33_build_pictus_name {
  font-size: 14px !important;
  color: var(--color-text-primary) !important;
}

.kg33_build_pictus_clear_btn {
  color: #aaa !important;
  background-color: #222 !important;
  padding: 5px 10px !important;
  border-radius: 15px !important;
  font-size: 14px !important;
}

.kg33_build_pictus_content {
  display: flex !important;
  align-items: center !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid var(--color-border-secondary) !important;
}

.kg33_build_pictus_icon_container {
  margin-right: 15px !important;
  width: 30px !important;
  height: 30px !important;
  position: relative !important;
}

.kg33_build_pictus_icon {
  width: 30px !important;
  height: 30px !important;
  position: absolute !important;
  background-color: var(--color-bg-item) !important;
  border: 2px solid #444 !important;
  transform: rotate(45deg) !important;
  overflow: hidden !important;
}

.kg33_build_pictus_icon img {
  width: 32px !important;
  height: 32px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  object-fit: cover !important;
}

.kg33_build_pictus_stats {
  flex-grow: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.kg33_build_pictus_stat_row {
  display: flex !important;
  align-items: center !important;
  margin-right: 20px !important;
}

.kg33_build_pictus_stat_row.cr-row {
  display: flex !important;
  align-items: center !important;
  margin-right: 20px !important;
}

.kg33_build_pictus_stat_type {
  font-size: 13px !important;
  color: #aaa !important;
  margin-right: 10px !important;
}

.kg33_build_pictus_stat_value {
  font-size: 15px !important;
  font-weight: bold !important;
  color: var(--color-text-primary) !important;
}

.kg33_build_pictus_level_container {
  margin-left: auto !important;
  text-align: right !important;
  display: flex !important;
  align-items: center !important;
}

.kg33_build_pictus_description {
  padding: 10px 15px !important;
  font-size: 13px !important;
  color: var(--color-text-secondary) !important;
}

.kg33_build_pictus_item:hover { 
  border-color: var(--color-border-highlight) !important; 
  transition-duration: 150ms !important; 
}

a.kg33_build_pictus_name:hover { 
  color: var(--color-border-highlight) !important; 
}

/* ルミナスセクション */
.kg33_build_luminus_container {
  width: 100% !important;
  background-color: var(--color-bg-secondary) !important;
  color: var(--color-text-primary) !important;
  font-family: var(--font-main) !important;
  padding: 0px 0 10px 0 !important;
  border-bottom: 1px solid var(--color-border-primary) !important;
}

.kg33_build_luminus_count {
  color: var(--color-accent-blue) !important;
  font-size: 18px !important;
  font-weight: normal !important;
}

.kg33_build_luminus_list {
  padding: 0 15px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}

.kg33_build_luminus_item {
  display: flex !important;
  align-items: center !important;
  padding: 10px 15px !important;
  height: 20px !important;
  background-color: var(--color-bg-item) !important;
  border: 1px solid var(--color-border-primary) !important;
  border-radius: var(--border-radius-sm) !important;
  overflow: hidden !important;
}

.kg33_build_luminus_icon_wrapper {
  width: 20px !important;
  height: 20px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.kg33_build_luminus_icon {
  width: 20px !important;
  height: 20px !important;
  position: absolute !important;
  transform: rotate(45deg) !important;
  overflow: hidden !important;
  background-color: var(--color-bg-item) !important;
  border: 2px solid #444 !important;
}

.kg33_build_luminus_icon img {
  width: 22px !important;
  height: 22px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
  object-fit: cover !important;
}

.kg33_build_luminus_name {
  flex-grow: 1 !important;
  font-size: 13px !important;
  color: var(--color-text-primary) !important;
  margin-left: 15px !important;
}

.kg33_build_luminus_value {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--color-accent-teal) !important;
  margin-left: auto !important;
  text-align: right !important;
}

.kg33_build_luminus_add {
  font-size: 16px !important;
  color: #777 !important;
  text-decoration: none !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.kg33_build_luminus_item.add {
  border: 1px dashed #444 !important;
  background-color: transparent !important;
}

a.kg33_build_luminus_item:hover { 
  border-color: var(--color-border-highlight) !important; 
  transition-duration: 150ms !important; 
}

/* 属性セクション */
.kg33_build_attributes_section {
  border-bottom: 1px solid var(--color-border-primary) !important;
  padding-bottom: 15px !important;
}

.kg33_build_attributes_grid {
  margin: 0 15px !important;
}

.kg33_build_attribute_row {
  display: flex !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--color-border-secondary) !important;
}

.kg33_build_attribute_name {
  font-size: 14px !important;
}

.kg33_build_attribute_rating {
  color: var(--color-accent-gold) !important;
  font-size: 14px !important;
  margin-right: 10px !important;
}

.kg33_build_attribute_nav {
  display: flex !important;
  align-items: center !important;
}

.kg33_build_attribute_value {
  font-size: 14px !important;
  margin: 0 8px !important;
}

.kg33_build_attribute_note {
  font-size: 10px !important;
  color: var(--color-text-muted) !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* 統計セクション */
.kg33_build_stats_section {
  padding-bottom: 15px !important;
}

.kg33_build_stats_grid {
  margin: 0 15px !important;
}

.kg33_build_stat_row {
  display: flex !important;
  justify-content: space-between !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--color-border-secondary) !important;
}

.kg33_build_stat_name {
  font-size: 14px !important;
}

.kg33_build_stat_value {
  font-size: 14px !important;
}

/* メディアクエリ */
@media screen and (max-width: 728px) {
  .kg33_build_skill_list {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  
  .kg33_build_luminus_list {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  
  .kg33_build_pictus_list {
    grid-gap: 8px !important;
  }
  
  .kg33_build_power_value {
    font-size: 16px !important;
  }
  
  .kg33_build_weapon_name {
    font-size: 18px !important;
  }
}


/* マップツール2カラム用 */

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  height: 520px !important;
  background-color: #1f1f1f !important;
}

@media screen and (max-width: 728px) {

  .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    height: 380px !important;
  }

}

.leaflet-marker-icon {
  width: 28px !important;
  height: 28px !important;
}


.kamigame-layout-main .switch-content-select-box__select-wrapper,
.side-block .switch-content-select-box__select-wrapper,
.side_block .switch-content-select-box__select-wrapper {
  margin-bottom: 8px;
}


.map-table td {
  padding: initial !important;
}

.image-table {
  border: initial !important;

}

.image-table td {
  padding: initial !important;
}

.kg_custom_listTable.default_subject>div>.kg_list>.kg_head {
    background-color: #ebebeb !important;
    border-bottom: 1px solid #eee !important;
}


.filter-content-list{
    background-color: #fff !important;
}