@charset "UTF-8";

*[data-fadeobj] {
	opacity: 0;
	will-change: opacity;
	transition: opacity .5s ease-in-out 0s;
}
*[data-fadeobj].show {
	opacity: 1;
}
#content .loading {
	display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	z-index: -1;
	opacity: 0;
	will-change: opacity;
	transition: opacity .5s ease-in-out 0s;
}
#content .loading.show {
	opacity: 1;
}
#content .product_list.series {
	background: none;
}
#content .product_list.series .hero .kv {
	background: #f7f7f7;
}
#content .product_list.series .hero .kv video,
#content .product_list.series .hero .kv .kvmovie img,
#content .product_list.series .hero .kv .kvcopy {
	opacity: 0;
	will-change: opacity;
	transition: opacity .5s ease-in-out 0s;
}
#content .product_list.series .hero .kv video.show,
#content .product_list.series .hero .kv .kvmovie img.show,
#content .product_list.series .hero .kv .kvcopy.show {
	opacity: 1;
}

#content .product_list.series .intro,
#content .product_list.series .message,
#content .product_list.series .film,
#content .product_list.series .interview,
#content .product_list.series .interview_film,
#content .product_list.series .product_link,
#content .share,
#content .pickup,
#content .followus,
#content .backtotop {
	background: #FFFFFF;
}
#content .product_list.series .film .movie,
#content .product_list.series .interview_film .movie {
	position: relative;
}
#content .product_list.series .film .movie:after,
#content .product_list.series .interview_film .movie:after {
	content: "";
    display: block;
    position: absolute;
    width: 13.54%;
    padding: 13.54% 0 0;
    top: 50%;
    left: 49.5%;
    transform: translate(-50%,-50%);
    background: url(../images/icn_play_01.svg) 0 0/contain no-repeat;
    pointer-events: none;
    filter: drop-shadow(0 0 5px rgba(166,128,61,27));
}
#content .product_list.series .interview .hd {
	color: #A17F42;
	background: linear-gradient(90deg,  #A17F42 0%,#C7A365 23%,#CFB255 43%,#BA9450 84%,#CEA65B 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 700;
}
.interview .js_wrapper {
	overflow: hidden;
	will-change: max-height;
	transition: max-height .5s ease-in-out 0s;
}
.interview .open .more_read li.open,
.interview .close .more_read li.close {
	display: none;
}
.interview .open .more_read li.close {
	display: block;
}


@media print, screen and (min-width: 601px) {
	#header .header_bg {
		transform: none !important;
	}
	#content .product_list.series .sect_title {
		border-bottom: 1px solid #A6803D;
		padding: 0 0 13px;
		text-align: center;
	}
		#content .product_list.series .interview .sect_title {
			border-bottom: 0;
			padding: 81px 0 21px;
			background: #FFFFFF;
		}
	#content .product_list.series .sect_title img {
		width: auto;
		height: 16px;
	}
	#content .product_list.series .product_link .sect_title:after {
		display: none;
	}

	#content .product_list.series .hero {
		position: relative;
		width: 100%;
		height: auto;
		overflow: visible;
		margin: 0;
		padding: 40.81% 0 0;
	}
		/* 2023/9/21 revise for Chrome new ver */
		body.isFooterUnitInAbove #content .product_list.series .hero {
			opacity: 0;
		}
	#content .product_list.series .hero .loading img {
		width: 19.72%;
	}
	#content .product_list.series .hero .kv {
		position: fixed;
		width: 100%;
		height: 543px;
		height: 0;
		top: 0;
		z-index: -1;
		overflow: hidden;
		margin: 60px 0 0;
		padding: 40.81% 0 0;
		background: transparent;
	}
	#content .product_list.series .hero .kv video,
	#content .product_list.series .hero .kv .kvmovie img {
		position: absolute;
		width: 100%;
		height: auto;
		top: 50%;
		left: 0;
		z-index: 1;
		transform: translate(0,-50%);
	}
	#content .product_list.series .hero .kv .kvcopy {
		position: absolute;
		width: 27.39%;
		max-width: 526px;
		height: auto;
		top: 40.3%;
        left: 53.35%;
		z-index: 2;
	}

	#content .stickybg {
		display: block;
		position: sticky;
		width: 100%;
		height: 100vh;
		top: 0;
		z-index: -1;
		margin: 0 0 -100vh;
		background: url(/common/images/2023/body_bg_01_pc.webp) 50% 0/cover no-repeat;
	}

	#content .product_list.series .intro {
		padding: 31px 0 35px;
	}
	#content .product_list.series .intro .series_title {
		width: 362px;
		transform: translate(-1.95%,0);
		margin-top: 0;
	}

	#content .product_list.series .message {
		padding: 21px 0 89px;
		background: transparent;
		font-size: 1.4rem;
		font-weight: 700;
		line-height: 2.35;
		letter-spacing: 0;
	}
		body.is_macos #content .product_list.series .message {
			-webkit-font-smoothing: antialiased;
		}
	#content .product_list.series .message p {
		padding: 2.35em 0 0;
		text-align: center;
	}
	#content .product_list.series .message p:last-child {
		margin: 1.8em 0 0 .5em;
	}
	#content .product_list.series .message p:last-child img {
		width: 8.8em;
	}

	#content .product_list.series .film {
		padding: 60px 0 0;
	}
	#content .product_list.series .film .movie {
		max-width: 648px;
		margin: 61px auto 0;
		padding: 0 10px;
	}
	#content .product_list.series .film .movie img {
		width: 100%;
	}

	#content .product_list.series .interview {
		background: none;
	}
	#content .product_list.series .interview .main {
		padding: 52px 0 100px;
		background: transparent;
	}
	#content .product_list.series .interview .profile {
		position: relative;
		width: 646px;
		margin: 0 auto;
		padding: 0 10px;
	}
	#content .product_list.series .interview .profile .imagebox {
		padding: 0 0 28.7%;
	}
	#content .product_list.series .interview .profile .textbox {
		position: absolute;
		width: 90.71%;
		bottom: 0;
		left: 50%;
		transform: translate(calc(-50% ),0);
		border-radius: 4px;
		padding: 7.4% 3.29% 4.6%;
		background: #CEB174;
		color: #FFFFFF;
	}
	#content .product_list.series .interview .profile .name .en img {
		height: 13.7px;
		margin: 0 0 0 .3%;
	}
	#content .product_list.series .interview .profile .name .jp {
		display: block;
		margin: 2% 0 0;
		font-size: 1.6rem;
		font-weight: 400;
		letter-spacing: .08em;
	}
	#content .product_list.series .interview .profile .name .jp .small {
		font-size: 70%;
		letter-spacing: 0;
	}
	#content .product_list.series .interview .profile p {
		margin: 2.2% 0 0;
		font-size: 1.25rem;
		line-height: 1.32;
		letter-spacing: -.04em;
	}
	#content .product_list.series .interview .section {
		display: grid;
        grid-template-columns: 48.47% 3.06% 48.47%;
		max-width: 612px;
		margin: 0 auto;
		padding: 0 13px;
	}
	#content .product_list.series .interview .section:after {
		content: "";
		display: block;
		grid-column: 1 / 4;
		grid-row: 3 / 4;
		height: 1px;
		margin: 41px 0 19px;
		background: linear-gradient(90deg,  #A17F42 0%,#C7A365 23%,#CFB255 43%,#BA9450 84%,#CEA65B 100%);
	}
	#content .product_list.series .interview .js_wrapper .section:last-child:after {
		margin-bottom: 0;
		background: transparent;
	}
	#content .product_list.series .interview .hd {
		display: flex;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		align-items: center;
		justify-content: center;
		margin: 21px 0 21px;
		background: transparent;
		font-size: 1.6rem;
		line-height: 1.8;
		-webkit-background-clip: unset;
		-webkit-text-fill-color: unset;
	}
	#content .product_list.series .interview .imgleft .hd {
		grid-column: 3 / 4;
	}
	#content .product_list.series .interview .image {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
		margin: 21px 0 21px;
	}
	#content .product_list.series .interview .imgleft .image {
		grid-column: 1 / 2;
	}
	#content .product_list.series .interview .text {
		grid-column: 1 / 4;
		grid-row: 2 / 3;
		padding: 0 6px;
		font-size: 1.4rem;
		line-height: 1.71;
	}
	.interview .more_read {
		max-width: 610px;
		margin: 0 auto 0;
		padding: 0 10px;
		color: #FFFFFF;
		font-size: 1.5rem;
		font-weight: 700;
		letter-spacing: -.05em;
		text-align: center;
	}
	.interview .more_read li {
		border-radius: 3px;
		padding: 2.35% 2.4% 1.75%;
		background: #CEB174;
		list-style: none;
		line-height: 1;
		cursor: pointer;
	}
	.interview .more_read li:before {
		content: "";
		display: inline-block;
		width: 19px;
		height: 19px;
		margin: 0 4px 2px 0;
		background: url(/common/images/2023/icn_circle_plus_01_white.svg) 50%/19px no-repeat;
		vertical-align: middle;
	}
	.interview .more_read li.close:before {
		background-image: url(/common/images/2023/icn_circle_minus_01_white.svg);
	}

	#content .product_list.series .interview_film {
		padding: 133px 0 62px;
	}
	#content .product_list.series .interview_film .movie {
		max-width: 648px;
		margin: 61px auto 0;
		padding: 0 10px;
	}

	#content .product_list.series .product_link {
		padding: 30px 0 90px;
		background: #FAFAFA;
	}
	#content .product_list.series .product_link .link_list {
		display: flex;
		width: 534px;
		margin: 34px auto 0;
		list-style: none;
	}
	#content .product_list.series .product_link .link_list li {
		width: 178px;
		border-left: 1px solid #DCCBAD;
		padding: 0 10px;
	}
	#content .product_list.series .product_link .link_list li a {
		text-decoration: none;
	}
	#content .product_list.series .product_link .link_list li:first-child {
		border-left: 0;
	}
	#content .product_list.series .product_link .link_list h3 {
		padding: 4px 0 14px 19px;

	}
	#content .product_list.series .product_link .link_list h3 .en {
		display: block;
		margin: 0 0 9px 3px;
	}
	#content .product_list.series .product_link .link_list h3 .en img {
		width: auto;
		height: 14px;
	}
	#content .product_list.series .product_link .link_list h3 .ja {
		display: block;
		color: #bd9b60;
		font-size: 1.8rem;
		font-weight: 700;
		line-height: 1;
	}
	#content .product_list.series .product_link .link_list h3 .ja:before {
		content: url(/common/images/arw_r_01.svg);
		display: inline-block;
		width: 24px;
		height: 24px;
		margin: 0 5px 0 0;
		vertical-align: middle;
	}

	#content .share {
		border-top: 0;
	}

	#content .pickup:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		top: 35px;
		border-top: 1px solid #A6803D;
	}
	#content .pickup .title {
		padding: calc(55px + 39px) 0 18px;
		background-position: 50% calc(55px + 14px);
		color: #A6803D;
		font-size: 1.3rem;
		font-weight: 700;
		letter-spacing: -.05em;
		text-align: center;
	}
}

@media screen and (max-width: 600px) {
	#footer .wrap {
		position: relative;
	}
	#footer:before {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: url(/common/images/2023/body_bg_01_pc.webp) 50% 0/cover no-repeat;
	}

	#content .product_list.series .sect_title {
		text-align: center;
	}
		#content .product_list.series .interview .sect_title {
			padding-bottom: 5vw;
		}
	#content .product_list.series .sect_title img {
		width: auto;
		height: 4.03vw;
	}
	#content .product_list.series *:not(.product_link) .sect_title:after {
		content: "";
		display: block;
		height: .6vw;
		margin: 2.4vw 0 0;
		background: linear-gradient(to right,  #d8bd74 0%,#d8bd74 27%,#e5cca4 49%,#ecd4a8 66%,#e4ce89 100%);
	}
		#content .product_list.series .interview .sect_title:after {
			background: transparent;
		}
		#content .product_list.series .product_link .sect_title:after {
			display: none;
		}

	#content .product_list.series .film .movie:after,
	#content .product_list.series .interview_film .movie:after {
		width: 20.95%;
		padding: 20.95% 0 0;
	}

	#content .product_list.series .intro,
	#content .product_list.series .message,
	#content .product_list.series .film,
	#content .product_list.series .interview,
	#content .product_list.series .interview_film,
	#content .product_list.series .product_link,
	#content .share,
	#content .pickup,
	#content .followus,
	#content .backtotop,
	#footer {
		position: relative;
	}

	#content .product_list.series .hero {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 68.66vw;
		overflow: visible;
		margin: 0;
		padding-top: 68.66vw;
	}
		/* 2023/9/21 revise for Chrome new ver */
		body.isFooterUnitInAbove #content .product_list.series .hero {
			opacity: 0;
		}
	#content .product_list.series .hero .loading img {
		width: 40.5%;
		margin: 2% 0 0;
	}
	#content .product_list.series .hero .kv {
		position: fixed;
		width: 100%;
		height: 68.66vw;
		overflow: hidden;
		top: 11.93vw;
		background: transparent;
	}
	#content .product_list.series .hero .kv video,
	#content .product_list.series .hero .kv .kvmovie img {
		position: relative;
		width: 100%;
		height: auto;
		z-index: 1;
	}
	#content .product_list.series .hero .kv .kvcopy {
		position: absolute;
		display: block;
		width: 44.79%;
		max-width: 789px;
		height: auto;
		top: calc(37.8% - 1vw);
		left: 49.1%;
		z-index: 2;
	}
	#content .product_list.series .hero .kv picture,
	#content .product_list.series .hero .kv img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	#content .stickybg {
		display: block;
		position: sticky;
		width: 100vw;
		height: 100vh;
		top: 0;
		margin: 0 0 -100vh;
		background: url(/common/images/2023/body_bg_01_pc.webp) 50% 0/cover no-repeat;
	}
	#content .product_list.series .intro {
		padding: 6.6vw 0;
	}
	#content .product_list.series .intro .series_title {
		padding: 0;
		font-size: 2rem;
	}
	#content .product_list.series .intro picture,
	#content .product_list.series .intro img {
		height: 4.27vw;
	}

	#content .product_list.series .message {
		padding: 0 0 17.87vw;
		background: transparent;
		font-size: 2.5rem;
		line-height: 2.3;
	}
	#content .product_list.series .message p {
		padding: 9.6vw 0 0;
		text-align: center;
	}
	#content .product_list.series .message p:last-child picture,
	#content .product_list.series .message p:last-child img {
		width: 29.2vw;
	}

	#content .product_list.series .film {
		padding: 13.87vw 0 0;
	}
	#content .product_list.series .film .movie {
		max-width: 95.47vw;
		margin: 6.27vw auto 0;
	}
	#content .product_list.series .film .movie img {
		width: 100%;
	}

	#content .product_list.series .interview {
		padding: 0;
		background: transparent;
	}
	#content .product_list.series .interview .sect_title {
		padding-top: 16.53vw;
		background: #FFFFFF;
	}
	#content .product_list.series .interview .main {
		padding: 0 0 4.25vw;
		background: transparent;
		color: #652400;
	}
	#content .product_list.series .interview .profile {
		position: relative;
	}
	#content .product_list.series .interview .profile .imagebox {
		padding: 0 0 63.7vw;
	}
	#content .product_list.series .interview .profile .textbox {
		position: absolute;
		width: 93.33vw;
		bottom: 0;
		left: 50%;
		transform: translate(-50%,0);
		padding: 5.6% 6.67vw 3.4%;
		background: #CEB174;
		color: #FFFFFF;
	}
	#content .product_list.series .interview .profile .name .en img {
		height: 2.8vw;
	}
	#content .product_list.series .interview .profile .name .jp {
		display: block;
		margin: 2.2vw 0 0;
		font-size: 3.2rem;
		font-weight: 500;
	}
	#content .product_list.series .interview .profile .name .jp .small {
		font-size: 2.2rem;
	    letter-spacing: 0;
	}
	#content .product_list.series .interview .profile p {
		margin: 5vw 0 0;
		font-size: 2.35rem;
		line-height: 1.5;
	}
	#content .product_list.series .interview .section {
	}
	#content .product_list.series .interview .section:not(.noimg):before {
		content: "";
		display: block;
		height: 1px;
		background: linear-gradient(to right,  #d8bd74 0%,#d8bd74 27%,#e5cca4 49%,#ecd4a8 66%,#e4ce89 100%);
	}
	#content .product_list.series .interview .sections > .section:first-child:before {
		display: none;
	}
	#content .product_list.series .interview .hd {
		margin: 5.83vw 6.67vw 0;
		font-size: 3.2rem;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
	}
	#content .product_list.series .interview .noimg .hd {
		margin-top: 8.26vw;
	}
	#content .product_list.series .interview .sections > .section:first-child .hd {
		margin-top: 8.8vw;
	}
	#content .product_list.series .interview .image {
		margin: 8.27vw 6.67vw 0;
	}
	#content .product_list.series .interview .sections > .section:first-child .image {
		margin-top: 7vw;
	}
	#content .product_list.series .interview .text {
		margin: 4.76vw 6.67vw 7.47vw;
		font-size: 2.6rem;
		line-height: 1.72;
	}
	.interview .more_read {
		margin: 0 4.27vw 0;
		color: #BD9B60;
		font-size: 3.4rem;
		text-align: center;
	}
	.interview .more_read li {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 6vw 0 0;
		padding: 4.4vw;
		background: #FFFFFF;
		list-style: none;
		cursor: pointer;
	}
	.interview .open .more_read li.close {
		display: flex;
	}
	.interview .more_read li:before {
		content: "";
		display: inline-block;
		width: 1em;
		height: 1em;
		margin: 0 1.2vw 0 0;
		background: url(/common/images/icn_circle_plus.svg) 50%/auto 1em no-repeat;
	}
	.interview .more_read li.close:before {
		background-image: url(/common/images/icn_circle_minus.svg);
	}	

	#content .product_list.series .interview_film {
		padding: 12vw 0 15.2vw;
	}
	#content .product_list.series .interview_film .subtitle {
		margin: 2.53vw 0 0;
		font-size: 2.8rem;
		line-height: 1;
		text-align: center;
	}
	#content .product_list.series .interview_film .movie {
		max-width: 95.47vw;
		margin: 8vw auto 0;
	}

	#content .product_list.series .product_link {
		padding: 7.33vw 0 0;
		background: #FAFAFA;
	}
	#content .product_list.series .product_link:after {
		content: "";
		display: block;
		height: 2.93vw;
		background: #FFFFFF;
	}
	#content .product_list.series .product_link .link_list {
		display: flex;
		width: 91.2vw;
		margin: 5.07vw auto 11.47vw;
		list-style: none;
	}
	#content .product_list.series .product_link .link_list li {
		width: 30.4vw;
		border-left: 1px solid #DCCBAD;
		padding: 0 1.33vw;
	}
	#content .product_list.series .product_link .link_list li a {
		text-decoration: none;
	}
	#content .product_list.series .product_link .link_list li:first-child {
		border-left: 0;
	}
	#content .product_list.series .product_link .link_list h3 {
		padding: 4px 0 14px 3.6vw;

	}
	#content .product_list.series .product_link .link_list h3 .en {
		display: block;
		margin: 0 0 1.07vw 0.3vw;
	}
	#content .product_list.series .product_link .link_list h3 .en img {
		width: auto;
		height: 2.27vw;
	}
	#content .product_list.series .product_link .link_list h3 .ja {
		display: block;
		color: #bd9b60;
		font-size: 2rem;
		font-weight: 700;
		line-height: 1;
	}
	#content .product_list.series .product_link .link_list h3 .ja:before {
		content: url(/common/images/arw_r_01.svg);
		display: inline-block;
		width: 4vw;
		height: 4vw;
		margin: 0 .67vw 0 0;
		vertical-align: middle;
	}

	#content .article_unit01.pc_nomore .more_read {
		border-top: 0;
	}
	#content .pickup .title {
		margin-bottom: 6vw;
	}
}