@charset "UTF-8";
/* CSS Document */

body {
  /* 全体のフォントファミリー */
  font-family: "Yu Gothic Pr6N B";
}

#talk_body dt[data-name=""] {
  color: rgb(73, 158, 186);
}

/* プロフィール画像のサイズを小さく。中央にして下余白あり。 */
.profile_inner .pic {
  width: 50%;
  margin: 0 auto 40px auto;
}


dt {
  position: relative;
}
dt[data-name="安木"] {
  color: transparent !important;
}
dt[data-name="安木"]::after {
  content: "";
  background-image: url(https://www.1101.com/ns_jrap_lovers/icon_yasuki.png);
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 20px;
}
dt[data-name="松本"] {
  color: transparent !important;
}
dt[data-name="松本"]::after {
  content: "";
  background-image: url(https://www.1101.com/ns_jrap_lovers/icon_matsumoto.png);
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 20px;
}
dt[data-name="KZ"] {
  color: transparent !important;
}
dt[data-name="KZ"]::after {
  content: "";
  background-image: url(https://www.1101.com/ns_jrap_lovers/icon_KZ.png);
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 20px;
}

dt[data-name="神門"] {
  color: transparent !important;
}
dt[data-name="神門"]::after {
  content: "";
  background-image: url(https://www.1101.com/ns_jrap_lovers/icon_goad.png);
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 20px;
}

dt[data-name="川原"] {
  color: transparent !important;
}
dt[data-name="川原"]::after {
  content: "";
  background-image: url(https://www.1101.com/ns_jrap_lovers/icon_kawahara.png);
  display: block;
  width: 60px;
  height: 60px;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 20px;
}


@media (max-width: 640px) {
  dt[data-name="安木"],
  dt[data-name="松本"],
  dt[data-name="KZ"],
  dt[data-name="神門"],
  dt[data-name="川原"]{
    height: 60px;
  }
  dt[data-name="安木"]::after,
  dt[data-name="松本"]::after,
  dt[data-name="KZ"]::after, 
  dt[data-name="神門"]::after,
  dt[data-name="川原"]::after{
    right: unset;
    left: -4px;
  }


/* スマホ用の指定 */
@media (max-width: 640px) {
  
  /* 本文に隙間をあける */
  .content_wrap {
    margin-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
  }
  /* プロフィール画像のサイズを小さく。 */
  .profile_inner .pic {
    width: 60%;
  }

  /* 邪魔になるスタイルをリセット */
  #kv {
    margin-bottom: 0;
  }
  /* 邪魔になるスタイルをリセット */
  #yodogawa.bd_t.bd_none {
    margin-top: 0;
  }
}