@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
お宝缶WANTED! よなよなビアライズ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
共通
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- リセットCSS
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
main * {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	box-shadow: none;
	color: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: none;
}

main button {
	border-radius: 0;
	background: none;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	-webkit-appearance: none;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- リセット previous_user.css
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	font-weight: revert;
}

main a:hover {
	text-decoration: inherit;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ベース
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
main {
	--color_main:     #231816;
	--color_sub:      #f8e133;

	--font_main:      "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Meiryo, sans-serif;
	--font_english:   Jost, "Helvetica Neue", Arial, Roboto, var(--font_main);

	--opacity:        0.7;
	--content-width:  1080px;
	--padding-inline: min(5.4vw, 60px);
	--padding-block:  60px;
	--border-radius:  20px;
	--background:     url("https://yonasato-com.ecbeing.biz/cms/img/wanted/background.png") left top / 510px 320px repeat;
	--letter-spacing: 0.05em;
	--transition:     0.3s ease-in-out;
	--brightness:     brightness(1.1);

	color: var(--color_main);
	font-weight: 500;
	font-size: 16px;
	font-family: var(--font_main);
	line-height: 1.5;
	letter-spacing: var(--letter-spacing);
}

main article {
	overflow: hidden;
}

main section {
	padding-block: var(--padding-block);
}

main .outer {
	overflow: hidden;
	width: calc(100% - var(--padding-inline) * 2);
	max-width: calc(var(--content-width) + var(--padding-inline) * 2);
	margin-inline: auto;
	padding: 80px var(--padding-inline) 40px;
	background: #fff;
}

main .inner {
	max-width: calc(var(--content-width) + var(--padding-inline) * 2);
	margin-inline: auto;
	padding-inline: var(--padding-inline);
}

main span:not([class]) {
	display: inline-block;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	letter-spacing: var(--letter-spacing);
}

main p:not([class]) + p:not([class]) {
	margin-top: 1.5em;
}

main a,
main button {
	transition: var(--transition);
}

main a::before,
main a::after,
main button::before,
main button::after {
	transition: transform var(--transition);
}

@media (min-width: 750.1px) {
main .outer {
	padding-block: 110px 60px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 見出し
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.heading_enja {
	position: relative;
	z-index: 1;
	width: fit-content;
	margin: 0 auto -1.5em;
	padding: 0.4em 1em;
	border-radius: 100vw;
	background: var(--color_main);
	color: #fff;
	font-size: 36px;
	letter-spacing: var(--letter-spacing);
	text-align: center;
}

.heading_enja-ja {
	display: block;
}

.heading_enja-en {
	display: block;
	font-weight: 600;
	font-size: 14px;
	font-family: var(--font_english);
	letter-spacing: var(--letter-spacing);
}

@media (min-width: 750.1px) {
.heading_enja {
	font-size: 48px;
}

.heading_enja-en {
	font-size: 20px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- リンク
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.button {
	display: flex;
	width: fit-content;
	margin: 1.3em auto 0;
	padding: 1em 2em;
	border: 1px solid var(--color_main);
	border-radius: 100vw;
	font-weight: 900;
	font-size: 18px;
	column-gap: 0.5em;
	justify-content: center;
	align-items: center;
}

.button:hover {
	background: var(--color_main);
	color: #fff;
}

.button-icon {
	transition: var(--transition);
	flex: none;
}

.button:hover .button-icon {
	filter: brightness(0) invert(1);
}

.button_large {
	display: block;
	position: relative;
	width: 500px;
	max-width: 100%;
	margin: 1.7em auto 0;
	padding: 1em;
	border: 4px solid;
	border-radius: 100vw;
	background: var(--color_sub);
	font-weight: 900;
	font-size: 20px;
	text-align: center;
}

.button_large:hover {
	border-color: var(--color_sub);
}

.button_large::after {
	position: absolute;
	inset: 0 1.2em 0 auto;
	width: 18px;
	height: 16px;
	margin: auto;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/icon_arrow.svg") center center / contain no-repeat;
	content: "";
	transition: transform var(--transition);
}

.button_large:hover::after {
	transform: translateX(0.3em);
}

@media (min-width: 750.1px) {
.button_large {
	font-size: 24px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- リスト
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.ul > li {
	position: relative;
	margin-bottom: 0.6em;
	padding-left: 1.4em;
}

.ul > li:last-child {
	margin-bottom: 0;
}

.ul > li::before {
	position: absolute;
	inset: 0 auto auto 0;
}

.ul > li::before {
	top: 0.4em;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
	background: var(--color_main);
	content: "";
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- コンポーネント
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.color_sub {
	color: var(--color_sub);
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
モーダル
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.modal-link {
	cursor: pointer;
	user-select: none;
}

.modal-container {
	display: flex;
	position: fixed;
	inset: 0;
	z-index: 1000;
	transition: var(--transition);
	justify-content: center;
	align-items: center;
}

.modal-container:not(._open) {
	visibility: hidden;
	opacity: 0;
}

.modal-overlay {
	opacity: 0.4;
	position: fixed;
	inset: 0;
	background: #000;
}

.modal-content {
	overflow-y: auto;
	position: relative;
	width: 440px;
	max-width: calc(100% - var(--padding-inline) * 2);
	max-height: calc(100% - 80px);
	padding: 30px 20px 20px;
	border-radius: var(--border-radius);
	background: var(--background);
	transition: transform var(--transition);
	overscroll-behavior: contain;
}

.modal-container:not(._open) .modal-content {
	transform: scale3d(0.8, 0.8, 0.8);
}

.modal-close {
	position: absolute;
	inset: 0 0 auto auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--color_main);
	color: #fff;
	cursor: pointer;
	transition: var(--transition);
}

.modal-close:hover {
	color: var(--color_sub);
}

.modal-close::before,
.modal-close::after {
	position: absolute;
	inset: 0;
	width: 50%;
	height: 0;
	margin: auto;
	border-top: 2px solid;
	content: "";
	transition: var(--transition);
}

.modal-container._open .modal-close::before {
	transform: rotate(-45deg);
}

.modal-container._open .modal-close::after {
	transform: rotate(45deg);
}

.modal-img {
	max-height: calc(100vh - var(--padding-block) * 2);
}

.modal-video {
	width: calc((100vh - var(--padding-block) * 2) / 9 * 16);
	max-width: 100%;
	aspect-ratio: 16 / 9;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- Swiper
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.swiper {
	--swiper-theme-color: currentColor;
}

.swiper._carousel {
	overflow: visible;
}

.swiper-wrapper {
	height: auto;
}

.swiper-slide {
	height: auto;
	user-select: none;
}

.swiper-button-prev,
.swiper-button-next {
	width: 44px !important;
	height: 44px !important;
	border: 2px solid;
	border-radius: 50%;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/icon_arrow.svg") center center / 48% auto no-repeat var(--color_sub);
	transition: var(--transition);
}

.swiper-button-prev {
	left: 0;
	transform: translateX(-40%) scaleX(-1);
}

.swiper-button-next {
	right: 0;
	transform: translateX(40%);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
	filter: var(--brightness);
}

.swiper-button-prev::after,
.swiper-button-next::after {
	display: none;
}

@media (min-width: 750.1px) {
.swiper-button-prev,
.swiper-button-next {
	width: 62px !important;
	height: 62px !important;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ページヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-header {
	position: relative;
	background: #000;
}

.wanted-header-image {
	overflow: hidden;
	width: 200vw;
	height: 560px;
	border-radius: 0 0 50% 50%;
	background: var(--background);
	transform: translateX(-50vw);
}

@keyframes marquee {
0% {
	background-position-x: 0;
}

100% {
	background-position-x: calc(var(--marquee-width) * -1);
}
}

.wanted-header-image .image {
	--marquee-height: 106px;
	height: var(--marquee-height);
	margin-block: 10px;
	background: center center / auto 100% repeat-x;
	animation: marquee 25s linear infinite;
}

.wanted-header-image .image01 {
	--marquee-width: calc(var(--marquee-height) * 10.45);
	background-image: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/header01-2.png");
}

.wanted-header-image .image02 {
	--marquee-width: calc(var(--marquee-height) * 10.97);
	background-image: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/header02-2.png");
}

.wanted-header-image .image03 {
	--marquee-width: calc(var(--marquee-height) * 11.3);
	background-image: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/header03-2.png");
}

.wanted-header-image .image04 {
	--marquee-width: calc(var(--marquee-height) * 11.7);
	background-image: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/header04-2.png");
}

.wanted-header-text {
	display: flex;
	position: absolute;
	inset: 0;
	width: 309px;
	height: 309px;
	margin: auto;
	border-radius: 50%;
	background: #000;
	font-weight: 900;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.wanted-header-text .heading {
	color: #fff;
	text-align: center;
}

.wanted-header-text .heading-ja {
	position: relative;
	font-size: 64px;
	line-height: 1;
}

.wanted-header-text .logo {
	position: absolute;
	inset: auto 1.15em 0.32em auto;
	width: 0.27em;
}

.wanted-header-text .heading-en {
	font-size: 37px;
	font-family: var(--font_english);
	letter-spacing: var(--letter-spacing);
}

.wanted-header-text .beerise {
	padding: 0.3em 0.6em;
	border-radius: 100vw;
	background: var(--color_sub);
	font-size: 14px;
}

.wanted-header-text .img {
	position: absolute;
	max-width: 27%;
}

.wanted-header-text .img_left {
	inset: 38% auto 0 0;
	transform: translateX(-40%);
}

.wanted-header-text .img_right {
	inset: 38% 0 0 auto;
	transform: translateX(40%);
}

.wanted-header-overlay {
	opacity: 0;
	position: absolute;
	inset: 0;
	z-index: 1;
	background: #000;
}

@media (min-width: 750.1px) {
.wanted-header-image {
	width: 160vw;
	height: 680px;
	transform: translateX(-30vw);
}

.wanted-header-image .image {
	--marquee-height: 176px;
}

.wanted-header-text {
	width: 446px;
	height: 446px;
}

.wanted-header-text .heading-ja {
	font-size: 92px;
}

.wanted-header-text .heading-en {
	font-size: 54px;
}
.wanted-header-text .beerise {
	font-size: 20px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ページコンテンツ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-content {
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/content.png") center 600px / max(100%, 750px) auto no-repeat, linear-gradient(#000 601px, var(--color_sub) 601px);
}

@media (min-width: 1200.1px) {
.wanted-content {
	background-position: center top;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- イントロ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-intro {
	opacity: 0;
	color: #fff;
	font-size: 20px;
	letter-spacing: var(--letter-spacing);
	text-align: center;
}

.wanted-intro .heading {
	margin-block: 0.3em;
	font-size: 40px;
}

.wanted-intro .font_small {
	margin-block: 1.8em;
	font-weight: 300;
	font-size: 14px;
}

.wanted-intro .font_large {
	margin-block: 2em 0.7em;
	font-weight: 700;
	font-size: 28px;
}

.wanted-intro .image {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wanted-intro .img {
	max-width: 40%;
}

@media (min-width: 1200px) and (max-width: 1450px) {
	.wanted-intro .font_large {
		max-width: 80%;
		margin-inline: auto;
	}
}

@media (min-width: 750.1px) {
.wanted-intro {
	font-size: 24px;
}

.wanted-intro .heading {
	font-size: 64px;
}

.wanted-intro .font_small {
	font-size: 16px;
}

.wanted-intro .font_large {
	margin-block: 1.5em 2em;
	font-size: 40px;
}

.wanted-intro .image {
	position: relative;
}

.wanted-intro .img_left {
	position: absolute;
	inset: auto auto 0 0;
}

.wanted-intro .img_right {
	position: absolute;
	inset: auto 0 0 auto;
}
}

@media (min-width: 750.1px) and (max-width: 1200px) {
.wanted-intro .font_large {
	max-width: 50%;
	margin-inline: auto;
}

.wanted-intro .img {
	max-width: 25%;
}
}

@media (max-width: 750px) {
.wanted-intro .image {
	margin-bottom: 40px;
}
}

@media (max-width: 390px) {
.wanted-intro .font_large {
	font-size: 23px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- ページメニュー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-menu-ul {
	display: flex;
	overflow: hidden;
	width: 700px;
	max-width: 100%;
	margin-inline: auto;
	padding-inline: 0.5em;
	border-radius: 100vw;
	background: #fff;
	font-weight: 900;
}

.wanted-menu-li {
	position: relative;
	flex-grow: 1;
}

.wanted-menu-li:not(:last-child)::after {
	position: absolute;
	inset: 1em 0 1em auto;
	border-right: 1px solid var(--color_sub);
	content: "";
}

.wanted-menu-li a {
	display: flex;
	padding: 1em 0.5em;
	gap: 0.7em;
	justify-content: center;
	align-items: center;
}

.wanted-menu-li a::after {
	width: 40px;
	height: 40px;
	border: 2px solid var(--color_sub);
	border-radius: 50%;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/icon_arrow.svg") center center / 50% auto no-repeat var(--color_sub);
	content: "";
	transform: rotate(90deg);
	transition: var(--transition);
	flex: none;
}

.wanted-menu-li a:hover::after {
	border-color:  var(--color_main);
}

@media (min-width: 750.1px) {
.wanted-menu-ul {
	font-size: 20px;
}
}

@media (max-width: 750px) {
.wanted-menu-li a {
	flex-flow: column;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 成功報酬
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-fee {
	padding-bottom: 0;
}

.wanted-fee-ul {
	display: grid;
	row-gap: 20px;
}

.wanted-fee-li {
	padding: 30px 20px 20px;
	border-radius: var(--border-radius);
	background: var(--background);
	counter-increment: number;
}

.wanted-fee-li .heading {
	display: flex;
	margin-bottom: 0.5em;
	column-gap: 0.5em;
	align-items: center;
}

.wanted-fee-li .heading::before {
	padding: 0.5em;
	background: var(--color_sub);
	content: "報酬" counter(number);
	flex: none;
}

.wanted-fee-li .image {
	background: radial-gradient(#fff, rgb(255, 255, 255, 0) 80%);
	text-align: center;
}

.wanted-fee-li .img {
	max-width: 78%;
}

@media (min-width: 750.1px) {
.wanted-fee-li .heading {
	font-size: 24px;
}
}

@media (min-width: 880.1px) {
.wanted-fee-ul {
	grid-template-columns: 47% 47%;
	justify-content: space-between;
}

.wanted-fee-li {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 参加方法
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-join {
	padding-bottom: 0;
}

.wanted-join-ul {
	display: grid;
	justify-content: center;
}

.wanted-join-li {
	counter-increment: number;
}

.wanted-join-li .heading {
	display: flex;
	font-weight: 900;
	font-size: 20px;
	justify-content: center;
	align-items: center;
}

.wanted-join-li .heading::before {
	display: flex;
	width: 58px;
	height: 62px;
	margin-right: -0.5em;
	padding-left: 0.6em;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/logo.svg") center center / contain no-repeat;
	font-size: 27px;
	font-family: var(--font_english);
	content: counter(number);
	flex: none;
	align-items: center;
}

.wanted-join-note {
	max-width: 915px;
	margin: 40px auto 0;
	padding: 1.5em var(--padding-inline);
	border-radius: 20px;
	background: var(--background);
	font-weight: 700;
	letter-spacing: var(--letter-spacing);
	text-align: center;
}

@media (min-width: 750.1px) {
.wanted-join-ul {
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 36px;
}

.wanted-join-li:not(:last-child) .image {
	position: relative;
}

.wanted-join-li:not(:last-child) .image::after {
	position: absolute;
	inset: 0 auto 0 100%;
	width: 31px;
	height: 22px;
	margin: auto;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/icon_arrow.svg") center center / contain no-repeat;
	content: "";
}

.wanted-join-note {
	font-size: 24px;
}
}

@media (max-width: 750px) {
.wanted-join-li:not(:last-child)::after {
	display: block;
	width: 31px;
	height: 22px;
	margin: 10px auto 25px;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/icon_arrow.svg") center center / contain no-repeat;
	content: "";
	transform: rotate(90deg);
}

.wanted-join-li .img {
	width: 252px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 捜索中の缶
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-product-rarity {
	margin-block: 1.6em 0.6em;
	font-weight: 900;
	font-size: 24px;
	letter-spacing: var(--letter-spacing);
	text-align: center;
}

.wanted-product-rarity:first-child {
	margin-top: 0;
}

.wanted-product-rarity .open,
.wanted-product-rarity .closed {
	display: inline-block;
	width: 25px;
	height: 24px;
	background: center center / contain no-repeat;
}

.wanted-product-rarity .open {
	background-image: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/product-rarity_open.svg");
}

.wanted-product-rarity .closed {
	background-image: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/product-rarity_closed.svg");
}

.wanted-product-li {
	position: relative;
	width: 333px !important;
	max-width: 85%;
	margin-inline: 10px;
	padding: 30px 20px;
	border-radius: var(--border-radius);
	background: var(--background);
	text-align: center;
	z-index: auto;
	overflow: visible;
	isolation: isolate;
}

.wanted-product-li._done::before {
	position: absolute;
	content: '';
	inset: 15% auto auto 50%;
	width: 106%;
	height: 59%;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/product-done.png") center center / contain no-repeat;
	transform: translateX(-50%);
	display: block;
	z-index: 9999;
}

/* .wanted-product-li._done .image::after {
  content:"";
  position:absolute;
  inset:0;
  background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/product-done.png") center/contain no-repeat;
  z-index:10;
} */

.wanted-product-li .heading {
	font-weight: 900;
	font-size: 18px;
}

.wanted-product-li .subheading {
	font-weight: 900;
}

.wanted-product-li .period {
	display: inline-block;
	margin-top: 0.4em;
	padding-inline: 0.5em;
	background: var(--color_sub);
	font-weight: 900;
}

.wanted-product-li .period::before {
	content: "発売時期：";
}

.wanted-product-li .image {
	padding-block : 20px;
	background: radial-gradient(#fff, rgb(255, 255, 255, 0) 80%);
}

.wanted-product-li .beerstyle::before {
	display: block;
	width: fit-content;
	margin-inline: auto;
	padding-left: 1em;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/product-beerstyle.svg") left 0.2em / 13px 19px no-repeat;
	font-weight: 700;
	font-size: 18px;
	content: "ビアスタイル";
}

.wanted-product-li .feature {
	margin-top: 1.2em;
}

.wanted-product-li .feature::before {
	display: block;
	width: fit-content;
	margin: 0 auto 0.2em;
	padding-left: 1.2em;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/product-feature.svg") left 0.3em / 17px 17px no-repeat;
	font-weight: 700;
	font-size: 18px;
	content: "特徴";
}

.wanted-product-fee {
	font-weight: 900;
	text-align: center;
}

.wanted-product-fee .heading {
	font-size: 18px;
}

.wanted-product-fee .heading::before {
	display: block;
	width: 23px;
	height: 21px;
	margin: 0 auto 0.2em;
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/icon_fee.svg") center center / contain no-repeat;
	content: "";
}

.wanted-product-fee .wanted-product-rarity {
	margin-block: 0.6em 0.2em;
}

.wanted-product-fee .description {
	display: inline-block;
	max-width: 300px;
	padding: 0.2em 0.5em;
	background: var(--color_sub);
	line-height: 1.3;
}

.wanted-product-fee .description .modal-asterisk {
	display: block;
	font-size: 50%;
	margin-top: 3px;
	color: #fff;
	text-shadow: 0px 0px 3px #000;
}

@media (min-width: 750.1px) {
	.wanted-product-fee .description .modal-asterisk {
		font-size: 60%;
	}
}

.wanted-product-fee .image {
	padding-top: 10px;
	background: radial-gradient(#fff, rgb(255, 255, 255, 0) 80%);
}

@media (min-width: 750.1px) {
.wanted-product-rarity {
	font-size: 36px;
}

.wanted-product-li {
	margin-inline: 20px;
}

.wanted-product-li .heading {
	font-size: 22px;
}

.wanted-product-fee .wanted-product-rarity {
	font-size: 32px;
}
}

@media (max-width: 750px) {
.wanted-product-li .subheading {
	font-size: 12px;
}

.wanted-product-li .period {
	font-size: 14px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
-- エントリーにあたっての注意点
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-product-notice {
	margin-top: var(--padding-block);
	padding: 40px min(5.4vw, 40px);
	background: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/s/product-notice.png") right center / auto 100% no-repeat #eedbba;
}

.wanted-product-notice .heading {
	margin-bottom: 1em;
	font-weight: 900;
	font-size: 24px;
	text-decoration: underline;
	text-decoration-color: var(--color_sub);
	text-decoration-thickness: 0.9em;
	text-underline-offset: -0.4em;
}

@media (min-width: 750.1px) {
.wanted-product-notice {
	background-image: url("https://yonasato-com.ecbeing.biz/cms/img/wanted/product-notice.png");
}

.wanted-product-notice .heading br {
	display: none;
}
}

@media (max-width: 750px) {
.wanted-product-notice .heading {
	text-align: center;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- エントリー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.wanted-entry {
	display: flex;
	position: fixed;
	inset: auto 15px 80px auto;
	z-index: 20;
	width: 7em;
	height: 7em;
	border: 4px solid;
	border-radius: 50%;
	background: var(--color_sub);
	font-weight: 700;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	transition: var(--transition), visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
	row-gap: 0.2em;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	user-select: none;
}

.wanted-entry:not(._show) {
	visibility: hidden;
	opacity: 0;
}

.wanted-entry:hover {
	filter: var(--brightness);
}

.wanted-entry .img {
	width: 1.9em;
}

@media (min-width: 768px) {
.wanted-entry {
	right: 30px;
	font-size: 16px;
}
}