@charset "utf-8";



input,
select {
    border:1px solid #333333;
    color:#333333;
    margin:3px;
}


/**********************************************************
 * テキスト入力
  * memo
 * ・font-sizeが12px以下のフィールドに入力を開始すると、iPhone
 *   が自動的にズームインして見やすくしようとする場合がある
 **********************************************************/
input.input_text {
	width: 98%;											/* 幅 */
	margin: 4px 0px 4px 6px;										/* 周囲の余白 (上: 右: 下: 左:)*/
	padding: 3px;											/* 枠線内の余白 */
	font-size: 16px;											/* フォントサイズ */
	border: solid 2px #e1e3e8;								/* 枠線のスタイル */
	border-radius: 4px;										/* 角丸 */
}

input.input_location {
    width: 98%;
	margin: 8px 0px 8px 6px;										/* 周囲の余白 (上: 右: 下: 左:)*/
    padding: 6px 6px 6px 30px; /* 左側にアイコンがある場合 */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: url('../img/icon_location_on_180dp_1F1F1F.png') no-repeat 5px center;
    background-size: 20px 20px;
}
input.input_search {
    width: 98%;
	margin: 8px 0px 8px 6px;										/* 周囲の余白 (上: 右: 下: 左:)*/
    padding: 6px 6px 6px 30px; /* 左側にアイコンがある場合 */
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: url('../img/icon_search_180dp_1F1F1F.png') no-repeat 5px center;
    background-size: 20px 20px;
}

input.input_number {
	width: 30%;											/* 幅 */
	margin: 3px 0px;										/* 周囲の余白 (上下 | 左右)*/
	padding: 0.5em;											/* 枠線内の余白 */
	font-size: 1em;											/* フォントサイズ */
	border: solid 2px #e1e3e8;								/* 枠線のスタイル */
	border-radius: 4px;										/* 角丸 */
}

input.input_chat {
	width: 98%;											/* 幅 */
	margin: 4px 0px 4px 6px;										/* 周囲の余白 (上: 右: 下: 左:)*/
	padding: 3px;											/* 枠線内の余白 */
	font-size: 16px;											/* フォントサイズ */
	border: solid 2px #e1e3e8;								/* 枠線のスタイル */
	border-radius: 4px;										/* 角丸 */

	flex: 1;
	border: none;
	outline: none;
}

/**********************************************************
 * グラフィックの submit ボタン
 **********************************************************/
 input.input_image {
	height: var(--size_icon);
	width: var(--size_icon);
	/*margin-top: 10px;*/
	/*margin: 0 auto;*/  /* 水平方向の中央寄せ */
	cursor: pointer;
	border:none;												/* 枠線なし */
}