@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

/*=========================================
      container
=========================================*/
#container{ max-width:900px; width:90%; margin:0 auto; overflow:hidden;}


/*=========================================
	フォーム
=========================================*/
#formArea{ margin:0 0 50px;}
#formArea .txt{ margin:0 0 20px;}
#formArea .fBlock{ padding:15px 20px; margin:0 0 30px; background:#eee;}
#formArea .fBlock .h{ font-weight:bold;}

#formArea table.fm{ width:100%; color:#000;}
#formArea table.fm tr{ border-top:1px solid #999; vertical-align:top;}
#formArea table.fm th{ width:25%; padding:30px 0; font-weight:bold;}
#formArea table.fm td{ padding:30px 0;}
#formArea table.fm td .item{ margin:0 0 15px;}
#formArea table.fm td .item:last-child{ margin:0;}

/*共通*/
input[type="text"],
input[type="tel"],
textarea{ width:97%; padding:5px 1%; border:none; background:#ffe1f0; border-radius:3px; line-height:1.3;}
input:focus,
textarea:focus { outline:1px solid #e7368e;}
/*RADIOBTN*/
input[type="radio"]{ margin:0 5px 0 1px;}
/*CHECKBOX*/
input[type="checkbox"]{ margin:0 5px 0 1px;}
/*SELECT*/
select{ border:1px solid #ddd; width:200px;}
select.prefecture{ margin:0 0 15px;}
/*INPUT*/
input[type="text"],
input[type="tel"]{ height:30px;}
input.wMdl{ width:35%; margin:0 30px 0 10px;}
input.addNmb{ width:20%; margin:0 10px;}
/*TEXTAREA*/
textarea{ height:200px;}
/*サブテキスト*/
table.fm td .subTxt{ font-size:85%; margin:7px 0 0; color:#666; line-height:1;}
/*リスト*/
ul.formList{}
ul.formList li{}
/*入力モード指定*/
input.imeMode{ ime-mode: inactive;}/*英数字入力モード（変更可能）*/
/*必須*/
span.iconHissu{ display:inline-block; background:#ee0d52; color:#fff; font-size:10px; line-height:100%; padding:2px 3px; margin:0 4px 0 0; border-radius:1px;}
#formArea table.fm th span.iconHissu{ margin:0 0 0 4px;}
.red{ color:#b70011;}

/*確認BTN*/
.btnWrap{ text-align:center; margin:40px 0 0;}
.btnWrap .button{ width:250px; height:45px; border-style:none; background:#000; color:#fff; cursor:pointer; border-radius:3px; font-size:14px;}
.btnWrap #back{ background:#999;}
.btnWrap > span{ margin:0 4px;}
.btnWrap .button:hover{ opacity:0.8;}


/*========================================
	送信完了
=========================================*/
.completeBox{ text-align:center; line-height:2.0; margin:0;}
.completeBox .complete{ font-size:20px; margin:0 0 20px; letter-spacing:0.3em; color:#e7368e;}
.completeBox .home{ padding:30px 0 0; font-size:85%;}
.completeBox .home a{ text-decoration:underline;}





/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {


/*=========================================
      container
=========================================*/
#container{ max-width:inherit; width:auto;}


/*=========================================
	フォーム
=========================================*/
#formArea{ margin:0;}
#formArea .txt{ text-align:center; margin:0 3% 20px; font-size:90%; text-align:left;}
#formArea .fBlock{ margin:0 3% 20px;}
#formArea .fBlock .h{}

#formArea table.fm{}
#formArea table.fm tr{}
#formArea table.fm th{ display:block; width:auto; padding:10px 3%; font-size:14px; background:#333; color:#fff;}
#formArea table.fm td{ display:block; width:auto; padding:20px 3%;}

/*文字サイズ*/
select,
input[type="text"],
input[type="tel"],
textarea{ font-size:16px;}
::-webkit-input-placeholder{ font-size:12px;}
::-moz-placeholder{ font-size:12px;}
/*RADIOBTN*/
input[type="radio"]{}
/*CHECKBOX*/
input[type="checkbox"]{}
/*SELECT*/
select{ width:90% !important;}
/*INPUT*/
input[type="text"]{}
input.name{}
input.wMdl{ width:33%; margin:0 3% 0 1%;}
input.addNmb{ width:40%; margin:0 5px;}
/*TEXTAREA*/
textarea{ height:100px;}
/*サブテキスト*/
table.fm td .subTxt{}
/*リスト*/
ul.formList{}
ul.formList li{}
/*入力モード指定*/
input.imeMode{}/*英数字入力モード（変更可能）*/
/*必須*/
span.iconHissu{ font-weight:normal;}
/*確認BTN*/
.btnWrap{ text-align:center; margin:0 0 20px;}
.btnWrap input.button{ width:38%; height:35px; border-style:none; font-size:13px; -webkit-appearance:none;}


/*========================================
	送信完了
=========================================*/
.completeBox{ line-height:1.5; margin:0 3%;}
.completeBox .complete{ font-size:15px; margin:0 0 20px; letter-spacing:0.1em;}
.completeBox .home{ padding:10px 0 0;}
.completeBox .home a{}


}