@charset 'UTF-8';
/* 変換フォーム用 */

@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; box-sizing: border-box; 
}


form.changeName input,
form.changeName select{ 
	margin: 10px 10px 10px 0px;
	padding: 10px 20px 8px 20px; 
	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: 0 0 3em; */ padding: 0 25px;
	/* border:1px solid #000; border-radius:10px; */
}

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 p + fieldset{ margin-top:1rem; }

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

/* 項目ラベル */
form.changeName ul:not([class]) label{ 
	min-width: 7em; 
	font-size: .85em; /* 文字サイズ */
	text-align: left;
}

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

/* 項目ラベルとフォームのレイアウト */
form.changeName ul:not([class])>li{ 
	display: flex;
	flex-direction: column; /* row:[項目][フォーム] column:[項目]の下に[フォーム] column-reverse:[フォーム]の下に[項目] */
	align-items: start; /* center:↑がrowのとき | start/end: ↑がcolumn（-reverse）のときお好きな方 */
	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: flex-end;
	gap: 5px;
	/* margin-top: 1em; */
}
form.changeName .process>li:first-child{ order: 1; }/* 登録を後（右側or下側）に */

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

}

button.dream_set {
    background: var(--secondary);
    color: var(--white);
    letter-spacing: 1px;
  padding: 10px 20px 8px 20px;
  /* border: 1px solid var(--secondary); */
  border-radius: 5px;
  margin: 10px 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -moz-transition: 0.2s;
}

button.dream_set:hover {
  cursor: pointer;
  background-color: var(--highlight);
}


@media screen and (min-width: 1025px), print{
fieldset {
            display: flex;
            list-style: none; /* デフォルトのリストスタイルを削除 */
            padding: 0; /* デフォルトのパディングを削除 */
        }


}

form.changeName > fieldset > ul > li > label {
    display: none;
}

.viewer-page {
    font-family: Meiryo, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 1.5rem;
    word-break: break-all;
    letter-spacing: 0px;
}