@charset 'utf-8';

/* ---------------------------------
	インナー制御
--------------------------------- */

@media (max-width: 1280px) {
	
	.content-inner {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	
	.content-inner-full {
		padding-right: 0;
		padding-left: 0;
	}
	
	.header-inner {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}

	.reservation-inner {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}

}

/* ---------------------------------
	PC & タブレット
--------------------------------- */

@media (min-width: 641px) {

	.only-sp {
		display: none;
	}

	.content-columns {
		gap: 0;
		grid-template-columns: repeat(2, 1fr);
	}

	.menu-price span {
		padding: 0.5rem 1rem;
	}

	/* Header */

	.header-logo img {
		width: 10rem;
	}
	
	/* Footer */

	.footer-columns {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* Reservation */

	.reservation-content {
		padding: 5rem;
	}

	.reservation-buttons {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* Post & Page */
	
	.post-header-columns {
		grid-template-columns: 1fr repeat(3, calc(80rem / 3)) 1fr;
	}
	
	.post-header-columns::before {
		content: '';
		background: var(--color-white);
	}
	
	.post-header-columns::after {
		grid-column: 3 / 6;
	}
	
	.post-header-content {
		padding: 15rem 0 10rem;
	}

}

/* ---------------------------------
	スマートフォン
--------------------------------- */

@media (max-width: 640px) {

	body {
		font-size: 14px;
	}
	
	.only-pc {
		display: none;
	}
	
	.content-inner {
		padding: 5rem 0.5rem;
	}
	
	.content-inner-small {
		padding: 2.5rem 0.5rem;
	}
	
	.content-inner-full {
		padding-right: 0;
		padding-left: 0;
	}
	
	.content-headline {
		margin-bottom: 3.5rem;
	}
	
	/* Post & Page */
	
	.post-header-content h1 {
		width: max-content;
		padding: 0.5rem;
		position: absolute;
		top: 50%;
		left: 0rem;
		transform: translateY(-25%);
		background: rgba(255, 255, 255, 0.5);
	}

}