@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/
.under-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.searchform-background{
	width: 100%;
	position: relative;
}
.searchform {
    position: absolute;
    top: 100;
    left: 100;
    transform: translate(-50%, -50%);
}

@media screen and (min-width:780px) {
input.searchform__input {
	width: 400px;
	height:70px;
	border-radius: 50px;
}
.searchform__submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 70px;
	border-radius: 0px 50px 50px 0px;
}

}
@media screen and (max-width:780px) {
input.searchform__input {
    width: 250px;
	height:50px;
	border-radius: 50px;
}
.searchform__submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 50px;
	border-radius: 0px 50px 50px 0px;
}
}

/*
@media screen and (min-width:780px) {
input.searchform__input {
	 width: 50vw;
}
}
@media screen and (max-width:600px) {
input.searchform__input {
	padding-right: 250px;
}
}
@media screen and (max-width:780px) {
input.searchform__input {
	padding-right: 250px;
}
}
*/
/*
@media screen and (min-width:480px) {
	input.searchform__input {
	  margin-bottom: 3rem;
	  height: 60px;
	  padding-right: 200px;
	  border-bottom: solid 1px #efefef;
	  background: #fff;
	  outline: none;
	  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15), 0 3px 3px -2px rgba(0, 0, 0, 0.15);
	  transition: 0.3s ease-in-out;
	  -webkit-appearance: none;
	  border-radius: 50px 0 0 50px;
	}
	.searchform__submit {
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		padding: 0;
		border: none;
		border-bottom: solid 1px rgba(0, 0, 0, 0.1);
		border-radius: 0 3px 3px 0;
		color: #fff;
		font-size: 20px;
		text-align: center;
		vertical-align: middle;
		line-height: 44px;
	}
}
*/