@charset "UTF-8";

/*--- search_form parts ---*/
/*--- cortecLineup parts ---*/
/*--- otherItemLineup parts ---*/
/*--- tradeLineup parts ---*/
/*--- contactbox parts ---*/






/*-------------------------*/
/*--- search_form parts ---*/
/*-------------------------*/
.box800{}
.clear{}

.searchBoxTitle{
	margin-top: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}
.searchbox{ width: 90%; margin: 0 auto; position: relative;    /* 基準値とする */}
.searchBox input[type=text]{
	width: 85%;
	padding: 6px 6px 6px 40px; /* アイコンを設置するため左の余白を多めに指定*/
	border: #000 solid 1px;
	border-right: #fff dotted 1px;
	height: 38px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	background: url(/images/icon_search.png) no-repeat left 2% center / auto 60% #ffffff; /* 背景にアイコン画像を配置 */
	text-align: left;
	float: left;
}
.searchBox button{
	width: 15%;
	padding: 6px 12px 6px 12px;
	border: #000 solid 1px;
	border-left: #ccc dotted 1px;
	height: 38px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	float: right;
	background-color: #f1f1f1;
	text-align: center;
	font-size: 0.9rem;
}

.radioButton {
	appearance: none;
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #06b6d4;
	background-color: #ffffff;
	border-radius: 9999px;
	cursor: pointer;
}

.radioButton:checked::after {
	content: "";
	position: absolute;
	inset: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	border-radius: 9999px;
	background-color: #06b6d4;
}

.search_box_select{
	text-align:center;
	padding:30px 0;
}

.radioItem {
	display: inline-flex;
	align-items: center;
	column-gap: 3px;
	line-height: 1;
	cursor: pointer;
}

.radioItem:not(:last-of-type) {
	margin-right: 16px;
}


/*--------------------------*/
/*--- cortecLineup parts ---*/
/*--------------------------*/
.cortecLineupTitle{
	margin: 30px 0 16px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}

.cortecLineupPanel{
	display:block;
	width:94%;
	height:220px;
	margin:8px 3%;
	text-align:center;
	font-size:0.9rem;
}
.cortecLineupPanel a{ font-size: 0.8rem; }
.cortecLineupPanel a img{
	width: 100%; /* 親要素の幅に合わせる */
	height: auto; /* 高さは縦横比を保つ */
	display: block; /* インライン要素からブロック要素に変更し、余白を防ぐ */
	border-radius: 5px;
}


/*-----------------------------*/
/*--- otherItemLineup parts ---*/
/*-----------------------------*/
.otherItemLineupTitle{
	margin: 50px 0 16px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}

.otherItemLineup{
	display: flex;
	width: 94%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 8px 3%;
	background-size: cover;
	border-radius: 5px;
	height: 160px;
	color: #fff;
//	text-shadow: 3px 3px 5px #333;
}
.otherItem_1{ background-image:url(/images/otherpro-01.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_2{ background-image:url(/images/otherpro-02.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_3{ background-image:url(/images/otherpro-03.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_4{ background-image:url(/images/otherpro-04.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_5{ background-image:url(/images/otherpro-05.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_6{ background-image:url(/images/otherpro-06.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_7{ background-image:url(/images/otherpro-07.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_8{ background-image:url(/images/otherpro-08.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_9{ background-image:url(/images/otherpro-09.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_10{ background-image:url(/images/otherpro-10.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_11{ background-image:url(/images/otherpro-11.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_12{ background-image:url(/images/otherpro-12.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_13{ background-image:url(/images/otherpro-13.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }
.otherItem_14{ background-image:url(/images/otherpro-14.webp); color:#fff; background-color: rgba(0, 0, 0, 0.5); }

.otherItemLineup:hover{ 
	filter: brightness(1.5);
}
.otherItemBox a{ color: #fff; }
.otherItemBox a:hover{ text-decoration: none; }


/*--------------------------*/
/*--- tradeLineup parts ---*/
/*--------------------------*/
.tradeLineupTitle{
	margin: 30px 0 16px 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}

.tradeLineupPanel{
	display: flex;
	width: 94%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: left;
	margin: 16px 3%;
	background-size: auto 80%;
	padding-left: 25%; 
	border-radius: 5px;
	height: 100px;
	color: #000;
	background-color: #fff;
}
.tradeLineupPanel a{ font-size: 0.8rem; }
.tradeLineupPanel a img{
	width: 100%; /* 親要素の幅に合わせる */
	height: auto; /* 高さは縦横比を保つ */
	display: block; /* インライン要素からブロック要素に変更し、余白を防ぐ */
	border-radius: 5px;
}
.tradeLineupPanel_1{ background-image:url(/images/search-01.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_2{ background-image:url(/images/search-02.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_3{ background-image:url(/images/search-03.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_4{ background-image:url(/images/search-04.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_5{ background-image:url(/images/search-05.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_6{ background-image:url(/images/search-06.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_7{ background-image:url(/images/search-07.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_8{ background-image:url(/images/search-08.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_9{ background-image:url(/images/search-09.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_10{ background-image:url(/images/search-10.webp); background-repeat: no-repeat; background-position: 10% 50%;  }
.tradeLineupPanel_11{ background-image:url(/images/search-11.webp); background-repeat: no-repeat; background-position: 10% 50%;  }


/*-------------------------*/
/*--- contactbox parts ---*/
/*-------------------------*/
.shadowbox{
	box-shadow: 0 0 12px #999;
	border: #ccc solid 1px;
	border-radius: 5px;
}
.contactbox{
text-align: center;
background-color: #fff;
}
.contactbox01{
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	padding: 16px 20px;
	font-weight: bold;
}
.contactline{
	text-align: center;
}
.contactlbl{
	display: inline-block;
	margin-left: 30px;
	padding: 12px 20px;
	position: relative;
	background: #1a2831;
	color: #fff;
	float: left;
}
.contactinfo{
	display: inline-block;
	padding-left: 20px;
	float: left;
}

/*-----------------------*/
/*--- news_list parts ---*/
/*-----------------------*/
.newsListTitle{
	margin-top: 30px;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}
.news_tag_select{
	text-align:center;
	padding-bottom:30px;
}
.news_tag_select .tag_off{
	border-radius: 15px;
	display:inline-block;
	width: 120px;
	margin: 0 auto;
	padding:0 3px;
	text-align:center;
	line-height:1.2rem;
	background:#fff;
	color:#009259;
	font-size:0.8rem;
	border:solid #009259 1px;
}
.news_tag_select .tag_on{
	border-radius: 15px;
	display:inline-block;
	width: 120px;
	margin: 0 auto;
	padding:0 3px;
	text-align:center;
	line-height:1.2rem;
	background:#009259;
	color:#fff;
	font-size:0.8rem;
	border:solid #009259 1px;
}

.infoList{
	padding-top:30px;
}
.infoList_01{
	width: 10%;
	height:120px;
	float:left;
	flex-direction: column;
	justify-content: center;
	padding:38px 0px;
}
.infoList_02{
	width: 10%;
	height:120px;
	float:left;
}
.infoList_03{ width: 78%;  padding-left:24px; float:left; }

.infoList .tag{
	border-radius: 15px;
	display:inline-block;
	width: 120px;
	padding:0 3px;
	float:right;
	text-align:center;
	line-height:1.2rem;
	background:#eee;
	color:#000;
	font-size:0.8rem;
	border:solid #eee 1px;
}
.linkTitle img{ display: inline-block; width:20px; padding-right: 6px; vertical-align: middle; }

.txtColor_b{ color: #005196; }

.br-sp {
	display: none;
}
.br-pc {
	display: inline;
}


/*----------------------------------------------------------------------------*/
/*--- 1200px ---*/
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	/*-------------------------*/
	/*--- search_form parts ---*/
	/*-------------------------*/

	/*--------------------------*/
	/*--- cortecLineup parts ---*/
	/*--------------------------*/

	/*-----------------------------*/
	/*--- otherItemLineup parts ---*/
	/*-----------------------------*/

	/*--------------------------*/
	/*--- tradeLineup parts ---*/
	/*--------------------------*/

	/*-----------------------*/
	/*--- news_list parts ---*/
	/*-----------------------*/

	/*-------------------------*/
	/*--- contactbox parts ---*/
	/*-------------------------*/
}

/*----------------------------------------------------------------------------*/
/*--- 800px ---*/
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
	/*-------------------------*/
	/*--- search_form parts ---*/
	/*-------------------------*/
	.searchBox input[type=text]{
		width:80%;
	}
	.searchBox button{
		width:20%;
	}

	/*--------------------------*/
	/*--- cortecLineup parts ---*/
	/*--------------------------*/
  .cortecLineupPanel{ height:260px; }

	/*-----------------------------*/
	/*--- otherItemLineup parts ---*/
	/*-----------------------------*/
	.otherItemLineup{
	  height:140px;
	}

	/*--------------------------*/
	/*--- tradeLineup parts ---*/
	/*--------------------------*/
  .tradeLineupPanel{ max-height: 200px; }

	/*-------------------------*/
	/*--- contactbox parts ---*/
	/*-------------------------*/
}

/*----------------------------------------------------------------------------*/
/*--- 600px ---*/
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
	/*-------------------------*/
	/*--- search_form parts ---*/
	/*-------------------------*/

	/*--------------------------*/
	/*--- cortecLineup parts ---*/
	/*--------------------------*/
  .cortecLineupPanel{ height:180px; }

	/*-----------------------------*/
	/*--- otherItemLineup parts ---*/
	/*-----------------------------*/
	.otherItemLineup{
	  height:120px;
	  font-size:0.8rem;
	}

	/*--------------------------*/
	/*--- tradeLineup parts ---*/
	/*--------------------------*/
	.tradeLineupPanel{
	  padding-left: 40%; 
	  height: 70px;
	  font-size: 0.8rem;
	}

	/*-----------------------*/
	/*--- news_list parts ---*/
	/*-----------------------*/
	.infoList_01{
	  width: 100%;
	  height:60px;
	  float:none;
	  flex-direction: column;
	  justify-content: center;
	  padding:0px;
	}
	.infoList_02{
	  width: 100%;
	  height:60px;
	  float:none;
	}
	.infoList_03{ width: 95%;  padding-left:18px; float:left; }

	.infoList_l{ width:30%; float:left; }
	.infoList_l .infoList_01{float:none; font-size:0.7rem;}
	.infoList_l .infoList_02{float:none; }
	.infoList_r{ width:70%; float:right;  font-size:0.9rem;}

	/*-------------------------*/
	/*--- contactbox parts ---*/
	/*-------------------------*/
	.contactlbl{
		display: inline-block;
		width: 90%;
		margin: 0 auto;
		padding: 6px 12px;
		position: relative;
		background: #1a2831;
		color: #fff;
		float: none;
	}
	.contactinfo{
		display: inline-block;
		width: 90%;
		padding-left: 12px;
		float: none;
	}

	.br-sp {
		display: block;
	}
	.br-pc {
		display: none;
	}
}