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


/******************************

1. basic
2. header

******************************/





/*********************************
1. basic
*********************************/

::-webkit-input-placeholder {
    color:    #848484;
}

:-moz-placeholder {
    color:    #848484;
    opacity:  1;
}

::-moz-placeholder {
    color:    #848484;
    opacity:  1;
}

:-ms-input-placeholder {
    color:    #848484;
}

input:focus::-webkit-input-placeholder {
    color:transparent;
}

input:focus:-moz-placeholder {
	color:transparent;
}

input:focus::-moz-placeholder {
	color:transparent;
}

input:focus:-ms-input-placeholder {
	color:transparent;
}

button:focus {
	outline:0;
}

.disabled {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}

/*********************************
2. header
*********************************/

#mobile-header {
 	display: none;
}

#header-wrap {
	float: left;
	height: 70px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 9999;
	top: 0;
    position: fixed;
	background: url("../images/bg_header.jpg");
	background-repeat: repeat-x;
}

@media only screen and (min-width: 1px) and (max-width: 430px) {

	#header-wrap {
		height: 50px;
	}

}

#header {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*top*/
.header-top {
	float: left;
	height: 70px;
	width: 100%;
}

.header-top .container {
	display: flex;
}

.header-top .logo {
	float: left;
	height: 70px;
	margin: auto;
}

.header-top .logo img {
	float: left;
	height: 70px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: auto;
}

.header-top .logo a {
	margin: auto;
	height: 70px;
}

@media only screen and (min-width: 1px) and (max-width: 430px) {

	.header-top {
		height: 50px;
	}

	.header-top .logo {
		height: 50px;
	}

	.header-top .logo img {
		height: 50px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.header-top .logo a {
		height: 50px;
	}

}

/*bottom*/
.header-bottom {
	float: left;
	height: 70px;
	width: 100%;
}

@media only screen and (min-width: 1px) and (max-width: 430px) {

	.header-bottom {
		height: 50px;
	}

}

.logout {
	position: fixed;
	right: 20px;
	top:20px;
	color: #534125;
	font-weight: 800;
}

.logout:hover {
	color: #534125;
}

@media only screen and (min-width: 1px) and (max-width: 430px) {

	.logout {
		position: fixed;
		right: 20px;
		top: 10px;
		font-weight: 800;
	}

}