@font-face {
	font-family: "garamond-premier-pro";
	src: url("../fonts/garamond-premier-pro-regular.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "garamond-premier-pro";
	src: url("../fonts/garamond-premier-pro-italic.woff2") format("woff2");
	font-display: swap;
	font-style: italic;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "tenon";
	src: url("../fonts/tenon-regular.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "tenon";
	src: url("../fonts/tenon-regular-italic.woff2") format("woff2");
	font-display: swap;
	font-style: italic;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
	font-family: "Adjusted Georgia Fallback";
	src: local(Georgia);
	size-adjust: 88%;
	ascent-override: normal;
	descent-override: 44%;
	line-gap-override: normal;
}

@font-face {
	font-family: "Adjusted Arial Fallback";
	src: local(Arial);
	size-adjust: 97%;
	ascent-override: 105%;
	descent-override: 16%;
	line-gap-override: normal;
}

.et_mainArea {
	padding-top: 0;
	color: #707070;
	font-family: garamond-premier-pro, Adjusted Georgia Fallback, Times New Roman, serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	word-break: normal;
}
.et_mainArea * {
	background-repeat: no-repeat;
	box-sizing: border-box;
	outline: 0;
}
.et_mainArea :after,
.et_mainArea :before {
	box-sizing: border-box;
}
.et_mainArea a {
	color: #707070;
	background-color: transparent;
	outline: 0;
	text-decoration: none;
	transition: ease-outcolor .2s;
	word-break: break-word;
}
.et_mainArea a:active,
.et_mainArea a:hover {
	outline: 0;
	color: #bdbdbd;
}
.et_mainArea figure img {
	max-width: 100%;
	height: auto;
}
.et_mainArea figure figcaption {
	text-align: left;
}
.et_mainArea .wp-caption-text,
.et_mainArea figcaption {
	font-size: 12px;
}

.et_menuBar .container,
.et_pageTitle .container,
.et_mainArea .container {
	margin: auto;
	max-width: 1396px;
	padding: 0 2rem;
	position: relative;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {

	.et_mainArea .container {
		padding: 0 1rem;
	}

}

/* et_header
------------------------------ */
.et_header .inner {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 109px;
}
.et_header .headerLogo img {
	width: 260px;
}
.et_header .headerLogo img.logo02 {
	display: none;
}
.et_header .headerLogoMitsui {
	position: absolute;
	right: 0;
	width: 162px;
}

@media screen and (max-width: 768px) {

	.et_header .inner {
		flex-direction: column-reverse;
		min-height: inherit;
		padding: 0;
	}
	.et_header .headerLogoMitsui {
		position: relative;
		right: auto;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 46px;
		padding: 0 10px;
		background: #f2f2f2;
		box-sizing: border-box;
	}
	.et_header .headerLogoMitsui img {
		width: 120px;
	}
	.et_header .headerLogo {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: 46px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.et_header .headerLogo img.logo01 {
		display: none;
	}
	.et_header .headerLogo img.logo02 {
		display: block;
		width: 210px;
	}

}

/* et_menuBar
------------------------------ */
.et_menuBar {
	position: relative;
	background-color: #F5F4F0;
}
.menuBar_title {
	padding: 32px 100px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.menuBar_title a {
	color: #000;
	text-decoration: none;
}
.menuBar_title a:hover {
	opacity: 0.8;
}
.menuBar_btn {
  position: absolute;
  top: 0;
  left: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
	height: 100px;
	cursor: pointer;
	transition: all 0.3s;
}
.menuBar_btn span {
	position: absolute;
	left: 25px;
  display: block;
  width: 50px;
  height: 3px;
  background-color: #000;
  transition: all 0.3s;
}
.menuBar_btn span:nth-child(1) {
	top: 35px;
}
.menuBar_btn span:nth-child(2) {
	top: 45px;
}
.menuBar_btn p {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
}
.menuBar_btn.active {
	color: #fff;
	background-color: #393939;
}
.menuBar_btn.active span {
	top: 40px;
	background-color: #fff;
}
.menuBar_btn.active span:nth-child(1) {
	transform: rotate(200deg);
}
.menuBar_btn.active span:nth-child(2) {
	transform: rotate(-200deg);
}

@media screen and (max-width: 768px) {

	.menuBar_title {
		padding: 26px 70px;
		font-size: 16px;
	}
	.menuBar_btn {
		left: 0;
		width: 70px;
		height: 70px;
	}
	.menuBar_btn span {
		left: 15px;
		width: 40px;
		height: 2px;
	}
	.menuBar_btn span:nth-child(1) {
		top: 22px;
	}
	.menuBar_btn span:nth-child(2) {
		top: 30px;
	}
	.menuBar_btn p {
		top: 43px;
		font-size: 9px;
	}
	.menuBar_btn.active span {
		top: 26px;
	}

}

/* et_menuPanel
------------------------------ */
.et_menuPanel {
	position: absolute;
  top: 209px;
  max-width: 1396px;
  margin-left: auto;
  margin-right: auto;
  left: -80vw;
  right: 0;
  transition: all 0.8s;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .et_menuPanel {
    top: 166px;
  }
}
.et_menuPanel.active {
  left: 0;
  z-index: 1;
  visibility: visible;
}
.et_menuPanel .menuPanel_content {
  padding: 30px 2rem;
  width: 350px;
  position: relative;
  height: 100vh;
  z-index: 2;
}
.et_menuPanel .menuPanel_content:after {
  background-color: #F5F4F0;
  display: block;
  content: "";
  right: 0;
  width: 50vw;
  height: 100%;
  top: 0;
  position: absolute;
}
@media screen and (max-width: 768px) {
	.et_menuPanel .menuPanel_content {
		width: 300px;
		padding: 30px 1rem;
	}
  .et_menuPanel .menuPanel_content:after {
    width: 100vw;
  }
}
.et_menuPanel .menuPanel_content .menuPanel_link {
  position: relative;
  z-index: 1;
}
.et_menuPanel .menuPanel_content .menuPanel_link ul li {
	padding: 15px 0;
	font-family: garamond-premier-pro, Adjusted Georgia Fallback, Times New Roman, serif;
	font-size: 26px;
}
.menuPanel_overlay.active {
	display: block !important;
}
.menuPanel_overlay {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}

@media screen and (max-width: 768px) {

	.et_menuPanel .menuPanel_content .menuPanel_link ul li {
		padding: 10px 0;
		font-size: 18px;
	}

}


/* et_pageTitle
------------------------------ */
.et_pageTitle {
	padding: 12px 0 8px;
	color: #fff;
	font-family: garamond-premier-pro, Adjusted Georgia Fallback, Times New Roman, serif;
	line-height: 1.5;
	background: #000;
	-webkit-font-smoothing: antialiased;
}
.et_pageTitle h1 {
	font-size: 40px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}

@media screen and (max-width: 768px) {

	.et_pageTitle {
		padding: 4px 0 1px;
	}
	.et_pageTitle .container {
		padding: 0 1rem;
	}
	.et_pageTitle h1 {
		font-size: 28px;
	}

}

/* skip
------------------------------ */
.skip-ahead {
	margin-bottom: 4rem;
	margin-top: 3rem;
}
.skip-ahead strong {
	padding-left: 1.5rem;
	margin-bottom: 1rem;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220%22%20y%3D%220%22%20version%3D%221.1%22%20viewBox%3D%220%200%2031.39%2026.73%22%3E%0A%20%20%3Cpath%20width%3D%2232%22%20height%3D%2227%22%20fill%3D%22%23b4a165%22%20d%3D%22M29.93%2026.73H1.46c-.8%200-1.46-.66-1.46-1.47%200-.81.66-1.46%201.46-1.46h28.47c.81%200%201.46.66%201.46%201.46%200%20.81-.65%201.47-1.46%201.47zM29.93%202.93H1.46C.66%202.93%200%202.27%200%201.46%200%20.66.66%200%201.46%200h28.47c.81%200%201.46.66%201.46%201.46%200%20.81-.65%201.47-1.46%201.47zM29.93%2014.83H1.46c-.8%200-1.46-.66-1.46-1.47%200-.81.66-1.46%201.46-1.46h28.47c.81%200%201.46.66%201.46%201.46%200%20.81-.65%201.47-1.46%201.47z%22%20class%3D%22st0%22%2F%3E%0A%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-size: 1rem auto;
	background-position: left center;
	font-size: 18px;
	line-height: 1;
}
.skip-ahead a,.skip-ahead strong {
	display: block;
	text-transform: uppercase;
	font-family: tenon,Adjusted Arial Fallback,sans-serif;
}
.skip-ahead a {
	text-decoration: none!important;
	font-size: 15px;
	padding: .75rem 1.5rem .75rem 0;
	color: #363636 !important;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xml%3Aspace%3D%22preserve%22%20viewBox%3D%220%200%2031.39%2017.91%22%3E%0A%20%20%3Cpath%20fill%3D%22%23b4a165%22%20d%3D%22M30.74.65c-.86-.86-2.27-.86-3.13%200L15.7%2012.57%203.78.65C2.92-.21%201.51-.21.65.65c-.86.86-.86%202.27%200%203.13l13.48%2013.48c.86.86%202.27.86%203.13%200L30.74%203.78c.87-.86.87-2.27%200-3.13z%22%2F%3E%0A%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-size: 1rem auto;
	background-position: right center;
	border-top: 1px solid #D6D6D6;
}
.skip-ahead a:last-child {
	border-bottom: 1px solid #D6D6D6;
}


/* post
------------------------------ */
.post-header {
	padding-bottom: 1.725rem !important;
	margin-bottom: 2.76rem !important;
	border-bottom: 1px solid #D6D6D6
}
.post-header figure {
	display: inline-block;
	margin: auto;
	width: 1024px;
	max-width: 100%
}
.post-header p {
	margin-block: 1em;
}
.wp-caption-text, figcaption {
	font-family: tenon, Adjusted Arial Fallback, sans-serif;
	text-transform: uppercase;
}
.post-header .post-author {
	line-height: 1.15rem;
	display: inline-block;
}
.post-header .post-dates>span {
	display: block
}

.post-header figure img {
	width: 100%
}
.post-header h1 {
	margin-top: 1rem;
	font-size: 34px;
	color: black;
}
.post-header .post-subtitle {
	display: block;
	font-size: 17px;
	color: #363636;
}


.post-subtitle {
	font-family: tenon, Adjusted Arial Fallback, sans-serif;
	color: #363636;
}
.post-dates,
.post-info {
	font-family: tenon, Adjusted Arial Fallback, sans-serif;
	color: #707070;
	text-transform: uppercase;
	font-size: 13px;
}

.wp-caption-text,
figcaption {
	font-family: tenon, Adjusted Arial Fallback, sans-serif;
	text-transform: uppercase
}

.align-center {
	text-align: center
}

.align-left {
	text-align: left
}

.align-right {
	text-align: right
}

.post-content a:not(.swipebox):not(.swiper-button-prev):not(.swiper-button-next),
.post-introduction a {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: #0250BB;
	text-underline-offset: 3px;
	color: #0250BB;
}




.post-content.post-template-whats-on h3:after,
.post-content.post-template-whats-on h4:after,
.post-content:not(.post-template-whats-on) h2:after,
.post-content:not(.post-template-whats-on) h3:after {
	content: "";
	width: 3rem;
	height: 1px;
	background-color: #B8A15C;
	display: block
}

.post-content,
.post-introduction {
	font-size: 22px
}

.post-content.post-template-whats-on h3:after,
.post-content:not(.post-template-whats-on) h2:after {
	margin-left: auto;
	margin-right: auto
}

.post-content h2+p,
.post-content h3+p,
.post-content h4+p,
.post-content h5+p,
.post-content h6+p {
	margin-top: -.5rem
}

.post-content .wp-caption-text {
	margin-top: .2rem;
	margin-bottom: 0
}

.post-content img:not(.size-large):not(.size-medium):not(.size-full) {
	max-width: 100%;
	height: auto
}

.post-content .instagram-media,
.post-content .twitter-tweet {
	margin: auto !important
}

.the-post {
	position: relative
}

@media (min-width:1060px) {
	.et_mainArea .the-post {
		max-width: 1024px;
		padding: 0 186px;
	}

	.et_mainArea .the-post .size-full,
	.et_mainArea .the-post .size-full+.wp-caption-text,
	.et_mainArea .the-post .size-full+figcaption,
	.et_mainArea .the-post .size-large,
	.et_mainArea .the-post .size-large+.wp-caption-text,
	.et_mainArea .the-post .size-large+figcaption {
		margin-left: -186px;
		margin-right: -186px
	}
}

.et_mainArea .the-post .size-medium {
	max-width: 100%;
	height: auto;
	display: block
}

.et_mainArea .the-post .size-full,
.et_mainArea .the-post .size-large {
	width: 1024px;
	max-width: inherit;
	height: auto;
	display: block
}

@media (max-width:1059px) {

	.et_mainArea .the-post .size-full,
	.et_mainArea .the-post .size-large {
		max-width: 100%
	}
}

.et_mainArea .the-post .wp-caption>.size-full,
.et_mainArea .the-post .wp-caption>.size-large {
	margin-top: 3rem
}

.et_mainArea .the-post .wp-caption>.size-full+.wp-caption-text,
.et_mainArea .the-post .wp-caption>.size-large+.wp-caption-text {
	margin-bottom: 3rem
}

.et_mainArea .the-post :not(.wp-caption)>.size-full,
.et_mainArea .the-post :not(.wp-caption)>.size-large {
	margin-top: 3rem;
	margin-bottom: 3rem
}

.et_mainArea .the-single-post {
	margin-bottom: 8.05rem
}

.et_mainArea .the-single-post .post-content {
	border-bottom: 1px solid #D6D6D6;
	padding-bottom: 4.025rem;
	color: #363636
}
.et_mainArea .the-single-post .post-content p {
	padding-block: 1em;
}
.et_mainArea .the-single-post .post-content b {
	font-weight: bold;
}
.et_mainArea .the-single-post .post-content i,
.et_mainArea .the-single-post .post-content em {
	font-style: italic;
}

.post-content.post-template-whats-on h3,
.post-content:not(.post-template-whats-on) h2 {
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 2.2rem;
	font-size: 2.2rem
}

.post-content.post-template-whats-on h3:after,
.post-content:not(.post-template-whats-on) h2:after {
	margin-top: 1.5rem
}

.post-content.post-template-whats-on h4,
.post-content:not(.post-template-whats-on) h3 {
	margin-top: 2.5rem;
	margin-bottom: 1.6rem;
	font-size: 2rem
}

.post-content.post-template-whats-on h4:after,
.post-content:not(.post-template-whats-on) h3:after {
	margin-top: 1rem
}

.post-content.post-template-whats-on h5,
.post-content:not(.post-template-whats-on) h4 {
	margin-top: 2rem;
	margin-bottom: .7rem;
	font-size: 1.8rem
}

.post-content.post-template-whats-on h6,
.post-content:not(.post-template-whats-on) h5,
.post-content:not(.post-template-whats-on) h6 {
	margin-top: 2rem;
	margin-bottom: .7rem;
	font-size: 1.5rem
}

.post-content>:last-child {
	margin-bottom: 0 !important
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
	text-decoration: none;
}







