@charset "utf-8";/*words-test03.css 更新2017/06/26*/#btn,#btn2:hover,p.hpeng-buttons button:hover{opacity:.8}#btn,#btn2,#hako,.flcol{text-align:center}p.hpeng-buttons button{color:#fff;border:0;width:160px;padding:5px;font-size:18px;cursor:pointer}p.hpeng-buttons button.ja{background-color:#8B0A09}p.hpeng-buttons button.en{background-color:#193875}td.hpeng-td-en span.cover,td.hpeng-td-ja span.cover{width:120px;background-color:#fff;color:#333;padding:5px 10px;cursor:pointer}table tbody th,table td,table thead th{padding:10px;vertical-align:top}table{border-collapse:collapse;text-align:left;line-height:1.5}table thead th{font-weight:700;color:#369;border-bottom:3px solid #036}table tbody th{width:150px;font-weight:700;border-bottom:1px solid #ccc;background:#f3f6f7}table td{width:350px;border-bottom:1px solid #ccc}#hako{margin:10px auto}#btn,#btn2{width:200px;margin:0 auto;padding:7px;border-radius:5px;background:#B4D0DC;box-shadow:0 4px 0 #a2bbc6;cursor:pointer;display:inline-block}.flcol{background:#e0e0e0}#card{margin:60px auto 20px;width:400px;height:150px;cursor:pointer;perspective:100px;transform-style:preserve-3d;transition:transform .8s}#card-back,.open{transform:rotateY(180deg)}#card-back,#card-front{display:block;width:100%;height:100%;border-radius:5px;position:absolute;text-align:center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}#card-front{background:snow;color:#333;font-size:150%;line-height:150px}#card-back{background:ivory;color:#333;line-height:70px;font-size:120%}#hon p{margin:0 auto;padding:5px}@media screen and (max-width:480px){#btn,#btn2,#hako{text-align:center}#card{margin:10px auto}#card-back{transform:rotateY(180deg)}#card-back #card,#card-front{width:400px;height:150px;float:left;display:block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}#hako{margin:10 auto}#btn,#btn2{width:140px;margin:auto;padding:3px;border-radius:5px;background:#B4D0DC;box-shadow:0 4px 0 #a2bbc6;cursor:pointer;display:inline-block}}@media screen and (max-width:320px){#btn,#btn2,#hako{text-align:center}#card{margin:10px auto;width:300px;height:150px}#card-back,#card-front{width:90%;height:150px;float:left;display:block;margin-left:0； margin-right:　auto； margin-top: 10px;margin-bottom:10px;-ms-backface-visibility:hidden;backface-visibility:hidden}#card-back{transform:rotateY(180deg)}#hako{margin:15px auto}#btn,#btn2{width:120px;margin-top:10px;margin-right:10px;padding:4px;border-radius:5px;background:#B4D0DC;box-shadow:0 4px 0 #a2bbc6;cursor:pointer;display:inline-block}}