/* Minification failed. Returning unminified contents.
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(188,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white100'
(200,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white100'
(201,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(214,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow100'
(217,28): run-time error CSS1039: Token not allowed after unary operator: '-color-yellow100'
(220,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(244,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy60'
(255,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(263,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(264,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white100'
(267,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white100'
(268,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(296,23): run-time error CSS1039: Token not allowed after unary operator: '-font-mono'
(300,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(301,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy40'
(317,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(346,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(347,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white100'
(348,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(356,28): run-time error CSS1039: Token not allowed after unary operator: '-color-white100'
(360,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy40'
(362,23): run-time error CSS1039: Token not allowed after unary operator: '-font-mono'
(367,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(373,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(377,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy60'
(378,28): run-time error CSS1039: Token not allowed after unary operator: '-color-black5'
(385,17): run-time error CSS1039: Token not allowed after unary operator: '-color-black20'
(451,22): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(458,28): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
(459,17): run-time error CSS1039: Token not allowed after unary operator: '-color-white100'
(464,17): run-time error CSS1039: Token not allowed after unary operator: '-color-navy100'
 */
/* reset -------------------------- */
html,
body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
dfn,
del,
p,
blockquote,
fieldset,
input,
textarea,
select,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
button,
canvas,
video {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
address,
caption,
cite,
code,
th,
dfn,
del {
    font-weight: normal;
    font-style: normal;
}

ul,
ol {
    list-style: none;
}

fieldset,
img {
    border: none;
}

caption,
th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
    cursor: pointer;
    line-height: normal;
}

button,
input {
    line-height: normal;
}

input[type="hidden"],
[hidden],
.hidden {
    display: none;
}

textarea {
    overflow: auto;
    resize: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
.clearfix {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

a > img {
    vertical-align: bottom;
}

strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

del {
    text-decoration: line-through;
}

:focus {
    outline: none;
}


/* common -------------------------- */
:root {
    --color-navy100: #002855;
    --color-navy80: rgba(0, 40, 85, .8);
    --color-navy60: rgba(0, 40, 85, .6);
    --color-navy40: rgba(0, 40, 85, .4);
    --color-navy20: rgba(0, 40, 85, .2);
    --color-navy0: rgba(0, 40, 85, .0);
    --color-yellow100: #F1C400;
    --color-white100: #FFF;
    --color-white80: rgba(255, 255, 255, .8);
    --color-white60: rgba(255, 255, 255, .6);
    --color-white40: rgba(255, 255, 255, .4);
    --color-white20: rgba(255, 255, 255, .2);
    --color-white10: rgba(255, 255, 255, .1);
    --color-black100: #000;
    --color-black80: rgba(0, 0, 0, .8);
    --color-black60: rgba(0, 0, 0, .6);
    --color-black40: rgba(0, 0, 0, .4);
    --color-black20: rgba(0, 0, 0, .2);
    --color-black5: rgba(0, 0, 0, .05);
    --color-purple100: #3A2359;

    --font-mono: "SF Mono", 'Roboto Mono', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans', 'Noto Sans CJK JP', monospace;

    --background-image-visual_rect_hor: url(../img/RalphLauren/visual_rect_hor.jpg);
    --background-image-visual_square: url(../img/RalphLauren/visual_square.jpg);
}
html {
    font-size: 62.5%;
    line-height: 0.1;
    /*overflow: auto;*/
    height: 100%;
}
body {
    font-family: sans-serif;
    font-weight: 300;
    text-align: center;
    color: var(--color-navy100);
    background-color: var(--color-white100);
    overflow: auto;
    height: 100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
}
h1 {
    text-align: center;
    color: var(--color-white100);
    background-color: var(--color-navy100);
    //background-image: url(../img/RalphLauren/polopony.svg);
    background-image:none;
    //background-blend-mode: exclusion;
    //background-repeat: no-repeat;
    background-size: 48px;
    background-position: center top;
    min-height: 96px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body.dev h1 {
    background-color: var(--color-yellow100);
}
body.stg h1 {
    background-color: var(--color-yellow100);
}
body.prd h1 {
    background-color: var(--color-navy100);
}
h1 p {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
}
h2, h3 {
    line-height: 1.28;
}
p {
    font-size: 1.4rem;
    line-height: 1.44;
}
main > p {
    text-align: left;
    margin: 16px;
}
p.center {
    text-align: center;
}
p.caption {
    font-size: 1.2rem;
    color: var(--color-navy60);
    text-align: left;
}
/* ボタン -------------------------- */
button {
    font-family: sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    width: calc(100% / 3 * 2);
    max-width: 320px;
    padding: 1.2rem 0.8rem;
    border: 1px solid var(--color-navy100);
}
@media all and (max-width: 321px) {
  button {
    max-width: 300px;
  }
}
button.main {
    background-color: var(--color-navy100);
    color: var(--color-white100);
}
button.sub {
    background-color: var(--color-white100);
    color: var(--color-navy100);
}
div.vertical {
    text-align: center;
}
div.vertical button {
    margin-top: 3.2rem;
}
div.horizontal {
    margin: 0 1.6rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
@media all and (max-width: 321px) {
  div.horizontal {
    margin: 0 .8rem;
  }
}
div.horizontal button {
    width: 128px;
}

/* フォーム -------------------------- */
input[type=text], 
input[type=tel], 
input[type=email], 
input[type=number] {
    font-family: var(--font-mono);
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1;
    color: var(--color-navy100);
    border: 1px solid var(--color-navy40);
    padding: 0.8rem;
    margin-top: 0.8rem;
    width: 100%;
    box-sizing: border-box;
}
input[type=radio],
input[type=checkbox] {
    display: none;
}
input[type=radio] + label,
input[type=radio] + input[type=hidden] + label,
input[type=checkbox] + label,
input[type=checkbox] + input[type=hidden] + label {
    display: inline-block;
    font-size: 1.6rem;
    color: var(--color-navy100);
    margin-top: 1.6rem;
    padding: 0.4rem 0.4rem 0.4rem 3.2rem;
}
input[type=radio] + label,
input[type=radio] + input[hidden] + label {
    background-image: url(../img/RalphLauren/radio_default.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
input[type=checkbox] + label,
input[type=checkbox] + input[type=hidden] + label {
    background-image: url(../img/RalphLauren/checkbox_default.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
input[type=radio]:checked + label,
input[type=radio]:checked + input[type=hidden] + label {
    background-image: url(../img/RalphLauren/radio_checked.svg);
}
input[type=checkbox]:checked + label,
input[type=checkbox]:checked + input[type=hidden] + label {
    background-image: url(../img/RalphLauren/checkbox_checked.svg);
}
input[type=button] {
    font-family: sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 1rem;
    border: 1px solid var(--color-navy100);
    background-color: var(--color-white100);
    color: var(--color-navy100);
    line-height: 1;
    box-sizing: border-box;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--color-white100);
    background-image: url(../img/RalphLauren/ic_expand.svg);
    background-repeat: no-repeat;
    background-position: right 8px center;
    border: 1px solid var(--color-navy40);
    border-radius: 0;
    font-family: var(--font-mono);
    font-size: 1.6rem;
    line-height: 1;
    padding: 0.8rem;
    padding-right: 4.8rem;
    color: var(--color-navy100);
    margin-top: 0.8rem;
}

input:focus, 
select:focus {
    border: 1px solid var(--color-navy100);
}
input:disabled, 
select:disabled {
    color: var(--color-navy60);
    background-color: var(--color-black5);
}
input:invalid, 
select:invalid {
    border: 1px solid #C00;
}
input::placeholder {
    color: var(--color-black20);
}
span.error {
    display: block;
    color: #C00;
    font-size: 1.2rem;
    margin-top: 8px;
}
h2.error {
    display: block;
    color: #C00;
    margin-top: 8px;
    margin-left: 1em;
    text-align: left;
}

/* parts -------------------------- */
.wrap-content{
    max-width: 980px;
    margin: auto;
    text-align: left;
}
.wrap-content  > .inner{
    padding: 20px;
}
.list-normal{
    margin-top:30px;
    list-style-type: disc;
    padding-left: 1em;
}
.list-normal li{
    margin-top: 10px;
    line-height: 1.6;
}
.txt{
    color: #474747;
    line-height: 1.8;
    font-size: 1.6rem;
}
.txt-err{
    margin-top: 10px;
    color: #E64848;
    line-height: 1.6;
    font-size: 1.4rem;
    text-indent: -1em;
    padding-left: 1em;
}

.wrap-form{
    margin-top: 20px;
}
.wrap-form .inner-form .inner{
    border-top: 1px solid #041E3A;
    padding: 20px;
}
.wrap-form dt{
    margin-top: 5px;
    font-weight: 600;
    line-height: 1.6;
}
.btn-wrap{
    margin-top: 20px;
}
.btn-wrap .btn-main{
    width: 100%;
    max-width: 100%;
    background: var(--color-navy100) url(../img/RalphLauren/ic_chevron2.svg) no-repeat center right 15px;
    color: #fff;
    line-height: 1.6;
    font-size: 2.0rem;
    font-weight: 600;
}
.btn-wrap .btn-main2 {
    background-color: var(--color-navy100);
    color: var(--color-white100);
}

.hdg-lv2{
    margin-top: 15px;
    color: var(--color-navy100);
    line-height: 1.6;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}
/*
.list-coupon{
    margin: 20px -20px 0;
    border-bottom: 1px solid var(--color-navy100);
}
.list-coupon li{
    border-top: 1px solid var(--color-navy100);
}
.list-coupon .wrap{
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
}
.list-coupon .wrap.disabled{
    background-color: rgba(0, 0, 0, .08);
}
.list-coupon .inner-img{
    width: 100px;
}
.list-coupon .inner-img img{
    width: 100%;
}
.list-coupon .inner-txt{
    width: calc(100% - 450px);
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}
.list-coupon .wrap-link{
    width: 350px;
    margin-top: -10px;
}

.list-coupon .wrap.ver-link .inner-txt{
    width: calc(100% - 100px);
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 0;
}
.list-coupon .wrap.ver-link .wrap-link{
    margin-top: 0;
    width: 100%;
}

.list-coupon .txt-date{
    color: #777777;
    font-size: 1.4rem;
    line-height: 1.6;
}
.list-coupon .txt-limit{
    color: #474747;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 600;
}
.list-coupon .txt-code{
    color: #474747;
    font-size: 1.4rem;
    line-height: 1.6;
    margin-top: 3px;
}
.list-coupon .txt-code span{
    font-size: 1.6rem;
}
.list-coupon .txt-status{
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1;
}
.list-coupon .txt-status span{
    display: inline-block;
    min-width: 100px;
    padding: 7px 0 5px;
    text-align: center;
    font-weight: 600;
    line-height: 1;
}
.list-coupon .txt-status.pt1 span{
    background-color: #63A3E6;
    color: #fff;
}
.list-coupon .txt-status.pt2 span{
    background-color: #47B164;
    color: #fff;
}
.list-coupon .txt-status.pt3 span{
    background-color: #fff;
    color: #AAAAAA;
}

.list-coupon .link{
    margin-top: 10px;
}
.list-coupon .link .txt{
    font-weight: 600;
    color: #041E3A;
    font-size: 1.4rem;
    line-height: 1.4;
    min-width: 6em;

}
.list-coupon .link .txt-attend{
    margin-left: 5px;
    color: #E64848;
    line-height: 1.2;
    font-size: 1.0rem;
    text-indent: -1em;
    padding-left: 1em;
}
.list-coupon .link a,
.list-coupon .link button{
    display: flex;
    align-items: center;
    border: #D3D3D3 2px solid;
    border-radius: 4px;
    padding: 12px 30px 10px 55px;
    text-decoration: none;
    position: relative;
    min-height: 48px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    background: #fff url(../img/RalphLauren/ic_chevron.svg) no-repeat center right 6px;
}
.list-coupon .link a::before,
.list-coupon .link button::before{
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background: #fff no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 11px;
    top: 50%;
    margin-top: -17px;
}
.list-coupon .link.line a::before{background-image: url(../img/RalphLauren/ic_line.svg);}
.list-coupon .link.copy button::before{background-image: url(../img/RalphLauren/ic_copy.svg); height: 24px; margin-top: -12px;}

.copyTxt{
    display: none;
}


@media print, all and (max-width: 768px) {
    .list-coupon .inner-img{
        width: 100px;
    }
    .list-coupon .inner-txt{
        width: calc(100% - 100px);
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 0;
    }
    .list-coupon .wrap-link{
        margin-top: 0;
        width: 100%;
    }
}

.wrap-id{
    border: 1px solid var(--color-navy100);
    padding: 10px;
    margin-bottom: 15px;
}
.wrap-id .wrap{
    display: flex;
    font-weight: 600;
    color: #474747;
}
.wrap-id .wrap dt{
    white-space: nowrap;
    line-height: 1.6;
}
.wrap-id .wrap dd{
    line-height: 1.6;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-all;
}


.list-coupon.ver-number{
    counter-reset: count 0;
}
.list-coupon.ver-number li{
    position: relative;
}
.list-coupon.ver-number li::before {
    position: absolute;
    top: 0;
    bottom: 0;
    background-color:var(--color-navy20);
    content: counter(count) "";
    counter-increment: count 1;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}
.list-coupon.ver-number li .wrap{
    padding: 20px 10px 20px 35px;
}

.copy-value{
    color: #002855 !important;
}

*/