form {
   margin:0;
}
body,table,tr,td,input[type="submit"],textarea,div,span,select,option {
   font-size:12px;
   font-family: "ＭＳ Ｐゴシック",sans-serif; 
}
table{
    border-collapse
}
pre{
    margin:0;
}



select{
  z-index:60;position:relative;
}

#IdCrests{
  z-index:10;position:relative;
}

.tdmap{
    width:30px; height:30px;
    background-repeat: no-repeat; background-position: center center; text-align: center; vertical-align: middle; position:relative;
}

.CMSce{
position : absolute;top : 0;left : 0; z-index : 9999; opacity : 0.01; pointer-events : auto;
}

.btTile2{
    background-color: rgba(255, 165, 0, 0.1); width:38px;height:38px;margin:auto;cursor:pointer;
    top:3px;left:3px;position:absolute;border:solid 2px gray;z-index:300;
    text-align: center;  vertical-align: middle; line-height:38px;font-size:30px;color:white;font-weight:bold;
}

.btTile{
    background-color: rgba(255, 165, 0, 0.1); width:38px;height:38px;margin:auto;cursor:pointer;
    top:3px;left:3px;position:absolute;border:solid 2px black;z-index:300;
    text-align: center;  vertical-align: middle; line-height:38px;font-size:30px;color:white;font-weight:bold;

    text-shadow: 3px  3px 3px gray,  
                -3px  3px 3px gray,  
                 3px -3px 3px gray,  
                -3px -3px 3px gray;  
    
}

.COsts{
    position:absolute;left:-8px;top:-5px;width:45px;height:15px;overflow:hidden;opacity:0.8;
}
.Calph{
    position:absolute;left:19px;top:20px;color:white;
}


.btMvbk{
    background-color:blue;opacity:0.35;width:38px;height:38px;margin:auto;cursor:pointer;
    top:4px;left:4px;position:absolute;z-index:100;
}
.btMv{
    background-color:blue;opacity:0;width:100%;height:100%;cursor:pointer;
    top:0px;left:0px;position:absolute;z-index:100; border-radius: 3px;
}


.CBlink {
  animation: blinkAnime 4s ease-in-out infinite;
}

@keyframes blinkAnime {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3; /* 完全に消さずに少し薄くする */
  }
}

.btdmap{
    text-align: center;  vertical-align: middle;
    width:46px; height:46px; background-size: auto 45px;position:relative;
}

.btlogdmap{
    text-align: center;  vertical-align: middle;
    width:36px; height:36px; background-size: auto 35px;position:relative;
}

#IdBMap{
    width:276px; height:230px;
}

#dek{
z-index:9000;
}
.CBMem{
z-index:200;position:absolute;top:5px;left:9px;font-size: 0;
}
.Cbar{
display: flex; width: 100%; height: 5px;margin:0px;position:absolute;top:33px;left:0px;z-index:400;
}

.CImgCnt{
    color:white; font-size:12px;   
    text-shadow: 2px  2px 2px black,  
                -2px  2px 2px black,  
                 2px -2px 2px black,  
                -2px -2px 2px black;  
    top:18px;left:20px;position:absolute;

}

.CKadomaru{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
}
.CKadomaruMini{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -o-border-radius:2px;
    -ms-border-radius:2px;
}
.CPop{
border:solid 2px #003333;
background-image:url(/dwd/dd_img/common_img/top_bg_mid\.gif);
background-color:white;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
	box-shadow: gray 1px 1px;

}
.CKadomaruL{
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;
}

.CFrameTop{
    width:780px;text-align:left;position:relative;
}

.CMainTbl{
    width:800px;background-image:url(/dwd/dd_img/common_img/top_bg_mid\.gif);margin:2px;
}

.CMainTblInTbl{
    display:inline-block;margin:2px 8px 30px 8px;
}
.CTxtBlue{
    color:blue;
}
.CTxtRed{
    color:red;
}



#IdTopCmd{
    display:inline-block;hegiht:36px;width:580px;text-align:center;vertical-align:middle;
}

.CButton { 
    position:relative;text-align:center; margin:2px;border:solid 2px black; width:86px;height:28px;line-height: 14px; cursor:pointer;
    background-color:lightblue; 
    color:white; font-weight:bold;font-size:14px; text-shadow: 2px 2px 5px black, -2px 2px 5px black,2px -2px 5px black, -2px -2px 5px black; 
    background-image:url("/dwd/dd_img/command_img/cmd.gif"); background-size:contain; color:white;
}

.CMiniFace{
    width:19px; height:24px;margin:1px
}

.CFace{
    width:74px; height:94px;margin:2px;
    background-color:white;
    border:solid 2px black;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
}

/* 84 x 104 Clas Face Frame*/
.CFF{ 
    width:84px; height:104px; background-size:contain;
    background-image:url('/dwd/dd_img/common_img/bg_sts.gif');
}

.CFhF{ 
    width:42px; height:52px; background-size:contain;
    background-image:url('/dwd/dd_img/common_img/bg_sts.gif');
}

/* 74 x 94 */
.CF{
    width:74px; height:94px;
    margin:5px;
}

.CFhm{
    width:29.6px; height:37.6px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

.CFm{
    height:26.0px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}
.CFh{
    width:37px; height:47px; margin:2.5px;
    border-radius:4px;
}

#IdMoveMsg{ color:blue; }

.CTable01{
width: 98%;
border-collapse: collapse;
}
.CTable01 th{
padding: 4px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.CTable01 td{
padding: 4px;
border: 1px solid #b9b9b9;1
}

.CTable01 tr{
  background: white;
}

.CSortBtn{
    margin:1px;
    cursor:pointer;
}

.CCrestsBox{
    width:165px; height:55px;
}
.CCrestsMiniBox{
    width:108px; height:36px;
}

.CCrest{
    width:45px; height:45px; border:solid 1px gray;
    margin:4px; position:relative;
    display:inline-block;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
   
}
.CTLogo{
    width:82px;height:35.672px;margin:1px 20px 1px 4px;
}
.CCrestMini{
    width:32px; height:32px; border:solid 1px gray;
    margin:1px; position:relative;
    display:inline-block;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    background-size:cover;
}

#IdIsMsg{
position:absolute;top:0px;left:0px;z-index:9999;
}

.CMsg{
    background-color:white;
    border:solid 2px black;
    margin:12px;
    width:96%;
    box-shadow: gray 3px 3px;
    margin:6px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;

}

.CCrestTxt{
    color:white; font-size:20px; line-height:45px;  
    text-shadow: 3px  3px 3px blue,  
                -3px  3px 3px blue,  
                 3px -3px 3px blue,  
                -3px -3px 3px blue;  
    top:12px;left:32px;position:absolute;
}

.CCrestTxtMini{
    color:white; font-size:14px; line-height:32px;  
    text-shadow: 3px  3px 3px blue,  
                -3px  3px 3px blue,  
                 3px -3px 3px blue,  
                -3px -3px 3px blue;  
    top:6px;left:20px;position:absolute;
}
.CBottomSpace{
    width:300px;
    height:400px;
}


.CNotice{
	width:68px;height:26px;display:inline-block;
}

#IdTopCmd{
	height:26px;  vertical-align: middle;
}

.CNoticeFm{
	width:32px;height:26px;display:inline-block;float:left;
}

.CTxtGold{
    font-size:15px; font-weight:bold; text-decoration:underline;
}

.img_item{
    margin:1px; vertical-align:middle;
}

#IdGunDun{
    width:270px; height:270px; 
    background-image:url("/dwd/dd_img/map_img/bg_dun_08.png"); background-size:cover; 
}

#IdGunDunBg{
    width:270px; height:270px; 
    background-image:url("/dwd/dd_img/map_img/bg_dun_06.jpg"); background-repeat: no-repeat; 
}

.CTextShadowPurple{color:white; font-size:24px;text-shadow: 2px  2px 5px purple,  -2px  2px 5px  blue,2px -2px 5px  blue,  -2px -2px 5px  purple;}

/* Battle Stats Table - Common */
.CBtlSts, .CBtlStsBase {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 4px;
}
.CBtlSts td, .CBtlStsBase td {
    padding: 2px 6px;
    white-space: nowrap;
}
.CBtlSts .cbs_label, .CBtlStsBase .cbs_label {
    font-weight: bold;
    border-right: 1px solid;
    width: 90px;
}
.CBtlSts .cbs_val, .CBtlStsBase .cbs_val {
    font-weight: bold;
    text-align: right;
    padding-left: 8px;
    width: 60px;
}
.CBtlSts .cbs_val span, .CBtlStsBase .cbs_val span {
    display: inline-block;
    width: 100%;
    text-align: right;
}

/* Base Stats - warm green tone */
.CBtlStsBase {
    background: #f0f5ec;
    border: 2px solid #7b8b6f;
}
.CBtlStsBase .cbs_label {
    color: #4a5e3c;
    border-right-color: #a8b89a;
}
.CBtlStsBase .cbs_val {
    color: #2a3a1e;
}
.CBtlStsBase tr:nth-child(even) {
    background: #e4eddc;
}
.CBtlStsBase tr:nth-child(odd) {
    background: #f0f5ec;
}

/* Battle Stats - cool blue tone */
.CBtlSts {
    background: #ecf0f5;
    border: 2px solid #6f7b8b;
}
.CBtlSts .cbs_label {
    color: #3c4a5e;
    border-right-color: #9aa8b8;
}
.CBtlSts .cbs_val {
    color: #1e2a3a;
}
.CBtlSts tr:nth-child(even) {
    background: #dce4ed;
}
.CBtlSts tr:nth-child(odd) {
    background: #ecf0f5;
}
.CBtlSts .cbs_sep td {
    padding: 0;
    height: 2px;
    background: linear-gradient(90deg, #9aa8b8, #6f7b8b, #9aa8b8);
    border: none;
}

/* Toggle switch (stylish ON/OFF) */
.TglSw {
    display: inline-flex;
    background: #d8dde3;
    border-radius: 16px;
    padding: 2px;
    border: 1px solid #9aa8b8;
    vertical-align: middle;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.08);
    font-family: sans-serif;
}
.TglSw input[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.TglSw label {
    padding: 3px 14px;
    border-radius: 14px;
    font-size: 12px;
    cursor: pointer;
    color: #5a6778;
    transition: background 0.15s ease, color 0.15s ease;
    line-height: 1.4;
    user-select: none;
    -webkit-user-select: none;
    min-width: 28px;
    text-align: center;
}
.TglSw label:hover {
    color: #2c3644;
}
.TglSw input[type=radio][value=ON]:checked + label {
    background: linear-gradient(180deg, #5a9bd5, #3b7fbd);
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.2);
}
.TglSw input[type=radio][value=OFF]:checked + label {
    background: linear-gradient(180deg, #8a8a8a, #6b6b6b);
    color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.15);
}
.TglSw input[type=radio]:focus + label {
    outline: 2px solid #a4c8ec;
    outline-offset: 1px;
}

/* === setting_toggle (merged) === */
/* Toggle switch for settings page */
.toggle_wrap{
  position: relative;
  display: inline-block;
  flex: 0 0 60px;
  width: 60px;
  height: 22px;
  vertical-align: middle;
  margin-right: 6px;
}
.toggle_wrap input[type=checkbox]{
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
  position: absolute;
  top: 0; left: 0;
  z-index: 2;
}
.toggle_wrap .toggle_track{
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: #bbb;
  border-radius: 11px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  transition: background 0.15s;
}
.toggle_wrap .toggle_thumb{
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3);
  transition: left 0.15s;
}
.toggle_wrap .toggle_label_on,
.toggle_wrap .toggle_label_off{
  position: absolute;
  top: 0;
  height: 22px;
  line-height: 22px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  pointer-events: none;
  font-family: Verdana, sans-serif;
}
.toggle_wrap .toggle_label_on  { left: 6px;  }
.toggle_wrap .toggle_label_off { right: 6px; }
.toggle_wrap input[type=checkbox]:checked ~ .toggle_track{
  background: #5cb85c;
}
.toggle_wrap input[type=checkbox]:checked ~ .toggle_thumb{
  left: 40px;
}
.toggle_wrap input[type=checkbox]:not(:checked) ~ .toggle_label_on{
  visibility: hidden;
}
.toggle_wrap input[type=checkbox]:checked ~ .toggle_label_off{
  visibility: hidden;
}
.toggle_wrap input.toggle_pending ~ .toggle_track{
  opacity: 0.55;
}
.toggle_wrap input.toggle_err ~ .toggle_track{
  background: #d9534f !important;
  outline: 2px solid #b52b27;
}

.config_row{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 4px 0;
  line-height: 22px;
}
.config_row .config_marker{
  display: inline-block;
  width: 14px;
}
.config_row .config_action{
  display: inline-block;
  width: 60px;
  margin-right: 6px;
}
.config_row .config_label{
  flex: 0 1 auto;
  min-width: 0;
  word-break: break-word;
}
.config_row .config_extra{
  flex: 0 0 auto;
  margin-left: 1em;
}
.config_row a.go_btn{
  display: inline-block;
  width: 60px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  background: #333;
  color: #fff !important;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana, sans-serif;
}
.config_row a.go_btn:hover{
  background: #555;
}
.league-rank-S,.league-rank-A,.league-rank-B,.league-rank-C{padding:1px 6px;border-radius:3px;font-weight:bold}
.league-rank-S{background:linear-gradient(135deg,#9b59b6,#f1c40f);color:#fff}
.league-rank-A{background:linear-gradient(135deg,#bdc3c7,#f5f5f5);color:#333}
.league-rank-B{background:#cd7f32;color:#fff}
.league-rank-C{background:#999;color:#fff}
@keyframes league-promo-blink{50%{opacity:.5}}
.league-promo{color:#cc8800;font-weight:bold;animation:league-promo-blink 1.5s infinite}

/* ---- 作成画面 (2026-11-08 ロゴ配色: 薄い青緑 + 白 + 金、角丸 3px) ---- */
.mkTabs{margin:8px 0 0 0;padding:0 4px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 2px;}
.mkTabs .mkTab{background-image:none;background:linear-gradient(#f3fbfa,#d9eeec);color:#1f5f5a;text-shadow:none;border:1px solid #8ec4bf;border-bottom:none;border-radius:3px 3px 0 0;margin:0;height:34px;line-height:1.15;padding:0 8px;font-size:13px;font-weight:bold;cursor:pointer;width:auto;float:none;}
.mkTabs .mkTab small{display:block;font-weight:normal;font-size:10px;color:#4f8a85;}
.mkTabs .mkTab small b{color:#1f5f5a;}
.mkTabs .mkTab:hover{background:#f7fdfc;}
.mkTabs .mkTab.mkTabOn{background:#fff;color:#8a6a1a;height:38px;border-color:#8ec4bf;border-top:2px solid #c8a95a;position:relative;top:1px;}
.mkTabs .mkTab.mkTabOn small,.mkTabs .mkTab.mkTabOn small b{color:#8a6a1a;}
.mkPanel{border:1px solid #8ec4bf;border-radius:0 3px 3px 3px;background:#fff;padding:8px 10px 10px;box-shadow:1px 1px 3px rgba(0,60,55,.12);text-align:left;}
.mkHead{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:13px;color:#1d3b3a;margin:0 0 6px 0;}
.mkHeadLv{white-space:nowrap;}
.mkLvNum{font-size:15px;color:#1f7a74;}
.mkBar{display:inline-block;width:150px;height:8px;background:#e3f1ef;border:1px solid #a9d3cf;border-radius:3px;vertical-align:middle;overflow:hidden;margin:0 4px 0 6px;}
.mkBarIn{display:block;height:100%;background:linear-gradient(#8fd8d0,#2fa39b);}
.mkExPct{color:#4f8a85;}
.mkTags{display:inline-flex;flex-wrap:wrap;gap:4px;}
.mkTag{display:inline-block;font-size:11px;line-height:1.5;padding:1px 7px;border-radius:3px;border:1px solid #bfe0dd;background:#f1faf9;color:#1f5f5a;white-space:nowrap;}
.mkTag.mkTagUp{border-color:#d9c48a;background:#fbf5e3;color:#7a5a12;}
.mkTag.mkTagBlue{border-color:#9fd0ca;background:#e9f6f5;color:#1f6f69;}
.mkTag.mkTagGray{color:#6f8784;border-color:#d5e9e7;background:#f7fbfb;}
.mkWait{margin-left:auto;}
.mkView{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;margin:0 0 6px 0;padding:5px 8px;background:#eef8f7;border:1px solid #cfe8e5;border-radius:3px;}
.mkViewL,.mkViewR{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;}
.mkViewR{margin-left:auto;}
.mkSw{white-space:nowrap;color:#1d3b3a;}
.mkView .TglSw{margin-left:5px;}
.mkView .TglSw label{padding:2px 10px;font-size:11px;}
.mkSort,.mkPg,.mkBtn{font-size:12px;line-height:1.4;padding:2px 8px;margin:0;cursor:pointer;border:1px solid #8ec4bf;border-radius:3px;background:#fff;color:#1f5f5a;}
.mkSort:hover,.mkPg:hover,.mkBtn:hover{background:#eef8f7;}
.mkPg{min-width:26px;padding:2px 4px;}
.mkPg.mkPgOn{background:#2fa39b;border-color:#2fa39b;color:#fff;font-weight:bold;}
.mkPager{display:inline-flex;align-items:center;gap:2px;}
.mkRange{color:#4f8a85;margin-left:4px;}
.mkCount{color:#1f5f5a;white-space:nowrap;}
.mkRecv{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:13px;color:#1d3b3a;margin:0 0 6px 0;}
.mkRecvTtl{font-weight:bold;margin-right:4px;}
.mkRecvItem{display:inline-flex;align-items:center;gap:2px;padding:1px 9px 1px 4px;border:1px solid #cfe8e5;border-radius:3px;background:#fff;cursor:pointer;white-space:nowrap;}
.mkRecvItem:hover{background:#eef8f7;}
.mkRecvItem:has(input:checked){border-color:#c8a95a;background:#fbf5e3;color:#7a5a12;}
.mkRecvItem small{color:#4f8a85;}
.mkFolds{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 6px 0;font-size:12px;}
.mkFold{text-align:left;}
.mkFold summary{cursor:pointer;color:#1f5f5a;padding:2px 6px;border-radius:3px;}
.mkFold summary:hover{background:#eef8f7;}
.mkFold[open]{flex-basis:100%;background:#f7fbfb;border:1px solid #d5e9e7;border-radius:3px;padding:2px 4px;}
.mkFoldIc{width:16px;height:16px;vertical-align:-3px;margin-right:4px;}
table.mkList{width:100%;font-size:12px;border:1px solid #8ec4bf;border-radius:3px;box-shadow:1px 1px 3px rgba(0,60,55,.10);border-collapse:separate;border-spacing:0;overflow:hidden;background:#fff;}
table.mkList th{background:linear-gradient(#e4f3f1,#cbe6e2);color:#1f4f4b;border:none;border-bottom:1px solid #8ec4bf;padding:4px 6px;font-size:11px;white-space:nowrap;text-align:center;}
table.mkList th.mkThName{text-align:left;padding-left:10px;}
table.mkList td{border:none;border-bottom:1px solid #e3efee;padding:3px 6px;vertical-align:middle;background:transparent;}
table.mkList tr{background:transparent;}
table.mkList tr:last-child td{border-bottom:none;}
table.mkList tr.mkRow:hover td{background:#f0faf9;}
table.mkList td.mkGo{width:66px;text-align:center;white-space:nowrap;}
table.mkList td.mkName{white-space:nowrap;font-weight:bold;color:#1d3b3a;}
table.mkList td.mkLv,table.mkList td.mkRate{text-align:center;white-space:nowrap;color:#1d3b3a;}
table.mkList td.mkRate{font-weight:bold;}
table.mkList .mkRateLow{color:#c0392b;}
table.mkList tr.mkNG td.mkName{color:#9a9a9a;font-weight:normal;}
.mkGoBtn{width:58px;height:24px;line-height:20px;font-size:12px;padding:0;margin:0;float:none;background-size:cover;border-radius:3px;}
table.mkList tr.mkNG .mkGoBtn{opacity:.45;}
table.mkList tr.mkNG:hover .mkGoBtn{opacity:.8;}
.mkBtn.mkDetail{padding:2px 8px;margin-top:3px;}
.mkBtn.mkBtnSm{padding:1px 8px;}
.mkChip{display:inline-block;white-space:nowrap;margin:1px 2px;padding:0 7px 0 2px;border:1px solid #d5e9e7;border-radius:3px;background:#fff;color:#2a4d4a;line-height:1.6;}
.mkChip b{color:#1f5f5a;}
.mkChip.mkChipNG{color:#a0a0a0;background:#f3f5f5;border-color:#e2e8e8;}
.mkChip.mkChipNG b{color:#c0392b;}
.mkCond{color:#999;}
.mkBadge{display:inline-block;color:#7a5a12;border:1px solid #d9c48a;background:#fbf5e3;font-size:11px;padding:0 6px;border-radius:3px;margin-left:4px;}
.mkEmpty{color:#666;padding:10px;text-align:center;}
.mkHelp{margin:8px 0 0 0;text-align:left;width:auto;}
.mkHelp summary{font-weight:bold;}
.mkHelpBody{line-height:1.8;color:#1d3b3a;padding:4px 10px 6px;}
.mkLugItems{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:3px;}
.mkLugItem{white-space:nowrap;color:#2a4d4a;}
.mkEllip{color:#4f8a85;padding:0 3px;}
.mkQWrap{display:inline-flex;align-items:center;gap:3px;}
.mkView input.mkQ{font-size:12px;line-height:1.4;padding:2px 6px;width:150px;border:1px solid #8ec4bf;border-radius:3px;background:#fff;color:#1d3b3a;}
.mkView input.mkQ:focus{outline:none;border-color:#2fa39b;box-shadow:0 0 0 2px rgba(47,163,155,.2);}
.mkQNote{font-size:11px;color:#1f5f5a;white-space:nowrap;}
/* 2026-11-09: 素材不足の数字と低い成功率の赤を落ち着いた色に (目立ちすぎるとの指摘) */
.mkChip.mkChipNG b{color:#a0726a;}
table.mkList .mkRateLow{color:#b0665a;}
table.mkList td.mkName .mkRateLow{color:#b0665a;}
/* 2026-11-09: 作成できない生成物の名前が薄すぎるとの指摘 → 中間の灰色に */
table.mkList tr.mkNG td.mkName{color:#6b6b6b;}
/* 2026-11-09: 素材不足の数字 (0/1) は太字にしない */
.mkChip.mkChipNG b{font-weight:normal;}

/* ---- 作成画面: いま作れるもの (2026-11-09、問い合わせ 9083) ---- */
.mkQuick{margin:0 0 6px 0;font-size:12px;}
.mkQuickIcons{display:flex;flex-wrap:wrap;gap:3px;padding:3px 2px;}
.mkQuickBtn{background:#fff;border:1px solid #d5e9e7;border-radius:3px;padding:2px;margin:0;cursor:pointer;line-height:0;}
.mkQuickBtn:hover{border-color:#2fa39b;background:#eef8f7;}
.mkQuickBtn img{display:block;width:20px;height:20px;}   /* 一覧の 15px より一回り大きく、押せるものとして見せる (SP は元々 20px) */
.mkQuickEmpty{color:#6b6b6b;padding:2px 6px;}
/* 2026-11-10: 一過性の「すべて表示」(問い合わせ 9083) */
.mkAllBtn{margin-left:6px;}
.mkAllNote{color:#1f5f5a;margin-left:6px;}