*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:1}ul{list-style:none}img{vertical-align:bottom}strong,em{font-weight:normal}html{height:100%}body{height:100%;font-size:1em;text-align:center}#game-container{display:inline-block;position:relative;height:724px;border:solid 2px #eee;margin:100px auto 120px}@media screen and (max-width:520px){#game-container{width:100%;height:90vh}}#game-container .control-button{display:table;width:160px;height:160px;border:solid 2px #333;border-radius:50%;margin:0 auto;background:rgba(255,255,255,0.9);cursor:pointer;z-index:8000}#game-container .control-button .text{display:table-cell;vertical-align:middle;font-size:110%;font-weight:bold}#game-container #game-logo{display:none;position:absolute;top:20px;right:20px;transform:rotate(15deg);width:180px}#game-container #game-logo img{width:100%}#game-container.scene-start #game-logo{display:block}#character-surface{width:600px;height:720px;background-image:url("../img/animation/standby-free.gif")}@media screen and (max-width:520px){#character-surface{width:auto;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}}#character-surface.mode-milking-standby{background-image:url("../img/animation/standby.gif")}#character-surface.mode-milking{background-image:url("../img/animation/milking.gif")}#control-panel{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}#control-panel > .inner{position:relative;height:100%;text-align:center}#control-panel .control-button{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%)}#control-panel #button-milking{width:100px;height:100px}#time-panel{display:table;position:absolute;top:10px;right:10px;z-index:1}#time-panel #status-time{display:table-cell;position:relative;width:70px;height:70px;border-radius:50%;vertical-align:middle;font-size:165%;line-height:1.8rem;background-color:#333;color:#fff;z-index:3}#time-panel #status-time.hurryUp{background-color:#d03a3a}#status-panel{position:absolute;top:10px;left:10px}#status-panel #status-milk-graph{width:40px;height:360px;border:solid 2px #333;border-radius:3px}#status-panel #status-milk-graph .milk-gage{position:relative;width:100%;height:100%;padding-top:10px}#status-panel #status-milk-graph .milk-gage .gage{display:block;content:'';position:absolute;right:0;bottom:0;left:0;width:100%;height:0%;max-height:100%;background-color:#f2edda;z-index:1}#status-panel #status-milk-gage{position:relative;font-size:70%;font-weight:bold;line-height:1rem;z-index:2}#status-panel #status-milk-gage span{display:block}#scene-total-container{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.9);z-index:2000}#scene-total-container.disp-table{display:table !important}#scene-total-container .control-button{margin-bottom:20px}#scene-total-container .container-inner{display:table-cell;vertical-align:middle;text-align:center}#scene-total-container #total-value{margin-bottom:30px;font-weight:bold;font-size:125%}#scene-total-container #total-value .value{padding-right:3px;font-size:185%}#scene-total-container #total-bottle .bottle-surface{display:inline-block;position:relative;width:15%;min-height:70px;margin-bottom:20px}#scene-total-container #total-bottle .bottle-surface::before{content:'';position:absolute;bottom:3px;right:0;left:0;width:30px;height:45px;margin:0 auto;background-color:#ece5cb;z-index:90}#scene-total-container #total-bottle .bottle-surface .bottle{display:block;position:absolute;width:36px;height:70px;right:0;bottom:0;left:0;margin:0 auto;background-image:url("../img/game/icon-bottle.png");background-repeat:no-repeat;background-size:cover;z-index:100}