<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ------------------------------

	.fv

------------------------------ */
.fv {
	position: relative;
	width: 100%;
}

.fv_wrapper {
	position: relative;
	top: -2px;
	align-items: stretch;
	justify-content: center;
}

.fv_block {
	position: relative;
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.fv_block .fv_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.fv_inner {
	width: fit-content;
	height: 100%;
	padding-bottom: 3.7rem;
	margin-left: auto;
	margin-right: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.fv_block:nth-of-type(2) .fv_inner {
	margin-left: 0;
	margin-right: auto;
}

.fv_block .img_block {
	align-items: flex-end;
	column-gap: 1rem;
	margin-right: 1rem;
}


.fv_block .goods_tit {
	margin-top: 1rem;
}


@media screen and (min-width: 768.01px) {

	.fv_block:nth-of-type(1) .goods_block {
		flex: 1;
	}
	.fv_block:nth-of-type(2) .goods_block {
		position: relative;
		top: -1rem;
		flex: 1;
	}

	.fv_block:nth-of-type(2) .goods_tit {
		position: relative;
		top: -0.44rem;
	}
}

@media screen and (max-width: 768px) {

	.fv_inner {
		padding-bottom: 1.3rem;
	}

	.fv_block .img_block {
		flex-direction: column;
		margin: 0;
		text-align: center;
	}

	.fv_block .visual_block {
		width: 100%;
		height: 17rem;
		margin: 0 0 1.3rem;
	}
	.fv_block .visual_block img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 40% 17%;
	}

	.fv_block .goods_block {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 17.3rem;
		min-height: 14rem;
		margin: 0 auto;
		flex: none;
	}
	.fv_block:nth-of-type(1) .goods_block img {
		width: 81%;
	}
	.fv_block:nth-of-type(2) .goods_block {
		position: relative;
		top: 0;
	}

	.fv_block .goods_tit {
		margin: 0 auto;
		width: 92%;
	}
}




/* ------------------------------

	.lead_section

------------------------------ */
.lead_section {
	position: relative;
	padding: 21rem 0 24.4rem;
}

.lead_section_block {
	position: relative;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.lead_section_box {
	position: relative;
	max-width: 100%;
	padding: 62px 0 73px;
	margin-left: auto;
	margin-right: auto;
	background: var(--color-beige02);
	border: 13px solid var(--color-yellow01);
	border-radius: 100%;
	z-index: 10;
	transition-delay: .32s!important;
}

.lead_section_block .block_bg_design {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 1070px;
	z-index: -1;
}

.lead_section_block .block_bg_design .js-fade_anime_list__item {
	transform: scale(0.82);
	transition: 1.7s;
}


.lead_section_block .heading {
	position: relative;
	left: 0;
	margin: 0 auto 0.5rem;
	font-size: 3.2rem;
	letter-spacing: -0.03em;
	color: var(--color-red01);
}

.lead_section_block .text {
	font-size: 2.7rem;
	line-height: 1.47;
	font-weight: 700;
}


@media screen and (max-width: 768px) {
	.lead_section {
		padding: 10rem 0 10.2rem;
	}
	.lead_section_block {
		width: 26.9rem;
		height: 26.9rem;
	}

	.lead_section_box {
		width: 100%;
		height: 100%;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		border-width: 0.87rem;
		padding-top: 0.7rem;
	}

	.lead_section_block .block_bg_design {
		top: calc(47%);
		width: 37.6rem;
	}
	.lead_section_block .block_bg_design .js-fade_anime_list__item {
		transform: scale(0.86);
	}

	.lead_section_block .heading {
		position: relative;
		left: 0;
		margin: 0 auto 0.47rem;
		font-size: 1.86rem;
		letter-spacing: -0.054em;
	}

	.lead_section_block .text {
		font-size: 1.77rem;
		line-height: 1.6;
		letter-spacing: -0.03em;
	}
}






/* ------------------------------

	.about_series

------------------------------ */
.about_series {
	position: relative;
	padding-bottom: 150px;
}

.about_series .contents_wrapper {
	position: relative;
}

.about_series .contents_wrapper::before,
.about_series .contents_wrapper::after {
	content: "";
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: var(--size);
}
.about_series .contents_wrapper::before {
	--size: 10rem;
	background-image: url(/anpan/dekitaseries/img/design/about_series__star_design01.svg);
	height: calc(var(--size) * (134/100));
	top: 4.7rem;
	left: 0.2rem;
}
.about_series .contents_wrapper::after {
	--size: 4.4rem;
	background-image: url(/anpan/dekitaseries/img/design/about_series__star_design02.svg);
	height: calc(var(--size) * (40/42));
	top: 9.3rem;
	bottom: 5.6rem;
	right: 7rem;
}


.about_series .anapanman_img_block {
	position: relative;
	justify-content: center;
	align-items: center;
	column-gap: 6.2rem;
	padding: 0.4rem 0 1.5rem;
	margin-bottom: 5rem;
}
.about_series .anapanman_img_block::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	min-width: 1400px;
	width: 100vw;
	height: 100%;
	background: var(--color-beige01);
	z-index: -1;
}

.about_series .text {
	margin-bottom: 3.9rem;
	font-weight: 500;
}


.about_series .training_block {
	justify-content: center;
	column-gap: 1.8rem;
}

.about_series .training_block .tit {
	font-size: 3rem;
	padding-left: 0.62rem;
	margin: 0.7em auto 1em;
}

.about_series .training_block .list {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	max-width: 55.4rem;
	margin-left: auto;
	margin-right: auto;
}

.about_series .training_block .listitem {
	--size: 12.5rem;
	--bg-color: #000;
	background: var(--bg-color);
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--size);
	height: var(--size);
	border-radius: var(--size);
	margin-bottom: 1.8rem;
	font-size: 2.18rem;
	font-weight: 700;
	line-height: 1.32;
	color: #fff;
}
.about_series .training_block .listitem:nth-of-type(1) {
	--bg-color: #F59884;
}
.about_series .training_block .listitem:nth-of-type(2) {
	--bg-color: #F5BA84;
}
.about_series .training_block .listitem:nth-of-type(3) {
	--bg-color: #EED16A;
}
.about_series .training_block .listitem:nth-of-type(4) {
	--bg-color: #B4DD5C;
}
.about_series .training_block .listitem:nth-of-type(5) {
	--bg-color: #98DF7E;
}
.about_series .training_block .listitem:nth-of-type(6) {
	--bg-color: #6DDCBB;
}
.about_series .training_block .listitem:nth-of-type(7) {
	--bg-color: #76D0E3;
}
.about_series .training_block .listitem:nth-of-type(8) {
	--bg-color: #8FA1E0;
}





@media screen and (max-width: 768px) {
	.about_series {
		padding-bottom: 6.9rem;
	}
	.about_series .heading {
		position: relative;
	}
	.about_series .heading::after {
		--size: 4rem;
		content: "";
		position: absolute;
		top: 3.7rem;
		right: 0;
		background-image: url(/anpan/dekitaseries/img/design/about_series__star_design03.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: var(--size);
		height: calc(var(--size) * (52/43));
	}

	.about_series .contents_wrapper::before {
		--size: 4.4rem;
		top: 34.7rem;
		left: 0.8rem;
	}
	.about_series .contents_wrapper::after {
		--size: 2.5rem;
		top: 50rem;
		right: 2.7rem;
	}


	.about_series .anapanman_img_block {
		column-gap: 0;
		padding-bottom: 0.82rem;
		margin-bottom: 3.2rem;
	}
	.about_series .anapanman_img_block img:nth-of-type(1) {
		position: relative;
		top: 0.56rem;
		left: 1rem;
		width: 20rem;
	}
	.about_series .anapanman_img_block img:nth-of-type(2) {
		position: relative;
		right: 1rem;
		width: 14rem;
	}

	.about_series .text {
		font-size: 1.5rem;
		margin-bottom: 0.92rem;
	}

	.about_series .training_block {
		flex-direction: column-reverse;
	}

	.about_series .training_block .tit {
		font-size: 1.8rem;
		padding: 0;
		margin: 1.44em auto 0.86em;
	}

	.about_series .training_block .list {
		position: relative;
		justify-content: flex-start;
		column-gap: 1.44rem;
		width: 33rem;
		margin-left: auto;
		margin-right: auto;
	}
	.about_series .training_block .listitem {
		--size: 10rem;
		font-size: 1.8rem;
	}

	.about_series .training_block .list::after {
		--size: 5.5rem;
		content: "";
		position: absolute;
		bottom: -1.1rem;
		right: 2.5rem;
		background-image: url(/anpan/dekitaseries/img/design/about_series__flower01.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: var(--size);
		height: calc(var(--size) * (97/57));
	}
}






/* ------------------------------

	.points

------------------------------ */
.points {
	position: relative;
	width: 100%;
	padding-bottom: 15rem;
}

.points .heading {
	position: relative;
}
.points .heading::before {
	--size: 9.2rem;
	content: "";
	position: absolute;
	top: 7.7rem;
	left: 22rem;
	background-image: url(/anpan/dekitaseries/img/design/points__heading_design01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: var(--size);
	height: calc(var(--size) * (91/94));
}


.point .inner {
	position: relative;
	align-items: center;
	justify-content: flex-start;
}

.point .num_box {
	display: block;
	width: fit-content;
	text-align: center;
	margin-bottom: 1.5rem;
	margin-left: -0.2em;
	color: var(--color-orange01);
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1;
	white-space: nowrap;
}
.point .num_box .num {
	display: block;
	margin-top: 0.02em;
	margin-left: 0.2em;
	font-size: 2.15em;
	letter-spacing: 0.2em;
	line-height: 1;
}
.point .tit {
	margin-bottom: 2.2rem;
	text-align: left;
	font-size: 3.4rem;
	line-height: 1.44;
}

.point .text {
	color: var(--color-black01);
}


@media screen and (min-width: 768.01px) {
	.point:nth-of-type(2n+1)  .inner{
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	.point .text_block {
		margin-left: 7.7rem;
	}

	.point .text {
		max-width: 380px;
		text-align: left;
		line-height: 2.5;
	}
}


@media screen and (max-width: 768px) {
	.points {
		padding-bottom: 8.2rem;
	}

	.points .heading {
		margin-bottom: 4.4rem;
	}

	.points .heading::before {
		--size: 6.2rem;
		top: 18.7rem;
		left: -0.7rem;
	}

	.point:nth-of-type(n+2) {
		margin-top: 5.6rem;
	}

	.point .inner {
		flex-direction: column;
	}

	.point .num_box {
		font-size: 1.4rem;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1.7rem;
	}
	.point .tit {
		font-size: 2rem;
		text-align: center;
		margin-bottom: 1.32rem;
	}
	.point .text {
		text-align: left;
		margin-bottom: 2.2rem;
	}
}



/*******   point1   *******/
@media screen and (min-width: 768.01px) {
	.point[data-point="01"] {
		width: 160rem;
		margin-left: -200px;
	}

	.point[data-point="01"] .text_block {
		margin-left: 2.5rem;
	}
}

@media screen and (max-width: 768px) {
	.point[data-point="01"] .img_block {
		position: relative;
		left: -3.2rem;
		width: 51rem;
	}

	.point[data-point="01"] .text {
		margin-bottom: 0.7rem;
	}
}


/*******   point2   *******/
@media screen and (min-width: 768.01px) {
	.point[data-point="02"] {
		width: 160rem;
		margin-top: 1.9rem;
	}

	.point[data-point="02"] .text_block {
		margin-right: 5rem;
	}
}

@media screen and (max-width: 768px) {
	.point[data-point="02"] .img_block {
		position: relative;
		left: 8.6rem;
		width: 60rem;
	}
}

/*******   point3   *******/
.point[data-point="03"] {
	position: relative;
}


.point[data-point="03"]::before {
	--size: 9rem;
	content: "";
	position: absolute;
	top: -2rem;
	right: 10rem;
	width: var(--size);
	height: calc(var(--size) * (91/90));
	background-image: url(/anpan/dekitaseries/img/design/point03__design01.svg);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.point[data-point="03"] .img_block img {
	border-bottom: 2.2rem solid #f6f2ba;
}

.point[data-point="03"] .img_block figcaption {
	margin-top: 2.9rem;
}
.point[data-point="03"] .img_block .name {
	position: relative;
	display: block;
	font-size: 3.2rem;
	font-weight: 700;
	margin-bottom: 0.5em;
}
.point[data-point="03"] .img_block .name span {
	font-size: 2rem;
}

.point[data-point="03"] .img_block .position {
	position: relative;
	font-size: 1.6rem;
	color: var(--color-black01);
}

@media screen and (min-width: 768.01px) {
	.point[data-point="03"] {
		margin-top: 11rem;
	}

	.point[data-point="03"] .inner {
		align-items: flex-start;
	}

}

@media screen and (max-width: 768px) {
	.point[data-point="03"]::before {
		--size: 7rem;
		top: -2.2rem;
		right: 1rem;
	}
	.point[data-point="03"] .inner {
		align-items: flex-start;
	}
	.point[data-point="03"] .img_block {
		position: relative;
		left: 50%;
		transform: translateX(-50%);
		width: 99vw;
	}

	.point[data-point="03"] .img_block figure {
		flex: 1;
	}

	.point[data-point="03"] .img_block img {
		border-width: 1.1rem;
	}

	.point[data-point="03"] .img_block figcaption {
		margin-top: 1.4rem;
	}
	.point[data-point="03"] .img_block .name {
		font-size: 2rem;
		margin-bottom: 0.4em;
	}
	.point[data-point="03"] .img_block .name span {
		font-size: 0.7em;
	}

	.point[data-point="03"] .img_block .position {
		font-size: 1.4rem;
	}
}




/* ------------------------------

	.movie

------------------------------ */
.movie {
	position: relative;
	width: 100%;
	padding-bottom: 15rem;
}

.movie .movie_wrapper {
	max-width: 700px;
	margin: auto;
}

.movie .movie_box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.movie .movie_box iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.movie {
		padding-bottom: 8.2rem;
	}
}




/* ------------------------------

	.voice

------------------------------ */
.voice {
	position: relative;
	width: 100%;
	padding: 7.6rem 0 1.4rem;
	background: var(--color-beige02);
}

.voice .contents_wrapper {
	position: relative;
}
.voice .contents_wrapper::after {
	--size: 7.7rem;
	content: "";
	position: absolute;
	top: 14rem;
	right: 10rem;
	background-image: url(/anpan/dekitaseries/img/design/voice__light_design02.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: var(--size);
	height: calc(var(--size) * (93/84));
}

.voice .heading {
	font-size: 3.4rem;
	margin-bottom: 5.6rem;
}


.voice .voice_list {
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 32px;
	margin-bottom: 1.8rem;
}

.voice .voice_list .listitem {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-align: left;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	margin-bottom: 2.5rem;
	color: var(--color-black01);
}
.voice .voice_list .listitem:nth-of-type(1) {
	background-image: url(/anpan/dekitaseries/img/design/voice__huki_design01@2x.png);
	width: 529px;
	height: 234px;
	padding: 0 51px 39px 70px;
}
.voice .voice_list .listitem:nth-of-type(2) {
	background-image: url(/anpan/dekitaseries/img/design/voice__huki_design02@2x.png);
	width: 498px;
	height: 215px;
	padding: 0 56px 37px 66px;
}
.voice .voice_list .listitem:nth-of-type(3) {
	background-image: url(/anpan/dekitaseries/img/design/voice__huki_design03@2x.png);
	width: 527px;
	height: 151px;
	padding: 0 73px 14px 77px;
}

.voice .voice_list .listitem::before {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	width: var(--size);
}
.voice .voice_list .listitem:nth-of-type(1)::before {
	--size: 4rem;
	top: -0.5rem;
	left: 2.2rem;
	background-image: url(/anpan/dekitaseries/img/design/voice__light_design01.svg);
	height: calc(var(--size) * (87/40));
}
.voice .voice_list .listitem:nth-of-type(2)::before {
	--size: 3.2rem;
	bottom: -8.2rem;
	left: 24.4rem;
	background-image: url(/anpan/dekitaseries/img/design/voice__light_design03.svg);
	height: calc(var(--size) * (55/33));
}
.voice .voice_list .listitem:nth-of-type(3)::before {
	--size: 7rem;
	top: 11rem;
	left: -9.2rem;
	background-image: url(/anpan/dekitaseries/img/design/voice__light_design02.svg);
	height: calc(var(--size) * (93/84));
}


.voice .chart_list {
	justify-content: center;
	column-gap: 100px;
	margin: 10px auto 3.4rem;
}

.voice .chart_list .listitem  .chart_img_box {
	position: relative;
}
.voice .chart_list .listitem  .chart_img_box::before,
.voice .chart_list .listitem  .chart_img_box::after {
	--size: 2rem;
	--aspect: (1/1);
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	width: var(--size);
	height: calc(var(--size) * var(--aspect));
}

.voice .chart_list .listitem:nth-of-type(1) .chart_img_box::before {
	--size: 10rem;
	--aspect: (120/93);
	background-image: url(/anpan/dekitaseries/img/design/voice__chart01_design01.svg);
	top: -2rem;
	left: 0;
}
.voice .chart_list .listitem:nth-of-type(1) .chart_img_box::after {
	--size: 3.9rem;
	--aspect: (65/39);
	background-image: url(/anpan/dekitaseries/img/design/voice__chart01_design02.svg);
	top: 17.6rem;
	right: -2rem;
}

.voice .chart_list .listitem:nth-of-type(2) .chart_img_box::before {
	--size: 2.7rem;
	--aspect: (56/26);
	background-image: url(/anpan/dekitaseries/img/design/voice__chart02_design01.svg);
	top: 4.4rem;
	left: -1.9rem;
}
.voice .chart_list .listitem:nth-of-type(2) .chart_img_box::after {
	--size: 5.5rem;
	--aspect: (65/58);
	background-image: url(/anpan/dekitaseries/img/design/voice__chart02_design02.svg);
	top: 19.6rem;
	right: -3.2rem;
}


.voice .chart_list figcaption {
	margin-top: 1.7rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
}

.voice .attention_text {
	font-weight: 700;
}


@media screen and (min-width: 768.01px) {
	.voice .attention_text {
		text-align: right;
		margin-bottom: 73px;
	}
}



@media screen and (max-width: 768px) {
	.voice {
		padding: 5.6rem 0 1.2rem;
	}

	.voice .contents_wrapper::after {
		--size: 5.5rem;
		top: 4rem;
		right: 2.7rem;
	}

	.voice .heading {
		position: relative;
		font-size: 2.4rem;
		margin-bottom: 2.9rem;
	}

	.voice .voice_list {
		margin-bottom: 1rem;
	}
	.voice .voice_list .listitem {
		display: flex;
		align-items: center;
		justify-content: center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		text-align: left;
		font-size: 1.5rem;
		line-height: 1.7;
		margin-bottom: 0.7rem;
	}
	.voice .voice_list .listitem:nth-of-type(1) {
		--size: 36.5rem;
		background-image: url(/anpan/dekitaseries/img/sp/design/voice__huki_design01-sp@2x.png);
		width: var(--size);
		height: calc(var(--size) * (197/365));
		padding: 0 4rem 2.5rem 5.1rem;
	}
	.voice .voice_list .listitem:nth-of-type(2) {
		--size: 35rem;
		background-image: url(/anpan/dekitaseries/img/sp/design/voice__huki_design02-sp@2x.png);
		width: var(--size);
		height: calc(var(--size) * (196/351));
		padding: 0 4rem 3.7rem 5.5rem;
	}
	.voice .voice_list .listitem:nth-of-type(3) {
		--size: 35rem;
		background-image: url(/anpan/dekitaseries/img/sp/design/voice__huki_design03-sp@2x.png);
		width: var(--size);
		height: calc(var(--size) * (189/349));
		padding: 0 3.9rem 2.2rem 5rem;
	}

	.voice .voice_list .listitem:nth-of-type(1)::before {
		--size: 2rem;
		top: 0.44rem;
		left: 2.2rem;
	}
	.voice .voice_list .listitem:nth-of-type(2)::before {
		--size: 3.2rem;
		top: -1rem;
		bottom: auto;
		left: auto;
		right: 1rem;
	}
	.voice .voice_list .listitem:nth-of-type(3)::before {
		--size: 5rem;
		top: -4.17rem;
		left: 0.5rem;
	}



	.voice .chart_list {
		flex-direction: column;
		text-align: center;
		margin-bottom: 2.2rem;
	}

	.voice .chart_list .listitem:nth-of-type(n+2) {
		margin-top: 3.7rem;
	}

	.voice .chart_list .chart_img_box {
		width: 56%;
		margin-left: auto;
		margin-right: auto;
	}

	.voice .chart_list .listitem:nth-of-type(1) .chart_img_box::before {
		--size: 7rem;
		top: -2rem;
		left: -2.8rem;
	}
	.voice .chart_list .listitem:nth-of-type(1) .chart_img_box::after {
		--size: 2.9rem;
		top: 14rem;
		right: -4.4rem;
	}

	.voice .chart_list .listitem:nth-of-type(2) .chart_img_box::before {
		--size: 2rem;
		top: 4.4rem;
		left: -4rem;
	}
	.voice .chart_list .listitem:nth-of-type(2) .chart_img_box::after {
		--size: 5rem;
		top: 14.4rem;
		right: -4.7rem;
	}

	.voice .chart_list figcaption {
		margin-top: 0.92rem;
		font-size: 1.6rem;
	}

	.voice .attention_text {
		text-align: center;
		margin-bottom: 5.6rem;
		font-weight: 500;
	}
}







/* ------------------------------

	.choice

------------------------------ */
.choice {
	position: relative;
	width: 100%;
	padding: 13rem 0 12.5rem;
}

.choice .contents_wrapper {
	position: relative;
}
.choice .contents_wrapper::before,
.choice .contents_wrapper::after {
	content: "";
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: contain;
	width: var(--size);
}
.choice .contents_wrapper::before {
	--size: 7.3rem;
	background-image: url(/anpan/dekitaseries/img/design/choice__star02.svg);
	height: calc(var(--size) * (74/72));
	bottom: -20rem;
	left: 3.2rem;
}
.choice .contents_wrapper::after {
	--size: 4.7rem;
	background-image: url(/anpan/dekitaseries/img/design/choice__star01.svg);
	height: calc(var(--size) * (58/47));
	bottom: 5.6rem;
	right: 4.7rem;
}


.choice .heading {
	margin-bottom: 6.2rem;
}

.choice_list {
	flex-wrap: wrap;
	column-gap: 2.9rem;
}

.choice_list .listitem {
	--fade-delay: 0.93s;
	--tit-color: #000;
	width: 380px;
	margin-bottom: 3.9rem;
}

.choice_list .tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 9.6rem;
	border-radius: 1rem;
	background: var(--tit-color);
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.44;
}

.choice_list .tit::before {
	--size: 3.4rem;
	content: "";
	position: absolute;
	top: calc(100% - 2px);
	left: 50%;
	transform: translateX(-50%);
	width: var(--size);
	height: calc(var(--size) * (32/34));
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	background: var(--tit-color);
}


.choice_list .goods_block {
	position: relative;
	margin-top: 2.2rem;
	padding-top: 3.1rem;
}

.choice_list  .goods_img_block {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 20rem;
	margin-bottom: 0.7rem;
}
.choice_list  .goods_img_block img {
	height: 100%;
	width: auto;
}

.choice_list .listitem[data-goods="wakuwaku"] {
	--tit-color: #EE8170;
	--bg-gradient: radial-gradient(50% 50.00% at 50% 50.00%, #FFE5E1 72.92%, rgba(255, 229, 225, 0.00) 100%);
}
.choice_list .listitem[data-goods="pikapika"] {
	--tit-color: #56CEE5;
	--bg-gradient: radial-gradient(50% 50.00% at 50% 50.00%, #D4ECF3 78.13%, rgba(212, 236, 243, 0.00) 100%);
}
.choice_list .listitem[data-goods="turikawa"] {
	--tit-color: #F6BE69;
	--bg-gradient: radial-gradient(50% 50.00% at 50% 50.00%, #FFEECD 72.92%, rgba(255, 238, 205, 0.00) 100%);
}
.choice_list .listitem[data-goods="oyasumi"] {
	--tit-color: #BBB3D8;
	--bg-gradient: radial-gradient(50% 50.00% at 50% 50.00%, #DDD9EC 72.92%, rgba(221, 217, 236, 0.00) 100%);
}

.choice_list .listitem[data-goods="turikawa"] .goods_img_block {
	margin-bottom: -0.5rem;
}



@media screen and (min-width: 768.01px) {
	.choice_list .goods_block::before {
		--size: 36rem;
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: var(--size);
		height: var(--size);
		border-radius: var(--size);
		background: var(--bg-gradient);
		z-index: -1;
	}
}

@media screen and (max-width: 768px) {
	.choice {
		padding: 4.7rem 0 3.9rem;
	}

	.choice .heading {
		margin-bottom: 2.28rem;
	}

	.choice .contents_wrapper::before {
		--size: 4.7rem;
		bottom: -7.7rem;
		left: 2.9rem;
	}
	.choice .contents_wrapper::after {
		--size: 3.8rem;
		bottom: -1rem;
		right: 3.4rem;
	}


	.choice_list .tit {
		min-height: 8.6rem;
		border-radius: 1rem;
		color: #fff;
		font-size: 1.8rem;
	}

	.choice_list .listitem {
		width: 100%;
		margin-bottom: 5rem;
	}

	.choice_list .goods_block {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 0.5rem;
		margin-top: 2.9rem;
		padding-top: 0;
	}

	.choice_list  .goods_img_block {
		position: relative;
		width: 12rem;
		height: auto;
		margin-left: 1.8rem;
	}

	.choice_list .goods_img_block::before {
		--size: 16.2rem;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-47.6%);
		width: var(--size);
		height: var(--size);
		border-radius: var(--size);
		background: var(--bg-gradient);
		z-index: -1;
	}

	.choice_list  .goods_img_block img {
		width: 100%;
		height: auto;
		max-height: 11rem;
		object-fit: contain;
	}

	.choice_list  .goods_tit {
		flex: 1;
	}

	.choice_list .listitem[data-goods="pikapika"] .goods_block {
		column-gap: 1.6rem;
	}
	.choice_list .listitem[data-goods="turikawa"] {
		margin-bottom: 3.7rem;
	}
	.choice_list .listitem[data-goods="turikawa"] .goods_block {
		column-gap: 0rem;
	}
	.choice_list .listitem[data-goods="turikawa"] .goods_img_block img {
		max-height: 15rem;
	}
}



/* ------------------------------

	.series

------------------------------ */
.series {
	position: relative;
	width: 100%;
	padding-bottom: 20rem;
}

.series .heading {
	margin-bottom: 4.17rem;
}

.series_list {
	align-items: stretch;
	flex-wrap: wrap;
}

.series_list .listitem {
	background: var(--color-beige02);
	width: calc((100% - 6rem)/3);
	margin-bottom: 3rem;
}

.series_list .listitem .goods_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 41.6rem;
}

.series_list .listitem .goods_img_block {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 27rem;
}
.series_list .listitem .goods_block .goods_tit {
	margin-top: 1rem;
}


.series_list .listitem[data-goods="turikawa"] .goods_img_block img {
	position: relative;
	top: 0.5rem;
	padding-top: 2rem;
	height: 26rem;
	width: auto;
}

.series_list .buylink_list_btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 76px;
	padding: 0;
	background: #EB614B;
	color: #fff;
	font-size: 2.6rem;
	font-weight: 700;
	cursor: pointer;
}

.series_list .buylink_list_btn::after {
	--size: 1.2rem;
	content: "";
	position: absolute;
	top: 50%;
	right: 2.7rem;
	width: var(--size);
	height: var(--size);
	border: 0.3rem solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(-45deg) translateY(-55%);
	transition: right 0.17s ease-out;
}

.series_list .buylink_list_btn:hover::after {
	right: 1.7rem;
}




@media screen and (max-width: 768px) {
	.series {
		padding: 1rem 0 6.2rem;
	}

	.series .heading {
		margin-bottom: 2.7rem;
	}

	.series_list .listitem {
		width: calc((100% - 1.25rem)/2);
		margin-bottom: 1.25rem;
	}

	.series_list .listitem .goods_block {
		height: 17rem;
	}
	.series_list .listitem .goods_img_block {
		height: 10rem;
	}

	.series_list .listitem[data-goods="turikawa"] .goods_img_block img {
		height: 11.5rem;
		width: auto;
		padding-top: 0;
		top: 0.77rem;
	}

	.series_list .listitem .goods_img_block img  {
		height: 100%;
		width: auto;
		max-width: 96%;
		object-fit: contain;
	}

	.series_list .listitem .goods_tit {
		width: 89%;
	}


	.series_list .buylink_list_btn {
		height: 3.4rem;
		font-size: 1.4rem;
	}

	.series_list .buylink_list_btn::after {
		--size: 0.7rem;
		right: 1rem;
		border-width: 0.2rem;
	}

	.series_list .buylink_list_btn:hover::after {
		right: 0.5rem;
	}
	.series_list .listitem[data-goods="wiper"] .goods_img_block {
		height: 9rem;
	}
}

.choice_list [data-goods="wiper"] {
	--tit-color: #b4dd5c;
	--bg-gradient: radial-gradient(50% 50% at 50% 50%, #daeeaf 72.92%, rgba(221, 217, 236, 0) 100%);
}

@media (min-width: 769px) {
	.series_list {
		justify-content: start;
		gap: 0 3rem;
	}
	.series_list .listitem[data-goods="wiper"] .goods_img_block {
		height: auto;
	}
	.choice_list {
		justify-content: start;
	}
	.choice_list [data-goods="wiper"] .goods_img_block {
		height: 17rem;
	}
	.choice_list [data-goods="wiper"] .tit {
		font-size: 2rem;
	}
}

</pre></body></html>