@charset "UTF-8";
/*
mailformpro.css 変更箇所
*/

/* 画面 */
body {
	overflow-x: visible;	/* スクロールバーを初期値へ戻す */
}

/* チェックボックス */
form#mailformpro label.mfp_checked {
    padding: 3px;
    border: none;
    background-color: transparent;
    box-shadow: none;
}

form#mailformpro label.mfp_not_checked {
    padding: 3px;
    border: none;
}

/* ボタン */
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    text-shadow: none;
	font-size: 13px;
}


/* メールフォーム用テーブル */
table.mailinp{ border:8px solid #eee; width:100%;box-sizing:border-box;}
table.mailinp td{ padding:10px;border-bottom:1px solid #ccc;}
table.mailinp th{
	background-color:#f9f9f9; text-align:left;padding:10px 18px 10px 10px;border-bottom:1px solid #ccc;
}

@media screen and (max-width: 800px) {
/* メールフォーム用テーブル */
table.mailinp{  width:100%; margin:auto; table-layout:fixed;}
table.mailinp th, table.mailinp td{
	width:100%;
	display: block;
	padding:3% 5%;
}
/* ボックスサイズに合わせて改行 */
table.mailinp label span.prewrap{
	white-space: pre-wrap; 
}
}


/* 入力項目の制御 */
table.mailinp input{
	max-width: 95%;
}


/* 入力モードの制御 */
.ime_on { ime-mode: active; }	/* 初期値が日本語入力モードになります。 */
.ime_off{ ime-mode: inactive; }	/* 初期値が英数字入力モードになります。 */