<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";

/*=======================================スタイルリセット=======================================*/
    /* http://meyerweb.com/eric/tools/css/reset/
	v2.0 | 20110126
	License: none (public domain)
*/

#newlife2025 *,
#newlife2025 *::before,
#newlife2025 *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
#newlife2025 h1,
#newlife2025 h2,
#newlife2025 h3,
#newlife2025 h4,
#newlife2025 h5,
#newlife2025 h6,
#newlife2025 ul,
#newlife2025 ol,
#newlife2025 dl,
#newlife2025 li,
#newlife2025 dt,
#newlife2025 dd,
#newlife2025 p,
#newlife2025 div,
#newlife2025 span,
#newlife2025 img,
#newlife2025 a,
#newlife2025 table,
#newlife2025 tr,
#newlife2025 th,
#newlife2025 td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-family:'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-size: 14px;
    letter-spacing: .06em;
    line-height: 1.714em;
    font-weight: 700;
}

#newlife2025 header,
#newlife2025 footer,
#newlife2025 nav,
#newlife2025 section,
#newlife2025 article,
#newlife2025 main,
#newlife2025 aside,
#newlife2025 figure,
#newlife2025 figcaption {
    display: block;
}

#newlife2025 ol,
#newlife2025 ul,
#newlife2025 li {
    list-style: none;
    list-style-type: none;
}

#newlife2025 img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#newlife2025 a {
    color: inherit;
    text-decoration: none;
    transition: 0.2s;
}

#newlife2025 a:hover {
    opacity: 0.5;
}

#newlife2025 .no,
#newlife2025 .pc_none{
    display: none !important;
}

/* 楽天用：価格プロ */
#newlife2025 div.prices span &gt; span &gt; span {
    display: none;
}
#newlife2025 div.price .price-tax-txt {
    display: none;
}
#newlife2025 div.price .value,
#newlife2025 div.price .prdisp-price &gt; span {
    font-size: 2rem;
    font-family: Lato;
    font-weight: 700;
    color: #eb0012;
}
/* 楽天用：フッター */
#newlife2025 .footer  {
    display: flex;
    justify-content: center;
    background: #ffffff;
    padding-bottom: 3%;
    gap: 3%;
}
#newlife2025 #standard-page .footer,
#newlife2025 #plus-page .footer,
#newlife2025 #space .footer {
    background: #c5121d;
    color: #FFF;
    position: relative;
}

/*==============================================
 共通 ここから
================================================*/
body {
    background-color: #f0e8dd;
}
/* パンくず削除 */
#pankuzu {
    display: none;
}
main, main#wrapper {
    padding: 0;
    max-width: none !important;
}
#newlife2025 img {
  width: 100%;
}
#newlife2025 .icon_card {
    width: 95%;
  }
#newlife2025 a {
    display: block;
}
#newlife2025 a:hover {
    opacity: .7;
}
#newlife2025 .pc-none {
    display: none;
}
/* マーカー */
span.marker {
    background: linear-gradient(transparent 60%, #fbab3b99 40%);
    font-weight: bold;
    line-height: 1;
}
/* アスタリスク */
#newlife2025 .p-1 .asterisk {
    vertical-align: top;
    font-size: 1.5rem;
}
#newlife2025 .asterisk {
    vertical-align: super;
    font-size: 1rem;
}
/* SVG共通 */
#newlife2025 svg {
    width: 100%;
    height: auto;
    display: block;
}
/* 価格プロリセット */
.buy_price&gt;ol .spesicalprice, .buy_price&gt;ul .spesicalprice {
    display: none;
}
.buy_price&gt;ul .intax {
    display: none !important;
}
.buy_price&gt;ol .price, .buy_price&gt;ul .price {
    color: #eb0012;
    font-size: 30px;
}
/* ヘッダー画像削除 */
.header-info-red a{
    display: none;
}
/* フッター調整 */
footer {
    position: relative;
}
footer,
footer .bottom {
    margin-top: 0 !important;
    max-width: 750px;
    margin: 0 auto;
}
article#contents {
    padding-bottom: 0 !important;
}
/* キーフレーム：縦無限コンテンツスクロール */
@keyframes infinity-scroll-vertical {
    from {
        transform: translateY(0);
    }
        to {
        transform: translateY(-100%);
    }
}
/* キーフレーム：ザブロウアイコンアニメ */
@keyframes decoSwing {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(20deg);
    }
}
/* キーフレーム：クローズボタンフェードイン */
@keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
}
/* キーフレーム：ザブレオンフェードイン */
@keyframes zabu-fadein {
	0% {
		animation-timing-function: ease-in;
		transform: translate(150%,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	}  25% {
		animation-timing-function: ease-in-out;
		transform: translate(3%,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 75% {
		animation-timing-function: ease-in-out;
		transform: translate(0%,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 100% {
        animation-timing-function: ease-in-out;
		transform: translate(0%,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	}
}
/* キーフレーム：ザブレオン背景フェードアウト */
@keyframes anime-background-fadeout {
    from {
      opacity: 0.5;
      display: block;
    }
    to {
      opacity: 0;
      display: none;
    }
}
/* キーフレーム：ザブレオンフェードアウト */
@keyframes zabu-fadeout {
	0% {
        animation-timing-function: ease-in;
		transform: translate(0%,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 25% {
        animation-timing-function: ease-in-out;
		transform: translate(-150%,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 100% {
        animation-timing-function: ease-in-out;
		transform: translate(-150%,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	}
}
/* キーフレーム：横無限テキストスクロール */
@keyframes loop {
    0%{
        transform: translateX(100%);
    }
    100%{
        transform: translateX(-100%);
    }
}
/* キーフレーム：タイトルロゴアニメーション */
@keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
}
/* ナビゲーション ザブロウ */
@keyframes hyoko {
    from {
        transform: translate(100%, 3%);
    } 
    to {
        transform: translate(33%, 3%);
    }
}
/*==============================================
 共通 ここまで
================================================*/

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

/* フォント */
#newlife2025{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 500;
    font-style: normal;
}
#newlife2025 p{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 500;
    font-style: normal;
    font-size: 1rem;
}
#newlife2025 h1{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 600;
    font-style: normal;
}
#newlife2025 h2{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 600;
    font-style: normal;
}
#newlife2025 h2 span{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 900;
    font-style: normal;
}
#newlife2025 h3{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
}
#newlife2025 h3 span{
    font-family: "Lato";
    font-weight: 700;
    font-style: normal;
    font-size: 1.1em;
}
#newlife2025 h5{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 700;
    font-style: normal;
    font-size: 1.1rem;
}
#newlife2025  span{
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: 700;
    font-style: normal;
}

/* 背景 */
#newlife2025 .back {
    position: relative;
    z-index: 1;
    background-color: #f0e8dd;
}
#newlife2025 .back-inner {
    width: 100%;
    margin: 0 auto;
    max-width: 750px;
    box-shadow: 0px 0px 7px 3px #e1d2c6;
}

/* セクション共通 */
#newlife2025 .section {
    position: relative;
}
#newlife2025 .section .flag-svg {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
}

/* 見出し */
#newlife2025 .section-title {
    width: 100%;
    text-align: center;
    margin-bottom: 2%;
    box-sizing: border-box;
    padding: .5em 0 0;
    position: relative;
    z-index: 1;
}
#newlife2025 .section-title .svg {
    width: 11%;
    margin: 0 auto;
}
#newlife2025 .section-title__h2 {
    font-size: 28px;
    color: #222;
    display: inline-block;
}
#newlife2025 .section-title__h2.white {
    color: #FFF;
    font-weight: 700;
}

/* スタンダードセットページ用 */
#newlife2025 .section-title__h2 .num {
    font-size: 1.8em;
    font-family: 'Lato';
    line-height: 1;
}
#newlife2025 .section-title__sub.white {
    color: #FFF;
}
#newlife2025 .section-title__h2.black {
    color: #3b1d05;
    font-weight: 700;
}
#newlife2025 .section-title__sub.black {
    color: #3b1d05;
}


/* 黒リンクボタン */
#newlife2025 .link-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}
#newlife2025 .link-btn .btn {
    position: relative;
    display: inline-block;
    background-color: #222;
    color: #FFF;
    box-sizing: border-box;
    border: 2px solid #222;
    padding: .8em 1em;
    width: 85%;
    max-width: 700px;
    text-align: center;
    border-radius: 5px;
    transition: .3s;
}
#newlife2025 .link-btn .btn::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: .4em;
    height: .4em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}
/* hover */
#newlife2025 .link-btn .btn:hover {
    opacity: 1;
    color: #222 !important;
    background-color: #FFF;
    border: 2px solid #222;
}
#newlife2025 .link-btn .btn:hover::after {
    border-top: 2px solid #222;
    border-right: 2px solid #222;
}

/* ページTOPボタン */
#newlife2025 .link-btn.page-top {
    padding-bottom: 3%;
}
#newlife2025 .link-btn.page-top .btn {
    width: 70%;
}
#newlife2025 .link-btn.page-top .btn::after {
    transform: translateY(24%) rotate(-45deg);
}

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

/*==============================================
 看板 ここから
================================================*/
/* 看板：枠 */
#newlife2025 .kanban {
    position: relative;
    padding-bottom: 2%;
    z-index: 1;
    margin: 0 auto;
    width: 100%;
}
/* 看板：タイトルロゴ */
#newlife2025 .kanban h1{
    width: 100%;
    /* padding: 3% 0 1%; */
    /* margin: 0 auto; */
    /* animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; */
    z-index: 1;
    position: relative;
}
    /* #newlife2025 .kanban::after,#newlife2025 .kanban::before {
        content: '';
        position: absolute;
        width: 18%;
        height: 100%;
        top: 0;
    } */
/* 看板：枠線 */
/* #newlife2025 .kanban::after {
    left: 0;
    background-color: #004597;
}
#newlife2025 .kanban::before {
    right: 0;
    background-color: #c5121d;
} */
/* ギガアイコン */
#newlife2025 .kanban .icon-giga {
    position: absolute;
    right: 0;
    top: 0;
    width: 17%;
    z-index: 1;
}
/*==============================================
 看板 ここまで
================================================*/

/*==============================================
コンテンツ ここから
================================================*/

/* コンテンツ：枠 */
#newlife2025 .contents { 
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: 750px;
    margin: 0 auto;
}

/* コンテンツ：各種ページ背景色 */
#newlife2025 #standard-page.contents { background-color: #4ec6d5;}
#newlife2025 #plus-page.contents { background-color: #f86358;}
#newlife2025 #space.contents { background-color: #bdbdbd;}

/* コンテンツ：横線 */
/* #newlife2025 .contents::after,#newlife2025 .contents::before {
    content: '';
    position: absolute;
    width: 3%;
    height: 100%;
    top: 0;
    z-index: 10;
}
#newlife2025 .contents::after {
    left: 0;
    background-color: #004597;
}
#newlife2025 .contents::before {
    right: 0;
    background-color: #c5121d;
} */

/* コンテンツ：各種ページ背景模様 */
#newlife2025 .contents .back-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../IMAGE/newlife2025/cir.svg);
    opacity: 0.1;
    background-position: center;
}

/* ==============================================
サマリー（キャンペーン紹介・絞り込み・アンカー） ここから
================================================*/

/* サマリー */
#newlife2025 #summary {
    position: relative;
    width: 94%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 2% 0% 1%;
    background-color: #ffe9ca;
    border: 3px solid #3b1d05;
}
/* サマリー */
#newlife2025 #summary.revolution{
    margin: 2% auto 4%;
}

/* サマリー：タイトル */
#newlife2025 .summary-title {
    position: relative;
}
#newlife2025 #summary h2 {
    font-size: 1.5rem;
    text-align: center;
    color: #3b1d05;
    margin-bottom: 2%;
}
#newlife2025 #summary h2 span {
    font-size: 1.2em;
}
/* サマリー：TOPキャンペーンの詳細用アンカー */
#newlife2025 #summary .summary-content__aunker {
    position: relative;
    width: 94.5%;
    margin: 0 auto 7px;
    border-radius: 5px;
    background-color: #FFF;
    color: #6c3c14;
    font-size: 1rem;
    border: 1px solid #6c3c14;
    padding: .4em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}
#newlife2025 #summary .summary-content__aunker::after {
    position: absolute;
    right: 5%;
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #6c3c14;
    border-right: 2px solid #6c3c14;
    content: '';
}
/* ホバー時 */
#newlife2025 #summary .summary-content__aunker:hover {
    color: #FFF !important;
    background-color: #6c3c14;
    opacity: 1;
}
#newlife2025 #summary .summary-content__aunker:hover::after {
    border-bottom: 3px solid #FFF;
    border-right: 3px solid #FFF;
}

/* サマリー：共通装飾 */
#newlife2025 #summary .deco {
    position: absolute;
    top: -10%;
    width: 14%;
}
#newlife2025 #summary .deco_right {
    right: 0;
}
#newlife2025 #summary .deco_left {
    left: 0;
}

/* サマリー：TOPキャンペーン用 */
#newlife2025 .summaryTop-title {
    position: relative;
    z-index: 1;
    display: flex;
    margin-bottom: -3.5%;
    box-sizing: border-box;
}
#newlife2025 .revo-camp .summaryTop-title {
    justify-content: start;
    margin-bottom: -5.5%;
}

#newlife2025 #summary .summaryTop-title h2 {
    color: #3a1e06;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
    font-size: 2.5rem;
    text-align: start;
}

#newlife2025 #summary .summaryTop-title h2 span {
    font-size: 1.2em;
    font-style: italic;
    font-weight: 900;
    line-height: 1;
}
#newlife2025  .summaryTop-inner {
    padding: 0 3.5%;
}
#newlife2025 .revo-camp .summaryTop-title .img {
    width: 20%;
    margin-top: -3%;
}

#newlife2025 .summaryTop-camp {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 4%;
    background-color: #004597;
    border-radius: 5px;
    margin-bottom: 1%;  
}
/* #newlife2025 .summaryTop-camp::before {
    content: '';
    position: absolute;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-image : linear-gradient(to right, #FFF 2px, transparent 2px),linear-gradient(to bottom, #FFF 2px, transparent 2px),linear-gradient(to left, #FFF 2px, transparent 2px),linear-gradient(to top, #FFF 2px, transparent 2px);
    background-size: 10px 2px,2px 10px,10px 2px,2px 10px;
    background-repeat: repeat-x,repeat-y,repeat-x,repeat-y;
    background-position:left top,right top,right bottom,left bottom;
} */

#newlife2025 .summaryTop-camp--item {
    display: flex;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    gap: 1%;
    transform: rotate(-3deg);
}
#newlife2025 .summaryTop-camp--item .text {
    display: flex;
    flex-direction: column;
}
#newlife2025 .summaryTop-camp--item p {
    color: #FFF;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .03px;
    white-space: nowrap;
}
#newlife2025 .summaryTop-camp--item .min {
    font-size: .8em;
}
#newlife2025 .summaryTop-camp--item .white-back{
    background: #FFF;
    display: inline-flex;
    align-items: baseline;
    line-height: 1;
    color: #c5121d;
    padding: 0 .15em .08em .08em;
    white-space: nowrap;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 0.9em;
}
#newlife2025 .summaryTop-camp--item .white-back span {
    color: #c5121d;
    line-height: 1;
}
#newlife2025 .summaryTop-camp--item .num {
    font-size: 3rem;
    font-family: 'Lato',"Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
    font-weight: bold;
    letter-spacing: .01px;
    margin-right: .08em;
}
#newlife2025 .summaryTop-camp--item .normal {
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0.05px;
}
#newlife2025 .summaryTop-camp .kome {
    margin-top: 2%;
    font-size: .9rem;
    color: #FFF;
    line-height: 1.4;
}

/* 水・炭酸水クーポン */
#newlife2025 .summaryTop-camp--item.water {
    position: relative;
}
#newlife2025 .summaryTop-camp--item.water .img {
    width: 30%;
}
#newlife2025 .summaryTop-camp--item.water .napo-img {
    width: 30%;
    position: absolute;
    top: -51%;
    right: -9%;
}
#newlife2025 .summaryTop-camp--item.water {
    transform: rotate(-3deg);
    margin-bottom: 2%;
    gap: 2%;
}
#newlife2025 .summaryTop-camp--item.water .text {
    margin-top: 3.5%;   
}
#newlife2025 .summaryTop-camp--item.water .p-2  {
    margin-bottom: -1px;
    font-size: 2.8rem;
    width: max-content;
    font-family: 'Lato', "Zen Kaku Gothic New", 'Noto Sans JP', 'Yu Gothic black', sans-serif, 'メイリオ';
    font-weight: 900;
}

#newlife2025 .summaryTop-camp--item.water .p-2 .num  {
    font-size: 4.5rem;
    font-weight: 900;
}

#newlife2025 .summaryTop-camp--item.water .p-3  {
    font-size: 2.9rem;
    padding: .1em .1em .2em;
}
/* 取り置き */
#newlife2025 .summaryTop-camp--item.keep .img {
    width: 17%;
    transform: translateY(-16%);
}
#newlife2025 .summaryTop-camp--item.keep {
    transform: rotate(5deg);
    margin-top: 1%;
    justify-content: end;
    margin-bottom: -4%;
}
#newlife2025 .summaryTop-camp--item.keep .p-1{
    font-size: 3rem;
}
#newlife2025 .summaryTop-camp--item.keep .p-1 .num{
    font-size: 4rem;
}
#newlife2025 .summaryTop-camp--item.keep .p-1 .white-back{
    font-size: 3rem;
}
#newlife2025 .summaryTop-camp--item.keep .p-2{
    font-size: 3.5rem;
    letter-spacing: 1px;
    text-align: end;
}
/* switch */
#newlife2025 .summaryTop-camp--item.Switch {
    margin-bottom: 3%;
    margin-left: 2%;
}
#newlife2025 .summaryTop-camp--item.Switch .img {
    width: 20%;
    margin-top: -3%;
}
#newlife2025 .summaryTop-camp--item.Switch .p-1{
    transform: rotate(-3deg);
    font-size: 3rem;
}
#newlife2025 .summaryTop-camp--item.Switch .p-2{
    transform: rotate(-3deg);
    font-size: 4.5rem;
    margin-left: 2%;
    margin-top: -2%;
}
#newlife2025 .section-summaryTop-camp {
    color: #FFF;
    font-size: 1.2rem;
    margin-top: 2%;
}
/* ギガ */
#newlife2025 .summaryTop-camp--item.giga .img {
    width: 29%;
    transform: rotate(1deg);
    margin-top: 6%;
}
#newlife2025 .summaryTop-camp--item.giga {
    transform: rotate(2deg);
    justify-content: end;
    margin-bottom: 2%;
}
#newlife2025 .summaryTop-camp--item.giga .text {
    align-items: end;
    margin-right: 1%;
}
#newlife2025 .summaryTop-camp--item.giga .text .p-1 {
    font-size: 2.8rem;
}
#newlife2025 .summaryTop-camp--item.giga .text .p-2 {
    font-size: 4rem;
}
#newlife2025 .summaryTop-camp--item.giga .p-1 .min {
    font-size: .5em;
}

/* 抽選 */
#newlife2025 .summaryTop-camp--item.lottery {
    transform: none;
    justify-content: center;
}
#newlife2025 .summaryTop-camp--item.lottery .p-1 {
    font-size: 3rem;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 3%;
}
#newlife2025 .summaryTop-camp--item.lottery .p-1 .white-back {
    margin: 0 .1em;
}
#newlife2025 .summaryTop-camp--item.lottery .p-1 .white-back .num {
    font-size: 4.5rem;
    letter-spacing: -4px;
}
/* さらに */
#newlife2025 .summaryTop-camp--item.more {
    margin-bottom: 0;
    transform: none;
    justify-content: center;
}
#newlife2025 .summaryTop-camp--item.more .p-1 {
    font-size: 3rem;
}

/* 四角形装飾 */
#newlife2025 .summaryTop-square  {
    position: absolute;
    display: flex;
}
#newlife2025 .summaryTop-square.top  {
    top: .7rem;
    left: 1rem;
}
#newlife2025 .summaryTop-square.bottom  {
    bottom: .7rem;
    right: 0rem;
}
#newlife2025 .summaryTop-square &gt; span  {
    width: .9rem;
    height: .7rem;
    background-color: #FFF;
    margin-right: .8rem;
    transform: skewX(-45deg);
}
#newlife2025 .summaryTop-square &gt; span:nth-child(even) {
    background-color: #c5121d;
}
/* 四角形装飾 早割 */
#newlife2025 .early-camp .summaryTop-square  {
    position: absolute;
    top: 0;
    left: 3%;
    display: flex;
    flex-direction: column;
}
#newlife2025 .early-camp .summaryTop-square &gt; span  {
    background-color: #004597;
    margin-top: 1rem;
}
#newlife2025 .early-camp .summaryTop-square &gt; span:nth-child(2n) {
    background-color: #FFF;
}

/* 早期特典 */
#newlife2025 #summary .early-camp .summaryTop-title {
    justify-content: center;
    align-items: center;
    margin-bottom: -1%;
}
#newlife2025 #summary .early-camp .summaryTop-title h2 {
    text-align: end;
    font-size: 2rem;
    line-height: 1.1;
}
#newlife2025 #summary .early-camp .summaryTop-title .img {
    width: 42%;
}
#newlife2025 #summary .early-camp .summaryTop-camp {
    background-color: #e11b8d;
    padding: 4% 4% 2%;
    margin-bottom: 3%;
}

/* サマリー：スタンダードセットページ用 */
#standard-page .flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 2%;
    box-sizing: border-box;
}
#standard-page .flex-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #e4c08e;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #8d532a;
    box-shadow: 3px 3px 0px 0px #8d532a;
    padding-top: 1%;
}
#standard-page .flex-item.cal3 {
    width: 32%;
    margin-bottom: 2%;
}
#standard-page .flex-item.cal2 {
    width: 49%;
}
#standard-page .flex-item h3 {
    font-size: 16px;
    color: #5b371d;
}
#standard-page .flex-item .flex-item__num {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 3%;
    color: #FFF;
    background-color: #8d532a;
    font-size: 20px;
    border-radius: 0 0 5px 0;
}
#standard-page .flex-item .flex-item__num .point {
    font-size: 0.8em;
}

/*==============================================
キャンペーン解説 ここまで
================================================*/

/*==============================================
TOPページ用アンカー ここから
================================================*/

#newlife2025 #anchor {
    width: 100%;
    background-color: #c5121d;
    position: relative;
    padding-top: 2%;
}
#newlife2025 #anchor .flex {
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2%;
}
#newlife2025 #anchor .flex li {
    width: 32%;
    text-align: center;
    color: #FFF;
    margin-bottom: 3%;
}
#newlife2025 #anchor .flex li.single {
    width: 100%;
    text-align: center;
}
#newlife2025 #anchor .flex li.single a {
    position: relative;
    display: block;
    padding: 0.5em 0;
    background: #8d0b13;
    color: #FFF;
    border-radius: 5px;
}
#newlife2025 #anchor .flex li.single a::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: .4em;
    height: .4em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    bottom: 44%;
    right: 5%;
    margin: auto;
    transform: rotate(135deg);
}
#newlife2025 #anchor .flex li a h3 {
    font-size: 18px;
}
#newlife2025 #anchor .thumb {
    border-radius: 5px;
    overflow: hidden;
}
#newlife2025 #anchor .flex li a:hover {
    color: #FFF !important;
}
/* 子ページフッター用 */
#newlife2025 #anchor.foot {
    padding: 2% 0;
}
#newlife2025 #anchor.foot .flex li {
    width: 48%;
}
#newlife2025 #anchor.foot .flex li.single {
    width: 100%;
}

/* ギガキャンペーン */
#newlife2025 #anchor .giga-present {
    width: 90%;
    margin: 0% auto 1%;
}
#newlife2025 .giga-present img {
    box-sizing: border-box;
    border: 3px solid #FFF;
}

/*==============================================
TOPページ用アンカー ここまで
================================================*/

/*==============================================
商品リスト ここから
================================================*/

/* TOP用商品リスト：スタンダードセット */
#newlife2025 #standard.item-section {
    background-color: #4ec6d5;
}
#newlife2025 #standard.item-section .flag-svg {
    fill: #4ec6d5;
}
/* TOP用商品リスト：家具インテリアセット */
#newlife2025 #space.item-section {
    background-color: #bdbdbd;
}
#newlife2025 #space.item-section .flag-svg {
    fill: #bdbdbd;
}
/* TOP用商品リスト：買い足しセット */
#newlife2025 #plus.item-section {
    background-color: #f86358;
}
#newlife2025 #plus.item-section .flag-svg {
    fill: #f86358;
}
/* TOP用商品リスト：おすすめ革命セット */
#newlife2025 #combo.item-section {
    background-color: #f0e8dd;
}
#newlife2025 #combo.item-section .flag-svg {
    fill: #f0e8dd;
}
#newlife2025 .section-title .svg {
    fill: #3b1d05;
}
/* TOP用商品リスト：その他単品 */
#newlife2025 #single-item.item-section {
    background-color: #FFF;
}
#newlife2025 #single-item.item-section .flag-svg {
    fill: #f5f5f5;
}
#newlife2025 #single-item .section-title .svg {
    fill: #222;
}
/* TOP用商品リスト：キャンペーンの詳細 */
#newlife2025 #info.item-section {
    background-color: #FFF;
}
#newlife2025 #info.item-section .flag-svg {
    fill: #f5f5f5;
}
#newlife2025 #info .section-title .svg {
    fill: #222;
}
#newlife2025 #info .section-title h2 {
    font-size: 25px;
}
#newlife2025 #info .section-title {
    position: relative;
    display: inline-block;
}
#newlife2025 #info .section-title:before,
#newlife2025 #info .section-title:after {
    content: '';
    position: absolute;
    top: 58%;
    display: inline-block;
    width: 23%;
    height: 1px;
    background-color: black;
}
#newlife2025 #info .section-title:before {
    left:0;
}
#newlife2025 #info .section-title:after {
    right: 0;
}

/* TOPページ用：ザブロウアイコン */
#newlife2025 .item-section .section-title .chara-icon {
    animation-name: decoSwing;
    animation-duration: 2400ms;
    animation-timing-function: steps(2, end);
    animation-iteration-count: infinite;
}
/* ザブロウアイコン：TOPスタンダードページ */
#newlife2025 #standard.item-section .section-title .chara-icon {
    width: 15%;
    position: absolute;
    top: -40%;
    left: 11%;
    z-index: 100;
}
/* ザブロウアイコン：TOP家具インテ */
#newlife2025 #space.item-section .section-title .chara-icon {
    width: 18%;
    position: absolute;
    top: -66%;
    right: 10%;
    z-index: 100;
}
/* ザブロウアイコン：TOP買い足し */
#newlife2025 #plus.item-section .section-title .chara-icon {
    width: 20%;
    position: absolute;
    top: -71%;
    left: 7%;
    z-index: 100;
}
/* ザブロウアイコン：TOPおすすめ革命セット */
#newlife2025 #combo.item-section .section-title .chara-icon {
    width: 20%;
    position: absolute;
    top: -56%;
    right: 7%;
    z-index: 100;
}

/* 商品リスト：枠 */
#newlife2025 .item-section {
    width: 100%;
    padding: 8% 0px 2%;
    position: relative;
}
#newlife2025 .item-section .item-list {
    width: 85%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
#newlife2025 .item-section .item-list &gt; li {
    width: 100%;
    box-sizing: border-box;
    padding: 1.5%;
    margin: 0 auto 2%;
    display: flex;
    background-color: #FFF;
    border-radius: 3px;
}
#newlife2025 .item-section .item-list &gt; li .flex-left {
    width: 35%;
    display: flex;
    align-items: center;
}
#newlife2025 .item-section .item-list &gt; li .flex-right {
    width: 65%;
    box-sizing: border-box;
    padding: 1% 2% 1% 3%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* 商品リスト：サムネイル */
#newlife2025 .item-section .item-list &gt; li .thumb {
    box-sizing: border-box;
    padding: 1%;
}
/* 商品リスト：タグ */
#newlife2025 .item-section .item-list &gt; li .tug {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
    color: #FFF;
    margin-bottom: 0;
}
#newlife2025 .item-section .item-list &gt; li .tug span {
    background-color: #303030;
    margin-bottom: 1.5%;
    font-size: 14px;
    padding: .1em .4em;
    white-space: nowrap;
    line-height: 1.6;
}
/* 商品リスト：商品名 */
#newlife2025 .item-section .item-list &gt; li .name {
    display: flex;
    align-items: center;
}
#newlife2025 .item-section .item-list &gt; li h3 {
    font-size: 1.3rem;
    padding: .5em 0;
}
/* 個別：家具インテリア 商品名 */
#newlife2025 .item-section .item-list.space-item &gt; li .name {
    display: block;
    margin-bottom: 2%;
}
#newlife2025 .item-section .item-list.space-item &gt; li .name h3 {
    padding: 0 0 1% 0;
}
/* 商品リスト：色玉 */
#newlife2025 .item-section .item-list &gt; li .name .color {
    display: flex;
    margin-left: .5rem;
}
#newlife2025 .item-section .item-list &gt; li .name .color span {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 100vw;
    box-sizing: border-box;
    margin-right: .2rem;
}
#newlife2025 .item-section .item-list &gt; li .name .color span:nth-last-child(1) {
    margin-right: 0;
}
/* 商品リスト：色玉（黒） */
#newlife2025 .item-section .item-list &gt; li .name .color span.black {
    background-color: #222;
}
/* 商品リスト：色玉（白） */
#newlife2025 .item-section .item-list &gt; li .name .color span.white {
    background-color: #FFF;
    border: 1px solid #808080;
}

/* 個別：スタンダードセットページ */
/* 〇点セット区切り */
#newlife2025 .item-section .item-list &gt; li.item-list__separator {
    border: 1px solid #5b371d;
    background-color: #ffe9ca;
    margin: 5% auto 3%;
    padding: 1% 0;
    color: #5b371d;
    display: flex;
    justify-content: center;
    font-size: .9rem;
    font-family: "Zen Kaku Gothic New",'Noto Sans JP','Yu Gothic black',sans-serif,'メイリオ';
}
#newlife2025 .item-section .item-list &gt; li.item-list__separator:nth-child(1) {
    margin: 1% auto 3%;
}
#newlife2025 .item-section .item-list &gt; li.item-list__separator span {
    font-size: 1.05em;
}


/* 個別：家具インテリア テイスト */
#newlife2025 .item-section .item-list &gt; li .name .taste {
    display: flex;
    margin-top: -.1rem;
}
#newlife2025 .item-section .item-list &gt; li .name .taste span {
    padding: 0.1em .8em 0.1em;
    border-radius: 100vw;
    font-size: .8rem;
    box-sizing: border-box;
    white-space: nowrap;
}
/*icon color*/
#newlife2025 .item-section .item-list &gt; li .name .taste span.nordic {
    background-color: #fff;
    color: #222;
    margin-right: 3%;
    border: 1px solid;
}
#newlife2025 .item-section .item-list &gt; li .name .taste span.industrial {
    background-color: #886149;
    color: #fff;
    border: 1px soli
    d #886149;
}
#newlife2025 .item-section .item-list &gt; li .name .taste span.modern {
    background:linear-gradient(135deg, #8a6e5b 50%, #222 50%);
    color: #fff;
    border: 1px solid #8a6e5b;
}
#newlife2025 .item-section .item-list &gt; li .name .taste span.hirobiro {
    background-color: #e5d4ba;
    color: #222;
    border: 1px solid #e5d4ba;
}

/* 商品リスト：価格 */
#newlife2025 .item-section .item-list &gt; li .price-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 2%;
    margin-top: -1%;
}

/* 商品リスト：お気に入り */
#newlife2025 .item-section .item-list &gt; li .price-wrap .favo {
    position: absolute;
    right: 8%;
}
.action-wish:after, .action-wish:before {
    font-size: 30px;
}

/* 商品リスト：キャンペーンアイコン */
#newlife2025 .item-section .item-list &gt; li .price-wrap .camp {
    display: flex;
    gap: 3%;
    margin-left: 2%;
}
#newlife2025 .item-section .item-list &gt; li .price-wrap .camp .img {
    display: flex;
    align-items: center;
    width: 23%;
    box-sizing: border-box;
    padding: 2.5% 3.5% 2.5% 2.5%;
    border-radius: 2px;
    color: #FFF;
}
#newlife2025 .item-section .item-list &gt; li .price-wrap .camp .img.early-camp {
    background: #e01b8e;
}
#newlife2025 .item-section .item-list &gt; li .price-wrap .camp .img.revo-camp {
    background: #1b5ce0;
}

/* 商品リスト：カート */
#newlife2025 .item-section .item-list &gt; li .cart{
    width: 100%;
}
#newlife2025 .item-section .item-list &gt; li .cart a{
    width: 100%;
    background-color: #eb0012;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3em 0;
    border-radius: 5px;
    gap: 2%;
}
#newlife2025 .item-section .item-list &gt; li .cart a:hover{
    color: #FFF !important;
}
#newlife2025 .item-section .item-list &gt; li .cart a i{
    font-size: 1.1rem;
}

/* 商品リスト：吹き出し */
#newlife2025 .item-section .item-list .speechBubble{
    position: relative;
    width: 80%;
    margin: 0 auto 6px;
    display: inline-block;
    padding: .2em 0;
    border: 2px solid #3a1e06;
    border-radius: 100vw;
    background-color: #ffe9ca;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #3a1e06;
    box-shadow: 2px 2px 0px 0px #3a1e06;
}
.speechBubble::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 15px 16px 0px 15px;   
    border-color: #3a1e06 transparent transparent;
    translate: -46% 100%;
}
.speechBubble::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 10.5px 10.8px 0 10.5px;
    border-color: #ffe9ca transparent transparent;
    translate: -50% 100%;
}

/*==============================================
 おすすめ革命セット ここから
================================================*/

/* おすすめ革命セット レイアウト */
#newlife2025 #combo .combo-list .combo-item {
    margin-bottom: 7%;
}
#newlife2025 #combo .combo-list .combo-item:last-child {
    margin-bottom: 0;
}
#newlife2025 #combo .combo-list .combo-name {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4%;
    margin-bottom: 1%;
    overflow-x: hidden;
}
#newlife2025 #combo .combo-list .combo-name h3 {
    font-size: 25px;
    text-align: center;
    color: #c5121d;
    font-weight: 800;
}

/* 国旗風装飾 */
#newlife2025 #combo .combo-list .combo-name .square {
    display: flex;
    gap: 1%;
    box-sizing: border-box;
}
#newlife2025 #combo .combo-list .combo-name .square span {
    font-size: 20px;
}
#newlife2025 #combo .combo-list .combo-name .square.square-left {
    justify-content: end;
}
#newlife2025 #combo .combo-list .combo-name .square.square-left span {
    margin-left: 2%;
}
#newlife2025 #combo .combo-list .combo-name .square.square-right span {
    margin-right: 2%;
}
#newlife2025 #combo .combo-list .combo-name .square span.red {color: #c5121d;}
#newlife2025 #combo .combo-list .combo-name .square span.white {color: #FFF;}
#newlife2025 #combo .combo-list .combo-name .square span.blue {color: #004597;}

/* おすすめ革命セット用 リスト */
#newlife2025 #combo .item-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    width: 80%;
    margin: 0 auto 2%;
}
#newlife2025 #combo .item-list .sword-icon {
    position: absolute;
    top: 44%;
    left: 46.5%;
    width: 7%;
}
#newlife2025 #combo .item-list &gt; li {
    width: 45%;
    display: flex;
    flex-direction: column;
    margin: 0;
    border: 1px solid #004597;
}
#newlife2025 #combo.item-section .item-list &gt; li .flex-left,
#newlife2025 #combo.item-section .item-list &gt; li .flex-right {
    width: 100%;
}
#newlife2025 #combo.item-section .item-list &gt; li .price-wrap {
    justify-content: center;
    box-sizing: border-box;
    padding-right: 4%;
}
#newlife2025 #combo.item-section .item-list &gt; li .price-wrap .favo {
    right: 13%;
}
#newlife2025 #combo.item-section .item-list &gt; li .flex-right h3 {
    font-size: 20px;
    text-align: center;
}
/* おすすめ革命セット用：価格BOX */
#newlife2025 #combo.item-section .combo-priceBox {
    width: 80%;
    margin: 0 auto;
    border: 2px solid #004597;  
    text-align: center;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 1% 0 1.5%;
}
#newlife2025 #combo.item-section .combo-priceBox .normal-price {
    font-family: Lato;
    font-weight: bold;
    margin-bottom: 1%;
}
#newlife2025 #combo.item-section .combo-priceBox .normal-price .yen {
    font-size: 1.2em;
    margin: 0 .5%;
    font-family: Lato;
}
#newlife2025 #combo.item-section .combo-priceBox .set-price {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 2%;
}
#newlife2025 #combo.item-section .combo-priceBox .set-price .revo {
    font-size: 20px;
    color: #FFF;
    padding: .2em .8em .2em 1em;
    margin-right: 2%;
    background: linear-gradient(135deg, #004597 0%, #004597 50%, #c5121d 50%, #c5121d 100%);
}
#newlife2025 #combo.item-section .combo-priceBox .set-price .sale-price {
    font-size: 40px;
    color: #eb0012;
    font-family: Lato;
    font-weight: bold;
    line-height: 1;
}
#newlife2025 #combo.item-section .combo-priceBox .set-price .sale-price .yen {
    font-size: 0.6em;
}
#newlife2025 #combo.item-section .combo-priceBox .combo-addCart {
    width: 100%;
    text-align: center;
}
#newlife2025 #combo.item-section .combo-priceBox .combo-addCart a {
    position: relative;
    background-color: #222;
    color: #FFF;
    width: 70%;
    padding: .5em;
    display: inline-block;
    border-radius: 5px;
}
#newlife2025 #combo.item-section .combo-priceBox .combo-addCart a::after {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: .4em;
    height: .4em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}

/*==============================================
 おすすめ革命セット ここまで
================================================*/

/*==============================================
商品リスト ここまで
================================================*/

/*==============================================
その他単品 ここから
================================================*/

#newlife2025 #single-item .category-list {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#newlife2025 #single-item .category-listItem {
    width: 23%;
    max-width: 380px;
    margin-bottom: 2%;
    border-radius: 5px;
    overflow: hidden;
}
#newlife2025 #single-item .category-listItem a {
    width: 100%;
    text-align: center;
    padding: .3em 0;
    color: #3b1d05;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#newlife2025 #single-item .category-listItem a img {
    width: 90%;
}
/* ホバー時 */
#newlife2025 #single-item .category-listItem a:hover {
    transform: scale(1.05);
    color: #3b1d05 !important;
    opacity: 1;
}

/*==============================================
その他単品 ここまで
================================================*/

/*==============================================
インフォメーション ここから
================================================*/

/* キャンペーン：アコーディオンメニュー */
#newlife2025 .info {
    width: 100%;
    box-sizing: border-box;
    background: #FFF;
    margin: 0 auto;
}
/* サマリー：アコーディオンメニュー中身 */
#newlife2025 .info__contents {
    width: 87%;
    margin: 3% auto 5%;
    box-sizing: border-box;
    padding: 5% 0 2%;
    border-radius: 5px;
}
#newlife2025 .info .flex{
    position: relative;
    display: flex;
    justify-content: center;
    gap: 5%;
    width: 95%;
    background-color: #f0e8dd;
    margin: 0 auto 2.2%;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 2% 0;
}
#newlife2025 .info .revo-camp .flex{
    padding-right: 7%;
}
#newlife2025 .info .flex .napo-img{
    position: absolute;
    width: 21%;
    bottom: -5%;
    right: -2%;
}
#newlife2025 .info__contents--title {
    width: 80%;
    max-width: 370px;
    margin: 0 auto 5%;
    text-align: center;
}
#newlife2025 .info hr{
    margin-bottom: 3%;
}
#newlife2025 .info .flex-item.icon{
    width: 18%;
    border-radius: 5px;
    overflow: hidden;
}
/* 革命クーポンの内容 */
#newlife2025 .info .flex .visual-text h5{
    font-size: 2rem;
    color: #222;
}
#newlife2025 .info .flex .visual-text h5 span{
    line-height: 1;
}
#newlife2025 .info .flex .visual-text h5 .span-1{
    font-size: 1.4rem;
}
#newlife2025 .info .flex .visual-text h5 .span-2{
    font-size: 4rem;
    font-family: 'Lato', "Zen Kaku Gothic New", 'Noto Sans JP', 'Yu Gothic black', sans-serif, 'メイリオ';
    font-weight: 900;
    color: #c5121d;
}
#newlife2025 .info .flex .visual-text h5 .span-3{
    font-size: 2rem;
    font-weight: bolder;
    color: #c5121d;
}
#newlife2025 .info .flex .visual-text h5 .span-4{
    font-size: 2rem;
    font-weight: bolder;
    color: #c5121d;
}
#newlife2025 .info .flex .visual-text h5 .span-5{
    font-size: 2.5rem;
    font-weight: bolder;
    color: #c5121d;
}

/* 早割用 */
#newlife2025 .info .early-camp .flex-item.icon.switch {
    width: 23%;
}
#newlife2025 .info .early-camp .flex-item.icon.giga {
    width: 35%;
}
/* 革命用 */
#newlife2025 .info .revo-camp .flex-item.icon {
    border: 3px solid #1b5ce0;
}
#newlife2025 .info .flex-item.cap{
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#newlife2025 .info__contents .text-box {
    width: 94%;
    max-width: 550px;
    margin: 0 auto 3%;
}
#newlife2025 .info__contents .text-box__item {
    width: 100%;
    margin: 0 auto 3%;
}
#newlife2025 .info__contents .text-box__item h5::before {
    content: '■';
    font-size: .8em;
    vertical-align: bottom;
}
#newlife2025 .info__contents .text-box__item .kome {
    font-size: .95em;
}
/* テキストリンク用 */
#newlife2025 .info__contents .text-box__item .text-link {
    font-size: .95em;
    color: #1b5ce0;
    display: flex;
    align-items: center;
    text-decoration: underline;
}
#newlife2025 .info__contents .text-box__item .text-link::after {
    content: '';
    transform: translateY(0.05em) rotate(-45deg);
    margin-left: 2%;
    width: 5px;
    height: 5px;
    border-bottom: 2px solid #1b5ce0;
    border-right: 2px solid #1b5ce0;
}
#newlife2025 .info__contents .text-box__item .example {
    margin-top: 1em;
    font-size: .95em;
}
#newlife2025 .info__contents .text-box__item p span {
    font-size: 1.05em;
}
#newlife2025 .info__contents.early-camp {
    background-color: #ffeced;
}
#newlife2025 .info__contents.revo-camp {
    background-color: #eff4ff;
}

/* セット革命図解 */
#newlife2025 .info__contents .text-box__item .text-box__item--img {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f0e8dd;
    box-sizing: border-box;
    padding: 3%;
    border-radius: 5px;
    width: 100%;
    margin: 2% 0;
    gap: 2%;
}
#newlife2025 .info__contents .text-box__item .text-box__item--img .img {
    position: relative;
}
#newlife2025 .info__contents .text-box__item .text-box__item--img .img i {
    position: absolute;
    right: 3%;
    bottom: 3%;
    color: #FFF;
    background-color: #eb0012;
    font-size: 1.5rem;
    border-radius: 100vw;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#newlife2025 .info__contents .text-box__item .text-box__item--img .sword-icon {
    width: 10%;
}

/* インフォメーション：アンカー */
#newlife2025 .info-aunker {
    display: flex;
    width: 88%;
    margin: 0 auto;
    gap: 2%;
}
#newlife2025 .info-aunker__link {
    width: 50%;
}
/* インフォメーション：インナー */
#newlife2025 .info-inner {
    width: 90%;
    background-color: #FFF;
    margin: 0 auto 3%;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
}
/* インフォメーション：インナータイトル */
#newlife2025 .info-inner--title {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 3%;
    color: #FFF;
    padding: .1em;
}
/* インフォメーション：インナータイトル（早期特典） */
#newlife2025 .early-camp .info-inner--title {
    background: #e01b8e;
}
/* インフォメーション：インナータイトル（セット革命） */
#newlife2025 .revo-camp .info-inner--title {
    background: #1b5ce0;
}
#newlife2025 .info-inner--img {
    display: flex;
    gap: 3%;
    width: 96%;
    margin: 0 auto 2%;
    text-align: center;
}
#newlife2025 .info-inner--img img {
    border-radius: 5px;
}

/* インフォメーション：100日取り置きの指定方法 */
#newlife2025 .info__contents .text-box__item .flow {
    margin-bottom: 8%;
}

/* インフォメーション：応募規約 */
#newlife2025 .info__contents .text-box__item p {
    margin-bottom: 1%;
}
#newlife2025 .info__contents .text-box__item h4 {
    font-size: 1.4rem;
    border-bottom: 1px solid #222;
    margin-bottom: 2%;
    margin-top: 4%;
}

/*==============================================
インフォメーション ここまで
================================================*/

/*==============================================
 看板下 ここまで
================================================*/

/*==============================================
別ページ用CSS ここから
================================================*/

/* 子ページ共通看板 */
#newlife2025 .child-page .child-kanban {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 8% 0% 3%;
}
#newlife2025 .child-page .child-kanban__logo {
    position: absolute;
    top: 0%;
    left: 3%;
    max-width: 190px;
    margin-top: 2%;
    width: 19%;
}
#newlife2025 .child-page .child-kanban .child-kanban__svg {
    width: 15%;
    margin: 0 auto;
}
#newlife2025 .child-page .child-kanban__h2 {
    text-align: center;
    color: #FFF;
    font-size: 2.5rem;
}
#newlife2025 .child-page .child-kanban__sub {
    text-align: center;
    color: #FFF;
    font-size: 1rem;
}
#newlife2025 .child-page .item-section {
    padding: 2% 0px;
}

/* スタンダードセット */
#newlife2025 #standard-page .child-page .child-kanban__chara {
    position: absolute;
    top: 24%;
    right: 6%;
    width: 17%;
}

/* 買い足しセット */
#newlife2025 #plus-page .child-page .child-kanban__chara {
    position: absolute;
    top: 11%;
    right: 1%;
    width: 23%;
}

/* 家具インテリアセット */
#newlife2025 #space .child-page .child-kanban__chara {
    position: absolute;
    top: 59%;
    right: 4%;
    width: 18%;
}

/* 買い足しセット・家具インテリアセット マトリクス */
#newlife2025 #plus-page .child-page .item-section {
    padding: 2% 0 3%;
}
#newlife2025 .item-section .item-list &gt; li.search-item {
    display: flex;
}
#newlife2025 .item-section .item-list &gt; li.search-item.is-hide {
    display: none;
}
#newlife2025 .search-box__wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5%;
    justify-content: center;
}
/* 家具インテリアセット */
#newlife2025 #space .search-box__wrap {
    width: 90%;
    max-width: 520px;
    margin: 0 auto;
}
#newlife2025 .search-box {
    padding: .2em .8em .22em;
    border: 1px solid #543014;
    background-color: #f1d7b2;
    border-radius: 100vw;
    margin-bottom: 1.5%;
    font-size: 1rem;
    color: #543014;
    transition: .2s;
    box-sizing: border-box;
}
#newlife2025 .search-box:has(:checked) {
    background: #543014;
    color: #fff;
}
#newlife2025 .search-box input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 16px;
    height: 16px;
    background-color: #FFF;
    border-radius: 50%;
    vertical-align: -3px;
    margin-right: 0.3em;
    transition: .3s;
}
#newlife2025 .search-box input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #543014;
    content: '';
}
#newlife2025 .search-box__subtitle {
    width: 100%;
    text-align: center;
    margin-bottom: 2%;
}
#newlife2025 .search-box__subtitle {
    font-size: 1rem;
    color: #3b1d05;
}
#newlife2025 #space .taste {
    max-width: 300px;
}

/* テキスト変更 */
#newlife2025 #search-itemtitle {
    text-align: center;
    margin-bottom: 2%;
    font-size: 1rem;
}
#newlife2025 #search-itemtitle::after {
    content: '▼';
    font-size: .8rem;
    margin-left: 3%;
}
#newlife2025 #search-itemtitle::before {
    content: '▼';
    font-size: .8rem;
    margin-right: 2.5%;
}

/* タブレット */
@media screen and (min-width: 1650px) {
    #newlife2025 .child-page #summary {
        position: fixed;
        top: 50%;
        left: 2vw;
        width: calc((100vw - 787px - 6.5vw) / 2);
        padding: 1% 0%;
        transform: translateY(-40%);
    }
    #newlife2025 .child-page #summary h2 {
        font-size: 1.2rem;
    }
    #newlife2025 .child-page .flex {
        padding: 0 4%;
    }
    #newlife2025 .child-page .flex-item__img {
        height: 7rem;
        display: flex;
        align-items: center;
    }
    #standard-page .child-page .flex-item.cal3,
    #standard-page .child-page .flex-item.cal2 {
        width: 49%;
        margin-bottom: 2%;
        padding: 1%;
    }
    #standard-page .child-page .flex-item.cal2:last-child {
        width: 100%;
        height: auto;
    }
    /* 家具インテリアセット */
    #newlife2025 .search-box {
        position: relative;
        width: 90%;
        max-width: 200px;
        margin: 0 0 3%;
        text-align: center;
    }
    #newlife2025 .search-box input[type="radio"] {
        position: absolute;
        top: 40%;
        left: 5%;
        transform: translateY(-50%);
    }
    #newlife2025 .search-box input[type="radio"] {
        pointer-events: none;
    }

}

/*==============================================
別ページ ここまで
================================================*/

/*==============================================
ナビゲーション ここから
================================================*/
#newlife2025 #nav {
    position: fixed;
    z-index: 10;
    bottom: 0%;
    right: 0%;
    height: 100vh;
}
#newlife2025 #nav.panelactive{
    width: 100%;
}
#newlife2025 #nav .gray-back{
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #5656566b;
}
#newlife2025 #nav .gray-back.active{
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#newlife2025 #nav .g-nav{
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: calc((100vw - 768px) / 2);
    height: 100svh;
    display: flex;
    align-items: center;
    transition: .55s;
    border-radius: 0 0 5px 5px;
    z-index: 5;
}
#newlife2025 #nav .nav-title {
    position: relative;
    width: 100%;
}
#newlife2025 #nav .g-nav-list .title{
    width: 80%;
    max-width: 280px;
    margin: 0 auto 5%;
}
#newlife2025 #nav .g-nav-list .g-nav-link{
    color: #FFF;
    text-align: center;
    width: 100%;
    max-width: 300px;
}
#newlife2025 #nav .g-nav-list .g-nav-link a{
    padding: 1em 0;
    color: #3b1d05;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px dashed #b7a89c;
}
#newlife2025 #nav .g-nav-list .g-nav-link a::after {
    transform: translateY(0.05em) rotate(-45deg);
    margin-left: 2%;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #3b1d05;
    border-right: 2px solid #3b1d05;
    content: '';
}
#newlife2025 #nav .g-nav-list .nav-img{
    position: absolute;
    bottom: .1px;
    right: .1px;
    width: 32%;
    animation: hyoko 1s .4s both ease-in-out;
    display: block;
}

/*アクティブクラスがついたら位置を0に*/
#newlife2025 #nav .g-nav.panelactive{
    top: 0;
    transform: translateY(0%);
}

/*ナビゲーションの縦スクロール*/
#newlife2025 #nav .g-nav .g-nav-list{
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

/*========= ボタンのためのCSS ===============*/
#newlife2025 #nav .openbtn1{
    display: none;
    position:fixed;
    z-index: 10;/*ボタンを最前面に*/
    bottom: 2%;
    right: 2%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    background: #004597;
    box-sizing: border-box;
    border: 1px solid #FFF;
}
#newlife2025 #nav .openbtn1.active {
    background-color: #ffffff;
}
/*×に変化*/  
#newlife2025 #nav .openbtn1 span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 13.5px;
    height: 3px;
    border-radius: 2px;
    background: #FFF;
    width: 45%;
}
#newlife2025 #nav .openbtn1 p{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    text-align: center;
    left: 19.5%;
    bottom: 7%;
    font-size: .7rem;
    color: #FFF;
}
#newlife2025 #nav .openbtn1 span:nth-of-type(1) {
  top:16px; 
}
#newlife2025 #nav .openbtn1 span:nth-of-type(2) {
  top:24px;
}
#newlife2025 #nav .openbtn1 span:nth-of-type(3) {
  top:32px;
}
#newlife2025 #nav .openbtn1.active p{
    color: #FFF;
}
#newlife2025 #nav .openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 17px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
    background: #004597;
}
#newlife2025 #nav .openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}
#newlife2025 #nav .openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 17px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
    background: #004597;
}

/* タブレット用 */
@media screen and (max-width: 1400px) {
    #newlife2025 #nav .g-nav .g-nav-list {
        background-color: #f0e8dd;
        width: 90%;
        height: auto;
        max-width: 400px;
        box-sizing: border-box;
        padding: 4% 3%;
        border-radius: 5px;
    }
    #newlife2025 #nav .openbtn1 {
        display: block;
    }
    #newlife2025 #nav .g-nav {
        top: 0;
        right: 0;
        transform: translateY(-100%);
        /* background: #004597; */
        background-image: linear-gradient(135deg, rgba(46, 195, 165, 1), rgba(184, 212, 80, 1));
        width: 100vw;
    }
    #newlife2025 #nav .g-nav-list .g-nav-link {
        width: 100%;
        color: #FFF;
    }
    #newlife2025 #nav .g-nav-list .nav-img{
        animation: none;
    }
    #newlife2025 #nav .g-nav.panelactive .g-nav-list .nav-img{
        animation: hyoko 1s .4s both ease-in-out;
    }
}

/*==============================================
ナビゲーション ここまで
================================================*/


/*==============================================
アニメーション ここから
================================================*/

/* セット革命　ヘッダー */
#newlife2025 .header-revo {
    width: 100%;
    background: linear-gradient(135deg, #004597 0%, #004597 50%, #c5121d 50%, #c5121d 100%);
    color: #FFF;
    z-index: 10;
    overflow: hidden;
    margin-inline: auto;
}
#newlife2025 .header-revo.revo-active {
    display: block;
}
#newlife2025 .header-revo .loop {
    animation: loop 45s linear infinite;
    padding: .2em 0;
    font-size: 1.1rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: .5%;
}
#newlife2025 .header-revo .loop .big{
    font-size: 1.2em;
}
#newlife2025 .header-revo .loop2{
    position: absolute;
    top: 0; left: 0;
    animation: loop 45s -22.5s linear infinite;
}
#newlife2025 .header-revo .loop__img {
    display: inline-block;
    width: 60px;
    aspect-ratio: 150 / 111;
    animation-name: decoSwing;
    animation-duration: 2400ms;
    animation-timing-function: steps(2, end);
    animation-iteration-count: infinite;
}

/*==============================================
アニメーション ここまで
================================================*/

/*==============================================
ポップアップ ここから
================================================*/

/* セット革命アニメーション */
#newlife2025 .anime {
    display: none;
}
#newlife2025 .anime.revo-active {
    display: block;
}
#newlife2025 .anime.finish,
#newlife2025 .anime.revo-active.finish {
    display: none;
}
#newlife2025 .anime-revo {
    position: fixed;
    top: 0;
    left:0%;
    width: 100%;
	animation: 2.5s linear 0s both zabu-fadein;
    z-index: 99998;
}
#newlife2025 .anime-revo_inner {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(100vh - 140.54px);
    top: 140.54px;
    left: 0;
    margin: 0 auto;
}
/* セット革命アニメーション：画像 */
#newlife2025 .anime-revo__img.img1 {
    position: relative;
    height: 55vh;
    width: auto;
    max-width: 510px;
}
#newlife2025 .anime-revo__img.img1 img {
    height: 100%;
    width: auto;
}
#newlife2025 .anime-revo__img.img1::after {
    content: '';
    background: url(../../IMAGE/newlife2025/Merci.svg) center no-repeat;
    position: absolute;
    bottom: 6%;
    right: 2%;
    z-index: 10;
    width: 55%;
    aspect-ratio: 196 / 85;
}
/* セット革命アニメーション：テキスト */
#newlife2025 .anime-revo__text {
    color: #FFF;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: 600;
    margin-bottom: .5%;
}
#newlife2025 .anime-revo__img.img2 {
    width: 50%;
}
/* セット革命アニメーション：特典ボックス */
#newlife2025 .anime-revo__box  {
    background-color: #ffe9ca;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 0%;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 1.5% 0 0;
    width: 85%;
    max-width: 500px;
}
#newlife2025 .anime-revo__box p {
    color: #3b1d05;
    font-size: 3.8vw;
    width: 100%;
    text-align: center;
}
#newlife2025 .anime-revo__box--item {
    width: 20%;
    border-radius: 5px;
    overflow: hidden;
    font-size: 1.5rem;
    text-align: center;
    color: #6c3c14;
    font-weight: 600;
    font-style: italic;
    line-height: 1.4em;
    box-sizing: border-box;
    padding: 2%;
}
/* セット革命アニメーション：背景 */
#newlife2025 .anime-background {
    position: fixed;
    z-index: 99997;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .7);
    opacity: 1;
}
#newlife2025 .close {
    position: absolute;
    bottom: 103%;
    right: 0%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-items: center;
    align-items: center;
    border-radius: 100vw;
    background-color: #FFF;
    z-index: 1000;
    opacity: 0;
	animation: 1s linear 1s both fadein;
}
#newlife2025 .close &gt; .close-button {
    color: #222;
    position: absolute;
    left: 34%;
}
#newlife2025 .anime.revo-active.fadeout .anime-background {
	animation: 1s linear 0s both anime-background-fadeout;
}
#newlife2025 .anime.revo-active.fadeout .anime-revo {
    pointer-events: none;
    -webkit-animation-name: zabu-fadeout !important;
	animation-name: zabu-fadeout !important;
}
/*==============================================
ポップアップ ここから
================================================*/

/*==============================================
PC限定スライダー ここから
================================================*/
/* スライダー */
#newlife2025 #slider {
    position: fixed;
    top: 0;
    left: 0;
    width: calc((100vw - 768px) / 2);
    height: 100svh;
    z-index: -1;
}
#newlife2025 .scroll-infinity {
    width: 100%;
}
#newlife2025 .scroll-infinity__wrap {
    display: flex;
    position: relative;
    z-index: 100;
    width: 300%;
    justify-content: center;
    margin: 0 auto;
}
#newlife2025 .scroll-infinity__wrap.vertical {
    width: 100%;
    flex-direction: column;
}
#newlife2025 .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
}
#newlife2025 .scroll-infinity__list--vertical {
    animation: infinity-scroll-vertical 40s infinite linear 0s both
}
#newlife2025 .scroll-infinity__item {
    width: 100%;
}
#newlife2025 .scroll-infinity__item &gt; img {
    width: 100%;
}
/* タブレット用 */
@media screen and (max-width: 1400px) {
    #newlife2025 #slider {
        display: none;
    }
}
/*==============================================
PC限定スライダー ここまで
================================================*/

#newlife2025 .coupon {
    padding: 0 3.5% 10px;
}</pre></body></html>