@charset "utf-8";

/*--------------------------------------------------
*
* 	main
*   MEMO: spはとりあえず統合で（サイズ関係なしでゲームはタブ・SP表示）
*
*--------------------------------------------------*/
#game-container { display:table; width:100%; height:100%; }

#gameSurfaceContainer { width:100%; height:100%; }
#gameSurfaceContainer > .gameInr { position:relative; width:100%; height:100%; }
#gameSurfaceContainer #judgePanel { position:absolute; width:100%; height:100%; }
#gameSurfaceContainer .surface { position:absolute; width:100%; height:100%; text-align:center; }
#gameSurfaceContainer .surface img { width:auto; height:auto; max-width:100%; max-height:100%; }
#gameSurfaceContainer #beforeSurface { z-index:2; }
#gameSurfaceContainer #afterSurface { z-index:1; }
#gameSurfaceContainer #flowPanel { width:100%; height:3px; background-color:#39dddd; transition:.3s; }
#gameSurfaceContainer #flowPanel.hard { background-color:#d22b2b; }
#gameSurfaceContainer .message {  top:30px; left:20px; min-width:220px; padding:30px 20px 20px; font-size:100%; }

#sceneStart #gameTtl { width:85%; }
#sceneStart #gameStartBtn { width:68%; font-size:100%; }

#sceneSelect { padding:20px 10px; }
#sceneSelect #gameSelectWrap .gameSelectItem { height:140px; width:49%; margin-right:2%; margin-bottom:2%; }
#sceneSelect #gameSelectWrap .gameSelectItem:nth-child(3n) { margin-right:2%; }
#sceneSelect #gameSelectWrap .gameSelectItem:nth-child(2n) { margin-right:auto; }
#sceneSelect #gameSelectWrap .gameSelectItem.lock::before { background-size:30px; }

/*--------------------------------------------------*/