@charset "UTF-8";

h3{
    	font-size: 3rem;
    }
    h4{
    	font-size: 2.3rem;
    }
	.mb30{
		margin-bottom: 30px;
	}
/* 	.mb80{
		margin-bottom: 80px;
	} */
	.mb120{
		margin-bottom: 120px;
	}
	.about_flex{
		/* height: 100vh; */
		 /* background-color: #fff; */
		 display: flex;
		width: 100%;
		/* align-items: center; */
	 justify-content: space-between;
	}
	.a_flex{
		/* background-color: red; */
		display: flex;
		align-items: center;
		/* width: 70%; */
		/* height: 50%; */
		/* justify-content: space-between; */
	}
	.a_flex .flex_item{
		justify-content: space-between;
	}
	.t_flex{
		/* background-color: red; */
		display: flex;
	}
	.tb_flex{
		display: flex;
		justify-content: space-between;
		width: 45%;
		/* background-color: red; */
	}
	.sp_txt{
		display: none;
	}
	.sp_ttl2{
		display: none;
	}
	.ttl2{
		-ms-writing-mode: tb-rl;
	  	writing-mode: vertical-rl;
	  	text-orientation: sideways;
	  	border-right: 2px solid #eee;
	  	/* display: inline-block; */
	  	height: 200px;
	  	margin-right: 50px;
	  	/* background-color: red; */
	}
	.ttl2 .wb{
		font-weight: bold;
		font-size: 2rem;
	}
	.inner h2::after, .inner h2::before{
	display: none;
	}
	 /* .about_flex .txt{
		width: 500px;
		margin-right: 50px;
	} */
	/* .img{
		text-align: end;
	} */
	.about_flex img{
	object-fit: cover;
	}
	.food_flex{
		display: flex;
		/* background-color: red; */
	}
	.food_flex img{
		margin-right: 10px;
		width: 7%;
	}
	.food{
		width: 100%;
		margin: 0 auto;
		/* background-color: red; */
	}
	.starter_name{
		margin-right: 50px;
	}
	.li_ttl{
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
		font-weight: 900;
	}
	small{
		font-size: 1rem;
	}
	.drink_flex{
		display: flex;
/* 		background-color: #eee; */
		width: 100%;
		justify-content: space-around;
	}
	.drink_flex .tb_flex{
		/* background-color: #eee; */
		width: 100%;
	}
	.spimg{
	display: none;
	}
	.p-detail-form__child3{
		display: none;
	}
	.lunch_reserve .p-detail-form__child3{
		display: block;
	}

	/* ここからランチメニュー */
	.lunch_menu{
		width: 100%;
		/* background-color: red; */
	}
	.lunch_menu .txt{
	width: 80%;
	margin: 0 auto;
	}
	.lunch_flex{
		display: flex;
		/* background-color: red; */
		/* justify-content: between; */
	}
	.lunch_flex .tb_flex{
		width: 50%;
		/* background-color: #eee; */
	}
	.lunch_flex .starter_name{
		margin-right: 0;
		margin-left: 15px;
	}

	/* ここからトップメニュー */
	.top_menu{
		/* background-color: red; */
		width: 50%;
		margin: 0 auto;
		margin-bottom: 80px;
	}
	.reco_ttl{
		width: 15%;
		margin: 0 auto;
		text-align: center;
		font-size: 2rem;
		border-bottom: 2px solid #eee;
		text-align: center;
	}
	.reco_menu{
		display: flex;
		width: 100%;
		align-items: center;
		/* background-color: red; */
	}
	.bk{
		display: block;
		background: url(/images/common/bg_1.png);
	}
	.bk .reco_ttl{
		padding-top: 30px;
		margin-bottom: 30px;
	}
	.bk .txt{
		width: 50%;
		margin: 0 auto;
		/* background-color: red; */
	}
	.reco_item{
		/* background-color: #fff; */
		width: 40%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.reco_item img{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	.reco_item .reco_txt{
		width: 50%;
		margin: 0 auto;
		/* background-color: red; */
	}
	.reco_txt .li_ttl{
		text-align: center;
	}
	.reco_txt .txt{
		width: 100%;
	}
	.txt2{
		/* background-color: red; */
		padding-top: 30px;
		width: 50%;
		margin: 0 auto;
	}
	/* .inner{
		background-color: #FFFCEF;
	} */


	/* ここからコースメニュー */

	.c_top{
		width: 100%;
		height: 100vh;
		/* background-color: red; */
		background-image: url(/images/menu/renewal/course_top.png) ;
		background-size: cover;
		/* opacity: .8; */
	}
	.c_top_inner h1{
		z-index: 999;
		font-size: 5rem;
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
		font-weight: 900;
	}
	.c_top_inner{
	z-index: 999;
	opacity: 1:
	}
	.c_top_inner .txt{
		width: 50%;
	}
	/* オイスターメニュー */
	.c_menu small{
		font-size: 1.3rem;
	}
	.c_menu .li_ttl{
		line-height: 1;
	}
	.c_menu h3, .c_menu h4{
		text-align: center;
	}
	.c_menu h4{
	opacity: .5;
	}
	.oyster_flex{
	/* background-color: #eee; */
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	padding: 40px;
	border: 2px solid #eee;
	}
	.oyster_flex .tb{
		display: none;
	}
	.oyster_menu{
		/* background-color: #fff; */
		display: flex;
		width: 35%;
		margin: 0 auto;
		justify-content: space-between;
	}
	.oyster_menu .lh_1{
		line-height: 1;
		margin-bottom: 20px;
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
                     "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
        font-weight:555;
	}
	.oyster_menu .lh2{
		line-height: 1;
	}
	/* 選べるコースメニュー */
	.oyster_menu .bb{
		font-weight: bold;
	}
	.a_course{
		width: 100%;
		/* background-color: red; */
	}
	.ta_c{
		/* background-color: #fff; */
		width: 50%;
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
	}
	.c_img img{
		width: 60%;
		margin: 0 auto;
		display: inherit;
	}









@media screen and (max-width:768px){
	.about_flex .txt{
		width: 300px;
	}
	.img img{
		width: 100%;
	}
	.menu .about_flex{
		display: block;
		/* background-color: red; */
	}
	.menu .about_flex .image{
	width: 100%;
	height: auto;
	/* display: block; */
	margin: 0 auto;
	margin-bottom: 30px;
	/* display: inherit; */
	}
	.menu .tb_flex{
		display: flex;
		margin: 0 auto;
		width: 100%;
		justify-content: space-between;
	}
	.spimg{
		display: none;
	}

	/* ここからランチメニュー */
	.lunch_flex{
		display: block;
		display: flex;
		/* background-color: red; */
		justify-content: space-around;
	}
	.lunch_flex .tb_flex{
	width: 40%;
	/* background-color: #eee; */
	justify-content: space-around;
	}
	.starter_name{
	margin: 0;
	}

	.food_flex img{
		margin-right: 10px;
		width: 7%;
	}

	/* ここからコースメニュー */

	.c_top{
		width: 100%;
		height: 63vh;
		/* background-color: red; */
		background-image: url(/images/menu/renewal/course_top.png) ;
		background-size: cover;
		/* opacity: .8; */
	}
	.c_top_inner h1{
		z-index: 999;
		font-size: 5rem;
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
		font-weight: 900;
	}
	.c_top_inner{
	z-index: 999;
	opacity: 1:
	}
	.c_top_inner .txt{
		width: 50%;
	}
	/* オイスターメニュー */
	.c_menu small{
		font-size: 1.3rem;
	}
	.c_menu .li_ttl{
		line-height: 1;
	}
	.c_menu h3, .c_menu h4{
		text-align: center;
	}
	.c_menu h4{
	opacity: .5;
	}
	.oyster_flex{
	/* background-color: #eee; */
	width: 85%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	/* padding: 40px; */
	border: 2px solid #eee;
	}
	.oyster_menu{
		/* background-color: #fff; */
		display: flex;
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;
	}
	.oyster_menu .lh_1{
		line-height: 1;
		margin-bottom: 20px;
	}
	.oyster_menu .lh2{
		line-height: 1;
	}
	/* 選べるコースメニュー */
	.oyster_menu .bb{
		font-weight: bold;
	}
	.a_course{
		width: 100%;
		/* background-color: red; */
	}
	.ta_c{
		/* background-color: #fff; */
		width: 50%;
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
	}
	.c_img img{
		width: 60%;
		margin: 0 auto;
		display: inherit;
	}
}

@media screen and (max-width:428px){
	h3{
		font-size: 2.5rem;
	}
	.mb120{
	margin-bottom: 0;
	}
	.a_flex, .about_flex{
		display: block;
	}
	.ttl2{
		display: none;
	}
	.sp_ttl2{
		display: block;
		background-color; red;
	}
	.menu{
		display: block;
		width: 100%;
		/* background-color: #eee; */
	}
	.img{
		/* width: 80%; */
		display: block;
		margin: 0 auto;
	}
	.about_flex .txt{
		margin-right: 0;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.drink_flex{
		display: block;
	}
	.drink{
		width: 100%;
	}
	.drink .tb_flex{
	margin-bottom: 20px;
	}
	.drink .li_ttl{
		display: none;
	}
	.tb_flex ul{
		display: none;
	}
	.sp_txt, .spimg, .p-detail-form__child3{
		display: block;
	}
	.drink_flex{
	background-color: red;
	display: none;
	}
	.spimg{
		display: block;
	}

	/* ここからランチメニュー */
	.lunch_flex{
		display: block;
	}
	.lunch_flex .starter_name{
	 	display: block;
	}
	.lunch_flex img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
	}
	.food .tb_flex{
		width: 80%;
		/* background: red; */
	}

	/* ここからトップメニュー */
	.mb80{
		margin-bottom: 0;
	}
	.mb30{
		margin-bottom: 30px;
	}
	.top_menu{
		width: 70%;
		margin-bottom: 30px;
	}
	.food_flex{
		/* background-color: #eee; */
		width: 100%;
	}
	.food_flex img{
		/* background-color: red; */
		width: 10%;
	}
	.reco_ttl{
		width: 25%;
	}
	.reco_menu{
		display: block;
	}
	.reco_menu img{
	 width: 100%;
	}
	.reco_item{
		width: 100%;
		/* background-color: #fff; */
	}
	.reco_item img{
		width: 100%;
	}
	.reco_item .reco_txt{
	width: 70%;
	}

	/* ここからコースメニュー */
	.inner{
		/* margin-bottom: 30px; */
	}
	.c_top{
		width: 100%;
		height: 36vh;
		/* background-color: red; */
		background-image: url(/images/menu/renewal/course_top.png) ;
		background-size: cover;
		/* opacity: .8; */
	}
	.c_top_inner h1{
		z-index: 999;
		font-size: 5rem;
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif !important;
		font-weight: 900;
	}
	.c_top_inner{
	z-index: 999;
	opacity: 1:
	}
	.c_top_inner .txt{
		width: 50%;
		background-color: rgba(255, 255, 255, .5);
	}
	/* オイスターメニュー */
	.c_menu small{
		font-size: 1.3rem;
	}
	.c_menu .li_ttl{
		line-height: 1;
		margin-top: 30px;
	}
	.c_menu .li_ttl2{
		margin-top: 245px;
	}
	.c_menu h3, .c_menu h4{
		text-align: center;
	}
	.c_menu h4{
	opacity: .5;
	}
	.oyster_flex{
	/* background-color: #eee; */
	width: 70%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	/* padding: 40px; */
	border: 2px solid #eee;
	}
	.oyster_menu{
		/* background-color: #fff; */
		display: contents;
		width: 100%;
		margin: 0 auto;
		justify-content: space-between;
	}
	.oyster_menu .lh_1{
		line-height: 1;
		margin-bottom: 20px;
	}
	.oyster_menu .lh2{
		line-height: 1;
	}
	/* 選べるコースメニュー */
	.oyster_menu .bb{
		font-weight: bold;
	}
	.a_course{
		width: 100%;
		/* background-color: red; */
	}
	.ta_c{
		/* background-color: #fff; */
		width: 50%;
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
	}
	.c_img img{
		width: 60%;
		margin: 0 auto;
		display: inherit;
	}
	.oyster_menu .tb{
		display: none;
	}
	.oyster_menu .sp{
		display: block;
		background-color: red;
		width: 100%:
	}
	.course_price h4{
		margin-bottom: 50px;
	}

}