@charset "utf-8";

@import "lightbox.css";/* lightbox */

/* food */

#mainContent.table .cont { margin-top: 10px; }

.table .lead { width: 624px; padding: 0 0 0 20px; border-left: 2px solid #d1af90; margin: 0 auto 50px; }
.table .anc  { border: 1px solid #d1af90; width: 721px; height: 48px; margin: 0 auto; overflow: hidden; border-radius: 5px; }
.table .anc li { width: 179px; height: 100%; float: left; text-align: center; line-height: 48px; -webkit-box-sizing: inherit; box-sizing: inherit; }
.table .anc li + li { width: 180px; border-left: 1px solid #d1af90; }
.table .anc li a { display: block; font-family: 'Josefin Sans', sans-serif; width: 100%; height: 100%; color: #d1af90; text-decoration: none;}
.table .anc li a:hover { color: #fff; background-color: #d1af90; }

.table h2 { font-weight: normal; font-size: 1.4rem; line-height: 2.8rem; text-align: center; margin: 66px auto 25px; }
.table h2 span { font-size: 2.4rem; line-height: 1; color: #333; }

.table .list { border-top: 1px solid #eee; margin-bottom: 16px; }
.table .list li { position: relative; min-height: 270px; padding: 20px 0; border-bottom: 1px solid #eee; }

.table .list li h3 { font-size: 2.4rem; margin: 0px auto 13px 0; width: 550px; }
.table .list li h3 span { display: block; font-size: 1.4rem; /*opacity: .5;*/ margin-top: 8px; color: #333; }
.table .list li > a { float: left; width: 320px; clear: left; }
.table .list li > a + div { margin-left: 340px; clear: right; }

.table .list li .price { position: absolute; top: 30px; right: 0; font-size: 2.4rem; line-height: 1; }

.table .list li .sign { overflow: hidden; margin-bottom: 10px; }
.table .list li .sign > div { display: inline-block; overflow: hidden; }
.table .list li .sign > div + div { margin-left: 8px; }
.table .list li .sign > div img { float: left; }
.table .list li .sign > div.flag img + img { margin-left: 6px; }

.table .list li .details p { margin: 10px  0; }
.table .list li .details dl { color: #d1af90; overflow: hidden; }
.table .list li .details dt { display: block; width: 1.4em; float: left; clear: left; }
.table .list li .details dd { display: block; width: calc(100% - 1.4em); margin-left: 1.4em; }

.table .note p { text-align: right; }

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

	.table .lead { width: 100%; padding: 0 0 0 0; border-left: none; margin: 2px auto 22px; }
	.table .anc  { width: 320px; }
	.table .anc li { width: 159px; }
	.table .anc li + li { width: 159px; }

	.table .list { margin-bottom: 8px; }

	.table .list li { min-height: inherit; padding: 15px 0; font-size: 1.1rem; }
	.table .list li > a { width: 90px; }
	.table .list li > a + div { margin-left: 100px; }

	.table h2 { font-size: 1.2rem; line-height: 1.4rem; margin: 33px auto 13px; }
	.table h2 span { font-size: 1.8rem; line-height: 1; }

	.table .list li h3 { font-size: 1.4rem; margin: 0px auto 7px 0; width: 100%; }
	.table .list li h3 span { font-size: 1.1rem; margin-top: 7px; }
	.table .list li .price { position: relative; top: inherit; right: inherit; font-size: 1.3rem; line-height: 1; margin-bottom: 11px; }

	.table .list li .sign > div { height: 16px; }
	.table .list li .sign > div img { height: 100%; width: auto; }

	.table .note p { font-size: 1.1rem; text-align: left; line-height: 1.3333em; }

}

/* food */

/* drink */

@media screen and (min-width: 769px) {
	.table .list img.drink__img-vertical {
		width: 154px;
		height: 230px;
		display: block;
		margin-left: auto;
    margin-right: auto;
	}
}
@media screen and (max-width: 768px) {
	.table .list img.drink__img-vertical {
		width: 90px;
	}
}

/* drink */

/* .anc */

/* .anc */
@media screen and (max-width: 768px) {
	.table .anc {
    width: 290px;
		height: auto;
	}
	.table .anc li {
		width: 144px;
	}
	.table .anc li + li{
		width: 144px;
		border-top: 1px solid #d1af90;
	}
	.table .anc li:nth-child(2) {
		border-top: none;
	}
	.table .anc li:nth-child(3) {
		border-top: none;
	}
}


/* all */
.table .list li.menu__small {
	min-height: 120px;
}
.table .list li.menu__middle {
	min-height: 140px;
}
.table .list li.menu__subttl {
	margin-top: 20px;
	min-height: 80px;
}
.table .list li.menu__small h3 {
	width: auto;
}
.table .list li.menu__subttl h3 {
	width: 100%;
	margin: 0 auto;
	color: #d1af90;
	font-size: 2.4rem;
	font-weight: normal;
	text-align: center;
}
.table .list li.menu__subttl h3 span {
	display: inline;
	/*font-size: 2rem;*/
}
.table .list li.menu-flavor {
	min-height: 80px;
}
.table .list li.menu-flavor h3 {
	width: 100%;
	padding-left: 15px;
	margin: 0;
	color: #d1af90;
	font-size: 2.4rem;
	font-weight: normal;
	position: relative;
}
.table .list li.menu-flavor h3::before {
	content: "";
	position: absolute;
	left: 0;
	width: 6px;
	height: 38px;
	background-color: #d1af90;
}
.table .list li .details dl.menu-flavor-list {
	color: #000;
	opacity: 0.5;
	font-size: 1.4rem;
}

.table .border-none , .table .list li.border-none {
	border-bottom: none;
	border-top: none;
}

@media screen and (max-width: 768px) {
	.table .list li.menu__subttl {
		min-height: inherit;
	}
	.table .list li.menu__subttl h3 {
		font-size: 1.6rem;
	}

	.table .list li.menu-flavor {
		min-height: auto;
	}
	.table .list li.menu-flavor h3::before {
		height: 22px;
	}
	.table .list li.menu-flavor h3 {
		font-size: 1.6rem;
	}
	.table .list li .details dl.menu-flavor-list {
		font-size: 1.1rem;
	}
}
/* all*/

/* .notice */
.table .notice dl {
	width: 480px;
	margin: 40px auto 20px;
}
.table .notice dl * {
	float: left;
}
.table .notice dl dt {
	padding-right: 5px;
}
.table .notice dl dd {
	font-size: 1.4rem;
}
.table .notice dl *:nth-child(3) {
	padding-left: 10px;
}
@media screen and (max-width: 768px) {
	.table .notice dl {
		display: block;
		width: 240px;
		margin: 40px auto 20px;
	}
	.table .notice dl .notice__cf {
		clear: both;
	}
	.table .notice dl *:nth-child(3) {
		padding-left: 0;
		margin-top: 10px;
	}
	.table .notice dl *:nth-child(4) {
		margin-top: 10px;
	}
}
.table .notice dl {
	overflow: hidden;
}
.table .notice p {
	text-align: center;
}

/* .notice */

/* .flavor */
.table .list li.menu__boder-none {
	border-bottom: none;
}
.flavor {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.flavor .column {
	display: table-cell;
	width: 30%;
	padding: 0 1.5%;
}

@media screen and (max-width: 768px) {
	.flavor {
		display: inherit;
		table-layout: fixed;
		width: 100%;
	}
	.flavor .column {
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	.flavor a {
		float: left;
		clear: left;
		width: 90px;
	}
	.flavor a + div {
		margin-left: 100px;
		clear: right;
	}
}

/* .flavor */

/* .lightbox */

.lightbox_icon {
	position: relative;
}

.lightbox_icon:before {
	position: absolute;
	content: " ";
	background: url("../img/table/table_icon_pinch.png") no-repeat;
	background-size: cover;
	bottom: 15px;
	right: 10px;
	width: 25px;
	height: 25px;
}

.lightbox_icon__drink:before {
	position: absolute;
	content: " ";
	background: url("../img/table/table_icon_pinch.png") no-repeat;
	background-size: cover;
	bottom: 9px;
	right: 93px;
	width: 25px;
	height: 25px;
}

@media screen and (max-width: 768px) {
	.lightbox_icon:before {
		bottom: 10px;
		right: 5px;
		width: 15px;
		height: 15px;
	}
}

/* .lightbox */