//-----------------------
//全体の設定ページ
//-----------------------
#f70ldd_options{
	.form-table{
		.description{
			display: block;
			margin-top: 0.3em;
		}
		
		//NGワード記入欄
		#f70ldd_entry_ng_words{
			width: 90%;
			min-height: 60px;
		}
		
		//メール本文記入欄
		#f70ldd_email_body_to_user,
		#f70ldd_email_body_to_admin{
			width:90%;
			min-height: 350px;
		}
		
	}
	
	h2{
		background-color: #fff;
		border-radius: 4px;
		padding: 0.5em;
		border-top: 1px solid #b8b8b8;
		border-left: 1px solid #ccc;
	}
}

.f70ldd_options_row{
	.f70ldd_options_side{
		//max-width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
	@media screen and ( min-width:900px ) {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		
		#f70ldd_options{
			flex-basis: calc( 100% - 38% - 30px );
		}
		.f70ldd_options_side{
			flex-basis: 38%;
			position: sticky;
			top: 48px;
		}
		
	}
	
	
}


//サイドバー
.f70ldd_options_side{
	.postbox{
		.postbox-header{
			h2{
				margin: 0;
				font-size: 14px;
				font-weight: 600;
				padding: 8px 12px;
			}
		}
		.inside{
			margin-bottom: 0;
			.f70ldd-op-header{
				display: flex;
				margin-top: 12px;
				.icon{
					flex-basis: 40px;
					.dashicons{
						width: 30px;
						height: 30px;
						font-size: 30px;
					}
					&.red{
						color: rgb(171, 56, 56);
					}
				}
				.str{
					flex-basis: calc( 100% - 40px );
					h2{
						font-size: 18px;
						font-weight: 600;
						padding-top: 5px;
					}
				}
			}
			.f70ldd-op-btn{
				.button-primary{
					width: 100%;
					text-align: center;
					padding-top: 8px;
					padding-bottom: 8px;
					font-size: 15px;
					font-weight: bold;
				}
			}
			
			.f70ldd-op-recom{
				h2{
					font-size: 15px;
					font-weight: 600;
				}
				img{
					max-width: 100%;
					height: auto;
				}
				.img{
					&.border{
						border: 1px solid #ccc;
					}
				}
			}
		}
	}
}







//-----------------------
//フォーム設定ページ
//-----------------------

.f70ldd_form_row{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	clear:both;
	
	&:after{
		content: '';
		display: table;
		clear:both;
	}
}

.f70_editor_form_area{
	& > .title{
		font-weight:bold;
	}
	
	//入力項目
	&.display_fields{
		& .f70ldd_form_row span{
			margin-right:2em;
			&.label{
				font-weight:bold;
			}
		}
	}
}


//ファイル
.f70ldd_download_file_field{
	border:1px solid #ccc;
	padding:0.5em;
	border-radius:4px;
	margin-bottom:1em;
	
	p.title{
		margin-top:0.5em;
		font-weight:bold;
	}
	
	& input,
	& input.button{
		margin-right:0.5em;
	}
	
	.file{
		margin-bottom:1em;
	}
	
	.thumbnail_preview{
		float:left;
		img{
			width:100px;
			height:auto;
			margin-right:0.5em;
		}
	}
}


//フォーム編集画面のレイアウト崩れ対策。本来は必要ないもの
.wp-admin.post-type-f70_lead_document{
	#wpbody-content{
		#post-body-content{
			@media screen and ( min-width:900px ) {
				float: none;
			}
		}
		#postbox-container-2{
		}

	}
}