@charset "euc-jp";
/*********************************************
内容       : チャット画面操作説明用CSS
ページURL  : http://www.angel-live.com/howto/chatguide/chatguide.php
*********************************************/
/*** メニュー アクティブ ***/
.header-menu-list-item.is_howto .header-menu-list-item__link {
  box-shadow: 0 -3px 0 #ee8aa4 inset;
  color: #ee8aa4;
}
.sub-menu-list-item.is_beginner1 .sub-menu-list-item__link {
  box-shadow: 0 -2px 0 #ee8aa4 inset;
  font-weight: bold;
  color: #ee8aa4;
}

#rightcontainer .text p {
  margin-bottom: 5px;
  font-size: 14px;
}

.uppercase-letter {
  text-transform: uppercase;
}

.chat-guide-wrap {
  margin-top: -150px;
  padding-top: 150px;
}

.chat-guide {
  margin: 15px 0;
}

.chat-guide-list {
  display: flex;
  align-items: baseline;
  height: 50px;
  list-style: none;
}

.chat-guide-list-item {
  margin-right: 10px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 43px;
  text-align: center;
  color: #fff;
}

.chat-guide-list-item:hover {
  filter: brightness(107%);
}

.chat-guide-list-item.is_wait {
  background: #f6b400;
}

.chat-guide-list-item.is_party {
  background: #fa7777;
}

.chat-guide-list-item.is_2shot {
  background: #bf80ff;
}

.chat-guide-list-item.is_ds {
  background: #3ac9ed;
}

.chat-guide-list-item.is_active {
  height: 100%;
  border-radius: 6px 6px 0 0;
}

a.chat-guide-list-item__link {
  display: block;
  padding: 0 12px;
  font-weight: bold;
  color: #fff;
}

a.chat-guide-list-item__link:hover {
  text-decoration: none;
}

.chat-guide-inner {
  border-radius: 6px;
  padding: 20px 10px 15px;
}

.chat-guide-inner.is_wait {
  background: #f6b400;
  border-radius: 0 6px 6px 6px;
}

.chat-guide-inner.is_party {
  background: #fa7777;
}

.chat-guide-inner.is_2shot {
  background: #bf80ff;
}

.chat-guide-inner.is_ds {
  background: #3ac9ed;
}

.chat-guide-inner-item {
  padding: 20px 10px;
  background: #ffffff;
}

.chat-guide-inner-title {
  margin: 0 10px 20px;
  line-height: 1;
  font-size: 26px;
  color: #fff;
}

#rightcontainer .text p.chat-guide-inner-item__text {
  margin-bottom: 20px;
}

.chat-guide-inner-item__title {
  margin: 70px 0 10px;
  border-bottom: 2px solid #ee8aa4;
  font-size: 16px;
  line-height: 1.5em;
  color: #2a2a2a;
}

.chat-guide-inner-item__image:not(:last-of-type) {
  display: block;
  width: 740px;
  margin-bottom: 30px;
}

.chat-guide-inner-item__image:last-of-type {
  display: block;
  width: 740px;
}