html {
	font-size: 62.5%;
	/* 16px * 62.5% = 10px */
	width: 100%;
}

body {
	color: #332619;
	/* RGB */
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 3;
	text-align: left;
}

a:hover {
	opacity: 0.5;
	transition: .3s;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

.none {
	display: none;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

::before,
::after {
	box-sizing: inherit;
}

button {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	vertical-align: middle;
	text-align: inherit;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
}

.header {
	height: 50px;
	background-color: #A21F46;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.header__logo {
	width: 58px;
	position: absolute;
	left: 25px;
}

.header__logo img {
	display: block;
	width: 100%;
	height: 100%;
}

.header nav {
	height: 100%;
}

/**************** 以下、ハンバーガーボタンのスタイリング ****************/
.btn {
	/* ボタンの配置位置  */
	position: absolute;
	top: auto;
	right: 25px;
	/* 最前面に */
	z-index: 20;
	/* ボタンの大きさ  */
	width: 22px;
	height: 22px;
}

/***** 真ん中のバーガー線 *****/
.btn-line {
	display: block;
	/* バーガー線の位置基準として設定 */
	position: relative;
	/* 線の長さと高さ */
	width: 100%;
	height: 1px;
	/* バーガー線の色 */
	background-color: #FFF;
	transition: .2s;
}

/***** 上下のバーガー線 *****/
.btn-line::before,
.btn-line::after {
	content: "";
	/* 基準線と同じ大きさと色 */
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	transition: .5s;
}

.btn-line::before {
	/* 上の線の位置 */
	transform: translateY(-10px);
}

.btn-line::after {
	/* 下の線の位置 */
	transform: translateY(10px);
}

/***** メニューオープン時 *****/
.btn-line.open {
	/* 真ん中の線を透明に */
	background-color: transparent;
}

.btn-line.open::before,
.btn-line.open::after {
	content: "";
	background-color: #332619;
	transition: .2s;
}

.btn-line.open::before {
	/* 上の線を傾ける */
	transform: rotate(45deg);
}

.btn-line.open::after {
	/* 上の線を傾ける */
	transform: rotate(-45deg);
}

/**************** ここまで、ハンバーガーボタンのスタイリング ****************/
/**************** 以下、メニューのスタイリング ****************/
.menu {
	/* メニューを縦に */
	display: flex;
	flex-direction: column;
	position: fixed;
	/* メニューの位置マイナス指定で画面外に */
	right: -70%;
	width: 70%;
	height: 100vh;
	line-height: normal;
	background-color: #F5F1E8;
	color: #332619;
	transition: .3s;
	z-index: 15;
	padding-top: 70px;
	font-size: 1.4rem;
}

.menu-list {
	/* メニューテキスト位置をリスト内中心に */
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

.menu-list:hover {
	color: #A21F46;
	cursor: pointer;
	transition: .3s;
}
.insta-rogo-brown{
	width: 20px;
    margin: 0 auto;
    padding-top: 10px;
}
.insta-rogo-brown img{
	width: 100%;
}
.tel-menu{
	text-align: center;
	font-size: 1.6rem;
	padding-top: 50px;
}
.tel-menu-red{
	color: #A21F46;
	font-size: 2.0rem;
	padding-top: 10px;
}
.header ul li:nth-child(4) {
	display: none;
}

.nav-drawer__link-top {
	display: block;
}

/***** メニューオープン時位置0にして画面内に *****/
.menu.open {
	position: absolute;
	right: 0;
}

.menu span {
	display: none;
}

/* 600px以上はハンバーガーボタン非表示、ヘッダー固定 */
@media screen and (min-width: 1200px) {
	.btn {
		display: none;
	}
	.insta-rogo-brown{
		display: none;
	}
	.tel-menu{
		display: none;
	}
	.menu {
		/* メニューを横に */
		display: flex;
		flex-direction: row;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100px;
	}
}

/**************** ここまで、メニューのスタイリング ****************/
@media (min-width:1200px) {
	.header {
		color: #fff;
		padding: 20px;
		box-sizing: border-box;
		height: 100px;
		background-color: #A21F46;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}

	.header__logo {
		display: none;
	}

	.header nav {
		margin: 0 auto;
		line-height: 1;
		font-size: 2.4rem;
		font-family: 'Cantarell', sans-serif;
		max-width: 1440px;
	}

	.nav-drawer__rogo {
		display: inline-block;
	}

	.nav-drawer__link-top {
		display: none;
	}

	.menu {
		background-color: transparent;
		position: absolute;
		color: #FFF;
		align-items: center;
		line-height: 2;
		justify-content: center;
		align-content: center;
		padding-top: 0;
		font-size: 2.4rem;
	}

	.menu-list {
		align-items: center;
		justify-content: center;
		text-align: center;
		padding-left: 130px;
		margin-bottom: 0;
	}
	.menu-list:hover {
		color: #FFF;
		cursor: pointer;
		transition: .3s;
	}

	.header ul li:first-child {
		display: none;
	}

	.header ul li:nth-child(4) {
		display: block;
	}

	.header ul li:nth-child(4) {
		padding-left: 170px;
	}

	.header ul li:nth-child(5) {
		padding-left: 170px;
	}

	.header ul li:nth-child(2) {
		padding-left: 0;
	}

	.menu span {
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.2rem;
	}
}

/*------------------------ //header----------------------------------- */

.section-shop-info {
	padding: 0 24px 90px;
	/* padding-bottom: 90px; */
}

.info-content {
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	/* width: 85%; */
	margin: 0 auto;
}

.section-shop-info h3 {
	font-size: 1.6rem;
	font-family: 'Cantarell', sans-serif;
	font-weight: 700;
	padding: 30px 0;
	text-align: left;
}

.shop-name {
	font-size: 1.0rem;
}

.tel {
	font-size: 1.6rem;
	font-family: 'Cantarell', sans-serif;
	color: #A21F46;
	line-height: 1;
}

.tel-2 {
	font-size: 1.2rem;
	color: #A21F46;
}

.info {
	line-height: 2;
	padding: 20px 0 40px;
}

.access__body {
	text-align: center;
}

.access__map {
	width: 100%;
	max-width: 700px;
	max-height: 180px;
	margin-bottom: 40px;
}

.info-img-content {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 70px;
}

.info-img-content img {
	width: 100%;
}

.btn-2 {
	width: 168px;
	padding: 11px 0 11px 0;
	font-size: 1.2rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	display: block;
	margin: 0 0 40px;
	color: #332619;
	border: 1px solid #332619;
	line-height: 1;
	border-radius: 10px;
	transition: all .2s;
}

.btn-2:hover {
	transform: scale(1.1, 1.1);
	border: 1px solid #A21F46;
	color: #A21F46;

}

@media (min-width: 768px) {
	.info-content {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: center;
	}

	.txtBox {
		padding-left: 38px;
		line-height: 2;
	}

	.access__map {
		width: 100%;
		max-width: 700px;
		max-height: 388px;
		margin: 110px 0 40px;
	}

	.btn-2 {
		width: 182px;
		padding: 15px 0 15px 0;
		position: relative;
		text-align: center;
		text-decoration: none;
		display: block;
		margin: 60px 0 0;
		color: #332619;
		border: 1px solid #332619;
		line-height: 1;
		border-radius: 10px;
		transition: all .2s;
	}
	.info-img-content {
		padding-bottom: 110px;
	}
	.section-shop-info {
		padding: 0 60px 90px;
		max-width: 1400px;
		margin: 0 auto;
	}
}
@media (min-width: 1160px) {
	.txtBox {
		padding-left: 40px;
		line-height: 2;
	}
	.section-shop-info {
		padding: 0 50px 90px;
		max-width: 1400px;
		margin: 0 auto;
	}
	.section-shop-info p {
		font-size: 1.5rem;
	}

	.tel {
		font-size: 2.0rem;
	}

	.tel-2 {
		font-size: 1.5rem;
	}

	.btn-2 {
		font-size: 1.4rem;
	}
	.shop-name {
		font-size: 1.3rem;
	}
}

/*------------------------ //shop-info----------------------------------- */

/* footer */
.footer {
	/* height: 650px; */
	padding: 50px 0;
	background-color: #382B1F;
	color: #FFF;
}

.footer__logo {
	margin: 0 auto;
	width: 180px;
}

.footer__logo a img {
	width: 100%;
}

.footer a {
	color: #FFF;
	text-decoration: none;
	font-family: 'Cantarell', sans-serif;
	font-size: 2.0rem;
	line-height: 0;
}

.footer a span {
	color: #9E958A;
	font-size: 1.0rem;
}

.footer__list {
	text-align: center;
	padding: 0 30px;
}

.footer__item {
	padding-top: 65px;
	line-height: normal;
}

.footer__nav {
	padding-bottom: 40px;
}

.footer__bottom {
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	width: 85%;
	margin: 0 auto;
}

.footer__copyright {
	clear: both;
	display: block;
	text-align: center;
	color: #9E958A;
}

/*フッターPC版*/
@media (min-width: 1160px) {
	.footer {
		padding: 80px 0 60px 0;
	}

	.footer__logo {
		width: 230px;
		padding-bottom: 80px;
	}

	.footer-content {
		max-width: 1160px;
		margin: 0 auto;
	}

	.footer__list {
		display: flex;
		justify-content: center;
	}

	.footer__item {
		padding-top: 0;
		line-height: 2;
	}

	.footer ul li a {
		font-size: 2.4rem;
	}

	.footer a span {
		font-size: 1.2rem;
	}

	.footer__nav {
		padding-bottom: 80px;
	}

	.footer__bottom {
		padding-top: 80px;
		width: 90%;
	}

	.footer .footer__list li {
		padding-right: 135px;
	}

	.footer ul li:last-child {
		padding-right: 0;
	}

	.footer__copyright {
		font-size: 1.4rem;
	}
}