@charset "UTF-8";
/* CSS Document */
h1.Prod {
	background-image: url("../images/product/prod_h1_prod_bg.jpg");
}
h1.Prod span {
	background-image: url("../images/product/prod_h1_prod.png");
}
h1.Tekiyou {
	background-image: url("../images/product/prod_h1_tekiyou_bg.jpg");
}
h1.Tekiyou span {
	background-image: url("../images/product/prod_h1_tekiyou.png");
}
h1.SDS {
	background-image: url("../images/product/prod_h1_sds_bg.jpg");
}
h1.SDS span {
	background-image: url("../images/product/prod_h1_sds.png");
}
h1.List {
	background-image: url("../images/product/prod_h1_list_bg.jpg");
}
h1.List span {
	background-image: url("../images/product/prod_h1_list.png");
}
h1.Guide {
	background-image: url("../images/product/prod_h1_guide_bg.jpg");
}
h1.Guide span {
	background-image: url("../images/product/prod_h1_guide.png");
}
h2 {
	text-align: center;
	margin-top: 3em;
}
#Prod-SearchN-Detail #BodyContentsArea h2, #Prod-SearchH-Detail #BodyContentsArea h2 {
	font-size: 150%;
	line-height: 150%;
	text-align: left;
	font-weight: 300;
	margin-top: 3em;
}
#Prod-SearchN-Detail h2 span, #Prod-SearchH-Detail h2 span {
	font-size: 60%;
	color: #000000;
	margin-left: 1em;
}
#Prod-SearchN-Detail h2:nth-of-type(1), Prod-SearchH-Detail h2:nth-of-type(1) {
	margin-top: 2em;
}
ul#GlobalNav > li:nth-of-type(2) > a {
	color: #3e8d9e !important;
	font-weight: 700;
}
.ContentsBlock {
	padding-top: 2em;
}
/*切り替えタブ*/
#ProdSearch {
	display: grid;
	grid-template-columns: 66% 34%;
	grid-template-rows: auto auto;
	grid-template-areas: "ProdTabMenu TekiyouTab"
		"SearchBox SearchBox";
	margin: 0 auto;
	position: relative;
}
#ProdTabMenu {
	grid-area: ProdTabMenu;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
#ProdTabMenu li {
	display: block;
	position: relative;
	list-style: none;
	width: 100%;
	height: 100%;
	font-size: 125%;
	line-height: 100%;
	text-align: center;
}
#ProdTabMenu li a {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 120%;
	padding: 0.5em 0 0.5em 1em;
	border: solid 1px #3e8d9e;
	border-right: none;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
#ProdTabMenu li.Select a {
	background-color: #3e8d9e;
	color: #ffffff;
}
#ProdTabMenu li a::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center #3e8d9e;
	background-size: contain
}
#ProdTabMenu li.Select a::before {
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center #ffffff;
	background-size: contain;
	transform: translateY(-50%) rotate(90deg);
}
#ProdTabMenu li.Select a::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 10px 0 10px;
	border-color: #3e8c9e transparent transparent transparent;
}
#Prod-SearchN-Detail #ProdTabMenu li.Select a::after, #Prod-SearchH-Detail #ProdTabMenu li.Select a::after {
	display: none;
}
#TekiyouTab {
	grid-area: TekiyouTab;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
#TekiyouTab li {
	display: block;
	position: relative;
	list-style: none;
	width: 100%;
	height: 100%;
	font-size: 125%;
	line-height: 100%;
	text-align: center;
}
#TekiyouTab li a {
	display: block;
	line-height: 120%;
	padding: 0.5em 0 0.5em 2em;
	border: solid 1px #3e8d9e;
	text-decoration: none;
}
#TekiyouTab li.Select a {
	background-color: #3e8d9e;
	color: #ffffff;
}
#TekiyouTab li a::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center #3e8d9e;
	background-size: contain
}
/*検索ボックス*/
.SearchBox {
	grid-area: SearchBox;
}
/*検索結果*/
#SearchCriteria {
	text-align: center;
	font-weight: 700;
	margin-bottom: 1em;
}
/*▼　◆i-農力サイトリニューアル Phase3　2024/9/28　▼*/
.inline-list {
	display: flex;
	flex-wrap: wrap;
	gap: 5px; /* アイテム間のスペース */
}

.item {
	white-space: nowrap; /* テキストを折り返さない */
	margin-right:1em;
}
.kensakujoken-sakumotu {
	white-space: nowrap;
	display: flex;
	justify-content: center;
}
.kensakujoken-taisyo {
	white-space: nowrap;
	display: flex;
	justify-content: center;
}
/*▲　◆i-農力サイトリニューアル Phase3　2024/9/28　▲*/
.ResultBlock {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.ResultBlock .ProdBox {
	flex-shrink: 0;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: auto auto auto auto;
	grid-template-areas: "FigBox""ProdName""LinkBtn""Outline";
	width: 30vw;
	max-width: 360px;
	margin: 1em;
	position: relative;
}
.ResultBlock .ProdBox a {
	text-decoration: none;
}
.ResultBlock .ProdBox .Category {
	position: absolute;
	left: 0;
	top: 0;
}
.ResultBlock .ProdBox .Category span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #3e8d9e;
	color: #ffffff;
	padding: 0.5em 1em;
	text-align: left;
}
.ResultBlock .ProdBox .FigBox {
	grid-area: FigBox;
	display: block;
	border: solid 1px #3e8d9e;
	width: 100%;
	height: 30vw;
	max-height: 360px;
	text-align: center;
}
.ResultBlock .ProdBox .FigBox img {
	width: 80%;
	max-width: 240px;
	aspect-ratio: 1/1;
	margin-top: 5em;
}
.ResultBlock .ProdBox .ProdName {
	grid-area: ProdName;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 4em;
	padding: 0.5em 0;
	font-size: 120%;
	line-height: 150%;
}
.ResultBlock .ProdBox .LinkBtn {
	grid-area: LinkBtn;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.ResultBlock .ProdBox .LinkBtn ul {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: space-between;
	gap: 0.25em;
}
#Prod-SearchH-Index .ResultBlock .ProdBox .LinkBtn ul {
	/* justify-content: flex-start; */
}
.ResultBlock .ProdBox .LinkBtn li {
	list-style: none;
	width: 100%;
}
#Prod-SearchH-Index .ResultBlock .ProdBox .LinkBtn li {
	/* list-style: none; */
	/* width: 33%; */
}
.ResultBlock .ProdBox .LinkBtn li a {
	display: block;
	position: relative;
	border: solid 1px #3e8d9e;
	text-align: center;
	padding: 0.5em;
}
.ResultBlock .ProdBox .LinkBtn li.Guide a {
	text-align: left;
}
.ResultBlock .ProdBox .LinkBtn li a:hover {
	background-color: #3e8d9e;
	color: #ffffff;
}
.ResultBlock .ProdBox .LinkBtn li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 1.25em;
	height: 1.25em;
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center;
	background-size: contain;
}
.ResultBlock .ProdBox .LinkBtn li a:hover::after {
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center;
	background-size: contain;
}
.ResultBlock .ProdBox .LinkBtn li.SDS a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_PDF_g.png") no-repeat center center;
	background-size: contain;
}
.ResultBlock .ProdBox .LinkBtn li.SDS a:hover::before {
	background: url("../images/global/icn_PDF_wh.png") no-repeat center center;
	background-size: contain;
}
.ResultBlock .ProdBox .LinkBtn li.QandA a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.5em;
	width: 1.25em;
	height: 1.25em;
	background: url("../images/global/icn_othersite_g.png") no-repeat center center;
	background-size: contain;
}
.ResultBlock .ProdBox .LinkBtn li.QandA a:hover::before {
	background: url("../images/global/icn_othersite_wh.png") no-repeat center center;
	background-size: contain;
}
.ResultBlock .ProdBox .Outline {
	grid-area: Outline;
	margin-top: 1em;
}
/*製品詳細*/
#DetailBlock {
	display: block;
	width: 83.33vw;
	max-width: 1000px;
	margin: 2em auto 0;
}
#DataBlock {
	display: grid;
	grid-template-columns: 35% 65%;
	grid-template-rows: auto auto;
	grid-template-areas: "FigBox ProdData""LinkBtn ProdData";
	position: relative;
	margin-top: 2em;
}
#DataBlock #FigBox {
	grid-area: FigBox;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px #3e8d9e;
	width: 26vw;
	max-width: 260px;
	height: 26vw;
	max-height: 260px;
	margin-top: 3em;
}
#DataBlock #FigBox img {
	width: 80%;
	max-width: 240px;
	aspect-ratio: 1/1;
}
#DataBlock #ProdData {
	grid-area: ProdData;
	display: block;
}
#DataBlock #ProdData #Category {
	display: block;
	margin-bottom: 1em;
}
#DataBlock #ProdData #Category span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #3e8d9e;
	color: #ffffff;
	padding: 0.5em 1em;
	text-align: left;
}
#DataBlock #ProdData #ProdName {
	font-size: 120%;
	line-height: 150%;
	color: #3e8d9e;
}
#DataBlock > #ProdData > table#ProdDataTbl {
	margin-top: 1em;
	border-collapse: separate;
	border-spacing: 0 0.5em;
}
#DataBlock #ProdData table#ProdDataTbl th, #DataBlock #ProdData table#ProdDataTbl td {
	font-weight: 300;
	padding: 0.25em 1em;
	vertical-align: top;
}
#DataBlock #ProdData table#ProdDataTbl th {
	text-align: right;
	border-right: solid 2px #3e8d9e;
	/*20230512追記*/
	white-space: nowrap;
	/*---*/
}
#DataBlock #ProdData table#ProdDataTbl td table td {
	padding: 0 0 0.5em 0;
	line-height: 100%;
}
#DataBlock #ProdData table#ProdDataTbl td#RAC table th, #DataBlock #ProdData table#ProdDataTbl td#RAC table td {
	border: solid 1px #000000;
	padding: 0.25em 0.5em;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
#DataBlock #ProdData table#ProdDataTbl td#RAC table td {
	background-color: #000000;
	color: #ffffff;
}
#DataBlock #ProdData table#ProdDataTbl td#RAC table td.Space {
	border: none;
	font-size: 5px;
	line-height: 100%;
	background-color: transparent;
}
#DataBlock #ProdData table#ProdDataTbl table.SeriesList {
	width: 100%;
	border-top: dotted 1px #3e8d9e;
}
/*20230512追記*/
#DataBlock #ProdData table#ProdDataTbl table.SeriesList th, #DataBlock #ProdData table#ProdDataTbl table.SeriesList td {
	border-bottom: dotted 1px #3e8d9e;
	border-right: none;
	vertical-align: middle;
	padding: 0.5em;
	line-height: 125%;
}
#DataBlock #ProdData table#ProdDataTbl table.SeriesList th {
	color: #3e8d9e;
	text-align: left;
}
/*---*/
#DataBlock #LinkBtn {
	grid-area: LinkBtn;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: flex-end;
}
#DataBlock #LinkBtn ul {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
}
#DataBlock #LinkBtn li {
	display: inline-block;
	flex-shrink: 0;
	list-style: none;
	height: 3em;
}
#DataBlock #LinkBtn li.SDS, #DataBlock #LinkBtn li.Disclaimer {
	width: calc(50% - 0.5em);
}
#DataBlock #LinkBtn li.Guide, #DataBlock #LinkBtn li.QandA {
	width: 100%;
}
#DataBlock #LinkBtn li a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #3e8d9e;
	border: solid 1px #3e8d9e;
	color: #ffffff;
	text-decoration: none;
}
#DataBlock #LinkBtn li a:hover {
	background-color: #ffffff;
	color: #3e8d9e;
}
#DataBlock #LinkBtn li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.5em;
	width: 1.25em;
	height: 1.25em;
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center;
	background-size: contain;
}
#DataBlock #LinkBtn li a:hover::after {
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center;
	background-size: contain;
}
#DataBlock #LinkBtn li.SDS a::before, #DataBlock #LinkBtn li.Disclaimer a::before, #DataBlock #LinkBtn li.Guide a::before, #DataBlock #LinkBtn li.Tekiyou a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_PDF_wh.png") no-repeat center center;
	background-size: contain;
}
#DataBlock #LinkBtn li.SDS a:hover::before, #DataBlock #LinkBtn li.Disclaimer a:hover::before, #DataBlock #LinkBtn li.Guide a:hover::before, #DataBlock #LinkBtn li.Tekiyou a:hover::before {
	background: url("../images/global/icn_PDF_g.png") no-repeat center center;
	background-size: contain;
}
#DataBlock #LinkBtn li.QandA a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_othersite_wh.png") no-repeat center center;
	background-size: contain;
}
#DataBlock #LinkBtn li.QandA a:hover::before {
	background: url("../images/global/icn_othersite_g.png") no-repeat center center;
	background-size: contain;
}
#Prod-SearchH-Detail #DataBlock #LinkBtn ul {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	gap: 1em;
}
#Prod-SearchH-Detail #DataBlock #LinkBtn li {
	display: inline-block;
	flex-shrink: 0;
	list-style: none;
	width: 100%;
	height: 3em;
}
#Prod-SearchH-Detail #DataBlock #LinkBtn li.SDS, #Prod-SearchH-Detail #DataBlock #LinkBtn li.Tekiyou, #Prod-SearchH-Detail #DataBlock #LinkBtn li.QandA {
	width: 100%;
	flex-shrink: 0;
}
#PageLinkBtn {
	display: block;
	width: 100%;
	margin-top: 1em;
}
#PageLinkBtn ul {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	gap: 1em;
}
#PageLinkBtn li {
	list-style: none;
	width: 100%;
	text-align: center;
}
#PageLinkBtn li a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: solid 1px #3e8d9e;
	padding: 1em 1.5em 1em 1em;
	line-height: 100%;
	text-decoration: none;
}
#PageLinkBtn li a:hover {
	background-color: #3e8d9e;
	color: #ffffff;
}
#PageLinkBtn li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	right: 0.5em;
	width: 1.25em;
	height: 1.25em;
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center;
	background-size: contain;
}
#PageLinkBtn li a:hover::after {
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center;
	background-size: contain;
}
#Catch {
	font-size: 175%;
	line-height: 150%;
	margin-top: 2em;
	color: #3e8d9e;
}


/* 追加（キャッチコピーの上に「・」を表示） */
.dots_catch {
  background-image: radial-gradient(circle at center, #3e8d9e 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top right; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: .4em; /* 縦方向の位置調整 */
}


/* 追加（特長の１階層目ULタグ） */
#Tokutyou ul {
	display: list-item;
	list-style: none;
	padding-left: 1em;
}

/* 追加（特長の１階層目LIタグ） */
#Tokutyou ul li {
	text-indent: -1em;
}


/* 追加（特長の２階層目ULタグ） */
#Tokutyou ul li ul {
	padding-left: 1em;
}

/* 追加（特長の２階層目LIタグ） */
#Tokutyou ul li ul li {
	text-indent: -1em;
}


/* 追加（特長の３階層目ULタグ） */
#Tokutyou ul li ul li ul {
	padding-left: 1em;
}

/* 追加（特長の３階層目LIタグ） */
#Tokutyou ul li ul li ul li {
	text-indent: -1em;
}

/* 追加（特長の４階層目ULタグ） */
#Tokutyou ul li ul li ul li ul {
	padding-left: 1em;
}

/* 追加（特長の４階層目LIタグ） */
#Tokutyou ul li ul li ul li ul li {
	text-indent: -1em;
}


#LeafletList {
	display: grid;
	grid-template-columns: 180px auto;
	grid-template-rows: auto;
	grid-template-areas: "LeafletCover OtherPDF";
	position: relative;
}
#LeafletCover {
	grid-area: LeafletCover;
	display: block;
}
#LeafletCover img {
	width: 100%;
	height: auto;
	margin-bottom: 0.5em;
}
#OtherPDF {
	display: block;
	padding-left: 2em;
}
#OtherPDF ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
#OtherPDF ul li {
	list-style: none;
	min-width: 30%;
}
#Tekiyou {
	display: block;
	position: relative;
	margin-bottom: 2em;
}
#TekiyouTabArea {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
}
#TekiyouTabArea h2 {
	display: inline-block;
	background-color: #ecf4f6;
	padding: 1em 3em 1em 1em;
	clip-path: polygon(0% 100%, 0% 0%, 82.5% 0%, 100% 100%);
	margin: 0;
}
#TekiyouTabArea ul {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 0.5em;
}
#TekiyouTabArea ul li {
	list-style: none;
}
#TekiyouTabArea a {
	display: block;
	border: solid 1px #3e8d9e;
	text-decoration: none;
	padding: 1em 2em;
	position: relative;
}
#TekiyouTabArea a#Guide, #TekiyouTabArea a#HowtoUseGuide:hover {
	background: #3e8d9e;
	color: #ffffff;
}
#TekiyouTabArea a#Guide:hover, #TekiyouTabArea a#HowtoUseGuide {
	background: #ffffff;
	color: #3e8d9e;
}
#TekiyouTabArea a#Guide::before, #TekiyouTabArea a#HowtoUseGuide:hover::before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	left: 0.5em;
	transform: translateY(-50%);
	background: url("../images/global/icn_PDF_wh.png") no-repeat center center;
	background-size: 1.5em;
}
#TekiyouTabArea a#Guide:hover::before, #TekiyouTabArea a#HowtoUseGuide::before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	left: 0.5em;
	transform: translateY(-50%);
	background: url("../images/global/icn_PDF_g.png") no-repeat center center;
	background-size: 1.5em;
}
#TekiyouTabArea a#Guide::after, #TekiyouTabArea a#HowtoUseGuide:hover::after {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center;
	background-size: 1.5em;
}
#TekiyouTabArea a#Guide:hover::after, #TekiyouTabArea a#HowtoUseGuide::after {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	right: 0.5em;
	transform: translateY(-50%);
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center;
	background-size: 1.5em;
}
#TekiyouData {
	display: block;
	padding: 2em;
	background-color: #ecf4f6;
	position: relative;
}
#FilterTbl {
	margin: 0 auto;
}
#FilterTbl th, #FilterTbl td {
	padding: 0.5em;
	text-align: left;
	font-size: 125%;
	font-weight: 400;
	vertical-align: middle;
}
#FilterTbl td .SelectBox {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	gap: 0.5em;
}
.SelectList {
	display: inline-flex;
	align-items: center;
	position: relative;
}
.SelectList::after {
	position: absolute;
	right: 0.5em;
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_arrow_d_g.png") no-repeat center center;
	background-size: contain;
	content: '';
	pointer-events: none;
}
.SelectList select {
	appearance: none;
	width: 100%;
	min-width: 20em;
	height: 2.8em;
	padding: .4em calc(.8em + 30px) .4em .8em;
	border: 1px solid #000000;
	background-color: #fff;
	color: #000000;
	font-size: 1em;
	cursor: pointer;
}
#FilterTbl td input[type='button'] {
	flex-shrink: 0;
	font-size: 100%;
	width: 5em;
	height: 2.8em;
	color: #ffffff;
	padding-left: 1em;
	padding-right: 1.5em;
	background: url("../images/global/icn_search_wh.png") no-repeat right 0.25em center #3e8d9e;
	background-size: 1.5em;
	text-align: left;
}
#TekiyouTblArea {
	border-top: solid 1px #c6c6ca;
	margin-top: 2em;
	padding: 2em 0 5em;
	height: 500px;
	overflow: hidden;
	transition: .4s;
	box-sizing: border-box;
}
#TekiyouTblArea.Active {
	height: auto;
	overflow: visible;
}
/*グラデーションで隠す擬似要素*/
#TekiyouTblArea:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 120px;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(236, 244, 246, 1) 70%, rgba(236, 244, 246, 0) 100%);
	transition: .4s;
}
/*クラス付与時のスタイル*/
#TekiyouTblArea.Active:before {
	opacity: 0;
	visibility: hidden;
}
/*ボタンのスタイル*/
#TekiyouTblArea .Button {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2em;
	cursor: pointer;
	color: #ffffff;
	border: none;
	text-align: center;
	line-height: 100%;
	padding: 1em 2em 1em 1em;
	background: url("../images/global/icn_arrow_d_wh.png") no-repeat right 0.5em center #3e8d9e;
	background-size: 1.5em;
}
#TekiyouTblArea.Active .Button {
	background-image: url("../images/global/icn_arrow_u_wh.png");
	background-size: 1.5em;
}
#TekiyouTblArea table {
	width: 100%;
	table-layout: fixed;
	background: #ffffff;
}
#TekiyouTblArea table th, #TekiyouTblArea table td {
	padding: 0.5em;
	border: solid 1px #3e8d9e;
	vertical-align: top;
}
#TekiyouTblArea table th {
	background-color: #3e8d9e;
	color: #ffffff;
	vertical-align: middle;
	white-space: nowrap;
	border-right-color: #ffffff;
}
#TekiyouTblArea table th:last-child {
	border-right-color: #3e8d9e;
}
#CautionArea {
	background-color: #ecf4f6;
	position: relative;
	padding: 0 2em 2em;
	scroll-margin: 130px;
}
#CautionArea #CautionBtn {
	display: block;
}
#CautionArea #CautionBtn ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 1em;
}
#CautionArea #CautionBtn ul li {
	list-style: none;
}
#CautionArea #CautionBtn ul li a {
	display: block;
	padding: 0.5em 2em 0.5em 1em;
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat right 0.5em center #3e8d9e;
	background-size: 1.25em;
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #3e8d9e;
}
#CautionArea #CautionBtn ul li a:hover {
	background: url("../images/global/icn_arrow_r_g.png") no-repeat right 0.5em center #ffffff;
	background-size: 1.25em;
	color: #3e8d9e;
	text-decoration: none;
}
.CautionBlock {
	display: none;
}
.CautionBlock.Show {
	display: block;
	background: #ffffff;
	padding: 1em 2em 2em;
}
.CautionBlock h4 {
	display: inline-block;
	font-weight: 400;
	font-size: 120%;
	line-height: 150%;
	position: relative;
	padding-left: 2em;
}
.CautionBlock h4::before {
	content: "";
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/product/caution_mark/注意.png") no-repeat center center;
	background-size: contain;
}
.CautionBlock ul {
	margin-left: 1em;
}
.CautionBlock ul li {
	list-style: none;
	text-indent: -1em;
}
.CautionBlock ul li::before {
	content: "●";
}
.CautionBlock ul ul li::before {
	content: "○";
}
.CautionBlock ul ul ul li::before {
	content: "• ";
}
.CautionBlock .BorderBox {
	border: solid 1px #3e8d9e;
	padding: 0.5em;
	margin-bottom: 1em;
}
.CautionBlock .BorderBox:last-of-type {
	margin-bottom: 0;
}
.CautionBlock .CautionIconBlock {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
}
.CautionBlock .CautionIconBlock img {
	height: 2em;
	width: auto;
	margin: 0.25em;
}
/*関連情報*/
#RelatedInformation {
	display: block;
	width: 83.33vw;
	max-width: 1000px;
	margin: 2em auto;
}
#RelatedInformation h2 {
	display: inline-block;
	background-color: #ecf4f6;
	padding: 1em 15em 1em 1em;
	clip-path: polygon(0% 100%, 0% 0%, 82.5% 0%, 100% 100%);
	margin: 0;
}
#RelatedInformationBlock {
	display: block;
	padding: 2em;
	background-color: #ecf4f6;
	position: relative;
}
.ContentsBlock ul.Point {
	margin-left: 2em;
}
/*適用拡大*/
#TekiyouBlock {
	display: block;
	width: 83.33vw;
	max-width: 1000px;
	margin: 2em auto 0;
}
#TekiyouBlock #YearTabBlock {
	display: block;
	overflow-x: hidden;
}
#TekiyouBlock ul#YearTab {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	margin-bottom: 1em;
	scroll-snap-type: x mandatory;
}
#TekiyouBlock ul#YearTab::-webkit-scrollbar {
	display: none;
}
#TekiyouBlock ul#YearTab li {
	display: block;
	list-style: none;
	text-align: center;
	width: 100%;
	scroll-snap-align: start;
	border-right: solid 1px #c6c6ca;
}
#TekiyouBlock ul#YearTab li:last-child {
	border: none;
}
#TekiyouBlock ul#YearTab li a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	padding: 0.25em 1em;
	border-left: none;
	white-space: nowrap;
	background: #ededee;
}
#TekiyouBlock #YearTab li a:hover, #TekiyouBlock ul#YearTab li.Current a {
	background-color: #3e8d9e;
	color: #ffffff;
}
#tekiyo_index ul {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: wrap;
}
#tekiyo_index ul li {
	display: inline-block;
	list-style: none;
	min-width: 25%;
}
#tekiyo_index ul li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0.5em 0.25em;
}
#TekiyouBlock table {
	margin: 1em auto;
}
#TekiyouBlock table th {
	font-weight: 400;
	color: #ffffff;
	padding: 0.5em;
	background: #3e8d9e;
	border: solid 1px #ffffff;
	border-top-color: #3e8d9e;
	vertical-align: middle;
	white-space: nowrap;
}
#TekiyouBlock table th:first-child {
	border-left-color: #3e8d9e;
}
#TekiyouBlock table th:last-child {
	border-right-color: #3e8d9e;
}
#TekiyouBlock table td {
	padding: 0.5em;
	border: solid 1px #3e8d9e;
	vertical-align: top;
}
#TekiyouBlock table td.Nowrap {
	white-space: nowrap;
}
#TekiyouBlock table td a {
	color: #000000;
}
#TekiyouBlock table td.PDF a {
	color: #3e8d9e;
	display: block;
	position: relative;
	padding-right: 1em;
	text-decoration: none;
	font-size: 80%;
	line-height: 150%;
	text-align: center;
	white-space: nowrap;
}
#TekiyouBlock table td.PDF a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_PDF_g.png") no-repeat center center;
	background-size: contain;
}

/* ▼ 2023/11/10 牛川 */
/* 適用拡大一覧に製品詳細画面へのリンクを追加 */

.TekiyouProdLink {
	color: #3e8d9e !important;
	text-decoration: none !important;
}


/* ▲ 2023/11/10 牛川 */


/*SDS*/
#SDSTabMenu {
	display: flex;
	width: 83.33vw;
	max-width: 1000px;
	margin: 0 auto;
	border-right: solid 1px #3e8d9e;
}
#SDSTabMenu li {
	width: 100%;
	list-style: none;
	text-align: center;
}
#SDSTabMenu li a {
	display: block;
	line-height: 120%;
	padding: 1em 0 1em 1em;
	border: solid 1px #3e8d9e;
	border-right: none;
	text-decoration: none;
	position: relative;
}
#SDSTabMenu li.Select a {
	background-color: #3e8d9e;
	color: #ffffff;
}
#SDSTabMenu li a::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: absolute;
	left: 2em;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center #3e8d9e;
	background-size: contain
}
#SDSTabMenu li.Select a::before {
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center #ffffff;
	background-size: contain;
	transform: translateY(-50%) rotate(90deg);
}
#KanaSelect {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background: #ededee;
	width: 95.833%;
	max-width: 1150px;
	margin: 0 auto;
	margin-top: 2em;
}
#KanaSelect li {
	list-style: none;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	border-left: solid 1px #c6c6ca;
	color: #c6c6ca;
}
#KanaSelect li:last-child {
	border-right: solid 1px #c6c6ca;
}
#KanaSelect li.Active {
	color: #3e8d9e;
	cursor: pointer;
}
#KanaSelect li.Active.Select, #KanaSelect li.Active:hover {
	color: #ffffff;
	background-color: #3e8d9e;
}
.SDSListBlock {
	display: none;
}
.SDSListBlock.Show {
	display: block;
	width: 95.833%;
	max-width: 1150px;
	margin: 0 auto;
}
.SDSListBlock ul {
	display: flex;
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin-top: 1em;
	gap: 0 2em;
}
.SDSListBlock ul li {
	list-style: none;
	width: 48%;
	border-bottom: solid 1px #eeeeee;
}
.SDSListBlock ul li a {
	display: block;
	text-decoration: none;
	padding: 1em;
	position: relative;
}
.SDSListBlock ul li a::after {
	content: 'SDS';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	border: solid 1px #3e8d9e;
	padding: 0.5em 2em;
	line-height: 100%;
	background: url("../images/global/icn_PDF_g.png") no-repeat left center;
	background-size: 1.5em;
}
.SDSListBlock ul li a::before {
	content: '';
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	background: url("../images/global/icn_arrow_r_g.png") no-repeat left center;
	background-size: contain;
}
/*製品一覧*/
#CategorySelect {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	background: #ededee;
	/*width: 95.833%;
	max-width: 1150px;*/
	width: 83.33vw;
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 2em;
}
#CategorySelect li {
	list-style: none;
	text-align: center;
	width: 100%;
	padding: 1em 0;
	border-left: solid 1px #c6c6ca;
	cursor: pointer;
}
#CategorySelect li:last-child {
	border-right: solid 1px #c6c6ca;
}
#CategorySelect li.Select, #CategorySelect li:hover {
	color: #ffffff;
	background-color: #3e8d9e;
}
#CategorySelect li span {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.ProdListBlock {
	display: none;
}
.ProdListBlock.Show {
	display: block;
	/*width: 95.833%;
	max-width: 1150px;*/
	width: 83.33vw;
	max-width: 1000px;
	margin: 0 auto;
}
.ProdListBox {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: auto;
	grid-template-areas: "Category ProdName BtnBlock";
	width: 90%;
	max-width: 100%;
	position: relative;
	margin: 1em auto;
}
.ProdListBox .Category {
	grid-area: Category;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.ProdListBox .Category span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.5em 1em;
	background: #3e8d9e;
	color: #ffffff;
}
.ProdListBox .ProdName {
	grid-area: ProdName;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 1em;
}
.ProdListBox .BtnBlock {
	grid-area: BtnBlock;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.ProdListBox .BtnBlock ul {
	display: flex;
	align-items: stretch;
	justify-content: flex-end;
	gap: 0 0.5em;
}
.ProdListBox .BtnBlock ul li {
	list-style: none;
}
.ProdListBox .BtnBlock ul li a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 1em 1.5em 1em 1em;
	font-size: 80%;
	line-height: 100%;
	border: solid 1px #3e8d9e;
	text-decoration: none;
	position: relative;
}
.ProdListBox .BtnBlock ul li a.Disabled {
	pointer-events: none;
	cursor: alias;
	color: #c6c6ca;
	border-color: #c6c6ca;
}
.ProdListBox .BtnBlock ul li a:not(.Disabled):hover {
	background-color: #3e8d9e;
	color: #ffffff;
}
.ProdListBox .BtnBlock ul li a:not(.Disabled)::after {
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.ProdListBox .BtnBlock ul li a:not(.Disabled):hover::after {
	background-image: url("../images/global/icn_arrow_r_wh.png");
}
.ProdListBox .BtnBlock ul li.SDS a {
	padding-left: 1.5em;
}
.ProdListBox .BtnBlock ul li.SDS a:not(.Disabled)::before {
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_PDF_g.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.ProdListBox .BtnBlock ul li.SDS a:not(.Disabled):hover::before {
	background-image: url("../images/global/icn_PDF_wh.png");
}
/*農薬ガイド*/
.CautionBtnArea {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	gap: 1em;
	width: 83.33vw;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
#GuideArea {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-flow: wrap;
	width: 83.33vw;
	max-width: 1000px;
	margin: 1em auto;
	position: relative;
	gap: 1em 0;
}
#GuideArea a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-basis: 45%;
	position: relative;
	border: solid 1px #3e8d9e;
	text-decoration: none;
	padding: 1em 0;
	background: url("../images/global/icn_PDF_large_g.png") no-repeat left 1em center;
	background-size: 2.5em;
}
#GuideArea a::after {
	content: "";
	width: 1.5em;
	height: 1.5em;
	background: url("../images/global/icn_arrow_r_g.png") no-repeat center center;
	background-size: contain;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}
#GuideArea a:hover {
	background: url("../images/global/icn_PDF_large_wh.png") no-repeat left 1em center #3e8d9e;
	background-size: 2.5em;
	color: #ffffff;
}
#GuideArea a:hover::after {
	background: url("../images/global/icn_arrow_r_wh.png") no-repeat center center;
	background-size: contain;
}

/* ▼ 2024/01/17 牛川：動画エリア追加対応 */

/* ↓折り畳み（動画エリア以外もこのスタイルを使用） */

/* Chrome、Safari以外 */
summary 
{
	/* デフォルトの矢印を消す */
	display: block;

	/* アイコン表示スペースを空ける */
	position: relative;
	/* padding-left: 20px; */

	border-bottom: 1px solid #3E8D9E;
}

/* Chrome、Safari */
summary::-webkit-details-marker 
{
	/* デフォルトの矢印を消す */
	display: none;
}


/* 疑似要素でアイコンを表示 */
summary:before, summary:after 
{
    content: '';
    width: 2em;
    height: 0.4em;
    background-color: #3E8D9E;
    position: absolute;
    top: 2em;
    bottom: 0;
    right: 0;
    transform: translateY(-50%);
    transition: opacity 0.5s;
}

summary:after 
{
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.5s;
}

/* オープン時 */
details[open] summary:before 
{
    opacity: 0;
}

details[open] summary:after 
{
    transform: translateY(-50%) rotate(180deg);
}

.Oritatami {
	text-align: left; 
	font-size: 1.4rem; 
	padding-left: 0.2em;
	position: relative;
	bottom: -0.5em;
}

/* ↑折り畳み（動画エリア以外もこのスタイルを使用） */


/* 「動画」表示エリア */
.VideoBlock {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-flow: wrap;
	gap: 2em;
}

/* 「動画」サムネイル画像 */
.VideoThumbnail {
	width: 450px;
}

/* ▲ 2024/01/17 牛川：動画エリア追加対応 */


/* ▼ 2024/01/17 牛川：適用拡大Newマーク表示対応 */
#TekiyoNewMark {
	position: relative; 
	top: -85px; 
	right: -960px;
}
/* ▲ 2024/01/17 牛川：適用拡大Newマーク表示対応 */


/* ▼ 2024/01/18 牛川：Natural Products ロゴ表示対応 */
#NaturalProductsPC {
	position: relative; 
	top: 80px; 
	left: 0px; 
	margin-top: -65px;
	z-index: 99999;
}

#NaturalProductsSP {
	display: none;
}
/* ▲ 2024/01/18 牛川：Natural Products ロゴ表示対応 */

/* ▼ 2024/01/24 牛川：更に詳しい情報バナー対応 */
.OsusumeBanner {
	width: 25vw;
	max-width: 320px;
}
/* ▲ 2024/01/24 牛川：更に詳しい情報バナー対応 */



/* ▼ 2024/03/20 牛川：ぶどう着色予測バナー対応 */
#GrapePC {
	width: 98%; 
	text-align: right;
	position: relative; 
	top: 160px; 
	z-index: 99998;
}

#GrapeBannerPC {
	width: 30vw;
	max-width: 321px;
}

#GrapeSP {
	display: none;
}
/* ▲ 2024/03/20 牛川：ぶどう着色予測バナー対応 */


/* ▼ 2025/11/18 牛川：フセキワイドフロアブル特設ページバナー対応 */
#FusekiWideFL {
/* background-color: orange; */
	width: min(1000px, 83.33vw);
	margin: 0 auto;
	text-align: right;
	position: absolute;
	z-index: 99997;
	left: max(calc((100vw - 1016px) / 2), 7.7vw);
	top: min(615px, 51vw);
}

#FusekiWideFL_TXT {
	/* 「更に詳しい情報はこちら」のリンクテキストの表示位置をセット */
	margin-left: min(120px, 9.5vw);
}
/* ▲ 2025/11/18 牛川：フセキワイドフロアブル特設ページバナー対応 */




/*タブレット*/
@media screen and (max-width:1199px) {
	.ResultBlock .ProdBox {
		margin: 1vw 0.75vw;
	}
	.ResultBlock .ProdBox .FigBox img {
		margin-top: 3em;
	}
	/*製品詳細*/
	#DataBlock {
		grid-template-columns: 35% 65%;
	}
	#TekiyouTblArea {
		height: 25vmin;
	}

	/* ▼ 2024/01/17 牛川：適用拡大Newマーク表示対応 */
	#TekiyoNewMark {
		position: relative; 
		top: -7vw; 
		right: -80vw;
	}
	/* ▲ 2024/01/17 牛川：適用拡大Newマーク表示対応 */

	/* ▼ 2024/01/18 牛川：Natural Products ロゴ表示対応 */
	#NaturalProductsPC {
		position: relative; 
		top: 6.5vw; 
		left: 0px;
		margin-top: -45px;
		width: 10vw;
		z-index: 99999;
	}

	#NaturalProductsSP {
		display: none;
	}
	/* ▲ 2024/01/18 牛川：Natural Products ロゴ表示対応 */


	/* ▼ 2025/11/18 牛川：フセキワイドフロアブル特設ページバナー対応 */
	#FusekiWideFL_BR {
		/* PC・タブレット表示の場合のみ、リンクテキストの途中に改行を設定 */
		display: block;
	}
	/* ▲ 2025/11/18 牛川：フセキワイドフロアブル特設ページバナー対応 */

}
/*スマホ*/
@media screen and (max-width: 767px) {
	#Prod-SearchN-Detail h2 span, #Prod-SearchH-Detail h2 span {
		display: block;
		line-height: 150%;
		margin-left: 0;
	}
	#ProdSearch {
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto;
		grid-template-areas: "ProdTabMenu"
			"SearchBox"
			"TekiyouTab";
	}
	#ProdTabMenu {
		border-right: solid 1px #3e8d9e;
	}
	#TekiyouTab {
		margin-top: 1em;
	}
	.ResultBlock .ProdBox {
		flex-shrink: 0;
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: auto 5em 20vmin auto;
		grid-template-areas: "FigBox Category"
			"FigBox ProdName"
			"FigBox LinkBtn"
			"Outline Outline";
		width: 95vmin;
		max-width: 100%;
		margin: 1em;
	}
	.ResultBlock .ProdBox .Category {
		grid-area: Category;
		margin-left: 2vmin;
		position: relative;
	}
	.ResultBlock .ProdBox .Category span {
		font-size: 70%;
		line-height: 100%;
		padding: 0.25em 0.5em;
	}
	.ResultBlock .ProdBox .FigBox {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		max-height: 100%;
		position: relative;
		text-align: center;
	}
	.ResultBlock .ProdBox .FigBox img {
		width: 75%;
		max-width: 75%;
		aspect-ratio: 1/1;
		margin: 1vmin;
	}
	.ResultBlock .ProdBox .ProdName {
		grid-area: ProdName;
		display: block;
		height: auto;
		padding: 0.5em 0 0.5em 2vmin;
	}
	.ResultBlock .ProdBox .LinkBtn {
		margin-bottom: 0;
		margin-left: 2vmin;
		gap: 0.25em;
	}
	.ResultBlock .ProdBox .LinkBtn ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	.ResultBlock .ProdBox .LinkBtn li {
		width: calc(50% - 0.25em);
		margin: 0;
	}
	#Prod-SearchH-Index .ResultBlock .ProdBox .LinkBtn li {
		width: calc(50% - 0.25em);
	}
	.ResultBlock .ProdBox .LinkBtn li.Guide {
		width: 100%;
		flex-shrink: 0;
	}
	.ResultBlock .ProdBox .Outline {
		margin-top: 1em;
	}
	/*製品詳細*/
	#DetailBlock {
		width: 100%;
		max-width: 100%;
	}
	#DetailBlock h2 {
		width: 83.33vw;
		margin-left: auto;
		margin-right: auto;
	}
	#DetailBlock p {
		width: 83.33vw;
		margin-left: auto;
		margin-right: auto;
	}
	#DataBlock {
		grid-template-columns: 100%;
		grid-template-rows: auto auto;
		grid-template-areas: "FigBox""ProdData""LinkBtn";
		position: relative;
		margin-top: 2em;
		width: 83.33vw;
		margin: 2em auto 0;
	}
	#DataBlock #FigBox {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 75vmin;
		max-width: 75vmin;
		height: 75vmin;
		max-height: 75vmin;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
	#DataBlock #ProdData table#ProdDataTbl {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
	#DataBlock #ProdData table#ProdDataTbl th, #DataBlock #ProdData table#ProdDataTbl td {
		padding: 0.25em 0.5em;
		vertical-align: middle;
		font-size: 80%;
		line-height: 150%;
	}
	/*20230512追記*/
	#DataBlock #ProdData table#ProdDataTbl th{
		vertical-align: top;
	}
	/*--*/
	#DataBlock #ProdData table#ProdDataTbl td table td {
		font-size: 100%;
	}
	#DataBlock #LinkBtn ul {
		gap: 0.5em;
	}
	#PageLinkBtn ul {
		justify-content: flex-start;
		flex-flow: wrap;
		gap: 0.5em;
		width: 83.33vw;
		margin: 1em auto 0;
	}
	#PageLinkBtn li {
		width: calc(50% - 0.5em);
	}
	#Catch {
		width: 83.33vw;
		margin: 1em auto 0;
	}


	/* 追加（特長ブロック・スマホ表示） */
	#Tokutyou {
		width: 83.33vw;
		margin: 1em auto 0;
	}


	#LeafletList {
		grid-template-columns: auto;
		grid-template-rows: auto auto;
		grid-template-areas: "LeafletCover""OtherPDF";
		width: 83.33vw;
		margin-left: auto;
		margin-right: auto;
	}
	#LeafletCover {
		margin-bottom: 1em;
	}
	#LeafletCover img {
		width: 50vmin;
		height: auto;
		margin-bottom: 0.5em;
	}
	#OtherPDF {
		padding-left: 0;
	}
	#OtherPDF ul li {
		min-width: 45%;
		margin-bottom: 1em;
	}
	#TekiyouTabArea {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		flex-flow: wrap;
		position: relative;
	}
	#TekiyouTabArea h2 {
		display: block;
		width: 85vmin;
		background-color: #ecf4f6;
		padding: 0.5em;
		clip-path: polygon(0% 100%, 0% 0%, 82.5% 0%, 100% 100%);
		margin: 0;
	}
	#TekiyouTabArea ul {
		width: 100%;
		align-items: flex-start;
		justify-content: flex-start;
		background-color: #ecf4f6;
		padding: 0.5em;
	}
	#TekiyouData {
		padding: 0.5em;
	}
	#FilterTbl {
		width: 100%;
		position: relative;
	}
	#TekiyouTblArea {
		height: 70vmin;
	}
	#TekiyouTblArea table {
		table-layout: auto;
	}
	#TekiyouTblArea table th, #TekiyouTblArea table td {
		padding: 0.25em;
	}
	#CautionArea {
		padding: 1em;
		scroll-margin: 18vmin;
	}
	.CautionBlock.Show {
		padding: 0.5em 1em 1em;
	}
	.CautionBlock h4 {
		padding-left: 2em;
	}
	/*関連情報*/
	#RelatedInformation {
		width: 100%;
		max-width: 100%;
		margin: 1em auto;
	}
	#RelatedInformation h2 {
		display: block;
		width: 90%;
		background-color: #ecf4f6;
		padding: 0.5em;
		clip-path: polygon(0% 100%, 0% 0%, 82.5% 0%, 100% 100%);
		margin: 0;
	}
	#RelatedInformationBlock {
		padding: 1em;
	}
	/*適用拡大*/
	#TekiyouBlock {
		width: 100%;
		max-width: 100%;
	}
	#TekiyouBlock ul#YearTab li a {
		font-size: 80%;
		line-height: 125%;
	}
	#tekiyo_index ul li {
		width: 33.333%;
	}
	#tekiyo_index ul li a {
		font-size: 80%;
		line-height: 125%;
	}
	#TekiyouBlock table {
		width: 100%;
		margin: 1em auto;
	}
	#TekiyouBlock table th, #TekiyouBlock table td {
		font-size: 80%;
		line-height: 125%;
	}
	/*SDS*/
	.SDSListBlock ul {
		gap: 0 2em;
	}
	.SDSListBlock ul li {
		width: 46%;
	}
	/*製品一覧*/
	#CategorySelect {
		justify-content: flex-start;
		flex-flow: wrap;
		gap: 0.5em 0;
		background-color: transparent;
	}
	#CategorySelect li {
		width: 25%;
		padding: 1em 0;
		flex-shrink: 0;
		background-color: #ededee;
		font-size: 80%;
		line-height: 150%;
	}
	#CategorySelect li:nth-of-type(4n), #CategorySelect li:last-child {
		border-right: solid 1px #c6c6ca;
	}
	#CategorySelect li.Select, #CategorySelect li:hover {
		color: #ffffff;
		background-color: #3e8d9e;
	}
	#CategorySelect li span {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}
	.ProdListBlock {
		display: none;
	}
	.ProdListBlock.Show {
		display: block;
		width: 100%;
	}
	.ProdListBox .Category {
		font-size: 80%;
		line-height: 150%;
	}
	/*農薬ガイド*/
	.CautionBtnArea {
		width: 100%;
	}
	#GuideArea {
		width: 100%;
	}
	#GuideArea a {
		flex-basis: 48%;
		background: url("../images/global/icn_PDF_large_g.png") no-repeat left center;
		background-size: 2em;
	}
	#GuideArea a::after {
		right: 0;
	}

	/* ▼ 2024/01/24 牛川：更に詳しい情報バナー対応 */
	.OsusumeBanner {
		width: 90vw;
	}
	/* ▲ 2024/01/24 牛川：更に詳しい情報バナー対応 */

	@media screen and (max-aspect-ratio: 11/10) {
		/* 縦向きの場合のスタイル */
		#TekiyouTabArea ul {
			flex-flow: column;
		}
		#FilterTbl th {
			display: block;
			width: 100%;
			padding: 0.5em 0;
			text-align: center;
		}
		#FilterTbl td {
			display: block;
			padding: 0 0 0.5em 0;
			width: 100%;
			text-align: center;
		}
		#FilterTbl td .SelectBox {
			flex-flow: wrap;
			justify-content: center;
		}
		#TekiyouTblArea table th, #TekiyouTblArea table td {
			font-size: 50%;
			line-height: 120%;
		}
		#TekiyouBlock table th, #TekiyouBlock table td {
			padding: 0.25em;
		}
		#tekiyo_index ul li {
			min-width: 48%;
		}
		/*SDS*/
		#KanaSelect {
			display: flex;
			justify-content: flex-start;
			align-items: stretch;
			flex-flow: wrap;
			gap: 0.5em 0;
			background-color: transparent;
		}
		#KanaSelect li {
			width: 20%;
			flex-shrink: 0;
			background: #ededee;
		}
		#KanaSelect li:nth-of-type(5n) {
			border-right: solid 1px #c6c6ca;
		}
		.SDSListBlock ul li {
			width: 100%;
		}
		/*製品一覧*/
		#CategorySelect li {
			width: 33.333%;
		}
		#CategorySelect li:nth-of-type(4n) {
			border-right: none;
		}
		#CategorySelect li:nth-of-type(3n), #CategorySelect li:last-child {
			border-right: solid 1px #c6c6ca;
		}
		.ProdListBox {
			grid-template-columns: auto;
			grid-template-rows: auto auto auto;
			grid-template-areas: "Category""ProdName""BtnBlock";
			margin: 1em auto 2em;
		}
		.ProdListBox .Category {
			padding-bottom: 0.5em;
		}
		.ProdListBox .ProdName {
			padding-left: 0;
			padding-bottom: 0.5em;
		}
		.ProdListBox .BtnBlock {
			display: block;
		}
		.ProdListBox .BtnBlock ul {
			flex-flow: wrap;
			justify-content: flex-start;
			gap: 0.5em;
			padding: 0;
		}
		.ProdListBox .BtnBlock li {
			width: calc(33.33% - 0.5em);
			flex-shrink: 0;
			margin: 0;
		}
		#Prod-ListH-Index .ProdListBox .BtnBlock ul {
			flex-flow: nowrap;
			gap: 0.5em;
			padding: 0;
		}
		#Prod-ListH-Index .ProdListBox .BtnBlock li {
			width: 100%;
			flex-shrink: 1;
			margin: 0;
		}
		.ProdListBox .BtnBlock ul li a {
			justify-content: center;
			align-items: center;
		}
		/*農薬ガイド*/
		#GuideArea {
			width: 100%;
			flex-flow: column;
		}
		#GuideArea a {
			width: 100%;
			flex-basis: 100%;
			background: url("../images/global/icn_PDF_large_g.png") no-repeat left 1em center;
			background-size: 2.5em;
		}
		#GuideArea a::after {
			right: 1em;
		}
		/*20230512追記*/
		#DataBlock #ProdData table#ProdDataTbl table.SeriesList {
			/*width: 100%;
			border-top: dotted 1px #3e8d9e;*/
		}
		#DataBlock #ProdData table#ProdDataTbl table.SeriesList tr{
			border-bottom: dotted 1px #3e8d9e;
		}
		#DataBlock #ProdData table#ProdDataTbl table.SeriesList td {
			display: block;
			width: 100%;
			border-bottom: none;
			border-right: none;
			padding: 0.25em 0.5em;
		}
		#DataBlock #ProdData table#ProdDataTbl table.SeriesList td:before {
			content: attr(data-label)"：";
			display: inline-block;
			/*color: #666666;*/
			font-size: 80%;
			line-height: 120%;
		}
		#DataBlock #ProdData table#ProdDataTbl table.SeriesList th {
			display: none;
		}
		/*---*/


		/* ▼ 2024/01/17 牛川：動画エリア追加対応 */

		/* 「動画」表示エリア */
		.VideoBlock {
			width: 100%;
			flex-flow: column;
			padding-left: 5%;
		}

		/* 「動画」サムネイル画像 */
		.VideoThumbnail {
			width: 90vw;
		}
		/* ▲ 2024/01/17 牛川：動画エリア追加対応 */


		/* ▼ 2024/01/17 牛川：適用拡大Newマーク表示対応 */
		#TekiyouTab {
			margin-top: -10px;
		}

		#TekiyoNewMark {
			position: relative; 
			top: 17px; 
			right: -79vw;
		}
		/* ▲ 2024/01/17 牛川：適用拡大Newマーク表示対応 */

		/* ▼ 2024/01/18 牛川：Natural Products ロゴ表示対応 */
		#NaturalProductsPC {
			display: none;
		}

		#NaturalProductsSP {
			display: block;
			width: 30vw;
			margin: 0 auto;
			margin-top: -10px;
			z-index: 99999;
		}
		/* ▲ 2024/01/18 牛川：Natural Products ロゴ表示対応 */


		/* ▼ 2024/03/20 牛川：ぶどう着色予測バナー対応 */
		#GrapePC {
			display: none;
		}

		#GrapeSP {
			display: block;
			margin: 1em 0;
		}

		#ContentsBlockID {
			position: static !important;
		}

		/* ▲ 2024/03/20 牛川：ぶどう着色予測バナー対応 */

		/* ▼ 2025/11/18 牛川：フセキワイドフロアブル特設ページバナー対応 */
		#FusekiWideFL {
			/* background-color: orange; */
			width: 80vw;
			left: 9vw;
			top: auto;
			top: calc(200px + 130vw);
		}

		#FusekiWideFL_TXT {
			/* 「更に詳しい情報はこちら」のリンクテキストの表示位置をセット */
			/* background-color: orange; */
			margin: auto;
			padding-left: 120px;
		}
		/* ▲ 2025/11/18 牛川：フセキワイドフロアブル特設ページバナー対応 */

.Oritatami {
	left: -1em;
}
	}
	@media screen and (min-aspect-ratio: 11/10) {
		/* 横向きの場合のスタイル */
		#DataBlock #ProdData table#ProdDataTbl th, #DataBlock #ProdData table#ProdDataTbl td {
			padding: 0.5em 1em;
			font-size: 100%;
			line-height: 150%;
		}
	}
}