/* dream.php出力ページ用CSS */

fieldset{
	border:none;
}
legend{
	font-weight:bold;
	color:#60E277;
	margin:0;
	padding:0;}

label{
	margin-right:0.3em;
}

ul.prosess li{ display:inline; }


form.changeName li input {
	font-family: 'Noto Sans JP', 'Alegreya Sans', Meiryo, メイリオ, sans-serif;
	font-weight: 900;
	-webkit-appearance: none;/* IOS用 */
}

form.changeName li input[type=text] {
	color: #EABA22;
}


@media screen{

	form.changeName, form.changeName fieldset,
	form.changeName ul, form.changeName li,
	form.changeName p
	{
		margin: 0; padding: 0; border: none; background: none;
		font-weight: normal; font-style: normal;
	}

	form.changeName
	{
		/* width: 15em; *//* 横幅次第でフォームの並ぶ数も変わる */
	}

	form.changeName legend
	{
		display: none;
	}

	form.changeName ul, form.changeName li,
	form.changeName p, form.changeName label
	{
		display: inline;
	}
	form.changeName li label
	{
		display: none; /*項目名を非表示にする場合は inline を none に*/
	}
	form.changeName input,
	form.changeName select
	{
		vartical-align: middle;
	}
	form.changeName li input, form.changeName li select
	{
		margin: 0 .7em 0 .25em;
	}
	form.changeName .process
	{
		display: inline; /* 実行フォームだけ下にやりたい場合は inline をblock */
		margin-top: .2em;
	}
	form.changeName .process label
	{
		margin-right: 0.4em;
	}
	form.changeName .process input
	{
		margin: 0 .2em 0 0; cursor: pointer;
	}

}