@charset "utf-8";

/*
	* Name: search.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - Search -
	======================================== */

	#search {
		background-color: rgba(255,255,255,0.96);
		display: none;
		left: 0;
		height: 100%;
		overflow-y: auto;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000;
	}

	#search > div.container {
		margin-left: auto;
		margin-right: auto;
		padding: 5%;
	}

	#search > div.container:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	#search > div.container > a.close {
		background: url("../../img/icon_close.png") left center no-repeat;
		background-size: cover;
		display: block;
		float: right;
		height: 30px;
		margin: 0 0 20px 0;
		width: 30px;
	}

	#search > div.container > h4 {
		clear: both;
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 10px;
	}

	#search > div.container > form {
		border: 1px solid #d7d7d7;
		border-radius: 4px;
		padding: 2% 3% 2% 3%;
	}

	#search > div.container > form > input {
		display: block;
		width: 100%;
	}

	#search > div.container > form > input {
		box-sizing: border-box;
		padding: 2%;
	}

	#search > div.container > form > input[type="text"] {
		border: 1px solid #d7d7d7;
		margin-bottom: 8px
	}

	#search > div.container > form > input[type="submit"] {
		background-color: #202020;
		border: none;
		color: #ffffff;
		cursor: pointer;
	}

}