@charset "UTF-8";

@media (max-width : 1600px ){

	
	#sub_content{
		padding: 160px 0 0 0;
		background: none, url(../../images/sub/bg2.png) no-repeat right -28px top 60px;
	}

        
}



@media (max-width : 767px ){
	/*-----------------------------------------------------
	sub
	-------------------------------------------------------*/
	
	#sub_content{
		padding: 90px 0 0 0;
		background: none;
	}

	.sub_main{
		padding: 50px 0 60px 0;
	}

	.sub_title{
		padding: 0 0 40px;
	}

	/*-----------------------------------------------------
	global_sub
	-------------------------------------------------------*/

	.g_sub_t1{
		gap: 10px;
	}

	/*-----------------------------------------------------
	sub_table
	-------------------------------------------------------*/

	.sub_table dl{
		padding: 16px 0px;
	}
	
	.sub_table dl dt{
		padding-left: 0px;
		width: 25%;
	}

	.sub_table dl dd{
		padding-left: 20px;
		width: 75%;
	}
	
	/*-----------------------------------------------------
	news
	-------------------------------------------------------*/
	
	.news_box ul{
		display:flex;
		flex-direction: column;
		gap: 20px;
	}
	
	.news_box ul li{
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}


	.news_box ul li a{
		display:flex;
		justify-content: space-between;
	}

	.news_box ul li .img{
		width: 34%;
	}

	.news_box ul li .text{
		width: 60%;
	}

	.news_box ul li .text .time{
		margin-bottom: 10px;
	}

	.news_stime{
		font-size: var(--s14);
		margin-bottom: 16px;
		text-align: right;
	}

	.news_simg{
		padding: 30px 0;
		width: 80%;
	}

	/*-----------------------------------------------------
	course
	-------------------------------------------------------*/

	.course_box{
		gap: 40px 0;
		margin-bottom: 30px;
	}

	.course_list{
		padding-bottom: 30px
	}

	dl.course_datail{
		gap: 22px 0;

	}

	dl.course_datail dd{
		width: 100%;
	}
	
	.course_ct{
		flex-direction: column;
		align-items: flex-start;
		gap: 10px 0;
		margin-bottom: 14px;
	}
	
	dl.course_datail dt span.text {
		margin-right: 6px;
	}
	
	dl.course_datail dt span.price{
		margin-bottom: 10px;
	}

	dl.course_datail dt p{
		padding: 6px 0 0;
	}
	
	dl.course_datail dt p span{
		margin-top: 6px;
	}
	
	.course_drink{
		padding: 30px 30px;
		margin-bottom: 26px;

	}
	
	.course_drink .g_t1{
		margin-bottom: 16px;
	}

	.course_others{
		padding: 30px 30px;
	}

	.course_others .g_t1{
		margin-bottom: 16px;
	}

	.course_others p{
		margin-bottom: 10px;
	}

	.course_others span.price{
		font-size: var(--s32);
		color: var(--color1);
		margin-bottom: 16px;
		display: block;
	}

	.course_others span.price:last-child{
		margin-bottom: 0px;
	}

	.course_others span.price span.hosoku{
		display: block;
		margin-top: 8px;
	}
	/*-----------------------------------------------------
	season
	-------------------------------------------------------*/

	.season_box{
		display:flex;
		flex-direction: column;
		gap: 40px 0;
	}

	.season_list{
		padding-bottom: 30px
	}

	dl.season_datail{
		gap: 24px 0;
	}

	dl.season_datail dd{
		width: 100%;
	}

	dl.season_datail dt h3{
		margin-bottom: 12px;
	}
	
	/*-----------------------------------------------------
	menu
	-------------------------------------------------------*/

	.menu_t{
		margin-bottom: 26px;
	}

	.menu_list ul.menu_img{
		gap: 0 4%;
		margin-bottom: 30px;
	}

	.menu_list ul.menu_img li{
		width: 48%;
	}

	.menu_list ul.menu_img li span{
		margin-top: 10px;
		line-height: var(--lh14);
	}


	.menu_list ul.menu_text{
		gap: 16px 0%;
		margin-bottom: 20px;
	}

	.menu_list ul.menu_text li{
		width: 100%;
		padding: 0 0 14px;
	}

	.menu_list ul.menu_text li p{
		width: 68%;
	}

	.menu_list ul.menu_text li span{
		width: 32%;
		display: block;
		text-align: right;
		color: var(--color1);
	}

	.menu_hosoku{
		margin-bottom: 40px;
	}

	/*-----------------------------------------------------
	lunch
	-------------------------------------------------------*/
	.lunch_text {
		margin-bottom: 30px;
	}

	.lunch_menu{
		margin-bottom: 26px;
	}

	.lunch_menu h3{
		margin-bottom: 8px;
	}

	.lunch_menu h3 span.price{
		font-size: var(--s32);
		color: var(--color1)!important;
		display: inline-block;
		margin-left: 10px;
	}

	.lunch_menu p{
		padding-top: 12px;
	}

	.lunch_list dl{
		gap: 30px;
		padding-bottom: 20px;
	}

	.lunch_list dl dt{
		width: 90%;
		margin: 0 auto;
	}

	.lunch_list dl dd{
		width: 100%;
	}

	.lunch_list dl dd p{
		margin-bottom: 10px;
	}

	.lunch_list dl dd ul{
		gap: 14px 1%;
		margin-bottom: 20px;
	}

	.lunch_list dl dd ul li{
		width: 32.6666%;
	}

	.lunch_list dl dd ul li span{
		display: block;
		text-align: center;
		padding-top: 8px;
	}

	.lunch_img{
		width: 90%;
		margin: 0 auto 30px;
	}
	
	
	/*-----------------------------------------------------
	demae
	-------------------------------------------------------*/
	.demae_text {
		margin-bottom: 30px;
	}

	.demae_text span.t{
		margin-bottom: 16px;
		font-size: var(--s32);
		line-height: var(--lh14)!important;
	}

	.demae_img{
		width: 100%;
		margin: 30px auto 0px;
	}

	.demae_pgf img{
		width: 22px;
	}

	/*-----------------------------------------------------
	hachimori
	-------------------------------------------------------*/

	.hachimori_box{
		display:flex;
		flex-direction: column;
		gap: 50px 0;
	}

	dl.hachimori_datail{
		display:flex;
	  	flex-direction: column;
		gap: 16px 0;
	}

	dl.hachimori_datail dt{
		width: 100%;
	}

	dl.hachimori_datail dd{
		width: 100%;
	}

	dl.hachimori_datail dd h3{
		margin-bottom: 12px;
	}


	dl.hachimori_datail dd span.price{
		margin-bottom: 20px;
	}


	dl.hachimori_datail dd p{
		padding: 20px 0;
	}

	dl.hachimori_datail dd p.text{
		padding: 0 0 20px 0!important;
	}

	.hachimori_table {
		border-collapse: separate;
		border-spacing: 0;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		margin-bottom: 30px;
	}
	
	.hachimori_table,
	.hachimori_table tbody,
	.hachimori_table tr {
		display: block;
		width: 100%;
	}

	.hachimori_table tr {
		display: flex;
		flex-wrap: wrap;
	}
	
	.hachimori_table td {
		width: 50%;
		border: none;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 14px 10px;
		line-height: var(--lh14);
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.hachimori_table td:nth-child(2n) {
		border-right: none;
	}

	
	
	.hachimori_box2{
		display:flex;
		flex-direction: column;
		gap: 80px 0;
	}

	.hachimori_list2 dl.hachimori_datail dt{
		width: 70%!important;
		margin: 0 auto;
	}

	.hachimori_list2 dl.hachimori_datail dd{
		width: 100%!important;
	}


	/*-----------------------------------------------------
	option
	-------------------------------------------------------*/
	.option_box{
		gap: 26px 0;
	}

	.option_list{
		border-bottom: 1px solid #ddd;	
		padding: 0 0 26px;
	}
	
	.option_list:last-child{
		border-bottom: none;
	}

	.option_list h3{
		margin-bottom: 10px;
		font-weight: bold;
	}

	.option_other{
		padding: 16px 20px;
		margin-top: 20px;
	}


	.option_img{
		width: 50%;
		margin: 20px auto 0;
	}

	.option_img2 ul{
		display:flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 20px;
		margin-top: 20px;
	}

	.option_img2 ul li{
		width: 90%;
		margin: 0 auto;
	}

	
	/*-----------------------------------------------------
	floor
	-------------------------------------------------------*/

	.floor_t{
		margin-bottom: 20px;
	}

	.floor_table {
		border-collapse: separate;
		border-spacing: 0;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
		margin-bottom: 30px;
	}
	
	.floor_table,
	.floor_table tbody,
	.floor_table tr {
		display: block;
		width: 100%;
	}

	.floor_table tr {
		display: flex;
		flex-wrap: wrap;
	}
	
	.floor_table td {
		width: 50%;
		border: none;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		padding: 14px 10px;
		line-height: var(--lh14);
	}
	
	.floor_table td:nth-child(2n) {
		border-right: none;
	}

	.floor_box ul{
	    justify-content: space-between;
		gap: 8px 0;
		margin-bottom: 50px;
	}

	.floor_box ul li{
		width: 49%;
	}


	/*-----------------------------------------------------
	pagenation
	-------------------------------------------------------*/
	.pagenation{
		gap: 6px 6px;
	}

	a.page-numbers,
	.pagination .current{
		padding: 10px 10px;
	}

	.current {
		padding: 10px 10px;
	}


    
	/*-----------------------------------------------------
	breadcrumb
	-------------------------------------------------------*/

	#breadcrumb ul{
		overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
		justify-content: flex-start;
		margin: 0 10px;
	}    
}