@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
	--main: #222;
	--white:#fff;
	--red: #fc1919;
	--lightgold:#dfbe65;
	--gold:#bb9869;
	--font01: "Zen Old Mincho", serif;
	--font02: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	--paddingPC: 60px 40px 0;
	--padding_innerPC: 0 40px 60px;
	--paddingTABLET: 0 8vw 4vh;
	--padding_innerTABLET: 0 4vw 4vh;
	--paddingSP: 0 7vw 5vh;
	--padding_innerSP: 0 7vw 3vh;
}

@media only screen and (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none !important;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:block;
	}
}
@media only screen and (min-width: 1025px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}

.idc-commonbanner {
    display: none;
}
main {
	color:var(--main);
    overflow: hidden;
}
main ul {
    list-style: none;
}

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

 - main-visual

------------------------------------------ */
.main-visual {
	max-width: 1920px;
    margin: 0 auto;
    text-align: center;
    background: #d1260a;
	animation-name: mvAnime;
    animation-duration:2s;
    animation-fill-mode:forwards;
}
@keyframes mvAnime{
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


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

- fadein

--------------------------------------- */
/* ===========
   common
=========== */
.fadein {
    opacity: 0;
    will-change: opacity, transform;
    transition-delay: var(--delay, 0s);
}
.fadein.is-show {
    opacity: 1;
}

/* ===========
   fade-up
=========== */
.fade-up {
    transform: translateY(16px);
    transition:
        opacity var(--fade-duration, 0.6s) ease,
        transform var(--fade-duration, 0.6s) ease;
}
.fade-up.is-show {
    transform: translateY(0);
}

/* ===========
   fade-only
=========== */
.fade-only {
    transform: none;
    transition: opacity var(--fade-duration, 0.8s) ease;
}



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

 - main_lead_area

------------------------------------------ */
.main_lead {
    text-align: center;
    font-family: var(--font01);
    color: var(--main);
}
.main_lead_title {
	font-family: var(--font01);
}
.main_lead_title .ls {
    letter-spacing: -2px;
}
.main_lead_text {
    letter-spacing: 0.5px;
    font-weight: 500;
}
@media (max-width: 599px) {
    .main_lead {
        padding:var(--padding_innerSP);
        margin-top: 40px;
    }
    .main_lead_title {
		font-size: 26px;
		line-height: 1.5;
        letter-spacing: -1px;
	}
    .main_lead_text {
        font-size: 16px;
        line-height: 2;
        letter-spacing: 0.5px;
        margin: 24px auto;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
    .main_lead_area {
        padding: 0 3vw 4vh;
    }
    .main_lead {
        margin: 50px auto 30px;
    }
    .main_lead_title {
		font-size: 24px;
	}
    .main_lead_text {
        font-size: 16px;
        letter-spacing: 0.5px;
    }
}
@media (min-width: 1025px) {
    .main_lead_area {
		padding: 60px 40px;
}
    .main_lead {
        margin-bottom: 50px;
    }
    .main_lead_title {
		font-size: 46px;
		margin-bottom: 20px;
	}
    .main_lead_text {
        font-size: 22px;
        letter-spacing: 0.5px;
    }
}


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

 - anchor

------------------------------------------ */
.anchor {
	max-width: 100%;
    text-align: center;
}
.anchor_col {
	display: flex;
}
.anchor_col div {
	background:var(--gold);
}
.anchor_col div a {
	position: relative;
	display:block;
	color:var(--white);
	border:1px solid var(--white);
    font-family: var(--font01);
}
.anchor_col div a .fa-angle-right {
	position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 3%;
}
@media (max-width: 599px) {
	.anchor {
        width: 100%;
		padding:var(--paddingSP);
        margin: 0 auto;
    }
    .anchor_col {
        flex-direction: column;
        flex-wrap: nowrap;
        gap:20px;
    }
    .anchor_col div {
        width:100%;
        padding: 6px;
    }
    .anchor_col div a {
        font-size: 17px;
        padding:6px 0;
		letter-spacing:1px;
    }
	 .anchor_col div:first-child a > .ls {
        letter-spacing: -2px;
        padding-right: 4px;
    }
    .anchor_col div:nth-child(2) a {
        letter-spacing: 2px;
    }
    .anchor_col div:last-child a > .ls {
        letter-spacing: -3px;
        padding-right: 2px;
    }
    .anchor_col div a .fa-angle-right {
		top: 30%;
        right: 3%;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
    .anchor {
        width: 100%;
        margin: 0 auto;
    }
    .anchor_col {
        flex-direction: row;
        flex-wrap: nowrap;
        gap:10px;
    }
    .anchor_col div {
        flex: 0 1 calc((100% - 2 * 10px) / 3);
        padding: 4px;
    }
    .anchor_col div a {
        font-size: 15px;
        padding: 4px 0;
        letter-spacing:1px;
        font-size: clamp(0.8rem, 0.7rem + 0.5vw, 1.1rem);
    }
	 .anchor_col div:first-child a > .ls {
        letter-spacing: -2px;
        padding-right: 4px;
    }
    .anchor_col div:nth-child(2) a {
        letter-spacing: 2px;
    }
    .anchor_col div:last-child a > .ls {
        letter-spacing: -3px;
        padding-right: 3px;
    }
    .anchor_col div a .fa-angle-right {
        right: 3%;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
	.anchor_col div a .fa-angle-right {
		top:30%;
	}
}
@media (min-width: 1025px) {
	.anchor {
        width: 1300px;
        margin: 0 auto;
    }
    .anchor_col {
        flex-direction: row;
        flex-wrap: nowrap;
        gap:20px;
    }
    .anchor_col div {
        flex: 0 1 calc((100% - 2 * 20px) / 3);
        padding: 6px;
    }
     .anchor_col div a {
        font-size: 22px;
        padding: 3px 0;
        letter-spacing:2px;
        font-size: clamp(0.98rem, 0.6rem + 0.8vw, 1.7rem);
    }
    .anchor_col div:first-child a > .ls {
        letter-spacing: -2px;
        padding-right: 6px;
    }
    .anchor_col div:nth-child(2) a {
        letter-spacing: 2px;
    }
    .anchor_col div:last-child a > .ls {
        letter-spacing: -3px;
        padding-right: 4px;
    }
    .anchor_col div a .fa-angle-right {
        right: 3%;
    }
}


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

 - obi

------------------------------------------ */
.obi {
	background-image: url(/item/html/user_data/assets/img/page/event/first_clearance2026/bg_img_obi.jpg);
	background-repeat: repeat;
}
.obi_under {
	background-image: url(/item/html/user_data/assets/img/page/event/first_clearance2026/bg_img_obi_under.jpg);
	background-repeat: repeat;
}
@media (max-width: 599px) {
	.obi {
		height: 10px !important;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .obi {
		height: 60px !important;
	}
}
@media (min-width: 1025px) {
	.obi {
		height: 30px !important;
	}
	.obi_under {
		height: 107px !important;
	}
}


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

 - area_contents_tit / area_contents_note

----------------------------------------------------- */
.area_contents_tit {
    text-align: center;
}
.area_contents_tit h2 {
	font-family: var(--font01);
	z-index: 2;
	position: relative;
}
.area_contents_tit h2 .one_character {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition:
      opacity 0.4s ease,
      transform 0.4s ease;
}
.area_contents_tit h2 .one_character.is-show {
    opacity: 1;
    transform: translateY(0);
}
.area_contents_tit h2 .tit_note {
	background: var(--lightgold);
	display: inline-block;
	border-radius: 80px;
	letter-spacing: 3px;
}
.area_contents_tit p {
    font-family: var(--font01);
    z-index: 2;
    position: relative;
}
@media (max-width: 599px) {
    .area_contents_tit {
		margin-bottom: 26px;
    }
    .area_contents_tit h2 {
		font-size: 30px;
		letter-spacing: -3px;
		line-height: 1.3;
		padding: 80px 0 20px;
	}
    .area_contents_tit h2 .tit_note {
        font-size: 20px;
        padding: 0 44px;
        margin-bottom: 8px;
    }
    .area_contents_tit h2 .ls {
        font-size: 30px;
        letter-spacing: -6px;
        padding-right: 6px;
        margin-top: 10px;
    }
    .area_contents_tit p {
		font-size: 18px;
		letter-spacing: 1px;
	}
    .area_contents_note {
        font-size: 12px !important;
        margin-top: 10px;
        text-align: left;
        text-indent: -12px;
        padding-left: 20px;
        position: relative;
        z-index: 1;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
    .area_contents_tit {
		margin-bottom: 26px;
    }
    .area_contents_tit h2 {
		font-size: 38px;
		letter-spacing: -3px;
		line-height: 1.5;
		margin-bottom: 10px;
    }
    .area_contents_tit h2 .tit_note {
        font-size: 18px;
        padding: 0 40px;
    }
    .area_contents_tit h2 .ls {
        font-size: 38px;
        letter-spacing: -6px;
        padding-right: 5px;
    }
    .area_contents_tit p {
		font-size: 18px;
		letter-spacing: 1px;
	}
    .area_contents_note {
        font-size: 13px !important;
        width: 100%;
        max-width: 100%;
        padding: 10px 0;
        margin: 0 auto;
        text-align: left;
    }
}
@media (min-width: 1025px) {
    .area_contents_tit {
		margin-bottom: 26px;
    }
    .area_contents_tit h2 {
		font-size: 70px;
		letter-spacing: -7px;
		line-height: 1.5;
		margin-bottom: 10px;
    }
    .area_contents_tit h2 .tit_note {
        font-size: 30px;
        padding: 0 74px;
    }
    .area_contents_tit h2 .ls {
        font-size: 71px;
        letter-spacing: -14px;
        padding-right: 12px;
    }
    .area_contents_tit p {
		font-size: 26px;
		letter-spacing: 1px;
	}
    .area_contents_note {
        font-size: 13px !important;
        width: 1300px;
        max-width: 100%;
        padding: 10px 0 0;
        margin: 0 auto;
        text-align: left;
    }
}

/* -------------------------------------
 ■ clearance_contents_tit
------------------------------------- */
.clearance_contents_tit h2 {
	color: var(--white);
}
.clearance_contents_tit p {
	color: var(--white);
}
.clearance_contents .area_contents_note {
    color: var(--white); 
}



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

 - clearance_area

------------------------------------------ */
.clearance_area {
	background: linear-gradient(to bottom, #bc0e25, #e64b29);
	padding: 0;
	position: relative;
	background-image: url(/item/html/user_data/assets/img/page/event/first_clearance2026/bg_img_red.jpg);
}
.clearance_contents {
	position: relative;
	z-index: 1;
}
.clearance_inner {
    background: var(--white);
	margin: 0 auto;
    position: relative;
    z-index: 2;
}
@media (max-width: 599px) {
    .clearance_contents {
		padding: var(--paddingSP);
	}
    .clearance_inner {
		max-width: 100%;
		padding: var(--padding_innerSP);
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .clearance_contents {
		padding: var(--paddingTABLET);
	}
    .clearance_inner {
		max-width: 100%;
		padding: var(--padding_innerTABLET);
	}
}
@media (min-width: 1025px) {
    .clearance_contents {
		padding: var(--paddingPC);
	}
    .clearance_inner {
		width: 1300px;
		max-width: 100%;
		padding: 80px 60px;
    }
}


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

 ■ clearance_category /  clearance_pickup
	 common

----------------------------------------------- */
.clearance_category,
.clearance_pickup {
    position: relative;
    z-index: 1;
    max-width: 100%;
}
.clearance_category h3,
.clearance_pickup h3 {
	text-align: center;
    font-family: var(--font01);
	position: relative;
}
.clearance_category h3::before,
.clearance_pickup h3::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url("/item/html/user_data/assets/img/page/event/first_clearance2026/musubi_01.png")
        no-repeat center/contain;
}
.clearance_category_item,
.clearance_pickup_item {
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (max-width: 599px) {
    .clearance_category h3,
    .clearance_pickup h3 {
        font-size: 18px;
        font-family: var(--font01);
        text-align: center;
        padding: 90px 0 0;
    }
    .clearance_category h3::before,
    .clearance_pickup h3::before {
		top: 14px;
		width: 200px;
		height: 80px;
		background: url("/item/html/user_data/assets/img/page/event/first_clearance2026/musubi_01.png")
		no-repeat center/contain;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .clearance_category h3,
    .clearance_pickup h3 {
        font-size: 20px;
        padding: 124px 0 8px;
    }
    .clearance_category h3::before,
    .clearance_pickup h3::before {
		top: 16px;
		width: 260px;
		height: 110px;
	}
}
@media (min-width: 1025px) {
    .clearance_category h3,
    .clearance_pickup h3 {
        font-size: 22px;
        padding: 120px 0 20px;
    }
    .clearance_category h3::before,
    .clearance_pickup h3::before {
		top: 0;
		width: 350px;
		height: 120px;
	}
}


/* -----------------------------------------------
 ■ clearance_category
----------------------------------------------- */
 .clearance_category {
    margin: 0 auto 16px;
}
.clearance_category_col {
    display: flex;
}
.clearance_category_item {
    display: flex;
}
.clearance_category_item .inner_item 
.clearance_category_item_text {
    font-family: var(--font01);
    text-align: center;
}
@media (max-width: 599px) {
    .clearance_category {
		margin: 0 auto;
	}
    .clearance_category_col {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 10px 30px;
	}
	.clearance_category_item {
		flex: 0 1 calc((100% - 1 * 30px) / 2);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.clearance_category_item .inner_item {
		width:45%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .clearance_category {
		margin: 0 auto;
	}
    .clearance_category_col {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 10px 30px;
	}
	.clearance_category_item {
		flex: 0 1 calc((100% - 1 * 30px) / 2);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.clearance_category_item .inner_item {
		width:45%;
	}
}
@media (min-width: 1025px) {
    .clearance_category {
		margin: 0 auto 80px;
	}
	.clearance_category_col {
		display:flex;
		flex-direction: column;
	}
	.clearance_category_item:first-of-type {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        gap: 30px;
    }
	.clearance_category_item:last-of-type {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 30px;
	}
    .clearance_category_item:first-of-type .inner_item {
		width:25%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
	.clearance_category_item:last-of-type .inner_item {
		width:25%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .clearance_category_item .inner_item 
    .clearance_category_item_text {
        font-size: 17px;
        letter-spacing: -1px;
    }
}


/* -----------------------------------------------
 ■ clearance_pickup
----------------------------------------------- */
.clearance_pickup_col {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.clearance_pickup_item {
	width:100%;
	align-items: center;
	gap: 20px;
}
@media (max-width: 599px) {
	.clearance_pickup {
		margin: 0 auto 20px;
	}
    .clearance_pickup_col {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}
	.clearance_pickup_item {
		width:100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .clearance_pickup {
		margin: 0 auto 20px;
	}
    .clearance_pickup_col {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin-top: 50px;
	}
	.clearance_pickup_item {
		width:100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 20px 30px;
		flex-wrap: wrap;
	}
}
@media (min-width: 1025px) {
    .clearance_pickup {
		margin: 0 auto;
	}
    .clearance_pickup_col {
		margin-top: 50px;
	}
	.clearance_pickup_item {
    	flex: 0 1 calc((100% - 3 * 30px) / 4);
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 30px;
	}
}




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

 ■ clearance_pickup_col - inner_item

------------------------------------------ */
.clearance_pickup_item .inner_item {
    display:flex;
}
@media (max-width: 599px) {
    .clearance_pickup_item .inner_item {
		flex-flow: column wrap;
		flex-direction: column-reverse;
		margin-top: 30px;
	}
	.clearance_pickup_item .inner_item:first-child {
		margin-top: 20px;
	}
	.clearance_pickup_item .inner_item:last-child {
		margin-bottom: 0;
	}
	.clearance_pickup_item .inner_item > div {
		width:100%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .clearance_pickup_item .inner_item {
		flex-flow: column-reverse;
		margin-bottom: 30px;
	    flex: 0 1 calc((100% - 1 * 30px) / 2);
	}
}
@media (min-width: 1025px) {
	.clearance_pickup_item .inner_item {
		flex-flow: column-reverse wrap;
		margin-bottom: 30px;
	    flex: 0 1 calc((100% - 3 * 30px) / 4);
	}
}
/*
 inner_item_text
---------------------------- */
.clearance_pickup_col .inner_item_text .p_name {
	font-family: var(--font01);
	letter-spacing: -1px;
}
.clearance_pickup_col .inner_item_text .p_o_price {
    text-decoration: line-through;
}
.clearance_pickup_col .inner_item_text .p_price {
	font-family: var(--font01);
    color: var(--red);
}
.clearance_pickup_col .inner_item_text .p_btn a {
    background: var(--gold);
    border-radius:30px;
	text-align:center;
    color: var(--white);
    display:inline-block;
    position: relative;
}
.clearance_pickup_col .inner_item_text .p_btn .fa-angle-right {
	position: absolute;
	transform: translateY(-50%);
}
@media (max-width: 599px) {
	.clearance_pickup_col .inner_item_text .p_name {
		font-size: 13px;
		margin: 8px auto 16px;
		letter-spacing: -1px;
		text-align: center;
	}
    .clearance_pickup_col .inner_item_text .p_name span {
		font-size: 18px;
	}
	.clearance_pickup_col .inner_item_text .p_size {
		text-align: center;
		font-size: 14px;
		margin-bottom: 7px;
	}
    .clearance_pickup_col .inner_item_text .p_o_price {
		text-align: center;
		font-size: 14px;
		margin-bottom: -8px;
	}
	.clearance_pickup_col .inner_item_text .p_price {
		font-size: 16px;
		text-align:center;
		margin-bottom: 3px;
	}
	.clearance_pickup_col .inner_item_text .p_price .f_size {
		font-size: 25px;
		letter-spacing: -1.2px;
		padding-left: 4px;
	}
	.clearance_pickup_col .inner_item_text .p_price .p_small {
		font-size: 15px;
		margin-left:-5px;
	}
	.clearance_pickup_col .inner_item_text .p_btn a {
		font-size: 14px;
		padding: 6px 20px;
		width:100%;
	}
	.clearance_pickup_col .inner_item_text .p_btn .fa-angle-right{
		top: 30%;
		right: 5%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .clearance_pickup_col .inner_item_text {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
	}
	.clearance_pickup_col .inner_item_text .p_name {
		font-size: 12px;
		margin: 10px auto 20px;
		flex-grow: 1;
	}
    .clearance_pickup_col .inner_item_text .p_name span {
		font-size: 18px;
	}
	.clearance_pickup_col .inner_item_text .p_size {
		font-size: 14px;
		margin-bottom: 6px;
		text-align: center;
	}
    .clearance_pickup_col .inner_item_text .p_o_price {
        text-align: left;
        font-size: 15px;
        margin-bottom: -6px;
    }
	.clearance_pickup_col .inner_item_text .p_price {
		font-size: 16px;
		margin-bottom: 8px;
		text-align: center;
	}
	.clearance_pickup_col .inner_item_text .p_price .f_size {
		font-size: 27px;
		letter-spacing: -1.2px;
		padding-left: 4px;
	}
	.clearance_pickup_col .inner_item_text .p_price .p_small {
		font-size: 15px;
		margin-left:-5px;
	}
	.clearance_pickup_col .inner_item_text .p_btn a {
		font-size: 14px;
		border-radius:30px;
		padding: 6px 0;
		width: 100%;
		text-align: center;
	}
	.clearance_pickup_col .inner_item_text .p_btn .fa-angle-right{
		top: 50%;
		right: 5%;
	}
}
@media (min-width: 1025px) {
	.clearance_pickup_col .inner_item_text {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: center;
	}
	.clearance_pickup_col .inner_item_text .p_name {
		font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
		margin: 10px auto 20px;
		flex-grow: 1;
	}
    .clearance_pickup_col .inner_item_text .p_name span {
		font-size: clamp(1.125rem, 1.03rem + 0.23vw, 1.65rem);
	}
    .clearance_pickup_col .inner_item_text .p_name .only_ltsp01 {
        letter-spacing: -2px;
        font-size: clamp(0.875rem, 0.74rem + 0.23vw, 1rem);
    }
    .clearance_pickup_col .inner_item_text .p_name .only_ltsp02 {
        letter-spacing: -5px;
        font-size: clamp(1.125rem, 1.03rem + 0.23vw, 1.65rem);
    }
	.clearance_pickup_col .inner_item_text .p_size {
		font-size: 12px;
		margin-bottom: 6px;
	}
    .clearance_pickup_col .inner_item_text .p_o_price {
        text-align: left;
        margin-bottom: -6px;
        font-size: clamp(0.875rem, 0.83rem + 0.23vw, 0.85rem);
    }
	.clearance_pickup_col .inner_item_text .p_price {
		margin-bottom: 8px;
		font-size: clamp(0.9rem, 0.5rem + 0.3vw, 1rem);
	}
	.clearance_pickup_col .inner_item_text .p_price .f_size {
		font-size: clamp(1.625rem, 1.534rem + 0.45vw, 1.875rem);
		letter-spacing: -1.2px;
		padding-left: 4px;
	}
    .clearance_pickup_col .inner_item_text .p_price .f_size .f_tilde {
        font-size: clamp(1.125rem, 1.03rem + 0.23vw, 1.65rem);
    }
	.clearance_pickup_col .inner_item_text .p_price .p_small {
		font-size: clamp(0.875rem, 0.5rem + 0.3vw, 1rem);
		margin-left:-5px;
	}
	.clearance_pickup_col .inner_item_text .p_btn a {
		font-size: 16px;
		border-radius:30px;
		padding: 8px 0;
		width: 100%;
		text-align: center;
	}
	.clearance_pickup_col .inner_item_text .p_btn .fa-angle-right{
		top: 50%;
		right: 5%;
	}
}

/* 
 inner_item_image / percent
------------------------------------- */
.clearance_pickup_col .inner_item_image {
    position: relative;
}
.clearance_pickup_col .inner_item_image::after {
    content: "";
    position: absolute;
    z-index: 2;
    background: url(/item/html/user_data/assets/img/page/event/first_clearance2026/percent_bg.png) no-repeat center / contain;
}
.clearance_pickup_col .percent {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    font-family: var(--font01);
    color: #fff;
    font-weight: normal;
    flex-direction: row;
    flex-wrap: wrap;
}
.clearance_pickup_col .percent span:first-of-type {
    font-weight: normal;
    width: 100%;
}
.clearance_pickup_col .percent span:last-of-type {
    font-family: var(--font03);
    letter-spacing: 0;
    width: 100%;
}
@media (max-width: 599px) {
	.clearance_pickup_col .inner_item_image::after {
		top: -41px;
		left: -17px;
		width: 78px;
		height: 78px;
	}
	.clearance_pickup_col .percent {
		top: -23px;
		left: -16px;
		line-height: 1;
	}
	.clearance_pickup_col .percent span:first-of-type {
		font-size: 28px;
		width: 40%;
		letter-spacing: -1px;
	}
	.clearance_pickup_col .percent span:nth-of-type(2) {
		font-size: 16px;
		padding-bottom: 2px;
	 }
	.clearance_pickup_col .percent span:last-of-type {
		font-size: 16px;
		width: 100%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.clearance_pickup_col .inner_item_image::after {
		top: -40px;
		left: -20px;
		width: 80px;
		height: 80px;
	}
	.clearance_pickup_col .percent {
		top: -22px;
		left: -20px;
		line-height: 1;
	}
	.clearance_pickup_col .percent span:first-of-type {
		font-size: 30px;
		width: 40%;
		letter-spacing: -3px;
	}
	.clearance_pickup_col .percent span:nth-of-type(2) {
		font-size: 17px;
		padding-bottom: 1px;
		font-weight: bold;
    }
	.clearance_pickup_col .percent span:last-of-type {
		font-size: 17px;
		width: 100%;
		font-weight: bold;
	}
}
@media (min-width: 1025px) {
  	.clearance_pickup_col .inner_item_image::after {
		top: -40px;
		left: -20px;
		width: 80px;
		height: 80px;
	}
	.clearance_pickup_col .percent {
		top: -22px;
		left: -20px;
		line-height: 1;
	}
	.clearance_pickup_col .percent span:first-of-type {
		font-size: 30px;
		width: 40%;
		letter-spacing: -3px;
	}
	.clearance_pickup_col .percent span:nth-of-type(2) {
		font-size: 17px;
		padding-bottom: 1px;
		font-weight: bold;
    }
	.clearance_pickup_col .percent span:last-of-type {
		font-size: 17px;
		width: 100%;
		font-weight: bold;
	}
}




/* ------------------------------------------
 ■ allitem_btn
------------------------------------------ */
.clearance_inner .allitem_btn {
	width: 100%;
}
.clearance_inner .allitem_btn .allitem_btn_link {
	font-weight: bold;
	text-align: center;
	font-family: var(--font02);
	color: var(--white);
	background: #e30213;
	display: block;
	position:relative;
    z-index:2;
    background-image: url(/item/html/user_data/assets/img/page/event/first_clearance2026/bg_img_red.jpg);
}
.clearance_inner .allitem_btn .allitem_btn_link 
.fa-angle-right {
	position: absolute;
    transform: translateY(-50%);
}
@media (max-width: 599px) {
    .clearance_inner .allitem_btn {
		width:100%;
		margin: 0 auto;
	}
	.clearance_inner .allitem_btn > p {
		text-align: center;
		margin-bottom: 5px;
		font-size: 13px;
	}
	.clearance_inner .allitem_btn .allitem_btn_link {
		font-size: 14px;
		letter-spacing: 0.5px;
		padding: 14px;
	}
	.clearance_inner .allitem_btn .allitem_btn_link 
	.fa-angle-right {
		top: 40%;
		right: 5%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .clearance_inner .allitem_btn {
		max-width: 100%;
		margin: 0 auto 20px;
		padding: 0;
	}
	.clearance_inner .allitem_btn > p {
		text-align: center;
		margin-bottom: 5px;
		font-size: 15px;
	}
    .clearance_inner .allitem_btn > p .speech_bubble {
        display: inline;
    }
	.clearance_inner .allitem_btn .allitem_btn_link {
		font-size:18px;
		letter-spacing: 2px;
		padding: 8px;
	}
	.clearance_inner .allitem_btn .allitem_btn_link 
	.fa-angle-right {
		top: 50%;
		right: 3%;
	}
}
@media (min-width: 1025px) {
    .clearance_inner .allitem_btn {
		max-width: 900px;
		margin: 30px auto 0;
		padding: 0 30px;
	}
	.clearance_inner .allitem_btn > p {
		text-align: center;
		margin-bottom: 10px;
		font-size: 16px;
	}
    .clearance_inner .allitem_btn > p .speech_bubble {
        display: inline;
    }
	.clearance_inner .allitem_btn .allitem_btn_link {
		font-size:18px;
		letter-spacing: 2px;
		padding: 14px;
	}
	.clearance_inner .allitem_btn .allitem_btn_link 
	.fa-angle-right {
		top: 50%;
		right: 3%;
	}
}


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

 - limited_area

------------------------------------------ */
.limited_area {
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    position: relative;
    background-image: url(/item/html/user_data/assets/img/page/event/first_clearance2026/bg_img.jpg);
    background-repeat: repeat;
}


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

 - special_price_contents

------------------------------------------ */
.special_price_contents {
    position: relative;
    z-index: 1;
    padding: var(--paddingTABLET);
}
.special_price_inner {
    position: relative;
    z-index: 2;
    background: var(--white);
    max-width: 100%;
    margin: 0 auto;
    border: 4px solid var(--gold);
    border-radius: 20px;
}
@media (max-width: 599px) {
    .special_price_contents {
		padding: var(--paddingSP);
	}
	.special_price_inner {
		width: 100%;
		padding: var(--padding_innerSP);
		padding-top: 16px;
		border-radius: 20px;
        position: relative;
        z-index: 1;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.special_price_contents {
		padding: var(--paddingTABLET);
		padding-top: 60px;
	}
	.special_price_inner {
		width: 100%;
		padding:var(--padding_innerTABLET);
		border-radius: 20px;
	}
}
@media (min-width: 1025px) {
	.special_price_contents {
		padding: var(--paddingPC);
		padding-top: 80px;
	}
	.special_price_inner {
		width: 1300px;
		padding: 80px 60px 80px;
		border-radius: 20px;
	}
}


/* ------------------------------------------
 ■ special_price_inner_col / inner_item
------------------------------------------ */
.special_price_inner_col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.special_price_inner_col .inner_item {
    display:flex;
    position: relative;
}
@media (max-width: 599px) {
	.special_price_inner_col {
		gap: 20px;
        margin-bottom: 20px;
	}
    .special_price_inner_col .inner_item {
		flex-flow: column wrap;
		flex-direction: column-reverse;
		margin-top: 30px;
	}
	.special_price_inner_col .inner_item:last-child {
		margin-bottom: 0;
	}
	.special_price_inner_col .inner_item > div {
		width:100%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .special_price_inner_col {
        gap: 60px;
        padding-top: 50px;
    }
	.special_price_inner_col .inner_item {
	    flex-flow: row nowrap;
	    gap: 20px;
	    align-items: center;
	}
	.special_price_inner_col .inner_item_wrap:nth-of-type(even) .inner_item {
		flex-direction:row-reverse;
	}
	.special_price_inner_col .inner_item > div {
	    flex: 0 1 calc((100% - 1 * 20px) / 2);
	}
}
@media (min-width: 1025px) {
    .special_price_inner_col {
        gap: 80px;
    }
	.special_price_inner_col .inner_item {
	    flex-flow: row nowrap;
	    gap: 40px;
	    align-items: center;
	}
	.special_price_inner_col .inner_item_wrap:nth-of-type(even) .inner_item {
		flex-direction:row-reverse;
	}
	.special_price_inner_col .inner_item > div {
	    flex: 0 1 calc((100% - 1 * 60px) / 2);
	}
}


/* 
 inner_item_text 
---------------------------- */
.special_price_inner_col .inner_item_text .p_name {
	font-family: var(--font01);
}
.special_price_inner_col .inner_item_text .p_o_price {
    text-decoration: line-through;
}
.special_price_inner_col .inner_item_text .p_price {
	font-family: var(--font01);
    color: var(--red);
}
.special_price_inner_col .inner_item_text .p_btn a {
    background: var(--gold);
    border-radius:30px;
    color: var(--white);
    display:inline-block;
    position: relative;
}
.special_price_inner_col .inner_item_text .p_btn .fa-angle-right{
	position: absolute;
	transform: translateY(-50%);
}
@media (max-width: 599px) {
    .special_price_inner_col .inner_item_text .p_number_img {
		width: 60%;
		margin:10px auto;
	}
	.special_price_inner_col .inner_item_text .p_name {
		font-size: 13px;
		margin: 8px auto 16px;
		letter-spacing: -1px;
		text-align: center;
	}
	.special_price_inner_col .inner_item_text .p_name span {
		font-size: 18px;
	}
    .special_price_inner_col .inner_item_text .p_o_price {
		text-align: center;
		font-size: 14px;
		margin-bottom: -8px;
	}
	.special_price_inner_col .inner_item_text .p_price {
		font-size: 16px;
		text-align:center;
		margin-bottom: 3px;
	}
	.special_price_inner_col .inner_item_text .p_price .f_size {
		font-size: 25px;
		letter-spacing: -1.2px;
		padding-left: 4px;
	}
	.special_price_inner_col .inner_item_text .p_price .p_small {
	    font-size: 15px;
	    margin-left:-5px;
	}
	.special_price_inner_col .inner_item_text .p_btn a {
	    font-size: 14px;
	    padding: 6px 20px;
	    width: 100%;
	}
	.special_price_inner_col .inner_item_text .p_btn .fa-angle-right{
		top: 30%;
		right: 5%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .special_price_inner_col .inner_item_text {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
    }
    .special_price_inner_col .inner_item_text .p_number_img {
        text-align: left;
        margin-bottom: 5px;
        width: 50%;
    }
	.special_price_inner_col .inner_item_text .p_name {
		font-size: 14px;
		margin-bottom: 7px;
		text-align: left;
	}
	.special_price_inner_col .inner_item_text .p_name span {
		font-size: 20px;
	}
    .special_price_inner_col .inner_item_text .p_set {
        margin-bottom: 4px;
        font-size: 13px;
        text-align: left;
    }
    .special_price_inner_col .inner_item_text .p_o_price {
        text-align: left;
        font-size: 13px;
        margin-bottom: -1px;
    }
	.special_price_inner_col .inner_item_text .p_price {
        font-size: 14px;
        margin-bottom: 3px;
        text-align: left;
    }
	.special_price_inner_col .inner_item_text .p_price .f_size {
		font-size: 22px;
		letter-spacing: -1px;
		padding-left: 10px;
	}
	.special_price_inner_col .inner_item_text .p_price .p_small {
	    font-size: 14px;
		margin-left:-5px;
	}
	.special_price_inner_col .inner_item_text .p_btn {
		text-align:left;
		width: 80%;
	}
	.special_price_inner_col .inner_item_text .p_btn a {
	    font-size: 14px;
		text-align:center;
	    padding: 6px 10px;
	    width:100%;
	}
	.special_price_inner_col .inner_item_text .p_btn .fa-angle-right{
		top: 50%;
		right: 5%;
	}
}
@media (min-width: 1025px) {
	.special_price_inner_col .inner_item_text {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-content: flex-start;
        padding: 0 40px;
     }
    .special_price_inner_col .inner_item_text .p_number_img {
        text-align: left;
        margin-bottom: 15px;
     }
	.special_price_inner_col .inner_item_text .p_name {
		margin-bottom: 24px;
		text-align: left;
		font-size: clamp(1rem, 0.8rem + 0.6vw, 1.7rem);
	}
	.special_price_inner_col .inner_item_text .p_name span {
		font-size: 32px;
		font-size: clamp(1.625rem, 1.534rem + 0.45vw, 1.875rem);
	}
    .special_price_inner_col .inner_item_text .p_set {
        margin-bottom: 18px;
        font-size: 14px;
        text-align: left;
     }
    .special_price_inner_col .inner_item_text .p_o_price {
        text-align: left;
        font-size: 18px;
        margin-bottom: -12px;
	}
	.special_price_inner_col .inner_item_text .p_price {
        font-size: 26px;
        margin-bottom: 4px;
        text-align: left;
     }
	.special_price_inner_col .inner_item_text .p_price .f_size {
		font-size: 40px;
		letter-spacing:-2px;
		padding-left: 10px;
	}
	.special_price_inner_col .inner_item_text .p_price .p_small {
	    font-size: 18px;
		margin-left:-5px;
	}
	.special_price_inner_col .inner_item_text .p_btn {
		text-align:left;
		width: 80%;
	}
	.special_price_inner_col .inner_item_text .p_btn a {
	    font-size: 16px;
		text-align:center;
	    border-radius:30px;
	    padding: 8px 0;
        width: 100%;
	}
	.special_price_inner_col .inner_item_text .p_btn .fa-angle-right{
		top: 50%;
		right: 5%;
	}
}

/* 
 inner_item_image / percent
------------------------------------- */
.special_price_inner_col .inner_item_image {
    position: relative;
}
.special_price_inner_col .inner_item_image::after {
    content: "";
    position: absolute;
    z-index: 2;
    background:
        url(/item/html/user_data/assets/img/page/event/first_clearance2026/percent_bg.png) no-repeat center / contain;
}
.special_price_inner_col .percent {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    font-family: var(--font01);
    color: #fff;
    font-weight: normal;
    flex-direction: row;
    flex-wrap: wrap;
}
.special_price_inner_col .percent span:first-of-type {
    font-weight: normal;
    width: 100%;
}
.special_price_inner_col .percent span:last-of-type {
    font-family: var(--font03);
    letter-spacing: 0;
    width: 100%;
}
@media (max-width: 599px) {
	.special_price_inner_col .inner_item_image::after {
		top: -41px;
		left: -17px;
		width: 78px;
		height: 78px;
	}
	.special_price_inner_col .percent {
		top: -23px;
		left: -16px;
		line-height: 1;
	}
	.special_price_inner_col .percent span:first-of-type {
		font-size: 28px;
		width: 40%;
		letter-spacing: -1px;
	}
	.special_price_inner_col .percent span:nth-of-type(2) {
		font-size: 16px;
		padding-bottom: 2px;
	 }
	.special_price_inner_col .percent span:last-of-type {
		font-size: 16px;
		width: 100%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.special_price_inner_col .inner_item_image::after {
		top: -31px;
		left: -33px;
		width: 90px;
		height: 90px;
	}
	.special_price_inner_col .percent {
		top: -10px;
		left: -33px;
		line-height: 1;
	}
	.special_price_inner_col .percent span:first-of-type {
		font-size: 32px;
		width: 40%;
		letter-spacing: -3px;
	}
	.special_price_inner_col .percent span:nth-of-type(2) {
		font-size: 18px;
		padding-bottom: 3px;
		font-weight: bold;
	}
	.special_price_inner_col .percent span:last-of-type {
		font-size: 20px;
		width: 100%;
		font-weight: bold;
	}
}
@media (min-width: 1025px) {
  	.special_price_inner_col .inner_item_image::after {
		top: -40px;
		left: -39px;
		width: 110px;
		height: 110px;
	}
	.special_price_inner_col .percent {
		top: -14px;
		left: -32px;
		line-height: 1;
	}
	.special_price_inner_col .percent span:first-of-type {
		font-size: 38px;
		width: 40%;
		letter-spacing: -3px;
	}
	.special_price_inner_col .percent span:nth-of-type(2) {
		font-size: 21px;
		padding-bottom: 1px;
		font-weight: bold;
	}
	.special_price_inner_col .percent span:last-of-type {
		font-size: 20px;
		width: 100%;
		font-weight: bold;
	}
}


/* --------------------------------------------------
 ■ special_price_inner_col / mask-soldout
-------------------------------------------------- */
.special_price_inner_col .mask-soldout {
	position: absolute;
}
.special_price_inner_col .mask-soldout .soldout {
	background: rgb(0 0 0 / 66%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	z-index: 8;
	position: absolute;
}
.special_price_inner_col .mask-soldout .soldout > p {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-family: var(--font01);
}

@media (max-width: 599px) {
	.special_price_inner_col .mask-soldout {
		width: 100%;
		height: 110%;
		top: -30px;
		left: 0;
	}
    .special_price_inner_col .mask-soldout .soldout {
		height: 100%;
	}
	.special_price_inner_col .mask-soldout .soldout > p {
		font-size: 18px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .special_price_inner_col .mask-soldout {
		width: 106%;
		height: 120%;
		top: -34px;
		left: -3%;
	}
	.special_price_inner_col .mask-soldout .soldout {
		height: 100%;
	}
	.special_price_inner_col .mask-soldout .soldout > p {
		font-size: 20px;
		letter-spacing: 2px;
	}
}
@media (min-width: 1025px) {
	.special_price_inner_col .mask-soldout {
		width: 105%;
		height: 113%;
		top: -52px;
		left: -2.5%;
	}
	.special_price_inner_col .mask-soldout .soldout {
		height: 100%;
	}
	.special_price_inner_col .mask-soldout .soldout > p {
		font-size: 40px;
		letter-spacing: 2px;
	}
}

/* ------------------------------------------------------
 ■ special_price_inner_col / soldout_after_btn
------------------------------------------------------ */
.special_price_inner_col .soldout_after_btn {
	position: relative;
	z-index: 1;
}
.special_price_inner_col .soldout_after_btn p {
    font-weight: bold;
    color: var(--red);
    line-height: 1.4;
}
.special_price_inner_col .soldout_after_btn a {
    font-weight: bold;
    color: var(--red);
    line-height: 1.4;
    text-decoration: underline;
}

@media (max-width: 599px) {
    .special_price_inner_col .soldout_after_btn {
	    margin-top: 19px;
	}
	.special_price_inner_col .soldout_after_btn p {
	    font-size: 14px;
	    font-weight: bold;
	    margin-bottom: 0;
	}
	.special_price_inner_col .soldout_after_btn a {
	    font-size: 13px;
	    font-weight: normal;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .special_price_inner_col .soldout_after_btn {
	    margin-top: 29px;
	}
	.special_price_inner_col .soldout_after_btn p {
	    font-size: 18px;
	    margin-bottom: 5px;
	}
	.special_price_inner_col .soldout_after_btn a {
	    font-size: 16px;
	}
}
@media (min-width: 1025px) {
	.special_price_inner_col .soldout_after_btn {
	    margin-top: 6px;
	}
	.special_price_inner_col .soldout_after_btn p {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.special_price_inner_col .soldout_after_btn a {
	    font-size: 16px;
	}
}


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

 - fukubukuro_contents

------------------------------------------ */
.fukubukuro_contents {
    position: relative;
    z-index: 1;
}
.fukubukuro_inner {
    background: var(--white);
    max-width: 100%;
    margin: 0 auto;
    border: 4px solid var(--gold);
    border-radius: 20px;
    display: flex;
}
.fukubukuro_inner .inner_item {
    display: flex;
}
.fukubukuro_inner_lead {
    display: flex;
}
.fukubukuro_inner_lead h3 {
	font-weight: bold;
	display: inline-block;
	border-bottom: 3px solid var(--gold);
}
.fukubukuro_inner_lead p {
	/* font-weight: bold; */
	text-align: center;
}
.fukubukuro_inner_image_col {
	display: flex;
}
.fukubukuro_btn {
    position:relative;
}
.fukubukuro_link_btn p {
	text-align: center;
}
.fukubukuro_inner_image a {
	background: var(--gold);
	border-radius: 30px;
	display: inline-block;
	color: var(--white);
	position:relative;
}
.fukubukuro_inner_image a .fa-angle-right{
	position: absolute;
	transform: translateY(-50%);
}
@media (max-width: 599px) {
    .fukubukuro_contents {
	    padding: var(--paddingSP);
	    padding-bottom: 140px;
	    margin-bottom: 50px;
	}
	.fukubukuro_inner {
	    width: 100%;
	    flex-direction: column;
	    padding: 26px 7vw 40px;
	    border-radius: 20px;
	    gap: 50px;
	    position: relative;
	    z-index: 1;
	}
	.fukubukuro_inner .inner_item {
		flex-direction: column;
		width: 100%;
	}
	.fukubukuro_inner_lead {
	    flex-direction: column;
	}
	.fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_lead h3 {
		font-size: 21px;
		line-height:1.4;
		padding-bottom: 6px;
	}
	.fukubukuro_inner_lead h3 {
		font-size: 18px;
		margin-bottom: 10px;
		font-family: var(--font01);
		font-weight: normal;
		padding-bottom: 4px;
	}
	.fukubukuro_inner_lead p {
		font-size: 14px;
		margin-bottom: 16px;
		padding: 0;
		font-weight: normal;
		font-family: var(--font01);
		text-align: left;
		letter-spacing: -0.5px;
	}
	.fukubukuro_inner_image_col {
		flex-direction: column;
		flex-wrap: wrap;
		gap: 40px;
	}
	.fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_image {
	    width: 100%;
	}
	.fukubukuro_inner_image a {
		font-size: 14px;
		padding: 6px 20px;
		width: 90%;
		margin-top: 11px;
	}
	.fukubukuro_inner_image a .fa-angle-right{
		top: 30%;
		right: 5%;
	}
    .fukubukuro_link_btn p {
		font-size: 12px;
		margin: 6px auto 0;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .fukubukuro_contents {
	    padding: var(--paddingTABLET);
	    padding-bottom: 190px;
	}
	.fukubukuro_inner {
	    width: 100%;
	    max-width: 100%;
	    margin: 0 auto;
	    padding: var(--padding_innerTABLET);
		padding-top:30px;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.fukubukuro_inner .inner_item:first-child {
		width: 100%;
		margin-bottom: 60px;
		flex-direction: column;
	}
	.fukubukuro_inner .inner_item:not(:first-child) {
		display: grid;
		grid-template-rows: auto 1fr;
		width: 47%;
		margin-bottom: 60px;
	}
    .fukubukuro_inner .inner_item:last-child {
		margin-bottom: 10px;
	}
	.fukubukuro_inner_lead {
	    flex-direction: column;
	    padding: 0 15px;
		grid-row: 1;
	}
	.fukubukuro_inner_lead h3 {
		font-size: clamp(1rem, 0.718rem + 0.79vw, 1.7rem);
		margin-bottom: 14px;
		font-family: var(--font01);
		font-weight: normal;
		letter-spacing: -1px;
	}
    .fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_lead h3 {
		font-size: 25px;
	}
	.fukubukuro_inner_lead p {
		font-size: clamp(0.875rem, 0.73rem + 0.33vw, 1.4rem);
		margin-bottom: 10px;
		padding: 0;
		text-align: left;
		font-family: var(--font01);
		letter-spacing: -1px;
	}
	.fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_lead p {
		font-size: clamp(0.875rem, 0.73rem + 0.4vw, 1.5rem);
		padding: 0 20px;
        text-align: center;
	}
	.fukubukuro_inner_image_col {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		grid-row: 2;
	    margin-top: auto;
	}
	.fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_image {
	    width: 47%;
	}
	.fukubukuro_link_btn a {
		padding: 8px 0;
		margin-top: 20px;
		font-size: 16px;
		width: 90%;
	}
	.fukubukuro_link_btn a .fa-angle-right{
		top: 50%;
		right: 5%;
	}
    .fukubukuro_link_btn p {
		font-size: 13px;
		margin: 6px auto 0;
	}
}
@media (min-width: 1025px) {
	.fukubukuro_contents {
	    padding: var(--paddingPC);
	    padding-bottom: 190px;
	}
	.fukubukuro_inner {
	    width: 1300px;
	    max-width: 100%;
	    margin: 0 auto;
	    padding: 60px 60px 80px;
	    flex-direction: row;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.fukubukuro_inner .inner_item:first-child {
		width: 100%;
		margin-bottom: 100px;
		flex-direction: column;
		
	}
	.fukubukuro_inner .inner_item:not(:first-child) {
		display: grid;
		grid-template-rows: auto 1fr;
		width: 32%;
		margin-bottom: 20px;
	}
	.fukubukuro_inner_lead {
	    flex-direction: column;
	    padding: 0 15px;
		grid-row: 1;
	}
	.fukubukuro_inner_lead h3 {
		font-size: clamp(1rem, 0.718rem + 0.79vw, 1.7rem);
		margin-bottom: 20px;
		font-family: var(--font01);
		font-weight: normal;
		letter-spacing: -1px;
	}
    .fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_lead h3 {
		font-size: 42px;
	}
	.fukubukuro_inner_lead p {
		font-size: clamp(0.875rem, 0.73rem + 0.33vw, 1.4rem);
		margin-bottom: 40px;
		padding: 0 10px;
		text-align: left;
		font-family: var(--font01);
		letter-spacing: -1px;
	}
	.fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_lead p {
		font-size: clamp(0.875rem, 0.73rem + 0.4vw, 1.5rem);
		padding: 0 20px;
        text-align: center;
	}
	.fukubukuro_inner_image_col {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		grid-row: 2;
	    margin-top: auto;
	}
	.fukubukuro_inner .inner_item:first-of-type .fukubukuro_inner_image {
	    width: 47%;
	}
	.fukubukuro_link_btn a {
		padding: 8px 0;
		margin-top: 20px;
		font-size: 16px;
		width: 80%;
	}
	.fukubukuro_link_btn a .fa-angle-right{
		top: 50%;
		right: 5%;
	}
    .fukubukuro_link_btn p {
		font-size: 13px;
		margin: 6px auto 0;
	}
}




/* -------------------------------------------------------
 ■ fukubukuro_inner_image_col / mask-soldout
------------------------------------------------------- */
.fukubukuro_inner_image_col .mask-soldout {
	position: absolute;
}
.fukubukuro_inner_image_col .mask-soldout .soldout {
	background: rgb(0 0 0 / 66%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 8;
	margin: 0 auto;
	text-align: center;
	position: absolute;
}
.fukubukuro_inner_image_col .mask-soldout .soldout > p {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-family: var(--font01);
}

@media (max-width: 599px) {
	.fukubukuro_inner_image_col .mask-soldout {
		width: 100%;
		height: 100%;
		top: 5px;
		left: 0;
	}
    .fukubukuro_inner_image_col .mask-soldout .soldout {
		height: 100%;
		width: 100%;
	}
	.fukubukuro_inner_image_col .mask-soldout .soldout > p {
		font-size: 16px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .fukubukuro_inner_image_col .mask-soldout {
		width: 100%;
		height: 100%;
		top: 10px;
		left: 0;
	}
	.fukubukuro_inner_image_col .mask-soldout .soldout {
		height: 100%;
		width: 100%;
	}
	.fukubukuro_inner_image_col .mask-soldout .soldout > p {
		font-size: 18px;
		letter-spacing: 2px;
	}
}
@media (min-width: 1025px) {
	.fukubukuro_inner_image_col .mask-soldout {
		width: 100%;
		height: 100%;
		top: 13%;
		left: 5%;
	}
	.fukubukuro_inner_image_col .mask-soldout .soldout {
		height: 100%;
		width: 90%;
	}
	.fukubukuro_inner_image_col .mask-soldout .soldout > p {
		font-size: 20px;
		letter-spacing: 2px;
	}
}



/* ------------------------------------------ 
 ■ fukubukuro_contents bottom
------------------------------------------ */
.fukubukuro_contents::before {
    content: "";
    position: absolute;
    background: url(/item/html/user_data/assets/img/page/event/first_clearance2026/layer_left.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.fukubukuro_contents::after {
    content: "";
    position: absolute;
    background: url(/item/html/user_data/assets/img/page/event/first_clearance2026/layer_right.png);
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 599px) {
    .fukubukuro_contents::before {
	    left: 0%;
	    top: 96.8%;
	    width: 49%;
	    height: 5%;
	}
	.fukubukuro_contents::after {
	    right: 0%;
	    top: 96.5%;
	    width: 52%;
	    height: 5%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .fukubukuro_contents::before {
	    left: 0%;
	    top: 93%;
	    width: 35%;
	    height: 10%;
	}
	.fukubukuro_contents::after {
	    right: 0%;
	    top: 92%;
	    width: 38%;
	    height: 10%;
	}
}
@media (min-width: 1025px) {
	.fukubukuro_contents::before {
	    left: 0%;
	    top: 93%;
	    width: 34%;
	    height: 12%;
	}
	.fukubukuro_contents::after {
	    right: 0%;
	    top: 92%;
	    width: 30%;
	    height: 14%;
	}
}





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

  - bg object

----------------------------------------- */
/* ========================
 kumo_w_bg, kumo_s_bg, kumo_y_bg
======================== */
.clearance_contents,
.special_price_contents {
    position: relative;
}
.kumo_w_bg,
.kumo_s_bg,
.kumo_y_bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: visible;
    z-index: 0;
}
.float_item_kumo_w,
.float_item_kumo_s,
.float_item_kumo_y {
    position: absolute;
    transform-origin: center;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* ========================
 hana
======================== */
.fukubukuro_contents {
    position: relative;
}
.hana_bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: visible;
    z-index: 1;
}
.float_item_hana {
    position: absolute;
    transform-origin: center;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
}



/* ------------------------------------------ 
	 
 - footer

------------------------------------------ */
.ac_products_footerbtn_box {
    text-align: center;
    margin: 50px auto 0;
}
.ac_products_footerbtn_box a {
	text-decoration: underline;
}
@media (max-width: 599px) {
    
}
@media (min-width: 600px) and (max-width: 1024px) {
    
}
@media (min-width: 1025px) {
	.ac_products_footerbtn_box {
		text-align: center;
		padding:var(--paddingPC);
		margin: 0 auto;
	}
	.ac_products_footerbtn_box a {
		text-decoration: underline;
	}  
}