/* ページ設定 ------------------------------------------------------- */

/* マージン・パディング [上][右][下][左] */

@charset "utf-8";

* { margin: 0; padding: 0; }

body{

  -webkit-user-select: none; /* テキスト選択を無効化 */
  -webkit-touch-callout: none; /* 長押しメニューを無効化 */
  user-select: none; /* テキスト選択を無効化（他のブラウザー用） */
  touch-callout: none; /* 長押しメニューを無効化（他のブラウザー用） */

	margin: 0; padding: 0;
	font-family: Meiryo,"Hiragino KaKu Gothic ProN", "Hiragino Sans",sans-serif;
	width:100%; font-size:100%;
	color: #555; background-color: #ddd; /* font-size:1.0em */
}

	/* ページ構成枠 ------------------------------------------------- */

	div.container {
		margin-top: auto; margin-bottom: auto; margin-left: auto; margin-right: auto;
		padding: 0; max-width: 576px; min-width :288px;
		line-height: normal;
		background-color: #aaa;
	}

		/* ブロック単位 コンテンツ ---------------------------------- */

		div.main{
			margin: 0; padding:0px 0px;
			background-color:#f3fff3;
		}

		div.sub{
			margin: 0; padding:0px 0px;
			background-color:#ebfeeb;
		}


			/* コンテンツ 下位 -------------------------------------- */


			/* プレイ画面 フレーム 大枠 */

			div.flex-frame{
				margin: 0; margin-bottom: 5px;
				display: flex; flex-wrap: wrap;
				line-height: 0; /* 行間を削除 */
				/* border: solid 9px lightgreen; */
				background-color:#d0ffd0;
				/* border-radius: 0.5em; */
			}


				/* ユーザーフレーム 中枠 色指定しない -------------- */
				/* マージン・パディング [上][右][下][左] */

				div.sub-frame-016{
					margin: 0; padding: 0; width: calc(16/576*100%);
					background-color: black;
				}

				div.sub-frame-032{
					margin: 0; padding: 0; width: calc(32/576*100%);
					background-color: black;
				}

				div.sub-frame-048{
					margin: 0; padding: 0; width: calc(48/576*100%);
					background-color: black;
				}

				div.sub-frame-064{
					margin: 0; padding: 0; width: calc(64/576*100%);
					background-color: yellow;
				}

				div.sub-frame-080{
					margin: 0; padding: 0; width: calc(80/576*100%);
					background-color: yellow;
				}

				div.sub-frame-096{
					margin: 0; padding: 0; width: calc(96/576*100%);
					background-color: yellow;
				}

				div.sub-frame-128{
					margin: 0; padding: 0; width: calc(128/576*100%);
					background-color: silver;
				}

				div.sub-frame-168{
					margin: 0; padding: 0; width: calc(168/576*100%);
					background-color: silver;
				}

				div.sub-frame-448{
					margin: 0; padding: 0; width: calc(448/576*100%);
					background-color: black;
				}

				div.sub-frame-576{ /* 100% (576)*/
					margin: 0; padding: 0; width: 100%;
					background-color: black;
				}


				div.bom-frame-064{
					margin: 0; padding: 0; width: calc(64/448*100%);
					background-color: green;
				}


			/* コンテンツ 下位 --------------------------------- */

					img {
  						display: block;
						margin: 0; padding: 0; width: 100%;
					}