/**============================================================================================**/
/*2026年末年始スペシャル福袋＆厳選セール*/
/**============================================================================================**/

/*初荷ページ*/
/**============================================================================================**/
#sale-page main {
  max-width: 1200px; margin: 86px auto 50px; padding: 0 15px;}

#sale-page article section {margin: 0 0 50px;}

#sale-page img {max-width: 100%; height: auto;}
#sale-page a:hover {opacity: 0.7; transition: 0.3s;}

@media screen and (max-width:699px){
  #sale-page main {padding: 0 10px;}
}


/*看板*/
/**============================================================================================**/
h2 {margin: 0 0 15px;}
h3 {margin: 0;}
@media screen and (max-width:699px){
  h2 {margin: 0 0 10px;}
}


/*左右帯*/
/**============================================================================================**/
#sale-page article {
  position: relative;
  max-width: 960px; padding: 0 120px 15px;}

#sale-page article::before,
#sale-page article::after {
  content: '';
  display: block;
  position: absolute; top: 0;
  width: 100px; height: 100%;
  background-image: url(/info/create/25/hatsuuri/2026/side-bar.gif);}

#sale-page article::before {left: 0;}
#sale-page article::after {right: 0;}

@media screen and (max-width:699px){
  #sale-page article {padding: 0 0 10px;}
  
  #sale-page article::before,
  #sale-page article::after {display: none;}
}


/*フレックス用*/
/**============================================================================================**/
#sale-page .flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
#sale-page .flex li {width: 100%; max-width: calc(33.33% - 5px); margin: 10px 0 0; height: auto;}

#sale01 .flex li:last-of-type {background: url("sub_02.webp"); background-position: center; background-size: cover;}

@media screen and (max-width:699px){  
  #sale01 .flex li {max-width: calc(50% - 2px); margin: 4px 0 0;}
  #sale01 .flex li:last-of-type {
    max-width: 100%;
    background: url("sub_02-smp.webp"); background-repeat: no-repeat; background-size: contain; background-position: center;
    aspect-ratio: 5 / 1;}
  
  #sale02 .flex li {max-width: 100%; margin: 10px 0 0;}
}


/*その他の厳選格安商品をチェック！！！！*/
/**============================================================================================**/
#sale02 span {display: none;}

#sale02 p {
  padding: 0 0 0 1em;
  color: #d00; text-indent: -1em;}


/*注意事項*/
/**============================================================================================**/
h4 {
  display: inline-block;
  margin: 0 0 15px; padding: 7px 10px 5px;
  background: #ffd600;
  color: #000; font-size: 1.3em; font-weight: 600;}

#sale03 li {list-style: disc; margin: 0 0 0.5em 1.2em; font-size: 1.2em;}

@media screen and (max-width:699px){
  h4 {font-size: 1.2em;}
  #sale03 li {margin: 0 0 1em 1em; font-size: 1em;}
}


/**============================================================================================**/
/*--LastUp2025.12.08_kobayashi--*/