@charset "utf-8";

#fv{ background: url(../images/about-opening/fv_bg.jpg) center/cover no-repeat; }
#bread{ margin-bottom: 50px; }
.cta{ padding-bottom: 85px; }

.gold-lead{position: relative; margin: 0 auto; max-width: 1600px; padding: 105px 0 46px;}
.gold-box{position: relative;}
.gold-box:before{content: ""; display: block; position: absolute; left: 0px; width: 53%; height: 72.2%; background: #ECDCBB url(../images/about-opening/bg_09.jpg) no-repeat left top; background-size: 392px; bottom: 0px;}
.gold-box .gold-inner{width: 1250px; padding: 0 25px; margin: 0 auto;}
.gold-box .gold-img{position: absolute; right: 50px; top: 0px; width: calc(100% - 53.13%); height: auto; z-index: 1;}
.gold-box .gold-img:before{content: ""; display: block; width: 100%; height: 100%; background: #AA8E56; position: absolute; bottom: -14px; right: -14px;}
.gold-box .gold-img figure{position: relative; z-index: 1;}
.gold-box .gold-img figure img{width: 100%; height: auto;}

/* --------------------------------------------------------------------------- lead */
#lead { padding: 0 0 110px; background: url(../images/about-opening/bg_05.png) center top/ 100% no-repeat; position: relative;}
.lead__article + .lead__article { margin-top: 75px; }
#lead:before{content: ""; display: block; width: 509px; height: 423px; background: url(../images/about-opening/bg_06.png) no-repeat center center; background-size: 100%; position: absolute; right: 0px; top: 54%; }
.lead__body{ width: 87%; margin: 0 auto; }
.lead__figure { margin: 0 0 55px; }
.lead__caption { margin-top: 20px; line-height: 150%; }
.lead__article .main-title { padding-bottom: 35px; font-size: 38px; line-height: 150%; }
.lead__article .main-title:before{display: none;}
.lead__text { line-height: 200%; }
.lead__text.center{ text-align: center; }
.lead__note { margin: 25px auto 0; color: #8E8E8E; line-height: 187%; font-size: 15px; }

.lead__image-list { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.lead__image-item { width: calc((100% - 40px) / 2); }
.lead__image-note { margin-top: 24px; }

.lead__article{position: relative; z-index: 1;}
/* --------------------------------------------------------------------------- about */
#about{ padding: 60px 0 110px; background: url(../images/common/bg_cta.jpg) center/cover no-repeat; }
#about .about_bg{background: rgba(255,255,255,0.8); padding: 50px 50px 56px;}
#about .main-title{ padding-bottom: 38px; }
#about .main-title:before{display: none;}
.about__box{ display: flex; align-items: flex-start; gap: 50px; }
.bout__image{ width: 44%; }

.bout__texts{ width: calc(100% - 44% - 50px); }
.bout__title{ padding-bottom: 20px; font-size: 36px; font-family: "Zen Old Mincho", serif; font-weight: 600; font-style: normal; line-height: 150%; }
.bout__text{ line-height: 200%; }


/* --------------------------------------------------------------------------- history */
#history { padding: 110px 0 130px; background: url(../images/about-opening/bg_08.jpg) left top/642px no-repeat ; position: relative;}
#history:before{content: ""; display: block; width: 765px; height: 433px; background: url(../images/about-opening/bg_11.jpg) right bottom/765px no-repeat; position: absolute; bottom: -69px; right: 0px;}

#history .main-title { margin-bottom: 39px; position: relative; padding: 0 0 26px;}

/* 上段 */

.history-lead__body { width: 43%; position: relative; z-index: 1;}
.history-lead__figure { width: 100%; }
.history-lead__figure img { width: 100%; height: auto; }
.history-lead__title { margin-bottom: 20px; font-family: "Zen Old Mincho", serif; font-weight:600; font-style: normal;font-size: 33px; line-height: 166.7%; }
.history-lead__text { line-height: 225%; font-size: 16px;}

/* 下段カード */
.history-card-list { display: flex; align-items: stretch; justify-content: space-between; gap: 25px; padding: 140px 0 0; position: relative; z-index: 1;}
.history-card { width: calc((100% - 25px) / 2); background: #F5F2EC; }
.history-card__title { padding: 31px 30px 29px; text-align: center; font-family: "Zen Old Mincho", serif; font-weight:600; font-style: normal; font-size: 28px; line-height: 121.4%; }
.history-card__figure{padding: 0 40px;}
.history-card__body { padding: 29px 40px 46px; }
.history-card__text { padding-bottom: 29px; line-height: 200%; height: auto; }
.history-card__date { text-align: left; font-size: 20px; line-height: 185%; }


/* --------------------------------------------------------------------------- archive */
#archive { position: relative; padding: 0 0 120px; }
#archive .main-title { margin-bottom: 39px; position: relative; padding: 0 0 26px;}


/* #archive:before{ z-index: -1; position: absolute; left: 0; top: -35%; content: ""; width: 720px; height: 352px; background: url(../images/about-opening/bg_02.png) center/cover no-repeat; } */
#archive .main-title { padding-bottom: 25px; }

#archive .gold-box::before { left: auto; right: 0px; background: #ECDCBB url(../images/about-opening/bg_10.jpg) no-repeat right top; background-size: auto; background-size: 397px; height: 73.9%;}
#archive .gold-box .gold-img{right: auto; left: 50px;}
#archive .gold-box .gold-inner .archive__body{margin: 0 0 0 auto; width: 42.5%;}

.archive__box {padding: 122px 0 68px;}
.archive__body { width: 47%; }
.archive__title { margin-bottom: 25px; font-family: "Zen Old Mincho", serif; font-weight:600; font-style: normal; font-size: 33px;  line-height: 175%; }
.archive__text {  line-height: 200%; font-size: 16px; }


/* --------------------------------------------------------------------------- event */
#event { position: relative; }
#event .main-title { margin-bottom: 42px; position: relative; padding: 0 0 26px;}
#event .main-title:before{content: ""; display: block; width: 80px; height: 1px; transform: translateX(-50%); left: 50%; bottom: 0px; background: #D5B269; position: absolute;}
.event-list { display: flex; align-items: stretch; gap: 23px 18px; flex-wrap: wrap; }

.event-card{ width: calc((100% - 36px) / 3); }
.event-card a { display: block; transition: opacity 0.2s; }
.event-card a:hover { opacity: 0.75; }

.event-card__figure { margin: 0 0 22px; }
.event-card__title { margin-bottom: 5px; font-size: 19px; font-family: "Noto Sans JP"; font-weight: 500; line-height: 150%; }
.event-card__date { font-size: 16px; line-height: 170%; }




/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {

	.cta { padding-bottom: 50px; }

	#history .main-title:before,
	#archive .main-title:before,
	#event .main-title:before { width: 60px; }

	
	#fv{ background: url(../images/about-opening/fv_bg_sp.jpg) center/cover no-repeat; }
/* --------------------------------------------------------------------------- gold-box 共通 */
	.gold-lead { max-width: 100%; padding: 0; }
	.gold-box:before { display: none; }
	.gold-box .gold-inner { width: 90%; padding: 0; }
	.gold-box .gold-img { position: relative; right: auto; width: 95%; margin: 0 0 30px auto; }
	.gold-box .gold-img:before { bottom: -8px; right: 0px; width: calc(100% + 8px); }


/* --------------------------------------------------------------------------- lead */
	#lead { padding: 0px 0 50px; background: url(../images/about-opening/bg_05_sp.jpg) center top no-repeat; background-size: 100%; }
	#lead:before{width: 42%; height: auto; top: 50.5%; padding: 40% 0 0; transform: translateY(-50%);}

	#lead #bread{margin: 0px 0 20px;}
	.lead__article + .lead__article { margin-top: 32px; }
	.lead__body { width: 100%; }
	.lead__figure { margin: 0 0 26px; }
	.lead__caption { margin-top: 10px; font-size: 10px; }
	.lead__article .main-title { padding-bottom: 10px; font-size: 23px; line-height: 160%; }
	.lead__text { font-size: 16px; line-height: 193%; text-align: left; }
	.lead__note { width: 100%; margin: 25px auto 0; font-size: 12px; }

	.lead__image-list { display: flex; gap: 10px; }
	.lead__image-item { width: calc((100% - 10px) / 2); }
	.lead__image-note { margin-top: 12px; font-size: 12px; }


/* --------------------------------------------------------------------------- about */
	#about { padding: 25px 0; }
	#about .about_bg { padding: 28px 20px 32px; }
	#about .main-title { padding-bottom: 18px; }

	.about__box { display: block; }
	.bout__image { width: 100%; margin-bottom: 28px; }
	.bout__texts { width: 100%; }
	.bout__title { padding-bottom: 14px; font-size: 20px; line-height: 150%; }
	.bout__title br { display: none; }
	.bout__text { font-size: 14px; line-height: 193%; }


/* --------------------------------------------------------------------------- history */
	#history { padding: 47px 0 60px; background: url(../images/about-opening/bg_08_sp.jpg) left top no-repeat; background-size: 56%; }
	#history:before { width: 44.8%; height: auto; padding: 30.6% 0 0; background: url(../images/about-opening/bg_11_sp.jpg) top center no-repeat; background-size: auto; background-size: 100%; bottom: -2.7%;}
	#history .main-title { margin-bottom: 25px; padding-bottom: 10px; }

	.history-lead { display: block; margin-bottom: 0; }
	#history .gold-img .pc-only { display: block; }
	#history .history-lead__body .sp-only { display: none; }
	.history-lead__body { width: 100%; }
	.history-lead__figure { width: 100%; }
	.history-lead__title { margin-bottom: 14px; font-size: 26px; line-height: 160%; }
	.history-lead__text { padding-top: 0; font-size: 14px; line-height: 200%; }

	.history-card-list { flex-direction: column; gap: 18px; padding: 40px 0 0; }
	.history-card { width: 100%; }

	.history-card__title { padding: 30px 5% 19px; font-size: 22px; }
	.history-card__figure { padding: 0 5%; }
	.history-card__body { padding: 19px 5% 26px; }
	.history-card__text { padding-bottom: 20px; height: auto; font-size: 14px; }
	.history-card__date { font-size: 12px; line-height: 184%; }


/* --------------------------------------------------------------------------- archive */
	#archive { padding: 0 0 62px; }
	#archive .main-title { margin-bottom: 25px; padding-bottom: 10px; }
	#archive .gold-box::before { display: none; }
	#archive .gold-box .gold-img { right: auto; left: auto; margin: 0 auto 47px 0; }
	#archive .gold-box .gold-img::before { left: 0px; right: auto; }
	#archive .gold-box .gold-inner .archive__body { width: 100%; margin: 0; }

	.archive__box { padding: 0; }
	.archive__body { width: 100%; }
	.archive__title { margin-bottom: 14px; font-size: 26px; line-height: 160%; }
	.archive__text { font-size: 14px; line-height: 200%; }


/* --------------------------------------------------------------------------- event */
	#event .main-title { margin-bottom: 25px; padding-bottom: 10px; }

	.event-list { display: block; }
	.event-card { width: 100%; margin-bottom: 19px; }
	.event-card:last-child { margin-bottom: 0; }
	.event-card a { display: flex; align-items: center; gap: 16px; }
	.event-card__figure { width: 33%; margin: 0; flex-shrink: 0; }
	.event-card__body { flex: 1; }
	.event-card__title { margin-bottom: 6px; font-size: 13px; line-height: 150%; }
	.event-card__date { font-size: 12px; line-height: 160%; }

}