@charset "Shift_JIS";

@media screen and (max-width: 768px) {
	#header {
		position: relative;
		width: 100%;
		height: 50px;
		z-index: 50;
		background: #FFF;
	}
	#header #head-logo {
		margin: 4px 0 0 5px;
	}
	#header #head-logo img {
		width: 121px;
		height: 35px;
	}
	#header #head-fontsize,
	#header .utility-navi {
		display: none;
	}
	#header .fb {
		position: absolute;
		top: 16px;
		right: 90px;
	}
	#header .fb img {
		width: 24px;
		height: 24px;
	}
	#header #menu-btn {
		display: block;
		position: absolute;
		top: 12px;
		right: 50px;
	}
	#header #search-btn {
		display: block;
		position: absolute;
		top: 12px;
		right: 10px;
	}
	#header #global-navi,
	#header #search-area {
		position: absolute;
		top: 55px;
		left: 0;
		width: 100%;
		height: auto;
		margin: 0;
		background: #D2B15A;
		z-index: 1000;
	}
	#header .toggle-area {
		display: none;
	}
	#header #global-navi li {
		float: none;
		width: 100%;
		font-size: 108%;
		font-weight: bold;
	}
	#header #global-navi li a {
		line-height: 3.0;
		display: block;
		background: #D2B15A;
		color: #fff;
		text-align: center;
		text-decoration: none;
		border-bottom: 1px solid #DEC88C;
	}
	#header #global-navi li img {
		display: none;
	}
	#header #global-navi li a:before {
		content: attr(data-label);
	}
	#header #search-area .inner {
		padding: 20px 10px;
	}
	#header .gsc-control-cse {
		border: 1px solid #FFF;
	}
	#header .cse table.gsc-search-box td.gsc-input,
	#header table.gsc-search-box td.gsc-input {
		height: 40px;
		padding: 0 84px 0 5px;
	}
	#header .cse input.gsc-input,
	#header input.gsc-input {
		padding: 2px 0 3px;
		font-size: 16px;
	}
	#header td.gsc-search-button {
		top: 0;
	}
	#header .cse input.gsc-search-button,
	#header input.gsc-search-button {
		height: 40px;
		padding-top: 1px;
	}
	#header table.gsc-search-box td.gsc-clear-button {
		top: 12px;
	}
	#header .gsc-results-wrapper-overlay {
		left: 6%;
	}
}
@media screen and (max-width: 768px) {
	div#cover-layer {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: #333333;
		filter: alpha(opacity=40);
		opacity: 0.40;
		z-index: 10;
	    border-top: 5px solid #D2B15A;
	}
}