/* タブレット向けレイアウト
-------------------------------------------- */
@media all and (max-width: 1000px) {
	header {
		height: 50px;
	}

	.header-content img {
		height: 20px;
	}

	nav ul {
		padding-top: 1.5em;
	}

	.header-reserve {
		display: none;
	}

	.header-reserve-1000px {
		display: block;
	}

	.header-reserve-1000px span {
		padding-right: 1em;
	}

	.news-content-1000px {
		display: none;
	}

	.news-contents {
		justify-content: space-evenly;
	}

	.concept-content {
		flex-direction: column; /* flexboxのアイテムを縦並び */
		justify-content: center;
		align-items: center;  /* flexboxのアイテムを上下中央揃え */
	}

	.concept-left {
		width: auto;  /* 固定幅を解除 */
		max-width: 570px;
	}

	.concept-right {
		width: auto;  /* 固定幅を解除 */
		max-width: 570px;
		text-align: center;
		margin-top: 30px;
	}

	.concept-right span {
		font-size: 1.8em;
	}

	.instagram-content-1000px {
		display: block;
	}

	.instagram-contents {
		flex-wrap: wrap;
	}

	.reservation-wrapper ul {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1.5em;
	}

	.reservation-wrapper ul li a{
		width: 300px;
	}
}

/* スマホ向けレイアウト
-------------------------------------------- */
@media all and (max-width: 670px) {
	/* header
	-------------------------------------------- */
	header {
		height: 45px;
	}

	.header-content {
		padding: 0 15px;
	}

	header nav {
		display: none;
	}

	.header-nav-670px {
		display: block;
	}

	/* top-wrapper
	-------------------------------------------- */
	.top-wrapper {
		position: relative;
		width: 100%;
		height: 400px;
		margin-top: 20px;
	}

	.top-wrapper-left {
		position: absolute;
		bottom: 10%;
		left: 10%;
		flex-flow: column;
		justify-content: initial; /* 子要素を右寄せ */
		align-items: center;
		flex-basis: auto;
		gap: 1em;
		z-index: 20;
	}
	
	.top-wrapper-left h1 {
		font-size: 2.0em;
		position: static;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
	} 

	.top-wrapper-left img {
		width: 100px;
		height: 100px;
		margin-right: 0;/* 左から10%の位置に配置  */
	}

	#slideshow {
		flex-basis: auto;
	}

	#slideshow img {
		width: 100%;
		height: 400px;
		border-radius: 0 0 0 0;
	}

	/* news-wrapper
	-------------------------------------------- */
	.news-contents {
		display: flex;
		flex-flow: column;
		justify-content: center;  /*　flexアイテムを中央揃え　*/
		align-items: center;
		row-gap: 15px;  /* 要素のグリッド行の間のすき間を指定 */
	}

	/* salon_info-wrapper
	-------------------------------------------- */
	.access-contents {
		justify-content: stretch;  /*　flexアイテムを中央揃え　*/
		flex-direction: column;  /* flexbox内のアイテムを縦並び */
		align-items: center;
		row-gap: 1.5em;
	}

	/* footer
	-------------------------------------------- */
}