@charset "UTF-8";
/* 冬の送料無料キャンペーン2026
   ========================================================================== */
#main-column:has(.winter-soryo) .header_area, #main-column:has(.winter-soryo) h2 {
  display: none; }
#main-column:has(.winter-soryo) article, #main-column:has(.winter-soryo) .journal-cont {
  margin: 0 !important; }
@media screen and (max-width: 768px) {
  #main-column:has(.winter-soryo) #Journal {
    padding: 0 !important; } }

.winter-soryo {
  background: #77090a; }
  .winter-soryo .wrap {
    padding: 0 60px 60px 60px; }
  .winter-soryo .cont-ttl {
    font-size: 32px;
    color: #fff;
    text-align: center;
    line-height: 1; }
  .winter-soryo p {
    line-height: 1.8; }
  .winter-soryo figure img {
    display: block;
    margin: 0 auto; }
  .winter-soryo img {
    max-width: 100%;
    height: auto; }
  .winter-soryo ul li {
    list-style: none !important; }
  .winter-soryo ul.item-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px 40px;
    margin-top: 60px !important; }
    .winter-soryo ul.item-list li {
      font-size: 16px;
      line-height: 1.7;
      padding: 0 !important; }
      .winter-soryo ul.item-list li figure figcaption {
        margin-top: 1.5em; }
      .winter-soryo ul.item-list li a {
        display: block;
        transition: .3s; }
        @media (hover: hover) {
          .winter-soryo ul.item-list li a:hover {
            text-decoration: none;
            opacity: .7; } }
      .winter-soryo ul.item-list li div {
        font-weight: bold;
        margin-top: .5em; }
  @media screen and (max-width: 768px) {
    .winter-soryo .wrap {
      padding: 0 20px 20px 20px; }
    .winter-soryo .cont-ttl {
      font-size: 20px; }
    .winter-soryo p {
      font-size: 14px; }
    .winter-soryo ul.item-list {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px 20px;
      margin-top: 30px !important; }
      .winter-soryo ul.item-list li {
        font-size: 14px;
        line-height: 1.5; } }

/* ボタン
   =================================== */
.winter-soryo .btn {
  text-align: center;
  margin-top: 60px; }
  .winter-soryo .btn a {
    display: inline-block;
    width: 500px;
    background-color: #af2f2f;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    padding: 1em 1em;
    border-radius: 10px;
    transition: .3s; }
    @media (hover: hover) {
      .winter-soryo .btn a:hover {
        background: #ca3737; } }
  @media screen and (max-width: 768px) {
    .winter-soryo .btn {
      margin-top: 20px; }
      .winter-soryo .btn a {
        width: 100%;
        font-size: 18px;
        border-radius: 8px;
        padding: 1em 1em; } }

/* メインイメージ
   =================================== */
.winter-soryo__title .image {
  position: relative;
  width: 100%; }
  .winter-soryo__title .image picture img {
    display: block;
    width: 100%;
    height: auto; }

/* リード
   =================================== */
.winter-soryo__lead {
  margin-top: 40px; }
  .winter-soryo__lead .box {
    background: #fff;
    padding: 20px 40px 40px 40px; }
    .winter-soryo__lead .box p {
      font-size: 24px;
      line-height: 1.6; }
      .winter-soryo__lead .box p span.strong {
        color: #e02023;
        font-weight: bold; }
      .winter-soryo__lead .box p span.sup {
        font-size: 14px;
        color: #000;
        vertical-align: top;
        position: relative;
        top: -.1em; }
    .winter-soryo__lead .box .notice {
      font-size: 16px;
      margin-top: .5em; }
  @media screen and (max-width: 768px) {
    .winter-soryo__lead {
      margin-top: 20px; }
      .winter-soryo__lead .box {
        padding: 14px 20px 20px 20px; }
        .winter-soryo__lead .box p {
          font-size: 16px; }
          .winter-soryo__lead .box p span.sup {
            font-size: 10px; }
        .winter-soryo__lead .box .notice {
          font-size: 12px; } }

/* 背景
   =================================== */
.winter-soryo .wrap_bg_01 {
  background: linear-gradient(to bottom, #77090a, #910608 95%); }
.winter-soryo .wrap_bg_02 {
  background-color: #910608;
  background: linear-gradient(to bottom, #910608, transparent 40px, transparent calc(100% - 40px), #910608), url("../img/winter_soryo_2026/winter_soryo_bg.png") repeat top 0 left 0/auto auto; }
  @media screen and (max-width: 768px) {
    .winter-soryo .wrap_bg_02 {
      background: linear-gradient(to bottom, #910608, transparent 30px, transparent calc(100% - 30px), #910608), url("../img/winter_soryo_2026/winter_soryo_bg.png") repeat bottom 0 left 0/420px auto; } }
.winter-soryo .wrap_bg_03 {
  background: linear-gradient(to bottom, #910608, #77090a 5%); }

/* 概要
   =================================== */
.winter-soryo__summary {
  padding-top: 40px; }
  .winter-soryo__summary p {
    font-size: 20px;
    color: #fff;
    margin-top: 1em; }
  @media screen and (max-width: 768px) {
    .winter-soryo__summary {
      padding-top: 20px; }
      .winter-soryo__summary p {
        font-size: 14px; } }

/* 選ぶ
   =================================== */
.winter-soryo__serect > section {
  margin-top: 80px; }
.winter-soryo__serect ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  margin-top: 40px !important; }
  .winter-soryo__serect ul li a figure div {
    background: #fff; }
    .winter-soryo__serect ul li a figure div img {
      transition: .3s; }
      @media (hover: hover) {
        .winter-soryo__serect ul li a figure div img:hover {
          opacity: .8; } }
  .winter-soryo__serect ul li a figure figcaption {
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 1em; }
.winter-soryo__serect .notes {
  text-align: center;
  margin-top: 2em; }
@media screen and (max-width: 768px) {
  .winter-soryo__serect > section {
    margin-top: 40px; }
  .winter-soryo__serect ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px !important; }
    .winter-soryo__serect ul li a figure div {
      background: transparent; }
    .winter-soryo__serect ul li a figure figcaption {
      font-size: 12px;
      margin-top: .5em; }
  .winter-soryo__serect .notes {
    margin-top: 1.5em; } }

/* 注意事項
   =================================== */
.winter-soryo__notice .box {
  background: #600202;
  padding: 40px; }
  .winter-soryo__notice .box ul {
    width: 100%;
    padding-left: 0;
    margin: 1em 0 0 0 !important; }
    .winter-soryo__notice .box ul li {
      position: relative;
      font-size: 18px;
      color: #fff;
      line-height: 1.8;
      text-align: justify;
      text-justify: inter-ideograph;
      line-break: strict;
      padding-left: 1em !important; }
      .winter-soryo__notice .box ul li::before {
        position: absolute;
        content: "";
        left: 2px;
        top: .7em;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #fff; }
      .winter-soryo__notice .box ul li span {
        color: #ff6a6a;
        font-weight: bold; }
        .winter-soryo__notice .box ul li span.sup {
          font-size: 12px;
          color: #fff;
          vertical-align: top;
          position: relative;
          top: -.1em; }
@media screen and (max-width: 768px) {
  .winter-soryo__notice .box {
    padding: 20px; }
    .winter-soryo__notice .box ul li {
      font-size: 14px;
      line-height: 1.6; }
      .winter-soryo__notice .box ul li::before {
        top: .7em;
        width: 3px;
        height: 3px; }
      .winter-soryo__notice .box ul li span.sup {
        font-size: 10px; } }