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

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

/* ページ設定 */

@charset "utf-8";

*{ margin: 0; padding: 0; }

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

	/* 大枠 ---------------------------------------------------------- */

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

		/* 小窓 ----------------------------------------------------- */

		
		div.fixed{
				margin:0; padding:0; position:fixed; top:0;
				max-width: 390px; min-width :320px;
		}

		div.fixed-bottom{
				margin:0; padding:0; position:fixed; bottom:0;
				max-width: 390px; min-width :320px;

		}

			div.result{
				margin:5px; padding:5px 9px;
				max-width: 95%;
				line-height:121%; font-size:12px;
				background-color: lightyellow;
				border: medium solid silver;
				border-radius: 0.5em;
			}

			div.back{
				margin:0px; padding:24px 15px;
				max-width: 95%;
			}

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


		/* ブロック単位  */

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

		div.bottom{
				margin:0; padding:15px;
				line-height:132%;
				font-size:0.7em; text-align:center;
				background-color:green;
				color:#fff;
		}

		div.main{
				margin:0; padding:15px 15px;
				line-height:192%; font-size:1.0em;
				background-color:#f3fff3;
		}

		div.sub{
				margin:0; padding:15px 15px;
				line-height:161%; font-size:1.0em;
				background-color:#ebfeeb;
		}

		div.com{
				margin-bottom:7px; padding:11px 11px;
				line-height:161%;
				border-radius: 0.8em;
				border: solid 2px lime;
				font-size:12px;
				background:linear-gradient(to bottom, white 85%, lightgray );
				color:#555;
		}

		/* フォーム ブロック要素 大枠（divと同様） -------------- */

		form{ margin:0; padding:0; } 

			input[type="text"] {
					margin:0px; padding: 7px 5px; width: 77%;
					border: solid 3px lightgray;
					border-radius: 0.5em;
					font-size: inherit;
					font-size:0.85em;
					background-color:white; color:#555;
			}

			textarea{
					font-family: Meiryo,"Hiragino KaKu Gothic ProN", "Hiragino Sans",sans-serif;
					margin-top: 5px; margin-bottom: 5px; padding: 5px 5px; width: 90%;
					border: solid 3px lightgray;
					border-radius: 0.5em;
					font-size: inherit;
					font-size:0.85em;
					background-color:white; color:#555;
			}

			/* 帖文画面 案内フレーム シングル枠 */

			div.hit-single-normal{
				margin: 0; margin-bottom: 5px;
  				padding: 11px; min-height: 32px;
				line-height:121%;
				border-radius: 0.5em;
				border:solid 1px #c0ffc0;
				background-color:#d0ffd0;
			}

			/* サーチ画面 ヒット専用フレーム 大枠 */

			div[ class*="hit-frame-" ]{
    			margin: 0; margin-bottom: 5px;
  				display: flex;
  				flex-wrap: wrap;
				border-radius: 0.5em;
			}

			div.hit-frame-normal{
				border:solid 1px #c0ffc0;
				background-color:#d0ffd0;
			}

			div.hit-frame-update{
				border: solid 3px lightgreen;
				background-color: lightyellow;
			}

			div.hit-frame-my{
				border: solid 3px lightgreen;
				background-color: #a0ffa0;
			}

			/* 認証画面 フレーム 大枠 */

			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{ /* 25% */
					margin: 0; padding: 0; width: 20%; min-height: 16px; background-color:black;
				}

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



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

				div.hit-sub-frameA{ /* 10% */
					margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;
					padding: 7px 0px; width: 10%; min-height: 24px; text-align:center;
					font-size:0.6em; line-height:100%;
				}

				div.hit-sub-frameB{ /* 65% */
					margin-top: 0px; margin-bottom: 0; margin-left: auto; margin-right: auto;
					padding: 4px 0px; width: 65%; min-height: 24px;
					font-size:1.15em; line-height:100%;
				}

				div.hit-sub-frameC{ /* 15% */
					margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;
					padding: 7px 5px; width: 15%; min-height: 24px; text-align: right;
					font-size:0.6em; line-height:132%; color: #999;
				}

				div.hit-sub-frameD{ /* 80% */
					margin-top: 0px; margin-bottom: 0; margin-left: auto; margin-right: auto;
					padding: 5px 0px; width: 83%; min-height: 24px;
					font-size:1.0em; line-height:100%;
				}


			/* ブロック単位 p */

			p.index{
				margin:0px 0px 9px 0px; padding:5px 9px;
				line-height:112%; font-style:normal; font-weight:bold;
				border-left:solid 9px palegreen;
			}


			/* リンク初期化 ----------------------------------------- */

			a:link   { padding: 0; text-decoration-line:none; font-weight: normal; }
			a:visited{ padding: 0; text-decoration-line:none; font-weight: normal; }
			a:hover  { padding: 0; text-decoration-line:none; font-weight: normal; }
			a:active { padding: 0; text-decoration-line:none; font-weight: normal; }

			/* リンク修飾 */

				a.btn{
					margin: 0; padding: 9px 11px;
					border: solid 3px lime;
					border-radius: 0.5em;
					font-size:0.8em;
					background:linear-gradient(to bottom, limegreen, green, darkgreen);
					color:#fff;
				}

				a.btn_sub{
					margin: 0; padding: 9px 11px;
					border: solid 3px lightgreen;
					border-radius: 0.5em;
					font-size:0.8em;
					background:linear-gradient(to bottom, white, white, silver);
					color:#555;
				}

				a.btn_choice{
					margin: 0; padding: 9px 11px;
					border: solid 3px dodgerblue;
					border-radius: 0.5em;
					font-size:0.8em;
					background: linear-gradient(to bottom, lightcyan, lightcyan, white, aqua);
					color: #555;
				}


			span.button_none{
				padding: 9px 11px;
				margin: 0;
				border: solid 3px darkgray;
				border-radius: 0.5em;
				font-weight: normal;
				font-size:0.8em;
				background:linear-gradient(to bottom, lightgray, silver);
				color:gray;
			}

			/* 入力 */

			button{
				padding:5px 9px;
				font-size:1.0em;
				background-color: #55f; color: #fff;
				border: none;
				border-radius: 0.5em;
			}



			/* 段落・区分 ------------------------------------------- */

			/* テキスト単位 */

			span.text{ font-weight: normal; font-size:0.65em; color:#999; }

			span.search{ /* 検索ヒット部分修飾 */
				padding: 2px 5px;
				font-weight:bold;
				background:linear-gradient(to bottom, green, darkgreen, black);
				color:#fff;
			}

			span.red{    /* (赤)細字 */
				font-style:normal;
				color:#ff0000;
			}

			span.pink{   /* (桃)太字 */
				font-style:normal; font-weight:bold;
				color:#ff00ff;
			}

			span.orange{ /* (橙)太字 */
				font-style:normal; font-weight:bold;
				color:#ff8c00;
			}

			span.green{  /* (緑)太字 */
				font-style:normal; font-weight:bold;
				color:#00cc00;
			}

			span.blue{   /* (青)太字 */
				font-style:normal; font-weight:bold;
				color:#0000cc;
			}

			b{           /* (黒)太字 */
				font-style:normal; font-weight:bold;
			}






			u{      /* (黒)細字 */
				text-decoration-line:none;
				background: linear-gradient(transparent 89%, #eee 0%, #ddd, #bbb, #999);
			}

			u.rainbow{ /* リンク(虹) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ff9999 0%, #ffff77, #99ff99, #ddddff, #eaadea);
			}

			u.red{ /* リンク(赤) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ffaaaa 0%, #ff9999, #ff9999, #ff9999, #ff8888, #ff7777);
			}

			u.pink{ /* リンク(桃) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ff8fcf 0%);
			}

			u.blue{ /* リンク(青) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #bbbbff 0%);
			}

			u.aqua{ /* リンク(水) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #99ffff 0%);
			}

			u.yellow{ /* リンク(黄) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ffff77 0%);
			}

			u.green{ /* リンク(緑) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #99ff99 0%, #99ff99, #99ff99, #99cc99);
			}

			u.orange{ /* リンク(柿) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ffbb3d 0%);
			}

			u.plum{ /* リンク(紫) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #eaadea 0%);
			}

			u.gold{ /* リンク(金) */
				font-style:normal;
				background: linear-gradient(transparent 63%, khaki 0%, khaki, white, khaki, goldenrod, goldenrod);
			}

			u.silver{ /* リンク(銀) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #e5e5e5 0%, #e5e5e5, white, #e5e5e5, #c5c5c5, #c5c5c5);
			}

			u.khaki{ /* リンク(カーキ) */
				font-style:normal;
				background: linear-gradient(transparent 63%, khaki 0%);
			}

			u.ayellow{ /* リンク(水⇒黄) */
				font-style:normal;
				background: linear-gradient(transparent 63%, aqua 0%, yellow);
			}

			u.yred{ /* リンク(黄⇒赤) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ffff33 0%, red);
			}

			u.pred{ /* リンク(紫⇒赤) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #eaadea 0%, red);
			}

			u.ablue{ /* リンク(水⇒青) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #99ffff 0%, #5555ff);
			}

			u.ygreen{ /* リンク(黄⇒緑) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ffff33 0%, #77ff77);
			}

			u.pyellow{ /* リンク(紫⇒黄) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #eaadea 0%, yellow);
			}

			u.rplum{ /* リンク(赤⇒紫) */
				font-style:normal;
				background: linear-gradient(transparent 63%, #ff5555 0%, #BA55D3);
			}