@charset "utf-8";
/* CSS Document */

body {
	background: none !important;
}
@supports (-webkit-overflow-scrolling: touch) {
	body {
		background: none !important;
	}
	body:before {
		background: none !important;
	}
}
main {
	background: none;
}

.indexMain {
}
.indexMain .indexMainInn {
}
.indexMain .indexLogo {
	display: block;
	height: auto;
}
.indexMain .shopData {
}
.indexMain .shopName {
	text-align: center;
}
.indexMain .shopTel {
	font-family: var(--fontEn);
	text-align: center;
}
.indexMain .shopTel:before {
	content: 'TEL:';
}
.indexMain .shopTelLink {
}
.indexMain .indexBtnBox {
}
.indexMain .enterBtn {
	font-family: var(--fontEn);
	color: #000;
	background: var(--neonColor_pink);
}
.indexMain .leaveNotes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.indexMain .leaveNotes01 {
}
.indexMain .leaveIcon {
	fill: var(--textColor);
}
.indexMain .leaveNotes02 {
	color: var(--textColor);
	text-shadow: var(--textShadow_weak);
}
.indexMain .leaveLink {
	color: var(--textColor);
	text-decoration: underline;
}
.indexMain .indexMainbg {
}
.indexMain .indexMainbg .kvBg {
}
.indexMain .indexMainbg:after {
}


/* binbinBnr
-------------------------------------------------- */
.binbinBnr {
}
.binbinBnr .binbinBnr_link {
}
.binbinBnr .binbinBnr_image {
}

.subContainerWrap {
	background: rgba(0,0,0,0.8);
}
.subContainer {
}

/* shopExposition
-------------------------------------------------- */
.shopExposition {
}
.shopExposition .shopExpositionTitle {
	color: var(--textColor);
	font-weight: normal;
}
.shopExposition .shopExpositionTxt {
	color: var(--textColor);
}

/* crosslinkList
-------------------------------------------------- */
.crosslinkList {
	display: flex;
	flex-wrap: wrap;
}
.crosslinkList .crosslinkListItem {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.crosslinkList .crosslinkLink {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.crosslinkList .crosslinkImg {
	display: block;
	width: 88px;
	height: 31px;
}
.crosslinkList .crosslinkShop {
	text-align: center;
	word-break: break-word;
}

/* footer
-------------------------------------------------- */
footer {
	background: rgba(0,0,0,0.8);
	border-top: none;
}
footer .footerInn {
}
footer .footerTxt {
	color: var(--textColor);
	text-align: center;
}
footer .footerCopy {
	color: var(--textColor);
	text-align: center;
}
footer .footerLink {
	color: var(--textColor);
}

@media screen and (min-width: 768px) {
	.indexMain {
		height: 140vh;
		min-height: 1100px;
		overflow: hidden;
	}
	.indexMain .indexMainInn {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 60px;
	}
	.indexMain .indexLogo {
		width: 280px;
		margin-bottom: 15px;
	}
	.indexMain .shopData {
		margin-bottom: 25px;
	}
	.indexMain .shopName {
		font-size: 24px;
		margin-bottom: 5px;
	}
	.indexMain .shopTel {
		display: flex;
		justify-content: center;
		align-items: first baseline;
		font-size: 40px;
	}
	.indexMain .shopTel:before {
		font-size: 33px;
		margin-right: 5px;
	}
	.indexMain .shopTelLink {
	}
	.indexMain .indexBtnBox {
		margin-bottom: 20px;
	}

	.indexMain .enterBtn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 610px;
		height: 100px;
		font-size: 64px;
		margin-bottom: 30px;
		transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	}
	.indexMain .enterBtn:hover {
		letter-spacing: 0.05em;
		opacity: 1.0 !important;
	}
	.indexMain .leaveNotes {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		background: rgba(0,0,0,0.5);
		width: 570px;
		margin: 0 auto;
		padding: 10px 20px;
	}
	.indexMain .leaveNotes01 {
		width: 12.5%;
	}
	.indexMain .leaveNotes01 svg {
		display: block;
	}
	.indexMain .leaveNotes02 {
		width: calc(87.5% - 15px);
		font-size: 18px;
		line-height: 1.4;
		margin-top: 5px;
	}
	.indexMain .leaveLink {
		margin: 0 2px;
	}

	.indexMain .indexMainbg {
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.indexMain .indexMainbg:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		min-height: 900px;
		background: rgba(0,0,0,0.6);
	}
	.indexMain .indexMainbg .kvBg {
		width: 100vw;
		object-fit: cover;
	}

	/* binbinBnr
	-------------------------------------------------- */
	.binbinBnr {
		text-align: center;
		margin-bottom: 15px;
	}
	.binbinBnr .binbinBnr_link {
	}
	.binbinBnr .binbinBnr_image {
	}




	.subContainerWrap {
		padding: 60px 0 40px;
	}
	.subContainer {
		width: 1180px;
		margin: 0 auto;
	}

	/* shopExposition
	-------------------------------------------------- */
	.shopExposition {
		margin-bottom: 60px;
	}
	.shopExposition .shopExpositionTitle {
		font-size: 16px;
		margin-top: 18px;
		margin-bottom: 3px;
	}
	.shopExposition .shopExpositionTxt {
		font-size: 16px;
		line-height: 1.8;
	}

	/* crosslinkList
	-------------------------------------------------- */
	.crosslinkList {
		width: 972px;
		margin: 0 auto;
	}
	.crosslinkList .crosslinkListItem {
		width: calc(100% / 9);
		margin: 0 0 20px;
	}
	.crosslinkList .crosslinkLink {
	}
	.crosslinkList .crosslinkImg {
		margin-bottom: 2px;
	}
	.crosslinkList .crosslinkShop {
		font-size: 12px;
		line-height: 1.3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
	}

	/* footer
	-------------------------------------------------- */
	footer {
		padding: 40px 0 calc(40px + 160px);
	}
	footer .footerInn {
		width: 1180px;
		margin: 0 auto;
	}
	footer .footerTxt {
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	footer .footerCopy {
		font-size: 16px;
	}
}

@media all and (max-width: 767px) {
	main {
		padding-bottom: 0 !important;
	}
	.indexMain {
		padding-top: 0 !important;
	}
	.indexMain .indexMainInn {
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 100vw;
		padding-top: 15vw;
	}
	.indexMain .indexLogo {
		width: 37.5vw;
		margin-bottom: 7.5vw;
	}
	.indexMain .shopData {
		margin-bottom: 3.5vw;
	}
	.indexMain .shopName {
		font-size: 3.25vw;
		font-weight: bold;
		line-height: 1.0;
		margin-bottom: 2vw;
	}
	.indexMain .shopTel {
		font-size: 6.67vw;
		line-height: 1.0;
	}
	.indexMain .shopTelLink {
	}
	.indexMain .indexBtnBox {
		background: rgba(0,0,0,0.8);
		padding: 5vw 0 4vw;
	}
	.indexMain .enterBtn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80.0vw;
		height: 15vw;
		font-size: 8.5vw;
		border: 3px solid var(--neonColor_pink);
		margin: 0 auto 6vw;
	}
	.indexMain .leaveNotes {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		width: 80.0vw;
		margin: 0 auto;
	}
	.indexMain .leaveNotes01 {
		width: calc(17.5% - 2.5vw);
		margin-right: 2.5vw;
	}
	.indexMain .leaveNotes02 {
		width: 82.5%;
		font-size: 3vw;
		line-height: 1.2;
		margin-top: -1.25vw;
	}
	.indexMain .leaveLink {
		margin: 0 0.5vw;
	}

	.indexMain .indexMainbg {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		z-index: -1;
	}
	.indexMain .indexMainbg:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.667);
	}
	.indexMain .indexMainbg .kvBg {
		width: 100vw;
	}

	/* binbinBnr
	-------------------------------------------------- */
	.binbinBnr {
		background: rgba(0,0,0,0.8);
		padding: 0 10vw 2.5vw;
	}
	.binbinBnr .binbinBnr_link {
		display: block;
	}
	.binbinBnr .binbinBnr_image {
		display: block;
		width: 100%;
		height: auto;
	}

	.subContainerWrap {
		padding: 4vw 6vw 0;
	}
	.subContainer {
	}

	/* shopExposition
	-------------------------------------------------- */
	.shopExposition {
		margin-bottom: 6vw;
	}
	.shopExposition .shopExpositionTitle {
		font-size: 3.125vw;
		margin-top: 3.5vw;
		margin-bottom: 0.75vw;
	}
	.shopExposition .shopExpositionTxt {
		font-size: 3.125vw;
		line-height: 1.8;
	}

	/* crosslinkList
	-------------------------------------------------- */
	.crosslinkList {
	}
	.crosslinkList .crosslinkListItem {
		width: 31.33%;
		margin: 0 1% 2.5vw;
		padding: 0;
	}
	.crosslinkList .crosslinkLink {
	}
	.crosslinkList .crosslinkImg {
		margin-bottom: 0.25vw;
	}
	.crosslinkList .crosslinkShop {
		font-size: 2.5vw;
		line-height: 1.3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
	}

	/* footer
	-------------------------------------------------- */
	footer {
		padding: 6vw 4vw 32.5vw;
	}
	footer .footerInn {
	}
	footer .footerTxt {
		font-size: 3.125vw;
		line-height: 1.6;
		margin-bottom: 5vw;
	}
	footer .footerCopy {
		font-size: 3.125vw;
	}
}