/* -------------------------------- Common -------------------------------- */
.el-page__content * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.el-page__content *::before, .el-page__content *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

@media screen and (max-width: 701px) { .el-page__content img[src$="_pc.jpg"], .el-page__content img[src$="_pc.png"] { display: none !important; } }

@media print, all and (min-width: 700px) { .el-page__content img[src$="_sp.jpg"], .el-page__content img[src$="_sp.png"] { display: none !important; } }

@media screen and (max-width: 701px) { .el-page__content .pc_only { display: none !important; } }

@media print, all and (min-width: 700px) { .el-page__content .sp_only { display: none !important; } }

/* -------------------------------- top -------------------------------- */
.paypay2022_02 { line-height: 0; }

.paypay2022_02_inner { line-height: 1.3; /* MV -------------------------------- */ }

.paypay2022_02_inner .text-center { text-align: center; }

.paypay2022_02_inner .fl-kv { line-height: 0; width: 100%; background: url(../paypay2022_02/img/kv-bg.png) repeat-x; background-size: contain; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.paypay2022_02_inner .fl-kv img { width: 100%; max-width: 1000px; }

.paypay2022_02_inner .inner-contents { background: url(../paypay2022_02/img/bg.png) repeat-y #fff; background-size: 100%; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents { background: none; } }

.paypay2022_02_inner .inner-contents .top-message { text-align: left; padding: 20px 0 60px 0; }

.paypay2022_02_inner .inner-contents .top-message span { font-size: 78%; }

.paypay2022_02_inner .inner-contents .top-message h3 { margin-top: 40px; margin-bottom: 20px; font-size: 30px; color: #e72e35; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.paypay2022_02_inner .inner-contents .top-message h3:before, .paypay2022_02_inner .inner-contents .top-message h3:after { content: ""; height: 1px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: #e72e35; }

.paypay2022_02_inner .inner-contents .top-message h3:before { margin-right: 1rem; }

.paypay2022_02_inner .inner-contents .top-message h3:after { margin-left: 1rem; }

.paypay2022_02_inner .inner-contents .top-message h3.item-lineup { margin-top: 30px; }

.paypay2022_02_inner .inner-contents .top-message p { text-align: center; font-weight: 600; font-size: 18px; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .top-message { padding: 30px 0; line-height: 1; }
  .paypay2022_02_inner .inner-contents .top-message span { font-size: 60%; }
  .paypay2022_02_inner .inner-contents .top-message h3 { font-size: 20px; margin-bottom: 20px; }
  .paypay2022_02_inner .inner-contents .top-message p { line-height: 1.3; font-size: 16px; text-align: left; margin-bottom: 0px; } }

.paypay2022_02_inner .inner-contents .item-section { background-size: 100%; padding: 0 20px 50px; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section { border-radius: 10px; padding: 0 0 20px; } }

.paypay2022_02_inner .inner-contents .item-section .item-title { background: url(../paypay2022_02/img/tit_bg.png) #fff; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.paypay2022_02_inner .inner-contents .item-section .item-title h2 { width: 100%; text-align: center; color: #fff; font-size: 30px; padding: 30px 16px; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-title h2 { font-size: 22px; background: none; } }

.paypay2022_02_inner .inner-contents .item-section .item-read { font-size: 18px; font-weight: 600; text-align: center; margin-top: 40px; margin-bottom: 20px; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-read { margin-top: 20px; margin-bottom: 30px; font-size: 16px; text-align: left; } }

.paypay2022_02_inner .inner-contents .item-section .item-detail { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 40px; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-detail { padding: 20px 0; } }

.paypay2022_02_inner .inner-contents .item-section .item-detail::after { display: block; content: ""; width: calc(100% / 3 - 20px); }

.paypay2022_02_inner .inner-contents .item-section .item-detail li { position: relative; width: calc(100% / 3 - 20px); border: 3px solid #e72e35; -webkit-box-shadow: 3px 3px 0px 1px #cecdcd; box-shadow: 3px 3px 0px 1px #cecdcd; border-radius: 10px; margin-bottom: 60px; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-detail li { width: calc(100% / 2 - 10px); }
  .paypay2022_02_inner .inner-contents .item-section .item-detail li:last-child, .paypay2022_02_inner .inner-contents .item-section .item-detail li:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a { display: block; padding: 3rem 1rem; padding-top: 8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-detail li a { padding: 1rem; padding-top: 3rem; } }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a:hover { opacity: 0.8; text-decoration: none; }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a:hover img { opacity: 1; }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a::after { content: ""; display: block; position: absolute; bottom: 10px; right: 10px; height: 37px; width: 37px; background-image: url(../paypay2022_02/img/arrow.png); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-detail li a::after { height: 18.5px; width: 18.5px; bottom: 3px; right: 3px; } }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a h3 { width: 100%; text-align: center; font-size: 36px; color: #e72e35; }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a h3 span { display: block; font-size: 18px; font-weight: normal; color: #333; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-detail li a h3 { font-size: 20px; }
  .paypay2022_02_inner .inner-contents .item-section .item-detail li a h3 span { padding-bottom: 5px; font-size: 12px; } }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a img { padding-top: 10px; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-detail li a img { max-width: 80%; } }

.paypay2022_02_inner .inner-contents .item-section .item-detail li a .note { display: block; width: 100%; text-align: center; color: #333; font-size: 10px; }

.paypay2022_02_inner .inner-contents .item-section .item-detail li .brandLogo { position: absolute; top: -5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .item-section .item-detail li .brandLogo { max-width: 80%; }
  .paypay2022_02_inner .inner-contents .item-section .item-detail li .brandLogo img { max-width: 100%; } }

.paypay2022_02_inner .inner-contents .paypay-btn a { position: relative; border: 3px solid #e72e35; -webkit-box-shadow: 3px 3px 0px 1px #cecdcd; box-shadow: 3px 3px 0px 1px #cecdcd; border-radius: 10px; margin: 40px 0; padding: 3rem 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 20px; color: #e72e35; font-weight: 600; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .paypay-btn a { padding: 2rem 0; } }

.paypay2022_02_inner .inner-contents .paypay-btn a:hover { opacity: 0.8; text-decoration: none; }

.paypay2022_02_inner .inner-contents .paypay-btn a:hover img { opacity: 1; }

.paypay2022_02_inner .inner-contents .paypay-btn a::after { content: ""; display: block; position: absolute; right: 10px; height: 37px; width: 37px; background-image: url(../paypay2022_02/img/arrow.png); background-repeat: no-repeat; background-size: cover; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .paypay-btn a::after { height: 18.5px; width: 18.5px; right: 3px; } }

.paypay2022_02_inner .inner-contents .paypay-btn a .inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .paypay-btn a .inner { font-size: 16px; } }

.paypay2022_02_inner .inner-contents .paypay-btn a .inner img { width: 100%; max-width: 350px; padding: 10px 0; }

@media (max-width: 701px) { .paypay2022_02_inner .inner-contents .paypay-btn a .inner img { max-width: 80%; } }

.paypay2022_02_inner .inner-contents .copyc { display: block; width: 100%; text-align: right; }
/*# sourceMappingURL=paypay2022_02.css.map */