@charset "utf-8";

.contents_form {}
.contents_form:last-child { margin-bottom: 0; }
.contents_form:first-child { margin-top: 0; }

.contents_form .form_text_gray { color: #888; }
.contents_form .form_text_red { color: #ed2020; }

.contents_form table td,
.contents_form .mfp_confirm_table td { border-bottom: 1px #aaa dotted; }
/* 確認画面 背景色 */
.contents_form .must {
	background-color: #EE3333;
	color: #ffffff;
}
.contents_form input,
.contents_form textarea {
	border: 1px solid #ddd;
	background: #ffffff;
}
.contents_form input:focus,
.contents_form textarea:focus { background: #f7fcff; }
.contents_form label .mfp_checked {
	border: 1px solid #CCC;
	background-color: #E8EEF9;
}
.contents_form label .mfp_not_checked { border: 1px solid #EEE; }
.contents_form .btn_submit input { background: url(../../img/img1/android/parts/contents_form/list_arrow_001.png) right 50% no-repeat #CC0001; }
.contents_form #mfp_button_cancel { background: url(../../img/img1/android/parts/contents_form/list_arrow_002.png) left 50% no-repeat #5d5d5d; }
.contents_form #mfp_button_send { background: url(../../img/img1/android/parts/contents_form/list_arrow_001.png) right 50% no-repeat #CC0001; }
.contents_form .btn_submit input,
.contents_form #mfp_button_cancel,
.contents_form #mfp_button_send { color: #fff; }
/* confirm */
.contents_form #mfp_phase_confirm h4 { color: #ff0000; }
.contents_form {
	margin: 10px auto;
	width: 100%;
}
.contents_form .form_text_gray { padding: 0 2px; }
.contents_form table,
.contents_form .mfp_confirm_table {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
}
.contents_form table:last-child { margin-bottom: 0; }

.contents_form table th,
.contents_form .mfp_confirm_table th {
	text-align: left;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	font-weight: bold;
}
.contents_form table tr:first-child th,
.contents_form .mfp_confirm_table tr:first-child th { padding-top: 12px; }
.contents_form table th { padding: 20px 4px 0; }
.contents_form table td { padding: 4px 4px 20px; }
.contents_form .mfp_confirm_table th { padding: 10px 4px 0; }
.contents_form .mfp_confirm_table td {
	padding: 4px 4px 10px;
	font-size: 123%;
}
.contents_form .mfp_achroma,
.contents_form .mfp_colored { background: none; }
.contents_form .must {
	display: inline-block;
	line-height: 1.4;
	padding: 2px 4px 1px;
	border-radius: 2px;
	font-size: 77%;
}
.contents_form input,
.contents_form textarea {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	font-size: 124%;
	line-height: 1.4;
}
.contents_form .input_radio { border: 0; }
.contents_form .form_text input {
	padding: 4px 2px;
	width: 100%;
}
.contents_form .form_text_s input {
	padding: 4px 2px;
	width: 40%;
}
.contents_form .form_text_m input {
	padding: 4px 2px;
	width: 50%;
}
#contents .contents_form textarea {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 4px 2px;
	width: 100%;
	height: 113px;
}
.contents_form .label_select {
	display: inline-block;
	margin: 0 0 0;
	padding: 0 5px 0;
}
.contents_form .select_field { font-size: 100%; }
.contents_form label {
	margin: 3px;
	border-radius: 3px;
}
.contents_form label .mfp_checked { padding: 3px 8px; }
.contents_form label .mfp_not_checked { padding: 3px 8px; }
.contents_form .btn_submit,
.contents_form .mfp_buttons {
	clear: both;
	margin: 20px auto 0;
	text-align: center;
}
.contents_form .mfp_buttons button { padding: 0; }
.contents_form .btn_submit input { padding: 12px 30px 12px 10px; }
.contents_form #mfp_button_cancel { padding: 12px 10px 12px 30px; }
.contents_form #mfp_button_send {
	margin-top: 20px;
	padding: 12px 30px 12px 10px;
}
.contents_form .btn_submit input,
.contents_form #mfp_button_cancel,
.contents_form #mfp_button_send {
	width: 96%;
	border: 0;
	border-radius: 2px;
	-webkit-background-size: 20px 14px;
	   -moz-background-size: 20px 14px;
	     -o-background-size: 20px 14px;
	        background-size: 20px 14px;
	-ms-background-size: 20px 14px;
	text-align: center;
	font-size: 124%;
	cursor: pointer;
}

/* confirm */
.contents_form #mfp_phase_confirm { clear: both; }
.contents_form #mfp_phase_confirm h4 {
	margin: 0 0 5px;
	text-align: center;
	font-weight: bold;
	font-size: 148%;
}

/* 文字数カウント */
.contents_form .charsLeft_block {
  text-align: right;
  margin-top: 2px;
  color: #999;
  font-size: 85%;
}

.contents_form.charsLeft {
  font-weight: bold;
}

.contents_form .table_contents td {
	border-bottom: 0;
	padding-bottom: 5px;
}

.contents_form textarea::-webkit-input-placeholder { color: #cccccc; font-size: 85%;}/*Webkit*/
.contents_form textarea::-moz-placeholder { color: #cccccc; font-size: 85%;}/*Firefox 19以降*/
.contents_form textarea:-moz-placeholder { color: #cccccc; font-size: 85%;}/*Firefox 18以前*/
.contents_form textarea:-ms-input-placeholder { color: #cccccc; font-size: 85%;} /*Windows IE*/

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

 upload_form

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

.upload_form {
   margin: 0 0 20px;
   color: #7e8c8d;
   text-align: center;
}
.drag_img {
   margin: 0 0 10px;
   padding: 5px 0 0;
   height:126px;
   -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
           border-radius: 5px;
   background:#f1f1f1;
   -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
           box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
   text-align:center;
   white-space:nowrap;
}
.drag_img:after {
   display:inline-block;
   overflow:hidden;
   margin:0 0 0 -3px;
   width:1px;
   height:100%;
   content:'';
   vertical-align:middle;
}
.drag_img .text_drag{
   display:inline-block;
   vertical-align:middle;
   white-space:normal;
}
.upload_form .file {margin: 0 0 28px;}
.upload_form .file img {
	display: block;
	margin: 10px auto;
	max-width: 250px;
	max-height: 250px;
}

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

 check_list

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

.list_check {
	width: 100%;
	margin: 0 0 10px;
	overflow: hidden;
	background: #fff;
}
.list_check:last-child { margin-bottom: 0; }
.list_check:first-child { margin-top: 0; }

.list_check li {
	border-bottom: 1px solid #ddd;
	padding-left: 10px;
}
.list_check li:last-child { border-bottom: none; }



.list_check_02 {
	width: 100%;
	margin: 0 0 10px;
	overflow: hidden;
	background: #fff;
}
.list_check_02:last-child { margin-bottom: 0; }
.list_check_02:first-child { margin-top: 0; }

.list_check_02 li {
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 10px;
	overflow: hidden;
}
.list_check_02 li:last-child { border-bottom: none; }
.list_check_02 li .iradio_square-blue {
	float: left;
	width: 22px;
	height: 22px;
}
.list_check_02 li .radio_label_block {
	display: block;
	margin-left: 25px;
}

.checkbox_input,
.radio_input { display:none;}

.checkbox_label{
	background: url(../../img/img1/android/parts/contents_form/checkbox_off.png) no-repeat 0 center;
	padding: 10px 0 10px 25px;
	display: block;
}
.list_pattern_03 .checkbox_label{
	padding: 2px 0 2px 25px;
	display: inline-block;
}
.checkbox_label_selected{
	background: url(../../img/img1/android/parts/contents_form/checkbox_on.png) no-repeat 0 center;
}
.radio_label {
	background: url(../../img/img1/android/parts/contents_form/radio_off.png) no-repeat 0 center;
	margin-right: 10px;
	padding: 10px 0 10px 25px;
	display: block;
}

.radio_label:last-child { margin-right: 0; }
.radio_label_selected{
	background: url(../../img/img1/android/parts/contents_form/radio_on.png) no-repeat 0 center;
}