@charset "utf-8";
/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: index.css Version:1.0
 -----------------------------------------------------------*/
body::before {
  content: "";
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  background-image: url(../img/common/bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(1);
}

#contents {
  padding-bottom:50px;
  margin: auto;
}

#wrap {
  position: relative;
  min-height: 100%;
  padding-bottom:0;
}

#main {
  border-radius: 10px;
  width: auto;
  float: none;
  margin:0;}


/* お知らせ */
.news {
  font-size:1.2rem;
  color:#fff;
  height: 100px;
  padding:15px;
  overflow-y: scroll;
  margin-top:30px;
  background: rgb(0, 0, 0,0.6);
  line-height: 1.8;
  border-radius:5px;
}



.news::-webkit-scrollbar{
   width: 5px;
}
.news::-webkit-scrollbar-track{
   background: rgb(0, 0, 0,0.6);}

.news::-webkit-scrollbar-thumb{
   background-color: #999;
   border-radius:5px;
}



/* LINK  */
.charamalink {
  font-size: 1.8rem;
  padding:5px;
  width:100%;
  margin-bottom:30px;
  }


/* top chara list */
.top_chara_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto 40px auto;
  padding:30px 0 0 0;
  overflow: hidden;}

.top_chara_list li {
display: block;
width:148px;
height:48px;
margin: 20px;
border: 1px solid #ccc;
}

.top_chara_list li div {
width:148px;
height:48px;
text-indent: -9999px;
background-size:cover;
background-position: center;
filter:grayscale(100%) opacity(70%) brightness(40%);
}

.top_chara_list li a {
display: block;
width:148px;
height:48px;
text-indent: -9999px;
background-size:cover;
background-position: center;
filter:grayscale(50%);
}

.top_chara_list li a:hover {filter:grayscale(0%) brightness(115%);}

.list_miki {background:url(../img/common/01.jpg) no-repeat;}
.list_jamil {background:url(../img/common/02.jpg) no-repeat;}
.list_abel {background:url(../img/common/03.jpg) no-repeat;}
.list_meary {background:url(../img/common/04.jpg) no-repeat;}
.list_mieger {background:url(../img/common/05.jpg) no-repeat;}
.list_asuka {background:url(../img/common/06.jpg) no-repeat;}
.list_freed {background:url(../img/common/07.jpg) no-repeat;}
.list_neena {background:url(../img/common/08.jpg) no-repeat;}
.list_sarutobi {background:url(../img/common/09.jpg) no-repeat;}
.list_miranda {background:url(../img/common/10.jpg) no-repeat;}
.list_kreis {background:url(../img/common/11.jpg) no-repeat;}
.list_deute {background:url(../img/common/12.jpg) no-repeat;}
.list_malc {background:url(../img/common/13.jpg) no-repeat;}
.list_pochi {background:url(../img/common/14.jpg) no-repeat;}
.list_yukine {background:url(../img/common/15.jpg) no-repeat;}
.list_diana {background:url(../img/common/16.jpg) no-repeat;}
.list_masamune {background:url(../img/common/17.jpg) no-repeat;}
.list_triffy {background:url(../img/common/18.jpg) no-repeat;}
.list_mark {background:url(../img/common/19.jpg) no-repeat;}
.list_catherine {background:url(../img/common/20.jpg) no-repeat;}
.list_nettysoon {background:url(../img/common/21.jpg) no-repeat;}
.list_elma {background:url(../img/common/22.jpg) no-repeat;}
.list_ashelena {background:url(../img/common/23.jpg) no-repeat;}
.list_cotton {background:url(../img/common/24.jpg) no-repeat;}
.list_vitz {background:url(../img/common/25.jpg) no-repeat;}
.list_botan {background:url(../img/common/26.jpg) no-repeat;}
.list_dieta {background:url(../img/common/27.jpg) no-repeat;}
.list_karin {background:url(../img/common/28.jpg) no-repeat;}
.list_ryvel {background:url(../img/common/29.jpg) no-repeat;}
.list_recy {background:url(../img/common/30.jpg) no-repeat;}
.list_kieli {background:url(../img/common/31.jpg) no-repeat;}
.list_baldur {background:url(../img/common/32.jpg) no-repeat;}
.list_malachite {background:url(../img/common/33.jpg) no-repeat;}
.list_creil {background:url(../img/common/34.jpg) no-repeat;}
.list_ente {background:url(../img/common/35.jpg) no-repeat;}
.list_wallace {background:url(../img/common/36.jpg) no-repeat;}
.list_cacus {background:url(../img/common/37.jpg) no-repeat;}
.list_marl {background:url(../img/common/38.jpg) no-repeat;}
.list_amethys {background:url(../img/common/39.jpg) no-repeat;}
.list_royard {background:url(../img/common/40.jpg) no-repeat;}
.list_fia {background:url(../img/common/41.jpg) no-repeat;}
.list_riria {background:url(../img/common/42.jpg) no-repeat;}
.list_saffyne {background:url(../img/common/43.jpg) no-repeat;}
.list_willi {background:url(../img/common/44.jpg) no-repeat;}
.list_henrietta {background:url(../img/common/45.jpg) no-repeat;}
.list_helios {background:url(../img/common/46.jpg) no-repeat;}
.list_landis {background:url(../img/common/47.jpg) no-repeat;}
.list_leano {background:url(../img/common/48.jpg) no-repeat;}
.list_mileena {background:url(../img/common/49.jpg) no-repeat;}
.list_cultus {background:url(../img/common/50.jpg) no-repeat;}
.list_vein {background:url(../img/common/51.jpg) no-repeat;}
.list_latte {background:url(../img/common/52.jpg) no-repeat;}
.list_ivrik {background:url(../img/common/53.jpg) no-repeat;}
.list_melior {background:url(../img/common/54.jpg) no-repeat;}
.list_yutia {background:url(../img/common/55.jpg) no-repeat;}
.list_martini {background:url(../img/common/56.jpg) no-repeat;}
.list_canard {background:url(../img/common/57.jpg) no-repeat;}
.list_koharu {background:url(../img/common/58.jpg) no-repeat;}
.list_luct {background:url(../img/common/59.jpg) no-repeat;}
.list_shihou {background:url(../img/common/60.jpg) no-repeat;}
.list_rufika {background:url(../img/common/61.jpg) no-repeat;}
.list_keina {background:url(../img/common/62.jpg) no-repeat;}
.list_roberto {background:url(../img/common/63.jpg) no-repeat;}
.list_theobald {background:url(../img/common/64.jpg) no-repeat;}

.list_c65 {background:url(../img/common/65.jpg) no-repeat;background-position: 0 30% !important;}
.list_c66 {background:url(../img/common/muffin.jpg) no-repeat;background-position: 0 40% !important;}
.list_c68 {background:url(../img/common/68.jpg) no-repeat;}
.list_c69 {background:url(../img/common/69.jpg) no-repeat;}
.list_c70 {background:url(../img/common/70.jpg) no-repeat;}
.list_c71 {background:url(../img/common/) no-repeat;background-position: 0 30% !important;}


.list_miriena {background:url(../img/common/miriena.jpg) no-repeat;}

.list_list_no {background: rgb(0, 0, 0,0.6);}




table.tablesorter .name {min-width:10em;}
table.tablesorter .no {min-width:4em;}
table.tablesorter .birthday {min-width:8em;}

table.tablesorter .age {min-width:6em;}
table.tablesorter .lv {min-width:2em;}

table.tablesorter .job {min-width:16rem;}
table.tablesorter .place {min-width:14rem;}
table.tablesorter .cv {min-width:12em;}
/*table.tablesorter tr td:last-child {font-size:1.6rem;}*/

/************************************************************/
@media screen and (max-width:700px){
  
#header,
#contents,
#footer {
box-sizing: border-box;
min-width: 100%;
width:100%;}



.top_chara_list {width:100%;}

h1 {
  font-size: 2rem;
  float:none;
  width:100%;
  margin:0 auto 20px auto;
  box-sizing: border-box;
  }

.top_chara_list {
  margin: 0 auto 40px auto;
  padding:30px 0 0 0;}

.top_chara_list::after {
  content: none;
}

.top_chara_list li {
width:calc(50% - 22px);
min-height:48px;
height:auto;
aspect-ratio:3/0.9;
margin: 10px 10px 30px;
}

.top_chara_list li div {
width:100%;
min-height:48px;
height:auto;
aspect-ratio:3/0.9;
}

.top_chara_list li a {
display: block;
width:100%;
min-height:48px;
height:auto;
aspect-ratio:3/0.9;
}




}