h2 {border-bottom: 1px #45859e solid;color: #d82521;font-family: Bilbo Swash Caps;font-size: 35px;font-weight: 100;text-align: center;text-shadow: 2px 1px 5px rgba(0,0,0,0.5);line-height: 0.8;margin: 1px;background: #191d30;}
h3 {text-transform: uppercase;letter-spacing: 1px;font-weight: 100;}
h4 {color: #45859e;background: #191d30;border: 1px solid #76222d;border-left: 0;border-right: 0;text-align: center;text-transform: lowercase;letter-spacing: -1px;word-spacing: 2px;font-weight: 100;font-style: italic;font-size: 22px;padding: 5px;font-family: Playfair Display;margin: 0px;}

.totop {position:fixed; bottom: 2px; right: 0px; opacity: 1; text-transform: uppercase; color:#fff;  font-weight: bold; font-family:calibri; font-size: 10px; padding: 5px;letter-spacing:2px;text-decoration:uppercase;cursor: pointer;}
.arrow-up {}

#otm {background-color: #213242;border: 1px solid #45859e;margin: 10px;padding: 10px;width: 452px;}
#otm .txt {font-size: 10px;letter-spacing: 2px;text-transform: uppercase;word-spacing: 1px;}
#otm img {height: 200px;padding-bottom: 15px;width: 450px;}

wanted {color: #32b761;}
nope {color: #e68c8c;}

#hauptchara-name {font-family: broken heart;font-size: 35px;text-shadow: 1px 1px 1px #000;text-align: center;}
#zweitchara-name {font-family: riotsquad;font-size: 20px;text-shadow: 1px 1px 1px #000;text-align: center;}
#second {height: 150px;overflow: auto;}
#second #table_a img {width: 116px;height: 116px;object-fit: cover;object-position: 50% 8%;}
.table_a img {width: 100px;height: 131px;object-fit: cover;object-position: 50% 8%;}

.member{width: 190px;float:  left;}
.memb {position: relative;overflow: hidden;margin: 0px 8px;width: 183px;height: 230px;text-align: left;margin-bottom: 8px;}
.memb * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.memb img {opacity: 1;-webkit-transform: scale(1.1) translateY(3%);transform: scale(1.1) translateY(3%);width: 175px;height: 213px;object-fit: cover;object-position: 50% 8%;}
.memb:after,
.memb:before {-webkit-transition: all 0.5s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);transition: all 0.5s 0s cubic-bezier(0.6, -0.28, 0.735, 0.045);content: '';position: absolute;width: 0;height: 0;border-style: solid;}
.memb:after {bottom: 6%;left: 60%;-webkit-transform: translate(-60%, 100%);transform: translate(-60%, 100%);border-width: 56px 170px;border-color: transparent rgba(134, 47, 206, .75) rgba(134, 47, 206, .5) rgba(134, 47, 206, .25);z-index: 1;}
.memb:before {bottom: 6%;left: 55%;-webkit-transform: translate(-55%, 100%);transform: translate(-55%, 100%);border-width: 0 95px 115px 95px;border-color: transparent transparent rgba(134, 47, 206, .8) transparent;}
.memb figcaption {position: absolute;top: 0;left: 0;z-index: 2;}
.memb h2 {margin: 0px;opacity: 0;padding: 10px;font-weight: 400;text-transform: none;-webkit-transform: translateY(20%);transform: translateY(20%);border-bottom: 0;color: transparent;font-family: roboto;font-size: 0;text-align: center;text-shadow: none;line-height: 0.8;background: transparent;}
.memb name a {font-size: 28px;font-family: Bilbo Swash Caps;text-shadow: 1px 1px 1px #000;background: rgba(25, 29, 48, .75);line-height: 1.5;border-radius: 8px 8px 0px 0px;display: block;line-height: 1;}
.memb group {display: block;background: rgba(25, 29, 48, .75);color: #bbb;font-size: 10px;padding-bottom: 5px;text-transform: uppercase;letter-spacing: 1px;}
.memb text {color: #bbb;font-size: 10px;text-align: left;display: block;height: 102px;padding: 8px;line-height: 1;text-transform: uppercase;letter-spacing: 1px;background: rgba(25, 29, 48, .5);border-radius: 0px 0px 8px 08px;}
.memb text a {color: #d8d8d8;font-size: 10px;font-style: italic;}
.memb text b {color: rgba(134, 47, 206, 1);font-size: 9px;text-shadow: 1px 1px 1px #000;}
.memb icol {color: #fff;font-size: 10px;display: block;position: absolute;bottom: -10px;text-align: center;width: 163px;height: 30px;}
.memb icol a {color: #bbb;font-size: 20px;position: relative;top: 5px;padding: 0px 5px;text-shadow: 1px 1px 1px #1b1d30;}
.memb:hover img,
.memb.hover img {-webkit-transform: scale(1.1) translateY(-3%);transform: scale(1.1) translateY(-3%);opacity: 0.4;}
.memb:hover:before,
.memb.hover:before,
.memb:hover:after,
.memb.hover:after {-webkit-transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition: all 0.4s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.memb:hover:before,
.memb.hover:before {-webkit-transform: translate(-55%, 0);transform: translate(-55%, 0);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
.memb:hover:after,
.memb.hover:after {-webkit-transform: translate(-60%, 0);transform: translate(-60%, 0);-webkit-transition-delay: 0s;transition-delay: 0s;}
.memb:hover figcaption h2,
.memb.hover figcaption h2 {opacity: 1;-webkit-transform: translate(0px);transform: translate(0px);-webkit-transition-delay: 0.1s;transition-delay: 0.1s;width: 183px;height: 217px;}

#group3 .memb:after {border-color: transparent rgba(206, 47, 94, .75) rgba(206, 47, 94, .5) rgba(206, 47, 94, .25);z-index: 1;}
#group3 .memb:before {border-color: transparent transparent rgba(206, 47, 94, .8) transparent;}
#group3 .memb text b {color: rgba(206, 47, 94, 1);}

#group5 .memb:after {border-color: transparent rgba(200, 47, 206, .75) rgba(200, 47, 206, .5) rgba(200, 47, 206, .25);z-index: 1;}
#group5 .memb:before {border-color: transparent transparent rgba(200, 47, 206, .8) transparent;}
#group5 .memb text b {color: rgba(200, 47, 206, 1);}

#group7 .memb:after {border-color: transparent rgba(134, 47, 206, .75) rgba(134, 47, 206, .5) rgba(134, 47, 206, .25);z-index: 1;}
#group7 .memb:before {border-color: transparent transparent rgba(134, 47, 206, .8) transparent;}
#group7 .memb text b {color: rgba(134, 47, 206, 1);}

#group8 .memb:after {border-color: transparent rgba(103, 108, 202, .75) rgba(103, 108, 202, .5) rgba(103, 108, 202, .25);z-index: 1;}
#group8 .memb:before {border-color: transparent transparent rgba(103, 108, 202, .8) transparent;}
#group8 .memb text b {color: rgba(103, 108, 202, 1);}

#group9 .memb:after {border-color: transparent rgba(125, 168, 218, .75) rgba(125, 168, 218, .5) rgba(125, 168, 218, .25);z-index: 1;}
#group9 .memb:before {border-color: transparent transparent rgba(125, 168, 218, .8) transparent;}
#group9 .memb text b {color: rgba(125, 168, 218, 1);}

#group10 .memb:after {border-color: transparent rgba(125, 205, 218, .75) rgba(125, 205, 218, .5) rgba(125, 205, 218, .25);z-index: 1;}
#group10 .memb:before {border-color: transparent transparent rgba(125, 205, 218, .8) transparent;}
#group10 .memb text b {color: rgba(125, 205, 218, 1);}

#group11 .memb:after {border-color: transparent rgba(65, 149, 162, .75) rgba(65, 149, 162, .5) rgba(65, 149, 162, .25);z-index: 1;}
#group11 .memb:before {border-color: transparent transparent rgba(65, 149, 162, .8) transparent;}
#group11 .memb text b {color: rgba(65, 149, 162, 1);}

#group12 .memb:after {border-color: transparent rgba(65, 162, 131, .75) rgba(65, 162, 131, .5) rgba(65, 162, 131, .25);z-index: 1;}
#group12 .memb:before {border-color: transparent transparent rgba(65, 162, 131, .8) transparent;}
#group12 .memb text b {color: rgba(65, 162, 131, 1);}

#group13 .memb:after {border-color: transparent rgba(226, 97, 97, .75) rgba(226, 97, 97, .5) rgba(226, 97, 97, .25);z-index: 1;}
#group13 .memb:before {border-color: transparent transparent rgba(226, 97, 97, .8) transparent;}
#group13 .memb text b {color: rgba(226, 97, 97, 1);}

#group14 .memb:after {border-color: transparent rgba(65, 162, 73, .75) rgba(65, 162, 73, .5) rgba(65, 162, 73, .25);z-index: 1;}
#group14 .memb:before {border-color: transparent transparent rgba(65, 162, 73, .8) transparent;}
#group14 .memb text b {color: rgba(65, 162, 73, 1);}

#group15 .memb:after {border-color: transparent rgba(130, 124, 93, .75) rgba(130, 124, 93, .5) rgba(130, 124, 93, .25);z-index: 1;}
#group15 .memb:before {border-color: transparent transparent rgba(130, 124, 93, .8) transparent;}
#group15 .memb text b {color: rgba(130, 124, 93, 1);}

#group16 .memb:after {border-color: transparent rgba(130, 124, 93, .75) rgba(130, 124, 93, .5) rgba(130, 124, 93, .25);z-index: 1;}
#group16 .memb:before {border-color: transparent transparent rgba(130, 124, 93, .8) transparent;}
#group16 .memb text b {color: rgba(130, 124, 93, 1);}

#group17 .memb:after {border-color: transparent rgba(204, 179, 120, .75) rgba(204, 179, 120, .5) rgba(204, 179, 120, .25);z-index: 1;}
#group17 .memb:before {border-color: transparent transparent rgba(204, 179, 120, .8) transparent;}
#group17 .memb text b {color: rgba(204, 179, 120, 1);}

#group18 .memb:after {border-color: transparent rgba(216, 160, 28, .75) rgba(216, 160, 28, .5) rgba(216, 160, 28, .25);z-index: 1;}
#group18 .memb:before {border-color: transparent transparent rgba(216, 160, 28, .8) transparent;}
#group18 .memb text b {color: rgba(216, 160, 28, 1);}