@charset "Shift_JIS";
  :root{
    --red:  #bf021a;   /* 背景の赤 */
    --gold: #b59a5b;   /* 右2つのタブ */
    --white:#ffffff;
    --radius:16px;
    --shadow:0 8px 18px rgba(0,0,0,.18);
  }
/*ベース*/
.pt3{ padding-top: 3%;}
.mt5{ margin-top: 5%;}
.pt5{ padding-top: 5%;}
.pt7{ padding-top: 7%;}
.w70{width: 70%;}
#daikansyasai202511 div{line-height: 0;}
#daikansyasai202511 div.sale-timer__box,
#daikansyasai202511 div.sale-timer__label,
#daikansyasai202511 div.weeks,
#daikansyasai202511 div.week,
#daikansyasai202511 div.week > div > div
{line-height: normal;}


.contents_main {
	width: 100% !important;
    text-align: left;
	background-attachment: fixed;
    background-size: cover;
    background-color: #a50012;
font-family: "Noto Sans JP", sans-serif;
}
.body_sph .contents_main{
margin:0 !important;
}
#daikansyasai202511{
	margin: 0 auto;
	background: #FFF;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #4b0b0f;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

#daikansyasai202511{max-width: 950px;}

/* FV*/
#daikansyasai202511 section#siteTtl {position: relative;}
#daikansyasai202511 section#siteTtl picture {z-index: 5;position: relative;}
/* 見出し*/
#daikansyasai202511 section#catch h2 img {width: 70%;}
#daikansyasai202511 section#catch a img {width: 60%;}
#daikansyasai202511 section#catch {padding-bottom: 100px;}
/* タブ */
#daikansyasai202511 section#tab{
    color:#222;
    background:var(--red);
    background-image: url("../image/tab_bg.png");
  }
#daikansyasai202511 section#tab h2{
    font-size: 40px;
    font-weight: bold;
    padding-top: 16px;
  }
  .wrap{max-width:980px;margin:0 auto;padding:40px 16px 28px;color:#fff;}
  h2{margin:0 0 8px;font-weight:900;font-size:clamp(24px,2.6vw+14px,40px);line-height:1.2;}
  .sub{font-weight:900;font-size:clamp(20px,1.4vw+12px,32px);}

  /* タブ（横並び。スマホは横スクロール） */
  .tabs{margin-top:18px;}
  .tablist{
    display:flex;gap:10px;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
        justify-content: space-between;
  }
  .tablist::-webkit-scrollbar{display:none;}

  .tab{
    width: 100%;
    appearance:none;border:0;margin:0;cursor:pointer;
    padding:16px 22px;border-radius: 14px 14px 0 0;
    font-weight:900;white-space:nowrap;
    font-size: 24px;
    scroll-snap-align:start;
    background:var(--gold); color:#fff;
    transition:filter .15s ease,transform .06s ease;
  }
  .tab:first-of-type{font-size:30px;}
  .tab:active{transform:translateY(1px);}
  .tab:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:2px;}

  /* 選択中タブ＝白（カードと同色） */
  .tab[aria-selected="true"]{
    background:var(--white); color:var(--red);
    box-shadow:var(--shadow);
    margin-bottom:0;           /* カードとの段差をなくす */
  }

  /* カード（タブの下） */
  .panel{
    background:var(--white);
    color:#5b0b0f;
border-radius: 0 0 10px 10px;
    padding:22px;
    box-shadow:var(--shadow);
  }
  .panel p{
      margin: 0 0 10px;
    text-align: left;
    padding: 3% 7% 0;
    font-size: 20px;
    line-height: 1.65;}
  .panel p span{
    color: #db090d;
    display: inline;
    font-weight: bold;}
  .note{
      font-size: 12px !important;
    color: #777;
    text-align: right !important;
}

  /* レスポンシブ微調整 */
  @media (min-width: 768px){
    .wrap{padding: 0px 7% 5%;}
    .panel{padding:26px;}
  }
/* ナビ*/
#daikansyasai202511 section#nav {padding: 7% 0;}
#daikansyasai202511 section#nav h2 {color: #db090d; font-size:40px;}
#daikansyasai202511 section#nav nav ul {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 3% 12%;
}
/* 3つのPOINT*/

#daikansyasai202511 section#main > div img.txt{width: 70%;}
/* POINT01*/
#daikansyasai202511 section#main #point01 {
    background-color: #bf021a;
    background-image: url("../image/point01_bg.png");
}
#daikansyasai202511 section#main #point01 .point01_cta {
    background-image: url(../image/point01_ttl_bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
#daikansyasai202511 section#main #point01 .modal > img {width: 60%;}
#daikansyasai202511 section#main #point01 > img:first-of-type{width: 85%;padding-bottom: 3%;}
#daikansyasai202511 section#main #point01 .point01_contents {
    position: relative;
    margin-bottom: 20px;
}
#daikansyasai202511 section#main #point01 a.point01_cart_in {
    position: absolute;
    bottom: 12%;
    left: 0%;
    transform: translate(42%, 0%);
}
#daikansyasai202511 section#main #point01 .point01_cta .point01_contents_wrapper {
    display: flex;
    width: 76%;
    gap: 0px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
}
#daikansyasai202511 section#main #point01 .point01_cta .point01_contents_wrapper .point01_contents{
    width: 50%;
    margin-bottom: 0px;
}
#daikansyasai202511 section#main #point01 .point01_contents p.point01_contents_detail {
    position: absolute;
    right: 18%;
    bottom: 7%;
    text-decoration: underline;
}
#daikansyasai202511 section#main #point01 .point01_contents p.point01_contents_detail:hover {
    text-decoration: none;
}
#daikansyasai202511 section#main #point01 .point01_contents_wrapper p.point01_contents_detail{
    right: 10%;
    bottom: 4%;
}
#daikansyasai202511 section#main #point01 .point01_contents_wrapper .point01_cart_in{
    bottom: 9%;
    left: 0%;
    width: 70%;
    transform: translate(20%, 0%);
}
#daikansyasai202511 section#main #point01 .point01_cta .point01_contents_ttl_health{padding-top: 8%;padding-bottom: 5%;}
#daikansyasai202511 section#main #point01 .btn{margin-top: 60px;width: 60%;}
/* POINT02*/
#daikansyasai202511 section#main #point02 {
    background-color: #fff;
}
#daikansyasai202511 section#main #point02 .point02_timesale .point02_timesale_skin {
    border: 2px solid #b59a5b;
    background-color: #FFF;
}
#daikansyasai202511 section#main #point02 .point02_timesale {
    background-image: url(../image/point02_ttl_bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    padding: 0 10%;
}
#daikansyasai202511 section#main #point02 .point02_timesale_skin_title {
    display: flex;
    align-items: center;
    background-color: #b59a5b;
}
#daikansyasai202511 section#main #point02 .sale-band__title{
    font-size: 27px;
    font-weight: bold;
    vertical-align: baseline;
}
#daikansyasai202511 section#main #point02 .sale-band__title span{
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 0em;
    margin-right: 0.2em;
    vertical-align: baseline;
}
#daikansyasai202511 section#main #point02 .sale-timer__label, #daikansyasai202511 section#main #point02 .sale-band__title {
    color: #fff;
    font-feature-settings: 'palt';
}
#daikansyasai202511 section#main #point02 .sale-timer__label{
    font-size: 28px;
    text-align: left;
    font-weight: bold;
    padding-bottom: 5px;
}
#daikansyasai202511 section#main #point02 .sale-timer__box {
    background-color: #fff;
    margin-right: 40px;
    font-size: 26px;
    font-weight: bold;
    padding: 5px;
}
#daikansyasai202511 section#main #point02 span.point02_timesale_box {
    display: block;
    padding: 3%;
}
/* POINT03*/
#daikansyasai202511 section#main #point03 {
    background-color: #bf021a;
    background-image: url("../image/point01_bg.png");
}
/* その他CP情報*/
#daikansyasai202511 section#contents01 .contents02 h4 img {width: 60%; padding-bottom: 3%;}
#daikansyasai202511 section#contents01 .contents02 .flex div .contents02_cart_in{
    position: absolute;
    left: 50%;
    bottom: 7%;
    transform: translate(-50%, 0);
    width: 330px;
    height: 70px;
}
#daikansyasai202511 section#contents01 .contents02 .flex div{position: relative; display: inline-block;}
#daikansyasai202511 section#contents01 img.btn {width: 60%; padding: 5%;}
/* 特集*/
#daikansyasai202511 section#info h3{font-size: 3em;padding: 5% 3% 2%;}
#daikansyasai202511 section#info .contents_01 img{width: 80%; margin-bottom: 2%;}
#daikansyasai202511 section#info .contents_02{display: flex;flex-wrap: wrap;justify-content: center;gap:10px;}
#daikansyasai202511 section#info .contents_02 a{width: 40%;}
#daikansyasai202511 section#info{
    background-image: url(../image/point03_ttl_bottom.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
.infomation{
	text-align: left;
	margin: 3% 12%;
}

#daikansyasai202511 .infomation li{
	padding-left:1em;
	text-indent:-1em;
}

#daikansyasai202511 .attention{
    text-align: right;
    padding: 1% 4% 2% 15%;
}








/* タイマー関係*/
/*.timer{
	background-color: #FFF;
	box-shadow: 0px 5px 5px -2px #ded8bb;
	padding:3% 0;
}*/
.back{
	position: relative;
	z-index: -5;
}
.back2{
    position: absolute;
    bottom: -2%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
}
.cdt_wrapper {
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 2.2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 4px 4px 7px #eae8d8;
  z-index: 1;
}


.cdt_wrapper small {
  font-size: .6em;
  padding: 0 .4em;
}

.cdt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cdt_txt {
  font-size: .6em;
  display: inline-block;
  margin-right: .6em;
  margin-top: 0.5em;
}

.cdt_txt span {
  display: block;
  line-height: 1;
}

.cdt_date {
    font-size: 2rem;
    padding-top: 0%;
}


.cdt_num {
  background-color: #eee;
  padding: 0 .3em 0.2em;
  border-radius: 5px;
  line-height: 1;
}



#CDT {
width: 100%;
text-align: center;
font-size: 49px;
font-weight: bold;
color: #ffffff;
font-family: 'Noto Sans JP', sans-serif;}
#CDT01 {
width: 100%;
text-align: center;
font-size: 49px;
font-weight: bold;
color: #ffffff;
font-family: 'Noto Sans JP', sans-serif;
}

.ttl {
color: #ffffff;
font-size: 28px;
font-weight: 600;
text-align: center;
margin: 0;
line-height: 1.5;
}

.timer2 {
background: #eee;
margin: 5px auto;
padding: 5px;
}

  .weeks { display:flex; justify-content: space-between; padding: 1% 0 12%; }
  .week {
    width:140px; height:140px; border-radius:4px; overflow:hidden;
    background:#d9d9d9; color:#111; position:relative;
    display:grid; place-items:center; text-align:center;
  }
  .title { font-size:28px; font-weight:700; line-height:1.1; }
  .range { font-size:12px; margin-top:6px; display:none; } /* 期間外は非表示 */
  .soon  { font-weight:700; display:block; }

  /* 期間中だけ赤にして、COMING SOON を消し、日付を出す */
  .week.active { background:#c80017; color:#fff; }
  .week.active .soon  { display:none; }
  .week.active .range { display:block; }
/* -----------------------------------------------------
　　　　　　　　　SPH見た目調整
----------------------------------------------------- */
@media screen and (max-width: 768px) {
    .pt2{ padding-top: 9%;margin-top: -5% !important;}
    .cdt_txt {font-size: .5em;}
    .pt5{ padding-top: 7%;}
    .pt7{ padding-top: 9%;}
    .w80{ width: 80%;}
    .w93{ width: 95%;}
    .w70{width: 95%;}
    .cdt_date {font-size: 1.0rem;}
    .back2{bottom: -3%;}
    #daikansyasai202511 section#catch {padding-bottom: 50px;}
    #daikansyasai202511 section#catch h2 img {width: 90%;padding-top: 3%;}
    #daikansyasai202511 section#catch a img {width: 85%;}
    #daikansyasai202511 .attention {text-align: right;padding: 0% 2% 2% 15%;}
    #daikansyasai202511 section#nav nav ul {gap: 7px;margin: 3% 2%;}
    #daikansyasai202511 section#nav h2{font-size: 28px;}
    #daikansyasai202511 section#main > div > h3 img {width: 80%;}
    #daikansyasai202511 section#main #point01 img:nth-of-type(2) {width: 90%;padding-top: 5%;}
    #daikansyasai202511 section#main #point01 > img:first-of-type {width: 90%; padding-bottom: 5%;}
    #daikansyasai202511 section#main #point01 .point01_contents{margin: 0 5px 7px 10px;}
    #daikansyasai202511 section#main #point01 a.point01_cart_in{transform: translate(20%, 0%);width: 70%;bottom: 12.5%;}
    #daikansyasai202511 section#main #point01 .point01_contents p.point01_contents_detail{right: 9%;bottom: 7%;font-size: 12px;}
    #daikansyasai202511 section#main #point01 .point01_contents_wrapper .point01_contents p.point01_contents_detail{right: 9%;bottom: 4%;font-size: 9px;}
    #daikansyasai202511 section#main #point01 .point01_cta .point01_contents_wrapper{width: 95%;}
    #daikansyasai202511 section#main #point01 .point01_cta .point01_contents_wrapper .point01_contents{margin: 0px;}
    #daikansyasai202511 section#main #point01{background-size: contain;}
    #daikansyasai202511 section#main #point01 .btn {margin: 50px 0;width: 80%;}
    #daikansyasai202511 section#main #point02 .point02_timesale{padding: 0px 3%;}
    #daikansyasai202511 section#main #point02 .point02_timesale_skin_title > img{width: 30%;}
    #daikansyasai202511 section#main #point02 .sale-band__title{font-size: 12px;margin: 0;}
    #daikansyasai202511 section#main #point02 .sale-timer__label{font-size: 16px;}
    #daikansyasai202511 section#main #point02 .sale-timer__box{font-size: 14px;padding: 1px 5px;margin-right: 20px;}
    #daikansyasai202511 section#main #point02 .point02_timesale_skin_title{justify-content: flex-start;}
    .sale-timer.sale-timer--lg {padding: 1% 4% 1% 1%;}
    #daikansyasai202511 section#main > div img.txt {width: 97%;}
    #daikansyasai202511 section#contents01 .contents02 .flex {display: flex;padding: 2%;}
    #daikansyasai202511 section#contents01 .contents02 .flex img {width: 100%;}
    #daikansyasai202511 section#contents01 .contents02 .flex div .contents02_cart_in {width: 160px;height: 35px;}
    #daikansyasai202511 section#contents01 .contents02 > img {width: 80%; padding-bottom: 3%;}
    #daikansyasai202511 section#contents01 img.btn {width: 80%; padding: 3% 5%;}
    #daikansyasai202511 section#contents01 .contents02 h4 img {width: 80%;padding-bottom: 0%;}
    #daikansyasai202511 section#info h3 {font-size: 2em;padding: 10% 3% 2%;}
    #daikansyasai202511 section#info .contents_01 img {width: 95%;margin-bottom: 3%;}
    #daikansyasai202511 section#info .contents_02 a{width: 46%;}
    #daikansyasai202511 section#tab h2{font-size: 28px;}
    #daikansyasai202511 section#tab .wrap{padding: 10px 7px 40px;}
    #daikansyasai202511 section#tab .tab{width: 32%;padding: 5px 0;border-radius: 7px 7px 0 0;font-size:11px;}
    #daikansyasai202511 section#tab .tab:first-of-type{font-size:14px;}
    #daikansyasai202511 section#tab .tablist{gap: 5px;}
    #daikansyasai202511 section#tab .panel{border-radius: 0 0 7px 7px;padding: 18px;}
    .title { font-size:18px;}
    .soon {font-size: 12px;}
    .weeks {gap: 3px;}
    .week {height: 80px;}
    .panel p {margin: 0 0 10px;font-size: 13px;padding: 3% 0% 0;}
    .note {font-size: 11px !important;}
}