/* ライン */
.keitai-line {
  border: none;
  border-top: 1px solid #999;
  margin: 18px 0;
}

/* バッテリーとか */
.mobile-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.battery {
  width: 42px;
  height: auto;
}

.signal {
  display: flex;
  align-items: flex-end;
  gap: 2px;
  height: 20px;
}

.signal span {
  display: block;
  width: 3px;
  background: #000;
}

.signal span:nth-child(1) { height: 5px; }
.signal span:nth-child(2) { height: 9px; }
.signal span:nth-child(3) { height: 13px; }
.signal span:nth-child(4) { height: 17px; }

/* 時間 */
.mobile-time {
  text-align: center;
  font-size: 13px;
  margin: 4px 0 18px;
    font-family: 'dot-gothic-16', sans-serif;
}

/* タイトル */
.mobile-title {
  text-align: center;
  font-size: 20px;
  margin: 10px 0;
  letter-spacing: 0.15em;
  font-family: 'dot-gothic-16', sans-serif;
}

/* 100一覧 */
.mobile-question-item {
  padding: 8px 0;
  font-size: 13px;
  line-height: 1.7;
    font-family: 'dot-gothic-16', sans-serif;

}

.mobile-question-date {
  margin: 0 0 4px;
  color: #666;
  font-size: 12px;
    font-family: 'dot-gothic-16', sans-serif;

}

.mobile-question-title {
  margin: 0 0 6px;
  font-weight: bold;
    font-family: 'dot-gothic-16', sans-serif;

}

.mobile-question-item a,
.keitai-menu a,
.pc-view-link {
  color: #000;
  text-decoration: none;
  font-size: 13px;
    font-family: 'dot-gothic-16', sans-serif;

}

.mobile-question-item a:hover,
.keitai-menu a:hover,
.pc-view-link:hover {
  text-decoration: underline;
}

/* 表示切替 */
.mobile-home {
  display: none;
}

body.is-mobile-view .pc-home {
  display: none;
}

body.is-mobile-view .mobile-home {
  display: block;
}

body.is-pc-view .pc-home {
  display: block;
}

body.is-pc-view .mobile-home {
  display: none;
}