/*ベース*/
.tokyo_shinwa {
}

/*マージン*/
.tokyo_shinwa>div {
    width:100%;
    display: flex;
    flex-direction: column;
    padding:0% 55% 100% 55%;
}

/*顔*/
.tokyo_shinwa>div>div:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 75%;
    background: #BFAF7F;
    clip-path: polygon(25% 0%, 75% 0%, 100% 33%, 50% 100%, 0% 33%);
    overflow: hidden;
}

/*白目*/
.tokyo_shinwa>div>div:nth-child(1)>div:nth-child(2) {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 50%;
    padding-top: 25%;
    background: #FFFFFF;
    border-radius: 100%;
    top: 25%;
    clip-path: polygon(0% 50%, 20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%);
}

/*虹彩*/
.tokyo_shinwa>div>div:nth-child(1)>div:nth-child(2)>div:nth-child(1) {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding-top: 50%;
    position: absolute;
    border-radius: 50%;
    background: #7F3F1F;
    top: 0;
    left: 25%;
}

/*瞳*/
.tokyo_shinwa>div>div:nth-child(1)>div:nth-child(2)>div:nth-child(1)>div:nth-child(1) {
    content: "";
    display: block;
    width: 66%;
    padding-top: 66%;
    position: absolute;
    border-radius: 50%;
    background: #000000;
    top: 17.0625%;
    left: 17.0625%;
}

/*胴体*/
.tokyo_shinwa>div>div:nth-child(2) {
    width: 5%;
    padding-top: 100%;
    background: #000000;
    position: relative;
    margin-left: 47.5%;
}

/*腕脚のベース*/
.tokyo_shinwa>div>div:nth-child(2)>div,
.tokyo_shinwa>div>div:nth-child(2)>div>div {
    width: 100%;
    padding-top: 1000%;
    background: #000000;
    position: absolute;
}

/*右腕*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(1) {
    transform: rotate(90deg);
    top: 25%;
    left: -100%;
    transform-origin: center top 0;
}

/*右腕2*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(1)>div:nth-child(1) {
    transform: rotate(0deg);
    top: 100%;
    left: 0%;
    transform-origin: center top 0;
}

/*左腕*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(2) {
    transform: rotate(90deg);
    top: -25%;
    left: 100%;
    transform-origin: center bottom 0;
}

/*左腕2*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(2)>div:nth-child(1) {
    transform: rotate(0deg);
    top: -100%;
    left: 0%;
    transform-origin: center bottom 0;
}

/*右脚*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(3) {
    transform: rotate(45deg);
    top: 100%;
    left: -100%;
    transform-origin: center top 0;
}

/*右脚2*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(3)>div:nth-child(1) {
    transform: rotate(315deg);
    top: 100%;
    left: 0%;
    transform-origin: center top 0;
}

/*左脚1*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(4) {
    transform: rotate(315deg);
    top: 100%;
    left: 100%;
    transform-origin: center top 0;
}

/*左脚2*/
.tokyo_shinwa>div>div:nth-child(2)>div:nth-child(4)>div:nth-child(1) {
    transform: rotate(45deg);
    top: 100%;
    left: 0%;
    transform-origin: center top 0;
}

.done_button{
    width:120px;
    height:40px;
}

input[type="number"]{
    width:3.5em;
}