@charset "utf-8";
@import url(base.css);


		#contenttitle{
			clear:both;
		}

			#contenttitle h2{
				display:block;
				width:240px;
				margin:0 auto -250px;
				position:relative;
				top:60px;
			}
			#contenttitle h2 img{width:100%;}
	
			#contenttitle li{
				width:calc(100% / 3);
				height:340px;
				list-style:none;
				float:left;
				background-repeat:no-repeat;
				background-position:50% 0;
				background-size:auto 100%;
			}
			#contenttitle li:nth-of-type(1){background-image:url(../images/img_menu1.jpg);}
			#contenttitle li:nth-of-type(2){background-image:url(../images/img_menu2.jpg);}
			#contenttitle li:nth-of-type(3){background-image:url(../images/img_menu3.jpg);}
			
			
	@media screen and (max-width:1200px){

		#contenttitle{
			height:300px;
		}

			#contenttitle h2{
				width:220px;
				margin:0 auto -220px;
				top:50px;
			}
	
			#contenttitle li{
				height:300px;
			}

	}
			
	@media screen and (max-width:1000px){

		#contenttitle{
			height:240px;
		}

			#contenttitle h2{
				width:180px;
				margin:0 auto -180px;
				top:40px;
			}
	
			#contenttitle li{
				height:240px;
			}

	}
			
	@media screen and (max-width:640px){

		#contenttitle{
			height:200px;
		}

			#contenttitle h2{
				width:140px;
				margin:0 auto -140px;
				top:40px;
			}
	
			#contenttitle li{
				height:200px;
			}

	}
			
	@media screen and (max-width:420px){

		#contenttitle{
			height:160px;
		}

			#contenttitle h2{
				width:100px;
				margin:0 auto -100px;
				top:40px;
			}
	
			#contenttitle li{
				height:160px;
			}

	}
	
	
	
	
/* 言語選択 */
	
	#langchg{
		width:314px;
		margin:20px auto 0;
		position:relative;
		z-index:1000;
	}
		
@media screen and (max-width:370px){
	
	#langchg{
		width:254px;
	}
		
}
	
	
		#langchg li{
			padding:0 20px;
			list-style:none;
			float:left;
		}
		#langchg li:before{
			content:"｜";
			position:relative;
			left:-20px;
		}
		#langchg li:nth-last-of-type(1):after{
			content:"｜";
			position:relative;
			left:20px;
		}
		
	@media screen and (max-width:370px){
	
		#langchg li{
			padding:0 10px;
		}
		#langchg li:before{
			left:-10px;
		}
		#langchg li:nth-last-of-type(1):after{
			left:10px;
		}
		
	}
	
/* 料理カテゴリ */

	#catmenu{
		max-width:1000px;
		width:98%;
		margin:30px auto 60px;
	}
	
@media screen and (max-width:770px){

	#catmenu{
		margin:10px auto 50px;
	}
	
}
	
@media screen and (max-width:420px){

	#catmenu{
		margin:10px auto 40px;
	}
	
}


		#catmenu li{
			width:calc(98% / 3);
			height:60px;
			margin-right:1%;
			list-style:none;
			float:left;
		}
		#catmenu li:nth-last-of-type(1){margin-right:0;}
	
	@media screen and (max-width:770px){

		#catmenu li{
			height:40px;
		}
	
	}

			#catmenu li a,
			#catmenu li span{
					display:-webkit-flex;
					display:flex;
 					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
				width:100%;
				height:98%;
				padding-top:2%;
				color:#fff;
				font-size:1.1em;
				font-weight:700;
				text-decoration:none;
				text-align:center;
				line-height:1.3em;
				background-color:#100c57;
			-webkit-transition:opacity 0.3s ease-out;
			-moz-transition:opacity 0.3s ease-out;
			-ms-transition:opacity 0.3s ease-out;
			transition:opacity 0.3s ease-out;
			}
			#catmenu li:nth-last-of-type(1) a,
			#catmenu li:nth-last-of-type(1) span{
				line-height:1.2em;
			}
	
		@media screen and (max-width:770px){

			#catmenu li a,
			#catmenu li span{
				font-size:1.0em;
			}
			
			#catmenu li:nth-last-of-type(1) a,
			#catmenu li:nth-last-of-type(1) span{
				line-height:1.3em;
			}
		}
	
		@media screen and (max-width:500px){
			
			#catmenu li:nth-last-of-type(1) a,
			#catmenu li:nth-last-of-type(1) span{
				font-size:0.9em;
			}
		}
	
		@media screen and (max-width:480px){
			
			#catmenu li:nth-last-of-type(1) a,
			#catmenu li:nth-last-of-type(1) span{
				line-height:1.0em;
			}
		}
	
		@media screen and (max-width:420px){

			#catmenu li a,
			#catmenu li span{
				font-size:0.9em;
			}
		
		}
	
			#catmenu li a:hover{
				color:#ff0;
				filter:alpha(opacity=70);
				-moz-opacity:0.70;
				opacity:0.70;
			}

			#catmenu li span{
				color:#100c57;
				background-color:#fff;
				-moz-box-shadow:0 0 0 1px #ccc inset;
				-webkit-box-shadow:0 0 0 1px #ccc inset;
				box-shadow:0 0 0 1px #ccc inset;
				
			}



	#menulist{
		max-width:1000px;
		width:90%;
		margin:0 auto;
		padding:0 0 50px;
	}

		#menulist h3{
			color:#100c57;
			font-size:2.0em;
			font-family: "kozuka-mincho-pro";
			letter-spacing:0;
		text-align:center;
		}

	@media screen and (max-width:640px){

		#menulist h3{
			font-size:1.8em !important;
		}

	}

	@media screen and (max-width:480px){

		#menulist h3{
			font-size:1.6em !important;
		}

	}

	@media screen and (max-width:420px){

		#menulist h3{
			font-size:1.4em !important;
		}

	}

	@media screen and (max-width:370px){

		#menulist h3{
			font-size:1.2em !important;
		}

	}
		
		#menulist h3:before{
			content:url(../menu/images/img_deco1.png);
			position:relative;
			left:-30px;
		}

		#menulist h3:after{
			content:url(../menu/images/img_deco2.png);
			position:relative;
			left:30px;
		}

	@media screen and (max-width:640px){
		
		#menulist h3:before{
			content:url(../menu/images/img_deco1s.png);
			left:-20px;
			top:-2px;
		}

		#menulist h3:after{
			content:url(../menu/images/img_deco2s.png);
			left:20px;
			top:-2px;
		}

	}

	@media screen and (max-width:420px){
		
		#menulist h3:before{
			left:-10px;
		}

		#menulist h3:after{
			left:10px;
		}

	}

		#menulist h4{
			margin:25px 0 15px;
			color:#100c57;
			font-size:1.8em !important;
			font-family: "kozuka-mincho-pro";
			text-align:left;
		}

	@media screen and (max-width:640px){

		#menulist h4{
			margin:20px 0 12px;
			font-size:1.4em !important;
		}

	}

		#menulist h4:before{
			content:url(../menu/images/ico_menu.png);
			margin-right:10px;
			position:relative;
			top:6px;
		}

	@media screen and (max-width:640px){

		#menulist h4:before{
			margin-right:5px;
			top:9px;
		}

	}
	
		#menulist ul{
			padding:15px 2% 5px;
			background-color:#f0f0ff;
		}

		
		#menulist ul:nth-of-type(2n){
			background-color:#fff0f0;
		}

#menulist ul{zoom:1;}
#menulist ul:after{
  content: ""; 
  display: block; 
  clear: both;
}

		#menulist h3 + ul{
			margin-top:40px;
			border-top:1px solid #100c57;
		}

	@media screen and (max-width:640px){

		#menulist h3 + ul{
			margin-top:30px;
		}

	}


		#menulist h4 + ul{
			border-top:1px solid #100c57;
		}


			#menulist li{
				width:calc((100% - 2%) / 2);
				margin:0 2% 15px 0;
				padding:10px 0;
				background-color:#fff;
				list-style:none;
				float:left
			}
			#menulist li:nth-of-type(2n){margin-right:0;}

		@media screen and (max-width:770px){
			
			#menulist li{
				width:100%;
				margin:0 0 15px;
				float:none;
			}
			
		}

		@media screen and (max-width:480px){
			
			#menulist li{
				font-size:0.9em;
			}
			
		}


#menulist li{zoom:1;}
#menulist li:after{
  content: ""; 
  display: block; 
  clear: both;
}

		#menulist h4 + p{
			margin:0 0 5px;
			color:#c33;
			font-weight:700;			
		}


				#menulist li h5{
					margin-top:3px;
					padding-left:4%;
					color:#630000;
					font-size:1.1em;
					font-weight:500;
					font-family:'kozuka-gothic-pro';
					float:left;
					line-height:1.3em;
					letter-spacing:0.03em;
			}

				#menulist li p{
					margin:0;
					padding-right:4%;
					font-size:1.2em;
					font-weight:500;
					font-family:'kozuka-gothic-pro';
					float:right;
				}

				#menulist li span{
					clear:both;
					display:block;
					padding-left:4%;
					margin-bottom:-5px;
					color:#f00;
					font-size:0.9em;
					font-weight:500;
					font-family:'kozuka-gothic-pro';
					text-align:left;
					position:relative;
					top:0;
				}

					#menulist li h5 span{
						padding-left:0;
						color:#c33;
						font-size:0.7em;
					}

	
		p.kome + p.kome{
			margin-top:0;
			margin-bottom:-10px;
			position:relative;
			top:-10px;
		}





			.spbox{
				width:100%;
				margin-left:auto;
				margin-right:auto;
				padding:10px 0;
					-moz-box-shadow:0 0 0 1px #100c57 inset;
					-webkit-box-shadow:0 0 0 1px #100c57 inset;
					box-shadow:0 0 0 1px #100c57 inset;
			}

		@media screen and (max-width:480px){
			
			.spbox{
				font-size:0.9em;
			}
			
		}


				.spbox h5{
					padding-left:4%;
					color:#630000;
					font-size:1.3em;
					font-weight:500;
					font-family:'kozuka-gothic-pro';
					float:left;
				}

				.spbox p{
					margin:0;
					padding-right:4%;
					font-size:1.3em;
					font-weight:500;
					font-family:'kozuka-gothic-pro';
					float:right;
				}

				.spbox span{
					clear:both;
					display:block;
					padding:10px 3%;
					color:#c33;
					font-size:0.9em;
					font-family:'kozuka-gothic-pro';
					text-align:left;
					line-height:1.4em;
					position:relative;
				}


/*  *レディースデイ */

	#ladiesday{
		text-align:center;
		position:relative;
		top:-30px;
		color:#c33;
		font-weight:700;
	}

		#ladiesday a{
			color:#c33;
		}