@charset "UTF-8";

.main {
	position: relative;
	z-index: 2;
}

/* ----------------------------------------------------
	article
---------------------------------------------------- */
.article {
	padding: 60px 0;
}

.article__title {
	margin-bottom: 20px;
	font-family: var(--forevs);
	font-size: 70px;
	font-weight: 400;
	text-align: center;
}

.article__title span.inner {
	background: url(../img/titleBg.webp) center bottom no-repeat;
	background-size: 289px auto;
	padding-bottom: 60px;
	line-height: 0.7;
	display: block;
}

.article__title img {
	width: auto;
	height: 26px;
}

.article__title--sub {
	background: linear-gradient(90deg, #99812b 25%, #e5dfca 50%, #99812b 75%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	margin-bottom: 24px;
	font-family: var(--forevs);
	font-size: 70px;
	font-weight: 400;
	text-align: center;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(229, 223, 202, 0.5);
}

.article .container {
	margin: 0 auto;
	padding: 0 50px;
	width: 1140px;
}

.article .container__title {
	margin-bottom: 40px;
	text-align: center;
}

.article__text {
	margin-bottom: 1em;
	font-size: 18px;
	text-align: center;
}

.article__text .en li {
	justify-content: center;
}

.article__text .text {
	line-height: 2;
}

.article__text.price .text {
	color: rgb(var(--yel));
}

.article__text .price__list,
.article .place__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.article__text .price__list--item:first-of-type,
.article .place__list--item:not(:last-of-type) {
	margin-right: 0.5em;
}

.article__text .price__list--item:first-of-type::after,
.article .place__list--item:not(:last-of-type)::after {
	content: "／";
}

.article__text .price__list--item:last-of-type {
	width: 100%;
}

.article__place {
	margin-bottom: 40px;
	font-size: 18px;
	text-align: center;
}

.article__place--title {
	color: rgb(var(--yel));
}

.article .linkBtn:not(:last-of-type) {
	margin-bottom: 1em;
}

@media screen and (max-width: 1140px) {
	.article__title {
		margin-bottom: 1.75439vw;
	}

	.article__title--sub {
		margin-bottom: 1.6vw;
		font-size: 7vw;
	}

	.article .container {
		padding: 0 4.80769vw;
		width: 91.22807vw;
	}

	.article .container__title {
		margin-bottom: 3.50877vw;
	}

	.article__text {
		font-size: 1.57895vw;
	}

	.article__place {
		margin-bottom: 3.50877vw;
		font-size: 1.57895vw;
	}
}

@media screen and (max-width: 1000px) {
	.article {
		padding: 6vw 0;
	}

	.article__title {
		font-size: 7vw;
	}

	.article__title img {
		height: 2.6vw;
	}

	.article__title span.inner {
		background-size: 28.9vw auto;
		padding-bottom: 6vw;
	}
}

@media screen and (max-width: 768px) {
	.article {
		padding: 20vw 0 0;
	}

	.article__title {
		margin-bottom: 8vw;
		font-size: 9.86667vw;
	}

	.article__title img {
		height: 5.6vw;
	}

	.article__title span.inner {
		background-size: 40vw auto;
		padding-bottom: 9.6vw;
	}

	.article__title--sub {
		margin-bottom: 4.8vw;
		line-height: 1.2;
		font-size: 9.86667vw;
	}

	.article__title span {
		background-size: 49.33333vw auto;
		padding-bottom: 9.6vw;
	}

	.article .container {
		padding: 0;
		width: 100%;
	}

	.article .container__title {
		margin-bottom: 8vw;
	}

	.article__text {
		padding: 0 6.4vw;
		font-size: 4.26667vw;
	}

	.article__text .text {
		line-height: 1.5;
		text-align: left;
	}

	.article__text .price__list,
	.article .place__list {
		flex-direction: column;
	}

	.article__text .price__list--item {
		margin-left: 1em;
		text-indent: -1em;
		letter-spacing: -0.005em;
	}

	.article__text .price__list--item::before {
		font-size: 3.73333vw;
		content: "・";
	}

	.article__text .price__list--item:first-of-type {
		margin-right: 0;
	}

	.article__text .price__list--item:first-of-type::after {
		content: "";
	}

	.article__text .price__list--item:not(:last-of-type) {
		margin-bottom: 0.25em;
	}

	.article__place {
		margin-bottom: 8vw;
		padding: 0 6.4vw;
		font-size: 4.26667vw;
		text-align: left;
	}

	.article .place__list--item {
		width: 100%;
	}

	.article .place__list--item::after {
		display: none;
	}

	.article .linkBtn {
		padding: 0 6.4vw;
	}
}

/*
	slide
------------------------------ */
.article__slide.slick-slider .slide-arrow {
	background: url(../img/arrows-slide.svg) center no-repeat;
	background-size: cover;
	/* text-indent: -9999px; */
	outline: none;
	border: none;
	display: block;
	position: absolute;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%);
	cursor: pointer;
}

/* long */
.article__slide.long {
	margin: 0 auto 40px;
	width: 870px;
}

.article__slide.long.slick-slider .slide-arrow {
	width: 60px;
	height: 60px;
}

.article__slide.long.slick-slider .prev-arrow {
	left: -80px;
}

.article__slide.long.slick-slider .next-arrow {
	right: -80px;
	transform: translateY(-50%) rotate(180deg);
}

/* short */
.article__slide.short {
	margin: 0 auto;
	width: 360px;
}

.article__slide.short.slick-slider .slide-arrow {
	width: 50px;
	height: 50px;
}

.article__slide.short.slick-slider .prev-arrow {
	left: -70px;
}

.article__slide.short.slick-slider .next-arrow {
	right: -70px;
	transform: translateY(-50%) rotate(180deg);
}

/* long */
@media screen and (max-width: 1140px) {
	.article__slide.long {
		margin-bottom: 3.84615vw;
		width: 76.31579vw;
	}

	.article__slide.long.slick-slider .slide-arrow {
		width: 5.76923vw;
		height: 5.76923vw;
	}

	.article__slide.long.slick-slider .prev-arrow {
		left: -7.69231vw;
	}

	.article__slide.long.slick-slider .next-arrow {
		right: -7.69231vw;
	}
}

/* short */
@media screen and (max-width: 1000px) {
	.article__slide.short {
		width: 36vw;
	}

	.article__slide.short.slick-slider .slide-arrow {
		width: 5vw;
		height: 5vw;
	}

	.article__slide.short.slick-slider .prev-arrow {
		left: -7vw;
	}

	.article__slide.short.slick-slider .next-arrow {
		right: -7vw;
	}
}

@media screen and (max-width: 768px) {
	.article__slide {
		margin: 0 auto;
	}

	.article__slide.slick-slider .slide-arrow {
		top: auto;
		bottom: -16vw;
		transform: translateY(0);
	}

	/* long */
	.article__slide.long {
		margin-bottom: 22.4vw;
		width: 100%;
	}

	.article__slide.long.slick-slider .slide-arrow {
		width: 10.66667vw;
		height: 10.66667vw;
		bottom: -16vw;
	}

	.article__slide.long.slick-slider .prev-arrow {
		left: 37%;
	}

	.article__slide.long.slick-slider .next-arrow {
		right: 37%;
		transform: translateY(0) rotate(180deg);
	}

	/* short */
	.article__slide.short {
		width: 72.62597vw;
	}

	.article__slide.short.slick-slider .slide-arrow {
		width: 10.66667vw;
		height: 10.66667vw;
		bottom: -16vw;
	}

	.article__slide.short.slick-slider .prev-arrow {
		left: 32%;
	}

	.article__slide.short.slick-slider .next-arrow {
		right: 32%;
		transform: translateY(0) rotate(180deg);
	}
}

/* ----------------------------------------------------
	lead
---------------------------------------------------- */
.lead {
	padding: 60px 50px;
}

.lead__logo {
	margin: 0 auto 55px;
	width: 523px;
}

.lead__date {
	margin: 0 auto 60px;
	width: 467px;
}

.lead__text {
	font-family: var(--mincho);
	text-align: center;
}

.lead__text .text {
	line-height: 2.5;
	font-size: 18px;
}

.lead__text .text:not(:last-of-type) {
	margin-bottom: 2em;
}

.lead .video {
	margin: 60px auto 0;
	max-width: 870px;
}

@media screen and (max-width: 1000px) {
	.lead {
		padding: 6vw 5vw;
	}

	.lead__logo {
		margin-bottom: 5.5vw;
		width: 52.3vw;
	}

	.lead__date {
		margin-bottom: 6vw;
		width: 46.7vw;
	}

	.lead__text .text {
		line-height: 2.5;
		font-size: 1.8vw;
	}

	.lead .video {
		margin-top: 6vw;
	}
}

@media screen and (max-width: 768px) {
	.lead {
		padding: 8.8vw 6.4vw;
	}

	.lead__logo {
		margin-bottom: 9.86667vw;
		width: 78.51112vw;
	}

	.lead__date {
		margin-bottom: 14.93333vw;
		width: 76.83645vw;
	}

	.lead__text {
		text-align: left;
	}

	.lead__text .text {
		line-height: 1.8;
		font-size: 4.26667vw;
	}

	.lead .video {
		margin-top: 8.8vw;
	}
}

/* ---------------------------------------------------
	toggle, gnav
---------------------------------------------------- */
/*
	toggle
------------------------------ */
.toggle {
	display: none;
}

@media screen and (max-width: 768px) {
	.toggle {
		display: block;
	}

	.toggle {
		width: 40px;
		height: 24px;
		display: block;
		position: fixed;
		top: 1em;
		right: 1em;
		z-index: 1000;
	}

	.toggle__inner {
		width: 100%;
		height: 100%;
		position: relative;
		cursor: pointer;
	}

	.toggle__inner--item {
		background: linear-gradient(90deg, #99812b 25%, #e5dfca 50%, #99812b 75%);
		width: 100%;
		height: 2px;
		display: block;
		position: absolute;
		left: 50%;
		transition: all 0.25s;
	}

	.toggle__inner--item:nth-child(1) {
		top: 0;
		transform: translateX(-50%);
	}

	.toggle__inner--item:nth-child(2) {
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.toggle__inner--item:nth-child(3) {
		bottom: 0;
		transform: translateX(-50%);
	}

	/* is-open */
	.is-open .toggle__inner--item {
		width: 75%;
		transform-origin: 0 0;
	}

	.is-open .toggle__inner--item:nth-child(1) {
		top: 50%;
		transform: rotate(45deg) translate(-50%, -50%);
	}

	.is-open .toggle__inner--item:nth-child(2) {
		opacity: 0;
	}

	.is-open .toggle__inner--item:nth-child(3) {
		top: 50%;
		bottom: auto;
		transform: rotate(-45deg) translate(-50%, -50%);
	}
}

/*
	gnav
------------------------------ */
.gnav {
	padding-bottom: 60px;
	position: relative;
	z-index: 999;
}

.gnav__list {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.gnav__list--item {
	background: url(../img/navBg.webp) center no-repeat;
	background-size: cover;
	margin: 0 15px;
	width: 258px;
	height: 132px;
	position: relative;
}

.gnav__list--link {
	width: 100%;
	height: 100%;
	line-height: 1;
	font-family: var(--forevs);
	font-size: 25px;
	font-weight: 400;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.gnav__list--link span {
	background: linear-gradient(90deg, #99812b 0%, #e5dfca 50%, #99812b 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(229, 223, 202, 0.5);
	transition: all 0.5s ease 0s
}

.gnav__list--link:hover span {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: initial;
	text-fill-color: initial;
	color: rgb(var(--wht));
}

@media screen and (max-width: 1171px) {
	.gnav {
		padding-bottom: 5.12383vw;
	}

	.gnav__list--item {
		margin: 0 1.28096vw;
		width: 22.03245vw;
		height: 11.27242vw;
	}

	.gnav__list--link {
		font-size: 2.13493vw;
	}
}

@media screen and (max-width: 768px) {
	.gnav {
		background: rgb(var(--blk));
		padding-bottom: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		transform: translateX(100%);
		transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.gnav.fixed {
		background: rgba(var(--gnav), 1);
	}

	.gnav__list {
		padding: 13.86667vw 8vw 0;
		display: block;
	}

	.gnav__list--item {
		background: none;
		margin: 0 0 0.5em;
		width: 100%;
		position: relative;
	}

	.gnav__list--item:not(:last-of-type) {
		margin-bottom: 8vw;
	}

	.gnav__list--link {
		padding: 0 1em;
		width: 100%;
		height: 17.6vw;
		line-height: 1.5;
		font-size: 6.66667vw;
		flex-direction: column;
	}

	.overlay {
		background: rgba(var(--blk), 0.5);
		width: 100vw;
		height: 100vh;
		opacity: 0;
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
	}

	/* is-open */
	.is-open {
		overflow: hidden;
	}

	.is-open .gnav {
		z-index: 999;
		transform: translateX(0);
	}

	.is-open .overlay {
		opacity: 1;
		visibility: visible;
		cursor: pointer;
	}
}

/* ----------------------------------------------------
	slideshow
---------------------------------------------------- */
.slideshow {
	display: flex;
	overflow: hidden;
}

.slideshow__list {
	display: flex;
	animation: scroll 50s linear infinite;
}

.slideshow__list--item img {
	width: auto;
	height: 200px;
}

@keyframes scroll {
	0% {
		translate: 0;
	}

	100% {
		translate: calc(-100%);
	}
}

@media screen and (max-width: 1000px) {
	.slideshow__list--item img {
		height: 20vw;
	}
}

@media screen and (max-width: 768px) {
	.slideshow__list--item img {
		height: 37.33333vw;
	}
}

/* ----------------------------------------------------
	tea
---------------------------------------------------- */
.tea .article__slide {
	position: relative;
}

.tea .article__slide::before {
	background: url(../img/slideFlame1.webp) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: ""
}


/* ----------------------------------------------------
	plan
---------------------------------------------------- */
.plan .article__slide {
	position: relative;
}

.plan .article__slide::before {
	background: url(../img/slideFlame1.webp) center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: ""
}

.plan .article__title {
	margin: 0 auto 20px;
	width: 1000px;
	position: relative;
}

.plan .article__title::before {
	background: url(../img/plan_limited.svg) center no-repeat;
	background-size: cover;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	left: 65%;
	transform: translateY(-60%);
	content: "";
}

.plan .article__text .price__list--item:last-of-type {
	width: auto;
}

@media screen and (max-width: 1000px) {
	.plan .article__title {
		margin-bottom: 2vw;
		width: 100vw;
	}

	.plan .article__title::before {
		background: url(../img/plan_limited.svg) center no-repeat;
		background-size: cover;
		width: 10vw;
		height: 10vw;
	}
}

@media screen and (max-width: 768px) {
	.plan .article__title {
		margin-bottom: 8vw;
		padding-bottom: 28.8vw;
	}

	.plan .article__title::before {
		width: 26.66667vw;
		height: 26.66667vw;
		position: absolute;
		top: auto;
		right: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.plan .container__title img {
		height: 6.66667vw;
	}
}

/* ----------------------------------------------------
	cacktails
---------------------------------------------------- */
.cacktails {
	padding-bottom: 60px;
}

.cacktails__images {
	margin: 0 auto 40px;
	width: 870px;
}

.cacktails .container {
	padding: 0;
	width: 940px;
	display: flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
}

.cacktails .container__title {
	margin-bottom: 1em;
	text-align: left;
}

.cacktails .container__title img {
	width: auto;
	height: 67px;
}

.cacktails .container:not(:last-of-type) {
	margin-bottom: 40px;
}

.cacktails .container:nth-child(even) {
	flex-direction: row-reverse;
}

.cacktails__inner {
	width: 471px;
}

.cacktails .article__slide {
	padding: 10px;
	width: 306px;
	position: relative;
}

.cacktails .article__slide::before {
	background: url(../img/slideFrame2.webp) center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	content: "";
}

.cacktails__contents {
	padding: 0 55px;
	width: 469px;
	text-align: left;
}

.cacktails__contents .article__text {
	text-align: left;
}

.cacktails__contents .article__text .text {
	line-height: 1.5;
}

.cacktails .section__place {
	margin-bottom: 60px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 1000px) {
	.cacktails {
		padding-bottom: 6vw;
	}

	.cacktails__images {
		margin-bottom: 4vw;
		width: 100%;
	}

	.cacktails .container {
		width: 94vw;
	}

	.cacktails__inner {
		width: 47.1vw;
	}

	.cacktails .article__slide {
		padding: 1vw;
		width: 30.6vw;
	}

	.cacktails__contents {
		padding: 0 5.8vw;
		width: 46.9vw;
	}

	.cacktails .section__place {
		margin-bottom: 6vw;
	}
}

@media screen and (max-width: 768px) {
	.cacktails {
		padding-bottom: 20vw;
	}

	.cacktails__images {
		margin-bottom: 8vw;
		width: 100%;
	}

	.cacktails .container,
	.cacktails .container:nth-child(even) {
		width: 100%;
		flex-direction: column;
	}

	.cacktails .container__title {
		text-align: center;
	}

	.cacktails .container__title .pin img {
		height: 5.06667vw;
	}

	.cacktails .container__title .gre img {
		height: 6.66667vw;
	}

	.cacktails__inner {
		margin-bottom: 22.4vw;
		width: 100%;
	}

	.cacktails .article__slide {
		padding: 2.66667vw;
		width: 67.10235vw;
	}

	.cacktails__contents {
		padding: 0;
		width: 100%;
	}

	.cacktails__contents .article__text.price .text {
		text-align: center;
	}

	.cacktails .section__place {
		padding: 0 6.4vw;
		align-items: flex-start;
	}

	.cacktails .section__place .spNone {
		display: none;
	}
}

/* ----------------------------------------------------
	section
---------------------------------------------------- */
.section {
	background: url(../img/sectionBg.webp) center top no-repeat;
	background-size: cover;
	padding-right: 50px;
	padding-left: 50px;
	color: rgb(var(--blk));
	position: relative;
}

.section::before {
	background: rgb(153, 129, 43);
	background: linear-gradient(90deg, rgba(153, 129, 43, 1) 0%, rgba(229, 223, 202, 1) 50%, rgba(153, 129, 43, 1) 100%);
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
}

.section .article__title {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: initial;
	text-fill-color: initial;
	margin-bottom: 16px;
	color: rgb(var(--brn));
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(229, 223, 202, 0);
}

.section__date {
	margin-bottom: 24px;
	text-align: center;
}

.section__date img {
	width: auto;
	height: 21px;
}

.section .container {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section__images {
	width: 450px;
}

.section__contents {
	width: 460px;
}

.section__contents--text {
	margin-bottom: 1em;
	font-size: 18px;
}

.section__place {
	font-size: 18px;
	letter-spacing: -0.005em;
	display: flex;
}

.section__place--title {
	color: rgb(var(--brn));
}

@media screen and (max-width: 1050px) {
	.section {
		padding-right: 4.7619vw;
		padding-left: 4.7619vw;
	}

	.section .article__title {
		margin-bottom: 1.52381vw;
	}

	.section__date {
		margin-bottom: 2.28571vw;
	}

	.section__date img {
		height: 2vw;
	}

	.section .container {
		width: 90.47619vw;
	}

	.section__images {
		width: 42.85714vw;
	}

	.section__contents {
		width: 43.80952vw;
	}

	.section__contents--text,
	.section__place {
		font-size: 1.71429vw;
	}
}

@media screen and (max-width: 768px) {
	.section {
		background: url(../img/sectionBg_sp.webp) center top no-repeat;
		background-size: cover;
		padding: 12vw 6.4vw 16vw;
	}

	.section .article__title {
		margin-bottom: 2.4vw;
	}

	.section__date {
		margin-bottom: 6.4vw;
	}

	.section__date img {
		height: 5.6vw;
	}

	.section .container {
		width: 100%;
		flex-direction: column;
		justify-content: center;
	}

	.section__images,
	.section__contents {
		width: 100%;
	}

	.section__images {
		margin-bottom: 4.8vw;
	}

	.section__contents--text,
	.section__place {
		font-size: 4.26667vw;
	}

	.section__place {
		flex-direction: column;
	}
}

/* ----------------------------------------------------
	decoration
---------------------------------------------------- */
.decoration::after {
	background: rgb(153, 129, 43);
	background: linear-gradient(90deg, rgba(153, 129, 43, 1) 0%, rgba(229, 223, 202, 1) 50%, rgba(153, 129, 43, 1) 100%);
	width: 100%;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

.decoration .article__title {
	font-size: 38px;
}

.decoration .section__place--title {
	margin-right: 0.5em;
}

@media screen and (max-width: 1000px) {
	.decoration .article__title {
		font-size: 3.8vw;
	}
}

@media screen and (max-width: 768px) {
	.decoration .article__title {
		font-size: 8.26667vw;
	}
}

/* ----------------------------------------------------
	special
---------------------------------------------------- */
.special .container {
	flex-direction: row-reverse;
}

.special .article__title {
	font-size: 38px;
}

@media screen and (max-width: 1000px) {
	.special .article__title {
		font-size: 3.8vw;
	}
}

@media screen and (max-width: 768px) {
	.special .article__title {
		font-size: 8.26667vw;
	}

	.special .container {
		flex-direction: column;
	}
}

/* ----------------------------------------------------
	movie
---------------------------------------------------- */
.movie {
	background: url(../img/movieBg.webp) center top no-repeat;
	background-size: cover;
	padding: 115px 50px;
}

.movie__list {
	margin: 0 auto;
	width: 840px;
}

.movie__list--item:not(:last-of-type) {
	margin-bottom: 80px;
}

.movie__list--item a {
	text-decoration: none;
}

.movie__lead {
	margin-bottom: 30px;
	text-align: center;
}

.movie__lead .text {
	margin-bottom: 0;
	font-size: 22px;
}

.movie__lead .text.en {
	font-size: 18px;
}

.movie__lead .text span {
	background: linear-gradient(90deg, #99812b 0%, #e5dfca 50%, #99812b 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(229, 223, 202, 0.5);
}

.movie__banner {
	background: linear-gradient(90deg, #99812b 0%, #e5dfca 50%, #99812b 100%);
	padding: 2px;
}

@media screen and (max-width: 1000px) {
	.movie {
		padding: 11.5vw 5vw;
	}

	.movie__list {
		width: 84vw;
	}

	.movie__list--item:not(:last-of-type) {
		margin-bottom: 8vw;
	}

	.movie__lead {
		margin-bottom: 3vw;
	}

	.movie__lead .text {
		font-size: 2.2vw;
	}

	.movie__lead .text.en {
		font-size: 1.8vw;
	}
}

@media screen and (max-width: 768px) {
	.movie {
		background-image: url(../img/movieBg_sp.webp);
		background-size: cover;
		padding: 12vw 6.4vw;
	}

	.movie__list {
		width: 100%;
	}

	.movie__list--item:not(:last-of-type) {
		margin-bottom: 8vw;
	}

	.movie__lead {
		margin-bottom: 4.8vw;
		line-height: 1.5;
	}

	.movie__lead .text {
		font-size: 4.26667vw;
	}

	.movie__lead .text.en {
		font-size: 3.73333px;
	}

	.movie__lead .text span {
		font-weight: 300;
		display: inline-block;
	}
}