@charset "utf-8";
/*------------------------------------------------------------
	weddingmenu
------------------------------------------------------------*/
#gHeader h1 {
	display: none;
}
#main {
	position: relative;
	z-index: 2;
}
.mainImg {
    position: relative;
}
.mainImg .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}
.mainImg .bg img {
    width: 100%;
    height: 100%;
}
.comFixPho .imgShadow {
	display: none;
}
.mainImg .headLine02 {
	color: #47382A;
}
.mainImg .headLine01 {
	color: #47382A;
}
.mainImg .btmBox .en {
	margin-bottom: 0 !important;
}
#main .sec {
	padding: 33.6rem 0 23.3rem;
	position: relative;
}
#main .sec img {
	width: 100%;
}
#main .sec .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#main .sec .bg img {
	height: 100%;
}
#main .sec .phoInfo {
	margin-bottom: -16.8rem;
	width: calc(50% + 27.2rem);
	position: relative;
	z-index: 1;
}
#main .sec .phoInfo .pho01 {
	position: relative;
}
#main .sec .phoInfo .pho01::before {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	opacity: 0.68;
	height: 9.8rem;
	content: "";
	background-image:linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgb(255,255,255) 100%);
}
#main .sec .phoInfo .pho02 {
	position: absolute;
	right: -22.1rem;
	top: -11.4rem;
	width: 31.9rem;
	z-index: 1;
}
#main .sec .imgBox {
	position: relative;
	z-index: 1;
	justify-content: flex-end;
}
#main .sec .headLine02 {
	position: absolute;
	left: calc(50% + 17rem);
	top: -8.4rem;
	color: #47382A;
	font-size: 9.5rem;
	z-index: 2;
}
#main .sec .textBox {
	width: 62rem;
	margin: 13.3rem -7.3rem 0 0;
	position: relative;
	z-index: 2;
}
#main .sec p {
	color: #261A0E;
	line-height: 2.14;
	letter-spacing: 0.01em;
	font-weight: 500;
}
#main .sec .name {
	margin: -1px 0 2.4rem;
	font-size: max(10px,2rem);
	letter-spacing: 0.08em;
}
#main .sec .name .sml {
	font-size: max(10px,1.3rem);
	letter-spacing: 0.01em;
}
#main .sec .nameImg {
	margin: 3.3rem 0.4rem 0;
	width: 21.3rem;
}
#main .sec .pho {
	width: calc(50% - 2.3rem);
	order: 1;
}
.fixPho {
	overflow: hidden;
	position: relative;
	z-index: 1;
	height: 89.7rem;
}
.fixPho img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.fixPho .pho {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	clip: rect(0, auto, auto, 0);
}
.fixPho .pho .phoImg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	transform: translateZ(0);
	will-change: transform;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-font-smoothing: antialiased;
	z-index: -1;
}
.fixPho.active .pho .phoImg {
	z-index: 0;
}
.comRestaurant {
	margin: 0;
	padding: 22.9rem 0 24.1rem 0.2rem;
	background-color: #fff;
}
.comRestaurant .btmLink {
	display: none;
}
@media all and (min-width: 1000px) {
	.mainImg .headLine02 {
		left: 8.5rem;
		top: 18.6%;
		font-size: 9rem;
		transform: none;
	}
	.mainImg .headLine01 {
		right: 8.3rem;
		bottom: 10.5%;
	}
	.mainImg .btmBox .en {
		font-size: max(10px,1.4rem);
		line-height: 1.57;
	}
}
@media all and (max-width: 999px) {
	.mainImg .headLine02 {
		left: 2.7rem;
		width: auto;
		top: 9.2rem;
		text-align: left;
		font-size: 4.8rem;
	}
	.mainImg .headLine01 {
		text-align: right;
		line-height: 1.875;
		left: auto;
		right: 2.3rem;
		bottom: 4.7rem;
		font-size: 1.6rem;
	}
	.mainImg .btmBox .en {
		display: block;
		line-height: 1.66;
	}
	#main .sec {
		padding: 8.3rem 0 8rem;
	}
	#main .sec .phoInfo {
		margin-bottom: -4.6rem;
		width: auto;
	}
	#main .sec .phoInfo .pho01 {
		margin: -4.2rem 4.2rem 0 0;
	}
	#main .sec .phoInfo .pho01::before {
		display: none;
	}
	#main .sec .phoInfo .pho02 {
		position: relative;
		right: auto;
		top: auto;
		width: 14.7rem;
		margin: 0 2rem 0 auto;
	}
	#main .sec .imgBox {
		display: block;
	}
	#main .sec .headLine02 {
		left: 2.9rem;
		top: 8.3rem;
		writing-mode: vertical-rl;
		z-index: 2;
		font-size: 4.5rem;
	}
	#main .sec .textBox {
		width: auto;
		margin: 5.5rem 4.7rem 0;
	}
	#main .sec .headLine04 .en {
		font-size: 3.2rem;
	}
	#main .sec p {
		line-height: 2.08;
		font-size: 1.25rem;
	}
	#main .sec .name {
		margin: -0.4rem 0 1.5rem;
		font-size: 1.6rem;
	}
	#main .sec .name .sml {
		margin-left: 0.6rem;
		font-size: 1.2rem;
	}
	#main .sec .nameImg {
		margin: 2.8rem -0.6rem 0 auto;
		width: 19rem;
	}
	#main .sec .pho {
		width: 19.6rem;
		margin-left: auto;
	}
	.fixPho {
		height: 35.4rem;
	}
	.comRestaurant {
		padding: 12rem 2rem 12.1rem;
	}
}
@media all and (min-width: 768px) and (max-width: 999px) {
	#main .sec .phoInfo .pho02 {
        position: relative;
        right: auto;
        top: auto;
        width: 17.7rem;
        margin: 0 2rem 0 auto;
    }
	 #main .sec .headLine02 {
        /* left: 2.9rem;
        top: 8.3rem;
        writing-mode: vertical-rl;
        z-index: 2; */
        font-size: 5.5rem;
	 }
	#main .sec .pho {
        width: 29.6rem;
        margin-left: auto;
    }
	.comRestaurant {
		margin: 0 5.2rem 0rem;
		padding: 12rem 0 12.1rem 0;
	}
}
@media all and (max-width: 767px) {
	.comRestaurant .pho .photo {
		height: 22.3rem;
	}	
}