/* CSS Document */

@media screen and (max-width: 1000px) {
	.container {
		width: 100%;
		margin: 0;
	}
}

@media screen and (max-width: 640px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.half,
	.half > div.row {
		display: block;
		width: 100%;
	}
	header {
		width: 100%;
		opacity: 1;
		height: 60px;
		position: fixed;
		background: #71ab90;
		padding: 10px;
		z-index: 1;
	}
	#hamburger {
		display: block;
	}
	.slideshow {
		padding: 60px 0 0 0;
	}
	main {
		padding-top: 60px;
	}
	.area_wrap {
		display: block;
	}
	.area_title {
		font-size: 23px;
		text-align: center;
		-webkit-writing-mode:horizontal-tb;
		-ms-writing-mode:lr-tb;
		writing-mode:horizontal-tb;
		line-height: 2;
	}
	.image_cut2,
	.image_cut,
	.btn_box {
		margin: 0 auto;
	}
	.shopinfo {
		display: block;
	}
	.shopinfo > div.row {
		display: block;
		width: 100%;
	}
	.shopinfo > div.row > p {
		text-align: center;
	}
	.ggmap {
		padding-bottom: 56.25%;
	}
	.menuList {
		width: 100%;
		margin: 0;
	}
	.menu_box {
		display: block;
	}
	.menu_img {
		width: 100%;
	}
	.menu_text {
		width: 100%;
		margin-left: 0;
		margin-top: 1em;
	}
}