@charset "UTF-8";
img {
  max-width: 100%;
}
.mb0 {
  margin-bottom: 0;
  padding-top: 45px;
}
.bg-w {
  background: #fff;
}
.btn-inverse {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #363636;
    *background-color: #222;
    background-image: -moz-linear-gradient(top,#444,#222);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
    background-image: -webkit-linear-gradient(top,#444,#222);
    background-image: -o-linear-gradient(top,#444,#222);
    background-image: linear-gradient(to bottom,#444,#222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    width:96%;
    text-align:left;
    margin-bottom:15px;
    margin-top:10px;
    background:#000;
}
.btn-inverse h3 {
  font-weight: bold !important;
}
.nav.nav-pills {
  margin-left:25px;
}
.sns-btn a {
  display:block;
  text-align:left;
  padding: 5px;
  border:1px solid #ccc;
  border-radius:10px;
  background:#e8e8e8;
  box-shadow:2px 2px 2px #555;
  width: 140px;
}
.sns-btn a span {
   display: inline-block;
   vertical-align: middle;
 }
.sns-btn a > span:last-child {
  text-align:center;
  min-width: 72px;
}
.rank-table {
  display: -webkit-flex;
  display: flex;
  padding: 1rem 2.5rem;
  /*border-bottom: 1px solid #ccc;*/
  margin: 1rem 0;
  width: 100%;
}
.rank-table .girls-image {
  margin-right: 1.5rem;
  text-align: center;
}
.rank-table .girls-image .girls-ranking {
  font-weight: bold;
}
#content.election .rank-table .girls-image .girls-ranking:before {
  vertical-align: middle;
  display: inline-block;
}
#content.election .rank-table:nth-of-type(2) .girls-image .girls-ranking:before {
  content: url(https://loveplus-esthe.com/images/event/election/rank1.gif);
}
#content.election .rank-table:nth-of-type(3) .girls-image .girls-ranking:before {
  content: url(https://loveplus-esthe.com/images/event/election/rank2.gif);
}
#content.election .rank-table:nth-of-type(4) .girls-image .girls-ranking:before {
  content: url(https://loveplus-esthe.com/images/event/election/rank3.gif);
}
#content.election .rank-table:nth-of-type(5) .girls-image .girls-ranking:before {
  content: url(https://loveplus-esthe.com/images/event/election/rank4.gif);
}
#content.election .rank-table:nth-of-type(6) .girls-image .girls-ranking:before {
  content: url(https://loveplus-esthe.com/images/event/election/rank5.gif);
}
#content.election .rank-table:nth-of-type(2) .girls-image {
  color: #daa520;
}
#content.election .rank-table:nth-of-type(3) .girls-image {
  color: #c0c0c0;
}
#content.election .rank-table:nth-of-type(4) .girls-image {
  color: #a0522d;
}
#content.election .rank-table:nth-of-type(5) .girls-image {
  color: #bc8f8f;
}
#content.election .rank-table:nth-of-type(6) .girls-image {
  color: #808080;
}
.rank-table .girls-name {
   font-size: 16px;
   font-weight: bold;
 }
.rank-table .data-table {
   width: 100%;
 }
.data-table-list {
   display: -webkit-flex;
   display: flex;
   width: 100%;
   align-items: center;
 }
.data-table-list > div:first-child {
  width: 49%;
  margin-right: 1%;
}
.data-table-list > div:last-child {
  width: 50%;
}
.data-table-list .tw-icon .fa-stack-2x, div.rank21 .tw-icon .fa-stack-2x {
  color: #4dc1e9;
}
.data-table-list .insta-icon .fa-stack-2x, div.rank21 .insta-icon .fa-stack-2x {
  color: #a24388;
}
.data-table-list .fa-stack-1x, div.rank21 .fa-stack-1x {
  color: #fff;
  font-size: 2.2rem;
}
.data-table .data-table-list {
  padding: 0.1rem;
}
.twt .graph>div {
  background: #4dc1e9;
}
.ins .graph>div {
  background: #a24388;
}
div.point {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  margin: 1rem;
}
div.rank6-20 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
div.rank6-20 .box {
  padding: 1rem 0.5rem;
}
div.rank21 {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 2rem auto 0;
}
div.rank21 > div.box {
  text-align: center;
  margin: 0 10px 3rem;
}
div.rank21 .name, div.rank21 .shop-point {
  font-weight: bold;
}
div.rank21 .sns-btn a {
  margin: 0 auto;
}
.u-map {
  position: relative;
}
.u-map > div {
  text-align:center;
  position:absolute;
  bottom: 1%;
  right:0;
  left:0;
}
a.btn {
  background: #fe0000;
  border-radius: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  width: 230px;
  padding: 15px 0;
  text-decoration: none;
  margin: 15px 0;
  box-shadow: 0px 3px 0px 0px #95030e;
  -moz-box-shadow: 0px 3px 0px 0px #95030e;
  text-align: center;
  display: inline-block;
}
.h-fix {
  background-color: #f00;
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.h-fix h1 {
  color: #fff;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding: 0.5rem;
  margin: 1rem 0;
}
@media(min-width:768px) {
  .sp-only {
    display: none;
  }
  div.rank21 > div.box {
    margin: 0 10px 3rem;
    max-width: 130px;
  }
  div.container {
    max-width: 1000px !important;
  }
  .rank21 {
    margin: 2rem 2rem 0;
  }
  .rank21 .box > p:first-child.name {
    background: #f00;
    color: #fff;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
  }
  .rank21 div.box:nth-of-type(-n+15) {
    /*display: none;*/
  }
}
@media(max-width:991px) {
  div.rank21 {
    max-width: 600px;
  }
}
@media(max-width:767px) {
  .pc-only {
    display: none;
  }
  .girls-image img {
    max-width: 100%;
    min-width: 85px;
  }
  .rank-table {
    display: block;
    text-align: center;
  }
  .rank-table .girls-image {
    margin-right: 0 !important;
  }
  .rank-table .girls-image .agg-res {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
  }
  .rank-table .girls-image .agg-res div:last-child {
    margin-left: 2rem;
  }
  .rank-table a {
    text-decoration: none;
  }
  .data-table {
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    max-width: 480px;
    margin: 0 auto;
    padding: 0 1rem;
  }
  .data-table > div:first-child {
    width: 40%;
  }
  .data-table > div:last-child {
    width: 60%;
  }
  #content.election .graph>p {
    top: auto;
    bottom: 0.5em;
    font-size: 11px;
    color: rgba(0,0,0,0.4);
  }
  .data-table-list > div > div:first-child.sns-btn {
    margin-bottom: 1rem;
  }
  div.rank21 {
    max-width: 492px;
  }
}
@media(max-width:599px) {
  .rank-table {
    padding: 1rem;
  }
  .rank-table .girls-image {
    margin-right: 1rem;
  }
  .bg-w h3 {
    font-size: 16px;
    margin-top: 1.5rem;
  }
  .nav.nav-pills {
    margin-left: 0.5rem;
  }
  div.rank21 {
    justify-content: flex-start;
  }
  div.rank21 > div.box {
    width: 49%;
    margin: 0 0 3rem;
  }
  div.rank21 > div:nth-of-type(2n) {
    margin-left: 2%;
  }
}
@media(max-width:499px) {
  .data-table .data-table-list {
    /*padding: 0.5rem 0;*/
  }
  .rank-table {
    padding: 1rem 0.5rem;
  }
  .rank-table .girls-image {
    margin-right: 0.5rem;
  }
  .nav.nav-pills {
    margin-left: 0.5rem;
  }
  .sns-btn a {
    width: 109px;
    font-size: 12px;
  }
  .data-table .data-table-list:first-child > div:last-child div:first-child {
    /*margin-right: 0.5rem;*/
  }
  .sns-btn a > span:last-child {
    min-width: auto;
  }
  .sns-btn a > span:first-child {
    width: 30px;
  }
}

.sns-img {
  margin: 3.5rem auto 1rem;
  width: 95%;
  max-width: 510px;
  border: 2px solid #f00;
  border-radius: 10px;
  background: #fbdceb;
  padding: 10px;
}
.sns-img .pick1 {
  position: relative;
  margin-right: 2%;
  width: 32%;
}
.sns-img .pickup {
  width: 64%;
  position: relative;
}
.sns-img .pick1 .g-img {
  position: absolute;
  top: -30px;
  left: -25px;
  width: 50%;
  max-width: 80px;
}
.sns-img .pickup .p-img {
  position: absolute;
  top: -30px;
  left: -25px;
  width: 25%;
  max-width: 80px;
}
.sns-img .g-img img {
  width: 50%;
}
.sns-img .fl-img {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.sns-img .pickup .fl-img {
  margin-top: 7px;
}
.sns-img .pickup .fl-img div:not(:last-child) {
  margin-right: 10px;
}