@charset "utf-8";
/* CSS Document */

@media screen and (max-width:850px){
	html {
  font-size: 8px;
	}
	body {
		max-width: 850px;
	}
	
	/*--- ヘッダー ---*/
	#header {
		width: 99%;
		margin: auto;
		padding: 1rem 0;
		justify-content: space-between;
	}
	#header h1 {
		width: 280px;
	}
	.hr-top {
		gap: 3rem;
		align-items: center;
	}
	.hr-top .txt .h-adress {
		font-size: 14px;
	}
	.hr-top .txt .h-tel {
		font-size: 18px;
	}
	.re-bnr {
		width: 150px;
		height: 40px;
		background: #DE4545;
		outline: 1px solid #fff;
		outline-offset: -3px;
	}
	.re-bnr a {
		display: block;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		z-index: 2;
	}
	.re-bnr:hover {
		background: rgba(240,109,111,1.00);
	}
	.g-nav {
		margin-top: 2rem;
	}
	.g-nav ul {
		gap:5rem;
	}
	.g-nav ul li a {
		display: block;
		color: #fff;
		font-size: 14px;
	}
	.g-nav ul li a:hover {
		color: rgba(155,151,151,1.00);
	}


	/*--- メインビジュアル ---*/
	.mainvisual {
		margin: 5rem auto;
	}
	/*==================================================
	スライダーのためのcss
	===================================*/
	.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
			width:94%;
			margin:0 auto;
	}

	.slider img {
			width:60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
			height:auto;
	}

	.slider .slick-slide {
		transform: scale(0.8);/*左右の画像のサイズを80%に*/
		transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
		opacity: 0.5;/*透過50%*/
	}

	.slider .slick-slide.slick-center{
		transform: scale(1);/*中央の画像のサイズだけ等倍に*/
		opacity: 1;/*透過なし*/
	}


	/*矢印の設定*/

	/*戻る、次へ矢印の位置*/
	.slick-prev, 
	.slick-next {
			position: absolute;/*絶対配置にする*/
			top: 42%;
			cursor: pointer;/*マウスカーソルを指マークに*/
			outline: none;/*クリックをしたら出てくる枠線を消す*/
			border-top: 2px solid #666;/*矢印の色*/
			border-right: 2px solid #666;/*矢印の色*/
			height: 15px;
			width: 15px;
	}

	.slick-prev {/*戻る矢印の位置と形状*/
			left: -1.5%;
			transform: rotate(-135deg);
	}

	.slick-next {/*次へ矢印の位置と形状*/
			right: -1.5%;
			transform: rotate(45deg);
	}

	/*ドットナビゲーションの設定*/

	.slick-dots {
			text-align:center;
		margin:20px 0 0 0;
	}

	.slick-dots li {
			display:inline-block;
		margin:0 5px;
	}

	.slick-dots button {
			color: transparent;
			outline: none;
			width:8px;/*ドットボタンのサイズ*/
			height:8px;/*ドットボタンのサイズ*/
			display:block;
			border-radius:50%;
			background:#ccc;/*ドットボタンの色*/
	}

	.slick-dots .slick-active button{
			background:#333;/*ドットボタンの現在地表示の色*/
	}


	/*--- お知らせ ---*/
	#news p {
		text-align: center;
		font-size: 28px;
	}
	#news .inner {
		width: 90%;
		margin: 3rem auto;
	}
	#news .inner dl {
		font-size: 16px;
	}
	#news .inner dl dt {
		width: 25%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 1rem 0;
		text-align: center;
		color: #EFC988;
	}
	#news .inner dl dd {
		width: 75%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 1rem 0;
	}


	/*---  ---*/
	.container01 {
		background: url("../img/deco02.png") right 0% top 0% / 50% auto no-repeat,
			url("../img/deco01.png") left 0% bottom 0% / 50% auto no-repeat;
	}
	.container01 .inner {
		width: 98%;
		margin: auto;
		justify-content: space-between;
	}
	.container01 .inner h2 {
		width: 20%;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-size: 50px;
		line-height: 2;
		letter-spacing: 20px;
	}
	.container01 .inner h2 span {
		margin-bottom: 10rem;
	}
	.container01 .inner .images {
		width: 65%;
		margin-top: 10rem;
		position: relative;
	}
	.c01-img01 {
		margin-bottom: 40rem;
	}
	.c01-img02 {
		width: 400px;
		position: absolute;
		top: 30rem;
		left: 20rem;
	}

	/*---  ---*/
	.container02 .inner {
		width: 100%;	
	}
	.container02 .inner .txt,
	.container02 .inner .img {
		width: 100%;
	}
	.container02 .inner .txt {
		background: #fff;
		padding: 6rem;
		box-sizing: border-box;
		color: #333;
	}
	.container02 .inner .txt h3 {
		font-size: 60px;
		margin-bottom: 3rem;
		text-align: center;
	}
	.container02 .inner .txt p {
		font-size: 22px;
		line-height: 2;
		margin-bottom: 7rem;
	}
	.container02 .inner .img img {
		width: 100%;
	}


	/*---  ---*/
	.container03 {
		background: url("../img/bg02.jpg");
		background-size: cover;
		background-position: center;
		padding: 12rem 0;
	}
	.container03 .inner {
		width: 95%;
		margin: auto;
		justify-content: space-between;
		align-items: center;
	}
	.container03 .inner .txt,
	.container03 .inner .img {
		width: 48%;
	}
	.container03 .inner .txt h3 {
		font-size: 40px;
		line-height: 1.5;
	}
	.container03 .inner .txt h3 span {
		color: #6FCB9A;
	}
	.container03 .inner .txt p {
		margin-top: 5rem;
		font-size: 20px;
		line-height: 2;
	}
	.container03 .inner .img {
		margin-top: 0rem;
	}


	/*---  ---*/
	.container04 {
		background: url("../img/bg01.jpg");
		background-size: cover;
		background-position: center;
		padding: 8rem 0;
	}
	.container04 h3 {
		text-align: center;
		font-size: 60px;
		line-height: 1.5;
	}
	.container04 .inner {
		width: 90%;
		margin: 5rem auto;
		justify-content: space-between;
	}
	.container04 .inner .left,
	.container04 .inner .right {
		width: 48%;
	}
	.container04 .inner .right {
		margin-top: 10rem;
	}


	/*---  ---*/
	.insta {
		padding: 8rem 0;
	}
	.insta-icon {
		width: 150px;
		margin: auto;
	}
	.insta-icon a {
		display: block;
	}
	.post-wrapper {
		width: 95%;
		margin: 5rem auto 0 auto;
		justify-content: space-between;
	}
	.post-wrapper .post {
		width: 30%;
		height: 200px;
		margin-bottom: 5rem;
		border: 1px solid #ccc;
	}


	/*--- フッター ---*/
	#footer .inner {
		width: 99%;
		margin: auto;
		justify-content: space-between;
		align-items: center;
	}
	#footer .inner .left,
	#footer .inner .right {
		width: 48%;
	}
	.foot-tel {
		width: 100%;
		margin: 3rem auto;
	}
	.foot-tel p {
		text-align: center;
		font-size: 18px;
	}
	.foot-tel a {
		display: block;
		text-align: center;
		font-size: 22px;
		color: #fff;
		letter-spacing: 2px;
	}
	#footer .inner .left .re-bnr {
		margin: auto;
		width: 80%;
	}
	.insta-link {
		width: 100%;
		margin: 2rem auto;
	}
	.insta-link a {
		display: block;
		text-align: center;
		font-size: 72px;
		color: #fff;
	}
	.store-info {
		width: 100%;
		align-items: center;
		font-size: 13px;
	}
	.store-info dt {
		width: 20%;
		padding: 1rem 0;
	}
	.store-info dd {
		width: 80%;
		padding: 1rem 0;
	}
	.foot-map {
		width: 100%;
		margin-top: 3rem;
	}
	.foot-map iframe {
		width: 100%;
	}
	#footer .copy {
		text-align: center;
	}




	/*------ 下層ページ ------*/
	.s-mainvisual {
		height: 45vh;
		background: url("../img/bg01.jpg");
		background-size: cover;
		background-position: center;
		position: relative;
	}
	.page-ttl {
		width: 90%;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%);
	}
	.page-ttl h2 {
		text-align: center;
		font-size: 80px;
	}

	.guide-link {
		width: 90%;
		margin: 5rem auto;
		justify-content: space-between;
		align-items: center;
	}
	.guide-bnr {
		width: 45%;
		background: #F6F1E1;
		padding: 4rem 0;
		margin-bottom: 50px;
	}
	.guide-bnr a {
		display: block;
		text-align: center;
		font-size: 30px;
		color: #333;
	}
	.guide-bnr:hover {
		background: #F3EACB;
	}
	.menu-ttl {
		text-align: center;
		font-size: 45px;
	}
	.menu-wrapper {
		width: 98%;
		margin: 8rem auto;
		flex-direction: column;
		gap: 12rem;
	}

	/*--- コース ---*/
	.course-item {
		width: 100%;
	}
	.course-ttl {
		width: 100%;
		border-bottom: 1px solid #fff;
		padding-bottom: 3px;
		margin-bottom: 5rem;
	}
	.course-ttl p {
		font-size: 22px;
	}
	.course-item .inner {
		width: 90%;
		margin: 2rem auto;
		align-items: center;
		justify-content: space-between;
	}
	.course-item .inner .img {
		width: 40%;
	}
	.course-item .inner .txt {
		width: 55%;
	}
	.menu-info {
		font-size: 16px;
		line-height: 1.5;
	}
	.menu-price {
		text-align: right;
		font-size: 26px;
		margin: 2rem auto;
	}
	.menu-price span {
		font-size: 14px;
	}
	.course-item .inner .txt .re-bnr {
		margin: 3rem auto 0 auto;
		width: 80%;
		padding: 8px 0;
	}
	.course-item .inner .txt .re-bnr a {
		font-size: 20px;
	}

	/*--- 単品 ---*/
	.menu-container {
		width: 100%;
	}
	.mc-ttl {
		font-size: 20px;
	}
	.mc-ttl span {
		font-size: 26px;
		margin-right: 5px;
	}
	.menu-container ul {
		width: 90%;
		margin: 2rem auto;
		justify-content: space-between;
	}
	.menu-container ul li {
		width: 45%;
		border-bottom: 1px solid #fff;
		margin-bottom: 3rem;
	}
	.menu-container ul li dl {
		width: 90%;
		margin: auto;
		justify-content: space-between;
		align-items: center;
	}
	.menu-container ul li dl dt {
		width: 70%;
		text-align: center;
		font-size: 14px;
	}
	.menu-container ul li dl dd {
		width: 30%;
		text-align: center;
		font-size: 14px;
	}


	/*--- ドリンクメニュー ---*/
	.fd-table {
		max-width: 90%;
		margin: 8rem auto;
	}

	.fd-table .th,
	.fd-table .td {
		font-size: 14px;
		box-sizing: border-box;
		border: 1px solid rgba(255,255,255,0.7);
	}
	.fd-table .th {
		width: 30%;
		background: rgba(255,255,255,0.7);
		color: #333;
		text-align: center;
		padding: 1rem 0;

	}
	.fd-table .td {
		width: 70%;
		padding: 1rem ;
	}


	/*--- 店内紹介 --*/
	#gallery .inner {
		width: 95%;
		margin: 5rem auto;
		justify-content: space-between;
		align-items: center;
	}
	#gallery .inner .img {
		width: 40%;
	}
	#gallery .inner .img img {
		width: 100%;
	}
	#gallery .inner .txt {
		width: 55%;
	}
	.g-btxt {
		font-size: 24px;
		margin-bottom: 3rem;
	}
	.g-txt {
		font-size: 18px;
		line-height: 2;
	}


	/*--- 店舗情報 --*/
	#shop .inner {
		width: 95%;
		margin: 5rem auto;
		justify-content: space-between;
		align-items: center;
	}
	#shop .inner .txt p {
		font-size: 18px;
		line-height: 2;
	}
	#shop .inner .img {
		width: 40%;
	}
	#shop .inner .img img {
		width: 100%;
	}
	#shop .inner .txt {
		width: 55%;
	}
	.shop-map {
		width: 98%;
		margin: 3rem auto;
	}
	.shop-map iframe {
		width: 100%;
	}

}



@media screen and (max-width:420px){
	html {
  font-size: 6px;
	}
	body {
		max-width: 420px;
	}
	.pc-only {
		display: none;
	}
	.sp-only {
		display: block;
	}
	/*--- ヘッダー ---*/
	#header {
		width: 99%;
		margin: auto;
		padding: 1rem 0;
		justify-content: space-between;
	}
	#header h1 {
		width: 280px;
	}
	
	.re-bnr {
		width: 150px;
		height: 40px;
		background: #DE4545;
		outline: 1px solid #fff;
		outline-offset: -3px;
	}
	.re-bnr a {
		display: block;
		line-height: 40px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		z-index: 2;
	}
	.re-bnr:hover {
		background: rgba(240,109,111,1.00);
	}


	/*--- メインビジュアル ---*/
	.mainvisual {
		margin: 5rem auto;
	}
	/*==================================================
	スライダーのためのcss
	===================================*/
	.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
			width:94%;
			margin:0 auto;
	}

	.slider img {
			width:60vw;/*スライダー内の画像を60vwにしてレスポンシブ化*/
			height:auto;
	}

	.slider .slick-slide {
		transform: scale(0.8);/*左右の画像のサイズを80%に*/
		transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
		opacity: 0.5;/*透過50%*/
	}

	.slider .slick-slide.slick-center{
		transform: scale(1);/*中央の画像のサイズだけ等倍に*/
		opacity: 1;/*透過なし*/
	}


	/*矢印の設定*/

	/*戻る、次へ矢印の位置*/
	.slick-prev, 
	.slick-next {
			position: absolute;/*絶対配置にする*/
			top: 42%;
			cursor: pointer;/*マウスカーソルを指マークに*/
			outline: none;/*クリックをしたら出てくる枠線を消す*/
			border-top: 2px solid #666;/*矢印の色*/
			border-right: 2px solid #666;/*矢印の色*/
			height: 15px;
			width: 15px;
	}

	.slick-prev {/*戻る矢印の位置と形状*/
			left: -1.5%;
			transform: rotate(-135deg);
	}

	.slick-next {/*次へ矢印の位置と形状*/
			right: -1.5%;
			transform: rotate(45deg);
	}

	/*ドットナビゲーションの設定*/

	.slick-dots {
			text-align:center;
		margin:20px 0 0 0;
	}

	.slick-dots li {
			display:inline-block;
		margin:0 5px;
	}

	.slick-dots button {
			color: transparent;
			outline: none;
			width:8px;/*ドットボタンのサイズ*/
			height:8px;/*ドットボタンのサイズ*/
			display:block;
			border-radius:50%;
			background:#ccc;/*ドットボタンの色*/
	}

	.slick-dots .slick-active button{
			background:#333;/*ドットボタンの現在地表示の色*/
	}


	/*--- お知らせ ---*/
	#news p {
		text-align: center;
		font-size:20px;
	}
	#news .inner {
		width: 98%;
		margin: 3rem auto;
	}
	#news .inner dl {
		font-size: 14px;
	}
	#news .inner dl dt {
		width: 25%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 1rem 0;
		text-align: center;
		color: #EFC988;
	}
	#news .inner dl dd {
		width: 75%;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		padding: 1rem 0;
	}


	/*---  ---*/
	.container01 {
		background: url("../img/deco02.png") right 0% top 0% / 60% auto no-repeat,
			url("../img/deco01.png") left 0% bottom 0% / 60% auto no-repeat;
	}
	.container01 .inner {
		width: 98%;
		margin: auto;
		flex-direction: column;
	}
	.container01 .inner h2 {
		width: 100%;
		writing-mode: horizontal-tb;
		font-size: 32px;
		line-height: 1.5;
		letter-spacing: 2px;
		text-align: center;
	}
	.container01 .inner h2 span {
		margin-bottom: 1rem;
	}
	.container01 .inner .images {
		width: 85%;
		margin-top: 10rem;
		margin-left: auto;
		margin-right: auto;
		position: static;
		display: flex;
		flex-direction: column;
		gap:3rem;
	}
	.c01-img01 {
		margin-bottom: 0rem;
	}
	.c01-img02 {
		width: 100%;
		position: static;
	}

	/*---  ---*/
	.container02 .inner {
		width: 100%;	
	}
	.container02 .inner .txt,
	.container02 .inner .img {
		width: 100%;
	}
	.container02 .inner .txt {
		background: #fff;
		padding: 3rem;
		box-sizing: border-box;
		color: #333;
	}
	.container02 .inner .txt h3 {
		font-size: 28px;
		margin-bottom: 3rem;
		text-align: center;
	}
	.container02 .inner .txt p {
		font-size: 14px;
		line-height: 2;
		margin-bottom: 7rem;
	}
	.container02 .inner .img img {
		width: 100%;
	}


	/*---  ---*/
	.container03 {
		background: url("../img/bg02.jpg");
		background-size: cover;
		background-position: center;
		padding: 5rem 0;
	}
	.container03 .inner {
		width: 95%;
		margin: auto;
		flex-direction: column;
	}
	.container03 .inner .txt,
	.container03 .inner .img {
		width: 100%;
	}
	.container03 .inner .txt h3 {
		font-size: 30px;
		line-height: 1.5;
	}
	.container03 .inner .txt h3 span {
		color: #6FCB9A;
	}
	.container03 .inner .txt p {
		margin-top: 5rem;
		font-size: 16px;
		line-height: 2;
	}
	.container03 .inner .img {
		margin-top: 0rem;
	}


	/*---  ---*/
	.container04 {
		background: url("../img/bg01.jpg");
		background-size: cover;
		background-position: center;
		padding: 8rem 0;
	}
	.container04 h3 {
		text-align: center;
		font-size: 30px;
		line-height: 1.5;
	}
	.container04 .inner {
		width: 90%;
		margin: 5rem auto;
		justify-content: space-between;
	}
	.container04 .inner .left,
	.container04 .inner .right {
		width: 48%;
	}
	.container04 .inner .right {
		margin-top: 10rem;
	}


	/*---  ---*/
	.insta {
		padding: 8rem 0;
	}
	.insta-icon {
		width: 100px;
		margin: auto;
	}
	.insta-icon a {
		display: block;
	}
	.post-wrapper {
		width: 95%;
		margin: 5rem auto 0 auto;
		justify-content: space-between;
	}
	.post-wrapper .post {
		width: 30%;
		height: 100px;
		margin-bottom: 5rem;
		border: 1px solid #ccc;
	}


	/*--- フッター ---*/
	#footer .inner {
		width: 99%;
		margin: auto;
		flex-direction: column;
	}
	#footer .inner .left,
	#footer .inner .right {
		width: 100%;
	}
	.foot-tel {
		width: 100%;
		margin: 3rem auto;
	}
	.foot-tel p {
		text-align: center;
		font-size: 18px;
	}
	.foot-tel a {
		display: block;
		text-align: center;
		font-size: 22px;
		color: #fff;
		letter-spacing: 2px;
	}
	#footer .inner .left .re-bnr {
		margin: auto;
		width: 80%;
	}
	.insta-link {
		width: 100%;
		margin: 2rem auto;
	}
	.insta-link a {
		display: block;
		text-align: center;
		font-size: 72px;
		color: #fff;
	}
	.store-info {
		width: 95%;
		margin: auto;
		align-items: center;
		font-size: 13px;
	}
	.store-info dt {
		width: 20%;
		padding: 1rem 0;
	}
	.store-info dd {
		width: 80%;
		padding: 1rem 0;
	}
	.foot-map {
		width: 100%;
		margin-top: 3rem;
	}
	.foot-map iframe {
		width: 100%;
		margin-top: 3rem;
	}
	#footer .copy {
		text-align: center;
		font-size: 12px;
	}




	/*------ 下層ページ ------*/
	.s-mainvisual {
		height: 30vh;
		background: url("../img/bg01.jpg");
		background-size: cover;
		background-position: center;
		position: relative;
	}
	.page-ttl {
		width: 90%;
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%);
	}
	.page-ttl h2 {
		text-align: center;
		font-size: 50px;
	}

	.guide-link {
		width: 80%;
		margin: 5rem auto;
		flex-direction: column;
	}
	.guide-bnr {
		width: 100%;
		background: #F6F1E1;
		padding: 4rem 0;
		margin-bottom: 50px;
	}
	.guide-bnr a {
		display: block;
		text-align: center;
		font-size: 30px;
		color: #333;
	}
	.guide-bnr:hover {
		background: #F3EACB;
	}
	.menu-ttl {
		text-align: center;
		font-size: 45px;
	}
	.menu-wrapper {
		width: 98%;
		margin: 8rem auto;
		flex-direction: column;
		gap: 12rem;
	}

	/*--- コース ---*/
	.course-item {
		width: 100%;
	}
	.course-ttl {
		width: 100%;
		border-bottom: 1px solid #fff;
		padding-bottom: 3px;
		margin-bottom: 5rem;
	}
	.course-ttl p {
		font-size: 18px;
	}
	.course-item .inner {
		width: 90%;
		margin: 2rem auto;
		flex-direction: column;
		gap:3rem;
	}
	.course-item .inner .img {
		width: 90%;
		margin: auto;
	}
	.course-item .inner .txt {
		width: 100%;
	}
	.menu-info {
		font-size: 13px;
		line-height: 1.5;
	}
	.menu-price {
		text-align: right;
		font-size: 20px;
		margin: 2rem auto;
	}
	.menu-price span {
		font-size: 10px;

	}
	.course-item .inner .txt .re-bnr {
		margin: 3rem auto 0 auto;
		width: 80%;
		padding: 8px 0;
	}
	.course-item .inner .txt .re-bnr a {
		font-size: 20px;
	}

	/*--- 単品 ---*/
	.menu-container {
		width: 100%;
	}
	.mc-ttl {
		font-size: 20px;
	}
	.mc-ttl span {
		font-size: 26px;
		margin-right: 5px;
	}
	.menu-container ul {
		width: 80%;
		margin: 2rem auto;
		flex-direction: column;
		gap:3rem;
	}
	.menu-container ul li {
		width: 100%;
		border-bottom: 1px solid #fff;
		margin-bottom: 3rem;
	}
	.menu-container ul li dl {
		width: 90%;
		margin: auto;
		justify-content: space-between;
		align-items: center;
	}
	.menu-container ul li dl dt {
		width: 70%;
		text-align: center;
		font-size: 14px;
	}
	.menu-container ul li dl dd {
		width: 30%;
		text-align: center;
		font-size: 14px;
	}


	/*--- ドリンクメニュー ---*/
	.fd-table {
		max-width: 90%;
		margin: 8rem auto;
	}
	.fd-table ul {
		flex-direction: column;
	}
	.fd-table .th,
	.fd-table .td {
		font-size: 14px;
		box-sizing: border-box;
		border: 1px solid rgba(255,255,255,0.7);
	}
	.fd-table .th {
		width: 100%;
		background: rgba(255,255,255,0.7);
		color: #333;
		text-align: center;
		padding: 1rem 0;

	}
	.fd-table .td {
		width: 100%;
		padding: 1rem ;
		font-size: 12px;
	}


	/*--- 店内紹介 --*/
	#gallery .inner {
		width: 95%;
		margin: 5rem auto;
		flex-direction: column;
		gap:2rem;
	}
	#gallery .inner .img {
		width: 100%;
	}
	#gallery .inner .img img {
		width: 100%;
	}
	#gallery .inner .txt {
		width: 100%;
	}
	.g-btxt {
		font-size: 20px;
		margin-bottom: 1rem;
	}
	.g-txt {
		font-size: 16px;
		line-height: 2;
	}


	/*--- 店舗情報 --*/
	#shop .inner {
		width: 95%;
		margin: 5rem auto;
		flex-direction: column;
		gap:2rem;
	}
	#shop .inner .txt p {
		font-size: 18px;
		line-height: 2;
	}
	#shop .inner .img {
		width: 100%;
	}
	#shop .inner .img img {
		width: 100%;
	}
	#shop .inner .txt {
		width: 100%;
	}
	.shop-map {
		width: 98%;
		margin: 3rem auto;
	}
	.shop-map iframe {
		width: 100%;
	}

}