@charset "Shift_JIS";


/*========================== 共通 ここから============================*/

/* パンくず */
#topicPath {
   padding: 2vw;
   display: flex;
}
#topicPath li, #topicPath2 li {
   display: flex;
}
#bigsale_202608 img {
   width: 100%;
   height: auto;
   display: block;
}
a {
   display: block;
}

/*========================== 共通 ここまで ============================*/


/*========================== #bigsale_202608 ここから ============================*/

/* 看板 */
#bigsale_202608 .kanban {
   position: relative;
}

/* クーポン */
#bigsale_202608 .coupon-area {
   background-color: #f9f5e5;
}
#bigsale_202608 .coupon-midashi {
   padding: .5em;
   text-align: center;
   font-size: 25px;
   line-height: 1.5;
   color: #e46177;
   text-shadow:-4px -4px 0 #fff,4px -4px 0 #fff,-4px  4px 0 #fff,4px  4px 0 #fff;
}
#bigsale_202608 .coupon-list {
   margin: 0 3% 0;
   display: flex;
   gap: .4em;
}
#bigsale_202608 .coupon-list li {
   position: relative;
}
#bigsale_202608 .coupon-list li .icon_bottom-hand { 
   position: absolute;
   width: 24%;
   bottom: -22px;
   right: -3px;
   z-index: 3;
   animation: heartbeat 1.2s ease-in-out infinite;
}
   @keyframes heartbeat {
      0%, 100% {
         transform: scale(1);
      }
      50% {
         transform: scale(1.2);
      }
   }
#bigsale_202608 .zigzag {
   margin-top: 2.5em;
}
#bigsale_202608 .zigzag2 {
   margin-top: 1em;
}

/* 買い回りキャンペーン */
#bigsale_202608 .campaign {
   background-color: #93dcda;
   /* background-image: linear-gradient(180deg, rgba(110, 203, 228, 1), rgba(212, 236, 227, 1)); */
   position: relative;
   overflow: hidden;
}
#bigsale_202608 .coins {
   position: absolute;
   top: 30px;
   left: 0;
   right: 0;
   z-index: 1;
}
#bigsale_202608 .speechBubble,.camp-midashi,.camp-cate,.camp-anchor {
   position: relative;
   z-index: 2;
}
#bigsale_202608 .speechBubble {
   width: fit-content;
   margin: 5px auto 20px;
   padding: 4px 20px;
   border-radius: 6px;
   background-color: #E46177;
   text-align: left;
   font-size: 20px;
   font-weight: 900;
   color: #FFFFFF;
}
#bigsale_202608 .speechBubble::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   border-style: solid;
   border-width: 10px 10px 0 10px;
   border-color: #E46177 transparent transparent;
   translate: -50% 100%;
}
#bigsale_202608 .camp-midashi {
   margin: 0 .3em;
}
#bigsale_202608 .camp-cate {
   display: flex;
   gap: 1em;
   margin: 1em;
}
#bigsale_202608 .camp-anchor {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 220px;
   margin:0 auto;
   padding: .2em 1.2em;
   border: none;
   border-radius: 25px;
   background-color: #555555;
   color: #fff;
   font-weight: 300;
   font-size: 1em;
}
#bigsale_202608 .camp-anchor::after {
   transform: rotate(135deg);
   width: 8px;
   height: 8px;
   margin-left: 10px;
   margin-bottom: 4px;
   border-top: 2px solid #fff;
   border-right: 2px solid #fff;
   content: '';
}
#bigsale_202608 .camp-present {
   margin: 1em;
}
#bigsale_202608 .entry_btn {
   padding: 1em 1.5em 0;
   position: relative;
   z-index: 2;
}
#bigsale_202608 .entry-btn {
   padding: .6rem 0;
   background-color: #e50012;
   color: #FFF !important;
   font-size: .9rem;
   border-radius: 10em;
   margin: 0 auto;
   text-align: center;
   position: relative;
   filter: drop-shadow(0 6px 0 #9e000c);
   font-weight: bold;
   width: 100%;
   border: none;
   margin-bottom: 1em;
}
#bigsale_202608 .entry_btn button {
   padding: .6rem 0;
   background-color: #e50012;
   color: #FFF !important;
   font-size: .9rem;
   border-radius: 10em;
   margin: 0 auto;
   text-align: center;
   position: relative;
   filter: drop-shadow(0 6px 0 #9e000c);
   font-weight: bold;
   width: 100%;
   border: none;
   margin-bottom: 1em;
}
#bigsale_202608 .clear {
   padding: .8em 0;
   background-color: #a8a8a8;
   color: #FFF !important;
   font-size: .9rem;
   border-radius: 10em;
   margin: 0 auto;
   text-align: center;
   position: relative;
   font-weight: bold;
   width: 100%;
   border: none;
}
#bigsale_202608 .note {
   text-align: center;
   font-size: .9em;
}
#bigsale_202608 .camp-subject {
   margin: 1em;
   padding: .5em;
   background-color: #fffce7;
   border-radius: 6px;
   text-align: center;
}
#bigsale_202608 .food-mark-wrap {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
   margin-bottom: 10px;
}
#bigsale_202608 .food-mark-wrap p {
   color: #17c3b2;
   font-size: 18px;
   text-align: left;
   font-weight: 600;
   line-height: 1.3;
}
#bigsale_202608 .food-mark {
   display: inline-block;
   background: #17c3b2;
   color: #fff;
   font-size: 22px;
   padding: 0 24px;
   border-radius: 2px;
}
#bigsale_202608 .category-list {
   font-size: 13px;
}

/* セール部分 */
#bigsale_202608 .sale {
   background-color: #f5ca0d;
   padding: 1.3em 1em;
}
#bigsale_202608 .sale-midashi {
   margin: 10px 15px;
}
#bigsale_202608 .sale-subtitle {
   text-align: center;
   font-weight: 700;
   margin: 0 auto;
   padding: 5px 10px;
   color: #000;
   font-size: 18px;
   line-height: 1;
   border: 2px solid #000;
   border-radius: 999px;
   background: #fff;
   width: 20%;
}
#bigsale_202608 .section-period {
   text-align: center;
   line-height: 1.2;
   margin-bottom: 10px;
}
#bigsale_202608 .label {
   text-align: center;
   padding: 1px 10px;
   color: #fff;
   background: #444;
   border-radius: 999px;
   margin-right: 3px;
}
#bigsale_202608 .section-period .text {
   line-height: .5em;
   font-size: 13px;
   color: #444;
}
#bigsale_202608 .sale-product-block {
   display: grid;
   grid-template-columns: repeat(2,1fr);
   gap: 1em;
}
#bigsale_202608 .product-name {
   background-color: #000;
   color: #fff;
   font-size: 13px;
   text-align: center;
   padding: .4em;
}
#bigsale_202608 .product-name.rice {
   font-size: 12px;
}
#bigsale_202608 .product-image {
   position: relative;
   border: 1px solid #000;
}

/* 販促バッジ */
#bigsale_202608 .promo-badge {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   z-index: 2;
   bottom: 0;
   width: 100%;
}
/* #bigsale_202608 .badge-inner {
   position: absolute;
   top: -4px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 150px;
} */
#bigsale_202608 .off-rate {
   width: 100%;
   height: 60px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   color: #E46177;
   font-weight: 900;
   -webkit-text-stroke: 7px #fff;
   paint-order: stroke;
}
#bigsale_202608 .point-badge {
   gap: 0;
}
#bigsale_202608 .point-badge .off-num {
   margin-right: 7px;
}
#bigsale_202608 .point-label {
   font-size: 15px;
   font-weight: 900;
}
#bigsale_202608 .off-num {
   font-size: 35px;
   /* font-family: "Jost"; */
   font-style: italic;
   letter-spacing: -0.5px;
}
#bigsale_202608 .yen {
   font-size: 30px;
}
#bigsale_202608 .off-text {
   font-size: 15px;
   font-style: italic;
   display:flex; 
   flex-direction: column;
   justify-content: center;
   line-height: 0.9;
}
#bigsale_202608 .off-coupon {
   font-size: .8em;
}
#bigsale_202608 .normal-price {
   font-size: 11px;
   color: #333;
   margin: -13px 0 0;
   text-align: center;
}
#bigsale_202608 .price-value {
   text-decoration: line-through;
   text-decoration-thickness: 1px;
   font-size: 12px;
}
#bigsale_202608 .sale-price {
   width: 100%;
   display: flex;
   justify-content: center;
   margin-top: -14px;
   font-size: 2.45em;
   font-weight: 900;
   /* font-family: "Jost"; */
   font-style: italic;
   color: #eb0012;
   letter-spacing: 0;
   position: relative;
   left: -5px;
}
#bigsale_202608 .product-btn {
   text-align: center;
   margin-top: .5em;
   padding: .3em .2em;
   border-radius: 5px;
   position: relative;
   color: #222;
   background: #fff;
   box-shadow: 2px 2px #5a5a5a;
   z-index: 3;
   border: 1px solid #888;
}
#bigsale_202608 .product-btn a {
   font-size: 12px;
}

/* 開催中のイベント＆キャンペーン詳細 */
#bigsale_202608 .others {
   background-color: #93dcda;
   padding: 1em 0;
}
#bigsale_202608 .event-midashi {
   padding: .2em .2em .7em;
}
#bigsale_202608 .col_1 {
   margin: .5em 1em;
}
#bigsale_202608 .col_2 {
   display: grid;
   grid-template-columns: repeat(2,1fr);
   gap: .5em;
   margin: 0 1em;
}
#bigsale_202608 .camp-details {
   margin: 4em 1em;
   position: relative;
}
#bigsale_202608 .detail-title {
   background: #e46177;
   color: #ffffff;
   padding: 0.2em 1.5em;
   position: absolute;
   left: 50%;
   top: -15px;
   transform: translateX(-50%);
   display: inline-table;
   font-weight: bold;
   border-radius: 10em;
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0 auto;
}
#bigsale_202608 .detail-content {
   padding: 1.7em .7em;
   text-align: left;
   color: #000f2b;
   background-color: #FFF;
   border-radius: .5em;
   margin-top: 2em;
}
#bigsale_202608 dt {
   color: #222;
   font-size: 4vw;
   padding: 1vw;   
   margin: 0 0 .5em;
   background: #f3f3f3;
}
#bigsale_202608 dd {
   margin-bottom: 5px;
}
#bigsale_202608 dd a{
   color: #e50012;
   display: inline-block;
   text-decoration: underline;
}

/* トップへ戻る */
#bigsale_202608 .page-top {
   position: fixed;
   bottom: 17vw;
   right: 4vw;
   z-index: 3;
}
#bigsale_202608 .page-top a {
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   vertical-align: middle;
   color: #fff;
   font-size: 1em;
   background-color: #222222e1;
   border-radius: 80px;
   width: 14vw;
   height: 14vw;
   line-height: 1.3em;
   transition: 0.3s all;
   padding: .5em;
}

/* 背景ロゴ */
#bigsale_202608 .background-left {
   display: none;
}
/*========================== #bigsale_202608 ここまで ============================*/