@charset "UTF-8";

.p-flier-accordion {
    background-color: #fff
}

.p-flier-accordion__wrap {
    margin-top: calc(var(--px-vw)*26)
}

.p-flier-accordion__header {
    background-color: #0157a8;
    position: relative
}

.p-flier-accordion__header.is-open .p-flier-accordion__header-icon:after {
    rotate: 0deg
}

.p-flier-accordion__header-icon {
    aspect-ratio: 1;
    background-color: #fff;
    position: absolute;
    right: 8px;
    top: calc(50% + 2px);
    translate: 0 -50%;
    width: calc(var(--px-vw)*15)
}

.p-flier-accordion__header-icon:after,
.p-flier-accordion__header-icon:before {
    background-color: #0157a8;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: .3s ease;
    translate: -50% -50%;
    width: calc(var(--px-vw)*10)
}

.p-flier-accordion__header-icon:after {
    rotate: 90deg
}

.p-flier-accordion__header-txt {
    display: flex;
    width: 100%
}

.p-flier-accordion__lead,
.p-flier-accordion__offer {
    display: flex;
    margin-inline: auto;
    position: relative;
    width: 100%
}

.p-flier-accordion__lead {
    margin-top: calc(var(--px-vw)*7);
    max-width: calc(var(--px-vw)*212)
}

.p-flier-accordion__banner {
    display: flex;
    margin-top: calc(var(--px-vw)*14);
    position: relative;
    width: 100%
}

.p-flier-accordion__note {
    display: flex;
    width: 100%
}

.p-flier-accordion__table {
    color: #231815;
    font-size: calc(var(--px-vw)*13);
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 1.2;
    margin-top: calc(var(--px-vw)*6)
}

.p-flier-accordion__table-title {
    display: flex;
    width: 100%
}

.p-flier-accordion__table table {
    border: 1.2px solid #717071;
    border-collapse: collapse;
    width: calc(var(--px-vw)*835)
}

.p-flier-accordion__table thead tr {
    background-color: #717071
}

.p-flier-accordion__table thead th {
    color: #fff;
    font-size: max(1rem, 14 * var(--px-vw-1920));
    font-weight: 400;
    letter-spacing: -.005em;
    padding: 4px 12px;
    text-align: left
}

.p-flier-accordion__table thead th:first-child {
    width: 200px
}

.p-flier-accordion__table thead th:nth-child(2) {
    width: 185px
}

.p-flier-accordion__table thead th:nth-child(3) {
    width: 449px
}

.p-flier-accordion__table thead th:nth-child(n+2) {
    border-left: 1px solid #fff
}

.p-flier-accordion__table tbody tr {
    background-color: #fff
}

.p-flier-accordion__table tbody td {
    border: 1.2px solid #717071;
    height: 38px;
    padding-block: 4px;
    padding-inline: 8px
}

.p-flier-accordion__discounts {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    margin-inline: auto
}

.p-flier-accordion__discounts-col {
    position: relative;
    width: 100%
}

.p-flier-accordion__discounts-col:nth-child(2),
.p-flier-accordion__discounts-col:nth-child(3) {
    width: calc(50% - 8px)
}

.p-flier-accordion__discounts-title {
    display: flex;
    left: 10px;
    max-width: calc(var(--px-vw)*220);
    position: relative;
    width: 100%
}

.p-flier-accordion__discounts-txt {
    display: flex;
    margin-top: calc(var(--px-vw)*11);
    margin-inline: auto;
    max-width: calc(var(--px-vw)*173);
    width: 100%
}

.p-flier-accordion__discounts-gas,
.p-flier-accordion__discounts-oil {
    display: flex;
    width: 100%
}

.p-flier-accordion__info {
    display: flex;
    flex-direction: column
}

.p-flier-accordion__info-col {
    width: 100%
}

.p-flier-accordion__info-table {
    border-collapse: collapse;
    color: #1e1e1e;
    font-size: calc(var(--px-vw)*12);
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.6;
    width: 100%
}

.p-flier-accordion__info-table tr:first-child td,
.p-flier-accordion__info-table tr:first-child th {
    border-top: 0
}

.p-flier-accordion__info-table th {
    background-color: #e8ebf0;
    border-top: 1px solid #5a5a5a;
    color: #1e1e1e;
    font-weight: 500;
    line-height: 1.6;
    padding-left: calc(var(--px-vw)*6);
    text-align: left;
    width: calc(var(--px-vw)*90)
}

.p-flier-accordion__info-table td {
    border-top: 1px solid #5a5a5a;
    height: 50px;
    padding-block: calc(var(--px-vw)*8.5);
    padding-inline: calc(var(--px-vw)*10) 4px
}

.p-flier-accordion__info-table small {
    display: inline-block;
    font-size: max(1rem, 11 * var(--px-vw-1920));
    line-height: 1.6
}

.p-flier-accordion__info-table c-other {
    color: #e50012;
    display: inline-block;
    line-height: 1.2
}

.p-flier-accordion__info-table ul {
    list-style-type: none;
    margin-top: 8px
}

.p-flier-accordion__info-table ul>li {
    padding-left: 1em;
    position: relative
}

.p-flier-accordion__info-table ul>li:before {
    content: "※";
    left: 0;
    position: absolute;
    top: 0
}

.p-flier-accordion.--01 {
    background-color: #bae2f8
}

.p-flier-accordion.--01 .p-flier-accordion__mainboard {
    padding-block: calc(var(--px-vw)*22) calc(var(--px-vw)*45);
    padding-inline: calc(var(--px-vw)*8)
}

.p-flier-accordion.--01 .p-flier-accordion__offer {
    left: -5px;
    max-width: calc(var(--px-vw)*216)
}

.p-flier-accordion.--01 .p-flier-accordion__table-title {
    left: 4px;
    margin-top: calc(var(--px-vw)*32);
    max-width: calc(var(--px-vw)*252);
    position: relative
}

.p-flier-accordion.--01 .p-flier-accordion__note {
    margin-top: calc(var(--px-vw)*26);
    padding-inline: 3px 4px;
    position: relative
}

.p-flier-accordion.--01 .p-flier-accordion__note .p-flier__note {
    margin: 0
}

.p-flier-accordion.--01 .p-flier__note {
    margin-top: calc(var(--px-vw)*26);
    padding-left: 2px
}

.p-flier-accordion.--02 {
    margin-top: calc(var(--px-vw)*29)
}

.p-flier-accordion.--02 .p-flier-accordion__mainboard {
    padding-block: calc(var(--px-vw)*29) calc(var(--px-vw)*10);
    padding-inline: calc(var(--px-vw)*17) calc(var(--px-vw)*23)
}

.p-flier-accordion.--02 .p-flier__note {
    left: -10px;
    margin-top: calc(var(--px-vw)*16);
    position: relative;
    width: 100%
}

.p-flier-accordion.--03 {
    margin-top: calc(var(--px-vw)*32)
}

.p-flier-accordion.--03 .p-flier-accordion__mainboard {
    padding-block: calc(var(--px-vw)*11);
    padding-inline: calc(var(--px-vw)*11)
}

.p-flier-bonus {
    background-color: #ff0;
    border-radius: 15px;
    position: relative
}

.p-flier-bonus__badge {
    left: calc(50% - var(--px-vw)*67);
    position: absolute;
    top: 0;
    width: calc(var(--px-vw)*134);
    z-index: 10
}

.p-flier-bonus__banner,
.p-flier-bonus__intro,
.p-flier-bonus__period {
    display: flex;
    margin-inline: auto;
    position: relative;
    width: 100%
}

.p-flier-bonus__info {
    font-size: calc(var(--px-vw)*14);
    letter-spacing: .04em;
    line-height: 1.2;
    margin-top: 10px;
    margin-inline: auto;
    position: relative;
    width: 100%
}

.p-flier-bonus__info a {
    color: #0046ff;
    text-decoration: underline
}

.p-flier-bonus__info-txt {
    letter-spacing: -.1em;
    margin-top: 9px
}

.p-flier-bonus.--01 {
    margin-top: calc(var(--px-vw)*7);
    padding-block: calc(var(--px-vw)*58) calc(var(--px-vw)*24);
    padding-inline: calc(var(--px-vw)*10)
}

.p-flier-bonus.--01 .p-flier-bonus {
    background-color: #ff0;
    border-radius: 15px;
    padding-block: 20px;
    padding-inline: 20px;
    position: relative
}

.p-flier-bonus.--01 .p-flier-bonus__intro {
    max-width: calc(var(--px-vw)*187)
}

.p-flier-bonus.--01 .p-flier-bonus__banner {
    left: -5px;
    margin-top: calc(var(--px-vw)*-40);
    width: calc(var(--px-vw)*285)
}

.p-flier-bonus.--01 .p-flier-bonus__banner .p-flier-shine {
    height: 71%;
    top: 29%
}

.p-flier-bonus.--01 .p-flier-bonus__period {
    margin-top: calc(var(--px-vw)*7);
    max-width: calc(var(--px-vw)*269)
}

.p-flier-bonus.--02 {
    margin-top: calc(var(--px-vw)*73);
    padding-block: calc(var(--px-vw)*62) calc(var(--px-vw)*26);
    padding-inline: calc(var(--px-vw)*10)
}

.p-flier-bonus.--02 .p-flier-bonus {
    padding-block: 20px;
    padding-inline: 20px
}

.p-flier-bonus.--02 .p-flier-bonus__intro {
    left: -2px;
    max-width: calc(var(--px-vw)*270)
}

.p-flier-bonus.--02 .p-flier-bonus__banner {
    left: -6px;
    margin-top: calc(var(--px-vw)*-97);
    width: calc(var(--px-vw)*285)
}

.p-flier-bonus.--02 .p-flier-bonus__banner .p-flier-shine {
    height: 55%;
    top: 45%
}

.p-flier-bonus.--02 .p-flier-bonus__period {
    margin-top: calc(var(--px-vw)*12);
    width: calc(var(--px-vw)*267)
}

.p-flier-camp {
    position: relative;
    z-index: 0
}

.p-flier-camp__inner {
    margin-inline: auto;
    max-width: 1200px
}

.p-flier-camp__header {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: calc(var(--px-vw)*64);
    padding-right: 4px;
    padding-top: calc(var(--px-vw)*7);
    position: relative
}

.p-flier-camp__header:after {
    background-size: cover;
    border-radius: 15px 15px 0 0;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

.p-flier-camp__header-badge {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .8));
    position: absolute;
    right: calc(var(--px-vw)*-13);
    top: calc(var(--px-vw)*-8);
    width: calc(var(--px-vw)*74)
}

.p-flier-camp__header-shape {
    position: absolute
}

.p-flier-camp__header-txt {
    width: calc(var(--px-vw)*177)
}

.p-flier-camp__mainboard {
    background-color: #fff;
    border-radius: 0 0 15px 15px
}

.p-flier-camp__intro {
    display: flex;
    position: relative;
    width: 100%
}

.p-flier-camp__lead,
.p-flier-camp__period,
.p-flier-camp__photo {
    display: flex;
    margin-inline: auto;
    position: relative;
    width: 100%
}

.p-flier-camp__lead {
    margin-top: calc(var(--px-vw)*29);
    max-width: calc(var(--px-vw)*216)
}

.p-flier-camp__more {
    position: relative;
    z-index: 0
}

.p-flier-camp__more-arrow {
    margin-top: -2px;
    margin-inline: auto;
    position: relative;
    width: calc(var(--px-vw)*227)
}

.p-flier-camp__more-banner {
    display: flex;
    margin-top: 6px;
    margin-inline: -2px -13px
}

.p-flier-camp__more .p-flier__note {
    margin-top: calc(var(--px-vw)*19);
    width: 100%
}

.p-flier-camp.--01 {
    margin-top: calc(var(--px-vw)*48)
}

.p-flier-camp.--01 .p-flier-camp__header:after {
    background-image: url(../images/flier/img_campain_01_pattern.webp)
}

.p-flier-camp.--01 .p-flier-camp__header-shape {
    bottom: calc(var(--px-vw)*25);
    left: -6px;
    opacity: 0;
    transition: 1.6s ease;
    translate: 390% 0;
    width: calc(var(--px-vw)*91.055)
}

.p-flier-camp.--01 .p-flier-camp__header-shape.is-show {
    opacity: 1;
    translate: none
}

.p-flier-camp.--01 .p-flier-camp__mainboard {
    padding-block: calc(var(--px-vw)*23) calc(var(--px-vw)*26);
    padding-inline: calc(var(--px-vw)*20)
}

.p-flier-camp.--01 .p-flier-camp__intro {
    display: flex;
    left: -3px;
    margin-inline: auto;
    max-width: calc(var(--px-vw)*258);
    position: relative
}

.p-flier-camp.--01 .p-flier-camp__photo {
    left: calc(var(--px-vw)*-29);
    margin-top: calc(var(--px-vw)*-10);
    width: calc(100% + 40px)
}

.p-flier-camp.--01 .p-flier-camp__photo .p-flier-shine {
    height: 80%;
    left: 7%;
    top: 9%;
    width: 90%
}

.p-flier-camp.--01 .p-flier-eligible {
    margin-top: calc(var(--px-vw)*29)
}

.p-flier-camp.--02 {
    margin-top: 90px
}

.p-flier-camp.--02 .p-flier-camp__header:after {
    background-image: url(../images/flier/img_campain_02_pattern.webp)
}

.p-flier-camp.--02 .p-flier-camp__header-shape {
    bottom: 0;
    left: calc(var(--px-vw)*-10);
    overflow: hidden;
    width: calc(var(--px-vw)*98)
}

.p-flier-camp.--02 .p-flier-camp__header-shape.is-show img {
    translate: none
}

.p-flier-camp.--02 .p-flier-camp__header-shape img {
    transition: 1.6s ease;
    translate: 0 100%
}

.p-flier-camp.--02 .p-flier-camp__mainboard {
    padding-block: calc(var(--px-vw)*21) calc(var(--px-vw)*36);
    padding-inline: calc(var(--px-vw)*19)
}

.p-flier-camp.--02 .p-flier-camp__intro {
    margin-inline: auto;
    max-width: calc(var(--px-vw)*196)
}

.p-flier-camp.--02 .p-flier-camp__photo {
    margin-top: calc(var(--px-vw)*12);
    max-width: calc(var(--px-vw)*290)
}

.p-flier-camp.--02 .p-flier-camp__period {
    margin-top: calc(var(--px-vw)*14);
    max-width: calc(var(--px-vw)*288)
}

.p-flier-camp.--02 .p-flier-eligible {
    margin-top: calc(var(--px-vw)*37)
}

.p-flier-camp.--02 .p-flier-eligible__lists {
    justify-content: space-between
}

.p-flier-chance {
    margin-top: calc(var(--px-vw)*32);
    padding-block: calc(var(--px-vw)*21) calc(var(--px-vw)*28);
    position: relative;
    z-index: 0
}

.p-flier-chance:before {
    background-color: #fff8b0;
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    translate: -50% 0;
    width: calc(100% + var(--px-vw)*38);
    z-index: -1
}

.p-flier-chance__title {
    display: flex;
    margin-inline: auto;
    max-width: calc(var(--px-vw)*230);
    position: relative;
    width: 100%
}

.p-flier-chance__lists {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style-type: none;
    margin-inline: auto;
    margin-top: 1px;
    max-width: 1100px
}

.p-flier-chance__card {
    filter: drop-shadow(3.5px 3.5px 3.5px rgba(212, 189, 127, .75));
    position: relative;
    z-index: 0
}

.p-flier-chance__card .p-flier-shine:after,
.p-flier-chance__card .p-flier-shine:before {
    animation-duration: 1.6s
}

.p-flier-chance__card:nth-child(2) {
    --shine-delay: 0.2s
}

.p-flier-chance__card:nth-child(3) {
    --shine-delay: 0.4s
}

.p-flier-chance .p-flier__note {
    margin-top: calc(var(--px-vw)*7)
}

:root {
    --px-vw-1920: 0.26667vw
}

html {
    scroll-padding-top: calc(var(--px-vw)*100)
}

body {
    color: #000;
    font-family: Zen Kaku Gothic Antique, 游ゴシック Medium, 游ゴシック体, Yu Gothic Medium, YuGothic, ヒラギノ角ゴ ProN, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif
}

.header:after {
    background-color: inherit;
    content: "";
    filter: drop-shadow(0 7px 5px rgba(0, 0, 0, .3));
    inset: 0;
    position: absolute;
    z-index: -1
}

.footer {
    padding-bottom: calc(var(--px-vw)*130)
}

.fade {
    opacity: 0;
    transition: .8s ease
}

.fade.is-show {
    opacity: 1
}

.fadeup {
    opacity: 0;
    transition: .8s ease;
    translate: 0 40px
}

.fadeup.is-show {
    opacity: 1;
    translate: none
}

.faderight {
    opacity: 0;
    transition: .8s ease;
    translate: 40px 0
}

.faderight.is-show {
    opacity: 1;
    translate: none
}

.p-flier-container-fluid {
    padding-inline: 20px
}

.p-flier__note {
    font-size: calc(var(--px-vw)*12);
    font-weight: 400;
    line-height: 1.4;
    list-style-type: none
}

.p-flier__note>li {
    margin-right: -8px;
    padding-left: 1.1em;
    position: relative
}

.p-flier__note>li:before {
    content: "※";
    left: 0;
    position: absolute;
    top: 0
}

.p-flier-overscroll {
    overflow: auto;
    width: 100%
}

.p-flier-shine {
    inset: 0;
    overflow: hidden;
    position: absolute
}

.p-flier-shine:after,
.p-flier-shine:before {
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .15) 25%, hsla(0, 0%, 100%, .8) 50%, hsla(0, 0%, 100%, .18) 75%, transparent);
    bottom: -35%;
    content: "";
    filter: blur(1px);
    mix-blend-mode: screen;
    opacity: 0;
    position: absolute;
    right: -30%;
    top: -35%;
    transform: skewX(-22deg)
}

.p-flier-shine:before {
    animation: kf_shine 3s cubic-bezier(.2, .75, .2, 1) var(--shine-delay) infinite both;
    width: 36%
}

.p-flier-shine:after {
    animation: kf_shine2 3s cubic-bezier(.2, .75, .2, 1) var(--shine-delay) infinite both;
    width: 10%
}

.p-flier-shine-wrap {
    --tag-left: 100%;
    --tag-translate: -78% -18%;
    --shine-delay: 0s;
    position: relative
}

.idemitsu40th-pageTop {
    bottom: calc(6vw + var(--offset-bottom, 0px));
    cursor: pointer;
    opacity: 1;
    position: fixed;
    right: calc(var(--px-vw)*20);
    visibility: visible;
    width: 11.2%;
    z-index: 20
}

.p-flier-condition {
    background-color: #fff6cb;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.p-flier-condition__header {
    background-color: #99702a;
    padding-block: 2px;
    padding-inline: 20px
}

.p-flier-condition__header-txt {
    color: #fff;
    font-size: max(1rem, 18 * var(--px-vw-1920));
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.2627777778;
    text-align: center
}

.p-flier-condition__footer {
    background-color: #99702a;
    padding-block: calc(var(--px-vw)*18);
    padding-inline: 20px
}

.p-flier-condition__footer-txt {
    display: flex;
    margin-inline: auto;
    width: 100%
}

.p-flier-condition__row {
    display: flex;
    flex-direction: column;
    gap: calc(var(--px-vw)*38);
    margin-inline: auto
}

.p-flier-condition__col {
    counter-increment: c-counter;
    position: relative;
    width: 100%
}

.p-flier-condition__col:first-child:before {
    display: none
}

.p-flier-condition__col:before {
    background-image: linear-gradient(90deg, #99702a 0, #99702a 6px, transparent 0);
    background-position: -3px 0;
    background-repeat: repeat-x;
    background-size: 9px 100%;
    content: "";
    height: 2.8346px;
    left: 0;
    position: absolute;
    top: calc(var(--px-vw)*-18);
    width: 100%
}

.p-flier-condition__title {
    display: flex;
    position: relative;
    width: 100%
}

.p-flier-condition__register {
    display: flex;
    align-items: center;
}

.p-flier-condition__register-button {
    --y-offset: 5.7465px;
    --shadow-color: #c1c1c1;
    display: block;
    position: relative;
    z-index: 0
}

.p-flier-condition__register-button:after {
    background-color: var(--shadow-color);
    border-radius: calc(var(--px-vw-1920)*10);
    content: "";
    inset: 0;
    position: absolute;
    transform: translateY(var(--y-offset));
    transition: inherit;
    z-index: -1
}

.p-flier-condition__register-qr {
    display: none;
    flex-shrink: 0;
    position: relative;
    top: 3px;
    width: 114px;
}

.p-flier-condition__register-about {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 16px;
    padding-right: 8px
}

.p-flier-condition__register-about-logo {
    flex-shrink: 0;
    width: calc(var(--px-vw)*70)
}

.p-flier-condition__register-about-detail {
    border-bottom: 1px solid #99702a;
    border-top: 1px solid #99702a;
    padding-block: calc(var(--px-vw)*10)
}

.p-flier-condition__register-about-txt {
    color: #99702a;
    font-size: max(1rem, 13 * var(--px-vw-1920));
    font-weight: 500;
    line-height: 1.3;
    text-align: center
}

.p-flier-condition__register-about-nav {
    color: #0046ff;
    display: inline-flex;
    font-size: max(1rem, 12 * var(--px-vw-1920));
    font-weight: 400;
    position: relative;
    text-decoration: underline;
    text-underline-offset: 3px
}

.p-flier-condition__register-about-nav:after {
    content: "▶︎";
    position: absolute;
    right: -1em;
    top: 0
}

.p-flier-condition__entry-button {
    --y-offset: 5.7465px;
    --shadow-color: #c1c1c1;
    display: block;
    max-width: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

.p-flier-condition__entry-button:after {
    background-color: var(--shadow-color);
    border-radius: calc(var(--px-vw-1920)*10);
    content: "";
    inset: 0;
    position: absolute;
    transform: translateY(var(--y-offset));
    transition: inherit;
    z-index: -1
}

.p-flier-condition__entry-qr {
    width: 84px
}

.p-flier-condition__entry-about {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center
}

.p-flier-condition__entry-about-logo {
    width: 52.5717px
}

.p-flier-condition__entry-about-txt {
    color: #99702a;
    font-size: max(1rem, 13 * var(--px-vw-1920));
    font-weight: 500;
    letter-spacing: .08em;
    line-height: 1.2307692308
}

.p-flier-condition__entry-about-nav {
    color: #0046ff;
    font-size: max(1rem, 12 * var(--px-vw-1920));
    font-weight: 400;
    letter-spacing: .08em;
    line-height: 1.3333333333;
    position: relative;
    text-decoration: underline;
    text-underline-offset: 2px
}

.p-flier-condition__entry-about-nav:after {
    content: "▶︎";
    position: absolute;
    right: -1em;
    top: 0
}

.p-flier-condition__entry .p-flier__note {
    margin-top: calc(var(--px-vw)*10)
}

.p-flier-condition__during {
    position: relative
}

.p-flier-condition__during-icon,
.p-flier-condition__during-nav,
.p-flier-condition__during-txt {
    display: flex;
    width: 100%
}

.p-flier-condition.--01 {
    margin-top: 21px
}

.p-flier-condition.--01 .p-flier-condition__mainboard {
    padding-block: calc(var(--px-vw)*19) calc(var(--px-vw)*16)
}

.p-flier-condition.--01 .p-flier-condition__row {
    padding-inline: calc(var(--px-vw)*12)
}

.p-flier-condition.--01 .p-flier-condition__col:first-child .p-flier-condition__title {
    width: calc(var(--px-vw)*237)
}

.p-flier-condition.--01 .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
    width: calc(var(--px-vw)*204)
}

.p-flier-condition.--01 .p-flier-condition__register {
    margin-top: 9px
}

.p-flier-condition.--01 .p-flier-condition__during {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 16px
}

.p-flier-condition.--01 .p-flier-condition__during-icon {
    margin-top: calc(var(--px-vw)*7);
    margin-inline: auto;
    position: relative;
    right: 8px;
    width: calc(var(--px-vw)*110)
}

.p-flier-condition.--01 .p-flier-condition__during-nav {
    margin-top: calc(var(--px-vw)*9);
    margin-inline: auto;
    max-width: calc(var(--px-vw)*204)
}

.p-flier-condition.--02 {
    margin-top: calc(var(--px-vw)*26)
}

.p-flier-condition.--02 .p-flier-condition__row {
    padding-block: calc(var(--px-vw)*20) calc(var(--px-vw)*16);
    padding-inline: calc(var(--px-vw)*13)
}

.p-flier-condition.--02 .p-flier-condition__col:first-child .p-flier-condition__title {
    max-width: calc(var(--px-vw)*236)
}

.p-flier-condition.--02 .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
    max-width: calc(var(--px-vw)*123)
}

.p-flier-condition.--02 .p-flier-condition__col:nth-child(3) .p-flier-condition__title {
    max-width: calc(var(--px-vw)*212)
}

.p-flier-condition.--02 .p-flier-condition__register {
    gap: 20px 5px;
    margin-top: 10px
}

.p-flier-condition.--02 .p-flier-condition__during {
    margin-top: calc(var(--px-vw)*15);
    padding-left: 6px
}

.p-flier-condition.--02 .p-flier-condition__during-icon {
    left: -11px;
    margin-top: 8px;
    margin-inline: auto;
    max-width: calc(var(--px-vw)*140);
    position: relative
}

.p-flier-condition.--02 .p-flier-condition__during .p-flier__note {
    margin-top: 10px
}

.p-flier-condition.--02 .p-flier-condition__entry {
    margin-top: 9px
}

.p-flier-condition.--02 .p-flier-condition__entry .p-flier__note {
    margin-right: -10px
}

.p-flier-condition.--03 {
    margin-top: calc(var(--px-vw)*36)
}

.p-flier-condition.--03 .p-flier-condition__header {
    min-height: calc(var(--px-vw)*30)
}

.p-flier-condition.--03 .p-flier-condition__mainboard {
    padding-block: 23px 18px;
    padding-inline: calc(var(--px-vw)*18)
}

.p-flier-condition.--03 .p-flier-condition__footer-txt {
    max-width: calc(var(--px-vw)*234)
}

.p-flier-condition.--03 .p-flier-condition__col:first-child {
    padding-inline: 7px 8px
}

.p-flier-condition.--03 .p-flier-condition__col:first-child .p-flier-condition__title {
    max-width: calc(var(--px-vw)*236)
}

.p-flier-condition.--03 .p-flier-condition__col:nth-child(2) {
    padding-inline: 7px 8px
}

.p-flier-condition.--03 .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
    max-width: calc(var(--px-vw)*123)
}

.p-flier-condition.--03 .p-flier-condition__col:nth-child(3) {
    padding-inline: 7px 8px
}

.p-flier-condition.--03 .p-flier-condition__col:nth-child(3) .p-flier-condition__title {
    max-width: calc(var(--px-vw)*199)
}

.p-flier-condition.--03 .p-flier-condition__register {
    margin-top: 5px
}

.p-flier-condition.--03 .p-flier-condition__entry {
    margin-top: 8px
}

.p-flier-condition.--03 .p-flier-condition__entry .p-flier__note {
    margin-right: -1em
}

.p-flier-condition.--03 .p-flier-condition__during {
    margin-top: calc(var(--px-vw)*13);
    padding-left: calc(var(--px-vw)*7)
}

.p-flier-condition.--03 .p-flier-condition__during-txt {
    padding-right: 7px
}

.p-flier-condition.--03 .p-flier-condition__during-icon {
    margin-top: calc(var(--px-vw)*9);
    margin-inline: auto;
    position: relative;
    right: 14px;
    width: calc(var(--px-vw)*109)
}

.p-flier-condition.--03 .p-flier-condition__during .p-flier__note {
    margin-top: 15px
}

.p-flier-eligible {
    margin-inline: auto;
    max-width: 837.6939px;
    position: relative;
    width: 100%
}

.p-flier-eligible__title {
    background-color: #e50012;
    border-radius: 99px;
    color: #fff;
    font-size: calc(var(--px-vw)*16);
    font-weight: 700;
    letter-spacing: .04em;
    padding-block: calc(var(--px-vw)*6);
    padding-inline: 20px;
    text-align: center
}

.p-flier-eligible__lists {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    font-size: calc(var(--px-vw)*15.5);
    font-weight: 400;
    gap: 0 10px;
    line-height: 1.5;
    list-style-type: none;
    margin-top: 6px
}

.p-flier-eligible__lists ul {
    list-style-type: none
}

.p-flier-eligible__lists ul>li {
    padding-left: 1.5em;
    position: relative
}

.p-flier-eligible__lists ul>li:before {
    content: "●";
    left: 0;
    position: absolute;
    top: 0
}

.p-flier {
    background-color: #e50012;
    overflow: hidden;
    position: relative
}

.p-flier img {
    display: block;
    width: 100%
}

.p-flier-topper {
    left: 0;
    position: absolute;
    top: calc(var(--px-vw-1920)*10);
    width: 100%;
    z-index: 10
}

.p-flier-topper__brand,
.p-flier-topper__logo {
    position: absolute;
    top: 0
}

.p-flier-topper__logo {
    left: calc(var(--px-vw-1920)*11);
    width: calc(var(--px-vw-1920)*161)
}

.p-flier-topper__brand {
    right: calc(var(--px-vw-1920)*12);
    top: 6px;
    width: calc(var(--px-vw-1920)*113)
}

.p-flier-gift {
    position: relative;
    z-index: 0
}

.p-flier-gift.is-show .p-flier-gift__decorate {
    opacity: 1;
    transform: translate(0) scale(1) rotate(0deg);
    transition-delay: .8s
}

.p-flier-gift.is-show .p-flier-gift__content {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transition-delay: .5s
}

.p-flier-gift.is-show .p-flier-gift__car,
.p-flier-gift.is-show .p-flier-gift__toy {
    opacity: 1;
    transform: translate(0) scale(1) rotate(0deg);
    transition-delay: .5s
}

.p-flier-gift.is-show .p-flier-gift__box {
    animation: kf_box .4s ease 0s 1 both
}

.p-flier-gift__confetti {
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.p-flier-gift__confetti .confetti {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    will-change: transform, opacity;
    z-index: 1
}

.p-flier-gift__confetti .confetti.rect {
    border-radius: 2px;
    height: 14px;
    width: 6px
}

.p-flier-gift__confetti .confetti.square {
    height: 6px;
    width: 6px
}

.p-flier-gift__confetti .confetti.circle {
    border-radius: 50%;
    height: 6px;
    width: 6px
}

.p-flier-gift__confetti .confetti.ribbon {
    border-radius: 50%;
    height: 18px;
    width: 6px
}

.p-flier-gift__inner {
    padding-bottom: calc(var(--px-vw-1920)*46);
    padding-top: calc(var(--px-vw-1920)*30);
    width: 100%
}

.p-flier-gift__wrap {
    aspect-ratio: 1.2417218543;
    margin-inline: auto;
    position: relative;
    width: 100%
}

.p-flier-gift__box {
    bottom: 0;
    left: calc(50% - 3px);
    position: absolute;
    transform-origin: bottom center;
    transition: .8s cubic-bezier(.34, 1.56, .64, 1);
    translate: -50% 0;
    width: calc(var(--px-vw-1920)*154)
}

.p-flier-gift__mainboard {
    inset: 0;
    position: absolute
}

.p-flier-gift__car {
    left: -3px;
    top: calc(var(--px-vw-1920)*133);
    transform: translate(50%, 50%) scale(.2) rotate(-7deg);
    width: calc(var(--px-vw-1920)*138)
}

.p-flier-gift__car,
.p-flier-gift__toy {
    opacity: 0;
    position: absolute;
    transition: .8s cubic-bezier(.34, 1.56, .64, 1)
}

.p-flier-gift__toy {
    right: calc(var(--px-vw-1920)*-10);
    top: calc(var(--px-vw-1920)*92);
    transform: translate(-50%, 50%) scale(.2) rotate(-7deg);
    width: calc(var(--px-vw-1920)*160)
}

.p-flier-gift__content {
    left: calc(50% - 5px);
    top: calc(var(--px-vw-1920)*35);
    transform: scale(.2) rotate(-7deg);
    transform-origin: bottom center;
    translate: -50% 0;
    width: calc(var(--px-vw-1920)*257)
}

.p-flier-gift__content,
.p-flier-gift__decorate {
    opacity: 0;
    position: absolute;
    transition: .8s cubic-bezier(.34, 1.56, .64, 1)
}

.p-flier-gift__decorate {
    left: 3px;
    top: 1px;
    transform: translateY(50%) scale(.2) rotate(-7deg);
    width: calc(var(--px-vw-1920)*362)
}

.p-flier-benefit {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px calc(var(--px-vw-1920)*24);
    margin-top: calc(var(--px-vw-1920)*-43);
    position: relative
}

.p-flier-benefit__card {
    --tag-left: 100%;
    --tag-translate: -78% -18%;
    --shine-delay: 0s;
    position: relative;
    width: calc(var(--px-vw-1920)*317)
}

.p-flier-benefit__card:nth-child(2) {
    --tag-translate: -78% -3%;
    --shine-delay: 0.5s
}

.p-flier-benefit__card-shine {
    border-radius: calc(var(--px-vw-1920)*10);
    inset: 0;
    overflow: hidden;
    position: absolute
}

.p-flier-benefit__card-shine:after,
.p-flier-benefit__card-shine:before {
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .15) 25%, hsla(0, 0%, 100%, .8) 50%, hsla(0, 0%, 100%, .18) 75%, transparent);
    bottom: -35%;
    content: "";
    filter: blur(1px);
    mix-blend-mode: screen;
    opacity: 0;
    position: absolute;
    right: -30%;
    top: -35%;
    transform: skewX(-22deg)
}

.p-flier-benefit__card-shine:before {
    animation: kf_shine 3s cubic-bezier(.2, .75, .2, 1) var(--shine-delay) infinite both;
    width: 36%
}

.p-flier-benefit__card-shine:after {
    animation: kf_shine2 3s cubic-bezier(.2, .75, .2, 1) var(--shine-delay) infinite both;
    width: 10%
}

.p-flier-benefit__card-tag {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .8));
    left: var(--tag-left);
    position: absolute;
    top: 0;
    translate: var(--tag-translate);
    width: calc(var(--px-vw-1920)*44);
    z-index: 2
}

.p-flier-benefit__more {
    left: calc(48% + 2px);
    position: absolute;
    top: 52%;
    translate: -50% -50%;
    width: calc(var(--px-vw-1920)*95)
}

.p-flier-label {
    display: flex;
    gap: calc(var(--px-vw-1920)*10);
    justify-content: center;
    margin-top: calc(var(--px-vw-1920)*5);
    padding-left: calc(var(--px-vw-1920)*9);
    padding-right: calc(var(--px-vw-1920)*14)
}

.p-flier-label__card {
    align-items: center;
    display: flex;
    gap: 4px
}

.p-flier-label__card:nth-child(2) .p-flier-label__card-txt {
    width: calc(var(--px-vw-1920)*113)
}

.p-flier-label__card-tag {
    position: relative;
    top: 2px;
    width: calc(var(--px-vw-1920)*40)
}

.p-flier-label__card-txt {
    width: calc(var(--px-vw-1920)*111)
}

.p-flier-label__note {
    margin-top: calc(var(--px-vw-1920)*11);
    margin-inline: auto;
    width: calc(var(--px-vw-1920)*326)
}

.p-flier-campain {
    display: flex;
    gap: calc(var(--px-vw-1920)*6);
    justify-content: center;
    margin-top: calc(var(--px-vw-1920)*29);
    padding-right: 2px
}

.p-flier-campain__card {
    position: relative;
    width: calc(var(--px-vw-1920)*150);
    z-index: 0
}

.p-flier-campain__card:after {
    background-color: #a67307;
    border-radius: calc(var(--px-vw-1920)*10);
    content: "";
    inset: 0;
    position: absolute;
    transform: translateY(6.25px);
    transition: inherit;
    z-index: -1
}

.p-flier-campain__card-tag {
    filter: drop-shadow(1.5px 1.5px 1.5px rgba(0, 0, 0, .8));
    left: 100%;
    position: absolute;
    top: 0;
    translate: -89% -16%;
    width: calc(var(--px-vw-1920)*39)
}

.p-flier-campain.--fixed {
    bottom: 0;
    left: 0;
    opacity: 0;
    padding-block: 20px;
    position: fixed;
    transition: .3s ease;
    translate: 0 200%;
    width: 100%;
    z-index: 10
}

.p-flier-campain.--fixed:after {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    translate: -50% 0;
    width: min(1200 * 100vw/1200, 1200px);
    z-index: -1
}

.p-flier-campain.--fixed .p-flier-campain__card {
    width: calc(var(--px-vw-1920)*124)
}

#campain-fixed.is-open .p-flier-campain {
    opacity: 1;
    translate: none
}

@keyframes kf_shine {
    0% {
        opacity: 0;
        right: -30%
    }

    25%,
    60% {
        opacity: .95
    }

    60%,
    to {
        opacity: 0;
        right: 112%
    }
}

@keyframes kf_shine2 {

    0%,
    10% {
        opacity: 0;
        right: -30%
    }

    25%,
    60% {
        opacity: .95
    }

    60%,
    to {
        opacity: 0;
        right: 112%
    }
}

@keyframes kf_box {
    0% {
        transform: scaleY(1)
    }

    50% {
        transform: scaleY(.9)
    }

    to {
        transform: scaleY(1)
    }
}

.p-flier-point {
    left: -2px;
    margin-top: calc(var(--px-vw)*32);
    position: relative
}

.p-flier-point__title {
    background-image: linear-gradient(90deg, #00428d 0, #0065b3 50%, #004ea2);
    color: #fff;
    font-size: calc(var(--px-vw)*14.61);
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.3875;
    padding-block: calc(var(--px-vw)*19) calc(var(--px-vw)*14);
    padding-inline: 20px 17px;
    text-align: center
}

.p-flier-point__table {
    font-size: max(1rem, 14 * var(--px-vw-1920));
    font-weight: 400;
    line-height: 1.2;
    margin-top: calc(var(--px-vw)*7);
    width: 100%
}

.p-flier-point__table table {
    border-collapse: collapse;
    width: calc(var(--px-vw)*786)
}

.p-flier-point__table thead tr {
    background-color: #717071
}

.p-flier-point__table thead th {
    border-left: 1.2px solid #717071;
    color: #fff;
    font-weight: 700;
    letter-spacing: .05em;
    padding-block: 4px;
    padding-inline: 10px
}

.p-flier-point__table thead th:first-child {
    width: 216px
}

.p-flier-point__table thead th:nth-child(2) {
    width: 200px
}

.p-flier-point__table thead th:nth-child(3) {
    width: 380px
}

.p-flier-point__table thead th:nth-child(n+2) {
    border-left-color: #fff
}

.p-flier-point__table tbody td {
    border: 1.2px solid #3e3a39;
    padding-block: 3px 4px;
    padding-inline: 20px
}

.p-flier-point .p-flier__note {
    margin-top: calc(var(--px-vw)*35);
    width: 100%
}

.p-flier-term {
    background-color: #fff;
    margin-top: calc(var(--px-vw)*53)
}

.p-flier-term__inner {
    margin-inline: auto;
    max-width: 928px;
    padding-top: calc(var(--px-vw)*42);
    position: relative
}

.p-flier-term__title {
    align-items: center;
    background-color: #e50012;
    border-radius: 99px;
    color: #fff;
    display: flex;
    font-size: calc(var(--px-vw)*18);
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 1;
    padding-block: calc(var(--px-vw)*10) calc(var(--px-vw)*13);
    padding-inline: 20px;
    text-align: center
}

.p-flier-term__regard {
    margin-top: calc(var(--px-vw)*22);
    padding-block: 10px;
    padding-inline: 11px 10px
}

.p-flier-term__regard:last-child {
    border-top: 1px solid #a0a0a0;
    padding-block: calc(var(--px-vw)*22) calc(var(--px-vw)*22)
}

.p-flier-term__regard+.p-flier-term__regard {
    margin-top: calc(var(--px-vw)*6)
}

.p-flier-term__regard-title {
    background-color: #ddd;
    font-size: calc(var(--px-vw)*13);
    font-weight: 500;
    line-height: 1.3846153846;
    margin-bottom: calc(var(--px-vw)*10);
    padding-block: 1px;
    padding-inline: 4px
}

.p-flier-term__regard-sub-title {
    font-size: calc(var(--px-vw)*12);
    line-height: 1.25;
    margin-bottom: calc(var(--px-vw)*10);
    margin-top: calc(var(--px-vw)*36)
}

.p-flier-term__regard-note {
    font-size: max(1rem, 12 * var(--px-vw-1920));
    line-height: 1.43;
    list-style-type: none
}

.p-flier-term__regard-note>li {
    padding-left: 1em;
    position: relative
}

.p-flier-term__regard-note>li:before {
    content: "※";
    left: 0;
    position: absolute;
    top: 0
}

.p-flier-term__regard-note>li+li {
    margin-top: calc(var(--px-vw)*10.5)
}

.p-flier-term__regard-note>li.none {
    padding-left: 0
}

.p-flier-term__regard-note>li.none:before {
    display: none
}

.p-flier-term__regard-note a {
    text-decoration: underline;
    text-underline-offset: 1px
}

.p-flier-timer-invalid {
    display: none
}

#p-flier-timer-01 {
    margin-top: calc(var(--px-vw)*9)
}

#p-flier-timer-01 .p-flier-timer-invalid .p-flier-timer-01__banner {
    display: flex;
    margin-inline: auto;
    max-width: calc(var(--px-vw)*268);
    position: relative;
    width: 100%
}

#p-flier-timer-02 .p-flier-timer-invalid {
    padding-left: 4px;
    padding-top: calc(var(--px-vw)*7)
}

#p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__row {
    width: 100%
}

#p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__col:first-child {
    display: none
}

#p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
    max-width: calc(var(--px-vw)*164)
}

#p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__col:before {
    display: none
}

#p-flier-timer-03 .p-flier-timer-invalid .p-flier-timer-03__banner {
    display: flex;
    margin-inline: auto;
    max-width: calc(var(--px-vw)*268);
    position: relative;
    width: 100%
}

#p-flier-timer-04.is-invalid {
    margin-bottom: -17px
}

#p-flier-timer-04 .p-flier-timer-invalid {
    margin-top: calc(var(--px-vw)*20)
}

#p-flier-timer-04 .p-flier-timer-invalid .p-flier-timer-04__banner {
    display: flex;
    margin-inline: auto;
    max-width: calc(var(--px-vw)*268);
    position: relative;
    width: 100%
}

#p-flier-timer-04 .p-flier-timer-invalid .p-flier-timer-04__txt {
    display: flex;
    margin-top: calc(var(--px-vw)*12);
    margin-inline: auto;
    max-width: calc(var(--px-vw)*220);
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .p-flier-accordion__wrap {
        left: 2px;
        margin-top: 47px;
        position: relative
    }

    .p-flier-accordion__header {
        cursor: pointer;
        transition: .3s ease
    }

    .p-flier-accordion__header:hover {
        opacity: .8
    }

    .p-flier-accordion__header-icon {
        right: min(20 * 100vw/1200, 20px);
        width: min(28 * 100vw/1200, 28px)
    }

    .p-flier-accordion__header-icon:after,
    .p-flier-accordion__header-icon:before {
        height: 2px;
        width: min(18 * 100vw/1200, 18px)
    }

    .p-flier-accordion__lead {
        margin-top: 16px;
        max-width: min(716 * 100vw/1200, 716px)
    }

    .p-flier-accordion__table {
        font-size: 1.4rem;
        margin-top: 0
    }

    .p-flier-accordion__table table {
        width: calc(100% - 3px)
    }

    .p-flier-accordion__table thead th {
        font-size: max(1.4rem, 14 * var(--px-vw-1920));
        height: 27px
    }

    .p-flier-accordion__table thead th:first-child {
        width: 207px
    }

    .p-flier-accordion__table thead th:nth-child(2) {
        width: 185px
    }

    .p-flier-accordion__table thead th:nth-child(3) {
        width: 480px
    }

    .p-flier-accordion__table tbody td {
        height: 38px;
        padding-left: 13px
    }

    .p-flier-accordion__table tbody td:nth-child(2) {
        padding-left: 20px
    }

    .p-flier-accordion__discounts {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
        max-width: 100%;
        padding-block: 23px
    }

    .p-flier-accordion__discounts-col {
        max-width: calc(33.33% - 6.66667px)
    }

    .p-flier-accordion__discounts-col:first-child {
        padding-top: 19px;
        width: 240px
    }

    .p-flier-accordion__discounts-col:nth-child(2) {
        left: -4px;
        width: 293px
    }

    .p-flier-accordion__discounts-col:nth-child(3) {
        width: 288px
    }

    .p-flier-accordion__discounts-title {
        left: 0;
        max-width: 235.71px
    }

    .p-flier-accordion__discounts-txt {
        margin-top: 23px;
        margin-inline: 4px 0;
        max-width: 226px
    }

    .p-flier-accordion__info {
        flex-direction: row;
        gap: 27px
    }

    .p-flier-accordion__info-table {
        font-size: max(1.2rem, 14.51 * var(--px-vw-1920))
    }

    .p-flier-accordion__info-table th {
        padding-left: 10px;
        width: 131px
    }

    .p-flier-accordion__info-table td {
        height: 60px;
        padding-block: 8px 9px;
        padding-inline: 20px 0
    }

    .p-flier-accordion__info-table small {
        font-size: max(1rem, 13.3 * var(--px-vw-1920));
        margin-top: 3px
    }

    .p-flier-accordion__info-table ul {
        margin-top: 8px
    }

    .p-flier-accordion.--01 .p-flier-accordion__mainboard {
        padding-block: 16px 37px;
        padding-inline: min(62 * 100vw/1200, 62px)
    }

    .p-flier-accordion.--01 .p-flier-accordion__offer {
        left: -19px;
        max-width: min(694 * 100vw/1200, 694px)
    }

    .p-flier-accordion.--01 .p-flier-accordion__table {
        margin-top: 8px
    }

    .p-flier-accordion.--01 .p-flier-accordion__table-title {
        margin-top: min(28 * 100vw/1200, 28px);
        max-width: min(604 * 100vw/1200, 604px)
    }

    .p-flier-accordion.--01 .p-flier-accordion__note {
        left: 4px;
        margin-top: min(26 * 100vw/1200, 26px);
        padding-inline: 0
    }

    .p-flier-accordion.--01 .p-flier__note {
        margin-top: min(24 * 100vw/1200, 24px)
    }

    .p-flier-accordion.--02 {
        margin-top: 24px
    }

    .p-flier-accordion.--02 .p-flier-accordion__mainboard {
        padding-block: 16px 30px;
        padding-inline: min(43 * 100vw/1200, 43px) min(41 * 100vw/1200, 41px)
    }

    .p-flier-accordion.--02 .p-flier__note {
        left: 0;
        margin-top: 6px;
        margin-inline: auto;
        max-width: -moz-max-content;
        max-width: max-content
    }

    .p-flier-accordion.--03 {
        margin-top: 32px
    }

    .p-flier-accordion.--03 .p-flier-accordion__mainboard {
        padding-block: 29px 31px;
        padding-inline: min(37 * 100vw/1200, 37px)
    }

    .p-flier-bonus {
        left: 0
    }

    .p-flier-bonus__badge {
        left: 25px;
        width: min(150 * 100vw/1200, 150px)
    }

    .p-flier-bonus__info {
        font-size: max(1.2rem, 14 * var(--px-vw-1920));
        left: 67px;
        line-height: 2;
        margin-top: 16px;
        max-width: 594px
    }

    .p-flier-bonus__info-txt {
        letter-spacing: .04em;
        margin-top: 0
    }

    .p-flier-bonus.--01 {
        margin-top: min(17 * 100vw/1200, 17px);
        padding-block: min(33 * 100vw/1200, 33px) min(44 * 100vw/1200, 44px);
        padding-inline: min(50 * 100vw/1200, 50px)
    }

    .p-flier-bonus.--01 .p-flier-bonus {
        border-radius: 15px;
        padding-block: 20px;
        padding-inline: 50px
    }

    .p-flier-bonus.--01 .p-flier-bonus__intro {
        left: min(28 * 100vw/1200, 28px);
        max-width: min(390 * 100vw/1200, 390px)
    }

    .p-flier-bonus.--01 .p-flier-bonus__banner {
        left: min(17 * 100vw/1200, 17px);
        margin-top: max(-10 * 100vw/1200, -10px);
        max-width: min(903 * 100vw/1200, 903px);
        width: 100%
    }

    .p-flier-bonus.--01 .p-flier-bonus__banner .p-flier-shine {
        height: 100%;
        top: 0
    }

    .p-flier-bonus.--01 .p-flier-bonus__period {
        left: min(27 * 100vw/1200, 27px);
        margin-top: max(-37 * 100vw/1200, -37px);
        max-width: min(527 * 100vw/1200, 527px)
    }

    .p-flier-bonus.--02 {
        margin-top: 60px;
        padding-block: min(32 * 100vw/1200, 32px) min(22 * 100vw/1200, 22px);
        padding-inline: min(50 * 100vw/1200, 50px)
    }

    .p-flier-bonus.--02 .p-flier-bonus {
        padding-block: 20px;
        padding-inline: 50px
    }

    .p-flier-bonus.--02 .p-flier-bonus__intro {
        left: min(33 * 100vw/1200, 33px);
        max-width: min(374 * 100vw/1200, 374px)
    }

    .p-flier-bonus.--02 .p-flier-bonus__banner {
        left: min(18 * 100vw/1200, 18px);
        margin-top: -10px;
        width: min(903 * 100vw/1200, 903px)
    }

    .p-flier-bonus.--02 .p-flier-bonus__banner .p-flier-shine {
        height: 100%;
        top: 0
    }

    .p-flier-bonus.--02 .p-flier-bonus__period {
        left: min(14 * 100vw/1200, 14px);
        margin-top: -38px;
        width: min(500 * 100vw/1200, 500px)
    }

    .p-flier-camp__header {
        min-height: min(80 * 100vw/1200, 80px);
        padding-left: 14px;
        padding-top: min(7 * 100vw/1200, 7px)
    }

    .p-flier-camp__header-badge {
        right: max(-27 * 100vw/1200, -27px);
        top: max(-22 * 100vw/1200, -22px);
        width: min(122 * 100vw/1200, 122px)
    }

    .p-flier-camp__header-txt {
        width: min(269 * 100vw/1200, 269px)
    }

    .p-flier-camp__lead {
        left: -9px;
        margin-top: min(54 * 100vw/1200, 54px);
        max-width: min(630 * 100vw/1200, 630px)
    }

    .p-flier-camp__more-arrow {
        left: -21px;
        margin-top: -5px;
        width: min(309 * 100vw/1200, 309px)
    }

    .p-flier-camp__more-banner {
        margin-top: 1px;
        margin-inline: 0 -41px
    }

    .p-flier-camp__more .p-flier__note {
        margin-top: 8px
    }

    .p-flier-camp.--01 {
        margin-top: min(60 * 100vw/1200, 60px)
    }

    .p-flier-camp.--01 .p-flier-camp__header-shape {
        bottom: 8px;
        left: calc(50% - min(334 * 100vw / 1200, 334px));
        width: min(170 * 100vw/1200, 170px)
    }

    .p-flier-camp.--01 .p-flier-camp__mainboard {
        padding-block: min(33 * 100vw/1200, 33px) min(40 * 100vw/1200, 40px);
        padding-inline: min(50 * 100vw/1200, 50px)
    }

    .p-flier-camp.--01 .p-flier-camp__intro {
        max-width: min(508 * 100vw/1200, 508px)
    }

    .p-flier-camp.--01 .p-flier-camp__photo {
        left: 9px;
        margin-top: 8px;
        max-width: min(1098 * 100vw/1200, 1098px);
        width: 100%
    }

    .p-flier-camp.--01 .p-flier-camp__photo .p-flier-shine {
        height: 100%;
        left: 0;
        top: 0;
        width: 100%
    }

    .p-flier-camp.--01 .p-flier-eligible {
        margin-top: 31px;
        padding-left: 40px
    }

    .p-flier-camp.--02 {
        margin-top: 90px
    }

    .p-flier-camp.--02 .p-flier-camp__header-shape {
        left: calc(50% - min(320 * 100vw / 1200, 320px));
        width: min(161 * 100vw/1200, 161px)
    }

    .p-flier-camp.--02 .p-flier-camp__mainboard {
        padding-block: min(50 * 100vw/1200, 50px) min(32 * 100vw/1200, 32px);
        padding-inline: min(50 * 100vw/1200, 50px)
    }

    .p-flier-camp.--02 .p-flier-camp__intro {
        left: -4px;
        max-width: min(385 * 100vw/1200, 385px)
    }

    .p-flier-camp.--02 .p-flier-camp__photo {
        left: -6px;
        margin-top: min(17 * 100vw/1200, 17px);
        max-width: min(1058 * 100vw/1200, 1058px)
    }

    .p-flier-camp.--02 .p-flier-camp__period {
        margin-top: min(27 * 100vw/1200, 27px);
        max-width: min(535 * 100vw/1200, 535px)
    }

    .p-flier-camp.--02 .p-flier-eligible {
        margin-top: 31px
    }

    .p-flier-camp.--02 .p-flier-eligible__lists {
        margin-right: -16px
    }

    .p-flier-camp.--02 .p-flier-eligible__lists-col:first-child {
        width: 340px
    }

    .p-flier-camp.--02 .p-flier-eligible__lists-col:nth-child(2) {
        width: 274px
    }

    .p-flier-camp.--02 .p-flier-eligible__lists-col:nth-child(3) {
        width: 212px
    }

    .p-flier-chance {
        margin-left: 0;
        margin-top: 40px;
        padding-block: 32px 47px
    }

    .p-flier-chance:before {
        width: calc(100% + min(100 * 100vw / 1200, 100px))
    }

    .p-flier-chance__title {
        left: -1px;
        max-width: 806px
    }

    .p-flier-chance__lists {
        flex-direction: row;
        gap: 21px;
        margin-top: 21px
    }

    .p-flier-chance__card {
        width: calc(33.33% - 14px)
    }

    .p-flier-chance .p-flier__note {
        margin-top: min(15 * 100vw/1200, 15px);
        margin-inline: auto
    }

    :root {
        --px-vw-1920: 0.05208vw
    }

    html {
        scroll-padding-top: min(140 * 100vw/1200, 140px)
    }

    .footer {
        padding-bottom: calc(20px + 4.6875vw)
    }

    .footer-inner {
        padding-right: 120px;
        padding-right: max(1rem, 120 * var(--px-vw-1920));
        padding-top: 20px
    }

    .footer-company img {
        width: 160px
    }

    .p-flier__note {
        font-size: max(1.2rem, 14 * var(--px-vw-1920));
        max-width: -moz-max-content;
        max-width: max-content
    }

    .p-flier__note>li {
        margin-right: 0
    }

    .idemitsu40th-pageTop {
        bottom: min(24 * 100vw/1200, 24px);
        min-width: 40px;
        right: 3.2856vw;
        width: 3.4375vw
    }

    .p-flier-condition {
        border-radius: 15px
    }

    .p-flier-condition__header {
        padding-block: 4px
    }

    .p-flier-condition__header-txt {
        font-size: max(1.8rem, 18 * var(--px-vw-1920))
    }

    .p-flier-condition__mainboard {
        overflow: auto
    }

    .p-flier-condition__footer {
        padding-block: 20px 18px
    }

    .p-flier-condition__row {
        flex-direction: row;
        gap: 0;
        width: 1000px
    }

    .p-flier-condition__col:before {
        background-image: linear-gradient(180deg, #99702a 0, #99702a 5px, transparent 0);
        background-position: 0 -3px;
        background-repeat: repeat-y;
        background-size: 100% 8.4px;
        height: calc(100% - 4px);
        left: -1px;
        top: -1px;
        width: 2.8346px
    }

    .p-flier-condition__register-button {
        opacity: 1;
        transition: transform .12s ease
    }

    .p-flier-condition__register-button:hover {
        opacity: 1;
        transform: translateY(var(--y-offset))
    }

    .p-flier-condition__register-button:hover:after {
        transform: translateY(0)
    }

    .p-flier-condition__register-button:after {
        border-radius: calc(var(--px-vw-1920)*20)
    }

    .p-flier-condition__register-qr {
        display: block
    }

    .p-flier-condition__register-about {
        gap: 16px;
        margin-top: 14px;
        padding-left: 5px;
        padding-right: 0
    }

    .p-flier-condition__register-about-logo {
        width: 57px
    }

    .p-flier-condition__register-about-detail {
        border: 0;
        padding-block: 0
    }

    .p-flier-condition__register-about-txt {
        font-size: 1.3rem;
        padding-top: min(6 * 100vw/1200, 6px);
        text-align: left
    }

    .p-flier-condition__register-about-nav {
        font-size: 1.2rem
    }

    .p-flier-condition__register-about-nav:hover {
        text-decoration: none
    }

    .p-flier-condition__entry-button {
        opacity: 1;
        transition: transform .12s ease;
        width: 368px
    }

    .p-flier-condition__entry-button:hover {
        opacity: 1;
        transform: translateY(var(--y-offset))
    }

    .p-flier-condition__entry-button:hover:after {
        transform: translateY(0)
    }

    .p-flier-condition__entry-button:after {
        border-radius: calc(var(--px-vw-1920)*20)
    }

    .p-flier-condition__entry-qr {
        width: 84px
    }

    .p-flier-condition__entry-about {
        gap: 10px
    }

    .p-flier-condition__entry-about-logo {
        width: 52.5717px
    }

    .p-flier-condition__entry-about-txt {
        font-size: max(1.3rem, 13 * var(--px-vw-1920))
    }

    .p-flier-condition__entry-about-nav {
        font-size: max(1.2rem, 12 * var(--px-vw-1920))
    }

    .p-flier-condition__entry-about-nav:hover {
        text-decoration: none
    }

    .p-flier-condition__entry .p-flier__note {
        margin-top: 10px
    }

    .p-flier-condition.--01 {
        margin-top: 21px
    }

    .p-flier-condition.--01 .p-flier-condition__mainboard {
        padding-block: 23px 20px
    }

    .p-flier-condition.--01 .p-flier-condition__row {
        padding-inline: 42px
    }

    .p-flier-condition.--01 .p-flier-condition__col:first-child .p-flier-condition__title {
        width: max(max(1rem, 369 * var(--px-vw-1920)), 280px)
    }

    .p-flier-condition.--01 .p-flier-condition__col:nth-child(2) {
        padding-left: 47px
    }

    .p-flier-condition.--01 .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
        width: max(max(1rem, 369 * var(--px-vw-1920)), 280px)
    }

    .p-flier-condition.--01 .p-flier-condition__register {
        margin-top: 4px;
        padding-left: 42px;
        position: relative
    }

    .p-flier-condition.--01 .p-flier-condition__register-button {
        width: 364px
    }

    .p-flier-condition.--01 .p-flier-condition__during {
        padding-left: 10px;
        padding-right: 131px;
        padding-top: 16px
    }

    .p-flier-condition.--01 .p-flier-condition__during-icon {
        margin-inline: 0;
        position: absolute;
        right: -1px;
        top: 17px;
        width: 123px
    }

    .p-flier-condition.--01 .p-flier-condition__during-nav {
        left: -2px;
        margin-top: 17px;
        margin-inline: 0;
        max-width: 204px;
        position: relative
    }

    .p-flier-condition.--02 {
        margin-top: 24px
    }

    .p-flier-condition.--02 .p-flier-condition__row {
        padding-block: 24px 13px;
        padding-inline: min(34 * 100vw/1200, 34px)
    }

    .p-flier-condition.--02 .p-flier-condition__col:first-child {
        padding-right: 16px;
        width: 363px
    }

    .p-flier-condition.--02 .p-flier-condition__col:first-child .p-flier-condition__title {
        margin-left: 8px;
        max-width: max(max(1rem, 265 * var(--px-vw-1920)), 240px)
    }

    .p-flier-condition.--02 .p-flier-condition__col:nth-child(2) {
        padding-inline: 27px 28px;
        width: 301px
    }

    .p-flier-condition.--02 .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
        max-width: max(max(1rem, 139 * var(--px-vw-1920)), 120px)
    }

    .p-flier-condition.--02 .p-flier-condition__col:nth-child(3) {
        padding-inline: 25px 4px;
        width: 268px
    }

    .p-flier-condition.--02 .p-flier-condition__col:nth-child(3) .p-flier-condition__title {
        max-width: max(max(1rem, 265 * var(--px-vw-1920)), 240px)
    }

    .p-flier-condition.--02 .p-flier-condition__register {
        gap: 20px 7px;
        margin-top: 10px
    }

    .p-flier-condition.--02 .p-flier-condition__during {
        margin-top: 13px;
        padding-left: 6px
    }

    .p-flier-condition.--02 .p-flier-condition__during-icon {
        left: 7px;
        margin-top: 19px;
        max-width: 108px
    }

    .p-flier-condition.--02 .p-flier-condition__during .p-flier__note {
        font-size: max(1.2rem, 12 * var(--px-vw-1920));
        margin-top: 3px;
        margin-inline: auto
    }

    .p-flier-condition.--02 .p-flier-condition__entry {
        left: 3px;
        margin-top: 12px;
        position: relative
    }

    .p-flier-condition.--02 .p-flier-condition__entry .p-flier__note {
        font-size: max(1.2rem, 12 * var(--px-vw-1920));
        margin-right: -21px;
        margin-top: min(18 * 100vw/1200, 18px)
    }

    .p-flier-condition.--03 {
        margin-top: 23px
    }

    .p-flier-condition.--03 .p-flier-condition__header {
        min-height: 1px
    }

    .p-flier-condition.--03 .p-flier-condition__header-txt {
        font-size: 2rem
    }

    .p-flier-condition.--03 .p-flier-condition__mainboard {
        padding-block: 27px 25px;
        padding-inline: 14px
    }

    .p-flier-condition.--03 .p-flier-condition__footer-txt {
        max-width: min(550 * 100vw/1200, 550px)
    }

    .p-flier-condition.--03 .p-flier-condition__row {
        width: 1024px
    }

    .p-flier-condition.--03 .p-flier-condition__col:first-child {
        padding-right: 16px;
        width: 376px
    }

    .p-flier-condition.--03 .p-flier-condition__col:first-child .p-flier-condition__title {
        max-width: max(max(1rem, 265 * var(--px-vw-1920)), 240px)
    }

    .p-flier-condition.--03 .p-flier-condition__col:nth-child(2) {
        padding-inline: 31px;
        width: 308px
    }

    .p-flier-condition.--03 .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
        max-width: max(max(1rem, 139 * var(--px-vw-1920)), 120px)
    }

    .p-flier-condition.--03 .p-flier-condition__col:nth-child(3) {
        padding-inline: min(27 * 100vw/1200, 27px) min(10 * 100vw/1200, 10px);
        width: 340px
    }

    .p-flier-condition.--03 .p-flier-condition__col:nth-child(3) .p-flier-condition__title {
        max-width: max(max(1rem, 306 * var(--px-vw-1920)), 270px)
    }

    .p-flier-condition.--03 .p-flier-condition__register {
        gap: 10px;
        margin-top: 4px;
        padding-left: 4px
    }

    .p-flier-condition.--03 .p-flier-condition__entry {
        left: -6px;
        margin-top: 7px;
        position: relative
    }

    .p-flier-condition.--03 .p-flier-condition__entry .p-flier__note {
        font-size: 1.2rem
    }

    .p-flier-condition.--03 .p-flier-condition__during {
        margin-top: min(27 * 100vw/1200, 27px);
        padding-left: min(10 * 100vw/1200, 10px)
    }

    .p-flier-condition.--03 .p-flier-condition__during-txt {
        padding-right: 197px
    }

    .p-flier-condition.--03 .p-flier-condition__during-icon {
        margin: 0;
        position: absolute;
        right: -4px;
        top: 0;
        translate: 0 -17%;
        width: min(164 * 100vw/1200, 164px)
    }

    .p-flier-condition.--03 .p-flier-condition__during .p-flier__note {
        font-size: max(1.2rem, 12 * var(--px-vw-1920));
        margin-top: min(34 * 100vw/1200, 34px);
        margin-inline: auto;
        max-width: -moz-max-content;
        max-width: max-content
    }

    .p-flier-eligible__title {
        font-size: max(1.6rem, 18 * var(--px-vw-1920));
        padding-block: 7px
    }

    .p-flier-eligible__lists {
        flex-direction: row;
        font-size: max(1.7rem, 17 * var(--px-vw-1920));
        justify-content: center;
        margin-top: 15px
    }

    .p-flier-topper {
        top: calc(var(--px-vw-1920)*33)
    }

    .p-flier-topper__logo {
        left: calc(var(--px-vw-1920)*38);
        width: calc(var(--px-vw-1920)*260)
    }

    .p-flier-topper__brand {
        right: 40px;
        top: 4px;
        width: calc(var(--px-vw-1920)*216)
    }

    .p-flier-gift__confetti .confetti.rect {
        height: 22px;
        width: 10px
    }

    .p-flier-gift__confetti .confetti.square {
        height: 13px;
        width: 13px
    }

    .p-flier-gift__confetti .confetti.circle {
        height: 12px;
        width: 12px
    }

    .p-flier-gift__confetti .confetti.ribbon {
        height: 28px;
        width: 8px
    }

    .p-flier-gift__inner {
        margin-inline: auto;
        max-width: calc(var(--px-vw-1920)*1240);
        padding-bottom: calc(var(--px-vw-1920)*27);
        padding-top: calc(var(--px-vw-1920)*27)
    }

    .p-flier-gift__wrap {
        aspect-ratio: 1.904109589;
        width: calc(var(--px-vw-1920)*1112)
    }

    .p-flier-gift__box {
        left: calc(50% - 3px);
        width: calc(var(--px-vw-1920)*339)
    }

    .p-flier-gift__car {
        left: calc(var(--px-vw-1920)*141);
        top: calc(var(--px-vw-1920)*214);
        width: calc(var(--px-vw-1920)*300)
    }

    .p-flier-gift__toy {
        right: calc(var(--px-vw-1920)*121);
        top: calc(var(--px-vw-1920)*125);
        width: calc(var(--px-vw-1920)*350)
    }

    .p-flier-gift__content {
        left: calc(49% + 4px);
        top: 0;
        width: calc(var(--px-vw-1920)*563)
    }

    .p-flier-gift__decorate {
        left: calc(var(--px-vw-1920)*-9);
        top: 4px;
        width: 100%
    }

    .p-flier-benefit {
        flex-direction: row;
        margin-top: calc(var(--px-vw-1920)*-91);
        padding-inline: calc(var(--px-vw-1920)*30)
    }

    .p-flier-benefit__card {
        width: calc(100% - 12px)
    }

    .p-flier-benefit__card:first-child {
        --tag-left: 0;
        --tag-translate: -27% -35%
    }

    .p-flier-benefit__card:nth-child(2) {
        --tag-translate: -77% -35%
    }

    .p-flier-benefit__card-shine {
        border-radius: calc(var(--px-vw-1920)*10)
    }

    .p-flier-benefit__card-tag {
        width: calc(var(--px-vw-1920)*80)
    }

    .p-flier-benefit__more {
        left: 50%;
        top: calc(50% - 4px);
        width: calc(var(--px-vw-1920)*120)
    }

    .p-flier-label {
        gap: calc(var(--px-vw-1920)*15);
        margin-top: calc(var(--px-vw-1920)*22);
        padding-left: 0;
        padding-right: calc(var(--px-vw-1920)*16)
    }

    .p-flier-label__card:nth-child(2) .p-flier-label__card-txt {
        width: calc(var(--px-vw-1920)*170)
    }

    .p-flier-label__card-tag {
        top: calc(var(--px-vw-1920)*3);
        width: calc(var(--px-vw-1920)*64)
    }

    .p-flier-label__card-txt {
        width: calc(var(--px-vw-1920)*166)
    }

    .p-flier-label__note {
        margin-top: calc(var(--px-vw-1920)*15);
        width: calc(var(--px-vw-1920)*489)
    }

    .p-flier-campain {
        gap: calc(var(--px-vw-1920)*46);
        margin-top: calc(var(--px-vw-1920)*44);
        padding-left: calc(var(--px-vw-1920)*8);
        padding-right: 0
    }

    .p-flier-campain__card {
        opacity: 1;
        transition: transform .12s ease;
        width: calc(var(--px-vw-1920)*368)
    }

    .p-flier-campain__card:hover {
        opacity: 1;
        transform: translateY(6.25px)
    }

    .p-flier-campain__card:hover:after {
        transform: translateY(0)
    }

    .p-flier-campain__card:after {
        border-radius: calc(var(--px-vw-1920)*20)
    }

    .p-flier-campain__card-tag {
        left: 0;
        translate: -45% -30%;
        width: calc(var(--px-vw-1920)*52)
    }

    .p-flier-campain.--fixed .p-flier-campain__card {
        width: calc(var(--px-vw-1920)*368)
    }

    .p-flier-point {
        left: 2px;
        margin-top: 33px
    }

    .p-flier-point__title {
        font-size: min(19 * 100vw/1200, 19px);
        line-height: 1.1684210526;
        padding-block: 11px 12px
    }

    .p-flier-point__table {
        font-size: max(1.6rem, 16 * var(--px-vw-1920));
        margin-top: 7px
    }

    .p-flier-point__table table {
        width: 100%
    }

    .p-flier-point__table thead th {
        height: 28px;
        padding-inline: 10px
    }

    .p-flier-point__table thead th:first-child {
        width: 300px
    }

    .p-flier-point__table thead th:nth-child(2) {
        width: 228px
    }

    .p-flier-point__table thead th:nth-child(3) {
        width: 572px
    }

    .p-flier-point__table tbody td {
        padding-block: 10px;
        padding-inline: 20px
    }

    .p-flier-point__table tbody td:nth-child(2) {
        padding-left: 4%
    }

    .p-flier-point .p-flier__note {
        margin-top: 10px
    }

    .p-flier-term {
        margin-top: 56px
    }

    .p-flier-term__inner {
        left: -4px;
        padding-bottom: 11px;
        padding-top: calc(var(--px-vw-1920)*46)
    }

    .p-flier-term__title {
        font-size: max(1.8rem, 18 * var(--px-vw-1920));
        padding-block: 10px 12px;
        padding-inline: 20px
    }

    .p-flier-term__regard {
        margin-top: 18px;
        padding-block: 10px;
        padding-inline: 8px 14px
    }

    .p-flier-term__regard:last-child {
        padding-block: 10px
    }

    .p-flier-term__regard+.p-flier-term__regard {
        margin-top: 6px
    }

    .p-flier-term__regard-title {
        font-size: max(1.3rem, 13 * var(--px-vw-1920));
        margin-bottom: 10px
    }

    .p-flier-term__regard-sub-title {
        margin-bottom: 0;
        margin-top: 18px
    }

    .p-flier-term__regard-note,
    .p-flier-term__regard-sub-title {
        font-size: max(1.2rem, 12 * var(--px-vw-1920))
    }

    .p-flier-term__regard-note>li+li {
        margin-top: 0
    }

    .p-flier-term__regard-note a:hover {
        text-decoration: none
    }

    #p-flier-timer-01 {
        margin-top: max(-40 * 100vw/1200, -40px)
    }

    #p-flier-timer-01 .p-flier-timer-invalid .p-flier-timer-01__banner {
        left: min(24 * 100vw/1200, 24px);
        max-width: min(500 * 100vw/1200, 500px)
    }

    #p-flier-timer-02 .p-flier-timer-invalid {
        padding-top: 4px
    }

    #p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__row {
        justify-content: center
    }

    #p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__col:nth-child(2) {
        padding-left: 0;
        width: 494px
    }

    #p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__col:nth-child(2) .p-flier-condition__title {
        margin-inline: auto;
        max-width: 320px
    }

    #p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__mainboard {
        padding-bottom: 26px
    }

    #p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__during {
        padding-right: 182px;
        padding-top: 23px
    }

    #p-flier-timer-02 .p-flier-timer-invalid .p-flier-condition__during-icon {
        right: 26px;
        top: 15px;
        width: 145px
    }

    #p-flier-timer-03.is-invalid {
        margin-top: -48px
    }

    #p-flier-timer-03 .p-flier-timer-invalid {
        margin-top: max(-37 * 100vw/1200, -37px)
    }

    #p-flier-timer-03 .p-flier-timer-invalid .p-flier-timer-03__banner {
        left: min(28 * 100vw/1200, 28px);
        max-width: min(500 * 100vw/1200, 500px)
    }

    #p-flier-timer-04.is-invalid {
        margin-bottom: -17px
    }

    #p-flier-timer-04 .p-flier-timer-invalid {
        margin-top: min(22 * 100vw/1200, 22px)
    }

    #p-flier-timer-04 .p-flier-timer-invalid .p-flier-timer-04__banner {
        left: min(2 * 100vw/1200, 2px);
        max-width: min(500 * 100vw/1200, 500px)
    }

    #p-flier-timer-04 .p-flier-timer-invalid .p-flier-timer-04__txt {
        margin-top: min(14 * 100vw/1200, 14px);
        max-width: min(243 * 100vw/1200, 243px)
    }
}

@media screen and (min-width:1200px) {
    .p-flier-accordion__lead {
        left: -7px
    }

    .p-flier-accordion__banner {
        left: -13px;
        margin-top: 14px;
        width: calc(100% + 12px)
    }

    .p-flier-accordion__info-col,
    .p-flier-condition.--01 .p-flier-condition__col {
        width: 50%
    }
}