/******************************************************************************************************
 * General
 *****************************************************************************************************/
.dashicons, .dashicons-before:before { vertical-align: middle; }

.space { padding-top: 30px; }
.space-half { padding-top: 15px; }
.space-ptit { padding-top: 7px; }

.pt-0 { padding-top: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }

.mt-0 { margin-top: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }

.block-box {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.row.ptit { margin-left: -7px; margin-right: -7px; }
.row.ptit > * { padding-left: 7px; padding-right: 7px; }
.row.ml-0 > *:first-child { padding-left: 0; }
.row.mr-0 > *:last-child { padding-right: 0; }

.breadcrumbs { color: #333; padding-top: 15px; padding-bottom: 15px; }
.breadcrumbs a { color: #333; text-decoration: underline; }
.breadcrumbs a:hover, .breadcrumbs a:focus { color: #ed9e2e; }
.breadcrumbs > * + * { margin-left: 5px; }
.breadcrumbs > * + *:before {
	display: inline-block;
	color: #0080ff;
	font-family: "dashicons";
	vertical-align: middle;
	margin-right: 5px;
	content: "\f345";
}


#wrapper {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	border: none;
	padding: 0 0 120px;
	margin: 0px;
	/*z-index: 700;*/
	_zoom: 1;
}

#outline {
	position: relative;
	background-color: #fff;
	z-index: 100;
}

.main-body { padding-left: 15px; padding-right: 15px; }
.main-title {
	position: relative;
	overflow: hidden;
	padding: 10px 15px;
	border-radius: 5px;
	background-color: #73a659;
}
.main-title > * {
	line-height: 1.1em;
	padding-left: 7px;
	border-left: solid 5px #b9d2ac;
}

.entry-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	color: #fff !important;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none !important;
	padding: 15px 20px;
	background-color: #408cd9;
	border: none;
	border-radius: 7px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.entry-button:hover { background-color: #99c2eb; }
.entry-button:not(.cancel):after {
	position: relative;
	display: inline-block;
	font-family: dashicons;
	margin-left: 7px;
	margin-right: -7px;
	vertical-align: middle;
	content: "\f345";
}
.entry-button.cancel:before {
	position: relative;
	display: inline-block;
	font-family: dashicons;
	margin-left: -7px;
	margin-right: 7px;
	vertical-align: middle;
	content: "\f341";
}
.entry-button.block:not(.cancel):after {
	position: absolute;
	top: 50%;
	right: 20px;
	margin: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
	.space { padding-top: 45px; }
	.space-half { padding-top: 20px; }
	.space-ptit { padding-top: 10px; }
	.block-box { padding-top: 60px; padding-bottom: 60px; }
	.container { margin-left: 0; }
}

@media screen and (min-width: 992px) {
	.space { padding-top: 60px; }
	.space-half { padding-top: 30px; }
	.space-ptit { padding-top: 15px; }
	.block-box { padding-top: 90px; padding-bottom: 90px; }

	.in-note { line-height: 2.0em; }
	.in-note-ptit { line-height: 1.7em; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	body { font-size: 0.875em; }
}

@media screen and (min-width: 1200px) {
	.block-box { padding-top: 120px; padding-bottom: 120px; }

	.row.wide { margin-left: -30px; margin-right: -30px; }
	.row.wide > * { padding-left: 30px; padding-right: 30px; }

	.in-note { line-height: 2.5em; }
	.in-note-ptit { line-height: 2.0em; }
}

@media screen and (max-width: 991px) {
	#wrapper { padding-top: 80px !important; }
	#outline { padding-top: 0 !important; }
}

@media screen and (max-width: 767px) {
	#wrapper { padding-top: 50px !important; }
}


/******************************************************************************************************
 * Contents
 *****************************************************************************************************/

.data-table {
	position: relative;
	display: table;
	width: 100%;
	/*table-layout: fixed;*/
	border-collapse: separate;
	border-bottom: double 3px #73a659;
}
.data-table > [class*='data-table__row'] { display: table-row; }
.data-table > [class*='data-table__row'] > * {
	display: table-cell;
	vertical-align: middle;
	/*white-space: nowrap;*/
}
.data-table > [class*='data-table__row'] > * + * {
	border-left: solid 1px #fff;
}
.data-table > .data-table__row > * {
	padding: 7px 15px;
}
.data-table > .data-table__row.none > * { color: #bbb; }
.data-table > .data-table__row.none .strike { text-decoration: line-through; }
.data-table > .data-table__row + .data-table__row > * {
	border-top: dotted 1px #73a659;
}

.data-table > .data-table__row-head > * {
	color: #346c1f;
	font-size: 0.875em;
	font-weight: bold;
	text-align: center;
	background-color: #dce9d5;
}

body:not(#report-progress__index) .data-table > .data-table__row-head > * { border-bottom: solid 5px #fff; }
body#report-progress__index .data-table > .data-table__row + .data-table__row > * { border-top-style: solid; }
body#report-progress__index .data-table > .data-table__row.row-bg-3 > * { background-color: #f2f7ff; }
body#report-progress__index .data-table > .data-table__row.row-bg-4 > * { background-color: #bdf; }
body#report-progress__index .data-table > .data-table__row.row-bg-5 > * { background-color: #fffef2; }
body#report-progress__index .data-table > .data-table__row.row-bg-6 > * { background-color: #ccc; }

.ellipsis {
	position: relative;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	vertical-align: middle;
}

.desc:after, .asc:after { font-family: dashicons; }
.desc:after { content: "\f140"; }
.asc:after { content: "\f142"; }


/******************************************************************************************************
 * Header
 *****************************************************************************************************/

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-shadow: none;
	background-color: #73a659;
	padding: 50px 0 0;
	margin-top: -50px;
	z-index: 990;
}

header h1 { float: left; line-height: 1em; padding-top: 15px; }

header .navbar-header { float: right; }
header .navbar-header > * { float: left; }
header .navbar-header > * + * { margin-left: 5px; }

nav#menu_row {
	position: relative;
	background: none;
	width: 100%;
	min-height: inherit !important;
	max-height: none;
	border: none;
	box-shadow: none;
	padding: 0;
	z-index: 990;
}

.navbar-default .navbar-nav {
	position: relative;
	display: block;
	width: 100%;
	list-style: none;
	line-height: 1em;
	text-align: left;
	padding: 0;
	margin: 0;
}

.navbar-default .navbar-nav li {
	float: none;
	display: block;
	margin: 0;
}
.navbar-default .navbar-nav li + li {
	border-top: dotted 1px #999;
}

.navbar-default .navbar-nav li a {
	display: block;
	color: #333;
	font-size: 1em;
	border-radius: 0;
	text-shadow: none;
	box-shadow: none !important;
	background-color: transparent !important;
	background-image: none !important;
	padding: 0;
	margin: 0;
}
.navbar-default .navbar-nav > li > a:before {
	display: inline-block;
	color: #73a659;
	font-size: 0.875em;
	font-family: dashicons;
	margin-right: 3px;
	content: "\f345";
}

/*.navbar-default .navbar-nav > li > .dropdown-menu { padding-top: 0; padding-bottom: 0; }*/
.dropdown > .dropdown-menu { padding-top: 0 !important; padding-bottom: 0 !important; }

.navbar-toggle, .navbar-header { vertical-align: top; }
.navbar-header { padding: 8px 0; }
.navbar-toggle {
	margin: 0;
	z-index: 990;
	box-shadow: none;
}
header:not(.nav_sp_offcanvas) .navbar-toggle {
	margin-right: 8px !important;
	border-color: #999 !important;
	background: #fff;
}
header:not(.nav_sp_offcanvas) .navbar-toggle .icon-bar { background-color: #999 !important; }


.nav_sp_offcanvas .navbar-header { padding: 0; }

.nav_sp_offcanvas .navbar-collapse { min-height: inherit; }

.nav_sp_offcanvas .navbar-toggle {
	float: right;
	line-height: 1em;
	padding: 10px 10px 7px;
	border-radius: 0;
	background: #0080ff !important;
	border: none !important;
	margin-left: 15px;
}

.nav_sp_offcanvas .navbar-toggle .icon-bar {
	width: 26px;
	background-color: #fff !important;
	margin-left: auto;
	margin-right: auto;
}
.nav_sp_offcanvas .navbar-toggle .icon-bar + * { margin-top: 5px !important; }
.nav_sp_offcanvas .navbar-toggle .icon-text {
	display: block;
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 1em;
	text-align: center;
	text-shadow: none !important;
}

.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	-moz-transform: rotate(45deg) translate(5px, 5px);
	transform: rotate(45deg) translate(5px, 5px);
}
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(5px, -5px);
	-moz-transform: rotate(-45deg) translate(5px, -5px);
	transform: rotate(-45deg) translate(5px, -5px);
}

.caret { display: none !important; }

.under-menu {
	background-color: #fff;
	border-bottom: solid 1px #73a659;
}
.under-menu-link > ul {
	position: relative;
	float: left;
	display: block;
	list-style: none;
	letter-spacing: -.40em;
	vertical-align: top;
	padding: 10px 15px;
	margin-bottom: 0;
}
.under-menu-link > ul > li {
	position: relative;
	display: inline-block;
	line-height: 1em;
	letter-spacing: normal;
	vertical-align: middle;
}
.under-menu-link > ul > li > a {
	position: relative;
	overflow: hidden;
	display: block;
	line-height: 1em;
}

.under-menu-link > ul.submenu > li { min-width: 80px; vertical-align: top; }
.under-menu-link> ul.submenu > li + li { border-left: solid 1px #fff; }
.under-menu-link > ul.submenu > li > a {
	color: #fff;
	font-size: 0.875em;
	text-align: center;
	text-decoration: none !important;
	padding: 7px 15px;
	background-color: #73a659;
}
.under-menu-link > ul.submenu > li > a:hover {
	background-color: #b9d2ac;
}
.under-menu-link > ul.submenu > li.active > a {
	color: #cc6600 !important;
	font-weight: bold;
	background-color: #fff47f !important;
}
.under-menu-link > ul.submenu > li:first-child > a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.under-menu-link > ul.submenu > li:last-child > a {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.under-menu-link > ul.optmenu > li + li { margin-left: 30px; }
.under-menu-link > ul.optmenu > li > a { padding: 4px 0; }
.under-menu-link > ul.optmenu > li.active > a { color: #346c1f !important; font-weight: bold; }
.under-menu-link > ul.optmenu > li > a:before {
	position: relative;
	display: inline-block;
	color: #b9d2ac;
	font-family: "dashicons";
	vertical-align: middle;
	margin-right: 3px;
	content: "\f345";
}

.header-login { padding-top: 10px; }
.header-login > a { color: #ffe900; }

.pannav ul {
	position: relative;
	display: block;
	list-style: none;
	letter-spacing: -.40em;
	vertical-align: middle;
	padding: 10px 15px;
	margin-bottom: 0;
}
.pannav ul > li {
	position: relative;
	display: inline-block;
	letter-spacing: normal;
	line-height: 2.16em;
}
.pannav ul > li + li:before {
	position: relative;
	display: inline-block;
	color: #b9d2ac;
	font-size: 0.875em;
	font-family: "dashicons";
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	content: "\f345";
}
.pannav ul > li > a:not(:hover) { color: #0066cc; }

@media screen and (min-width: 992px) {
	header {
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-default .navbar-nav {
		text-align: left;
		letter-spacing: -.40em;
		border-top: none;
		border-bottom: none;
		margin-top: 15px;
		padding: 0 15px;
	}

	.navbar-default .navbar-nav > li {
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		border: none;
	}
	.navbar-default .navbar-nav > li + li { border-left: solid 1px #73a659; }
	.navbar-default .navbar-nav li a {
		display: block;
		letter-spacing: 0.06em;
	}
	.navbar-default .navbar-nav > li > a {
		color: #346c1f;
		font-size: 0.875em;
		font-weight: bold;
		line-height: 1.0em;
		padding: 10px;
		background-color: rgba(255,255,255,0.5) !important;
		border-bottom: solid 1px #73a659;
	}
	.navbar-default .navbar-nav > li > a:hover { color: #ff8800; background-color: #ffe900 !important; }
	.navbar-default .navbar-nav > li.active > a { color: #346c1f !important; background-color: #fff !important; box-shadow: none !important; border-bottom-color: #fff; }

	.navbar-default .navbar-nav > li > a:before { display: none; }
	.dropdown-menu {
		top: 90%;
		left: 5px;
		overflow: hidden;
		width: auto;
		text-align: left;
		border-radius: 0;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}
	.navbar-default .navbar-nav > li > .dropdown-menu { top: 100%; min-width: 100%; }
	.dropdown-toggle:not(.active) + .dropdown-menu { height: 0 !important; }
	.dropdown:hover .dropdown-menu {
		display: block;
	}

	.dropdown-menu > li { padding: 0 !important; }
	.dropdown-menu > li + li { border-top: dotted 1px #999; }
	.dropdown-menu > li > a {
		display: block !important;
		padding: 10px !important;
		background: none !important;
	}
	.navbar-default .navbar-nav > li > .dropdown-menu > li > a { font-weight: bold; }
	.dropdown-menu > li > a:hover {
		color: #fff !important;
		background-color: #80c0ff !important;
	}

	.dropdown-menu > li > a { padding: 15px !important; }
}

@media screen and (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a { padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 991px) {
	header .container { max-width: none; }

	.navbar-toggle { display: block; }
	.navbar-default .navbar-nav { padding-bottom: 100px; }
	.navbar-default .navbar-nav > li > a { padding: 15px; background-image: none !important; }
	.navbar-default .navbar-nav > li.active > a,
	.nav_sp_offcanvas .navbar-default .navbar-nav > li > a {
		color: #fff;
		font-weight: bold;
		background-color: #bbb;
	}

	.nav_sp_offcanvas nav#menu_row {
		position: fixed;
		bottom: -100px;
		height: auto !important;
		background: #0080ff;
	}
	.nav_sp_offcanvas nav#menu_row.in { box-shadow: 5px 0 10px 0 rgba(0,0,0,0.5); }
	.nav_sp_offcanvas .navbar-default .navbar-nav li a { line-height: 1em; background-color: transparent; }
	.nav_sp_offcanvas .navbar-default .navbar-nav > li > a:before { color: #80c0ff; }
	.nav_sp_offcanvas .navbar-default .navbar-nav > li > a:hover,
	.nav_sp_offcanvas .navbar-default .navbar-nav > li > a:focus { color: #ffe900; }
	.nav_sp_offcanvas .navbar-default .navbar-nav li:not(.dropdown) + li { border-top: solid 1px #80c0ff; }

	.dropdown-menu {
		position: relative;
		top: auto;
		left: auto;
		float: none;
		display: block;
		font-size: 1em;
		list-style: none;
		padding: 0 !important;
		margin: 0;
		background-color: transparent;
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

	.dropdown-menu > li { display: block !important; border-top: none !important; }
	.dropdown-menu > li > a {
		display: block;
		color: #333;
		font-size: 1em;
		line-height: 1.7em;
		border-radius: 0;
		text-shadow: none;
		box-shadow: none;
		background-image: none !important;
		padding: 0 !important;
		margin: 0;
	}
	.dropdown-menu > li > a:before {
		display: inline-block;
		color: #0054a5;
		font-size: 0.875em;
		font-family: dashicons;
		margin-right: 3px;
		content: "\f345";
	}
	.nav_sp_offcanvas .dropdown-menu { background-color: #d9ecff; }
	.nav_sp_offcanvas .dropdown-menu > li + li { border-top: dotted 1px #0080ff !important; }
	.nav_sp_offcanvas .dropdown-menu > li > a {
		background-color: #f9f9f9;
		padding: 15px !important;
	}
	.nav_sp_offcanvas .dropdown-menu > li > a:before { color: #0080ff; }
	.nav_sp_offcanvas .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
	.nav_sp_offcanvas .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
		background-color: #80c0ff !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-nav > li > .dropdown-menu { font-size: 0.875em; }
}

@media screen and (max-width: 767px) {
	header > .container-fluid { padding-left: 15px; padding-right: 15px; }
	header #hd-logo { padding-top: 13px; }
	#hd-button-instagram { margin-top: 10px; }
	#hd-button-ryobi { margin-top: 8px; }
	.nav_sp_offcanvas .navbar-toggle { margin-right: -15px; }
	.nav_sp_offcanvas .dropdown-menu > li > a { font-size: 0.875em; }
}


/******************************************************************************************************
 * Footer
******************************************************************************************************/

footer { position: absolute; right: 0; bottom: 0; z-index: 100; line-height:  2em; }
body#project-task__index footer:not(.off),
body#my_task-schedule__index footer:not(.off) { position: fixed; background-color: rgba(255,255,255,0.75); }



/******************************************************************************************************
Contact
******************************************************************************************************/

label {
	position: relative;
	display: block !important;
	padding: 0;
	margin: 0;
	font-weight: normal !important;
	cursor: pointer;
}

.lbl label:not(.inline-block):not(.block) {
	display: inline !important;
}

.lbl label.cols,
.lbl label.cols-long {
	display: block !important;
	width: 170px;
	float: left;
}

label.cols-long {
	width: 180px !important;
}

.rows {
	margin-top: 7px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="file"],
textarea,
select
{
	font-size: 16px;
	padding: 3px;
	border: solid 1px #bbb;
	border-radius: 2px;
	background: #fff;
}

input[type="radio"], 
input[type="checkbox"] {
	width: auto !important;
	margin: 0 5px 0 0 !important;
	vertical-align: baseline;
}

select { padding-right: 15px; }

label:hover input[type="text"]:not([readonly]),
label:hover input[type="tel"]:not([readonly]),
label:hover input[type="email"]:not([readonly]),
label:hover input[type="password"]:not([readonly]),
label:hover input[type="file"]:not([readonly]),
label:hover textarea:not([readonly]),
span:hover select:not([readonly])
{
	border: solid 1px #866b57;
	background: #fff;
}

input[type="text"]:not([readonly]):focus,
input[type="tel"]:not([readonly]):focus,
input[type="email"]:not([readonly]):focus,
input[type="password"]:not([readonly]):focus,
input[type="file"]:not([readonly]):focus,
textarea:not([readonly]):focus,
select:not([readonly]):focus
{
	text-align: left !important;
	border: solid 1px #866b57 !important;
	background: #ffd !important;
}

input[type="text"][readonly],
input[type="tel"][readonly],
input[type="email"][readonly],
input[type="password"][readonly],
input[type="file"][readonly],
textarea[readonly],
select[readonly],
input[type="text"][readonly]:focus,
input[type="tel"][readonly]:focus,
input[type="email"][readonly]:focus,
input[type="password"][readonly]:focus,
input[type="file"][readonly]:focus,
textarea[readonly]:focus,
select[readonly]:focus
{
	color: #585657 !important;
	border: none !important;
	background: transparent !important;
	cursor: default !important;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{
    color: #808080 !important;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
textarea:-ms-input-placeholder
{
    color: #808080 !important;
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
textarea::-moz-placeholder
{
    color: #808080 !important;
}

input[type='text'][disabled],
input[type="tel"][readonly],
input[type="email"][readonly],
input[type="password"][readonly],
input[type="file"][readonly],
textarea[disabled],
select[disabled] {
    color: #808080 !important;
	background: #ccc !important;
	cursor: default !important;
}

input.error,
textarea.error,
select.error,
input.error:focus,
textarea.error:focus,
select.error:focus
{
	border: solid 3px #cc0000 !important;
	background: #ffeeee !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="file"]
{
	width: 60%;
}

input.zip1 { width: 10%; }
input.zip2 { width: 15%; }
input.ptit { width: 25%; }
input.small { width: 40%; }
input.middle { width: 50%; }
input.long { width: 100%; }
textarea.ta { width: 100%; height: 100px; }
textarea.large { height: 200px; }

input.submit {
	display: inline-block;
	color: #fff !important;
	font-size: 1.25em;
	font-weight: bold;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.50);
	line-height: 1.1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: none;
	padding: 12px;
}

input.error, textarea.error, select.error, input.error:focus, textarea.error:focus, select.error:focus {
	border: solid 2px #da5959 !important;
}

input[id^='datepicker'] { margin-right: 5px; }
select[id^='your_date'] { min-width: inherit !important; }

a.fair-button {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	letter-spacing: normal;
	padding: 15px;
	background-color: #66a385;
	border-radius: 6px;
	cursor: pointer;
}
a.fair-button:hover { background-color: #ff9900; }

a.to_back {
	color: #a48b77;
	margin-top: 0;
	background-color: #e8e2dd;
}
a.to_back:hover { background-color: #f1eeea; }

#zip-btn {
	position: relative;
	display: inline-block;
	color: #775a46;
	font-size: 14px;
	line-height: 1em;
	padding: 8px 15px 9px;
	background-color: #e8e2dd;
	border-radius: 4px;
	border: none !important;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}
#zip-btn:hover {
	color: #fff;
	background-color: #775a46;
}

ul.send_button {
	display: block;
	width: 100%;
	list-style: none;
	padding: 0 0 30px;
	text-align: center;
	letter-spacing: -.40em;
	margin-top: 30px;
}

ul.send_button li {
	display: inline-block;
	margin-left: 30px;
	vertical-align: middle;
	letter-spacing: 0.05em;
}

ul.send_button li:first-child { margin-left: 0; }

ul.send_button li input.button {
	text-align: center;
	padding: 15px 30px;
	background-color: #a48b77;
	border: none;
	border-radius: 6px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	text-shadow: none !important;
}
ul.send_button li input.to_confirm {
}
ul.send_button li input.to_regist {}
ul.send_button li input.button:hover { background-color: #f4aeb9; }
ul.send_button li input.submit { background-color: #66a385; }
ul.send_button li input.submit:hover { background-color: #ff9900; }

ul.send_button li input.to_back {
	background-color: #e8e2dd;
}

ul.send_button li input.to_back:hover { background-color: #faf9f8 !important; }

.alert {
	position: relative;
	border: none;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none;
}
.alert ul {
	width: 100%;
	min-height: 35px;
	padding-left: 20px;
	margin-bottom: 5px;
	list-style: disc;
}

.alert ul li {
	color: #da5959;
	width: 100%;
	font-size: 1.125em;
	padding: 4px 0;
}
.alert ul li:first-child { margin-top: 0; }

.warning {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	background: #ffeeee;
	border: solid 1px #ff0000;
}

.success {
	color: #006666;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	background: #d9f0f0;
	border: solid 1px #009999;
}

#ui-datepicker-div { font-size: 0.75em; }
.ui-datepicker th { padding: 0 !important; }
.ui-datepicker-trigger {
	border: solid 1px #bbb;
	border-radius: 2px;
}
.ui-widget-content { background-size: auto 100% !important; }
.ui-datepicker .ui-datepicker-header { padding: 0 !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 0 !important; }
.ui-datepicker th { line-height: 2.2em !important; }
.ui-datepicker td { line-height: 1.7em !important; }

.ui-state-default {
    color: #666 !important;
}

.sunday .ui-state-default,
.holiday .ui-state-default {
    color: #da5959 !important;
}
.saturday .ui-state-default {
    color: #0071a8 !important;
}

#contact-block > .container {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
.reserve-steps { padding-top: 6.5%; }
#step-1 { background-image: url(../img/step_1.jpg); }
#step-2 { background-image: url(../img/step_2.jpg); }
#step-3 { background-image: url(../img/step_3.jpg); }

#step-image {
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: -.40em;
	vertical-align: middle;
}
#step-image > * {
	width: 32%;
	text-align: center;
	line-height: 70px;
	white-space: nowrap;
	letter-spacing: normal;
	vertical-align: middle;
	background-color: #dcf0ff;
}
#step-image > .step-2 { width: 36%; }
#step-image > *:not(.step-1) { padding-left: 30px; }
#step-image > .active { background-color: #2364c8; }
#step-image > *:not(.active) > span { color: #4572a7; }

#step-image > .step-1.active + .step-2:before,
#step-image > .step-1:not(.active) + .step-2.active:before,
#step-image > .step-2.active + .step-3:before,
#step-image > .step-2:not(.active) + .step-3.active:before {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 0 35px 30px;
	border-color: transparent;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
}
#step-image > .step-1.active + .step-2:before,
#step-image > .step-2.active + .step-3:before { border-left-color: #2364c8; }
#step-image > .step-1:not(.active) + .step-2.active:before,
#step-image > .step-2:not(.active) + .step-3.active:before { border-left-color: #dcf0ff; }
#step-image > .step-1:not(.active) + .step-2:not(.active):before,
#step-image > .step-1:not(.active) + .step-2:not(.active):after,
#step-image > .step-2:not(.active) + .step-3:not(.active):before,
#step-image > .step-2:not(.active) + .step-3:not(.active):after {
	position: absolute;
	left: 30px;
	display: block;
	height: 100%;
	border-left: solid 2px #fff;
	content: "";
}
#step-image > .step-1:not(.active) + .step-2:not(.active):before,
#step-image > .step-2:not(.active) + .step-3:not(.active):before {
	bottom: 48.5%;
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-40.5deg);
	-moz-transform: rotate(-40.5deg);
	transform: rotate(-40.5deg);
}
#step-image > .step-1:not(.active) + .step-2:not(.active):after,
#step-image > .step-2:not(.active) + .step-3:not(.active):after {
	top: 48.5%;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(40.5deg);
	-moz-transform: rotate(40.5deg);
	transform: rotate(40.5deg);
}

.form-guide { margin-top: 30px; margin-bottom: 30px; }
.form-guide > p { margin: 0; }
.form-box { background: #fbfaf8; margin-top: 30px; margin-bottom: 30px; }
.form-box .row { margin: 0; padding: 25px; }

table.form-table {
	/*table-layout: fixed;*/
	width: 100%;
	border-collapse: separate;
	padding: 0px;
	margin: 0;
}

table.form-table th, 
table.form-table td {
	padding: 20px 10px;
	border-top: dotted 1px #a48b77;
	vertical-align: top;
}
table.form-table th { width: 27%; padding-right: 15px; }
table.form-table tr:first-child > *, table.form-table tr.border-none > * { border-top: none !important; }
table.form-table tr:first-child > * { padding-top: 0 !important; }
table.form-table tr.border-none > * { padding-top: 0 !important; }
table.form-table tr.border-none th { vertical-align: top; padding-top: 6px !important; }

table.form-table tr + tr > th { border-top: dotted 1px #808080; }

table.form-table .box { position: relative; }
table.form-table .box.work_time { padding: 0 10px; }
table.form-table td:not(.cooperate5) > .box.work_time { padding-top: 10px; padding-bottom: 10px; }
table.form-table th .box { padding-right: 50px; }
table.form-table.sales .box { line-height: 1.4em; }
table.form-table .box.ellipsis {
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.form-table .need {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	padding: 0px 7px;
	color: #fff;
	font-size: 0.78em;
	line-height: 2em;
	background: #ff8888;
}

table.form-table td .notice { color: #866b57; }
table.form-table td span.notice { margin-left: 10px; }

table.form-table td .inner-label {
	display: inline-block;
	width: 130px;
	color: #fff;
	font-size: 0.9375em;
	font-weight: bold;
	text-align: center;
	line-height: 1.0em;
	border-radius: 3px;
	padding: 11px 0;
	margin-right: 7px;
	background: #bbb;
}

table.form-table td .alert ul {
	min-height: inherit;
}

table.form-table td .alert ul li {
	font-size: 1em;
	line-height: 1.3em;
}
table.form-table td .alert ul li:first-child { padding-top: 0; margin-top: 0; }

.policy-block {
	border-top: dotted 1px #808080;
	padding-top: 15px;
	margin-top: 150px;
}

table.form-table.standard { border: solid 1px #73a659; }
table.form-table.standard tr > * { vertical-align: middle; padding-bottom: 0; }
table.form-table.standard tr > th {
	width: 105px;
	color: #53893c;
	font-size: 0.875em;
	text-align: center;
	padding: 0 7px !important;
	background-color: #eaf2e6;
}
table.form-table.standard.horizon tr > th { line-height: 1em; padding: 5px !important; }
table.form-table.standard tr > td { padding: 0 !important; }
table.form-table.standard tr > td.fix { width: 8%; }
table.form-table.standard tr > td.fix2 { width: 11%; }
table.form-table.standard tr > * + th,
table.form-table.standard.horizon tr > * + * { border-left: dotted 1px #73a659; }
table.form-table.standard tr + tr > * { border-top-color: #73a659; }
table.form-table.standard tr + tr.separate > * { border-top-style: solid; }
table.form-table.standard tr + tr.separate.double > * { border-top-style: double; border-top-width: 3px; }
table.form-table.standard tr > .separate { border-left: solid 1px #73a659; }
table.form-table.standard tr > .separate.double { border-left-style: double; border-left-width: 3px; }
table.form-table.standard tr + tr.none > * { border-top: none; }
table.form-table.standard.horizon tr > * { width: auto; }

table.form-table.standard.horizon, table.form-table.standard.horizon tr > * { border-color: #999; }
table.form-table.standard.horizon tr > th { color: #666; background-color: #eee; }
table.form-table.standard.horizon tr.subtotal > * { border-top-style: double; border-top-width: 3px; }

table.form-table.standard.horizon tr > .w1 { width: 4.5%; }
table.form-table.standard.horizon tr > .w2 { width: 5%; }
table.form-table.standard.horizon tr > .w3 { width: 7%; }
table.form-table.standard.horizon tr > .none { border-left: none; }

table.form-table.standard input[type='text'],
table.form-table.standard textarea,
table.form-table.standard select { width: 100%; font-size: 1em; line-height: 1em; border: none !important; border-radius: 0; padding: 12px 15px 13px; }

table.form-table.standard label:hover input[type='text'],
table.form-table.standard label:hover textarea,
table.form-table.standard select:hover { background-color: #ff9; }

table.form-table.standard select { padding: 0 8px; border: solid 7px #fff !important; }
table.form-table.standard label[class*='col-'] select { padding: 0; }
table.form-table.standard select:hover { border-color: #ff9 !important; }
table.form-table.standard select:focus { border-color: #ffd !important; }
table.form-table.standard select.error,
table.form-table.standard select.error:focus { border-color: #ffeeee !important; }

table.form-table.standard input[type='text'][disabled],
table.form-table.standard textarea[disabled],
table.form-table.standard select[disabled] { background: #eaf2e6 !important; }
table.form-table.standard select[disabled] { border-color: #eaf2e6 !important; }

table.form-table.standard input[type='text'][readonly],
table.form-table.standard textarea[readonly],
table.form-table.standard select[readonly] { background: transparent !important; }

table.form-table.standard input.not-active,
table.form-table.standard textarea.not-active,
table.form-table.standard select.not-active { color: #ccc !important; }

table.form-table.standard tr > .readonly { background-color: #fcfcfc; }
table.form-table.standard tr > .cooperate1 { background-color: #fff2f2; }
table.form-table.standard tr > .cooperate2 { background-color: #f2f7ff; }
table.form-table.standard tr > .cooperate3 { background-color: #fffef2; }
table.form-table.standard tr > .cooperate4 { background-color: #bbb; }
table.form-table.standard tr > .cooperate5 { background-color: #ccc !important; }
table.form-table.standard.my-work tr > .cooperate5 { color: #bbb; background-color: #f0f0f0 !important; }

table.form-table.standard tr > th.cooperate1 { background-color: #ffcccc; }
table.form-table.standard tr > th.cooperate2 { background-color: #bbddff; }
table.form-table.standard tr > th.cooperate3 { background-color: #ff9; }
table.form-table.standard tr > th.cooperate4 { background-color: #bbb; color: #fff; }

table.form-table.standard tr > .cooperate1 input[type='text']:not(:hover):not(:focus),
table.form-table.standard tr > .cooperate2 input[type='text']:not(:hover):not(:focus),
table.form-table.standard tr > .cooperate3 input[type='text']:not(:hover):not(:focus),
table.form-table.standard tr > .cooperate5 input[type='text']:not(:hover):not(:focus),
table.form-table.standard tr > .cooperate5 select:not(:hover):not(:focus) { background-color: transparent !important; }
table.form-table.standard tr > .cooperate5 select:not(:hover):not(:focus) { border-color: transparent !important; }
table.form-table.standard tr > .cooperate4 input[type='text'] { color: #fff !important; font-weight: bold; }

table.form-table.standard.horizon input[type='text'] { padding: 10px 10px 11px; }
table#staff-budget input[type='text'] { padding: 7px; }
table.form-table.standard.horizon select { height: 33px; border-width: 5px !important; padding: 0 !important; }

table.form-table.standard.horizon.scroll { border-width: 1px; border-color: #666; }
body#project-task__index table.form-table.standard.horizon.scroll { border-width: 2px; }

table.form-table.standard.my-work { border-left: none !important; border-right: none !important; }
table.form-table.standard.my-work tr:not(.task-break) > *:first-child:not(.border-left-none) { border-left: solid 1px #666; }
table.form-table.standard.my-work tr:not(.task-break) > *:last-child:not(.border-right-none) { border-right: solid 1px #666; }

table.form-table tr.task-break > td { padding-top: 15px !important; border-top: solid 1px #666 !important; }
table.form-table tr.task-break + tr > * { border-top: solid 1px #666 !important; }

table.form-table.standard.horizon.scroll.chart-table > *,
body#project-task__index table.form-table.standard.horizon.scroll > *,
body#my_task-schedule__index table.form-table.standard.horizon.scroll > * {
	position: relative;
	overflow: hidden;
	overflow-y: scroll;
	display: block;
	width: 100%;
}
table.form-table.standard.horizon.scroll > thead { border-bottom: solid 1px #666 !important; }
table.form-table.standard.horizon.scroll:not(.sales) > * > tr > * {
	table-layout: fixed;
	width: 9999px;
}

table.form-table.standard.horizon.scroll.chart-table td.cal-w0 > .box { height: 34px; }

table.form-table.standard.horizon.scroll.chart-table > tbody#task-list > tr:not(.task-break):not([class*='task-header']):hover > * { background-color: #fffef2; }
table.form-table.standard.horizon.scroll.chart-table > tbody#task-list > tr:not([class*='task-header']):hover > * input:not(:hover):not(:focus),
table.form-table.standard.horizon.scroll.chart-table > tbody#task-list > tr:not([class*='task-header']):hover > * select:not(:hover):not(:focus)
{ background-color: transparent !important; }

/*
table.form-table.standard.horizon.scroll tr > .w1 { min-width: 7%; }
table.form-table.standard.horizon.scroll tr > .w2 { min-width: 11%; }
table.form-table.standard.horizon.scroll tr > .w3 { min-width: 9%; }
*/
table.form-table.standard.horizon.scroll tr > .w1 { width: 7%; }
table.form-table.standard.horizon.scroll tr > .w2 { width: 11%; }
table.form-table.standard.horizon.scroll tr > .w3 { width: 9%; }
/*
body#project-task__index table.form-table.standard.horizon.scroll tr > .w1 { min-width: 3.3%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w2 { min-width: 3.8%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w3 { min-width: 8%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w4 { min-width: 4%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w5 { min-width: 4.8%; }
*/
body#project-task__index table.form-table.standard.horizon.scroll tr > .w1 { width: 3.3%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w2 { width: 3.8%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w3 { width: 8%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w4 { width: 4%; }
body#project-task__index table.form-table.standard.horizon.scroll tr > .w5 { width: 4.8%; }
/*
table.form-table.standard.horizon.scroll tr > .cal-w0 { min-width: 16px; box-sizing: content-box; }
table.form-table.standard.horizon.scroll tr > .cal-w1 { min-width: 240px; box-sizing: content-box; }
table.form-table.standard.horizon.scroll tr > .cal-w2 { min-width: 80px; box-sizing: content-box; }
table.form-table.standard.horizon.scroll tr > .cal-w3 { min-width: 50px; box-sizing: content-box; }
*/
table.form-table.standard.horizon tr > .cal-w0 { min-width: 16px; box-sizing: content-box; }
table.form-table.standard.horizon tr > .cal-w1 { min-width: 240px; box-sizing: content-box; }
table.form-table.standard.horizon tr > .cal-w2 { min-width: 80px; box-sizing: content-box; }
table.form-table.standard.horizon tr > .cal-w3 { min-width: 50px; box-sizing: content-box; }
table.form-table.standard.horizon tr > td.cal-w0 { min-width: 26px; }
table.form-table.standard.horizon tr > td.cal-w1 { min-width: 250px; }
table.form-table.standard.horizon tr > td.cal-w2 { min-width: 90px; }
table.form-table.standard.horizon tr > td.cal-w3 { min-width: 60px; }

body.browser-chrome table.form-table.standard.horizon tr > .cal-w0 { width: 26px !important; max-width: 26px; }
body.browser-chrome table.form-table.standard.horizon tr > .cal-w1 { width: 240px !important; max-width: 240px; }
body.browser-chrome table.form-table.standard.horizon tr > .cal-w2 { width: 80px !important; max-width: 80px; }
body.browser-chrome table.form-table.standard.horizon tr > .cal-w3 { width: 50px !important; max-width: 50px; }
body.browser-chrome table.form-table.standard.horizon tr > td.cal-w0 { width: 36px !important; max-width: 36px; }
body.browser-chrome table.form-table.standard.horizon tr > td.cal-w1 { width: 250px !important; max-width: 250px; }
body.browser-chrome table.form-table.standard.horizon tr > td.cal-w2 { width: 90px !important; max-width: 90px; }
body.browser-chrome table.form-table.standard.horizon tr > td.cal-w3 { width: 60px !important; max-width: 60px; }

body.browser-chrome#my_task-schedule__index table.form-table.standard.horizon tr > th.cal-w0 { width: 36px !important; max-width: 36px; }
body.browser-chrome#my_task-schedule__index table.form-table.standard.horizon tr > th.cal-w1 { width: 250px !important; max-width: 250px; }
body.browser-chrome#my_task-schedule__index table.form-table.standard.horizon tr > th.cal-w2 { width: 91px !important; max-width: 91px; }
body.browser-chrome#my_task-schedule__index table.form-table.standard.horizon tr > th.cal-w3 { width: 60px !important; max-width: 60px; }


table.form-table.standard.horizon:not(.activity) > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child > .box { padding-left: 30px !important; }
body#project-task__index table.form-table.standard.horizon.scroll > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child { background-color: #eee; }
body#project-task__index table.form-table.standard.horizon.scroll > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child > .box:before {
	position: absolute;
	top: 50%;
	left: 8px;
	display: block;
	color: #ccc;
	font-family: "dashicons";
	line-height: 1em;
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	transform: translateY(-40%);
	z-index: 10;
	content: "\f349";
}

table.form-table.standard.horizon > tbody > tr[class*='task-header'] > * { width: auto !important; padding: 5px !important; }
table.form-table.standard.horizon > tbody > tr[class*='task-header'] > *:not(.cal-w0) { background-color: #666; }
table.form-table.standard.horizon.my-work > tbody > tr.task-header2:not(.active) > * { background-color: #eaf2e6; }
table.form-table.standard.horizon.my-work > tbody > tr.task-header2:not(.active) label { color: #333 !important; }

table.form-table.standard.horizon > tbody > tr.task-header.client-label > * {
	background-color: #73a659;
	border-top: solid 1px #666 !important;
}
table.form-table.standard.horizon > tbody > tr.task-header.client-label > *,
table.form-table.standard.horizon > tbody > tr.task-header2 > * {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
table.form-table.standard.horizon > tbody > tr.task-header3 > * { background-color: #ccc !important; }

table.form-table.standard.horizon > tbody > tr[class*='task-header']:not(.task-header3) > * + *,
table.form-table.standard.horizon > tbody > tr.task-header3 > * + *:not(.cal-w0) { border-left: none !important; }
/*table.form-table.standard.horizon > tbody > tr[class*='task-header'] + tr > *,*/
table.form-table.standard.horizon > tbody > tr + tr[class*='task-header'] > * { border-top: solid 1px #666 !important; }

table.form-table.standard.horizon > tbody > tr[class*='task-header']:not(.task-header3) + tr:not([class*='task-header']) > *,
table.form-table.standard.horizon > tbody > tr.task-header3 + tr:not([class*='task-header']) > * { border-top: none !important; }

table.form-table.standard.horizon > tbody > tr.task-header + tr.task-header > * { border-top: dotted 1px #999 !important; }

table.form-table.standard.horizon > tbody > tr[class*='task-header'] label { padding-left: 30px; }
table.form-table.standard.horizon > tbody > tr[class*='task-header'] input { font-weight: bold; border-radius: 2px; padding: 5px 10px; }
table.form-table.standard.horizon > tbody > tr[class*='task-header'] input:not(:hover):not(:focus) { color: #fff; background-color: #777; }
table.form-table.standard.horizon > tbody > tr[class*='task-header'] input:hover:not(:focus) { color: #fff; background-color: #999; }
table.form-table.standard.horizon > tbody > tr[class*='task-header'] .sort-icon {
	position: absolute;
	top: 50%;
	left: 3px;
	display: block;
	color: #999;
	font-size: 1.3125em;
	text-decoration: none !important;
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	transform: translateY(-40%);
	z-index: 10;
}
table.form-table.standard.horizon > tbody > tr[class*='task-header'] .sort-icon:before {
	position: relative;
	display: block;
	font-family: "dashicons";
	line-height: 1em;
	content: "\f347";
}
table.form-table.standard.horizon > tbody > tr.task-header.client-label .sort-icon:before {
	color: rgba(255,255,255,0.5);
	content: "\f109";
}
table.form-table.standard.horizon > tbody > tr[class*='task-header'] .sort-icon.task-none:before {
	content: "\f460";
}
table.form-table.standard.horizon > tbody > tr.task-header2 .sort-icon:before {
	color: #aaa;
}
table.form-table.standard.horizon > tbody > tr.task-header2 td.frame-control .sort-icon:before {
	content: "\f132";
}
table.form-table.standard.horizon > tbody > tr.task-header2.active td.frame-control .sort-icon:before {
	content: "\f460";
}
.frame-control { cursor: pointer; }
table.form-table.standard.horizon > tbody > tr.hidden + tr.task-header2:not(.active) > * {
	border-top: dashed 1px #aaa !important;
}
table.form-table.standard.horizon > tbody > tr.task-header3 .sort-icon:before {
	left: 6px;
	color: #666;
	content: "\f140";
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child a {
	position: absolute;
	overflow: hidden;
	top: 50%;
	display: block;
	width: 22px;
	height: 22px;
	color: #fff;
	font-size: 1.3125em;
	text-decoration: none !important;
	border-radius: 50%;
	/*
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	*/
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 10;
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child a:before {
	position: relative;
	display: block;
	font-family: "dashicons";
	text-align: center;
	line-height: 20px;
	padding-top: 2px;
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal):not(:hover) > *:first-child a {
	opacity: 0;
	z-index: 0;
}
/*
table.form-table.standard.horizon.scroll > tbody > tr[class*='task-header'] + * > *:first-child .del-icon {
	display: none !important;
}
*/
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child .del-icon {
	right: -24px;
	background-color: #ff8888;
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child .copy-icon {
	/*right: 25px;*/
	right: 1px;
	background-color: #66ccff;
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child .del-icon:before {
	content: "\f158";
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child .copy-icon:before {
	content: "\f105";
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child .del-icon:hover {
	background-color: #ff0000;
}
table.form-table.standard.horizon > tbody > tr:not([class*='task-header']):not(.subtotal) > *:first-child .copy-icon:hover {
	background-color: #0099ff;
}

table.form-table.activity > tbody > tr:first-child > * { border-top: solid 1px #999 !important; }
table.form-table.activity .box { padding: 7px 15px !important; }
table#staff-budget .box { padding: 0px !important; }

.chart-input {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.chart-input > input {
	width: 100%;
	height: 100%;
	background-color: transparent;
	padding: 0 !important;
}
.chart-input > input[type="text"]:not([readonly]):focus {
	text-align: center !important;
}

.search-box.active:after {
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	color: #aaa;font-size: 1.5em;
	font-family: "dashicons";
	line-height: 1em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999;
	content: "\f179";
}
.search-box > .accordion {
	position: absolute;
	display: none;
	width: 100%;
	overflow: hidden;
	overflow-y: auto;
	max-height: 260px;
	background-color: #fff;
	border: solid 1px #73a659;
}
.search-box.active > input { position: relative; z-index: 998; }
.search-box.active > .accordion { display: block; z-index: 999; }
.search-box > .accordion > ul {
	position: relative;
	display: block;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}
.search-box > .accordion > ul > li {
	position: relative;
	display: block;
}
.search-box > .accordion > ul > li + li { border-top: dotted 1px #73a659; }
.search-box > .accordion > ul > li > * {
	position: relative;
	overflow: hidden;
	display: block;
	line-height: 1em;
	white-space: nowrap;
	padding: 15px;
}
.search-box > .accordion > ul > li > * > * {
	position: relative;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}
.search-box > .accordion > ul > li > a:hover {
	background-color: #ff9;
}
table.form-table.standard .hasDatepicker + img.ui-datepicker-trigger {
	position: absolute;
	top: 50%;
	right: 8px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
table.form-table.standard .datepicker-box .datepicker-center {
	line-height: 38px;
}

.table-fix:not(.off) { position: fixed; left: 0; right: 0; bottom: 0; padding-bottom: 62px; background-color: #fff; }
.table-fix.off { position: relative; padding: 0 !important; margin-top: 30px; }
.table-fix.off > * { padding: 0 !important; }
.table-fix .entry-button { position: absolute; right: 0; bottom: 0; width: 100%; padding-left: 0; padding-right: 0; }

#total__budget_total, #total__plan_total, #total__cost_total { font-weight: bold; }

#dammy-filter { display: none; }
#dammy-filter.active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 990;
}

.sort-button {
	position: relative;
	display: block;
	width: 100%;
	list-style: none;
	margin-bottom: 0;
}
.sort-button.join { padding-right: 5px; }
.sort-button.controll { letter-spacing: 0.1em; text-align: center; line-height: 1em; vertical-align: middle; }
.sort-button > li {
	position: relative;
	float: left;
	display: block;
	width: 24px;
	height: 24px;
}
.sort-button.join > li { float: right; }
.sort-button.controll > li { float: none; display: inline-block; width: 30px; height: 30px; letter-spacing: normal; }
.sort-button:not(.join):not(.controll) > li + li { margin-left: 2px; }
.sort-button.join > li + li { margin-right: 10px; }
.sort-button > li > a {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	color: #999;
	text-decoration: none !important;
	border-radius: 3px;
	cursor: pointer;
}
.sort-button > li.input > a { color: #bbb; border: dotted 1px #999; }
.sort-button.controll > li > a { color: #996600; background-color: #ffe680; }
.sort-button > li > a:hover { color: #fff; background-color: #999; }
.sort-button.controll > li > a:hover { background-color: #ffbb00; }
.sort-button > li > a:before {
	position: relative;
	display: block;
	font-size: 1.3125em;
	font-family: "dashicons";
	text-align: center;
	line-height: 20px;
	padding-top: 4px;
}
.sort-button > li.up > a:before { content: "\f342"; }
.sort-button > li.down > a:before { content: "\f346"; }
.sort-button > li.plus a:before { content: "\f132"; }
.sort-button > li.minus a:before,
.sort-button > li.delete a:before { padding-top: 2px; line-height: 22px; content: "\f182"; }
.sort-button > li.task a:before { content: "\f157"; }
.sort-button > li.config a:before { content: "\f111"; }
.sort-button > li.social a:before { content: "\f237"; }
.sort-button > li.copy a:before { content: "\f105"; }
.sort-button > li.active a:before { content: "\f531"; }
.sort-button > li.flow a:before { content: "\f508"; }
.sort-button > li.prev a:before { content: "\f341"; }
.sort-button > li.next a:before { content: "\f345"; }
.sort-button > li.reset a:before { content: "\f523"; }
.sort-button > li.input a:before { content: "\f529"; }
.sort-button.controll > li a:before { line-height: 30px !important; padding-top: 0 !important; }

[class*='task-header'].start .sort-button > li.up > a { display: none; }
[class*='task-header'].end .sort-button > li.down > a { display: none; }

.frame-work-scroll { overflow: auto; }
.plus-group > a,
.plus-gas-export > a,
.plus-gas-import > a {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 200px;
	text-decoration: none !important;
	background-color: #666;
	padding-left: 15px;
	padding-right: 15px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	cursor: pointer;
}
.plus-gas-export > a,
.plus-gas-import > a { width: 50px; padding-left: 0; padding-right: 0; }
.plus-gas-export > a { right: 205px; }
.plus-gas-import > a { right: 260px; }
.plus-group > a:hover,
.plus-gas-export > a:hover,
.plus-gas-import > a:hover { background-color: #999; }
.plus-group > a:before,
.plus-gas-export > a:before,
.plus-gas-import > a:before { color: #ccc; font-size: 1.3125em; font-weight: normal; font-family: dashicons; vertical-align: middle; content: "\f502"; }
.plus-gas-export > a:before { content: "\f317"; }
.plus-gas-import > a:before { content: "\f316"; }

.pull {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
.pull > a {
	position: relative;
	color: #ccc;
	font-size: 1.3125em;
	font-weight: normal;
	text-decoration: none !important;
	cursor: pointer;
}
.pull > a:hover { color: #ff8800; }
.pull > a:before { font-family: dashicons; vertical-align: middle; content: "\f347"; }
.pull.pull-up > a:before { content: "\f343"; }

.max-height-off { max-height: none !important; }

.chart {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	background-color: rgba(170,170,170,0.3);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	transition: width 0.5s;
	z-index: 10;
}
.chart.start:not(.end) {
	border-radius: 50%;
}
.chart.end:not(.start) {
	width: 7px;
	height: 7px;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}
.chart.start.end {
	left: 0;
	-webkit-width: calc(100% - 7px);
	width: calc(100% - 7px);
	height: 6px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.chart.phase-1 { background-color: rgba(0,170,238,0.3); }
.chart.phase-2 { background-color: rgba(255,187,0,0.3); }
.chart.phase-3 { background-color: rgba(255,102,102,0.3); }
.chart.phase-4 { background-color: rgba(50,50,50,0.3); }

.chart.start.end:after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent rgba(170,170,170,0.3);
	-webkit-transform: translate(100%,-50%);
	-moz-transform: translate(100%,-50%);
	transform: translate(100%,-50%);
	content: "";
}
.chart.phase-1.start.end:after { border-left-color: rgba(0,170,238,0.3); }
.chart.phase-2.start.end:after { border-left-color: rgba(255,187,0,0.3); }
.chart.phase-3.start.end:after { border-left-color: rgba(255,102,102,0.3); }
.chart.phase-4.start.end:after { border-left-color: rgba(50,50,50,0.3); }

.break { color: #aaa; text-decoration: line-through; }

.label-underline { color: #346c1f; font-weight: bold; line-height: 1.1em; padding-bottom: 7px; border-bottom: solid 1px #73a659; }
.label-underline > span { border-left: solid 5px #b9d2ac; padding-left: 7px; }
.label-underline.double { border-bottom-style: double; border-bottom-width: 3px; }

@media screen and (min-width: 768px) {
	table.form-table tr + tr > td { border-top: dotted 1px #808080; }

	.policy-block { padding-top: 30px; margin-top: 30px; }
}
@media screen and (max-width: 767px) {
	
	*:not(.except-xs) > input[type="text"],
	*:not(.except-xs) > input[type="password"],
	*:not(.except-xs) > input[type="file"],
	*:not(.except-xs) > input[type="tel"],
	*:not(.except-xs) > input[type="email"],
	*:not(.except-xs) > textarea,
	*:not(.except-xs) > select {
		width: 100% !important;
		line-height: normal;
	}

	.lbl label {
		display: block !important;
	}
	
	label.except-xs { display: inline !important; }
	select.except-xs { width: auto !important; }
	
	.except-xs > input[type="text"]:not(.zip1):not(.zip2):not(.ptit):not(.except-xs) { width: 60% !important; }
	
	input.zip1 { width: 20% !important; }
	input.zip2 { width: 30% !important; }
	input.ptit { width: 45% !important; }
	input.except-xs { width: 100% !important; }

	table.form-table td .inner-label { font-size: 0.875em; width: 90px; }

	.reserve-steps {
		width: 100%;
		height: 0;
		padding-top: 9%;
		background-size: 100% auto;
	}
	#step-1 { background-image: url(../img/sp_step_1.jpg); }
	#step-2 { background-image: url(../img/sp_step_2.jpg); }
	#step-3 { background-image: url(../img/sp_step_3.jpg); }

	#step-image { font-size: 10px; }
	#step-image > *:not(.step-1) { padding-left: 17px; }
	#step-image > *.step-2 { width: 38%; }
	#step-image > *.step-3 { width: 30%; }
	#step-image > * { line-height: normal; padding-top: 7px; padding-bottom: 7px; }
	#step-image > .step-1.active + .step-2:before,
	#step-image > .step-1:not(.active) + .step-2.active:before,
	#step-image > .step-2.active + .step-3:before,
	#step-image > .step-2:not(.active) + .step-3.active:before { border-width: 25px 0 25px 22px; }
	
	#step-image > .step-1:not(.active) + .step-2:not(.active):before, 
	#step-image > .step-1:not(.active) + .step-2:not(.active):after, 
	#step-image > .step-2:not(.active) + .step-3:not(.active):before, 
	#step-image > .step-2:not(.active) + .step-3:not(.active):after { left: 22px; }

	.form-guide { margin-top: 15px; margin-bottom: 15px; }
	.form-box { margin-left: -15px !important; margin-right: -15px !important; }
	.form-box .row { padding: 5%; }
	table.form-table,
	table.form-table tbody,
	table.form-table tr,
	table.form-table th,
	table.form-table td {
		display: block;
		width: 100%;
	}
		
	table.form-table th {
		padding-bottom: 5px !important;
	}

	table.form-table td {
		border-top: none;
		padding-top: 0 !important;
	}
	
	table.form-table td span.notice { display: block; margin-left: 0 !important; }
	
	input[type="text"], input[type="password"], input[type="file"], textarea, select {
		width: 100%;
	}

}



/******************************************************************************************************
Blog
******************************************************************************************************/

div.widget {
	font-size: 0.875em;
	padding-bottom: 30px;
	background-color: #f4f4f4;
	border-top: solid 1px #ccc;
}

.blog-content + .blog-content {
	margin-top: 15px;
	padding-top: 15px;
	border-top: solid 1px #ccc;
}

.blog-content .title {
	line-height: 1.4em;
}

.blog-content a.title { }
	#staff_blog #main_body .blog-content a.title:hover {
		color: #ff9900;
	}

.blog-content .note { margin-top: 7px; }

.blog-content .note > p { margin-top: 16px; margin-bottom: 16px; }

.blog-content .note > p:first-child { margin-top: 0 !important; }
.blog-content .note > p:last-child { margin-bottom: 0 !important; }
.blog-content .note > p:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}

.blog-content .note .wp_social_bookmarking_light {
	margin-top: 20px !important;
}

.blog-content .description {
	margin-top: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

h3.widget_title {
	font-size: 1.14em;
	line-height: 1.4em;
	text-align: center;
	background-color: #e5e3e0;
	padding: 10px 15px;
}

table#wp-calendar {
	width: 100%;
	text-align: center;
	border: none !important;
}

table#wp-calendar caption {
	color: #999;
	font-weight: bold;
	text-align: center;
}

table#wp-calendar thead th {
	color: #fff;
	font-weight: normal;
	line-height: 1em;
	text-align: center;
	background: #666;
	padding: 5px 0 !important;
}

table#wp-calendar tbody td {
	color: #888;
	line-height: 1em;
	padding: 10px 0 !important;
	width: 14.285%;
}

table#wp-calendar tbody td a { font-weight: bold; }
table#wp-calendar tbody td a:alink { color: #444; }

#wp-calendar tfoot tr { background: none !important; }
#wp-calendar tfoot tr > * { border-top: double 3px #ccc; }

.sidebar_editable ul {
	position: relative;
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	color: #333;
}
.sidebar_editable ul li { position: relative; line-height: inherit; padding: 10px 15px; }
.sidebar_editable ul li + li { border-top: dotted 1px #888; }
.sidebar_editable ul li a { position: relative; display: inline-block; padding-left: 20px; }
.sidebar_editable ul li a:alink { color: #333; }
.sidebar_editable ul li a:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-family: "dashicons";
	content: "\f345";
}

@media screen and (min-width: 768px) {
	.blog-content + .blog-content { margin-top: 30px; padding-top: 30px; }
	table.form-table.mente-entry th { width: 12.42%; min-width: 140px; }
	table.form-table.mente-entry td .client-list {
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
	}
	table.form-table.mente-entry td .client-list > * {
		width: 14.28571428%;
		padding-left: 15px;
		padding-right: 15px;
	}
	table.form-table.mente-entry td .client-list + .client-list {
		padding-top: 30px;
	}
	table.form-table.mente-entry td .client-list > :nth-child(n+8) {
		padding-top: 30px;
	}
}
@media screen and (min-width: 992px) {
	.blog-content + .blog-content { margin-top: 45px; padding-top: 45px; }
	.blog-content .description {
		margin-top: 15px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media screen and (min-width: 1200px) {
	.blog-content + .blog-content { margin-top: 60px; padding-top: 60px; }
}



/******************************************************************************************************
 * Privacy Policy
******************************************************************************************************/

.policy-index {
	line-height: 1.4em;
	border-left: solid 5px #66a385;
	border-bottom: solid 1px #66a385;
	padding-left: 10px;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

#policy-block ul.default { padding-left: 30px; }



/******************************************************************************************************
 * Pager
******************************************************************************************************/

.pagenation { color: #ccc; }
.pagenation > * { display: inline-block; vertical-align: middle; padding: 10px 15px; }
.pagenation > strong { color: #333; }

/*
.pagenation {
	display: block;
	clear: both;
	padding: 20px 0;
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.28em;
	letter-spacing: -.40em;
	text-align: center;
}

.pagenation span, .pagination a {
	display: inline-block;
	margin-left: 2px;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color: #fff;
	border: solid 1px #fff;
	background: #999;
	letter-spacing: normal;
	vertical-align: bottom;
}

.pagenation > *:first-child { margin-left: 0px; }

.pagenation a:hover { color: #fff; background: #0080ff; }
 
.pagenation .current { background: #0054a5; color:#fff; }

.pagenation .no-navi { color: #ccc !important; background: none; padding-left: 0; padding-right: 0; }

.pagenation .navi-co { font-size: 1.28em; background: none !important; }
.pagenation .navi-co:hover { color:#f2a9b0; }

#blog-block #staff_blog .pagenation { margin-top: 30px; padding-top: 30px; border-top: solid 1px #ccc; }

@media screen and (min-width: 992px) {
	#blog-block #staff_blog .pagination { margin-top: 45px; padding-top: 45px; }
}
@media screen and (min-width: 1200px) {
	#blog-block #staff_blog .pagination { margin-top: 60px; padding-top: 60px; }
}
@media screen and (max-width: 767px) {
	.pagenation { font-size: 0.875em; }
}
*/