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

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

@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:black; /* font-size:1.0em */
}

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

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

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

		div.head{
				margin:0; padding:15px 9px 9px;
				line-height:90%;
				font-size:1.35em; text-align:center;
				background-color:green;
				color:#fff;
		}

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

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


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


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

			div.flex-frame{
				margin: 0;
				display: flex; flex-wrap: wrap;
				line-height: 0; /* 行間を削除 */
				background-color:black;
			}


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

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

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

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

					a {
						display: block; /* <a>をブロック要素として扱い、コンテンツ全体がリンクとして機能するように */
						text-decoration: none; /* デフォルトのリンクの下線を消す */
					}

					a div {
						display: inline-block; /* <div>をインラインブロックにして、画像を適切に配置 */
						width: 100%; /* 必要なら画像が親の幅に合わせて調整 */
					}