@charset "utf-8";

.errMes { display: block; color: #D10050; font-weight: bold; font-size: 110%;}

.questionnaire_box_ input[type="email"]{
    border: 1px solid #c0c0c0;
    width: 18em;
    height: 40px;
    margin: 20px 0;
}

.questionnaire_box_ input[name=user_name1],
.questionnaire_box_ input[name=user_name2],
.questionnaire_box_ input[name=user_name1_kana],
.questionnaire_box_ input[name=user_name2_kana] { width: 10em;}

.questionnaire_box_ input[name=tel1_user_tel],
.questionnaire_box_ input[name=tel2_user_tel],
.questionnaire_box_ input[name=tel3_user_tel] { width: 7em;}

.questionnaire_box_ input[name=zip1_user_zipcode],
.questionnaire_box_ input[name=zip2_user_zipcode] { width: 7em;}

.questionnaire_box_ select[name=user_birth_yy],
.questionnaire_box_ select[name=user_birth_mm],
.questionnaire_box_ select[name=user_birth_dd] { width: 9em;}

.colorRed { color: #D10050; }
.aC { text-align: center; }

.topCommentMessage { text-align: left; max-width: 800px; margin: 0 auto 3em;}

.formInputAlert { position: absolute; background: #D20050; color: #fff; font-size: 12px; padding: 3px; display: none; line-height: 1;}
.inputAlert { background: #FAE5ED !important;}


body { min-width: inherit;}

.spOnly { display: none;}

.questionnaire_box_ h2.common_headline2_ { padding: 5px 15px;}
.questionnaire_box_ h2.common_headline2_ img { margin-right: 5px;}
.questionnaire_box_ input[type="text"] { margin: 0 5px;}
.formdetail_ { width: 100%;}
.formdetail_ tr { height: auto;}
.questionnaire_ form { max-width: 800px; margin: 0 auto;}
.questionnaire_box_ table td { padding-left: 10px;}
.questionnaire_box_ select { margin: 0 5px; height: 30px;}
.questionnaire_box_ input[type="text"] { height: 30px;}
.questionnaire_box_ input[name=email1],
.questionnaire_box_ input[name=email_sub1] { width: 30%;}
.questionnaire_box_ input[name=email2],
.questionnaire_box_ input[name=email_sub2] { width: 40%;}

@media only screen and (max-width: 1024px){
}

@media only screen and (max-width: 768px){
	.common_div_ { width: auto;}
	
	br.spOnly { display: inline;}
	#box_top { width: auto;}
	.formdetail_ { width: 100%;}
	.formdetail_ tr { width: auto;}
	h1.common_headline1_ { font-size: 16px;}
	.topCommentMessage { padding: 0 12px; font-size: 11px;}

	.questionnaire_box_ { padding-left: 12px; padding-right: 12px; margin-bottom: 10px;}
	.questionnaire_box_ h2.common_headline2_ { padding: 10px 12px; font-size: 16px;}
	.questionnaire_box_ input[type="text"] { height: auto; padding: 5px;}
	.questionnaire_box_ select { padding: 5px;}

	.questionnaire_box_ input[name=user_address] { width: calc(100% - 15px);}
	.questionnaire_box_ input[name=user_address] { width: calc(100% - 15px);}

	.questionnaire_box_ input[name=user_account],
	.questionnaire_box_ input[name=user_account_sub] { width: calc(100% - 35px);}

	.questionnaire_box_ input[name=email1],
	.questionnaire_box_ input[name=email2],
	.questionnaire_box_ input[name=email_sub1],
	.questionnaire_box_ input[name=email_sub2] { width: calc(48% - 25px);}

	.questionnaire_box_ select[name=user_birth_yy],
	.questionnaire_box_ select[name=user_birth_mm],
	.questionnaire_box_ select[name=user_birth_dd] { width: 6.5em;}

	.questionnaire_box_ input[name=user_name1],
	.questionnaire_box_ input[name=user_name2],
	.questionnaire_box_ input[name=user_name1_kana],
	.questionnaire_box_ input[name=user_name2_kana] { width: 7em;}

	.questionnaire_box_ input[name=tel1_user_tel],
	.questionnaire_box_ input[name=tel2_user_tel],
	.questionnaire_box_ input[name=tel3_user_tel] { width: 5em;}

	.questionnaire_box_ .desc_ {width: auto;}

	.formdetail_ tr { display: block; height: auto;}
	.formdetail_ td { display: block;}

	.questionnaire_box_ select { margin: 0; text-indent: 0;}
	.questionnaire_box_ h2.common_headline2_ { padding: 5px 12px;}
}

@media only screen and (max-width: 639px){
}