@charset "UTF-8";

/* page - 地域TOP
========================================================================================
======================================================================================== */

/* mv block 
=======================================*/
.p-areaMvblock {
  max-width: 1200px;
  margin: 0 auto;
}
.l-block .p-areaMvblock {
  width: calc(100% + (30px * 2));
  margin-left: -30px;
}
@media screen and (min-width: 1081px) {
  .l-block .p-productwrap .p-areaMvblock {
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .l-block .p-areaMvblock {
    width: calc(100% + (10px * 2));
    margin-left: -10px;
  }
}

.p-areaMvblock__inner {
  position: relative;
  z-index: 0;
  display: box;
  display: flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: 1200px;
  min-height: 460px;
  padding: 24px 10px;
  margin: 0 auto;
}

.p-areaMvblock__cont {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 30.5%;
  transform: translate(-50%, -50%);
  display: block;
}

.p-areaMvblock__titleblock {
  width: fit-content;
  padding: 40px 80px;
  margin: 0 auto;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0.18em;
}

.p-areaMvblock__title,
.p-areaMvblock__notes {
  text-align: center;
}

.p-areaMvblock__title {
  font-size: clamp(38px, 4.2vw, 50px);
  text-shadow: 1px 2px 8px rgba(0, 0, 0, 0.5);
}

.p-areaMvblock__notes {
  margin-top: 10px;
  font-size: 24px;
}

.p-areaMvblock__btnblock {
  margin-top: 20px;
}

.p-areaMvblock__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
  overflow: hidden;
  background-color: #313131;
}

.p-areaMvblock__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .p-areaMvblock__inner {
    min-height: 230px;
  }

  .p-areaMvblock__titleblock {
    padding: 15px 30px;
  }

  .p-areaMvblock__title {
    font-size: clamp(22px, 4.4vw, 34px);
  }

  .p-areaMvblock__notes {
    font-size: 14px;
  }
}

/* mv btn */
.p-areabtn {
  display: block;
  width: 100%;
  max-width: 240px;
  padding: 12px 20px;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  border: 2px solid #fff;
  background-color: rgba(0,0,0,0.6);
}
@media screen and (max-width: 768px) {
  .p-areabtn {
    max-width:205px;
  }
}
.p-areabtn > span {
  display: inline-block;
}

/* nav
============================= */
@media screen and (max-width: 768px) {
  .c-nav__linkwrap {
    padding: 15px 5px 28px;
    font-size: 14px;
  }
}

/* BestSeller
====================================== */
@media screen and (max-width: 640px) {
  .p-bestseller .l-blockcolumn{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .p-bestseller .l-blockcolumn__lists{
    margin-top: 0;
    margin-left: 0;
    width: inherit;
  }
  .p-bestseller .l-blockcolumn__item{
    margin-top: 0;
    margin-left: 0;
  }
}
/* ===========================================
  Sys_MOD 
======================================================*/
/* HOT TOPICS BUYER'S RECOMMEND LIFESTYLE RECOMMEND */
.l-block[data-value="MOD_JP_00070"]{
  background-image: url(/include/shopping/special/osechi/2025/underlayer/image/bgimage.jpg)!important;
  background-position: center;
  background-blend-mode: lighten;
  background-size: 30%;
  background-repeat: repeat;
  background-color: rgba(245, 245, 245, 0.5) !important;
}
.l-block[data-value="MOD_JP_00080"],
.l-block[data-value="MOD_JP_00080"] [class*="__arrow"],
.l-block[data-value="MOD_JP_00016"],
.l-block[data-value="MOD_JP_00016"] [class*="__arrow"] {
  background-color: #f5f5f5 !important;
}