@charset 'utf-8';

/* ------------------------------
 情報募集中
------------------------------ */

#steps li {
	float: left;
}

#steps li:last-child {
	padding-right: 0;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#present_alert {
		padding: 6.25vw;
		border: 1px solid #a33b3b;
		background-color: #fbe7e9;
	}
}

@media screen and (min-width: 900px) {
	#publish_btns {
		padding: 30px 80px;
		background-color: #f5f5f5;
	}
	.btn-left {
		float: left;
	}
	.btn-right {
		float: right;
	}
	#present_publish {
		padding: 88px 20px 20px;
		border: 1px solid #1f1f1f;
		background: #e4f3fb url(../img/publish/bg_present_publish.png) no-repeat center 20px;
	}
	#steps {
		width: 288px;
	}
	#steps li {
		width: 66px;
		padding-right: 45px;
		background: url(../img/common/arrow_next-black.svg) no-repeat right center;
		background-position: 85px center;
		background-size: auto 12px;
	}
	.form_table {
		border-collapse: collapse;
	}
	.form_table th,
	.form_table td {
		font-size: 14px;
		vertical-align: middle;
		border: 1px dotted #e3e3e3;
	}
	.form_table th {
		font-weight: bold;
		width: 140px;
		padding: 10px 20px;
		text-align: right;
		white-space: nowrap;
		background-color: #f5f5f5;
		background-repeat: no-repeat;
		background-position: right center;
	}
	.form_table th.important,
	.form_table th.optional {
		padding: 10px 55px 10px 20px;
	}
	.form_table th.important {
		background-image: url(../img/publish/ico_important.png);
	}
	.form_table th.optional {
		background-image: url(../img/publish/ico_optional.png);
	}
	.form_table td {
		padding: 10px 20px;
		background-color: #fff;
	}
	.separator {
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ccc;
	}
	.publish_ex {
		font-size: 12px;
		margin-top: 5px;
		color: #1b5db4;
	}
	#cnt_hayamimi_title,
	#cnt_hayamimi_text {
		font-weight: bold;
		margin-top: 5px;
		color: #d00;
	}
	.error {
		font-weight: bold;
		margin-top: 10px;
		padding: 10px;
		color: #d00;
		border-radius: 4px;
		background-color: #fbe7e9;
	}
	.indent {
		margin-left: 1em;
		text-indent: -1em;
	}
}


/* カレンダー */

#ui-datepicker-div {
	display: none;
}

@media screen and (min-width: 900px) {
	.ui-datepicker {
		padding: 20px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
	.ui-datepicker-inline {
		position: relative;
		width: 670px!important;
		margin: 0 auto;
	}
	.ui-datepicker-group {
		width: 320px;
	}
	.ui-datepicker-group-first {
		float: left;
	}
	.ui-datepicker-group-last {
		float: right;
	}
	.ui-helper-clearfix:before,
	.ui-helper-clearfix:after {
		display: table;
		content: '';
	}
	.ui-helper-clearfix:after {
		clear: both;
	}
	.ui-helper-clearfix {
		zoom: 1;
	}
	.ui-datepicker-header {
		margin-bottom: 10px;
	}
	.ui-datepicker-title,
	.ui-datepicker-year,
	.ui-datepicker-month {
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		color: #333;
	}
	.ui-datepicker-prev,
	.ui-datepicker-next {
		position: absolute;
		top: 15x;
		overflow: hidden;
		width: 30px;
		height: 0;
		padding-top: 30px;
		cursor: pointer;
		-webkit-transition: background-color 400ms false;
		-moz-transition: background-color 400ms false false;
		-o-transition: background-color 400ms false false;
		transition: background-color 400ms;
		background-color: #1f1f1f;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 15px;
	}
	.ui-datepicker-prev {
		left: 20px;
		background-image: url(../img/common/arrow_prev.svg);
	}
	.ui-datepicker-next {
		right: 20px;
		background-image: url(../img/common/arrow_next.svg);
	}
	.ui-datepicker-prev:hover,
	.ui-datepicker-next:hover {
		background-color: #fff;
	}
	.ui-datepicker-prev:hover {
		background-image: url(../img/common/arrow_prev-black.svg);
	}
	.ui-datepicker-next:hover {
		background-image: url(../img/common/arrow_next-black.svg);
	}
	.ui-datepicker-calendar {
		font-weight: bold;
		width: 100%;
		border-collapse: separate;
	}
	.ui-datepicker-calendar tr {
		border-bottom: 1px solid #ccc;
	}
	.ui-datepicker-calendar tr th,
	.ui-datepicker-calendar tr td {
		font-size: 15px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #f5f5f5;
	}
	.ui-datepicker-calendar tr th,
	.ui-datepicker-calendar tr td a {
		padding: 5px;
	}
	.ui-datepicker-calendar tr td a:hover {
		text-decoration: none;
	}
	.ui-datepicker-calendar tr th {
		background-color: #e4e4e4;
	}
	.ui-datepicker-calendar tr td {
		background-color: #fff;
	}
	.ui-datepicker-calendar tr td:first-child,
	.ui-datepicker-calendar tr td.day-holiday {
		background: #fdb2da;
	}
	.ui-datepicker-calendar tr td:last-child {
		background: #beebfa;
	}
	.ui-datepicker-calendar tr td.ui-datepicker-today {
		color: #fff;
		background-color: #1f1f1f;
	}
	.ui-datepicker-calendar tr td.ui-datepicker-today a {
		color: #fff;
	}
	.ui-datepicker-calendar tr td a {
		display: block;
		cursor: pointer;
		text-decoration: underline;
	}
}


/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/