@charset "utf-8";
:root {
		--SearchA_Slick_Size: 150px;
}

@media screen and (max-width: 768px) {
	:root {
		--SearchA_H2_Em_Br_display: block;
	}
}

@media screen and (min-width:769px) and ( max-width:1160px) {
	:root {
		--SearchA_H2_Em_Br_display: none;
	}
}

@media screen and (min-width:1161px) {
	:root {
		--SearchA_H2_Em_Br_display: none;
	}
}

#searchA {
	margin: var(--Margin_S) 0 0;
	padding: var(--Margin_S) 0 0;
	background: var(--Color_1D000);
	& h2 {
		display: flex;
		flex-direction: column;
		align-items: center;
		color: var(--Color_K);
		& em {
			text-align: center;
			font-size: var(--Size_12);
			& br {
				display: var(--SearchA_H2_Em_Br_display);
			}
		}
		& strong {
			font-size: var(--Size_12);
			font-weight: 600;
		}
	}
}

#searchA {
	& .noodleS {
		margin: var(--Margin_S) 0 0;
		width: 100%;
		& .slick-list {
			& .slick-track {
				display: flex;
				align-items: center;
				overflow: clip;
				& .slick-slide {
    				flex: 0 0 var(--SearchA_Slick_Size);
					width: var(--SearchA_Slick_Size);
					& img {
						display: block;
						width: 100%;
						height: auto;
						max-height: var(--SearchA_Slick_Size);
					}
				}
			}
		}
	}
}
	
#searchB {
	& .box {
		padding: 0;
		align-items: center;
		gap: 0;
		& p {
			text-align: center;
			font-size: var(--Size_10);
		}
		& #link {
			display: flex;
			flex-direction: var(--Flex-direction_CRR);
			justify-content: center;
			align-items: var(--Online_Div_Link_align-items);
			gap: var(--Gap_L);
		}
	}
}