@charset "UTF-8";

@media only screen and (max-width: 560px) {

    .photo-content .icon-share-sp {
        width: 100%;
        height: 72px;
        /*margin: 12px auto 0;*/
        background-color: #F4F4F4;
    }

    .success-content .head {
        height: 138px;
        background: #F4FFF8 0% 0% no-repeat padding-box;
        border-radius: 4px;
        overflow: hidden;
    }

    .success-content .head .section-intro {
        height: 18px;
        text-align: center;
        color: #131313;
        font-size: 18px;
        margin-top: 24px;
        font-family: HiraginoKakuGothicProW6;
    }

    .success-content .icon-share-sp {
        width: 100%;
        height: 72px;
        /*margin: 12px auto 0;*/
        background-color: #F4F4F4;
    }

    .success-content .icon-share-sp li {
        width: 48px;
        height: 48px;
        border-radius: 100px;
        float: left;
        list-style: none;
        margin-top: 7px;
        margin-left: 12px;
    }

    .success-content .icon-share-sp .facebook {
        background: #1877F2 0% 0% no-repeat padding-box;
    }

    .success-content .icon-share-sp .facebook .icon-facebook {
        position: absolute;
        margin: 5px 0 0 -7px;
        color: #ffffff;
        font-size: 24px;
    }

    .success-content .icon-share-sp .twitter {
        background: #1B95E0 0% 0% no-repeat padding-box;
        margin-left: 16px;
    }

    .success-content .icon-share-sp .twitter .icon-twitter {
        position: absolute;
        margin: 7px 0 0 -8px;
        color: #ffffff;
        font-size: 16.27px;
    }

    .success-content .head .icon-share {
        width: 112px;
        height: 48px;
        margin: 24px auto 0;
    }

    .success-content .head .icon-share li {
        width: 48px;
        height: 48px;
        border-radius: 100px;
        float: left;
        list-style: none;
    }

    .success-content .head .icon-share .facebook {
        background: #1877F2 0% 0% no-repeat padding-box;
    }

    .success-content .head .icon-share .facebook .icon-facebook {
        position: absolute;
        margin: 13px 0 0 18px;
        color: #ffffff;
        font-size: 24px;
    }

    .success-content .head .icon-share .twitter {
        background: #1B95E0 0% 0% no-repeat padding-box;
        margin-left: 16px;
    }

    .success-content .head .icon-share .twitter .icon-twitter {
        position: absolute;
        margin: 16px 0 0 15px;
        color: #ffffff;
        font-size: 16.27px;
    }

    .photo-content .icon-share-sp li {
        width: 48px;
        height: 48px;
        border-radius: 100px;
        float: left;
        list-style: none;
        margin-top: 12px;
        margin-left: 12px;
        padding: 10px 0;
        box-sizing: border-box;
        text-align: center;
        border-left: 1px solid #C4C4C4;
    }

    .photo-content .icon-share-sp .facebook {
        background: #1877F2 0% 0% no-repeat padding-box;
    }

    .photo-content .icon-share-sp .facebook .icon-facebook {
        position: absolute;
        margin: 5px 0 0 -7px;
        color: #ffffff;
        font-size: 24px;
    }

    .photo-content .icon-share-sp .twitter {
        background: #1B95E0 0% 0% no-repeat padding-box;
        margin-left: 16px;
    }

    .photo-content .icon-share-sp .twitter .icon-twitter {
        position: absolute;
        margin: 7px 0 0 -8px;
        color: #ffffff;
        font-size: 16.27px;
    }

    .photo-content .post {
        max-width: 1280px;
        margin: auto;
    }

    .photo-content .post .table-photo {
        display: table;
        margin: auto;
    }

    .photo-content .post .leftAndRight-pc {
        display: none;
    }

    .photo-content .post .leftAndRight {
        height: 40px;
        display: table-cell;
        vertical-align: middle;
    }

    .photo-content .post .left {
        position: absolute;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 0.30000001192092896px solid #8E8E8E;
        border-radius: 50%;
        opacity: 60%;
        z-index: 1;
        left: 16px;
    }

    .photo-content .post .left .icon-arrow-left {
        margin: 12px 0 0 14px;
    }

    .photo-content .post .left:hover {
        background: #F4F4F4 0% 0% no-repeat padding-box;
    }

    .photo-content .post .right {
        position: absolute;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 0.30000001192092896px solid #8E8E8E;
        border-radius: 50%;
        opacity: 60%;
        z-index: 1;
        right: 16px;
    }

    .photo-content .post .right .icon-arrow-right {
        margin: 13px 0 0 16px;
    }

    .photo-content .post .right:hover {
        background: #F4F4F4 0% 0% no-repeat padding-box;
    }

    .photo-content .post .title-sp {
        color: #131313;
        font-size: 18px;
        margin-bottom: 16px;
        font-family: HiraginoKakuGothicProW6;
        margin-top: 16px;
        margin-left: 24px;
    }

    .photo-content .post .post-photo {
        max-width: 980px;
        max-height: 632px;
    }

    .photo-content .post .post-photo .thumbnail {
        width: 100%;
        max-height: 632px;
        object-fit: cover;
    }

    .photo-content .post .post-photo .heart {
        font-size: 21px;
        width: 48px;
        height: 48px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 50%;
        position: absolute;
        right: 72px;
        margin-top: 10px;
    }

    .photo-content .post .post-photo .heart .icon-heart {
        position: absolute;
        width: 18px;
        height: 15px;
        margin: 14px 0 0 11px;
    }

    .photo-content .post .post-photo .heart .icon-heart-active {
        position: absolute;
        width: 18px;
        height: 15px;
        margin: 14px 0 0 11px;
    }

    .photo-content .post .post-photo .heart:hover {
        background: #F4F4F4 0% 0% no-repeat padding-box;
    }

    .photo-content .post .post-photo .add {
        width: 48px;
        height: 48px;
        font-size: 16px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 50%;
        margin-top: 10px;
        position: absolute;
        right: 16px;
    }

    .photo-content .post .post-photo .add .icon-plus {
        position: absolute;
        width: 18px;
        height: 15px;
        margin: 17px 0 0 16px;
    }

    .photo-content .post .post-photo .add:hover {
        background: #F4F4F4 0% 0% no-repeat padding-box;
    }

    .photo-content .post-summary-sp {
        max-width: 100%;
        padding: 0 5%;
        margin-top: 40px;
    }

    .photo-content .post-summary-sp .post-summary-sp-container {
        width: 95%;
    }

    .photo-content .post-summary-sp .name {
        color: #131313;
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .photo-content .post-summary-sp .summary {
        height: 30px;
        margin-top: 10px;
    }

    .photo-content .post-summary-sp .summary-details {
        float: left;
    }

    .photo-content .post .post-summary .summary-details .label {
        width: 54px;
        height: 12px;
    }

    .photo-content .post-summary-sp .summary-details-next {
        float: right;
    }

    .photo-content .post-summary-sp .summary-details .label {
        color: #8E8E8E;
        font-size: 16px;
        float: left;
    }

    .photo-content .post-summary-sp .summary-details-next .label {
        color: #8E8E8E;
        font-size: 12px;
        float: left;
    }

    .photo-content .post .post-summary .summary-details .label .icon-heart {
        position: absolute;
        margin-top: 2px;
        margin-left: -18px;
        font-size: 12px;
        color: #8E8E8E;
    }

    .photo-content .post .post-summary .summary-details .label .reading-number {
        position: absolute;
        margin-top: 2px;
        margin-left: 5px;
        font-size: 12px;
    }

    .photo-content .post-summary-sp .summary-details .label .icon-heart {
        font-size: 16px;
        color: #8E8E8E;
    }

    .photo-content .post-summary-sp .summary-details .label .like-title {
        margin-left: 6px;
        position: relative;
        left: 2%;
        color: #8E8E8E;
    }

    .photo-content .post-summary-sp .summary-details-next .label .reading-number {
        margin-left: 6px;
        color: #8E8E8E;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        float: right;
    }

    .photo-content .post-summary-sp .summary-details-next-photo .label .reading-number {
        font-size: 16px;
    }


    .photo-content .post .post-summary .summary-details .count {
        width: 100px;
        height: 12px;
        color: #131313;
        font-size: 12px;
        float: right;
        margin-top: 10px;
        /*margin-right: 85px;*/
        position: relative;
    }

    .photo-content .post-summary-sp .summary-details .count {
        color: #131313;
        font-size: 16px;
        float: left;
    }

    .photo-content .post-summary-sp .summary-details-next .count {
        color: #131313;
        font-size: 12px;
        float: right;
        margin-top: 10px;
        /*margin-right: 85px;*/
        position: relative;
    }

    .photo-content .post-summary-sp .summary-details-next-photo .count {
        margin-top: 0;
        font-size: 16px;
    }

    .photo-content .post .post-summary .summary-details .count .like-num {
        margin-left: 10px;
    }

    .photo-content .post .post-summary .summary-details .count .coin-sent {
        margin: 0 !important;
        font-size: 16px;
        float: left;
    }

    .photo-content .post-summary-sp .summary-details .count .like-num {
        margin-left: 18px;
    }

    .photo-content .post-summary-sp .summary-details-next .count .read-num {
        margin-left: 30px;
    }

    .photo-content .post-summary-sp .summary-details-next .label .icon-eye {
        margin-top: 2px;
        color: #8E8E8E;
    }

    .photo-content .post-summary-sp .summary-details-next-photo .label .icon-eye {
        margin-top: 2px;
        color: #8E8E8E;
        font-size: 16px;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content {
        /*margin-top: 30px;*/
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .publicBy {
        color: #4A4A4A;
        font-size: 12px;
        font-family: HiraginoKakuGothicProW6;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .thumbnail {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        object-fit: cover;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .flag {
        width: 20px;
        height: 20px;
        object-fit: cover;
        border-radius: 50%;
        position: absolute;
        margin-top: 54px;
        margin-left: 50px;
        overflow: hidden;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .flag .icon-flag {
        width: 27px;
        height: 27px;
        margin-top: -3px;
        margin-left: -3px;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .avatar {
        float: left;
        margin-top: 8px;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .avatar-cover {
        width: 64px;
        height: 64px;
        margin-top: -68px;
        margin-left: 0px;
        position: absolute;
        opacity: 0;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 50px;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .nickname {
        margin-left: 84px;
        margin-top: 20px;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .nickname .country {
        width: 42px;
        height: 10px;
        color: #8E8E8E;
        font-size: 12px;
    }

    .photo-content .post-summary-sp .post-summary-container .user-content .nickname .name {
        color: #131313;
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }

    .photo-content .post-summary-sp .post-summary-container .follow-btn {
        width: 100%;
        height: 48px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 16px;
        color: #EE3E75;
        cursor: pointer;
        margin-top: 18px;
    }

    .user-content .icon-edit {
        float: right;
        margin-right: 15px;
    }

    .user-content .icon-edit:before {
        color: #131313;
    }

    .icon-copy {
        float: right;
        margin-right: 30px;
    }

    .photo-content .post-summary-sp .post-summary-container .followed {
        width: 100%;
        height: 48px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 16px;
        color: #FFFFFF;
        cursor: pointer;
        margin-top: 18px;
    }

    .photo-content .post-summary {
        display: none;
    }

    .ad-one {
        display: none;
        width: 200px;
        height: 200px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        /*background-color: #A30D7B;*/
        border: 1px solid #707070;
        margin: -250px auto 0;
    }

    .photo-content .photo-details {
        width: 100%;
        border-top: 1px solid #C4C4C4;
    }

    .photo-content .photo-details .container {
        width: 88%;
        margin: auto;
    }

    .photo-content .photo-details .title {
        display: none;
        color: #131313;
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6;
    }

    .photo-content .photo-details .date {
        height: 12px;
        color: #4A4A4A;
        font-size: 12px;
        margin-top: 24px;
    }

    .photo-content .photo-details .desc {
        color: #4A4A4A;
        font-size: 14px;
        margin-top: 24px;
        line-height: 23px;
    }

    .photo-content .photo-details .desc a {
        text-overflow: ellipsis;
        overflow: hidden;
        word-wrap: break-word;
    }

    .photo-content .photo-details .desc a:link {
        text-decoration: none;
    }

    .photo-content .photo-details .desc a:visited {
        color: #EE3E75;
        text-decoration: none;
    }

    .photo-content .photo-details .desc a:hover {
        color: #EE3E75;
        text-decoration:none
    }

    .photo-content .photo-details .desc a:active {
        text-decoration:none
    }

    .photo-content .photo-details .tag-container {
        min-height: 41px;
        margin-top: 46px;
        font-size: 11px;
        color: #363E57;
        line-height: 20px;
    }

    .photo-content .photo-details .tag-container span {
        margin-right: 12px;
    }

    .photo-content .photo-details .tag-container ul {

    }

    .photo-content .photo-details .tag-container ul li {
        list-style: none;
        float: left;
    }

    .photo-content .photo-details .modal-content-window {
        position: fixed;
        top: 12%;
        z-index: 100;
        width: 88%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 4px;
    }

    .photo-content .photo-details .modal-content-window .thumbnail {
        width: 218px;
        height: 240px;
        object-fit: cover;
    }

    .photo-content .photo-details .modal-content-window h3 {
        font-family: HiraginoKakuGothicProW6, Helvetica, sans-serif;
        position: absolute;
        margin-top: 276px;
        margin-left: 24px;
    }

    .photo-content .photo-details .modal-content-window .photo {
        margin: 24px 24px 0;
    }

    .photo-content .photo-details .modal-content-window .photo .icon {
        width: 218px;
        height: 240px;
        margin: auto;
    }

    .photo-content .photo-details .modal-content-window .photo .tags-title {
        margin-top: 50px;
    }

    .photo-content .photo-details .modal-content-window .photo .tags-title span {
        font-size: 14px;
        color: #4A4A4A;
    }

    .photo-content .photo-details .modal-content-window .photo .tags-desc {
        margin-top: 16px;
    }

    .photo-content .photo-details .modal-content-window .photo .tags-desc span {
        font-size: 12px;
        color: #8E8E8E;
        margin-top: 16px;
    }

    .photo-content .photo-details .modal-content-window .tags-container {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 4px;
        z-index: 100;
        color: #8E8E8E;
        font-size: 9px;
        resize: none;
        padding: 7px 0 0 8px;
        border: 1px solid #8E8E8E;
        margin-top: 12px;
        min-height: 40px;
    }

    .photo-content .photo-details .modal-content-window .tags-container ul {
        list-style: none;
        margin-top: 8px;
        overflow-y: overlay;
    }

    .photo-content .photo-details .modal-content-window .tags-container ul li {
        float: left;
        margin: 1px;
    }

    .photo-content .photo-details .modal-content-window .tags-container ul li span {
        line-height: 12px;
        padding: 7px;
    }

    .photo-content .photo-details .modal-content-window .tags-container ul li .icon-x-mark {
        float: right;
        margin-top: 2px;
        border-radius: 50%;
        background-color: #8E8E8E;
    }

    .photo-content .photo-details .modal-content-window .tags-container ul input {
        width: 80px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 4px;
        z-index: 100;
        text-align: left;
        color: #8E8E8E;
        font-size: 9px;
        float: left;
        resize: none;
        border: none;
    }

    .photo-content .photo-details .modal-content-window .tags-container input::-webkit-input-placeholder {
        left: 3px;
    }

    .photo-content .photo-details .modal-content-window .btn-container {
        background: #ffffff 0% 0% no-repeat padding-box;
    }

    .photo-content .photo-details .modal-content-window .btn-container .btn-send {
        width: 36%;
        height: 48px;
        border: 1px solid #EE3E75;
        border-radius: 4px;
        color: #FFFFFF;
        background-color: #EE3E75;
        margin: 24px 32% 16px;
    }

    .photo-content .photo-details .modal-content-window .btn-container .btn-close {
        height: 43px;
        border-top: 1px solid #8E8E8E;
        text-align: center;
        padding-top: 21px;
    }

    .photo-content .photo-details .modal-content-window .btn-container .btn-send[disabled] {
        background: #F4F4F4 0% 0% no-repeat padding-box;
        color: #8E8E8E;
        border: 1px solid #8E8E8E;
    }

    #fadeCover {
        position: fixed;
        left: 0;
        top: 0;
        background-color: #707070;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    .photo-content .photo-details .edit {
        width: 88%;
        cursor: pointer;
        overflow: hidden;
    }

    .photo-content .photo-details .edit a {
        text-decoration: none;
    }

    .photo-content .photo-details .edit .icon-edit:before {
        font-size: 16px;
        color: #EB3E75;
    }

    .photo-content .photo-details .edit .edit_tags {
        font-size: 14px;
        color: #EB3E75;
    }

    .photo-content .photo-details .edit .icon-edit {
        display: block;
    }

    .photo-content .photo-details .edit p {
        font-size: 14px;
        color: #4A4A4A;
        float: left;
        margin-top: 10px;
    }

    .photo-content .photo-details .edit ul {
        position: relative;
        margin-top: 7px;
    }


    .photo-content .photo-details .edit ul li {
        list-style: none;
        float: left;
        margin-left: 6px;
        text-align: center;
    }

    .photo-content .photo-details .edit ul li span {
        font-size: 10px;
        color: #363E57;
    }

    .photo-content .photo-details .edit li a {
        text-decoration: none;
    }

    .photo-content .sns {
        display: none;
    }

    .photo-content .sns-sp {
        width: 88%;
        border-top: 1px solid #C4C4C4;
        margin: 40px 6% 30px;
        clear: both;
    }

    .photo-content .sns-sp ul {
        display: none;
        width: 200px;
        height: 48px;
        margin: 86px auto 0;
        /*margin: 24px 0 0 60px;*/
        position: absolute;
        top: 118%;
    }

    .photo-content .sns-sp li {
        width: 48px;
        height: 48px;
        border-radius: 100px;
        float: left;
        list-style: none;
        margin: 32px 0 0 16px;
    }

    .photo-content .sns-sp .facebook {
        background: #1877F2 0% 0% no-repeat padding-box;
        /*margin-left: 24px;*/
    }

    .photo-content .sns-sp .facebook .icon-facebook {
        position: absolute;
        margin: 4px 0 0 -7px;
        color: #ffffff;
        font-size: 24px;
    }

    .photo-content .sns-sp .twitter {
        background: #1B95E0 0% 0% no-repeat padding-box;
        /*margin-left: 16px;*/
    }

    .photo-content .sns-sp .twitter .icon-twitter {
        position: absolute;
        margin: 6px 0 0 -9px;
        color: #ffffff;
        font-size: 16.27px;
    }

    .photo-content .sns-sp .comment {
        color: #4A4A4A;
        font-size: 12px;
        margin-top: 24px;
    }

    .photo-content .sns-sp .report {
        color: #4A4A4A;
        font-size: 10px;
        margin-top: 16px;
        text-align: center;
    }

    .photo-content .sns-sp .report .report-photo-btn {
        width: 252px;
        height: 32px;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        background-color: #EE3E75;
        color: white;
        cursor: pointer;
    }

    .photo-content .writer {
        width: 88%;
        position: absolute;
        top: 980px;
        padding: 0 6%;
    }

    .photo-content .writer .icon-copy {
        position: absolute;
        right: 35px;
        margin-top: -20px;
    }

    .photo-content .writer .cosplayers {
        width: 99%;
        height: 64px;
    }

    .photo-content .writer .cosplayers .mini-avatar {
        width: 300px;
    }

    .photo-content .writer .avatar .thumbnail {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        object-fit: cover;
    }

    .photo-content .writer .avatar {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        float: left;
    }

    .photo-content .writer .avatar:hover .avatar-cover {
        display: block;
    }

    .photo-content .writer .avatar-cover {
        display: none;
        width: 64px;
        height: 64px;
        margin-top: -69px;
        margin-left: 0px;
        position: absolute;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        opacity: 0.3;
        border-radius: 50px;
    }

    .photo-content .writer .flag .icon-flag {
        margin-top: -24px;
        margin-left: 44px;
        background: url(../../../static/img/icon-thai.png);
        position: absolute;
        height: 20px;
        width: 20px;
        border-radius: 50%;
        z-index: 1;
    }

    .photo-content .writer .flag:hover .flag-cover {
        display: block;
    }

    .photo-content .writer .flag .flag-cover {
        display: none;
        width: 20px;
        height: 20px;
        margin-top: -24px;
        margin-left: 44px;
        position: absolute;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        opacity: 0.3;
        border-radius: 50px;
        z-index: 1;
    }

    .photo-content .writer .nickname {
        width: 120px;
        height: 38px;
        float: left;
        margin: 17px 0 0 19px;
    }

    .photo-content .writer .nickname .country {
        width: 50px;
        height: 12px;
        color: #8E8E8E;
        font-size: 12px;
    }

    .photo-content .writer .nickname .name {
        width: 120px;
        color: #131313;
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
    }

    .photo-content .writer .followed {
        width: 100%;
        height: 48px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 16px;
        color: #FFFFFF;
        cursor: pointer;
        margin-top: 18px;
    }

    .photo-content .writer .followed:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .writer .follow-btn {
        width: 90.5%;
        height: 48px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 16px;
        color: #EE3E75;
        margin: 18px 0 0 20px;
    }

    .photo-content .writer .follow-btn:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .border {
        display: none;
        width: 90%;
        margin-top: 16px;
        margin-left: 4%;
        border: 1px solid #C4C4C4;
        border-radius: 4px;
    }

    .photo-content .border li {
        width: 33%;
        height: 56px;
        float: left;
        list-style: none;
        border-left: 1px solid #C4C4C4;
        text-align: center;
        padding-top: 8px;
    }

    .photo-content .rank {
        width: 49%;
        /* height: 64px; */
        padding: 10px 0;
        box-sizing: border-box;
        float: left;
        border-right: 1px solid #C4C4C4;
        text-align: center;
    }

    .photo-content .like {
        width: 50%;
        padding: 10px 0;
        box-sizing: border-box;
        float: left;
        text-align: center;
    }

    .photo-content .text {
        font-size: 12px;
        color: #4A4A4A;
    }

    .photo-content .num {
        font-size: 24px;
        color: #131313;
    }

    .photo-content .more {
        display: none;
        width: 100%;
        height: 20px;
        /* float: left; */
        margin-top: 40px;
        text-align: center;
        color: #EE3E75;
        font-size: 16px;
    }

    .photo-content .more .icon-arrow-right-L {
        color: #EE3E75;
        margin-left: 12px;
        font-size: 16px;
    }

    .photo-content .more-link:link {
        color: #EE3E75;
        text-decoration: none;
        font-family: HiraginoKakuGothicProW6;
    }

    .photo-content .more-link:visited {
        color: #EE3E75;
        text-decoration: none;
    }

    .photo-content .more-link:hover {
        color: #EE3E75;
        text-decoration: underline;
    }

    .photo-content .more-link:active {
        color: #EE3E75;
        text-decoration: underline;
    }

    .photo-content .ad-two {
        display: none;
        width: 88%;
        height: 369px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        /*background-color: #A30D7B;*/
        border: 1px solid #707070;
        margin: 32px auto 0;
        margin-bottom: 80px;
    }

    .photo-content .ad-one-sp {
        width: 88%;
        height: 369px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        /*background-color: #A30D7B;*/
        border: 1px solid #707070;
        margin: 32px auto 0;
        margin-bottom: 80px;
    }

    .photo-content .cos-list {
        background-color: #FAFAFA;
        margin-top: 24px;
        overflow: hidden;
        clear: both;
    }

    .photo-content .cos-list .cosplayer-list {
        margin-top: 24px;
    }

    .photo-content .cos-list .cosplayer-list .cosplayer-title {
        margin-left: 24px;
    }

    .photo-content .cos-list .cosplayer-list .cosplayer-title span {
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6, Helvetica, sans-serif;
        color: #131313;
    }

    .photo-content .cos-list .cosplayer-list a {
        text-decoration: none;
    }

    .photo-content .cos-list .cosplayer-list ul {
        padding: 0 24px;
        box-sizing: border-box;
        width: 100%;
    }
    .photo-content .cos-list .cosplayer-list li {
        height: 69px;
        list-style: none;
    }

    .photo-content .cos-list .cosplayer-list .pc-img {
        width: 64px;
        height: 64px;
        border: 1px solid #F4F4F4;
        border-radius: 50%;
        object-fit: cover;
        float: left;
    }

    .photo-content .cos-list .cosplayer-list .flag {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        object-fit: cover;
        float: left;
        margin-top: 44px;
        margin-left: 44px;
        position: absolute;
        overflow: hidden;
    }

    .photo-content .cos-list .cosplayer-list .flag img {
        width: 31px;
        height: 31px;
        margin-top: -3px;
        margin-left: -3px;
    }

    .photo-content .cos-list .cosplayer-list .country {
        width: 114px;
        height: 8px;
        font-size: 12px;
        color: #8E8E8E;
        margin-top: 4px;
        padding-left: 75px;
        padding-top: 4px;
    }

    .photo-content .cos-list .cosplayer-list .nickname {
        width: 40%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        color: #131313;
        margin: 8px 0 0 75px;
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6, Helvetica, sans-serif;
    }

    .photo-content .cos-list .cosplayer-list .character-name {
        width: 40%;
        margin-left: 75px;
        font-size: 12px;
        margin-top: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .photo-content .cos-list .cosplayer-list .character-name .icon-person {
        color: #EE3E75;
        float: left;
    }

    .photo-content .cos-list .cosplayer-list .title-name {
        margin-left: 75px;
        color: #EE3E75;
        font-size: 12px;
        margin-top: 3px;
        width: 42%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .photo-content .cos-list .cosplayer-list .title-name .icon-folder {
        color: #EE3E75;
    }

    .photo-content .cos-list .cosplayer-list li button {
        width: 100px;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
        float: right;
        margin-top: -45px;
    }

    .photo-content .cos-list .cosplayer-list li button:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .cosplayer-list .unanswered span {
        position: absolute;
        right: 6%;
        white-space: nowrap;
        width: 200px;
        height: 8px;
        text-align: right;
        letter-spacing: 0;
        color: #8E8E8E;
        font-size: 8px;
    }

    .photo-content .cos-list .cosplayer-list .unanswered .yes {
        position: absolute;
        right: 6%;
        margin-top: -81px;
        width: 100px;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .cosplayer-list .unanswered .yes:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .cosplayer-list .unanswered .no {
        position: absolute;
        right: 6%;
        width: 100px;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .cosplayer-list .unanswered .no:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .cosplayer-list .allowed-title span {
        position: absolute;
        right: 6%;
        white-space: nowrap;
        width: 200px;
        height: 8px;
        text-align: right;
        letter-spacing: 0;
        color: #8E8E8E;
        font-size: 8px;
    }

    .photo-content .cos-list .cosplayer-list .allowed-title .allowed {
        position: absolute;
        right: 6%;
        width: 36%;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .cosplayer-list .allowed-title .allowed:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .cosplayer-list .denied-title span {
        position: absolute;
        right: 6%;
        white-space: nowrap;
        width: 200px;
        height: 8px;
        text-align: right;
        letter-spacing: 0;
        color: #8E8E8E;
        font-size: 8px;
    }

    .photo-content .cos-list .cosplayer-list .denied-title .denied {
        position: absolute;
        right: 6%;
        width: 36%;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .cosplayer-list .denied-title .denied:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .cosplayer-list .followed {
        width: 100px;
        height: 32px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #EE3E75;
    }

    .photo-content .cos-list .cosplayer-list .followed:hover {
        background: #FFEBF2 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .other-list {
        margin: 25px auto 40px;
        padding: 0 6%;
    }

    .photo-content .cos-list .other-list .other-title {
    }

    .photo-content .cos-list .other-list .other-title span {
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6, Helvetica, sans-serif;
        color: #131313;
    }

    .photo-content .cos-list .other-list a {
        text-decoration: none;
    }

    .photo-content .cos-list .other-list ul {
        box-sizing: border-box;
        width: 100%;
        margin-top: 25px;
    }

    .photo-content .cos-list .other-list .role-name span {
        font-size: 12px;
        color: #4A4A4A;
        font-family: HiraginoKakuGothicProW6, Helvetica, sans-serif;
    }

    .photo-content .cos-list .other-list li {
        position: relative;
        list-style: none;
    }

    .photo-content .cos-list .other-list .pc-img {
        width: 40px;
        height: 40px;
        border: 1px solid #F4F4F4;
        border-radius: 50%;
        object-fit: cover;
        float: left;
    }

    .photo-content .cos-list .other-list .flag {
        width: 24px;
        height: 24px;
        border: 1px solid #F4F4F4;
        border-radius: 50%;
        object-fit: cover;
        float: left;
        margin-top: 9px;
        margin-left: 3px;
        overflow: hidden;
    }

    .photo-content .cos-list .other-list .flag img {
        width: 31px;
        height: 31px;
        margin-top: -3px;
        margin-left: -3px;
    }

    .photo-content .cos-list .other-list .country {
        width: 114px;
        height: 8px;
        font-size: 12px;
        color: #8E8E8E;
        position: absolute;
        margin-top: 4px;
        margin-left: 76px;
    }

    .photo-content .cos-list .other-list .nickname {
        /*height: 20px;*/
        width: 39%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        color: #131313;
        margin: 8px 0 0 75px;
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6, Helvetica, sans-serif;
        padding-top: 15px;
    }

    .photo-content .cos-list .other-list li button {
        position: absolute;
        top: 24px;
        right: 0;
        width: 100px;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .other-list li button:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .other-list .unanswered span {
        position: absolute;
        right: 0;
        margin-top: -15px;
        white-space: nowrap;
        width: 200px;
        height: 8px;
        text-align: right;
        letter-spacing: 0;
        color: #8E8E8E;
        font-size: 8px;
    }

    .photo-content .cos-list .other-list .unanswered .yes {
        position: absolute;
        right: 0;
        margin-top: -17px;
        width: 100px;
        height: 24px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .other-list .unanswered .yes:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .other-list .unanswered .no {
        position: absolute;
        right: 0;
        margin-top: 8px;
        width: 100px;
        height: 24px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .other-list .unanswered .no:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .other-list .allowed-title span {
        position: absolute;
        right: 0;
        margin-top: -16px;
        white-space: nowrap;
        width: 200px;
        height: 8px;
        text-align: right;
        letter-spacing: 0;
        color: #8E8E8E;
        font-size: 8px;
    }

    .photo-content .cos-list .other-list .allowed-title .allowed {
        position: absolute;
        top: 22px;
        right: 0;
        width: 39%;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .other-list .allowed-title .allowed:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .other-list .denied-title span {
        position: absolute;
        right: 0;
        margin-top: -16px;
        white-space: nowrap;
        width: 200px;
        height: 8px;
        text-align: right;
        letter-spacing: 0;
        color: #8E8E8E;
        font-size: 8px;
    }

    .photo-content .cos-list .other-list .denied-title .denied {
        position: absolute;
        top: 22px;
        right: 0;
        width: 39%;
        height: 32px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #FFFFFF;
    }

    .photo-content .cos-list .other-list .denied-title .denied:hover {
        background: #D82059 0% 0% no-repeat padding-box;
    }

    .photo-content .cos-list .other-list .followed {
        width: 100px;
        height: 32px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        font-size: 12px;
        color: #EE3E75;
        float: left;
    }

    .photo-content .cos-list .other-list .followed:hover {
        background: #FFEBF2 0% 0% no-repeat padding-box;
    }





    .photo-content .edit-area {
        height: 113px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        margin: 24px auto 0;
        padding: 0 6%;
    }

    .photo-content .edit-area .edit-title {
        font-size: 18px;
        font-family: HiraginoKakuGothicProW6, Helvetica, sans-serif
    }

    .need_login_for_comment {
        margin-left: 24px;
    }

    .photo-content .edit-area .textarea {
        width: 60%;
        height: 56px;
        background: #F4F4F4 0% 0% no-repeat padding-box;
        border-radius: 4px;
        margin-top: 15px;
        z-index: 100;
        text-align: left;
        color: #8E8E8E;
        font-size: 9px;
        float: left;
        resize: none;
        border: none;
        padding: 7px 0 0 8px;
    }

    .photo-content .edit-area .input_counter {
        display: none;
        color: #999;
        font-size: 10px;
        position: absolute;
        margin-top: 14px;
    }

    .photo-content .edit-area .icon-face {
        width: 32px;
        height: 32px;
        margin: 29px 0 0 8%;
        float: left;
        cursor: pointer;
        color: #8E8E8E;
        font-size: 32px;
    }

    .photo-content .edit-img {
        display: none;
        width: 64px;
        height: 64px;
        border: 1px solid #F4F4F4;
        border-radius: 50%;
        object-fit: cover;
        float: left;
        margin-top: 7px;
    }

    .photo-content .edit-area .send {
        display: none;
    }

    .photo-content .edit-area .send-sp {
        width: 40px;
        height: 40px;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        margin-top: 25px;
        cursor: pointer;
        float: right;
    }

    .photo-content .edit-area .icon-send {
        color: #FFFFFF;
        font-size: 16px;
    }

    .photo-content .edit-area .tips {
        display: none;
        width: 200px;
        height: 8px;
        text-align: right;
        letter-spacing: 0;
        color: #8E8E8E;
        float: right;
        margin: 70px 39px 0 0;
        font-size: 8px;
        position: relative;
        right: 39%;
    }

    .photo-content .message-list {
        background-color: #fff;
        overflow: auto;
        min-height: 100px;
        height: 467px;
        margin-top: 25px;
        /*overflow-y:scroll;*/
    }

    .photo-content .bigBox {
        overflow: hidden;
    }

    .photo-content .bigBox .bigBox-container {
        border-top: 1px solid #F4F4F4;
        min-height: 200px;
        padding-top: 30px;
    }

    .photo-content .message-block {
        overflow: hidden;
        margin-top: 24px;
    }

    .photo-content .box-right {
        position: relative;
        width: 75%;
        min-height: 46px;
        background: #FFEBF2 0% 0% no-repeat padding-box;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 5px;
        margin-right: 10px;
        font-size: 12px;
        text-align: left;
        float: right;
        padding-bottom: 10px;
    }

    .photo-content .commenter-img-right {
        width: 40px;
        height: 40px;
        border: 1px solid #F4F4F4;
        border-radius: 50%;
        object-fit: cover;
        float: right;
        margin-right: 15px;
    }

    .photo-content .commenter-img-left {
        width: 40px;
        height: 40px;
        border: 1px solid #F4F4F4;
        border-radius: 50%;
        object-fit: cover;
        float: left;
        margin-left: 15px;
        margin-right: 10px;
    }

    .bigBox .box-left .thumbnail {
        width: 70px;
        height: 70px;
        cursor: pointer;
        margin-top: 49px;
    }

    .photo-content .box-right:before{
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 100%;
        top: 10px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 6px solid #FFEBF2;
    }

    .photo-content .box-right span {
        display: block;
        margin-top: 15px;
        margin-left: 8px;
    }

    .photo-content .box-right .icon-x-mark {
        position: absolute;
        background: #8E8E8E;
        border-radius: 50%;
        margin-left: -15px;
    }

    .photo-content .box-left {
        position: relative;
        width: 75%;
        min-height: 44px;
        background: #F4F4F4 0% 0% no-repeat padding-box;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 5px;
        float: left;
        font-size: 12px;
        padding-bottom: 10px;
    }

    .photo-content .box-left:before{
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        right: 100%;
        top: 10px;
        border-top: 5px solid transparent;
        border-right: 6px solid #F4F4F4;
        border-bottom: 5px solid transparent;
    }

    .photo-content .box-left span {
        display: block;
        margin-top: 15px;
        margin-left: 8px;
    }

    .box-left .icon-x-mark {
        position: absolute;
        margin-top: 10px;
        background: #8E8E8E;
        border-radius: 50%;
        right: -15px;
    }

    a {
        text-decoration: none;
    }

    .bigBox .box-right .thumbnail {
        width: 70px;
        height: 70px;
        cursor: pointer;
        margin-top: 49px;
    }

    .bigBox .member-name {
        float: left;
    }

    .bigBox .member-name .member-name-text {
        color: #ee3e75;
        font-size: 14px;
    }

    .bigBox .created_at {
        float: right;
        margin-right: 5px;
    }

    .bigBox .created_at .created_at-text {
        color: #bebebe;
        font-size: 10px;
    }

    .bigBox .message {
        clear: left;
        float: left;
    }

    .bigBox .message .message-text {
        font-size: 13px;
        color: #898989;
    }

    .bigBox .reply {
        float: right;
        clear: left;
        margin-right: 5px;
    }

    .bigBox .reply .reply-text {
        font-size: 12px;
    }

    .comment_more {
        margin: 24px auto 0;
        text-align: center;
        color: #EE3E75;
        cursor: pointer;
    }

    .full_screen {
        background-color: #707070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
    }

    .stamp-list-pc {
        display: none;
    }

    .stamp-list {
        width: 88%;
        position: absolute;
        background: #FFFFFF;
        box-shadow: 0px 2px 4px #00000026;
        left: 6%;
        top: 30%;
        border-radius: 4px;
    }

    .stamp-list .close {
        width: 100%;
        height: 40px;
        background: #FFFFFF;
        text-align: center;
        color: #8E8E8E;
        font-size: 16px;
        padding-top: 24px;
        border-top: 1px solid #8E8E8E;
        margin-top: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .stamp-list .small-head {
        border-top: 1px solid #8E8E8E;
        height: 49px;
        clear: both;
    }

    .stamp-list .small-head li {
        width: 49px;
        height: 49px;
        list-style: none;
        float: left;
        text-align: center;
    }

    .stamp-list .small-head li .thumbnail {
        width: 24px;
        height: 24px;
        object-fit: cover;
        top: 265px;
        margin-left: -10px;
        position: absolute;
    }

    .stamp-list .small-head .active {
        border-top: 4px solid #8E8E8E;
        background: #F4F4F4;
    }

    .stamp-list .ul {
        padding: 10px 3% 10px 0;
    }

    .stamp-list .ul li {
        width: 21%;
        height: 70px;
        list-style: none;
        margin-bottom: 10px;
        margin-left: 4%;
        float: left;
    }

    .stamp-list .ul li .thumbnail {
        width: 100%;
        height: 70px;
    }

    .not_login {
        padding-top: 24px;
    }

    .edit-title {
        font-size: 14px;
        font-family: HiraginoKakuGothicProW6;
        margin-left: 24px;
    }

    .toLogin {
        display: block;
        font-size: 14px;
        font-family: HiraginoKakuGothicProW6;
        margin-left: 24px;
        margin-top: 24px;
    }

    .power {
        display: block;
        font-size: 14px;
        margin: 0 24px;
    }

    .login-Modal {
        background-color: #707070;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .mini-container {
        position: absolute;
        width: 88%;
        box-sizing: border-box;
        top: 24px;
        left: 6%;
        padding: 0 24px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        z-index: 6;
        overflow: auto;
        height: 80%;
    }

    .mini-container .describe {
        font-size: 14px;
        color: #4A4A4A;
    }

    .mini-container .register .title {
        font-size: 24px;
        font-family: HiraginoKakuGothicProW6;
        margin-top: 24px;
    }

    .mini-container .introduce {
        margin-top: 16px;
        font-size: 18px;
        color: #131313;
    }

    .mini-container .text {
        font-size: 14px;
        margin-top: 16px;
        color: #4A4A4A;
    }

    .register-method .facebook {
        width: 100%;
        height: 48px;
        background: #1877F2 0% 0% no-repeat padding-box;
        border: 1px solid #1877F2;
        border-radius: 4px;
        margin-top: 24px;
    }

    .register-method .facebook .icon {
        margin-left: 16px;
        float: left;
    }

    .register-method .facebook .icon .icon-facebook-with-circle {
        background-color: #1877F2;
        color: #FFFFFF;
        font-size: 30px;
    }

    .register-method .facebook .text{
        font-size: 16px;
        margin-top: 4px;
        color: #FFFFFF;
    }

    .register-method .twitter {
        width: 100%;
        height: 48px;
        background: #1DA1F2 0% 0% no-repeat padding-box;
        border: 1px solid #1DA1F2;
        border-radius: 4px;
        margin-top: 24px;
    }

    .register-method .twitter .icon {
        margin-left: 16px;
        float: left;
    }

    .register-method .twitter .icon .icon-twitter {
        font-size: 25px;
        color: #FFFFFF;
    }

    .register-method .twitter .text{
        font-size: 16px;
        margin-top: 2px;
        color: #FFFFFF;
    }

    .register-info .name {
        margin-top: 52px;
        font-size: 16px;
        height: 18px;
    }

    .register-info .email {
        font-size: 16px;
        margin-top: 16px;
    }

    .register-info .password {
        margin-top: 16px;
        font-size: 16px;
        height: 18px;
    }

    .register-info .input {
        width: 100%;
        height: 48px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #8E8E8E;
        border-radius: 4px;
        margin-top: 16px;
        padding-left: 16px;
        font-size: 16px;
        box-sizing: border-box;
    }

    .register-info .error-msg {
        margin-left: 49px;
        margin-top: 16px;
        padding-left: 16px;
    }

    .register-info .robot {
        width: 100%;
        height: 103px;
        background-color: #FFFFFF;
        border-radius: 4px;
        margin-top: 24px;
        margin-bottom: 24px;
        font-size: 16px;
    }

    .simple_captcha .simple_captcha_field input {
        width: 100%;
        height: 48px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #8E8E8E;
        border-radius: 4px;
        margin-top: 16px;
        padding-left: 16px;
        font-size: 16px;
        box-sizing: border-box;
    }

    .register-info .register-btn {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #EE3E75 0% 0% no-repeat padding-box;
        border-radius: 4px;
        border: 1px solid #EE3E75;
        margin-top: 24px;
        margin-bottom: 24px;
        color: #FFFFFF;
        font-size: 16px;
    }

    .register-body .more {
        width: 100%;
        box-sizing: border-box;
        position: absolute;
        margin-top: 24px;
        margin-left: -24px;
        padding: 0 24px 0;
        background: #FFFFFF 0% 0% no-repeat padding-box;
    }

    .register-body .more .agree {
        font-size: 14px;
        margin-top: 31px;
        color: #4A4A4A;
    }

    .register-body .more .agree a:link {
        color: #EE3E75;
        text-decoration: none;
    }

    .register-body .more .agree a:visited {
        color: #EE3E75;
        text-decoration: none;
    }

    .register-body .more .agree a:hover {
        text-decoration:none
    }

    .register-body .more .agree a:active {
        text-decoration:none
    }

    .register-body .more .agree .mark {
        color: #EE3E75;
    }

    .register-body .more .have {
        font-size: 16px;
        font-family: HiraginoKakuGothicProW6;
        color: #EE3E75;
        margin-top: 34px;
        margin-bottom: 21px;
    }

    .register-body .more .have .icon-arrow-right-L {
        margin-left: 10px;
        color: #EE3E75;
    }

    .register-body .more .have a:link {
        color: #EE3E75;
        text-decoration: none;
    }

    .register-body .more .have a:visited {
        color: #EE3E75;
        text-decoration: none;
    }

    .register-body .more .have a:hover {
        text-decoration:none
    }

    .register-body .more .have a:active {
        text-decoration:none
    }

    .register_to_popup {
        position: absolute;
        font-size: 14px;
        color: #4A4A4A;
        background: #FFFFFF;
        z-index: 6;
        height: 10%;
        width: 88%;
        bottom: 24px;
        left: 6%;
    }

    .register_to_popup .words {
        display: block;
        padding: 0 24px;
        margin-top: 3%;
        font-size: 14px;
        color: #4A4A4A;
    }

    .register_to_popup .icon-person {
        padding: 0 24px;
        margin-top: 3%;
        font-size: 16px;
        color: #EE3E75;
    }

    .register_to_popup .icon-person a {
        color: #EE3E75;
    }

    .suggest-setting {
        position: absolute;
        top: 30%;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 4;
        font-size: 1.3rem;
        width: 70%;
        height: 100%;
        color: #fff;
        line-height: 1.4;
        text-shadow: #000 2px 2px 3px;
    }

    .blind-fox-image, .blind-image {
        width: 100%;
        min-height: 500px;
    }

    .suggest-setting a, .need-login a {
        color: #ee3e75;
        font-weight: bold;
    }

    .suggest-text {
        color: #fff;
        cursor: default;
    }

    .need-login {
        position: absolute;
        top: 35%;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 4;
        font-size: 20px;
        width: 80%;
        color: #fff;
        line-height: 1.4;
        text-align: center;
        text-shadow: #000 2px 2px 3px;
    }

    .suggest-sign-up {
        margin-top: 100px;
    }

    .suggest-follow {
        font-size: 1.3rem;
        text-align: center;
    }

    .suggest-follow-button {
        padding-top: 20px;
        font-size: 1.6rem;
        text-align: center;
        color: #ee3e75;
        font-weight: bold;
    }
}