@charset "utf-8";
/* CSS Document */




#main_header{
	text-align: right;
}


#form_photo_area{
	float: left;
	width: 100%;
	background-color: #CDCDCD;
}

.other-edit #form_photo_area{
	background-color: #FFF;
}

.photo-thumb-area{
	margin-top: 0px;
	padding-top: 12px;
	padding-left: 36px;
	width: 100%;

}

.one-thumb{
	margin-top: 12px;
	border-bottom-width: 1px;
	border-bottom-color: #CDCDCD;
	border-bottom-style: solid;
	height: 170px;
}

.one-thumb-inner{
	height: 150px;
	width: 100%;
}

/*
.one-thumb-inner a,
.one-thumb-inner img{
	width: 100%;
}
*/
.one-thumb-inner a{
	width: 100%;
}

.one_photo_delete_button{
	color: #FFFFFF;
	font-weight: bold;
	border-style: none;
	position: absolute;
	z-index: 100;
	top: 3px;
	right: 3px;
	height: 18px;
	width: 18px;
	background-color: #C0C0C0;
	overflow: hidden;
}

.one-thmub-select{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 24px;
	width: 100%;
	background-color: #C0C0C0;
}


.one-thmub-select select{
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 100%;
}


#form_vehicle_add,
#form_photo_add{
	padding-top: 12px;
	padding-bottom: 12px;
	width: 100%;
}


#form_photo_add{
	float: left;
}

#form_vehicle_add{
	clear: both;
}



#form_photo_add > div{
	float: left;
	width: 50%;
}


#form_photo_add div:nth-child(1){
	text-align: right;
	padding-right: 12px;
}

#form_photo_add div:nth-child(2){
	padding-left: 12px;
}


#form_data_area{
	clear: both;
}



#other-edit-link-area{
	text-align: center;
	padding-top: 8px;

	border-width: 1px;
	border-color: #000000;
	border-top-style: solid;
}

#other-edit-link-area .center-button{
	margin-bottom: 12px;
}

#shop-link-area input{
	margin-bottom: 20px;
}
#submit_area{
	margin-top: 6px;
	padding-top: 8px;	

}
/*
	border-top-width: 1px;
	border-top-color: #C0C0C0;
	border-top-style: dashed;

*/



#submit_area #submit-save{
	text-align: right;
	padding-right: 1em;
}
#submit_area #submit-views{
	text-align: left;
	padding-left: 1em;
}
/**/




/*第2段階（iPad横など）*/
@media screen and (max-width:1199px) {

	.photo-thumb-area{
		padding-top: 8px;
		padding-left: 14px;
	}

	
	.one-thumb{
		height: 139px;
		width: 172px
	}
	
	.one-thumb-inner a,
	.one-thumb-inner{
		height: 129px;
	}
}


/*第3段階レガシーはこの設定で(iPadたてなど）*/
@media screen and (max-width:999px) {
	.photo-thumb-area{
		padding-left: 10px;
	}
	.one-thumb{
		height: 119px;
		width: 132px;
	}
	.one-thumb-inner a,	
	.one-thumb-inner{
		height: 99px;
	}
}

/*第4段階（スマホ横向きなど）*/
@media screen and (max-width:767px) {
	.photo-thumb-area{
		padding-left: 12px;
	}
	.photo-thumb-area .one-thumb:nth-of-type(5){
		margin-right: 10px;
	}

	.one-thumb{
		margin-right: 10px;
		height: 170px;
		width: 200px;
	}
	.one-thumb-inner a,	
	.one-thumb-inner{
		height: 150px;
	}


	#form_photo_add > div{
		float: none;
		width: 100%;
	}

	#form_photo_add > div:nth-child(1){
		padding-right: 0px;
		text-align: center;
	}
	
	#form_photo_add > div:nth-child(2){
		text-align: center;
		padding-top: 8px;
		padding-left: 0px;
	}

}



/*第5段階（スマホたて）*/
@media screen and (max-width:479px) {

	.photo-thumb-area{
		padding-left: 10px;
	}
	.photo-thumb-area .one-thumb:nth-of-type(5){
		margin-right: 8px;
	}

	.one-thumb{
		margin-right: 8px;
		height: 123px;
		width: 138px;
	}
	.one-thumb-inner a,	
	.one-thumb-inner{
		height: 103px;
	}

}





#event_date > div{
	font-size: 0.8em;
	float: left;

}
/*




*/


#event_date select{

}
#event_date .date_label,
#event_date select{
	float: left;
}



.time_label,
.date_label{
	padding-right: 0.7em;
	padding-left: 0.3em;
}





#event_time div,
#event_time select{
	float: left;

}

#event_time .time_one_select select{

}


#event_time .time_start,
#event_time .time_end{
	width: 40%;
}

#event_time .time_label{
	text-align: left;
	width: 10%;
}
/*
.other-form-block li,
.other-form-block li div,
.other-form-block li a{
	float: left;
}
.other-form-block li a{

	display: block;
}
.other-form-block li{
	clear: both;
}

*/

.other-form-block li{
	margin-bottom: 6px;
}

.other-form-block li > *{
	margin-left: 0.6em;
	display: inline-block;
}


.one-list-delete{

}




/*

#event_date > div{
	width: 30%;
}
#event_date div select{
	width: 75%;
	display: block;
}
#event_time .time_start,
#event_time .time_end{
	width: 40%;
}

#event_time .time_label{
	width: 20%;
}
*/












/*

#event_date .year_form{
	width: 40%;
}
#event_date .year_form select{
	width: 80%;
}
#event_date .other_form select{
	width: 60%;
}

#event_date .other_form{
	width: 25%;
}
#event_date select{
	width: 60%;
}

*/