@charset "UTF-8";
/*----------------------------------------

	- common
	- title
	- special
	- present01
	- present02
	- notes
	- cookie
	- artist

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

/*----------------------------------------
	common
-----------------------------------------*/

#fwCms_wrapper .fwCms_box.frame_MH>.oseiboBnrArea {
	margin-bottom: 0 !important;
}

#fwCms_wrapper .fwCms_box.frame_MH>*:last-child:not(.breadcrumb):not(.oseiboBnrArea):not(.yutaiBnrArea):not(.rankingList):not(.oseiboCategoryArea) {
	margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .fwCms_box.frame_MH>.oseiboBnrArea {
		margin-bottom: 0 !important;
	}

	#fwCms_wrapper .fwCms_box.frame_MH>*:last-child:not(.breadcrumb):not(.oseiboBnrArea):not(.yutaiBnrArea):not(.rankingList):not(.oseiboCategoryArea) {
		margin-bottom: 0 !important;
	}
}

/*----------------------------------------
	title
-----------------------------------------*/

#fwCms_wrapper .title>p {
	padding: 2.5vw 0 2.2vw;
	background-color: #ffa0a0;
	color: #fff;
}

#fwCms_wrapper .title div {
	position: relative;
	width: 85.33vw;
	margin: auto;
}

#fwCms_wrapper .title div p:first-of-type {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: repeat(2, auto);
	gap: 2.4vw 0;
	width: 39.46vw;
	margin: auto;
}

#fwCms_wrapper .title div p:first-of-type img+img {
	width: 29.33vw;
	margin: auto;
}

#fwCms_wrapper .title div p:nth-of-type(2) {
	position: absolute;
	right: -4vw;
	bottom: 8.2vw;
	width: 22.66vw;
	z-index: 1;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .title>p {
		padding: 9px 0;
	}

	#fwCms_wrapper .title div {
		width: min(59.25vw, 640px);
	}

	#fwCms_wrapper .title div p:first-of-type {
		grid-template-columns: min(24.44vw, 264px) min(18.51vw, 200px);
		grid-template-rows: auto;
		gap: 0 min(1.85vw, 20px);
		align-items: center;
		width: min(44.81vw, 484px);
	}

	#fwCms_wrapper .title div p:first-of-type img+img {
		width: 100%;
	}

	#fwCms_wrapper .title div p:nth-of-type(2) {
		left: min(calc(50% + 21.29vw), calc(50% + 250px));
		bottom: 0;
		width: min(15.74vw, 170px);
	}
}

/*----------------------------------------
	special
-----------------------------------------*/

#fwCms_wrapper .special {
	position: relative;
	padding-bottom: 10.7vw;
	background-color: #f6eafe;
	color: #4d4d4d;
}

#fwCms_wrapper .special::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.66vw;
	background-color: #fff;
}

#fwCms_wrapper .special p:first-of-type {
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

#fwCms_wrapper .special p:first-of-type::before {
	content: "";
	position: absolute;
	top: 3.33vw;
	right: calc(50% + 24.26vw);
	width: 50%;
	height: 0.8vw;
	background: url(../../../../../../../excludes/DMO/mo/oseibo/251008/campaign2/svg/i_special_dot_start.svg) repeat-x right top;
	background-size: 1.92vw 0.8vw;
}

#fwCms_wrapper .special p:first-of-type::after {
	content: "";
	position: absolute;
	top: 3.33vw;
	left: calc(50% + 24.26vw);
	width: 50%;
	height: 0.8vw;
	background: url(../../../../../../../excludes/DMO/mo/oseibo/251008/campaign2/svg/i_special_dot_end.svg) repeat-x left top;
	background-size: 1.92vw 0.8vw;
}

#fwCms_wrapper .special p:first-of-type span {
	display: block;
	width: 43.18vw;
	margin: auto;
}

#fwCms_wrapper .special h2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 81.86vw;
	margin: auto;
}

#fwCms_wrapper .special h2 img:first-of-type {
	width: 46.4vw;
}

#fwCms_wrapper .special h2 img:nth-of-type(2) {
	width: 33.36vw;
	margin: 2.53vw 0 5.33vw;
}

#fwCms_wrapper .special dl {
	width: 85.33vw;
	margin: auto;
}

#fwCms_wrapper .special dl dt {
	width: 35.5vw;
	margin: auto;
}

#fwCms_wrapper .special dl dd {
	position: relative;
	margin-top: 5.47vw;
}

#fwCms_wrapper .special dl dd p:first-of-type {
	display: grid;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	place-items: center;
	overflow: unset;
	z-index: 1;
}

#fwCms_wrapper .special dl dd p:first-of-type::before {
	display: none;
}

#fwCms_wrapper .special dl dd p:first-of-type::after {
	display: none;
}

#fwCms_wrapper .special dl dd p:first-of-type img {
	width: 70.13vw;
	height: auto;
}

#fwCms_wrapper .special dl dd.fmt_video {
	padding: 0;
	background-color: unset;
}

#fwCms_wrapper .special dl dd.fmt_video .fmt_video_thumbnail a::before {
	display: none;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .special {
		padding-bottom: min(7.4vw, 80px);
	}

	#fwCms_wrapper .special::before {
		height: min(2.31vw, 25px);
	}

	#fwCms_wrapper .special p:first-of-type::before {
		top: min(2.2vw, 24px);
		right: min(calc(50% + 16.29vw), calc(50% + 176px));
		height: min(0.46vw, 5px);
		background-size: min(1.11vw, 12px) min(0.46vw, 5px);
	}

	#fwCms_wrapper .special p:first-of-type::after {
		top: min(2.2vw, 24px);
		left: min(calc(50% + 16.29vw), calc(50% + 176px));
		height: min(0.46vw, 5px);
		background-size: min(1.11vw, 12px) min(0.46vw, 5px);
	}

	#fwCms_wrapper .special p:first-of-type span {
		width: min(28.88vw, 312px);
	}

	#fwCms_wrapper .special h2 {
		flex-direction: row;
		flex-wrap: wrap;
		gap: min(3.7vw, 40px) min(1.85vw, 20px);
		justify-content: center;
		align-items: normal;
		width: min(56.85vw, 614px);
	}

	#fwCms_wrapper .special h2 img:first-of-type {
		width: min(25.95vw, 280.3px);
	}

	#fwCms_wrapper .special h2 img:nth-of-type(2) {
		width: min(18.66vw, 201.6px);
		margin: 0;
	}

	#fwCms_wrapper .special dl {
		width: min(63.88vw, 690px);
	}

	#fwCms_wrapper .special dl dt {
		width: min(22.05vw, 238.2px);
	}

	#fwCms_wrapper .special dl dd {
		margin-top: min(3.7vw, 40px);
	}

	#fwCms_wrapper .special dl dd p:first-of-type img {
		width: min(52.22vw, 564px);
		height: auto;
	}

	#fwCms_wrapper .special dl dd.fmt_video .fmt_video_thumbnail {
		width: unset;
		max-width: unset;
		margin: 0;
	}
}

/*----------------------------------------
	present01
-----------------------------------------*/

#fwCms_wrapper .present01 {
	position: relative;
	padding-bottom: 13.33vw;
	background-color: #fff8f8;
	color: #4d4d4d;
}

#fwCms_wrapper .present01::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 8.93vw;
	background-color: #f6eafe;
}

#fwCms_wrapper .present01>p:first-of-type {
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

#fwCms_wrapper .present01>p:first-of-type::before {
	content: "";
	position: absolute;
	top: 8.53vw;
	right: calc(50% + 9.77vw);
	width: 50%;
	height: 0.8vw;
	background: url(../../../../../../../excludes/DMO/mo/oseibo/251008/campaign2/svg/i_present_dot_start.svg) repeat-x right top;
	background-size: 1.92vw 0.8vw;
}

#fwCms_wrapper .present01>p:first-of-type::after {
	content: "";
	position: absolute;
	top: 8.53vw;
	left: calc(50% + 9.77vw);
	width: 50%;
	height: 0.8vw;
	background: url(../../../../../../../excludes/DMO/mo/oseibo/251008/campaign2/svg/i_present_dot_end.svg) repeat-x left top;
	background-size: 1.92vw 0.8vw;
}

#fwCms_wrapper .present01>p:first-of-type span {
	display: block;
	width: 14.13vw;
	margin: auto;
}

#fwCms_wrapper .present01 h2 {
	margin-bottom: 6.8vw;
}

#fwCms_wrapper .present01 h2>span {
	display: block;
	margin: auto;
}

#fwCms_wrapper .present01 h2>span:nth-child(2) {
	width: 64.27vw;
}

#fwCms_wrapper .present01 div {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: auto;
	gap: 0 6.66vw;
	width: 92vw;
	margin: 4.94vw auto auto;
}

#fwCms_wrapper .present01 div dl dt {
	margin-bottom: 2.4vw;
}

#fwCms_wrapper .present01 div a[class^='btn-base-L'],
#fwCms_wrapper .present01 div a[class^='btn-base-L']:link,
#fwCms_wrapper .present01 div a[class^='btn-base-L']:visited {
	min-height: 10.8vw;
	padding: 1vw calc(3vw + 1em);
}

#fwCms_wrapper .present01 div a[class^='btn-base'],
#fwCms_wrapper .present01 div a[class^='btn-base']:link,
#fwCms_wrapper .present01 div a[class^='btn-base']:visited {
	border: 1px solid #4d4d4d;
	background-color: #fff;
	color: #4d4d4d;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .present01 {
		padding-bottom: 80px;
	}

	#fwCms_wrapper .present01::before {
		height: min(4.9vw, 53px);
	}

	#fwCms_wrapper .present01>p:first-of-type::before {
		top: min(4.62vw, 50px);
		right: min(calc(50% + 5.83vw), calc(50% + 63px));
		height: min(0.46vw, 5px);
		background-size: min(1.11vw, 12px) min(0.46vw, 5px);
	}

	#fwCms_wrapper .present01>p:first-of-type::after {
		top: min(4.62vw, 50px);
		left: min(calc(50% + 5.83vw), calc(50% + 63px));
		height: min(0.46vw, 5px);
		background-size: min(1.11vw, 12px) min(0.46vw, 5px);
	}

	#fwCms_wrapper .present01>p:first-of-type span {
		width: min(7.87vw, 85px);
	}

	#fwCms_wrapper .present01 h2 {
		margin-bottom: 31px;
	}

	#fwCms_wrapper .present01 h2>span:nth-child(2) {
		width: min(44.62vw, 482px);
	}

	#fwCms_wrapper .present01 div {
		gap: 0 min(4.62vw, 50px);
		width: min(63.88vw, 690px);
		margin-top: 43px;
	}

	#fwCms_wrapper .present01 div dl dt {
		margin-bottom: 22px;
	}

	#fwCms_wrapper .present01 div a[class^='btn-base-L'],
	#fwCms_wrapper .present01 div a[class^='btn-base-L']:link,
	#fwCms_wrapper .present01 div a[class^='btn-base-L']:visited {
		max-width: 240px;
		min-height: 75px;
		margin: auto;
		padding: 1vw;
	}
}

/*----------------------------------------
	present02
-----------------------------------------*/

#fwCms_wrapper .present02 {
	padding-bottom: 15.2vw;
	background-color: #fff8f8;
	color: #4d4d4d;
}

#fwCms_wrapper .present02>p:first-of-type {
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

#fwCms_wrapper .present02>p:first-of-type::before {
	content: "";
	position: absolute;
	top: 8.53vw;
	right: calc(50% + 9.77vw);
	width: 50%;
	height: 0.8vw;
	background: url(../../../../../../../excludes/DMO/mo/oseibo/251008/campaign2/svg/i_present_dot_start.svg) repeat-x right top;
	background-size: 1.92vw 0.8vw;
}

#fwCms_wrapper .present02>p:first-of-type::after {
	content: "";
	position: absolute;
	top: 8.53vw;
	left: calc(50% + 9.77vw);
	width: 50%;
	height: 0.8vw;
	background: url(../../../../../../../excludes/DMO/mo/oseibo/251008/campaign2/svg/i_present_dot_end.svg) repeat-x left top;
	background-size: 1.92vw 0.8vw;
}

#fwCms_wrapper .present02>p:first-of-type span {
	display: block;
	width: 14.13vw;
	margin: auto;
}

#fwCms_wrapper .present02 h2 {
	width: 55.85vw;
	margin: 7.86vw auto 6.85vw;
}

#fwCms_wrapper .present02 div:nth-of-type(n+2) {
	margin-top: 9.46vw;
}

#fwCms_wrapper .present02 div div {
	display: grid;
	grid-template-columns: repeat(2, auto);
	grid-template-rows: auto;
	gap: 0 5.33vw;
	width: 92vw;
	margin: auto;
}

#fwCms_wrapper .present02 div:first-of-type div img {
	width: 44vw;
	height: 24.7vw;
}

#fwCms_wrapper .present02 div:nth-of-type(2) div img {
	width: 25.33vw;
	margin: 0 9.33vw;
}

#fwCms_wrapper .present02 div:nth-of-type(3) div img {
	width: 32.13vw;
	margin: 0 5.93vw;
}

#fwCms_wrapper .present02 div div ul {
	width: 42.66vw;
}

#fwCms_wrapper .present02 div div a[class^='btn-base-L'],
#fwCms_wrapper .present02 div div a[class^='btn-base-L']:link,
#fwCms_wrapper .present02 div div a[class^='btn-base-L']:visited {
	min-height: 13.33vw;
}

#fwCms_wrapper .present02 div div a[class^='btn-base'],
#fwCms_wrapper .present02 div div a[class^='btn-base']:link,
#fwCms_wrapper .present02 div div a[class^='btn-base']:visited {
	border: 1px solid #4d4d4d;
	background-color: #fff;
	color: #4d4d4d;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .present02 {
		padding-bottom: 50px;
	}

	#fwCms_wrapper .present02>p:first-of-type::before {
		top: min(4.62vw, 50px);
		right: min(calc(50% + 5.83vw), calc(50% + 63px));
		height: min(0.46vw, 5px);
		background-size: min(1.11vw, 12px) min(0.46vw, 5px);
	}

	#fwCms_wrapper .present02>p:first-of-type::after {
		top: min(4.62vw, 50px);
		left: min(calc(50% + 5.83vw), calc(50% + 63px));
		height: min(0.46vw, 5px);
		background-size: min(1.11vw, 12px) min(0.46vw, 5px);
	}

	#fwCms_wrapper .present02>p:first-of-type span {
		width: min(7.87vw, 85px);
	}

	#fwCms_wrapper .present02 h2 {
		width: min(38.7vw, 418px);
		margin: 40px auto 31px;
	}

	#fwCms_wrapper .present02 div:nth-of-type(n+2) {
		margin-top: 72px;
	}

	#fwCms_wrapper .present02 div div {
		gap: 0 60px;
		width: min(63.88vw, 690px);
	}

	#fwCms_wrapper .present02 div:first-of-type div img {
		width: min(27.77vw, 300px);
		height: auto;
	}

	#fwCms_wrapper .present02 div:nth-of-type(2) div img {
		width: min(17.59vw, 190px);
		height: min(31.29vw, 338px);
		margin: 0 min(5.09vw, 55px);
	}

	#fwCms_wrapper .present02 div:nth-of-type(3) div img {
		width: min(22.31vw, 241px);
		height: min(19.81vw, 214px);
		margin: 0 min(2.73vw, 29.5px);
	}

	#fwCms_wrapper .present02 div div ul {
		width: min(30.55vw, 330px);
	}

	#fwCms_wrapper .present02 div:nth-of-type(2) div ul,
	#fwCms_wrapper .present02 div:nth-of-type(3) div ul {
		margin-right: min(0.46vw, 5px);
	}

	#fwCms_wrapper .present02 div div a[class^='btn-base-L'],
	#fwCms_wrapper .present02 div div a[class^='btn-base-L']:link,
	#fwCms_wrapper .present02 div div a[class^='btn-base-L']:visited {
		min-height: 75px;
	}
}

/*----------------------------------------
	notes
-----------------------------------------*/

#fwCms_wrapper .notes {
	background-color: #fff8f8;
}

#fwCms_wrapper .notes>div {
	width: 92vw;
	margin: auto;
	color: #4d4d4d;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .notes>div {
		width: min(63.88vw, 690px);
		padding-top: 44px;
	}
}

/*----------------------------------------
	cookie
-----------------------------------------*/

#fwCms_wrapper .cookie {
	padding-top: 12.94vw;
	background-color: #fff8f8;
	color: #4d4d4d;
}

#fwCms_wrapper .cookie>div {
	position: relative;
	width: 89.33vw;
	margin: auto;
	padding: 11.6vw 0 6.93vw;
	border-radius: 7.46vw;
	border: 0.53vw solid #ffa0a0;
	background-color: #fff;
}

#fwCms_wrapper .cookie>div>p:first-of-type {
	position: absolute;
	top: -3.7vw;
	right: 0;
	left: 0;
	width: 41.64vw;
	height: 7.2vw;
	margin: auto;
	line-height: 0;
	z-index: 1;
}

#fwCms_wrapper .cookie div div>img {
	display: block;
	width: 57.6vw;
	margin: auto;
}

#fwCms_wrapper .cookie div div h2 {
	width: 66.66vw;
	margin: auto;
	padding-top: 7.87vw;
}

#fwCms_wrapper .cookie div div dl dd {
	margin-top: 3.88vw;
}

#fwCms_wrapper .cookie div div a[class^='btn-base-M'],
#fwCms_wrapper .cookie div div a[class^='btn-base-M']:link,
#fwCms_wrapper .cookie div div a[class^='btn-base-M']:visited {
	max-width: 58.66vw;
	min-height: 13.33vw;
	margin: auto;
}

#fwCms_wrapper .cookie div div a[class^='btn-base'],
#fwCms_wrapper .cookie div div a[class^='btn-base']:link,
#fwCms_wrapper .cookie div div a[class^='btn-base']:visited {
	border: 1px solid #4d4d4d;
	background-color: #fff;
	color: #4d4d4d;
}

#fwCms_wrapper .cookie div div a[class^='btn-base-M'].btn-arw-after::after {
	right: 3.33vw;
	background: transparent url(../../../../../../../excludes/DMO/mo/oseibo/251008/campaign2/svg/i_cookie_arrow.svg) no-repeat center center;
	background-size: 2.53vw 4.53vw;
}

#fwCms_wrapper .cookie div div a[class^='btn-base-M'].btn-disabled.btn-arw-after::after {
	background: none;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .cookie {
		padding-top: 112px;
	}

	#fwCms_wrapper .cookie>div {
		position: relative;
		width: min(50vw, 540px);
		padding: 76px 0 47px;
		border-radius: 50px;
		border-width: 4px;
	}

	#fwCms_wrapper .cookie>div>p:first-of-type {
		top: max(-1.94vw, -21px);
		width: min(19.28vw, 208px);
		height: auto;
	}

	#fwCms_wrapper .cookie div div>img {
		width: min(34.44vw, 372px);
	}

	#fwCms_wrapper .cookie div div h2 {
		width: min(37.03vw, 400px);
		padding-top: 59px;
	}

	#fwCms_wrapper .cookie div div dl dd {
		margin: 31px auto auto;
	}

	#fwCms_wrapper .cookie div div a[class^='btn-base-M'],
	#fwCms_wrapper .cookie div div a[class^='btn-base-M']:link,
	#fwCms_wrapper .cookie div div a[class^='btn-base-M']:visited {
		max-width: 330px;
		min-height: 75px;
	}

	#fwCms_wrapper .cookie div div a[class^='btn-base-M'].btn-arw-after::after {
		right: 15px;
		background-size: 13px 22px;
	}
}

/*----------------------------------------
	artist
-----------------------------------------*/

#fwCms_wrapper .artist {
	padding: 13.33vw 0;
	background-color: #fff8f8;
	color: #4d4d4d;
}

#fwCms_wrapper .artist h2 {
	width: 41.64vw;
	margin: auto;
}

#fwCms_wrapper .artist>div {
	width: 92vw;
	margin: auto;
}

#fwCms_wrapper .artist>div:first-of-type p {
	margin: 5.6vw auto 6.93vw;
}

#fwCms_wrapper .artist>div:nth-of-type(2) {
	margin-top: 12.52vw;
}

#fwCms_wrapper .artist>div:nth-of-type(2) h3 {
	margin: 1.86vw 0 5.47vw;
}

@media screen and (min-width: 768px) {
	#fwCms_wrapper .artist {
		padding: 100px 0 92px;
	}

	#fwCms_wrapper .artist h2 {
		width: min(19.25vw, 208px);
	}

	#fwCms_wrapper .artist>div {
		width: min(50vw, 540px);
	}

	#fwCms_wrapper .artist>div:first-of-type p {
		margin: 22px auto 52px;
	}

	#fwCms_wrapper .artist>div:nth-of-type(2) {
		margin-top: 93px;
	}

	#fwCms_wrapper .artist>div:nth-of-type(2) h3 {
		margin: 20px 0 23px;
	}
}