@charset "UTF-8";

/* ************************************************ */
/* 入力領域 */
/* ************************************************ */
.form dt { }
.form dd { margin-bottom:1em; }

.form :placeholder-shown
,.form ::-webkit-input-placeholder
{
	color:#aaa;
}

.form input[type="text"], .form input[type="mail"], .form input[type="password"] {
	width:90%;
	max-width:40em;
	color:#444;
	font-size:1.1em;
	line-height:1.5em;
	padding:.3em .5em;
	-webkit-appearance:none;
	border-style:none;
	box-sizing:border-box;
	border:1px solid #aaa;
}
.form input.ui-state-error, .form textarea.ui-state-error {
	color:black;
}
.form input[type="password"] {
	width:70%;
}
.form textarea {
	width:90%;
	color:#444;
	font-size:1.1em;
	line-height:1.2em;
	height:7em;
	padding:.5em;
	box-sizing:border-box;
}

.form select {
	position:relative;
	padding:.4em .3em;
}

.form > form > ul > li {
	padding:1em .5em;
	border-bottom:1px dotted gray;
	box-sizing:border-box;
}
.form > form > ul > li:first-child { border-top:1px dotted gray; padding-top:1em; }

.form > form > ul > li:nth-child(odd) {
	background:rgba(250,243,243,1);
}

.form > form > ul > li p {
	margin:0;
	padding:0;
	color:#666;
	font-size:.85em;
}
.form > form > ul > li p::before { content:"※"; }

.form > form > ul > li > label {
	display:block;
}
.form .require::after {
	content:"*";
	font-size:1.2em;
	color:red;
}
.form .require-desc {
	content:"*";
	font-size:1.2em;
	color:red;
}

.form .ui-button-text { font-size:.85em; }
.form .ui-buttonset { vertical-align:middle; }
.form .ui-buttonset .ui-button { margin-right:0; }

.err { font-size:.9em; margin:.2em 0; padding:.2em .3em; color:red; display:none; background:#ffe0e0; }



/* ************************************************ */
/* スマホ対応 */
/* ************************************************ */
body.mode-sp .form input[type="text"], body.mode-sp .form input[type="mail"], body.mode-sp .form input[type="password"] {
	font-size:.95em;
	width:100%;
}
body.mode-sp .form textarea { font-size:1em; width:100%; }