@import 'https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap';

@font-face {
 font-family: '三点リーダー';
 src: url(https://fonts.gstatic.com/s/mplusrounded1c/v15/VdGEAYIAV6gnpUpoWwNkYvrugw9RuPWDpq8A_4TPv30lLyDK_FIhT0K-oTdprA.113.woff2) format('woff2');
 unicode-range: U+2026; }

dl { margin-top:1.2em; }
dt { float:left; clear:left; margin:4px 1em; padding:1px; width:125px; text-align:center; color:#fff; }
dd { float:left; margin:4px; padding:3px; min-width:125px; }

.profbase { background:rgba(255, 255, 255, 0.4); padding:30px 40px; }

.name { text-align:center; font-size:2.4rem; padding:10px; margin-bottom:10px; position:relative; }
.pcfull { position:absolute; top:0;left:0;right:0; font-family:'Hina Mincho'; font-weight:bold; text-shadow:0 0 5px #fff; }
.rub { font-size:2em; color:#ddd; font-family:'Great Vibes'; position:absolute; top:0;left:0;right:0; }

.deco { display:flex; justify-content: center; flex-wrap:wrap; flex-direction:row-reverse; }
.icon { position:relative; width:190px; height:190px; padding:auto auto; margin-bottom:10px; }
.ring { position:absolute; top:0;left:0;right:0; margin: auto; }
.pc_icon { position:absolute; top:0;left:0;right:0; margin:46px auto; }

.comment { text-align:center; font-size:1.12em; margin:1.4em 0; font-family:'三点リーダー','Hina Mincho'; }
.plabel { width:150px; margin:3px;padding:0px; text-align:center; color:#fff; display:inline-block; }
.pr_si { font-size:0.9em; margin-left:6px; border-bottom:1px solid #999; }
.pnaka { margin:0 1em 2em 1em; }
.pnaka > font { font-family:'M PLUS Rounded 1c'; }

.pc_non { display:none; }

.pairlist { display: flex; flex-wrap:wrap; }
.pair_ko {
  width:250px; height:250px; position:relative;
  padding:auto; margin:0 22px 40px 10px; }

.pair_b { position:absolute;top:60px;left:18px; }
.pair_g { position:absolute;top:76px;right:18px; }
.pair_line {
   position:absolute; right:0;left:0;bottom:36px; margin:auto;
   filter:drop-shadow(0 0 3px rgba(166, 201, 204, 0.8)); }

a.tooltip span { display: none; }
a.tooltip:hover span {
    display:block; position:absolute; z-index:10;
    top:210px; left:26px; text-align:center; font-size:0.9em;
    border:1px solid #999; border-radius:5px; padding:5px; width:200px;
    color:#222222; background:rgba(255, 255, 255, 0.96); }

@media screen and (min-width:320px) and (max-width:560px) {
  .profbase { padding:0; }
  .pnaka { margin:0 0.6em 2em 0.6em; }
  .comment { font-size:1.06em; }
  .pc_non { display:inline; }
  .rub { font-size:1.4em; }
}

/* 個人イメカラ */

.name3 {color:#cc7eb1;}
.name3_ic {background:#cc7eb1 url(../icon/g18-100-1.png) 50% 50% no-repeat;}
.name3_name::before {content:"ルドヴィカ";}
.name3_resin::before {content:"L"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #cc7eb1; font-size:1.6em;}
.name3_bd {border:1px solid #cc7eb1;}
.name3_bg {background:#cc7eb1;}

.kyklos { color:#719bad; }
.kyklos_ic { background:#719bad url() 50% 50% no-repeat; }
.kyklos_name::before { content:"キュクロス"; }
.kyklos_resin::before { content:"K"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #719bad; font-size:1.6em; }
.kyklos_bd { border:1px solid #719bad; }
.kyklos_bg { background:#719bad; }


.Amelia { color:#b1072f; }
.Amelia_ic { background:#b1072f url(../icon/Amelia.gif) 50% 50% no-repeat; }
.Amelia_name::before { content:"アメリア"; }
.Amelia_resin::before { content:"A"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #b1072f; font-size:1.6em; }
.Amelia_bd { border:1px solid #b1072f; }
.Amelia_bg { background:#b1072f; }

.Anastasia { color:#667534; }
.Anastasia_ic { background:#667534 url(../icon/Anastasia.webp) 50% 50% no-repeat; }
.Anastasia_name::before { content:"アナスタシア"; }
.Anastasia_resin::before { content:"A"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #667534; font-size:1.6em; }
.Anastasia_bd { border:1px solid #667534; }
.Anastasia_bg { background:#667534; }

.Arsinoe { color:#9079b6; }
.Arsinoe_ic { background:#9079b6 url(../icon/Arsinoe.png) 50% 50% no-repeat; }
.Arsinoe_name::before { content:"アルシノエ"; }
.Arsinoe_resin::before { content:"A"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #9079b6; font-size:1.6em; }
.Arsinoe_bd { border:1px solid #9079b6; }
.Arsinoe_bg { background:#9079b6; }

.Letitia { color:#c49ea4; }
.Letitia_ic { background:#c49ea4 url(../icon/Letitia.png) 50% 50% no-repeat; }
.Letitia_name::before { content:"レティーシャ"; }
.Letitia_resin::before { content:"L"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #c49ea4; font-size:1.6em; }
.Letitia_bd { border:1px solid #c49ea4; }
.Letitia_bg { background:#c49ea4; }

.Marguerite { color:#9c84aa; }
.Marguerite_ic { background:#9c84aa url(../icon/Marguerite.jpg) 50% 50% no-repeat; }
.Marguerite_name::before { content:"マルグリット"; }
.Marguerite_resin::before { content:"M"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #9c84aa; font-size:1.6em; }
.Marguerite_bd { border:1px solid #9c84aa; }
.Marguerite_bg { background:#9c84aa; }

.Rachel { color:#3598c9; }
.Rachel_ic { background:#3598c9 url(../icon/Rachel.png) 50% 50% no-repeat; }
.Rachel_name::before { content:"レイチェル"; }
.Rachel_resin::before { content:"R"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #3598c9; font-size:1.6em; }
.Rachel_bd { border:1px solid #3598c9; }
.Rachel_bg { background:#3598c9; }

.Roxanne { color:#bbc0c2; }
.Roxanne_ic { background:#bbc0c2 url(../icon/Roxanne.png) 50% 50% no-repeat; }
.Roxanne_name::before { content:"ロクサーヌ"; }
.Roxanne_resin::before { content:"R"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #bbc0c2; font-size:1.6em; }
.Roxanne_bd { border:1px solid #bbc0c2; }
.Roxanne_bg { background:#bbc0c2; }

.Solavilena { color:#75B4C0; }
.Solavilena_ic { background:#75B4C0 url(../icon/Solavilena.jpg) 50% 50% no-repeat; }
.Solavilena_name::before { content:"サラヴィリーナ"; }
.Solavilena_resin::before { content:"S"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #75B4C0; font-size:1.6em; }
.Solavilena_bd { border:1px solid #75B4C0; }
.Solavilena_bg { background:#75B4C0; }


.Albert { color:#9d8771; }
.Albert_ic { background:#9d8771 url(../icon/Albert.jpg) 50% 50% no-repeat; }
.Albert_name::before { content:"アルバート"; }
.Albert_resin::before { content:"A"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #9d8771; font-size:1.6em; }
.Albert_bd { border:1px solid #9d8771; }
.Albert_bg { background:#9d8771; }

.Bertram { color:#86282e; }
.Bertram_ic { background:#86282e url(../icon/Bertram.gif) 50% 50% no-repeat; }
.Bertram_name::before { content:"バートラム"; }
.Bertram_resin::before { content:"B"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #86282e; font-size:1.6em; }
.Bertram_bd { border:1px solid #86282e; }
.Bertram_bg { background:#86282e; }

.Charles { color:#3F3F3F; }
.Charles_ic { background:#0f1126 url(../icon/Charles.png) 50% 50% no-repeat; }
.Charles_name::before { content:"シャルル"; }
.Charles_resin::before { content:"C"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #3F3F3F; font-size:1.6em; }
.Charles_bd { border:1px solid #0f1126; }
.Charles_bg { background:#0f1126; }

.Cyril { color:#e40039; }
.Cyril_ic { background:#e40039 url(../icon/Cyril.jpg) 50% 50% no-repeat; }
.Cyril_name::before { content:"シリル"; }
.Cyril_resin::before { content:"C"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #e40039; font-size:1.6em; }
.Cyril_bd { border:1px solid #e40039; }
.Cyril_bg { background:#e40039; }

.Eric { color:#f39800; }
.Eric_ic { background:#f39800 url(../icon/Eric.png) 50% 50% no-repeat; }
.Eric_name::before { content:"エリック"; }
.Eric_resin::before { content:"E"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #f39800; font-size:1.6em; }
.Eric_bd { border:1px solid #f39800; }
.Eric_bg { background:#f39800; }

.Gilberto { color:#9F4639; }
.Gilberto_ic { background:#9F4639 url(../icon/Gilberto.png) 50% 50% no-repeat; }
.Gilberto_name::before { content:"ジルベルト"; }
.Gilberto_resin::before { content:"G"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #9F4639; font-size:1.6em; }
.Gilberto_bd { border:1px solid #9F4639; }
.Gilberto_bg { background:#9F4639; }

.Kevin { color:#28204b; }
.Kevin_ic { background:#28204b url(../icon/Kevin.png) 50% 50% no-repeat; }
.Kevin_name::before { content:"ケヴィン"; }
.Kevin_resin::before { content:"K"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #28204b; font-size:1.6em; }
.Kevin_bd { border:1px solid #28204b; }
.Kevin_bg { background:#28204b; }

.Lune { color:#b4babd; }
.Lune_ic { background:#b4babd url(../icon/Lune.png) 50% 50% no-repeat; }
.Lune_name::before { content:"リューヌ"; }
.Lune_resin::before { content:"L"; font-family:'Rouge Script'; text-shadow:0px 0px 2px #b4babd; font-size:1.6em; }
.Lune_bd { border:1px solid #b4babd; }
.Lune_bg { background:#b4babd; }