/* =============================
   背景
============================= */

html,body{
background:url("https://livedoor.blogimg.jp/nakayosikoyosi1992/imgs/c/3/c36df15a.png?v=20260304181133") center top / cover no-repeat fixed !important;
}

/* =============================
   コメント全体
============================= */

.tk-wrap{

width:95%;
max-width:980px;

margin:0 auto;

background:rgba(0,0,0,.55);

border:1px solid rgba(255,255,255,.12);

border-radius:12px;

box-shadow:0 0 26px rgba(0,0,0,.7);

padding:16px 12px;

font-family:"Hiragino Kaku Gothic ProN","Meiryo",sans-serif;

font-size:14px;

line-height:1.75;

color:#eaeaea;

}

/* =============================
   上部テーブル
============================= */

.left,.right{
color:#000 !important;
padding-top:6px;
padding-bottom:6px;
line-height:1.6;
}

/* =============================
   画像切替バー
============================= */

.tk-image-links{

display:flex;
gap:8px;

width:92%;

margin:0 auto 10px auto;

}

.tk-image-links a{

flex:1;

padding:10px 0;

text-align:center;

background:linear-gradient(to bottom,#222,#000);

border:1px solid rgba(255,255,255,.15);

border-radius:10px;

color:#eaeaea;

font-size:13px;

font-weight:bold;

letter-spacing:.2em;

text-decoration:none;

}

.tk-image-links a:hover{

background:linear-gradient(to bottom,#333,#000);

}

/* =============================
   メイン画像
============================= */

.tk-main-image{

text-align:center;

width:92%;

margin:0 auto 12px auto;

padding:8px;

background:rgba(0,0,0,.35);

border:1px solid rgba(255,255,255,.1);

border-radius:10px;

}

.tk-profile-image{

display:block;

margin:0 auto;

max-width:520px;

width:100%;

height:auto;

border-radius:10px;

border:1px solid rgba(255,255,255,.15);

box-shadow:0 0 18px rgba(0,0,0,.8);

}

/* =============================
   基本情報
============================= */

.tk-basic{

width:92%;

margin:0 auto 12px auto;

border-collapse:collapse;

background:rgba(0,0,0,.85);

border:1px solid rgba(255,255,255,.15);

border-radius:10px;

}

.tk-basic th{

width:30%;

padding:8px 10px;

text-align:left;

background:rgba(0,0,0,.55);

border-bottom:1px solid rgba(255,255,255,.08);

}

.tk-basic td{

padding:8px 10px;

border-bottom:1px solid rgba(255,255,255,.08);

}

/* =============================
   セクション箱
============================= */

.tk-box{

width:92%;

margin:0 auto 12px auto;

background:rgba(0,0,0,.85);

border:1px solid rgba(255,255,255,.15);

border-radius:10px;

}

.tk-title{

padding:10px 12px;

font-weight:bold;

letter-spacing:.15em;

border-left:4px solid rgba(180,180,180,.5);

background:linear-gradient(to right,#000,#181818);

}

/* =============================
   容姿タグ
============================= */

.tk-tags{

display:flex;

flex-wrap:wrap;

gap:8px;

padding:12px;

}

.tk-tags span{

background:linear-gradient(to bottom,#1a1a1a,#050505);

border:1px solid rgba(255,255,255,.15);

border-radius:14px;

padding:6px 10px;

font-size:13px;

color:#eee;

box-shadow:0 0 6px rgba(0,0,0,.6);

}

/* =============================
   性格
============================= */

.tk-personality{

padding:14px;

}

.tk-personality p{

margin:0 0 10px 0;

}

/* =============================
   折り畳み
============================= */

details.tk-details{

width:92%;

margin:0 auto 12px auto;

background:rgba(0,0,0,.85);

border:1px solid rgba(255,255,255,.15);

border-radius:10px;

}

details.tk-details summary{

padding:10px 12px;

font-weight:bold;

letter-spacing:.15em;

cursor:pointer;

list-style:none;

}

details.tk-details summary::-webkit-details-marker{

display:none;

}

details.tk-details summary::marker{

content:"";

}

details.tk-details > *:not(summary){

padding:14px;

}

/* =============================
   ステータス
============================= */

.tk-status{

width:70%;

margin:10px auto;

border-collapse:collapse;

background:rgba(0,0,0,.35);

border:1px solid rgba(255,255,255,.15);

border-radius:10px;

}

.tk-status td{

padding:8px;

border-bottom:1px solid rgba(255,255,255,.08);

}

.tk-slabel{

width:65%;

}

.tk-sval{

width:35%;

text-align:center;

font-weight:bold;

}

/* =============================
   技能表
============================= */

.tk-skill{

width:100%;

border-collapse:collapse;

background:rgba(0,0,0,.35);

border:1px solid rgba(255,255,255,.15);

border-radius:10px;

}

.tk-skill th{

padding:10px;

text-align:left;

background:rgba(0,0,0,.55);

border-bottom:1px solid rgba(255,255,255,.12);

}

.tk-skill td{

padding:10px;

border-bottom:1px solid rgba(255,255,255,.08);

vertical-align:top;

}

.tk-sname{width:20%;font-weight:bold;}
.tk-srank{width:14%;text-align:center;font-weight:bold;}
.tk-sdesc{width:66%;}

/* =============================
   評価色
============================= */

.tk-rn{color:#ddd;}
.tk-rp{color:#888;}
.tk-re{color:#fff;font-weight:bold;}

/* =============================
   邂逅禄
============================= */

.tk-enc{

width:100%;

border-collapse:collapse;

background:rgba(0,0,0,.35);

border:1px solid rgba(255,255,255,.15);

border-radius:10px;

}

.tk-enc th{

padding:10px;

background:rgba(0,0,0,.55);

border-bottom:1px solid rgba(255,255,255,.12);

}

.tk-enc td{

padding:10px;

border-bottom:1px solid rgba(255,255,255,.08);

}

/* =============================
   PLリスト
============================= */

.tk-pl{

list-style:none;

padding:0;

margin:0;

}

.tk-pl li{

padding:8px 0 8px 16px;

border-bottom:1px solid rgba(255,255,255,.08);

position:relative;

}

.tk-pl li::before{

content:"▌";

position:absolute;

left:0;

color:rgba(220,220,220,.45);

}
.tk-re{
color:#d8f1ff!important;
font-weight:bold!important;
text-shadow:0 0 6px rgba(160,220,255,.6)!important;
}
.tk-srank{transform:none!important;rotate:0deg!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;vertical-align:middle!important;text-align:center!important;}
.tk-re::before,.tk-re::after{content:""!important;display:none!important;}
.tk-re{color:#d8f1ff!important;font-weight:800!important;text-shadow:0 0 6px rgba(160,220,255,.55)!important;}
.tk-skill{table-layout:fixed!important;width:100%!important;}.tk-skill th,.tk-skill td{box-sizing:border-box!important;}.tk-skill th:nth-child(1),.tk-skill td:nth-child(1){width:22%!important;}.tk-skill th:nth-child(2),.tk-skill td:nth-child(2){width:14%!important;text-align:center!important;}.tk-skill th:nth-child(3),.tk-skill td:nth-child(3){width:64%!important;}.tk-skill td:nth-child(2){white-space:nowrap!important;}.tk-skill th:nth-child(2){white-space:nowrap!important;text-align:center!important;}
.tk-skill th:nth-child(2){text-align:center!important;}.tk-skill td:nth-child(2){text-align:center!important;vertical-align:middle!important;}.tk-skill td:nth-child(1),.tk-skill td:nth-child(3){vertical-align:top!important;}.tk-skill td:nth-child(2){line-height:1.2!important;}

details.tk-details.tk-ability{
position:relative;
overflow:hidden;
}

details.tk-details.tk-ability::before{
content:"";
position:absolute;
inset:0;

background:
linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,.72)),
url("https://livedoor.blogimg.jp/nakayosikoyosi1992/imgs/a/7/a7577422.jpg?v=20260304181134");

background-size:cover;
background-position:center;

opacity:.45;

z-index:0;
}

details.tk-details.tk-ability > *{
position:relative;
z-index:1;
}