@charset "UTF-8";
#Navi .home {
    color: #ffffff;
    display: flex;
}

#Navi .home::before {
    align-items: center;
    background: url(../img/icon_home.png) center center no-repeat;
    content: "";
    display: block;
    height: 28px;
    margin-right: 10px;
    width: 28px;
}

#Navi .home a {
    color: #ffffff;
}

#Navi .seller {
    color: #ffffff;
    display: flex;
    font-size: 20px;
    font-weight: bold;
}

#Navi .seller::before {
    align-items: center;
    background: url(../img/icon_seller_white.png) center center no-repeat;
    content: "";
    display: block;
    height: 28px;
    margin-right: 3px;
    width: 28px;
}

#Navi .buyer {
    color: #ffffff;
    display: flex;
    font-size: 20px;
    font-weight: bold;
}

#Navi .buyer::before {
    align-items: center;
    background: url(../img/icon_buyer_white.png) center center no-repeat;
    content: "";
    display: block;
    height: 28px;
    margin-right: 3px;
    width: 28px;
}

#Navi .config {
    color: #ffffff;
    display: flex;
    font-size: 20px;
    font-weight: bold;
}

#Navi .config::before {
    align-items: center;
    background: url(../img/icon_config_white.png) center center no-repeat;
    content: "";
    display: block;
    height: 28px;
    margin-right: 3px;
    width: 28px;
}

#Navi dl {
    margin-top: 20px;
}

#Navi dl dt {
    font-size: 14px;
}

#Navi dl dd {
    padding: 10px 0px 0px 20px;
}

#Navi dl dd a {
    color: #ffffff;
    line-height: 200%;
}

#Main {
    padding-top: 10px;
}

#Main > .inner {
    display: flex;
    margin: auto;
    max-width: 1200px;
}
/* modified 0514*/
#Main #Navi {
    background: #00bfff;
    color: #ffffff;
    padding: 20px;
    min-height: 100%;
    white-space: nowrap;
}
/* ended 0514*/
#Main #Contents {
    background: #f4f4f4;
    padding: 20px 30px;
    width: 100%;
}

#Main #Contents .crumbs {
    margin: 0px;
}

#Main #Contents .notice {
    margin-bottom: 40px;
    margin-top: 20px;
}

#Main #Contents .status {
    display: flex;
    margin-bottom: 30px;
}

#Main #Contents .status .photo {
    margin-right: 20px;
    text-align: center;
}

#Main #Contents .status .photo a {
    display: block;
}

#Main #Contents .status .photo a img {
    border-radius: 50%;
    height: 160px;
    width: 160px;
}

#Main #Contents .status .photo .image_del {
    background: #00bfff;
    border-radius: 6px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    padding: 5px 10px;
}

#Main #Contents .status .detail .box {
    align-items: flex-start;
    display: flex;
}

#Main #Contents .status .detail .box .name {
    font-size: 24px;
}

#Main #Contents .status .detail .box .edit {
    background: #ffffff;
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    font-size: 12px;
    margin-left: auto;
    padding: 0px 10px;
    margin: 10px;
}

#Main #Contents .status .detail .box dl {
    margin: 20px 20px 0px 0px;
}

#Main #Contents .status .detail .box dl dt {
    color: #b3b3b3;
    font-size: 14px;
    white-space: nowrap;
}

#Main #Contents .status .detail .box dl dd {
    font-weight: 700;
}

#Main #Contents .status .detail .box dl dd .unit {
    font-size: 14px;
}

#Main #Contents .menus {
    display: flex;
    margin-bottom: 30px;
}

#Main #Contents .menus dl {
    background: #ffffff;
    border-radius: 6px;
    width: 100%;
}

#Main #Contents .menus dl:first-child {
    margin-right: 15px;
}

#Main #Contents .menus dl:last-child {
    margin-left: 15px;
}

#Main #Contents .menus dl dt {
    align-items: center;
    border-bottom: 2px solid #f4f4f4;
    display: flex;
    font-weight: 700;
    padding: 10px 20px;
}

#Main #Contents .menus dl dd {
    padding: 20px;
}

#Main #Contents .menus dl dd li {
    margin-bottom: 20px;
}

#Main #Contents .menus dl dd .new {
    color: #fd3737;
    font-size: 12px;
    white-space: nowrap;
}

#Main #Contents .menus dl dd .add {
    background: #ff0707;
}

#Main #Contents .menus dl dd .charge {
    background: #F2994A;
}

#Main #Contents > .favorites h2 {
    padding: 30px 0px;
    text-align: left;
}

#Main #Contents form.exhibition input[type=text],
#Main #Contents form.exhibition textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 20px 10px;
}

#Main #Contents form.exhibition select {
    background: #ffffff;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 16px;
    padding: 20px 10px;
}

#Main #Contents form.exhibition select:after {
    content: '\25bc';
}

/*#Main #Contents form.exhibition select::after {*/
/*    content: '\25bc';*/
/*}*/

#Main #Contents form.exhibition .full {
    width: 100%;
}

#Main #Contents form.exhibition .middle {
    max-width: 250px;
    width: 90%;
}

#Main #Contents form.exhibition .short {
    width: 20%;
}

#Main #Contents form > dl {
    margin-top: 30px;
}

#Main #Contents form > dl > dt {
    font-weight: 700;
}
#Main #Contents form .required {
    font-size: 14px;
    color: #fd3737;
    display: inline-block;
    margin-left: 10px;
}

#Main #Contents form .strong {
    font-weight: 700;
}

#Main #Contents form .images {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

#Main #Contents form .images > dl {
    margin: 0px 20px 20px 0px;
}

#Main #Contents form .images img {
    max-height: 160px;
    max-width: 160px;
}

#Main #Contents form .image_del {
    background: #00bfff;
    border-radius: 6px;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    padding: 5px 10px;
}

#Main #Contents form .calcs {
    display: table;
}

#Main #Contents form .calcs li {
    display: table-row;
}

#Main #Contents form .calcs li > span {
    display: table-cell;
}

#Main #Contents form .calcs li:last-child > span {
    border-top: 1px solid #b3b3b3;
}

#Main #Contents form .calcs .calc {
    display: flex;
    padding: 20px;
}

#Main #Contents form .calcs .calc .value {
    margin-left: auto;
    padding-left: 20px;
}

#Main #Contents form .tags {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#Main #Contents form .tags .tag {
    display: block;
    margin: 0px 0px 20px 0px;
    position: relative;
    width: 30%;
}

#Main #Contents form .tags .tag::before {
    content: "#";
    color: #f4f4f4;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

#Main #Contents form .tags .tag input[type=text] {
    box-sizing: border-box;
    padding-left: 30px;
    width: 100%;
}

#Main #Contents form .rule {
    border: 1px solid #b3b3b3;
    margin: 50px 0px;
    padding: 30px;
}

#Main #Contents form .rule ul {
    margin: 20px 0px;
}

#Main #Contents form .rule .attention {
    color: #fd3737;
}

#Main #Contents form .consent {
    align-items: center;
    display: flex;
    justify-content: center;
}

#Main #Contents form .consent input[type=checkbox] {
    display: none;
}

#Main #Contents form .consent input[type=checkbox] + span {
    margin-right: 10px;
    padding-left: 20px;
    position: relative;
    height: 15px;
    width: 15px;
}

#Main #Contents form .consent input[type=checkbox] + span::before {
    background: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 4px;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px;
}

#Main #Contents form .consent input[type=checkbox]:checked + span::after {
    border-bottom: 3px solid #00bfff;
    border-right: 3px solid #00bfff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    content: "";
    display: block;
    height: 14px;
    left: 5px;
    position: absolute;
    top: -5px;
    transform: rotate(40deg);
    width: 7px;
}

#Main #Contents form .control {
    margin: 20px 0px 50px 0px;
    text-align: center;
}
/*  modified 0514*/
#Main #Contents form .control input {
    background: #00bfff;
    border: none;
    border-radius: 6px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 50px;
}
/* ended 0514*/
#Main #Contents > .review form {
    padding: 0px 10px 20px 10px;
}

#Main #Contents > .member {
    align-items: flex-start;
    display: flex;
}

#Main #Contents > .member .panel:first-child {
    margin-right: 15px;
    padding: 30px;
    width: 30%;
}

#Main #Contents > .member .panel:first-child dt {
    font-size: 20px;
    margin-bottom: 20px;
}

#Main #Contents > .member .panel:first-child dd a {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

#Main #Contents > .member .panel:first-child dd a.active {
    color: #b3b3b3;
}

#Main #Contents > .member .panel:last-child {
    margin-left: 15px;
    width: 70%;
}

#Main #Contents > .member .panel:last-child h2 {
    padding: 20px 0px 0px 0px;
}

#Main #Contents > .message {
    align-items: flex-start;
    display: flex;
}

#Main #Contents > .message > .panel:first-child {
    margin-right: 15px;
    padding: 30px;
    width: 30%;
}

#Main #Contents > .message > .panel:first-child dt {
    font-size: 20px;
    margin-bottom: 20px;
}

#Main #Contents > .message > .panel:first-child dd a {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

#Main #Contents > .message > .panel:first-child dd a.active {
    color: #b3b3b3;
}

#Main #Contents > .message > .dual {
    margin-left: 15px;
    width: 70%;
}

#Main #Contents > .message > .dual h2 {
    font-size: 20px;
    padding: 20px 0px 20px 0px;
}

#Main #Contents > .message > .dual > .panel {
    margin-bottom: 30px;
    padding-bottom: 1px;
    width: 100%;
}

#Main #Contents > .message > .dual .nothing {
    padding: 30px 0px 50px 0px;
    text-align: center;
}

#Main #Contents > .message > .dual .back {
    padding-bottom: 50px;
}

#Main #Contents > .message > .dual a:last-child .item {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 10px;
}

#Main #Contents > .message > .dual .item {
    border-top: 1px solid #dbdbdb;
    color: #333333;
    display: flex;
    padding: 20px 10px;
    width: 100%;
}

#Main #Contents > .message > .dual .item.list.read {
    color: #333333;
}

#Main #Contents > .message > .dual .item.list .summary dt span {
    font-size: 14px;
}

#Main #Contents > .message > .dual .item.list .summary dt span.unread {
    color: #fd3737;
}

#Main #Contents > .message > .dual .item.list .summary dt span.reply {
    color: #00bfff;
}

#Main #Contents > .message > .dual .item.detail {
    border: none;
}

#Main #Contents > .message > .dual .item .photo {
    max-height: 60px;
    max-width: 60px;
    margin-right: 10px;
}

#Main #Contents > .message > .dual .item .photo img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

#Main #Contents > .message > .dual .item .summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

#Main #Contents > .message > .dual .item .summary .name {
    font-size: 16px;
}

#Main #Contents > .message > .dual .item .summary .date {
    font-size: 12px;
}

#Main #Contents > .message > .dual .item .summary .body {
    font-size: 14px;
    width: 100%;
}

#Main #Contents > .message > .dual .body {
    margin-bottom: 30px;
}

#Main #Contents > .message > .dual .buttons {
    display: flex;
    width: 100%;
}

#Main #Contents > .message > .dual .buttons .button {
    white-space: nowrap;
    width: 80%;
}

#Main #Contents > .message > .dual .buttons .button.draft,
#Main #Contents > .message > .dual .buttons .button.trash {
    margin-left: 20px;
    width: 20%;
}

#Main #Contents > .message > .dual .buttons .button.draft a {
    background: #828282;
    cursor: pointer;
}


#Main #Contents > .message > .dual .buttons .button.trash a {
    background: #E60013;
    cursor: pointer;
}

#Main #Contents > .message > .dual .buttons .button.draft .sp {
    display: none;
}

@media screen and (max-width: 768px) {
    #Main #Contents > .message > .dual .buttons .button.trash a {
        padding: 20px 12px;
        font-size: 13px;
    }

    #Main #Contents > .message > .dual .buttons .button.draft a {
        padding: 10px 12px;
        font-size: 13px;
        line-height: 24px;
    }

    #Main #Contents > .message > .dual .buttons .button.draft .sp {
        display: block;
    }
}
#Main #Contents .panel {
    background: #ffffff;
    border-radius: 6px;
    padding: 0px 20px;
}

#Main #Contents .panel h2 {
    font-size: 24px;
    font-weight: 700;
    padding: 20px 10px 0px 10px;
    text-align: left;
}

#Main #Contents .panel.purchase h2 {
    font-size: 24px;
    padding: 30px 0px 20px 0px;
}

#Main #Contents .panel.purchase form .items {
    border: none;
}

#Main #Contents .panel.purchase form .items .item .content {
    border-left: none;
    border-right: none;
}

#Main #Contents .panel.items h2 {
    font-size: 24px;
    padding: 30px 0px 20px 0px;
}

#Main #Contents .panel > .products {
    display: flex;
    padding: 15px;
}

#Main #Contents .panel.withdrawal {
    padding-bottom: 20px;
}

#Main #Contents .panel.withdrawal p {
    padding: 20px 10px 20px 10px;
}

#Main #Contents .panel .form {
    padding: 30px 0px 30px 0px;
}

#Main #Contents .panel .form dl {
    margin: 0px 0px 30px 0px;
}

#Main #Contents .panel .form dl dd.birthday .separator {
    padding: 0px 10px;
    vertical-align: bottom;
}

#Main #Contents .panel .form.profile {
    margin: auto;
    max-width: 500px;
}

#Main #Contents .panel .form.profile .status .photo img {
    border-radius: 6px;
}

#Main #Contents .panel .form.profile .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#Main #Contents .panel .form.profile .buttons a {
    background: transparent;
    border: 1px solid #00bfff;
    border-radius: 6px;
    color: #00bfff;
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin: 3px 0px;
    padding: 5px 20px;
}

#Main #Contents .panel .buttons {
    margin: 10px 0px;
}

#Main #Contents .panel .buttons .select {
    background: #333333;
    border: none;
    border-radius: 6px;
    color: #ffffff;
    padding: 10px 20px;
}

#Main #Contents .panel .buttons .delete {
    background: #828282;
    border: none;
    border-radius: 6px;
    color: #ffffff;
    padding: 10px 20px;
}

#Main #Contents .panel .switchs {
    display: flex;
    font-size: 15px;
    justify-content: flex-end;
    margin: -10px 0px 20px 0px;
}

#Main #Contents .panel .switchs a {
    border: 1px solid #828282;
    border-radius: 6px;
    color: #828282;
    margin-left: 10px;
    padding: 5px 10px;
    white-space: nowrap;
}

#Main #Contents .panel .switchs a.active {
    background: #00bfff;
    border: 1px solid #00bfff;
    color: #ffffff;
}

#Main #Contents .panel .switchs.purchase .active {
    background: #f2994a;
    border: 1px solid #f2994a;
}

#Main #Contents .panel > form > .items {
    border: 1px solid #dbdbdb;
    border-collapse: collapse;
    display: table;
    width: 100%;
}

#Main #Contents .panel > form > .items .item {
    display: table-row;
}

#Main #Contents .panel > form > .items .item .check {
    background: #eeedeb;
    border: 1px solid #dbdbdb;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    min-width: 20px;
}

#Main #Contents .panel > form > .items .item .content {
    border: 1px solid #dbdbdb;
    display: table-cell;
    padding: 20px;
    width: 100%;
}

#Main #Contents .panel > form > .items .item .content .detail {
    display: flex;
}

#Main #Contents .panel > form > .items .item .content .detail .photo {
    max-width: 100px;
    margin-right: 10px;
}

#Main #Contents .panel > form > .items .item .content .detail .photo img {
    max-width: 100%;
}

#Main #Contents .panel > form > .items .item .content .detail .summary {
    width: 100%;
}

#Main #Contents .panel > form > .items .item .content .detail .summary .status {
    display: flex;
    font-size: 12px;
    margin-bottom: 5px;
}

#Main #Contents .panel > form > .items .item .content .detail .summary .status dt {
    color: #dbdbdb;
    margin-right: 10px;
}

#Main #Contents .panel > form > .items .item .content .detail .summary .status dd.code::after {
    content: "/";
    display: inline-block;
    padding: 0px 5px;
}

#Main #Contents .panel > form > .items .item .content .detail .summary .status dd.unsale {
    color: #fd3737;
}

#Main #Contents .panel > form > .items .item .content .detail .summary .destination {
    display: flex;
    font-size: 12px;
}

#Main #Contents .panel > form > .items .item .content .detail .summary .price {
    font-weight: 700;
    margin-bottom: 5px;
}

#Main #Contents .panel > form > .items .item .content .detail .summary .review {
    font-size: 14px;
    text-decoration: underline;
}

#Main #Contents .panel > form > .items .item .content .buttons {
    align-items: flex-start;
    display: flex;
    font-size: 15px;
    justify-content: center;
    white-space: nowrap;
}

#Main #Contents .panel > form > .items .item .content .buttons.purchase {
    flex-wrap: wrap;
}

#Main #Contents .panel > form > .items .item .content .buttons a, #Main #Contents .panel > form > .items .item .content .buttons span {
    border-radius: 6px;
    color: #ffffff;
    padding: 5px 20px;
    text-align: center;
    white-space: nowrap;
    width: 100%;
}

#Main #Contents .panel > form > .items .item .content .buttons a.edit, #Main #Contents .panel > form > .items .item .content .buttons span.edit {
    background: #00bfff;
}

#Main #Contents .panel > form > .items .item .content .buttons a.delivered, #Main #Contents .panel > form > .items .item .content .buttons span.delivered {
    background: #f2994a;
}

#Main #Contents .panel > form > .items .item .content .buttons a.review, #Main #Contents .panel > form > .items .item .content .buttons span.review {
    background: #ff0743;
    margin-left: 10px;
}

#Main #Contents .panel > form > .items .item .content .buttons a.delete, #Main #Contents .panel > form > .items .item .content .buttons span.delete {
    background: #828282;
    margin-left: 10px;
}

#Main #Contents .panel > .exchanges {
    margin: auto;
    padding: 0px 0px 10px 0px;
    /*max-width: 500px;*/
}

#Main #Contents .panel > .exchanges h2 {
    padding: 30px 0px;
}

#Main #Contents .panel > .exchanges table {
    border-collapse: collapse;
    border: 1px solid #dbdbdb;
    width: 100%;
}

#Main #Contents .panel > .exchanges table th {
    background: #eeedeb;
    border: 1px solid #dbdbdb;
    color: #aaaaaa;
}

#Main #Contents .panel > .exchanges table td {
    border: 1px solid #dbdbdb;
    font-size: 15px;
    padding: 0px 20px;
    text-align: center;
    white-space: nowrap;
    width: 25%;
}

#Main #Contents .panel > .exchanges table td a {
    color: -webkit-link;
}

#Main #Contents .panel > .exchanges table td.right {
    text-align: right;
}

#Main #Contents .panel > .reports {
    margin: auto;
    padding: 0px 0px 10px 0px;
    max-width: 500px;
}

#Main #Contents .panel > .reports h2 {
    padding: 30px 0px;
}

#Main #Contents .panel > .reports table {
    border-collapse: collapse;
    border: 1px solid #dbdbdb;
    width: 100%;
}

#Main #Contents .panel > .reports table th {
    background: #eeedeb;
    border: 1px solid #dbdbdb;
    color: #aaaaaa;
    font-size: 15px;
}

#Main #Contents .panel > .reports table th:nth-child(1), #Main #Contents .panel > .reports table th:nth-child(2) {
    width: 20%;
}

#Main #Contents .panel > .reports table th:nth-child(3), #Main #Contents .panel > .reports table th:nth-child(4) {
    width: 30%;
}

#Main #Contents .panel > .reports table td {
    border: 1px solid #dbdbdb;
    font-size: 15px;
    text-align: center;
    white-space: nowrap;
}

#Main #Contents .panel > .reports .application {
    margin-bottom: 80px;
}

#Main #Contents .panel > .reports .history a {
    background: transparent;
    border: 2px solid #e0e0e0;
    color: #333333;
}

#Main #Contents .panel > .reports .move {
    color: #dbdbdb;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 80px;
}

#Main #Contents .panel > .reports .move a {
    color: #333333;
}

#Main #Contents .panel > .application {
    margin: auto;
    max-width: 500px;
    padding: 50px 0px 50px 0px;
}

#Main #Contents .panel > .application.complete {
    padding: 100px 0px;
    text-align: center;
}

#Main #Contents .panel > .application.complete h2 {
    margin-bottom: 20px;
    text-align: center;
}

#Main #Contents .panel > .application.complete p {
    margin-bottom: 80px;
}

#Main #Contents .panel > .application h2 {
    font-size: 24px;
    padding: 0px;
}

#Main #Contents .panel > .application .summary {
    margin: 50px 0px 80px 0px;
}

#Main #Contents .panel > .application .summary dl {
    align-items: baseline;
    display: flex;
    justify-content: center;
}

#Main #Contents .panel > .application .summary dl dt {
    margin-right: 20px;
}

#Main #Contents .panel > .application .summary dl dd .amount {
    font-size: 30px;
}

#Main #Contents .panel > .application .summary .minimum {
    color: #828282;
    text-align: center;
}

#Main #Contents .panel > .application .exchange {
    margin-bottom: 50px;
}

#Main #Contents .panel > .application .exchange dd {
    display: flex;
}

#Main #Contents .panel > .application .exchange dd span:first-child {
    width: 100%;
}

#Main #Contents .panel > .application .exchange dd span.unit {
    padding: 30px 0px 0px 20px;
}

#Main #Contents .panel > .application .exchange dd span.unit {
    padding: 30px 0px 0px 20px;
}

#Main #Contents .panel > .application .statement {
    font-size: 14px;
    margin: 50px 0px;
}

#Main #Contents .panel > .application .statement dl {
    display: flex;
    justify-content: space-between;
}

#Main #Contents .panel > .application .statement dl:nth-last-child(2) {
    border-bottom: 2px solid #dbdbdb;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#Main #Contents .panel > .application .statement dl dt {
    line-height: 42px;
}

#Main #Contents .panel > .application .statement dl dd {
    line-height: 42px;
}

#Main #Contents .panel > .application .statement dl dd .amount {
    font-size: 24px;
    font-weight: 700;
}

#Main #Contents .panel .pagination {
    display: flex;
    justify-content: center;
    padding: 20px;
}

#Main > .seller {
    background: #eeedeb;
    width: 100%;
}

#Main > .seller .profile {
    background: #eeedeb;
    margin: auto;
    max-width: 940px;
    padding: 50px 20px;
}

#Main > .seller .profile > .inner {
    align-items: flex-start;
    display: flex;
    margin: auto;
    max-width: 1200px;
}

#Main > .seller .profile .photo {
    margin-right: 20px;
    max-width: 130px;
}

#Main > .seller .profile .photo img {
    border-radius: 50%;
    max-width: 100%;
}

#Main > .seller .profile .summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

#Main > .seller .profile .summary .name {
    font-size: 20px;
    font-weight: 700;
}

#Main > .seller .profile .summary .rating {
    display: flex;
}

#Main > .seller .profile .summary .rating ul {
    display: flex;
    margin-left: 20px;
}

#Main > .seller .profile .summary .rating ul li {
    margin-right: 10px;
}

#Main > .seller .profile .summary .comment {
    margin-top: 10px;
    width: 100%;
}

/*SELLER AGAIN*/
#Main > .inner > .seller .profile {
    background: #eeedeb;
    margin: auto;
    /*max-width: 940px;*/
    padding: 50px 20px;
}

#Main > .inner > .seller .profile > .inner {
    align-items: flex-start;
    display: flex;
    margin: auto;
    max-width: 1200px;
}

#Main > .inner > .seller .profile .photo {
    margin-right: 20px;
    width: 130px;
    height: 130px;
}

#Main > .inner > .seller .profile .photo img {
    border-radius: 50%;
    width: 130px;
    height: 130px;
}

#Main > .inner > .seller .profile .summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

#Main > .inner > .seller .profile .summary .name {
    font-size: 20px;
    font-weight: 700;
}

#Main > .inner > .seller .profile .summary .rating {
    display: flex;
}

#Main > .inner > .seller .profile .summary .rating ul {
    display: flex;
    margin-left: 20px;
}

#Main > .inner > .seller .profile .summary .rating ul li {
    margin-right: 10px;
}

#Main > .inner > .seller .profile .summary .comment {
    margin-top: 10px;
    width: 100%;
}

/*SELLER AGAIN*/

#Main > .inner > .seller {
    width: 100%;
}

#Main > .inner > .seller .reviews {
    margin: auto;
    max-width: 940px;
    padding: 0px 20px;
}

#Main > .inner > .seller .reviews h2 {
    font-size: 24px;
    margin: 80px 0px 20px 0px;
}

#Main > .inner > .seller .reviews .review {
    border-top: 1px solid #dbdbdb;
    display: flex;
    padding: 20px;
}

#Main > .inner > .seller .reviews .review:last-child {
    border-bottom: 1px solid #dbdbdb;
}

#Main > .inner > .seller .reviews .review .photo {
    margin-right: 20px;
    max-width: 130px;
    width: 30%;
}

#Main > .inner > .seller .reviews .review .photo img {
    max-width: 100%;
}

#Main > .inner > .seller .reviews .review .summary {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#Main > .inner > .seller .reviews .review .summary p {
    font-size: 15px;
    height: 100%;
}

#Main > .inner > .seller .reviews .review .summary .overview {
    line-height: 100%;
    margin-top: 10px;
    width: 100%;
}

#Main > .inner > .seller .reviews .review .summary .overview .date {
    color: #dbdbdb;
    font-size: 12px;
    white-space: nowrap;
}

#Main > .inner > .seller .reviews .review .summary .overview .name {
    font-size: 14px;
    white-space: nowrap;
}

#FileUpForm h2 {
    border-bottom: dashed 1px #ccc;
}
/*/// for mypage item 2021.05.20*/
.yama_unit{
        direction: rtl;
        appearance: none;
        background: #ffffff;
        border: none;
        border-radius: 6px;
        font-size: 16px;
        padding: 20px 1px;
        width: 47px;
        height:56px;
        margin-left: -50px;
    }
    .yama_radio{
        margin-left:3%;
    }
    .yama_price_div{
        float:left;
        width:30%;
        min-width: 230px;
    }
    .yama_fee_dd{
        margin-left: 2%;
        margin-bottom: 20px;
        border-bottom:1px solid #999 ;
        width:30%;
    }
    .yama_weight_dl{
        float:left;
        width:30%;
        margin-bottom: 20px;
    }
    .yama_weight_dl dt{
        font-weight: 700;
    }
    .yama_fee_dd span
    {
        font-weight: 100;
        color: #999;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .radio_label
    {
        font-weight: 100;
        color: #666;
        font-size: 16px;
    }

    .item_detail_area
    {
        margin-left:10px;
    }
  
    .item_detail_radio, .item_detail_area span
    {
        font-weight: 100;
        font-size: 16px;
        color: #666;
    }
    .yama_wen{
        float:left;
        height:70px;
        padding-top:20px;
    }
    #Main #Contents form.exhibition select{
        height: 100%;
        padding:15px 10px;
    }
    .yama_price_dl{
        float:left;
        width:33%;
        margin-bottom: 20px;
    }
    .yama_price_dl dt{
        font-weight: 700;
    }
    .yama_detail_dl{
        float: left;
        width: 33%;
        margin-bottom: 20px;
    }
    .yama_detail_dl input.size20[type="text"]{
        width: 60%;
    }
    .yama_action_dl{
        margin-top:13% !important;
    }
    .yama_fee_span{
        float:right;
    }
    .yama_fee_span + span{
        float:right;
        margin-right:5%;
    }
    .yama_fee_div{
        height:15px; 
        width:100%;
    }
    .yama_detail-sp{
        font-size: 24px !important;
        position: relative;
        top: 5px;
        left: 7%; 
    }
    .yama_detail_span{
        position: relative;
        top: 10px;
    }
@media screen and (max-width: 1200px){
    .yama_fee_dd{
        min-width: 240px;
    }
}  
@media screen and (max-width: 1000px) {
    .yama_detail_dl{
        float: none;
        width: 50%;
        margin-bottom: 20px;
    }
    .yama_detail_dl:first-child input.size20[type="text"]{
        margin-left: 15px;
    }
    .yama_detail_dl:first-child + dl input.size20[type="text"]{
        margin-left: 15px;
    }
    .yama_detail-sp{
        display: none;
    }
    .yama_weight_dl{
        width: 40%;
    }
}  
    /*/// end 2021.05.20*/
@media screen and (max-width: 768px) {
    #Main #Contents {
        padding: 20px 10px;
    }
    #Main #Contents .status {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    #Main #Contents .status .photo {
        align-items: flex-start;
        display: flex;
        margin-right: 0px;
        position: relative;
    }
    #Main #Contents .status .photo a img {
        border-radius: 50%;
        max-height: 80px;
        max-width: 80px;
    }
    #Main #Contents .status .photo .name {
        align-items: center;
        display: flex;
        height: 80px;
        margin-left: 20px;
    }
    #Main #Contents .status .photo .edit {
        background: #ffffff;
        border: 1px solid #b3b3b3;
        border-radius: 6px;
        font-size: 12px;
        margin-left: auto;
        padding: 0px 10px;
        position: absolute;
        right: 0px;
    }
    #Main #Contents .status .photo .image_del {
        padding: 0px 10px;
    }
    #Main #Contents .status .detail .box {
        flex-wrap: wrap;
    }
    #Main #Contents .menus {
        flex-wrap: wrap;
        margin: 0px -10px -20px -10px;
    }
    #Main #Contents .menus dl {
        border-radius: 0px;
        margin: 0px;
        width: 100%;
    }
    #Main #Contents .menus dl:first-child {
        margin-right: 0px;
    }
    #Main #Contents .menus dl:last-child {
        margin-left: 0px;
    }
    #Main #Contents .menus dl:nth-child(2) {
        border-bottom: none;
    }
    #Main #Contents .menus dl dt {
        background: #333333;
        border-bottom: none;
        color: #ffffff;
        font-size: 14px;
        padding: 5px 20px;
    }
    #Main #Contents .menus dl dd {
        padding: 0px;
    }
    #Main #Contents .menus dl dd li {
        align-items: center;
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        margin: 0px;
    }
    #Main #Contents .menus dl dd li a {
        display: block;
        padding: 20px;
    }
    #Main #Contents .menus dl dd .add {
        margin: 20px 20px 50px 20px;
    }

    #Main #Contents .menus dl dd .buy {
        margin: 20px 20px 50px 20px;
    }

    #Main #Contents .menus dl dd .charge {
        margin: 20px 20px 50px 20px;
    }
    #Main #Contents .favorites {
        border-radius: 0px;
        margin: 0px -10px;
    }
    #Main #Contents .favorites h2 {
        padding: 80px 0px 20px 0px;
        text-align: center;
    }
    #Main #Contents .favorites .products {
        padding: 0px 0px 0px 3px;
    }
    #Main #Contents .favorites .products .item {
        padding: 2px;
        width: 33%;
    }
    #Main #Contents .panel {
        border-radius: 0px;
        margin: 10px -10px -30px -10px;
    }
    #Main #Contents .panel h2 {
        text-align: center;
    }
    #Main #Contents .panel .switchs {
        display: flex;
        flex-wrap: wrap;
        font-size: 15px;
        justify-content: center;
        margin: -10px 0px 0px 0px;
    }
    #Main #Contents .panel .switchs li {
        margin: 0px 5px 10px 5px;
    }
    #Main #Contents .panel .switchs li a {
        background: #00bfff;
        border-radius: 6px;
        color: #ffffff;
        display: inline-block;
        margin: 0px;
        padding: 5px 0px;
        text-align: center;
        white-space: nowrap;
        width: 120px;
    }
    #Main #Contents .panel > .items .item .content {
        padding: 10px 10px 0px 10px;
    }
    #Main #Contents .panel > .items .item .content .detail .summary .status {
        flex-direction: unset;
        flex-wrap: wrap;
    }
    #Main #Contents .panel > .application.complete {
        padding: 100px 0px;
        text-align: center;
    }
    #Main #Contents .panel > .application.complete h2 {
        margin-bottom: 20px;
        text-align: center;
    }
    #Main #Contents .panel > .application.complete p {
        font-size: 14px;
    }
    #Main #Contents .panel > .exchanges table,
    #Main #Contents .panel > .reports table {
        border: none;
        display: block;
    }
    #Main #Contents .panel > .exchanges table thead,
    #Main #Contents .panel > .reports table thead {
        display: none;
    }
    #Main #Contents .panel > .exchanges table tbody,
    #Main #Contents .panel > .reports table tbody {
        display: block;
    }
    #Main #Contents .panel > .exchanges table tbody tr,
    #Main #Contents .panel > .reports table tbody tr {
        border-bottom: 1px solid #dbdbdb;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }
    #Main #Contents .panel > .exchanges table tbody td,
    #Main #Contents .panel > .reports table tbody td {
        border: none;
        display: block;
        text-align: left;
        margin-bottom: 10px;
        padding: 0px;
        white-space: normal;
        width: 100%;
    }
    #Main #Contents .panel > .exchanges table tbody td.year,
    #Main #Contents .panel > .reports table tbody td.year {
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }
    #Main #Contents .panel > .exchanges table tbody td.right,
    #Main #Contents .panel > .reports table tbody td.right {
        text-align: inherit;
    }
    #Main #Contents .panel > .exchanges table tbody td .label,
    #Main #Contents .panel > .reports table tbody td .label {
        display: inline-block;
        white-space: nowrap;
        width: 120px;
    }
    #Main #Contents .panel > .exchanges table tbody td .value,
    #Main #Contents .panel > .reports table tbody td .value {
        display: inline-block;
        margin-left: 20px;
        min-width: 240px;
        white-space: nowrap;
    }
    #Main #Contents form .images {
        justify-content: space-between;
    }
    #Main #Contents form .images > dl {
        margin: 0px auto 20px auto;
    }
    #Main #Contents form .images .spacer {
        margin: 0px auto 0px auto;
        width: 160px;
    }
    #Main #Contents form input[type=text].full,
    #Main #Contents form textarea.full,
    #Main #Contents form select.full {
        width: 100%;
    }
    #Main #Contents form input[type=text].middle,
    #Main #Contents form textarea.middle,
    #Main #Contents form select.middle {
        width: 90%;
    }
    #Main #Contents form input[type=text].short,
    #Main #Contents form textarea.short,
    #Main #Contents form select.short {
        width: 20%;
    }
    #Main #Contents form .calcs {
        font-size: 14px;
    }
    #Main #Contents form .tags .tag {
        width: 48%;
    }
    #Main #Contents .member {
        display: flex;
        flex-direction: column-reverse;
        margin: 10px -10px 0px -10px;
    }
    #Main #Contents .member::after {
        background: #ffffff;
        border-bottom: 2px solid #dbdbdb;
        box-sizing: border-box;
        content: "会員情報編集";
        display: block;
        padding: 30px 10px;
        text-align: center;
        width: 100%;
    }
    #Main #Contents .member .panel:first-child {
        border-top: 1px solid #dbdbdb;
        border-radius: 0px;
        padding: 0px;
        margin: 0px 0px -20px 0px;
        width: 100%;
    }
    #Main #Contents .member .panel:first-child dt {
        display: none;
    }
    #Main #Contents .member .panel:first-child dd a {
        border-bottom: 1px solid #dbdbdb;
        display: flex;
        font-size: 16px;
        justify-content: space-between;
        margin-bottom: 0px;
        padding: 30px 30px;
    }
    #Main #Contents .member .panel:first-child dd a::after {
        color: #333333;
        content: "＞";
        display: block;
    }
    #Main #Contents .member .panel:first-child dd a.active {
        color: #b3b3b3;
    }
    #Main #Contents .member .panel:last-child {
        border-radius: 0px;
        margin: 0px;
        width: 100%;
    }
    #Main #Contents .member .panel:last-child h2 {
        padding: 20px 0px 0px 0px;
    }
    #Main #Contents .message {
        display: flex;
        flex-direction: column-reverse;
        margin: 10px -10px 0px -10px;
    }
    /*#Main #Contents .message::after {*/
    /*    background: #ffffff;*/
    /*    content: " ";*/
    /*    display: block;*/
    /*    padding: 30px 0px;*/
    /*    text-align: center;*/
    /*    width: 100%;*/
    /*}*/
    #Main #Contents .message .panel:first-child {
        border-top: 1px solid #dbdbdb;
        border-radius: 0px;
        padding: 0px;
        margin: 0px 0px -20px 0px;
        width: 100%;
    }
    #Main #Contents .message .panel:first-child dt {
        display: none;
    }
    #Main #Contents .message .panel:first-child dd {
        /*width: 100%;*/
    }

    #Main #Contents .message .panel dt.name {
        display: block;
    }
    #Main #Contents .message .panel:first-child dd a {
        border-bottom: 1px solid #dbdbdb;
        display: flex;
        font-size: 16px;
        justify-content: space-between;
        margin-bottom: 0px;
        padding: 30px 30px;
    }
    #Main #Contents .message .panel:first-child dd a::after {
        color: #333333;
        content: "＞";
        display: block;
    }
    #Main #Contents .message .panel:first-child dd a.active {
        color: #b3b3b3;
        display: none;
    }
    #Main #Contents .message .panel:last-child {
        border-radius: 0px;
        margin: 0px;
        padding: 0px;
        width: 100%;
    }
    #Main #Contents .message .panel:last-child h2 {
        padding: 20px 0px 20px 0px;
    }
    #Main #Contents .message .panel:last-child .buttons {
        margin: 0px;
        padding: 10px;
    }
    #Main #Contents .message .dual {
        margin: 0px;
        width: 100%;
    }
    #Main #Contents .message .dual .panel {
        border-bottom: 1px solid transparent;
    }
    #Main #Contents .message .dual .panel:first-child {
        border-top: none;
    }
    #Main #Contents .message .dual .body {
        padding: 0px 10px;
    }
    #Main #Contents .message .dual .reply {
        padding: 0px 10px;
    }
    #Main #Contents .message .dual .reply dt {
        display: block;
    }
    #Main > .seller {
        background: #eeedeb;
        width: 100%;
    }
    #Main > .seller .profile {
        background: #eeedeb;
        padding: 20px 20px;
        text-align: center;
    }
    #Main > .seller .profile > .inner {
        display: flex;
        flex-direction: column;
        margin: auto;
    }
    #Main > .seller .profile .photo {
        margin: 0px 0px 20px 0px;
        width: 100%;
    }
    #Main > .seller .profile .summary {
        display: flex;
        flex-direction: column;
    }
    #Main > .seller .profile .summary .name {
        margin-bottom: 20px;
    }
    #Main > .seller .profile .summary .rating {
        display: flex;
        flex-direction: column;
    }
    #Main > .seller .profile .summary .rating ul {
        display: flex;
        justify-content: center;
        margin: 10px 0px 30px 0px;
    }
    #Main > .seller .profile .summary .rating ul li {
        margin: 0px 5px;
    }
    #Main > .seller .profile .summary .comment {
        display: table;
        margin: auto;
        text-align: left;
        width: auto;
    }
    #Main > .inner > .seller .reviews {
        padding: 20px 10px;
    }
    #Main > .inner > .seller .reviews .review {
        padding: 20px 0px;
    }
    #Main > .inner > .seller .reviews .review .photo {
        margin-right: 20px;
    }
    #Main > .inner > .seller .reviews .review .summary {
        display: flex;
        flex-direction: column;
    }
    #Main > .inner > .seller .reviews .review .summary p {
        font-size: 15px;
        height: 100%;
    }
    #Main > .inner > .seller .reviews .review .summary .overview {
        text-align: right;
    }
    #Main > .inner > .seller .reviews .review .summary .overview .date {
        color: #dbdbdb;
        font-size: 12px;
    }
    #Main > .inner > .seller .reviews .review .summary .overview .name {
        font-size: 14px;
    }
    /*/// for mypage item 2021.05.20*/
    .yama_detail_dl{
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .yama_weight_dl{
        width: 50%;
    }
}

/*/// for mypage item 2021.05.20*/
@media screen and (max-width: 480px){
    .yama_price_dl{
        float: none;
        padding-bottom: 10px;
        width: 100%;
    }
}
/*/// end 2021.05.20*/


/*<!-- addedfor profile image 2021.05.20 -->*/
.a-icon--editorImageAdd:before {
    content: "ファイルアップロード";/*File Upload*/
}

.o-textEditor__eyecatch {
    width: 100%;
    /* max-width: 620px; */
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}

.o-eyecatchPopover__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 195px;
    height: 33px;
    color: #fff;
    cursor: pointer;
    background-color: #ccc;
    border-radius: 8px;
}

.o-noteEyecatch {
    position: relative
  }

.o-noteEyecatch__delete {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    width: 32px;
    height: 32px;
    padding: 8px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(34, 34, 34, .2);
    border-radius: 50%;
    background-image: url(/img/lightbox/close.png);
}

.o-noteEyecatch__image {
    margin-top: 10px;
    width: 100%;
    height: auto;
    vertical-align: top
}
/*<!-- endfor profile image -->*/


/*<!-- added  for follow button in mypage/sellerinfo -->*/
  .followbutton2 {
    border: 2px solid #00BFFF;
    border-radius: 6px;
    color: #00BFFF;
    display: table;
    font-size: 12px;
    margin: 0px auto 0px auto;
    padding: 0px 10px;
    float: right;
    margin-top: 20px;
    width: 75px;
    text-align: center;
    cursor: pointer;
      font-weight: bold;
  }

.followbutton3 {
    border: 2px solid #EE1D23;
    border-radius: 6px;
    background: #EE1D23;
    color: #FFFFFF;
    display: table;
    font-size: 12px;
    margin: 0px auto 0px auto;
    padding: 0px 10px;
    float: right;
    margin-top: 20px;
    width: 75px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
/*<!-- end  for follow button -->*/

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}