@charset "utf-8";

/*-----------------------------------------------------------------------*/
/*【tab】*/
/*-----------------------------------------------------------------------*/
.tab-item {
	display:block;
	float:left;
	width:calc(100% / 2);
	height:50px;
	line-height:50px;		/* これで縦中央になる */
	text-align:center;
	background:#ccffcc;
	border:1px solid #008800;
	border-bottom:3px solid #008800;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	cursor:pointer;
	box-sizing:border-box;
}
.tab-item:hover {
	background:#008800;
	color:#ffffff;
}
/* radioは非表示で */
input[name="tab"] {
	display:none;
}

/* 選択されているタブ */
input:checked + .tab-item {
	background:#008800;
	color:#ffffff;
}

/* タブのコンテンツ */
.tab-content {
	clear:both;
	display:none;
	overflow:hidden;
}

/* 選択されているタブのコンテンツのみ表示 */
#tab-1:checked ~ .tab-content-1,
#tab-2:checked ~ .tab-content-2 {
	display:block;
}


/*-----------------------------------------------------------------------*/
/*【kind】*/
/*-----------------------------------------------------------------------*/
ul#kind {
	margin:0;
	padding:0;
}
ul#kind li {
	margin:0;
	margin-bottom:5px;
	padding:0;
	list-style:none;
}
input[type="radio"] + span {
	font-size:1rem;
	padding-top:3px;
}
select[name=kind] {
	width:calc(100% - 20px);
}


/*-----------------------------------------------------------------------*/
/*【fileselect】*/
/*-----------------------------------------------------------------------*/
.fileselect {
	margin-bottom:1rem;
}
.fileselect h2 {
	margin:0;
	padding:0;
	font-size:1rem;
	font-weight:bold;
	text-align:left;
}
.canvas {
	display:none;
}
.canvasdisp {
	display:block;
	margin-top:10px;
}
.inner img.fileselectimage {
	max-width:350px;
}

.droparea {
	display:inline-block;
	margin-right:10px;
	vertical-align:top;
	border:1px solid #aaaaaa;
	background:#fafafa;
	width:350px;
	position:relative;
	box-sizing: border-box;
	overflow:hidden;
}
.droparea span {
	display:block;
	margin:1rem;
	text-align:center;
}
.droparea input[type=file] {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	-ms-filter:'alpha(opacity=0)';
	cursor:pointer;
	box-sizing: border-box;
}
.filedelete {
	display:none;
	font-size:2rem;
	
}

/*-----769px以上-----*/
@media print,screen and (min-width:769px) {

.canvasdisp {
	display:inline-block;
	vertical-align:bottom;
}

}/*-----769px以上-----*/