@charset "UTF-8";
	.about-search-wrapper {
  position: relative;
  margin-right: 4px;
  display:none;
}

.about-search-tooltip {
  display: none;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 8px;
  border-radius: 5px;
  width: 400px;
  position: absolute;
  z-index: 1;
  top: 100%;  /* 要素の下に表示 */
  left: 0;
  font-size: 14px;
}

.about-search-wrapper:hover .about-search-tooltip {
  display: block;
}
	.about-search{
		height: 22px;
    	margin: auto;
		margin-right: 4px;
		position: relative;
		top: 6px;
    	left: 2px;
	}
		.header-background{
		width: 100%;
		background-color: #fff;
		position: fixed;
		top:0px;
		height:109px;
	}
	#mainarea{
		margin-top: 55px;
	}
	#gnavi{
		top:93px;
	}
	.product-search-form{
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.searchButton{
		border: 1px solid #314175;
		padding: 3px 18px;
		cursor: pointer;
		background: #314175;
		color: #fff;
		border-radius: 4px;			
	}
	.product-search02{
		width: 60%;
		font-size: 20px;
	}
	.product-search01{
		font-size: 20px;
	}
	.header-search-button{
		width: 50px;
	    background-color: #314175;
    	color: #fff;
		border:1px solid #314175;
		border-radius: 7px;
		cursor: pointer;
	}
	#header #gnavi{
		top:73px;
	}
	#header .site_search_container{
		width: 100%;
		padding:0px;
	}
	.site_search_container{
		display: none;
	}
	.header-search-container{
		float: right;
		position: relative;
		top: 34px;
		width: calc(100% - 250px);
		display: flex;
	}
	.product-form-wrapper{
		width: 100%;
	}
	.product-form-wrapper .product-search-form{
		width: 100%;
		text-align: left;
		display: flex;
		gap:5px;
	}
	.product-search-form .product-search02{
		width: 90%;
	    font-size: 16px;
	    line-height: 2;
		text-indent: 5px;
	}
	#header #ss-query1{
		width: 90%;
		font-size: 16px;
	    height: auto;
		margin-right: 0px;
		line-height: 2;
	}
	#ss-form1{
		display: flex;
		text-align: left;
		width: 100%;
		gap: 5px;
	}
	.product-search-form .searchButton{
		position: relative;
		left: 8px;
	}
	div#mainarea{
		margin-top: 30px;
	}
	body{
		background-position-y: 15px;
	}
	#searchTypeSelector{
		margin-right: 4px;
	}
	div#header{
		position: sticky;
		top:0px;
		background-color: #fff;
		z-index: 1;
	}
	.header-search-button:hover{
		opacity:0.7;
	}
	@media screen and (max-width: 768px){
		.header-search-container{
			width: 90%;
			top: 75px;
	        float: none;
	        margin: 0 auto;
		}
		#wrapper02{
			padding-top:25px;
		}
		#header #ss-query1{
			min-height: inherit;
		}
		#header .header-search-container .site_search_container{
			margin-top: 0px;
			padding:0px!important
		}
		div#header{
			height: 120px !important;
		}
	}
					 
	.header-background{
		width: 100%;
		background-color: #fff;
		position: fixed;
		top:0px;
		height:109px;
	}
	#mainarea{
		margin-top: 55px;
	}
	#gnavi{
		top:93px;
	}
	.product-search-form{
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	.searchButton{
		border: 1px solid #314175;
		padding: 3px 18px;
		cursor: pointer;
		background: #314175;
		color: #fff;
		border-radius: 4px;			
	}
	.product-search02{
		width: 60%;
		font-size: 20px;
	}
	.product-search01{
		font-size: 20px;
	}
	.header-search-button{
		width: 50px;
	    background-color: #314175;
    	color: #fff;
		border:1px solid #314175;
		border-radius: 7px;
		cursor: pointer;
		height: 100%;
	}
	#header #gnavi{
		top:73px;
	}
	#header .site_search_container{
		width: 100%;
		padding:0px;
	}
	.site_search_container{
		display: none;
	}
	.header-search-container{
		float: right;
		position: relative;
		top: 34px;
		width: calc(100% - 250px);
		display: flex;
	}
	.product-form-wrapper{
		width: 100%;
	}
	.product-form-wrapper .product-search-form{
		width: 100%;
		text-align: left;
		display: flex;
		gap:5px;
	}
	.product-search-form .product-search02{
		width: 90%;
	    font-size: 16px;
	    line-height: 2;
		text-indent: 5px;
	}
	#header #ss-query1{
		width: 90%;
		font-size: 16px;
	    height: auto;
		margin-right: 0px;
		line-height: 2;
	}
	#ss-form1{
		display: flex;
		text-align: left;
		width: 100%;
		gap: 5px;
	}
	.product-search-form .searchButton{
		position: relative;
		left: 8px;
	}
	div#mainarea{
		margin-top: 30px;
	}
	body{
		background-position-y: 15px;
	}
	#searchTypeSelector{
		margin-right: 4px;
	}
	div#header{
		position: sticky;
		top:0px;
		background-color: #fff;
	}
	.header-search-button:hover{
		opacity:0.7;
	}
	@media screen and (max-width: 768px){
		.header-search-container{
			width: 90%;
			top: 75px;
	        float: none;
	        margin: 0 auto;
		}
		#wrapper02{
			padding-top:25px;
		}
		#header #ss-query1{
			min-height: inherit;
		}
		#header .header-search-container .site_search_container{
			margin-top: 0px;
			padding:0px!important
		}
	}
.searchButton1:disabled{
  filter:brightness(0.5);
  pointer-events: none;
  opacity: 0.5;
  }


button#searchButton:disabled{
  filter:brightness(0.5);
  pointer-events: none;
  opacity: 0.5;


}
.loading {
  display: none;
  pointer-events: none;
}

.loading img{
  pointer-events: none;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
}
.loader {
  margin: 0px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid rgb(199 199 199 / 20%);
  border-right: 0.5em solid rgb(199 199 199 / 20%);
  border-bottom: 0.5em solid rgb(199 199 199 / 20%);
  border-left: 0.5em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.submit-button01-text02{
	margin: 0;
}
.nomargin{
	margin:0;
}