#contents-area,
.lyt-col-1 #contents-body {
width: 100% !important;
}
.u-pc-d-n {
display: none !important;
}
.energy-u96-fc-red {
color: #ff0030 !important;
}
.energy-u96-bold {
font-weight: bold !important;
}
.energy-u96-paypay-present {
background-color: #ffe600;
padding-top: 25px;
padding-bottom: 30px;
}
.energy-u96-paypay-present a:hover {
text-decoration: none !important;
}
.energy-u96-paypay-present p {
margin-bottom: 0;
}
.energy-u96-paypay-present-inner {
width: 980px;
margin: 0 auto;
}
.energy-u96-paypay-present-title-h2 {
color: #000;
font-size: 32px;
text-align: center;
font-weight: bold;
margin-bottom: 35px;
}
.energy-u96-paypay-present-read {
font-size: 1.17em;
text-align: center;
margin-top: 20px;
margin-bottom: 20px !important;
}
.energy-u96-paypay-present-box-wht {
background-color: #fff;
border-radius: 20px;
text-align: center;
padding: 50px 80px;
}
.energy-u96-paypay-present-list {
font-size: 16px;
margin-top: 10px;
}
.energy-u96-paypay-present-list-item {
display: table;
}
.energy-u96-paypay-present-list-item + .energy-u96-paypay-present-list-item {
margin-top: 5px;
}
.energy-u96-paypay-present-list-item-mark {
display: table-cell;
text-align: center;
min-width: 46px;
}
.energy-u96-paypay-present-list-item-text {
display: table-cell;
}
.energy-u96-paypay-present-content {
background-color: #fff;
border-radius: 20px;
text-align: center;
padding: 50px 80px;
margin-top: 40px;
}
.energy-u96-paypay-present-content-img {
margin-top: 20px;
}
.energy-u96-paypay-present-text {
font-size: 22px;
color: #333;
font-weight: bold;
}
.energy-u96-paypay-present-content-link-area {
text-align: center;
margin: 30px auto 60px;
}
.energy-u96-paypay-present-content-link-area-title {
color: #000;
font-size: 32px;
text-align: center;
font-weight: bold;
}
.energy-u96-paypay-present-content-link-area-read {
font-size: 1.17em;
text-align: center;
margin-top: 20px;
margin-bottom: 20px !important;
}
.energy-u96-paypay-present-content-link {
position: relative;
width: 514px;
display: block;
color: #fff !important;
font-size: 26px;
font-weight: bold;
background-color: #ff0030;
border-radius: 10px;
margin: 0 auto;
padding: 22px 0 17px;
box-shadow: 0px 9px 0px -1px rgba(0, 0, 0, 0.32);
transition: all 0.1s ease;
}
.energy-u96-paypay-present-content-link::after {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid white;
top: 50%;
right: 30px;
margin-top: -5px;
}
.energy-u96-paypay-present-content-link:hover {
box-shadow: none;
opacity: 1;
transition: all 0.1s ease;
}
.energy-u96-paypay-present-content-link .pdficon {
display: none;
}
.energy-u96-paypay-present-content-link:focus {
text-decoration: none;
outline: none;
border: none;
}
.energy-u96-paypay-present-content-link.disabled {
pointer-events:none;
background: #f8f8f8;
color: #999 !important;
}
.energy-u96-paypay-present-campaign-terms {
margin-bottom: 50px;
}
.energy-u96-paypay-present-condition {
width: 880px;
margin: 20px auto 0;
}
.energy-u96-paypay-present-condition-inner + .energy-u96-paypay-present-condition-inner {
margin-top: 30px;
}
.energy-u96-paypay-present-condition-title {
background-color: #000;
color: #fff;
text-align: center;
border-radius: 10px;
padding: 10px 0;
}
.energy-u96-paypay-present-condition .energy-u96-paypay-present-text {
font-size: 16px;
font-weight: normal;
margin-bottom: 10px;
}
.energy-u96-paypay-present-condition-title + .energy-u96-paypay-present-text {
margin-top: 10px;
}
.energy-u96-paypay-present-step {
margin-top: 45px;
}
.energy-u96-paypay-present-step-number {
width: 310px;
background-color: #ff0030;
color: #fff;
font-size: 22px;
font-weight: bold;
border-radius: 50px 50px;
padding: 5px 0;
margin: 0 auto 25px;
}
.energy-u96-paypay-present-step-img {
margin: 25px 0;
}
.energy-u96-paypay-present-step-text {
font-size: 20px;
color: #333;
font-weight: bold;
}
.energy-u96-paypay-present-step-number + .energy-u96-paypay-present-step-text {
margin-top: 20px;
}
[class^="energy-u96-paypay-present-step-"].energy-u96-paypay-present-box-wht + [class^="energy-u96-paypay-present-step-"].energy-u96-paypay-present-box-wht {
margin-top: 30px;
}
.energy-u96-paypay-present-text-note {
color: #333;
font-size: 13px;
}
.energy-u96-paypay-present-tokuten {
margin-top: 60px;
}
.energy-u96-paypay-present-tokuten .energy-u96-paypay-present-list {
width: 725px;
font-size: 12px;
text-align: left;
margin: 10px auto 0;
}
.energy-u96-paypay-present-tokuten .energy-u96-paypay-present-list .energy-u96-paypay-present-list-item-mark {
min-width: 15px;
}
.energy-u96-paypay-present-note {
margin-top: 30px;
}
.energy-u96-paypay-present-note-inner {
text-align: left;
}
.energy-u96-paypay-present-note-inner .energy-u96-paypay-present-text,
.energy-u96-paypay-present-note-inner .energy-u96-paypay-present-list {
font-size: 12px;
font-weight: normal;
}
.energy-u96-paypay-present-note-inner .energy-u96-paypay-present-list + .energy-u96-paypay-present-text,
.energy-u96-paypay-present-note-inner .energy-u96-paypay-present-text + .energy-u96-paypay-present-text {
margin-top: 25px;
}
.energy-u96-paypay-present-note-inner .energy-u96-paypay-present-list-item-mark {
min-width: 30px;
}
.energy-u96-paypay-present-note-link {
position: relative;
color: #000 !important;
transition: all 0.1s ease;
}
.energy-u96-paypay-present-note-link .newwindowicon {
display: none;
}
.energy-u96-paypay-present-note-link[target="_blank"]::after {
content: '';
display: block;
position: absolute;
background: url('/energy/set/data/special/paypay-10000/img/p/icon-blank.webp') no-repeat left top;
background-size: contain;
width: 12px;
height: 12px;
top: 1px;
right: -15px;
}
.energy-u96-paypay-present-pdf-link {
position: relative;
font-size: 12px;
color: #157ed8 !important;
padding-left: 15px;
transition: all 0.1s ease;
}
.energy-u96-paypay-present-pdf-link .pdficon {
display: none;
}
.energy-u96-paypay-present-pdf-link::before {
content: '';
display: block;
position: absolute;
background: url('/energy/set/data/special/paypay-10000/img/p/icon-note-pdf-top.webp') no-repeat left top;
width: 12px;
height: 12px;
top: 2px;
left: 0;
}
.energy-u96-paypay-present-pdf-link::after {
content: '';
display: block;
position: absolute;
background: url('/energy/set/data/special/paypay-10000/img/p/icon-pdf.webp') no-repeat left top;
width: 16px;
height: 14px;
top: 0;
right: -20px;
}
.energy-u96-paypay-present-note-link:hover,
.energy-u96-paypay-present-pdf-link:hover {
opacity: 0.7;
transition: all 0.1s ease;
}