@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* https://cloudcasting.jp//profile/●●/limited modal */

.blacklist {
  font-size: 12px;
  line-height: 1.8;
  background: #fff; }
  .blacklist h2 {
    font-size: 16px;
    padding: 20px; }
  .blacklist__caption {
    background: #f6f6f9;
    padding: 15px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row; }
    .blacklist__caption .warn-icon {
      height: 14px;
      padding: 0 3px;
      vertical-align: baseline; }
    .blacklist__caption .blacklist__iconcap img {
      width: auto;
      height: auto;
      max-width: 100%; }
  .blacklist__iconlist {
    padding: 0 20px; }
    .blacklist__iconlist strong {
      display: block; }
    .blacklist__iconlist > li {
      display: flex;
      flex-direction: row;
      padding: 10px 0;
      box-sizing: border-box;
      border-bottom: #e1e1e9 solid 1px;
      margin-top: 10px; }
  .blacklist__iconcap {
    width: 100%;
    max-width: 260px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .blacklist__iconcap .warn-icon {
      display: inline-block;
      margin: 0 3px;
      height: 30px; }
  .blacklist__text {
    width: 100%; }
    .blacklist__text a {
      color: #56b8b8;
      text-decoration: none; }
      .blacklist__text a:hover {
        text-decoration: underline; }
  .blacklist__guide {
    text-align: right;
    padding: 5px 10px; }
    .blacklist__guide .warn-icon {
      height: 10px;
      padding: 0 3px;
      vertical-align: baseline; }
  .blacklist__footer {
    background: #f6f6f9;
    padding: 20px;
    text-align: right; }
  .blacklist__btn {
    background: #ffffff;
    border: #e1e1e9 solid 1px;
    padding: 10px 30px;
    display: inline-block;
    cursor: pointer; }

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

}

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

  .blacklist {
    top: 0; }
    .blacklist__iconcap {
      flex-direction: column;
      max-width: 100px;
      align-items: baseline; }
      .blacklist__iconcap .warn-icon {
        height: 25px;
        margin: 3px 0; }
    .blacklist__guide {
    	padding: 5px 0; }

}