@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 */
.blackfridayWrap {
max-width: 750px;
width: 100%;
margin: 0 auto;
-webkit-text-size-adjust: 100%;
color: #fff;
line-height: 1;
}
.blackfridayWrap img {
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.blackfridayWrap a {
display: block;
}

.blackfridayWrap .bgArea01 {
margin: 0 auto;
padding-bottom: 8.5%;
background: url(../image/blackfriday_sp_bg_001_251117.jpg) no-repeat top center;
background-color: #040404;
background-size: contain;
text-align: center;
}
.blackfridayWrap .mvBlock {
position: relative;
}
.blackfridayWrap .mvBlock .countdown {
position: relative;
margin: -97.5% auto 0;
text-align: center;
font-size: clamp(14px, 5.33vw, 40px);
font-weight: bold;
color: #fff;
}
.blackfridayWrap .mvBlock .countdown .cd_text {
font-size: clamp(13px, 4vw, 30px);
}
.blackfridayWrap .mvBlock .countdown #cd_day {
font-size: clamp(15px, 9.6vw, 72px);
}
.blackfridayWrap .mvBlock .countdown #cd_day,
.blackfridayWrap .mvBlock .countdown .cd_daytext {
color: #f1ce8c;
}

.blackfridayWrap .textBlock01 {
width: calc(558 / 750 * 100%);
margin: 94% auto 0;
}
.blackfridayWrap .contentBlock01 {
width: calc(700 / 750 * 100%);
margin: 5% auto 0;
}
.blackfridayWrap .btnBlock01 {
margin-top: 7%;
}
.blackfridayWrap .btnBlock01 .btnLink {
width: calc(520 / 750 * 100%);
margin: 0 auto;
}
.blackfridayWrap .btnBlock01 .txtLink {
margin-top: 4%;
font-size: clamp(13px, 3.46vw, 26px);
text-align: center;
}
.blackfridayWrap .btnBlock01 .txtLink a {
display: inline;
color: #fff;
}

.bannerWrap {
margin: calc(60 / 750 * 100%) auto 0;
}
.titleBlock-h2 {
width: calc(576 / 750 * 100%);
margin: 0 auto;
}
.bannerList {
margin-top: calc(40 / 750 * 100%);
margin-inline: auto;
width:calc(645 / 750 * 100%);
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify-content-center .bannerList {
justify-content: center !important;
}
.col2-286_286 .bannerList {
gap: calc(45 / 645 * 100%);
}
.col2-286_286 .bannerItem {
width: calc(50% - calc(45 / 645 * 100%) / 2);
}
.col2-286_286 .bannerItem:nth-child(n+3) {
margin-top: calc(45 / 645 * 100%);
}

.blackfridayWrap .bgArea02 {
background-color: #fff;
padding: 5%;
text-align: center;
}
.blackfridayWrap .noteBlock {
display: inline-block;
font-size: clamp(13px, 3.6vw, 27px);
line-height: 1.7;
text-align: left;
}


/* 251121up */
.blackfridayWrap .mvBlock {
margin-bottom: 49%;
}
.blackfridayWrap .mvBlock .countdown {
margin: -117% auto 0;
}
.blackfridayWrap .bgArea01 {
background: url(../image/blackfriday_sp_bg_001_251121.jpg) no-repeat top center;
background-color: #040404;
background-size: contain;
}
.blackfridayWrap .noteBlock01 {
margin-top: 46.5%;
font-size: clamp(13px, 3.33vw, 25px);
line-height: 1.9;
}
.blackfridayWrap .contentBlock02 {
width: calc(710 / 750 * 100%);
margin: 0 auto;
padding: 5.5% 0 3%;
background-color: #272727;
}
.blackfridayWrap .contentBlock02 .textimg {
width: calc(672 / 710 * 100%);
margin: 0 auto;
}
.blackfridayWrap .contentBlock02 .textLink {
display: inline-block;
margin-top: 3%;
font-size: clamp(13px, 3.6vw, 27px);
}
.blackfridayWrap .contentBlock02 .textLink a {
color: #fff;
}

.ranking {
margin-top: 3%;
}
.categoryCarouselAWrap {
margin-top: 0;
}

.blackfridayWrap .anchorLinkBlock01 {
margin-top: 7%;
}
.blackfridayWrap .anchorLinkBlock01 ul {
display: flex;
}
.blackfridayWrap .anchorLinkBlock01 .anchorLink:nth-child(1) {
width: calc(253 / 750 * 100%);
}
.blackfridayWrap .anchorLinkBlock01 .anchorLink:nth-child(2) {
width: calc(245 / 750 * 100%);
}
.blackfridayWrap .anchorLinkBlock01 .anchorLink:nth-child(3) {
width: calc(252 / 750 * 100%);
}

.blackfridayWrap .anchorLinkFollowBlock {
position: fixed;
top: 75px;
z-index: 200;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
background-color: #fff;
}
.blackfridayWrap .anchorLinkFollowBlock.show {
opacity: 1;
pointer-events: auto;
}
.blackfridayWrap .anchorLinkFollowBlock ul {
display: flex;
}

.blackfridayWrap .contentBlock03 {
margin: 9% auto 0;
padding: 5% 0 5%;
background: url(../image/blackfriday_sp_bg_002_251121.jpg) no-repeat top center;
background-size: cover;
color: #333;
}
.blackfridayWrap .contentBlock03 .textimg01 {
width: calc(700 / 750 * 100%);
margin: 0 auto;
}
.blackfridayWrap .contentBlock03 .textimg02 {
width: calc(700 / 750 * 100%);
margin: 5% auto 0;
}
.blackfridayWrap .contentBlock03 .textArea01 {
width: calc(700 / 750 * 100%);
margin: 7% auto 0;
text-align: left;
font-size: clamp(13px, 3.6vw, 27px);
line-height: 1.2;
}
.blackfridayWrap .contentBlock03 .textArea01 a {
display: inline;
text-decoration: underline;
}
.blackfridayWrap .contentBlock03 .textArea01 .text02 {
margin-top: 5%;
}

.blackfridayWrap .contentBlock04 {
margin: 9% auto 0;
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 {
margin-top: 5%;
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 ul {
width: calc(690 / 750 * 100%);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 .anchorLink {
width: calc(334 / 690 * 100%);
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 .anchorLink:nth-child(n+3),
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 .anchorLink02 {
margin-top: 3%;
}

.blackfridayWrap .item {
width: calc(330 / 690 * 100%);
font-size: clamp(13px, 3.2vw, 24px);
background-color: #fff;
}
.blackfridayWrap .item:nth-child(n+3) {
margin-top: 3%;
}
.blackfridayWrap .item a,
.blackfridayWrap .item a:link,
.blackfridayWrap .item a:visited {
color: #333;
}
.blackfridayWrap .item .item_inner {
padding: 5%;
}
.blackfridayWrap .item .item_discount_area {
padding: 6% 0;
background-color: #c70000;
color: #fff;
font-size: clamp(13px, 3.2vw, 24px);
}
.blackfridayWrap .item .item_discount_area p {
display: inline-block;
font-weight: bold;
line-height: 1.2;
}
.blackfridayWrap .item .item_detail {
padding-top: 4%;
font-size: clamp(13px, 3.33vw, 25px);
line-height: 1.4;
text-align: left;
}
.blackfridayWrap .item .item_detail .item_tag {
font-size: clamp(13px, 2.53vw, 19px);
}
.blackfridayWrap .item .item_detail .item_name {
margin-top: 2%;
}
.blackfridayWrap .item .item_detail .item_price {
margin-top: 2%;
text-align: right;
font-weight: bold;
}

.blackfridayWrap .contentBlock05,
.blackfridayWrap .contentBlock06 {
width: calc(690 / 750 * 100%);
margin: 10.5% auto 0;
}
.blackfridayWrap .contentBlock05 .items01,
.blackfridayWrap .contentBlock06 .items02 {
margin-top: 2.5%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.blackfridayWrap .btnBlock02 {
width: calc(520 / 690 * 100%);
margin: 6% auto 0;
}

.blackfridayWrap .contentBlock06 {
background-color: #fff;
}
.blackfridayWrap .contentBlock06 .items02 {
margin-top: 2%;
}
.blackfridayWrap .contentBlock06 .items02 .item .item_discount_area {
padding: 0;
background-color: #010158;
text-align: left;
color: #fff;
}
.blackfridayWrap .contentBlock06 .items02 .item .item_discount_area p {
margin: 6% 4%;
font-weight: initial;
}
.blackfridayWrap .contentBlock06 .items02 .item .item_discount_area em {
color: #ffef96;
font-weight: initial;
}
.blackfridayWrap .btnBlock02.fixSize {
width: calc(520 / 750 * 100%);
margin: 7% auto 0;
}
.blackfridayWrap .btnBlock03 {
width: calc(520 / 750 * 100%);
margin: 4% auto 0;
}

.blackfridayWrap .noteBlock {
color: #333;
}

#wrap .pageArea .contentsArea,
.categorySlideBlock01 .contentsArea {
margin: 0;
}
.pageArea {
margin: 7% 2% 0;
padding: 0;
background-color: #fff;
}
.categorySlideBlock01 .textName {
color: #333;
text-align: left;
}
.categorySlideBlock01 .contentsArea > ol {
padding: 2% 0 1% 2%;
}

/* productArea */
.timerHidden {
display: none;
}
.timerVisible {
display: block;
}


/* 251201up */
.blackfridayWrap .bgArea01 {
padding-bottom: 1%;
background-size: cover;
}
.blackfridayWrap .mvBlock {
margin-bottom: 0;
}
.blackfridayWrap .mvBlock.grayOut h1 {
position: relative;
}
.blackfridayWrap .mvBlock.grayOut h1::before {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 8;
}
.blackfridayWrap .periodEndBlock {
position: relative;
width: 75%;
margin: -94% auto 82%;
padding: 4% 0;
background-color: #dfc057;
z-index: 9;
}
.blackfridayWrap .periodEndBlock .periodEndText {
font-size: clamp(13px, 4vw, 30px);
color: #333;
font-weight: bold;
text-align: center;
}