.my-container {
    margin-top: 100px;
}
.my-space {
    padding: 5px;
}
.my-space-lg {
    padding: 50px;
}
.my-bg-color {
    background-color: whitesmoke;
}
.my-font-color {
    color: #f1eeee;
}
.pala{
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
}
.main-bg-color{
	min-height: 95vh;
	background: rgba(243, 102, 51, 0.2);
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(90deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(90deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(90deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* Standard syntax */
}
.footer{
	width: 100%;
	text-align: right;
}
/*20180123 edit*/
.navbar{
	display: block;
}
.m180123-logo{
	display: block;
	float: right;
	width: 100%;
	text-align: right;
}
.m180123-logo img{
	width: 50px;
	margin-right: 10px;
}
.navbar a:not(.btn):not(.dropdown-item){
	color: #f36633;
}
.sidebar-collapse .navbar-collapse:before {
	background: #f96332;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#f96332 0%, #f33 80%);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f96332 0%, #f33 80%);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f96332 0%, #f33 80%);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(#f96332 0%, #f33 80%);
	/* Standard syntax (must be last) */
}
.page-header[filter-color="orange"] {
	background: rgba(243, 102, 51, 0.2);
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(90deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(90deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(90deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(0deg, rgba(243, 102, 51, 0.2), rgba(243, 102, 51, 0.8));
	/* Standard syntax */
}
/* form */
.form-group.form-group-no-border .form-control, .form-group.form-group-no-border .form-control + .input-group-addon, .input-group.form-group-no-border .form-control, .input-group.form-group-no-border .form-control + .input-group-addon {
	background-color: rgba(255, 255, 255, 0.7);
}
.form-group.form-group-no-border .input-group-addon, .input-group.form-group-no-border .input-group-addon {
	background-color: rgba(255, 255, 255, 0.7);
}
.input-group-focus .input-group-addon {
	border-color: #f96332;
	background-color: rgba(255, 255, 255, 1) !important;
}
.input-group-focus.form-group-no-border .input-group-addon {
	background-color: rgba(255, 255, 255, 1);
}
.input-group-focus.form-group-no-border .input-group-addon {
	background-color: rgba(255, 255, 255, 0.7);
}
.input-group-focus.form-group-no-border .form-control{
	background-color: rgba(255, 255, 255, 1) !important;
}

/* タイトルの上マージンを調整 */
.typography-line{
	padding-top:250px;
}
.index-page .page-header{
        height: 90vh;
}
/* */
.form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
	filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
	color: #999;
	opacity: 1;
	filter: alpha(opacity=100);
}

.form-control::-webkit-input-placeholder {
	color: #999;
	opacity: 1;
	filter: alpha(opacity=100);
}
.form-control:-ms-input-placeholder {
	color: #999;
	opacity: 1;
	filter: alpha(opacity=100);
}
.btn-lg{
	font-size: 1.25em;
}
@media (max-width: 960px) {
    textarea {
        height: 8em;
    }
}
@media screen and (max-width: 991px)
{
    .nav-open .sidebar-collapse .navbar-translate {
        transform: translate3d(-220px, 0, 0);
    }
    .sidebar-collapse [class*="navbar-expand-"] .navbar-collapse {
        width: 240px;
		background: rgba(0, 0, 0, 0.8)!important;
    }
}