/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/* ゲーム画面エリア */	
.game-inline-area {
    text-align: center;
}

/* ゲーム画面インラインフレームのサイズ設定 */
.game-preview {
    width: 80%;
    height: 750px;  /* コンテンツ全体が収まるように調整 */
}

/* スマートフォン用画面に遷移するボタン */
.smart-game-window {
	display: none;
}

/*1300px以上1599px以下 <- 中間サイズ対応*/
@media screen and (min-width: 1300px) and (max-width: 1599px){
	/* ゲーム画面インラインフレームのサイズ設定 */
	.game-preview {
		width: 100%;
		height: 850px;  /* コンテンツ全体が収まるように調整 */
	}
}
/*1600px以上 <- 大画面用*/
@media screen and (min-width: 1600px){
	/* ゲーム画面インラインフレームのサイズ設定 */
	.game-preview {
		width: 89%;
		height: 1050px;  /* コンテンツ全体が収まるように調整 */
	}
}

/*1023px以下*/
@media screen and (max-width: 1025px){
	/* ゲーム画面インラインフレームのサイズ設定 */
	.game-preview {
		width: 100%;
		height: 650px;  /* コンテンツ全体が収まるように調整 */
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	/* ゲーム画面インラインフレームのサイズ設定 */
	.game-preview {
		width: 100%;
		height: 630px;  /* コンテンツ全体が収まるように調整 */
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	/* ゲーム画面インラインフレームのサイズ設定 */
	.game-preview {
		width: 100%;
		height: 300px;
	}
	/* スマートフォン用画面に遷移するボタン */
	.smart-game-window {
		display: contents;
	}
}