@charset "shift_jis";
/* CSS Document */

/* ==================================================

   新春Special Priceフェア

================================================== */

/* コンテンツ幅リセット */
main#wrapper {
	position: relative;
	width: 100%!important;
	max-width: initial!important;
	max-width: auto!important;
	margin: 0 auto!important;
	padding: 0!important;
	overflow: visible!important;
}
article#contents { padding-bottom: 0!important; }
article#contents .inner_content { padding-top: 0!important; }

:root {
	--main-clr-lightgray: #c9c9c8;
	--main-clr-lightgray-rgb: 201,201,200;

	--main-clr-lightbeige: #cbc1ae;
	--main-clr-lightbeige-rgb: 203,193,174;

	--main-clr-white: #f4f5f0;
	--main-clr-white-rgb: 244,245,240;

	--main-clr-gray: #7f7c7a;
	--main-clr-gray-rgb: 127,124,122;

	--clr-ss-red-light: #d07157;
	--clr-ss-red-light-rgb: 208,113,87;

	--clr-ss-black: #48413b;
	--clr-ss-black-rgb: 72,65,59;

	--bg-red01: #841d1a;
	--bg-red02: #64100e;
	--aw-yallow01: #be8f32;
	--aw-yallow02:#f6efd8;

	--hb-red: #99403b;
	--hb-yellow: #be8f32;
}

#newyear a,
#newyear a:hover {
	color: var(--clr-ss-black);
	text-decoration: none;
	transition: all 0.2s;
}
#newyear * { box-sizing: border-box; }
#newyear h1,
#newyear h2,
#newyear h3,
#newyear h4,
#newyear h5 { color: var(--clr-ss-black);}
#newyear img { width: 100%; height: auto; vertical-align: bottom; }
#newyear .pc_none { display: none; }

#newyear {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	color: var(--clr-ss-black);
	font-weight: 500;
	background: url(/IMAGE/newyear/bg_dot.jpg) repeat center center;
	background-attachment: fixed;
}


/* ==================================================
   メインコンテンツエリア
================================================== */

/* 看板
================================================== */

#newyear #kanban {
	position: relative;
	width: 100%;
	margin-bottom: 32px;
}
#newyear #kanban h2 {
	position: relative;
	width: 100%;
	margin-bottom: 32px;
}

#newyear #kanban h3 {
	color: var(--clr-ss-red-light);
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 0.5em;
}
#newyear #kanban p {
	font-size: 16px;
	font-weight: 700;
}



/* コンテンツ幅・セクション
================================================== */

#newyear .contentsarea {
	order: 2;
	position: relative;
	width: 560px;
	text-align: center;
	background: url(/IMAGE/newyear/bg_koushi.jpg) repeat center center;
	box-shadow: 0px 0px 32px -8px rgba(var(--clr-ss-black-rgb),0.5);
	margin: 0 auto;
}

#newyear .section {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px 32px;
	margin: 0 auto 32px;
}
#newyear .section > .inner {
	position: relative;
	width: 100%;
}



/* 汎用見出し
================================================== */

#newyear h3[class^="heading_"] {
	position: relative;
	width: 100%;
	font-weight: 700;
}
#newyear h3[class^="heading_"] span,
#newyear h3[class^="heading_"] strong {
	font-size: 100%;
	font-weight: 700;
	line-height: 1;
}

#newyear h3.heading_cmn {
	font-size: 20px;
	margin: 0.5em auto 1em!important;
}
#newyear h3.heading_cmn span.normal {
	display: block;
	font-size: 70%;
	margin-bottom: 0.35em;
}

#newyear .heading_obi {
	position: relative;
	width: calc(100% + 40px)!important;
	color: #fff;
	font-size: 18px;
	line-height: 1;
	background-color: var(--clr-ss-red-light);
	margin: 0 -20px 32px;
	padding: 16px;
}
#newyear .heading_obi::before,
#newyear .heading_obi::after {
	position: absolute;
	left: 0;
	display: inline-block;
	content: "";
	width: calc(100%)!important;
	height: 2px;
	background-color: var(--clr-ss-red-light);
}
#newyear .heading_obi::before { top: -4px; }
#newyear .heading_obi::after { bottom: -4px; }

#newyear .heading_obi span.txt_deco {
	display: block;
	font-size: 70%;
	font-weight: normal!important;
	letter-spacing: 0.2em;
	margin-bottom: 1.3em;
}
#newyear .heading_obi span.waku {
	display: inline-block;
	width: auto;
	color: var(--clr-ss-red-light);
	background-color: #fff;
	padding: 0.35em 0.5em;
	border-radius: 8px;
	margin: 0.5em;
}
#newyear #cate02 .heading_obi span.waku { margin-bottom: 0; }
#newyear .heading_obi strong {
	font-size: 145%!important;
}

#newyear .heading_obi.end {
	z-index: 2;
}
#newyear .heading_obi.end::before,
#newyear .heading_obi.end::after {
	position: absolute;
	left: 0;
	display: inline-block;
	content: "";
	width: auto!important;
	height: auto;
	background-color: none!important;
}
#newyear .heading_obi.end::before  {
	width: 80%!important;
	top: 50%;
	left: 50%;
	z-index: 5;
	content: "1月1日限定 30%OFFクーポン配布は終了しました";
	color: var(--clr-ss-black);
	background-color: #fff!important;
	padding: 0.5em 1em;
	transform: rotate(-2deg) translate(-50%,-50%);
}
#newyear .heading_obi.end::after {
	z-index: 4;
	top : 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
	background-color: rgba(var(--main-clr-gray-rgb),0.75);
}

#newyear .limited {
	font-size: 18px;
	margin: 0.5em auto 1em;
}
#newyear .txt_s { font-size: 12px; }
#newyear .heading_obi + .txt_s { margin: -1.5em auto 2em; }
#newyear .heading_obi.end + .txt_s { margin: -1.5em auto 1em; }

#newyear .heading_sub {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 1em;
}
#newyear .heading_sub span {
	color: var(--clr-ss-red-light);
	font-size: 120%;
	font-weight: 700;
	background-color: #fff;
	padding: 0.15em 0.5em;
	border: solid 2px var(--clr-ss-red-light);
	margin-right: 0.25em;
}

#newyear .heading_sub02 {
	position: relative;
	font-size: 18px;
	font-weight: 700;
}
#newyear .heading_sub02::before,
#newyear .heading_sub02::after {
	position: relative;
	display: inline-block;
	vertical-align: -4px;
	content: "";
	background-color: var(--clr-ss-black);
	width: 2px;
	height: 20px;
	margin: 0 0.35em;
}
#newyear .heading_sub02::before { transform: rotate(-20deg);}
#newyear .heading_sub02::after { transform: rotate(20deg);}

#newyear .heading_sub03 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin: -0.5em auto 0.5em;
}
#newyear .heading_sub03 span {
	color: var(--clr-ss-red-light);
	font-size: 130%;
	font-weight: 700;
	line-height: 1;
}
#newyear .heading_sub03::before,
#newyear .heading_sub03::after {
	position: relative;
	display: inline-block;
	vertical-align: -4px;
	content: "";
	background-color: var(--clr-ss-black);
	width: 2px;
	height: 20px;
	margin: 0 0.35em;
}
#newyear .heading_sub03::before { transform: rotate(-20deg);}
#newyear .heading_sub03::after { transform: rotate(20deg);}

/* 友だち追加ボタン
================================================== */

#newyear #line {
	/* background-color: rgba(255,255,255,0.75); */
}

#newyear #line .line_btn {
	width: 100%;
	/* background-color: #fff; */
	margin-top: 30px;
	border-radius: 8px;
}
#newyear #line .line_btn a {
	/* display: block;
	background-color: var(--aw-yallow02); */
	padding: 0 0 16px;
	border-radius: 8px;
}
#newyear #line .line_btn p {
	color: var(--clr-ss-black);
	font-size: 23px;
	font-weight: 700;
	line-height: 1;
}
#newyear #line .line_btn p span {
	font-size: 125%;
	font-weight: 700;
}
#newyear #line .line_btn p strong {
	color: var(--clr-ss-red-light);
	font-size: 150%;
	font-weight: 700;
}

#newyear #line .line_btn p.txt_s {
	color: #666;
	font-size: 95%;
	font-weight: 700;
}

#newyear #line .line_btn a:hover {
	opacity: 0.7;
}

#newyear #line .line_btn p.btn_d {
	position: relative;
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 18px;
	background-color: #06c755;
	padding: 1.2em 0;
	border-radius: 100px;
	margin: 0.5em 0;
}
#newyear #line .line_btn p.btn_d::after {
	position: absolute;
	top: 50%;
	right: 10%;
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: all 0.2s;
}
#newyear #line .line_btn:hover p.btn_d::after {
	right: 8%;
	transition: all 0.2s;
}

#newyear #line .line_btn .line_title::before, #newyear #line .line_btn .line_title::after {
	position: relative;
    display: inline-block;
    vertical-align: -4px;
    content: "";
    background-color: var(--clr-ss-black);
    width: 2px;
    height: 20px;
    margin: 0 0.35em;
}


#newyear #line .line_title::before { transform: rotate(-20deg);}
#newyear #line .line_title::after { transform: rotate(20deg);}


/* クーポン
================================================== */

#newyear #coupon {
	background-color: rgba(255,255,255,0.75);
}

#newyear #coupon .app {
	width: 100%;
	background-color: #fff;
	margin-top: 16px;
	border-radius: 8px;
}
#newyear #coupon .app a {
	display: block;
	background-color: var(--aw-yallow02);
	padding: 0 0 16px;
	border-radius: 8px;
}
#newyear #coupon .app p {
	color: var(--clr-ss-black);
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}
#newyear #coupon .app p span {
	font-size: 125%;
	font-weight: 700;
}
#newyear #coupon .app p strong {
	color: var(--clr-ss-red-light);
	font-size: 150%;
	font-weight: 700;
}

#newyear #coupon .app p.txt_s {
	color: #666;
	font-size: 95%;
	font-weight: 700;
}

#newyear #coupon .app a:hover {
	opacity: 0.7;
}

#newyear #coupon .app p.btn_d {
	position: relative;
	display: inline-block;
	width: 80%;
	color: #fff;
	font-size: 18px;
	background-color: var(--hb-red);
	padding: 0.75em 0;
	border-radius: 100px;
	margin: -0.25em auto 0.5em;
}
#newyear #coupon .app p.btn_d::after {
	position: absolute;
	top: 50%;
	right: 10%;
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg) translateY(-50%);
	transition: all 0.2s;
}
#newyear #coupon .app:hover p.btn_d::after {
	right: 8%;
	transition: all 0.2s;
}



/* 汎用リスト
================================================== */

#newyear ul[class^="col_"] {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 auto;
}
#newyear ul[class^="col_"] > li { position: relative; }
#newyear ul[class^="col_"] > li > a {
	position: relative;
	width: 100%;
	display: block;
}
#newyear ul[class^="col_"] > li:hover > a {
	opacity: 0.7;
}

#newyear ul.col_1 > li,
#newyear ul[class^="col_"] > li.w100 { width: 100%; }
#newyear ul.col_2 > li { width: calc((100% - 8px*1)/2); }
#newyear ul.col_3 > li { width: calc((100% - 8px*2)/3); }



/* ランキング
================================================== */

#newyear .list_ranking {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 32px 10px;
}
#newyear .list_ranking li { position: relative; display: flex; }
#newyear .list_ranking li a {
	position: relative;
	width: 100%;
	color: var(--clr-ss-black);
	display: block;
	background: rgb(255,255,255);
	background: linear-gradient(160deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(247,246,243,1) 50%, rgba(247,246,243,1) 100%);
	box-shadow: 0px 0px 8px 4px rgba(var(--clr-ss-black-rgb),0.15);
	border: double 4px var(--main-clr-lightbeige);
}

#newyear .list_ranking li.clm1 { width: 100%; }
#newyear .list_ranking li.clm1 a { padding: 20px 20px 12px; }

#newyear .list_ranking li.clm2 { width: calc((100% - 10px*1)/2); }
#newyear .list_ranking li.clm2 a { padding: 20px 10px 10px; }

/* アイコン */
#newyear .list_ranking .icon {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 96px;
}
#newyear .list_ranking li.clm2 .icon { width: 56px; }
#newyear .list_ranking .icon img {
	width: 100%;
	height: auto;
}

/* コピー */
#newyear .list_ranking h4 {
	color: var(--clr-ss-black);
	font-weight: 700;
	margin-bottom: 0.5em;
}
#newyear .list_ranking li.clm1 h4 { font-size: 24px; }
#newyear .list_ranking li.clm2 h4 { font-size: 16px; }


/* 画像 */
#newyear .list_ranking .list_img {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 auto 8px;
}

/* 商品名・価格 */
#newyear .list_ranking .spec {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#newyear .list_ranking li.clm2 .spec {
	flex-direction: column;
	align-items: flex-start;
}

/* 商品名 */
#newyear .list_ranking h5 {
	color: var(--clr-ss-black);
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	line-height: 1.3;
}
#newyear .list_ranking h5 span { font-size: 70%;}
#newyear .list_ranking li.clm2 h5 { font-size: 14px; text-align: center; width: 100%; margin-bottom: 0.5em;}

/* 価格 */
#newyear .list_ranking .price_wrap { position: relative; }
#newyear .list_ranking li.clm2 .price_wrap { text-align: center; width: 100%; }
#newyear .list_ranking .price_wrap .spesicalprice,
#newyear .list_ranking .price_wrap .intax { display: none; }
#newyear .list_ranking .price_wrap p.price_normal {
	text-align: right;
}
#newyear .list_ranking .price_wrap p.bg_coupon {
	color: #fff;
	/* color: var(--hb-red); */
	font-size: 13px;
	font-weight: 1000;
	background-color: var(--hb-red);
	padding: 0.25em 1em;
	/* border: #64100e solid 1px; */
}
#newyear .list_ranking .price_wrap p.price_sale {
	position: relative;
	color: var(--hb-red)!important;
	font-size: 24px;
	text-align: right;
	padding-right: 0.5em;
}
#newyear .list_ranking .price_wrap p.price_sale::after {
	position: absolute;
	top: calc(50% - 3px);
	right: 0%;
	display: inline-block;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px var(--hb-red);
	border-right: solid 2px var(--hb-red);
	transform: rotate(45deg);
	margin-left: 4px;
}

#newyear .list_ranking li.clm2 .price_wrap p.price_normal { text-align: center; }
#newyear .list_ranking li.clm2 .price_wrap p.price_sale {
	text-align: center;
	width: auto;
	padding-right: 0;
	display:inline-block;
}
#newyear .list_ranking li.clm2 .price_wrap p.price_sale::after { right: -16%; }



/* 大吉クーポン商品
================================================== */

#newyear .list_item {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

#newyear .list_item li {
	position: relative;
	width: calc((100% - 8px*1)/2);
	display: flex;
}
#newyear .list_item li a {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 8px 8px 16px;
	border-radius: 8px;
}

/* 左上 〇〇% */
#newyear .list_item .icon_dai {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 3;
	display: inline-block;
	content: "";
	width: 48px;
}
#newyear .list_item .icon_dai img {
	width: 100%;
	height: auto;
}

/* 画像 */
#newyear .list_item .thumb {
	margin-bottom: 12px;
}

/* 商品名 */
#newyear .list_item h4 {
	color: var(--clr-ss-black);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

/* 価格 */
#newyear .list_item .price_wrap {
	margin-top: auto;
	padding: 0 4px;
	line-height: 1;
}
#newyear .list_item .price_wrap p {
	color: var(--clr-ss-black);
	line-height: 1;
}
#newyear .list_item .price_wrap p.price_normal { font-size: 12px; }
#newyear .list_item .price_wrap p.bg_coupon {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	background-color: var(--hb-red);
	padding: 6px 0;
	margin: 2px auto 6px;
}

#newyear .list_ranking .clm1 .spec span.gentei {
	background-color: #e9e729;
	padding: 18px;
	border-radius: 10px;
	color: var(--clr-ss-black);
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    line-height: 0;
}

#newyear .list_ranking li.clm1 h5 strong {
	color: var(--clr-ss-black);
    font-size: 135%;
    font-weight: 700;
    text-align: left;
    line-height: 0;
	vertical-align: -0.05em;
}

#newyear .list_ranking .clm2 .spec span.gentei {
	background-color: #e9e729;
	color: var(--clr-ss-black);
    font-size: 15px;
    font-weight: 700;
	padding: 0.8em;
    line-height: 3.5em;
	border-radius: 10%;
}

#newyear .list_ranking li.clm2 h5 strong {
	color: var(--clr-ss-black);
    font-size: 140%;
    font-weight: 700;
    line-height: 1.3;
	vertical-align: -0.05em;
    line-height: 3.5em;
}


#newyear .list_item.zaiko30 .price_wrap p.bg_coupon { background-color: #e8c574; }
#newyear .list_item.zaiko20 .price_wrap p.bg_coupon { background-color: #bac3c6; }
#newyear .list_item.zaiko10 .price_wrap p.bg_coupon { background-color: #ffc893; }

#newyear .list_item .price_wrap p.price_sale {
	position: relative;
	font-size: 21px;
	font-weight: 700;
	color: var(--hb-red);
}
#newyear .list_item .price_wrap p.price_sale::after {
	position: relative;
	display: inline-block;
	vertical-align: 4px;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px var(--hb-red);
	border-right: solid 2px var(--hb-red);
	transform: rotate(45deg);
	margin-left: 4px;
}

/* hover */
#newyear .list_item li:hover a {
	opacity: 0.7;
}

/* 価格プロを使った場合 */
#newyear .list_item .price_wrap .buy_price ul {
	position: relative;
	margin: auto;
}
#newyear .list_item .price_wrap .buy_price ul::after {
	position: absolute;
	top: calc(50% - 4px);
	right: -12%;
	display: inline-block;
	vertical-align: -5px;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 2px var(--clr-ss-red-light);
	border-right: solid 2px var(--clr-ss-red-light);
	transform: rotate(45deg);
	margin-left: 4px;
}
#newyear .list_item .price_wrap .buy_price ul li {
	color: var(--clr-ss-red-light);
	font-size: 21px;
	width: auto;
	background: none;
	margin: auto;
}
#newyear .list_item .price_wrap .buy_price ul li.intax {
	font-size: 8px;
	color: var(--clr-ss-red-light)!important;
	margin-bottom: 1px !important;
	display: none;
}
#newyear .list_item .price_wrap .buy_price ul li .spesicalprice { display: none!important; } 


/* 吹き出し */
#newyear .ballon {
	position: relative;
	display: inline-block;
	width: auto;
	color: var(--clr-ss-black);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--aw-yallow02);
	margin: 0 auto 32px;
	padding: 0.75em 1.5em;
	border-radius: 24px;
}
#newyear .ballon::after {
	position: absolute;
	top: 90%;
	left: 50%;
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	background-color: var(--aw-yallow02);
	transform: rotate(45deg) translateX(-50%);
}
#newyear .ballon strong {
	color: var(--bg-red01);
	font-size: 150%;
	font-weight: 700;
	line-height: 1;
}


/* カテゴリメニュー
================================================== */

#newyear .menu_cate {
	position: relative;
	width: 100%;
	padding: 20px 20px 48px;
	background-color: rgba(255,255,255,0.75);
}

#newyear .menu_cate > ul {
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}
#newyear .menu_cate > ul > li {
	position: relative;
	width: 100%;
}
#newyear .menu_cate > ul > li > a {
	position: relative;
	width: 100%;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	border-radius: 4px;
}
#newyear .menu_cate > ul > li > a::after {
	position: absolute;
	top: calc(50% - 2px);
	right: 12px;
	display: inline-block;
	content: "";
	width: 4px;
	height: 4px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transform: rotate(45deg);
}

#newyear .menu_cate > ul > li > a { background-color: var(--clr-ss-red-light); }
#newyear .menu_cate > ul > li:nth-of-type(3) > a,
#newyear .menu_cate > ul > li:nth-of-type(4) > a,
#newyear .menu_cate > ul > li:nth-of-type(5) > a,
#newyear .menu_cate > ul > li:nth-of-type(9) > a,
#newyear .menu_cate > ul > li:nth-of-type(10) > a,
#newyear .menu_cate > ul > li:nth-of-type(11) > a { background-color: #bc4e30; }

#newyear .menu_cate > ul > li:first-child { grid-row: 1 / 2; grid-column: 1 / 3; }

#newyear .menu_cate > ul > li:hover > a {
	opacity: 0.7;
}


/* 福袋・新春セールエリア
================================================== */

#newyear .section#cate03 {
	color: var(--clr-ss-black)!important;
	background: url(/IMAGE/spaceperformance/25happybag/bg_kanban.jpg) repeat center center;
	padding: 4px 32px 32px;
	margin: 0 auto;
}
#newyear .section#cate03 h3 {
	width: calc(100% + 64px)!important;
	margin: 0 -32px 30px;
}

#newyear h3.heading_info {
	font-size: 28px;
	line-height: 1;
	background-color: #fff;
	border: double 5px var(--bg-red01);
	padding: 0.5em 0;
}

#newyear .section#cate03 p.limited {
	font-weight: 700;
}

#newyear .list_happybag {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 64px;
	width: 100%;
	padding: 0;
	margin-bottom: 64px;
}
#newyear .list_happybag > li {
	position: relative;
	width: 100%;
}
#newyear .list_happybag > li::before,
#newyear .list_happybag > li::after {
	position: absolute;
	z-index: 1;
	left: 0;
	display: inline-block;
	content: "";
	width: 100%;
	height: 12px;
	background: url(/IMAGE/spaceperformance/25happybag/bg_stripe.gif) repeat-x top left;
}
#newyear .list_happybag > li > a {
	position: relative;
	width: 100%;
	display: block;
	background-color: #fff;
	background-image: url(/IMAGE/spaceperformance/25happybag/bg_kamifubuki.gif) ,url(/IMAGE/spaceperformance/25happybag/bg_kamifubuki.gif);
	background-repeat: no-repeat,no-repeat;
	background-position: top -20px right -80px, left -40px bottom -20px;
	padding: 48px 24px 40px;
}

/* アイコン類 */
#newyear .icon_fuku {
	position: absolute;
	z-index: 5;
	display: inline-block;
	width: 80px;
	height: auto;
}
#newyear .icon_fuku.icon_fuku_l { top: -15px; left: 8px; }


/* セット名 */
#newyear .list_happybag h3 {
	color: var(--clr-ss-black);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.5;
}

/* 価格 */
#newyear .list_happybag .price_hb {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin: 8px auto;
}
#newyear .list_happybag .price_hb dt {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--hb-red);
	padding: 0.5em;
}
#newyear .list_happybag .price_hb dd .buy_price .price,
#newyear .list_happybag .price_hb dd .buy_price .intax { color: var(--hb-red)!important; line-height: 1; }
#newyear .list_happybag .price_hb dd .buy_price .price { font-size: 40px; flex-flow: nowrap; }
#newyear .list_happybag .price_hb dd.tilde .buy_price .price::after {
	position: relative;
	display: inline;
	content: "〜";
	width: auto;
}
#newyear .list_happybag .price_hb dd .buy_price .intax { font-size: 12px;}
#newyear .list_happybag .price_hb dd .spesicalprice { display: none; }

/* 〇〇円相当 */
#newyear .list_happybag .p_side_line {
	position: relative;
	color: var(--clr-ss-black);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
#newyear .list_happybag .p_side_line::before,
#newyear .list_happybag .p_side_line::after {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	content: "";
	height: 20px;
	width: 1px;
	background-color: var(--clr-ss-black);
	margin: 0 0.5em;
}
#newyear .list_happybag .p_side_line::before { transform: rotate(-20deg);}
#newyear .list_happybag .p_side_line::after { transform: rotate(20deg);}

/* 商品画像 */
#newyear .list_happybag img.img_set {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(4px 4px 4px rgba(184,177,150,0.35));
}

/* ついてくる */
#newyear .list_happybag .p_spe {
	position: relative;
	color: var(--hb-red);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0.75em auto;
	padding: 0.5em 0;
	background-color: #f1f1f1;
}
#newyear .list_happybag .p_spe span {
	font-size: 125%;
	font-weight: 700;
	line-height: 1;
}

/* セット内容 */
#newyear .list_happybag .set_hb {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 0;
	margin-top: 8px;
}
#newyear .list_happybag .p_spe + .set_hb { margin-top: 0; }
#newyear .list_happybag .set_hb dt { width: 140px;}

#newyear .list_happybag .set_hb dt,
#newyear .list_happybag .set_hb dd {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.5;
	padding: 0.5em 1em;
	border:solid 1px var(--main-clr-lightbeige);
}
#newyear .list_happybag .set_hb dt {
	position: relative;
	justify-content: center;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	background-color: var(--main-clr-lightbeige);
}
#newyear .list_happybag .set_hb dd {
	flex: 1;
}
#newyear .list_happybag .list_details {
	margin-left: 1.5em;
	letter-spacing: normal;
}
#newyear .list_happybag .list_details > li {
	list-style-type: disc;
	letter-spacing: normal;
	color: var(--clr-ss-black);
	font-size: 13px;
	text-align: left;
}

/* ボタン */
#newyear .list_happybag .btn_hb {
	position: absolute;
	z-index: 5;
	left: 50%;
	bottom: -30px;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60%;
	height: 48px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	background-color: var(--hb-yellow);
	border: solid 3px var(--hb-yellow);
	border-radius: 8px;
}
#newyear .list_happybag .btn_hb::after {
	position: absolute;
	display: inline-block;
	content: "";
	top: calc(50% - 4px);
	right: 8%;
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(45deg);
}

/* hover */
#newyear .list_happybag li a img.img_set,
#newyear .list_happybag li a .btn_hb,
#newyear .list_happybag li a .btn_hb::after,
#newyear .list_happybag li:hover a img.img_set,
#newyear .list_happybag li:hover a .btn_hb,
#newyear .list_happybag li:hover a .btn_hb::after {
	transition: all 0.2s;
}

#newyear .list_happybag li:hover a img.img_set {
	transform: scale(1.05);
	filter: drop-shadow(4px 4px 4px rgba(190,143,50,0.65));
}
#newyear .list_happybag li:hover a .btn_hb {
	color: var(--hb-yellow);
	background-color: #fff;
	border-radius: 8px;
}
#newyear .list_happybag li:hover a .btn_hb::after {
	right: 6%;
	border-color: var(--hb-yellow);
}



/* ==================================================
   PC左側 / PC右側
================================================== */

#newyear .pc_left,
#newyear .pc_right {
	position: sticky;
	width: calc((100% - 560px)/2);
	/*top: 0;
	height: 100vh;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
#newyear .pc_left > .inner,
#newyear .pc_right > .inner {
	text-align: center;
	padding: 0 16%;
}



/*  PC用 左側
================================================== */

#newyear .pc_left {
	order: 1;
}

#newyear .pc_left h3 {
	color: var(--clr-ss-red-light);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.2em;
	margin-bottom: 1em;
}

#newyear .pc_left nav ul {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
#newyear .pc_left nav ul li {
	position: relative;
	width: 100%;
	display: flex;
}
#newyear .pc_left nav ul li a {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
	border-radius: 8px;
	padding: 20px 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
#newyear .pc_left nav ul li a span {
	color: var(--clr-ss-red-light);
	font-size: 120%;
	font-weight: 700;
	line-height: 1;
	transition: all none;
}
#newyear .pc_left nav ul li a::after {
	position: absolute;
	top: 50%;
	right: 6%;
	display: inline-block;
	content: "";
	width: 6px;
	height: 6px;
	border-top: solid 2px var(--clr-ss-red-light);
	border-right: solid 2px var(--clr-ss-red-light);
	transform: rotate(45deg) translateY(-50%);
}

#newyear .pc_left nav ul li:hover a {
	color: #fff;
	background-color: var(--clr-ss-red-light);
}
#newyear .pc_left nav ul li:hover a span {
	color: #fff;
	transition: all none;
}
#newyear .pc_left nav ul li:hover a::after {
	right: 4%;
	border-color: #fff;
}

#newyear .pc_left nav ul li.end {
	position: relative;
	display: inline-block;
	width: 100%;
	color: #fff;
	background-color: #ccc;
	border-radius: 8px;
	padding: 20px 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
#newyear .pc_left nav ul li.end span {
	font-size: 100%;
	font-weight: 700;
	line-height: 1;
	transition: all none;
}
#newyear .pc_left nav ul li.end::before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	content: "終了";
	font-size: 18px;
	font-weight: 700;
	color: var(--clr-ss-black);
	background-color: #fff;
	padding: 0.25em 0.5em;
	transform: rotate(-5deg) translate(-50%,-50%);
}



/*  PC用 右側
================================================== */

#newyear .pc_right {
	order: 3;
	background: url(/IMAGE/newyear/251224/bg.gif) no-repeat center center;
	background-size: cover;
}



/* ==================================================
   スマホ側メニュー ※PC非表示
================================================== */

#fixed_menu { display: none!important; }