@charset "shift_jis";

/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
	zoom:1;
	display:block;
	max-width:750px;
	width:100%;
	height:auto;
	margin:auto;
}

/* wrap */
.newYearWrap{
	max-width:750px;
	width:100%;
	margin:0 auto;
	-webkit-text-size-adjust:100%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.newYearWrap img{
	vertical-align: top;
	width: 100%;
	height: auto;
	zoom: 1 !important;
}
.newYearWrap a{
	display: block;
}

/***************************
  RIGHT_top_sp_test.html
***************************/
.newYearWrap .fBold {
font-weight: bold;
}
.newYearWrap .fs18 {
font-size: 18px;
}
.newYearWrap .fs17 {
font-size: 17px;
}
.newYearWrap .fs22 {
font-size: 22px;
}
.newYearWrap .center {
text-align: center;
}
.newYearWrap .w89{
width: 89%;
}
.newYearWrap  .btnLink {
	width: calc(578 / 610* 100%);
	margin: calc(50 / 750* 100%) auto 0;
}
.newYearWrap  .btnLink a{
display: inline-block;
}
.newYearWrap  .btnLink02 {
	width: calc(578 / 750* 100%);
	margin: 0 auto;
}
.newYearWrap  .btnLink02 a{
display: inline-block;
}

/*mvBlock*/
.newYearWrap .mvBlock{
	margin:0;
}

/*noticeBlock*/
.newYearWrap .noticeBlock{
	padding: calc(60 / 750 * 100%) 0;
}
.newYearWrap .noticeBlock dl{
	text-align: center;
}
.newYearWrap .noticeBlock dt{
	line-height: 1.5;
	font-size: clamp(1rem, -0.147rem + 5.65vw, 2.5rem);
  font-weight: bold;
}
.newYearWrap .noticeBlock dt span{
	font-size: clamp(1rem, -0.864rem + 9.18vw, 3.438rem);
	color: #c70d0a;
}
.newYearWrap .noticeBlock dd{
	line-height: 1.5;
	margin-top: calc(25 / 750 * 100%);
	font-size: clamp(1rem, 0.426rem + 2.82vw, 1.75rem);
}

/*cpnBlock*/
.newYearWrap .cpnBlock{
	background: url("../image/newYear_sp_bg_001_240910.jpg") repeat-y top center;
	background-size: cover;
	padding-bottom: calc(80 / 750 * 100%);
}
.newYearWrap .cpnBlock .cpnTitle{
	width: calc(594 / 750 * 100%);
	margin: 0 auto;
	padding-top: calc(90 / 750 * 100%);
}
.newYearWrap .cpnBlock .cpnTitle02{
	width: calc(484 / 750* 100%);
	margin: calc(80 / 750* 100%) auto 0;
}
.newYearWrap .cpnBlock .cpnInner{
	width: calc(670 / 750* 100%);
	margin: calc(35 / 750* 100%) auto 0;
}
.newYearWrap .cpnBlock .cpnFrame:nth-child(n+2){
	margin-top: calc(30 / 750* 100%);
}
.newYearWrap .cpnBlock .cpnBtn{
	width: calc(578 / 750* 100%);
	margin: 0 auto;
	padding-top: calc(60 / 750* 100%);
}
.newYearWrap .cpnBlock .cpnBtn a{
	display: inline-block;
}
.newYearWrap .cpnBlock .anchorLink{
	width: calc(670 / 750* 100%);
	margin: calc(60 / 750* 100%) auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: calc(40 / 750* 100%);
}
.newYearWrap .cpnBlock .anchorItem{
	width: calc(315 / 670* 100%);
	margin-bottom: calc(30 / 670* 100%);
}
.newYearWrap .cpnBlock .anchorBtn{
	width: calc(670 / 750* 100%);
	margin: 0 auto;
}
.newYearWrap .cpnBlock .anchorBtn a{
	display: inline-block;
}

/*originalBlock*/
.newYearWrap .originalBlock .originalWrap{
	padding-bottom: calc(65 / 750* 100%);
	background: url("../image/newYear_sp_bg_003_240910.jpg") no-repeat top center;
	background-size: cover;
}
.newYearWrap .originalBlock .originalInner{
	width: calc(610 / 750* 100%);
	margin: 0 auto;
}
.newYearWrap .originalBlock .originalInner .btnLink{
	padding-top: calc(50 / 750* 100%);
}

/*osechi2025*/
.newYearWrap .osechi2025{
	padding: calc(80 / 750* 100%) 0 calc(45 / 750* 100%);
	/* background: url("../image/newYear_sp_bg_004_240910.jpg") repeat top center; */
}
.newYearWrap .osechi2025 .osechiTitleLine{
	padding: 25px 0;
	border-bottom: 4px solid #F3ECDC;
	border-top: 4px solid #F3ECDC;
}
.newYearWrap .osechiTitle01{
	width: calc(684 / 750* 100%);
	margin: 0 auto;
}
.newYearWrap .osechiTitle02{
	margin: calc(80 / 750* 100%) auto 0;
	text-align: center;
}
.newYearWrap .osechiTitle02 h3{
	width: calc(285 / 750* 100%);
	display: inline-block;
}
.newYearWrap .osechiTitle03{
	margin: calc(85 / 750* 100%) auto 0;
	text-align: center;
}
.newYearWrap .osechiTitle03 h3{
	width: calc(351 / 750* 100%);
	display: inline-block;
}
.newYearWrap .osechiTitle04{
	width: calc(494 / 750* 100%);
	margin: calc(82 / 750* 100%) auto 0;
}
.newYearWrap .osechiTitle05{
	margin: calc(81 / 750* 100%) auto 0;
	text-align: center;
}
.newYearWrap .osechiTitle05 h3{
	width: calc(278 / 750* 100%);
	display: inline-block;
}
.newYearWrap .osechiTitle06{
	margin: calc(80 / 750* 100%) auto 0;
	text-align: center;
}
.newYearWrap .osechiTitle06 h3{
	width: calc(564 / 750* 100%);
	display: inline-block;
}

/*itemBlock*/
.newYearWrap .itemBlock{
	margin-top: calc(50 / 750* 100%);
}
.newYearWrap .itemBlock .itemTxt{
	padding: 0 calc(30 / 750* 100%) calc(45 / 750* 100%);
	background: #fff;
}
.newYearWrap .itemBlock .itemSub{
	padding-top: calc(40 / 750* 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
  line-height: 1;
}
.newYearWrap .itemBlock .itemName{
	padding-top: calc(24 / 750* 100%);
	font-size: clamp(0.875rem, -0.75rem + 6.93vw, 2.5rem);
	font-weight: bold;
	line-height: 1.4;
}
.newYearWrap .itemBlock .itemPrice{
	padding-top: calc(18 / 750* 100%);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: clamp(0.875rem, 0.25rem + 6.45vw, 1.5rem);
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}
.newYearWrap .itemBlock .itemPrice .priceRed{
	color: #b00000;
}
.newYearWrap .itemBlock .itemPrice .priceTax{
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}
.newYearWrap .itemBlock .freeShipping{
	display: inline-block;
	width: calc(289 / 670* 100%);
	margin-right: auto;
}
.newYearWrap .itemBlock .itemNote{
	padding-top: calc(20 / 750* 100%);
	font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
	line-height: 1;
	padding-left: 1rem;
	text-indent: -1rem;
}
.newYearWrap .itemBlock .itemNote02{
	padding-top: calc(40 / 750* 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: 1.4;
}
.newYearWrap .itemBlock .itemNote03{
	padding-top: calc(35 / 750* 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: 1.4;
}
.newYearWrap .itemBlock .itemLink{
	font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
	margin-top: calc(40 / 750* 100%);
	text-align: right;
	/* padding-right: 1em; */
	position: relative;
}
/* .newYearWrap .itemBlock .itemLink::after{
	content: ">";
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1em;
	margin: auto;
	font-size: 0.9em;
} */
.newYearWrap .itemBlock a{
	display: inline-block;
	color: #000;
}

/*dishBlock*/
.newYearWrap .dishBlock{
	padding: 0 calc(30 / 750* 100%) calc(45 / 750* 100%);
	background: #fff;
}
.newYearWrap .dishBlock .dishImg{
	padding-top: calc(45 / 750* 100%);
}
.newYearWrap .dishBlock .dishTxt{
	padding-top: calc(58 / 750* 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: 1.4;
}
.newYearWrap .dishBlock .dishNote{
	padding-top: calc(55 / 750* 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: 1.4;
	text-align: right;
}

/*column2*/
.newYearWrap .column2{
	margin-top:  calc(48 / 750 * 100%);
	display: flex;
	flex-wrap: wrap;
	gap: calc(38 / 670* 100%);
}
.newYearWrap .column2 .colItem{
	width: calc(316 / 670* 100%);
	display: flex;
	flex-direction: column;
	background: #fff;
}
.newYearWrap .column2 .colItem:nth-child(n+3){
	margin-top:  calc(30 / 750 * 100%);
}
.newYearWrap .column2 .itemBlock{
	margin-top: 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.newYearWrap .column2 .itemBlock .itemTxt{
	padding: 0 calc(30 / 750* 100%) calc(62 / 750* 100%);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.newYearWrap .column2 .itemBlock .itemSub{
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	flex-grow: 1;
}
.newYearWrap .column2 .itemBlock .itemName{
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	flex-grow: 1;
}
.newYearWrap .column2 .itemBlock .itemPrice{
	padding-top: calc(20 / 750* 100%);
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	align-items: flex-end;
}
.newYearWrap .column2 .itemBlock .freeShipping{
	width: 100%;
	margin-bottom: calc(50 / 750* 100%);
}

/*mailBlock*/
.newYearWrap .mailBlock{
	padding: 0 calc(30 / 750* 100%) calc(80 / 750* 100%);
	background: url("../image/newYear_sp_bg_004_240829.jpg") no-repeat top center;
	background-size: cover;
}
.newYearWrap .mailBlock .mailFrame{
	margin-top: calc(40 / 750* 100%);
	background: url("../image/newYear_sp_bg_002_240829.png") no-repeat top center;
	background-size: cover;
	position: relative;
}
.newYearWrap .mailBlock .mailFrame::after{
	width: 100%;
	height: 24px;
	background: url("../image/newYear_sp_bg_bottom-frame_240829.png");
	background-size: cover;
	background-position: bottom;
	position: absolute;
	content: "";
}
.newYearWrap .mailBlock .mailTitle{
	width: calc(610 / 750* 100%);
	margin: 0 auto;
	padding-top: calc(45 / 750* 100%);
}
.newYearWrap .mailBlock .mailTxt{
	margin: calc(40 / 750* 100%) calc(40 / 750* 100%) 0;
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	line-height: 1.5;
}
.newYearWrap .mailBlock .mailTxt .mailred{
	color: #bd0000;
}
.newYearWrap .mailBlock .mailBtn{
	margin: calc(55 / 750* 100%) calc(40 / 750* 100%) 0;
}
.newYearWrap .mailBlock .mailNote{
	margin: calc(60 / 750* 100%) calc(40 / 750* 100%) 0;
	font-size: clamp(0.875rem, 3.73vw, 1.75rem);
	text-align: center;
	line-height: 1.5;
	padding-bottom: calc(24 / 750* 100%);
}

/*headingBlock*/
.newYearWrap .headingBlock01{
	padding-top: calc(50 / 750 * 100%);
}
.newYearWrap .headingBlock03{
	padding-top: calc(60 / 750 * 100%);
}
.newYearWrap .headingBlock04{
	padding-top: calc(80 / 750 * 100%);
}
.newYearWrap .headingBlock05{
	padding-top: calc(83 / 750 * 100%);
}
.newYearWrap .headingBlock06{
	padding-top: calc(80 / 750 * 100%);
}
.newYearWrap .headingBlock07{
	padding-top: calc(47 / 750 * 100%);
}

/*noteBox*/
.newYearWrap .noteBox {
  margin-top:  calc(40 / 750 * 100%);
  margin-inline: auto;
  width: calc(670 / 750 * 100%);
}
.newYearWrap .noteBox .noteText {
	margin-top:  calc(7 / 750 * 100%); /* 調整 */
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px; /* 調整 */
  line-height: 1.3; /* 調整 */
  letter-spacing: 0.3px;
}

/*navBtn*/
.newYearWrap .navi.sticky .navBtn{
	position: fixed;
	height: auto;
	bottom: 80px;
	right: 0;
	width: 42px;
	background: none;
	z-index: 9;
	display: block;
}
.navBtn {
  display: none;
}


/*group*/
.newYearWrap .group {
max-width: 950px;
margin: 18px auto 0;
}
.newYearWrap .group, .blackButton {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
gap: 15px 10px;
text-align: center;
}
.newYearWrap .blackButton a {
width: calc(50% - 10px);
height: auto;
padding: 1em;
font-size: 15px;
background-color: black;
text-decoration: none;
color: white;
background-image: url("../image/arrow_sp.png");
background-repeat: no-repeat;
background-position: right 15px center;
display: flex;
justify-content: center;
align-items: center;
}
.newYearWrap .buttonLink a {
text-decoration:underline;
text-decoration: none;
padding-bottom: 5px;
color: black;
}
.newYearWrap  .buttonLink a::after {
padding-left: 5px;
content: url(../image/arrow_black.png);
background-repeat: no-repeat;
background-position: right 15px;
vertical-align: middle;
}

/*mainBlock02*/
.newYearWrap .mainBlock02{
background: #fafaef;
padding: calc(60 / 750* 100%) 0 calc(60 / 750* 100%);
}
.newYearWrap .mainBlock02 .selectWrap{
margin: 0 auto;
}

/*mainBlock03*/
.mainBlock03{
background-color: #ececec;
}
.newYearWrap .mainBlock03Inner{
margin: 0 auto;
padding-bottom: 40px;
}
.newYearWrap .mainBlock03Inner .productContainer{
width: 89.5%;
margin: 0 auto;
}
.newYearWrap .mainBlock03Inner .dessertMainContainer{
width: 89.5%;
margin: 0 auto;
}
.newYearWrap .ttl_02{
text-align: center;
margin-bottom: 30px;
}
.newYearWrap .ttl_02 .w89{
width: 89%;
margin-left: auto;
margin-right: auto;
}
.ttl_02.w89{
width: 89.5%;
margin-left: auto;
margin-right: auto;
}
.newYearWrap .mainBlock03 .ttl_02:nth-child(1){
padding-top: 60px;
}
.newYearWrap .mainBlock03Inner .dessertMainContainer{
width: 89.5%;
margin: 0 auto;
}
.newYearWrap .prodTitle{
font-size: 1.2em;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.newYearWrap .mainBlock03Inner .dessertMainContainer{
width: 89.5%;
margin: 0 auto;
}
.newYearWrap .flexWrapper .dessert{
width: calc(50% - 10px);
}
.newYearWrap .dessertTextContainer{
padding: 20px;
background-color: #fff;
height: 220px;
font-size: 14px;
}
.newYearWrap .dessertTitle{
font-weight: bold;
}
.newYearWrap .dessertNotes{
/*width: 100%;*/
width: 89.5%;
margin-top: 20px;
overflow-wrap: break-word;
}
.newYearWrap .productCard{
padding: 20px;
background-color: #ffffff;
}
.newYearWrap .productCard a{
margin-top: 20px;
}
.newYearWrap .flexWrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: start;
gap: 10px;
}
.newYearWrap .flexWrapper .dessert{
width: calc(50% - 10px);
}
.newYearWrap .dessertTitle{
font-weight: bold;
}
.newYearWrap .dessertNotes{
width: 89.5%;
margin-top: 20px;
overflow-wrap: break-word;
}
.newYearWrap .contentBlockA03{
width: 89.5%;
margin: auto;
}
.newYearWrap .contentBlockA03 .contentBox ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.newYearWrap .contentBlockA03 .contentBox li {
max-width: 48%;
margin: 0 4% 11px 0;
}
.newYearWrap .contentBlockA03 .contentBox li:nth-child(2n) {
margin: 0 0 11px 0;
}

.newYearWrap .cautionBlockA01{
	margin-top: calc(40 / 750* 100%);
	padding: 4%;
	background: #e3e5ed;
	color: #000000;
	line-height: 1.5;
	font-size: 14px;
}

/* アコーディオン */
.newYearWrap .accordionA01Inner{
	display: none;
}
.newYearWrap .accordionA01Btn{
	display: inline-block;
}
.newYearWrap .accordionA01Btn .btnOpen{
	display: block !important;
}
.newYearWrap .accordionA01Btn.active .btnOpen{
	display: none !important;
}
.newYearWrap .accordionA01Btn .btnClose{
	display: none !important;
}
.newYearWrap .accordionA01Btn.active .btnClose{
	display: block !important;
}

/* grayOut */
.newYearWrap .mvBlock.grayOut {
position: relative;
z-index: 1;
}
.newYearWrap .mvBlock.grayOut::before {
position: absolute;
top: 0;
left: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 10;
}
.newYearWrap .mvBlock.grayOut::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
content: "";
display: block;
width: calc((518 / 750)* 100%);
height: calc((151 / 960)* 100%);
background: url(../image/newYear_sp_grayOut.png) no-repeat;
background-position: center center;
background-size: cover;
z-index: 20;
}




/*-------------------------------------------
250812up
-------------------------------------------*/
.newYearWrap .cpnBlockA01 {
	background: url("../image/newYear_sp_bg_001_250812.jpg") no-repeat top center;
  background-size: cover;
  padding: 6% 0 5%;
}
.newYearWrap .cpnBlockA01 .termBlock {
  width: 90%;
  margin: 0 auto;
}
.newYearWrap .cpnBtn {
  width: 90%;
  margin: 4% auto 0;
}
.newYearWrap .cpnBlockB01 {
	background: url("../image/newYear_sp_bg_002_250812.jpg") repeat-y top center;
  background-size: cover;
}
.newYearWrap .cpnBlockB01 .rankingBlock h2 {
  width: 58%;
  margin: 0 auto;
  padding: 6% 0;
}
.newYearWrap .separator {
  width: 100%;
	background: url("../image/newYear_bg_005_250812.jpg") no-repeat top center;
  aspect-ratio: 750 / 45;
  background-size: cover;
}
.newYearWrap .cpnBlockB01 .cpnBlockB02 h2 {
  width: 80%;
  margin: 0 auto;
  padding: 9% 0;
}
.newYearWrap .tabBlock .tab {
  display: none;
}
.newYearWrap .tabBlock .tab-menus {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 2.5%;
}
.newYearWrap .tabBlock .tab-menu {
  cursor: pointer;
}
.newYearWrap .tabBlock .tabTextBlock {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 5%;
}
.newYearWrap .anchorLink {
  width: 90%;
  margin: 9% auto 0;
  padding-bottom: 6%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.newYearWrap .anchorLink .anchorItem {
  width: 47%;
  margin-bottom: 4.5%;
}

.newYearWrap .originalBlockH2 {
  margin-top: 8%;
}
.newYearWrap .originalBlock {
  padding: 5% 5% 9%;
	background: url("../image/newYear_sp_bg_003_250812.jpg") repeat-y top center;
  background-size: cover;
}
.newYearWrap .originalBlock h3 {
  margin-top: 6%;
  text-align: center;
}
.newYearWrap .originalBlock .originalItem01 h3 {
  margin-top: 0;
}
.newYearWrap .originalBlock .itemImg {
  margin-top: 6%;
}
.newYearWrap .originalBlock .originalItemInner {
  padding: 4%;
  background-color: #fff;
  font-size: clamp(14px, 3.7vw, 28px);
  line-height: 1.3;
}
.newYearWrap .originalBlock .originalItem01 .originalItemInner {
  padding: 4%;
}
.newYearWrap .originalBlock .originalItemInner .itemSub {
  font-size: clamp(14px, 4.8vw, 36px);
  font-weight: bold;
}
.newYearWrap .originalBlock .originalItemInner .itemName {
  font-size: clamp(14px, 4.6vw, 35px);
  font-weight: bold;
}
.newYearWrap .originalBlock .originalItemInner .itemName {
  margin-top: 1%;
}
.newYearWrap .originalBlock .originalItemInner .itemPrice {
  margin-top: 2%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: clamp(14px, 5vw, 38px);
  font-weight: bold;
}
.newYearWrap .originalBlock .originalItemInner .itemPrice .priceTax {
  font-size: clamp(14px, 4vw, 30px);
  letter-spacing: -0.05em;
}
.newYearWrap .originalBlock .originalItemInner .itemVolume {
  width: 25%;
  margin-right: 3%;
}
.newYearWrap .originalBlock .originalItemInner .itemBtn {
  margin: 3.5% 0 5%;
}
.newYearWrap .originalBlock .originalItemInner .highlight {
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 2%;
}
.newYearWrap .originalBlock .originalItem01 .originalItemInner .highlight {
  margin: 2% 0 2%;
}
.newYearWrap .originalBlock .originalItemInner .highlight span {
  background-color: #ecdcba;
  color: #ac000e;
}
.newYearWrap .originalBlock .originalItemInner .notice {
  margin-top: 2%;
  font-size: clamp(13px, 3.2vw, 24px);
}
.newYearWrap .originalBlock .originalItem01 .campaign {
  margin: 4% 0;
}
.newYearWrap .originalBlock .originalItem02 .highlight {
  margin: 3% 0 2%;
}
.newYearWrap .originalBlock .cpnBtn {
  width: 100%;
  margin-top: 6%;
}
.newYearWrap .originalBlock .originalItem02 h3 {
  margin: 6% 6% 0;
}
.newYearWrap .originalBlock .originalItem03 h3 {
  margin: 6% 4% 0;
}

.newYearWrap .osechiBlockH2 {
  margin: 8% 5% 0;
  text-align: center;
}
.newYearWrap .osechiBlockH2#anchor03 {
  margin: 8% 3% 0;
}
.newYearWrap .osechiBlockH3 {
  margin-top: 5%;
}
.newYearWrap .mainBlock02 {
  margin-top: 10%;
}
.newYearWrap .blackButton {
  justify-content: space-between;
}
.newYearWrap .selectWrap .cpnBtn {
  width: 100%;
  margin: 10% auto 0;
}