@charset "utf-8";

@media screen and (max-width: 768px) {
	:root {
		--Online_H2_Strong_height: 60px;
		--Online_H2_Strong_font-size: var(--Size_11);
		--Online_H2_Strong_background-size: 60px;
		--Online_Noodle_Children_width: calc( var(--Size_10) * 7 );
		--Online_Div_Link_align-items: center;
	}
}

@media screen and (min-width:769px) and ( max-width:1160px) {
	:root {
		--Online_H2_Strong_height: 120px;
		--Online_H2_Strong_font-size: var(--Size_18);
		--Online_H2_Strong_background-size: 120px;
		--Online_Noodle_Children_width: calc( var(--Size_10) * 10);
		--Online_Div_Link_align-items: center;
	}
}

@media screen and (min-width:1161px) {
	:root {
		--Online_H2_Strong_height: 140px;
		--Online_H2_Strong_font-size: var(--Size_20);
		--Online_H2_Strong_background-size: 140px;
		--Online_Noodle_Children_width: calc( var(--Size_10) * 12);
		--Online_Div_Link_align-items: center;
	}
}

body {
	& #online {
		width: 100%;
		& h2 {
			display: flex;
			justify-content: center;
			& strong {
				display: flex;
				align-items: center;
				padding: 0 0 0 var(--Size_14);
				height: var(--Online_H2_Strong_height);
				font-weight: 600;
				font-size: var(--Online_H2_Strong_font-size);
				background: url('../../common/svg/circle_sumi.svg');
				background-repeat: no-repeat;
				background-size: var(--Online_H2_Strong_background-size);
			}
		}
		.slick-slide {
			width: 150px;
		}
	}
}

body {
	& #online2 {
		& .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);
			}
		}
	}
}