@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');

.osechi {
	font-family: "Shippori Mincho", serif;
}

#nav {
    width: 90px;
    position: fixed;
    right: 10px;
    bottom: 110px;
    background: #fff;
    border: 1px solid #DEC283;
    border-radius: 4px;
    padding-inline: 4px;
    z-index: 10;
}
.nav_item:nth-of-type(n + 2) {
    border-top: 1px solid #DEC283;
}
.nav_item a {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    padding-block: 10px 3px;
		text-decoration: none;
}
.nav_icon {
    width: 30px;
}
.nav_name {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 2.5em;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -.1em;
}

#lead {
    background: url(/img/usr/freepage/osechi2026/pattern01.png) repeat-x center / auto 100%,linear-gradient(0deg, #8b1515 0%, #9b2121 100%);
    padding-block: 60px;
}
.lead_text {
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 2;
}

#anchor {
    background: #E3DAC3;
    padding-block: 60px;
}
.anchor_inner {
    width: clamp(1260px, 100%, 1680px);
    margin: 0 auto;
    padding-inline: 30px;
}
.anchor_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
}
.anchor_item {
    flex: 1;
}
.anchor_item a {
    display: flex;
		flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #DEC283;
    border-radius: 4px;
    padding-block: 24px;
		text-decoration: none;
}
.anchor_icon {
    width: 52px;
    margin-bottom: 8px;
}
.anchor_name {
		text-align: center;
    color: #202020;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.05em;
    margin-bottom: 10px;
}
.anchor_item a::after {
    content: "";
    display: inline;
    width: 11px;
    height: 11px;
    border-right: 2px solid #A72121;
    border-bottom: 2px solid #A72121;
    rotate: 45deg;
}
#campaign {
    padding-block: 80px 160px;
		background: url(/img/usr/freepage/osechi2026/bg_zara.png) repeat center / 600px auto,url(/img/usr/freepage/osechi2026/bg_kira.png) repeat-y center / 100% auto;
		position: relative;
}
#campaign::before {
    display: none;
}
#campaign::after {
    content: "";
    display: inline-block;
    background: url(/img/usr/freepage/osechi2026/plant01.png) no-repeat left center / contain;
    width: max(100%, 1920px);
    height: 482px;
    position: absolute;
    left: 50%;
    bottom: -140px;
    z-index: 5;
    translate: -50% 0;
    pointer-events: none;
}
.campaign_inner {
    width: 1260px;
    margin-inline: auto;
    padding-inline: 30px;
}
.campaign_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    gap: 40px 30px;
}
.campaign_item {
    width: calc((100% - 90px) / 4);
    position: relative;
}
.campaign_item:has(.swiper) {
		background: url(/img/usr/freepage/osechi2026/new_campaign04_00.png) no-repeat center / cover;
}
.campaign_item::before {
    content: "";
    display: inline-block;
    width: 273px;
    height: 177px;
    background: #202020;
    opacity: .11;
    filter: blur(4px);
    transform: skewY(-2deg);
    position: absolute;
    left: 2px;
    bottom: -5px;
}
.campaign_item::after {
    content: "";
    display: inline-block;
    width: 273px;
    height: 177px;
    background: #202020;
    opacity: .11;
    filter: blur(4px);
    transform: skewY(2deg);
    position: absolute;
    right: 2px;
    bottom: -5px;
}
.campaign_item img {
    position: relative;
    z-index: 5;
}
.coupon_content {
		display: flex;
		flex-flow: row wrap;
		align-content: center;
		justify-content: center;
		align-items: stretch;
    width: 90%;
    height: 37%;
    padding-inline: 10px;
		position: absolute;
		left: 50%;
    top: 30%;
		z-index: 5;
		translate: -50% 0;
}
.coupon_content::before {
    content: "クーポンコード";
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #a2885b;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}
.coupon_content .code {
    color: #a2885b;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid;
    border-radius: 8px 0 0 8px;
    padding: 10px 0;
    flex: 1;
}
.coupon_content .button {
    flex: 1;
}
.coupon_content .button button {
    background: #a2885b;
    border: 2px solid #a2885b;
    width: 100%;
    height: 100%;
    border-radius: 0 8px 8px 0;
    padding-inline: 0;
}
.coupon_content .copy-value {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.coupon_content .copy-value::after {
    font-size: 12px;
    content: "コピーしました！";
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #a2885b;
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 1px);
    height: 100%;
    border-radius: 0 8px 8px 0;
    opacity: 0;
    transition: .3s;
    pointer-events: none;
    z-index: 5;
}
.coupon_content .copy-value.tooltip::after {
		opacity: 1;
}
.coupon_note {
    position: absolute;
    bottom: 11%;
    left: 0;
    z-index: 5;
    width: 100%;
    text-align: center;
}
.coupon_note a {
    color: #a72121;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
}


#select_osechi {
    padding-block: 160px;
		background: url(/img/usr/freepage/osechi2026/bg_zara.png) repeat center / 600px auto,url(/img/usr/freepage/osechi2026/bg_kira.png) repeat-y center / 100% auto;
		position: relative;
}
.select_osechi_content {
    width: 1200px;
    margin-inline: auto;
    margin-bottom: 60px;
}
.select_osechi_content .swiper {
    overflow: visible;
}
[data-browse-mode="P"] .select_osechi_content .swiper-wrapper {
    flex-flow: row wrap;
    gap: 20px;
}
[data-browse-mode="P"] .select_osechi_item.swiper-slide {
    flex: 1;
}
.select_osechi_item a {
    text-decoration: none;
}
.select_osechi_catch {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 60px;
    border-image: url(/img/usr/freepage/osechi2026/frame01.png) 68 / 300px;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    position: relative;
    z-index: 5;
}
.select_osechi_catch .color {
    color: #A72121;
}
.select_osechi_img {
    margin-bottom: 15px;
		position: relative;
    aspect-ratio: 1 / 1;
}
.select_osechi_img img {
    width: 100%;
}
.select_osechi_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.select_osechi_item.swiper-slide:has(a[href*="Z001406051"]) .select_osechi_img::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/img/icon/limited.png) no-repeat center / contain;
    position: absolute;
    left: 8px;
    top: 8px;
}
.select_osechi_rate {
  font-size: 18px;
  line-height: 1;
  position: relative;
  color: #ccc;
  margin-bottom: 11px;
  display: inline-block;
}
.select_osechi_rate::before {
  content: "★★★★★";
  display: inline-block;
  width: calc(20% * var(--score));
  white-space: nowrap;
  overflow: hidden;
  color: #A72121;
  position: absolute;
}
.select_osechi_rate[rate="3"],.select_osechi_rate[rate="3.0"] {--score:3;}
.select_osechi_rate[rate="31"],.select_osechi_rate[rate="3.1"] {--score:3.1;}
.select_osechi_rate[rate="32"],.select_osechi_rate[rate="3.2"] {--score:3.2;}
.select_osechi_rate[rate="33"],.select_osechi_rate[rate="3.3"] {--score:3.3;}
.select_osechi_rate[rate="34"],.select_osechi_rate[rate="3.4"] {--score:3.4;}
.select_osechi_rate[rate="35"],.select_osechi_rate[rate="3.5"] {--score:3.5;}
.select_osechi_rate[rate="36"],.select_osechi_rate[rate="3.6"] {--score:3.6;}
.select_osechi_rate[rate="37"],.select_osechi_rate[rate="3.7"] {--score:3.7;}
.select_osechi_rate[rate="38"],.select_osechi_rate[rate="3.8"] {--score:3.8;}
.select_osechi_rate[rate="39"],.select_osechi_rate[rate="3.9"] {--score:3.9;}
.select_osechi_rate[rate="4"],.select_osechi_rate[rate="4.0"] {--score:4;}
.select_osechi_rate[rate="41"],.select_osechi_rate[rate="4.1"] {--score:4.1;}
.select_osechi_rate[rate="42"],.select_osechi_rate[rate="4.2"] {--score:4.2;}
.select_osechi_rate[rate="43"],.select_osechi_rate[rate="4.3"] {--score:4.3;}
.select_osechi_rate[rate="44"],.select_osechi_rate[rate="4.4"] {--score:4.4;}
.select_osechi_rate[rate="45"],.select_osechi_rate[rate="4.5"] {--score:4.5;}
.select_osechi_rate[rate="46"],.select_osechi_rate[rate="4.6"] {--score:4.6;}
.select_osechi_rate[rate="47"],.select_osechi_rate[rate="4.7"] {--score:4.7;}
.select_osechi_rate[rate="48"],.select_osechi_rate[rate="4.8"] {--score:4.8;}
.select_osechi_rate[rate="49"],.select_osechi_rate[rate="4.9"] {--score:4.9;}
.select_osechi_rate[rate="5"],.select_osechi_rate[rate="5.0"] {--score:5;}
.select_osechi_rate[rate="0"],.select_osechi_rate[rate=""] {opacity: 0;}

.select_osechi_rate::after {
  content: attr(rate) ;
  color: #333;
	position: absolute;
	left: calc(100% + 1em);
	top: 50%;
	translate: 0 -50%;
	width: 90px;
}
.select_osechi_brand {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 14px;
}
.select_osechi_name {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}
.select_osechi_price {
    color: #000;
    font-size: 18px;
    font-weight: 700;
}
.select_osechi_price .unit {
		font-size: 12px;
}
[data-browse-mode="P"] .select_osechi_scrollbar.select_osechi_pagination .swiper-pagination-bullet {
    display: none;
}

.select_osechi_btn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 510px;
    height: 80px;
    border-radius: 300px;
    margin-inline: auto;
    background: #927228;
    background: linear-gradient(0deg, #927228 0%, #c19839 100%);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 2px 0 #554112;
    position: relative;
		text-decoration: none;
}
.select_osechi_btn a::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 300px;
    position: absolute;
    right: 27px;
    top: 50%;
    translate: 0 -50%;
}
.select_osechi_btn a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 3px solid #BFA568;
    border-top: 3px solid #BFA568;
    rotate: 45deg;
    position: absolute;
    right: 41px;
    top: 50%;
    translate: 0 -50%;
}



#pickup_osechi {
    background: url(/img/usr/freepage/osechi2026/pattern02.png) repeat center / 89px auto, linear-gradient(0deg, #141414 25%, #343434 40%, #000 60%, #292929 80%, #171717 100%);
    clip-path: polygon(0 153.5px, 100% 0, 100% calc(100% - 125px), 0 100%);
    margin-block: -153.5px -125px;
    padding-block: 260px 200px;
    position: relative;
    z-index: 2;
}
#pickup_osechi::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 153.5px;
    background: url(/img/usr/freepage/osechi2026/bg_kin.jpg) no-repeat center / cover;
    clip-path: polygon(100% 0, 100% 50px, 0 100%);
    position: absolute;
    left: 0;
    top: 0;
}
#pickup_osechi::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 125px;
    background: url(/img/usr/freepage/osechi2026/bg_kin.jpg) no-repeat center / cover;
    clip-path: polygon(0 80px, 100% 0, 0 100%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.pickup_osechi_title {
    width: 560px;
    margin-inline: auto;
    margin-bottom: 62px;
}
.pickup_osechi_point {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 75px;
    margin-bottom: 80px;
}
.pickup_osechi_point_text {
    width: 630px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
}
.pickup_osechi_point_text::before {
    content: "";
    display: inline-block;
    width: 189px;
    height: 102px;
    background: url(/img/usr/freepage/osechi2026/point.png) no-repeat center / contain;
    position: absolute;
    left: -100px;
    top: -70px;
}
.pickup_osechi_point_text .name {
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size: 20px;
    margin-top: 10px;
}
.pickup_osechi_point_img {
    width: 400px;
    position: relative;
}
.pickup_osechi_point_img::before {
    content: "";
    display: inline-block;
    width: 500px;
    height: 450px;
    background: url(/img/usr/freepage/osechi2026/deco01.png) no-repeat center / contain;
    position: absolute;
    right: 50%;
    bottom: 50%;
    translate: 45% 50%;
}
.pickup_osechi_point_img img {
    position: relative;
    z-index: 5;
}
.pickup_osechi_slide {
    width: clamp(1200px, 100%, 1528px);
    margin-inline: auto;
    position: relative;
		margin-bottom: 80px;
}
.pickup_osechi_prev,
.pickup_osechi_next {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #202020;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    z-index: 5;
		cursor: pointer;
}
.pickup_osechi_prev {
    left: 0;
}
.pickup_osechi_next {
		right: 0;
		rotate: 180deg;
}
.pickup_osechi_prev::before,
.pickup_osechi_next::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    border-bottom: 5px solid #987529;
    border-left: 5px solid #987529;
    position: absolute;
    right: 50%;
    bottom: 50%;
    translate: 75% 50%;
    rotate: 45deg;
}
.pickup_osechi_info {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: space-between;
    align-items: flex-start;
    width: 860px;
    margin-inline: auto;
    margin-bottom: 80px;
    color: #fff;
		position: relative;
}
.pickup_osechi_info::before {
    content: "";
    display: inline;
    width: max(100vw, 1920px);
    height: 200%;
    position: absolute;
    right: 50%;
    bottom: 50%;
    translate: 50% 50%;
    background: url(/img/usr/freepage/osechi2026/plant02.png) no-repeat right bottom / 340px auto;
    pointer-events: none;
}
.pickup_osechi_info_wrap {
    margin-bottom: 20px;
}
.pickup_osechi_name {
    color: #C8A75E;
    font-size: 42px;
    font-weight: 700;
		line-height: 2;
}
.pickup_osechi_price {
    font-size: 40px;
    font-weight: 700;
}
.pickup_osechi_price::after {
    content: "円(税込)";
    font-size: 22px;
}
.pickup_osechi_info_deta {
    width: 100%;
    padding: 16px 4px;
    border-block: 1px solid #E3DAC3;
    margin-bottom: 24px;
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
}
.pickup_osechi_info_fan {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-right: -10%;
}
.pickup_osechi_info_fan_item {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 86px;
    background: #6E1515;
    background: linear-gradient(0deg, #6e1515 0%, #a72121 100%);
    clip-path: shape(from 0 56%, smooth to 100% 52% with 47% -66%, line to 69% 100%, smooth to 32% 100% with 53% 52%, close);
    margin-inline: -12px;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}
.pickup_osechi_info_fan_item:nth-of-type(even) {
    background: #927228;
    background: linear-gradient(0deg, #927228 0%, #c1a76c 100%);
}
.pickup_osechi_info_fan_item .small {
    font-size: 16px;
    line-height: 1;
}
.pickup_osechi_info_deta {
    width: 100%;
    padding: 16px 4px;
    border-block: 1px solid #E3DAC3;
    margin-bottom: 24px;
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
}
.pickup_osechi_info_deta dl {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
}
.pickup_osechi_info_deta dt {
    background: #3D3D3D;
    padding: 0 14px;
    font-size: 18px;
    font-weight: 700;
}
.pickup_osechi_info_deta dd {
    font-size: 19px;
    font-weight: 700;
}
.pickup_osechi_gift {
    width: 1100px;
    margin-inline: auto;
		margin-bottom: 60px;
    position: relative;
    background: url(/img/usr/freepage/osechi2026/bg_zara.png) repeat center / 600px auto, url(/img/usr/freepage/osechi2026/pattern03.png) repeat-x center top -10px / 89px auto, url(/img/usr/freepage/osechi2026/pattern03.png) repeat-x center bottom -10px / 89px auto #fff;
    padding-block: 44px 60px;
}
.pickup_osechi_gift::before,
.pickup_osechi_gift::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 6px;
    background: #927228;
    background: linear-gradient(90deg, rgba(146, 114, 40, 1) 15%, rgba(193, 152, 57, 1) 75%);
    position: absolute;
    left: 0;
}
.pickup_osechi_gift::before {
    top: 0;
}
.pickup_osechi_gift::after {
    bottom: 0;
}
.pickup_osechi_gift_catch {
    text-align: center;
    color: #2A2A2A;
    font-size: 26px;
    font-weight: 700;
}
.pickup_osechi_gift_title {
    text-align: center;
    color: #2A2A2A;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 24px;
}
.pickup_osechi_gift_title .color {
    color: #A72121;
}
.pickup_osechi_gift_content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
		gap: 20px;
}
.pickup_osechi_gift_item {
    width: 240px;
    position: relative;
}
.pickup_osechi_gift_item.limited::before {
    content: "";
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url(https://haneda-shopping.jp/img/icon/limited.png) no-repeat center / contain;
    position: absolute;
    left: 8px;
    top: 24px;
    z-index: 3;
}
.pickup_osechi_gift_img {
    width: 240px;
    height: 240px;
    border-radius: 300px;
    overflow: hidden;
    margin-bottom: 16px;
}
.pickup_osechi_gift_name {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
.pickup_osechi_kuchikomi {
    width: 1100px;
    margin-inline: auto;
    margin-bottom: 60px;
}
.pickup_osechi_kuchikomi_head {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 8px 48px;
    height: 280px;
    margin-bottom: 24px;
}
.pickup_osechi_kuchikomi_title {
    width: 500px;
    order: 1;
}
.pickup_osechi_kuchikomi_img {
    width: 440px;
    height: 100%;
    order: 3;
    position: relative;
}
.pickup_osechi_kuchikomi_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.pickup_osechi_kuchikomi_img_text {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding-inline: 14px;
}
.pickup_osechi_kuchikomi_star {
    width: 500px;
    order: 2;
}
.pickup_osechi_kuchikomi_content {
    display: flex;
    flex-flow: row nowrap;
    gap: 32px;
}
.pickup_osechi_kuchikomi_item {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.pickup_osechi_kuchikomi_icon {
    width: 24px;
    height: auto;
}
.pickup_osechi_kuchikomi_name {
    color: #fff;
    font-size: 18px;
}
.pickup_osechi_kuchikomi_comment {
    background: #fff;
    padding: 10px 12px;
    border-radius: 10px;
    font-weight: 700;
}
.pickup_osechi_btn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 560px;
    height: 80px;
    border-radius: 300px;
    margin-inline: auto;
    background: #927228;
    background: linear-gradient(0deg, #927228 0%, #c19839 100%);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 2px 0 #554112;
    position: relative;
		text-decoration: none;
}
.pickup_osechi_btn a::before {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 300px;
    position: absolute;
    right: 27px;
    top: 50%;
    translate: 0 -50%;
}
.pickup_osechi_btn a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 3px solid #BFA568;
    border-top: 3px solid #BFA568;
    rotate: 45deg;
    position: absolute;
    right: 41px;
    top: 50%;
    translate: 0 -50%;
}



#serch_osechi {
    padding-block: 150px 105px;
    background: #E3DAC3;
    background: url(/img/usr/freepage/osechi2026/pattern04.png) repeat center top / 89px auto, linear-gradient(0deg, #e3dac3 0%, #f6eed8 17%, #e3dac3 28%, #f6eed8 47%, #e3dac3 69%, #f6eed8 88%, #e3dac3 100%);
}
.serch_osechi_content {
    width: 1200px;
    margin-inline: auto;
}
.serch_osechi_tab {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    gap: 7px;
}
.serch_osechi_tab_item {
    width: 244px;
}
.serch_osechi_tab_item a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 100%;
    background: #BCAA7E;
    border-radius: 10px 10px 0 0;
    padding-block: 13px 8px;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
		text-decoration: none;
    transition: .3s;
		position: relative;
    z-index: 1;
}
.serch_osechi_tab_item a.active {
    background: #fff;
    color: #513C0C;
    box-shadow: 0 3px 10px #0005;
}
.serch_osechi_tab_item_img {
    filter: brightness(10);
    transition: .3s;
    width: 40px;
}
.serch_osechi_tab_item a.active .serch_osechi_tab_item_img {
    filter: brightness(1);
}
.serch_osechi_list {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    gap: 40px 26px;
    padding: 50px 60px;
    background: #fff;
    box-shadow: 0 3px 10px #0005;
    position: relative;
}
.serch_osechi_list::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none;
}
.serch_osechi_item {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: calc(25% - 19.5px);
    padding-top: 60px;
    position: relative;
}
.serch_osechi_item::before {
    display: flex;
    width: 100%;
    height: 40px;
    background: #A72121;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
}
[data-browse-mode="P"] .serch_osechi_item:has(+.same:not(:nth-of-type(4n + 1)))::before {
    width: calc(200% + 26px);
    z-index: 3;
}
[data-browse-mode="P"] .serch_osechi_item:has(+.same:not(:nth-of-type(4n + 1))+.same:not(:nth-of-type(4n + 1)))::before {
    width: calc(300% + 52px);
    z-index: 4;
}
[data-browse-mode="P"] .serch_osechi_item:has(+.same:not(:nth-of-type(4n + 1))+.same:not(:nth-of-type(4n + 1))+.same:not(:nth-of-type(4n + 1)))::before {
    width: calc(400% + 78px);
    z-index: 5;
}
.serch_osechi_list[value="for"] .serch_osechi_item::before {
		content: attr(for);
}
.serch_osechi_list[value="genre"] .serch_osechi_item::before {
		content: attr(genre);
}
.serch_osechi_list[value="brand"] .serch_osechi_item::before {
		content: attr(brand);
}
.serch_osechi_list[value="price"] .serch_osechi_item::before {
		content: attr(price_group);
}
.serch_osechi_item_img {
    margin-bottom: 10px;
		position: relative;
}
.serch_osechi_item_img:has(a[href*="Z001406051"])::before {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/img/icon/limited.png) no-repeat center / contain;
    position: absolute;
    left: 8px;
    top: 8px;
}
.serch_osechi_item_img a {
    display: inline-block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}
.serch_osechi_item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.serch_osechi_tag {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
    gap: 5px;
    margin-bottom: 10px;
}
.serch_osechi_tag_item {
    display: inline-block;
    padding: 1px 7px;
    border: 1px solid;
    font-size: 13px;
    font-weight: 700;
}
.serch_osechi_tag_item.for {
    color: #8B0202;
}
.serch_osechi_tag_item.genre {
    color: #513C0C;
}
.serch_osechi_tag_item.method {
    color: #C97F0F;
}
.serch_osechi_brand {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
}
.serch_osechi_name {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.serch_osechi_price {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.serch_osechi_price .unit {
    font-size: 12px;
}
.serch_osechi_btn {
    margin-top: auto;
}
.serch_osechi_cartbtn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 2px;
    background: #927228;
    background: linear-gradient(0deg, #927228 0%, #a7863c 100%);
    border-radius: 300px;
    padding-block: 9px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
.serch_osechi_cartbtn a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/usr/freepage/osechi2026/cart.png) no-repeat center / contain;
    filter: brightness(10);
}
.serch_osechi_linkbtn a {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border: 1px solid #927228;
    border-radius: 300px;
    padding-block: 5px;
    margin-bottom: 10px;
    color: #A48339;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}





#preorder {
    padding-block: 40px;
    background: url(/img/usr/freepage/osechi2026/pattern05.png) repeat center top / 89px auto #A72121;
}
.preorder_content {
    width: 1000px;
    margin-inline: auto;
}
.osechi_section {
    background: url(/img/usr/freepage/osechi2026/bg_zara.png) repeat center / 600px auto;
    padding-block: 100px 130px;
		position: relative;
}
.osechi_section::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 30px;
    background: url(/img/usr/freepage/osechi2026/bg_kin.jpg) no-repeat center / cover;
    position: absolute;
    left: 0;
    bottom: 0;
}
.osechi_section_title {
    text-align: center;
    font-size: 64px;
    font-weight: 700;
    padding-top: 80px;
    background: url(/img/usr/freepage/osechi2026/deco02.png) no-repeat center top / 152px auto;
}
.osechi_section_title_en {
    text-align: center;
    color: #B9A883;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
    letter-spacing: .1em;
}


#campaign_info::after {
    content: "";
    display: inline;
    width: 316px;
    height: 315px;
    background: url(/img/usr/freepage/osechi2026/osechi01.png) no-repeat center / contain;
    position: absolute;
    right: -40px;
    bottom: 0;
    translate: 0 50%;
    z-index: 5;
}
.campaign_info_catch {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
}
.campaign_info_catch_sub {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    position: relative;
}
.campaign_info_catch_sub::before {
    content: "";
    display: inline-block;
    width: 233px;
    height: 110px;
    background: url(/img/usr/freepage/osechi2026/present.png) no-repeat center top / contain;
    position: absolute;
    right: calc(100% + 64px);
    top: 0;
}
.campaign_info_catch_main {
    display: inline-block;
    font-size: 60px;
    font-weight: 700;
    position: relative;
}
.campaign_info_catch_main::before {
    content: "";
    display: inline-block;
    width: 168px;
    height: 68px;
    background: url(/img/usr/freepage/osechi2026/deco_kin02.png) no-repeat center top / contain;
    position: absolute;
    right: calc(100% + 162px);
    top: -48px;
}
.campaign_info_catch_main::after {
    content: "";
    display: inline-block;
    width: 164px;
    height: 66px;
    background: url(/img/usr/freepage/osechi2026/deco_kin02.png) no-repeat center top / contain;
    position: absolute;
    left: calc(100% + 52px);
    top: -58px;
    rotate: y 180deg;
    pointer-events: none;
}
.campaign_info_catch_main .color {
    color: #A72121;
}
.campaign_info_card {
		width: 860px;
    margin-inline: auto;
    margin-bottom: 60px;
    position: relative;
}
.campaign_info_card_img img {
    position: relative;
    z-index: 5;
}
.campaign_info_card_text {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    bottom: 100%;
    left: calc(100% - 70px);
    background: url(/img/usr/freepage/osechi2026/card_catch.png) no-repeat center / contain;
    width: 192px;
    height: 192px;
}

.campaign_info_deta {
    width: 900px;
    margin-inline: auto;
    display: flex;
    flex-flow: column wrap;
    gap: 32px;
}
.campaign_info_deta dl {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
}
.campaign_info_deta dt {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 144px;
    height: 45px;
    border: 1px solid #A72121;
    color: #A72121;
    font-size: 20px;
    font-weight: 700;
}
.campaign_info_deta dd {
    font-size: 22px;
    font-weight: 700;
    padding-top: 5px;
}
.campaign_info_deta dd.note p {
    text-indent: -1em;
    padding-left: 1em;
}

#flow::after {
    content: "";
    display: inline;
    width: 387px;
    height: 508px;
    background: url(/img/usr/freepage/osechi2026/osechi04.png) no-repeat center / contain;
    position: absolute;
    left: -60px;
    bottom: 0;
    translate: 0 50%;
    z-index: 5;
    pointer-events: none;
}
.flow_content {
    width: 1000px;
    margin-inline: auto;
    display: flex;
    flex-flow: column wrap;
    gap: 40px;
		position: relative;
}
.flow_content::before {
    content: "";
    display: inline;
    width: max(100vw, 1920px);
    height: 399px;
    background: url(/img/usr/freepage/osechi2026/osechi02.png) no-repeat left -100px center / contain;
    position: absolute;
    right: 50%;
    top: 3%;
    translate: 45% 0;
    z-index: 5;
		pointer-events: none;
}
.flow_content::after {
    content: "";
    display: inline;
    width: max(100vw, 1920px);
    height: 256px;
    background: url(/img/usr/freepage/osechi2026/osechi03.png) no-repeat right 90px center / contain;
    position: absolute;
    right: 50%;
    top: 40%;
    translate: 50% 0;
    z-index: 5;
		pointer-events: none;
}
.flow_item {
    position: relative;
}
.flow_item::before {
    content: "";
    display: inline-block;
    width: 273px;
    height: 177px;
    background: #202020;
    opacity: .11;
    filter: blur(4px);
    transform: skewY(-2deg);
    position: absolute;
    left: 2px;
    bottom: -5px;
}
.flow_item::after {
    content: "";
    display: inline-block;
    width: 273px;
    height: 177px;
    background: #202020;
    opacity: .11;
    filter: blur(4px);
    transform: skewY(2deg);
    position: absolute;
    right: 2px;
    bottom: -5px;
}
.flow_item img {
    position: relative;
    z-index: 5;
}


#guide::after {
    content: "";
    display: inline;
    width: 404px;
    height: 419px;
    background: url(/img/usr/freepage/osechi2026/osechi07.png) no-repeat center / contain;
    position: absolute;
    right: -50px;
    bottom: 0;
    translate: 0 50%;
    z-index: 5;
    pointer-events: none;
}
.guide_content {
    width: 1000px;
    margin-inline: auto;
    display: flex;
    flex-flow: column wrap;
    gap: 40px;
		position: relative;
}
.guide_content::before {
    content: "";
    display: inline;
    width: max(100vw, 1920px);
    height: 259px;
    background: url(/img/usr/freepage/osechi2026/osechi05.png) no-repeat right 68px center / contain;
    position: absolute;
    right: 50%;
    top: 22%;
    translate: 50% 0;
    z-index: 5;
		pointer-events: none;
}
.guide_content::after {
    content: "";
    display: inline;
    width: max(100vw, 1920px);
    height: 322px;
    background: url(/img/usr/freepage/osechi2026/osechi06.png) no-repeat left -68px center / contain;
    position: absolute;
    right: 50%;
    bottom: -4%;
    translate: 50% 0;
    z-index: 5;
		pointer-events: none;
}
.guide_content dt {
    background: url(/img/usr/freepage/osechi2026/pattern06.png) no-repeat left 5px top 5px / 26px auto, linear-gradient(90deg, rgba(180, 150, 100, 1) 0%, rgba(180, 150, 100, 0.74) 100%);
		margin-bottom: 30px;
    padding: 9px 70px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    position: relative;
}
.guide_content dt::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(/img/usr/freepage/osechi2026/pattern06.png) no-repeat center / contain;
    rotate: 180deg;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.guide_content dd {
    padding-inline: 70px;
    font-size: 20px;
    font-weight: 700;
}
.guide_content dd .note {
    margin-top: 10px;
    font-size: 15px;
}
.guide_content dd .note span {
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
}
.guide_content dd .color {
    color: #A72121;
}
.guide_content dd li {
    list-style: disc;
    padding-left: inherit;
    margin-left: 1em;
}
.guide_content dd a {
    color: #A72121;
    text-decoration: underline;
}


.knowledge_title {
    text-align: center;
    font-size: 56px;
    font-weight: 700;
    padding-top: 72px;
    background: url(/img/usr/freepage/osechi2026/deco03.png) no-repeat center top / 248px auto;
    margin-bottom: 50px;
}
.knowledge_content {
    display: flex;
    flex-flow: column wrap;
    gap: 60px;
    width: 1000px;
    margin-inline: auto;
		position: relative;
}
.knowledge_content::before {
    content: "";
    display: inline;
    width: max(100vw, 1920px);
    height: 326px;
    background: url(/img/usr/freepage/osechi2026/osechi08.png) no-repeat left 36px center / contain;
    position: absolute;
    right: 50%;
    top: 15%;
    translate: 50% 0;
    z-index: 5;
    pointer-events: none;
}
.knowledge_content::after {
    content: "";
    display: inline;
    width: max(100vw, 1920px);
    height: 266px;
    background: url(/img/usr/freepage/osechi2026/osechi09.png) no-repeat right 70px center / contain;
    position: absolute;
    right: 50%;
    bottom: -2%;
    translate: 50% 0;
    z-index: 5;
    pointer-events: none;
}
.knowledge_content dt {
    color: #987529;
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 2px solid #E3DAC3;
    position: relative;
		cursor: pointer;
}
.knowledge_content dt::before, .knowledge_content dt::after {
    content: "";
    display: inline-block;
    width: 34px;
    height: 3px;
    background: #987529;
    position: absolute;
    right: 18px;
    top: 50%;
    translate: 0 -50%;
    transition: .3s;
}
.knowledge_content dt:not(.is-active)::before {
    rotate: 90deg;
}
.knowledge_content dd {
    font-size: 18px;
    font-weight: 700;
    padding-top: 30px;
    display: none;
}




[data-browse-mode="S"] .osechi_section {
    padding-block: 60px 80px;
}
[data-browse-mode="S"] .osechi_section::before {
		height: 20px;
}
[data-browse-mode="S"] .osechi_section_title {
    font-size: 42px;
    padding-top: 60px;
    background-size: 126px auto;
}
[data-browse-mode="S"] .osechi_section_title_en {
    font-size: 12px;
    margin-bottom: 32px;
}
[data-browse-mode="S"] .block-page-top {
	z-index: 10;
}
[data-browse-mode="S"] #nav {
    right: initial;
    left: 10px;
    bottom: 20px;
    width: calc(100% - 90px);
    padding: 8px 0;
}
[data-browse-mode="S"] .nav_content {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
}
[data-browse-mode="S"] .nav_item {
    flex: 1;
}
[data-browse-mode="S"] .nav_item:nth-of-type(n + 2) {
    border-top: none;
    border-left: 1px solid #DEC283;
}
[data-browse-mode="S"] .nav_item a {
    padding: 0;
}
[data-browse-mode="S"] .nav_icon {
    width: 20px;
}
[data-browse-mode="S"] .nav_name {
    height: 2em;
    font-size: 10px;
}
[data-browse-mode="S"] #lead {
    padding-block: 35px;
    background-image: url(/img/usr/freepage/osechi2026/pattern01.png), linear-gradient(0deg, #8b1515 0%, #9b2121 100% 100%);
}
[data-browse-mode="S"] .lead_text {
    font-size: 16px;
}
[data-browse-mode="S"] #anchor {
    padding-block: 25px;
}
[data-browse-mode="S"] .anchor_inner {
    width: 100%;
    padding-inline: 20px;
}
[data-browse-mode="S"] .anchor_content {
    gap: 10px;
}
[data-browse-mode="S"] .anchor_item {
    flex: initial;
    width: calc(50% - 5px);
}
[data-browse-mode="S"] .anchor_item a {
    padding-block: 12px;
}
[data-browse-mode="S"] .anchor_item a::after {
		display: none;
}
[data-browse-mode="S"] .anchor_icon {
    width: 40px;
    margin-bottom: 5px;
}
[data-browse-mode="S"] .anchor_name {
    font-size: 16px;
    margin: 0;
    position: relative;
    padding-right: 16px;
}
[data-browse-mode="S"] .anchor_name::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #A72121;
    border-bottom: 2px solid #A72121;
    position: absolute;
    right: 0;
    top: 50%;
    translate: -25% -50%;
    rotate: 45deg;
}
[data-browse-mode="S"] #campaign {
    padding-block: 40px 100px;
}
[data-browse-mode="S"] #campaign::after {
    width: 100%;
    height: 250px;
    left: calc(50% - 65px);
    bottom: -75px;
}
[data-browse-mode="S"] .campaign_inner {
    width: 100%;
    padding-inline: 16px;
}
[data-browse-mode="S"] .campaign_content {
    gap: 14px;
}
[data-browse-mode="S"] .campaign_item {
    width: calc(50% - 7px);
}
[data-browse-mode="S"] .campaign_item::before,
[data-browse-mode="S"] .campaign_item::after {
    width: 25vw;
    height: 16vw;
}
[data-browse-mode="S"] .coupon_content {
    top: 32%;
    height: 32%;
    padding-inline: 5px;
    flex-flow: column nowrap;
}
[data-browse-mode="S"] .coupon_content::before {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 2px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
[data-browse-mode="S"] .coupon_content .code {
    width: 100%;
    font-size: 12px;
    border-radius: 4px 4px 0 0;
    padding: 0;
}
[data-browse-mode="S"] .coupon_content .button {
    width: 100%;
    margin-top: -2px;
}
[data-browse-mode="S"] .coupon_content .button button {
    border-radius: 0 0 4px 4px;
}
[data-browse-mode="S"] .coupon_content .copy-value {
    font-size: 10px;
}
[data-browse-mode="S"] .coupon_content .copy-value::after {
    font-size: 10px;
    border-radius: 0 4px 4px 0;
}
[data-browse-mode="S"] .coupon_note a {
    font-size: 10px;
}
[data-browse-mode="S"] #select_osechi {
    padding-block: 60px 100px;
}
[data-browse-mode="S"] .select_osechi_content {
    width: 100%;
    margin-bottom: 50px;
}
[data-browse-mode="S"] .select_osechi_content .swiper {
    padding-inline: 35px;
}
[data-browse-mode="S"] .select_osechi_item a {
    display: flex;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}
[data-browse-mode="S"] .select_osechi_catch {
    padding-inline: 30px;
    margin-inline: auto;
    margin-bottom: -10px;
}
[data-browse-mode="S"] .select_osechi_img {
    width: 100%;
    max-height: calc(100cqw - 70px);
}
[data-browse-mode="S"] .select_osechi_rate {
    font-size: 17px;
    margin-bottom: 9px;
}
[data-browse-mode="S"] .select_osechi_brand {
    font-size: 15px;
    margin-bottom: 12px;
}
[data-browse-mode="S"] .select_osechi_name {
    margin-bottom: 10px;
}
[data-browse-mode="S"] .select_osechi_scrollbar.select_osechi_pagination {
    display: none;
}
[data-browse-mode="S"] .select_osechi_prev,
[data-browse-mode="S"] .select_osechi_next {
    display: inline-block;
    width: 30px;
    height: 50px;
    background: #E3DAC3;
    position: absolute;
    top: 50%;
		z-index: 5;
}
[data-browse-mode="S"] .select_osechi_prev {
    left: 0;
}
[data-browse-mode="S"] .select_osechi_next {
    right: 0;
		rotate: 180deg;
}
[data-browse-mode="S"] .select_osechi_prev::before,
[data-browse-mode="S"] .select_osechi_next::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-left: 2px solid #987529;
    border-bottom: 2px solid #987529;
    position: absolute;
    right: 50%;
    bottom: 50%;
    translate: 75% 50%;
    rotate: 45deg;
}
[data-browse-mode="S"] .select_osechi_scrollbar.select_osechi_pagination {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px 14px;
    margin-top: 30px;
    background: no-repeat;
}
[data-browse-mode="S"] .select_osechi_scrollbar.select_osechi_pagination .swiper-pagination-bullet {
    width: 25px;
    height: 4px;
    background: #E3DAC3;
    border-radius: 0;
    opacity: 1;
}
[data-browse-mode="S"] .select_osechi_scrollbar.select_osechi_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #927228;
}
[data-browse-mode="S"] .select_osechi_btn a {
    width: min(100%, 340px);
    height: 68px;
    font-size: 22px;
    padding-right: 24px;
}
[data-browse-mode="S"] .select_osechi_btn a::before {
    width: 24px;
    height: 24px;
    right: 29px;
}
[data-browse-mode="S"] .select_osechi_btn a::after {
    width: 6px;
    height: 6px;
    right: 38px;
}
[data-browse-mode="S"] #pickup_osechi {
    clip-path: polygon(0 51px, 100% 0, 100% 100%, 0 calc(100% - 36px));
    margin-block: -66px;
    padding-block: 143px 120px;
    background-size: 49.6px auto, cover;
}
[data-browse-mode="S"] #pickup_osechi::before {
    height: 66px;
    clip-path: polygon(0 51px, 100% 0, 100% 32px, 0 100%);
}
[data-browse-mode="S"] #pickup_osechi::after {
    height: 64px;
    clip-path: polygon(0 0, 100% 51px, 100% 100%, 0 28px);
}
[data-browse-mode="S"] .pickup_osechi_title {
    width: min(100%, 340px);
    margin-bottom: 34px;
}
[data-browse-mode="S"] .pickup_osechi_point {
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-end;
    gap: 60px;
    margin-bottom: 56px;
    padding-inline: 36px;
    padding-bottom: 28px;
    position: relative;
}
[data-browse-mode="S"] .pickup_osechi_point_text {
    width: 100%;
    font-size: 16px;
    position: initial;
}
[data-browse-mode="S"] .pickup_osechi_point_text .name {
    position: absolute;
    right: 20px;
    bottom: 0;
    font-size: 14px;
    margin: 0;
}
[data-browse-mode="S"] .pickup_osechi_point_text::before {
    width: 130px;
    height: 70px;
    left: 40px;
    top: 255px;
}
[data-browse-mode="S"] .pickup_osechi_point_img {
    width: 250px;
}
[data-browse-mode="S"] .pickup_osechi_point_img::before {
    width: 330px;
    height: 300px;
}
[data-browse-mode="S"] .pickup_osechi_slide {
    width: 100%;
    margin-bottom: 72px;
}
[data-browse-mode="S"] .pickup_osechi_slide .swiper-slide {
    aspect-ratio: 86 / 75;
}
[data-browse-mode="S"] .pickup_osechi_slide .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
[data-browse-mode="S"] .pickup_osechi_prev,
[data-browse-mode="S"] .pickup_osechi_next {
    width: 30px;
    height: 50px;
    opacity: .8;
}
[data-browse-mode="S"] .pickup_osechi_prev::before,
[data-browse-mode="S"] .pickup_osechi_next::before {
    width: 15px;
    height: 15px;
    border-width: 2px;
}
[data-browse-mode="S"] .pickup_osechi_info {
    width: 100%;
    padding-inline: 35px;
    margin-bottom: 35px;
}
[data-browse-mode="S"] .pickup_osechi_info_wrap {
    order: 2;
    width: 100%;
}
[data-browse-mode="S"] .pickup_osechi_name {
    font-size: 24px;
}
[data-browse-mode="S"] .pickup_osechi_price {
    font-size: 24px;
}
[data-browse-mode="S"] .pickup_osechi_price::after {
    font-size: 14px;
}
[data-browse-mode="S"] .pickup_osechi_info_fan {
    order: 1;
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
}
[data-browse-mode="S"] .pickup_osechi_info_fan_item {
    width: 29%;
    height: auto;
    aspect-ratio: 180 / 97;
    margin-inline: -3%;
    font-size: 14px;
}
[data-browse-mode="S"] .pickup_osechi_info_fan_item .small {
    font-size: 10px;
}
[data-browse-mode="S"] .pickup_osechi_info_deta {
    order: 3;
    padding-block: 11px;
    margin-bottom: 0;
    gap: 11px;
}
[data-browse-mode="S"] .pickup_osechi_info_deta dt {
    font-size: 15px;
    padding-inline: 16px;
}
[data-browse-mode="S"] .pickup_osechi_info_deta dd {
    font-size: 16px;
}
[data-browse-mode="S"] .pickup_osechi_gift {
    width: calc(100% - 70px);
    padding: 40px 30px;
}
[data-browse-mode="S"] .pickup_osechi_gift_catch {
    font-size: 18px;
    margin-bottom: 10px;
}
[data-browse-mode="S"] .pickup_osechi_gift_title {
    font-size: 24px;
    margin-bottom: 14px;
}
[data-browse-mode="S"] .pickup_osechi_gift_content {
    gap: 15px;
}
[data-browse-mode="S"] .pickup_osechi_gift_item {
    width: calc(50% - 8px);
}
[data-browse-mode="S"] .pickup_osechi_gift_img {
    width: 100%;
    height: auto;
    margin-bottom: 8px;
}
[data-browse-mode="S"] .pickup_osechi_gift_name {
    font-size: 16px;
}
[data-browse-mode="S"] .pickup_osechi_gift_item.limited::before {
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
}
[data-browse-mode="S"] .pickup_osechi_gift_item:nth-of-type(3) .pickup_osechi_gift_name {
    margin-inline: -50%;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi {
    width: calc(100% - 70px);
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_head {
    width: 100%;
    height: auto;
    gap: 30px;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_title {
    width: 100%;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_img {
    width: 100%;
    order: 4;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_star {
    width: 100%;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_content {
    flex-wrap: wrap;
    gap: 16px;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_icon {
    width: 16px;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_name {
    font-size: 12px;
}
[data-browse-mode="S"] .pickup_osechi_kuchikomi_comment {
    font-size: 13px;
}
[data-browse-mode="S"] .pickup_osechi_btn a {
    align-items: flex-end;
    width: min(100%, 340px);
    height: 68px;
    font-size: 18px;
    line-height: 1.3;
    padding-right: 24px;
}
[data-browse-mode="S"] .pickup_osechi_btn a .spbr {
    width: 100%;
    text-align: center;
}
[data-browse-mode="S"] .pickup_osechi_btn a::before {
    width: 24px;
    height: 24px;
    right: 29px;
}
[data-browse-mode="S"] .pickup_osechi_btn a::after {
    width: 6px;
    height: 6px;
    right: 38px;
}

[data-browse-mode="S"] #serch_osechi {
    padding-block: 60px 80px;
    background-size: 49.6px auto, auto;
}
[data-browse-mode="S"] .serch_osechi_content {
    width: 100%;
}
[data-browse-mode="S"] .serch_osechi_tab {
    gap: 6px;
}
[data-browse-mode="S"] .serch_osechi_tab_item {
    width: calc(25% - 7.5px);
}
[data-browse-mode="S"] .serch_osechi_tab_item a {
    gap: 2px;
    padding-block: 6px;
    font-size: 18px;
}
[data-browse-mode="S"] .serch_osechi_tab_item_img {
    width: 100%;
    height: 30px;
}
[data-browse-mode="S"] .serch_osechi_tab_item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
[data-browse-mode="S"] .serch_osechi_list {
    gap: 40px 16px;
    padding: 36px 27px 40px;
}
[data-browse-mode="S"] .serch_osechi_item {
    width: calc(50% - 8px);
    padding-top: 40px;
}
[data-browse-mode="S"] .serch_osechi_item:has(+.same:nth-of-type(even))::before {
    width: calc(200% + 16px);
    z-index: 3;
}
[data-browse-mode="S"] .serch_osechi_item::before {
    height: 30px;
    font-size: 16px;
}
[data-browse-mode="S"] .serch_osechi_item_img {
    margin-bottom: 5px;
}
[data-browse-mode="S"] .serch_osechi_tag {
    margin-bottom: 5px;
}
[data-browse-mode="S"] .serch_osechi_tag_item {
    font-size: 12px;
}
[data-browse-mode="S"] .serch_osechi_brand {
    font-size: 13px;
    margin-bottom: 5px;
}
[data-browse-mode="S"] .serch_osechi_name {
    font-size: 15px;
}
[data-browse-mode="S"] .serch_osechi_price {
    font-size: 15px;
}
[data-browse-mode="S"] .serch_osechi_cartbtn a {
    font-size: 13px;
}
[data-browse-mode="S"] .serch_osechi_linkbtn a {
    font-size: 13px;
}

[data-browse-mode="S"] #preorder {
    padding: 30px 35px;
    background-size: 49.6px auto, cover;
}
[data-browse-mode="S"] .preorder_content {
    width: 100%;
}
[data-browse-mode="S"] .campaign_info_catch {
    padding-top: 24px;
    margin-bottom: 10px;
}
[data-browse-mode="S"] .campaign_info_catch_sub {
    font-size: 26px;
    margin-bottom: 4px;
}
[data-browse-mode="S"] .campaign_info_catch_sub::before {
    width: 120px;
    height: 58px;
    right: calc(100% - 72px);
    top: -30px;
}
[data-browse-mode="S"] .campaign_info_catch_main {
    font-size: 36px;
}
[data-browse-mode="S"] .campaign_info_card {
    width: 100%;
    margin-bottom: 36px;
    padding-inline: 20px;
}
[data-browse-mode="S"] .campaign_info_card_img {
    width: min(100%, 390px);
    margin-inline: auto;
}
[data-browse-mode="S"] .campaign_info_card_img::before,
[data-browse-mode="S"] .campaign_info_card_img::after {
    width: 50%;
    height: 80%;
}
[data-browse-mode="S"] .campaign_info_card_img::after {
    right: 26px;
}
[data-browse-mode="S"] .campaign_info_card_text {
    display: none;
}
[data-browse-mode="S"] .campaign_info_deta {
    width: calc(100% - 70px);
    gap: 15px;
}
[data-browse-mode="S"] .campaign_info_deta dl {
    gap: 10px;
}
[data-browse-mode="S"] .campaign_info_deta dt {
    width: 100px;
    height: 35px;
    font-size: 14px;
}
[data-browse-mode="S"] .campaign_info_deta dd {
    width: calc(100% - 110px);
    font-size: 16px;
}
[data-browse-mode="S"] #campaign_info::after {
    width: 131px;
    height: 131px;
    right: -24px;
}
[data-browse-mode="S"] #flow::after {
    width: 154px;
    height: 205px;
    left: -30px;
    bottom: -50px;
}
[data-browse-mode="S"] .flow_content {
    width: calc(100% - 70px);
    gap: 24px;
}
[data-browse-mode="S"] .flow_item::before,
[data-browse-mode="S"] .flow_item::after {
    width: 40%;
    height: 90px;
}
[data-browse-mode="S"] #guide::after {
    width: 120px;
    height: 125px;
    right: -16px;
}
[data-browse-mode="S"] .guide_content {
    width: calc(100% - 70px);
    gap: 24px;
}
[data-browse-mode="S"] .guide_content dt {
    background-size: 16px auto, 100% auto;
    margin-bottom: 12px;
    padding: 5px 20px;
    text-align: center;
    font-size: 18px;
}
[data-browse-mode="S"] .guide_content dt::before {
    width: 16px;
    height: 16px;
}
[data-browse-mode="S"] .guide_content dd {
    padding-inline: 10px;
    font-size: 16px;
}
[data-browse-mode="S"] .guide_content dd .note {
    margin-top: 12px;
    font-size: 14px;
}
[data-browse-mode="S"] .knowledge_title {
    font-size: 38px;
    padding-top: 66px;
    background-size: 200px auto;
    margin-bottom: 30px;
}
[data-browse-mode="S"] .knowledge_content {
    width: calc(100% - 70px);
    gap: 30px;
}
[data-browse-mode="S"] .knowledge_content dt {
    font-size: 20px;
    padding-bottom: 4px;
}
[data-browse-mode="S"] .knowledge_content dt::before,
[data-browse-mode="S"] .knowledge_content dt::after {
    width: 20px;
    height: 2px;
    right: 0;
}
[data-browse-mode="S"] .knowledge_content dd {
    font-size: 14px;
    padding-top: 10px;
}