

	.search .input { position:relative; z-index:1; display:inline-block; /*margin:1em; */
					 width:100%; vertical-align:top;}

	.input__field  { position:relative; display:block; float:right; padding:0.8em;
					/* width:60%;*/ border:none; border-radius:0; background:none; 
					 font-weight:400; font-size:20px;
					 -webkit-appearance: none; }

	.input__field:focus { outline:none;}

	.input__label { display:inline-block; float:right; padding:0 1em; /*width:40%;*/
					color:#666; text-transform:uppercase; font-weight:normal;
					-webkit-font-smoothing: antialiased;
				   -moz-osx-font-smoothing: grayscale;
					 -webkit-touch-callout: none;
					   -webkit-user-select: none;
				    	-khtml-user-select: none;
					      -moz-user-select: none;
					       -ms-user-select: none;
					           user-select: none; }

	.input__label-content	{ position:relative; display:block; padding:1.6em 0; width:100%;}
	.input__field--ruri   	{ width:100%; background:transparent; padding:0.5em 0; margin-bottom:2em; color:#666;}
	.input__label--ruri 	{ width:100%; position:absolute; text-align:left; font-size:16px; color:#666; 
							  padding:0 0 10px 0; pointer-events:none;}
	.input__label--ruri::after { content: ''; position:absolute; width:100%; height:3px; background:#ccc; left:0; top:100%;
									-webkit-transform-origin: 50% 100%;
									        transform-origin: 50% 100%;
							   	          -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
									              transition: transform 0.3s, background-color 0.3s; }

	.input__label-content--ruri { padding: 0;
									-webkit-transform-origin: 0 0;
									        transform-origin: 0 0;
							        	  -webkit-transition: -webkit-transform 0.3s, color 0.3s;
										          transition: transform 0.3s, color 0.3s; }

	.input__field--ruri:focus + .input__label--ruri::after,
	.input--filled .input__label--ruri::after { background:#333;
										   -webkit-transform: scale3d(1, 0.25, 1);
											       transform: scale3d(1, 0.25, 1); }

	.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri,
	.input--filled .input__label--ruri .input__label-content--ruri {  color:#666;
														  -webkit-transform: translate3d(0, 3em, 0) scale3d(0.8, 0.8, 1);
													              transform: translate3d(0, 3em, 0) scale3d(0.8, 0.8, 1);}

	.subscribe .input__field { font-size:14px;}
	.subscribe .input__label--ruri 	{font-size:12px; }
