@charset 'utf-8';

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

@media (max-width: 1280px) {

	.content-inner {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.content-inner-full {
		padding-right: 0;
		padding-left: 0;
	}

	.header-inner {
		padding-right: 1rem;
		padding-left: 1rem;
	}

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

	.content-introduction {
		padding: 1.5rem 1rem;
	}

	.content-wrap {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.breadcrumbs ol {
		padding: 0.25rem 1rem;
	}

	.post-header-content h1 {
		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-inner {
		padding: 0;
		height: 118px;
	}

	.header-logo {
		margin: 0.5rem 0;
		display: block;
		font-size: 14px;
	}

	.header-logo img {
		width: 100%;
	}

	/* Footer */
	.footer-menu-list-child {
		gap: 0.5rem 2rem;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}

	.footer-menu-face-wrap {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}

	.footer-menu-body-wrap {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}

	.footer-menu-skin-wrap {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.footer-information {
		grid-template-columns: 1fr 2fr 1fr;
		gap: 1rem;
	}

	/* Reservation */

	.reservation-content {
		padding: 5rem;
	}

	.reservation-buttons {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Post & Page */
	.site-contents {
		padding-top: 118px;
	}

	.post-header-content {
		padding: 15rem 0 10rem;
	}

	.content-links-colums {
		grid-template-columns: repeat(3, 1fr);
	}

	.content-links-box .content-headline {
		margin-bottom: 2rem;
	}

	.content-links-box li {
		height: 100%;
	}

	.content-links-box a {
		height: 100%;
	}

	.menu-price th,
	.menu-price td {
		padding: 1rem 0;
	}

}

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

@media (max-width: 640px) {

	body {
		font-size: 14px;
	}

	.only-pc {
		display: none;
	}

	.content-inner {
		padding: 5rem 0.5rem;
	}

	.content-inner-small {
		padding: 5rem 0.5rem 2.5rem;
	}

	.content-inner-full {
		padding-right: 0;
		padding-left: 0;
	}

	.content-headline {
		margin-bottom: 3.5rem;
	}

	/*Footer*/
	.footer-inner {
		padding: 5rem 1rem 2.5rem;
	}

	/* Content Button*/
	.content-button-small {
		padding: 0 2rem;
	}

	.content-button {
		min-height: 3rem;
		padding: 0.5rem 1rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* Post & Page */
	.post-header-background {
		background-position: right;
	}

	.post-header-content h1 em {
		font-size: 2em;
	}

	.content-introduction-wrap {
		margin-top: -5rem;
		margin-bottom: 3.5rem;
	}

	.content-links-box .content-headline::before {
		font-size: 1.5rem;
	}

	.content-links-box ul {
		gap: 0.5rem;
	}

	.content-links-box a {
		padding: 0.875rem 0;
	}



}