@charset "utf-8";
/* CSS Document */
/*フォームとタブのstylesheet*/
a{
	text-decoration: none; 
}
.essential{
color: red;
}
fieldset {
border:none;

}

/**********************パソコン**********************/
@media only screen and (min-width: 961px) {

	.contentinner2{
		width: 960px;
		margin: 0 auto;
		padding:15px 0;
	}
	.search-box-in	{
		background-color: rgba(42, 122, 185, 0.9);
		padding:2px 0px 3px;
		width:100%;
		position: absolute;
		bottom:0;
/*		z-index: 99;
		border-top:solid 6px #084D87;*/
	}
	.form_inner	p{
		color:#fff;
		font-size:14px;
		margin-bottom:10px;
		line-height:10px;
	}
	.kensaku_title{
		float:left;
		width:140px;

	}
	.kensaku_title span{
		float:left;
		font-size:12px;
		color: #fff;
		margin:0px 30px 0px;
	}
	.kensaku_title h2{
		margin:18px 20px 0px;
		color: #fff;
	}
	.form_inner{
		float:left;
		width:600px;
		margin-left:10px;
		margin-top:10px;
	}
	.outlink_box{
		width:160px;
		margin-left:25px;
		color: #ffff;
	}
	.outlink_box{
		float:left;
	}
	.outlink{
		font-size:11px !important;
	}
	.kensaku_btn{
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
	}
	.button{
		background: url(../img/../img/top/kensakubtn.png) center top no-repeat;
		background-size: 100%;
        border: none;
        cursor: pointer;
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
}
	.shokyobtn{
		float:left;
		width:130px;
		margin:1px 0px 3px;
	}
	.shokyobtn:hover{
		opacity: 0.8;
	}
/*タブ*/
	.dining_btn a{
		display: block;
		height:55px;
		box-sizing: border-box;
  	    width: calc(95.8%/4);
		border:1px solid #000000;
		margin:0px 5px ;
		text-align: center;
		padding: 18px 0;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
		}

.dining_btn a:hover {
  background-position: -100% 0;
}
.dining_btn p{
		font-weight: bold;
		color: #000000;
	}
.dining_btn a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
	.dining_btn2 a{
		display: block;
		box-sizing: border-box;
		height:55px;
  	    width: calc(97%/2);
		border:1px solid #000000;
		margin:0px 0.5% ;
		padding: 18px 0 ;
		text-align: center;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
		}
	.dining_btn2 a:hover {
  		background-position: -100% 0;
}
.dining_btn2 p{
		font-weight: bold;
		color: #000000;
	}

.dining_btn2 a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
	.dining_line a{
		display: block;
		height:55px;
		box-sizing: border-box;
  	    width: calc(95.8%/4);
		border:1px solid #000000;
		margin:0px 5px ;
		text-align: center;
		padding: 18px 0;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
		}

.dining_line a:hover {
  background-position: -100% 0;
}
.dining_line p{
		font-weight: bold;
		color: #000000;
	}
.dining_line a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
.dining_btn_icon{
		position: absolute;
		width: 10px;
		bottom: 3px;
		right: 3px;
}
	.diningmenuBox{
		padding:40px 0px;
	}
	.diningmenuBox2{
		padding:40px 20% 0px;
		text-align: center;
		margin:0 auto;
	}
	.custom-reservation label{
	float: left;
	}
	.custom-reservation select{
	float: left;
	}
	.custom-reservation {
	float: left;
	margin-right: 20px;
	}
	.custom-reservation p{
	line-height: 18px;
	font-size:14px;
	}
	.rtitle p{
	line-height: 18px;
	font-size:14px;
	}
	.resinputbox{
	width: 150px;
	margin-right: 20px;
	}
	.form_l label{
	float: left;
	}
	.form_r label{
	float: left;
	}
	.form_l{
	float: left;
	}
	.form_r{
	float: left;
	}
	.formday {
	margin-bottom:10px;
	}
/*****************ログイン情報フォーム*******************/
.loginform_name{
text-align: center;
margin: 0 auto;
padding: 20px 0;
font-size: 18px;
}
.form_p{
float: right;
width:80%;
}
.label1,.label_p {
float: left;
width:18%;
}
.formtext1{
float:right;
width:80%;
padding: 3px;
}
.formtext2{
float: right;
width:80%;
height: 75px;
}
.formborder{
padding:10px 0 ;
}
.form_button{
width:60%;
text-align: center;
margin: 0 auto;
}
.shokyo{
float: left;
width: 250px;
}
.soushin{
float: right;
width: 250px;
}
.kakunin{
text-align: center;
margin: 0 auto;;
width: 250px;
}
.loginformbox{
position: relative;
z-index: 5;
padding-bottom:100px;
}
.error{
color: red;
float: right;
width: 80%;
}
.label_p2{
text-align: left;
float: left;
}
}
/**********************モバイル**********************/
@media only screen and (max-width: 960px) and (min-width: 540px){

	/*フォームテストここからコメント*/
	
	/*.search-box-in	{
		width:100%;
		position: fixed;
		bottom:0;
		z-index: 99;
	}
	.contentinner2{
		width:100%;
		
	}*/
	
	/*フォームテストここまでコメント*/
	
	/*フォームテストここから編集 18行目からコピー1*/
	/*.contentinner2{
		width: 100%;
		margin: 0 auto;
		padding:15px 0;
		display: flex;
	}
	.search-box-in	{
		background-color: rgba(42, 122, 185, 0.9);
		padding:2px 0px 3px;
		width:100%;
		position: absolute;
		bottom:0;
		z-index: 99;*/
		/*border-top:solid 6px #084D87;
	}*/
	
	/*.form_inner{
		gap: 10px;
		display: flex;
		justify-content: space-between;
	}
	
	.form_inner	p{
		color:#fff;
		font-size:14px;
		margin-bottom:10px;
		line-height:10px;
	}
	.kensaku_title{
		float:left;
		width:140px;

	}
	.kensaku_title span{
		float:left;
		font-size:12px;
		color: #fff;
		margin:0px 30px 0px;
	}
	.kensaku_title h2{
		margin:18px 20px 0px;
		color: #fff;
	}
	.form_inner{
		float:left;
		width:48%;
		margin-left:10px;
		margin-top:10px;
	}
	.outlink_box{
		width:160px;
		margin-left:25px;
		color: #ffff;
	}
	.outlink_box{
		float:left;
	}
	.outlink{
		font-size:11px !important;
	}
	.kensaku_btn{
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
	}
	.button{
		background: url(../img/../img/top/kensakubtn.png) center top no-repeat;
		background-size: 100%;
        border: none;
        cursor: pointer;
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
}
	.form-test-clear{
		display: none;
	}*/
	/*フォームテストここまで編集1*/

	/*フォームテストここから編集 18行目からコピー2*/
	.contentinner2{
		width: 100%;
		margin: 0 auto;
		/*padding:15px 0;*/
		padding-bottom: 10px;
	}
	.search-box-in	{
		background-color: rgba(42, 122, 185, 0.9);
		padding:2px 0px 3px;
		width:100%;
		position: absolute;
		bottom:0;
/*		z-index: 99;
		border-top:solid 6px #084D87;*/
	}

.form-mb-sp{
	display: flex;
	width: 100%;
	justify-content: space-evenly;
	align-items: center;
}
	.form_inner	p{
		color:#fff;
		font-size:14px;
		/*margin-bottom:10px;
		line-height:10px;*/
	}
.custom-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.custom-reservation{
	display: flex;
	justify-content: flex-end;
}
	.kensaku_title{
		float:left;
		width:140px;

	}
	.kensaku_title span{
		float:left;
		font-size:12px;
		color: #fff;
		margin:0px 30px 0px;
	}
	.kensaku_title h2{
		margin:18px 20px 0px;
		color: #fff;
	}
	.form_inner{
		display: flex;
		width:48%;
		margin-left:10px;
		margin-top:10px;
		justify-content: space-around;
	}
	.outlink_box{
		width:160px;
		margin-left:25px;
		color: #ffff;
	}
	.outlink_box{
		float:left;
	}
	.outlink{
		font-size:11px !important;
	}
	.kensaku_btn{
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
	}
	.button{
		background: url(../img/../img/top/kensakubtn.png) center top no-repeat;
		background-size: 100%;
        border: none;
        cursor: pointer;
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
}

.form-test-clear{
	display: none;
}

	/*フォームテストここまで編集 18行目からコピー2*/
	
	.search-box-mini p{
		padding-top:7px;
		color:#fff;
		font-size: 18px;
		font-weight: bold;
	}
	.search-box-mini span {
	font-size: 12px !important;
	}

	.search-box-mini img{
		width:25%;
	}
	.kensaku_mini_icon:before {
  		content: '';/*何も入れない*/
  		display: inline-block;/*忘れずに！*/
  		width:7%;/*画像の幅*/
  		height:5vw;/*画像の高さ*/
  		background-repeat: no-repeat;
  		background-image: url(../img/top/kensaku_icon_w.png);
  		background-size: contain;
  		vertical-align: middle;
  		margin-right: 5px;
 		margin-top: -5px;
	}
	.otoiawase_mini_icon:before {
  		content: '';/*何も入れない*/
 		display: inline-block;/*忘れずに！*/
  		width:17%;/*画像の幅*/
  		height:5vw;/*画像の高さ*/
  		background-repeat: no-repeat;
  		background-image: url(../img/top/chat_icon_w.png);
 		background-size: contain;
  		vertical-align: middle;
  		margin-right: 5px;
  		margin-top: -5px;
	}
	.kensaku_mini{
		width: 100%;
		/*float:left;
		width:65%;*/
		padding: 1.25%;
		text-align:center;
		margin:0 auto;
		background: #FFAB1D;
	}

	.otoiawase_mini{
		background-color:#307ab9;
		float:left;
		width:30%;
		padding: 1.25%;
		text-align:center;
		margin:0 auto;
	}
/*タブ*/
	.dining_btn a{
		display: block;
		box-sizing: border-box;
		height:55px;
  	    width: calc(97%/4);
		border:1px solid #000000;
		margin:0px 0.2% ;
		padding: 18px 0 ;
		text-align: center;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
		}

.dining_btn a:hover {
  background-position: -100% 0;
}
.dining_btn p{
		font-weight: bold;
		color: #000000;
	}
.dining_btn a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
.dining_btn2 a{
		display: block;
		box-sizing: border-box;
		height:55px;
  	    width: calc(97%/2);
		border:1px solid #000000;
		margin:0px 0.35% ;
		padding: 18px 0 ;
		text-align: center;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
		}
	.dining_btn2 a:hover {
  background-position: -100% 0;
}
.dining_btn2 p{
		font-weight: bold;
		color: #000000;
	}
.dining_btn2 a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
.dining_btn_icon{
		position: absolute;
		width: 10px;
		bottom: 3px;
		right: 3px;
}
.dining_line a{
		line-height:12px;
		display: block;
		box-sizing: border-box;
		height:55px;
  	    width: calc(97%/4);
		border:1px solid #000000;
		margin:0px 0.2% ;
		padding: 6px 0 ;
		text-align: center;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
	}
.dining_line a:hover {
  background-position: -100% 0;
}
.dining_line p{
		font-weight: bold;
		color: #000000;
	}
.dining_line a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
.dining_btn_icon{
		position: absolute;
		width: 10px;
		bottom: 3px;
		right: 3px;
}
.diningmenuBox{
	padding:20px 0% 10px;
	text-align: center;
	margin:0 auto;
	}
.diningmenuBox2{
	padding:20px 15% 10px;
	text-align: center;
	margin:0 auto;
	}
/*****************ログイン情報フォーム*******************/

.loginform_name{
text-align: center;
margin: 0 auto;
padding: 20px 0; 
font-size: 18px;
}
.form_p{
float: right;
width:80%;
}
.label1,.label_p {
float: left;
width:18%;
}
.formtext1{
float:right;
width:80%;
padding:3px;
}
.formtext2{
float: right;
width:80%;
height: 75px;
}
.formborder{
padding:10px 0 ;
}
.form_button{
width:450px;
text-align: center;
margin: 0 auto;
}
.shokyo{
float: left;
width: 48%;
}
.soushin{
float:right;
width: 48%;
}
.kakunin{
text-align: center;
margin: 0 auto;
width:48%;
}
.login_contact{
padding-bottom: 80px;
}
.error{
color: red;
float: right;
width: 80%;
}
.label_p2{
text-align: left;
float: left;
}
}
/**********************スマホ**********************/
@media only screen and (max-width: 539px){

/*.search-box-in	{
		
		width:100%;
		position: fixed;
		bottom:0;
		z-index: 99;
	}
	.contentinner2{
		width:100%;
		
	}*/
	
	/*フォームテストここから編集 18行目からコピー*/
	
	.mainimgBox{
		height: 55vh;
	}
		.contentinner2{
		width: 100%;
		margin: 0 auto;
		/*padding:15px 0;*/
		padding-bottom: 10px;
	}
	.search-box-in	{
		background-color: rgba(42, 122, 185, 0.9);
		padding:2px 0px 3px;
		width:100%;
		position: absolute;
		bottom:0;
/*		z-index: 99;
		border-top:solid 6px #084D87;*/
		display: inline-block!important;
	}

.form-mb-sp{
	display: flex;
	width: 100%;
	justify-content: space-evenly;
	flex-direction: column;
	align-items: center;
}
	.form_inner	p{
		color:#fff;
		font-size:14px;
		/*margin-bottom:10px;
		line-height:10px;*/
	}
.custom-box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
}
.custom-reservation{
	display: flex;
	justify-content: flex-start;
	justify-content: flex-end;
}
	.kensaku_title{
		float:left;
		width:140px;

	}
	.kensaku_title span{
		float:left;
		font-size:12px;
		color: #fff;
		margin:0px 30px 0px;
	}
	.kensaku_title h2{
		margin:18px 20px 0px;
		color: #fff;
	}
	.form_inner{
		display: flex;
		margin-top:10px;
		justify-content: space-around;
		align-items: flex-end;
		gap: 20px;
	}
	.outlink_box{
		width:160px;
		margin-left:25px;
		color: #ffff;
	}
	.outlink_box{
		float:left;
	}
	.outlink{
		font-size:11px !important;
	}
	.kensaku_btn{
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
	}
	.button{
		background: url(../img/../img/top/kensakubtn.png) center top no-repeat;
		background-size: 100%;
        border: none;
        cursor: pointer;
		float:left;
		width:140px;
		height:50px;
        margin:8px 10px;
}

.form-test-clear{
	display: none;
}
	
	/*フォームテストここまで編集 18行目からコピー*/
	
	
	.search-box-mini p{
		padding-top:7px;
		color:#fff;
		font-size:3.5vw;
		font-weight: bold;
	}
	.search-box-mini span {
	font-size:2.25vw !important;
	}
	.search-box-mini img{
		width:25%;
	}
	.kensaku_mini_icon:before {
  		content: '';/*何も入れない*/
  		display: inline-block;/*忘れずに！*/
  		width:7%;/*画像の幅*/
  		height:5vw;/*画像の高さ*/
  		background-repeat: no-repeat;
  		background-image: url(../img/top/kensaku_icon_w.png);
  		background-size: contain;
  		vertical-align: middle;
  		margin-right: 5px;
 		margin-top: -5px;
	}
	.otoiawase_mini_icon:before {
  		content: '';/*何も入れない*/
 		display: inline-block;/*忘れずに！*/
  		width:17%;/*画像の幅*/
  		height:5vw;/*画像の高さ*/
  		background-repeat: no-repeat;
  		background-image: url(../img/top/chat_icon_w.png);
 		background-size: contain;
  		vertical-align: middle;
  		margin-right: 5px;
  		margin-top: -5px;
	}
	.kensaku_mini{
		/*float:left;
		width:62%;*/
		width: 100%;
		padding:3% 1.25%;
		text-align:center;
		margin:0 auto;
		background: #FFAB1D;
	}
	.otoiawase_mini{
		float:left;
		width:33%;
		padding: 3% 1.25%;
		text-align:center;
		margin:0 auto;
		background-color:#307ab9;
	}

/*タブ*/
	.dining_btn a{
		display: block;
		box-sizing: border-box;
		height:55px;
  	    width: calc(97%/2);
		border:1px solid #000000;
		margin:0px 0.4% 2px;
		padding: 18px 0 ;
		text-align: center;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
		}
.dining_btn a:hover {
  background-position: -100% 0;
}
.dining_btn p{
		font-weight: bold;
		color: #000000;
	}
.dining_btn a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
.dining_btn2 a{
		display: block;
		box-sizing: border-box;
		height:55px;
  	    width: calc(97%/2);
		border:1px solid #000000;
		margin:0px 0.35% ;
		padding: 18px 0 ;
		text-align: center;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
		}
	.dining_btn2 a:hover {
  background-position: -100% 0;
}
.dining_btn2 p{
		font-weight: bold;
		color: #000000;
	}
.dining_btn2 a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
.dining_btn_icon{
		position: absolute;
		width: 10px;
		bottom: 3px;
		right: 3px;
}
.dining_line a{
		line-height:12px;
		display: block;
		box-sizing: border-box;
		height:55px;
  	    width: calc(97%/2);
		border:1px solid #000000;
		margin:0px 0.4% 2px;
		padding:7px 0 ;
		text-align: center;
		position: relative;
		background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, #000000 50%);
		background-position: 0 0;
		background-size: 200% auto;
		transition: .3s;
		float:left;
	}
.dining_line a:hover {
  background-position: -100% 0;
}
.dining_line p{
		font-weight: bold;
		color: #000000;
	}
.dining_line a:hover p{
 		font-weight: bold;
		color: #FFFFFF;
		transition: 0.3s;
}
.dining_btn_icon{
		position: absolute;
		width: 10px;
		bottom: 3px;
		right: 3px;
}
		.diningmenuBox{
		padding:20px 0px 10px;
	}
/*****************ログイン情報フォーム*******************/
.loginform_name{
text-align: center;
margin: 0 auto;
padding: 20px 10px;
font-size: 18px;
}
.formborder{
text-align: center;
margin: 0 auto;
}
.form_p{
width:100%;
text-align:left;
}
.label1,.label_p {
width:100%;
margin-bottom: 10px;
text-align:left;
}
.label_p2{
text-align:left;
}
.formtext1{
text-align:left;
float: left;
padding:3px;
margin: 0;
width:98%;
}
.formtext2{
width:98%;
float: left;
height: 20vw;
}
.formborder{
padding:10px 0 ;
text-align: center;
margin: 0 auto;
}

.form_button{
width:100%;
text-align: center;
margin: 0 auto;
}
.shokyo{
text-align: center;
margin: 0 auto;
width: 60%;
}
.soushin{
text-align: center;
margin: 0 auto;
width: 60%;
}

.kakunin{
width: 60%;
text-align: center;
margin: 0 auto;
}
.login_contact{
padding-bottom: 80px;
text-align: center;
margin: 0 auto;
}
.error{
color: red;
width:100%;
text-align: left;
}
fieldset{
text-align: center;
margin: 0 auto;
padding: 0 10px;
}
}