@charset "utf-8";

@media (max-width: 767px) {
	:root {
		--tojino-mobile-content-edge: 4px;
		--tojino-mobile-content-pad: 6px;
	}

	body.responsive #nt_body {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.responsive #nt_body > .nt-container,
	body.responsive #nt_body > .nt-container-wide {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: var(--tojino-mobile-content-edge) !important;
		padding-right: var(--tojino-mobile-content-edge) !important;
	}

	body.responsive #nt_body .row.na-row {
		margin-left: calc(var(--tojino-mobile-content-edge) * -1) !important;
		margin-right: calc(var(--tojino-mobile-content-edge) * -1) !important;
	}

	body.responsive #nt_body .row.na-row > .na-col,
	body.responsive #nt_body .main-contentbox-wrap,
	body.responsive #nt_body .custom-left-sec.na-col {
		padding-left: var(--tojino-mobile-content-pad) !important;
		padding-right: var(--tojino-mobile-content-pad) !important;
	}

	body.responsive #nt_body .main-contentbox-wrap > .container,
	body.responsive #nt_body .custom-left-sec > .container {
		max-width: 100% !important;
		padding-left: var(--tojino-mobile-content-pad) !important;
		padding-right: var(--tojino-mobile-content-pad) !important;
	}

	body.responsive #bo_list .mttip-mobile-meta__item {
		column-gap: 3.5px !important;
		gap: 3.5px !important;
	}

	body.responsive #nt_body .home-official-notice {
		align-items: flex-start;
	}

	body.responsive #nt_body .home-official-notice__text,
	body.responsive #nt_body .home-official-notice__link {
		flex-basis: 100% !important;
	}

	body.responsive #nt_body .point-zone-wrapper {
		padding-left: var(--tojino-mobile-content-pad) !important;
		padding-right: var(--tojino-mobile-content-pad) !important;
	}

	body.responsive #nt_body .exchange-shell-page.container {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.responsive #nt_body .exchange-shell-page .bo_point_notice,
	body.responsive #nt_body .exchange-shell-page .search-container,
	body.responsive #nt_body .exchange-shell-page form.search-section {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.responsive #nt_body .exchange-shell-page .exchange-card-grid {
		margin-left: -4px !important;
		margin-right: -4px !important;
	}

	body.responsive #nt_body .exchange-shell-page .exchange-card-grid > [class*="col-"] {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
}

@media (max-width: 575px) {
	:root {
		--tojino-mobile-content-edge: 3px;
		--tojino-mobile-content-pad: 5px;
	}
}