@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

#egpshow * {
	color: #838d81;
	font-size: 14px;
	font-family: "M PLUS 1p";
}

/*----- OVERRIDE -----*/
.content-header-tablet-pc,
.content-header-custom-mobile {
	position: relative;
	background: #FFF;
	z-index: 2;
}
.breadcrumb-section {
	position: relative;
	background: #FFF;
	z-index: 1;
}
footer {
	position: relative;
}

/*----- COMMON -----*/
#egpshow img {
	width: 100%;
}

#egpshow a {
	font-size: inherit;
	text-decoration: none;
}

/*----- H1 H2 H3 H4-----*/
#egpshow h1,
#egpshow h2,
#egpshow h3,
#egpshow h4 {
	font-weight: 200;
}

#egpshow h1 {
	display: none;
	/*
	position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	font-size:6.0rem;
	color:#ffa348b3;
	font-weight:700;
	*/
}

#egpshow h2 {
	animation: fadeIn 1.5s ease-in;
	text-align: center;
	font-size:4.5rem;
	margin-bottom: 50px;
	font-weight:600;
	letter-spacing: 5px;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

/*---------- BALLOON ANIMATION ----------*/
#egpshow #balloonArea {
display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}


/* FIXED BALLOON */
#egpshow #balloonArea .fixed_balloon {
	position: absolute;
	width: 80px;
	height: 200px;
	bottom: -200px;
	background-repeat: no-repeat;
	background-size: contain;
}
	#egpshow #balloonArea .fixed_balloon.red {
		background-image: url("../img/balloon1.png");
	}
	#egpshow #balloonArea .fixed_balloon.gold {
		background-image: url("../img/balloon2.png");
	}


/* HEADER BALLOON */
#egpshow .header_balloon {
	position: absolute;
	width: 40px;
	height: 120px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-repeat: no-repeat;
	background-size: contain;
}

	#egpshow .header_balloon.red {
		background-image: url("../img/balloon1.png");
	}
	#egpshow .header_balloon.gold {
		background-image: url("../img/balloon2.png");
	}

#egpshow #kv .kv_balloon {
	position: absolute;
	z-index: 1;
}
#egpshow #kv .kv_balloon_1 {
	top: 9%;
	left: 2%;
	width: 25%;
	height: 92%;
	background-image: url("../img/balloon6.png");
	background-size: contain;
	background-repeat: no-repeat;
}
#egpshow #kv .kv_balloon_2 {
	top: -7%;
	left: 70%;
	width: 65%;
	height: 70%;
	background-image: url("../img/balloon1.png");
	background-size: contain;
	background-repeat: no-repeat;
}
#egpshow #kv .kv_balloon_3 {
	top: 46%;
	left: 22%;
	width: 65%;
	height: 45%;
	background-image: url("../img/balloon2.png");
	background-size: contain;
	background-repeat: no-repeat;
}
#egpshow #kv .kv_balloon_4 {
	top: 12%;
	left: 80%;
	width: 25%;
	height: 92%;
	background-image: url("../img/balloon5.png");
	background-size: contain;
	background-repeat: no-repeat;
}
#egpshow #kv .kv_balloon_5 {
	top: 55%;
	left: 65%;
	width: 80%;
	height: 40%;
	background-image: url("../img/balloon3.png");
	background-size: contain;
	background-repeat: no-repeat;
}
#egpshow #kv .kv_balloon_6 {
	top: 2%;
	left: 23%;
	width: 68%;
	height: 32%;
	background-image: url("../img/balloon4.png");
	background-size: contain;
	background-repeat: no-repeat;
}



/*----- KV-----*/
#egpshow #kv {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height:auto;
	z-index: 1;
}


#egpshow #kv .eye {
	position: absolute;
	left: calc(50% - 1%);
	top: calc(50% - 15%);
	width: 6%;
	height: auto;
}


/*----- NAV-----*/
#egpshow #header_nav {
	position: sticky;
	width: 100%;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	font-weight:bold;
	z-index: 2;
}
#egpshow #header_nav * {
	flex: 1 1 0;
	padding: 3px 0;
	text-align: center;
	cursor: pointer;
}

#egpshow #header_nav a {
	background-color: #aad2e6f7;
	transition: 0.5s
}

#egpshow #header_nav a:hover {
	text-decoration: none;
	background-color: #67a7c7f7;
}

#egpshow #header_nav p {
	position: relative;
	color: #ffffff;
	font-size: 2.8rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	cursor: pointer;
	user-select: none;
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
}

#egpshow #header_nav p span {
	display: block;
	margin-top: -4px;
	color: #ffffff;
	font-size: 1.4rem;
	letter-spacing: 0.2rem;
	font-family: "M PLUS 1p"
}

/*----message----*/
#egpshow #event_message {
	margin: 90px 140px;
    padding: 30px;
    border: 8px double rgba(218, 165, 32, 0.721);
	
}

#egpshow #event_message > p {
	margin:20px auto;
	text-align: center;
	font-size:2.0rem;
	font-weight: 600;
	line-height: 2.7rem;
	color:#555555da
}

/*-----INFO-----*/
#egpshow #info {
	position:relative;
	margin: 0 auto;
	padding:40px 50px;
	border-radius: 10px;
	width: 100% ;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-color: rgb(241 196 218 / 54%);
}

#egpshow #info h2 {
	color:#ff7191d6;
	}


#egpshow #info .text {
	padding:30px 80px;
	text-align: left;
	line-height:30px;
	border-radius: 2rem;
    background-color: #fff;
	border: 15px solid #d682a9b7;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

#egpshow #info .text p {
	font-weight: bold;
}

#egpshow #info .text .text_ttl {
	color:#d682a9;
	font-size:1.8rem;
}

#egpshow #info .text > .text_cont {
	color:#555555cf;
	font-size:1.8rem;
}


/*-----EVENT CONTENTS-----*/

#egpshow #event_contents {
    flex-wrap: wrap;
    justify-content: center; 
}

#egpshow #event_contents h2 {
	color:#efc936;
}

#egpshow #event_contents h3 {
	text-align: center;
	color: #fff;
}

#egpshow .title_eng {
	text-align: center;
	letter-spacing: 8px;
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-size: 2.5rem;
	color:#34292fba;
}

/*-----EVENT AREA-----*/
#egpshow .eventArea {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 1070px;
}
	#egpshow .eventArea > div {
		padding: 60px 24px;
		width: 50%;
	}
		#egpshow .eventArea > div:nth-of-type(1),
		#egpshow .eventArea > div:nth-of-type(2) {
			width: 100%;
		}
			#egpshow .eventArea > div .text {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-evenly;
			}
				#egpshow .eventArea > div .text > * {
					width: 100%;
				}
					#egpshow .eventArea > div:nth-of-type(1) .text > *,
					#egpshow .eventArea > div:nth-of-type(2) .text > * {
						width: fit-content;
					}


		#egpshow #event_contents .eventArea > div:nth-of-type(1) h3.event_title,
		#egpshow #event_contents .eventArea > div:nth-of-type(2) h3.event_title {
			font-size: 6.0rem;
		}


		#egpshow .eventArea > div .event_style {
			position: relative;
			padding-bottom: 20px;
			color: #f64545b8;
			font-size: 6.5rem;
			font-family: "Playfair Display", serif;
		}

			#egpshow .eventArea > div .event_style span {
				color: #f64545b8;
				font-size: 18rem;
				font-family: "Playfair Display", serif;
				line-height: 0;
			}
		#egpshow .eventArea > div .event_title {
			letter-spacing: 4px;
			font-size: 4.0rem;
			font-weight: 600;
			text-shadow: -1px -1px 0 #ff7581, 3px -1px 0 #ff7581, 0px 1px 0 #ff7581, 5px 1px 0 #ff7581;
		}
		#egpshow .eventArea > div .event_text {
			margin: 12px 0;
			width: 100%;
			text-align: center;
			font-size: 2.0rem;
			font-weight: 600;
		}

		#egpshow .eventArea .event7 >.text > img {
			width:160%;
			position:relative;
			right: calc(27%);
		}


		#egpshow .eventArea	.button p {
			margin: 25px auto;
			padding: 17px 63px;
			width: fit-content;
			color: #fff;
			font-size: 2rem;
			font-family: 'Yomogi';
			font-weight: bold;
			border-radius: 8px;
			background: #f13162;
			transition: .2s;
		}

/*---------------EVENT1_2---------------*/
#egpshow #event_contents {
	margin: 0 auto;
	padding:40px 50px;
	background-color: rgba(252, 254, 213, 0.993);
} 

#egpshow #event_contents >.event1_2 .event1,
#egpshow #event_contents >.event1_2 .event2 {
	position:relative;
	margin:80px auto;
}

#egpshow #event_contents .event1_2 .event1 h3, 
#egpshow #event_contents .event1_2 .event2 h3 {
	font-weight: 800;
	font-size:5.8rem;
	letter-spacing: 5px;
	text-shadow: 7px -1px 0 #ff7581, 3px -1px 0 #ff7581, 0px 1px 0 #ff7581, 6px 1px 0 #ff7581
}
#egpshow #event_contents .event1_2 .event1 >.event_title {
	position:relative;
}

/*Event*/
#egpshow #event_contents .event1 >.text >.event_style,
#egpshow #event_contents .event2 >.text >.event_style {
	position:absolute;
	top: 53px;
    left: calc(10% - 96px);
    font-size: 5.5rem;
	color:#f64545b8;
	font-family: "Playfair Display", serif;
}

/*1 2*/
#egpshow #event_contents .event1 > .text >.event_number,
#egpshow #event_contents .event2 > .text >.event_number {
	position:absolute;
	color:#f64545b8;
	font-size:27rem;
	font-family: "Playfair Display", serif;
	top: calc(-20% - 42px);
    left: calc(13%);
}

#egpshow #event_contents >.event1_2 .event1 img,
#egpshow #event_contents >.event1_2 .event2 img {
	display: block;
    margin: 40px auto;
	width:70%;
	border-radius: 25px;
} 

#egpshow #event_contents .event1 >.text >.event_text,
#egpshow #event_contents .event2 >.text >.event_text {
	text-align: center;
	font-size:2.0rem;
	font-weight: 600;
}

/*---------------event3_6---------------*/

#egpshow #event_contents .event3_6 .event_title {
	letter-spacing: 4px;
	font-size:4.0rem;
	font-weight: 600;
	text-shadow: -1px -1px 0 #ff7581, 3px -1px 0 #ff7581, 0px 1px 0 #ff7581, 6px 1px 0 #ff7581;
}

#egpshow #event_contents .event3_6 .row {
	position:relative;
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
}

#egpshow #event_contents .event3_6 .event_number {
	position:absolute;
	top: -34px;
	font-size:12rem;
	color: #f64545b8;
	font-family: "Playfair Display", serif;
}

#egpshow #event_contents .event3_6 .text >.event_style {
	position:absolute;
	top: -50px;
	font-size:5.0rem;
	color: #f64545b8;
	font-family: "Playfair Display", serif;
}

#egpshow #event_contents .event3_6 .flex {
	margin:55px;
	display: flex;
	flex-direction: column;
}

#egpshow #event_contents .event3_6  img {
	display: block;
	margin: 30px auto;
	max-width: 600px;
	border-radius: 25px;
	background: #F8F7F1;
}

#egpshow #event_contents .event3_6 .text > .event_text {
	margin-top: 25px;
	text-align: center;
	font-size:1.7rem;
	font-weight: 600;
}

/*-----event_7-----*/

#egpshow #event_contents .event7 {
	position:relative;
	margin:45px auto;
}

#egpshow #event_contents .event7 .event_title {
letter-spacing: 4px;
font-size:4.0rem;
font-weight: 600;
text-shadow: -1px -1px 0 #ff7581, 3px -1px 0 #ff7581, 0px 1px 0 #ff7581, 5px 1px 0 #ff7581;
}

#egpshow #event_contents .event7 >img {
	display: block;
	margin: 20px auto;
	width: 70%;
	max-width: 800px;
	border-radius: 25px;
}

#egpshow #event_contents .event7 > .event_text {
	margin-top: 15px;
	text-align: center;
	font-size:1.7rem;
	font-weight: 600;
}

#egpshow #event_contents .event7 > .event_number {
	position: absolute;
	top: -89px;
    font-size: 12rem;
    color: #f64545b8;
    font-family: "Playfair Display", serif;
    left: calc(19% - 36px);
}

#egpshow #event_contents .event7 > .event_style {
	position:absolute;
	top: -40px;
	left: 100px;
	font-size:5.0rem;
	color: #f64545b8;
	font-family: "Playfair Display", serif;
}


/*----- EVENT MAP-----*/ 
#egpshow #event_map {
	margin: 0 auto;
	padding:40px 25px;
	background-color: #e8f8fc;
}

#egpshow #event_map h2 {
	color: #76afed;
}

#egpshow #event_map h3 {
	position: absolute;
	top: 5%;
	right: 5%;
	padding: 0 32px;
	width: fit-content;
	text-align: center;
	font-size: 3.2rem;
	letter-spacing: 3px;
	color: white;
	background:rgb(51 58 167 / 80%);
	border-radius: 10px;
}

#egpshow #event_map .tokyo_map,
#egpshow #event_map .osaka_map {
	position: relative;
}

#egpshow #event_map .tokyo_map > img {
	display: block;
	margin:0px auto;
	max-width: 80%;
	transform: skew(10deg, -20deg);
}
	
#egpshow #event_map .osaka_map > img {
	display: block;
	margin: 0px auto;
	max-width: 90%;
	transform: skew(10deg, -20deg);
}

/*----- ACCESS-----*/ 
#egpshow #access {
	margin: 0 auto;
	padding:40px 50px;
	background-color: rgb(224, 253, 224);
}

#egpshow #access .tokyo_access,
#egpshow #access .osaka_access {
	display: flex;
	margin-bottom: 30px;
	padding: 24px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

#egpshow #access .flex {
	display: flex;
	margin: 0 auto;
	max-width: 1070px;
	justify-content: space-around;
}

#egpshow #access h2 {
	color: #87c65a;
}
#egpshow #access  h3 {
	font-size: 2.5rem;
    font-weight: 600;
    margin: 25px;
    color: #13a353fd;
}

#egpshow #access img {
	display: block;
	max-width: 700px;
	margin-bottom: 25px;
	border: 6px double #7a963e;
}

#egpshow #access .tokyo_access p,
#egpshow #access .osaka_access p {
	position: relative;
	width:70%;
}

#egpshow #access video {
	width: 100%;
	position: relative;
	z-index: 1;
}

#egpshow #access .text {
	height: 140px;
}

#egpshow #access .text > p {
	font-size:2.0rem;
	line-height: 2.7rem;
}

/*-----SALE-----*/
#egpshow #saleArea {
	position:relative;
	margin: 0 auto;
	padding: 40px 50px;
	background-color: rgb(241 196 218 / 54%);
}
	#egpshow #saleArea .info {
		margin: 0 auto;
		max-width: 770px;
		width: 100% ;
	}
	#egpshow #saleArea .brandList {
		display: flex;
		margin: 40px auto;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 1070px;
	}
		#egpshow #saleArea .brandList p {
			padding: 12px;
			width: 200px;
		}




/*--SP--*/
@media screen and (max-width: 1199px){
	/*bootstrapを使用する場合。幅を1200pxとして
	左右に15pxずつpaddingをつけている為*/
}
@media screen and (max-width: 1169px){
	/*bootstrapを使用しない場合*/
}
@media screen and (max-width: 1024px){
}
@media (max-width: 767px){

/*----COMMON----*/
#egpshow img {
	width:100%;
}

#egpshow h2 {
	font-size: 3.5rem;
    margin-bottom: 25px;
}

#egpshow .title_eng {
	letter-spacing: 6px;
}

/*----- KV-----*/
#egpshow #kv {
	height:40vh;
	background: #fcffcf;
}
#egpshow #kv img {
	position: relative;
	width: auto;
	height: 80%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#egpshow #kv .eye {
	top:calc(50% - 24px);
	left:53%;
	max-width:130px;
	width:10%;
	height:auto;
}

#egpshow #kv .kv_balloon_1 {
	height:46%;
	top: 50%;
	left:6%;
}

#egpshow #kv .kv_balloon_2 {
	top:-8%;
	left:76%;
	height:60%;
}

#egpshow #kv .kv_balloon_3 {
	top:16%;
	left:5%;
	width:65%;
	height:35%;
}

#egpshow #kv .kv_balloon_4 {
	display:none;
	top:22%;
	height:48%;
	left: calc(81%);
}

#egpshow #kv .kv_balloon_5 {
	top:60%;
	left:70%;
	height:36%;
}

#egpshow #kv .kv_balloon_6 {
	top:-5%;
	left:25%;
	width:68%;
	height:30%;
}

/*----BALLOON AREA----*/
#egpshow #balloonArea .fixed_balloon {
	width: 30px;
	height: 80px;
}

/*----MESSAGE----*/
#egpshow #event_message > p {
	margin: 20px auto;
	padding: 5px 54px;
	line-height: 18px;
	font-size: 2.0rem;
}
	
#egpshow #event_message {
	margin: 37px 10px;
	border: 8px double rgba(218, 165, 32, 0.721);
	background: rgba(255, 255, 255, 0.8);
}

#egpshow #event_message > p {
	margin: 20px auto;
	padding: 6px 12px;
}

/*----- NAV-----*/

#egpshow #header_nav * {
	padding: 3px 0;
}

#egpshow #header_nav p {
	padding: 3px 0;
	line-height: 20px;
}

/*----- INFO-----*/
#egpshow #info {
	padding: 40px 16px;
}

#egpshow #info .text {
	padding: 12px 4px;
	line-height: 25px;
}

/*-----EVENT CONTENTS-----*/

#egpshow #event_contents >.event1_2 .event1,
#egpshow #event_contents >.event1_2 .event2 {
	margin:40px;
}

#egpshow #event_contents {
	padding: 40px 12px;
}

#egpshow #event_contents .event1 >.text >.event_style, 
#egpshow #event_contents .event2 >.text >.event_style {
top: -55px;
left: calc(13% - 76px);
font-size: 5rem;
}

#egpshow #event_contents .event1_2 .event1 h3,
#egpshow #event_contents .event1_2 .event2 h3 {
	margin-top: 120px;
	font-size: 4.8rem;
}

#egpshow #event_contents .event1 > .text >.event_number, 
#egpshow #event_contents .event2 > .text >.event_number {
	top: calc(-31% - 50px);
    left: calc(17%);
	font-size: 18rem;
} 

#egpshow #event_contents >.event1_2 .event1 img, 
#egpshow #event_contents .event1_2 .event2 img {
	width:100%;
}

#egpshow #event_contents .balloon {
	display: none;
}

#egpshow h3 {
	letter-spacing: 6px;
    font-size: 3rem;
}
#egpshow .event1 >h3, #egpshow .event2 > h3 {
    font-size: 4.0rem;
    letter-spacing: 3px;
}
#egpshow #event_contents .event3_6 .event_style {
    top: -4px;
    font-size: 4.5rem;
}

#egpshow .title_eng {
	letter-spacing: 6px;
}

/*-----EVENTAREA-----*/

#egpshow .eventArea > div {
	padding: 40px 0;
	width: 100%;
}

#egpshow .eventArea > div .text > *:not(img) {
	width: fit-content;
}
	#egpshow .eventArea > div .text > h3.event_title {
		width: 100%;
	}
	#egpshow #event_contents .eventArea > div:nth-of-type(1) h3.event_title,
	#egpshow #event_contents .eventArea > div:nth-of-type(2) h3.event_title {
		font-size: 4.0rem;
	}

	#egpshow .eventArea > div .event_style span {
		font-size:15rem;
	}

	#egpshow .eventArea > div .event_style {
		right: 88px;
		font-size:5.5rem;
	}

	#egpshow .eventArea .button p {
		margin: 25px 40px 10px 40px;
		padding: 8px 15px;
	}

/*-----EVENT1_2-----*/

#egpshow #event_contents >.event1_2 .event1,
#egpshow #event_contents >.event1_2 .event2 {
	margin:50px auto;
}


#egpshow #event_contents .event1 > .event_style,
#egpshow #event_contents .event2 > .event_style {
	font-size: 5.0rem;
	top: -50px;
	left: -26px;
}

#egpshow #event_contents .event1 > .event_title {
	margin: 20px;
}

/*-----EVENT3_6-----*/
#egpshow #event_contents .event3_6 img {
	margin: 20px auto;
}

#egpshow #event_contents .event3_6 .row,
#egpshow #event_contents .event3_6 .flex {
	flex-direction: column;
}

#egpshow #event_contents .event3_6 .text >.event_style{
	position: relative;
    top: 35px;
    right: 58px;
}

#egpshow #event_contents .event3_6 .event_number {
	position: relative;
	left: 15px;
	top: -15px;
}
#egpshow #event_contents .event3_6 .event_title {
	font-size: 3.8rem;
}

/*-----event_7-----*/

#egpshow #event_contents .event7 {
	position:relative;
	margin:0 auto;
}


#egpshow #event_contents .event7 > .event_style {
	position:relative;
	top: 25px;
	left: -13px;
}

#egpshow #event_contents .event7 > .event_number {
	position:relative;
	top: -20px;
	left: 57px;
}

#egpshow .eventArea .event7 >.text > img {
    width: 110%;
    position: relative;
    right: calc(5%);
}

/*----EVENTMAP----*/

#egpshow #event_map {
	padding:32px 10px;
}

#egpshow #event_map .tokyo_map img {
	max-width: 100%;
	margin-bottom: 48px;
}

#egpshow #event_map .osaka_map img {
	max-width:100%;
}



/*----- ACCESS-----*/ 
#egpshow #access .tokyo_access,
#egpshow #access .osaka_access {
	padding: 0;
}

#egpshow #event_map h3 {
	position: static;
	margin: 0 auto;
	padding: 0px 25px;
	font-size: 2.5rem;
}

#egpshow #access {
	padding: 40px 30px;
}
#egpshow #access .flex {
	display: block;
}

#egpshow #access .text {
	padding-bottom: 12px;
	height: auto;
}

#egpshow #access h3 {
	margin: 0 0 24px 0;
	letter-spacing: 0;
	text-align: center;
}

/*----balloonarea----*/
/*
#egpshow #balloonArea {
	position: absolute;
	top: 512px;
	height: 480px;
}
*/

}