/*PC用CSS*/
#answer{ /* 応答のセンタリング */
    padding:5px;
}

#bottom{/* 応答表示より下の要素のセンタリング */
    padding:5px;
}


input.inputarea {
    width: 95%;
}

table, th, td {
    border:none;
    width:auto;
}

.pic_box{
	padding:3px;
	text-align:center;
}
.pic_box>img{
	max-width:100%;
	max-height:60vh;
}

table, td, th {
    padding:5px;
    font-weight:normal;
    
    vertical-align: top;
    text-align: left;
}

th.leftC {
    width: 65%;
}
th.rightC {
    width: 35%;
}

td {
}

.cute {
color:#ff69b4;
}

.cool {
color:#00BFFF;
}

.passion {
color:#ff8c00;
}

.devil {
color:#006400;
}

.trainer{
color:#40FF00;
}

.comment {
color:#FF11FF;
}