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

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

/* ページ設定 */

@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%;
		color: #555; background-color: #ddd;
}

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

	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.fixed-bottom{
				margin:0; padding:0; position:fixed; bottom:0;
				max-width: 390px;

		}

			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:limegreen;
				color:#fff;
		}

		div.bottom{
				margin:0; padding:15px;
				line-height:132%;
				font-size:0.7em; text-align:center;
				background-color:limegreen;
				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.hit-single-normal{
				margin: 0; margin-bottom: 5px;
  				padding: 15px 9px; min-height: 32px;
				line-height: 121%;
				border-radius: 0.5em;
				border: solid 1px #c0ffc0;
				background-color: #d0ffd0;
				font-size:0.8em;
			}

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

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

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

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

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



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

				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; line-height:100%;
				}

				div.hit-sub-frameA2{ /* 25% */
					margin-top: 0px; margin-bottom: 0; margin-left: auto; margin-right: auto;
					padding: 7px 0px; width: 25%; min-height: 24px;
					font-size:1.0em; 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.0em; 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: green;
				}






			/* ＤＩＶ下位 --------------------------------- */

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

			b{
				font-style:normal;
				font-weight:bold;
			}

			u{
				text-decoration-line:none;
				font-style:normal;
				background: linear-gradient(transparent 72%, #ccc 0%);
			}

			u.green{    /* マーカー(緑) */
				background: linear-gradient(transparent 63%, #99ff99 0%);
			}

			u.white{     /* マーカー(白) */
				background: linear-gradient(transparent 72%, palegoldenrod 0%);
			}

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

			span.green{
				font-style:normal; font-weight:bold; color: green;
			}


			/* リンク修飾 */

			a{
				text-decoration-line:none;
				color:#00f;
			}

			a.button{
				padding: 7px 8px;
				margin: 0;
				border: solid 3px lime;
				border-radius: 0.5em;
				font-weight: bold;
				font-size:0.85em;
				background:linear-gradient(to bottom, limegreen, green, darkgreen);
				color:#fff;
			}

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