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; box-sizing: border-box; 
}
form.changeName input,
form.changeName select{ vertical-align: middle; font-size: 100%; max-width: 100%; box-sizing: border-box; }
form.changeName label,
form.changeName select,
form.changeName .process input{ cursor: pointer; }
form.changeName .process input[type="radio"]{ margin:0; }

form.changeName
{
	width: max-content; max-width: 100%;
	margin: 1em auto; 
}

form.changeName legend{ display: none; }
form.changeName p.dream-noCookie{ margin-bottom: 1em; font-size: small; }
form.changeName ul{ list-style:none; margin:0; }

/* 入力・選択フォームレイアウト */
form.changeName ul:not([class]){
	display: flex; 
	flex-wrap: wrap;
	flex-direction: column; /* row:横並び | column:縦並び */
	justify-content: center; /* flex-start:左寄せ | center:真ん中 | flex-end:右寄せ */
	align-items: center;
	gap: 10px; /* 要素間のスペ―ス*/
}

form.changeName fieldset{ 
   display: flex; 
}
form.changeName .process { 
	align-items: normal;
}

/* 項目ラベル */
form.changeName ul:not([class]) label{ 
	min-width: 8em; 
	text-align: right;
}

/* 入力・選択フォーム */
form.changeName ul:not([class]) input,
form.changeName ul:not([class]) select{ 
	min-width: 12em;
}

/* 項目ラベルとフォームのレイアウト */
form.changeName ul:not([class])>li{ 
	display: flex;
	flex-direction: row; /* row:[項目][フォーム] | column:[項目]の下に[フォーム] | column-reverse:[フォーム]の下に[項目] */
	justify-content: center;
	align-items: center; /* center:rowにした場合のおすすめ | start/end: column時の位置揃え */
	gap: 0 5px;
}

/* 登録削除実行のレイアウト */
form.changeName .process
{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row; /* row:横並び column:縦並び */
	justify-content: center; /* flex-start:左寄せ center:真ん中 flex-end:右寄せ */
	align-items: center;
	gap: 5px 10px;
}
form.changeName .process>li:first-child{ order: 1; }/* 登録を後（右側or下側）に */

/* 登録実行ボタン */
form.changeName .process input[type="submit"]{ }

.formcnd{ 
		text-align: center;
	max-width:600px;
	box-shadow: none;
	margin: 0 auto;
	padding: 15px;
	color: #110200;
	background-color: #fff;
	border: 1px solid #fff; 
	border-radius: 13px;
	font-family: "Denk One", "Kosugi Maru","Noto Sans JP",serif;
}
.formcnd-1{ 
		color: #110200;
	margin: 10px 5px;
	padding: 10px 5px;
	width:150px;
	background: #E3DBCC;
	border: 2px solid #E3DBCC;
	border-radius: 13px;
	font-size: 18px;
}
form.changeName ul:not([class]){ 
   list-style: none;	
   display: flex; 
   flex-wrap: wrap;
   flex-direction: row; /* row:横並び column:縦並び */
   justify-content: stretch; /* flex-start:左寄せ center:真ん中 flex-end:右寄せ */
   gap: 10px; /* 要素間のスペ―ス*/
}

form.changeName ul:not([class]) label{
	    min-width: 5em;
    text-align: center;
	
}
/* 登録削除実行ボタンの装飾 */ 
.process input[type="submit"]{ 
	color: #948988;
	margin: 8px;
	padding: 8px;
	background: #E3DEDA;
	border: 2px solid #E3DEDA;
	border-radius: 13px;
	font-size: 18px;
		font-family: "Denk One", "Kosugi Maru","Noto Sans JP",serif;
}
.process input[type="submit"]:hover {
	color: #FAF8F2;
	background-color: #3D95DB;
	border: 2px solid #3D95DB;
	font-family: "Denk One", "Kosugi Maru","Noto Sans JP",serif;
}
.process{
    margin-bottom: auto;
}