﻿/*
	店舗のご案内
*/

div#pages section h2 span{
	font-size:20px;
	}
@media (max-width: 767px) {
	div#pages section h2 span{
		top:5px;
		left:0;
		}
	div#pages section h2 span:before{ display:none; }
}
div#pages section h3{
	font-size:18px;
	font-weight:normal;
	color: #00678A;
	}

div#pages section article{
	min-height:auto;
	}
}

/*
============================================================newsKind
*/
div#pages section ul#newsKind{
	margin-bottom:80px;
	}
div#pages section ul#newsKind li{
	width:25%;
	height:67px;
	display:inline-block;
	margin:0; padding:0;
	position:relative;
	}

div#pages section ul#newsKind li a{
	background:#F2F2EF;
	line-height:67px;
	display:block;
	border:1px solid #fff;
	color:#00678A;
	}
div#pages section ul#newsKind li a:after{
	content: "\f0dd";
    font-family: FontAwesome;
    position:absolute;
    bottom:-15px;
    left:0; right:0;
    margin:0 auto;
	}
div#pages section ul#newsKind li a.current,
div#pages section ul#newsKind li a:hover{
	background:#898340;
	color:#fff;
	}
@media (max-width: 767px) {
	div#pages section ul#newsKind{
		margin-bottom:30px;
		}
	div#pages section ul#newsKind li{
		width:100%;
		margin-bottom:0;
		height:30px;
		}
	div#pages section ul#newsKind li a{
		line-height:30px;
		}
	div#pages section ul#newsKind li a:after{
		display:none;
		}
}

/*
============================================================newsKind
*/


/*
============================================================info
*/
ul#info{
	width:100%;
	margin:0 0 40px 0; padding:0 0 20px 0;
	text-align: left;
	letter-spacing:-0.4em;
	z-index:1;
	min-height:100px;
	border-bottom:1px dotted #00678A;
	}
ul#info li{
	letter-spacing:normal;
	text-align: left;
	margin:0; padding:0;
	line-height:30px;
	vertical-align: top;
	}
ul#info li p{
	display:inline-block;
	font-size:12px;
	position: relative;
	margin:0; padding:0;
	text-align: left;
	}
ul#info li p.date{
	display:inline-block;
	font-size:12px;
	width:70px;
	position: relative;
	margin:0 0 5px 0;
	padding:0;
	text-align: left;
	}
ul#info li a,
ul#info li a{
	color:#333;
	}
ul#info li a:hover,
ul#info li a:hover{
	color:#00678A;
	}
ul#info li a span,
ul#info li a:hover span{
	display:inline-block;
	background: #00678A;
	padding:0 5px;
	line-height:17px;
	font-size:10px;
	color:#fff;
	width:60px;
	text-align: center;
	}
@media (max-width: 767px) {
	ul#info{
		min-height:auto;
		}
	ul#info li{
		line-height:24px;
		}
	ul#info li p{
		display: block;
		}
}

/*
============================================================block
*/

p.block,
div.block{
	margin:0 0 40px 0;
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	}

/*
============================================================caution
*/
div#pages section ul.caution,
div#pages section p.caution,
div#pages section td.caution{
	margin:0 0 40px 0;
	font-size:12px;
	}
div#pages section .caution li{
	text-align: left;
	}
div#pages section .caution li:before{
	content:"● ";
	color:#00678A;
	font-size:11px;
	}

/*
============================================================メニューリスト
*/
div#pages section ul#menuAoyamaNav,
div#pages section ul#menuGinzaNav{
	margin-bottom:20px;
	}
div#pages section ul#menuAoyamaNav li,
div#pages section ul#menuGinzaNav li{
	height:67px;
	display:inline-block;
	margin:0; padding:0;
	position:relative;
	}
div#pages section ul#menuAoyamaNav li{ width:25%; }
div#pages section ul#menuGinzaNav li{ width:19%; }
div#pages section ul#menuGinzaNav li:nth-child(n+4){ width:14%; }

div#pages section ul#menuAoyamaNav li a,
div#pages section ul#menuGinzaNav li a{
	background:#F2F2EF;
	line-height:67px;
	display:block;
	border:1px solid #fff;
	color:#00678A;
	position: relative;
	}
div#pages section ul#menuAoyamaNav li a span,
div#pages section ul#menuGinzaNav li a span{
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0;
    font-size: 10px;
	}

div#pages section ul#menuAoyamaNav li a:after,
div#pages section ul#menuGinzaNav li a:after{
	content: "\f0dd";
    font-family: FontAwesome;
    position:absolute;
    bottom:-15px;
    left:0; right:0;
    margin:0 auto;
	}
div#pages section ul#menuAoyamaNav li a.current,
div#pages section ul#menuAoyamaNav li a:hover,
div#pages section ul#menuGinzaNav li a.current,
div#pages section ul#menuGinzaNav li a:hover{
	background:#00678A;
	color:#fff;
	}
@media (max-width: 768px) {
	div#pages section ul#menuAoyamaNav,
	div#pages section ul#menuGinzaNav{
		margin-bottom:30px;
		}
	div#pages section ul#menuAoyamaNav li,
	div#pages section ul#menuGinzaNav li,
	div#pages section ul#menuGinzaNav li:nth-child(n+4){
		width:100%;
		margin-bottom:0;
		height:30px;
		}
	div#pages section ul#menuAoyamaNav li a,
	div#pages section ul#menuGinzaNav li a{
		line-height:30px;
		}
	div#pages section ul#menuAoyamaNav li a:after,
	div#pages section ul#menuGinzaNav li a:after{
		display:none;
		}
	div#pages section h2{
		
		}
	div#pages section article#contact ul li{
		width:100%;
		padding:0;
		}
	div#pages section article#contact ul li:nth-child(1){
		border-right:none;
		border-bottom:1px dotted #fff;
		padding-bottom:20px;
		margin-bottom:30px;
		}
		div#pages section ul#menuGinzaNav li a span{
			position: relative;
			top: 0;
			font-size: 10px;
			}
}
/*
============================================================営業時間など
*/
table.business-hours{
	
	}
table.business-hours th,
table.business-hours td{
	display:inline-block;
	min-width:70px;
	line-height:22px;
	font-size:14px;
	line-height:26px;
	text-align: left;
	}
/*
============================================================共通メニュー
*/

section#menuWrap{

	}
div#menuList1,
div#menuList2,
div#menuList3,
div#menuList4,
div#menuList5,
div#menuList6{
	min-height:300px;
	overflow:hidden;
	}
div#menuList1 ul li,
div#menuList2 ul li,
div#menuList3 ul li,
div#menuList4 ul li,
div#menuList5 ul li,
div#menuList6 ul li{
	text-align: left;
	width:50%;
	display:inline-block;
	vertical-align: top;
	margin-bottom:30px;
	padding:0 1% 5px 1%;
	}
div#menuList1 ul li span,
div#menuList2 ul li span,
div#menuList3 ul li span,
div#menuList4 ul li span,
div#menuList5 ul li span,
div#menuList6 ul li span{
	display: block;
	color:#666;
	padding-left:1em;
	font-size: 11px;
	}

div#menuList1 > h3,
div#menuList2 > h3,
div#menuList3 > h3,
div#menuList4 > h3,
div#menuList5 > h3,
div#menuList6 > h3{
	letter-spacing:normal;
	}
div#menuList1 > p,
div#menuList2 > p,
div#menuList3 > p,
div#menuList4 > p,
div#menuList5 > p,
div#menuList6 > p{
	letter-spacing:normal;
	}

div#menuList1 ul li.wide,
div#menuList2 ul li.wide,
div#menuList3 ul li.wide,
div#menuList4 ul li.wide,
div#menuList5 ul li.wide,
div#menuList6 ul li.wide{width:56%;}

div#menuList1 ul.inPreparation li,
div#menuList2 ul.inPreparation li,
div#menuList3 ul.inPreparation li,
div#menuList4 ul.inPreparation li,
div#menuList5 ul.inPreparation li,
div#menuList6 ul.inPreparation li{
	width:100%;
	text-align: center;
	font-size:18px;
	padding:30px 0;
	}
div#menuList1 ul li.course,/* コース料理で2分割パターン */
div#menuList2 ul li.course,
div#menuList3 ul li.course,
div#menuList4 ul li.course,
div#menuList5 ul li.course,
div#menuList6 ul li.course{ width:50%;}

div#menuList1 ul li.course span,/* コース料理の説明文 */
div#menuList2 ul li.course span,
div#menuList3 ul li.course span,
div#menuList4 ul li.course span,
div#menuList5 ul li.course span,
div#menuList6 ul li.course span{
	display:block;
	color:#aaa;
	padding-left:1em;
	}

div#menuList1,
div#menuList2,
div#menuList3,
div#menuList4,
div#menuList5,
div#menuList6{
	display:none;
	}

@media (max-width: 768px) {
div#menuList1 ul.inPreparation li,
div#menuList2 ul.inPreparation li,
div#menuList3 ul.inPreparation li,
div#menuList4 ul.inPreparation li,
div#menuList5 ul.inPreparation li,
div#menuList6 ul.inPreparation li,
div#menuList1 ul li.wide,
div#menuList2 ul li.wide,
div#menuList3 ul li.wide,
div#menuList4 ul li.wide,
div#menuList5 ul li.wide,
div#menuList6 ul li.wide{
	width: 100%;
	}
div#menuList1 ul li,
div#menuList2 ul li,
div#menuList3 ul li,
div#menuList4 ul li,
div#menuList5 ul li,
div#menuList6 ul li,
div#menuList7 ul li,
div#menuList8 ul li{
	text-align: left;
	width:100%;
	display:inline-block;
	vertical-align: top;
	margin-bottom:30px;
	}
}
/*
============================================================インスタグラム
*/
ul#instafeed{
	text-align: left;
	}
ul#instafeed li{
	display:inline-block;
	width:16.6%;
	position: relative;
	margin:0; padding:0;
	vertical-align:top;
	}
ul#instafeed li div{
	/* 正方形にするのに必要な部分 */
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* 中央寄せ */
	text-align: center;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border:1px solid #eee;
	background:white;
	}
ul#instafeed li div img{
	display:block;
	position:absolute;
	top:0%; bottom:0; left:0; right:0;
	margin:auto;
	max-width:100%;
	max-height:100%!important;
	}

/*
============================================================

メニュー

*/

ul.pdf-list{
	margin-bottom:40px;
	}
ul.pdf-list li{
	padding:5px;
	border:1px solid #666;
	margin:5px;
	display: inline-block;
	}
ul.pdf-list li a{
	min-width:200px;
	text-align: center;
	display: block;
	}