:root{
		--base-font-size:		medium;			/* xx-small x-small small medium large x-large xx-large xxx-large */
		--base-font-color:		#eeeeee;
		--base-kaigyouhaba:		160%;
		--base-link-font-color: yellow;
}

/***********************************************************************************************************************************/

.ss:link{	 color:var(--base-link-font-color); text-decoration:none;	   font-weight:bold;   }	   /* 未訪問のリンク   */
.ss:visited{ color:var(--base-link-font-color); text-decoration:none;	   font-weight:bold;   }	   /* 訪問済みのリンク */
.ss:hover{	 color:white;						text-decoration:underline; font-weight:bold;   }	   /* カーソル直上	   */
.ss:active{	 color:white;						text-decoration:none;	   font-weight:bold;   }	   /* 押した瞬間	   */

/***********************************************************************************************************************************/

html{
		color:				var(--base-font-color);				/* 文字の色															*/
		font-size:			var(--base-font-size);				/* 文字の大きさ														*/
		line-height:		var(--base-kaigyouhaba);			/* 改行幅															*/
		letter-spacing:		normal;								/* 文字間隔 normal 1px 0.1em										*/
		word-spacing:		normal;								/* 単語間隔															*/
		font-weight:		normal;								/* 文字の太さ normal bold lighter									*/
		font-style:			normal;								/* スタイル	  標準（normal）イタリック体（italic）斜体（oblique）	*/
		font-family:		"Arial","メイリオ","sans-serif";
}

body{															/* outline: red 1px solid;	デバッグ用		*/
		margin:					0px 0px 0px 0px;				/* マージン	  [上][右][下][左]				*/
		list-style-position:	outside;						/* リスト表示の位置指定 inside; outside;	*/
		background-image:		url("");
		background-color:		#262522;			/* 背景色									*/	/*	rgba(86, 86, 86, 0.6); 背景に限らず総ての色指定は、rgba指定により透明度を指定できる 0だと透明　0.9だとほぼ白 */
		background-repeat:		no-repeat;			/* 背景画像は繰り返さない					*/
		background-position:	center top;			/* 背景画像は中央の上						*/
		background-size:		auto;				/* 背景画像の大きさ							*/
													/*	auto		元の大きさのまま															*/
													/*	contain		元画像の縦横比は保持して、要素に元画像が全て収まるように調整してくれます。	*/
													/*	cover		元画像の縦横比は保持して、要素をちょうどよく覆うサイズにしてくれます。		*/
													/*	数値(px)	明示的にpxで大きさを調整します。											*/
													/*	数値(%)		要素に対しての割合で指定します。											*/
		background-attachment: local;				/* 背景画像をスクロールさせるか？															*/
													/*	scroll	背景を要素自身に固定。要素内をスクロールしても背景は固定						*/
													/*	fixed	背景を表示領域に固定。ページをスクロールしても背景は固定						*/
													/*	local	背景をコンテンツに固定。背景も一緒にスクロールする。							*/
}

table{
		background-color:	#302e2b;
		border:				0;
		frame:				"void";
		rules:				"none";
		cellspacing:		0;
		cellpadding:		0;
		}
}

img{
			border:		solid 0px black;
			margin:		0px 0px 0px 0px;			/* [上][右][下][左] */
}

#miracle-girl{
			width:		315px;
			height:		1405px;
			border:		0px;
}

/* 幅900px以上 **********************************************************************/
@media screen and (min-width:900px) {
	.mode-pc {	display:			}	/* 最初は inlineだったが、blockやinline-blockに変えてもうまくいかず、空白だとよくなった */
	.mode-sm {	display: none;		}

	table{		max-width: 900px;		/* 横幅の最大値 */
				min-width: 900px;		/* 横幅の最小値 つまりPC画面ではテーブル幅1000に固定 */
	}
}

/* 幅899まで *********************************************************************/
@media screen and (max-width:899px) {

	.mode-pc {	display: none;		}
	.mode-sm {	display:			}

	table{
				width:	100%;
	}
}