@charset "UTF-8";
/*トップページのタブレット&モバイル用*/
	.wrapper{
		padding: 0;
	}
	.top_header {
		height: auto;
		display: block;
	}
	.top_header .cellbox{
		display: block;
	}
	.cellbox li{
		text-align: right;
	}
	.cellbox p{
		text-align: right;
	}
	.hero_copy{
		height: calc(100vh - 200px);
	}
	.hero_copy_bk1,
	.hero_copy_bk2,
	.hero_copy_bk3{
		z-index:-1;
		width: auto;
		position: absolute;
		left:0px;
		right: 0;
		top:192px;
	}
	.copy_box {
		position: static;
		width: 100%;
		margin: 17vh auto 0 auto;
	}
	.grid {
		display: block;
	}
	.freedrink {
		width: auto;
		margin: 0 5%;
	}
	.course_box{
		display: block;
		margin-top: 60px;
		margin-bottom: 180px;
		text-align: center;
	}
	.note{
		width: auto;
		padding: 0;
	}
	.fig{
		width: auto;
		padding:0;
		margin-top: 30px;
	}
	.course_fig{
		text-align: center;
	}
	.iseebi_course_inner{
		padding-left:10px;
		padding-right:10px;
	}
	.season_course_box {
		width:auto;
		max-width: 100%;
	}
	.ara_box div h3 span{
		padding-left: 0;
		font-size: inherit;
		display: block;
	}
	.season_course_box .season_menu_inner .course_menu span{
		display: block;
	}
	.visitor_course h2 span{
		display: block;
		line-height: 1.1em;
	}
	.visitor_course_box h3 span{
		display: block;
		line-height: 1.1em;
	}
	.visitor_course_inner .course_window{
		left: 5px;
		top: 300px;
		max-width: 300px;
		border-radius: 10px 700px 50px 10px;
		background-size: auto 100%;
		background-position: center;
	}
	.kaiseki_course_inner .window1{
		left: 5px;
		background-size: auto 100%;
		background-position: center;
	}
	.kaiseki_course_inner .window2{
		background-size: auto 100%;
		background-position: center;
		top: 1500px;
		right: 5px;
	}
	.takeout {
		padding-top: 80px;
	}
	.takeout h3{
		padding-left: 10px;
		padding-right: 10px;
	}
	.takeout_box {
		margin: 30px auto 80px auto;
	}
	.takeout_link{
		animation: ani_takeout_link 3s infinite alternate 3s;
	}
	@keyframes ani_takeout_link {
		0% {	transform: translate(0, 0);}
		3% {	transform: translate(-2px, -0);}
		7% {	transform: translate(2px, 0);}
		10% {	transform: translate(-2px, -0);}
		14% {	transform: translate(2px, 0);}
		19% {	transform: translate(-2px, -0);}
		23% {	transform: translate(0, 0);}
		100% {	transform: translate(0, 0);}
	}