@charset "UTF-8";

body {
    background: #C9ACE6;
    color: #000000;
    width: 100%;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

h1 {
    font-size: 24px;
    font-weight: bold;
    text-align:center;
}

h5 {
    font-size: 18px;
    font-weight: bold;
    text-align:center;
}

h2, h3, h4, h6 {
    font-size:100%;
/*    font-weight:normal; */
    font-weight: bold;
}

input[type="text"] {
    padding: 0.5rem;
    background-color: white;
    font-size:120%;
}

#report-submit {
    padding: 1rem;
    background-color: white;
    border: solid 3px black;
    font-size:200%;
    width: 80%;
}

select {
    font-size: 200%;
}

.select-date {
    margin-bottom: 1rem;
}

.selection-group-container {
    text-align:center;
    margin-top:1rem;
}

.selection-group-container input[type="radio"] {
    display: none;
}

label img {
    padding:8px;
}

.selection-group-container input[type="radio"]:checked + label img {
    background:orange;
}

.selection-group {
/*
    display: flex;
    justify-content: center;
*/
    align-items: center;
    margin-top:5rem;
}

#map_canvas {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    width:  400px;
    height:  400px;
}

#icon-sample {
    background-color: white;
}

.question-title {
    margin-left: 2rem;
    margin-right: 2rem;
    text-align: center;
}
.notice {
    margin-left: 2rem;
    margin-right: 2rem;
    text-align: center;
}

.notice-left {
    margin-left: 2rem;
    margin-right: 2rem;
    text-align: left;
}

.form-submit {
    margin-top:3rem;
    text-align: center;
    font-size: 120;
}

#remap {
    margin-top:1rem;
    margin-bottom:1rem;
    padding: 1rem;
    background-color: white;
    border: solid 3px black;
    font-size:120%;
    width: 80%;
}

#comment {
    width: 80%;
    height: 10rem;
}

.err-msg {
    text-align: center;
    font-weight: bold;
    color: #FF4B00;
    margin: 1rem;
}

.thanks {
    margin-top: 5rem;
    text-align: center;
}

.go-toppage {
    margin-top: 1rem;
    text-align: center;
}

.privacy {
	font-size: 90%;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
    text-align:left
}

#email {
    display: none;
}

.certificate-frame {
    margin-left:  2rem;
    margin-right: 2rem;
    text-align: center;
}

.certificate-frame img {
	max-width: 100%;
	height: auto;
}

.certificate-notice {
    line-height: 150%;
    text-align: left;
}

.share-button {
    margin-top: 3rem;
    margin-button: 3rem;
    text-align: center
}

@media screen and (min-width: 700px) { 

    .flex-box {
        display: flex;
        justify-content: center;
    }


    h1, h2, h3, h4, h5, h6 {
        font-weight:bold;
    }

    h1 {
        font-size: 36px;
    }
    h5 {
        font-size: 24px;
    }

    h2 {
        font-size: 120%;
    }

    .select-hour {
        margin-left: 1rem;
    }

    .select-date, .select-hour, .select-minutes {
        font-size:120%;
        line-height: 1.2rem;
    }

    .notice-left {
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .privacy {
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    #remap {
        width: 30%;
    }

    #report-submit {
        width: 50%;
    }

    .certificate-frame {
        margin-left:  auto;
        margin-right: auto;
        padding: 0;
        width: 600px;
        text-align: center;
    }

    .certificae-notice {
        line-height: 150%;
        width: 600px;
        margin-left:  auto;
        margin-right: auto;
    }

}