/********　commonCSS　********/

html {
  font-size: 62.5%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-break: break-all;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.1rem;
  color: #1b1b1b;
}

@media screen and (max-width: 480px){
  .spNone {
    display: none !important;
  }
}

@media screen and (min-width: 480px) and ( max-width:959px){
  .tbNone {
    display: none !important;
  }
}

@media screen and (min-width: 960px){
  .pcNone {
    display: none !important;
  }
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

a :hover {
  opacity: 0.9;
}

/*—————————————————————————
大枠、ヘッダー、フッター
—————————————————————————*/

.all {
  width: 100%;
  background-image: url(https://pqlpq99.pupu.jp/staging/tictok_afi/assets/images/ura_img/ura_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.all__Wrapper {
  width: 100%;
}

.header__Wrapper {
  margin: 0 auto;
}

.header__Outer {
  /* border-bottom: 2px solid #dcdbd6; */
  padding: 10px 10px 10px 10px;
}

.container__Wrapper {
  padding: 5% 3% 5% 3%;
}

@media screen and (min-width: 960px){
  .all__Wrapper {
    width: 540px;
    margin: 0 auto;
  }
}

/*—————————————————————————
トップビューコンテンツ
—————————————————————————*/

.Poton__icon img {
  width: 24%;
  margin: 0 auto 5vw auto;
}

.Poton__title {
  margin: 0 0 5vw 0;
  color: #fff;
  text-align: center;
  font-family: 'Noto Sans JP';
  font-weight: 900;
  font-size: 1.6rem;
}

.Poton__prof img {
  width: 95%;
  margin: 0 auto 5vw auto;
  border-radius: 10px;
}

.Poton__rank img {
  width: 95%;
  margin: 0 auto 5vw auto;
  border-radius: 10px;
}

@media screen and (min-width: 960px){
  .Poton__icon img {
    width: 24%;
    margin: 0 auto 20px auto;
  }

  .Poton__title {
    margin: 0 0 20px 0;
    font-size: 1.8rem;
  }

  .Poton__prof img {
    width: 95%;
    margin: 0 auto 20px auto;
  }

  .Poton__rank img {
    width: 95%;
    margin: 0 auto 20px auto;
  }
}

/*—————————————————————————
フッター
—————————————————————————*/
.footer {
  width: 100%;
  margin: 0 auto 0 auto;
  /* background: #000; */
}

/* .footer__item:nth-child(3) {
  margin: 0 0 0 0;
} */