@charset "UTF-8";
/* CSS Document */
/*各店舗ページ*/
/*各店舗のトップ*/
.shop_hero {
		height: 80vh;
		background-image: url("../img/f-hichisai/f-hichisai-top.png");
		background-size: cover;
		background-position: right;
		background-blend-mode: color;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 105px;
}
.shop_hero.dcafe-sai {
		background-image: url("../img/dcafe/dcafe-top.png");
}
.shop_hero.utageya-sai {
		background-image: url("../img/utageya/utageya-top.png");
}
.shop_hero.kengeki {
		background-image: url("../img/kengeki/kengeki-top.png");
}
.shop_hero h1 {
		font-size: 8.6rem;
		font-weight: 900;
		color: var(--main-color);
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
		padding-left: 85px;
		display: flex;
		flex-direction: column;
}
.shop_hero span {
		font-size: 3.8rem;
		letter-spacing: 0.5rem
}
@media screen and (max-width:1024px) {
		.shop_hero {
				margin-bottom: 60px;
		}
		.shop_hero h1 {
				font-size: 18.6vw;
				padding: 0 20px;
				line-height: 1.2;
		}
		.shop_hero span {
				font-size: 9.0vw;
		}
}
@media screen and (max-width:767px) {
		.shop_hero.f-hichisai {
				background-position: 76.6%;
		}
		.shop_hero.dcafe-sai {
				background-position: 67%
		}
		.shop_hero h1 {
				font-size: 4.2rem;
				line-height: 1.4;
		}
		.shop_hero span {
				font-size: 1.8rem;
				letter-spacing: 2px;
		}
}
/*各店舗のコンセプト*/
.concept.shop-concept {
		display: flex;
		flex-direction: column-reverse;
		justify-content: center;
}
.concept.shop-concept .concept__discription__container {
		width: 90%;
		margin: 0 auto;
}
.shop-concept__img {
		width: 90%;
		margin: 0 auto;
}
.shop-concept__img img {
		object-fit: cover;
		aspect-ratio: 6/4;
}
@media screen and (max-width:767px) {
		.concept.shop-concept {
				flex-direction: column;
				margin-bottom: 40px;
		}
		.concept.shop-concept .concept__discription__container {
				padding: 0;
				width: 100%;
		}
		.concept__discription h3 {
				font-size: 2.5rem;
		}
		.shop-concept__img {
				width: 100%;
				margin-bottom: 20px;
		}
}
/*メニュー*/
.menu-list {
		margin-bottom: 180px;
}
.menu-list__contents {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
}
.menu-list__contents__text {
		width: 90%;
		text-align: left;
		padding: 0 4vw 40px;
		font-size: 2.4rem;
		line-height: 2.1;
}
.menu-list__contents__text h3 {
		font-size: 3.9rem;
		text-transform: uppercase;
}
.menu-list__contents__text h3 span {
		font-size: 2.8rem;
		margin-left: 3rem;
		position: relative;
}
.menu-list__contents__text h3 span::before, .menu-list__contents__text h3 span::after {
		content: "";
		display: inline-block;
		background-color: #444;
		width: 20px;
		height: 1px;
		position: absolute;
		top: 50%;
}
.menu-list__contents__text h3 span::before {
		left: -25%;
}
.menu-list__contents__text h3 span::after {
		right: -28%;
}
.menu-list__contents__text p {
		margin-bottom: 20px;
		line-height: 1.5;
}
.menu-list__contents__text tr {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
}
.menu-list__contents__text__dis {
		text-align: left;
		line-height: 1.5;
		font-size: 2.2rem;
		font-weight: normal;
		margin-bottom: 10px;
}
@media screen and (max-width:750px) {
		.menu-list__contents__text tr {
				flex-direction: column;
				line-height: 1.5;
				padding-bottom: 10px;
		}
		.menu-list__contents__text__dis {
				font-size: 1.2rem;
		}
}
.menu-list__contents__img {
		width: 90%;
		margin-bottom: 100px;
}
.menu-list__contents__img img {
		aspect-ratio: 7/5;
		object-fit: cover;
}
@media screen and (max-width:1400px) {
		.menu-list__contents__img img {
				max-height: 400px;
		}
		.menu-list__contents__text h3 span::before {
				left: -25%;
		}
		.menu-list__contents__text h3 span::after {
				right: -28%;
		}
}
.menu-list__contents-reverse {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
}
@media screen and (max-width:767px) {
		.menu-list {
				margin-bottom: 60px
		}
		.menu-list__contents {
				flex-direction: column;
		}
		.menu-list__contents__text {
				width: 100%;
				padding: 20px;
		}
		.menu-list__contents__text h3 {
				font-size: 1.6rem;
		}
		.menu-list__contents__text p {
				font-size: 1.1rem;
		}
		.menu-list__contents__text {
				font-size: 1.2rem;
		}
		.menu-list__contents__text h3 span {
				font-size: 1.2rem;
				margin-left: 35px;
				line-height: 0.5;
		}
		.menu-list__contents__text .menu-list__contents-tl.lunch span::before {
				left: -41%;
		}
		.menu-list__contents__text .menu-list__contents-tl.lunch span::after {
				right: -45%
		}
		.menu-list__contents__text .menu-list__contents-tl.dinner span::before {
				left: -31%;
		}
		.menu-list__contents__text .menu-list__contents-tl.dinner span::after {
				right: -37%
		}
		.menu-list__contents__img {
				width: 90%;
				margin: 0 auto;
		}
		.menu-list__contents-reverse {
				flex-direction: column;
		}
}
/*コース*/
.course h2 {
		line-height: 1.4;
}
.course span {
		display: block;
		font-size: 2.8rem;
}
.course__item {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
}
.course__item__text {
		text-align: left;
		font-size: 2.4rem;
		margin-bottom: 40px;
		width: 80%;
		margin: 0 auto 40px
}
.course__item__text p {
		margin-bottom: 40px;
}
.course__item__text tr {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		line-height: 2.4;
}
.course__item__img img {
		object-fit: cover;
		aspect-ratio: 7/5;
}
@media screen and (max-width:767px) {
		.course span {
				font-size: 1.2rem;
		}
		.course__item {
				flex-direction: column-reverse;
		}
		.course__item__img {
				width: 100%;
				margin-bottom: 20px;
		}
		.course__item__text {
				width: 100%;
				padding: 0;
				font-size: 1.2rem;
		}
		.course__item__text tr {
				flex-direction: column;
				line-height: 1.5;
				padding-bottom: 10px;
		}
}
/*ギャラリー*/
.gallery-list {
		display: flex;
		justify-content: space-between;
		gap: 20px
}
.gallery-list__item {
		width: 25%;
}
.gallery-list__item img {
		object-fit: cover;
		object-position: 0 59%;
		aspect-ratio: 19/13;
		margin-bottom: 15px;
}
.gallery-list__item figcaption {
		font-family: 'Noto Sans JP', sans-serif;
		line-height: 1.6;
		font-size: 1.8rem;
		text-align: justify;
}
@media screen and (max-width:1024px) {
		.gallery-list {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 20px;
		}
		.gallery-list__item {
				width: 100%;
		}
		.gallery-list__item img {
				margin-bottom: 5px;
		}
			.gallery-list__item figcaption {
				font-size: 1.4rem;
				line-height: 1.6;
		}
}
@media screen and (max-width:767px){
	.gallery-list {
				gap: 10px;
		}
			.gallery-list__item figcaption {
				font-size: 0.9rem;
				line-height: 1.4;
		}
 }
/*アクセス*/
.access {
		display: flex;
		justify-content: space-between;
}
.access h2 {
		text-align: left;
}
.access h3 {
		font-size: 3.0rem;
}
.access__text {
		font-size: 1.9rem;
		padding-right: 20px;
}
.access__map {
		aspect-ratio: 7/4.2;
		width: 60%;
}
.access__map iframe {
		width: 100%;
		height: 100%;
}
@media screen and (max-width: 767px) {
		.access {
				flex-direction: column;
		}
		.access h3 {
				font-size: 2.0rem;
		}
		.access h3 span {
				font-size: 1.4rem;
		}
		.access__text {
				padding-right: 0;
		}
		.access__map {
				width: 100%;
		}
		.access__text {
				font-size: 1.1rem;
		}
}