#site-box 
{
    border: 10px solid #602652;/*濃紫*/
}


#t-box {
    border-bottom: 1px solid #0760a7; /*濃青*/
    background-color: #0760a7; /*濃青*/
   /* font-size: 200%;
    color: #FFFFFF;
    padding: 10px;*/
}

.title01{
    font-size: 200%;
    color: #FFFFFF;
    padding: 10px 10px 0px 10px;
}

.title02{
    /*font-size: 50%*/
    font-size: 100%;
    color: #FFFFFF;
    padding: 5px 10px 10px 10px;
}

#a-box1 { /*発言*/

    border-bottom: 1px solid #602652; /*濃紫*/
    background-color: #602652; /*濃紫*/
    font-size: 200%;
    color: #FFFFFF;
    padding: 10px;
    float: left;
    box-sizing: border-box; /*幅調整*/
}

#a-box2 {
    border-bottom: 1px solid #266034; /*濃緑*/
    background-color: #266034; /*濃緑*/
    font-size: 200%;
    color: #FFFFFF;
    padding: 10px;
    float:left;
    /*    float: right;*/
    box-sizing: border-box;
}

#a-box3 {
    border-bottom: 1px solid #61380B; /*濃茶*/
    background-color: #61380B; /*濃茶*/
    font-size: 200%;
    color: #FFFFFF;
    padding: 10px;
    float: left;
    box-sizing: border-box;
}
#a-box4 {
    border-bottom: 1px solid #007070;/*青緑*/
    background-color: #007070;
    font-size: 200%;
    color: #FFFFFF;
    padding: 10px;
    float: left;
    box-sizing: border-box;
}


/*.awc {*/  /*リンクのクリック範囲を親要素(DIV)全体に広げる*/ 
    /*position: relative;
    z-index: 1;*/ /* 必要であればリンク要素の重なりのベース順序指定 */
/*}*/

.b-box {
    border-bottom: 1px solid #bc7db4; /*中紫*/
    background-color: #bc7db4; /*中紫*/
    color: #FFFFFF;
    padding: 0px;
    font-size: 150%;
}

input.ex1 {
    width: 50%;
    font-size: 120%;
    border:1px solid #602652;  /* 枠線 */
    background-color: snow;  /* 背景色 */
    color: #000000;
}


.msg-box {
    border-bottom: 1px solid #bc7db4; /*中紫*/
    background-color: #ffd700; /*gold*/
    color: #000000;
    padding: 0px;
}

#h-box {
   /*border-bottom: 1px solid #602652;*//*濃紫*/
   background-color: #faf5f8;/*明紫*/
   padding : 0px
}

.tex_c { /*履歴表示*/
    height: 5em;
    line-height: 1.1em;
    /*    margin : 10px 10px 10px 10px; */
    width: 100%;
    background-color: #FFFFFF; /*明桃#ffd6d6*/
    font-size: 150%;
    resize: vertical;
}


#c1-box{
   border-bottom: 3px solid #602652;/*濃紫*/
   background-color: #faf5f8;/*明紫*/
   padding : 0px;
}


.btn2 { /*意見入力*/
    border: 3px solid #ffd6d6; /*濃紫*/
    background-color: #602652; /*明桃*/
    width: 100%;
    padding: 5px;
    color: #FFFFFF;
    /*    font-size: 30px;*/
    font-size: 3vw;
    text-align: center
}



.tex1 { /*発言*/
    border: 3px solid #602652; /*濃紫*/
    height: 5em;
    line-height: 1.2em;
    /*    margin : 10px 10px 10px 10px; */
    width: 100%;
    background-color: #ffd6d6; /*明桃 #ffd6d6*/
    font-size: 150%;
    resize: vertical;
}


.btn1 {
    border: 3px solid #faf5f8; /*明紫*/
    background-color: #602652; /*濃紫*/
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px 20px 10px 0px;
    padding: 5px 10px;
    font-size: 100%;

}

.btn3 {
    border: 1px solid #faf5f8; /*明紫*/
    background-color: #192c5e; /*深青*/
    /*#602652;*/ /*濃紫*/
    border-radius: 5px;
    color: #FFFFFF;
    /*  font-weight:bold;*/
    margin: 10px 10px 10px 10px;
    padding: 5px 10px;
    font-size: 67%;
}

#s1-box { /*多肢択一入力*/
    /*border-bottom: 0px solid #3CB371;*/ /*明緑*/
    background-color: #47de8a; /*明緑*/
    font-size: 150%;
    font-size: 5vw; /*----------------*/
    color: #000000;
    padding: 50px 20px 30px 20px;
    /*    display: none;*/
}

#s2-box {
    border-bottom: 1px solid #47de8a; /*明緑*/
    background-color: #47de8a; /*濃緑*/
}

.btn4 {/*多肢択一入力*/
    border: 3px solid #47de8a; /*明緑#3CB371*/
    background-color: #266034; /*濃緑*/
    width: 100%;
    padding: 5px;
    color: #FFFFFF;
    font-size: 3vw;
    text-align: center
}


#m1-box { /*多肢複数選択入力*/
    border-bottom: 1px solid #FAAC58; /*明茶*/
    background-color: #FAAC58; /*明茶*/
    font-size: 150%;
    font-size: 5vw; /*----------------*/
    color: #000000;
    padding: 50px 20px 30px 20px;
    /*    display: none;*/
}

#m2-box {
    border-bottom: 1px solid #FAAC58; /*明茶*/
    background-color: #61380B; /*濃茶*/
}


.btn5 {/*多肢複数選択入力*/
    border: 3px solid #FAAC58; /*明茶*/
    background-color: #61380B; /*濃茶*/
    width: 100%;
    padding: 5px;
    color: #FFFFFF;
    font-size: 3vw;
    text-align: center
}

#d-box {
    border-top: 1px solid #ffd6d6; /*濃紫*/
    background-color: #ffd6d6; /*濃紫*/
    font-size: 80%;
    padding: 10px;
    color: #602652;
}


.btn_br { /*ささやき入力 送信*/
    border: 3px solid #66cdaa; /*明青緑*/
    background-color: #007070; /*青緑*/
    width: 100%;
    padding: 5px;
    color: #FFFFFF;
    /*    font-size: 30px;*/
    font-size: 3vw;
    text-align: center
}

.tex_br { /*ささやき*/
    border: 3px solid #007070; /*青緑*/
    height: 5em;
    line-height: 1.2em;
    /*    margin : 10px 10px 10px 10px; */
    width: 100%;
    background-color: #66cdaa; /*明青緑*/
    font-size: 150%;
    resize: vertical;
}

#br1-box { /*ささやき*/
    border-bottom: 3px solid #007070; /*青緑*/
    background-color: #66cdaa; /*明青緑*/
    padding: 0px;
}


@media screen and (max-width: 960px){/*###############################################*/
    .br::before {/*改行*/
        content: "\A";
        white-space: pre;
    }

.title01{
    font-size: 250%;
    color: #FFFFFF;
    padding: 10px 10px 0px 10px;
}

.title02{
    /*font-size: 50%*/
    font-size: 150%;
    color: #FFFFFF;
    padding: 5px 10px 10px 10px;
}

    input.ex1 {
        width: 95%;
        box-sizing: border-box;
        font-size: 200%;
        border: 5px solid #602652; /* 枠線 */
        background-color: snow; /* 背景色 */
        color: #000000;
        padding: 5px 10px 0px 10px;
    }

    .btn1 {
        width: 90%;
        box-sizing: border-box;
        border: 3px solid #faf5f8; /*明紫*/
        background-color: #602652; /*濃紫*/
        border-radius: 5px;
        color: #FFFFFF;
        font-weight: bold;
        margin: 10px 20px 10px 10px;
        padding: 5px 10px;
        font-size: 150%;
        text-align: center;
    }

    .msg-box {
        border-bottom: 10px solid #bc7db4; /*中紫*/
        background-color: #ffd700; /*gold*/
        font-size: 100%;
        color: #000000;
        padding: 5px;
    }

    .btn3 {
        width: 95%;
        box-sizing: border-box;
        border: 3px solid #faf5f8; /*明紫*/
        background-color: #192c5e; /*深青*/
        /*#602652;*/ /*濃紫*/
        border-radius: 5px;
        color: #FFFFFF;
        /*  font-weight:bold;*/
        margin: 5px 10px;
        padding: 5px 50px;
        font-size: 67%;
        text-align: center;
    }


    #a-box1 { /*発言*/
        height: 60px;

        border-bottom: 1px solid #602652; /*濃紫*/
        background-color: #602652; /*濃紫*/
        font-size: 5vw;
        color: #FFFFFF;
        padding: 5px;
        float: left;
        box-sizing: border-box; /*幅調整*/
    }

    #a-box2 {
        height: 60px;
        border-bottom: 1px solid #266034; /*濃緑*/
        background-color: #266034; /*濃緑*/
        font-size: 5vw;
        color: #FFFFFF;
        padding: 5px;
        float: left;
        /*    float: right;*/
        box-sizing: border-box;
    }

    #a-box3 {
        height: 60px;
        border-bottom: 1px solid #61380B; /*濃茶*/
        background-color: #61380B; /*濃茶*/
        font-size: 5vw;
        color: #FFFFFF;
        padding: 5px;
        float: left;
        box-sizing: border-box;
    }

    #a-box4 { /*ささやく*/
        height: 60px;
        border-bottom: 1px solid #007070; /*青緑*/
        background-color: #007070;
        font-size: 5vw;
        color: #FFFFFF;
        padding: 5px;
        float: left;
        box-sizing: border-box;
    }


    .btn2 { /*意見入力*/
        width: 95%;
        border: 3px solid #ffd6d6; /*濃紫*/
        background-color: #602652; /*明桃*/
        width: 100%;
        padding: 10px;
        color: #FFFFFF;
        /*    font-size: 30px;*/
        font-size: 5vw;
        text-align: center;
    }

    .btn4 { /*多肢択一入力*/
        width: 95%;
        border: 3px solid #47de8a; /*明緑#3CB371*/
        background-color: #266034; /*濃緑*/
        width: 100%;
        padding: 10px;
        color: #FFFFFF;
        font-size: 5vw;
        text-align: center
    }

    .btn5 { /*多肢複数選択入力*/
        width: 95%;
        border: 3px solid #FAAC58; /*明茶*/
        background-color: #61380B; /*濃茶*/
        width: 100%;
        padding: 10px;
        color: #FFFFFF;
        font-size: 5vw;
        text-align: center
    }

    .btn_br { /*ささやき入力 送信*/
        width: 95%;
        border: 3px solid #66cdaa; /*明青緑*/
        background-color: #007070; /*青緑*/
        width: 100%;
        padding: 10px;
        color: #FFFFFF;
        /*    font-size: 30px;*/
        font-size: 5vw;
        text-align: center
    }

}