.all-contents {
    max-width: 600px;
    margin: 1rem auto;
}

/* ボタンは角を丸める */
button, input[type="button"] {
    border-radius: 5px;
}

#map {
    width: 100%;
    height: 300px;
}

#getpos_toggle {
    width: 100%;
    height: 4rem;
    font-size: 16pt;
    margin: 0.2rem auto;
}

#login_form_section, #share_section {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

#login_form_section input {
    min-width: 8rem;
    flex: auto;
}

#login_form_section input[type="button"] {
    height: 2rem;
}

.button_section {
    margin: 0.5rem 0;
}

.share_section input[type="button"] {
    flex: auto;
    height: 2rem;
    min-width: 6rem;
    padding: 0.2rem 0.5rem;
    font-size: 12pt;
}

#position-select-area {
    margin: 0.5rem 0;
}

#positions-select {
    font-size: 16pt;
    width: 100%;
    height: 2.5rem;
}

.default {
    background-color: #E0E0E0;
    color: black;
}

.monitoring {
    background-color: red;
    color: white;
}

#tweet:enabled {
    color: white;
    background-color: #1DA1F2;
    border: 2px outset #146EA5;
}

#tweet:disabled {
    color: #FCFCFC;
    background-color: #7D9BBC;
    border: 1px solid #5B718A;
}

#toot:enabled {
    color: white;
    background-color: #6364FF;
    border: 2px outset #3D3E9E;
}

#toot:disabled {
    color: #FCFCFC;
    background-color: #7870A6;
    border: 1px solid #36378C;
}

#note:enabled {
    color: white;
    background-color: #97CB00;
    border: 2px outset #4D6700;
}
#note:disabled {
    color: #FCFCFC;
    background-color: #9FAE72;
    border: 1px solid #626C47;
}

#register_pos_to_server:enabled {
    background-color: #E0E0E0;
    color: black;
}
#register_pos_to_server:disabled {
    background-color: #F0F0F0;
    color: #AAAAAA;
    border: 1px solid #CCCCCC;
}

#toot:after {
    clear: left;
}

#i_am_at_string {
    width: 100%;
    word-break: break-all;
}

.sec-subtitle {
    font-weight: bold;
    text-decoration: underline;
}
.login_OK {
    color: #00AA00;
}
.login_NG {
    color: #FF3000;
}
.login_progress {
    color: black;
}
.register_OK {
    background-color: #99FF99 !important;
    color: #009900 !important;
}
.register_NG {
    background-color: #FF9999;
    color: red;
}
.register_normal {
    background-color: #E0E0E0;
    color: black;
}

#regist_landmark_section {
    margin-top: 1rem;
}

#regist_landmark_section form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}


#regist_landmark_section #submit {
    height: 3rem;
    font-size: larger;
    grid-column: 1 / span 2;
}

@media screen and (max-width: 600px) {
    .all-contents {
        margin: 0 0.3rem;
    }
}