/* =========================
SISTER STORES
========================= */

.sister{
  background:#000;
  padding:120px 20px 108px;
  color:#fff;
  overflow:hidden;
}

.sister__inner{
  max-width:920px;
  margin:0 auto;
}

.sister__company{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:28px;
  flex-wrap:nowrap;
}

.sister__tryhard{
  display:block;
  width:140px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  flex:0 0 auto;
}

.sister__companyText{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:min(320px, 100%);
  max-width:320px;
  text-align:center;
}

.sister__jpWrap,
.sister__enWrap{
  width:100%;
  display:flex;
  justify-content:center;
  text-align:center;
}

.sister__jp{
  display:block;
  width:100%;
  color:#fff;
  font-size:20px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.02em;
  white-space:nowrap;
  text-align:center;
}

.sister__enWrap{
  margin-top:12px;
  padding:8px 0 7px;
  border-top:2px solid rgba(255,255,255,.9);
  border-bottom:2px solid rgba(255,255,255,.9);
}

.sister__en{
  display:block;
  width:100%;
  color:#fff;
  font-family:"Michroma", sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.15;
  letter-spacing:.04em;
  white-space:nowrap;
  text-align:center;
}

.sister__divider{
  width:100%;
  height:1px;
  background:rgba(255,255,255,.88);
  margin:54px 0 34px;
}

.sister__titleWrap{
  display:flex;
  justify-content:center;
  margin-bottom:28px;
}

.sister__title{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
  min-height:30px;
  padding:0 18px;
  background:#fff;
  color:#000;
  font-family:"Michroma", var(--font-en);
  font-size:clamp(8px, .72vw, 11px);
  font-weight:400;
  letter-spacing:.06em;
  line-height:1;
  text-align:center;
}

.sister__title::before,
.sister__title::after{
  content:"";
  position:absolute;
  top:0;
  width:0;
  height:0;
  border-top:15px solid transparent;
  border-bottom:15px solid transparent;
}

.sister__title::before{
  left:-12px;
  border-right:12px solid #fff;
}

.sister__title::after{
  right:-12px;
  border-left:12px solid #fff;
}

.sister__logos{
  width:100%;
  max-width:880px;
  margin:0 auto;
}

.sister__logos--pc{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:28px;
}

.sister__logos--sp{
  display:none;
}

.sister__logosRow{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  flex-wrap:nowrap;
}

.sister__logos img{
  display:block;
  width:auto;
  height:26px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:1;
}

.sister__logos a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.sister__logos a img{
  cursor:pointer;
}

.sister__logos img[src*="logoGiraffe"]{
  height:38px;
}

.sister__logos img[src*="logoAnchor"],
.sister__logos img[src*="logoBlackBambi"]{
  height:40px;
}

.sister__logos img[src*="logoSangoSp"]{
  height:45px;
}

.sister__logos img[src*="logoClubstar"]{
  height:48px;
}

.sister__logos img[src*="logoAmmona"],
.sister__logos img[src*="logoPiccadilly"],
.sister__logos img[src*="logoSango"],
.sister__logos img[src*="logoSpace"],
.sister__logos img[src*="logoTopTree"],
.sister__logos img[src*="logoWarp"],
.sister__logos img[src*="logoWhizz"]{
  height:50px;
}

.sister__logos img[src*="logoNineteen"],
.sister__logos img[src*="logoCrossRoppongi"],
.sister__logos img[src*="logoCheval"]{
  height:50px;
}

.sister__logos img[src*="logoDragon"]{
  height:50px;
}



@media (max-width: 768px){
  .sister{
    padding:82px 12px 80px;
  }

  .sister__company{
    gap:18px;
  }

  .sister__tryhard{
    width:110px;
  }

  .sister__companyText{
    width:min(250px, calc(100% - 128px));
    max-width:250px;
  }

  .sister__jp{
    font-size:14px;
  }

  .sister__en{
    font-size:8px;
    letter-spacing:.02em;
  }

  .sister__enWrap{
    margin-top:6px;
    padding:5px 0 4px;
  }

  .sister__divider{
    margin:36px 0 28px;
  }

  .sister__title{
    min-width:220px;
    min-height:38px;
    padding:0 20px;
    font-size:10px;
    letter-spacing:.06em;
  }

  .sister__title::before,
  .sister__title::after{
    border-top-width:19px;
    border-bottom-width:19px;
  }

  .sister__title::before{
    left:-14px;
    border-right-width:14px;
  }

  .sister__title::after{
    right:-14px;
    border-left-width:14px;
  }

  .sister__logos--pc{
    display:none;
  }

  .sister__logos--sp{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    width:100%;
    max-width:100%;
    margin:0 auto;
  }

  .sister__logos--sp .sister__logosRow{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
    width:100%;
  }

  .sister__logos--sp img{
    display:block;
    width:auto;
    height:18px;
    object-fit:contain;
    filter:brightness(0) invert(1);
    opacity:1;
  }

.sister__logos--sp img[src*="logoAmmona"],
.sister__logos--sp img[src*="logoCheval"],
.sister__logos--sp img[src*="logoClubstar"],
.sister__logos--sp img[src*="logoDragon"],
.sister__logos--sp img[src*="logoNineteen"]{
  height:28px;
}

.sister__logos--sp img[src*="logoCrossRoppongi"]{
  height:30px;
}

.sister__logos--sp img[src*="logoAnchor"],
.sister__logos--sp img[src*="logoBambi"],
.sister__logos--sp img[src*="logoBlackBambi"]{
  height:18px;
}

.sister__logos--sp img[src*="logoGiraffe"],
.sister__logos--sp img[src*="logoGtwoOsaka"],
.sister__logos--sp img[src*="logoGtwoShizuoka"],
.sister__logos--sp img[src*="logoKitsune"],
.sister__logos--sp img[src*="logoLagoon"],
.sister__logos--sp img[src*="logoOrca"]{
  height:20px;
}

.sister__logos--sp img[src*="logoOwlOsaka"]{
  height:20px;
}

.sister__logos--sp img[src*="logoPiccadilly"],
.sister__logos--sp img[src*="logoSango"],
.sister__logos--sp img[src*="logoSangoSp"],
.sister__logos--sp img[src*="logoSpace"],
.sister__logos--sp img[src*="logoTopTree"],
.sister__logos--sp img[src*="logoWarp"],
.sister__logos--sp img[src*="logoWhizz"]{
  height:34px;
}

}