@charset "utf-8";

/******************************************************
 SP・PC共通
******************************************************/
/* タブ */
.tab-group {
	display: flex;
	justify-content: center;
}
.tab {
	flex-grow: 1;
	list-style: none;
	text-align: center;
	background-color: #141414;
	cursor: pointer;
}
.panel-group {
}
.panel{
	display: none;
}
.tab.is-active{
	background: #948a55;
	color: #ff;
	transition: all 0.2s ease-out;
}
.panel.is-show{
	display: block;
}

/******************************************************
 SP
******************************************************/
@media only screen and (max-width: 768px) {
	/* shopTxt */
	.shopTxt {
		font-size: 1.8rem;
		line-height: 2;
		text-align: center;
		margin-bottom: 2em;
	}
		
	/* shopGuide */
	.shopGuide {
		color: #fff;
		background-color: #000;
	}
	.shopGuide .inner {
		padding: 7% 7% 10%;
	}
	.shopGuide-ttl {
		position: relative;
		transform: translateY(50%);
		overflow: hidden;
	}
	.shopGuide-ttl .hn {
		display: flex;
		flex-flow: row nowrap;
		font-size: 2.4rem;
		white-space: nowrap;
	}
	.shopGuide-ttl .hn span {
		display: inline-block;
		padding: 0 30px;
	}
	.shopGuide-ttl .hn::before,
	.shopGuide-ttl .hn::after {
		content: '';
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block;
		width: 100%;
		height: 1px;
		background-color: #948a54;
		
	}
	.shopGuide-list {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		border-width: 0 1px 1px;
		border-style: solid;
		border-color: #948a54;
		padding: 40px 20px 30px;
		margin-bottom: 30px;
	}
	.shopGuide-list .txt {
		font-size: 1.8rem;
	}
	.tel {
		font-size: 1.6rem;
		text-align: center;
	}	
	/* タブ */
	.tab {
		font-size: 2.0rem;
		padding: .7em;
		margin-bottom: 1.5em;
		margin-left: 0.05em;
	}
	
	/* foodMenuItem */
	.foodMenuItem:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.fdTtl {
		color: #fff;
		padding: 0 0 .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 1.5em;
	}
	.fdTtl .hn {
		font-size: 2.2rem;
	}
	.foodMenuItem .col {
	}
	.foodMenuItem .col:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.foodMenuItem .col .photo {
		margin-bottom: 1em;
		text-align: center;
	}
	.foodMenuItem .col .photo img {
		width:70%;
	}
	.foodMenuItem .col .info {
	}
	.foodMenuItem .col .info .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding-bottom: .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 1em;
	}
	.foodMenuItem .col .info .title .hn {
		font-size: 2rem;
	}
	.foodMenuItem .col .info .title .yen {
		font-size: 1.8rem;
		line-height: 1;
		color: #f9de8d;
		padding: .5em 1em;
		border: 1px solid #948a55;
	}
	.foodMenuItem .col .info .listUl {
		padding-left: 1.2em;
	}
	.foodMenuItem .col .info .listUl li {
		list-style: disc;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.foodMenuItem .col .info .listUl li:not(:first-child) {
		padding-top: .5em;
	}
	
	/* giftMenuItem */
	.giftMenuItem .col {
	}
	.giftMenuItem .col:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.giftMenuItem .col .photo {
		margin-bottom: 1em;
	}
	.giftMenuItem .col .photo img {
		width:100%;
	}
	.giftMenuItem .col .info {
	}
	.giftMenuItem .col .info .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding-bottom: .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 1em;
	}
	.giftMenuItem .col .info .title .hn {
		font-size: 2rem;
	}
	.giftMenuItem .col .info .title .yen {
		font-size: 1.8rem;
		line-height: 1;
		color: #f9de8d;
		padding: .5em 1em;
		border: 1px solid #948a55;
	}
	.giftMenuItem .col .info .listUl {
		padding-left: 1.2em;
	}
	.giftMenuItem .col .info .listUl li {
		list-style: disc;
		font-size: 1.8rem;
		line-height: 1.6;
	}
	.giftMenuItem .col .info .listUl li:not(:first-child) {
		padding-top: .5em;
	}
	
	/* drinkMenuItem */
	.drinkMenuItem-ttl {
		color: #fff;
		padding-bottom: .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 1em;
	}
	.drinkMenuItem-ttl .hn {
		font-size: 2.0rem;
	}
	.drinkMenuItem .col {
	}
	.drinkMenuItem .col:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.drinkMenuItem .col .categoryTitle {
		font-size: 1.8rem;
		margin-bottom: .1em;
	}
	.drinkMenuItem .col .categoryTitle::before {
		content: '・';
	}
	.drinkMenuItem .col .categoryItem {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		font-size: 1.8rem;
	}
	.drinkMenuItem .col .categoryItem:not(:last-of-type) {
		margin-bottom: 1.5em;
	}
	.drinkMenuItem .col .categoryItem dt {
		width: 50%;
		padding: .1em 0 .1em 1em;
	}
	.drinkMenuItem .col .categoryItem dd {
		width: 50%;
		text-align: right;
		padding: .1em 0;
	}
}

/******************************************************
 PC
******************************************************/
@media print,
screen and (min-width: 769px) {
	/* shopTxt */
	.shopTxt {
		font-size: 1.8rem;
		line-height: 2;
		text-align: center;
		margin-bottom: 3em;
	}
	
	/* shopGuide */
	.shopGuide {
		position: relative;
		color: #fff;
		background-color: #000;
		padding: 80px 0 100px;
	}
	.shopGuide .inner {
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
	}
	.shopGuide-ttl {
		position: relative;
		transform: translateY(50%);
		overflow: hidden;
	}
	.shopGuide-ttl .hn {
		display: flex;
		flex-flow: row nowrap;
		font-size: 3.6rem;
		white-space: nowrap;
	}
	.shopGuide-ttl .hn span {
		display: inline-block;
		padding: 0 30px;
	}
	.shopGuide-ttl .hn::before,
	.shopGuide-ttl .hn::after {
		content: '';
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block;
		width: 100%;
		height: 1px;
		background-color: #948a54;
		
	}
	.shopGuide-list {
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		border-width: 0 1px 1px;
		border-style: solid;
		border-color: #948a54;
		padding: 8% 5% 7%;
		margin-bottom: 100px;
		text-align: center;
	}
	.shopGuide-list .txt {
		font-size: 1.8rem;
	}
	.tel {
		font-size: 2.6rem;
		text-align: center;
	}		
	/* タブ */
	.tab {
		font-size: 2.8rem;
		padding: .5em;
		margin-bottom: 1.5em;
		margin-left: 0.08em;		
	}
	
	/* foodMenuItem */
	.foodMenuItem:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.fdTtl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		color: #fff;
		padding: 0 0 .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 2em;
	}
	.fdTtl .hn {
		font-size: 3.0rem;
	}
	.foodMenuItem .col {
		display: flex;
		justify-content: space-between;
	}
	.foodMenuItem .col:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.foodMenuItem .col .photo {
		width: 30%;
	}
	.foodMenuItem .col .photo img {
		width: 100%;
	}
	.foodMenuItem .col .info {
		width: 64%;
	}
	.foodMenuItem .col .info .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding-bottom: .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 1em;
	}
	.foodMenuItem .col .info .title .hn {
		font-size: 1.8rem;
	}
	.foodMenuItem .col .info .title .yen {
		font-size: 1.8rem;
		line-height: 1;
		color: #f9de8d;
		padding: .5em 1em;
		border: 1px solid #948a55;
	}
	.foodMenuItem .col .info .listUl {
		padding-left: 1.2em;
	}
	.foodMenuItem .col .info .listUl li {
		list-style: disc;
		line-height: 1.6;
	}
	.foodMenuItem .col .info .listUl li:not(:first-child) {
		padding-top: .5em;
	}

	/* giftMenuItem */
	.giftMenuItem .col {
		display: flex;
		justify-content: space-between;
	}
	.giftMenuItem .col:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.giftMenuItem .col .photo {
		width: 37%;
	}
	.giftMenuItem .col .photo img {
		width: 100%;
	}
	.giftMenuItem .col .info {
		width: 58%;
	}
	.giftMenuItem .col .info .title {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding-bottom: .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 1em;
	}
	.giftMenuItem .col .info .title .hn {
		font-size: 1.8rem;
	}
	.giftMenuItem .col .info .title .yen {
		font-size: 1.8rem;
		line-height: 1;
		color: #f9de8d;
		padding: .5em 1em;
		border: 1px solid #948a55;
	}
	.giftMenuItem .col .info .listUl {
		padding-left: 1.2em;
	}
	.giftMenuItem .col .info .listUl li {
		list-style: disc;
		line-height: 1.6;
	}
	.giftMenuItem .col .info .listUl li:not(:first-child) {
		padding-top: .5em;
	}
	
	/* drinkMenuItem */
	.drinkMenuItem-ttl {
		color: #fff;
		padding-bottom: .5em;
		border-bottom: 1px solid #333;
		margin-bottom: 1em;
	}
	.drinkMenuItem-ttl .hn {
		font-size: 2.0rem;
	}
	.drinkMenuItem .col {
		width: 90%;
		max-width: 700px;
		margin: 0 auto;
	}
	.drinkMenuItem .col:not(:last-of-type) {
		margin-bottom: 3em;
	}
	.drinkMenuItem .col .categoryTitle {
		font-size: 1.6rem;
		margin-bottom: .3em;
	}
	.drinkMenuItem .col .categoryTitle::before {
		content: '・';
	}
	.drinkMenuItem .col .categoryItem {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		line-height: 2;
	}
	.drinkMenuItem .col .categoryItem:not(:last-of-type) {
		margin-bottom: 2em;
	}
	.drinkMenuItem .col .categoryItem dt {
		width: 50%;
		padding: .1em 0 .1em 1em;
	}
	.drinkMenuItem .col .categoryItem dd {
		width: 50%;
		text-align: right;
		padding: .1em 0;
	}
}