/*文字サイズのCSS変数定義*/
html {
	--fontSS-font-size: clamp(0.6rem, calc(0.4rem + 0.625vw), 1rem);
	--fontS-font-size: clamp(0.9rem, calc(0.8rem + 0.625vw), 1.5rem);
	--fontM-font-size: clamp(1.2rem, calc(1rem + 0.625vw), 1.6rem);
	--fontML-font-size: clamp(1.6rem, calc(1.4rem + 0.625vw), 2rem);
	--fontL-font-size: clamp(2rem, calc(1.8rem + 0.625vw), 2.4rem);
	--fontLL-font-size: clamp(4rem, calc(3.6rem + 0.625vw), 5rem);
}

/*最小値:0.6rem → 可変（0.6rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1rem*/
.fontSS {
	font-size: var(--fontSS-font-size) !important;
}

/*最小値:0.9rem → 可変（0.9rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.5rem*/
.fontS {
	font-size: var(--fontS-font-size) !important;
}

/*最小値:1.2rem → 可変（1.2rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.6rem*/
.fontM {
	font-size: var(--fontM-font-size) !important;
}
/*最小値:1.6rem → 可変（1.4rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:2rem*/
.fontML {
	font-size: clamp(1.6rem, calc(1.4rem + 0.625vw), 2rem) !important;
}
/*最小値:2rem → 可変（2rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:2.4rem*/
.fontL {
	font-size: var(--fontL-font-size) !important;
}

/*最小値:4rem → 可変（4rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:5rem*/
.fontLL {
	font-size: var(--fontLL-font-size) !important;
}

body {
	background-color: #FCF1CC;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
	font-weight:500;
	margin: 0;
}

form.inline {
	display: inline;
}

input[type=text], input[type=password], select, textarea {
	font-size       : 100%;
	margin          : 1px;
	background-color: #FFFFFF;
	border-width    : 1px;
	border-color    : #888888;
	border-radius   : 2px;
	border-style    : solid;
	vertical-align: middle;/*iOS17のバグ対応の為に設定*/
}

input[type=text], input[type=password], textarea {
	padding: 3px;
}

textarea {
	font-size: var(--fontM-font-size) !important;
}

select {
	padding: 0px 0px 0px 3px;
}

/* ×ボタンを消す */
input::-ms-clear {
	display: none;
}

/* パスワード表示ボタンを消す */
input::-ms-reveal {
	display: none;
}

/* 3桁カンマ用テキストボックス */
input.money_comma {
	text-align: right;
}

/* フォーカス時は黄色 */
input[type=text]:focus, input[type=password]:focus, select:focus {
	background-color: #ffffe0;
	outline-style: none;/* Chromeでアウトラインが付くのを防ぐ */
}

input::-webkit-input-placeholder {
	font-size: var(--fontS-font-size) !important;
	color: silver;
	font-weight: bold;
	opacity: 100%;
	padding-left: 1vw;
}

input:-moz-placeholder {
	font-size: var(--fontS-font-size) !important;
	color: silver;
	font-weight: bold;
	opacity: 70%;
	padding-left: 3vw;
}

input:-ms-input-placeholder {
	font-size: var(--fontS-font-size) !important;
	color: silver;
	font-weight: bold;
	opacity: 70%;
	padding-left: 3vw;
}

textarea::-webkit-input-placeholder {
	font-size: var(--fontS-font-size) !important;
	color: silver;
	font-weight: bold;
	opacity: 100%;
	padding-left: 1vw;
}

textarea:-moz-placeholder {
	font-size: var(--fontS-font-size) !important;
	color: silver;
	font-weight: bold;
	opacity: 70%;
	padding-left: 3vw;
}

textarea:-ms-input-placeholder {
	font-size: var(--fontS-font-size) !important;
	color: silver;
	font-weight: bold;
	opacity: 70%;
	padding-left: 3vw;
}