@charset "utf-8";

/*******************************************************************************
                                    set3
********************************************************************************/
.wcygy-vitamins {width:650px;}
.wcygy-vitamins .box-line {width:80%;margin:1rem auto;padding:10px;text-align:center;}
.wcygy-vitamins .box-line .drag-item {display:block;width:31%;float:left;margin:1%;}
.wcygy-vitamins .tbl-basic td {padding:10px;vertical-align:top;line-height:180%;}
.wcygy-vitamins .tbl-basic td strong {display:block;margin-bottom:0.5rem;}
.wcygy-vitamins .tbl-basic td .num {display:inline-block;width:15%;vertical-align:middle;}
.wcygy-vitamins .tbl-basic td .slot {display:inline-block;width:80%;margin:0;vertical-align:middle;}

.table-writing1 {width:100%;}
.table-writing1 table {width:100%;border:1px solid #b9c4d9;font-size:.82rem;border-spacing:0;border-collapse:collapse;}
.table-writing1 table caption {margin-bottom:10px;}
.table-writing1 table thead th {padding:10px;background:#b9c4d9;}
.table-writing1 table tbody th {width:25%;padding:10px;border-bottom:1px solid #b9c4d9;}
.table-writing1 table tbody td {border-bottom:1px solid #b9c4d9;text-align:center;}

.writeABC .box-line {width:550px;max-width:100%;}
.writeABC .box-line p + p {margin-top:0.5rem;}
.writeABC .box-line .order {font-weight:bold;margin-right:0.5rem;}
.writeABC .question {position:relative;width:550px;max-width:100%;padding-right:70px;box-sizing:border-box;}
.writeABC .question input[type="text"] {position:absolute;top:0;right:0;width:50px;float:right;text-transform:uppercase;text-align:center;}

.given-text .num {display:inline-block;vertical-align:middle;margin-bottom:10px;}
.given-text .num + .slot {display:inline-block;width:90%;vertical-align:middle;margin-left:5px;}
.given-text .num + .slot.drag-enter {display:inline-block;}