@charset "utf-8";

/*
https://jira.intra.mixi.co.jp/browse/MIXISERVICE-2874 の残骸を含むことから、使用していない定義が混在しています。
*/

/* stylelint-disable selector-max-id -- FIXME: rule導入前の既知の問題 */

/*================================ Owner's Area ================================*/

/*---- utilityWindow02:副管理者選択レイヤー ----*/
.utilityWindow02 .selectionView .consented {
    color: #999;
    background-color: #f2f2f2;
}

.utilityWindow02 .selectionView .editNote.subAdminNote {
    color: #999;
    text-align: left;
}

.utilityWindow02 .generalInfo01 {
    vertical-align: middle;
}

.utilityWindow02 .generalInfo01 .choice {
    float: left;
}

.utilityWindow02 .generalInfo01 .choice span {
    color: #ff0000;
}

.utilityWindow02 .generalInfo01 .reminder {
    float: right;
}

.utilityWindow02 .generalInfo01 .reminder span {
    padding: 0 5px;
    font-size: 133.3%;
    line-height: 1;
}

div.utilityWindow02 .contents p.loading01 {
    padding: 15px 0;
    text-align: center;
}

/*---- utilityWindow01:メンバー削除・アクセスブロック ----*/
.utilityWindow01 .checkItem input {
    margin-right: 5px;
    vertical-align: middle;
}

/*---- utilityWindow02:アプリ利用同意レイヤー ----*/
#connectAuthorize.utilityWindow02 .confirm01 p.profileImage {
    float: left;
    width: 40px;
    padding: 8px 10px;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList,
#connectAuthorize.utilityWindow02 .authorizeArea .appli {
    display: inline-block;
    vertical-align: middle;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList {
    width: 330px;
    padding: 10px;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category {
    width: 330px;
    padding: 10px 0;
    background: url(/img/basic/common/dotline_horizontal004.gif) repeat-x 0 0;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category.top {
    background: none;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category p.name {
    float: right;
    width: 268px;
    font-weight: bold;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category p.image {
    float: left;
    width: 52px;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category p.image img {
    border: 1px solid #ddd;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category ul {
    float: right;
    width: 250px;
    padding-left: 18px;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category li {
    list-style: outside disc;
}

#connectAuthorize.utilityWindow02 .authorizeArea .appli {
    width: 170px;
    padding: 20px 10px 20px 50px;
    background: url(/img/basic/official/connect_arrow001.gif) no-repeat 10px 50%;
    text-align: center;
}

#connectAuthorize.utilityWindow02 .formButtons01 {
    border: none;
    border-top: 1px solid #ffc356;
}

#connectAuthorize.utilityWindow02 .formButtons01 .supplement01 {
    width: auto;
}

#connectAuthorize.utilityWindow02 .formButtons01 .supplement02 {
    width: auto;
    margin: 0;
    padding: 0 33px 10px;
}

/*---- clearfix:Owner's Area ----*/
#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category::after {
    content: " ";
    display: block;
    clear: both;
}

/*================================ User's Area ================================*/

/*---- utilityWindow01:メイン画像設定ポップアップ ----*/
.utilityWindow01 .editListPopup01 .editImageView {
    margin: 0 0 5px;
    text-align: left;
}

.utilityWindow01 .editListPopup01 .editImageView p {
    float: left;
    margin: 0 10px 0 0;
    padding: 2px;
    border: 1px #dddddd solid;
}

.utilityWindow01 .editListPopup01 .editImageView p img {
    width: 160px;
    height: auto;
}

.utilityWindow01 .editListPopup01 .editImageView a {
    float: left;
}

.utilityWindow01 .editListPopup01 .editImageSelect {
    margin: 0 0 5px;
    text-align: left;
}

.utilityWindow01 .editListPopup01 .editImageNotice01 {
    margin: 0 0 10px;
    font-size: 85%;
    text-align: left;
}

.utilityWindow01 .editListPopup01 .editImageNotice02 {
    margin: 0 0 5px;
    padding: 5px;
    background: #eeeeee;
    font-size: 85%;
    text-align: left;
}

.utilityWindow01 .editListPopup01 .editImageNotice02 em {
    font-weight: bold;
}

/*================================ Application Area ================================*/

/*---- iineList01:イイネ！一覧 ----*/
.iineList01 {
    margin-top: 7px;
    background: url(/img/basic/skin/gray/common/border_dot_horizontal001.gif) repeat-x 0 0;
}

.iineList01 .contents {
    padding-top: 8px;
    line-height: 1.6;
}

.iineList01 .contents h3 {
    display: inline;
    padding: 3px 15px 0 14px;
    color: #666;
    font-size: 91%;
    font-weight: bold;
    background: url(/img/basic/icon/like001.gif) no-repeat 0 0;
}

.iineList01 .contents ul,
.iineList01 .contents ul li {
    display: inline;
}

.iineList01 .contents ul li {
    margin-right: 10px;
}

/*---- clearfix:Application Area ----*/
ul.feedList li div.feedContents div.externalContent::after,
ul.feedList li div.feedContents div.utility::after {
    content: " ";
    display: block;
    clear: both;
}

/*================================ Application Area:Popup Layer ================================*/

/*---- utilityWindow01:whiteboard装飾レイヤー ----*/
.utilityWindow01 input.inputContentsPath {
    width: 256px;
}

.utilityWindow01 p.objectSize {
    margin-top: 10px;
}

.utilityWindow01 input.pxInput {
    width: 45px;
    margin: 0 3px;
}