/*-----------------------------
Drag&Drop
-----------------------------*/
/*
#posts label	{ display: inline-block; cursor: pointer; }
#posts label input	{ margin-left: 1em; }
#posts .required	{ display: flex; align-items: center; }
*/
#posts label	{ display: block; cursor: pointer; }
#posts .required:after	{ display: inline-block; }
#posts .required:after	{ content: '必須'; margin-left: 1rem; padding: 0 .5rem; font-size: .8rem; font-weight: normal; color: #fff; background: #f66; border-radius: 4px; }
#dropZone	{ position: relative; padding: 180px 0 100px; text-align: center; }
#dropArea	{ position: absolute; top: 0; left: 2px; width: calc(100% - 4px); height: 100%; margin: 0; padding: 100px 0 0; }
#dropArea	{ transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1); }
#dropArea	{ background: rgba(22, 165, 191, 0); border: 2px dashed #494949; }
#dropArea.dragover	{ background: rgba(22, 165, 191, 0.6); border: 2px solid #16a5bf; }
.fileInput-wrap	{ position: relative; width: 100%; max-width: 300px; height: 60px; margin: auto; }
.fileInput-wrap	{ font-weight: bold; line-height: 60px; color: #fff; background: #469; border-radius: 4px; transition: .2s; }
.fileInput-wrap:before { content: 'ファイルを選択する'; }
.fileInput-wrap:hover { background: #16a5bf; }
#fileInput	{ position: absolute; top: 0; left: 0; display: block; width: 100%; max-width: 300px; height: 60px; }
#fileInput	{ cursor: pointer; z-index: 10; opacity: 0; }
#btnInputFile,
#btnChangeFile	{ display: block; width: 100%; max-width: 300px; height: 60px; }
#btnChangeFile	{ display: none; }
#preview	{ margin-top: 1em; }


/* for SmartPhone Landscape (横) */
@media screen and (min-width:480px) {
	#posts label	{ display: inline-block; min-width: 6em; text-align: right; }
}