.is-hidden {
 		/* 非表示 */
 		display: none;
 }
 .is-active {
 		display: block;
 }
 /* 全体の設定 */
 .filter__area {
 		/* 外側の余白｜上下｜左右（センタリング）｜ */
 		margin: 0 auto 50px;
 }
 /* リンクエリアと検索条件エリアの設定 */
 .search__box {
 		/* 横幅 */
 		width: 100%;
 		/* 高さ */
 		height: auto;
 		/* 外側の下余白 */
 		margin-bottom: 50px;
 }
 /* リンクコンテンツ、検索コンテンツ、詳細検索コンテンツの設定 */
 .search__contents {
 		/* 内側の余白 */
 		padding: 30px 20px 0;
 }
 .search__contents p {
 		margin: 10px 0;
 		font-weight: bold;
 		color: #1565C0;
	 font-size: 17px;
 }
 /* リンクコンテンツ、検索コンテンツ、詳細検索コンテンツのボタン部分の設定 */
 .search__contents .items {
 		/* 横幅 */
 		width: 100%;
 		/* 高さ */
 		height: auto;
 		display: flex;
 		justify-content: space-between;
 		align-items: flex-start;
 		flex-wrap: wrap;
 }
 /* リンクコンテンツ、検索コンテンツ、詳細検索コンテンツのボタンの設定 */
 .search__contents .item {
 		/* 外側の下余白 */
 		margin-bottom: 15px;
 		/* 横幅 */
 		width: calc(31.5% - 2px);
 		/* 高さ */
 		height: 56px;
 		/* 線｜太さ｜線種｜色｜ */
 		border: 1px solid #465f6a;
 		/* 角丸 */
 		border-radius: 4px;
 		background-position: 8px center;
 		background-size: 24px;
 		/* 文字の大きさ */
 		font-size: 14px;
 		display: flex;
 		/*垂直方向にの配置位置を設定。
  /* アニメーションの設定｜対象｜速さ｜ */
 		transition: opacity 0.2s;
 		/* 透明度 */
 		opacity: 1;
 		/* 内側の余白 */
 		padding: 0;
 		position: relative;
 		/* カーソルが触れた時、指になる */
 		cursor: pointer;
 }
 /* リンクコンテンツ、検索コンテンツ、詳細検索コンテンツのボタンに触れた時の設定 */
 .search__contents .item:hover {
 		/* 透明度 */
 		opacity: 0.7;
 }
 /* チェックボックス  */
 .search__contents .item input {
 		/* 非表示 */
 		display: none;
 }
 /* ラベル部分 */
 .search__contents .item label {
 		display: block;
 		position: relative;
 		/* 内側の左余白 */
 		padding-left: 32px;
 		/* 横幅 */
 		width: 100%;
 		text-align: center;
 		/* 行間 */
 		line-height: 56px;
 		/* 内側の余白 */
 		padding: 0 20px;
	 font-weight: bold;
 		box-shadow: #e9e9e9 0px -6px 6px -1px inset;
 }
 .search__contents .item input:checked + label {
 		color: rgb(255, 255, 255);
 		box-shadow: #093668 0px -6px 6px -1px inset;
 		background: #1565C0;
 }
 /* 「該当○件」部分 */
 .resultNum {
 		/* 文字の大きさ */
 		font-size: 14px;
 		/* 文字の位置 */
 		text-align: center;
 		/* 文字色 */
 		color: #aaa;
 }
 /* 「該当○件」数字部分 */
 .resultNum .num {
 		/* 外側の余白 */
 		margin: 0 2px;
 		/* 文字の大きさ */
 		font-size: 24px;
 		/* 文字の太さ */
 		font-weight: 700;
 		/* 文字色 */
 		color: #ef4c4c;
 }
 /* 「検索」ボタン */
 .search__btn {
 		display: block;
 		position: relative;
 		padding: 1em 1.5em;
 		box-shadow: 0 3px 0 0 #9a2e2e;
 		border-radius: 4px;
 		margin: 30px auto 70px;
 		font-weight: bold;
 		font-size: 16px;
 		width: 500px;
 		color: #fff;
 		text-align: center;
 		text-decoration: none;
 		overflow: hidden;
 		transition: 300ms;
	 background: linear-gradient(to bottom, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%);
 }
 .search__btn:hover {
 		text-decoration: none;
 		color: #fff;
 		box-shadow: none;
 		-webkit-transform: translateY(3px);
	 opacity: 0.5;
		transition: 0.3s;
 }
 .search__btn::before {
 		position: absolute;
 		content: "";
 		display: inline-block;
 		top: -180px;
 		left: 0;
 		width: 30px;
 		height: 100%;
 		background-color: #fff;
 		-webkit-animation: shiny-btn1 3s ease-in-out infinite;
 		animation: shiny-btn1 3s ease-in-out infinite;
 }
 .search__btn span::before {
 		position: absolute;
 		content: "";
 		display: inline-block;
 		top: 25px;
 		left: 65px;
 		width: 18px;
 		height: 20px;
 		background: url("../img/search_ic01.png") no-repeat center / 18px 20px;
 }
 .search__btn:hover span::before {
 		background: url("../img/search_ic02.png") no-repeat center / 18px 20px;
 }
 /* 検索結果の箱 */
 .result__box {
 		display: flex;
 		flex-wrap: wrap;
 		/* 高さ */
 		height: auto;
 		/* 背景色 */
 		background: #d8d8d8;
 		/* 角丸 */
 		border-radius: 5px;
 		/* 内側の余白 */
 		margin: 0 auto;
 		padding: 40px;
 }
 .result__box.is-hidden {
 		display: none; /* is-hidden のときは非表示 */
 }
 /* 検索結果のコメント部分 */
 .result__box .comment__box {
 		/* 内側の余白 */
 		padding: 0;
 		/* 外側の余白 */
 		margin: 0 auto 12px;
 		display: flex;
 		/*垂直方向にの配置位置を設定。
  center = 中央配置
  flex-start = 先頭にまとめる
  flex-end = 末尾にまとめる*/
 		align-items: center;
 		/*水平方向に間隔を配置する方法。
  flex-start = 左側から配置する
  flex-end = 右側から配置する
  center = 真ん中に配置する
  space-around = 均等配置して両端に間隔を置く
  space-between = 均等配置してエリアの間に間隔を置く
  space-evenly = 均等配置して各アイテム周りに間隔を置く*/
 		justify-content: center;
 }
 /* 検索結果のコメントの中身部分 */
 .result__box .comment {
 		/* 内側の余白 */
 		padding: 0.2em 0.8em;
 		/* 角丸 */
 		border-radius: 30px;
 		/* 外側の余白｜上下｜左右（センタリング）｜ */
 		margin: 0 auto;
 		/* 文字色 */
 		color: #fff;
 		/* 背景色 */
 		background: #59b03c;
 		position: relative;
 		/* 文字の大きさ */
 		font-size: 14px;
 }
 /* コメントの吹き出し部分 */
 .result__box .comment:after {
 		display: block;
 		content: "";
 		/* 線｜太さ｜線種｜色｜ */
 		border: 6px solid transparent;
 		/* 要素の位置（上基準）border- */
 		top: 8px solid #59b03c;
 		/* 要素の移動 */
 		transform: translateX(-50%);
 		position: absolute;
 		/* 要素の位置（上基準） */
 		top: 100%;
 		/* 要素の位置（左基準） */
 		left: 50%;
 }
 /* 検索結果の見出し部分 */
 .result__box .head {
 		/* 文字色 */
 		color: #0d300f;
 		/* 文字の位置 */
 		text-align: center;
 		position: relative;
 		/* 外側の下余白 */
 		margin-bottom: 20px;
 }
 /* 検索結果見出しの下の飾り */
 .result__box .head:after {
 		display: block;
 		content: "";
 		/* 横幅 */
 		width: 40px;
 		/* 高さ */
 		height: 4px;
 		/* 角丸 */
 		border-radius: 4px;
 		/* 背景色 */
 		background: #59b03c;
 		/* 要素の移動 */
 		transform: translateX(-50%);
 		position: absolute;
 		bottom: 0;
 		/* 要素の位置（左基準） */
 		left: 50%;
 }
 /* 検索結果の詳細 */
 .result__content {
 		/* 内側の余白 */
 		padding: 20px;
 		/* 外側の下余白 */
 		margin: 5px 5px;
 		/* 横幅 */
 		width: 48%;
 		/* 高さ */
 		height: auto;
 		/* 角丸 */
 		border-radius: 12px;
 		/* 影｜X方向｜Y方向｜ぼかし｜色｜ */
 		box-shadow: 0 2px 4px rgba(13, 48, 15, .16);
 		/* 背景色 */
 		background: #fff;
 		/* 変更する物 */
 		will-change: opacity, width;
 }
 /* 検索結果非表示時 */
 .result__content.fadeOut {
 		/* アニメーションの詳細設定｜名前｜速さ｜維持｜ */
 		animation: fadeOutItem .5s both;
 }
 /* アニメーションの設定 */
 @keyframes fadeInItem {
 		0% {
 				/* 外側の余白 */
 				margin: 0;
 				/* 透明度 */
 				opacity: 0;
 				/* 内側の余白 */
 				padding: 0;
 				/* 高さ */
 				height: 0;
 		}
 		100% {
 				/* 透明度 */
 				opacity: 1;
 		}
 }
 @keyframes fadeOutItem {
 		0% {
 				/* 透明度 */
 				opacity: 1;
 		}
 		100% {
 				/* 非表示 */
 				display: none;
 				/* 外側の余白 */
 				margin: 0;
 				/* 透明度 */
 				opacity: 0;
 				/* 内側の余白 */
 				padding: 0;
 				/* 高さ */
 				height: 0;
 		}
 }
 @-webkit-keyframes shiny-btn1 {
 		0% {
 				-webkit-transform: scale(0) rotate(45deg);
 				transform: scale(0) rotate(45deg);
 				opacity: 0;
 		}
 		80% {
 				-webkit-transform: scale(0) rotate(45deg);
 				opacity: 0.5;
 		}
 		81% {
 				-webkit-transform: scale(4) rotate(45deg);
 				opacity: 1;
 		}
 		100% {
 				-webkit-transform: scale(50) rotate(45deg);
 				opacity: 0;
 		}
 }
 @keyframes shiny-btn1 {
 		0% {
 				-webkit-transform: scale(0) rotate(45deg);
 				transform: scale(0) rotate(45deg);
 				opacity: 0;
 		}
 		80% {
 				-webkit-transform: scale(0) rotate(45deg);
 				opacity: 0.5;
 		}
 		81% {
 				-webkit-transform: scale(4) rotate(45deg);
 				opacity: 1;
 		}
 		100% {
 				-webkit-transform: scale(50) rotate(45deg);
 				opacity: 0;
 		}
 }
 /* 商品名部分の設定 */
 .result__content .itemName__area {
 		/* 横幅 */
 		width: 100%;
 		/* 高さ */
 		height: auto;
 		/* 外側の下余白 */
 		margin-bottom: 25px;
 }
 /* ランキング部分 */
 .result__content .itemName__area .ranking {
 		position: relative;
 }
 .result__content .itemName__area .ranking img {
 		width: 40px;
 		height: 40px;
 		position: absolute;
 		top: -8px;
 		left: 0;
 }
 /* 商品名 */
 .result__content .itemName__area .name {
 		/* 文字の大きさ */
 		font-size: 17px;
 		text-align: center;
 		/* 文字の太さ */
 		font-weight: bold;
 }
 .result__content .itemImg__area img:hover {
 		opacity: 0.5;
 }
 /* 商品画像部分 */
 .itemImg__area, .itemImg__area img {
 		/* 横幅 */
 		width: 95%;
 		/* 高さ */
 		height: auto;
 		margin: 0 auto;
 		text-align: center;
 }
 @media (max-width: 768px) {
 		.filter__area {
 				/* 横幅 */
 				width: auto;
 		}
 		.search__box {
 				border: none;
 		}
 		.search__ttl {
 				margin: 50px 0 10px;
 		}
 		.search__ttl img {
 				width: 90%;
 		}
 		.search__contents .item {
 				/* 横幅 */
 				width: 80%;
 				margin: 0 auto 15px;
 		}
 		.search__btn {
 				width: 260px;
 				margin: 20px auto 0;
 		}
 		.search__btn:hover {
 				box-shadow: 0 3px 0 0 #a36317;
 				-webkit-transform: translateY(0);
 		}
 		.result__box {
 				padding: 20px;
 		}
 		.result__content {
 				width: 100%;
 				height: auto;
			padding: 20px 20px 40px;
 		}
	 .result__content .itemName__area {
		 margin-bottom: 15px;
	 }
 }
 /* 追記(2025.05.04) */
 /* アコーディオン初期状態（スマホ） */
 .search__accordion {
 		margin-top: 20px;
 }
 .accordion-toggle {
 		display: block;
 		width: 100%;
 		padding: 12px;
 		font-size: 16px;
 		text-align: center;
 		background-color: #f2f2f2;
 		border: none;
 		cursor: pointer;
 		position: relative;
 		padding-right: 2em; /* 矢印のスペース確保 */
 }
 .search__contents {
 		transition: height 0.3s ease;
 }
 /* PC時は常に表示、ボタンは非表示 */
 @media screen and (min-width: 769px) {
 		.accordion-toggle {
 				display: none;
 		}
 		.search__contents {
 				display: block !important;
 				height: auto !important;
 				overflow: visible !important;
 				transition: none !important;
 		}
 }
 /* アコーディオン開閉切り替え */
 .search__contents {
 		display: none;
 }
 .search__contents.open {
 		display: block;
 }
 .accordion-toggle::after {
 		content: '';
 		position: absolute;
 		top: 50%;
 		right: 1em;
 		width: 0.5em;
 		height: 0.5em;
 		border-right: 2px solid #333;
 		border-bottom: 2px solid #333;
 		transform: translateY(-50%) rotate(45deg); /* ▼ */
 		transition: transform 0.3s ease;
 }
 /* 開いたときの矢印向き（▲） */
 .search__contents.open + .accordion-toggle::after, .accordion-toggle.active::after {
 		transform: translateY(-50%) rotate(-135deg);
 }