/*
SCE CONFIDENTIAL
$PSLibId$
Copyright (C) 2013 Sony Computer Entertainment Inc.
All Rights Reserved.
*/

@charset "utf-8";
.peo002-wrapper {
  padding: 0 12px 12px 12px;
}
/**
 * リスト
 */
.peo002-list-item-wrapper {
  height: 67px;
  padding: 0 6px;
  box-sizing: border-box;
  width: 100%;
}
/**
 * リスト
 */
.peo002-list-item {
  height: 66px;
  width: 100%;
  padding: 12px 4px 3px 71px;
  box-sizing: border-box;
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size: 58px 58px;
}
/**
 * 1段目：タイトル
 */
.peo002-item-title {
  width: 100%;
  font-size: 18px;
  height: 22px;
}
/**
 * 2段目：ゲーム情報
 */
.peo002-lasted-date {
  text-align: right;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.peo004-sub-header {
  display: table;
  width: 100%;
  margin: 0;
  padding: 9px 11px;
  box-sizing: border-box;
}
.peo004-sub-header-img {
  display: table-cell;
  vertical-align: middle;
  min-width: 62px;
  width: 62px;
  height: 62px;
  padding: 0 9px 0 0;
}
.peo004-sub-header-img img {
  width: 62px;
  height: 62px;
}
.peo004-recently-played .peo004-sub-header-info {
  max-width: 0;
  width: 100%;
  display: table-cell;
  padding: 3px 0 0 0;
  vertical-align: middle;
}
.peo004-sub-header-info-title {
  font-size: 18px;
  height: 22px;
}
.peo004-sub-header-info-details {
  width: 100%;
  font-size: 14px;
  height: 17px;
}
.peo004-sub-header-info-title-sub {
  display: table-cell;
  width: 100%;
  max-width: 0;
}
.peo004-sub-header-info-played-date {
  margin: 0 0 2px 0;
  font-size: 12px;
  padding: 0 0 0 10px;
  display: table-cell;
  text-align: right;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.7);
}
.peo004-send-msg-btn-wrapper {
  padding: 0 11px;
}
.peo004-sub-header-info-send-msg-btn-wrapper {
  font-size: 11px;
  box-sizing: border-box;
  line-height: 17px;
  text-align: center;
  vertical-align: middle;
  padding: 4px 9px;
  margin-bottom: 12px;
  width: 100%;
}
.peo004-tags .peo004-sub-header-info {
  width: 100%;
  display: table-cell;
  vertical-align: top;
  padding: 8px 0 0 0;
}
.peo004-tags .peo004-sub-header-info .peo004-sub-header-info-title {
  font-size: 20px;
}
.peo004-tags .peo004-sub-header-info .peo004-sub-header-info-title-sub {
  font-size: 16px;
}
.peo004-separator {
  margin: 0 11px;
}
.peo004-list-item-separator {
  margin: 0 4px;
}
#people-general-view .scroll-vertical-wrapper {
  top: 115px;
}
.peo004-list {
  position: absolute;
  top: 120px;
  bottom: 0px;
  width: 100%;
}
/**
 * リスト
 */
.peo004-list-item-wrapper {
  height: 67px;
  padding: 0 7px 0 7px;
  box-sizing: border-box;
  width: 100%;
  background-position: 9px center;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.peo004-simple-list-item .peo004-item-info-top {
  height: 100%;
}
.peo004-simple-list-item .peo004-peoplename {
  vertical-align: middle;
}
.peo004-online-status-online {
  background-image: url('../../img/iphone/people/phone_people_friend_onlineStatus_online.png');
}
.peo004-online-status-offline {
  background-image: url('../../img/iphone/people/phone_people_friend_onlineStatus_offline.png');
}
.peo004-online-status-standby {
  background-image: url('../../img/iphone/people/phone_people_friend_onlineStatus_standby.png');
}
.peo004-list-item {
  padding: 3px 5px 3px 85px;
  width: 100%;
  height: 66px;
  box-sizing: border-box;
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 58px 58px;
}
/**
 * リスト：情報表示エリア(上段)
 */
.peo004-item-info-top {
  margin: -1px 0 0 0;
  display: table;
  width: 100%;
}
/**
 * リスト：名前(大)
 */
.peo004-peoplename {
  font-size: 18px;
  display: table-cell;
  width: 100%;
  max-width: 0;
}
/**
 * リスト：プラス会員アイコン
 */
.peo004-plus-icon {
  background-image: url('../../img/iphone/people/phone_people_friend_icon_psPlus.png');
  background-position: right 70%;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 19px;
}
/**
 * TrophyLevel情報
 */
.peo004-item-trophy-level {
  background-image: url('../../img/iphone/trophy/phone_trophy_trophyLevelS.png');
  display: table-cell;
  background-position: 4px center;
  background-repeat: no-repeat;
  background-size: 21px 20px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  min-width: 43px;
  box-sizing: border-box;
  padding: 0 0 0 25px;
  text-align: center;
}
/**
 * リスト：情報表示エリア(中段)
 */
.peo004-peoplename2 {
  font-size: 14px;
  height: 18px;
  color: rgba(255, 255, 255, 0.7);
  background-position: left 1px;
  background-repeat: no-repeat;
  background-size: 15px;
  padding: 0 0 0 16px;
  margin: -1px 0 0 0;
}
/**
 * リスト：情報表示エリア(下段)
 */
.peo004-item-info-bottom {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}
.peo004-game-status {
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
  border-left: 1px solid rgba(255, 255, 255, 0.7);
}
/**
 * peo_005.html用
 */
/**
 * Filter、FindFriendsを表示するブロック
 */
#filter-block {
  margin: 10px;
  padding: 4px;
  height: 20px;
  display: table;
  position: relative;
}
/**
 * Filterのブロック
 */
#search_filter_box {
  margin: 8px;
  padding: 0px;
  width: 168px;
  display: table-cell;
  vertical-align: middle;
}
/**
 * ダミーブロック(FilterとFindFriendsの間の空欄)
 */
#dummy {
  margin: 8px;
  width: 20px;
  display: table-cell;
}
/**
 * FindFriendsのブロック
 */
#findfriends {
  margin: 8px;
  padding: 4px;
  width: 100px;
  display: table-cell;
}
/**
 * FindFriendsの画像
 */
#findfriends_img {
  width: 28px;
  height: 28px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
}
#findfriends_img > img {
  width: 100%;
}
/**
 * FindFriendsの文言
 */
#findfriends_txt {
  height: 8px;
  font-size: 80%;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 100px;
  white-space: nowrap;
}
/**
 * SelectBoxの下矢印
 */
#select_img {
  width: 16px;
  height: 16px;
  overflow: hidden;
  display: table-cell;
}
/**
 * SelectBoxの下矢印(画像)
 */
#select_img > img {
  width: 100%;
}
/**
 * Find Friend用のリストのヘッダ
 */
.peo004-list-item-header {
  font-size: 21px;
  margin: 20px 0 0;
}
/**
 * Facebook用のリスト
 */
.peo004-facebook {
  border: 1px solid white;
  padding: 8px;
  display: table;
  margin: 10px 11px;
  height: 214px;
  box-sizing: border-box;
}
.peo004-facebook .peo004-facebook-account-area {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.peo004-facebook .peo004-psn-account-area {
  width: 100%;
  margin: 10px 0;
}
.peo004-facebook .peo004-psn-account-area .peo004-direct {
  display: table-cell;
  min-width: 50px;
  vertical-align: middle;
  text-align: center;
  font-size: 30px;
}
.peo004-facebook .peo004-psn-account-area .peo004-direct img {
  width: 37px;
}
.peo004-facebook .peo004-psn-account-area .peo004-psn-account-info-wrapper {
  display: table-cell;
  width: 100%;
  padding: 5px 0 5px 5px;
}
.peo004-facebook .peo004-psn-account-area .peo004-psn-account-info-wrapper .peo004-psn-account-info {
  display: table;
  width: 100%;
}
.peo004-facebook .peo004-msg-area {
  display: table;
  text-align: right;
  width: 100%;
  height: 30px;
}
.peo004-facebook .peo004-msg-area .peo004-send-friend-request-btn {
  display: inline-block;
  padding: 5px 20px;
}
.peo004-facebook .peo004-msg-area .peo004-already-friend {
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
}
.peo004-item-friend-status {
  display: table-cell;
  width: 100%;
  max-width: 0;
  text-align: right;
}
.peo004-list-item-simple {
  height: 66px;
  padding: 7px 5px 0 82px;
  box-sizing: border-box;
  font-size: 18px;
}
@kcharset "utf-8";
.peo005-wrapper {
  padding: 0 15px 15px;
}
.peo005-list {
  position: absolute;
  top: 40px;
  bottom: 0;
  width: 100%;
}
.peo005-section-loading {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}
.peo005-section-loading > img {
  width: 50px;
  vertical-align: middle;
}
.peo005-2list {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.peo005-find-friend-list {
  top: 80px;
}
#peo005-search-filter {
  height: 28px;
  box-sizing: border-box;
  padding: 4px 9px 0 9px;
  font-size: 15px;
}
/**
 * There are no people. There are no friends.のブロック
 */
.peo005-no-element-block {
  /*   display: table; */

  padding: 40px 10px 40px 10px;
  width: 100%;
}
#peo005-no-element-explanation {
  font-size: 16px;
}
/* 共通 ********************************************************************************/
/* 白枠線背景 */
.white-border-background {
  border: solid 1px white;
}
/* コンテンツエリア */
.peo009-contests-area {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 11px 12px;
}
#peo009-submit-area {
  margin: 12px 0 14px;
}
.peo009-action-btn {
  width: 100%;
  text-align: center;
  height: 29px;
  line-height: 27px;
  font-size: 16px;
  vertical-align: middle;
  margin: 7px 0;
}
.peo009-action-btn > img {
  height: 32px;
}
/* Now Playing, Tags などのタイトル*/
.peo009-subtitle-area {
  margin: 22px 0 4px 0;
  display: table;
  width: 100%;
}
.peo009-subtitle {
  display: table-cell;
  text-align: left;
  font-size: 16px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
  width: 100%;
}
.peo009-subtitle-count {
  display: table-cell;
}
.peo009-subtitle-count > div {
  font-size: 18px;
  margin: 0 0 0 2px;
  padding: 2px 5px;
  background-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.8);
  white-space: nowrap;
}
/* Now Playing, Tags などのタイトル配下のエリア */
.peo009-subarea {
  margin: 8px 0 0 0;
  padding: 0px;
  box-sizing: border-box;
}
.peo009-subarea.peo009-no-contents-area {
  text-align: center;
  margin: 20px 0;
  font-size: 14px;
}
.peo009-subarea-caption {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
}
/* Profile　********************************************************************************/
/* プロフィール */
#peo009-profile-area-wrapper {
  display: table;
  width: 100%;
  height: 62px;
  min-height: 62px;
}
#peo009-profile-area {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 62px 62px;
  padding-left: 71px;
  /* 画像幅62px + 右マージン9px*/

  min-height: 62px;
  display: table-cell;
  max-width: 0;
  vertical-align: middle;
}
/* 実名、アバター、SendMessage/・・・のエリア（高さの合計をプロフィールエリアの高さにする） */
#peo009-profile-name-area {
  display: table;
  width: 100%;
}
#peo009-online-status {
  display: table-cell;
  min-width: 18px;
  /* 画像幅14px + 右マージン4px*/

  background-position: center left;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.peo009-online-status-online {
  background-image: url('../../img/iphone/people/phone_people_friend_onlineStatus_online.png');
}
.peo009-online-status-offline {
  background-image: url('../../img/iphone/people/phone_people_friend_onlineStatus_offline.png');
}
.peo009-online-status-standby {
  background-image: url('../../img/iphone/people/phone_people_friend_onlineStatus_standby.png');
}
#peo009-profile-realname-area {
  display: table-cell;
  width: 100%;
  max-width: 0;
  font-size: 18px;
  height: 22px;
  line-height: 22px;
}
#peo009-profile-realname-text {
  white-space: nowrap;
}
#peo009-profile-avatar-area {
  margin: 0 0 0 18px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 14px;
  font-size: 14px;
  padding-left: 15px;
  /* 画像幅12px + 右マージン5px - italic時の左マージン2px*/

  height: 17px;
}
#peo009-profile-option {
  line-height: 36px;
  min-width: 30px;
  width: 30px;
  text-align: center;
  margin: 0 0 0 auto;
}
#peo009-relation-wrapper {
  display: table;
  margin-top: 12px;
  margin-bottom: 12px;
  width: 100%;
}
#peo009-relation-area {
  font-size: 12px;
  display: table-cell;
  max-width: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 4px 9px;
  min-height: 17px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
#peo009-relation-text {
  font-size: 11px;
  word-break: break-all;
  word-wrap: word-break;
}
/* Now Playing ********************************************************************************/
#peo009-now-playing-wrapper {
  width: 100%;
  display: table;
}
#peo009-now-playing-info-area {
  padding: 0 9px 0 67px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 58px;
  height: 58px;
  display: table-cell;
  max-width: 0;
}
#peo009-now-playing-title {
  padding: 1px 0 0 0;
  font-size: 18px;
}
#peo009-now-playing-info {
  margin: -2px 0 3px 0;
  height: 16px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
}
#peo009-now-playing-platform-wrapper {
  height: 12px;
}
#peo009-now-playing-platform {
  vertical-align: top;
  white-space: nowrap;
  height: 12px;
}
/* Tags ********************************************************************************/
#peo009-tags-area {
  padding: 6px;
  margin-top: 10px;
}
#peo009-tag-icon {
  background-image: url('../../img/iphone/profile/phone_profile_icon_taggedTo.png');
  background-repeat: no-repeat;
  background-size: 34px 34px;
  padding-left: 40px;
  height: 34px;
}
#peo009-edit-tags {
  font-size: 14px;
}
/* Waiting for Friend response. ********************************************************************************/
#peo009-waiting-for-friend-response {
  text-align: center;
}
/* Not a Friend yet. ********************************************************************************/
#peo009-not-a-friend-yet {
  text-align: center;
}
#peo009-send-friend-request {
  text-align: center;
  width: 22ex;
  margin: 12px auto 5px;
  padding: 4px 12px;
}
/* Blocked ********************************************************************************/
#peo009-blocked {
  text-align: center;
}
/* You have a Friend request from this player. ********************************************************************************/
#peo009-request-message {
  margin-top: 12px;
}
#peo009-request-panel-area {
  margin-top: 12px;
}
.peo009-request-panel {
  padding: 4px 0;
  text-align: center;
  width: 50%;
}
/* Trophy ********************************************************************************/
#peo009-trophy-area {
  display: table;
  height: 60px;
  padding: 0 5px 0 0;
}
#peo009-trophy-area > div {
  display: table-cell;
}
.peo009-trophy-level-img {
  display: table-cell;
  min-width: 31px;
  background-image: url('../../img/iphone/profile/phone_profile_trophyLevel.png');
  background-position: 1px 4px;
  background-repeat: no-repeat;
  background-size: 31px;
}
.peo009-trophy-progress-area {
  max-width: 1px;
  padding: 0 16px 0 3px;
  vertical-align: top;
  width: 100%;
}
#peo009-trophy-progress-level {
  font-size: 18px;
  padding: 2px 0 2px 0;
}
#peo009-trophy-progress-percentage {
  float: right;
  font-size: 14px;
  padding: 6px 0 0 0;
}
.peo009-trophy-progress-bar-area {
  height: 6px;
  margin: 0 0 2px 0;
  position: relative;
}
.peo009-trophy-progress-bar-area > div {
  position: absolute;
  height: 100%;
}
#peo009-trophy-progress-bar-under {
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  width: 100%;
}
#peo009-trophy-progress-bar-over {
  background-color: rgba(255, 219, 5, 0.9);
  height: 100%;
}
#peo009-trophy-progress-trophy-count {
  font-size: 14px;
  vertical-align: bottom;
}
#peo009-trophy-progress-trophy-total {
  margin: 2px 0 0 0;
}
#peo009-trophy-progress-trophy-unit {
  font-size: 12px;
  margin-right: 4px;
  vertical-align: bottom;
}
.peo009-trophy-count-area {
  vertical-align: top;
  padding: 6px 0 0 0;
  min-width: 55px;
}
.peo009-trophy-small-img {
  height: 21px;
  margin: 0px 4px;
  width: 19px;
}
.peo009-trophy-small-area {
  background-position: 3px top;
  background-repeat: no-repeat;
  background-size: 19px 21px;
  padding-left: 25px;
  height: 27px;
  line-height: 25px;
  vertical-align: bottom;
}
#peo009-trophy-trophy-count-platinum {
  background-image: url("../../img/iphone/profile/phone_profile_trophy_Platinum.png");
}
#peo009-trophy-trophy-count-gold {
  background-image: url("../../img/iphone/profile/phone_profile_trophy_Gold.png");
}
#peo009-trophy-trophy-count-silver {
  background-image: url("../../img/iphone/profile/phone_profile_trophy_Silver.png");
}
#peo009-trophy-trophy-count-bronze {
  background-image: url("../../img/iphone/profile/phone_profile_trophy_Bronze.png");
}
/* About Me ********************************************************************************/
.peo009-status-friend-cnt-area {
  margin-bottom: 10px;
}
#peo009-online-status-text {
  width: 83px;
}
#peo009-about-me-language {
  white-space: nowrap;
}
#peo009-about-me-use-language {
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  line-height: 24px;
}
#peo009-about-me-message {
  font-size: 14px;
  line-height: 16px;
}
/* Activity ********************************************************************************/
#peo009-activity {
  padding: 0;
  border: 0 solid;
  height: 60px;
}
#peo009-activity .feed001-list-detail {
  padding-right: 9px;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
#peo009-activity .feed001-list-item {
  position: relative;
  height: 60px;
  border: 0 solid;
  padding: 1px;
  box-sizing: border-box;
}
.peo009-feed-item-hover:before {
  content: "";
  position: absolute;
  background: black;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: inset 0 0 6px #48d2ff, 0 0 6px #48d2ff;
  background-color: rgba(72, 210, 255, 0.35);
  border: solid 1px rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}
.peo009-subarea-loading {
  background-image: url(../../img/iphone/commonParts/phone_loading.png);
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 100%;
  height: 60px;
  margin: 8px 0 0 0;
  text-align: center;
}
/* Friends ********************************************************************************/
/* Video ********************************************************************************/
.peo009-video-area {
  padding: 0;
  text-align: center;
}
/* Name Balloon ********************************************************************************/
.peo009-name-balloon-area {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.peo009-name-balloon-area > div {
  padding: 0 11px;
  position: absolute;
  top: 0;
  left: 0;
}
.peo009-name-balloon-area > div > div {
  background-color: rgba(0, 0, 0, 0.95);
  border: solid 1px rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  font-size: 13px;
  line-height: 15px;
  padding: 8px 8px;
  word-break: break-word;
}
.peo015-list {
  position: absolute;
  top: 0px;
  bottom: 0px;
  padding: 0;
  width: 100%;
}
#peo016-wrapper {
  padding: 18px 11px 12px;
  box-sizing: border-box;
  width: 100%;
}
#peo016-friend-request-confirm {
  font-size: 18px;
}
#peo016-contents {
  display: table;
  width: 100%;
  box-sizing: border-box;
  margin: 13px 0 28px 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.1);
}
.peo016-item-image {
  display: table-cell;
  width: 58px;
  height: 58px;
  vertical-align: top;
}
.peo016-item-image img {
  width: 58px;
  height: 58px;
}
.peo016-avator_icon {
  display: inline-block;
  margin: 0 2px;
  width: 25px;
}
.peo016-item_info {
  display: table-cell;
  max-width: 0;
  padding: 0 0 0 9px;
  vertical-align: middle;
}
.peo016-item-title {
  width: 100%;
  display: inline-block;
  font-size: 18px;
}
#peo016-message {
  text-align: center;
}
#peo016-msg-input {
  box-sizing: border-box;
  min-height: 100px;
  padding: 7px 0 0 9px;
  margin: 0;
  display: block;
  font-size: 18px;
  line-height: 23px;
}
#peo016-msg-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
#peo016-msg-send-btn {
  width: 100%;
  margin: 9px 0 0 0;
  font-size: 18px;
  height: 28px;
  line-height: 26px;
}