@charset "shift_jis";
/*content1100pxReset*/
body.min {
min-width: 1100px;
}
#contents .contents_inner {
max-width: 100%;
padding: 0;
}

/* wrap */
.blackfridayWrap {
width: 100%;
min-width: 1100px;
position: relative;
color: #fff;
line-height: 1;
}
.blackfridayWrap img {
vertical-align: top;
}
.blackfridayWrap a {
display: block;
}
a.ov_image:hover img {
-moz-opacity: initial;
opacity: initial;
}

.blackfridayWrap {
background-color: #040404;
}
.blackfridayWrap .bgArea01 {
margin: 0 auto;
padding-bottom: 50px;
max-width: 1500px;
background: url(../image/blackfriday_bg_001_251117.jpg) no-repeat top center;
background-size: contain;
text-align: center;
}
.blackfridayWrap .mvBlock {
position: relative;
margin-bottom: 280px;
}
.blackfridayWrap .mvBlock h1 img {
width: 100%;
}
.blackfridayWrap .mvBlock .countdown {
position: relative;
margin: -29% auto 0;
text-align: center;
font-size: clamp(25px, 2.26vw, 34px);
font-weight: bold;
color: #fff;
}
.blackfridayWrap .mvBlock .countdown #cd_day {
font-size: clamp(59px, 5.33vw, 80px);
}
.blackfridayWrap .mvBlock .countdown #cd_day,
.blackfridayWrap .mvBlock .countdown .cd_daytext {
color: #f1ce8c;
}

.blackfridayWrap .textBlock01 {
margin-top: 20%;
}
.blackfridayWrap .contentBlock01 {
margin-top: 55px;
}
.blackfridayWrap .btnBlock01 {
margin-top: 55px;
}
.blackfridayWrap .btnBlock01 .btnLink {
width: 460px;
margin: 0 auto;
background-color: #fff;
}
.blackfridayWrap .btnBlock01 .txtLink {
margin-top: 30px;
font-size: 18px;
text-align: center;
}
.blackfridayWrap .btnBlock01 .txtLink a {
display: inline;
color: #fff;
}

.bannerWrap {
margin: 55px auto;
}
.titleBlock-h2 {
text-align: center;
}
.bannerList {
margin-top: 40px;
margin-inline: auto;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify-content-center .bannerList {
justify-content: center !important;
}
.bannerWrap .bannerItem img {
width: 100%;
height: auto;
}
.col4-286_286 .bannerList {
width: 980px;
gap: 20px;
}
.col4-286_286 .bannerItem {
width: calc(25% - 20px * 3 / 4);
background-color: #fff;
}

.blackfridayWrap .bgArea02 {
background-color: #fff;
padding: 55px;
text-align: center;
}
.blackfridayWrap .noteBlock {
display: inline-block;
font-size: 18px;
line-height: 1.7;
text-align: left;
}


/* 251121up */
.blackfridayWrap .bgArea01 {
background: url(../image/blackfriday_bg_001_251121.jpg) no-repeat top center;
background-size: contain;
}
.blackfridayWrap .noteBlock01 {
margin-top: 10px;
font-size: 17px;
line-height: 1.9;
}
.blackfridayWrap .contentBlock02 {
width: 1100px;
margin: 19% auto 0;
padding: 50px 50px 35px;
background-color: #272727;
}
.blackfridayWrap .contentBlock02 .textLink {
display: inline-block;
margin-top: 25px;
font-size: 18px;
}
.blackfridayWrap .contentBlock02 .textLink a {
color: #fff;
}

.ranking {
margin-top: 10px;
}
.categoryCarouselAWrap {
margin-top: 0;
}

.blackfridayWrap .anchorLinkBlock01 {
margin-top: 50px;
}
.blackfridayWrap .anchorLinkBlock01 ul {
display: flex;
justify-content: center;
gap: 20px;
}
.blackfridayWrap .anchorLinkBlock01 .anchorLink {
width: 253px;
}

.blackfridayWrap .anchorLinkFollowBlock {
position: fixed;
width: 276px;
height: 212px;
right: 0;
bottom: 50px;
z-index: 20;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s ease;
}
.blackfridayWrap .anchorLinkFollowBlock.show {
opacity: 1;
pointer-events: auto;
}
.blackfridayWrap .anchorLinkFollowBlock .anchorLink {
background-color: #000;
}
.blackfridayWrap .anchorLinkFollowBlock .anchorLink:nth-child(-n+2) {
margin-bottom: 10px;
}

.blackfridayWrap .contentBlock03 {
margin: 70px auto 0;
padding: 60px 0 50px;
width: 1100px;
background: url(../image/blackfriday_bg_002_251121.jpg) no-repeat top center;
background-size: cover;
color: #333;
text-align: center;
}
.blackfridayWrap .contentBlock03 .textimg01,
.blackfridayWrap .contentBlock03 .textimg02 {
width: 560px;
margin: 0 auto;
}
.blackfridayWrap .contentBlock03 .textimg02 {
margin-top: 40px;
}
.blackfridayWrap .contentBlock03 .textArea01 {
margin-top: 40px;
display: inline-block;
text-align: left;
font-size: 19px;
line-height: 1.5;
}
.blackfridayWrap .contentBlock03 .textArea01 a {
display: inline;
}
.blackfridayWrap .contentBlock03 .textArea01 .text02 {
margin-top: 30px;
}

.blackfridayWrap .contentBlock04 {
width: 1100px;
margin: 80px auto 0;
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 {
margin-top: 40px;
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 ul {
width: 952px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px 20px;
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 .anchorLink {
width: 304px;
}
.blackfridayWrap .contentBlock04 .anchorLinkBlock02 .anchorLink02 {
margin-top: 10px;
}

.blackfridayWrap .item {
width: 212px;
font-size: 16px;
background-color: #fff;
}
.blackfridayWrap .item a,
.blackfridayWrap .item a:link,
.blackfridayWrap .item a:visited {
color: #333;
}
.blackfridayWrap .item a:hover {
color: #0A3190;
}
.blackfridayWrap .item .item_inner {
padding: 10px;
}
.blackfridayWrap .item .item_discount_area {
padding: 10px 0;
background-color: #c70000;
color: #fff;
font-size: 20px;
}
.blackfridayWrap .item .item_discount_area p {
display: inline-block;
font-weight: bold;
}
.blackfridayWrap .item .item_detail {
padding: 15px 10px;
font-size: 16px;
line-height: 1.6;
text-align: left;
}
.blackfridayWrap .item a:hover .item_discount_area {
opacity: 0.7;
}
.blackfridayWrap .item a:hover img {
opacity: 0.7;
}
.blackfridayWrap .item .item_detail .item_tag {
font-size: 14px;
}
.blackfridayWrap .item .item_detail .item_name {
margin-top: 5px;
}
.blackfridayWrap .item .item_detail .item_price {
margin-top: 10px;
text-align: right;
}

.blackfridayWrap .contentBlock05 {
width: 1100px;
margin: 60px auto 0;
}
.blackfridayWrap .contentBlock05 .items01 {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}
.blackfridayWrap .contentBlock06 .items02 {
margin-top: 40px;
padding: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
background-color: #fff;
}

.blackfridayWrap .btnBlock02 {
width: 520px;
margin: 60px auto 0;
}

.blackfridayWrap .contentBlock06 {
width: 1120px;
margin: 60px auto 0;
background-color: #fff;
}
.blackfridayWrap .contentBlock06 .items02 {
margin-top: 25px;
padding: 0 10px;
width: 1100px;
}
.blackfridayWrap .contentBlock06 .items02 .item .item_discount_area {
padding: 10px 8px;
background-color: #010158;
font-size: 15px;
line-height: 1.3;
text-align: left;
color: #fff;
}
.blackfridayWrap .contentBlock06 .items02 .item .item_discount_area p {
font-weight: initial;
}
.blackfridayWrap .contentBlock06 .items02 .item .item_discount_area em {
color: #ffef96;
font-weight: initial;
}
.blackfridayWrap .btnBlock03 {
width: 520px;
margin: 30px auto 0;
}

.blackfridayWrap .noteBlock {
color: #333;
}

.view.categoryCarouselAWrap {
margin-top: 0;
}
.categoryCarouselAWrap .slideList {
padding: 20px 10px;
background-color: #fff;
}
.categoryCarouselAWrap .slideList .item_name {
text-align: left;
font-size: 14px;
}
.categoryCarouselAWrap .slideList .item_price {
font-size: 15px;
}
.categoryCarouselAWrap .owl-carousel .owl-nav .owl-prev,
.categoryCarouselAWrap .owl-carousel .owl-nav .owl-next {
top: 130px;
}

/* productArea */
.timerHidden {
display: none;
}
.timerVisible {
display: block;
}


/* 251128up */
.blackfridayWrap .item .item_detail .text_soldOut {
font-weight: bold;
}


/* 251201up */
.blackfridayWrap .bgArea01 {
padding-bottom: 0;
background-size: cover;
}
.blackfridayWrap .mvBlock.grayOut {
margin-bottom: 0;
padding-bottom: 60px;
}
.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: 104%;
background: #000;
opacity: 0.4;
z-index: 10;
}
.blackfridayWrap .periodEndBlock {
position: absolute;
top: 43%;
left: 0;
right: 0;
width: 40%;
max-width: 660px;
margin: 0 auto;
padding: 30px;
background-color: #dfc057;
z-index: 20;
}
.blackfridayWrap .periodEndBlock .periodEndText {
font-size: 26px;
color: #333;
font-weight: bold;
text-align: center;
}
