www.sufacow.com
Open in
urlscan Pro
124.156.229.111
Public Scan
Submitted URL: http://www.sufacow.com/static/css/common.css?updated=20210906
Effective URL: https://www.sufacow.com/static/css/common.css?updated=20210906
Submission: On August 14 via api from US — Scanned from JP
Effective URL: https://www.sufacow.com/static/css/common.css?updated=20210906
Submission: On August 14 via api from US — Scanned from JP
Form analysis 0 forms found in the DOM
Text Content
/**
* Swiper 5.3.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://swiperjs.com
*
* Copyright 2014-2020 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: February 29, 2020
*/
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
transform: translate3d(0px,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform,height
}
.swiper-container-3d {
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after,.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none!important;
letter-spacing: 0;
text-transform: none;
font-variant: initial
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform,.2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform,.2s right
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color,var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
--swiper-pagination-color: #000000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.Loading__loading___1m_fZ {
pointer-events: none;
transition: 400ms linear all;
}
.Loading__bar___21yOt {
position: fixed;
top: 0;
left: 0;
z-index: 10002;
display: none;
width: 100%;
height: 2px;
background: #29d;
border-radius: 0 1px 1px 0;
transition: width 350ms;
}
.Loading__peg___3Y_28 {
position: absolute;
top: 0;
right: 0;
width: 70px;
height: 2px;
border-radius: 50%;
opacity: .45;
box-shadow: #29d 1px 0 6px 1px;
}
.Loading__spinner___11Pm4 {
position: fixed;
top: 5px;
left: 5px;
z-index: 10002;
pointer-events: none;
transition: 350ms linear all;
}
.Loading__icon___3OOyu {
width: 14px;
height: 14px;
border: solid #29d;
border-width: 0 2px 2px 0;
border-radius: 50%;
-webkit-animation: Loading__loading-bar-spinner___1hKY9 400ms linear infinite;
animation: Loading__loading-bar-spinner___1hKY9 400ms linear infinite;
}
@-webkit-keyframes Loading__loading-bar-spinner___1hKY9 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes Loading__loading-bar-spinner___1hKY9 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*,:after,:before {
box-sizing: border-box
}
:after,:before {
text-decoration: inherit;
vertical-align: inherit
}
html {
cursor: default;
line-height: 1.5;
-moz-tab-size: 4;
tab-size: 4;
-webkit-tap-highlight-color: transparent;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
word-break: break-word
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: .67em 0
}
dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul {
margin: 0
}
hr {
height: 0;
overflow: visible
}
main {
display: block
}
nav ol,nav ul {
list-style: none;
padding: 0
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,strong {
font-weight: bolder
}
code,kbd,samp {
font-family: monospace,monospace;
font-size: 1em
}
small {
font-size: 80%
}
audio,canvas,iframe,img,svg,video {
vertical-align: middle
}
audio,video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
iframe,img {
border-style: none
}
svg:not([fill]) {
fill: currentColor
}
svg:not(:root) {
overflow: hidden
}
table {
border-collapse: collapse
}
button,input,select {
margin: 0
}
button {
overflow: visible;
text-transform: none
}
[type=button],[type=reset],[type=submit],button {
-webkit-appearance: button
}
fieldset {
border: 1px solid #a0a0a0;
padding: .35em .75em .625em
}
input {
overflow: visible
}
legend {
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
select {
text-transform: none
}
textarea {
margin: 0;
overflow: auto;
resize: vertical
}
[type=checkbox],[type=radio] {
padding: 0
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {
height: auto
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
::-moz-focus-inner {
border-style: none;
padding: 0
}
:-moz-focusring {
outline: 1px dotted ButtonText
}
:-moz-ui-invalid {
box-shadow: none
}
details,dialog {
display: block
}
dialog {
background-color: #fff;
border: solid;
color: #000;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content
}
dialog:not([open]) {
display: none
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[tabindex],a,area,button,input,label,select,summary,textarea {
touch-action: manipulation
}
[hidden] {
display: none
}
[aria-busy=true] {
cursor: progress
}
[aria-controls] {
cursor: pointer
}
[aria-disabled=true],[disabled] {
cursor: not-allowed
}
[aria-hidden=false][hidden] {
display: initial
}
[aria-hidden=false][hidden]:not(:focus) {
clip: rect(0,0,0,0);
position: absolute
}
ol,ul {
padding: 0;
margin: 0
}
html {
min-height: 100vh
}
body {
font-size: 14px;
line-height: 1.5;
font-weight: 300;
font-family: Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
color: #1a1a1a
}
@media (min-width: 769px) {
body {
min-width:1024px
}
}
body .d-none {
display: none
}
body.is-aw .js-awhidden {
display: none;
visibility: hidden
}
body .is-term,body.is-termiframe {
min-width: auto
}
body .is-term *,body.is-termiframe * {
font-size: 12px;
line-height: 1.5;
font-weight: 300
}
body .is-term h1,body.is-termiframe h1 {
font-size: 14px;
line-height: 1.5;
font-weight: 600
}
body .is-term h2,body.is-termiframe h2 {
font-size: 12px;
line-height: 1.5;
font-weight: 600
}
body.is-termiframe ol,body.is-termiframe ul,body .is-term ol,body .is-term ul {
list-style: none
}
body.is-termiframe ol>li>ol,body.is-termiframe ul>li>ul,body .is-term ol>li>ol,body .is-term ul>li>ul {
padding-left: 16px
}
p {
font-size: 14px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 26px
}
.a-caption+p,.m-table+p,.m-textlist+p,p+.a-caption,p+.m-table,p+.m-textlist {
margin-top: 6px
}
p:last-child {
margin-bottom: 0
}
dl+dl {
margin-top: 6px
}
a {
color: #a20073;
text-decoration: none
}
body.is-pc a:focus,body.is-pc a:hover {
opacity: .5!important
}
body:not(.is-pc) a:active {
opacity: .5!important
}
sub {
font-size: .71em
}
input,textarea {
caret-color: #b60081
}
@media (min-width: 769px) {
.u-dn-pc {
display:none
}
}
@media (min-width: 1366px) {
.u-dn-largepc {
display:none
}
}
@media (max-width: 768px) {
.u-dn-sp {
display:none
}
}
@media (min-width: 769px) and (max-width:1203px) {
.u-dn-tab {
display:none
}
}
.u-text-center {
text-align: center
}
.u-text-right {
text-align: right
}
.u-position-relative {
position: relative
}
@media (max-width: 768px) {
.u-small-sp {
font-size:.875em
}
}
.u-fw-n {
font-weight: 300
}
.u-fw-lb {
font-weight: 500
}
.u-fw-b {
font-weight: 600
}
.u-c-red {
color: #eb0015
}
button,input,select {
font-family: inherit
}
[role=button],button {
cursor: pointer
}
body.is-pc [role=button]:focus,body.is-pc [role=button]:hover,body.is-pc button:focus,body.is-pc button:hover {
opacity: .5!important
}
body:not(.is-pc) [role=button]:active,body:not(.is-pc) button:active {
opacity: .5!important
}
input {
word-break: normal
}
b,strong {
font-weight: 600
}
.u-dn {
display: none
}
.u-setting-item {
width: 100%
}
@keyframes loading-placeholder {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.u-annotation {
position: relative;
text-align: left
}
.u-annotation_text {
position: absolute;
top: -11px;
left: 0;
display: block;
text-align: left;
white-space: nowrap;
font-size: 10px
}
.u-colorize-alert {
color: #eb0015
}
.u-colorize-magentadark {
color: #a20773
}
.u-customerlist {
width: 100%;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.u-customerlist_content {
list-style-type: none
}
.u-customerlist_title {
padding: 18px 16px 16px;
color: #666;
background: #edeff7;
font-weight: 600
}
.u-customerlist_contact,.u-customerlist_itemheading,.u-customerlist_usage {
padding: 16px;
border-top: 1px solid #e0e0e0
}
.u-customerlist_itemheading {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
background-color: #f7f8fa
}
.u-customerlist_item-single .u-customerlist_itemheading {
cursor: auto
}
.u-customerlist_detail {
display: none
}
.u-customerlist_item-expanded .u-customerlist_detail {
display: block
}
.u-customerlist_heading {
color: #666;
text-align: left;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.01375em;
font-weight: 600
}
.u-customerlist_heading>p {
font-size: 16px;
line-height: 1.5;
letter-spacing: -.01375em
}
.u-customerlist_toggleindicator {
background-color: transparent;
border: 0;
transform: translateX(13px)
}
@media (min-width: 769px) {
.u-customerlist_toggleindicator {
display:none
}
}
@media (min-width: 769px) {
.u-cvvnote {
padding:0 50px 38px;
margin-top: 35px;
border-bottom: 1px solid #f0f0f0
}
}
@media (max-width: 768px) {
.u-cvvnote {
margin-top:27px;
margin-bottom: 20px
}
}
@media (min-width: 769px) {
.u-cvvnote-noborderbottom {
border-bottom:0
}
}
@media (min-width: 769px) {
.u-cvvnote_text {
display:flex;
flex: 1;
flex-direction: column;
justify-content: space-between
}
}
@media (max-width: 768px) {
.u-cvvnote .m-textlist li {
padding-left:0
}
}
@media (max-width: 768px) {
.u-cvvnote .m-textlist li:before {
display:none
}
}
.u-cvvnote .m-notes {
padding: 0 16px
}
@media (min-width: 769px) {
.u-cvvnote .m-notes_content {
display:flex;
padding: 28px 42px 28px 0
}
}
@media (min-width: 769px) {
.u-cvvnote .a-image {
width:33%;
margin-bottom: 0;
margin-left: 42px
}
}
@media (max-width: 768px) {
.u-cvvnote .a-image {
padding:0 20px
}
}
@media (min-width: 769px) {
.u-cvvnote .a-caption {
display:flex;
align-items: flex-end;
margin-left: 13px
}
}
@media (max-width: 768px) {
.u-cvvnote .a-caption {
margin-top:20px
}
}
.u-fontenlarge-52 {
font-size: 52px
}
.u-fontenlarge-large {
font-size: 42px
}
.u-fontenlarge-medium {
font-size: 36px
}
.u-fontenlarge-small {
font-size: 28px
}
.u-omitpipe {
position: relative;
display: block
}
.u-omitpipe_fake {
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
visibility: hidden
}
.u-omitpipe_character {
white-space: nowrap
}
.u-recommendedcardlist {
padding: 20px 16px 30px;
background: #fff5fd
}
.u-recommendedcardlist_title {
margin-bottom: 12px;
font-weight: 600
}
@media (max-width: 768px) {
.u-recommendedcardlist_title {
text-align:center
}
}
@media (min-width: 769px) {
.u-recommendedcardlist_list {
display:flex
}
}
.u-recommendedcardlist_item {
list-style-type: none
}
@media (max-width: 768px) {
.u-recommendedcardlist_item {
margin-bottom:10px
}
.u-recommendedcardlist_item:last-child {
margin-bottom: 0
}
}
@media (min-width: 769px) {
.u-recommendedcardlist_item {
flex:1;
margin-right: 15px
}
.u-recommendedcardlist_item:last-child {
margin-right: 0
}
.u-recommendedcardlist_item>.m-card {
height: 100%
}
}
.u-sortbutton {
display: flex;
align-items: center;
justify-content: center;
padding: 14px 16px 15px;
color: #1a1a1a;
background: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none;
transition: all .3s cubic-bezier(.4,0,1,1)
}
.u-sortbutton>span {
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.00137em;
font-weight: 400
}
.u-sortbutton .a-icon {
width: 24px;
height: 16px;
margin-left: 14px
}
.react-tabs__tab .a-icon {
flex-shrink: 0;
margin-right: 4px
}
.react-tabs__tab .a-icon.u-selected {
display: none
}
.react-tabs__tab--selected .a-icon.u-selected,.react-tabs__tab .a-icon.u-unselected {
display: block
}
.react-tabs__tab--selected .a-icon.u-unselected {
display: none
}
.react-tabs__tab:hover .a-icon.u-selected {
display: block
}
.react-tabs__tab:hover .a-icon.u-unselected {
display: none
}
.a-addresscombinationbox {
font-weight: 600;
width: 100%;
margin-top: 15px
}
.a-addresscombinationbox_content {
padding: 16px 11px 15px;
margin-top: 10px;
color: #1a1a1a;
background: #fcf5fa;
border: 1px dashed #a20773;
border-radius: 8px
}
.a-addresscombinationbox_latter {
color: #eb0015
}
.a-anchorlink {
display: flex;
align-items: center;
width: 100%;
min-height: 53px;
padding: 8px 2px 8px 10px;
color: #1a1a1a;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 12px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
font-size: 14px;
line-height: 1.28571;
letter-spacing: -.02214em
}
.a-anchorlink>span:first-child {
width: 100%
}
.a-anchorlink .a-icon {
min-width: 28px
}
.a-button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 344px;
height: 56px;
color: #a20073;
background: linear-gradient(-90deg,#f6dfef,#f7eaf2);
border: 0;
border-radius: 28px;
outline: none;
box-shadow: 0 1px 6px 0 rgba(0,0,0,.05);
transition: all .4s ease-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
line-height: 1.1875;
letter-spacing: -.0225em;
font-weight: 600
}
.a-button>span {
max-width: 219px
}
.a-button>span small {
display: block;
text-align: center;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.a-button>span .u-small-sp {
display:block;
text-align: center;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
}
.a-button>.a-icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 28px;
height: 28px;
margin: auto 12px auto auto
}
.a-button_amount {
margin-top: 4px;
font-size: 12px;
line-height: 1.25;
letter-spacing: -.01833em
}
.a-button-small {
max-width: 114px;
height: 32px;
border-radius: 16px;
font-size: 12px;
line-height: 2
}
.a-button-small>.a-icon {
width: 13.75px;
height: 15.5px;
margin: auto 7px auto auto
}
@media (max-width: 768px) {
.a-button-small {
max-width:96px
}
}
.a-button-medium {
height: 48px;
border-radius: 24px;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.a-button-medium {
width:196px
}
}
.a-button-medium>.a-icon {
margin: auto 7px auto auto
}
.a-button-primary {
color: #fff;
background: linear-gradient(-90deg,#cf009e,#b80084)
}
.a-button-login {
color: #fff;
background: linear-gradient(90deg,#4653a2,#515fbd)
}
.a-button-logout {
color: #303e91;
background: linear-gradient(90deg,#dfe1f5,#d5d9f2)
}
.a-button-delete {
color: #fff;
background: linear-gradient(-90deg,#ff0015,#eb0014)
}
.a-button-circle {
width: 76px;
height: 76px;
word-break: keep-all;
border-radius: 30px
}
.a-button-circle>span {
margin-top: -10px
}
.a-button-circle .a-icon {
top: auto;
bottom: 10%;
left: 50%;
transform: translateX(-50%)
}
.a-button-white {
color: #1a1a1a;
background: #fff;
box-shadow: 0 2px 6px 0 rgba(0,0,0,.13)
}
.a-button-moderate {
width: 84px;
height: 40px;
padding: 0;
background: #fafafa;
border-radius: 20px
}
.a-button-moderate>span {
width: 42px;
height: 21px;
margin-right: 23px;
color: #a20073;
text-align: right;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-button-moderate>.a-icon {
width: 23.14px;
height: 21.43px;
margin-right: 9.57px
}
.a-button-disabled,.a-button:disabled {
color: #fff;
pointer-events: none;
background: #ebebeb;
box-shadow: none
}
.a-button_lastchild {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-50%,0)
}
.a-button-textlink {
display: inline-block;
width: auto;
max-width: auto;
height: auto;
padding: 0;
background: transparent;
box-shadow: none;
font-size: 14px;
line-height: 1.5;
font-weight: 300
}
.a-button-textlink>.a-icon {
position: relative;
margin: auto auto 4px
}
.a-button-textlink.a-button-disabled,.a-button-textlink:disabled {
color: #666;
background: none
}
.a-button-withanimation .a-button_firstchild,.a-button-withanimation .a-icon:nth-child(2n) {
opacity: 1;
transition: opacity .3s ease-in .3s
}
.a-button-withanimation .a-button_lastchild,.a-button-withanimation .a-icon:last-child {
opacity: 0;
transition: opacity .3s ease-out
}
.a-button-triggeranimation .a-button_firstchild,.a-button-triggeranimation .a-icon:nth-child(2n) {
opacity: 0;
transition: opacity .3s ease-out
}
.a-button-triggeranimation .a-button_lastchild,.a-button-triggeranimation .a-icon:last-child {
opacity: 1;
transition: opacity .3s ease-in .3s
}
.a-button-borderpurple {
background: #fff;
border: 1px solid #b60081
}
.a-button-search {
width: 46px;
min-width: 46px;
height: 46px;
padding: 0;
background-image: linear-gradient(-90deg,#cf009e,#b80084);
border-radius: 50%
}
.a-button-search>span:first-child {
margin-top: 21px;
color: #fff;
text-align: center;
font-size: 9px;
line-height: 1;
letter-spacing: -.02222em
}
.a-button-search>span:last-child {
margin: 3px auto 0
}
.a-button-searchfirstletter {
position: fixed;
right: 16px;
bottom: 78px;
z-index: 8000;
display: none;
width: 70px;
height: 70px;
border-radius: 50%;
animation: showButton 1.2s ease
}
@media (min-width: 769px) {
.a-button-searchfirstletter {
right:24px;
bottom: 24px
}
}
.a-button-searchfirstletter .a-icon {
width: 70px;
height: 70px
}
.a-button-answer {
justify-content: flex-start;
height: 48px;
padding-left: 41px;
color: #1a1a1a;
background: #fff;
border: 1px solid #f0f0f0;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
font-size: 14px;
line-height: 1;
letter-spacing: -.02214em
}
.a-button-answer>.a-icon {
width: 18px;
height: 18px;
margin: auto auto auto 13px
}
.a-button-disabletextselect {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.a-button-tag {
min-width: 70px;
height: 27px;
padding: 0 10px;
font-size: 12px;
line-height: 2.125
}
.a-button-bgtransparent {
background-color: transparent
}
.a-button-center {
text-align: center
}
@keyframes showButton {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.a-caption {
margin: 10px 0 20px;
color: #666;
font-size: 12px;
line-height: 1.33333;
letter-spacing: -.02em
}
.a-caption:last-child {
margin-bottom: 0
}
.a-caption-low {
color: #a3a3a3
}
.a-caption-sumitomo {
font-size: 11px;
line-height: 1.81818;
letter-spacing: -.02182em
}
.a-caption-right {
text-align: right
}
.a-caption-attention {
color: #eb0015
}
.a-caption-bold {
font-weight: 600
}
.a-cardcheckbox {
width: 100%
}
.a-cardcheckbox_body {
position: relative;
height: 100%;
padding: 9px 12px 9px 45px;
cursor: pointer;
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none
}
input:disabled+.a-cardcheckbox_body {
color: #737373;
cursor: auto;
background: #f3f3f3;
border-color: #dedddd
}
.a-cardcheckbox-invalid .a-cardcheckbox_body {
background-color: #fff9f7;
border-color: #f799a1
}
.a-cardcheckbox_indicator {
position: absolute;
top: 50%;
left: 12px;
width: 28px;
min-width: 28px;
height: 28px;
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-off.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
transform: translateY(-50%)
}
.a-cardcheckbox input {
position: absolute;
pointer-events: none;
opacity: 0
}
.a-cardcheckbox input:focus+.a-cardcheckbox_body {
border-color: #ca018f
}
.a-cardcheckbox input:checked+.a-cardcheckbox_body>.a-cardcheckbox_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-on.svg)
}
.a-cardcheckbox input:disabled+.a-cardcheckbox_body {
pointer-events: none;
opacity: .5
}
.a-cardcheckbox_points {
width: 100%;
padding: 12px 0 0;
margin: 14px 0 0;
border-top: 1px dotted #ebebeb;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em;
font-weight: 300
}
.a-cardcheckbox_points dt {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.a-cardcheckbox_points dd {
margin-left: 10px;
text-align: right
}
.a-cardcheckbox_points dd>.a-textpoint>small {
white-space: nowrap
}
.a-cardcheckbox_points div {
display: flex;
align-items: center;
justify-content: space-between
}
.a-cardcheckbox_points div:first-child dd {
font-size: 16px;
line-height: 1;
letter-spacing: -.0225em;
color: #111
}
.a-cardnumberfield {
position: relative;
display: flex;
width: 100%
}
.a-cardnumberfield.a-cardnumberfield-invalid .a-cardnumberfield_input {
color: #eb0015;
background: #fff9f7;
border-color: #f799a1
}
.a-cardpointlink {
position: relative;
display: flex;
flex: 1;
align-items: center;
padding: 20px 16px;
color: #1a1a1a;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (max-width: 768px) {
.a-cardpointlink {
padding:16px 9px 13px 11px
}
}
.a-cardpointlink_img {
flex-shrink: 0;
width: 32px;
height: 32px;
margin-right: 8px
}
.a-cardpointlink_label {
margin-right: 30px;
font-size: 14px;
line-height: 1.28571;
letter-spacing: -.02571em;
font-weight: 600
}
@media (max-width: 768px) {
.a-cardpointlink_label {
margin-right:77px
}
}
.a-cardpointlink>.a-icon {
position: absolute;
top: 50%;
right: 9px;
transform: translateY(-50%)
}
.a-cardpulldown {
width: 100%;
background: #fff;
border-radius: 6px;
box-shadow: 0 2px 9px 0 hsla(0,0%,56.9%,.2)
}
.a-cardpulldown_select {
width: 0;
height: 0;
opacity: 0
}
.a-cardpulldown_indicator {
width: 28px;
min-width: 28px;
height: 28px;
margin-right: 15px;
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-off.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.a-cardpulldown_item-selected .a-cardpulldown_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-on.svg)
}
.a-cardpulldown_cardthumb {
width: calc(100% - 43px)
}
.a-cardpulldown_activecard {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px;
cursor: pointer
}
.a-cardpulldown_activecard>.a-cardthumbnail {
width: calc(100% - 28px)
}
.a-cardpulldown_activecard .a-icon {
min-width: 28px
}
.a-cardpulldown_dropdown {
display: none;
border-top: 1px solid #f0f0f0
}
.a-cardpulldown-open .a-cardpulldown_dropdown {
display: block
}
.a-cardpulldown_setting {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9.5px 15px;
background-color: #fafafa
}
.a-cardpulldown_setting .a-textlink {
flex-shrink: 0;
margin-left: 8px
}
.a-cardpulldown_settinglead {
color: #666;
font-size: 11px;
line-height: 1.36364;
letter-spacing: -.02182em;
font-weight: 600
}
.a-cardpulldown_settinglead>span {
display: inline-block
}
.a-cardpulldown ul {
max-height: 250px;
list-style-type: none;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto
}
.a-cardpulldown ul .a-cardpulldown_item {
display: flex;
align-items: center;
padding: 16px 18px;
cursor: pointer
}
.a-cardradio {
width: 100%
}
.a-cardradio.a-cardradio-statuschanging input:disabled+.a-cardradio_body {
background-color: #ebebeb;
border: 1px solid #c7c7c7;
opacity: 1
}
.a-cardradio.a-cardradio-statuschanging input:disabled+.a-cardradio_body .a-cardradio_indicator {
background-image: url(/-/media/aeoncard/assets/images/icon/information-inactive.svg);
background-size: 20px
}
.a-cardradio.a-cardradio-statuschanging .a-cardthumbnail_content div,.a-cardradio.a-cardradio-statuschanging .a-cardthumbnail_content span:not(.a-cardthumbnail_status) {
color: #666
}
.a-cardradio_body {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
height: 100%;
padding: 12px 12px 11px 45px;
cursor: pointer;
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none
}
input:disabled+.a-cardradio_body {
color: #737373;
cursor: auto;
background: #f3f3f3;
border-color: #dedddd
}
.a-cardradio-invalid .a-cardradio_body {
background-color: #fff9f7;
border-color: #f799a1
}
.a-cardradio_indicator {
position: absolute;
top: 50%;
left: 12px;
width: 28px;
min-width: 28px;
height: 28px;
background-image: url(/-/media/aeoncard/assets/images/common/radio-off.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
transform: translateY(-50%)
}
.a-cardradio input {
position: absolute;
pointer-events: none;
opacity: 0
}
.a-cardradio input:focus+.a-cardradio_body {
border-color: #ca018f
}
.a-cardradio input:checked+.a-cardradio_body>.a-cardradio_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/radio-on.svg)
}
.a-cardradio input:disabled+.a-cardradio_body {
pointer-events: none;
opacity: .5
}
.a-cardradio_pointwrapper {
width: 100%;
padding: 12px 0 0;
margin: 14px 0 0;
border-top: 1px dotted #ebebeb;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em;
font-weight: 300
}
.a-cardradio_pointwrapper dt {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.a-cardradio_pointwrapper dd {
flex: 1;
min-width: 100px;
margin-left: 5px;
text-align: right
}
.a-cardradio_pointwrapper>div {
display: flex;
align-items: center;
justify-content: space-between
}
.a-cardradio_pointwrapper>div:first-child dd {
padding-bottom: 5px;
color: #111;
font-size: 16px;
line-height: 1;
letter-spacing: -.0225em
}
.a-cardradio-simplepoint .a-textpoint {
float: right;
margin-bottom: 15px;
font-size: 20px
}
.a-cardradio-simplepoint .a-cardradio_body {
display: block
}
.a-cardreissuestatus {
margin: 30px 0 20px;
overflow: hidden;
text-align: center;
border: 1px solid #ebebeb;
border-radius: 8px
}
.a-cardreissuestatus_title {
padding: 13px 30px;
color: #414141;
border-bottom: 1px solid #ebebeb;
font-weight: 600
}
.a-cardreissuestatus_status {
padding: 30px;
color: #20428d;
background-color: #edeff7;
font-size: 20px;
line-height: 1.05;
letter-spacing: -.011em;
font-weight: 600
}
.a-cardthumbnail {
display: flex;
flex-wrap: wrap;
width: 100%;
vertical-align: middle
}
.a-cardthumbnail .a-image {
width: 59px;
margin-right: 10px;
margin-bottom: 0
}
.a-cardthumbnail-small .a-image {
width: 48px;
margin-right: 8px
}
.a-cardthumbnail-large .a-image {
width: 64px;
margin-right: 10px
}
.a-cardthumbnail-cardswitcher .a-image {
width: 61px;
margin-right: 9px
}
.a-cardthumbnail_iconwrapper {
padding: 6px;
background-color: #fff;
border-radius: 50%
}
.a-cardthumbnail_iconwrapper .a-icon {
display: block;
width: 28px;
height: 28px
}
.a-cardthumbnail_content {
width: calc(100% - 69px)
}
.a-cardthumbnail-small .a-cardthumbnail_content {
width: calc(100% - 56px)
}
.a-cardthumbnail-large .a-cardthumbnail_content {
width: calc(100% - 74px)
}
.a-cardthumbnail-cardswitcher .a-cardthumbnail_content {
width: calc(100% - 70px)
}
.a-cardthumbnail_content>span:not(.a-cardthumbnail_status) {
display: block;
margin-top: 3px;
font-size: 14px;
line-height: 1;
letter-spacing: 0;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
white-space: nowrap
}
.a-cardthumbnail-small .a-cardthumbnail_content>span:not(.a-cardthumbnail_status) {
margin-top: 2px;
font-size: 12px;
line-height: 1;
letter-spacing: 0
}
.a-cardthumbnail-large .a-cardthumbnail_content>span:not(.a-cardthumbnail_status) {
margin-top: 5px;
font-size: 18px;
line-height: 1;
letter-spacing: 0
}
.a-cardthumbnail-cardswitcher .a-cardthumbnail_content>span:not(.a-cardthumbnail_status) {
margin-top: 8px;
font-size: 11px;
line-height: 1.09091;
letter-spacing: 0;
font-weight: 300
}
.a-cardthumbnail_content>div:not(.a-cardthumbnail_copyright) {
margin-top: 7px;
overflow: hidden;
color: #4d4d4d;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 10px;
line-height: 1;
letter-spacing: -.022em;
font-weight: 300
}
.a-cardthumbnail-small .a-cardthumbnail_content>div:not(.a-cardthumbnail_copyright) {
margin-top: 4px
}
.a-cardthumbnail-cardswitcher .a-cardthumbnail_content>div:not(.a-cardthumbnail_copyright) {
margin-top: 0;
font-size: 12px;
line-height: 1;
letter-spacing: 0;
font-weight: 600
}
.a-cardthumbnail_status {
margin-bottom: 8px;
color: #b60085;
font-size: 12px;
line-height: 1.25;
letter-spacing: -.01833em;
font-weight: 600
}
.a-cardthumbnail_cardtype {
font-size: 12px;
line-height: 1.16667;
letter-spacing: -.02417em
}
.a-cardthumbnail-small .a-cardthumbnail_cardtype {
font-size: 10px;
line-height: 1.2;
letter-spacing: -.029em
}
@media (min-width: 769px) and (max-width:1203px) {
.a-cardcheckbox .a-cardthumbnail-small .a-image,.a-cardradio .a-cardthumbnail-small .a-image {
width:36px;
margin-right: 6px
}
.a-cardcheckbox .a-cardthumbnail-small .a-cardthumbnail_content,.a-cardradio .a-cardthumbnail-small .a-cardthumbnail_content {
width: calc(100% - 42px)
}
}
.a-cardthumbnail_copyright {
width: 100%;
margin: 4px 0 0;
color: #a3a3a3;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 12px;
line-height: 1;
letter-spacing: -.01667em
}
.a-cardthumbnail-cardswitcher .a-cardthumbnail_copyright {
margin-top: -1px;
font-size: 8px;
line-height: 1.875;
letter-spacing: -.0275em
}
.a-cardthumbnail .m-statement {
width: 100%;
padding-top: 10px;
margin-top: 10px;
border-top: 1px dotted #ebebeb
}
.a-cassette {
display: block;
width: 100%
}
.m-card>.a-cassette {
padding: 15px
}
@media (min-width: 769px) {
.m-card>.a-cassette {
padding:20px 29px
}
}
@media (min-width: 769px) {
.m-carousel .m-card .a-cassette {
padding-right:15px;
padding-left: 15px
}
}
.a-cassette .a-image {
border: 1px solid #f0f0f0;
border-radius: 4px;
margin-bottom: 7px
}
@media (max-width: 768px) {
.a-cassette .a-image {
margin-bottom:11px
}
}
.a-cassette .a-image img {
width: 100%
}
.a-cassette_tag {
margin-bottom: 10px
}
.a-cassette_campaigntag {
padding-top: 6px
}
@media (min-width: 769px) {
.a-cassette_campaigntag {
padding-top:12px
}
}
.a-cassette_category {
margin-top: 10px;
color: #a3a3a3;
font-size: 12px;
line-height: 1.33333
}
@media (max-width: 768px) {
.a-cassette_category {
font-size:10px;
line-height: 1.6
}
}
.a-cassette .a-caption-low {
margin-top: 4px;
font-size: 12px;
line-height: 1.33333
}
@media (max-width: 768px) {
.a-cassette .a-caption-low {
font-size:10px;
line-height: 1.6
}
}
.a-cassette .a-text {
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em;
font-weight: 600;
margin-bottom: 10px;
overflow: hidden;
color: #1a1a1a
}
@media (max-width: 768px) {
.a-cassette .a-text {
margin-bottom:8px
}
}
.a-cassette .a-text+.a-cassette_category {
margin-top: -6px
}
@media (max-width: 768px) {
.a-cassette .a-text+.a-cassette_category {
margin-top:10px
}
}
.a-cassette .a-text+.a-caption-low {
margin-top: -6px
}
@media (max-width: 768px) {
.a-cassette .a-text+.a-caption-low {
margin-top:10px
}
}
.a-cassette_arrowlink {
display: flex;
align-items: center;
justify-content: center
}
.a-cassette-card {
width: 170px
}
@media (max-width: 768px) {
.a-cassette-card {
width:142px
}
}
.a-cassette-card .a-cassette_wrapper .a-caption {
font-size: 13px;
line-height: 1.53846;
letter-spacing: -.02231em;
margin-bottom: 2px;
color: #1a1a1a
}
.a-cassette-center .a-cassette_wrapper {
text-align: center
}
.a-cassette-notset .a-text {
font-weight: 300
}
.a-cassette_copyright {
font-size: 12px;
line-height: 1;
letter-spacing: -.01667em;
color: #a3a3a3
}
.a-cassette-feature .a-image {
border: none;
border-radius: 8px
}
.a-cassette-imgborderradius .a-image {
border-radius: 8px
}
.a-catchphrase {
font-size: 18px;
line-height: 1.44444;
letter-spacing: -.02222em
}
.a-checkbox {
position: relative;
display: flex;
width: 100%
}
.a-checkbox_wrapper {
position: relative;
flex: 1
}
.a-checkbox_input,.a-switch>input {
position: absolute;
pointer-events: none;
opacity: 0
}
.a-checkbox_body {
cursor: pointer;
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none
}
.a-checkbox_input:disabled+.a-checkbox_body,.a-switch>input:disabled+.a-checkbox_body {
color: #737373;
cursor: auto;
background: #f3f3f3;
border-color: #dedddd
}
.a-checkbox-terms .a-checkbox_body {
background-color: #faf9f5;
border: 2px solid #f2f0e6;
border-radius: 0;
font-weight: 600
}
.a-checkbox-invalid .a-checkbox_body {
background-color: #fff9f7;
border-color: #f799a1
}
.a-checkbox_body>.a-tag {
position: absolute;
top: calc(60% - 14px);
right: 14px
}
.a-checkbox_indicator {
position: absolute;
top: calc(50% - 14px);
left: 12px;
width: 28px;
height: 28px;
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-off.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.a-checkbox_input:checked+.a-checkbox_body>.a-checkbox_indicator,.a-switch>input:checked+.a-checkbox_body>.a-checkbox_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-on.svg)
}
.a-checkbox input:focus+.a-checkbox_body {
border-color: #ca018f
}
.a-checkbox_label {
padding: 15px 34px 14px 45px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.a-checkbox-boldlabel .a-checkbox_label {
font-weight: 600
}
.a-checkbox-invalid .a-checkbox_label {
color: #eb0015
}
.a-checkboxall {
text-align: right
}
.a-checkboxall_body {
display: inline-block;
cursor: pointer
}
.a-checkboxall_input {
position: absolute;
pointer-events: none;
opacity: 0
}
.a-checkboxall_label {
display: inline-block;
margin-right: 4px;
color: #666;
vertical-align: middle;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-checkboxall_indicator {
display: inline-block;
width: 28px;
height: 28px;
vertical-align: middle;
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-off.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.a-checkboxall_input:checked~.a-checkboxall_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-on.svg)
}
.a-checkboxall_input:indeterminate~.a-checkboxall_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-indeterminate.svg)
}
.a-checkboxpayment {
display: block
}
.a-checkboxpayment:not(:last-child) {
margin-bottom: 15px
}
.a-checkboxpayment_body {
position: relative;
display: flex;
padding: 6px 26px 6px 46px;
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px
}
.a-checkboxpayment_body:before {
position: absolute;
top: 50%;
left: 11px;
display: inline-block;
width: 28px;
height: 28px;
content: "";
background: url(/-/media/aeoncard/assets/images/common/checkbox-off.svg) no-repeat 50%/contain;
transform: translateY(-50%)
}
.a-checkboxpayment input {
position: absolute;
opacity: 0
}
.a-checkboxpayment input:checked+.a-checkboxpayment_body:before {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-on.svg)
}
.a-checkboxpayment input:focus+.a-checkboxpayment_body {
border-color: #ca018f
}
.a-checkboxpayment_main {
flex: 1
}
.a-checkboxpayment_main>span {
font-weight: 300;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em;
padding: 5px 0 4px
}
.a-checkboxpayment_main>div {
font-weight: 300;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em;
padding-top: 5px
}
.a-checkboxpayment_main>div .a-tag {
margin-left: 8px
}
.a-checkboxpayment_pricecontainer {
display: flex;
align-items: center;
margin-left: 12px
}
.a-checkboxpayment_pricecontainer .a-textprice {
color: #111;
text-align: right;
font-size: 20px;
line-height: .8;
letter-spacing: -.022em
}
.a-checkboxpayment_pricecontainer .a-textprice:after,.a-checkboxpayment_pricecontainer .a-textprice:before {
display: block;
overflow: hidden;
content: ""
}
.a-checkboxpayment_pricecontainer .a-textprice:before {
margin-bottom: 2px
}
.a-checkboxpayment_pricecontainer .a-textprice:after {
margin-top: 2px
}
.a-checkboxpayment-invalid .a-checkboxpayment_body {
background-color: #fff9f7;
border-color: #f799a1
}
.a-confirmicon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 313px;
height: 234px;
margin: 0 auto 50px;
border-radius: 4px
}
@media (max-width: 768px) {
.a-confirmicon {
width:224px;
height: 168px;
margin: 0 auto 32px
}
}
.a-confirmicon-completemodal {
width: 143px;
height: 108px
}
.a-confirmicon-completemodal .a-confirmicon_img {
width: 82px;
height: 82px
}
.a-confirmicon-completemodal2,.a-confirmicon-completemodal2 .a-confirmicon_img {
width: 185px;
height: 177px
}
.a-confirmicon-maintenanceissue {
width: 200px;
height: 200px
}
.a-confirmicon-maintenanceissue .a-confirmicon_img {
width: 200px;
height: 200px;
max-height: 200px
}
.a-confirmicon_img {
height: 100%;
max-height: 234px
}
@media (max-width: 768px) {
.a-confirmicon_img {
max-height:168px
}
}
.a-csmtextbanner {
position: relative;
display: block;
width: 100%;
padding: 14px 16px;
color: inherit;
background: #fff;
border: 1px solid hsla(0,0%,56.9%,.2);
border-radius: 12px
}
@media (min-width: 769px) {
.a-csmtextbanner {
padding:29px 26px 25px 22px
}
}
.a-csmtextbanner_wrapper {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.a-csmtextbanner_wrapper {
padding-right:28px
}
}
@media (min-width: 769px) {
.a-csmtextbanner_wrapper {
display:flex
}
}
.a-csmtextbanner_summary {
width: 100%;
padding-top: 2px
}
@media (min-width: 769px) {
.a-csmtextbanner_summary {
padding-top:4px
}
}
@media (max-width: 768px) {
.a-csmtextbanner_summary .a-textlink {
position:absolute;
top: calc(50% - 14px);
right: 14px;
width: 28px;
font-size: 0
}
}
@media (min-width: 769px) {
.a-csmtextbanner_summary .a-textlink {
display:block;
margin-top: 16px;
margin-right: -2px;
text-align: right
}
}
.a-csmtextbanner_title {
margin-left: -3px
}
@media (min-width: 769px) {
.a-csmtextbanner_title {
padding-right:17px;
margin-right: 27px;
text-align: center;
border-right: 1px solid #f0f0f0
}
}
.a-csmtextbanner_title>span:first-child .a-icon {
width: 28px;
height: 28px
}
@media (max-width: 768px) {
.a-csmtextbanner_title>span:first-child .a-icon {
margin-top:-2px
}
}
@media (min-width: 769px) {
.a-csmtextbanner_title>span:first-child {
display:inline-block;
padding: 8px;
margin-bottom: 16px;
background-color: #fafafa;
border-radius: 50%
}
}
.a-csmtextbanner_title>span:last-child {
padding-left: 2px;
font-weight: 600
}
@media (min-width: 769px) {
.a-csmtextbanner_title>span:last-child {
display:block;
width: 105px;
padding-left: 0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
}
.a-customernumberfield {
position: relative;
display: flex;
width: 100%
}
.a-customernumberfield.a-customernumberfield-invalid .a-customernumberfield_input {
color: #eb0015;
background: #fff9f7;
border-color: #f799a1
}
.a-datefield_body {
position: relative;
display: flex;
align-items: center
}
.a-datefield_body>input {
position: relative;
display: block;
flex: 1 0 auto;
width: calc((100% - 56px)/3);
height: 52px;
padding: 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
outline: 0;
font-size: 16px
}
.a-datefield_body>input::-webkit-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-datefield_body>input::-moz-placeholder {
color: #999;
-webkit-text-fill-color: #999;
opacity: 1
}
.a-datefield_body>input:-ms-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-datefield_body>input:placeholder-shown {
color: #999;
-webkit-text-fill-color: #999
}
.a-datefield_body>input::-webkit-inner-spin-button,.a-datefield_body>input::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0
}
.a-datefield_body>input[type=number] {
-moz-appearance: textfield
}
.a-datefield-invalid .a-datefield_body>input {
color: #eb0015
}
.a-datefield-datetime .a-datefield_body>input {
width: calc((100% - 56px)/7)
}
.a-datefield-datetime .a-datefield_body>input:first-of-type {
width: calc((100% - 56px)/5)
}
.a-datefield_body>.a-datefield_main {
display: none
}
.a-datefield_separator {
position: relative;
display: block;
flex: 0 0 28px;
text-align: center
}
.a-datefield-invalid .a-datefield_separator {
color: #eb0015
}
.a-datefield-datetime .a-datefield_separator {
flex: 0 0 14px
}
.a-datefield_background {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px
}
.a-datefield-invalid .a-datefield_background {
background-color: #fff9f7;
border-color: #f799a1
}
.a-deadlinebox {
font-weight: 600;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
padding: 13px 11px 14px;
margin: 0;
border: 4px solid #f0f0f0
}
.a-deadlinebox:not(:last-child) {
margin-bottom: 20px
}
.a-deadlinebox dd,.a-deadlinebox dt {
display: inline-block
}
.a-deadlinebox dt {
white-space: pre-wrap
}
.a-deadlinebox dd {
margin-left: 0
}
.a-deadlinebox>div:first-child+div {
margin-top: 8px
}
.a-deadlinebox>div:first-child~div {
font-weight: 300
}
.a-empty,.a-loading-block {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 35px 17.5px;
color: #999;
text-align: center;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.a-empty,.a-loading-block {
padding:53px 26.5px
}
}
.a-empty-noborder {
border: none
}
@media (min-width: 769px) {
form .a-empty,form .a-loading-block {
padding:15px;
border-top: none;
border-bottom: none
}
}
.a-errorcode {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 17px 0 16px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
font-weight: 300;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.a-errorcode+p {
margin-top: 37px
}
.a-fielderror {
position: absolute;
right: 10px;
bottom: 100%;
width: 50%;
min-width: 146px;
padding: 3px 6px;
background-color: #eb0015;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0,0,0,.1);
transform: translateY(9px)
}
.a-fielderror span {
font-size: 12px;
line-height: 1.33333;
letter-spacing: -.0225em;
font-weight: 600;
color: #fff
}
.a-fielderror_close {
position: absolute;
top: 50%;
right: 0;
width: 22px;
height: 22px;
cursor: pointer;
border-radius: 50%;
transform: translateY(-50%)
}
.a-fielderror_close:before {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 1px;
content: "";
background: #fff;
transform: translate(-50%,-50%) rotate(45deg)
}
.a-fielderror_close:after {
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 1px;
content: "";
background: #fff;
transform: translate(-50%,-50%) rotate(-45deg)
}
.a-fielderror-lostcard {
left: 0;
transform: translateY(-8px)
}
.a-floatbanner {
position: fixed;
right: 14px;
bottom: 68px;
z-index: 99;
padding-top: 2px;
transition: bottom .35s cubic-bezier(.1,.8,.2,.9) 0ms
}
@media (max-width: 768px) {
.is-sp .a-floatbanner {
bottom:calc(68px + env(safe-area-inset-bottom, 0))
}
}
@media (min-width: 769px) {
.a-floatbanner {
bottom:12px
}
}
.a-floatbanner_imagelink {
display: block;
width: 125px
}
.a-floatbanner_closebutton {
position: absolute;
right: -11px;
bottom: 176px;
z-index: 1;
margin-top: -1px;
background: none;
border: none
}
.a-floatbanner_closebutton .a-icon {
width: 24px;
height: 24px
}
.a-icon {
display: inline-block;
width: 28px;
height: 28px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.a-icon-alert-fill-red {
background-image: url(/-/media/aeoncard/assets/images/icon/alert-fill-red.svg)
}
.a-icon-alert-red {
background-image: url(/-/media/aeoncard/assets/images/icon/alert-red.svg)
}
.a-icon-alert {
background-image: url(/-/media/aeoncard/assets/images/icon/alert.svg)
}
.a-icon-answer-character {
background-image: url(/-/media/aeoncard/assets/images/icon/answer-character.svg)
}
.a-icon-apply-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/apply-purple.svg)
}
.a-icon-apply {
background-image: url(/-/media/aeoncard/assets/images/icon/apply.svg)
}
.a-icon-apply-active {
background-image: url(/-/media/aeoncard/assets/images/icon/apply-active.svg)
}
.a-icon-arrow-down-moderate {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-down-moderate.svg)
}
.a-icon-arrow-down {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-down.svg)
}
.a-icon-arrow-down-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-down-purple.svg)
}
.a-icon-arrow-down-gray {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-down-gray.svg)
}
.a-icon-arrow-right-red {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-right-red.svg)
}
.a-icon-arrow-right-white {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-right-white.svg)
}
.a-icon-arrow-right {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-right.svg)
}
.a-icon-arrow-right-gray {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-right-gray.svg)
}
.a-icon-arrow-right-large {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-right-large.svg)
}
.a-icon-arrow-right-purple-slim {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-right-purple-slim.svg)
}
.a-icon-arrow-up {
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-up.svg)
}
.a-icon-assist {
background-image: url(/-/media/aeoncard/assets/images/icon/assist.svg)
}
.a-icon-assist-active {
background-image: url(/-/media/aeoncard/assets/images/icon/assist-active.svg)
}
.a-icon-bank-account-def {
background-image: url(/-/media/aeoncard/assets/images/icon/bank-account-def.svg)
}
.a-icon-bank-account-sel {
background-image: url(/-/media/aeoncard/assets/images/icon/bank-account-sel.svg)
}
.a-icon-bank-account-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/bank-account-purple.svg)
}
.a-icon-beginner {
background-image: url(/-/media/aeoncard/assets/images/icon/beginner.svg)
}
.a-icon-beginner-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/beginner-purple.svg)
}
.a-icon-benefit {
background-image: url(/-/media/aeoncard/assets/images/icon/benefit.svg)
}
.a-icon-benefit-active {
background-image: url(/-/media/aeoncard/assets/images/icon/benefit-active.svg)
}
.a-icon-benefit-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/benefit-purple.svg)
}
.a-icon-blank {
background-image: url(/-/media/aeoncard/assets/images/icon/blank.svg)
}
.a-icon-blank-white {
background-image: url(/-/media/aeoncard/assets/images/icon/blank-white.svg)
}
.a-icon-blank-gray {
background-image: url(/-/media/aeoncard/assets/images/icon/blank-gray.svg)
}
.a-icon-bubble {
background-image: url(/-/media/aeoncard/assets/images/icon/bubble.svg)
}
.a-icon-campaign {
background-image: url(/-/media/aeoncard/assets/images/icon/campaign.svg)
}
.a-icon-campaign-active {
background-image: url(/-/media/aeoncard/assets/images/icon/campaign-active.svg)
}
.a-icon-campaign-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/campaign-purple.svg)
}
.a-icon-campaign-def {
background-image: url(/-/media/aeoncard/assets/images/icon/campaign-def.svg)
}
.a-icon-campaign-sel {
background-image: url(/-/media/aeoncard/assets/images/icon/campaign-sel.svg)
}
.a-icon-card {
background-image: url(/-/media/aeoncard/assets/images/icon/card.svg)
}
.a-icon-card-active {
background-image: url(/-/media/aeoncard/assets/images/icon/card-active.svg)
}
.a-icon-card-fill-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/card-fill-purple.svg)
}
.a-icon-card-indigo {
background-image: url(/-/media/aeoncard/assets/images/icon/card-indigo.svg)
}
.a-icon-card-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/card-purple.svg)
}
.a-icon-card-small-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/card-small-purple.svg)
}
.a-icon-caret-down {
background-image: url(/-/media/aeoncard/assets/images/icon/caret-down.svg)
}
.a-icon-caret-left {
background-image: url(/-/media/aeoncard/assets/images/icon/caret-left.svg)
}
.a-icon-caret-left-white {
background-image: url(/-/media/aeoncard/assets/images/icon/caret-left-white.svg)
}
.a-icon-caret-right {
background-image: url(/-/media/aeoncard/assets/images/icon/caret-right.svg)
}
.a-icon-caret-right-white {
background-image: url(/-/media/aeoncard/assets/images/icon/caret-right-white.svg)
}
.a-icon-cashing {
background-image: url(/-/media/aeoncard/assets/images/icon/cashing.svg)
}
.a-icon-cashing-active {
background-image: url(/-/media/aeoncard/assets/images/icon/cashing-active.svg)
}
.a-icon-cashing-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/cashing-purple.svg)
}
.a-icon-catch {
background-image: url(/-/media/aeoncard/assets/images/icon/catch.svg)
}
.a-icon-catch-title-mgt {
background-image: url(/-/media/aeoncard/assets/images/icon/catch-title-mgt.svg)
}
.a-icon-chat-bubble {
background-image: url(/-/media/aeoncard/assets/images/icon/chat-bubble.svg)
}
.a-icon-chat-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/chat-purple.svg)
}
.a-icon-check-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/check-purple.svg)
}
.a-icon-check-white {
background-image: url(/-/media/aeoncard/assets/images/icon/check-white.svg)
}
.a-icon-cinema {
background-image: url(/-/media/aeoncard/assets/images/icon/cinema.svg)
}
.a-icon-cinema-active {
background-image: url(/-/media/aeoncard/assets/images/icon/cinema-active.svg)
}
.a-icon-cinema-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/cinema-purple.svg)
}
.a-icon-circle-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/circle-purple.svg)
}
.a-icon-circle-white {
background-image: url(/-/media/aeoncard/assets/images/icon/circle-white.svg)
}
.a-icon-clean {
background-image: url(/-/media/aeoncard/assets/images/icon/clean.svg)
}
.a-icon-clear {
background-image: url(/-/media/aeoncard/assets/images/icon/clear.svg)
}
.a-icon-close {
background-image: url(/-/media/aeoncard/assets/images/icon/close.svg)
}
.a-icon-condition-bad {
background-image: url(/-/media/aeoncard/assets/images/icon/condition-bad.svg)
}
.a-icon-condition-good {
background-image: url(/-/media/aeoncard/assets/images/icon/condition-good.svg)
}
.a-icon-confetti {
background-image: url(/-/media/aeoncard/assets/images/icon/confetti.svg)
}
.a-icon-confirm {
background-image: url(/-/media/aeoncard/assets/images/icon/confirm.svg)
}
.a-icon-contact {
background-image: url(/-/media/aeoncard/assets/images/icon/contact.svg)
}
.a-icon-contact-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/contact-purple.svg)
}
.a-icon-convenient {
background-image: url(/-/media/aeoncard/assets/images/icon/convenient.svg)
}
.a-icon-convenient-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/convenient-purple.svg)
}
.a-icon-copy {
background-image: url(/-/media/aeoncard/assets/images/icon/copy.svg)
}
.a-icon-cross {
background-image: url(/-/media/aeoncard/assets/images/icon/cross.svg)
}
.a-icon-cross-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/cross-purple.svg)
}
.a-icon-cross-small-white {
background-image: url(/-/media/aeoncard/assets/images/icon/cross-small-white.svg)
}
.a-icon-cross-small-gray {
background-image: url(/-/media/aeoncard/assets/images/icon/cross-small-gray.svg)
}
.a-icon-cross-white {
background-image: url(/-/media/aeoncard/assets/images/icon/cross-white.svg)
}
.a-icon-edit {
background-image: url(/-/media/aeoncard/assets/images/icon/edit.svg)
}
.a-icon-filter-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/filter-purple.svg)
}
.a-icon-flag-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/flag-purple.svg)
}
.a-icon-flag-purple-filled {
background-image: url(/-/media/aeoncard/assets/images/icon/flag-purple-filled.svg)
}
.a-icon-function {
background-image: url(/-/media/aeoncard/assets/images/icon/function.svg)
}
.a-icon-function-active {
background-image: url(/-/media/aeoncard/assets/images/icon/function-active.svg)
}
.a-icon-function-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/function-purple.svg)
}
.a-icon-feature {
background-image: url(/-/media/aeoncard/assets/images/icon/feature.svg)
}
.a-icon-feature-active {
background-image: url(/-/media/aeoncard/assets/images/icon/feature-active.svg)
}
.a-icon-feature-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/feature-purple.svg)
}
.a-icon-good-deal {
background-image: url(/-/media/aeoncard/assets/images/icon/good-deal.svg)
}
.a-icon-good-deal-active {
background-image: url(/-/media/aeoncard/assets/images/icon/good-deal-active.svg)
}
.a-icon-hands {
background-image: url(/-/media/aeoncard/assets/images/icon/hands.svg)
}
.a-icon-help {
background-image: url(/-/media/aeoncard/assets/images/icon/help.svg)
}
.a-icon-home {
background-image: url(/-/media/aeoncard/assets/images/icon/home.svg)
}
.a-icon-home-active {
background-image: url(/-/media/aeoncard/assets/images/icon/home-active.svg)
}
.a-icon-home-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/home-purple.svg)
}
.a-icon-home-small-white {
background-image: url(/-/media/aeoncard/assets/images/icon/home-small-white.svg)
}
.a-icon-hospitality {
background-image: url(/-/media/aeoncard/assets/images/icon/hospitality.svg)
}
.a-icon-hospitality-active {
background-image: url(/-/media/aeoncard/assets/images/icon/hospitality-active.svg)
}
.a-icon-hospitality-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/hospitality-purple.svg)
}
.a-icon-information {
background-image: url(/-/media/aeoncard/assets/images/icon/information.svg)
}
.a-icon-information-active {
background-image: url(/-/media/aeoncard/assets/images/icon/information-active.svg)
}
.a-icon-information-inactive {
background-image: url(/-/media/aeoncard/assets/images/icon/information-inactive.svg)
}
.a-icon-information-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/information-purple.svg)
}
.a-icon-koza {
background-image: url(/-/media/aeoncard/assets/images/icon/koza.svg)
}
.a-icon-koza-active {
background-image: url(/-/media/aeoncard/assets/images/icon/koza-active.svg)
}
.a-icon-koza-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/koza-purple.svg)
}
.a-icon-launch {
background-image: url(/-/media/aeoncard/assets/images/icon/launch.svg)
}
.a-icon-launch-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/launch-purple.svg)
}
.a-icon-line-graph {
background-image: url(/-/media/aeoncard/assets/images/icon/line-graph.svg)
}
.a-icon-list {
background-image: url(/-/media/aeoncard/assets/images/icon/list.svg)
}
.a-icon-list-fill-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/list-fill-purple.svg)
}
.a-icon-listapply {
background-image: url(/-/media/aeoncard/assets/images/icon/listapply.svg)
}
.a-icon-login {
background-image: url(/-/media/aeoncard/assets/images/icon/login.svg)
}
.a-icon-logout {
background-image: url(/-/media/aeoncard/assets/images/icon/logout.svg)
}
.a-icon-logout-large {
background-image: url(/-/media/aeoncard/assets/images/icon/logout-large.svg)
}
.a-icon-lost {
background-image: url(/-/media/aeoncard/assets/images/icon/lost.svg)
}
.a-icon-lost-active {
background-image: url(/-/media/aeoncard/assets/images/icon/lost-active.svg)
}
.a-icon-lost-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/lost-purple.svg)
}
.a-icon-medal {
background-image: url(/-/media/aeoncard/assets/images/icon/medal.svg)
}
.a-icon-member-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/member-purple.svg)
}
.a-icon-menu {
background-image: url(/-/media/aeoncard/assets/images/icon/menu.svg)
}
.a-icon-menu-active {
background-image: url(/-/media/aeoncard/assets/images/icon/menu-active.svg)
}
.a-icon-minus {
background-image: url(/-/media/aeoncard/assets/images/icon/minus.svg)
}
.a-icon-news {
background-image: url(/-/media/aeoncard/assets/images/icon/news.svg)
}
.a-icon-news-active {
background-image: url(/-/media/aeoncard/assets/images/icon/news-active.svg)
}
.a-icon-news-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/news-purple.svg)
}
.a-icon-notification {
background-image: url(/-/media/aeoncard/assets/images/icon/notification.svg)
}
.a-icon-ng {
background-image: url(/-/media/aeoncard/assets/images/icon/ng.svg)
}
.a-icon-ok {
background-image: url(/-/media/aeoncard/assets/images/icon/ok.svg)
}
.a-icon-other-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/other-purple.svg)
}
.a-icon-payment-support-def {
background-image: url(/-/media/aeoncard/assets/images/icon/payment-support-def.svg)
}
.a-icon-payment-support-gold {
background-image: url(/-/media/aeoncard/assets/images/icon/payment-support-gold.svg)
}
.a-icon-payment-support-sel {
background-image: url(/-/media/aeoncard/assets/images/icon/payment-support-sel.svg)
}
.a-icon-pdf {
background-image: url(/-/media/aeoncard/assets/images/icon/pdf.svg)
}
.a-icon-pickup {
background-image: url(/-/media/aeoncard/assets/images/icon/pickup.svg)
}
.a-icon-plus {
background-image: url(/-/media/aeoncard/assets/images/icon/plus.svg)
}
.a-icon-point {
background-image: url(/-/media/aeoncard/assets/images/icon/point.svg)
}
.a-icon-point-active {
background-image: url(/-/media/aeoncard/assets/images/icon/point-active.svg)
}
.a-icon-point-blue {
background-image: url(/-/media/aeoncard/assets/images/icon/point-blue.svg)
}
.a-icon-point-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/point-purple.svg)
}
.a-icon-point-tokimeki-selected {
background-image: url(/-/media/aeoncard/assets/images/icon/point-tokimeki-selected.svg)
}
.a-icon-point-tokimeki-unselected {
background-image: url(/-/media/aeoncard/assets/images/icon/point-tokimeki-unselected.svg)
}
.a-icon-point-tokimeki {
background-image: url(/-/media/aeoncard/assets/images/icon/point-tokimeki.svg)
}
.a-icon-point-waon-unselected {
background-image: url(/-/media/aeoncard/assets/images/icon/point-waon-unselected.svg)
}
.a-icon-point-waon {
background-image: url(/-/media/aeoncard/assets/images/icon/point-waon.svg)
}
.a-icon-pointmall {
background-image: url(/-/media/aeoncard/assets/images/icon/pointmall.svg)
}
.a-icon-pointmall-active {
background-image: url(/-/media/aeoncard/assets/images/icon/pointmall-active.svg)
}
.a-icon-pointmall-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/pointmall-purple.svg)
}
.a-icon-point-def {
background-image: url(/-/media/aeoncard/assets/images/icon/point-def.svg)
}
.a-icon-point-sel {
background-image: url(/-/media/aeoncard/assets/images/icon/point-sel.svg)
}
.a-icon-processing {
background-image: url(/-/media/aeoncard/assets/images/icon/processing.svg)
}
.a-icon-processing-active {
background-image: url(/-/media/aeoncard/assets/images/icon/processing-active.svg)
}
.a-icon-processing-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/processing-purple.svg)
}
.a-icon-question {
background-image: url(/-/media/aeoncard/assets/images/icon/question.svg)
}
.a-icon-question-character {
background-image: url(/-/media/aeoncard/assets/images/icon/question-character.svg)
}
.a-icon-return-white {
background-image: url(/-/media/aeoncard/assets/images/icon/return-white.svg)
}
.a-icon-revolving {
background-image: url(/-/media/aeoncard/assets/images/icon/revolving.svg)
}
.a-icon-revolving-active {
background-image: url(/-/media/aeoncard/assets/images/icon/revolving-active.svg)
}
.a-icon-revolving-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/revolving-purple.svg)
}
.a-icon-safety {
background-image: url(/-/media/aeoncard/assets/images/icon/safety.svg)
}
.a-icon-safety-active {
background-image: url(/-/media/aeoncard/assets/images/icon/safety-active.svg)
}
.a-icon-search-first-letter {
background-image: url(/-/media/aeoncard/assets/images/icon/search-first-letter.svg)
}
.a-icon-search {
background-image: url(/-/media/aeoncard/assets/images/icon/search.svg)
}
.a-icon-setting-def {
background-image: url(/-/media/aeoncard/assets/images/icon/setting-def.svg)
}
.a-icon-setting-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/setting-purple.svg)
}
.a-icon-setting-sel {
background-image: url(/-/media/aeoncard/assets/images/icon/setting-sel.svg)
}
.a-icon-search-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/search-purple.svg)
}
.a-icon-search-white {
background-image: url(/-/media/aeoncard/assets/images/icon/search-white.svg)
}
.a-icon-security {
background-image: url(/-/media/aeoncard/assets/images/icon/security.svg)
}
.a-icon-security-active {
background-image: url(/-/media/aeoncard/assets/images/icon/security-active.svg)
}
.a-icon-security-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/security-purple.svg)
}
.a-icon-shopping {
background-image: url(/-/media/aeoncard/assets/images/icon/shopping.svg)
}
.a-icon-sort {
background-image: url(/-/media/aeoncard/assets/images/icon/sort.svg)
}
.a-icon-special {
background-image: url(/-/media/aeoncard/assets/images/icon/special.svg)
}
.a-icon-special-active {
background-image: url(/-/media/aeoncard/assets/images/icon/special-active.svg)
}
.a-icon-special-benefit-active {
background-image: url(/-/media/aeoncard/assets/images/icon/special-benefit-active.svg)
}
.a-icon-special-benefit {
background-image: url(/-/media/aeoncard/assets/images/icon/special-benefit.svg)
}
.a-icon-statement {
background-image: url(/-/media/aeoncard/assets/images/icon/statement.svg)
}
.a-icon-statement-active {
background-image: url(/-/media/aeoncard/assets/images/icon/statement-active.svg)
}
.a-icon-statement-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/statement-purple.svg)
}
.a-icon-sub {
background-image: url(/-/media/aeoncard/assets/images/icon/sub.svg)
}
.a-icon-support {
background-image: url(/-/media/aeoncard/assets/images/icon/support.svg)
}
.a-icon-support-active {
background-image: url(/-/media/aeoncard/assets/images/icon/support-active.svg)
}
.a-icon-support-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/support-purple.svg)
}
.a-icon-support-def {
background-image: url(/-/media/aeoncard/assets/images/icon/support-def.svg)
}
.a-icon-support-sel {
background-image: url(/-/media/aeoncard/assets/images/icon/support-sel.svg)
}
.a-icon-telephone {
background-image: url(/-/media/aeoncard/assets/images/icon/telephone.svg)
}
.a-icon-tool {
background-image: url(/-/media/aeoncard/assets/images/icon/tool.svg)
}
.a-icon-thruway-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/thruway-purple.svg)
}
.a-icon-thruway {
background-image: url(/-/media/aeoncard/assets/images/icon/thruway.svg)
}
.a-icon-thruway-active {
background-image: url(/-/media/aeoncard/assets/images/icon/thruway-active.svg)
}
.a-icon-upload {
background-image: url(/-/media/aeoncard/assets/images/icon/upload.svg)
}
.a-icon-use-purple {
background-image: url(/-/media/aeoncard/assets/images/icon/use-purple.svg)
}
.a-icon-warn {
background-image: url(/-/media/aeoncard/assets/images/icon/warn.svg)
}
.a-icon-zoom-in {
background-image: url(/-/media/aeoncard/assets/images/icon/zoom-in.svg)
}
.a-image {
position: relative;
width: 100%;
margin-bottom: 15px;
overflow: hidden
}
.a-image:last-child {
margin-bottom: 0
}
.a-image-verticalcardface {
width: 63%;
margin: 0 auto
}
.a-image-verticalcardface .a-image_image:not(.loading) {
border: 1px solid #f0f0f0;
border-radius: 6%/4%
}
.a-image_image {
width: 100%
}
.a-image-lazy .a-image_image {
opacity: 0;
transition: opacity .3s
}
.a-image-lazy .a-image_image-loaded {
opacity: 1
}
.a-image-fixed>.a-image_image {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-height: 100%;
transform: translate(-50%,-50%)
}
.a-image:not(.a-image-fixed)>.a-image_image {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto
}
.a-image-16x9 {
position: relative
}
.a-image-16x9:before {
display: block;
padding-bottom: 56.25%;
content: ""
}
.a-image-1x1 {
position: relative
}
.a-image-1x1:before {
display: block;
padding-bottom: 100%;
content: ""
}
.a-image-2x1 {
position: relative
}
.a-image-2x1:before {
display: block;
padding-bottom: 50%;
content: ""
}
.a-image-3x2 {
position: relative
}
.a-image-3x2:before {
display: block;
padding-bottom: 66.66667%;
content: ""
}
.a-image-card {
position: relative
}
.a-image-card:before {
display: block;
padding-bottom: 63.25%;
content: ""
}
.a-image-card .a-image_image:not(.loading) {
width: calc(100% - 2px);
max-height: calc(100% - 2px);
border: 1px solid #f0f0f0;
border-radius: 4%/6%
}
.a-image_image-error+.a-image_loadingcover,.a-image_image-loaded+.a-image_loadingcover {
display: none
}
.a-image-lazy .a-image_loadingcover {
position: absolute;
top: 0;
left: 50%;
width: 30%;
max-width: 50px;
height: 100%;
transform: translate(-50%)
}
.a-image-lazy .a-image_loadingcover:after {
position: absolute;
top: 50%;
left: 50%;
box-sizing: content-box;
width: 100%;
padding-bottom: 100%;
margin-top: calc(-50% - .2rem);
margin-left: calc(-50% - .2rem);
content: "";
border: .2rem solid #999;
border-right-color: transparent;
border-radius: 50%;
animation: loading-placeholder .75s linear infinite
}
.a-image:not(.a-image-lazy) .a-image_loadingcover {
display: none
}
.a-image-border .a-image_image:not(.loading) {
border: 1px solid #dedddd
}
.a-image-borderradius .a-image_image:not(.loading) {
border-radius: 4%/6%
}
.a-image-original {
display: table;
width: auto
}
.a-image-single:not(.a-image-fixed)>.a-image_image {
max-width: 370px
}
.a-image-double:not(.a-image-fixed)>.a-image_image {
max-width: 742px
}
.a-image-nomarginbottom {
margin-bottom: 0
}
.a-image-horizontalmarginauto {
margin-right: auto;
margin-left: auto
}
@media (max-width: 768px) {
.a-image-lead {
width:100vw;
margin-left: -16px
}
}
@media (min-width: 769px) {
.a-image-lead {
border-radius:10px
}
}
.a-image_caption {
padding: 10px;
text-align: center;
list-style: none;
background-color: #f2f2f2
}
@media (max-width: 768px) {
.a-image_caption {
font-size:12px;
line-height: 2;
letter-spacing: -.01667em
}
}
@media (min-width: 769px) {
.a-image_caption {
font-size:16px;
line-height: 2;
letter-spacing: -.0125em
}
}
.a-leadimagearea {
position: relative;
width: 100vw;
min-width: 1024px;
padding: 77px calc(50vw - 500px);
margin-left: calc(500px - 50vw)
}
@media (min-width: 1024px) and (max-width:1204px) {
.a-leadimagearea {
padding:77px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.a-leadimagearea {
width:1024px;
padding: 77px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.a-leadimagearea {
width:100vw;
min-width: auto;
padding: 48.5px 16px;
margin-left: -16px;
min-height: 120px;
padding: 35px 16px
}
}
.a-leadimagearea_imagepc,.a-leadimagearea_imagesp {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f7f6f2 no-repeat 100% 0/auto 100%
}
@media (max-width: 768px) {
.a-leadimagearea_imagepc {
display:none
}
}
@media (min-width: 769px) {
.a-leadimagearea_imagesp {
display:none
}
}
.a-leadimagearea_text {
position: relative;
font-size: 18px;
line-height: 1.44444;
letter-spacing: -.02222em
}
@media (max-width: 768px) {
.a-leadimagearea_text {
max-width:100%
}
}
.a-line {
width: 100%;
height: 1px;
margin-bottom: 16px;
background-color: #f0f0f0;
border: 0
}
@media (max-width: 768px) {
.a-line:not(.a-line-vertical) {
margin-top:3vw;
margin-bottom: 4vw
}
}
.a-line-vertical {
width: 1px;
height: 14px;
background-color: #1a1a1a
}
.a-line-margintop {
margin-top: 32px
}
@media (max-width: 768px) {
.a-line-margintop {
margin-top:32px!important
}
}
.a-line-linedarkmargintopbottom {
margin: 55px 0;
background-color: #ebebeb
}
@media (max-width: 768px) {
.a-line-linedarkmargintopbottom {
margin:40px 0
}
}
.a-linkutilitybill {
display: block;
width: 100%
}
.a-linkutilitybill_wrapper {
position: relative
}
.a-linkutilitybill_wrapper>.a-image {
margin-bottom: 12px;
border: 1px solid #ebebeb;
border-radius: 4px
}
.a-linkutilitybill_wrapper>.a-icon {
position: absolute;
right: 4px;
bottom: 3px
}
.a-linkutilitybill_title {
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
.a-linkutilitybill_title:after,.a-linkutilitybill_title:before {
display: block;
overflow: hidden;
content: ""
}
.a-linkutilitybill_title:before {
margin-bottom: -3.5px
}
.a-linkutilitybill_title:after {
margin-top: -3.5px
}
.a-linkutilitybill-disabled {
pointer-events: none;
opacity: .2
}
.a-loading:not(.a-loading-block):not(.a-loading-overlay) {
width: 100%;
height: 100%;
margin-top: 30px
}
.a-loading-overlay {
position: fixed;
z-index: 10000;
width: 100vw;
height: 100vh;
margin-top: 0;
background: hsla(0,0%,100%,.5)
}
.a-loading_spinner {
width: 30%;
max-width: 50px;
height: auto;
margin: 0 auto
}
.a-loading_spinner:after {
box-sizing: content-box;
display: block;
width: 100%;
padding-bottom: 100%;
content: "";
border: .2rem solid #999;
border-right-color: transparent;
border-radius: 50%;
animation: loading-placeholder .75s linear infinite
}
.a-loading-overlay .a-loading_spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.a-loading-overlay .a-loading_spinner:after {
position: absolute;
top: 0;
left: 50%;
margin-top: calc(-50% - .2rem);
margin-left: calc(-50% - .2rem)
}
.a-loading-block {
border: none
}
.a-button .a-loading {
width: 72px;
height: auto;
margin-top: 0
}
.a-panellink {
position: relative;
display: block;
padding: 11px 14px 13px;
background: #fff;
border-radius: 12px;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}
.a-panellink_label {
color: #666;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
.a-panellink_label:after {
display: inline-block;
width: 15px;
height: 1px;
content: ""
}
.a-panellink .a-icon {
position: absolute;
right: 4px;
bottom: 3px;
min-width: 28px
}
.a-panellink-simple {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 10px 15px
}
.a-panellink-simple .a-panellink_label {
padding-right: 5px
}
.a-panellink-simple .a-panellink_label:after {
display: none
}
.a-panellink-simple .a-icon {
position: static;
margin-right: 2px
}
.a-phonefield_body {
position: relative;
display: flex;
align-items: center
}
.a-phonefield_body>input {
position: relative;
display: block;
flex: 1 0 auto;
width: calc((100% - 56px)/3);
height: 52px;
padding: 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
outline: 0;
font-size: 16px
}
.a-phonefield_body>input::-webkit-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-phonefield_body>input::-moz-placeholder {
color: #999;
-webkit-text-fill-color: #999;
opacity: 1
}
.a-phonefield_body>input:-ms-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-phonefield_body>input:placeholder-shown {
color: #999;
-webkit-text-fill-color: #999
}
.a-phonefield_body>input::-webkit-inner-spin-button,.a-phonefield_body>input::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0
}
@media (min-width: 769px) and (max-width:1203px) {
.a-phonefield_body>input {
padding:8px
}
}
.a-phonefield-invalid .a-phonefield_body>input {
color: #eb0015
}
.a-phonefield_body>.a-phonefield_main {
display: none
}
.a-phonefield_separator {
position: relative;
display: block;
flex: 0 0 28px;
text-align: center
}
@media (min-width: 769px) and (max-width:1203px) {
.a-phonefield_separator {
flex:0 0 7px
}
}
.a-phonefield-invalid .a-phonefield_separator {
color: #eb0015
}
.a-phonefield_background {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px
}
.a-phonefield-invalid .a-phonefield_background {
background-color: #fff9f7;
border-color: #f799a1
}
.a-phonelink {
display: block;
color: inherit
}
.is-pc .a-phonelink {
pointer-events: none
}
@media (min-width: 769px) {
.a-phonelink {
pointer-events:none
}
}
.a-phonelink_header {
padding: 8px 0 0 42px;
color: #666;
font-size: 10px;
line-height: 1;
letter-spacing: -.022em
}
@media (min-width: 769px) {
.a-phonelink_header-marginbottompc {
margin-bottom:4px
}
}
.a-phonelink_body {
display: flex;
align-items: center;
padding: 3px 0
}
.a-phonelink_icon {
position: relative;
flex: 0 0 38px;
margin-right: 4px
}
.a-phonelink_icon>* {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
.a-phonelink_icon>img {
width: 38px
}
.a-phonelink_icon>.a-icon {
width: 32px;
height: 32px
}
.a-phonelink_number {
margin-top: -1px;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 32px;
line-height: 1;
letter-spacing: 0;
font-weight: 500
}
.a-phonelink_numbernote {
margin-left: 42px
}
.a-phonelink_smallnote {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.01833em
}
@media (max-width: 768px) {
.a-phonelink_smallnote {
width:calc(100% - 14px)
}
}
.a-phonelink_indicator>.a-icon {
display: none
}
@media (max-width: 768px) {
.a-phonelink_indicator>.a-icon {
display:block
}
}
.a-phonelink_footer {
padding-left: 42px
}
.a-phonelink_footer>.a-tag {
font-weight: 600
}
.a-phonelink_footertime {
font-size: 13px;
line-height: 1.23077;
letter-spacing: -.02231em;
font-weight: 600;
padding-left: 6px
}
.a-pickuplink {
max-width: 375px;
padding: 25px;
text-align: center
}
.a-pickuplink_description {
margin-bottom: 1.33em;
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-pickuplink_image .a-image {
width: 134px;
margin: 0 auto
}
.a-pictbutton {
display: flex;
align-items: center;
width: 100%;
padding: 17px 11px 16px 15px;
color: inherit;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 2px 10px 0 hsla(0,0%,56.9%,.2)
}
.a-pictbutton_main {
flex: 1 1 0%;
margin-left: 9px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-pictbutton_title {
margin-bottom: 5px;
font-weight: 600
}
.a-pictbutton .a-image {
width: 60px;
margin: 0;
background-color: #d8d8d8;
border: 1px solid #b60081
}
.a-pictbutton .a-image,.a-pictbutton .a-image img {
border-radius: 50%
}
.a-pictbutton-noborder .a-image {
background-color: #faf9f5;
border: none
}
.a-pictlead {
position: relative;
display: flex;
align-items: center;
background-color: #fafafa;
border-radius: 12px
}
@media (max-width: 768px) {
.a-pictlead {
min-height:95px
}
}
.a-pictlead:before {
position: absolute;
top: 20px;
bottom: 20px;
left: 89px;
width: 1px;
content: "";
background-color: #f0f0f0
}
@media (min-width: 769px) {
.a-pictlead:before {
left:141px
}
}
.a-pictlead:not(:last-child)+.a-pictlead {
margin-top: 15px
}
.a-pictlead img {
width: 80px;
height: 80px;
margin: 0 5px
}
@media (min-width: 769px) {
.a-pictlead img {
margin:0 31px
}
}
.a-pictlead span {
flex: 1 1 0%;
padding: 16px 14px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.a-pictlead span {
padding:20px 28px;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
}
.a-pictlink {
position: relative;
color: inherit;
text-decoration: none;
box-shadow: 0 1px 8px rgba(0,0,0,.13)
}
.a-pictlink:not(.a-pictlink-landscape):not(.a-pictlink-landscapetype2):not(.a-pictlink-category):not(.a-pictlink-cardfeatures):not(.a-pictlink-cardfeaturestype2) {
display: block;
width: 166px;
height: 166px;
text-align: center;
background-color: rgba(0,0,0,.07);
border-radius: 40%
}
@media (max-width: 768px) {
.a-pictlink:not(.a-pictlink-landscape):not(.a-pictlink-landscapetype2):not(.a-pictlink-category):not(.a-pictlink-cardfeatures):not(.a-pictlink-cardfeaturestype2) {
width:149px;
height: 149px
}
}
.a-pictlink:not(.a-pictlink-landscape):not(.a-pictlink-landscapetype2):not(.a-pictlink-category):not(.a-pictlink-cardfeatures):not(.a-pictlink-cardfeaturestype2):before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-image: url(/-/media/aeoncard/assets/images/common/bg-circlebutton.svg);
background-repeat: no-repeat;
background-size: 100% 100%
}
.a-pictlink_title {
position: relative;
display: block;
margin-top: -18px;
text-align: center;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em;
font-weight: 600
}
@media (max-width: 768px) {
.a-pictlink_title {
margin-top:-16px
}
}
.a-pictlink>.a-image {
display: block;
width: 118px;
height: 118px;
margin: 2px auto 0
}
@media (max-width: 768px) {
.a-pictlink>.a-image {
width:106px;
height: 106px;
margin-top: -3px
}
}
.a-pictlink>.a-icon {
position: relative;
margin-top: -3px
}
@media (max-width: 768px) {
.a-pictlink>.a-icon {
margin-top:-5px
}
}
.a-pictlink-landscape {
display: flex;
padding: 30px 0;
background-color: #fff;
border-radius: 12px
}
@media (max-width: 768px) {
.a-pictlink-landscape {
padding:15px 0 14px
}
}
.a-pictlink-landscape .a-pictlink_content {
width: 100%;
padding-right: 40px;
text-align: left
}
.a-pictlink-landscape .a-pictlink_text {
padding-top: 5px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-pictlink-landscape .a-pictlink_title {
margin-top: 0;
text-align: left;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
.a-pictlink-landscape>.a-image {
width: 86px;
min-width: 86px;
height: 86px;
margin: 0 17px 0 30px;
background-color: #fafafa;
border-radius: 50%
}
@media (max-width: 768px) {
.a-pictlink-landscape>.a-image {
width:75px;
min-width: 75px;
height: 75px;
margin: 0 14px 0 15px
}
}
.a-pictlink-landscape>.a-image>.a-image_image {
width: 78%
}
.a-pictlink-landscape>.a-icon {
position: absolute;
top: calc(50% - 9px);
right: 10px
}
.a-pictlink-landscapetype2 {
display: flex;
width: 100%;
padding: 12px 15px 11px 10px;
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,.05)
}
@media (min-width: 769px) {
.a-pictlink-landscapetype2 {
padding:9px 20px 8px 9px
}
}
.a-pictlink-landscapetype2 .a-pictlink_content {
width: 100%;
padding-right: 40px;
text-align: left
}
@media (min-width: 769px) {
.a-pictlink-landscapetype2 .a-pictlink_content {
padding-top:5px
}
}
.a-pictlink-landscapetype2 .a-pictlink_title {
margin-top: 0;
text-align: left;
font-weight: 600
}
@media (min-width: 769px) {
.a-pictlink-landscapetype2 .a-pictlink_title {
font-size:16px;
line-height: 1.5;
letter-spacing: -.01937em
}
}
.a-pictlink-landscapetype2 .a-pictlink_amount {
font-size: 12px;
line-height: 2;
letter-spacing: -.02583em;
font-weight: 300
}
@media (max-width: 768px) {
.a-pictlink-landscapetype2 .a-pictlink_amount {
font-size:10px;
line-height: 2;
letter-spacing: -.031em
}
}
.a-pictlink-landscapetype2 .a-pictlink_text {
margin-top: 2px;
font-size: 14px;
line-height: 1.28571;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.a-pictlink-landscapetype2 .a-pictlink_text {
margin-top:1px
}
}
.a-pictlink-landscapetype2>.a-image {
width: 75px;
min-width: 75px;
height: 75px;
margin-top: 0
}
@media (min-width: 769px) {
.a-pictlink-landscapetype2>.a-image {
width:85px;
min-width: 85px;
height: 85px;
margin-right: 10px
}
}
.a-pictlink-landscapetype2>.a-icon {
position: absolute;
top: calc(50% + 5px);
right: 8px;
transform: translateY(-50%)
}
.a-pictlink-cardfeatures {
display: block;
width: 100%;
text-align: center;
border: 1px solid #ebebeb;
border-radius: 12px;
box-shadow: none
}
@media (max-width: 768px) {
.a-pictlink-cardfeatures {
padding:8px 12px 12px
}
}
@media (min-width: 769px) {
.a-pictlink-cardfeatures {
padding:14px 16px
}
}
.a-pictlink-cardfeatures>.a-image {
width: 40px;
height: 40px;
margin-top: 0
}
.a-pictlink-cardfeatures .a-pictlink_title {
margin-top: 5px;
font-size: 12px;
line-height: 1.66667
}
.a-pictlink-cardfeatures>.a-icon {
position: absolute;
top: 50%;
margin-top: 0;
transform: translateY(-50%)
}
@media (max-width: 768px) {
.a-pictlink-cardfeatures>.a-icon {
right:6px
}
}
@media (min-width: 769px) {
.a-pictlink-cardfeatures>.a-icon {
right:10px
}
}
.a-pictlink-cardfeaturestype2 {
display: block;
width: 100%;
padding: 0 7px 8px;
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,.05)
}
@media (min-width: 769px) {
.a-pictlink-cardfeaturestype2 {
padding-top:10px;
padding-bottom: 9px
}
}
.a-pictlink-cardfeaturestype2>.a-image {
width: 75px;
height: 75px;
margin-top: -2px
}
.a-pictlink-cardfeaturestype2 .a-pictlink_content {
margin-top: 12px
}
@media (min-width: 769px) {
.a-pictlink-cardfeaturestype2 .a-pictlink_content {
margin-top:14px
}
}
.a-pictlink-cardfeaturestype2 .a-pictlink_title {
font-size: 14px;
line-height: 1.71429;
letter-spacing: -.02214em
}
.a-pictlink-cardfeaturestype2 .a-pictlink_amount {
font-size: 10px;
line-height: 2.4;
letter-spacing: -.031em;
font-weight: 300
}
@media (min-width: 769px) {
.a-pictlink-cardfeaturestype2 .a-pictlink_amount {
font-size:12px;
line-height: 2;
letter-spacing: -.02583em
}
}
.a-pictlink-cardfeaturestype2>.a-icon {
position: absolute;
top: 50%;
margin-top: 0;
transform: translateY(-50%)
}
@media (max-width: 768px) {
.a-pictlink-cardfeaturestype2>.a-icon {
right:6px
}
}
@media (min-width: 769px) {
.a-pictlink-cardfeaturestype2>.a-icon {
right:10px
}
}
.a-pictlink-category {
display: flex;
align-items: center;
height: 100%;
padding: 20px 16px;
background-color: #fff;
border-radius: 12px
}
@media (max-width: 768px) {
.a-pictlink-category {
min-height:80px;
padding: 11px 16px
}
}
.a-pictlink-category .a-pictlink_content {
width: 100%;
padding-right: 20px;
text-align: left
}
.a-pictlink-category .a-pictlink_title {
margin-top: 0;
text-align: left;
font-size: 14px;
line-height: 1.42857;
letter-spacing: -.02571em;
font-weight: 600
}
.a-pictlink-category>.a-image {
width: 40px;
min-width: 40px;
height: 40px;
margin-right: 12px
}
.a-pictlink-category>.a-icon {
position: absolute;
top: calc(50% - 9px);
right: 10px
}
.a-pulldown {
position: relative;
width: 100%
}
.a-pulldown-tight {
margin-bottom: 10px
}
.a-pulldown-tight:last-child {
margin-bottom: 0
}
.a-pulldown-tight .a-icon {
width: 24px;
height: 24px
}
.a-pulldown_select {
width: 100%;
height: 52px;
padding: 13px 32px 13px 12px;
overflow: hidden;
color: #1a1a1a;
text-overflow: ellipsis;
white-space: nowrap;
background: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px
}
.a-pulldown_select:focus {
border-color: #ca018f
}
.a-pulldown_select::-ms-expand {
display: none
}
.a-pulldown_select:focus::-ms-value {
color: #1a1a1a;
background: #fff
}
.a-pulldown_select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000
}
.a-pulldown-tight .a-pulldown_select {
height: 42px;
padding: 8px 32px 9px 16px;
color: #1a1a1a;
background-color: #fbfbfb;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.a-pulldown_select option {
color: #1a1a1a
}
.a-pulldown-invalid .a-pulldown_select {
color: #eb0015;
background: #fff9f7;
border-color: #f799a1
}
.a-pulldown .a-icon {
position: absolute;
top: 50%;
right: 5px;
display: block;
pointer-events: none;
transform: translateY(-50%)
}
.a-pushbadge {
box-sizing: border-box;
display: block;
width: -webkit-max-content;
width: max-content;
min-width: 22px;
height: 22px;
padding: 0 5.5px;
color: #fff;
text-align: center;
white-space: nowrap;
background: #b60081;
border: 2px solid #fff;
border-radius: 11px;
font-size: 12px;
line-height: 1.5
}
.a-pushbadge-large {
padding: 0 3px
}
.a-radio {
width: 100%
}
.a-radio_input {
position: absolute;
pointer-events: none;
opacity: 0
}
.a-radio_body {
position: relative;
display: flex;
align-items: center;
height: 100%;
cursor: pointer;
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none
}
.a-radio_input:disabled+.a-radio_body {
color: #737373;
cursor: auto;
background: #f3f3f3;
border-color: #dedddd
}
.a-radio_input:focus+.a-radio_body {
border-color: #ca018f
}
.a-radio_indicator {
position: absolute;
top: calc(50% - 14px);
left: 12px;
width: 28px;
height: 28px;
background-image: url(/-/media/aeoncard/assets/images/common/radio-off.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
.a-radio_input:checked+.a-radio_body>.a-radio_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/radio-on.svg)
}
.a-radio_label {
padding: 15px 34px 15px 45px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.a-radio-round small {
display: block;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-radio-round .a-radio_body {
display: flex;
background-color: #fff;
border-color: #b60081;
border-radius: 30px;
box-shadow: 0 1px 6px 0 rgba(0,0,0,.05)
}
.a-radio-round .a-radio_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-off.svg)
}
.a-radio-round .a-radio_input:checked+.a-radio_body {
background-color: #f9eaf5
}
.a-radio-round .a-radio_input:checked+.a-radio_body>.a-radio_indicator {
background-image: url(/-/media/aeoncard/assets/images/common/checkbox-on.svg)
}
.a-radio-round .a-radio_label {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 58px;
padding: 6px 5px 5px;
color: #a20073;
text-align: center;
font-weight: 600
}
.a-radio-round .a-radio_label>span {
display: inline-block;
max-width: 208px
}
.a-searchtag {
display: inline-block;
padding: 9px 10px;
color: #a20073;
background: #fff;
border: 1px solid #f0f0f0;
border-radius: 18px;
outline: none;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em;
font-weight: 300
}
.a-searchtag+.a-searchtag {
margin-left: 5px
}
.a-speechbubblepanel {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
padding: 16px 15px 11px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 4px
}
@media (min-width: 769px) {
.a-speechbubblepanel {
padding:22px 26px 17px
}
}
.a-speechbubblepanel_content {
flex-grow: 1
}
.a-speechbubblepanel_bubble {
position: relative;
display: flex;
align-items: center;
padding: 13px 10px;
margin-right: 1px;
margin-left: 1px;
color: #1a1a1a;
background-color: #faf9f5;
border-radius: 4px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
.a-speechbubblepanel_bubble>span {
display: inline-flex;
flex-shrink: 0;
width: 52px;
height: 52px;
padding: 8px;
margin-right: 10px;
background-color: #fff;
border-radius: 50%
}
.a-speechbubblepanel_bubble .a-icon {
width: 36px;
height: 36px
}
.a-speechbubblepanel_bubble:after {
position: absolute;
bottom: -8px;
left: 28px;
width: 0;
height: 0;
content: "";
border-color: #faf9f5 transparent transparent;
border-style: solid;
border-width: 8px 8px 0
}
.a-speechbubblepanel_title {
margin-top: 18px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: -.02222em
}
@media (min-width: 769px) {
.a-speechbubblepanel_title {
margin-top:20px
}
}
.a-speechbubblepanel_description {
margin-top: 10px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-speechbubblepanel .m-linkcontainer {
margin-top: 6px;
margin-bottom: 30px
}
@media (min-width: 769px) {
.a-speechbubblepanel .m-linkcontainer {
margin-top:34px;
margin-bottom: 10px
}
}
.a-speechbubblepanel .m-buttoncontainer {
margin: 20px 0
}
@media (max-width: 768px) {
.a-speechbubblepanel .m-buttoncontainer:last-child {
margin-bottom:20px
}
}
.a-statusbox {
display: flex;
justify-content: space-between;
width: 100%;
padding: 22px 28px;
margin: 0;
border: 1px solid #ebebeb;
border-radius: 4px
}
.a-statusbox:not(:last-child) {
margin-bottom: 20px
}
.a-statusbox dt {
flex: 1 0 auto;
margin-right: 16px;
margin-left: 0;
color: #767676;
font-weight: 600;
font-size: 12px;
line-height: 1.25;
letter-spacing: -.0225em
}
.a-statusbox dd {
font-style: italic;
color: #666;
font-weight: 300;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-steps {
position: relative;
width: 100%;
max-width: 500px;
padding: 0;
margin: 0 auto 40px
}
@media (max-width: 768px) {
.a-steps {
max-width:298px;
margin-bottom: 30px
}
}
.a-steps-length2 {
max-width: 300px
}
@media (max-width: 768px) {
.a-steps-length2 {
max-width:208px
}
}
.a-steps_container {
display: flex;
justify-content: space-between;
width: 100%;
list-style-type: none
}
.a-steps:before {
position: absolute;
top: 7px;
right: 7px;
left: 7px;
height: 32px;
content: "";
background: #f7f7f7;
border-radius: 16px
}
.a-steps-length2.a-steps-step1:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 100%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length2.a-steps-step2:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 200%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length2.a-steps-step3:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 300%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length2.a-steps-step4:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 400%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length3.a-steps-step1:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 50%,#f7f7f7 0,#f7f7f7)
}
.a-steps-length3.a-steps-step2:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 100%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length3.a-steps-step3:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 150%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length3.a-steps-step4:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 200%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length4.a-steps-step1:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 33.33333%,#f7f7f7 0,#f7f7f7)
}
.a-steps-length4.a-steps-step2:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 66.66667%,#f7f7f7 0,#f7f7f7)
}
.a-steps-length4.a-steps-step3:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 100%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps-length4.a-steps-step4:before {
background-image: linear-gradient(90deg,#fadcf2,#fadcf2 133.33333%,#f7f7f7 0,#f7f7f7 0)
}
.a-steps_element {
position: relative
}
.a-steps_element_num {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
margin: auto;
color: #fff;
background-color: #e8add7;
background-clip: padding-box;
border: 11.5px solid transparent;
border-radius: 50%;
font-size: 13px;
line-height: 1;
letter-spacing: 0;
font-weight: 600;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.a-steps-step0 .a-steps_element:first-child .a-steps_element_num {
color: #fff;
background-color: #d15cae;
border: 6px solid #f7f7f7;
font-size: 16px;
line-height: 1;
letter-spacing: 0
}
.a-steps-step0 .a-steps_element:first-child~.a-steps_element .a-steps_element_num {
color: #a3a3a3;
background-color: #fff
}
.a-steps-step1 .a-steps_element:nth-child(2) .a-steps_element_num {
color: #fff;
background-color: #d15cae;
border: 6px solid #f7f7f7;
font-size: 16px;
line-height: 1;
letter-spacing: 0
}
.a-steps-step1 .a-steps_element:nth-child(2)~.a-steps_element .a-steps_element_num {
color: #a3a3a3;
background-color: #fff
}
.a-steps-step2 .a-steps_element:nth-child(3) .a-steps_element_num {
color: #fff;
background-color: #d15cae;
border: 6px solid #f7f7f7;
font-size: 16px;
line-height: 1;
letter-spacing: 0
}
.a-steps-step2 .a-steps_element:nth-child(3)~.a-steps_element .a-steps_element_num {
color: #a3a3a3;
background-color: #fff
}
.a-steps-step3 .a-steps_element:nth-child(4) .a-steps_element_num {
color: #fff;
background-color: #d15cae;
border: 6px solid #f7f7f7;
font-size: 16px;
line-height: 1;
letter-spacing: 0
}
.a-steps-step3 .a-steps_element:nth-child(4)~.a-steps_element .a-steps_element_num {
color: #a3a3a3;
background-color: #fff
}
.a-steps_element_title {
margin-top: 4px;
color: #e8add7;
text-align: center;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em
}
.a-steps-step0 .a-steps_element:first-child .a-steps_element_title {
color: #cc009b
}
.a-steps-step0 .a-steps_element:first-child~.a-steps_element .a-steps_element_title {
color: #a3a3a3
}
.a-steps-step1 .a-steps_element:nth-child(2) .a-steps_element_title {
color: #cc009b
}
.a-steps-step1 .a-steps_element:nth-child(2)~.a-steps_element .a-steps_element_title {
color: #a3a3a3
}
.a-steps-step2 .a-steps_element:nth-child(3) .a-steps_element_title {
color: #cc009b
}
.a-steps-step2 .a-steps_element:nth-child(3)~.a-steps_element .a-steps_element_title {
color: #a3a3a3
}
.a-steps-step3 .a-steps_element:nth-child(4) .a-steps_element_title {
color: #cc009b
}
.a-steps-step3 .a-steps_element:nth-child(4)~.a-steps_element .a-steps_element_title {
color: #a3a3a3
}
.a-steps_bg {
position: absolute;
top: 6px;
left: 6px;
width: 34px;
height: 34px;
background-color: transparent;
border-radius: 50%
}
.a-steps-step0 .a-steps_element:first-child .a-steps_bg {
box-shadow: 0 0 4px 0 rgba(204,0,155,.2)
}
.a-steps-step1 .a-steps_element:nth-child(2) .a-steps_bg {
box-shadow: 0 0 4px 0 rgba(204,0,155,.2)
}
.a-steps-step2 .a-steps_element:nth-child(3) .a-steps_bg {
box-shadow: 0 0 4px 0 rgba(204,0,155,.2)
}
.a-steps-step3 .a-steps_element:nth-child(4) .a-steps_bg {
box-shadow: 0 0 4px 0 rgba(204,0,155,.2)
}
.a-steps-small .a-steps_bg,.a-steps-tiny .a-steps_bg {
position: absolute;
top: 5px;
left: 5px;
width: 30px;
height: 30px
}
.a-steps-small,.a-steps-tiny {
padding: 0 3px 6px 4px
}
.a-steps-small:before,.a-steps-tiny:before {
top: 8px;
right: 10px;
left: 11px;
height: 24px
}
.a-steps-small .a-steps_element_num,.a-steps-tiny .a-steps_element_num {
width: 40px;
height: 40px;
border: 10px solid transparent
}
.a-steps-small.a-steps-step0 .a-steps_element:first-child .a-steps_element_num,.a-steps-tiny.a-steps-step0 .a-steps_element:first-child .a-steps_element_num {
border: 5px solid #f7f7f7
}
.a-steps-small.a-steps-step1 .a-steps_element:nth-child(2) .a-steps_element_num,.a-steps-tiny.a-steps-step1 .a-steps_element:nth-child(2) .a-steps_element_num {
border: 5px solid #f7f7f7
}
.a-steps-small.a-steps-step2 .a-steps_element:nth-child(3) .a-steps_element_num,.a-steps-tiny.a-steps-step2 .a-steps_element:nth-child(3) .a-steps_element_num {
border: 5px solid #f7f7f7
}
.a-steps-small.a-steps-step3 .a-steps_element:nth-child(4) .a-steps_element_num,.a-steps-tiny.a-steps-step3 .a-steps_element:nth-child(4) .a-steps_element_num {
border: 5px solid #f7f7f7
}
.a-steps-small {
max-width: 335px
}
.a-steps-tiny {
max-width: 224px
}
.a-switch {
display: inline-flex;
align-items: center;
cursor: pointer
}
.a-switch>span {
position: relative;
display: inline-flex;
min-width: 42px;
height: 20px;
margin: 2px;
background-color: #e8e8e8;
border-radius: 15px;
transition: background-color .15s cubic-bezier(.4,0,.2,1) 0ms
}
.a-switch>span:before {
position: absolute;
top: -2px;
width: 24px;
height: 24px;
content: "";
background-color: #fff;
border-radius: 50%;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.13);
transition: transform .15s cubic-bezier(.4,0,.2,1) 0ms,background-color .15s cubic-bezier(.4,0,.2,1) 0ms;
transform: translateX(-2px)
}
.a-switch>div {
margin-right: 10px;
color: #666;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-switch>input:checked~span {
background-color: #b60081
}
.a-switch>input:checked~span:before {
background-color: #f6deef;
transform: translateX(20px)
}
.a-tag {
font-size: 10px;
line-height: 1.4;
letter-spacing: 0;
display: inline-block;
padding: 0 3px;
color: #7a7872;
text-align: center;
border: 1px solid #7a7872;
border-radius: 4px
}
.a-tag-blue {
color: #4653a2;
border-color: #4653a2
}
.a-tag-moderateblack {
color: #1a1a1a;
border-color: #d7d6d4
}
.a-tag-moderategray {
border-color: #d7d6d4
}
.a-tag-purple {
color: #b60081;
border-color: #b60081
}
.a-tag-red {
color: #eb0015;
border-color: #eb0015
}
.a-tag-category {
padding: 12px;
background-color: #faf9f5;
border: 0;
font-size: 12px;
line-height: 1;
letter-spacing: 0;
font-weight: 600
}
.a-tag-strong {
padding: 3px calc(12px - .09091em) 3px 12px;
background-color: #fff;
font-weight: 600;
font-size: 11px;
line-height: 1.27273;
letter-spacing: .09091em
}
.a-tag-seattle,.a-tag-seattlelow {
padding: 5px;
color: #fff;
background-color: #a6a298;
border-color: #a6a298;
font-weight: 600;
font-size: 10px;
line-height: 1;
letter-spacing: 0
}
.a-tag-seattlelow {
opacity: .45
}
.a-tag-limited {
padding: 4px 5px 5px;
color: #fff;
background-color: #b60081;
border: #b60081;
font-weight: 600;
font-size: 11px;
line-height: .90909;
letter-spacing: 0
}
.a-tag-large,.a-tag-xlarge {
padding: 4.5px 8.5px;
font-weight: 600;
font-size: 17px;
line-height: 1;
letter-spacing: 0
}
.a-tag-xlarge {
padding: 16px 43px;
border-radius: 8px;
font-size: 22px;
line-height: 1;
letter-spacing: 0
}
.a-tag-saleoff {
font-weight: 500;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.a-termlink_top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 15px 10px;
background: #faf9f5;
font-weight: 600
}
.a-termlink_top .a-textlink {
width: 80%
}
.a-termlink_top .a-textlink>.a-icon-pdf {
margin-top: -8px;
margin-bottom: -4px
}
.a-termlink_top .a-tag {
display: flex
}
.a-text {
margin-top: 0;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02786em
}
.a-text:last-child {
margin-bottom: 0
}
.a-text-alert {
color: #eb0015
}
.a-text-bold {
font-weight: 600
}
.a-text-blue {
color: #303e91
}
.a-text-center {
text-align: center
}
.a-text-right {
text-align: right
}
.a-text-small {
margin-bottom: 0;
font-size: 11px;
line-height: 1.72727;
letter-spacing: 0
}
.a-text-large {
font-size: 18px;
line-height: 1.5;
letter-spacing: -.01111em
}
.a-text-nomarginbottom {
margin-bottom: 0
}
.a-textareafield {
position: relative;
width: 100%
}
.a-textareafield_textarea {
box-sizing: content-box;
width: calc(100% - 24px);
height: 150px;
padding: 12px;
resize: none;
background: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.a-textareafield_textarea::-webkit-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-textareafield_textarea::-moz-placeholder {
color: #999;
-webkit-text-fill-color: #999;
opacity: 1
}
.a-textareafield_textarea:-ms-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-textareafield_textarea:placeholder-shown {
color: #999;
-webkit-text-fill-color: #999
}
.a-textareafield_textarea:focus {
color: #1a1a1a;
background: #fbfbfb;
border: 1px solid #ca018f
}
.a-textareafield_textarea:disabled,.a-textareafield_textarea:read-only {
color: #737373;
background: #ededed
}
.a-textareafield-invalid .a-textareafield_textarea {
color: #eb0015;
background: #fff9f7;
border-color: #f799a1
}
.a-textbanner {
position: relative;
display: block;
padding: 14px 16px;
color: inherit;
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 18px 0 hsla(0,0%,56.9%,.2)
}
.a-textbanner_wrapper {
padding-right: 28px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-textbanner_title {
margin-bottom: 2px;
margin-left: -3px
}
.a-textbanner_title>.a-icon {
margin-top: -2px
}
.a-textbanner_title span:not(.a-icon) {
font-weight: 600
}
.a-textbanner>.a-icon {
position: absolute;
top: calc(50% - 14px);
right: 14px
}
.a-textbox {
width: 100%;
padding: 13px 15px 11px 17px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.a-textfield {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%
}
.a-cardnumberfield_body,.a-customernumberfield_body,.a-textfield_body {
position: relative;
flex: 1;
min-width: 125px
}
@media (max-width: 768px) {
.a-textfield-search .a-cardnumberfield_body,.a-textfield-search .a-customernumberfield_body,.a-textfield-search .a-textfield_body {
position:static
}
}
.a-textfield_unit {
flex: 0 0 50px;
align-self: center;
font-weight: 600;
text-align: right;
font-size: 14px;
line-height: 1;
letter-spacing: -.02214em
}
.a-textfield_unit+.a-textfield_status {
max-width: calc(100% - 43px)
}
.a-cardnumberfield_input,.a-customernumberfield_input,.a-textfield_input {
width: 100%;
height: 52px;
padding: 12px 38px 12px 12px;
background: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px
}
.a-cardnumberfield_input::-webkit-input-placeholder,.a-customernumberfield_input::-webkit-input-placeholder,.a-textfield_input::-webkit-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-cardnumberfield_input::-moz-placeholder,.a-customernumberfield_input::-moz-placeholder,.a-textfield_input::-moz-placeholder {
color: #999;
-webkit-text-fill-color: #999;
opacity: 1
}
.a-cardnumberfield_input:-ms-input-placeholder,.a-customernumberfield_input:-ms-input-placeholder,.a-textfield_input:-ms-input-placeholder {
color: #999;
-webkit-text-fill-color: #999
}
.a-cardnumberfield_input:placeholder-shown,.a-customernumberfield_input:placeholder-shown,.a-textfield_input:placeholder-shown {
color: #999;
-webkit-text-fill-color: #999
}
.a-textfield_input-withpassword {
padding-right: 85px
}
.a-cardnumberfield_input:focus,.a-customernumberfield_input:focus,.a-textfield_input:focus {
color: #1a1a1a;
background: #fbfbfb;
border: 1px solid #d466b4
}
.a-cardnumberfield_input:disabled,.a-cardnumberfield_input:read-only,.a-customernumberfield_input:disabled,.a-customernumberfield_input:read-only,.a-textfield_input:disabled,.a-textfield_input:read-only {
padding-right: 12px;
color: #737373;
background: #ededed
}
.a-cardnumberfield_input[type=number],.a-customernumberfield_input[type=number],.a-textfield_input[type=number] {
-moz-appearance: textfield
}
.a-cardnumberfield_input[type=number]::-webkit-inner-spin-button,.a-cardnumberfield_input[type=number]::-webkit-outer-spin-button,.a-customernumberfield_input[type=number]::-webkit-inner-spin-button,.a-customernumberfield_input[type=number]::-webkit-outer-spin-button,.a-textfield_input[type=number]::-webkit-inner-spin-button,.a-textfield_input[type=number]::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none
}
.a-cardnumberfield_input[type=password]::-webkit-contacts-auto-fill-button,.a-cardnumberfield_input[type=password]::-webkit-credentials-auto-fill-button,.a-cardnumberfield_input[type=text]::-webkit-contacts-auto-fill-button,.a-cardnumberfield_input[type=text]::-webkit-credentials-auto-fill-button,.a-customernumberfield_input[type=password]::-webkit-contacts-auto-fill-button,.a-customernumberfield_input[type=password]::-webkit-credentials-auto-fill-button,.a-customernumberfield_input[type=text]::-webkit-contacts-auto-fill-button,.a-customernumberfield_input[type=text]::-webkit-credentials-auto-fill-button,.a-textfield_input[type=password]::-webkit-contacts-auto-fill-button,.a-textfield_input[type=password]::-webkit-credentials-auto-fill-button,.a-textfield_input[type=text]::-webkit-contacts-auto-fill-button,.a-textfield_input[type=text]::-webkit-credentials-auto-fill-button {
position: absolute;
right: 0;
pointer-events: none;
visibility: hidden
}
.a-cardnumberfield_input::-ms-clear,.a-cardnumberfield_input::-ms-reveal,.a-customernumberfield_input::-ms-clear,.a-customernumberfield_input::-ms-reveal,.a-textfield_input::-ms-clear,.a-textfield_input::-ms-reveal {
visibility: hidden
}
.a-textfield>.a-button {
align-self: center;
width: 106px;
height: 48px
}
.a-textfield>.a-button>.a-icon {
margin-right: 6px
}
@media (min-width: 769px) {
.a-textfield>.a-button {
position:absolute;
top: 2.5px;
right: -173px;
width: 158px
}
}
@media (max-width: 768px) {
.a-textfield>.a-button {
margin-left:15px;
font-size: 14px;
line-height: 1;
letter-spacing: -.02214em
}
}
@media (max-width: 768px) {
.a-textfield>.a-button+.a-textfield_status {
max-width:calc(100% - 120px)
}
}
.a-textfield-invalid .a-cardnumberfield_input,.a-textfield-invalid .a-customernumberfield_input,.a-textfield-invalid .a-textfield_input {
color: #eb0015;
background: #fff9f7;
border-color: #f799a1
}
.a-cardnumberfield_clear,.a-customernumberfield_clear,.a-textfield_clear {
position: absolute;
top: 50%;
right: 4px;
width: 28px;
height: 28px;
padding: 0;
cursor: pointer;
background: transparent url(/-/media/aeoncard/assets/images/icon/clear.svg) no-repeat 50%;
border: none;
border-radius: 50%;
outline: none;
transform: translateY(-50%);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.a-textfield_clear-withpassword {
right: 48px
}
.a-textfield-search .a-cardnumberfield_clear,.a-textfield-search .a-customernumberfield_clear,.a-textfield-search .a-textfield_clear {
display: none
}
.a-textfield_togglevisible {
position: absolute;
top: 50%;
right: 10px;
color: #a20073;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
transform: translateY(-50%);
font-size: 12px;
line-height: 1.75;
letter-spacing: .0225em
}
.a-textfield_status {
display: block;
width: 100%;
margin-top: 8px;
margin-bottom: -5px;
font-style: italic;
color: #666;
text-align: right
}
.a-textfield-search .a-cardnumberfield_input,.a-textfield-search .a-customernumberfield_input,.a-textfield-search .a-textfield_input {
padding-left: 32px
}
.a-textfield-search .a-icon-search {
position: absolute;
top: 50%;
left: 9px;
width: 20px;
height: 20px;
cursor: pointer;
transform: translateY(-50%)
}
.a-textfield_searchsuggestion {
position: absolute;
top: calc(100% - 11px);
left: 0;
z-index: 1;
width: 100%;
table-layout: fixed;
border-spacing: 0;
border-collapse: separate;
background-color: #fff;
border-radius: 8px
}
.a-textfield_searchsuggestion tr.active td .a-textfield_searchsuggestioncontent {
opacity: .5
}
.a-textfield_searchsuggestion td {
position: relative;
cursor: pointer;
border: 1px solid #dedddd;
border-top: 0 solid #dedddd;
opacity: .95
}
.a-textfield_searchsuggestion td .a-textfield_searchsuggestioncontent {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 10px 12px 17px;
margin-bottom: 0;
color: inherit
}
.a-textfield_searchsuggestion td .a-textfield_searchsuggestioncontent .a-icon {
flex: 0 0 28px
}
.a-textfield_searchsuggestion .a-textfield_searchsuggestiontitle td {
padding: 13px 17px;
cursor: default;
background-color: #f7f7f7;
font-weight: 600
}
.a-textfield_searchsuggestion tr:first-child td {
border-top: 1px solid #e6e6e6;
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.a-textfield_searchsuggestion tr:last-child td {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px
}
.a-textfield_inputhelper {
margin: 20px 0 13px;
color: #1a1a1a;
white-space: nowrap;
font-size: 12px;
line-height: 1.75
}
@media (max-width: 768px) {
.a-textfield_inputhelper {
flex:0 0 100%
}
}
.a-textfield_inputhelper ul {
list-style: none
}
.a-textfield_inputhelper ul>li {
position: relative;
padding-left: 18px
}
.a-textfield_inputhelper ul>li:before {
position: absolute;
top: 50%;
left: 0;
width: 18px;
height: 18px;
content: "";
background: transparent url(/-/media/aeoncard/assets/images/icon/check-purple.svg) no-repeat 50%;
transform: translateY(-50%)
}
.a-textfield_inputhelper ul>li.active:before {
left: 3px;
content: "繝ｻ";
background: none
}
.a-textfield_focusnote {
font-size: 12px;
line-height: 1.33333;
letter-spacing: -.0225em;
font-weight: 600;
position: absolute;
top: 9px;
right: 10px;
width: 50%;
padding: 6px;
color: #fff;
background-color: #4d4d4d;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0,0,0,.1);
transform: translateY(-100%)
}
.a-fielderror+.a-textfield_focusnote {
display: none
}
.a-textlink {
position: relative;
display: inline-block;
color: #a20073;
text-decoration: none;
cursor: pointer
}
.a-textlink-headicon {
padding-left: 24px
}
.a-textlink-headicon>.a-icon {
left: 0;
margin-right: 4px
}
.a-textlink>.a-icon {
margin-bottom: 4px
}
.a-textlink-smallicon>.a-icon {
bottom: -6px;
width: 20px;
height: 20px
}
.a-textlink-underline {
text-decoration: underline
}
.a-textlink-inheritcolor {
color: inherit
}
.a-textlink-inline {
display: inline
}
.a-textlink-haslefticon {
display: flex;
align-items: center;
padding: 17px 17px 16px;
color: #1a1a1a;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (min-width: 769px) {
.a-textlink-haslefticon {
padding:14px 22px 13px;
font-size: 16px;
line-height: 1.6875;
letter-spacing: -.015em
}
}
.a-textlink-haslefticon .a-icon {
flex: 0 0 25px;
width: 25px;
height: 25px;
margin: 0 6px 0 0
}
@media (min-width: 769px) {
.a-textlink-haslefticon .a-icon {
flex:0 0 32px;
width: 32px;
height: 32px;
margin: 0 8px 0 0
}
}
.a-textlink-bold {
font-weight: 600
}
.a-textlink-smalltext {
font-size: 11px;
line-height: 1.09091
}
body.is-pc .a-textlink:focus,body.is-pc .a-textlink:hover {
opacity: .5
}
body:not(.is-pc) .a-textlink:active {
opacity: .5
}
.a-textpercentage {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 30px;
line-height: 1;
letter-spacing: -.02233em;
display: inline-block
}
.a-textpercentage>small {
margin-left: 3px;
font-family: Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 18px;
line-height: .94444;
letter-spacing: -.02222em;
font-weight: 600
}
.a-textpercentage-blue,.a-textpoint {
color: #303e91
}
.a-textpoint {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 26px;
line-height: 1.19231;
letter-spacing: -.00615em
}
.a-textpoint>small {
font-size: 14px;
line-height: 1.21429;
letter-spacing: -.02214em;
margin-left: 3px
}
.a-textpoint .a-icon {
margin-bottom: 3px
}
.a-textpoint-large {
font-size: 42px;
line-height: 1.16667;
letter-spacing: -.00595em
}
.a-textpoint-large>small {
margin-left: 6px;
font-size: 18px;
line-height: .94444;
letter-spacing: -.02222em
}
.a-textpoint-medium {
font-size: 30px;
line-height: 1;
letter-spacing: 0
}
.a-textpoint-medium>small {
margin-left: 6px;
font-size: 11px;
line-height: 1.09091;
letter-spacing: 0
}
.a-textpoint-small {
font-size: 16px;
line-height: 1;
letter-spacing: 0
}
.a-textpoint-small>small {
margin-left: 2px;
font-size: 12px;
line-height: 1.33333;
letter-spacing: -.0225em
}
.a-textpoint-black {
color: #1a1a1a
}
.a-textprice {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 22px;
line-height: 1;
letter-spacing: -.02227em
}
.a-textprice>small {
margin-left: 3px;
font-family: Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 11px;
line-height: 1.54545;
letter-spacing: -.02182em;
font-weight: 600
}
.a-textprice-magenta {
color: #b60081
}
.a-textprice-blue {
color: #303e91
}
.a-textprice-black {
color: #1a1a1a
}
.a-textprice-bold {
font-weight: 600
}
.a-textprice-bold>small {
font-weight: 300
}
.a-textprice-large {
font-size: 30px;
line-height: .53333;
letter-spacing: -.02233em
}
.a-textprice-large>small {
font-size: 13px;
line-height: 1.61538;
letter-spacing: -.02231em
}
.a-textprice-medium {
font-size: 24px;
line-height: 1.20833;
letter-spacing: -.00917em
}
.a-textprice-medium>small {
font-size: 14px;
line-height: 1.21429;
letter-spacing: -.02214em
}
.a-textprice-small {
font-size: 16px;
line-height: 1;
letter-spacing: -.04188em
}
.a-textprice-small>small {
font-weight: 300
}
.a-thumbnail {
width: 100%
}
.a-thumbnail>.a-image {
margin-bottom: 5px;
border-radius: 4px
}
.a-thumbnail_caption {
color: #666;
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
.a-thumbnail-verticalcardface .a-thumbnail_caption {
display: block;
width: 63%;
margin: 0 auto
}
.m-smallarticle .a-thumbnail_caption {
display: block;
text-align: left
}
@media (max-width: 768px) {
.a-tooltip {
width:100%
}
}
.a-tooltip-body {
position: relative;
width: 100%;
min-height: 29px;
padding: 6px 8px;
color: #fff;
text-align: center;
background: #b60081;
border-radius: 12px;
box-shadow: 3px 3px 3px rgba(0,0,0,.15);
font-size: 12px;
line-height: 1.4;
letter-spacing: 0;
font-weight: 600
}
@media (min-width: 769px) {
.a-tooltip-body {
font-weight:500
}
}
.a-tooltip-body:before {
position: absolute;
bottom: -5px;
left: 50%;
width: 10px;
height: 10px;
content: "";
background: #b60081;
box-shadow: 2px 2px 3px rgba(0,0,0,.15);
transform: translateX(-50%) rotate(45deg) skew(10deg,10deg)
}
.a-tooltip-body button {
box-sizing: border-box;
background-color: transparent;
border: none;
border-radius: 0;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button
}
.a-tooltip-body button:focus {
outline: none
}
.a-tooltip .a-tooltip-body_close {
position: absolute;
top: 50%;
right: 8px;
z-index: 4;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
transform: translateY(-50%)
}
.a-tooltip .a-tooltip-body_close:after,.a-tooltip .a-tooltip-body_close:before {
position: absolute;
top: 50%;
left: 25%;
display: block;
width: 10px;
height: 1px;
content: "";
background: #fff
}
.a-tooltip .a-tooltip-body_close:before {
transform: rotate(-45deg)
}
.a-tooltip .a-tooltip-body_close:after {
transform: rotate(45deg)
}
.a-tooltip-white .a-tooltip-body {
color: #1a1a1a;
background-color: #fff;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.1)
}
.a-video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%
}
.a-walletlinknotification {
position: relative;
background-color: #f4f9ff
}
@media (min-width: 769px) {
.a-walletlinknotification {
display:none
}
}
.a-walletlinknotification_closebtn {
position: absolute;
top: 50%;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: none;
border: none;
outline: none;
transform: translateY(-50%)
}
.a-walletlinknotification_closebtn .a-icon {
width: 8px;
height: 8px
}
.a-walletlinknotification_main {
display: flex;
padding: 14px 28px;
color: #1a1a1a
}
.a-walletlinknotification_image {
flex: 0 0 60px;
margin-right: 9px
}
.a-walletlinknotification_image .a-image {
border-radius: 12px
}
.a-walletlinknotification_title {
display: block;
font-size: 12px;
line-height: 1.66667;
letter-spacing: -.01833em
}
.a-walletlinknotification_summary {
display: block;
font-size: 16px;
line-height: 1.25;
letter-spacing: -.01375em;
font-weight: 600
}
.a-walletlinknotification_linkindicator {
position: absolute;
top: 50%;
right: 14px;
transform: translateY(-50%)
}
.a-walletlinknotification_linkindicator .a-icon {
width: 11px;
height: 7px
}
.m-alertcontainer {
display: flex;
padding: 0 16px;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (min-width: 769px) {
.m-alertcontainer {
padding:0 28px 0 51px
}
}
@media (min-width: 769px) {
.m-alertcontainer-singleitem {
padding:3px 30px 3px 39px;
transform: translateY(0)
}
}
.m-alertcontainer-small {
width: 100%;
padding: 0 16px;
background-color: #fff
}
.m-alertcontainer_header {
display: flex;
align-items: center;
justify-content: center
}
@media (min-width: 769px) {
.m-alertcontainer_header {
flex-direction:column;
border: none
}
}
@media (min-width: 769px) {
.m-alertcontainer-singleitem .m-alertcontainer_header {
flex-direction:row
}
}
.m-alertcontainer-small .m-alertcontainer_header {
flex-direction: column
}
.m-alertcontainer_header .a-icon {
width: 20px;
height: 20px
}
@media (min-width: 769px) {
.m-alertcontainer_header .a-icon {
width:32px;
height: 32px;
margin-left: 6px;
transform: translateY(-3px)
}
.m-alertcontainer-singleitem .m-alertcontainer_header .a-icon {
transform: translateY(0)
}
.m-alertcontainer-small .m-alertcontainer_header .a-icon {
margin-left: 0;
transform: translateY(0)
}
}
.m-alertcontainer-small .m-alertcontainer_header .a-icon {
width: 20px;
height: 20px
}
.m-alertcontainer_title {
display: block;
display: none;
margin-left: 8px;
font-size: 16px;
line-height: 1.8125;
font-weight: 600
}
@media (min-width: 769px) {
.m-alertcontainer_title {
display:block;
font-size: 16px;
line-height: 2
}
}
.m-alertcontainer_list {
flex: 1;
margin-left: 14px;
list-style: none
}
@media (min-width: 769px) {
.m-alertcontainer_list {
margin-left:70px
}
}
.m-alertcontainer_list li:not(:last-child) {
border-bottom: 1px solid #ebebeb
}
.m-alertcontainer-singleitem .m-alertcontainer_list {
display: flex;
align-items: center
}
@media (min-width: 769px) {
.m-alertcontainer-singleitem .m-alertcontainer_list {
margin-left:45px
}
}
@media (min-width: 769px) {
.m-alertcontainer-small .m-alertcontainer_list {
margin-left:14px
}
}
.m-alertcontainer_item {
flex: 1
}
.m-alertcontainer_itemlink {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 0;
color: #000;
font-size: 14px;
line-height: 1.42857;
font-weight: 600
}
@media (min-width: 769px) {
.m-alertcontainer_itemlink {
font-size:14px;
line-height: 1.71429
}
}
.m-alertcontainer-singleitem .m-alertcontainer_itemlink {
flex: 1
}
@media (max-width: 768px) {
.m-alertcontainer-singleitem .m-alertcontainer_itemlink {
padding:16px 0
}
}
.m-alertcontainer-small .m-alertcontainer_itemlink {
padding: 7px 0;
font-size: 12px;
line-height: 1.5
}
.m-alertcontainer_itemlink .a-icon {
flex: 0 0 25px;
margin-left: 4px;
transform: translateX(6px)
}
.m-billingmonthsummary {
display: flex;
width: 100%;
height: 130px;
padding: 21px 0;
background: #edeef7;
border: 1px solid #e1e2eb;
border-radius: 12px
}
@media (min-width: 769px) {
.m-billingmonthsummary {
align-items:center
}
}
@media (max-width: 768px) {
.m-billingmonthsummary {
flex-wrap:wrap;
height: 157px;
padding: 14px 22px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-billingmonthsummary {
flex-wrap:wrap;
height: 157px;
padding: 14px 22px
}
}
.m-billingmonthsummary_title {
width: 38.4%;
padding: 0 38px;
margin: auto;
color: #1a1a1a;
text-align: center;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
@media (max-width: 768px) {
.m-billingmonthsummary_title {
width:100%;
padding-bottom: 15px;
border-bottom: 1px solid #e6e7f0;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-billingmonthsummary_title {
width:100%;
padding-bottom: 15px;
border-bottom: 1px solid #e6e7f0;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
}
.m-billingmonthsummary_title>div>span {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
display: inline-block;
transform: scale(.875)
}
@media (min-width: 769px) {
.m-billingmonthsummary_title>div>span {
margin-bottom:4px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
}
.m-billingmonthsummary_title label {
position: relative
}
.m-billingmonthsummary_title select {
max-width: 100%;
padding: 0 13px 0 0;
color: #a20073;
background: transparent;
border: 0;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
@media (max-width: 768px) {
.m-billingmonthsummary_title select {
font-size:16px;
line-height: 1.5;
letter-spacing: -.01937em;
transform: scale(.875)
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-billingmonthsummary_title select {
font-size:16px;
line-height: 1.5;
letter-spacing: -.01937em;
transform: scale(.875)
}
}
.m-billingmonthsummary_title select::-ms-expand {
display: none
}
.m-billingmonthsummary_title .a-icon {
position: absolute;
top: -6px;
right: -14px;
pointer-events: none
}
@media (max-width: 768px) {
.m-billingmonthsummary_title .a-icon {
top:-7px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-billingmonthsummary_title .a-icon {
top:-7px
}
}
.m-billingmonthsummary_content {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px 8px 13px;
color: #4653a2;
border-left: 1px solid #e6e7f0
}
@media (max-width: 768px) {
.m-billingmonthsummary_content {
padding:11px 8px;
border-left: 0
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-billingmonthsummary_content {
padding:11px 8px;
border-left: 0
}
}
.m-billingmonthsummary_content .a-tag {
margin-right: 11px
}
.m-billingmonthsummary_content small {
margin-left: 8px;
font-size: 16px;
line-height: 1.0625;
letter-spacing: -.0225em
}
.m-billingmonthsummary_content .m-billingmonthsummary_price {
display: flex;
align-items: center;
margin-bottom: 3px;
font-size: 40px;
line-height: 1.2495;
letter-spacing: -.00625em
}
.m-billingmonthsummary_content .m-billingmonthsummary_price>div {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-billingmonthsummary_content .m-billingmonthsummary_price>div>small {
font-family: Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-billingmonthsummary_content .m-billingmonthsummary_period {
color: #4d4d4d;
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
.m-billingmonthsummary-withperiod {
height: 169px;
padding: 30px 0 36px
}
@media (max-width: 768px) {
.m-billingmonthsummary-withperiod {
padding:20px 0
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-billingmonthsummary-withperiod {
padding:20px 0
}
}
.m-billingtypesummary {
width: 100%;
border: 1px solid #e6e7f0;
border-radius: 8px
}
.m-billingtypesummary_headerwrapper {
display: flex
}
.m-billingtypesummary_header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 70px;
padding: 11px 27px;
cursor: pointer;
background: #e6e7f0;
border-radius: 8px 8px 0 0
}
@media (max-width: 768px) {
.m-billingtypesummary_header {
min-height:74px;
padding: 13px 15px;
border-radius: 8px
}
}
.m-billingtypesummary-border .m-billingtypesummary_header {
padding: 11px 0;
margin: 0 27px;
background: none;
border-bottom: 1px solid #e6e7f0
}
@media (max-width: 768px) {
.m-billingtypesummary-border .m-billingtypesummary_header {
padding:13px 0;
margin: 0 15px;
border: none
}
}
@media (max-width: 768px) {
.m-billingtypesummary-alwaysopen .m-billingtypesummary_header {
cursor:inherit
}
}
@media (max-width: 768px) {
.m-billingtypesummary-alwaysopen .m-billingtypesummary_header,.m-billingtypesummary-showcontent .m-billingtypesummary_header {
border-radius:8px 8px 0 0
}
}
.m-billingtypesummary_title {
flex: 1 1 auto;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em;
font-weight: 600
}
.m-billingtypesummary_title sup {
font-weight: 300
}
.m-billingtypesummary_content {
padding: 18px 28px
}
@media (max-width: 768px) {
.m-billingtypesummary_content {
display:none;
padding: 15px
}
}
.m-billingtypesummary_content>.m-statement {
color: #666
}
.m-billingtypesummary_content>.m-statement+.m-statement {
padding-top: 12px;
margin-top: 12px;
border-top: 1px dotted #ebebeb
}
@media (max-width: 768px) {
.m-billingtypesummary-alwaysopen .m-billingtypesummary_content,.m-billingtypesummary-showcontent .m-billingtypesummary_content {
display:block
}
}
.m-billingtypesummary-alwaysopen.m-billingtypesummary-border .m-billingtypesummary_header,.m-billingtypesummary-showcontent.m-billingtypesummary-border .m-billingtypesummary_header {
border-bottom: 1px solid #e6e7f0
}
.m-billingtypesummary_toggle {
display: none;
margin-right: -5px;
margin-left: 5px
}
@media (max-width: 768px) {
.m-billingtypesummary_toggle {
display:block
}
.m-billingtypesummary-alwaysopen .m-billingtypesummary_toggle {
display: none
}
}
.m-billingtypesummary-period .m-billingtypesummary_header {
padding: 19px 28px;
background-color: #f5f6fc
}
@media (max-width: 768px) {
.m-billingtypesummary-period .m-billingtypesummary_header {
padding:19px 15px
}
}
.m-billingtypesummary-period .m-billingtypesummary_information {
text-align: right
}
.m-billingtypesummary-period .m-billingtypesummary_periodcontainer {
margin-top: 4px;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em
}
.m-box {
padding: 16px;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-box-attention {
padding: 22px 15px;
margin-bottom: 40px;
color: #eb0015;
background-color: #fff9f7;
border: none;
border-radius: 0;
font-size: 16px;
line-height: 1.4375
}
@media (max-width: 768px) {
.m-box-attention {
margin-bottom:30px
}
}
.m-buttoncontainer {
width: 100%;
margin: 40px 0 20px
}
@media (max-width: 768px) {
.m-buttoncontainer {
margin:30px 0 20px
}
}
.m-buttoncontainer:last-child {
margin-bottom: 0
}
.m-buttoncontainer_caption {
padding-top: 20px;
margin-bottom: 31px;
text-align: center;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.m-buttoncontainer_caption {
padding-top:10px;
margin-bottom: 21px
}
}
.m-buttoncontainer:first-child .m-buttoncontainer_caption {
padding-top: 0
}
.m-buttoncontainer-bottomcaption {
margin-top: 30px
}
.m-buttoncontainer-bottomcaption .m-buttoncontainer_caption {
margin-top: 10px;
margin-bottom: 25px;
color: #666;
text-align: center;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.03em
}
.m-buttoncontainer-bottomcaption .m-buttoncontainer_caption:last-child {
margin-bottom: 0
}
.m-buttoncontainer_wrapper {
display: flex;
align-items: center;
justify-content: center
}
.m-buttoncontainer_secondary {
flex: 0 1 200px;
margin-right: 25px
}
@media (max-width: 768px) {
.m-buttoncontainer_secondary {
margin-right:17px
}
}
.m-buttoncontainer-equalbuttonwidth .m-buttoncontainer_secondary {
flex-basis: 311px;
margin-right: 0
}
@media (max-width: 768px) {
.m-buttoncontainer-equalbuttonwidth .m-buttoncontainer_secondary {
margin-right:21px
}
}
.m-buttoncontainer-equalbuttonwidth .m-buttoncontainer_wrapper {
justify-content: space-evenly
}
@media (max-width: 768px) {
.m-buttoncontainer-equalbuttonwidth .a-button {
height:44px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.01571em
}
.m-buttoncontainer-equalbuttonwidth .a-button span:first-child {
margin-right: 10px
}
.m-buttoncontainer-equalbuttonwidth .a-button .a-icon {
margin-right: 6px
}
.m-buttoncontainer-equalbuttonwidth .a-button_amount {
margin-left: -10px
}
}
.m-buttoncontainer-loadmore {
margin-top: 22px
}
@media (max-width: 768px) {
.m-buttoncontainer-loadmore {
margin-top:12px
}
}
.m-buttoncontainer_primary {
flex: 0 1 312px
}
.m-buttoncontainer-equalbuttonwidth .m-buttoncontainer_primary {
flex-basis: 311px
}
.m-buttoncontainer-loadmore .m-buttoncontainer_primary {
flex: 0 1 323px
}
@media (max-width: 768px) {
.m-buttoncontainer-loadmore .m-buttoncontainer_primary {
flex:0 1 200px
}
}
.m-buttoncontainer_primary>.a-button {
margin: 0 auto
}
.m-buttoncontainer-column .m-buttoncontainer_wrapper {
display: block
}
.m-buttoncontainer-column .m-buttoncontainer_primary {
margin-bottom: 20px
}
.m-buttoncontainer-column .m-buttoncontainer_secondary {
margin-right: 0
}
.m-buttoncontainer-column .m-buttoncontainer_secondary:not(:last-child) {
margin-bottom: 33px
}
.m-buttoncontainer-column .m-buttoncontainer_secondary>.a-button {
margin: 0 auto
}
.m-buttoncontainer-column .m-buttoncontainer_textlink {
width: 100%;
max-width: 344px;
margin: 0 auto;
text-align: right
}
.m-buttoncontainer-completemodal {
width: 160px;
height: 48px;
margin-left: auto
}
.m-buttoncontainer-right .m-buttoncontainer_wrapper {
display: flex;
flex-direction: column;
align-items: flex-end
}
.m-buttoncontainer-right .m-buttoncontainer_primary {
flex: none
}
.m-buttoncontainer-columnmatchlength .m-buttoncontainer_primary,.m-buttoncontainer-columnmatchlength .m-buttoncontainer_secondary {
max-width: 312px;
margin-right: auto;
margin-left: auto
}
.m-buttoncontainer-columnmatchlength .m-buttoncontainer_textlink {
max-width: 312px
}
@media (max-width: 768px) {
.m-buttoncontainer-haslongtextonsp {
max-width:410px;
margin: 30px auto 20px
}
}
.m-fieldrow+.m-buttoncontainer {
margin-top: 80px
}
@media (max-width: 768px) {
.m-fieldrow+.m-buttoncontainer {
margin-top:60px
}
}
.m-card {
width: 100%;
background-color: #fff;
border: 1px solid #f0efef;
border-radius: 12px;
box-shadow: 0 2px 10px 0 hsla(0,0%,50.2%,.08)
}
.m-card-noshadow {
box-shadow: none
}
.m-card-noborder {
border: none;
box-shadow: none
}
.m-card-padding {
padding: 28px
}
@media (max-width: 768px) {
.m-card-padding {
padding:16px
}
}
@media (min-width: 769px) {
.m-carddetailhero-vertical .o-grid-align-pc-bottom .o-grid_body {
align-items:flex-start
}
}
.m-carddetailhero-vertical .a-image-card>img:not(.loading) {
border-radius: 6%/4%
}
.m-carddetailhero .a-textlink {
text-align: right
}
@media (max-width: 768px) {
.m-carddetailhero .a-textlink {
margin-top:20px
}
}
.m-carddetailhero_card {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
width: 316px
}
@media (max-width: 768px) {
.m-carddetailhero_card {
width:284px
}
}
.m-carddetailhero_card .a-caption {
position: absolute;
bottom: -17px;
left: 0;
width: 316px;
margin-top: 0;
font-size: 12px;
line-height: 1;
letter-spacing: -.01667em;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
@media (max-width: 768px) {
.m-carddetailhero_card .a-caption {
position:inherit;
bottom: 0;
width: inherit
}
}
.m-carddetailhero-vertical .m-carddetailhero_card .a-caption-low {
width: 178px;
margin: 0 auto
}
@media (min-width: 769px) {
.m-carddetailhero-vertical .m-carddetailhero_card .a-caption-low {
left:50%;
width: 198px;
transform: translateX(-50%)
}
}
.m-carddetailhero_card_wrapper {
display: flex;
justify-content: center;
width: 100%;
padding: 20px 0 17px
}
@media (max-width: 768px) {
.m-carddetailhero_card_wrapper {
padding:0
}
}
.m-carddetailhero_card_catchtext {
position: absolute;
top: -44px;
left: -3px;
width: 100%;
height: 21px;
color: #b60081;
text-align: center;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
@media (max-width: 768px) {
.m-carddetailhero_card_catchtext {
position:inherit;
top: -17px;
left: -7px
}
}
.m-carddetailhero_card_catchtext:before {
position: relative;
top: 8px;
display: inline-block;
width: 28px;
height: 28px;
margin-right: -3px;
content: "";
background-image: url(/-/media/aeoncard/assets/images/icon/flag-purple.svg);
background-repeat: no-repeat
}
.m-carddetailhero_card_image {
display: flex;
height: 100%
}
@media (max-width: 768px) {
.m-carddetailhero_card_image {
margin:9px 0 7px
}
}
.m-carddetailhero-vertical .m-carddetailhero_card_image {
justify-content: center
}
.m-carddetailhero-vertical .m-carddetailhero_card_image .a-image {
width: 180px;
height: 280px
}
@media (min-width: 769px) {
.m-carddetailhero-vertical .m-carddetailhero_card_image .a-image {
width:200px;
height: 313px
}
}
.m-carddetailhero-vertical .m-carddetailhero_card_image .a-image_image:not(.loading) {
border: 1px solid #f0f0f0;
border-radius: 6%/4%
}
.m-carddetailhero_info {
width: 100%;
padding: 30px;
background: #fbfbfb;
border-radius: 12px
}
@media (max-width: 768px) {
.m-carddetailhero_info {
padding:20px 10px 26px
}
}
.m-carddetailhero_info_wrapper {
display: flex;
justify-content: center;
width: 100%;
padding: 20px 0 17px
}
@media (max-width: 768px) {
.m-carddetailhero_info_wrapper {
padding:0
}
}
.m-carddetailhero-vertical .m-carddetailhero_info_wrapper {
display: inline-block
}
.m-carddetailhero_info_inner {
text-align: center
}
.m-carddetailhero_info_title {
margin: 27px 0 14px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: -.02222em
}
@media (max-width: 768px) {
.m-carddetailhero_info_title {
margin:16px 0
}
}
.m-cardpanel {
position: relative;
width: 100%;
color: inherit
}
.m-cardpanel_panel {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.m-cardpanel_title {
flex: 0 0 100%;
order: 2
}
.m-cardpanel_title .m-heading {
padding: 6px 0
}
@media (max-width: 768px) {
.m-cardpanel_title {
order:1;
margin: 0 0 8px
}
}
.m-cardpanel_image {
flex: 0 0 100%;
order: 1
}
.m-cardpanel_image>.a-image {
margin-bottom: 4px
}
@media (max-width: 768px) {
.m-cardpanel-vertical .m-cardpanel_image>.a-image {
width:85px;
height: 135px;
margin-right: auto;
margin-left: auto
}
}
@media (min-width: 769px) {
.m-cardpanel-vertical .m-cardpanel_image>.a-image:before {
padding-bottom:100%
}
}
@media (min-width: 769px) {
.m-cardpanel-vertical .m-cardpanel_image>.a-image .a-image_image {
width:63%
}
}
.m-cardpanel-vertical .m-cardpanel_image>.a-image .a-image_image:not(.loading) {
border: 1px solid #f0f0f0;
border-radius: 6%/4%
}
@media (max-width: 768px) {
.m-cardpanel_image {
flex:0 0 135px;
order: 2;
margin-bottom: 10px
}
}
.m-cardpanel_copyright {
min-height: 12px;
color: #a3a3a3;
font-size: 12px;
line-height: 1;
letter-spacing: -.01667em;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
@media (max-width: 768px) {
.m-cardpanel_copyright {
min-height:0
}
}
.m-cardpanel-vertical .m-cardpanel_copyright {
width: 85px;
margin: 0 auto
}
@media (min-width: 769px) {
.m-cardpanel-vertical .m-cardpanel_copyright {
width:63%
}
}
.m-cardpanel_description {
flex: 0 0 100%;
order: 3
}
.m-cardpanel_description .m-linkcontainer {
margin-bottom: 10px
}
@media (max-width: 768px) {
.m-cardpanel_description {
flex:1 1 130px;
padding-left: 15px
}
}
.m-cardpanel_featuretable {
flex: 0 0 100%;
order: 4;
border-color: #ebebeb;
border-style: solid;
border-width: 1px 0
}
.m-cardpanel_featurerow {
display: flex;
align-items: center;
padding: 15px 0
}
.m-cardpanel_featurerow-tags {
flex-wrap: wrap;
padding-top: 10px
}
.m-cardpanel_featurerow-tags>.a-tag {
margin: 5px 5px 0 0;
background-color: #edebe4
}
.m-cardpanel_featurerow+.m-cardpanel_featurerow {
border-top: 1px solid #ebebeb
}
.m-cardpanel_fee {
flex: 1 1 50%;
text-align: center;
border-right: 1px solid #f0f0f0
}
.m-cardpanel_fee>p {
display: inline-block;
margin-bottom: 0
}
.m-cardpanel_fee sup {
font-size: 10px
}
@media (max-width: 768px) {
.m-cardpanel_fee sup {
padding-left:4px
}
}
.m-cardpanel_brands {
flex: 0 0 50%;
min-width: 132px;
height: 36px;
margin: -8px 0;
text-align: center;
font-size: 0;
line-height: Infinity
}
.m-cardpanel_brands>.a-image {
display: inline-block;
width: 36px;
height: 36px;
margin: 0 0 0 8px
}
.m-cardpanel_features {
margin: -5px 0 0 -5px
}
.m-cardpanel_features>.a-tag {
margin: 5px 0 0 5px
}
.m-cardpanel_note {
flex: 0 0 100%;
order: 5;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em;
margin-top: 8px;
color: #666
}
.m-cardpointsummary {
position: relative;
width: 100%;
padding: 12px;
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px
}
.m-cardpointsummary dl {
width: 100%;
padding: 12px 0 0;
margin: 0;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em;
font-weight: 300
}
.m-cardpointsummary dl:first-of-type {
margin-top: 14px;
border-top: 1px dotted #ebebeb
}
.m-cardpointsummary dl dt {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.m-cardpointsummary dl dd {
margin-left: 10px;
text-align: right
}
.m-cardpointsummary dl dd small {
white-space: nowrap
}
.m-cardpointsummary dl div {
display: flex;
align-items: center;
justify-content: space-between
}
.m-cardpointsummary dl div+div {
margin-top: 3px
}
.m-cardpointsummary dl div:first-child dd {
font-size: 16px;
line-height: 1;
letter-spacing: -.0225em;
color: #111
}
.m-cardrecommend {
position: relative;
display: block;
width: 100%;
color: #1a1a1a
}
.m-card>.m-cardrecommend {
height: 100%;
padding: 15px;
border-radius: 12px;
box-shadow: 0 2px 10px 0 hsla(0,0%,50.2%,.08)
}
@media (min-width: 769px) {
.m-card>.m-cardrecommend {
padding:20px 28px
}
}
.m-cardrecommend_link {
display: block
}
.m-cardrecommend_copyright {
min-height: 11px;
padding-top: 4px;
color: #a3a3a3;
font-size: 9px;
line-height: 1.33333;
letter-spacing: -.02222em
}
@media (max-width: 768px) {
.m-cardrecommend_copyright {
min-height:0
}
}
.m-cardrecommend p {
color: #1a1a1a
}
.m-cardrecommend p:first-of-type {
padding: 5px 0 10px;
margin: 0;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em;
font-weight: 600
}
.m-cardrecommend p:nth-of-type(2) {
padding-bottom: 5px;
margin: 0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-cardrecommend_textlink {
padding-bottom: 80px;
text-align: right
}
.m-cardrecommend_btn {
position: absolute;
right: 15px;
bottom: 15px;
left: 15px;
padding-top: 15px;
border-top: 1px solid #f0f0f0
}
.m-cardrecommend_btn>.a-button {
max-width: 171px;
height: 44px;
margin-right: auto;
margin-left: auto
}
@media (max-width: 768px) {
.m-cardrecommend_btn>.a-button {
max-width:132px
}
}
.m-cardrecommend_btn>.a-button>span {
margin-right: 11px
}
@media (max-width: 768px) {
.m-cardrecommend_btn>.a-button>span {
margin-right:8px
}
}
.m-cardrecommend_btn>.a-button>.a-icon {
margin: auto 5px auto auto
}
@media (min-width: 769px) {
.m-cardrecommend_btn {
right:30px;
bottom: 20px;
left: 30px;
padding-top: 20px
}
}
@media (max-width: 768px) {
.m-cardrecommend-sphorizontal {
position:relative;
min-height: 150px
}
.m-cardrecommend-sphorizontal .m-cardrecommend_link {
display: flex;
align-items: center;
min-height: 120px
}
.m-cardrecommend-sphorizontal .m-cardrecommend_content,.m-cardrecommend-sphorizontal .m-cardrecommend_imgwrapper {
flex: 1 1 50%
}
.m-cardrecommend-sphorizontal .m-cardrecommend_content {
align-self: flex-start
}
.m-cardrecommend-sphorizontal .m-cardrecommend_content>.m-cardrecommend_title {
padding-bottom: 70px
}
.m-cardrecommend-sphorizontal .m-cardrecommend_content>.m-cardrecommend_title>p {
font-size: 12px;
line-height: 1.58333
}
.m-cardrecommend-sphorizontal .m-cardrecommend_textlink {
position: absolute;
right: 15px;
bottom: 55px;
padding-bottom: 0
}
.m-cardrecommend-sphorizontal .m-cardrecommend_imgwrapper {
margin-right: 11px
}
.m-cardrecommend-sphorizontal .m-cardrecommend_btn {
left: auto;
border: none
}
.m-cardrecommend-sphorizontal .m-cardrecommend_btn>.a-button {
max-width: 120px;
height: 40px;
font-size: 12px;
line-height: 1.58333
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-cardrecommend-sphorizontal .m-cardrecommend_btn>.a-button .a-icon {
margin-right:2px
}
}
.m-cardspectable {
margin: 0
}
.m-cardspectable dt {
color: #666;
font-size: 12px;
line-height: 1.25;
letter-spacing: -.0225em;
font-weight: 600
}
.m-cardspectable dd {
margin: 8px 0 0;
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.m-cardspectable dd {
margin-top:11px
}
}
.m-cardspectable_row {
display: flex;
padding: 15px 0;
border-color: #ebebeb;
border-style: solid;
border-width: 1px 0
}
.m-cardspectable_row:not(:last-child) {
border-bottom: none
}
@media (max-width: 768px) {
.m-cardspectable_row {
flex-wrap:wrap
}
}
.m-cardspectable_row-endline {
padding: 11px 0 0;
border-bottom: 0
}
.m-cardspectable_row-endline .a-caption {
margin-top: 0;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-cardspectable_row-endline .a-caption {
width:calc(100% - 208px);
padding-right: 20px;
margin-bottom: 0
}
}
.m-cardspectable_row-endline .a-textlink {
margin-left: auto
}
@media (min-width: 769px) {
.m-cardspectable_row-endline .a-textlink {
margin:-4px -7px 0 auto
}
}
.m-cardspectable_cell {
flex: 1 1 33%;
border: 0
}
.m-cardspectable_cell+.m-cardspectable_cell {
padding-left: 30px;
border-left: 1px solid #ebebeb
}
@media (max-width: 768px) {
.m-cardspectable_cell-card,.m-cardspectable_cell-normal {
flex:50%
}
}
.m-cardspectable_cell-card dd {
display: flex
}
.m-cardspectable_cell-card .a-image {
width: 36px;
height: 36px;
margin: 0
}
.m-cardspectable_cell-card .a-image+.a-image {
margin-left: 10.5px
}
.m-cardspectable_cell-features dd>ul {
margin-bottom: -5px;
list-style-type: none;
font-size: 0
}
.m-cardspectable_cell-features dd>ul li {
display: inline-block;
margin-bottom: 5px
}
.m-cardspectable_cell-features dd>ul li .a-tag {
margin-right: 5px;
background-color: #edebe4
}
@media (max-width: 768px) {
.m-cardspectable_cell-features {
padding-top:15px;
padding-left: 0!important;
margin-top: 15px;
border-top: 1px solid #ebebeb;
border-left: none!important
}
}
.m-cardspectable_cell-subfeatures>dd {
margin-left: -5px
}
.m-cardspectable_cell-subfeatures>dd .a-tag {
margin: 0 0 5px 5px
}
.m-cardspectable_cell-subfeatures>dd span:not(.a-tag):last-of-type {
margin-top: 10px;
color: #1a1a1a;
font-size: 10px;
line-height: 1.3;
letter-spacing: -.022em
}
@media (min-width: 769px) {
.m-cardspectable_cell-subfeatures>dd span:not(.a-tag):last-of-type {
float:right
}
}
@media (max-width: 768px) {
.m-cardspectable_cell-subfeatures>dd span:not(.a-tag):last-of-type {
display:block;
margin: 5px 0 0 5px
}
}
@media (max-width: 768px) {
.m-cardspectable_cell-subfeatures {
flex:100%;
padding-bottom: 10px;
border-bottom: 1px solid #ebebeb
}
.m-cardspectable_cell-subfeatures:last-of-type {
padding-top: 15px;
padding-bottom: 0;
border: none
}
.m-cardspectable_cell-subfeatures:not(:first-of-type) {
padding-left: 0;
border-left: 0
}
}
.m-cardstatus_main {
display: flex;
align-items: center;
justify-content: space-between
}
.m-cardstatus_main .a-cardthumbnail {
flex: 1
}
.m-cardstatus_status {
position: relative;
margin-left: 20px;
font-style: italic;
color: #666;
text-align: left;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-cardstatus_status:before {
position: absolute;
top: 0;
left: -12px;
content: "-"
}
.m-cardstatus .m-linkcontainer {
position: relative;
margin-top: 16px
}
.m-cardstatus .m-linkcontainer:before {
position: absolute;
top: -10px;
right: 0;
left: 69px;
content: "";
border: 1px dashed #ebebeb
}
.m-carousel {
position: relative;
padding: 20px 0 30px;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0
}
.o-section .m-carousel {
margin-bottom: 30px
}
.o-section .m-carousel:last-child {
margin-bottom: 0
}
@media (max-width: 768px) {
.m-carousel {
width:100vw;
padding-top: 10px;
margin-left: -16px
}
}
.m-carousel_slide>* {
width: 100%
}
.m-carousel_scrollbar {
position: absolute;
bottom: 0;
left: 4px;
width: calc(100% - 8px);
height: 30px;
padding: 11px 0
}
@media (max-width: 768px) {
.m-carousel_scrollbar {
pointer-events:none
}
}
.m-carousel_scrollbar div {
height: 8px;
cursor: pointer;
background-color: #eee
}
.m-categoryfilterpanel {
margin-bottom: 30px
}
@media (min-width: 769px) {
.m-categoryfilterpanel .a-switch {
padding-bottom:5px
}
}
@media (max-width: 768px) {
.m-categoryfilterpanel .a-pulldown,.m-categoryfilterpanel .a-switch {
padding:15px 0
}
}
@media (min-width: 769px) {
.m-categoryfilterpanel {
padding-bottom:10px
}
}
.m-categoryfilterpanel_result {
color: #666;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em;
font-weight: 600
}
.m-chatlinkcard {
position: relative;
display: flex;
color: #1a1a1a;
background-color: #fff;
border-radius: 10px
}
@media (max-width: 768px) {
.m-chatlinkcard {
padding:17px 42px 20px 18px
}
}
@media (min-width: 769px) {
.m-chatlinkcard {
padding:22px 62px 19px
}
}
.m-chatlinkcard_chaticon {
position: absolute
}
@media (max-width: 768px) {
.m-chatlinkcard_chaticon {
top:12px;
left: 18px
}
}
@media (min-width: 769px) {
.m-chatlinkcard_chaticon {
top:50%;
left: 23px;
transform: translateY(-50%)
}
}
.m-chatlinkcard_chaticon .a-icon {
width: 22px;
height: 19px
}
.m-chatlinkcard_title {
display: block;
font-size: 14px;
line-height: 1;
letter-spacing: -.01571em;
font-weight: 600
}
@media (max-width: 768px) {
.m-chatlinkcard_title {
margin-bottom:11px;
margin-left: 33px
}
}
@media (min-width: 769px) {
.m-chatlinkcard_title {
margin-bottom:6px
}
}
.m-chatlinkcard_summary {
display: block;
font-size: 14px;
line-height: 1.71429;
letter-spacing: -.01571em
}
.m-chatlinkcard_linkindicator {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
@media (max-width: 768px) {
.m-chatlinkcard_linkindicator {
right:8px
}
}
@media (min-width: 769px) {
.m-chatlinkcard_linkindicator {
right:16px
}
}
.m-chatlinkcard-withshadow {
box-shadow: 0 2px 10px 0 hsla(0,0%,56.9%,.2)
}
.m-chatpanel {
padding: 22px 18px;
background-color: #faf9f5;
border-radius: 12px
}
@media (min-width: 769px) {
.m-chatpanel {
display:flex;
align-items: center;
padding: 37px 60px 40px 57px
}
}
.m-chatpanel_title {
padding-bottom: 18px;
border-bottom: 1px solid #f0f0f0;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em;
font-weight: 600
}
@media (min-width: 769px) {
.m-chatpanel_title {
padding:0 55px 0 0;
border-bottom: 0
}
}
.m-chatpanel_title .a-icon {
width: 22px;
height: 19px;
margin-right: 9px
}
.m-chatpanel_body {
padding-top: 15px;
margin-left: -3px
}
@media (min-width: 769px) {
.m-chatpanel_body {
flex:1 1 auto;
padding: 0 0 0 58px;
margin-left: 0;
border-left: 1px solid #f0f0f0
}
}
.m-chatpanel_description {
margin-bottom: 7px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-chatpanel_description {
margin-bottom:3px
}
}
.m-chatpanel_caption {
margin-bottom: 17px;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-chatpanel_caption {
margin-bottom:10px;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.0225em
}
}
@media (max-width: 768px) {
.m-chatpanel_wraptextfield .a-textfield {
display:block
}
}
.m-chatpanel_wraptextfield .a-textfield .a-button {
width: 165px;
height: 44px;
margin: 20px auto 0
}
@media (min-width: 769px) {
.m-chatpanel_wraptextfield .a-textfield .a-button {
position:static;
width: 74px;
margin: 0 0 0 10px
}
}
.m-cincassette {
width: 100%
}
.m-card>.m-cincassette {
padding: 15px 13px 15px 15px
}
@media (min-width: 769px) {
.m-card>.m-cincassette {
padding:21px 17px 21px 21px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-card>.m-cincassette {
padding:15px 13px 15px 15px
}
}
.m-cincassette_header {
display: flex
}
.m-cincassette_header .a-image {
width: 135px;
height: 135px;
margin-bottom: 0;
border: 1px solid #f0f0f0;
border-radius: 4px
}
@media (min-width: 769px) {
.m-cincassette_header .a-image {
flex:0 0 160px;
height: 160px
}
}
.m-cincassette_wrapper {
position: relative;
display: flex;
flex-flow: column;
justify-content: center;
width: calc(100% - 150px);
margin-left: 15px
}
@media (min-width: 769px) {
.m-cincassette_wrapper {
width:calc(100% - 129px)
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-cincassette_wrapper {
margin-left:10px
}
}
.m-cincassette_title {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em;
font-weight: 600
}
@media (min-width: 769px) {
.m-cincassette_title {
margin-bottom:10px;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.0225em
}
}
.m-cincassette_tag {
margin-bottom: 10px
}
.m-cincassette_category {
color: #999;
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
@media (min-width: 769px) and (max-width:1203px) {
.m-cincassette_category {
white-space:nowrap
}
}
.m-cincassette_link {
position: absolute;
right: 0;
bottom: -9px;
display: flex
}
.m-cincassette_link .a-textlink {
margin-right: -5px
}
@media (min-width: 769px) {
.m-cincassette_link .a-textlink {
margin-right:-8px
}
}
.m-cincassette_link .a-textlink .a-icon {
margin-left: -6px
}
@media (min-width: 769px) and (max-width:1203px) {
.m-cincassette_link .a-textlink {
white-space:nowrap
}
}
.m-cincassette_body {
padding: 11px 32px 13px 16px;
margin-top: 15px;
color: #666;
background-color: #fafafa;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-cincassette_body {
padding-right:14px
}
}
.m-cincassette_body>div:first-child {
font-weight: 600
}
.m-cincassette_body>div:not(:first-child) {
margin-top: 3px
}
.m-cininfocontainer {
padding: 20px 22px 28px 29px;
background-color: #fafafa
}
.m-cininfocontainer:not(:last-child) {
margin-bottom: 20px
}
@media (min-width: 769px) {
.m-cininfocontainer {
display:flex
}
}
@media (max-width: 768px) {
.m-cininfocontainer {
padding:20px 16px 15px
}
}
@media (min-width: 769px) {
.m-cininfocontainer_tagcontainer {
margin:9px 29px 0 0
}
}
@media (max-width: 768px) {
.m-cininfocontainer_tagcontainer {
text-align:center
}
}
.m-cininfocontainer_tagcontainer .a-tag {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-cininfocontainer_content {
flex: 1
}
.m-cininfocontainer_period {
margin-top: 5px;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.m-cininfocontainer_period {
margin-top:17px
}
}
.m-cininfocontainer_description {
margin: 4px 0 0 -1px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.m-cininfocontainer_description {
margin-left:-2px
}
}
.m-cininfocontainer+.o-section {
margin-top: 60px
}
@media (max-width: 768px) {
.m-cininfocontainer+.o-section {
margin-top:26px
}
}
.m-heading+.m-cininfocontainer {
margin-top: -20px
}
@media (max-width: 768px) {
.m-heading+.m-cininfocontainer {
margin-top:0
}
}
.m-congestioncalendar_description {
display: flex;
margin-bottom: 12px;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-congestioncalendar_description .a-icon {
margin-right: 6px
}
.m-congestioncalendar_description>span {
display: flex;
align-items: center
}
.m-congestioncalendar_description>span:first-child {
margin-right: 12px
}
.m-congestioncalendar_row-today {
background-color: #f9eaf5
}
.m-congestioncalendar_row-saturday {
color: #4653a2
}
.m-congestioncalendar_row-sunday {
color: #d0021b
}
.m-congestioncalendar table {
width: 100%
}
@media (min-width: 769px) {
.m-congestioncalendar table tbody {
display:flex
}
}
@media (min-width: 769px) {
.m-congestioncalendar table tbody tr {
display:inline-block;
flex: 1 1 1px
}
}
@media (min-width: 769px) {
.m-congestioncalendar table tbody tr.m-congestioncalendar_header {
min-width:109px
}
}
.m-congestioncalendar table tbody tr td,.m-congestioncalendar table tbody tr th {
height: 53px;
border: 1px solid #ebebeb;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-congestioncalendar table tbody tr td:not(:first-child),.m-congestioncalendar table tbody tr th:not(:first-child) {
border-top-width:0
}
}
.m-congestioncalendar table tbody tr th {
padding-left: 14px;
color: #666;
text-align: left;
background-color: #edeff7;
font-weight: 600
}
@media (min-width: 769px) {
.m-congestioncalendar table tbody tr th {
display:block;
padding: 17px 0 0 16px
}
}
.m-congestioncalendar table tbody tr td {
text-align: center
}
@media (min-width: 769px) {
.m-congestioncalendar table tbody tr td {
display:flex;
align-items: center;
justify-content: center;
border-left-width: 0
}
}
.m-congestioncalendar table tbody tr td:first-child {
padding: 0 5px
}
@media (max-width: 768px) {
.m-congestioncalendar table tbody tr td:first-child {
text-align:left
}
}
.m-currentcard {
width: 100%;
padding: 13px 15px;
margin-bottom: 20px;
border: 1px solid #ebebeb;
border-radius: 12px
}
.m-currentcard:not(.m-currentcard:last-child) {
margin-bottom: 20px
}
.m-debitaccountpanel_billingdate {
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
.m-debitaccountpanel_wrapper {
padding: 20px 15px 0;
margin-top: 12px;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 20px;
pointer-events: none
}
@media (max-width: 768px) {
.m-debitaccountpanel_wrapper .m-debitaccountpanel_header {
pointer-events:auto;
cursor: pointer
}
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_header>span {
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em;
font-weight: 600
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_header .m-debitaccountpanel_wrapicon {
display: flex;
align-items: center
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_header .m-debitaccountpanel_wrapicon>span {
color: #666;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_header .m-debitaccountpanel_wrapicon .a-icon {
margin-left: 12px
}
@media (min-width: 769px) {
.m-debitaccountpanel_wrapper .m-debitaccountpanel_header .m-debitaccountpanel_wrapicon .a-icon {
display:none
}
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_body {
min-height: 74px;
padding: 16px 0 20px;
border-top: 1px solid #ebebeb
}
@media (max-width: 768px) {
.m-debitaccountpanel_wrapper .m-debitaccountpanel_body {
display:none
}
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_body .m-debitaccountpanel_wrapbutton {
display: flex;
justify-content: center;
width: 100%
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_body .m-debitaccountpanel_contents {
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
color: #666;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_body .m-debitaccountpanel_contents span {
width: 100%;
text-align: right
}
.m-debitaccountpanel_wrapper .m-debitaccountpanel_body .m-debitaccountpanel_contents span:not(:first-child) {
padding-top: 3px
}
.m-debitaccountpanel-showcontent .m-debitaccountpanel_body {
display: flex
}
.m-descriptioncarousel {
position: relative;
width: 100%
}
@media (max-width: 768px) {
.m-descriptioncarousel {
overflow:visible
}
}
.m-descriptioncarousel_slide {
padding: 30px 15.5px 0
}
@media (min-width: 769px) {
.m-descriptioncarousel_slide {
display:flex;
align-items: center;
justify-content: space-between;
padding: 30px 115px
}
}
.m-descriptioncarousel_slide .m-descriptioncarousel_image {
width: 195px;
min-width: 195px;
margin: 0 auto 26px
}
@media (min-width: 769px) {
.m-descriptioncarousel_slide .m-descriptioncarousel_image {
width:170px;
min-width: 170px;
margin: 0 58px 0 0
}
}
.m-descriptioncarousel_slide .m-descriptioncarousel_image .a-image {
border: 1px solid #f0f0f0;
border-radius: 4px
}
.m-descriptioncarousel_slide .m-descriptioncarousel_content {
margin-bottom: 34px
}
.m-descriptioncarousel_title {
font-weight: 600;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
.m-descriptioncarousel_description {
margin-top: 8px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-descriptioncarousel_description {
margin-top:12px
}
}
.m-descriptioncarousel_next,.m-descriptioncarousel_prev {
position: absolute;
top: 50%;
z-index: 1;
background-color: #fff;
border-radius: 50%;
outline: none;
box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
transform: translateY(-50%)
}
.m-descriptioncarousel_prev {
left: 29px
}
@media (max-width: 768px) {
.m-descriptioncarousel_prev {
left:-14px
}
}
.m-descriptioncarousel_next {
right: 29px
}
@media (max-width: 768px) {
.m-descriptioncarousel_next {
right:-14px
}
}
.m-downloadcontainer {
display: flex;
justify-content: space-between;
padding: 12px 61px 14px 47px;
border: 1px solid #ebebeb;
border-radius: 4px
}
@media (min-width: 1204px) {
.m-downloadcontainer {
align-items:flex-start
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer {
padding:20px 28px 18px 26px;
background-color: #fff;
border: 1px solid #f0f0f0
}
}
@media (max-width: 768px) {
.m-downloadcontainer {
padding:12px 31px 10px 15px
}
}
@media (min-width: 769px) {
.m-downloadcontainer .a-image,.m-downloadcontainer .a-image_image {
margin:0
}
}
.m-downloadcontainer .a-image:not(.a-image-fixed)>.a-image_image {
display: inline-block
}
.m-downloadcontainer_aeonwallet {
display: flex;
align-items: center;
margin-top: 1px
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_aeonwallet {
height:auto;
margin-top: -5px
}
}
@media (max-width: 768px) {
.m-downloadcontainer_aeonwallet {
display:block;
margin-top: 9px
}
}
.m-downloadcontainer_aeonwallet>.a-image {
width: auto
}
@media (max-width: 768px) {
.m-downloadcontainer_aeonwallet>.a-image {
margin:-6px 0 10px 22px
}
}
.m-downloadcontainer_aeonwallet img {
width: 62px;
min-width: 62px;
height: 62px
}
@media (max-width: 768px) {
.m-downloadcontainer_aeonwallet img {
width:58px;
min-width: 58px;
height: 58px
}
}
.m-downloadcontainer_aeonwallet>span {
margin: 5px 0 0 16px;
font-weight: 600;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.m-downloadcontainer_aeonwallet>span {
margin-left:0
}
}
.m-downloadcontainer_qrcode {
margin: -1px 0 0 52px
}
@media (min-width: 1204px) {
.m-downloadcontainer_qrcode {
display:flex
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_qrcode {
margin-left:28px
}
}
@media (max-width: 768px) {
.m-downloadcontainer_qrcode {
display:none
}
}
.m-downloadcontainer_qrcode>.a-image {
width: auto;
min-width: 70px
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_qrcode>.a-image {
display:flex;
min-width: 86px;
margin: 0 auto -3px
}
}
.m-downloadcontainer_qrcode img {
width: 72px;
min-width: 72px;
height: 72px;
border: 1px solid #f0f0f0
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_qrcode img {
width:86px;
min-width: 86px;
height: 86px;
padding: 2px
}
}
.m-downloadcontainer_qrcode>span {
width: 100%;
margin: 15px 0 0 22px;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_qrcode>span {
display:block;
margin: 15px 0 0 17px
}
}
@media (min-width: 1204px) {
.m-downloadcontainer_stores {
display:flex;
margin-left: 38px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_stores {
margin-top:-6px;
margin-left: 47px
}
}
.m-downloadcontainer_appstore>span,.m-downloadcontainer_playstore>span {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-downloadcontainer_appstore a,.m-downloadcontainer_playstore a {
display: block
}
@media (min-width: 1204px) {
.m-downloadcontainer_appstore a,.m-downloadcontainer_playstore a {
margin-top:5px
}
}
@media (max-width: 768px) {
.m-downloadcontainer_appstore a,.m-downloadcontainer_playstore a {
margin-top:9px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_appstore {
margin-top:1px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_appstore a {
margin-top:3px
}
}
.m-downloadcontainer_appstore img {
width: 135px;
min-width: 135px;
height: 42px
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_appstore img {
width:120px;
min-width: 120px;
height: 37px
}
}
@media (max-width: 768px) {
.m-downloadcontainer_appstore img {
width:150px;
min-width: 150px;
height: 52px
}
}
@media (min-width: 1204px) {
.m-downloadcontainer_playstore {
margin-left:18px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_playstore {
margin-top:12px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_playstore>a {
margin-top:4px
}
}
.m-downloadcontainer_playstore img {
width: 151px;
min-width: 151px;
height: 42px
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer_playstore img {
width:133px;
min-width: 133px;
height: 40px
}
}
@media (max-width: 768px) {
.m-downloadcontainer_playstore img {
width:175px;
min-width: 175px;
height: 52px
}
}
@media (min-width: 1204px) {
.m-downloadcontainer-pc .m-downloadcontainer_aeonwallet {
padding-right:38px;
border-right: 1px dotted #ebebeb
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-downloadcontainer-pc .m-downloadcontainer_aeonwallet {
padding-right:28px;
border-right: 1px solid #ebebeb
}
}
.m-examplecontainer {
width: 100%;
overflow: hidden;
border: 1px solid #b3d778;
border-radius: 12px
}
.m-examplecontainer_header {
display: flex;
align-items: center;
padding: 16px 38px 18px 28px;
color: #80bd1e;
background-color: #f8fbf4;
font-weight: 600;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.m-examplecontainer_header {
padding:15px 15px 15px 14px
}
}
.m-examplecontainer_header>.a-icon {
width: 40px;
min-width: 40px;
height: 40px;
margin: -2px 17px 0 0
}
@media (max-width: 768px) {
.m-examplecontainer_header>.a-icon {
margin-top:-4px
}
}
.m-examplecontainer_contentwrapper {
padding: 28px 39px 29px 28px
}
@media (max-width: 768px) {
.m-examplecontainer_contentwrapper {
padding:20px 17px 21px 15px
}
}
.m-examplecontainer-ng {
border-color: #e36776
}
.m-examplecontainer-ng .m-examplecontainer_header {
color: #d93448;
background-color: #fcf5f6
}
.m-featurelinkcard {
display: block;
width: 100%;
padding: 15px 14px 5px;
color: inherit;
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 10px 0 hsla(0,0%,56.9%,.2)
}
@media (min-width: 769px) {
.m-featurelinkcard {
padding:20px 28px 10px
}
}
.m-featurelinkcard_title {
margin-top: 15px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
@media (min-width: 769px) {
.m-featurelinkcard_title {
margin-top:12px
}
}
.m-featurelinkcard_description {
margin: 8px -3px 0 0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-featurelinkcard_link {
padding-top: 7px;
margin-top: 15px;
margin-right: -3px;
text-align: right;
border-top: 1px dotted #ebebeb
}
@media (min-width: 769px) {
.m-featurelinkcard_link {
margin-right:-6px
}
}
.m-featurelinkcard_link .a-icon {
margin-left: -6px
}
.m-featurerecommend {
position: relative;
display: block;
width: 100%;
padding: 20px 20px 0;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (min-width: 769px) {
.m-featurerecommend {
padding-left:30px
}
}
.m-featurerecommend_wrapper {
display: block
}
@media (min-width: 769px) {
.m-featurerecommend_wrapper {
display:flex;
justify-content: space-between
}
}
@media (min-width: 769px) {
.o-modalgeneralcontent .m-featurerecommend_wrapper,.o-section-formcomplete .m-featurerecommend_wrapper {
display:block
}
}
.m-featurerecommend_image {
flex: 0 0 100%;
margin-bottom: 20px
}
@media (min-width: 769px) {
.m-featurerecommend_image {
flex:0 0 295px;
order: 2
}
}
.m-featurerecommend_image .a-image {
border-radius: 10px
}
.m-featurerecommend_content {
margin-top: 20px;
margin-bottom: 13px;
color: #1a1a1a
}
@media (min-width: 769px) {
.m-featurerecommend_content {
flex:1;
order: 1;
margin-top: 10px;
margin-right: 32px
}
.m-featurerecommend-onlytitle .m-featurerecommend_content {
display: flex;
flex-direction: column;
justify-content: space-between
}
}
@media (min-width: 769px) {
.o-modalgeneralcontent .m-featurerecommend_content,.o-section-formcomplete .m-featurerecommend_content {
margin-right:0
}
}
.m-featurerecommend_title {
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.01375em;
font-weight: 600
}
@media (min-width: 769px) {
.m-featurerecommend_title {
font-size:16px;
line-height: 1.1875;
letter-spacing: -.01375em
}
}
.m-featurerecommend-onlytitle .m-featurerecommend_title {
margin-bottom: 16px
}
.m-featurerecommend_description {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.01571em;
margin-top: 16px;
margin-bottom: 10px
}
@media (min-width: 769px) {
.m-featurerecommend_description {
font-size:14px;
line-height: 1.35714;
letter-spacing: -.01571em
}
}
.m-featurerecommend_link {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.01571em;
margin-right: -7px;
text-align: right
}
.m-featurerecommend_link .a-icon-blank {
margin: 0
}
.m-featurerecommend_label {
font-weight: 600;
position: absolute;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 20px;
color: #707070;
border-top: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
border-radius: 0 10px;
font-size: 10px;
line-height: 1.9;
letter-spacing: -.022em
}
@media (min-width: 769px) {
.o-modalgeneralcontent .m-featurerecommend,.o-section-formcomplete .m-featurerecommend {
padding-left:20px
}
}
@media (min-width: 769px) {
.o-modalgeneralcontent .m-featurerecommend {
margin-bottom:50px
}
}
.m-fieldrow {
position: relative;
padding: 16px 0 16px 343px;
margin-bottom: 20px;
border-color: #f0f0f0;
border-style: solid;
border-width: 1px 0
}
@media (min-width: 769px) and (max-width:1203px) {
.m-fieldrow {
padding-left:calc(100% - 580px)
}
}
@media (max-width: 768px) {
.m-fieldrow {
padding:0;
border: 0
}
}
@media (min-width: 769px) {
.m-fieldrow-noborder {
padding-top:0;
padding-bottom: 0;
border: 0
}
}
@media (max-width: 768px) {
.m-fieldrow:last-child {
margin-bottom:0
}
}
@media (min-width: 769px) {
.m-fieldrow-vertical {
padding-left:0
}
}
@media (min-width: 769px) {
.m-fieldrow-hasbutton .o-grid_cell {
max-width:calc(100% - 173px)
}
}
.m-fieldrow-isfirstchild {
margin-top: 0!important;
border-top: 1px solid #f0f0f0!important
}
.m-fieldrow:not(.m-fieldrow-noborder)+.m-fieldrow:not(.m-fieldrow-noborder) {
border-top: 0
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-noborder)+.m-fieldrow:not(.m-fieldrow-noborder) {
margin-top:-20px
}
}
@media (min-width: 769px) {
.m-fieldrow-modalhorizontalpc {
padding-left:123px!important
}
}
@media (min-width: 769px) {
.m-fieldrow-modalhorizontalpc:first-of-type {
margin-top:40px
}
}
@media (min-width: 769px) {
.m-fieldrow-modalhorizontalpc .m-fieldrow_header {
max-width:unset!important
}
}
.m-fieldrow-labelnote {
border-bottom: 0
}
@media (max-width: 768px) {
.m-fieldrow-labelnote .m-fieldrow_header {
flex-wrap:wrap
}
}
.m-fieldrow-labelnote .m-fieldrow_labelnote {
order: 3;
width: 100%
}
.m-fieldrow_header {
display: flex;
align-items: center;
margin-bottom: 10px
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header {
position:absolute;
top: 20px;
left: 0;
display: block;
max-width: 330px;
margin-bottom: 0
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header {
max-width:calc(100% - 630px)
}
}
@media (max-width: 768px) {
.m-fieldrow-checkboxall .m-fieldrow_header {
position:absolute;
top: 6px;
left: 0;
margin-bottom: 0
}
}
.m-fieldrow_label {
display: flex;
flex: 0 1 auto;
flex-wrap: wrap;
align-items: center;
margin-right: 6px;
font-size: 16px;
line-height: 1;
letter-spacing: -.0225em;
font-weight: 600
}
.m-fieldrow_label>.o-helpmodal {
flex: 0 0 auto;
margin-left: 5px;
vertical-align: -2px
}
@media (min-width: 769px) and (max-width:1203px) {
.m-fieldrow_label {
font-size:16px;
line-height: 1.375;
letter-spacing: -.0225em
}
}
.m-fieldrow_label .a-text {
font-weight: 300;
display: inline-block
}
.m-fieldrow_labelnote {
margin-top: 10px;
color: #666;
font-size: 12px;
line-height: 1.25
}
.m-fieldrow_tags {
flex: auto 0 0;
margin-left: auto;
font-size: 10px;
line-height: 1.4
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_tags {
margin-top:10px
}
}
@media (min-width: 769px) {
.m-fieldrow-hasbutton .m-fieldrow_tags {
margin-right:173px
}
}
@media (max-width: 768px) {
.m-fieldrow-hasbutton .m-fieldrow_tags {
margin-right:121px
}
}
.m-fieldrow-hasunit .m-fieldrow_tags {
margin-right: 44px
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc1 .m-fieldrow_tags {
margin-right:calc(91.66667% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp1 .m-fieldrow_tags {
margin-right:calc(91.66667% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc2 .m-fieldrow_tags {
margin-right:calc(83.33333% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp2 .m-fieldrow_tags {
margin-right:calc(83.33333% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc3 .m-fieldrow_tags {
margin-right:calc(75% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp3 .m-fieldrow_tags {
margin-right:calc(75% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc4 .m-fieldrow_tags {
margin-right:calc(66.66667% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp4 .m-fieldrow_tags {
margin-right:calc(66.66667% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc5 .m-fieldrow_tags {
margin-right:calc(58.33333% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp5 .m-fieldrow_tags {
margin-right:calc(58.33333% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc6 .m-fieldrow_tags {
margin-right:calc(50% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp6 .m-fieldrow_tags {
margin-right:calc(50% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc7 .m-fieldrow_tags {
margin-right:calc(41.66667% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp7 .m-fieldrow_tags {
margin-right:calc(41.66667% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc8 .m-fieldrow_tags {
margin-right:calc(33.33333% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp8 .m-fieldrow_tags {
margin-right:calc(33.33333% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc9 .m-fieldrow_tags {
margin-right:calc(25% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp9 .m-fieldrow_tags {
margin-right:calc(25% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc10 .m-fieldrow_tags {
margin-right:calc(16.66667% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp10 .m-fieldrow_tags {
margin-right:calc(16.66667% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc11 .m-fieldrow_tags {
margin-right:calc(8.33333% + 15px)
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp11 .m-fieldrow_tags {
margin-right:calc(8.33333% + 5px)
}
}
@media (min-width: 769px) {
.m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header-basecolpc12 .m-fieldrow_tags {
margin-right:15px
}
}
@media (max-width: 768px) {
.m-fieldrow_header-basecolsp12 .m-fieldrow_tags {
margin-right:5px
}
}
.m-fieldrow_main {
min-height: 52px
}
.m-fieldrow_main,.m-fieldrow_main .o-grid_body {
position: relative
}
@media (max-width: 768px) {
.m-fieldrow_main .o-grid_body>.o-grid_cell+.o-grid_cell {
padding-top:10px
}
}
.m-fieldrow_cell {
position: relative;
width: 100%
}
.m-fieldrow_footer {
margin-top: 7px
}
.m-fieldrow_inputtedvaluenote {
margin-top: 9px;
text-align: right;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em
}
.m-fieldrow_caption {
margin-top: 7px
}
.m-fieldrow_rule {
color: #7a7878;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-fieldrow_note {
margin-top: 1px;
color: #9b9a9a;
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
.m-fieldrow_note .a-textlink {
font-size: 14px;
line-height: 0;
letter-spacing: 0
}
.m-fieldrow_rule+.m-fieldrow_note {
margin-top: 5px
}
.m-fieldrow .m-buttoncontainer {
margin-bottom: 30px
}
.m-filterpanel {
margin-bottom: 20px
}
.m-filterpanel:last-child {
margin-bottom: 0
}
.m-filterpanel_panel {
display: flex;
align-items: center;
padding: 20px 55px;
background-color: #f7f7f7;
border-radius: 12px
}
@media (max-width: 768px) {
.m-filterpanel_panel {
display:block;
padding: 20px 15px
}
}
.m-filterpanel_title {
flex: 0 0 230px
}
@media (max-width: 768px) {
.m-filterpanel_title {
padding-bottom:17px;
border-bottom: 1px solid #ebebeb
}
}
.m-filterpanel_wrap {
width: 100%;
padding-left: 55px;
border-left: 1px solid #f0f0f0
}
@media (max-width: 768px) {
.m-filterpanel_wrap {
min-height:0;
padding: 15px 0 0;
border-width: 1px 0 0
}
}
.m-filterpanel_wrap .a-textfield>.a-button {
position: static;
width: 75px;
margin-left: 15px
}
.m-filterpanel_body {
display: flex;
flex: 1 1 100%;
align-items: center
}
.m-filterpanel_body:not(:first-child) {
padding-top: 15px;
margin-top: 20px;
border-top: 1px solid #ebebeb
}
@media (max-width: 768px) {
.m-filterpanel_body:not(:first-child) {
padding-top:0;
border-top: 0
}
}
.m-filterpanel_detail {
flex-grow: 1;
padding-right: 10px;
margin-right: 36px;
border-right: 1px solid #ebebeb
}
@media (min-width: 769px) {
.m-filterpanel_detail {
min-height:36px
}
}
@media (max-width: 768px) {
.m-filterpanel_detail {
margin-right:12px
}
}
.m-filterpanel-hidedetail .m-filterpanel_detail {
display: none
}
.m-filterpanel_detail ul {
list-style-type: none;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-filterpanel_detail ul li {
display: inline-block;
color: #666
}
.m-filterpanel_detail ul li:not(:last-child):after {
margin-right: .5em;
content: ","
}
.m-filterpanel_buttoncontainer {
flex-shrink: 0;
margin-left: auto
}
.m-filterpanel_filterresult {
margin-top: 38px;
color: #666;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em;
font-weight: 600
}
@media (max-width: 768px) {
.m-filterpanel_filterresult {
margin-top:27px
}
}
.m-filterresult {
padding-bottom: 10px
}
.m-filterresult:not(:last-child) {
margin-bottom: 20px
}
@media (min-width: 769px) {
.m-filterresult {
display:flex;
align-items: flex-end;
border-bottom: 1px solid #ebebeb
}
}
.m-filterresult_extracontrols {
display: flex;
align-items: center
}
@media (min-width: 769px) {
.m-filterresult_extracontrols {
justify-content:flex-end;
order: 2;
margin-left: auto
}
}
@media (max-width: 768px) {
.m-filterresult_extracontrols {
justify-content:space-between;
padding: 15px 0;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb
}
}
.m-filterresult_extracontrols .a-pulldown {
display: block
}
@media (min-width: 769px) {
.m-filterresult_extracontrols .a-pulldown {
flex:0 0 228px
}
}
@media (max-width: 768px) {
.m-filterresult_extracontrols .a-pulldown {
flex:0 0 185px
}
}
@media (min-width: 769px) {
.m-filterresult_extracontrols .a-switch {
flex:0 0 228px
}
}
.m-filterresult_result {
color: #666;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em;
font-weight: 600
}
@media (min-width: 769px) {
.m-filterresult_result {
order:1
}
}
@media (max-width: 768px) {
.m-filterresult_result {
margin-top:10px
}
}
@media (min-width: 769px) {
.m-fixedcardbanner {
position:fixed;
bottom: 0;
left: 0;
z-index: 101;
width: 100%
}
}
@media (max-width: 1023px) {
.m-fixedcardbanner {
width:1024px
}
}
@media (min-width: 769px) {
.m-fixedcardbanner_wrapper {
width:100%;
background: #fafafa;
box-shadow: 0 0 4px 0 rgba(0,0,0,.07)
}
}
.m-fixedcardbanner_bg {
position: absolute;
top: -13px;
left: calc((100% - 1064px)/2 + 32px);
z-index: -1;
width: 106px;
height: 106px;
border-radius: 50%;
box-shadow: 0 0 4px 0 rgba(0,0,0,.07)
}
@media (max-width: 1024px) {
.m-fixedcardbanner_bg {
left:calc((100% - 1024px)/2 + 32px)
}
}
.m-fixedcardbanner_pc {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1064px;
height: 100px;
padding: 24px 32px;
margin: 0 auto
}
@media (max-width: 768px) {
.m-fixedcardbanner_pc {
display:none
}
}
.m-fixedcardbanner_pc_cardimage {
position: relative;
top: -10px;
display: flex;
align-items: center;
justify-content: center;
width: 106px;
min-width: 106px;
height: 106px;
overflow: hidden;
background: #fff;
border: 5px solid #fafafa;
border-radius: 50%
}
.m-fixedcardbanner_pc_cardimage .a-image {
width: 60px;
margin-top: 5px
}
.m-fixedcardbanner-verticalcard .m-fixedcardbanner_pc_cardimage .a-image {
width: 39px;
height: 62px;
margin-top: 0
}
.m-fixedcardbanner-verticalcard .m-fixedcardbanner_pc_cardimage .a-image_image:not(.loading) {
width: 39px;
height: 62px;
max-height: none;
border: 1px solid #f0f0f0;
border-radius: 6%/4%
}
.m-fixedcardbanner_pc_cardimage .a-image_image:not(.loading) {
width: calc(100% - 2px);
max-height: calc(100% - 2px);
border: 1px solid #f0f0f0;
border-radius: 4%/6%
}
.m-fixedcardbanner_pc_text {
width: 480px;
margin-top: -10px;
margin-right: 12px;
margin-left: 12px
}
.m-fixedcardbanner_pc_text strong {
font-size: 18px;
line-height: 1;
letter-spacing: -.02222em;
font-weight: 600;
margin-bottom: 10px
}
.m-fixedcardbanner_pc_text .a-caption {
position: relative;
display: inline-block;
padding-right: 15px;
padding-left: 15px
}
.m-fixedcardbanner_pc_text .a-caption:before {
position: absolute;
top: 0;
left: 0;
content: "縲�"
}
.m-fixedcardbanner_pc_text .a-caption:after {
position: absolute;
right: 0;
bottom: 0;
content: "縲�"
}
.m-fixedcardbanner_pc .a-button {
width: 324px;
margin-top: -10px
}
.m-fixedcardbanner_sp {
position: fixed;
right: 16px;
bottom: 72px;
z-index: 1
}
.m-fixedcardbanner_sp .a-button {
margin-bottom: 16px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.18)
}
@media (min-width: 769px) {
.m-fixedcardbanner_sp {
display:none
}
}
@media (max-width: 768px) {
.m-fixedcardbanner-fixed {
left:0;
width: 100%
}
}
@media (max-width: 768px) {
.m-fixedcardbanner-fixed,.m-fixedcardbanner-fixed .m-fixedcardbanner_sp {
position:absolute;
bottom: 0
}
}
.m-fixedcardlineup .a-button {
position: fixed;
right: 16px;
bottom: 88px;
z-index: 1;
transition: none
}
.m-fixedcardlineup .a-button>span {
margin-top: 0;
text-align: center
}
.m-fixedcardlineup-absolute .a-button {
position: absolute;
bottom: 0
}
.m-fixedpointbanner {
position: fixed;
bottom: 0;
left: 0;
z-index: 8000;
align-items: center;
width: 100%;
background-color: #edeff7;
transition: bottom .35s cubic-bezier(.1,.8,.2,.9) 0ms;
transform: translateY(0)
}
@media (min-width: 1366px) {
.m-fixedpointbanner {
left:140px
}
}
@media (max-width: 768px) {
.m-fixedpointbanner {
transition:bottom .35s cubic-bezier(.1,.8,.2,.9) 0ms,transform .5s
}
}
.m-fixedpointbanner_wrapper {
max-width: 1064px;
padding: 11px 16px 16px;
margin: auto;
transition: padding-bottom .35s cubic-bezier(.1,.8,.2,.9) 0ms
}
@media (max-width: 768px) {
.is-sp .m-fixedpointbanner_wrapper {
padding-bottom:calc(16px + env(safe-area-inset-bottom, 0))
}
}
@media (min-width: 769px) {
.m-fixedpointbanner_wrapper {
padding:28px 32px
}
}
.m-fixedpointbanner_inner {
position: relative;
display: flex;
align-items: center
}
.m-fixedpointbanner_pointlogo .a-image_image {
width: 44px;
height: 44px;
background-color: #fff;
border: 1px solid #b60081;
border-radius: 8px
}
.m-fixedpointbanner_cardinfo {
margin: 0 24px 0 21px;
text-align: right
}
.m-fixedpointbanner_cardinfo .a-text {
margin-right: 30px;
text-align: left
}
.m-fixedpointbanner_cardnumber {
font-size: 10px;
line-height: 1.2;
margin-right: 15px;
color: #303e91
}
.m-fixedpointbanner_expiry {
position: relative
}
.m-fixedpointbanner_expiry .a-button {
position: relative;
margin-top: 12px
}
.m-fixedpointbanner_expiryalert {
position: absolute;
top: -7px;
left: -1px;
color: #b60081;
white-space: nowrap;
font-size: 12px;
line-height: 1
}
.m-fixedpointbanner_selectcardbutton {
width: 44px;
height: 44px;
margin-left: auto;
background-color: #fff;
border-width: 0;
border-radius: 50%;
outline: none;
box-shadow: 0 2px 8px rgba(0,0,0,.08);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.m-fixedpointbanner_selectcardbutton .a-icon {
width: 22px;
height: 22px
}
.m-fixedpointbanner_selectcardbutton .a-text {
color: #b60081;
font-size: 8px;
line-height: 1.375
}
.m-fixedpointbanner_lostdate {
font-size: 12px;
line-height: 1
}
.m-fixedpointbanner-sphidden {
bottom: -100%
}
@media (max-width: 768px) {
.m-fixedpointbanner-sphidden {
bottom:0;
transform: translateY(100px)
}
}
.m-fixedpointbanner .a-tooltip {
position: absolute;
bottom: calc(100% + 16px);
left: 0;
width: auto;
margin: auto
}
@media (max-width: 768px) {
.m-fixedpointbanner .a-tooltip {
bottom:calc(100% + 5px);
left: -16px;
width: calc(100% + 32px)
}
}
.m-fixedpointbanner .a-tooltip-body {
font-size: 14px;
line-height: 1;
font-weight: 300
}
@media (min-width: 769px) {
.m-fixedpointbanner .a-tooltip-body {
padding:19px 16px
}
}
@media (max-width: 768px) {
.m-fixedpointbanner .a-tooltip-body {
padding:16px 15px
}
}
.m-fixedpointbanner .a-tooltip-body:before {
display: none
}
.m-fixedpointbanner .a-tooltip dl {
margin: 0
}
.m-fixedpointbanner .a-tooltip dl>div {
display: flex;
align-items: center;
justify-content: space-between
}
@media (max-width: 768px) {
.m-fixedpointbanner .a-tooltip dl>div {
text-align:center
}
}
.m-fixedpointbanner .a-tooltip dl>div:first-child {
margin-bottom: 8px
}
.m-fixedpointbanner .a-tooltip dl dd {
margin-left: 0
}
.m-fixedpointbanner-tooltipopened .m-fixedpointbanner_expiry:before {
position: absolute;
top: -28px;
left: 50%;
z-index: 3;
width: 18px;
height: 18px;
content: "";
background-color: #fff;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,.1);
transform: translateX(-50%) rotate(45deg) skew(8deg,8deg)
}
@media (max-width: 768px) {
.m-fixedpointbanner-tooltipopened .m-fixedpointbanner_expiry:before {
top:-17px
}
}
@media (max-width: 768px) {
.m-fixedpointbanner:not(.m-fixedpointbanner-sphidden) {
bottom:60px
}
.m-fixedpointbanner:not(.m-fixedpointbanner-sphidden).m-fixedpointbanner-aw {
bottom: 0
}
}
.m-formgroup {
display: none
}
.o-grid_body>.m-formgroup~.a-fielderror {
transform: translateY(24px)
}
.m-formrule {
width: 100%
}
.m-formrule_wrapper {
height: 200px;
padding: 7px 14px 14px 16px;
margin-bottom: 10px;
background: #faf9f5;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto
}
.m-formrule_wrapper_iframe {
width: 100%;
height: 100%
}
.m-formrule .a-termlink {
width: 100%
}
.m-formrule .o-grid:first-child {
margin-bottom: 10px
}
@media (min-width: 769px) {
.m-formrule .o-grid:first-child {
margin-bottom:30px
}
}
.m-gallery {
width: 100%
}
.m-gallery_top {
margin-bottom: 15px;
border-radius: 4px
}
.m-gallery_wrapimg {
position: relative;
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
border-radius: 4px
}
.m-gallery_wrapimg:before {
display: block;
padding-bottom: 75%;
content: ""
}
.m-gallery-modal .m-gallery_wrapimg:before {
padding-bottom: 100%
}
.m-gallery_thumbs .m-gallery_wrapimg {
border: 1px solid transparent
}
.m-gallery-modal .m-gallery_wrapimg {
border: 1px solid #f0f0f0
}
.swiper-slide-thumb-active>.m-gallery_wrapimg {
border: 1px solid #b60081
}
.m-gallery_copyright {
text-align: center;
color: #666;
font-size: 12px;
line-height: 1.33333;
letter-spacing: -.02em
}
.m-gallery_thumbs .m-gallery_copyright {
display: none
}
.m-gallery-modal {
width: 486px;
margin: 0 auto
}
@media (max-width: 768px) {
.m-gallery-modal {
width:303px
}
}
.m-giftdata {
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 0;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0
}
.m-giftdata:not(:last-child) {
margin-bottom: 20px
}
.m-giftdata>span {
color: #666;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-goldcardachivementprogress {
margin: 20px 0;
overflow: hidden;
text-align: center;
border: 1px solid #e6e6e6;
border-radius: 12px
}
.m-goldcardachivementprogress_header {
padding: 16px 24px 14px
}
.m-goldcardachivementprogress-isreached .m-goldcardachivementprogress_header {
padding: 11px 24px 18px
}
.m-goldcardachivementprogress_titlecontainer {
display: flex;
align-items: center;
justify-content: center
}
.m-goldcardachivementprogress_titlecontainer .a-icon {
width: 20px;
height: 20px;
margin-right: 8px
}
.m-goldcardachivementprogress_title {
font-size: 14px;
line-height: 1.71429;
letter-spacing: -.01571em;
font-weight: 600
}
.m-goldcardachivementprogress_main {
padding: 14px 17px 10px;
background-color: #f7f7f7
}
.m-goldcardachivementprogress-isreached .m-goldcardachivementprogress_main {
padding: 14px 17px 5px
}
.m-goldcardachivementprogress_percentwrapper {
height: 20px;
margin: 3px auto 5px;
overflow: hidden;
background-color: #e7e8f1;
border: 1px solid #fff;
border-radius: 20px
}
@media (min-width: 769px) {
.m-goldcardachivementprogress_percentwrapper {
width:333px
}
}
.m-goldcardachivementprogress_percentinner {
width: 0;
height: 100%;
background-color: #4653a2;
transition: width 1.2s ease-in-out
}
.m-goldcardachivementprogress-isreached .m-goldcardachivementprogress_percentinner {
border-radius: 20px
}
.m-goldcardachivementprogress_lastclosingdate {
color: #6a6a6a;
font-size: 11px;
line-height: 1.90909;
letter-spacing: -.01818em
}
.m-goldcardachivementprogress_usageamount {
display: flex;
align-items: center;
justify-content: center
}
.m-goldcardachivementprogress_usageamount .a-textprice {
margin-left: 20px;
font-size: 20px;
line-height: 1.2;
letter-spacing: -.004em
}
.m-goldcardachivementprogress_usageamount .a-textprice>small {
font-size: 12px;
line-height: 2;
letter-spacing: -.01833em
}
.m-goldcardachivementprogress_announcement {
display: flex;
justify-content: center;
margin-top: 12px
}
.m-goldcardachivementprogress-isreached .m-goldcardachivementprogress_announcement {
margin-top: 13px
}
.m-goldcardachivementprogress_announcement .a-textprice {
font-size: 40px;
line-height: .6;
letter-spacing: -.002em
}
.m-goldcardachivementprogress_announcement .a-textprice>small {
font-size: 14px;
line-height: 1.71429;
letter-spacing: -.01571em
}
.m-goldcardachivementprogress_limitamount {
color: #b60081;
font-size: 40px;
line-height: .6;
letter-spacing: -.002em;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-goldcardachivementprogress_announcementtext {
display: inline-block;
margin-left: 6px;
color: #b60081;
font-size: 24px;
line-height: 1.25;
letter-spacing: -.00917em;
font-weight: 600
}
.m-goldcardachivementprogress_fixedtext {
position: relative;
top: 8px;
left: 5px;
display: inline-block;
margin-right: 15px;
color: #b60081;
font-weight: 600
}
.m-headericon {
position: relative;
display: block;
width: -webkit-max-content;
width: max-content;
padding: 0;
text-align: center;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.m-headericon_icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 24px;
margin-bottom: 2px
}
.m-headericon_icon .a-icon {
width: 24px
}
.m-headericon_label {
color: #4d4d4d;
font-size: 10px;
line-height: 1;
letter-spacing: -.022em;
font-weight: 600
}
.m-headericon-hasunread:after {
position: absolute;
top: 3px;
right: 4px;
width: 8px;
height: 8px;
content: "";
background-color: #b60081;
border-radius: 50%
}
.m-heading {
margin: 0 0 20px
}
.m-heading_highlight {
display: block;
margin-bottom: 7px;
color: #b80084;
font-weight: 600;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.01937em
}
.m-heading-center .m-heading_highlight {
text-align: center
}
.m-heading_category {
margin-left: -5px;
color: #999;
font-weight: 300;
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
@media (min-width: 769px) {
.m-heading_category {
margin-left:0
}
}
.m-heading_category+.m-heading_body {
padding-top: 8px
}
@media (min-width: 769px) {
.m-heading_category+.m-heading_body {
padding-top:5px
}
}
.m-heading:last-child {
margin-bottom: 0
}
.m-heading-typeh1 {
margin-bottom: 60px;
border-bottom: 1px solid #f0f0f0
}
@media (min-width: 769px) {
.js-headerWrapper-withcardswitcher~.o-main .m-heading-typeh1,.o-header-withcardswitcher~.o-main .m-heading-typeh1 {
margin-top:5px
}
}
@media (max-width: 768px) {
.js-headerWrapper-withcardswitcher~.o-main .m-heading-typeh1,.o-header-withcardswitcher~.o-main .m-heading-typeh1 {
padding-top:82px
}
}
@media (min-width: 769px) {
.js-headerWrapper-withcardswitcher~.o-main .o-section-gray .m-heading-typeh1,.o-header-withcardswitcher~.o-main .o-section-gray .m-heading-typeh1 {
margin-top:-35px
}
}
@media (max-width: 768px) {
.js-headerWrapper-withcardswitcher~.o-main .o-section-gray .m-heading-typeh1,.o-header-withcardswitcher~.o-main .o-section-gray .m-heading-typeh1 {
padding-top:24px
}
}
@media (max-width: 768px) {
.m-heading-typeh1 {
padding:0 16px;
margin-bottom: 30px;
border-bottom: 1px solid #f0f0f0
}
.m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) {
background-color: #faf9f5
}
}
.m-heading-typeh2 {
position: relative;
margin-bottom: 23px
}
.m-heading-typeh3 {
margin-bottom: 15px
}
@media (max-width: 768px) {
.m-heading-topic {
padding-top:20px
}
}
.m-heading-line {
border-bottom: 0
}
.m-heading-line:after {
display: block;
content: "";
border-bottom: 1px solid #f0f0f0
}
.m-heading-question {
position: relative;
padding-top: 2px
}
.m-heading_header {
display: flex;
align-items: center
}
.m-heading-typeh2 .m-heading_header {
position: absolute;
top: -40px;
left: 0
}
.m-heading-question .m-heading_header {
padding-left: 35px
}
@media (min-width: 769px) {
.m-heading-question .m-heading_header {
padding-left:51px
}
}
.m-heading_date {
padding-right: 8px;
color: #a3a3a3;
font-size: 13px;
line-height: 1;
letter-spacing: -.02231em
}
.m-heading_tags {
font-size: 10px;
line-height: 1.6
}
@media (max-width: 768px) {
.m-heading-typeh2 .m-heading_tags {
display:none
}
}
@media (max-width: 768px) {
.m-heading-showTagsAlways .m-heading_tags {
display:block
}
}
.m-heading_targetaudiencetag {
position: relative;
top: -2px;
display: inline-block;
height: 16px;
padding: 0 4px;
color: #b60081;
vertical-align: middle;
border: 1px solid #ad0076;
border-radius: 5px;
font-size: 10px;
line-height: 1.4;
letter-spacing: 0;
font-weight: 300
}
.m-heading_questionnumber {
color: #666;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-heading_body {
display: flex;
align-items: center;
justify-content: space-between
}
.m-heading_body-pulldownhidden {
height: 42px
}
.m-heading-center .m-heading_body {
justify-content: center
}
.m-heading-typeh1 .m-heading_body {
padding: 10.5px 0
}
@media (max-width: 768px) {
.m-heading-typeh1 .m-heading_body {
padding:14px 0
}
}
.m-heading-topic .m-heading_body {
padding: 15px 0 16px
}
@media (max-width: 768px) {
.m-heading-carddetail .m-heading_body {
padding:8px 0
}
}
.m-heading-question .m-heading_body {
padding: 0 0 11px 35px
}
@media (min-width: 769px) {
.m-heading-question .m-heading_body {
padding:0 0 14px 51px
}
}
.m-heading_label {
display: flex
}
.m-heading-center .m-heading_label {
justify-content: center
}
.m-heading-pictgram .m-heading_label {
align-items: center
}
.m-heading_label .a-icon {
position: relative;
top: -1px;
display: block;
flex: 0 0 24px;
width: 24px;
height: 24px;
margin-right: 6px
}
.m-heading-topic .m-heading_label .a-icon {
display: none
}
.m-heading-question .m-heading_label .a-icon {
position: absolute;
top: 5px;
left: 0;
width: 42px;
height: 42px
}
.m-heading-pictgram .m-heading_label .a-icon {
width: 44px;
min-width: 44px;
height: 44px;
margin-right: 7px;
background-color: #faf9f5;
background-position: 50%;
background-size: 24px;
border-radius: 50%
}
.m-heading-typeh3 .m-heading_label .a-icon {
top: -7px;
flex: 0 0 28px;
width: 28px;
height: 28px;
margin-right: 3px
}
.m-heading-typeh4 .m-heading_label .a-icon {
flex: 0 0 28px;
width: 28px;
height: 28px;
margin-right: 6px
}
.m-heading-typeh1 .m-heading_label .a-icon-catch-title-mgt {
top: 6px;
flex: 0 0 20px;
width: 20px;
height: 20px
}
@media (max-width: 768px) {
.m-heading-typeh1.m-heading-carddetail .m-heading_label .a-icon-catch-title-mgt {
top:1px
}
}
.m-heading-typeh2 .m-heading_label .a-icon-catch-title-mgt {
top: 4px;
flex: 0 0 14px;
width: 14px;
height: 14px
}
.m-heading_text {
position: relative;
margin: 0;
font-weight: 600
}
.m-heading_text-hastargetaudiencetag {
margin-right: 10px
}
@media (min-width: 769px) {
.m-heading_text-hastargetaudiencetag {
margin-right:15px
}
}
.m-heading-white .m-heading_text {
color: #fff
}
.m-heading-typeh1 .m-heading_text {
font-size: 24px;
line-height: 1.33333;
letter-spacing: -.02208em
}
@media (max-width: 768px) {
.m-heading-typeh1.m-heading-carddetail .m-heading_text,.m-heading-typeh1.m-heading-topic .m-heading_text {
font-size:18px;
line-height: 1.33333;
letter-spacing: -.02222em
}
}
.m-heading-typeh1.m-heading-question .m-heading_text {
font-size: 22px;
line-height: 1.36364;
letter-spacing: -.00909em
}
.m-heading-typeh2 .m-heading_text {
top: -2px;
font-size: 22px;
line-height: 1.18182;
letter-spacing: -.00909em
}
.m-heading-typeh3 .m-heading_text {
top: -3px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: -.02222em
}
.m-heading-typeh4 .m-heading_text {
top: -3px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
.m-heading-targetaudience .m-heading_text {
display: inline
}
.m-heading-typeh4 .m-heading_label>.a-icon+.m-heading_text {
top: 2px
}
.m-heading-lowmarginbottom {
margin-bottom: 5px
}
.m-heading_linkcontainer .a-textlink {
position: relative;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-heading-typeh3 .m-heading_linkcontainer .a-textlink {
top: -3px
}
.m-herocarousel_wrapper {
border-radius: 8px
}
.m-herocarousel_slide img {
max-width: 100%
}
.m-herocarousel_pagination {
display: flex;
justify-content: center;
margin-top: 15px
}
@media (max-width: 768px) {
.m-herocarousel_pagination {
position:absolute;
bottom: 8px;
z-index: 10;
width: 100%;
margin-top: 0
}
}
.m-herocarousel_bullet {
display: block;
width: 8px;
height: 8px;
margin-right: 10px;
background-color: #e8e8e8;
border-radius: 50%
}
.m-herocarousel_bullet:last-child {
margin-right: 0
}
.m-herocarousel_bullet-active {
background-color: #b60081
}
.m-herocarousel_next,.m-herocarousel_prev {
position: absolute;
top: calc(50% - 14px);
z-index: 1;
outline: none
}
@media (max-width: 768px) {
.m-herocarousel_next,.m-herocarousel_prev {
display:none
}
}
.m-herocarousel_prev {
left: 0;
margin-left: 10px
}
.m-herocarousel_next {
right: 0;
margin-right: 10px
}
.m-herocarousel2 {
overflow: hidden;
visibility: hidden;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative
}
.m-herocarousel2:before {
display: block;
padding-bottom: 74.93333%;
content: ""
}
@media (min-width: 769px) {
.m-herocarousel2 {
border-radius:12px;
position: relative
}
.m-herocarousel2:before {
display: block;
padding-bottom: 43.2%;
content: ""
}
}
.m-herocarousel2.swiper-container-initialized {
visibility: visible
}
.m-herocarousel2_wrapper {
position: absolute;
top: 0;
left: 0;
border-radius: 8px
}
.m-herocarousel2_slide {
position: relative;
height: 100%
}
.m-herocarousel2_slide img {
width: 100%;
height: 100%
}
@media (min-width: 769px) {
.m-herocarousel2-singleslide .m-herocarousel2_slide img {
border-radius:12px
}
}
.m-herocarousel2_slide:not(.m-herocarousel2_slide-active):after {
position: absolute;
top: 0;
display: block;
width: 100%;
height: 100%;
content: "";
background-color: #000;
opacity: .3
}
.m-herocarousel2_pagination {
display: flex;
justify-content: center;
margin-top: 5px
}
.m-herocarousel2_bullet {
position: relative;
display: block;
width: 10px;
height: 10px;
margin: 0 2px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
outline: none
}
.m-herocarousel2_bullet:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 6px;
height: 6px;
content: "";
background-color: #e8e8e8;
border-radius: 50%;
transform: translate(-50%,-50%)
}
@media (min-width: 769px) {
.m-herocarousel2_bullet {
width:15px;
height: 15px
}
.m-herocarousel2_bullet:after {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 8px;
height: 8px;
content: "";
background-color: #e8e8e8;
border-radius: 50%;
transform: translate(-50%,-50%)
}
}
.m-herocarousel2_bullet-active:after {
background-color: #b60081
}
.m-herocarousel2_next,.m-herocarousel2_prev {
position: absolute;
top: 50%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 6.4%;
max-width: 46px;
height: 8.54093%;
max-height: 46px;
background-color: #fff;
border-radius: 50%;
transform: translateY(-50%)
}
@media (max-width: 768px) {
.m-herocarousel2_next .a-icon,.m-herocarousel2_prev .a-icon {
width:60.86957%;
min-width: 20px;
height: 60.86957%;
min-height: 20px
}
}
@media (min-width: 769px) {
.m-herocarousel2_next,.m-herocarousel2_prev {
width:46px;
height: 46px
}
}
.m-herocarousel2-singleslide .m-herocarousel2_next,.m-herocarousel2-singleslide .m-herocarousel2_prev {
display: none
}
.m-herocarousel2_prev {
left: 4.167%;
transform: translate(-50%,-50%)
}
@media (min-width: 769px) {
.m-herocarousel2_prev {
left:10px;
transform: translateY(-50%)
}
}
.m-herocarousel2_next {
right: 4.167%;
transform: translate(50%,-50%)
}
@media (min-width: 769px) {
.m-herocarousel2_next {
right:10px;
transform: translateY(-50%)
}
}
.m-imagebox {
padding: 16px 15px 14px;
border: 1px solid #f0f0f0;
border-radius: 8px;
font-size: 18px;
line-height: 1.44444;
letter-spacing: -.02222em
}
@media (min-width: 769px) {
.m-imagebox {
display:flex;
align-items: center;
justify-content: space-between;
padding: 38px 57px 40px 112px
}
}
@media (min-width: 769px) {
.m-imagebox .a-image {
flex:1 0 100%;
max-width: 256px;
margin-left: 87px
}
}
@media (max-width: 768px) {
.m-imagebox .a-image {
margin-top:15px
}
}
@media (min-width: 769px) {
.m-imagebox .a-thumbnail {
flex:1 0 100%;
max-width: 256px;
margin-left: 87px
}
}
@media (max-width: 768px) {
.m-imagebox .a-thumbnail {
margin-top:15px
}
}
@media (min-width: 769px) {
.m-imagebox .a-thumbnail>.a-image {
flex:0 1 auto;
max-width: none;
margin-left: 0
}
}
@media (max-width: 768px) {
.m-imagebox .a-thumbnail>.a-image {
margin-top:0
}
}
.m-infobanner {
display: flex;
align-items: center;
width: 100%;
padding: 14px 5px 14px 12px;
background: #fafafa;
border: 4px solid #f0f0f0;
outline: none
}
.m-infobanner a.m-infobanner,.m-infobanner button.m-infobanner {
cursor: poiner
}
.m-infobanner:not(:last-child) {
margin-bottom: 20px
}
@media (max-width: 768px) {
.m-infobanner {
padding:9px 5px 9px 10px
}
}
.m-infobanner .m-infobanner_icon {
flex: 0 0 28px;
width: 28px;
min-width: 28px;
height: 28px;
padding: 4px;
margin-right: 8px;
background: #fff;
border-radius: 50%
}
.m-infobanner .m-infobanner_icon>.a-icon {
display: block;
width: 20px;
height: 20px
}
.m-infobanner .m-infobanner_contents {
margin-right: auto;
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
.m-infobanner .m-infobanner_contents .a-caption {
font-weight: 300
}
.m-infobanner>.a-icon {
flex-shrink: 0
}
.m-infobanner-warn {
padding: 10px 8px;
background-color: #fff;
border: none;
border-radius: 8px;
box-shadow: 0 4px 8px hsla(0,0%,56.9%,.2)
}
.m-infobanner-warn:not(:last-child) {
margin-bottom: 4px
}
.m-infobanner-warn .m-infobanner_icon {
width: 20px;
min-width: 20px;
height: 20px;
padding: 0
}
.m-infobanner-warn .m-infobanner_contents {
font-size: 12px;
line-height: 1.5
}
.m-infobanner-warn>.a-icon {
margin: -4px 0
}
.m-infobanner-alert {
padding: 16px 8px 16px 12px;
background: #fff9f7;
border-color: #eb0015;
border-width: 2px
}
@media (max-width: 768px) {
.m-infobanner-alert {
padding:9px 7px 9px 10px
}
}
.m-infobanner-alert .m-infobanner_contents {
color: #eb0015
}
.m-infobanner-textlink {
display: block;
padding-right: 12px
}
.m-infobanner-textlink .m-infobanner_main {
display: flex;
align-items: center
}
.m-infobanner-textlink .m-linkcontainer {
padding-top: 14px;
margin-top: 14px;
border-top: 1px solid #ebebeb
}
.m-infobannercontainer {
margin: 20px 0
}
.m-infobannercontainer-list {
border: 4px solid #f0f0f0
}
.m-infobannercontainer-list .m-infobanner {
margin-bottom: 0;
border: 0
}
.m-infobannercontainer-list .m-infobanner:not(:last-child) {
position: relative
}
.m-infobannercontainer-list .m-infobanner:not(:last-child):after {
position: absolute;
right: 12px;
bottom: 0;
left: 12px;
height: 1px;
content: " ";
background-color: #f0f0f0;
transform: translateY(-50%)
}
.m-infobannercontainer-smallmarginbottom {
margin-bottom: 5px
}
.m-itemgroup {
display: inline-flex;
align-items: center
}
.m-itemgroup :not(:last-child) {
margin-right: 16px
}
.m-leadcontainer_wrapper {
width: 100%;
max-width: 1000px;
margin-right: auto;
margin-left: auto
}
.m-leadcontainer_wrapper>.a-caption:first-of-type {
margin-top: 30px
}
@media (max-width: 768px) {
.m-leadcontainer_wrapper>.a-caption:first-of-type {
margin-top:20px
}
}
.m-leadcontainer_wrapimage {
width: 100%;
margin-right: auto;
margin-left: auto
}
.m-leadcontainer_wrapimage-3x2 {
max-width: 258px
}
@media (max-width: 768px) {
.m-leadcontainer_wrapimage-3x2 {
max-width:286px
}
}
.m-leadcontainer_wrapimage-1x1 {
max-width: 193px
}
@media (max-width: 768px) {
.m-leadcontainer_wrapimage-1x1 {
max-width:196px
}
}
.m-leadcontainer_wrapimage .a-image {
margin-bottom: 0
}
.m-leadcontainer_wrapimage>span {
display: block;
margin-top: 6px;
color: #a3a3a3;
font-size: 9px;
line-height: 1.33333;
letter-spacing: -.02222em
}
@media (min-width: 769px) {
.m-leadcontainer_wrapimage>span {
margin-top:9px
}
}
.m-leadcontainer_wrapimage-card {
max-width: 256px
}
@media (max-width: 768px) {
.m-leadcontainer_wrapimage-card {
max-width:284px
}
}
.m-leadcontainer_modaltrigger {
position: relative;
float: right;
padding-right: 21px;
margin-top: 8px;
color: #a20073;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.m-leadcontainer_modaltrigger {
margin-top:10px
}
}
.m-leadcontainer_modaltrigger .a-icon {
position: absolute;
top: -5px;
right: -5px
}
.m-leadcontainer_contents {
width: 100%;
padding: 19px 7px 9px 15px;
margin-bottom: auto;
background: #fff;
border-radius: 12px
}
@media (min-width: 769px) {
.m-leadcontainer_contents {
padding:37px 48px 27px 58px
}
}
.m-leadcontainer_contents .m-heading {
margin: 6px 0 25px
}
@media (max-width: 768px) {
.m-leadcontainer_contents .m-heading {
margin-top:1px
}
}
.m-leadcontainer_contents>span {
display: block;
padding-bottom: 5px;
font-size: 18px;
line-height: 1.44444;
letter-spacing: -.02222em
}
.m-leadcontainer_contents>div {
margin: 8px 0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-leadcontainer_contents .a-caption {
margin: 8px 0
}
.m-leadcontainer_contents .a-textlink {
float: right;
text-align: right
}
.m-leadcontainer_imgcontainer {
display: flex;
align-items: center;
width: 100%;
min-width: 100%;
padding: 20px 30px 10px
}
@media (min-width: 769px) {
.m-leadcontainer_imgcontainer {
padding:0 0 0 30px
}
}
.m-leadcontainer_contentwrapper {
width: 100%
}
.m-leadcontainer_buttonwrapper {
display: flex;
justify-content: center;
margin: 30px 0 10px
}
.m-leadcontainer_buttonwrapper .a-button {
max-width: 312px
}
@media (max-width: 768px) {
.m-leadcontainer_buttonwrapper .a-button {
max-width:286px
}
}
@media (max-width: 768px) {
.m-leadcontainer_buttonwrapper {
margin:20px 0 0
}
}
.m-leadcontainer-hasmodal .m-leadcontainer_imgcontainer {
display: block;
text-align: right
}
@media (max-width: 768px) {
.m-leadcontainer-hasmodal .m-leadcontainer_buttonwrapper {
margin-top:19px
}
}
.m-leadcontainer-hasmodal .m-leadcontainer_modaltrigger,.m-leadcontainer-hasmodal .m-leadcontainer_wrapimage {
cursor: pointer
}
.m-leadcontainer-verticalcard .o-grid_cell {
align-items: flex-start
}
.m-leadcontainer-verticalcard .m-leadcontainer_imgcontainer {
justify-content: center
}
.m-leadcontainer-verticalcard .m-leadcontainer_imgcontainer .a-image_image {
height: 254px
}
@media (max-width: 768px) {
.m-leadcontainer-verticalcard .m-leadcontainer_imgcontainer .a-image_image {
height:280px
}
}
.m-leadcontainer-verticalcard .m-leadcontainer_imgcontainer .a-image_image:not(.loading) {
border: 1px solid #f0f0f0;
border-radius: 6%/4%
}
.m-leadcontainer-verticalcard .m-leadcontainer_contentwrapper {
width: 160px
}
@media (max-width: 768px) {
.m-leadcontainer-verticalcard .m-leadcontainer_contentwrapper {
width:176px
}
}
.m-linkcontainer {
width: 100%;
margin-bottom: 20px
}
.m-linkcontainer:not(.m-linkcontainer-withtitle),.m-linkcontainer ul {
display: block;
text-align: right;
list-style: none
}
.m-linkcontainer-left ul {
text-align: left
}
.m-linkcontainer-bordertopdotted {
padding-top: 9px;
margin-top: 20px;
border-top: 1px dotted #ebebeb
}
.m-linkcontainer-center:not(.m-linkcontainer-withtitle),.m-linkcontainer-center ul {
text-align: center
}
.m-linkcontainer-right:not(.m-linkcontainer-withtitle),.m-linkcontainer-right ul {
text-align: right
}
.m-linkcontainer-nomarginbottom {
margin-bottom: 0
}
.m-linkcontainer-withtitle {
padding: 14px 13px 8px 17px;
border: 1px solid #ebebeb;
border-radius: 4px
}
@media (min-width: 769px) {
.m-linkcontainer-withtitle {
display:flex;
padding: 21px 58px
}
}
.m-linkcontainer-withtitle .m-linkcontainer-title {
display: flex;
align-items: center;
font-weight: 600;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-linkcontainer-withtitle .m-linkcontainer-title {
width:228px;
min-width: 228px;
padding-right: 29px;
border-right: 1px solid #ebebeb
}
}
@media (max-width: 768px) {
.m-linkcontainer-withtitle .m-linkcontainer-title {
padding-bottom:17px;
border-bottom: 1px solid #ebebeb
}
}
.m-linkcontainer-withtitle ul {
text-align: left
}
@media (min-width: 769px) {
.m-linkcontainer-withtitle ul {
padding-left:58px
}
}
@media (max-width: 768px) {
.m-linkcontainer-withtitle ul {
padding-top:8px
}
}
.m-linkcontainer-hasmargintop {
margin-top: 10px
}
.o-section+.m-linkcontainer {
margin-top: 20px
}
.m-listitem {
width: 100%;
list-style-type: none
}
.m-listitem:not(.m-listitem-noborder) {
border-bottom: 1px solid #f0f0f0
}
.m-listitem:not(.m-listitem-noborder).m-listitem-banklist {
border-color: #eaeaea
}
.m-listitem:not(.m-listitem-noborder).m-listitem-banklist.m-listitem-accordionContent {
border-color: #e0e0e0
}
.m-listitem:not(.m-listitem-noborder):first-of-type {
border-top: 1px solid #f0f0f0
}
.m-listitem:not(.m-listitem-noborder):first-of-type.m-listitem-banklist {
border-color: #eaeaea
}
.m-listitem:not(.m-listitem-noborder):first-of-type.m-listitem-banklist.m-listitem-accordionContent {
border-color: #e0e0e0
}
.m-listitem:not(.m-listitem-noborder):last-of-type.m-listitem-banklist:not(.m-listitem-closed) {
border-bottom: 0
}
.m-listitem-noborder {
border-bottom: 0
}
.m-listitem-noborder:first-of-type {
border-top: 0
}
.m-listitem-step {
background-color: #fff;
border: 1px solid #f0f0f0;
border-radius: 8px
}
@media (max-width: 768px) {
.m-listitem-step {
border-radius:4px
}
}
.m-listitem-step small {
margin-bottom: 5px
}
@media (min-width: 769px) {
.m-listitem-hidepc {
display:none
}
}
.m-listitem_wrapper {
color: #1a1a1a
}
.m-listitem_externaltextlink {
margin-bottom: 20px
}
.m-listitem_thumbwrapper {
display: flex
}
.m-listitem-advantage .m-listitem_thumbwrapper {
padding-left: 7px
}
.m-listitem-question .m-listitem_thumbwrapper {
height: 100%
}
.m-listitem-banklist:not(.m-listitem-closed)>.m-listitem_thumbwrapper {
border-bottom: 1px solid #eaeaea
}
.m-listitem-hasexternalbutton .m-listitem_thumbwrapper {
position: relative;
display: block
}
.m-listitem-topbanner .m-listitem_thumbwrapper {
height: 100%
}
.m-listitem_externalbutton {
position: absolute;
bottom: 15px;
left: 102px
}
.m-listitem_externalbutton>.a-button {
width: 180px;
height: 32px;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.01833em
}
.m-listitem_thumb {
display: flex;
align-items: center;
width: 100%;
min-height: 74px;
padding: 15px 0;
color: inherit
}
.m-listitem-noborder .m-listitem_thumb {
padding: 0
}
@media (min-width: 769px) {
.m-listitem-accordion .m-listitem_thumb {
pointer-events:none
}
}
@media (max-width: 768px) {
.m-listitem-accordion .m-listitem_thumb {
cursor:pointer
}
}
.m-listitem-accordion.m-listitem-step .m-listitem_thumb {
pointer-events: auto
}
.m-listitem-accordion.m-listitem-alwaysuseaccordion .m-listitem_thumb,.m-listitem-accordion.m-listitem-banklist .m-listitem_thumb,.m-listitem-accordion.m-listitem-payment .m-listitem_thumb,.m-listitem-accordion.m-listitem-point .m-listitem_thumb {
pointer-events: all;
cursor: pointer
}
@media (max-width: 768px) {
.m-listitem-contact .m-listitem_thumb {
position:relative;
padding-bottom: 38px
}
}
.m-listitem-point .m-listitem_thumb {
min-height: 0;
padding: 18px 0
}
.m-listitem-payment:not(.m-listitem-noborder) .m-listitem_thumb {
padding: 12px 0 18px
}
@media (max-width: 768px) {
.m-listitem-payment:not(.m-listitem-noborder) .m-listitem_thumb {
padding:12px 0
}
}
.m-listitem-step .m-listitem_thumb {
padding: 40px 0;
cursor: auto
}
@media (min-width: 769px) {
.m-listitem-step .m-listitem_thumb {
flex-wrap:wrap
}
}
@media (max-width: 768px) {
.m-listitem-step .m-listitem_thumb {
padding:14px 0
}
}
.m-listitem-topbanner .m-listitem_thumb {
width: 100%;
padding-right: 0;
border-color: #ebebeb
}
.m-listitem-topbanner .m-listitem_thumb_body {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%
}
.m-listitem-topbanner .m-listitem_thumb_body .a-textlink {
width: 28px;
margin-left: 15px;
font-size: 0
}
@media (min-width: 769px) {
.m-listitem-topbanner .m-listitem_thumb_body .a-textlink {
width:70px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
}
.m-listitem-topbanner .m-listitem_thumb_body .a-textlink>.a-icon {
margin-left: -5px
}
.m-listitem-topbanner .m-listitem_thumb_highlight {
margin-bottom: 5px;
color: #b80084;
font-weight: 600;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.02583em
}
.m-listitem-topbanner .m-listitem_thumb_summary {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.02583em
}
.m-listitem-hasexternalbutton .m-listitem_thumb {
position: relative;
padding-right: 85px;
padding-bottom: 57px;
padding-left: 101px
}
@media (max-width: 768px) {
.m-listitem-hasexternalbutton .m-listitem_thumb {
padding-right:43px
}
}
.m-listitem-hasexternalbutton .m-listitem_thumb_body .u-text-right>.a-textlink {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%)
}
.m-listitem-textlink .m-listitem_thumb {
min-height: 62px;
padding-bottom: 0
}
.m-listitem-small .m-listitem_thumb {
min-height: 0;
padding: 9px 0
}
.m-listitem-small .m-listitem_thumb_summary {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-listitem-question .m-listitem_thumb {
min-height: 0;
padding: 11px
}
.m-listitem-question .m-listitem_thumb_leadingicon {
margin-right: 9px
}
.m-listitem-question .m-listitem_thumb_leadingicon .a-icon {
width: 30px;
height: 30px
}
.m-listitem-question .m-listitem_thumb_summary {
margin-right: 5px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-listitem-blanklink .m-listitem_thumb {
align-items: flex-start
}
.m-listitem-blanklink .m-listitem_thumb_benefit,.m-listitem-blanklink .m-listitem_thumb_link>.a-textlink {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
.m-listitem-blanklink .m-listitem_thumb_link {
margin-top: -5px
}
.m-listitem-blanklink .m-listitem_thumb_link .a-textlink .a-icon {
margin-left: -5px
}
.m-listitem-blanklink .m-listitem_thumb_wrapbenefit {
display: flex;
margin: -2px 0 7px
}
.m-listitem-blanklink .m-listitem_thumb_tag {
flex: 0 0 auto;
margin-right: 6px
}
.m-listitem-blanklink .m-listitem_thumb_detail {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-listitem-banklist .m-listitem_thumb {
font-size: 16px;
line-height: 1.6875
}
.m-listitem-banklist .m-listitem-banklist .m-listitem_thumb {
min-height: 56px;
padding: 10px 16px;
background-color: #f7f8fb;
font-size: 14px;
line-height: 1.71429
}
.m-listitem-banklist .m-listitem-accordionContent .m-listitem_thumb {
background-color: #edeff7;
border-color: #e0e0e0;
font-weight: 600
}
@media (max-width: 768px) {
.m-listitem-banklist .m-listitem-accordionContent .m-listitem_thumb {
min-height:48px
}
}
.m-listitem_thumbwrapper-onlyicon .m-listitem_thumb {
justify-content: space-between
}
.m-listitem_thumb_index {
flex: 0 0 auto;
margin-right: 18px;
color: #b60081;
text-align: center
}
.m-listitem-point .m-listitem_thumb_index {
align-self: flex-start
}
.m-listitem-point .m-listitem_thumb_index>div {
font-size: 22px;
line-height: 1.09091;
letter-spacing: 0;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-listitem-step .m-listitem_thumb_index {
flex: 0 0 140px;
margin-right: -1px;
border-right: 1px solid #f0f0f0
}
@media (max-width: 768px) {
.m-listitem-step .m-listitem_thumb_index {
flex:0 0 74px
}
}
.m-listitem-graphic .m-listitem_thumb_index {
display: flex;
align-items: center;
padding-left: 15px;
margin-bottom: 3px;
border-right: none
}
@media (min-width: 769px) {
.m-listitem-advantage .m-listitem_thumb_index {
margin-right:7px
}
}
.m-listitem-advantage .m-listitem_thumb_index>small {
padding-bottom: 3px;
font-size: 9px;
line-height: 1;
letter-spacing: -.03333em
}
.m-listitem-advantage .m-listitem_thumb_index>div {
font-size: 22px;
line-height: 1;
letter-spacing: -.02227em;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-listitem_thumb_index>small {
display: block;
font-size: 10px;
line-height: 1.2;
letter-spacing: .091em;
font-weight: 600;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
@media (min-width: 769px) {
.m-listitem-step .m-listitem_thumb_index>small {
font-size:12px;
line-height: 1.25;
letter-spacing: .09083em
}
}
.m-listitem-graphic .m-listitem_thumb_index>small {
margin-right: 4px;
margin-bottom: 0
}
@media (max-width: 768px) {
.m-listitem-graphic .m-listitem_thumb_index>small {
font-size:12px;
line-height: 1.25;
letter-spacing: .09083em
}
}
.m-listitem_thumb_index>div {
font-size: 25px;
line-height: 1;
letter-spacing: 0;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-listitem-step .m-listitem_thumb_index>div {
font-size: 36px;
line-height: 1;
letter-spacing: -.02222em
}
@media (max-width: 768px) {
.m-listitem-step .m-listitem_thumb_index>div {
font-size:22px;
line-height: 1;
letter-spacing: -.02227em
}
}
.m-listitem-graphic .m-listitem_thumb_index>div {
font-size: 18px;
line-height: 1.22222;
letter-spacing: -.02722em
}
.m-listitem_thumb_image {
flex: 0 0 auto;
margin-right: 16px
}
.m-listitem-topbanner .m-listitem_thumb_image {
background-color: #fafafa;
border-radius: 50%
}
.m-listitem-hasexternalbutton .m-listitem_thumb_image {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%)
}
.o-list-pointservices .m-listitem .m-listitem_thumbwrapper-onlyicon .m-listitem_thumb_image {
margin-right: 0
}
.o-list-pointservices .m-listitem .m-listitem_thumbwrapper-onlyicon .m-listitem_thumb_image>.a-image {
position: relative;
width: 180px;
height: 56px
}
.o-list-pointservices .m-listitem .m-listitem_thumbwrapper-onlyicon .m-listitem_thumb_image>.a-image>img {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.m-listitem_thumb_image>.a-image {
width: 75px;
height: 75px;
border-radius: 4px
}
.m-listitem-banner .m-listitem_thumb_image>.a-image {
width: 142px;
height: 71px
}
@media (max-width: 768px) {
.m-listitem-banner .m-listitem_thumb_image>.a-image {
width:120px;
height: 60px
}
}
.m-listitem-topbanner .m-listitem_thumb_image>.a-image {
border-radius: 50%
}
@media (min-width: 769px) {
.m-listitem-topbanner .m-listitem_thumb_image>.a-image {
width:85px;
height: 85px
}
}
.m-listitem-blanklink .m-listitem_thumb_image>.a-image {
width: 105px;
height: auto;
max-height: 105px
}
.m-listitem-feature .m-listitem_thumb_image>.a-image {
border-radius: 0
}
.m-listitem-banner .m-listitem_thumb_image-custom>.a-image {
height: auto
}
.m-listitem_thumb_image-pict {
width: 75px;
height: 75px;
padding: 10.5px;
background-color: #faf9f5;
border-radius: 50%
}
.m-listitem_thumb_image-pict>.a-image {
width: 54px;
height: 54px
}
.m-listitem_thumb_main {
flex: 1 1 100%
}
.m-listitem_thumb_image+.m-listitem_thumb_main {
align-self: flex-start
}
.m-listitem-banner .m-listitem_thumb_image+.m-listitem_thumb_main,.m-listitem-feature .m-listitem_thumb_image+.m-listitem_thumb_main,.m-listitem_thumb_image+.m-listitem_thumb_main-center {
align-self: center
}
.m-listitem-step .m-listitem_thumb_main {
flex: 1;
padding: 0 56px;
border-left: 1px solid #f0f0f0
}
@media (max-width: 768px) {
.m-listitem-step .m-listitem_thumb_main {
padding:0 14px
}
}
.m-listitem-step.m-listitem-accordion .m-listitem_thumb_main {
flex-direction: column;
align-items: flex-start
}
@media (max-width: 768px) {
.m-listitem-point .m-listitem_thumb_main-withsmallarticle .m-smallarticle_image,.m-listitem-point .m-listitem_thumb_main:not(.m-listitem_thumb_main-withsmallarticle) .m-listitem_thumb_summary {
margin-top:9px
}
}
.m-listitem-graphic .m-listitem_thumb_main {
padding: 0 0 0 18px;
border-left: none
}
.m-listitem_thumb_header {
margin-bottom: 6px;
line-height: 16px
}
.m-listitem_thumb_header>.a-tag {
margin-left: 2px;
vertical-align: text-top
}
.m-listitem_thumb_taggroup {
position: absolute;
transform: translate(4px,-1px)
}
.m-listitem_thumb_taggroup .a-tag {
margin-right: 5px
}
.m-listitem_thumb_taggroup .a-tag:last-child {
margin-right: 0
}
.m-listitem_thumb_date {
margin-right: 8px;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em
}
.m-listitem_thumb_title {
margin: -3px 0 7px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.01937em;
font-weight: 600
}
.m-listitem_thumb_title:last-child {
margin-bottom: 0
}
@media (min-width: 769px) {
.m-listitem-contact .m-listitem_thumb_title {
color:#a20073
}
}
.m-listitem-contact .m-listitem_thumb_title .a-icon {
margin: -4px 0 -3px -3.5px
}
.m-listitem-point .m-listitem_thumb_title:not(:last-child) {
margin-bottom: 4px
}
.m-listitem-banner .m-listitem_thumb_title {
margin-top: 0
}
@media (min-width: 769px) {
.m-listitem-step .m-listitem_thumb_title {
margin:0
}
}
@media (max-width: 768px) {
.m-listitem-step .m-listitem_thumb_title {
font-size:14px;
line-height: 1.5;
letter-spacing: -.02214em
}
}
.m-listitem-advantage .m-listitem_thumb_title {
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-listitem-point .m-listitem_thumb_main-withsmallarticle .m-listitem_thumb_title {
display:none
}
}
.m-listitem-feature .m-listitem_thumb_title {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.01571em
}
.m-listitem-topbanner .m-listitem_thumb_title {
margin-bottom: 3px
}
.m-listitem_thumb_summary {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-listitem_thumb_summary-minheight2lines {
min-height: 42px
}
.m-listitem_thumb_summary-csm {
min-height: 42px;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.m-listitem-step .m-listitem_thumb_summary {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-listitem-step .m-listitem_thumb_summary {
flex:100%;
padding-top: 10px
}
}
@media (max-width: 768px) {
.m-listitem-point .m-listitem_thumb_main-withsmallarticle .m-listitem_thumb_summary .m-smallarticle_title {
display:none
}
}
@media (max-width: 768px) {
.m-listitem-point .m-listitem_thumb_main-withsmallarticle .m-listitem_thumb_summary .m-smallarticle_content .m-smallarticle_title {
display:block
}
}
.m-listitem-largeboldsummary .m-listitem_thumb_summary {
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.01937em;
font-weight: 600
}
.m-listitem-feature .m-listitem_thumb_summary {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.01833em
}
.m-listitem_thumb_caption>.a-caption {
margin-top: 5px;
font-size: 11px;
line-height: 1.63636;
letter-spacing: -.02em
}
.m-listitem_thumb_contact {
font-size: 16px;
line-height: 1;
letter-spacing: -.0225em
}
.m-listitem_thumb_contact>* {
vertical-align: middle
}
.m-listitem_thumb_contact>.a-icon {
width: 20px;
height: 20px
}
.m-listitem_thumb_contact>em {
margin-right: .25em;
font-style: normal;
color: #a20073
}
.m-listitem_thumb_pricecontainer {
flex: 0 0 auto;
margin-left: 20px;
text-align: right
}
.m-listitem_thumb_price {
font-size: 20px;
line-height: 1;
letter-spacing: -.022em;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.m-listitem_thumb_price-withnegativenumbers {
color: #eb0015
}
.m-listitem_thumb_price>small {
margin-left: 3px;
vertical-align: 0;
font-family: Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 11px;
line-height: 1.90909;
letter-spacing: -.02182em
}
.m-listitem_thumb_pricenote {
color: #9b9a9a;
transform: translateY(11.5px);
font-size: 11px;
line-height: 0;
letter-spacing: -.02182em
}
.m-listitem_thumb_linkindicator {
flex: 0 0 auto;
color: #b60081
}
.m-listitem_thumb_linkindicator>.a-icon {
transform: translateX(7px)
}
.m-listitem-contact .m-listitem_thumb_linkindicator {
align-self: flex-end;
font-size: 14px;
line-height: 1;
letter-spacing: -.02214em
}
.m-listitem-contact .m-listitem_thumb_linkindicator .a-icon {
margin: -6px -6px -5px 0;
transform: none
}
@media (max-width: 768px) {
.m-listitem-contact .m-listitem_thumb_linkindicator {
position:absolute;
right: 0;
bottom: 12px
}
}
@media (min-width: 769px) {
.m-listitem:not(.m-listitem-point):not(.m-listitem-payment):not(.m-listitem-step):not(.m-listitem-banklist):not(.m-listitem-alwaysuseaccordion) .m-listitem_thumb_toggleindicator {
display:none
}
}
.m-listitem_thumb_toggleindicator>.a-icon {
display: block;
transform: translateX(7px)
}
.m-listitem-closed .m-listitem_thumb_toggleindicator>.a-icon:first-child {
display: none
}
.m-listitem_thumb_toggleindicator>.a-icon:last-child {
display: none
}
.m-listitem-closed .m-listitem_thumb_toggleindicator>.a-icon:last-child {
display: block
}
.m-listitem_thumb-stepssimple {
margin: 0
}
.m-listitem_thumb_targetaudiencetag {
position: relative;
top: -2px;
display: inline-block;
height: 16px;
padding: 0 4px;
color: #b60081;
vertical-align: middle;
border: 1px solid #ad0076;
border-radius: 5px;
font-size: 10px;
line-height: 1.4;
letter-spacing: 0
}
.m-listitem-graphic .m-listitem_thumb {
align-items: flex-start;
padding: 18px 24px 16px
}
.m-listitem-graphic .m-listitem_thumb_icon {
width: 75px;
min-width: 75px;
height: 75px;
padding: 10.5px;
background-color: #faf9f5;
border-radius: 50%
}
.m-listitem-graphic .m-listitem_thumb_icon>.a-image {
width: 54px;
height: 54px
}
.m-listitem-graphic .m-listitem_thumb_icon>.a-image>img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
transform: translate(-50%,-50%)
}
.m-listitem-graphic .m-listitem_thumb_content {
flex: 1;
margin-top: 6px
}
@media (max-width: 768px) {
.m-listitem-closed .m-listitem_accordion {
display:none
}
}
.m-listitem-step.m-listitem-accordion .m-listitem_accordion {
width: 100%
}
@media (min-width: 769px) {
.m-listitem-step.m-listitem-accordion .m-listitem_accordion.u-dn-pc-step {
display:none
}
}
@media (max-width: 768px) {
.m-listitem-step.m-listitem-accordion .m-listitem_accordion.u-dn-sp-step {
display:none
}
}
.m-listitem-closed.m-listitem-step .m-listitem_accordion {
display: block
}
.m-listitem-closed.m-listitem-alwaysuseaccordion .m-listitem_accordion,.m-listitem-closed.m-listitem-banklist .m-listitem_accordion,.m-listitem-closed.m-listitem-payment .m-listitem_accordion,.m-listitem-closed.m-listitem-point .m-listitem_accordion {
display: none
}
.m-listitem-closed.m-listitem-accordion.m-listitem-graphic .m-listitem_accordion {
display: block
}
.m-listitem_accordion_body {
padding: 30px;
margin-bottom: 12px;
background-color: #f7f7f7
}
@media (max-width: 768px) {
.m-listitem_accordion_body {
padding:15px
}
}
.m-listitem-nobackground .m-listitem_accordion_body {
padding: 0;
background: none
}
.m-listitem-step .m-listitem_accordion_body {
padding: 0 56px 26px;
margin-bottom: 0;
background: none
}
@media (max-width: 768px) {
.m-listitem-step .m-listitem_accordion_body {
padding:0 14px 26px
}
}
@media (max-width: 768px) {
.m-listitem-step .m-listitem_accordion_body .m-smallarticle_image {
margin-top:0
}
}
@media (min-width: 769px) {
.m-listitem-step.m-listitem-accordion .m-listitem_accordion_body {
padding:10px 0 0
}
}
.m-listitem-step.m-listitem-accordion .m-listitem_accordion_body .m-smallarticle_image {
margin-top: 0
}
@media (min-width: 769px) {
.m-listitem-step.m-listitem-accordion .m-listitem_accordion_body .m-smallarticle_image {
position:relative;
top: -31px
}
}
@media (min-width: 769px) {
.m-listitem-step.m-listitem-accordion .m-listitem_accordion_body .m-smallarticle_link {
margin-top:0
}
}
@media (min-width: 769px) {
.m-listitem-graphic.m-listitem-accordion .m-listitem_accordion_body {
padding:0 26px 18px
}
}
.m-listitem-payment .m-listitem_accordion_body {
display: flex;
justify-content: flex-end;
padding: 18px 27px 19px;
margin-bottom: 16px;
border-left: 2px solid #e6e6e6
}
@media (max-width: 768px) {
.m-listitem-payment .m-listitem_accordion_body {
display:block;
padding: 12px 13px 12px 15px;
margin-bottom: 13px
}
}
@media (min-width: 769px) {
.m-listitem-payment .m-listitem_accordion_body .m-linkcontainer {
margin:0 5px
}
}
.m-listitem-payment .m-listitem_accordion_body .m-statement {
width: 50%;
color: #666
}
@media (max-width: 768px) {
.m-listitem-payment .m-listitem_accordion_body .m-statement {
width:100%
}
}
@media (min-width: 769px) {
.m-listitem-payment .m-listitem_accordion_body .m-statement {
padding:0 5px 0 40px
}
.m-listitem-payment .m-listitem_accordion_body .m-statement:not(:first-child) {
padding-left: 40px
}
}
@media (max-width: 768px) {
.m-listitem-payment .m-listitem_accordion_body .m-statement:not(:first-of-type) {
margin-top:6px
}
}
@media (min-width: 769px) {
.m-listitem-payment .m-listitem_accordion_body .m-statement:not(:last-child) {
padding:0 40px 0 5px;
border-right: 1px solid #ebebeb
}
}
.m-listitem-payment .m-listitem_accordion_body .m-statement_item {
align-items: flex-start
}
.m-listitem-payment .m-listitem_accordion_body .m-statement_item_value {
flex-shrink: 1
}
.m-listitem-payment .m-listitem_accordion_body .m-statement_item_label {
flex-shrink: 0
}
.m-listitem-banklist .m-listitem_accordion_body {
padding: 16px 0;
margin-bottom: 0;
background-color: transparent
}
.m-listitem-banklist .m-listitem_accordion_body .m-table {
margin-bottom: 0;
border-color: #e0e0e0
}
.m-listitem-banklist .m-listitem_accordion_body .m-table_td,.m-listitem-banklist .m-listitem_accordion_body .m-table_th {
padding-top: 13px;
padding-bottom: 13px
}
.m-listitem-banklist .m-listitem_accordion_body .m-table_td+.m-table_td,.m-listitem-banklist .m-listitem_accordion_body .m-table_th+.m-table_td,.m-listitem-banklist .m-listitem_accordion_body .m-table_th+.m-table_th {
border-color: #e0e0e0
}
@media (max-width: 768px) {
.m-listitem-banklist .m-listitem-banklist .m-listitem_accordion_body {
padding-top:0;
margin-top: -1px
}
}
@media (max-width: 768px) {
.m-listitem-banklist .m-listitem-banklist .m-listitem_accordion_body .m-table_th {
padding-top:16px;
padding-bottom: 16px
}
}
@media (max-width: 768px) {
.m-listitem-banklist .m-listitem-banklist .m-listitem_accordion_body .m-table_td {
padding-top:14px;
padding-bottom: 14px
}
}
.m-listitem-banklist:last-of-type .m-listitem_accordion_body {
padding-bottom: 0
}
@media (max-width: 768px) {
.m-listitem-banklist .m-listitem-accordionContent:not(:last-of-type) .m-listitem_accordion_body {
padding-bottom:16px
}
}
.m-listitem-cassette .m-listitem_thumb_title {
font-size: 14px;
line-height: 1.42857
}
@media (max-width: 768px) {
.m-listitem-cassette .m-listitem_thumb_title {
font-size:12px;
line-height: 1.5
}
}
.m-listitem-cassette .m-listitem_thumb_category {
color: #a3a3a3;
font-size: 11px;
line-height: 1.45455
}
@media (max-width: 768px) {
.m-listitem-cassette .m-listitem_thumb_category {
font-size:10px;
line-height: 1.6
}
}
.m-listitem-cassette .m-listitem_thumb_summary {
color: #a3a3a3;
font-size: 12px;
line-height: 1.33333
}
@media (max-width: 768px) {
.m-listitem-cassette .m-listitem_thumb_summary {
font-size:10px;
line-height: 1.6
}
}
.m-listitem-cassette .m-listitem_thumb .m-listitem_thumb_category+.m-listitem_thumb_summary {
margin-top: 4px
}
.m-listitem .m-linkcontainer {
padding: 8px 0 4px;
border-top: 1px dotted #ebebeb
}
.m-mtpbannerpanel {
position: relative;
display: block;
width: 100%;
padding: 12px 53px 21px 13px;
color: inherit;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (min-width: 769px) {
.m-mtpbannerpanel {
padding:34px 157px 28px 24px
}
}
.m-mtpbannerpanel-type2 {
padding: 16px 20px 3px 65px
}
@media (min-width: 769px) {
.m-mtpbannerpanel-type2 {
padding:32px 157px 32px 24px
}
}
@media (max-width: 768px) {
.m-mtpbannerpanel_contentcontainer {
position:relative
}
}
.m-mtpbannerpanel-smallpadding {
padding-top: 20px;
padding-bottom: 16px
}
.m-mtpbannerpanel_title {
margin-bottom: 1px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
@media (min-width: 769px) {
.m-mtpbannerpanel_title {
margin-bottom:10px;
font-size: 16px;
line-height: 1.1875;
letter-spacing: -.01375em
}
}
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_title {
font-size: 12px;
line-height: 1.5;
letter-spacing: 0
}
@media (min-width: 769px) {
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_title {
font-size:16px;
line-height: 1.125;
letter-spacing: -.01375em
}
}
@media (min-width: 769px) {
.m-mtpbannerpanel_title .a-icon {
position:relative;
top: -2px;
width: 22px;
height: 22px;
margin-right: 4px
}
}
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_title .a-icon {
width: 20px;
height: 20px
}
@media (max-width: 768px) {
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_title .a-icon {
position:absolute;
top: 50%;
left: -50px;
transform: translateY(-50%)
}
}
.m-mtpbannerpanel_summary {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-mtpbannerpanel_link {
position: absolute;
top: 50%;
right: 10px;
pointer-events: none;
transform: translateY(-50%)
}
@media (min-width: 769px) {
.m-mtpbannerpanel_link {
right:32px
}
}
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_link {
position: static;
text-align: right;
transform: translateY(0)
}
@media (min-width: 769px) {
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_link {
position:absolute;
top: 50%;
transform: translateY(-50%)
}
}
@media (min-width: 769px) {
.m-mtpbannerpanel_link>.a-icon {
display:none
}
}
@media (max-width: 768px) {
.m-mtpbannerpanel_link>.a-textlink {
display:none
}
}
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_link>.a-textlink {
font-size: 10px;
line-height: 1.9;
letter-spacing: -.022em
}
@media (max-width: 768px) {
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_link>.a-textlink {
display:block;
margin-top: -4px;
font-weight: 600
}
}
@media (min-width: 769px) {
.m-mtpbannerpanel-type2 .m-mtpbannerpanel_link>.a-textlink {
font-size:14px;
line-height: 1.5;
letter-spacing: -.01571em
}
}
.m-mtpbannerpanel_link>.a-textlink .a-icon {
margin-left: -4px
}
.m-mtpcardpanel {
width: 100%;
padding: 28px 30px 44px 27px;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (max-width: 768px) {
.m-mtpcardpanel {
display:none
}
}
.m-mtpcardpanel>.m-heading {
margin-bottom: 23px
}
.m-mtpcardpanel-vccard {
display: block!important
}
.m-mtpcardpanel_copyright {
font-size: 11px;
line-height: 1.09091;
letter-spacing: -.01818em;
margin-top: 0;
color: #a3a3a3
}
@media (min-width: 1204px) {
.m-mtpcardpanel_wrapper {
padding:0 21px
}
}
.m-mtpcardpanel_wrapper>.a-image {
margin-bottom: 0
}
.m-mtpcardpanel_wrapper .a-image_image:not(.loading) {
width: calc(100% - 2px);
max-height: calc(100% - 2px);
border: 1px solid #f0f0f0;
border-radius: 4%/6%
}
.m-mtpcardpanel_wrapper>.a-text {
margin-top: 16px;
margin-bottom: 0;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 14px;
line-height: 1.14286;
letter-spacing: 0
}
.m-mtpcardpanel_wrapper>.u-omitpipe {
margin-top: 4px;
color: #4e4d4e;
opacity: .8;
font-size: 11px;
line-height: 1.27273;
letter-spacing: -.02182em
}
.m-mtphistorypanel {
display: flex;
flex-wrap: wrap;
width: 100%;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (max-width: 768px) {
.m-mtphistorypanel {
padding:23px 15px
}
}
@media (min-width: 769px) {
.m-mtphistorypanel {
padding:33px 28px 26px
}
}
.m-mtphistorypanel_recentusage {
position: relative
}
@media (max-width: 768px) {
.m-mtphistorypanel_recentusage {
flex:1 0 100%
}
}
@media (min-width: 769px) {
.m-mtphistorypanel_recentusage {
flex:1;
margin-right: 40px
}
}
@media (min-width: 769px) {
.m-mtphistorypanel_recentusage>.a-empty,.m-mtphistorypanel_recentusage>.a-loading-block {
margin-top:48px
}
}
.m-mtphistorypanel .m-heading {
margin-bottom: 16px
}
.m-mtphistorypanel_history {
flex: 1 0 auto;
margin-top: -7px
}
.m-mtphistorypanel_history>.a-empty,.m-mtphistorypanel_history>.a-loading-block {
border-top: none
}
.m-mtphistorypanel_quantity {
padding-bottom: 12px;
color: #666;
border-bottom: 1px solid #ebebeb;
font-weight: 600;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.0225em
}
.m-mtphistorypanel_historyitem {
padding: 12px 0;
border-bottom: 1px solid #ebebeb
}
.m-mtphistorypanel_historydate {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-mtphistorypanel_historycontents {
display: flex;
align-items: center;
justify-content: space-between
}
.m-mtphistorypanel_historycontents>span:first-child {
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.m-mtphistorypanel_historycontents>span:nth-child(2) {
color: #414141;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 20px;
line-height: 1.2;
letter-spacing: -.022em
}
.m-mtphistorypanel_historycontents>span:nth-child(2):after {
margin-left: 5px;
content: "蜀�";
font-weight: 600;
font-size: 11px;
line-height: 1.90909;
letter-spacing: -.02182em
}
.m-mtphistorypanel_detailslink {
position: absolute;
top: -3px;
right: -6px
}
.m-mtphistorypanel_note {
display: block;
margin-top: 12px;
color: #666;
font-size: 12px;
line-height: 2;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.m-mtphistorypanel_support {
flex:1 0 100%;
margin-top: 24px
}
}
@media (min-width: 769px) {
.m-mtphistorypanel_support {
flex:1
}
}
@media (max-width: 768px) {
.m-mtphistorypanel_support .m-heading {
display:none
}
}
@media (min-width: 769px) {
.m-mtphistorypanel_support .m-heading {
margin-bottom:42px
}
}
.m-mtppointpanel {
position: relative;
width: 100%
}
@media (max-width: 768px) {
.m-mtppointpanel {
margin-top:16px
}
.m-mtppointpanel:first-child {
margin-top: 2px
}
}
.m-mtppointpanel_link {
display: block
}
.is-pc .m-mtppointpanel-tokimeki:hover .m-mtppointpanel_link {
opacity: .5
}
.is-pc .m-mtppointpanel-tokimeki:hover .m-mtppointpanel_link+.m-mtppointpanel_icon,.is-pc .m-mtppointpanel-tokimeki:hover .m-mtppointpanel_link .m-mtppointpanel_tooltip {
opacity: .5
}
.is-pc .m-mtppointpanel-tokimeki:hover .m-mtppointpanel_link+.m-mtppointpanel_icon:hover {
opacity: 1
}
.is-pc .m-mtppointpanel-tokimeki:hover .m-mtppointpanel_link+.m-mtppointpanel_icon:hover .a-icon {
background-image: url(/-/media/aeoncard/assets/images/icon/information-active.svg)
}
.m-mtppointpanel_body {
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (max-width: 768px) {
.m-mtppointpanel_body {
height:100%
}
}
@media (max-width: 768px) {
.m-mtppointpanel_information {
padding:12px 20px 12px 17px
}
}
@media (min-width: 769px) {
.m-mtppointpanel_information {
padding:20px
}
}
.m-mtppointpanel_information .m-serversideerror {
margin-top: 5px
}
.m-mtppointpanel_point-container {
display: flex;
flex-direction: column
}
@media (max-width: 768px) {
.m-mtppointpanel_point-container {
flex-direction:row;
align-items: center;
justify-content: space-between
}
}
.m-mtppointpanel_point-container .a-textpoint {
margin-top: 11px;
text-align: right;
font-size: 30px;
line-height: .4;
letter-spacing: 0
}
@media (max-width: 768px) {
.m-mtppointpanel_point-container .a-textpoint {
margin-top:0;
font-size: 20px;
line-height: .6;
letter-spacing: 0
}
.m-mtppointpanel-error .m-mtppointpanel_point-container .a-textpoint {
margin-top: 0
}
}
.m-mtppointpanel_point-container .a-textpoint small {
font-size: 11px;
line-height: 1.09091;
letter-spacing: 0
}
@media (max-width: 768px) {
.m-mtppointpanel_point-container .a-textpoint small {
margin-left:2px
}
}
.m-mtppointpanel_point-info {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between
}
@media (max-width: 768px) {
.m-mtppointpanel_point-info {
align-items:center
}
}
.m-mtppointpanel_point-name {
width: 100%
}
@media (max-width: 768px) {
.m-mtppointpanel_point-name {
display:flex;
flex: 1;
align-items: center;
justify-content: space-between;
min-height: 32px;
margin-left: 4px
}
}
@media (min-width: 769px) {
.m-mtppointpanel_point-name {
margin-left:8px
}
}
.m-mtppointpanel_thumb {
flex-shrink: 0;
width: 32px;
height: 32px
}
@media (max-width: 768px) {
.m-mtppointpanel_thumb {
width:25px;
height: 25px
}
}
.m-mtppointpanel_title {
display: block;
color: #414141;
font-size: 14px;
line-height: 1.42857;
letter-spacing: -.01714em;
font-weight: 600
}
@media (max-width: 768px) {
.m-mtppointpanel_title {
flex:0 0 120px
}
}
@media (min-width: 769px) {
.m-mtppointpanel_title {
margin-top:7.5px
}
}
@media (max-width: 768px) {
.m-mtppointpanel_expired {
display:none
}
}
@media (min-width: 769px) {
.m-mtppointpanel_expired {
position:relative;
display: flex;
justify-content: space-between;
margin-top: 16px;
color: #4e4d4e;
opacity: .8;
font-size: 11px;
line-height: 1.27273;
letter-spacing: -.02em
}
.m-mtppointpanel_expired .a-textpoint {
flex-shrink: 0
}
.m-mtppointpanel_expired .a-textpoint>small {
margin-left: 6px;
font-size: 11px;
line-height: 1.09091;
letter-spacing: 0
}
}
.m-mtppointpanel_notokimeki {
display: flex;
align-items: center;
justify-content: center
}
@media (max-width: 768px) {
.m-mtppointpanel_notokimeki {
height:62px
}
}
@media (min-width: 769px) {
.m-mtppointpanel_notokimeki {
height:86.5px
}
}
.m-mtppointpanel_tooltip {
position: absolute;
left: 50%;
z-index: 1;
min-width: 166px;
transform: translate(-50%,-50%)
}
@media (max-width: 768px) {
.m-mtppointpanel_tooltip {
top:-5px
}
}
.m-mtppointpanel_icon {
position: absolute;
top: 50%;
left: 152px;
z-index: 1;
padding: 5px;
cursor: pointer;
transform: translateY(-50%)
}
.m-mtppointpanel-error .m-mtppointpanel_icon {
top: 12px;
transform: translateY(0)
}
@media (min-width: 769px) {
.m-mtppointpanel_icon {
top:37px;
left: 170px
}
.m-mtppointpanel-error .m-mtppointpanel_icon {
top: 19px;
transform: translateY(0)
}
}
@media (max-width: 768px) {
.m-mtppointpanel_icon .a-icon {
width:22px;
height: 22px
}
}
.m-mtppointpanel .a-empty,.m-mtppointpanel .a-loading-block {
margin-top: 5px;
background-color: hsla(0,0%,60%,.1)
}
.m-mtpptbnrpanel {
position: relative;
display: block;
width: 100%
}
.m-mtpptbnrpanel_body {
display: flex;
align-items: center;
padding: 12px;
overflow: hidden;
background-color: #fff;
border-radius: 12px
}
@media (min-width: 769px) {
.m-mtpptbnrpanel_body {
height:126px;
padding: 10px 8px;
border: 1px solid #ebebeb
}
}
@media (min-width: 1204px) {
.m-mtpptbnrpanel_body {
padding:10px 10px 10px 20px
}
}
@media (max-width: 768px) {
.m-mtpptbnrpanel_body {
height:100%;
box-shadow: 0 4px 8px hsla(0,0%,56.9%,.2)
}
}
@media (min-width: 769px) {
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_body {
padding:0 10px 0 8px
}
}
@media (min-width: 1204px) {
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_body {
padding:0 24px 0 20px
}
}
.m-mtpptbnrpanel-banner .m-mtpptbnrpanel_body {
display: flex;
align-items: flex-start;
padding: 0;
background-color: transparent
}
@media (min-width: 769px) {
.m-mtpptbnrpanel-banner .m-mtpptbnrpanel_body {
padding:0;
border: 0
}
}
.m-mtpptbnrpanel_thumb {
flex: 0 0 40px;
padding: 5px;
margin-right: 14px;
background-color: #fafafa;
border-radius: 100%
}
@media (min-width: 769px) {
.m-mtpptbnrpanel_thumb {
flex:0 0 56px;
margin-right: 7px
}
}
@media (min-width: 1204px) {
.m-mtpptbnrpanel_thumb {
margin-right:14px
}
}
@media (min-width: 769px) {
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_thumb {
display:flex;
flex: 0 0 67px;
align-items: center;
justify-content: center;
height: 67px;
margin-right: 10px
}
}
@media (min-width: 1204px) {
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_thumb {
flex:0 0 77px;
height: 77px;
margin-right: 18px
}
}
@media (min-width: 769px) {
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_thumb .a-image {
width:50px
}
}
.m-mtpptbnrpanel_content {
flex: 1 1 100%;
color: #4e4d4e;
font-size: 12px;
line-height: 1.58333
}
.m-mtpptbnrpanel_content .m-mtpptbnrpanel_title {
margin-bottom: 4px;
color: #414141;
font-weight: 600;
font-size: 13px;
line-height: 1.76923
}
@media (min-width: 769px) {
.m-mtpptbnrpanel_content .m-mtpptbnrpanel_title {
font-size:14px;
line-height: 1.35714
}
}
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_content .m-mtpptbnrpanel_title {
font-size: 12px;
line-height: 1.58333
}
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_content {
padding-top: 9px
}
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_content .a-text,.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_content .a-textlink {
font-size: 10px;
line-height: 1.6
}
.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_content .a-text,.m-mtpptbnrpanel-nonJMB .m-mtpptbnrpanel_content .m-linkcontainer {
margin-bottom: 0
}
.m-mtpptbnrpanel_linkindicator {
flex: 0 0 auto
}
@media (min-width: 769px) {
.m-mtpptbnrpanel_linkindicator {
margin-right:-5px
}
}
@media (min-width: 1060px) {
.m-mtpptbnrpanel_linkindicator {
margin-right:0
}
}
.m-mtpptbnrpanel_linkindicator .a-icon {
width: 28px;
height: 28px
}
.m-mtpptbnrpanel_banner {
margin-bottom: 0;
border-radius: 12px
}
.m-mtpusagepanel {
position: relative;
width: 100%;
border: 1px solid #ebebeb;
border-radius: 12px
}
@media (min-width: 769px) {
.m-mtpusagepanel {
display:flex;
flex-direction: column
}
}
.m-mtpusagepanel_header {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #fff;
border-radius: 12px 12px 0 0
}
@media (min-width: 769px) {
.m-mtpusagepanel_header {
padding:29px 28px 24px
}
}
.m-mtpusagepanel_header>.m-heading {
margin-bottom: 0
}
@media (max-width: 768px) {
.m-mtpusagepanel_header>.m-heading {
display:none
}
}
@media (max-width: 768px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_header>.m-heading {
display:block;
padding: 19px 12px 15px
}
}
.m-mtpusagepanel_header .m-slidetab {
width: 100%
}
@media (min-width: 769px) {
.m-mtpusagepanel_header .m-slidetab {
display:none
}
}
.m-mtpusagepanel_header .m-slidetab_item {
width: 50%;
padding: 23px
}
.m-mtpusagepanel-debit .m-mtpusagepanel_header .m-slidetab {
display: none
}
.m-mtpusagepanel_header>.a-textlink {
min-width: 100px;
margin: -3px -6px -3px 8px;
text-align: right
}
@media (max-width: 768px) {
.m-mtpusagepanel_header>.a-textlink {
display:none
}
}
.m-mtpusagepanel_infomationcontainer {
flex: 1 1 50%;
padding: 12px 15px 16px
}
@media (min-width: 769px) {
.m-mtpusagepanel_infomationcontainer {
padding:28px 5px 22px
}
}
@media (max-width: 768px) {
.m-mtpusagepanel_infomationcontainer-deactive {
display:none
}
}
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error+.m-mtpusagepanel_infomationcontainer-deactive {
display: none
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer {
padding:28px 28px 22px;
pointer-events: none
}
}
@media (min-width: 769px) {
.m-mtpusagepanel_infomationcontainer-error {
padding:28px
}
}
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error {
position: relative;
min-height: 166px
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error {
padding:10px 17px 0
}
}
@media (max-width: 768px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error .m-serversideerror {
margin-bottom:0
}
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error .m-serversideerror {
position:relative;
top: 5px;
left: -14px;
display: flex;
flex: 0 0 281px;
align-items: center;
justify-content: center;
min-height: 134px;
text-align: center;
font-size: 11px;
line-height: 1.45455
}
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error .m-serversideerror-gray {
padding:12px 34px
}
}
.m-mtpusagepanel_body {
position: relative;
z-index: 1;
display: flex;
align-items: center;
background: #edeef7;
border-radius: 0 0 12px 12px
}
@media (min-width: 769px) {
.m-mtpusagepanel_body {
flex:1 1 auto
}
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation {
justify-content: center
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_debitdate,.m-mtpusagepanel_body .m-mtpusagepanel_infomation_debitsummary,.m-mtpusagepanel_body .m-mtpusagepanel_infomation_debitupdatedate,.m-mtpusagepanel_body .m-mtpusagepanel_infomation_paymentdate,.m-mtpusagepanel_body .m-mtpusagepanel_infomation_updatedate,.m-mtpusagepanel_body .m-mtpusagepanel_infomation_usageperiod {
display: block;
color: #1a1a1a;
text-align: center
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_title {
display: block;
padding-bottom: 11px;
margin-bottom: 6px;
color: #414141;
text-align: center;
border-bottom: 1px solid #e6e7f0;
font-weight: 600;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_title {
padding-bottom:10px;
margin-bottom: 12px
}
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount {
display: flex;
align-items: center;
justify-content: center;
margin: 0 -36px 9px 0
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount {
margin:0 0 16px
}
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount>.a-tag {
padding: 0 8px;
margin-right: 8px
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount .a-textpoint,.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount>.a-textprice {
font-size: 40px;
line-height: 1;
letter-spacing: -.006em
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount>.a-textprice>small {
margin-left: 5px;
font-size: 16px;
line-height: 1.0625;
letter-spacing: -.0225em
}
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error .m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount>.a-textprice>small {
position: relative;
top: 3px
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount>.a-icon {
margin-left: 8px
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount>.a-icon {
display:none
}
}
@media (min-width: 769px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-hastag {
margin-right:-7px
}
}
@media (min-width: 769px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-hastag>.a-tag {
margin-right:6px
}
}
@media (min-width: 769px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-hastag>.a-icon {
margin-left:6px
}
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-error {
justify-content: flex-end
}
@media (max-width: 768px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-error {
margin-right:62px
}
}
@media (min-width: 769px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-error {
margin-right:-6px
}
}
.m-mtpusagepanel-debit .m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-error {
margin-right: 50px;
transform: translateY(-6px)
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-error {
flex:1;
transform: translate(-86px,14px)
}
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_amount-error .a-textprice small {
position: relative;
top: 4px
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_debitdate {
margin-bottom: 5px;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.01833em
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_debitsummary {
margin-bottom: 18px;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.01375em
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_paymentdate {
margin-bottom: 6px;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.02em;
font-weight: 600
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_usageperiod {
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
@media (min-width: 769px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_usageperiod {
margin-bottom:16px
}
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_updatedate {
font-size: 11px;
line-height: 1.63636;
letter-spacing: -.02em
}
@media (max-width: 768px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_updatedate {
padding:9px 0 14px
}
}
@media (min-width: 769px) {
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_updatedate {
margin-top:25px
}
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation_debitupdatedate {
font-size: 11px;
line-height: 1.63636;
letter-spacing: -.02em
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation .m-listitem {
color: #1a1a1a
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation .m-listitem:first-child {
padding-bottom: 25px;
border-bottom: 1px solid #e6e7f0
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation .m-listitem:last-child {
padding-top: 25px
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation .m-listitem_thumb {
min-height: 0;
padding: 0
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation .m-listitem_thumb_summary {
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.01375em
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation .m-listitem_thumb_pricecontainer {
align-self: flex-end
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation:last-child .m-mtpusagepanel_infomation_amount>small {
font-weight: 300;
font-size: 18px;
line-height: .94444;
letter-spacing: -.02222em
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation:last-child .m-mtpusagepanel_infomation_amount>.a-image {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 31px;
margin-right: 14px;
margin-bottom: 0;
background: #fff;
border-radius: 4px
}
.m-mtpusagepanel_body .m-mtpusagepanel_infomation:last-child .m-mtpusagepanel_infomation_amount>.a-image>img {
width: 25.4px;
height: 20.4px;
margin: 0
}
.m-mtpusagepanel_body_inner {
display: flex;
width: 100%
}
@media (max-width: 768px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error .m-mtpusagepanel_infomation {
margin-top:38px
}
}
@media (min-width: 769px) {
.m-mtpusagepanel-debit .m-mtpusagepanel_infomationcontainer-error .m-mtpusagepanel_infomation {
display:flex
}
}
.m-mtpusagepanel_line {
flex: 1 0 1px;
margin: 28px 0;
background-color: #e6e7f0
}
@media (max-width: 768px) {
.m-mtpusagepanel_line {
display:none
}
}
.m-mtpusagepanel_infomationcontainer-error+.m-mtpusagepanel_line {
display: none
}
@media (max-width: 768px) {
.m-mtpusagepanel_wraplinkcontainer {
margin-top:31px
}
}
@media (min-width: 769px) {
.m-mtpusagepanel_wraplinkcontainer {
position:absolute;
top: 14px;
right: 12px
}
}
.m-mtpusagepanel_wraplinkcontainer .o-list {
position: absolute;
right: 4px;
z-index: 7000;
width: 70%;
padding: 0 8px;
background-color: #fff;
border-radius: 0 0 4px 4px;
box-shadow: 5px 5px 10px 1px hsla(0,0%,96.9%,.8),-5px 5px 10px hsla(0,0%,96.9%,.8)
}
@media (max-width: 768px) {
.m-mtpusagepanel_wraplinkcontainer .o-list {
position:relative;
right: 0;
left: 1%;
width: 98%;
padding: 0 32px 0 13px
}
}
.m-mtpusagepanel_wraplinkcontainer .o-list .m-listitem:first-child {
border-top: none
}
.m-mtpusagepanel_wraplinkcontainer .o-list .m-listitem:last-child {
border-bottom: none
}
.m-mtpusagepanel_wraplinkcontainer .o-list .m-listitem_thumb {
min-height: 0;
padding: 8px 0
}
.m-mtpusagepanel_wraplinkcontainer .o-list .m-listitem_thumb_summary {
font-size: 11px
}
.m-mtpusagepanel_wraplink {
display: flex;
align-items: center;
padding: 13px;
cursor: pointer;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 8px
}
@media (min-width: 769px) {
.m-mtpusagepanel_wraplink {
padding:12px 8px 14px 14px
}
}
.m-mtpusagepanel_wraplink_link {
flex: 1 1 auto;
margin-right: 90px;
color: #a20073;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-mtpusagepanel_wraplink .a-icon {
flex: 0 0 auto
}
.m-notes {
padding: 0 28px;
background: #f7f7f7;
border-radius: 12px
}
.m-notes:not(:last-child) {
margin-bottom: 20px
}
@media (max-width: 768px) {
.m-notes {
padding:0 15px
}
}
.m-notes-pickup {
background: #fcf5fa
}
.m-notes-question {
background: #faf9f5
}
.m-notes-issue {
width: 100%
}
.m-notes-frequentcase {
padding: 0;
background: #fff;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
border-radius: 0
}
.m-notes-frequentcase:not(:last-child) {
margin-bottom: 0
}
.m-notes-frequentcase+.m-notes-frequentcase {
border-top: 0
}
.m-notes_header {
position: relative;
display: flex;
justify-content: space-between;
padding: 16px 0 18px;
pointer-events: none;
border-bottom: 1px solid #ebebeb
}
@media (max-width: 768px) {
.m-notes_header {
padding:16px 0 18px;
pointer-events: auto;
cursor: pointer;
border-bottom-width: 0
}
}
@media (max-width: 768px) {
.m-notes-alwaysopen .m-notes_header {
cursor:inherit
}
}
@media (max-width: 768px) {
.m-notes-alwaysopen .m-notes_header,.m-notes-showcontent .m-notes_header {
border-bottom-width:1px
}
}
.m-notes-frequentcase .m-notes_header {
border-bottom-width: 0
}
@media (max-width: 768px) {
.m-notes-frequentcase .m-notes_header {
padding:14px 0
}
}
.m-notes_title {
display: flex;
align-items: center;
pointer-events: auto;
font-size: 16px;
line-height: 1.75;
letter-spacing: -.0225em;
font-weight: 600
}
.m-notes_title>.a-icon {
display: block;
flex-shrink: 0;
width: 28px;
height: 28px;
margin-right: 8px;
background-color: #fff;
border: 4px solid #fff;
border-radius: 50%
}
.m-notes-alert .m-notes_title {
color: #eb0015
}
.m-notes-frequentcase .m-notes_title {
font-size: 18px;
line-height: 1.33333;
letter-spacing: -.01222em
}
@media (max-width: 768px) {
.m-notes-frequentcase .m-notes_title {
flex:0 0 calc(100% - 33px);
width: calc(100% - 33px);
min-height: 44px
}
}
.m-notes_toggleicon {
margin-top: -3px
}
@media (min-width: 769px) {
.m-notes_toggleicon {
display:none
}
}
.m-notes-frequentcase .m-notes_toggleicon {
position: absolute;
top: 50%;
right: -6px;
transform: translateY(-50%)
}
.m-notes_content {
padding: 28px 36px
}
@media (max-width: 768px) {
.m-notes_content {
display:none;
padding: 28px 0
}
}
.m-notes-issue .m-notes_content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 64px);
padding: 28px 0
}
@media (max-width: 768px) {
.m-notes-alwaysopen .m-notes_content,.m-notes-showcontent .m-notes_content {
display:block
}
}
.m-notes-frequentcase .m-notes_content {
padding: 16px 12px 16px 16px;
margin-bottom: 10px;
background-color: #f7f7f7
}
@media (min-width: 769px) {
.m-notes-frequentcase .m-notes_content {
padding:24px 25px 29px
}
}
.m-notes-frequentcase .m-notes_content .m-textlist {
margin-bottom: 0
}
.m-notes-frequentcase .m-notes_content .a-caption {
margin-top: 16px
}
@media (min-width: 769px) {
.m-notes-frequentcase .m-notes_content .a-caption {
margin-top:25px
}
}
.m-notes_option {
width: 100%;
max-width: 286px;
margin: 34px auto 32px
}
@media (max-width: 768px) {
.m-notes_option {
max-width:100%;
margin: 0
}
}
.m-order {
display: flex;
flex-direction: column;
margin-top: 20px
}
@media (max-width: 768px) {
.m-order_first {
order:2
}
.m-order_second {
order: 1
}
}
.m-phonenote {
padding: 0 14px;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 12px
}
@media (min-width: 769px) {
.m-phonenote {
position:relative;
padding: 40px 60px 40px 240px
}
}
@media (max-width: 768px) {
.m-phonenote_header {
padding:18px 0;
border-bottom: 1px solid #f0f0f0
}
}
@media (min-width: 769px) {
.m-phonenote_header {
position:absolute;
top: 50%;
left: 30px;
display: flex;
align-items: center;
width: 180px;
transform: translateY(-50%)
}
}
.m-phonenote_header>.a-icon {
margin-right: 4px;
vertical-align: middle
}
.m-phonenote_header>span:last-child {
vertical-align: middle;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em;
font-weight: 600
}
@media (min-width: 769px) {
.m-phonenote_header>span:last-child {
flex:1
}
}
.m-phonenote_main {
padding: 20px 16px
}
@media (min-width: 769px) {
.m-phonenote_main {
padding:0 0 0 60px;
border-left: 1px solid #f0f0f0
}
}
.m-phonenote_note {
margin-top: 16px;
color: #9b9a9a;
transform: translateY(5px);
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
@media (min-width: 769px) {
.m-phonenote_note {
margin-top:10px;
transform: translateY(16px)
}
}
.m-phonenote_title {
padding-bottom: 6px;
margin-bottom: 20px;
border-bottom: 1px solid #f0f0f0;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
.m-phonenote_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: -20px
}
.m-phonenote_content .a-phonelink {
width: 100%
}
.m-phonenote_content>.m-phonenote_text {
margin-top: 0;
margin-bottom: 20px
}
.m-phonenote-flexstart .m-phonenote_content {
align-items: flex-start
}
.m-phonenote_text {
margin-top: 20px
}
.m-phonenote_group {
flex: 0 0 286px;
margin-bottom: 20px
}
@media (min-width: 769px) {
.m-phonenote_group {
position:relative;
display: flex;
flex-wrap: wrap;
align-items: center
}
}
.m-phonenote_group_name {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
.m-phonenote_group_content {
width: 100%
}
.m-phonenote_group_content>*+* {
margin-top: 16px
}
.m-phonenote_group-fullwidth {
flex: 0 0 100%
}
@media (max-width: 768px) {
.m-phonenote-spnohorizontalpadding .m-phonenote_main {
padding-right:0;
padding-left: 0
}
}
@media (min-width: 769px) {
.m-phonenote+.m-linkcontainer {
margin-top:11px
}
}
.m-phonenote-graybackground {
background-color: #fbfbfb
}
.m-phonenote-inmodal {
padding: 0;
border: none;
border-radius: 0
}
.m-phonenote-inmodal .m-phonenote_main {
max-width: 747px;
padding: 0;
margin: 0 auto;
border: 0
}
.m-phonenote-inmodal .m-phonenote_content {
padding: 27px calc(12px + (100% - 645px)/2);
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px
}
@media (max-width: 768px) {
.m-phonenote-inmodal .m-phonenote_content {
padding:14px 10px
}
}
.m-phonenote-inmodal .m-phonenote_content .u-setting-item {
margin-top: 20px
}
.m-phonenote-inmodal .m-phonenote_content .u-setting-item:first-child {
margin-top: 0
}
@media (min-width: 769px) {
.m-phonenote-inmodal .m-phonenote_content .u-setting-item {
display:flex;
flex: 0 0 286px;
margin-top: 0
}
}
.m-phonenote-inmodal .m-phonenote_title {
margin-bottom: 19px;
border-bottom: 0;
font-size: 14px;
line-height: 1.5;
letter-spacing: 0
}
@media (max-width: 768px) {
.m-phonenote-inmodal .m-phonenote_title {
margin-bottom:5px
}
}
.m-phonenote-inmodal .m-phonenote_group {
align-self: flex-start;
margin-bottom: 0
}
@media (max-width: 768px) {
.m-phonenote-inmodal .m-phonenote_group {
margin-top:20px
}
.m-phonenote-inmodal .m-phonenote_group:first-child {
margin-top: 0
}
}
.m-phonenote-inmodal .m-phonenote_group .a-phonelink_indicator>.a-icon {
display: block
}
@media (max-width: 768px) {
.m-phonenote-spmarginbottom {
margin-bottom:20px
}
}
.m-pntcardpointpanel {
display: flex;
align-items: center;
padding: 22px 30px 18px;
border: 1px solid #ebebeb;
border-radius: 12px
}
.m-pntcardpointpanel:not(:last-child) {
margin-bottom: 20px
}
@media (max-width: 768px) {
.m-pntcardpointpanel {
display:block;
padding: 16px
}
}
@media (min-width: 769px) {
.m-pntcardpointpanel_delimiter {
flex:0 0 0;
height: 60px;
border-left: 1px dotted #ebebeb
}
}
@media (max-width: 768px) {
.m-pntcardpointpanel_delimiter {
width:100%;
height: 0;
border-bottom: 1px dotted #ebebeb
}
}
@media (min-width: 769px) {
.m-pntcardpointpanel>.a-cardthumbnail {
flex:0 2 228px;
min-width: 170px;
margin-right: 16px
}
}
@media (max-width: 768px) {
.m-pntcardpointpanel>.a-cardthumbnail {
margin-bottom:10px
}
}
@media (min-width: 769px) {
.m-pntcardpointpanel>.m-statement {
flex:0 1 228px;
margin: 0 28px
}
}
@media (max-width: 768px) {
.m-pntcardpointpanel>.m-statement {
margin:10px 0 16px
}
}
@media (min-width: 769px) {
.m-pntcardpointpanel_usagepoints {
display:flex;
flex: 0 2 396px;
align-items: center;
margin-left: 24px
}
}
@media (max-width: 768px) {
.m-pntcardpointpanel_usagepoints {
margin-top:16px
}
}
.m-pntcardpointpanel_usagepoints>.a-textfield {
flex: 1 1 100%
}
.m-pntcardpointpanel_usagepoints>.a-textfield .a-cardnumberfield_body,.m-pntcardpointpanel_usagepoints>.a-textfield .a-customernumberfield_body,.m-pntcardpointpanel_usagepoints>.a-textfield .a-textfield_body {
min-width: 120px
}
.m-pntcardpointpanel_usagepoints>.a-textfield .a-textfield_unit {
flex: 0 0 24px
}
@media (min-width: 769px) {
.m-pntcardpointpanel_label {
flex:0 0 145px
}
}
@media (max-width: 768px) {
.m-pntcardpointpanel_label {
display:flex;
align-items: center;
justify-content: space-between;
margin: 0 24px 6px 0
}
}
.m-pntcardpointpanel_label>label {
font-size: 16px;
letter-spacing: -.0225em;
font-weight: 600
}
@media (min-width: 769px) {
.m-pntcardpointpanel_notes {
margin:0 0 -2px -1px
}
}
.m-pntcardpointpanel_notes>span:first-child {
color: #666;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-pntcardpointpanel_notes .a-tag {
margin-left: 5px
}
.m-pntselectpointpanel {
position: relative;
padding: 28px 54px 28px 258px;
background-color: #fff;
border-radius: 12px
}
@media (max-width: 768px) {
.m-pntselectpointpanel {
padding:15px
}
}
@media (max-width: 768px) {
.m-pntselectpointpanel_productinfo {
display:flex
}
}
.m-pntselectpointpanel_productinfo .a-image {
margin-bottom: 0;
border-radius: 4px
}
@media (min-width: 769px) {
.m-pntselectpointpanel_productinfo .a-image {
position:absolute;
top: 28px;
left: 28px;
width: 170px;
height: 170px
}
}
@media (max-width: 768px) {
.m-pntselectpointpanel_productinfo .a-image {
flex:0 0 105px;
width: 105px;
height: 105px;
margin-right: 16px
}
}
.m-pntselectpointpanel_productinfo .m-heading {
margin-bottom: 0
}
@media (max-width: 768px) {
.m-pntselectpointpanel_productinfo_text {
align-self:center
}
}
@media (min-width: 769px) {
.m-pntselectpointpanel_info {
padding-top:1px
}
}
.m-pntselectpointpanel_quantity {
display: flex;
padding-top: 20px;
margin-top: 20px;
border-top: 1px dotted #ebebeb
}
.m-pntselectpointpanel_quantity .m-fieldrow {
flex: 1;
padding: 0;
margin-bottom: 0;
border: 0
}
.m-pntselectpointpanel_pt {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600;
padding: 40px 0 0 8px
}
.m-pnttotalpointsummary {
padding: 20px 16px;
background-color: #fff;
border-radius: 12px
}
.m-pnttotalpointsummary+.m-pnttotalpointsummary {
margin-top: 12px
}
@media (min-width: 769px) {
.m-pnttotalpointsummary {
padding:28px 24px 24px
}
}
.m-pnttotalpointsummary_wrapper {
padding: 20px 0 16px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb
}
@media (max-width: 768px) {
.m-pnttotalpointsummary_wrapper {
padding:16px 0
}
}
.m-pnttotalpointsummary_alert {
margin-bottom: 10px;
color: #eb0015;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.01375em;
font-weight: 600
}
.m-pnttotalpointsummary_alert .a-icon {
width: 21px;
height: 21px;
margin: -2px 6px 0 0
}
.m-pnttotalpointsummary_total {
display: flex;
align-items: center;
justify-content: space-between
}
.m-pnttotalpointsummary_total>span {
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.m-pnttotalpointsummary_total>.a-textpoint {
color: #1a1a1a;
font-size: 22px;
line-height: .72727;
letter-spacing: -.02227em
}
.m-pnttotalpointsummary_total-alert>.a-textpoint {
color: #eb0015
}
.m-pnttotalpointsummary_breakdown {
padding: 12px 12px 12px 0;
margin-top: 16px;
background-color: #fafafa;
border-left: 2px solid #e6e6e6
}
@media (max-width: 768px) {
.m-pnttotalpointsummary_breakdown {
margin-top:12px
}
}
.m-pnttotalpointsummary_breakdown .m-statement {
width: 80%;
margin-left: auto
}
.m-pnttotalpointsummary_breakdown .m-statement_item {
align-items: center
}
.m-pnttotalpointsummary_breakdown .m-statement_item_label {
flex: 1
}
.m-pnttotalpointsummary_breakdown .m-statement_item_value {
flex-shrink: 0
}
.m-pointcontainer {
position: relative;
width: 100%;
max-width: 1000px;
padding: 10px 15px 21px;
margin: 0 auto;
background-color: #fff;
border: 1px solid #e6e6e6;
border-radius: 12px
}
@media (min-width: 769px) {
.m-pointcontainer {
padding:30px 58px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-pointcontainer {
padding:30px
}
}
.m-pointcontainer:not(:last-of-type) {
margin-bottom: 20px
}
@media (min-width: 769px) {
.m-pointcontainer:not(:last-of-type) {
margin-bottom:30px
}
}
@media (min-width: 769px) {
.m-pointcontainer_inner {
display:flex;
align-items: center;
justify-content: flex-start
}
}
.m-pointcontainer_inner:not(:last-of-type) {
padding-bottom: 18px;
border-bottom: 1px solid #ebebeb
}
@media (min-width: 769px) {
.m-pointcontainer_inner:not(:last-of-type) {
padding-bottom:30px
}
}
@media (max-width: 768px) {
.m-pointcontainer_point {
display:flex;
align-items: center;
padding: 3px 0 9px;
margin-bottom: 15px;
border-bottom: 1px solid #ebebeb
}
}
@media (min-width: 769px) {
.m-pointcontainer_point {
width:191px;
padding-right: 58px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-pointcontainer_point {
width:173px;
padding-right: 30px
}
}
.m-pointcontainer_point>.a-image {
width: 52.33px;
margin: 0 12px 0 0
}
@media (min-width: 769px) {
.m-pointcontainer_point>.a-image {
width:50%;
max-width: 67px;
margin: auto
}
}
.m-pointcontainer_title {
text-align: center;
font-weight: 600;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.m-pointcontainer_title {
display:flex;
align-items: center;
justify-content: space-between;
width: 100%;
text-align: left
}
}
@media (min-width: 769px) {
.m-pointcontainer_title {
white-space:nowrap
}
}
.m-pointcontainer_icon {
position: relative;
top: -2px;
padding: 5px;
cursor: pointer
}
@media (max-width: 768px) {
.m-pointcontainer_icon {
transform:translate(9px,2px)
}
}
@media (min-width: 769px) {
.m-pointcontainer_content {
margin-left:27px
}
}
.m-pointcontainer_content:not(:first-of-type) {
margin-top: 26px
}
@media (min-width: 769px) {
.m-pointcontainer_content:not(:first-of-type) {
padding-top:30px;
margin-top: 30px;
border-top: 1px solid #ebebeb
}
}
.m-pointcontainer_content>.m-linkcontainer {
margin-top: 14px;
margin-bottom: 0
}
@media (min-width: 769px) {
.m-pointcontainer_content-textlink {
margin-left:0
}
}
.m-pointcontainer_content-noborder,.m-pointcontainer_content-noborder:not(:first-of-type) {
margin-top: 26px
}
@media (min-width: 769px) {
.m-pointcontainer_content-noborder,.m-pointcontainer_content-noborder:not(:first-of-type) {
border-top:0
}
}
.m-pointcontainer_body {
display: block
}
.m-pointcontainer_wrapper {
width: 100%
}
@media (min-width: 769px) {
.m-pointcontainer_wrapper {
width:calc(100% - 191px);
padding-left: 31px;
border-left: 1px solid #ebebeb
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-pointcontainer_wrapper {
width:calc(100% - 173px)
}
}
@media (min-width: 769px) {
.m-pointcontainer_contentnotloggedin .m-pointcontainer_body {
display:flex
}
}
.m-pointcontainer_contentnotloggedin .m-pointcontainer_body .a-catchphrase {
margin-bottom: 13px
}
@media (min-width: 769px) {
.m-pointcontainer_contentnotloggedin .m-pointcontainer_wrapimage {
width:100%;
max-width: 255px;
margin-left: 30px
}
}
@media (max-width: 768px) {
.m-pointcontainer_contentnotloggedin .m-pointcontainer_wrapimage {
padding-top:20px
}
}
@media (min-width: 769px) {
.m-pointcontainer_wrapcontent {
flex:1 1 0%
}
}
.m-pointcontainer_description {
margin-bottom: 15px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-pointcontainer_wrapbutton {
display: flex;
justify-content: center;
margin-top: 20px
}
@media (min-width: 769px) {
.m-pointcontainer_wrapbutton {
margin-right:285px
}
}
.m-pointcontainer_wrapbutton .a-button {
width: 256px
}
.m-pointcontainer>.m-buttoncontainer {
margin-top: 18px
}
@media (max-width: 768px) {
.m-pointcontainer>.m-buttoncontainer {
margin-top:12px
}
}
.m-pointcontainer>.m-buttoncontainer .m-buttoncontainer_caption {
margin-bottom: 26px
}
@media (max-width: 768px) {
.m-pointcontainer>.m-buttoncontainer .m-buttoncontainer_caption {
margin-bottom:16px
}
}
.m-pointcontainer>.m-buttoncontainer .a-button {
width: 256px;
height: 48px
}
.m-pointpanel {
position: relative;
display: block;
width: 100%;
padding-top: 21px
}
.m-card .m-pointpanel {
padding: 18px 15px 15px
}
@media (min-width: 769px) {
.m-card .m-pointpanel {
padding:24px 28px 22px
}
}
.m-pointpanel .a-tag {
position: absolute;
top: 0;
left: 0
}
.m-card .m-pointpanel .a-tag {
left: 15px
}
@media (min-width: 769px) {
.m-card .m-pointpanel .a-tag {
left:28px
}
}
.m-card:not(.m-card-noborder) .m-pointpanel .a-tag {
top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.m-pointpanel_thumbnail .a-image {
border: 1px solid #f0f0f0;
border-radius: 4px
}
.m-pointpanel_title {
padding-top: 9px;
color: #1a1a1a;
font-weight: 600;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
.m-pointpanel_detail {
padding-top: 10px;
color: #9b9a9a;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.m-pointpanel_detail {
padding-top:9px
}
}
.m-pointpanel_amount {
display: flex;
align-items: center;
padding-top: 12px;
white-space: nowrap
}
@media (max-width: 768px) {
.m-pointpanel_amount {
padding-top:11px
}
}
.m-pointpanel_amount>.a-icon {
position: relative;
top: -2px;
width: 20px;
height: 20px
}
.m-pointpanel_amount .a-textpoint {
margin-left: 3px;
font-size: 22px;
line-height: .72727;
letter-spacing: -.02227em
}
.m-pointpanel_amount .a-textpoint small {
font-size: 14px;
line-height: 1.21429;
letter-spacing: -.02214em
}
.m-pointpanel_amount .a-textpoint-small {
margin-left: 3px;
font-size: 14px;
line-height: 1.14286;
letter-spacing: -.035em
}
.m-pointpanel_amount .a-textpoint-small small {
font-size: 12px;
line-height: 1.41667;
letter-spacing: -.02583em
}
@media (min-width: 769px) {
.m-carousel .m-card .m-pointpanel {
padding-right:15px;
padding-left: 15px
}
.m-carousel .m-card .m-pointpanel .a-tag {
left: 15px
}
.m-carousel .m-card .m-pointpanel .m-pointpanel_amount>.a-icon {
width: 16px;
height: 16px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-carousel .m-card .m-pointpanel .m-pointpanel_amount .a-textpoint {
font-size:16px
}
.m-carousel .m-card .m-pointpanel .m-pointpanel_amount .a-textpoint small {
font-size: 12px
}
}
.m-pointusagecard_main {
padding: 30px 15px 20px;
background-color: #edeff7;
border-radius: 12px
}
.m-pointusagecard_main>.a-textpoint {
text-align: center
}
.m-pointusagecard_main>.a-textpoint:first-child {
margin-top: -8px
}
.m-pointusagecard_expirydates {
margin: 1px 0 0
}
@media (max-width: 768px) {
.m-pointusagecard_expirydates {
margin-top:3px
}
}
.m-pointusagecard_expirydates div {
text-align: center
}
.m-pointusagecard_expirydates dd,.m-pointusagecard_expirydates dt {
display: inline-block;
margin: 0;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em
}
.m-pointusagecard_main>.a-cardthumbnail {
padding: 0 15px;
margin-bottom: 5px
}
.m-pointusagecard_main>.a-cardthumbnail>.a-cardthumbnail_content>div {
font-size: 10px;
line-height: 1.5;
letter-spacing: -.022em
}
.m-pointusagecard_main>.a-cardthumbnail>.a-cardthumbnail_iconwrapper {
margin-right: 10px
}
.m-pointusagecard_primarybuttonwrapper {
margin-top: 19px
}
.m-pointusagecard_primarybuttonwrapper .a-button {
width: 256px;
margin: 0 auto
}
.m-pointusagecard_secondarybuttonwrapper {
margin-top: 21px
}
.m-pointusagecard_secondarybuttonwrapper .a-button {
width: 256px;
margin: 0 auto
}
.m-popularcard {
position: relative;
width: 100%;
padding: 14px 16px 84px;
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(0,0,0,.05)
}
@media (min-width: 769px) {
.m-popularcard {
display:flex;
flex-direction: column;
padding: 20px 16px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-popularcard {
padding-bottom:84px
}
}
.m-popularcard_wrapper {
display: flex
}
@media (min-width: 769px) {
.m-popularcard_wrapper {
align-items:center
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-popularcard_wrapper {
align-items:flex-start
}
}
.m-popularcard_cardinfo {
flex: 0 0 126px;
width: 126px
}
.m-popularcard_cardface {
margin: 0
}
.m-popularcard_cardface .a-image {
margin-bottom: 0
}
.m-popularcard:not(.m-popularcard-verticalcardface) .m-popularcard_cardface .a-image_image {
width: 100%;
max-height: 100%
}
.m-popularcard_cardface .a-caption {
margin-top: 5px
}
.a-image-verticalcardface+.m-popularcard_copyright {
width: 63%;
margin: 0 auto
}
.m-popularcard_copyright .a-caption {
color: #999
}
.m-popularcard_cardfeatures {
display: flex;
justify-content: center;
margin-top: 5px
}
.m-popularcard_cardfeature {
flex: 0 0 23px;
margin-right: 5px;
list-style: none
}
.m-popularcard_cardfeature:last-child {
margin-right: 0
}
.m-popularcard_information {
margin-top: -5px;
margin-left: 16px
}
@media (min-width: 769px) {
.m-popularcard_information {
margin-left:15px
}
}
.m-popularcard_information .a-text {
margin-top: 3px;
margin-bottom: 0
}
.m-popularcard_title {
display: block;
margin-bottom: 10px;
font-weight: 600;
font-size: 14px;
line-height: 1.64286;
letter-spacing: .02857em
}
@media (min-width: 769px) {
.m-popularcard_title {
margin-bottom:6px
}
}
.m-popularcard_highlight {
display: block;
color: #b60081;
font-weight: 600
}
.m-popularcard .m-buttoncontainer {
margin-top: 20px
}
@media (max-width: 768px) {
.m-popularcard .m-buttoncontainer {
position:absolute;
bottom: 20px;
left: 0;
justify-content: center
}
}
@media (min-width: 769px) {
.m-popularcard .m-buttoncontainer {
flex:1
}
}
@media (min-width: 769px) and (max-width:1203px) {
.m-popularcard .m-buttoncontainer {
position:absolute;
right: 16px;
bottom: 20px
}
}
@media (min-width: 769px) {
.m-popularcard .m-buttoncontainer_wrapper {
align-items:flex-end;
justify-content: flex-end;
height: 100%
}
}
.m-popularcard .m-buttoncontainer_secondary {
margin-right: 15px
}
.m-popularcard .m-buttoncontainer_primary,.m-popularcard .m-buttoncontainer_secondary {
flex: 0 0 148px
}
.m-popularcard .m-buttoncontainer_primary:hover,.m-popularcard .m-buttoncontainer_secondary:hover {
opacity: .5
}
.m-popularcard .m-buttoncontainer_primary .a-button,.m-popularcard .m-buttoncontainer_secondary .a-button {
max-width: 148px;
height: 44px;
font-size: 14px;
line-height: 1.71429;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.m-popularcard .u-dn-sp {
display:none
}
}
@media (min-width: 769px) {
.m-popularcard .u-dn-pc {
display:none
}
}
.m-promotioncard {
color: #1a1a1a
}
.m-card>.m-promotioncard {
display: flex;
flex-direction: column;
height: 100%;
padding: 15px;
border-radius: 12px;
box-shadow: 0 2px 24px 0 hsla(0,0%,56.9%,.2)
}
@media (min-width: 769px) {
.m-card>.m-promotioncard {
padding:20px 28px 15px
}
}
.m-promotioncard .a-image {
margin-bottom: 10px;
border-radius: 4px
}
.m-promotioncard .a-button,.m-promotioncard .a-textlink {
pointer-events: none
}
.m-promotioncard_expiredthumb {
padding: 15px 40px;
margin-bottom: 10px;
text-align: center;
background-color: #999;
border-radius: 4px
}
@media (min-width: 769px) {
.m-promotioncard_expiredthumb {
padding:12.5px 40px;
border-radius: 3.28px
}
}
.m-promotioncard_expiredthumb>span {
width: 100%;
color: #fff;
font-size: 16px;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-promotioncard_expiredthumb>span {
font-size:13px;
letter-spacing: -.02231em
}
}
.m-promotioncard_title {
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
.m-promotioncard_description {
position: relative;
margin-top: 10px
}
.m-promotioncard_description .a-textlink {
position: absolute;
right: 0;
bottom: -6px
}
.m-promotioncard>.m-smalltable {
margin-top: 20px
}
.m-promotioncard>.m-smalltable>.m-smalltable_row-normal {
display: flex;
align-items: center
}
.m-promotioncard>.m-smalltable>.m-smalltable_row-normal>dt {
width: 45px;
min-width: 45px;
padding-right: 5px
}
.m-promotioncard>.m-smalltable>.m-smalltable_row-normal dd {
margin: 0
}
.m-promotioncard .m-buttoncontainer {
padding: 5px 30px;
margin: 15px 0 0
}
.m-promotioncard .m-buttoncontainer .a-button {
width: 100%;
height: 48px;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
.m-promotioncard_applycontent {
padding: 12px 10px;
margin-top: 15px;
background-color: #fafafa;
border-radius: 3px;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em
}
.m-promotioncard_applystatusauto {
font-size: 14px;
line-height: 2.85714;
letter-spacing: 0;
min-height: 40px;
color: #7a7872;
text-align: center;
border-radius: 0
}
.m-promotioncard_applystatus {
margin-bottom: 5px;
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
.m-promotioncard_applystatus>.a-tag {
margin-right: 4px;
vertical-align: middle;
background-color: #fff
}
.m-promotioncard_applystatus>.a-tag+span {
vertical-align: middle
}
.m-promotioncard_expiredlinkcontainer {
margin-top: 12px;
text-align: center
}
.m-promotioncard_detaillinkcontainer {
text-align: right
}
.m-promotioncard_no {
width: 100%;
padding-top: 8px;
margin-top: auto;
text-align: center;
font-size: 11px;
line-height: 1.45455;
letter-spacing: -.02182em
}
.m-rangepulldown {
position: relative;
display: flex;
align-items: center;
width: 100%
}
.m-rangepulldown>span {
padding: 0 15px
}
.m-revochangesimulation {
display: flex;
align-items: center;
justify-content: center
}
.m-revochangesimulation_item {
display: flex;
flex-direction: column;
align-items: center;
min-width: 136px;
padding: 14px 22px;
border: 1px solid #dedddd;
border-radius: 8px
}
@media (min-width: 769px) {
.m-revochangesimulation_item {
min-width:154px
}
}
.m-revochangesimulation_item+.m-revochangesimulation_item {
position: relative;
margin-left: 33px
}
.m-revochangesimulation_item+.m-revochangesimulation_item:before {
position: absolute;
top: 50%;
left: -32px;
width: 28px;
height: 28px;
content: "";
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-right.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain;
transform: translateY(-50%)
}
@media (max-width: 768px) {
.m-revochangesimulation-smalltext .m-revochangesimulation_item .a-textprice {
font-size:18px;
line-height: 1.22222;
letter-spacing: -.02722em
}
}
.m-revochangesimulation_itemtitle {
margin-bottom: 4px;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.0075em;
font-weight: 600
}
.m-revodeadline {
border: 4px solid #f0f0f0
}
.m-revodeadline-singleline {
display: block;
padding: 14px 6px 12px 13px
}
.m-revodeadline-singlebox {
padding: 25px 16px 22px
}
.m-revodeadline-all {
padding: 26px 16px 27px
}
@media (min-width: 769px) {
.m-revodeadline-all {
padding:27px 20px 23px
}
}
.m-revodeadline-error {
padding: 25px 16px 23px
}
@media (min-width: 769px) {
.m-revodeadline-error {
padding-bottom:26px
}
}
.m-revodeadline_heading {
font-weight: 600
}
.m-revodeadline-singleline .m-revodeadline_heading {
display: inline;
font-size: 14px;
line-height: 1.71429;
letter-spacing: -.02214em
}
.m-revodeadline-singleline .m-revodeadline_heading:after {
content: "��"
}
.m-revodeadline-all .m-revodeadline_heading,.m-revodeadline-singlebox .m-revodeadline_heading {
padding: 0 0 11px;
border-bottom: 1px solid #f0f0f0;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.01937em
}
.m-revodeadline-singlebox .m-revodeadline_heading {
margin-bottom: 20px
}
.m-revodeadline-error .m-revodeadline_heading {
display: block;
padding-bottom: 12px;
margin-bottom: 0;
border-bottom: 1px solid #ebebeb;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.01937em
}
.m-revodeadline-error .m-revodeadline_heading:after {
content: none
}
.m-revodeadline-singleline .m-revodeadline_body {
display: inline;
font-weight: 600;
font-size: 14px;
line-height: 1.71429;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-revodeadline-all .m-revodeadline_body {
padding:0 20px
}
}
.m-revodeadline-error .m-revodeadline_body {
display: block;
padding-left: 0;
margin-top: 18px;
font-weight: 300;
font-size: 11px;
line-height: 1.36364;
letter-spacing: .07273em
}
.m-revodeadline_body .a-caption {
color: #000;
font-size: 11px;
line-height: 1.36364;
letter-spacing: .07273em
}
.m-revodeadline-all .m-revodeadline_body .a-caption {
margin-top: 8px
}
@media (min-width: 769px) {
.m-revodeadline-all .m-revodeadline_body .a-caption {
margin-top:0
}
}
.m-revodeadline-singlebox .m-revodeadline_body .m-linkcontainer {
margin-bottom: 10px
}
.m-revodeadline-all .m-revodeadline_body .m-linkcontainer {
margin-bottom: 0
}
.m-revodeadline-all .m-revodeadline_body .m-linkcontainer .a-textlink,.m-revodeadline-singlebox .m-revodeadline_body .m-linkcontainer .a-textlink {
left: 8px
}
.m-revodeadline_body>.m-heading-typeh4 {
margin-top: 39px;
margin-bottom: 15px
}
.m-revodeadline_body>.m-heading-typeh4:first-child {
margin-top: 30px
}
.m-revodeadline-all .m-revodeadline_body>.m-heading-typeh4:first-child {
margin-top: 27px
}
@media (min-width: 769px) {
.m-revodeadline-all .m-revodeadline_body>.m-heading-typeh4:first-child {
margin-top:31px
}
}
.m-revodeadline-singlebox .m-revodeadline_body .m-table {
margin-bottom: 10px
}
.m-revodeadline-all .m-revodeadline_body .m-table {
margin-bottom: 13px
}
.m-revodeadline-all .m-revodeadline_body .m-table_td,.m-revodeadline-all .m-revodeadline_body .m-table_th {
padding: 14px 11px;
color: #1a1a1a
}
@media (min-width: 769px) {
.m-revodeadline-all .m-revodeadline_body .m-table_td,.m-revodeadline-all .m-revodeadline_body .m-table_th {
padding:11px
}
}
.m-revodeadline-singlebox .m-revodeadline_body .m-table_td+.m-table_td,.m-revodeadline-singlebox .m-revodeadline_body .m-table_td+.m-table_th,.m-revodeadline-singlebox .m-revodeadline_body .m-table_th+.m-table_td,.m-revodeadline-singlebox .m-revodeadline_body .m-table_th+.m-table_th {
border-left: 0
}
.m-revodeadline-all .m-revodeadline_body .m-table_th+.m-table_th {
border-left: 0
}
@media (max-width: 768px) {
.m-ribpaymentinfo {
display:flex;
flex-direction: column
}
}
.m-ribpaymentinfo_content {
display: inline-block;
width: 49%;
vertical-align: top
}
@media (max-width: 768px) {
.m-ribpaymentinfo_content {
order:1;
width: 100%
}
}
.m-ribpaymentinfo_subcontent {
display: inline-block;
width: 51%;
padding-left: 51px;
margin: 0;
vertical-align: top
}
@media (max-width: 768px) {
.m-ribpaymentinfo_subcontent {
order:3;
width: 100%;
padding: 0;
margin-top: 10px
}
}
.m-ribpaymentinfo_buttons {
width: 100%
}
@media (max-width: 768px) {
.m-ribpaymentinfo_buttons {
order:2
}
}
.m-scriptcard {
display: block;
width: 100%;
padding: 15px;
color: inherit;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 2px 10px 0 hsla(0,0%,56.9%,.2)
}
@media (min-width: 769px) {
.m-scriptcard {
padding:27px 27px 24px 30px
}
}
.m-scriptcard_container {
display: flex;
align-items: center
}
.m-scriptcard_image {
width: 75px;
min-width: 75px;
height: 75px;
padding: 10.5px;
background-color: #faf9f5;
border-radius: 50%
}
.m-scriptcard_image>.a-image {
width: 54px;
height: 54px
}
.m-scriptcard_image>.a-image>img {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: auto;
transform: translate(-50%,-50%)
}
.m-scriptcard-withlogo .m-scriptcard_image {
padding: 0;
background-color: transparent;
border: 1px solid #f0f0f0;
border-radius: 4px
}
.m-scriptcard-withlogo .m-scriptcard_image>.a-image {
width: 100%;
height: 100%
}
.m-scriptcard .a-icon {
min-width: 28px;
margin-right: -6px
}
.m-scriptcard_title {
width: 100%;
margin-left: 15px
}
.m-scriptcard_title span:last-child {
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
.m-scriptcard_title .a-tag+span {
display: block;
padding-top: 7px
}
.m-scriptcard-withtag .m-scriptcard_title {
align-self: flex-start
}
.m-scriptcard_detailtext {
margin-top: 12px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-scriptcard_detailtext {
margin-top:17px
}
}
.m-serversideerror {
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em;
padding: 14px 20px 12px;
margin-bottom: 16px;
color: #eb0015;
background-color: #fff9f7
}
@media (max-width: 768px) {
.m-serversideerror {
padding:8px 14px 6px
}
}
.m-serversideerror:not(.m-serversideerror:last-child) {
margin-bottom: 20px
}
.m-serversideerror-gray {
padding: 12px;
margin-bottom: 0;
color: #1a1a1a;
background-color: hsla(0,0%,60%,.1)
}
@media (max-width: 768px) {
.m-serversideerror-gray {
font-size:10px;
line-height: 1.6
}
}
@media (min-width: 769px) {
.m-serversideerror-gray {
font-size:11px;
line-height: 1.45455
}
}
.m-serversideerror-center {
display: flex;
align-items: center;
justify-content: center;
min-height: 51px;
color: #1a1a1a;
background-color: hsla(0,0%,60%,.1);
font-size: 10px;
line-height: 1.6
}
@media (min-width: 769px) {
.m-serversideerror-center {
min-height:67px
}
}
@media (min-width: 769px) {
.m-setavailablebalancecontainer {
display:flex;
justify-content: center
}
}
@media (min-width: 769px) {
.m-setavailablebalancecontainer_description {
width:350px;
padding-top: 8px
}
}
@media (max-width: 768px) {
.m-setavailablebalancecontainer_description {
margin-bottom:15px
}
}
.m-setavailablebalancecontainer_description span {
font-weight: 300;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-setavailablebalancecontainer_header {
display: flex;
align-items: center;
margin-bottom: 15px;
font-weight: 600;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.m-setavailablebalancecontainer_header {
margin-bottom:5px
}
}
.m-setavailablebalancecontainer_header .a-icon {
width: 20px;
height: 20px
}
.m-setavailablebalancecontainer_iconwrapper {
display: flex;
width: 28px;
height: 28px;
padding: 4px;
margin-right: 8px;
background-color: #fff;
border-radius: 50%
}
.m-setavailablebalancecontainer_main {
padding: 33px 16px 27px;
background-color: #fff;
border-radius: 12px
}
@media (min-width: 769px) {
.m-setavailablebalancecontainer_main {
width:370px;
padding: 20px 28px;
margin-left: 105px
}
}
.m-setavailablebalancecontainer_main .a-loading {
margin: 16px 0
}
.m-setavailablebalancecontainer_limitamount {
display: flex;
justify-content: flex-end
}
.m-setavailablebalancecontainer_limitamount,.m-setavailablebalancecontainer_limitamount .a-textprice,.m-setavailablebalancecontainer_limitamount small {
color: #666;
font-weight: 300;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em
}
.m-setavailablebalancecontainer_availablebalance {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px
}
.m-setavailablebalancecontainer_availablebalance_label {
position: relative;
color: #414141;
font-weight: 600;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
.m-setavailablebalancecontainer_availablebalance_label:after {
position: absolute;
top: -1px;
right: -21px;
color: #767676;
content: "窶ｻ1";
font-weight: 300;
font-size: 10px;
line-height: 1.3;
letter-spacing: -.022em
}
.m-setavailablebalancecontainer_availablebalance_notavailable {
font-style: italic;
color: #666;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-setavailablebalancecontainer_availablebalance>.a-textprice {
color: #b60081;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-weight: 300;
font-size: 30px;
line-height: .53333;
letter-spacing: -.02233em
}
.m-setavailablebalancecontainer_availablebalance>.a-textprice small {
font-weight: 600;
font-size: 14px;
line-height: 1.21429;
letter-spacing: -.02214em
}
.m-setavailablebalancecontainer_percentwrapper {
height: 20px;
margin-bottom: 12px;
overflow: hidden;
background-color: #fafafa;
border-radius: 14px
}
.m-setavailablebalancecontainer_percentinner {
width: 100%;
height: 100%;
background-color: #e092c9;
transition: width 1.2s ease-in-out
}
.m-setavailablebalancecontainer-notavailable .m-setavailablebalancecontainer_percentwrapper {
background-color: #d8d8d8
}
.m-siteinformation {
display: flex;
justify-content: space-between;
width: 100%
}
.m-siteinformation_copyright {
display: block;
margin-top: 10px;
color: #a3a3a3;
font-size: 9px;
line-height: 1.33333;
letter-spacing: -.02222em;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
@media (max-width: 768px) {
.m-siteinformation_copyright {
margin-top:18px
}
}
.m-siteinformation_companylogo {
width: 89px;
height: 26px;
margin-right: 22px
}
.m-siteinformation_aeonki {
width: 104px;
height: 21px;
margin-top: 3px
}
@media (max-width: 768px) {
.m-siteinformation_aeonki {
width:91px;
height: 19px;
margin-top: 8px
}
}
.m-siteinformation_secomlogo {
width: 28px;
height: 47px;
margin-right: 20px
}
@media (max-width: 768px) {
.m-siteinformation_secomlogo {
width:23px;
height: 38px;
margin-right: 10px
}
}
.m-siteinformation_isologo {
width: 34px;
height: 48px;
margin-right: 16px
}
@media (max-width: 768px) {
.m-siteinformation_isologo {
width:28px;
height: 38px;
margin: -1px 8px 0 0
}
}
.m-siteinformation_privacylogo {
width: 46px;
height: 47px;
margin-right: 13px
}
@media (max-width: 768px) {
.m-siteinformation_privacylogo {
width:37px;
height: 39px;
margin-right: 7px
}
}
.m-siteinformation_trustelogo {
width: 80px;
height: 26px
}
@media (max-width: 768px) {
.m-siteinformation_trustelogo {
width:70px;
height: 22px;
margin-top: 5px
}
}
.m-siteinformation_right {
margin-top: -6px
}
.m-siteinformation_right>* {
display: inline-block;
vertical-align: middle
}
@media (max-width: 768px) {
.m-siteinformation_right {
padding-top:13px
}
}
@media (max-width: 768px) {
.m-siteinformation_left {
flex:1
}
}
.m-siteinformation-minimum,body.is-aw .m-siteinformation {
align-items: flex-end
}
.m-siteinformation-minimum .m-siteinformation_left,body.is-aw .m-siteinformation .m-siteinformation_left {
display: flex;
align-items: flex-end
}
@media (max-width: 768px) {
.m-siteinformation-minimum .m-siteinformation_left,body.is-aw .m-siteinformation .m-siteinformation_left {
margin-bottom:-2px
}
}
.m-siteinformation-minimum .m-siteinformation_right,body.is-aw .m-siteinformation .m-siteinformation_right {
padding-top: 4px
}
@media (max-width: 768px) {
.m-siteinformation-minimum .m-siteinformation_right,body.is-aw .m-siteinformation .m-siteinformation_right {
padding-top:13px
}
}
.m-siteinformation-minimum .m-siteinformation_secomlogo,body.is-aw .m-siteinformation .m-siteinformation_secomlogo {
width: 27px;
height: 43px;
margin-right: 20px
}
@media (max-width: 768px) {
.m-siteinformation-minimum .m-siteinformation_secomlogo,body.is-aw .m-siteinformation .m-siteinformation_secomlogo {
width:23px;
height: 38px;
margin-right: 11px
}
}
.m-siteinformation-minimum .m-siteinformation_trustelogo,body.is-aw .m-siteinformation .m-siteinformation_trustelogo {
width: 75px;
height: 24px;
margin-top: 4px
}
@media (max-width: 768px) {
.m-siteinformation-minimum .m-siteinformation_trustelogo,body.is-aw .m-siteinformation .m-siteinformation_trustelogo {
width:71px
}
}
@media (max-width: 768px) {
.m-siteinformation-minimum,body.is-aw .m-siteinformation {
margin-bottom:2px
}
}
.m-sitemapcategory {
width: 100%;
list-style-type: none
}
@media (min-width: 769px) {
.m-sitemapcategory:not(:first-child) {
margin-top:30px
}
}
.m-sitemapcategory .m-sitemapcategory {
width: auto;
margin-left: 55px
}
@media (min-width: 769px) {
.m-sitemapcategory .m-sitemapcategory {
width:100%;
margin-top: 40px;
margin-left: 0
}
}
@media (max-width: 768px) {
.m-sitemapcategory .m-sitemapcategory:last-child {
padding-left:55px;
margin-left: 0;
border-bottom: 1px solid #f0f0f0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory>.m-sitemapcategory-nopaddingtop {
margin-top:0
}
}
.m-sitemapcategory_wrapper {
color: #1a1a1a
}
.m-sitemapcategory_thumbwrapper {
display: flex;
align-items: center
}
@media (max-width: 768px) {
.m-sitemapcategory_thumbwrapper {
border-bottom:1px solid #f0f0f0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_thumbwrapper {
border-top:0
}
}
@media (max-width: 768px) {
.m-sitemapcategory_subcategory .m-sitemapcategory-closed:last-of-type .m-sitemapcategory_thumbwrapper {
border-bottom:0
}
}
@media (max-width: 768px) {
.m-sitemapcategory:first-of-type .m-sitemapcategory_thumbwrapper {
border-top:1px solid #f0f0f0
}
}
@media (max-width: 768px) {
.m-sitemapcategory_subcategory .m-sitemapcategory:first-of-type .m-sitemapcategory_thumbwrapper {
border-top:0
}
}
.m-sitemapcategory_thumb {
display: flex;
align-items: center;
padding: 16px 15px 19px 0;
color: inherit
}
@media (max-width: 768px) {
.m-sitemapcategory_thumb {
justify-content:space-between;
width: 100%;
padding: 12px 12px 12px 0
}
}
.m-sitemapcategory_thumb-accordion {
cursor: pointer
}
body.is-pc .m-sitemapcategory_thumb-accordion:focus,body.is-pc .m-sitemapcategory_thumb-accordion:hover {
opacity: .5
}
body:not(.is-pc) .m-sitemapcategory_thumb-accordion:active {
opacity: .5
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb-accordion {
display:none
}
}
.m-sitemapcategory_thumb_linkindicator {
flex: 0 0 auto;
color: #b60081
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb_linkindicator {
margin-left:16px
}
}
.m-sitemapcategory_thumb_linkindicator>.a-icon {
position: relative;
left: 7px
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb_linkindicator>.a-icon {
width:20px;
height: 23px
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_thumb_linkindicator>.a-icon {
width:28px;
height: 28px
}
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb_linkindicator>.a-icon-arrow-right {
display:none
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_thumb_linkindicator>.a-icon-arrow-right {
display:block
}
}
@media (max-width: 768px) {
.m-sitemapcategory_thumb_linkindicator>.a-icon-arrow-right-large {
display:none
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_thumb_linkindicator>.a-icon-arrow-right-large {
display:none
}
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb_toggleindicator {
display:none
}
}
.m-sitemapcategory_thumb_toggleindicator>.a-icon {
position: relative;
left: 7px
}
.m-sitemapcategory_thumb_toggleindicator>.a-icon:first-child {
display: block
}
.m-sitemapcategory-closed .m-sitemapcategory_thumb_toggleindicator>.a-icon:first-child {
display: none
}
.m-sitemapcategory_thumb_toggleindicator>.a-icon:last-child {
display: none
}
.m-sitemapcategory-closed .m-sitemapcategory_thumb_toggleindicator>.a-icon:last-child {
display: block
}
@media (max-width: 768px) {
.m-sitemapcategory-accordion .m-sitemapcategory_thumb-link {
display:none
}
}
.m-sitemapcategory_thumb-alwaysshow {
display: flex
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb-alwaysshow {
cursor:default
}
}
.m-sitemapcategory_thumb .m-heading-pictgram {
margin-top: 5px;
margin-bottom: 0;
font-weight: 600
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb .m-heading-pictgram {
margin-top:4px
}
}
.m-sitemapcategory_thumb .m-heading-pictgram .m-heading_text {
top: 0;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0
}
@media (min-width: 769px) {
.m-sitemapcategory_thumb .m-heading-pictgram .m-heading_text {
font-size:22px;
line-height: 1.09091;
letter-spacing: 0
}
}
@media (max-width: 768px) {
.m-sitemapcategory-closed .m-sitemapcategory_accordion {
display:none
}
}
@media (min-width: 769px) {
.m-sitemapcategory-horizontaldivider .m-sitemapcategory_accordion .m-sitemapcategory_accordion_body .o-list {
border-top:1px solid #f0f0f0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory_accordion .m-sitemapcategory_accordion_body .o-list {
border-top:0
}
}
@media (max-width: 768px) {
.m-sitemapcategory_accordion_body .m-listitem {
width:auto;
margin-left: 55px
}
}
@media (min-width: 769px) {
.m-sitemapcategory_accordion_body .m-listitem {
border-bottom:0!important
}
}
@media (max-width: 768px) {
.m-sitemapcategory_accordion_body .m-listitem:first-of-type {
border-top:0!important
}
}
@media (max-width: 768px) {
.m-sitemapcategory_accordion_body .m-listitem:last-child {
padding-left:55px;
margin-left: 0;
border-bottom: 1px solid #f0f0f0
}
}
.m-sitemapcategory_accordion_body .m-listitem_thumbwrapper {
height: 100%
}
@media (max-width: 768px) {
.m-sitemapcategory-hassubcategory .m-sitemapcategory_accordion_body .m-listitem {
padding-left:0;
margin-left: 55px;
border-bottom: 1px solid #f0f0f0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_accordion_body .m-listitem .m-sitemapcategory-horizontaldivider {
border-top:0
}
}
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem {
margin-left: 30px
}
@media (max-width: 768px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem {
border-bottom:1px dashed #f0f0f0
}
}
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem:last-child {
border-bottom: 0
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem {
margin-left:0;
border: 0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem:nth-child(-n+3) {
border-top:1px solid #f0f0f0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem:nth-child(-n+3) .m-listitem_thumb {
border-top:0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory-othercategory .m-sitemapcategory_accordion_body .m-listitem:nth-child(3) {
border-top:0
}
}
@media (max-width: 768px) {
.m-sitemapcategory_subcategory .m-sitemapcategory:not(:last-of-type) .m-sitemapcategory_accordion_body .m-listitem:last-child {
padding-left:30px;
margin-left: 0;
border-bottom: 1px solid #f0f0f0
}
}
.m-sitemapcategory_accordion_body .m-listitem_thumb {
padding: 16px 12px 16px 0
}
@media (min-width: 769px) {
.m-sitemapcategory_accordion_body .m-listitem_thumb {
padding:18px 0
}
}
@media (min-width: 769px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem_thumb {
padding:13px 12px 13px 0;
margin-left: 37px;
border-bottom: 1px solid #f0f0f0
}
}
.m-sitemapcategory_subcategory .m-sitemapcategory .m-listitem:nth-child(-n+3) .m-sitemapcategory_accordion_body .m-listitem_thumb,.m-sitemapcategory_subcategory .m-sitemapcategory .m-listitem:nth-last-child(-n+2) .m-sitemapcategory_accordion_body .m-listitem_thumb {
border-bottom: 0
}
.m-sitemapcategory_accordion_body .m-listitem_thumb_summary {
display: inline;
margin-right: 12px;
font-size: 14px;
line-height: 1.28571;
letter-spacing: 0
}
@media (max-width: 768px) {
.m-sitemapcategory_accordion_body .m-listitem_thumb_summary {
font-size:12px;
line-height: 1.33333;
letter-spacing: 0;
font-weight: 600
}
}
@media (max-width: 768px) {
.m-sitemapcategory_subcategory .m-sitemapcategory .m-sitemapcategory_accordion_body .m-listitem_thumb_summary {
font-weight:300
}
}
@media (min-width: 769px) {
.m-sitemapcategory_accordion_body .m-listitem:nth-last-child(-n+2) {
border-bottom:1px solid #f0f0f0!important
}
}
@media (min-width: 769px) {
.m-sitemapcategory_accordion_body .m-listitem:nth-last-child(-n+2) .m-listitem_thumb {
border-bottom:0
}
}
.m-sitemapcategory_accordion_body .m-heading-typeh3 {
margin-bottom: 0
}
.m-sitemapcategory_accordion_body .m-heading-typeh3 .m-heading_text {
top: 0
}
@media (max-width: 768px) {
.m-sitemapcategory_accordion_body .m-heading-typeh3 .m-heading_text {
font-size:12px;
line-height: 1.33333;
letter-spacing: 0
}
}
.m-sitemapcategory_accordion_body .m-sitemapcategory_subcategory .m-sitemapcategory_thumb {
padding: 16px 12px 16px 0
}
@media (min-width: 769px) {
.m-sitemapcategory_accordion_body .m-sitemapcategory_subcategory .m-sitemapcategory_thumb {
padding:13px 0
}
}
.m-sitemapcategory_accordion_body .o-list:not(:last-child) {
margin-bottom: 0
}
.m-slidetab {
position: relative;
scroll-behavior: smooth
}
.m-slidetab_container {
position: relative;
border-bottom: 1px solid #ebebeb
}
.m-slidetab_list {
white-space: nowrap;
font-size: 0;
line-height: NaN;
letter-spacing: NaNem
}
.m-slidetab_item {
display: inline-block;
min-width: 75px;
padding: 15px 15px 13px;
color: #8c8c8c;
text-align: center;
cursor: pointer;
border-bottom: 2px solid transparent;
font-size: 14px;
line-height: 1;
letter-spacing: -.02214em;
font-weight: 600
}
.m-slidetab_item-active {
color: #b60081
}
.m-slidetab-noanimation .m-slidetab_item-active {
border-bottom-color: #b60081
}
.m-slidetab_indicator {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #b60081;
transition-duration: .3s;
transition-property: left,width
}
.m-slidetab-noanimation .m-slidetab_indicator {
display: none
}
.m-slidetab_swiper {
z-index: 0;
margin-top: 31px
}
.m-slidetab_slidecontent {
padding: 0 65px;
margin: auto
}
@media (max-width: 768px) {
.m-slidetab_slidecontent {
padding:0
}
}
.m-slidetab_swiperprev {
position: absolute;
top: 50%;
left: 0;
width: 42px;
height: 42px;
background-image: url(/-/media/aeoncard/assets/images/icon/swiper-prev.svg);
background-size: cover;
outline: none
}
@media (max-width: 768px) {
.m-slidetab_swiperprev {
top:148px;
left: -12px;
width: 28px;
height: 28px
}
}
.m-slidetab_swipernext {
position: absolute;
top: 50%;
right: 0;
width: 42px;
height: 42px;
background-image: url(/-/media/aeoncard/assets/images/icon/swiper-prev.svg);
background-size: cover;
outline: none;
transform: rotate(180deg)
}
@media (max-width: 768px) {
.m-slidetab_swipernext {
top:148px;
right: -12px;
width: 28px;
height: 28px
}
}
.m-slidetab_disabledbtn {
display: none
}
.m-smallarticle {
width: 100%;
height: auto;
margin-bottom: 26px;
color: #1a1a1a
}
.m-smallarticle:last-child {
margin-bottom: 0
}
.m-smallarticle_wrapper:after {
display: block;
clear: both;
content: ""
}
@media (max-width: 768px) {
.m-smallarticle_wrapper {
display:flex;
flex-direction: column
}
}
@media (max-width: 768px) {
.m-smallarticle_content {
order:4
}
}
@media (min-width: 769px) {
.m-smallarticle_image-small~.m-smallarticle_content {
max-width:calc(100% - 163px)
}
}
@media (min-width: 769px) {
.m-smallarticle_image-large~.m-smallarticle_content {
max-width:calc(100% - 315px)
}
}
.m-smallarticle-titlewithicon .m-smallarticle_content .m-textlist li {
padding-left: 23px
}
@media (min-width: 769px) {
.m-smallarticle-many .m-smallarticle:not(:first-child) {
margin-left:26px
}
}
.m-smallarticle-many .m-smallarticle_wrapper {
display: block;
padding-bottom: 0
}
@media (max-width: 768px) {
.m-smallarticle-many .m-smallarticle_wrapper {
display:flex;
flex-direction: column
}
}
.m-smallarticle-many .m-smallarticle_content {
display: flex
}
@media (max-width: 768px) {
.m-smallarticle-many .m-smallarticle_content {
display:block;
order: 4
}
}
.m-smallarticle-many .m-smallarticle_content .m-smallarticle_content {
display: block
}
@media (min-width: 769px) {
.m-smallarticle-many .m-smallarticle_content .m-smallarticle_content {
padding-right:143px
}
}
.m-smallarticle_image {
float: right
}
.m-smallarticle_image-small {
margin-left: 29px
}
@media (min-width: 769px) {
.m-smallarticle_image-small {
width:134px
}
}
.m-smallarticle_image-medium {
margin-left: 30px
}
@media (min-width: 769px) {
.m-smallarticle_image-medium {
width:171px
}
}
.m-smallarticle_image-large {
margin-left: 59px
}
@media (min-width: 769px) {
.m-smallarticle_image-large {
width:256px
}
}
@media (max-width: 768px) {
.m-smallarticle_image-large img {
width:100%
}
}
.m-smallarticle_image-verticalcardface .a-image {
width: 39.69%;
margin: 0 auto
}
.m-smallarticle_image-verticalcardface .a-image_image:not(.loading) {
border: 1px solid #f0f0f0;
border-radius: 6%/4%
}
@media (max-width: 768px) {
.m-smallarticle_image {
order:2;
float: none;
margin-top: 20px;
margin-bottom: 26px;
margin-left: 0;
text-align: center
}
}
.m-smallarticle_icon {
position: relative;
top: -4px;
left: -1px;
margin-right: 8px
}
.m-smallarticle_icon .a-icon {
width: 20px;
height: 20px
}
.m-smallarticle_title {
margin-bottom: 3px;
color: #1a1a1a;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.m-smallarticle_title {
order:1
}
}
.m-smallarticle-titlewithicon .m-smallarticle_title {
display: flex;
align-items: center;
margin-left: -6px
}
.m-smallarticle-titlewithicon .m-smallarticle_title .m-heading-typeh4 .m-heading_text {
font-size: 14px;
line-height: 1.71429
}
.m-smallarticle_title>.m-heading-typeh3 {
margin-bottom: 10px
}
.m-smallarticle .a-catchphrase:not(:last-child) {
margin-bottom: 15px
}
@media (min-width: 769px) {
.m-smallarticle .a-catchphrase:not(:last-child) {
margin-bottom:20px
}
}
@media (max-width: 768px) {
.m-smallarticle .a-catchphrase {
order:3
}
}
.m-smallarticle_button {
display: flex;
justify-content: center;
margin-top: 30px
}
@media (max-width: 768px) {
.m-smallarticle_button {
margin-top:20px
}
}
.m-smallarticle_link {
padding-top: 10px;
margin-top: 28px;
text-align: right;
border-top: 1px dotted #ebebeb
}
.m-smallarticle_link+.m-smallarticle_caption {
margin-top: 25px
}
.m-smallarticle_additional {
margin-top: 20px
}
.m-smallarticle-hassubarticle:not(:last-child) {
margin-bottom: 55px;
border-bottom: 1px solid #ebebeb
}
@media (max-width: 768px) {
.m-smallarticle-hassubarticle:not(:last-child) {
margin-bottom:40px
}
}
.m-smallarticle-hassubarticle:not(:last-child)>.m-smallarticle_wrapper:last-child {
padding-bottom: 55px
}
@media (max-width: 768px) {
.m-smallarticle-hassubarticle:not(:last-child)>.m-smallarticle_wrapper:last-child {
padding-bottom:40px
}
}
.m-smalltable {
margin: 0
}
@media (min-width: 769px) {
.m-smalltable-carddetail {
display:flex;
align-items: flex-start
}
}
.m-smalltable_row {
padding: 12px 0;
border-color: #ebebeb;
border-style: solid;
border-width: 1px 0
}
@media (min-width: 769px) {
.m-smalltable-carddetail .m-smalltable_row {
flex:1 1 33%
}
}
@media (min-width: 769px) {
.m-smalltable-carddetail .m-smalltable_row+.m-smalltable_row {
margin-left:30px;
border-top-width: 1px
}
}
.m-smalltable_row>dt {
color: #666;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em;
font-weight: 600
}
.m-smalltable_row>dd {
margin: 6.5px 0 0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (max-width: 768px) {
.m-smalltable_row-normal.m-smalltable_row-sphorizontal {
display:flex;
align-items: center;
justify-content: space-between
}
.m-smalltable_row-normal.m-smalltable_row-sphorizontal>dd {
margin-top: 0
}
}
.m-smalltable_row-card {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.m-smalltable_row-card>dt {
flex: 0 0 100%
}
.m-smalltable_row-card>dd:last-child {
display: flex;
justify-content: center;
min-width: 180px;
height: 33px;
margin: -6px 0 0 12px;
border: solid #f0f0f0;
border-width: 0 0 0 1px
}
.m-smalltable_row-card>dd:last-child>.a-image {
width: 46px;
height: 33px;
margin: 0
}
.m-smalltable_row-card>dd:last-child>.a-image+.a-image {
margin-left: 10px
}
.m-smalltable_row-cardfeatures>dd>ul {
margin-top: -5px;
list-style-type: none
}
.m-smalltable_row-cardfeatures>dd>ul>li {
display: inline-block
}
.m-smalltable_row-cardfeatures>dd>ul>li>.a-tag {
margin: 5px 5px 0 0
}
.m-smalltable_row-cardsubfeatures {
position: relative;
border-bottom: 0
}
.m-smalltable_row-cardsubfeatures>dt {
margin-bottom: 16px
}
.m-smalltable_row-cardsubfeatures>dd:nth-child(2) {
padding: 9px;
border: 1px solid #f7f7f7;
border-radius: 4px
}
.m-smalltable_row-cardsubfeatures>dd:nth-child(2)>ul {
list-style-type: none
}
.m-smalltable_row-cardsubfeatures>dd:nth-child(2)>ul>li {
display: inline-block;
color: #7a7872;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em;
font-weight: 600
}
.m-smalltable_row-cardsubfeatures>dd:nth-child(2)>ul>li:not(:last-child):after {
margin: 0 .5em;
content: "/"
}
.m-smalltable_row-cardsubfeatures>dd:nth-child(2)>ul>li>del {
color: #ccc;
text-decoration: none
}
.m-smalltable_row-cardsubfeatures>dd:nth-child(3) {
position: absolute;
top: -2px;
right: 0
}
.m-smalltable_row-cardsubfeatures>dd:nth-child(4) {
padding-top: 4px;
margin-top: 10px;
color: #4e4d4e;
border-top: 1px solid #f0f0f0;
font-size: 11px;
line-height: 1.36364;
letter-spacing: -.02182em
}
.m-smalltable_row+.m-smalltable_row {
border-top-width: 0
}
.m-sptcustomselect_main {
display: flex
}
.m-sptcustomselect_content {
flex: 1
}
.m-sptcustomselect_title {
margin-bottom: 6px;
font-weight: 600;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.01937em
}
.m-sptcustomselect_title .a-tag {
float: right;
margin-top: 2px
}
.m-sptcustomselect_summary {
position: relative;
padding: 10px 10px 12px 15px;
background-color: #f3f3f3;
border: 1px solid #dedddd;
border-radius: 8px
}
.m-sptcustomselect_amount {
color: #666;
font-weight: 600;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.0225em
}
.m-sptcustomselect_selections {
margin-top: 5px
}
.m-sptcustomselect_empty,.m-sptcustomselect_selections {
font-weight: 300;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.m-sptcustomselect_empty {
margin: 4px 0 1px -4px;
color: #bdbbbb
}
.m-sptcustomselect .a-textlink {
margin: 39px 0 0 12px
}
.m-sptcustomselect .a-textlink:hover {
cursor: pointer
}
.m-statement {
list-style-type: none
}
.m-statement-withborder {
padding-top: 10px;
margin-top: 10px;
border-top: 1px dotted #ebebeb
}
.m-statement_item {
display: flex;
align-items: flex-end;
justify-content: space-between;
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-statement_item_label {
flex: 1 1 auto;
margin-right: 1em
}
.m-statement:not(.m-statement-nodash) .m-statement_item_label:before {
content: "- "
}
.m-statement:not(.m-statement-nodash) .m-statement_item_label:after {
content: "��"
}
.m-statement_item_value {
flex-shrink: 0;
text-align: right
}
.m-statement_item_value-negative {
color: #eb0015
}
li>.m-statement {
padding-left: .75em;
margin-top: 6px
}
.m-statement li+li {
margin-top: 6px
}
.m-statusbuttoncontainer {
position: relative;
width: 100%;
padding-bottom: 245px
}
.m-statusbuttoncontainer>.m-heading {
margin-bottom: 20px
}
.m-statusbuttoncontainer .a-text {
margin-bottom: 15px
}
@media (min-width: 769px) {
.m-statusbuttoncontainer .a-text {
margin-bottom:25px
}
}
.m-statusbuttoncontainer_wrapper {
position: absolute;
bottom: 0;
width: 100%
}
.m-statusbuttoncontainer_buttonwrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 0
}
@media (min-width: 769px) {
.m-statusbuttoncontainer_buttonwrapper {
padding:20px 0 29px
}
}
.m-statusbuttoncontainer_buttonwrapper>.a-button {
width: calc(100% - 70px);
max-width: calc(100% - 70px);
height: 48px
}
@media (max-width: 768px) {
.m-statusbuttoncontainer_buttonwrapper>.a-button {
height:56px
}
}
.m-statusbuttoncontainer .m-linkcontainer {
padding-top: 13px;
border-top: 1px dotted #ebebeb
}
.m-stmticket {
display: inline-block;
width: 315px;
min-height: 130px;
padding-top: 20px;
text-align: center;
background-image: url(/-/media/aeoncard/assets/images/common/outline-mgt-bonus.png);
background-repeat: no-repeat;
background-size: 100% 100%
}
.m-stmticket_content {
display: inline-block;
padding-left: 20px;
color: #b60081
}
.m-stmticket_content>.a-icon {
margin-right: 20px;
margin-left: 14px
}
.m-stmticket_title {
margin-bottom: 6px;
font-weight: 600;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.0225em
}
.m-stmticket_title>span:first-child {
display: inline-block;
width: 28px;
height: 28px;
padding: 4px;
margin: -3px -2px 0 -15px;
background-color: #fcf5fa;
border-radius: 50%
}
.m-stmticket_title>span:first-child>.a-icon {
width: 20px;
height: 20px;
vertical-align: baseline
}
.m-stmticket_title>span:last-child {
display: inline-block;
margin-left: 10px;
vertical-align: top
}
.m-stmticket_price {
vertical-align: sub;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 48px;
line-height: 1.1875;
letter-spacing: -.00604em
}
.m-stmticket_price>small {
margin-left: 3px;
font-weight: 600;
font-size: 16px;
line-height: 1.0625;
letter-spacing: -.0225em
}
.m-stmticket_count {
vertical-align: sub;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 30px;
line-height: .53333;
letter-spacing: -.02233em
}
.m-stmticket_count>small {
margin-left: 3px;
vertical-align: middle;
font-weight: 600;
font-size: 14px;
line-height: 1.21429;
letter-spacing: -.02214em
}
.m-table {
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #e0e0e0;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-table table {
width: 100%;
table-layout: fixed
}
.m-table_title {
padding: 9.5px 0 9.5px 15px;
color: #666;
text-align: left;
caption-side: top;
background-color: #e4e7f3;
font-weight: 600
}
@media (max-width: 768px) {
.m-table_title {
padding:11.5px 0 11.5px 15px;
font-size: 14px;
line-height: 1.28571;
letter-spacing: -.02214em
}
}
.m-table_title+tbody {
border-top: none
}
.m-table-userswithinquiries .m-table_title {
padding: 18px 16px 16px;
color: #666;
background: #edeff7;
border-bottom: 1px solid #e0e0e0
}
.m-table:last-child {
margin-bottom: 0
}
.m-table_th {
width: 30%;
color: #666;
text-align: left;
background: #edeff7;
font-weight: 600
}
@media (max-width: 768px) {
.m-table_th {
display:block;
width: 100%;
font-size: 14px;
line-height: 1.07143;
letter-spacing: -.01929em
}
}
.m-table_th-center {
text-align: center
}
.m-table_th-verticaltop {
vertical-align: top
}
@media (max-width: 768px) {
.m-table-sphorizontal .m-table_th {
display:table-cell;
width: 50%
}
}
.m-table-singletable .m-table_th {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.01571em
}
.m-table_th-large {
width: 70%
}
@media (max-width: 768px) {
.m-table_th-large {
width:100%
}
}
.m-table_th-disabled {
background-color: #f0f0f0
}
.m-table_th-sub {
background-color: #f7f8fa
}
.m-table-singlecolumn .m-table_th {
background: #f7f8fa
}
.m-table-userswithinquiries .m-table_th {
background-color: #f7f8fa
}
.m-table_td {
width: 70%;
color: #1a1a1a;
background-color: #fff
}
@media (max-width: 768px) {
.m-table_td {
display:block;
width: 100%;
min-height: 44px
}
}
.m-table_td-right {
text-align: right
}
.m-table_td-center {
text-align: center
}
.m-table_td-number {
font-size: 16px;
line-height: 1;
letter-spacing: -.025em
}
.m-table_td-price {
font-size: 18px;
line-height: .88889;
letter-spacing: -.02222em;
font-weight: 600
}
.m-table_td-price .m-table_tdunit {
font-size: 11px;
position: relative;
top: -2px;
margin-left: 4px
}
.m-table_td-disabled {
background-color: #f7f7f7
}
.m-table_td-dial {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-size: 20px;
line-height: 1.3;
letter-spacing: -.022em
}
.m-table_td-large {
width: 50%
}
.m-table_td-large+.m-table_td {
width: 20%
}
@media (max-width: 768px) {
.m-table-sphorizontal .m-table_td {
display:table-cell;
width: 50%
}
}
.m-table_td ul:not(.m-statement) {
padding-left: 15px;
margin-top: 0;
margin-bottom: 0
}
.m-table_td .a-empty,.m-table_td .a-loading-block {
border: none
}
.m-table-userswithinquiries .m-table_td ul {
padding-left: 0
}
.m-table_td,.m-table_th {
padding: 16px;
border-bottom: 1px solid #e0e0e0
}
@media (min-width: 769px) {
.m-table_td+.m-table_td,.m-table_td+.m-table_th,.m-table_th+.m-table_td,.m-table_th+.m-table_th {
border-left:1px solid #ebebeb
}
}
.m-table-sphorizontal .m-table_td+.m-table_td,.m-table-sphorizontal .m-table_td+.m-table_th,.m-table-sphorizontal .m-table_th+.m-table_td,.m-table-sphorizontal .m-table_th+.m-table_th {
border-left: 1px solid #ebebeb
}
.m-table-singlecolumn .m-table_td,.m-table-singlecolumn .m-table_th {
display: block;
width: 100%;
color: #1a1a1a;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.01571em
}
.m-table-singletable .m-table_td,.m-table-singletable .m-table_th {
display: block;
width: 100%;
border-color: #ebebeb;
border-left: none
}
@media (min-width: 769px) {
.m-table-largeth th {
width:45%
}
}
@media (min-width: 769px) {
.m-table-largeth td {
width:55%
}
}
.m-table-smallpadding .m-table_td,.m-table-smallpadding .m-table_th {
padding: 16px 6px
}
.m-table-nocolumndivider .m-table_td {
border-right: 0
}
.m-table-nocolumndivider .m-table_td+.m-table_td {
border-left: 0
}
.m-table-singlecolumn .m-table_td,.m-table-singlecolumn .m-table_th {
padding: 10px
}
@media (min-width: 769px) {
.m-table-singlecolumn .m-table_td {
padding:14px 15px
}
}
.m-table-userswithinquiries .m-table_th {
padding: 18px 16px 16px;
color: #666
}
.m-table-userswithinquiries .m-table_th .a-text {
font-size: 16px;
line-height: 1;
letter-spacing: -.01375em
}
.m-table-userswithinquiries .m-table_td {
padding: 18px 16px 16px;
color: #666
}
.m-tablepattern {
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #ebebeb;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.m-tablepattern table {
width: 100%
}
.m-tablepattern_title {
padding: 9.5px 0 9.5px 15px;
color: #666;
text-align: left;
caption-side: top;
background-color: #e4e7f3;
font-weight: 600
}
@media (max-width: 768px) {
.m-tablepattern_title {
padding:11.5px 0 11.5px 15px;
font-size: 14px;
line-height: 1.28571;
letter-spacing: -.02214em
}
}
.m-tablepattern_title+tbody {
border-top: none
}
.m-tablepattern_th {
width: 30%;
color: #666;
text-align: left;
background: #edeff7;
font-weight: 600
}
@media (max-width: 768px) {
.m-tablepattern_th {
display:block;
width: 100%;
font-size: 14px;
line-height: 1.07143;
letter-spacing: -.01929em
}
}
.m-tablepattern_td {
width: auto;
color: #1a1a1a
}
@media (max-width: 768px) {
.m-tablepattern_td {
display:block;
width: 100%;
min-height: 44px
}
}
.m-tablepattern_td,.m-tablepattern_th {
padding: 16px 8px;
border-bottom: 1px solid #ebebeb
}
@media (min-width: 769px) {
.m-tablepattern_td+.m-tablepattern_td,.m-tablepattern_td+.m-tablepattern_th,.m-tablepattern_th+.m-tablepattern_td,.m-tablepattern_th+.m-tablepattern_th {
border-left:1px solid #ebebeb
}
}
@media (max-width: 768px) {
.m-tablepattern-typeA table {
display:flex
}
}
@media (min-width: 769px) {
.m-tablepattern-typeA .m-tablepattern_th {
width:20%
}
}
.m-tablepattern-typeA .m-tablepattern_td {
padding: 16px 8px;
text-align: right
}
@media (max-width: 768px) {
.m-tablepattern-typeA thead {
width:30%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeA thead>tr {
display:block
}
}
.m-tablepattern-typeA thead .m-tablepattern_th {
white-space: nowrap
}
.m-tablepattern-typeA thead .m-tablepattern_th:nth-child(n+2) {
overflow: hidden;
text-indent: 150%
}
.m-tablepattern-typeA thead .m-tablepattern_td {
background: #edeff7
}
@media (min-width: 769px) {
.m-tablepattern-typeA thead tr:nth-child(n+2) {
display:none
}
}
.m-tablepattern-typeA thead tr:nth-child(n+2) .m-tablepattern_th {
overflow: hidden;
text-indent: 350%
}
@media (max-width: 768px) {
.m-tablepattern-typeA tbody .m-tablepattern_th,.m-tablepattern-typeA thead .m-tablepattern_th {
display:flex;
align-items: center;
height: 64px
}
}
@media (max-width: 768px) {
.m-tablepattern-typeA tbody .m-tablepattern_td,.m-tablepattern-typeA thead .m-tablepattern_td {
text-align:center
}
}
@media (max-width: 768px) {
.m-tablepattern-typeA tbody {
width:70%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeA tr {
display:block
}
}
@media (min-width: 769px) {
.m-tablepattern-typeC .m-tablepattern_td.u-dn-pc,.m-tablepattern-typeK .m-tablepattern_td.u-dn-pc {
display:none
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC .m-tablepattern_td.u-dn-sp,.m-tablepattern-typeK .m-tablepattern_td.u-dn-sp {
display:none
}
}
@media (min-width: 769px) {
.m-tablepattern-typeC tr.m-tablepattern_th:first-child,.m-tablepattern-typeK tr.m-tablepattern_th:first-child {
width:20%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC thead,.m-tablepattern-typeK thead {
display:block
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC thead tr,.m-tablepattern-typeK thead tr {
display:flex
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC tbody,.m-tablepattern-typeK tbody {
display:block
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC tbody tr,.m-tablepattern-typeK tbody tr {
display:flex
}
}
.m-tablepattern-typeC tbody .m-tablepattern_th,.m-tablepattern-typeK tbody .m-tablepattern_th {
background-color: #f7f8fa
}
@media (max-width: 768px) {
.m-tablepattern-typeC tbody .m-tablepattern_td,.m-tablepattern-typeK tbody .m-tablepattern_td {
flex:1 1 auto
}
}
.m-tablepattern-typeC tbody .m-tablepattern_td dl>div,.m-tablepattern-typeK tbody .m-tablepattern_td dl>div {
display: flex
}
.m-tablepattern-typeC tbody .m-tablepattern_td dl>div+div,.m-tablepattern-typeK tbody .m-tablepattern_td dl>div+div {
border-top: 1px solid #ebebeb
}
.m-tablepattern-typeC tbody .m-tablepattern_td dl dt,.m-tablepattern-typeK tbody .m-tablepattern_td dl dt {
background-color: #f7f8fa
}
.m-tablepattern-typeC tbody .m-tablepattern_td dl dd,.m-tablepattern-typeK tbody .m-tablepattern_td dl dd {
flex: 1 1 auto;
margin-left: 0
}
.m-tablepattern-typeC .m-tablepattern_th {
width: auto
}
@media (max-width: 768px) {
.m-tablepattern-typeC thead {
display:block
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC thead tr:first-child .m-tablepattern_th:first-child {
flex:0 0 33%
}
}
@media (min-width: 769px) {
.m-tablepattern-typeC thead tr:first-child .m-tablepattern_th:nth-child(2) {
display:none
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC thead tr:first-child .m-tablepattern_th:nth-child(2) {
flex:0 0 72px
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC thead tr:first-child .m-tablepattern_th:last-child {
flex:1 1 auto
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC thead tr:last-child {
display:none
}
}
.m-tablepattern-typeC thead tr:last-child .m-tablepattern_th {
width: auto;
padding: 8px 16px;
text-align: center;
background-color: #f7f8fa
}
@media (max-width: 768px) {
.m-tablepattern-typeC tbody .m-tablepattern_th {
flex:1 0 33%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeC tbody .m-tablepattern_td {
flex:1 1 auto
}
}
.m-tablepattern-typeC tbody .m-tablepattern_td dl {
margin: -16px;
border-left: 1px solid #ebebeb
}
.m-tablepattern-typeC tbody .m-tablepattern_td dl dt {
flex: 0 0 72px;
text-align: center
}
.m-tablepattern-typeC tbody .m-tablepattern_td dl dd,.m-tablepattern-typeC tbody .m-tablepattern_td dl dt {
padding: 8px 16px
}
.m-tablepattern-typeK .m-tablepattern_td,.m-tablepattern-typeK .m-tablepattern_th {
vertical-align: top;
border-color: #e0e0e0
}
@media (min-width: 769px) {
.m-tablepattern-typeK .m-tablepattern_td.u-dn-pc {
display:none
}
}
@media (max-width: 768px) {
.m-tablepattern-typeK .m-tablepattern_td.u-dn-sp {
display:none
}
}
@media (min-width: 769px) {
.m-tablepattern-typeK tr.m-tablepattern_th:first-child {
width:20%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeK thead {
display:block
}
}
@media (max-width: 768px) {
.m-tablepattern-typeK thead tr {
display:flex
}
}
.m-tablepattern-typeK thead tr:last-child .m-tablepattern_th {
padding: 15px
}
@media (max-width: 768px) {
.m-tablepattern-typeK thead tr:last-child .m-tablepattern_th {
width:100%;
background-color: #e4e7f3
}
.m-tablepattern-typeK thead tr:last-child .m-tablepattern_th:not(:first-child) {
display: none
}
}
.m-tablepattern-typeK thead tr .m-tablepattern_th {
width: 33.3333%;
background-color: #edeff7
}
@media (max-width: 768px) {
.m-tablepattern-typeK tbody tr {
flex-wrap:wrap
}
}
.m-tablepattern-typeK tbody .m-tablepattern_th {
padding: 15px
}
@media (max-width: 768px) {
.m-tablepattern-typeK tbody .m-tablepattern_th {
font-size:16px;
line-height: 1.5;
flex: 1 0 100%;
background-color: #edeff7
}
}
.m-tablepattern-typeK tbody .m-tablepattern_td {
padding: 15px
}
@media (max-width: 768px) {
.m-tablepattern-typeK tbody .m-tablepattern_td {
flex:1 1 auto
}
}
.m-tablepattern-typeK tbody .m-tablepattern_td dl {
margin: -15px
}
.m-tablepattern-typeK tbody .m-tablepattern_td dl dt {
font-weight: 600;
flex: 0 0 30%;
color: #666
}
.m-tablepattern-typeK tbody .m-tablepattern_td dl dd,.m-tablepattern-typeK tbody .m-tablepattern_td dl dt {
padding: 16px
}
.m-tablepattern-typeD .m-tablepattern_td,.m-tablepattern-typeD .m-tablepattern_th {
width: 50%
}
@media (max-width: 768px) {
.m-tablepattern-typeD .m-tablepattern_td,.m-tablepattern-typeD .m-tablepattern_th {
display:table-cell
}
}
.m-tablepattern-typeD tbody .m-tablepattern_th {
background-color: #f7f8fa
}
.m-tablepattern-typeE table {
table-layout: fixed
}
@media (max-width: 768px) {
.m-tablepattern-typeE thead {
display:none
}
}
.m-tablepattern-typeE thead .m-tablepattern_th {
width: 16.66667%
}
.m-tablepattern-typeE tbody .m-tablepattern_th {
padding: 0;
background-color: #f7f8fa
}
@media (max-width: 768px) {
.m-tablepattern-typeE tbody .m-tablepattern_th {
display:none
}
}
.m-tablepattern-typeE tbody .m-tablepattern_th>div {
box-sizing: content-box;
display: flex;
align-items: center;
height: 54px;
padding: 0 16px
}
.m-tablepattern-typeE tbody .m-tablepattern_th>div+div {
border-top: 1px solid #ebebeb
}
.m-tablepattern-typeE tbody .m-tablepattern_td {
padding: 0
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl {
margin: 0
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl dd {
margin-left: 0
}
@media (max-width: 768px) {
.m-tablepattern-typeE tbody .m-tablepattern_td dl dd {
border-left:1px solid #ebebeb
}
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl dd,.m-tablepattern-typeE tbody .m-tablepattern_td dl dt {
display: flex;
align-items: center;
width: 50%;
height: 54px;
padding: 0 16px
}
@media (min-width: 769px) {
.m-tablepattern-typeE tbody .m-tablepattern_td dl dd,.m-tablepattern-typeE tbody .m-tablepattern_td dl dt {
width:100%
}
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div {
display: flex
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div+div {
border-top: 1px solid #ebebeb
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div:first-child {
background-color: #edeff7
}
@media (min-width: 769px) {
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div:first-child {
display:none
}
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div:first-child dt {
width: auto
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div:first-child dd {
flex: 1 1 auto
}
@media (min-width: 769px) {
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div:nth-child(2) {
border-top:none
}
}
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div:nth-child(n+2) dt {
background-color: #f7f8fa
}
@media (min-width: 769px) {
.m-tablepattern-typeE tbody .m-tablepattern_td dl>div:nth-child(n+2) dt {
display:none
}
}
.m-tablepattern-typeF .m-tablepattern_th {
width: auto
}
@media (min-width: 769px) {
.m-tablepattern-typeF .m-tablepattern_td.u-dn-pc {
display:none
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF .m-tablepattern_td.u-dn-sp {
display:none
}
}
@media (min-width: 769px) {
.m-tablepattern-typeF tr.m-tablepattern_th:first-child {
width:20%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF thead {
display:block
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF thead tr {
display:flex
}
}
.m-tablepattern-typeF thead tr .m-tablepattern_th>span {
font-size: 11px;
font-weight: 300
}
@media (max-width: 768px) {
.m-tablepattern-typeF thead tr:first-child .m-tablepattern_th:first-child {
flex:0 0 30%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF thead tr:first-child .m-tablepattern_th:nth-child(2) {
flex:0 0 72px
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF thead tr:first-child .m-tablepattern_th:last-child {
flex:1 1 auto
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF thead tr:nth-child(n+2) {
display:none
}
}
.m-tablepattern-typeF thead tr:nth-child(n+2) .m-tablepattern_th {
width: auto;
padding: 8px 16px;
text-align: center;
background-color: #f7f8fa
}
@media (max-width: 768px) {
.m-tablepattern-typeF tbody {
display:block
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF tbody tr {
display:flex
}
}
.m-tablepattern-typeF tbody .m-tablepattern_th {
background-color: #f7f8fa
}
@media (max-width: 768px) {
.m-tablepattern-typeF tbody .m-tablepattern_th {
flex:1 0 30%
}
}
@media (max-width: 768px) {
.m-tablepattern-typeF tbody .m-tablepattern_td {
flex:1 1 auto
}
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl {
margin: -16px;
border-left: 1px solid #ebebeb
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl dt {
padding: 8px;
text-align: center;
background-color: #f7f8fa
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl dd {
margin-left: 0
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div {
display: flex
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div+div {
border-top: 1px solid #ebebeb
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dt {
flex: 0 0 36px;
text-align: center
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dd {
flex: 1 1 auto;
border-left: 1px solid #ebebeb
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dd>dl {
display: flex;
margin: 0
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dd>dl>div {
display: flex
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dd>dl>div+div {
border-top: 1px solid #ebebeb
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dd>dl dt {
flex: 0 0 92px;
text-align: left
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dd>dl dt>span {
font-size: 11px;
font-weight: 300
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div>dd>dl dd {
display: flex;
flex: 1 1 auto;
align-items: center;
padding: 8px 16px
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div:first-child dl {
height: 100%
}
.m-tablepattern-typeF tbody .m-tablepattern_td>dl>div:last-child dl {
display: block
}
.m-tablepattern-typeG .m-tablepattern_td,.m-tablepattern-typeG .m-tablepattern_th {
width: 33.33%;
vertical-align: top
}
@media (max-width: 768px) {
.m-tablepattern-typeG .m-tablepattern_td,.m-tablepattern-typeG .m-tablepattern_th {
display:table-cell
}
}
.m-tablepattern-typeG tbody .m-tablepattern_th {
background-color: #f7f8fa
}
.m-termbox {
max-height: 200px;
padding: 10px 15px;
overflow-y: auto;
background: #faf9f5;
border: 1px solid #f2f0e6
}
.m-textlist {
margin: 0 0 20px
}
.m-textlist:last-child {
margin-bottom: 0
}
.m-textlist-nomarginbottom {
margin-bottom: 0
}
.m-textlist>li>.m-textlist {
margin-top: 10px
}
ol.m-textlist {
padding-left: 1.5em
}
ol.m-textlist>li {
margin-bottom: 10px
}
ol.m-textlist>li:last-of-type {
margin-bottom: 0
}
ul.m-textlist {
list-style-type: none
}
ul.m-textlist>li {
position: relative;
padding-left: 13px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
ul.m-textlist>li:last-of-type {
margin-bottom: 0
}
ul.m-textlist>li:before {
position: absolute;
top: 8px;
left: 0;
display: block;
width: 6px;
height: 6px;
content: "";
background-color: #b60081;
border-radius: 50%
}
.m-textlist-2colhorizontal {
width: 100%;
height: auto
}
@media (min-width: 769px) {
ul.m-textlist-2colhorizontal {
font-size:0
}
ul.m-textlist-2colhorizontal:after {
display: block;
clear: both;
content: ""
}
ul.m-textlist-2colhorizontal>li {
display: inline-block;
width: 50%;
font-size: 14px;
vertical-align: top
}
ul.m-textlist-2colhorizontal>li:nth-of-type(2n) {
padding-left: 25px
}
ul.m-textlist-2colhorizontal>li:nth-of-type(2n):before {
left: 12px
}
ul.m-textlist-2colhorizontal>li:nth-of-type(2n-1) {
padding-right: 12px
}
}
@media (min-width: 769px) {
ol.m-textlist-2colhorizontal {
display:flex;
flex-wrap: wrap
}
ol.m-textlist-2colhorizontal>li {
width: 50%
}
ol.m-textlist-2colhorizontal>li:nth-of-type(2n-1) {
padding-right: 30px
}
}
.m-textlist-4colhorizontal {
width: 100%;
height: auto
}
@media (min-width: 769px) {
ul.m-textlist-4colhorizontal {
font-size:0
}
ul.m-textlist-4colhorizontal:after {
display: block;
clear: both;
content: ""
}
ul.m-textlist-4colhorizontal>li {
display: inline-block;
width: 25%;
font-size: 14px;
vertical-align: top
}
ul.m-textlist-4colhorizontal>li:nth-of-type(4n) {
padding-left: 25px
}
ul.m-textlist-4colhorizontal>li:nth-of-type(4n):before {
left: 12px
}
ul.m-textlist-4colhorizontal>li:nth-of-type(4n-1) {
padding-right: 12px
}
}
@media (min-width: 769px) {
ol.m-textlist-4colhorizontal {
display:flex;
flex-wrap: wrap
}
ol.m-textlist-4colhorizontal>li {
width: 25%
}
ol.m-textlist-4colhorizontal>li:nth-of-type(4n-1) {
padding-right: 30px
}
}
ol.m-textlist-narrow>li {
margin-bottom: 0
}
.m-totalamountbox {
width: 100%;
max-width: 400px;
padding-top: 5px;
margin-left: auto
}
@media (max-width: 768px) {
.m-totalamountbox {
max-width:none
}
}
.m-totalamountbox_icon {
margin-bottom: 7px;
text-align: center
}
.m-totalamountbox_icon .a-icon {
width: 20px
}
.m-totalamountbox_box {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 80px;
padding: 0 22px;
border: 6px solid #f0f0f0
}
.m-totalamountbox_box>span {
padding-right: 5px;
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.m-totalamountbox_amountvalue {
font-size: 30px;
line-height: 1;
letter-spacing: -.02233em
}
.m-totalamountbox_unit {
font-size: 18px;
line-height: .94444;
letter-spacing: -.02222em;
padding-left: 4px
}
@media (min-width: 769px) {
.m-totalamountcontainer {
display:flex;
align-items: center;
justify-content: space-between
}
}
.m-totalamountcontainer:not(:first-child) {
margin-top: 30px
}
@media (min-width: 769px) {
.m-totalamountcontainer-hastextlink>span {
margin-bottom:32px!important
}
}
.m-totalamountcontainer-hastextlink>div .m-linkcontainer {
margin-bottom: 0
}
@media (min-width: 769px) {
.m-totalamountcontainer-haswptpexchange>span {
margin-bottom:76px!important
}
}
.m-totalamountcontainer.m-totalamountcontainer-noicon>span {
font-size: 18px;
line-height: 1.66667;
letter-spacing: -.01222em
}
@media (min-width: 769px) {
.m-totalamountcontainer.m-totalamountcontainer-noicon>span {
margin-left:50px
}
}
.m-totalamountcontainer>span {
display: flex;
align-items: center;
margin-bottom: 9px;
font-weight: 600;
font-size: 22px;
line-height: 1.18182;
letter-spacing: -.00909em
}
@media (min-width: 769px) {
.m-totalamountcontainer>span {
margin-bottom:0
}
}
.m-totalamountcontainer>span .a-icon {
width: 20px;
height: 20px
}
.m-totalamountcontainer>span>span {
display: inline-flex;
padding: 4px;
margin-right: 8px;
background-color: #fff;
border-radius: 50%
}
@media (min-width: 769px) {
.m-totalamountcontainer>span>span {
margin-left:50px
}
}
@media (min-width: 769px) {
.m-totalamountcontainer>div {
margin:auto
}
}
.m-totalamountcontainer_wrap {
background-color: #edeff7;
border-radius: 12px
}
.m-totalamountcontainer_wrap>div {
display: flex;
align-items: center;
justify-content: center
}
.m-totalamountcontainer_wrap>div img {
width: 28px;
height: 28px;
padding: 3px;
margin-right: 12px;
background-color: #fff;
border-radius: 45%
}
.m-totalamountcontainer_wrap>div:last-child {
margin-top: 5px
}
.m-totalamountcontainer_wrap .a-textpoint,.m-totalamountcontainer_wrap .a-textprice {
display: inline-block;
font-size: 30px;
line-height: 1;
letter-spacing: -.02233em
}
.m-totalamountcontainer_wrap .a-textpoint>small,.m-totalamountcontainer_wrap .a-textprice>small {
font-size: 18px;
line-height: .94444;
letter-spacing: -.02222em
}
.m-totalamountcontainer_wrap .a-textpoint-small {
font-size: 20px;
line-height: 1.5;
letter-spacing: -.0335em
}
.m-totalamountcontainer_errormsg {
font-size: 16px
}
.m-totalamountcontainer-point .m-totalamountcontainer_wrap {
padding: 20px 68px
}
@media (max-width: 768px) {
.m-totalamountcontainer-point .m-totalamountcontainer_wrap {
padding:26px 15px
}
}
.m-totalamountcontainer-price .m-totalamountcontainer_wrap {
padding: 31px 93px
}
@media (max-width: 768px) {
.m-totalamountcontainer-price .m-totalamountcontainer_wrap {
padding:29px 93px
}
}
.m-totalamountcontainer_text {
flex-wrap: wrap;
margin-top: 7px;
text-align: center;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em
}
.m-totalamountcontainer_exchange {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 15px 12px;
margin-top: 12px;
background-color: #fff;
border: 1px solid #ebebeb;
border-radius: 12px
}
.m-totalamountcontainer_exchange .a-textpoint {
font-size: 22px;
line-height: 1.45455
}
.m-totalamountcontainer_exchange .a-textpoint small {
font-size: 16px;
line-height: 2
}
.m-totalamountcontainer_exchangecontent {
display: flex;
align-items: center
}
.m-totalamountcontainer_exchangecontent .a-textpoint {
flex-shrink: 0
}
.m-totalamountcontainer_exchangecontent .a-textpoint-small {
font-size: 16px;
line-height: 2
}
@media (max-width: 768px) {
.m-totalamountcontainer_exchangecontent .a-textpoint-small {
margin-left:-20px
}
}
.m-totalamountcontainer_exchangecontent .a-textpoint-small small {
font-size: 12px;
line-height: 2.66667
}
.m-totalamountcontainer_exchangetitle {
font-size: 16px;
line-height: 1.5;
letter-spacing: -.0125em;
font-weight: 600
}
.m-totalamountcontainer_exchangeimage {
width: 28px;
height: 28px;
padding: 3px;
margin-right: 20px
}
.m-twocoloumnsadvertisement {
display: flex;
width: 100%;
padding: 16px 0;
background-color: #fff;
border: 1px solid #f0efef;
border-radius: 12px;
box-shadow: 0 2px 10px 0 hsla(0,0%,50.2%,.08)
}
@media (max-width: 768px) {
.m-twocoloumnsadvertisement {
justify-content:center
}
}
@media (min-width: 769px) {
.m-twocoloumnsadvertisement {
padding:24px 30px
}
}
.m-twocoloumnsadvertisement .w-300 {
display: flex;
flex: 0 0 300px;
flex-direction: column;
justify-content: flex-end
}
body.is-pc .m-twocoloumnsadvertisement .w-300 iframe:focus,body.is-pc .m-twocoloumnsadvertisement .w-300 iframe:hover {
opacity: .5
}
body:not(.is-pc) .m-twocoloumnsadvertisement .w-300 iframe:active {
opacity: .5
}
.m-twocoloumnsadvertisement .w-320 {
display: flex;
flex: 0 0 320px;
flex-direction: column;
justify-content: flex-end
}
body.is-pc .m-twocoloumnsadvertisement .w-320 iframe:focus,body.is-pc .m-twocoloumnsadvertisement .w-320 iframe:hover {
opacity: .5
}
body:not(.is-pc) .m-twocoloumnsadvertisement .w-320 iframe:active {
opacity: .5
}
.m-twocoloumnsadvertisement_banner {
flex: 1;
margin-left: 30px
}
.w-300+.m-twocoloumnsadvertisement_banner img {
height: 250px
}
.w-320+.m-twocoloumnsadvertisement_banner img {
height: 180px
}
.m-twocoloumnsadvertisement_adbadge {
margin-top: 10px
}
@media (max-width: 768px) {
.m-twocoloumnsadvertisement_adbadge {
width:300px
}
}
@media (max-width: 768px) {
.w-320 .m-twocoloumnsadvertisement_adbadge {
width:320px
}
}
.m-twocoloumnsadvertisement_adbadge .a-tag {
padding: 2px 5px;
border-radius: 0;
font-weight: 600
}
.m-videoarea {
display: flex;
padding: 15px;
background-color: #f7f6f2
}
@media (max-width: 768px) {
.m-videoarea {
flex-direction:column
}
}
@media (min-width: 769px) {
.m-videoarea {
flex-wrap:wrap;
align-items: flex-end;
padding: 30px 30px 28px 57px;
border-radius: 12px
}
}
@media (min-width: 769px) {
.m-videoarea-type2 {
align-items:normal
}
}
@media (min-width: 769px) {
.m-videoarea-type2 .m-videoarea_bannercontainer {
flex:0 0 314px
}
}
@media (max-width: 768px) {
.m-videoarea_thumb {
order:1
}
}
@media (min-width: 769px) {
.m-videoarea_thumb {
width:312px;
min-width: 121px
}
}
.m-videoarea-type2 .m-videoarea_thumb {
width: 100%;
min-width: auto;
margin: 0 auto
}
.m-videoarea-type2 .m-videoarea_contentcontainer {
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between
}
@media (max-width: 768px) {
.m-videoarea-type2 .m-videoarea_contentcontainer {
order:2
}
}
@media (min-width: 769px) {
.m-videoarea-type2 .m-videoarea_contentcontainer {
margin-left:32px
}
}
.m-videoarea_maincontent .m-videoarea_title {
margin-top: 0
}
.m-videoarea_subcontent {
margin-top: 13px
}
.m-videoarea-type2 .m-videoarea_description {
margin-top: 12px
}
@media (min-width: 769px) {
.m-videoarea-type2 .m-videoarea_description {
margin-top:16px
}
}
@media (max-width: 768px) {
.m-videoarea_caption {
order:2
}
}
@media (min-width: 769px) {
.m-videoarea_caption {
width:calc(100% - 312px);
padding-left: 31px
}
}
.m-videoarea_caption .a-caption {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-videoarea-type2 .m-videoarea_caption {
width:100%;
padding-left: 0
}
}
.m-videoarea-type2 .m-videoarea_caption .a-caption {
margin-top: 0
}
.m-videoarea_linkcontainer {
position: relative;
top: 10px;
left: 7px;
margin-top: 7px;
text-align: right
}
.m-videoarea_title {
width: 100%;
color: #414141;
font-weight: 600;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.m-videoarea_title {
margin-top:11px
}
}
@media (max-width: 768px) {
.m-videoarea_title {
order:0;
margin-bottom: 10px
}
}
@media (min-width: 769px) {
.m-videoarea-simple {
flex-direction:row-reverse;
align-items: center
}
}
.m-videoarea-simple .m-videoarea_title {
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
@media (min-width: 769px) {
.m-videoarea-simple .m-videoarea_title {
flex:1 1 0%;
margin: 0 100px 0 0;
font-size: 18px;
line-height: 1.27778;
letter-spacing: -.02222em
}
}
.m-walletinstallcontainer_main {
display: flex;
color: #1a1a1a
}
@media (max-width: 768px) {
.m-walletinstallcontainer_main {
align-items:center;
justify-content: space-between;
padding: 0 16px
}
}
@media (min-width: 769px) {
.m-walletinstallcontainer_main {
justify-content:space-around;
padding: 0 20px;
pointer-events: none
}
body.is-pc .m-walletinstallcontainer_main:focus,body.is-pc .m-walletinstallcontainer_main:hover {
opacity: 1!important
}
body:not(.is-pc) .m-walletinstallcontainer_main:active {
opacity: 1!important
}
}
@media (min-width: 769px) {
.m-walletinstallcontainer_main>.a-icon {
display:none
}
}
.m-walletinstallcontainer_aeonwallet {
display: flex;
align-items: center
}
.m-walletinstallcontainer_aeonwallet>.a-image {
width: auto;
margin-bottom: 0
}
.m-walletinstallcontainer_aeonwallet>.a-image img {
width: 88px
}
.m-walletinstallcontainer_aeonwallet>span {
margin-left: 12px;
font-weight: 600;
font-size: 16px;
line-height: 1.25
}
@media (max-width: 768px) {
.m-walletinstallcontainer_aeonwallet>span {
margin-left:10px
}
}
.m-walletinstallcontainer_qrcode {
display: flex;
align-items: center;
margin-left: 28px
}
@media (max-width: 768px) {
.m-walletinstallcontainer_qrcode {
display:none
}
}
.m-walletinstallcontainer_qrcode>.a-image {
width: auto
}
.m-walletinstallcontainer_qrcode>.a-image img {
width: 72px
}
.m-walletinstallcontainer_stores {
display: flex;
align-items: center;
margin-left: 38px
}
@media (max-width: 768px) {
.m-walletinstallcontainer_stores {
display:none
}
}
.m-walletinstallcontainer_appstore>span,.m-walletinstallcontainer_playstore>span {
font-size: 12px;
line-height: 1
}
.m-walletinstallcontainer_appstore>a,.m-walletinstallcontainer_playstore>a {
display: block;
pointer-events: all
}
.m-walletinstallcontainer_appstore .a-image img {
width: 125px;
height: 42px
}
.m-walletinstallcontainer_playstore {
margin-left: 24px
}
.m-walletinstallcontainer_playstore .a-image img {
width: 141px;
height: 42px
}
.m-walletinstallcontainer .a-caption {
margin-top: 32px
}
@media (max-width: 768px) {
.m-walletinstallcontainer .a-caption {
display:none
}
}
.o-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #fafafa;
border-top: 1px
}
.o-footer_information,.o-footer_links {
max-width: 1064px;
padding: 16px 32px;
margin: auto
}
@media (max-width: 768px) {
.o-footer_information {
padding:5px 16px 10px
}
}
.o-footer_links {
text-align: right
}
@media (max-width: 768px) {
.o-footer_links {
padding:16px 16px 2px
}
}
.o-footer_links .m-itemgroup {
display: block
}
.o-footer_links .m-itemgroup a,.o-footer_links .m-itemgroup span {
opacity: .75;
font-size: 11px;
line-height: 1.90909;
letter-spacing: -.02182em
}
.o-footer_links .m-itemgroup a {
color: #1a1a1a
}
@media (max-width: 768px) {
.o-footer_links .m-itemgroup a {
display:block
}
.o-footer_links .m-itemgroup a:not(:first-child) {
margin-right: 0
}
.o-footer_links .m-itemgroup a:nth-child(-n+2) {
display: inline-block
}
}
.o-footer .a-line {
width: calc(100% - 32px);
margin-top: 12px;
margin-bottom: 14px
}
@media (min-width: 769px) {
.o-footer .a-line {
display:none
}
}
.o-grid {
width: 100%
}
@media (min-width: 769px) {
.o-grid-onebannerflexend {
display:flex;
align-items: flex-end
}
}
@media (min-width: 769px) {
.o-grid-onebannerflexend .m-mtpptbnrpanel_body {
align-items:flex-end
}
}
.o-grid-hasborderbottom {
border-bottom: 1px solid #ebebeb
}
.o-grid_body {
display: flex;
flex-wrap: wrap;
width: 100%
}
.o-grid-directioncolumn>.o-grid_body {
display: block
}
@media (min-width: 769px) {
.o-grid-justify-pc-center>.o-grid_body {
justify-content:center
}
}
@media (max-width: 768px) {
.o-grid-justify-sp-center>.o-grid_body {
justify-content:center
}
}
@media (min-width: 769px) {
.o-grid-justify-pc-space-between>.o-grid_body {
justify-content:space-between
}
}
@media (max-width: 768px) {
.o-grid-justify-sp-space-between>.o-grid_body {
justify-content:space-between
}
}
@media (min-width: 769px) {
.o-grid-align-pc-space-between>.o-grid_body {
align-items:space-between
}
}
@media (min-width: 769px) {
.o-grid-align-pc-center>.o-grid_body {
align-items:center
}
}
@media (max-width: 768px) {
.o-grid-align-sp-center>.o-grid_body {
align-items:center
}
}
@media (min-width: 769px) {
.o-grid-align-pc-start>.o-grid_body {
align-items:flex-start
}
}
@media (min-width: 769px) {
.o-grid-align-pc-bottom>.o-grid_body {
align-items:flex-end
}
}
@media (max-width: 768px) {
.o-grid-align-sp-bottom>.o-grid_body {
align-items:flex-end
}
}
.o-grid_cell {
box-sizing: border-box;
display: flex
}
.o-grid_cell-center {
justify-content: center
}
.o-grid_cell-left {
justify-content: flex-start
}
.o-grid_cell-right {
justify-content: flex-end
}
.o-grid_cell-spacebetween {
justify-content: space-between
}
.o-grid_cell-alignselfstretch {
align-self: stretch
}
.o-grid_cell-block {
display: block
}
.o-grid_cell-displaycolumn {
flex-direction: column
}
@media (min-width: 769px) {
.o-grid_cell-hidepc {
display:none
}
}
@media (max-width: 768px) {
.o-grid_cell-hidesp {
display:none
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-1 {
width:8.33333%;
max-width: 8.33333%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-1 {
width:8.33333%;
max-width: 8.33333%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-2 {
width:16.66667%;
max-width: 16.66667%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-2 {
width:16.66667%;
max-width: 16.66667%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-3 {
width:25%;
max-width: 25%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-3 {
width:25%;
max-width: 25%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-4 {
width:33.33333%;
max-width: 33.33333%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-4 {
width:33.33333%;
max-width: 33.33333%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-5 {
width:41.66667%;
max-width: 41.66667%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-5 {
width:41.66667%;
max-width: 41.66667%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-6 {
width:50%;
max-width: 50%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-6 {
width:50%;
max-width: 50%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-7 {
width:58.33333%;
max-width: 58.33333%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-7 {
width:58.33333%;
max-width: 58.33333%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-8 {
width:66.66667%;
max-width: 66.66667%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-8 {
width:66.66667%;
max-width: 66.66667%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-9 {
width:75%;
max-width: 75%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-9 {
width:75%;
max-width: 75%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-10 {
width:83.33333%;
max-width: 83.33333%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-10 {
width:83.33333%;
max-width: 83.33333%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-11 {
width:91.66667%;
max-width: 91.66667%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-11 {
width:91.66667%;
max-width: 91.66667%
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-12 {
width:100%;
max-width: 100%
}
}
@media (max-width: 768px) {
.o-grid_cell-col-sp-12 {
width:100%;
max-width: 100%
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-1 {
order:1
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-1 {
order:1
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-2 {
order:2
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-2 {
order:2
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-3 {
order:3
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-3 {
order:3
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-4 {
order:4
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-4 {
order:4
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-5 {
order:5
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-5 {
order:5
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-6 {
order:6
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-6 {
order:6
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-7 {
order:7
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-7 {
order:7
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-8 {
order:8
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-8 {
order:8
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-9 {
order:9
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-9 {
order:9
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-10 {
order:10
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-10 {
order:10
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-11 {
order:11
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-11 {
order:11
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-12 {
order:12
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-12 {
order:12
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-13 {
order:13
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-13 {
order:13
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-14 {
order:14
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-14 {
order:14
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-15 {
order:15
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-15 {
order:15
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-16 {
order:16
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-16 {
order:16
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-17 {
order:17
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-17 {
order:17
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-18 {
order:18
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-18 {
order:18
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-19 {
order:19
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-19 {
order:19
}
}
@media (min-width: 769px) {
.o-grid_cell-order-pc-20 {
order:20
}
}
@media (max-width: 768px) {
.o-grid_cell-order-sp-20 {
order:20
}
}
@media (min-width: 769px) {
.o-grid_cell-col-pc-4.o-grid_cell-customwidth {
width:36.2%;
max-width: 36.2%
}
.o-grid_cell-col-pc-8.o-grid_cell-customwidth {
width: 63.8%;
max-width: 63.8%
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-5>.o-grid_body {
width:calc(100% + 5px);
margin-left: -5px
}
.o-grid-gutter-pc-h-5>.o-grid_body>.o-grid_cell {
padding-left: 5px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-5>.o-grid_body {
margin-top:-5px
}
.o-grid-gutter-pc-v-5>.o-grid_body>.o-grid_cell {
padding-top: 5px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-5>.o-grid_body {
width:calc(100% + 5px);
margin-left: -5px
}
.o-grid-gutter-sp-h-5>.o-grid_body>.o-grid_cell {
padding-left: 5px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-5>.o-grid_body {
margin-top:-5px
}
.o-grid-gutter-sp-v-5>.o-grid_body>.o-grid_cell {
padding-top: 5px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-10>.o-grid_body {
width:calc(100% + 10px);
margin-left: -10px
}
.o-grid-gutter-pc-h-10>.o-grid_body>.o-grid_cell {
padding-left: 10px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-10>.o-grid_body {
margin-top:-10px
}
.o-grid-gutter-pc-v-10>.o-grid_body>.o-grid_cell {
padding-top: 10px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-10>.o-grid_body {
width:calc(100% + 10px);
margin-left: -10px
}
.o-grid-gutter-sp-h-10>.o-grid_body>.o-grid_cell {
padding-left: 10px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-10>.o-grid_body {
margin-top:-10px
}
.o-grid-gutter-sp-v-10>.o-grid_body>.o-grid_cell {
padding-top: 10px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-15>.o-grid_body {
width:calc(100% + 15px);
margin-left: -15px
}
.o-grid-gutter-pc-h-15>.o-grid_body>.o-grid_cell {
padding-left: 15px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-15>.o-grid_body {
margin-top:-15px
}
.o-grid-gutter-pc-v-15>.o-grid_body>.o-grid_cell {
padding-top: 15px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-15>.o-grid_body {
width:calc(100% + 15px);
margin-left: -15px
}
.o-grid-gutter-sp-h-15>.o-grid_body>.o-grid_cell {
padding-left: 15px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-15>.o-grid_body {
margin-top:-15px
}
.o-grid-gutter-sp-v-15>.o-grid_body>.o-grid_cell {
padding-top: 15px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-20>.o-grid_body {
width:calc(100% + 20px);
margin-left: -20px
}
.o-grid-gutter-pc-h-20>.o-grid_body>.o-grid_cell {
padding-left: 20px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-20>.o-grid_body {
margin-top:-20px
}
.o-grid-gutter-pc-v-20>.o-grid_body>.o-grid_cell {
padding-top: 20px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-20>.o-grid_body {
width:calc(100% + 20px);
margin-left: -20px
}
.o-grid-gutter-sp-h-20>.o-grid_body>.o-grid_cell {
padding-left: 20px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-20>.o-grid_body {
margin-top:-20px
}
.o-grid-gutter-sp-v-20>.o-grid_body>.o-grid_cell {
padding-top: 20px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-25>.o-grid_body {
width:calc(100% + 25px);
margin-left: -25px
}
.o-grid-gutter-pc-h-25>.o-grid_body>.o-grid_cell {
padding-left: 25px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-25>.o-grid_body {
margin-top:-25px
}
.o-grid-gutter-pc-v-25>.o-grid_body>.o-grid_cell {
padding-top: 25px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-25>.o-grid_body {
width:calc(100% + 25px);
margin-left: -25px
}
.o-grid-gutter-sp-h-25>.o-grid_body>.o-grid_cell {
padding-left: 25px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-25>.o-grid_body {
margin-top:-25px
}
.o-grid-gutter-sp-v-25>.o-grid_body>.o-grid_cell {
padding-top: 25px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-30>.o-grid_body {
width:calc(100% + 30px);
margin-left: -30px
}
.o-grid-gutter-pc-h-30>.o-grid_body>.o-grid_cell {
padding-left: 30px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-30>.o-grid_body {
margin-top:-30px
}
.o-grid-gutter-pc-v-30>.o-grid_body>.o-grid_cell {
padding-top: 30px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-30>.o-grid_body {
width:calc(100% + 30px);
margin-left: -30px
}
.o-grid-gutter-sp-h-30>.o-grid_body>.o-grid_cell {
padding-left: 30px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-30>.o-grid_body {
margin-top:-30px
}
.o-grid-gutter-sp-v-30>.o-grid_body>.o-grid_cell {
padding-top: 30px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-35>.o-grid_body {
width:calc(100% + 35px);
margin-left: -35px
}
.o-grid-gutter-pc-h-35>.o-grid_body>.o-grid_cell {
padding-left: 35px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-35>.o-grid_body {
margin-top:-35px
}
.o-grid-gutter-pc-v-35>.o-grid_body>.o-grid_cell {
padding-top: 35px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-35>.o-grid_body {
width:calc(100% + 35px);
margin-left: -35px
}
.o-grid-gutter-sp-h-35>.o-grid_body>.o-grid_cell {
padding-left: 35px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-35>.o-grid_body {
margin-top:-35px
}
.o-grid-gutter-sp-v-35>.o-grid_body>.o-grid_cell {
padding-top: 35px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-40>.o-grid_body {
width:calc(100% + 40px);
margin-left: -40px
}
.o-grid-gutter-pc-h-40>.o-grid_body>.o-grid_cell {
padding-left: 40px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-40>.o-grid_body {
margin-top:-40px
}
.o-grid-gutter-pc-v-40>.o-grid_body>.o-grid_cell {
padding-top: 40px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-40>.o-grid_body {
width:calc(100% + 40px);
margin-left: -40px
}
.o-grid-gutter-sp-h-40>.o-grid_body>.o-grid_cell {
padding-left: 40px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-40>.o-grid_body {
margin-top:-40px
}
.o-grid-gutter-sp-v-40>.o-grid_body>.o-grid_cell {
padding-top: 40px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-45>.o-grid_body {
width:calc(100% + 45px);
margin-left: -45px
}
.o-grid-gutter-pc-h-45>.o-grid_body>.o-grid_cell {
padding-left: 45px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-45>.o-grid_body {
margin-top:-45px
}
.o-grid-gutter-pc-v-45>.o-grid_body>.o-grid_cell {
padding-top: 45px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-45>.o-grid_body {
width:calc(100% + 45px);
margin-left: -45px
}
.o-grid-gutter-sp-h-45>.o-grid_body>.o-grid_cell {
padding-left: 45px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-45>.o-grid_body {
margin-top:-45px
}
.o-grid-gutter-sp-v-45>.o-grid_body>.o-grid_cell {
padding-top: 45px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-50>.o-grid_body {
width:calc(100% + 50px);
margin-left: -50px
}
.o-grid-gutter-pc-h-50>.o-grid_body>.o-grid_cell {
padding-left: 50px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-50>.o-grid_body {
margin-top:-50px
}
.o-grid-gutter-pc-v-50>.o-grid_body>.o-grid_cell {
padding-top: 50px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-50>.o-grid_body {
width:calc(100% + 50px);
margin-left: -50px
}
.o-grid-gutter-sp-h-50>.o-grid_body>.o-grid_cell {
padding-left: 50px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-50>.o-grid_body {
margin-top:-50px
}
.o-grid-gutter-sp-v-50>.o-grid_body>.o-grid_cell {
padding-top: 50px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-55>.o-grid_body {
width:calc(100% + 55px);
margin-left: -55px
}
.o-grid-gutter-pc-h-55>.o-grid_body>.o-grid_cell {
padding-left: 55px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-55>.o-grid_body {
margin-top:-55px
}
.o-grid-gutter-pc-v-55>.o-grid_body>.o-grid_cell {
padding-top: 55px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-55>.o-grid_body {
width:calc(100% + 55px);
margin-left: -55px
}
.o-grid-gutter-sp-h-55>.o-grid_body>.o-grid_cell {
padding-left: 55px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-55>.o-grid_body {
margin-top:-55px
}
.o-grid-gutter-sp-v-55>.o-grid_body>.o-grid_cell {
padding-top: 55px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-60>.o-grid_body {
width:calc(100% + 60px);
margin-left: -60px
}
.o-grid-gutter-pc-h-60>.o-grid_body>.o-grid_cell {
padding-left: 60px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-60>.o-grid_body {
margin-top:-60px
}
.o-grid-gutter-pc-v-60>.o-grid_body>.o-grid_cell {
padding-top: 60px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-60>.o-grid_body {
width:calc(100% + 60px);
margin-left: -60px
}
.o-grid-gutter-sp-h-60>.o-grid_body>.o-grid_cell {
padding-left: 60px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-60>.o-grid_body {
margin-top:-60px
}
.o-grid-gutter-sp-v-60>.o-grid_body>.o-grid_cell {
padding-top: 60px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-65>.o-grid_body {
width:calc(100% + 65px);
margin-left: -65px
}
.o-grid-gutter-pc-h-65>.o-grid_body>.o-grid_cell {
padding-left: 65px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-65>.o-grid_body {
margin-top:-65px
}
.o-grid-gutter-pc-v-65>.o-grid_body>.o-grid_cell {
padding-top: 65px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-65>.o-grid_body {
width:calc(100% + 65px);
margin-left: -65px
}
.o-grid-gutter-sp-h-65>.o-grid_body>.o-grid_cell {
padding-left: 65px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-65>.o-grid_body {
margin-top:-65px
}
.o-grid-gutter-sp-v-65>.o-grid_body>.o-grid_cell {
padding-top: 65px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-70>.o-grid_body {
width:calc(100% + 70px);
margin-left: -70px
}
.o-grid-gutter-pc-h-70>.o-grid_body>.o-grid_cell {
padding-left: 70px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-70>.o-grid_body {
margin-top:-70px
}
.o-grid-gutter-pc-v-70>.o-grid_body>.o-grid_cell {
padding-top: 70px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-70>.o-grid_body {
width:calc(100% + 70px);
margin-left: -70px
}
.o-grid-gutter-sp-h-70>.o-grid_body>.o-grid_cell {
padding-left: 70px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-70>.o-grid_body {
margin-top:-70px
}
.o-grid-gutter-sp-v-70>.o-grid_body>.o-grid_cell {
padding-top: 70px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-75>.o-grid_body {
width:calc(100% + 75px);
margin-left: -75px
}
.o-grid-gutter-pc-h-75>.o-grid_body>.o-grid_cell {
padding-left: 75px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-75>.o-grid_body {
margin-top:-75px
}
.o-grid-gutter-pc-v-75>.o-grid_body>.o-grid_cell {
padding-top: 75px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-75>.o-grid_body {
width:calc(100% + 75px);
margin-left: -75px
}
.o-grid-gutter-sp-h-75>.o-grid_body>.o-grid_cell {
padding-left: 75px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-75>.o-grid_body {
margin-top:-75px
}
.o-grid-gutter-sp-v-75>.o-grid_body>.o-grid_cell {
padding-top: 75px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-80>.o-grid_body {
width:calc(100% + 80px);
margin-left: -80px
}
.o-grid-gutter-pc-h-80>.o-grid_body>.o-grid_cell {
padding-left: 80px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-80>.o-grid_body {
margin-top:-80px
}
.o-grid-gutter-pc-v-80>.o-grid_body>.o-grid_cell {
padding-top: 80px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-80>.o-grid_body {
width:calc(100% + 80px);
margin-left: -80px
}
.o-grid-gutter-sp-h-80>.o-grid_body>.o-grid_cell {
padding-left: 80px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-80>.o-grid_body {
margin-top:-80px
}
.o-grid-gutter-sp-v-80>.o-grid_body>.o-grid_cell {
padding-top: 80px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-85>.o-grid_body {
width:calc(100% + 85px);
margin-left: -85px
}
.o-grid-gutter-pc-h-85>.o-grid_body>.o-grid_cell {
padding-left: 85px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-85>.o-grid_body {
margin-top:-85px
}
.o-grid-gutter-pc-v-85>.o-grid_body>.o-grid_cell {
padding-top: 85px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-85>.o-grid_body {
width:calc(100% + 85px);
margin-left: -85px
}
.o-grid-gutter-sp-h-85>.o-grid_body>.o-grid_cell {
padding-left: 85px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-85>.o-grid_body {
margin-top:-85px
}
.o-grid-gutter-sp-v-85>.o-grid_body>.o-grid_cell {
padding-top: 85px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-90>.o-grid_body {
width:calc(100% + 90px);
margin-left: -90px
}
.o-grid-gutter-pc-h-90>.o-grid_body>.o-grid_cell {
padding-left: 90px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-90>.o-grid_body {
margin-top:-90px
}
.o-grid-gutter-pc-v-90>.o-grid_body>.o-grid_cell {
padding-top: 90px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-90>.o-grid_body {
width:calc(100% + 90px);
margin-left: -90px
}
.o-grid-gutter-sp-h-90>.o-grid_body>.o-grid_cell {
padding-left: 90px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-90>.o-grid_body {
margin-top:-90px
}
.o-grid-gutter-sp-v-90>.o-grid_body>.o-grid_cell {
padding-top: 90px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-95>.o-grid_body {
width:calc(100% + 95px);
margin-left: -95px
}
.o-grid-gutter-pc-h-95>.o-grid_body>.o-grid_cell {
padding-left: 95px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-95>.o-grid_body {
margin-top:-95px
}
.o-grid-gutter-pc-v-95>.o-grid_body>.o-grid_cell {
padding-top: 95px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-95>.o-grid_body {
width:calc(100% + 95px);
margin-left: -95px
}
.o-grid-gutter-sp-h-95>.o-grid_body>.o-grid_cell {
padding-left: 95px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-95>.o-grid_body {
margin-top:-95px
}
.o-grid-gutter-sp-v-95>.o-grid_body>.o-grid_cell {
padding-top: 95px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-h-100>.o-grid_body {
width:calc(100% + 100px);
margin-left: -100px
}
.o-grid-gutter-pc-h-100>.o-grid_body>.o-grid_cell {
padding-left: 100px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-100>.o-grid_body {
margin-top:-100px
}
.o-grid-gutter-pc-v-100>.o-grid_body>.o-grid_cell {
padding-top: 100px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-h-100>.o-grid_body {
width:calc(100% + 100px);
margin-left: -100px
}
.o-grid-gutter-sp-h-100>.o-grid_body>.o-grid_cell {
padding-left: 100px
}
}
@media (max-width: 768px) {
.o-grid-gutter-sp-v-100>.o-grid_body {
margin-top:-100px
}
.o-grid-gutter-sp-v-100>.o-grid_body>.o-grid_cell {
padding-top: 100px
}
}
@media (min-width: 769px) {
.o-grid-gutter-pc-v-28>.o-grid_body {
margin-top:-28px
}
.o-grid-gutter-pc-v-28>.o-grid_body>.o-grid_cell {
padding-top: 28px
}
}
.o-grid .a-textbanner,.o-header {
width: 100%
}
.o-header {
position: relative;
box-sizing: border-box;
border-bottom: 1px solid #f0f0f0
}
@media (min-width: 769px) {
.o-header {
border-top:3px solid #b60081
}
}
.p-opentop2 .o-header>h1 {
font-weight: 300
}
.o-header_wrapper {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
max-width: 1064px;
margin: 0 auto
}
@media (min-width: 769px) {
.o-header_wrapper {
height:72px;
padding: 0 32px
}
}
@media (max-width: 768px) {
.o-header_wrapper {
height:50px;
padding: 0 16px
}
}
.o-header_logo {
position: absolute;
top: 50%;
left: 50%;
width: 168px;
transform: translate(-50%,-50%)
}
@media (max-width: 768px) {
.o-header_logo {
left:16px;
width: 147px;
transform: translateY(-50%)
}
}
.o-header_icon {
display: flex
}
@media (max-width: 768px) {
.o-header_icon {
margin-right:10px
}
}
.o-header_icon>.m-headericon:first-child {
margin-right: 16px
}
.o-header-attop .o-header_icon>.m-headericon:first-child {
display: none
}
@media (min-width: 769px) {
.o-header_icon>.m-headericon:first-child {
display:none
}
}
.o-header_icon>.m-headericon:nth-child(2) {
margin-right: 9px
}
.o-header-top .o-header_icon>.m-headericon:first-child {
display: none
}
.o-header_iconhome {
margin-right: 16px
}
@media (min-width: 769px) {
.o-header_iconhome {
display:none
}
}
.o-header-attop .o-header_iconhome {
display: none
}
.o-header .o-notification {
position: absolute;
top: 60px;
right: 35px;
z-index: 3
}
@media (max-width: 768px) {
.o-header .o-notification {
top:70px;
right: auto;
left: auto;
width: 92%;
max-width: 345px;
margin: 0 auto
}
}
.o-header_cardswitchercontainer {
position: relative;
z-index: 2;
max-width: 1064px;
margin: 0 auto
}
@media (max-width: 768px) {
.o-header_cardswitchercontainer {
padding:0 16px
}
}
@media (min-width: 769px) and (max-width:1023px) {
.o-header_cardswitchercontainer {
width:820px
}
}
@media (min-width: 769px) and (min-width:1024px) and (max-width:1204px) {
.o-header_cardswitchercontainer {
width:calc(100vw - 204px)
}
}
.o-header_cardswitchercontainer>.a-cardpulldown {
position: absolute;
transform: translateY(100%)
}
@media (max-width: 768px) {
.o-header_cardswitchercontainer>.a-cardpulldown {
right:16px;
bottom: -20px;
width: calc(100% - 32px)
}
}
@media (min-width: 769px) {
.o-header_cardswitchercontainer>.a-cardpulldown {
right:32px;
bottom: -21px;
width: calc((100% - 32px)/3)
}
}
@media (min-width: 769px) and (max-width:1204px) {
.o-header_cardswitchercontainer>.a-cardpulldown {
right:0;
width: calc(33.33333% + 8px)
}
}
.o-header-copyright1.o-header-withcardswitcher+.o-main {
margin-top: 14px
}
@media (min-width: 769px) {
.o-header-copyright1.o-header-withcardswitcher+.o-main .o-section-nomainpaddingtop {
margin-top:-74px;
border-top-width: 78px
}
}
@media (max-width: 768px) {
.o-header-copyright1.o-header-withcardswitcher+.o-main .o-section-nomainpaddingtop:first-child {
padding-top:106px!important;
margin-top: -14px!important
}
}
@media (max-width: 768px) {
.o-header-copyright1.o-header-withcardswitcher+.o-main>.m-heading-typeh1 {
padding-top:92px;
margin-top: -14px
}
}
@media (min-width: 769px) {
.o-header-copyright1.o-header-withcardswitcher+.o-main .o-section-gray .m-heading-typeh1 {
margin-top:-32px
}
}
@media (min-width: 769px) {
.o-header-copyright1.o-header-withcardswitcher+.o-main .m-heading-typeh1 {
margin-top:-3px
}
}
.t-general-mtp .o-header-copyright1.o-header-withcardswitcher+.o-main .m-infobannercontainer {
min-height: 65px
}
@media (max-width: 768px) {
.t-general-mtp .o-header-copyright1.o-header-withcardswitcher+.o-main .m-infobannercontainer {
min-height:100%;
margin-bottom: 0
}
.t-general-mtp .o-header-copyright1.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer {
margin-bottom: 20px
}
}
.o-header-copyright1.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer-small.m-alertcontainer-singleitem {
margin-bottom: 22px
}
@media (max-width: 768px) {
.o-header-copyright1.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer-small.m-alertcontainer-singleitem {
margin-bottom:20px
}
}
.o-header-copyright2.o-header-withcardswitcher+.o-main {
margin-top: 29px
}
@media (min-width: 769px) {
.o-header-copyright2.o-header-withcardswitcher+.o-main .o-section-nomainpaddingtop {
margin-top:-89px;
border-top-width: 93px
}
}
@media (max-width: 768px) {
.o-header-copyright2.o-header-withcardswitcher+.o-main .o-section-nomainpaddingtop:first-child {
padding-top:121px!important;
margin-top: -29px!important
}
}
@media (max-width: 768px) {
.o-header-copyright2.o-header-withcardswitcher+.o-main>.m-heading-typeh1 {
padding-top:107px;
margin-top: -29px
}
}
@media (min-width: 769px) {
.o-header-copyright2.o-header-withcardswitcher+.o-main .o-section-gray .m-heading-typeh1 {
margin-top:-32px
}
}
@media (min-width: 769px) {
.o-header-copyright2.o-header-withcardswitcher+.o-main .m-heading-typeh1 {
margin-top:-3px
}
}
.t-general-mtp .o-header-copyright2.o-header-withcardswitcher+.o-main .m-infobannercontainer {
min-height: 80px
}
@media (max-width: 768px) {
.t-general-mtp .o-header-copyright2.o-header-withcardswitcher+.o-main .m-infobannercontainer {
min-height:100%;
margin-bottom: 0
}
.t-general-mtp .o-header-copyright2.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer {
margin-bottom: 20px
}
}
.o-header-copyright2.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer-small.m-alertcontainer-singleitem {
margin-bottom: 37px
}
@media (max-width: 768px) {
.o-header-copyright2.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer-small.m-alertcontainer-singleitem {
margin-bottom:20px
}
}
.o-header-copyright3.o-header-withcardswitcher+.o-main {
margin-top: 44px
}
@media (min-width: 769px) {
.o-header-copyright3.o-header-withcardswitcher+.o-main .o-section-nomainpaddingtop {
margin-top:-104px;
border-top-width: 108px
}
}
@media (max-width: 768px) {
.o-header-copyright3.o-header-withcardswitcher+.o-main .o-section-nomainpaddingtop:first-child {
padding-top:136px!important;
margin-top: -44px!important
}
}
@media (max-width: 768px) {
.o-header-copyright3.o-header-withcardswitcher+.o-main>.m-heading-typeh1 {
padding-top:122px;
margin-top: -44px
}
}
@media (min-width: 769px) {
.o-header-copyright3.o-header-withcardswitcher+.o-main .o-section-gray .m-heading-typeh1 {
margin-top:-32px
}
}
@media (min-width: 769px) {
.o-header-copyright3.o-header-withcardswitcher+.o-main .m-heading-typeh1 {
margin-top:-3px
}
}
.t-general-mtp .o-header-copyright3.o-header-withcardswitcher+.o-main .m-infobannercontainer {
min-height: 95px
}
@media (max-width: 768px) {
.t-general-mtp .o-header-copyright3.o-header-withcardswitcher+.o-main .m-infobannercontainer {
min-height:100%;
margin-bottom: 0
}
.t-general-mtp .o-header-copyright3.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer {
margin-bottom: 20px
}
}
.o-header-copyright3.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer-small.m-alertcontainer-singleitem {
margin-bottom: 52px
}
@media (max-width: 768px) {
.o-header-copyright3.o-header-withcardswitcher+.o-main .m-infobannercontainer .m-alertcontainer-small.m-alertcontainer-singleitem {
margin-bottom:20px
}
}
.o-helpmodal {
display: inline-block
}
.o-helpmodal_btnquestion {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
cursor: pointer;
background-color: #f6deef;
border-radius: 50%
}
.o-helpmodal_btnquestion .a-icon {
width: 16px;
height: 16px
}
.m-fieldrow .o-helpmodal_btnquestion {
margin: -3px 0
}
.o-infomodal {
display: flex
}
.o-infomodal_btn {
padding: 0;
margin-left: 5px;
background-color: transparent;
border: none
}
.o-infomodal_btn .a-icon {
width: 22px;
height: 22px
}
.o-initialsearch {
margin-bottom: 20px
}
@media (min-width: 769px) {
.o-initialsearch {
margin-bottom:36px
}
}
.o-initialsearch_heading {
display: flex;
padding-bottom: 20px
}
.o-initialsearch_heading .m-heading-typeh3 {
margin-top: 5px;
margin-left: 11px
}
.o-initialsearch_container {
padding: 30px 16px 32px;
background-color: #f7f7f7
}
@media (max-width: 768px) {
.o-initialsearch_container {
width:100vw;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-initialsearch_container {
padding:30px 35px 20px
}
}
.o-initialsearch_section {
list-style: none
}
@media (max-width: 768px) {
.o-initialsearch_section {
position:relative;
margin: 0 auto
}
.o-initialsearch_section:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
content: "";
background-color: #ebebeb
}
}
@media (min-width: 769px) {
.o-initialsearch_section {
margin-bottom:32px
}
}
@media (min-width: 769px) {
.o-initialsearch_section:last-child {
margin-bottom:0
}
}
.o-initialsearch_section:last-child:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
content: "";
background-color: #ebebeb
}
.o-initialsearch_sectionheading {
display: flex;
align-items: center;
justify-content: space-between;
padding: 28px 0;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600
}
@media (max-width: 768px) {
.o-initialsearch_sectionheading {
margin:0 auto;
cursor: pointer
}
}
@media (min-width: 769px) {
.o-initialsearch_sectionheading {
padding:0 0 20px;
pointer-events: none
}
}
@media (min-width: 769px) and (max-width:1123px) {
.o-initialsearch_sectionheading {
padding:0 0 30px
}
}
.o-initialsearch_groups {
display: flex;
flex-direction: column
}
@media (max-width: 768px) {
.o-initialsearch_groups {
display:none
}
}
@media (min-width: 769px) {
.o-initialsearch_groups {
flex-direction:row;
margin-left: -17px
}
}
@media (min-width: 769px) and (max-width:1123px) {
.o-initialsearch_groups {
margin-left:auto
}
}
@media (max-width: 768px) {
.o-initialsearch_sectionheading-expanded+.o-initialsearch_groups {
display:block;
width: 360px;
padding-bottom: 16px;
margin: 0 auto
}
}
.o-initialsearch_group {
display: flex;
flex-wrap: wrap;
width: calc(100% + 20px);
width: 360px
}
@media (max-width: 768px) {
.o-initialsearch_group {
margin:0 auto 0 -17px
}
}
@media (min-width: 769px) {
.o-initialsearch_group {
width:425px;
margin-left: -17px
}
}
@media (min-width: 769px) {
.o-initialsearch_group:first-child {
margin-right:60px
}
}
.o-initialsearch_item {
width: 55px;
height: 38px;
margin: 0 0 12px 17px;
text-align: center;
list-style: none
}
@media (min-width: 769px) {
.o-initialsearch_item {
margin:0 0 16px 30px
}
}
@media (min-width: 769px) and (max-width:1123px) {
.o-initialsearch_item {
margin:0 0 16px 17px
}
}
.o-initialsearch_item .a-anchorlink {
min-height: 38px;
padding: 0;
border: 0;
box-shadow: 0 2px 10px hsla(0,0%,56.9%,.2)
}
.o-initialsearch_item-disabled .a-anchorlink {
color: #fff;
pointer-events: none;
background-color: #ebebeb
}
.o-initialsearch_toggleindicator {
background-color: transparent;
border: 0;
transform: translateX(13px)
}
@media (min-width: 769px) {
.o-initialsearch_toggleindicator {
display:none
}
}
.o-initialsearch .a-caption {
margin-top: 24px
}
@media (min-width: 769px) {
.o-initialsearch .a-caption {
margin-top:20px
}
}
@media (min-width: 769px) {
.o-installmentsimulation {
max-width:654px;
margin: 0 auto
}
}
.o-installmentsimulation_heading {
position: relative;
display: flex;
align-items: center;
padding: 20px 15px 10px;
background-color: #f9f8f3;
border: solid #f0f0f0;
border-width: 1px 1px 0;
border-radius: 12px 12px 0 0
}
@media (min-width: 769px) {
.o-installmentsimulation_heading {
border-width:1px
}
}
.o-installmentsimulation_heading:after {
position: absolute;
bottom: 0;
left: 15px;
display: block;
width: calc(100% - 30px);
height: 1px;
content: "";
background-color: #f0f0f0
}
@media (min-width: 769px) {
.o-installmentsimulation_heading:after {
content:none
}
}
@media (min-width: 769px) {
.o-installmentsimulation_heading {
padding:15px;
border-radius: 0
}
}
.o-installmentsimulation_main {
display: flex;
width: 100%
}
.o-installmentsimulation_icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background-color: #fff;
border-radius: 50%
}
.o-installmentsimulation_icon .a-icon {
width: 20px;
height: 18px
}
.o-installmentsimulation_title {
display: inline-block;
margin-left: 10px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.00562em;
font-weight: 600
}
.o-installmentsimulation_item .a-textfield_unit {
flex: 0 0 24px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.00562em
}
.o-installmentsimulation_formcontainer {
padding: 20px 15px 30px;
background-color: #f9f8f3;
border: 1px solid #f0f0f0;
border-top: 0 solid #f0f0f0;
border-radius: 0 0 12px 12px
}
@media (min-width: 769px) {
.o-installmentsimulation_formcontainer {
padding:20px 56px 20px 91px;
border-radius: 0
}
}
.o-installmentsimulation_formwrapper .a-cardnumberfield_input,.o-installmentsimulation_formwrapper .a-customernumberfield_input,.o-installmentsimulation_formwrapper .a-textfield_input {
font-size: 18px;
line-height: 1.22222;
letter-spacing: -.01222em
}
@media (min-width: 769px) {
.o-installmentsimulation_formwrapper {
max-width:313px
}
}
.o-installmentsimulation_separator {
margin: 20px 0;
text-align: center
}
.o-installmentsimulation_separator .a-icon {
width: 40px;
height: 40px
}
.o-installmentsimulation_detail .a-textprice {
position: relative;
top: 4px;
line-height: 29px;
font-size: 14px;
letter-spacing: -.01571em
}
.o-installmentsimulation_item-hasvalue .o-installmentsimulation_detail .a-textprice {
top: 0;
font-size: 24px;
letter-spacing: -.00917em
}
.o-installmentsimulation_detail .a-textprice small {
font-weight: 300
}
.o-installmentsimulation .m-table {
margin-top: 12px
}
.o-installmentsimulation_paymentinfo {
position: relative;
margin-top: 30px;
border: 6px solid #f0f0f1
}
.o-installmentsimulation_errormessage {
position: absolute;
right: 10px;
bottom: 100%;
display: none;
padding: 3px 6px;
color: #fff;
background-color: #eb0015;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(0,0,0,.1);
transform: translateY(9px);
font-size: 12px;
line-height: 1.5;
letter-spacing: -.01833em;
font-weight: 600
}
.o-installmentsimulation_paymentinfo-error .o-installmentsimulation_errormessage {
display: block
}
.o-installmentsimulation_paymentitem {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0 20px;
margin: 0 24px
}
.o-installmentsimulation_paymentitem-initial {
border-bottom: 1px solid #f0f0f1
}
.o-installmentsimulation_remainingpaymentamount {
display: block;
margin-top: 5px;
text-align: right
}
.o-installmentsimulation_paymenttitle {
font-size: 16px;
line-height: 1.6875;
letter-spacing: 0
}
.o-installmentsimulation .a-textprice {
text-align: right
}
.o-installmentsimulation .m-fieldrow {
padding: 0
}
.o-installmentsimulation .m-fieldrow:not(.m-fieldrow-vertical) .m-fieldrow_header {
position: static;
max-width: 100%
}
.o-installmentsimulation .m-fieldrow_main {
margin-top: 10px
}
.o-installmentsimulation .m-fieldrow .a-fielderror {
width: auto
}
.o-list:not(:last-child) {
margin-bottom: 20px
}
.o-list>.m-listitem-topbanner {
position: relative
}
@media (min-width: 769px) {
.o-list>.m-listitem-topbanner:nth-child(odd):not(:last-child):after {
position:absolute;
top: 15px;
right: -40px;
bottom: 15px;
width: 1px;
content: "";
background-image: linear-gradient(180deg,transparent,transparent 50%,#ebebeb 50.001%,#ebebeb);
background-repeat: repeat-y;
background-size: 1px 2px
}
}
.o-list-noboader>.m-listitem {
border: 0
}
.o-list-banner {
padding: 4px 15px;
background-color: #fff;
border: 0;
border-radius: 8px
}
@media (min-width: 769px) {
.o-list-banner {
width:calc(100% - 112px);
margin-right: auto;
margin-left: auto
}
}
.o-list-banner>.m-listitem {
border: 0
}
@media (min-width: 769px) {
.o-list-pcbox {
border-top:0
}
}
.o-list-pcbox>.m-listitem {
background-color: #fff
}
@media (min-width: 769px) {
.o-list-pcbox>.m-listitem {
padding:12px 22px;
border: 1px solid #f0f0f0;
border-radius: 12px
}
.o-list-pcbox>.m-listitem+.m-listitem {
margin-top: 21px
}
}
.o-list-pcbox .m-listitem_accordion {
padding-top: 16px;
border-top: 1px dotted #ebebeb
}
.o-list-fiftyperitem {
width: 100%
}
@media (min-width: 769px) {
.o-list-fiftyperitem {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 1px;
border-top: 0
}
}
@media (min-width: 769px) {
.o-list-fiftyperitem .m-listitem {
width:calc(50% - 15px);
margin-top: -1px;
border-color: #f0f0f0;
border-style: solid;
border-width: 1px 0
}
}
@media (min-width: 769px) {
.o-list-fiftyperitem .m-listitem-topbanner {
width:calc(50% - 40px)
}
}
.o-list-applysteps {
display: flex;
padding: 0 40px;
border: 2px solid #fff;
border-radius: 12px
}
@media (max-width: 768px) {
.o-list-applysteps {
display:block;
padding: 0 28px
}
}
.o-list-applysteps>.m-listitem {
border: 0
}
@media (min-width: 769px) {
.o-list-applysteps>.m-listitem+.m-listitem {
margin-left:30px
}
}
@media (max-width: 768px) {
.o-list-applysteps>.m-listitem+.m-listitem {
border-top:1px dotted #fff
}
}
@media (min-width: 769px) {
.o-list-pointservices {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: 0
}
.o-list-pointservices:after {
display: block;
width: 31%;
content: ""
}
}
.o-list-pointservices>.m-listitem {
background-color: #fff
}
.o-list-pointservices>.m-listitem:not(.o-list-noborder) .m-listitem_thumb {
padding: 10px 0
}
@media (min-width: 769px) {
.o-list-pointservices>.m-listitem:nth-child(n+4) {
margin-top:30px
}
}
.o-list-pointservices>.m-listitem .m-listitem_thumb_image {
margin-right: 4px
}
.o-list-pointservices>.m-listitem .m-listitem_thumb_image>.a-image {
width: 56px;
height: 56px
}
.o-list-pointservices>.m-listitem .m-listitem_thumb_main {
align-self: center
}
.o-list-pointservices>.m-listitem .m-listitem_thumb_title {
margin-top: 0;
font-size: 14px;
line-height: 1.35714;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.o-list-pointservices>.m-listitem {
width:31%;
padding: 12px 22px;
border: 1px solid #f0f0f0;
border-radius: 12px
}
}
@media (min-width: 769px) {
.o-list-pointservices .m-listitem_accordion {
padding-top:24px;
border-top: 1px dotted #f0f0f0
}
}
@media (min-width: 769px) {
.o-list-pointservices .m-listitem_accordion_body {
padding:0;
margin: 0;
background: none
}
}
.o-list-itembordered .m-listitem {
padding: 15px 15px 8px;
border: 1px solid #ebebeb;
border-radius: 4px
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem {
padding:42px 58px 32px 55px;
border-radius: 8px
}
}
.o-list-itembordered .m-listitem .m-listitem_thumb {
padding: 0
}
.o-list-itembordered .m-listitem+.m-listitem {
margin-top: 20px
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem+.m-listitem {
margin-top:30px
}
}
@media (max-width: 768px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb {
display:block
}
}
.o-list-itembordered .m-listitem-point .m-listitem_thumb_index {
padding: 12px 26px 12px 15px;
margin-right: 0;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_index {
align-self:center;
padding: 0;
margin-right: 58px
}
}
@media (max-width: 768px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_index {
display:block;
float: left
}
}
.o-list-itembordered .m-listitem-point .m-listitem_thumb_index>small {
font-size: 9px;
line-height: 1;
letter-spacing: -.03333em
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_index>small {
font-size:12px;
line-height: 1;
letter-spacing: .09083em
}
}
.o-list-itembordered .m-listitem-point .m-listitem_thumb_index>div {
margin-top: 3px;
font-size: 22px;
line-height: 1;
letter-spacing: -.02227em
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_index>div {
margin:4px 4px 0 0;
font-size: 36px;
line-height: 1;
letter-spacing: -.02222em
}
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_main {
padding-left:56px;
border-left: 1px solid #f0f0f0
}
}
@media (max-width: 768px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_title {
display:flex;
align-items: center;
min-height: 58px;
padding: 12px 0 14px 12px;
margin: 0;
border-left: 1px solid #f0f0f0
}
}
@media (max-width: 768px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_summary {
clear:both
}
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_summary .m-smallarticle_image {
width:253px;
min-width: 253px
}
}
@media (max-width: 768px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_summary .m-smallarticle_image {
margin-bottom:15px
}
}
.o-list-itembordered .m-listitem-point .m-listitem_thumb_summary .m-smallarticle_link {
margin-top: 16px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.o-list-itembordered .m-listitem-point .m-listitem_thumb_summary .m-smallarticle_link {
padding-top:14px;
margin-top: 21px
}
}
.o-list-itembordered .m-listitem-point .m-listitem_thumb_summary .m-smallarticle_link .a-textlink:not(:first-child) {
margin-top: -5px
}
.o-list-steps {
border: 0
}
.o-list-steps .m-listitem+.m-listitem {
position: relative;
margin-top: 40px
}
@media (max-width: 768px) {
.o-list-steps .m-listitem+.m-listitem {
margin-top:32px
}
}
.o-list-steps .m-listitem+.m-listitem:before {
position: absolute;
top: -40px;
left: calc(50% - 20px);
width: 40px;
height: 40px;
content: "";
background-image: url(/-/media/aeoncard/assets/images/common/obj-caret-down.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
@media (max-width: 768px) {
.o-list-steps .m-listitem+.m-listitem:before {
top:-26px;
left: calc(50% - 10px);
width: 20px;
height: 20px
}
}
.o-list-stepssimple {
border: 0
}
@media (min-width: 769px) {
.o-list-stepssimple {
display:flex;
flex-wrap: wrap
}
}
.o-list-stepssimple>.m-listitem.m-listitem-step {
position: relative;
border-radius: 4px
}
@media (min-width: 769px) {
.o-list-stepssimple>.m-listitem.m-listitem-step {
width:calc(33.33333% - 28px)
}
}
@media (max-width: 768px) {
.o-list-stepssimple>.m-listitem.m-listitem-step:not(:first-child) {
margin-top:22px
}
}
@media (min-width: 769px) {
.o-list-stepssimple>.m-listitem.m-listitem-step:not(:first-child) {
margin-left:28px
}
}
.o-list-stepssimple>.m-listitem.m-listitem-step:not(:first-child):before {
position: absolute;
top: -21px;
left: calc(50% - 10px);
width: 20px;
height: 20px;
content: "";
background: url(/-/media/aeoncard/assets/images/common/obj-caret-down.svg) no-repeat 50%/contain
}
@media (min-width: 769px) {
.o-list-stepssimple>.m-listitem.m-listitem-step:not(:first-child):before {
top:calc(50% - 10px);
left: -24px;
transform: rotate(-90deg)
}
}
@media (min-width: 769px) {
.o-list-stepssimple>.m-listitem.m-listitem-step:nth-child(n+4) {
margin-top:27px
}
}
@media (min-width: 769px) {
.o-list-stepssimple>.m-listitem.m-listitem-step:first-child,.o-list-stepssimple>.m-listitem.m-listitem-step:nth-child(2),.o-list-stepssimple>.m-listitem.m-listitem-step:nth-child(3) {
width:calc(33.33333% - 18.66667px)
}
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb {
height: 100%;
padding: 18px 14px 16px
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb>.m-listitem_thumb_index {
flex: 0 0 65px;
padding-right: 4px;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb>.m-listitem_thumb_index>div {
font-size: 22px;
letter-spacing: -.02227em
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb>.m-listitem_thumb_index small {
margin-bottom: 2px
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb .m-listitem_thumb_main {
flex: 1;
padding: 0 0 0 18px
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb .m-listitem_thumb_main>.m-listitem_thumb_title {
width: 100%;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb .m-listitem_thumb_summary {
padding-top: 11px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_thumb .m-listitem_thumb_summary {
flex:100%;
padding-right: 11px;
padding-left: 11px
}
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_accordion {
display: block
}
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_accordion_body {
padding: 0 26px 18px
}
@media (max-width: 768px) {
.o-list-stepssimple>.m-listitem.m-listitem-step .m-listitem_accordion_body {
padding:0 14px 14px;
margin-bottom: 6px
}
}
.o-list-stepssimple>.m-listitem.m-listitem-graphic .m-listitem_thumb {
padding: 18px 24px 16px
}
.o-list-stepssimple>.m-listitem.m-listitem-graphic .m-listitem_thumb .m-listitem_thumb_main {
padding-left: 15px
}
@media (max-width: 768px) {
.o-list-stepssimple>.m-listitem.m-listitem-graphic .m-listitem_accordion_body {
padding:0 26px 18px
}
}
@media (min-width: 769px) {
.o-list-3columns {
display:flex;
flex-wrap: wrap
}
}
@media (min-width: 769px) {
.o-list-3columns .m-listitem {
width:calc(33.33333% - 20px)
}
}
@media (min-width: 769px) {
.o-list-3columns .m-listitem:nth-child(2),.o-list-3columns .m-listitem:nth-child(3) {
border-top:1px solid #f0f0f0
}
}
@media (min-width: 769px) {
.o-list-3columns .m-listitem:nth-child(3n),.o-list-3columns .m-listitem:nth-child(3n+2) {
margin-left:30px
}
}
@media (min-width: 769px) {
.o-list-noedgeborder.o-list-fiftyperitem .m-listitem:nth-child(-n+2) {
border-top:0
}
.o-list-noedgeborder.o-list-fiftyperitem .m-listitem:last-child:nth-child(odd) {
border-bottom: 0
}
.o-list-noedgeborder.o-list-fiftyperitem .m-listitem:last-child:nth-child(2n),.o-list-noedgeborder.o-list-fiftyperitem .m-listitem:nth-last-child(2):nth-child(odd) {
border-bottom: 0
}
}
@media (max-width: 768px) {
.o-list-noedgeborder.o-list-fiftyperitem .m-listitem:first-child {
border-top:0
}
.o-list-noedgeborder.o-list-fiftyperitem .m-listitem:last-child {
border-bottom: 0
}
}
.o-main {
display: block;
max-width: 1204px;
padding: 60px 102px 80px;
margin: 0 auto
}
@media (max-width: 768px) {
.o-main {
padding:0 16px 60px
}
}
@media (max-width: 768px) {
.o-main>.m-heading-typeh1 {
width:100vw;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-main>.o-section-nomainpaddingtop {
padding-top:25px;
margin-top: -60px;
border-top: 60px solid transparent
}
}
@media (max-width: 768px) {
.t-carddetailpage .o-main {
padding-bottom:140px
}
}
.o-menubar {
position: fixed;
bottom: 0;
left: 0;
z-index: 8000;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
pointer-events: none;
transition: width .15s cubic-bezier(.1,.8,.2,.9) 0ms,height .15s cubic-bezier(.1,.8,.2,.9) 0ms;
transform: translateY(0)
}
@media (min-width: 769px) {
.o-menubar {
top:0;
left: 0;
width: 72px;
height: 70.6vh;
min-height: 540px;
background-color: #fcfcfc;
border-radius: 0 0 12px 0;
box-shadow: 0 -1px 10px 0 rgba(0,0,0,.13)
}
}
@media (max-width: 768px) {
.o-menubar {
transition:transform .5s
}
}
@media (max-width: 768px) {
.o-menubar-sphidden.o-menubar-close {
box-shadow:none;
transform: translateY(100px)
}
}
@media (min-width: 769px) {
.o-menubar-open {
width:280px;
height: 100%
}
}
@media (min-width: 1366px) {
.o-menubar {
width:280px;
height: 100%
}
}
.o-menubar_menu {
display: none;
height: 100%;
overflow: hidden;
pointer-events: auto
}
@media (min-width: 769px) {
.o-menubar-open .o-menubar_menu {
display:block
}
}
@media (max-width: 768px) {
.is-sp .o-menubar_menu {
padding:0 0 calc(env(safe-area-inset-bottom, 0) - 35px)
}
}
@media (min-width: 1366px) {
.o-menubar_menu {
display:block
}
}
@media (max-width: 768px) {
.o-menubar_menu {
display:block;
height: 100%;
background-color: #fff;
transition: transform .15s cubic-bezier(.1,.8,.2,.9) 0ms
}
.o-menubar-close .o-menubar_menu {
transform: translateY(115%)
}
}
.o-menubar_menuheader {
height: 76px;
text-align: right;
background-color: #fff;
border-bottom: 1px solid #f0f0f0
}
@media (min-width: 1366px) {
.o-menubar_menuheader {
display:none
}
}
@media (max-width: 768px) {
.o-menubar_menuheader {
display:none
}
}
.o-menubar_closebutton {
padding: 10px;
color: #4d4d4d;
background: none;
border: 0;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.o-menubar_closebutton_label {
font-size: 11px;
line-height: 1;
letter-spacing: 0;
font-weight: 600;
margin-right: 2px;
vertical-align: -1.5px
}
.o-menubar_closebutton>.a-icon {
width: 24px;
height: 24px
}
.o-menubar_menubody {
height: 100%;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none;
-webkit-overflow-scrolling: touch
}
.o-menubar_menubody::-webkit-scrollbar {
display: none
}
@media (min-width: 769px) {
.o-menubar_menubody {
min-width:260px;
height: calc(100% - 76px)
}
}
@media (min-width: 1366px) {
.o-menubar_menubody {
height:100%
}
}
.o-menubar_menubody:after {
display: block;
height: 60px;
content: ""
}
@media (max-width: 768px) {
.o-menubar_menubody:after {
height:95px
}
}
.o-menubar_searchbarwrapper {
background-color: #f7f7f7;
border-bottom: 1px solid #f0f0f0
}
.o-menubar_searchbarcontainer {
position: relative;
display: flex;
align-items: center;
padding: 15px 0;
margin: 0 15px
}
.o-menubar_searchbarcontainer>.a-textfield {
position: static;
width: 100%;
height: 52px;
margin-right: 6px
}
.o-menubar_menuitemlist {
list-style-type: none;
border-bottom: 1px solid #f0f0f0
}
.o-menubar_menuitemlist-gray {
background-color: #f5f5f3
}
.o-menubar_menuitemlist+.o-menubar_menuitemlist {
margin-top: 48px;
border-top: 1px solid #f0f0f0
}
.o-menubar_menuitemlist+.o-menubar_menuitemlist-submenulist {
margin-top: 40px
}
.o-menubar_menuitem {
position: relative
}
.o-menubar_menuitem+.o-menubar_menuitem:before {
position: absolute;
top: 0;
right: 0;
left: 15px;
height: 1px;
content: "";
background-color: #f0f0f0
}
.o-menubar_menuitemlist-gray .o-menubar_menuitem+.o-menubar_menuitem:before {
background-color: #ebebeb
}
.o-menubar_menuitem_body {
display: block;
width: 100%;
height: 100%;
padding: 15px;
color: #666
}
.o-menubar_menuitemlist-gray .o-menubar_menuitem_body {
padding: 18px 15px
}
.o-menubar_menuitem-active .o-menubar_menuitem_body {
background-color: #f9eaf5
}
.o-menubar_menuitem_iconcontainer {
display: inline-block;
width: 32px;
height: 32px;
margin: 0 13px 0 4px;
vertical-align: middle;
background-color: #f3f3f3;
border-radius: 50%
}
.o-menubar_menuitemlist-gray .o-menubar_menuitem_iconcontainer {
width: 40px;
height: 40px;
margin: 0 9px 0 0;
background-color: #fff
}
.o-menubar_menuitem_iconcontainer>.a-icon {
display: block;
width: 20px;
height: 20px;
margin: 6px
}
.o-menubar_menuitemlist-gray .o-menubar_menuitem_iconcontainer>.a-icon {
margin: 10px
}
.o-menubar_menuitem_label {
vertical-align: middle;
font-size: 14px;
line-height: 1;
letter-spacing: -.02214em;
font-weight: 600
}
.o-menubar_menuitem-active .o-menubar_menuitem_label {
color: #b60081
}
.o-menubar_submenuitem {
position: relative
}
.o-menubar_submenuitem+.o-menubar_submenuitem:before {
position: absolute;
top: 0;
right: 0;
left: 15px;
height: 1px;
content: "";
background-color: #f0f0f0
}
.o-menubar_submenuitem_body {
display: block;
padding: 20px 15px;
color: inherit;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em
}
.o-menubar_extramenuitemlist {
padding: 0 15px;
margin-top: 40px;
list-style-type: none
}
.o-menubar_extramenuitemlist+.o-menubar_menuitemlist {
margin-top: 44px;
border-top: 1px solid #f0f0f0
}
.o-menubar_extramenuitem+.o-menubar_extramenuitem {
margin-top: 16px
}
.o-menubar_extramenuitem_body {
position: relative;
display: block;
padding: 20px 32px 16px 15px;
color: inherit;
background-color: #f5f5f5;
border-radius: 4px
}
.o-menubar_extramenuitem_body>.a-icon {
position: absolute;
top: calc(50% - 14px);
right: 6px;
display: block
}
.o-menubar_extramenuitem_title {
font-size: 14px;
line-height: 1;
letter-spacing: -.02214em;
font-weight: 600;
color: #666
}
.o-menubar_extramenuitem_summary {
margin-top: 8px;
font-size: 12px;
line-height: 1.58333;
letter-spacing: -.0225em
}
.o-menubar_permanentitemlist {
display: flex;
list-style-type: none;
transition: padding-bottom .15s cubic-bezier(.1,.8,.2,.9) 0ms
}
@media (min-width: 769px) {
.o-menubar-open .o-menubar_permanentitemlist {
display:none
}
}
@media (max-width: 768px) {
.is-sp .o-menubar_permanentitemlist {
padding:0 0 calc(env(safe-area-inset-bottom, 0) - 35px)
}
}
@media (min-width: 1366px) {
.o-menubar_permanentitemlist {
display:none
}
}
@media (min-width: 769px) {
.o-menubar_permanentitemlist {
flex-direction:column;
justify-content: center;
height: 100%
}
}
@media (max-width: 768px) {
.o-menubar_permanentitemlist {
position:absolute;
bottom: 0;
width: 100%;
background-color: #fff;
border-radius: 12px 12px 0 0;
box-shadow: 0 -1px 5px 0 rgba(0,0,0,.07)
}
.is-sp .o-menubar_permanentitemlist {
padding: 0 0 env(safe-area-inset-bottom,0)
}
}
.o-menubar_permanentitem {
pointer-events: auto
}
@media (max-width: 768px) {
.o-menubar_permanentitem {
flex-grow:1
}
}
@media (max-width: 768px) {
.o-menubar_permanentitem-pconly {
display:none
}
}
.o-menubar_permanentitem-pcspacer {
flex-grow: 1
}
@media (max-width: 768px) {
.o-menubar_permanentitem-pcspacer {
display:none
}
}
.o-menubar_permanentitem_body {
display: block;
width: 100%;
padding: 16px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #4d4d4d;
background: none;
border: none;
outline: none
}
@media (max-width: 768px) {
.o-menubar_permanentitem_body {
padding:11px 0 8px
}
}
.o-menubar_permanentitem_body>.a-icon {
display: block;
margin: 0 auto 4px
}
@media (min-width: 769px) {
.o-menubar_permanentitem_body>.a-icon {
width:32px;
height: 32px
}
}
@media (max-width: 768px) {
.o-menubar_permanentitem_body>.a-icon {
width:28px;
height: 28px
}
}
.o-menubar_permanentitem_label {
font-size: 11px;
line-height: 1.27273;
letter-spacing: 0;
font-weight: 600;
text-align: center;
font-feature-settings: "palt";
transform: scaleX(.95)
}
.o-menubar_permanentitem-active .o-menubar_permanentitem_label {
color: #b60081
}
.o-menubar_scrolldown {
position: absolute;
bottom: -56px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 55px;
cursor: pointer;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
opacity: .9;
transition: bottom .5s ease-in-out,height .15s cubic-bezier(.1,.8,.2,.9) 0ms
}
@media (max-width: 768px) {
.o-menubar_scrolldown {
align-items:flex-start;
height: 106px
}
}
@media (min-width: 769px) {
.o-menubar_scrolldown:hover {
background-color:rgba(252,245,250,.9)
}
}
.o-menubar_scrolldown:active,.o-menubar_scrolldown:focus {
background-color: rgba(249,234,245,.9)
}
@media (min-width: 769px) {
.o-menubar_scrolldown {
border-bottom-right-radius:12px
}
}
.o-menubar_scrolldown-show {
bottom: 0
}
@media (max-width: 768px) {
.is-sp .o-menubar_scrolldown-show {
height:calc(env(safe-area-inset-bottom, 0) + 106px)
}
}
@media (max-width: 768px) {
.o-menubar_scrolldown .a-icon {
margin-top:6px
}
}
.o-menubar_pcdecoration {
display: none;
pointer-events: none
}
@media (min-width: 769px) {
.o-menubar_pcdecoration {
position:absolute;
bottom: -24px;
left: 0;
display: block;
width: 24px;
height: 24px;
overflow: hidden
}
.o-menubar_pcdecoration:before {
position: absolute;
top: -12px;
left: -12px;
display: block;
width: 18px;
height: 18px;
content: "";
box-shadow: 4px 0 10px rgba(0,0,0,.13);
transform: rotate(45deg)
}
.o-menubar_pcdecoration:after {
position: absolute;
top: -12px;
left: -12px;
display: block;
width: 48px;
height: 48px;
content: "";
border: 12px solid transparent;
border-left-color: #fcfcfc;
border-radius: 50%;
transform: rotate(45deg)
}
}
.o-modal {
outline: 0
}
.o-modal_overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9000;
background-color: hsla(0,0%,100%,.75)
}
.o-modal_main {
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
border-radius: 20px;
outline: 0;
box-shadow: 0 26px 22px 0 rgba(0,0,0,.1);
transform: translate(-50%,-50%)
}
@media (min-width: 769px) {
.o-modal_main {
width:660px
}
.o-modal_main-small {
width: 400px
}
}
@media (max-width: 768px) {
.o-modal_main {
width:343px
}
}
.o-modal_main-fullsize {
display: flex;
flex-direction: column;
width: 100vw;
height: 100%;
border-radius: 0
}
.o-modal_main-fullsize .o-modal_bodywrapper {
flex: 1;
overflow-y: auto
}
.o-modal_main-fullsize .o-modal_bodywrapper main {
height: 100%
}
.o-modal_main-fullwidth {
display: flex;
flex-direction: column;
width: calc(100vw - 204px);
max-width: 1000px;
height: calc(100vh - 60px)
}
@media (min-width: 769px) and (max-width:1203px) {
.o-modal_main-fullwidth {
width:calc(100vw - 102px)
}
}
@media (max-width: 768px) {
.o-modal_main-fullwidth {
width:calc(100vw - 32px);
height: calc(100% - 32px)
}
}
.o-modal_main-fullwidth .o-modal_bodywrapper {
flex: 1;
overflow-y: auto
}
.o-modal_main-fullwidth .o-modal_bodywrapper main {
height: 100%;
padding: 30px 30px 0
}
.o-modal_main-fullwidth .o-modal_bodywrapper main>.o-list {
padding-bottom: 40px
}
.o-modal_main-fullwidth .o-modal_bodywrapper main>.a-caption {
margin: 0 0 40px;
color: #000
}
@media (max-width: 768px) {
.o-modal_main-fullwidth .o-modal_bodywrapper main {
padding:20px 20px 0
}
.o-modal_main-fullwidth .o-modal_bodywrapper main>.o-list {
padding-bottom: 60px
}
}
.o-modal_main-buttoncenter .o-modal_footer {
justify-content: center
}
.o-modal_main-buttoncenter .o-modal_actionbuttons {
margin-left: 0
}
.o-modal_main-buttoncenter .o-modal_secondarycontainer {
margin-right: 0
}
.o-modal_main-buttoncenter .o-modal_primarycontainer .a-button {
width: 303px
}
.o-modal_main-fitheight .o-modalgeneralcontent {
height: 100%;
max-height: calc(80vh - 150px)
}
.o-modal_main-filter .o-grid_body {
margin-top: 0
}
.o-modal-show .o-modal_main-animation {
transform-origin: top left;
animation-name: zoomer;
animation-duration: .4s
}
@media (min-width: 769px) {
.o-modal_main-dialmodal {
width:90vw;
max-width: 883px
}
}
.o-modal_main-dialmodal .o-modalgeneralcontent {
padding: 17px
}
@media (min-width: 769px) {
.o-modal_main-dialmodal .o-modalgeneralcontent {
padding:40px 30px
}
}
.o-modal_main-dialmodal .o-modalgeneralcontent>.o-section {
margin-bottom: 20px
}
@media (min-width: 769px) {
.o-modal_main-dialmodal .o-modalgeneralcontent>.o-section {
margin-top:68px
}
.o-modal_main-dialmodal .o-modalgeneralcontent>.o-section:first-child {
margin-top: 0
}
}
.o-modal_main-dialmodal .o-modal_bodywrapper>main {
height: 67vh
}
.o-modal_main-flexheightsp {
display: flex;
flex-direction: column;
height: auto;
max-height: calc(100% - 32px)
}
.o-modal_main-flexheightsp .o-modal_bodywrapper {
overflow: auto
}
.o-modal_main-flexheightsp .o-modal_bodywrapper>main {
height: unset
}
.o-modal_main-flexheightsp .o-modal_footer,.o-modal_main-flexheightsp .o-modal_header {
flex-shrink: 0
}
.o-modal_header {
position: relative;
padding: 11px 20px;
background-color: #faf9f5
}
.o-modal_main-pointmodal .o-modal_header {
padding: 18px 21px
}
.o-modal_title {
display: flex;
padding-right: 64px;
font-size: 18px;
line-height: 1.55556;
letter-spacing: -.02222em;
font-weight: 600
}
.o-modal_title-closeiconnolabel {
padding-right: 30px
}
.o-modal_title>.a-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
margin-top: 4px;
margin-right: 7px
}
.o-modal_closebutton {
position: absolute;
top: 50%;
right: 14px;
height: 28px;
padding: 0;
color: #4d4d4d;
cursor: pointer;
background: transparent;
border: 0;
outline: 0;
transform: translateY(-50%);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.o-modal_closebutton>span:not(.a-icon) {
vertical-align: middle;
font-size: 11px;
line-height: 1;
letter-spacing: -.02182em;
font-weight: 600
}
.o-modal_closebutton>.a-icon {
margin-left: 2px
}
.o-modal_bodywrapper {
background-color: #fff;
-webkit-overflow-scrolling: touch
}
.o-modal_bodywrapper>main {
height: 60vh;
overflow: auto
}
.o-modal_main-gallery .o-modal_bodywrapper>main {
height: auto;
max-height: 70vh
}
.o-modal_main-helpmodal .o-modal_bodywrapper>main {
height: 265px
}
@media (max-width: 768px) {
.o-modal_main-helpmodal .o-modal_bodywrapper>main {
height:calc(60vh - 130px)
}
}
.o-modal_main-small .o-modal_bodywrapper>main {
height: auto;
min-height: auto;
padding-top: 40px;
padding-bottom: 40px
}
.o-modal_main-sort .o-modal_bodywrapper>main {
padding-bottom: 40px
}
@media (max-width: 768px) {
.o-modal_bodywrapper>main {
height:calc(80vh - 150px)
}
}
.o-modal_footer {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
background-color: #fafafa
}
.o-modal_main-pointmodal .o-modal_footer {
padding: 15px 16px
}
.o-modal_filterresult {
color: #666;
font-size: 12px;
line-height: 1;
letter-spacing: -.0225em;
font-weight: 600
}
@media (max-width: 768px) {
.o-modal_filterresult {
position:absolute;
top: 16px
}
}
.o-modal_actionbuttons {
display: flex;
align-items: center;
margin-left: auto
}
@media (max-width: 768px) {
.o-modal_actionbuttons {
justify-content:space-between;
width: 100%;
margin-left: 0
}
}
.o-modal_main-buttonsfullwidth .o-modal_actionbuttons {
width: 100%
}
.o-modal_secondarycontainer {
margin-right: 50px;
font-size: 14px;
line-height: 1
}
.o-modal_main-buttonsfullwidth .o-modal_secondarycontainer {
flex: 0 0 calc(50% - 6px);
margin-right: 6px
}
@media (min-width: 769px) {
.o-modal_main-buttonsfullwidth .o-modal_secondarycontainer {
display:flex;
justify-content: center
}
}
.o-modal_main-buttonsfullwidth .o-modal_secondarycontainer>.a-button {
width: 100%
}
@media (min-width: 769px) {
.o-modal_main-buttonsfullwidth .o-modal_secondarycontainer>.a-button {
width:228px
}
}
.o-modal_main-buttonsfullwidth .o-modal_primarycontainer {
flex: 0 0 calc(50% - 6px);
margin-left: 6px
}
@media (min-width: 769px) {
.o-modal_main-buttonsfullwidth .o-modal_primarycontainer {
display:flex;
justify-content: center
}
}
.o-modal_primarycontainer>.a-button {
width: 160px;
height: 48px
}
@media (max-width: 768px) {
.o-modal_main-pointmodal .o-modal_primarycontainer>.a-button {
width:104px
}
}
.o-modal_main-buttonsfullwidth .o-modal_primarycontainer>.a-button {
width: 100%
}
@media (min-width: 769px) {
.o-modal_main-buttonsfullwidth .o-modal_primarycontainer>.a-button {
width:228px
}
}
.o-modal-mpa {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
background-color: hsla(0,0%,100%,.75)
}
.o-modal-show {
z-index: 9000;
display: block
}
.o-modal .a-confirmicon+.m-heading-typeh3 .m-heading_text,.o-modal .m-fieldrow_label {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.o-modal .a-phonefield_body {
background-color: #fbfbfb;
border: 1px solid #dedddd;
border-radius: 8px
}
.o-modal .a-phonefield-invalid .a-phonefield_body {
background-color: #fff9f7;
border-color: #f799a1
}
.o-modal .a-phonefield_background {
display: none
}
@keyframes zoomer {
0% {
transform: scale(0) translate(-50%,-50%)
}
to {
transform: scale(1) translate(-50%,-50%)
}
}
.o-modalcardfiltercontent {
position: relative;
display: block;
overflow: visible!important
}
.o-modalcardfiltercontent_header {
position: relative;
background-color: #fff;
border-bottom: 1px solid #f0f0f0
}
.o-modalcardfiltercontent_clearbutton {
padding: 10px 20px
}
.o-modalcardfiltercontent_clearbutton .a-button-moderate {
margin-left: auto;
background: #fbf2f9
}
.o-modalcardfiltercontent_body {
height: calc(100% - 61px);
padding: 10px 20px 20px;
overflow: auto
}
.o-modalgeneralcontent {
padding: 20px;
background-color: #fff
}
@media (min-width: 769px) {
.o-modal_main-pointmodal .o-modalgeneralcontent {
padding:40px 40px 30px
}
}
@media (max-width: 768px) {
.o-modal_main-pointmodal .o-modalgeneralcontent {
padding:23px 16px
}
}
@media (max-width: 768px) {
.o-modalgeneralcontent {
padding-bottom:17px
}
}
.o-modalgeneralcontent-nopadding {
padding: 0
}
.o-modalgeneralcontent .m-revochangesimulation {
margin-bottom: 15px
}
.o-notification {
position: relative;
z-index: 2;
display: none;
width: 345px;
height: calc(516px - env(safe-area-inset-bottom, 0));
padding: 35px 0 15px;
margin-top: 10px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 18px 0 hsla(0,0%,56.9%,.2);
transition: height .35s cubic-bezier(.1,.8,.2,.9) 0ms
}
@media (max-width: 375px) {
.o-notification {
height:calc(416px - env(safe-area-inset-bottom, 0))
}
}
.o-notification-show {
display: block
}
.o-notification:before {
position: absolute;
top: -4px;
right: 62px;
z-index: -1;
width: 8px;
height: 8px;
content: "";
background-color: #fff;
box-shadow: -1px -1px 5px hsla(0,0%,56.9%,.2);
transform: rotate(45deg)
}
@media (max-width: 768px) {
.o-notification:before {
top:-7px;
right: 72px;
width: 14px;
height: 14px;
box-shadow: -2px -2px 5px hsla(0,0%,56.9%,.2)
}
}
.o-notification:after {
position: absolute;
top: 0;
right: 60px;
width: 13px;
height: 5px;
content: "";
background-color: #fff
}
@media (max-width: 768px) {
.o-notification:after {
right:69px;
width: 20px;
height: 10px
}
}
.o-notification_close {
position: absolute;
top: 8px;
right: 15px;
font-size: 11px
}
.o-notification_close .a-icon {
position: relative;
top: -2px;
left: 1px;
width: 26px;
height: 26px
}
.o-notification .m-listitem {
position: relative
}
.o-notification .m-listitem_thumb {
padding: 12px 0
}
.o-notification .m-listitem_thumb_header {
margin-bottom: 5px
}
.o-notification .m-listitem_thumb_summary {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
.o-notification .m-listitem:before {
position: absolute;
top: 20px;
left: -14px;
width: 8px;
height: 8px;
content: "";
background-color: #b60081;
border-radius: 10px;
opacity: 0;
transition: opacity .5s ease-out 1s
}
.o-notification .m-listitem-new:before {
opacity: 1
}
.o-notification .o-list {
max-height: calc(466px - env(safe-area-inset-bottom, 0));
padding-right: 15px;
padding-left: 20px;
margin-right: 0;
margin-left: 0;
overflow-y: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
@media (max-width: 375px) {
.o-notification .o-list {
height:calc(366px - env(safe-area-inset-bottom, 0))
}
}
.o-notification .o-list::-webkit-scrollbar {
display: none
}
.o-notification .o-list .m-listitem_thumb_main {
flex: 0 1 100%
}
.o-question {
max-width: 1000px;
padding: 60px 28px 60px 30px;
margin: 0 auto;
background: #fafafa
}
@media (max-width: 768px) {
.o-question {
padding:20px 15px 30px
}
}
.o-question-notes {
padding: 0 28px;
margin-bottom: 20px;
background-color: #f7f7f7;
border-radius: 12px
}
@media (max-width: 768px) {
.o-question-notes {
padding:0 15px
}
}
.o-question_header {
display: flex;
align-items: center;
padding: 16px 0 18px;
border-bottom: 1px solid #ebebeb;
font-size: 16px;
line-height: 1.75;
letter-spacing: -.0225em;
font-weight: 600
}
.o-question_header>.a-icon {
display: block;
flex-shrink: 0;
width: 28px;
height: 28px;
margin-right: 8px;
background-color: #fff;
border: 4px solid #fff;
border-radius: 50%
}
.o-question_title {
display: block;
margin-bottom: 24px;
font-size: 18px;
line-height: 1.33333;
letter-spacing: -.02222em
}
@media (max-width: 768px) {
.o-question_title {
margin-bottom:17px
}
}
@media (min-width: 769px) {
.o-question_body {
display:flex;
margin-left: 27px
}
}
.o-question-notes .o-question_body {
padding: 28px 36px;
margin-left: 0
}
@media (max-width: 768px) {
.o-question-notes .o-question_body {
padding:28px 0
}
}
.o-question_wrapcontent {
flex: 1 1 auto
}
.o-question_wrapcontent .m-smallarticle_link {
padding-top: 0;
margin-top: 20px;
border-top: none
}
.o-question_wrapthumbnail {
display: flex;
flex-wrap: wrap;
margin: 23px -7px -14px
}
@media (min-width: 769px) {
.o-question_wrapthumbnail {
flex:1 0 auto;
justify-content: flex-end;
width: 30%;
max-width: 278px;
margin: 0 -14px -14px 40px
}
}
@media (max-width: 768px) {
.o-question_wrapthumbnail {
justify-content:center
}
}
.o-question_wrapthumbnail .a-thumbnail {
flex: 0 1 auto;
min-width: 50%;
padding-right: 7px;
padding-left: 7px;
margin-bottom: 14px
}
@media (min-width: 769px) {
.o-question_wrapthumbnail .a-thumbnail {
padding-right:14px;
padding-left: 14px
}
}
@media (max-width: 768px) {
.o-question_wrapthumbnail .a-thumbnail {
max-width:50%
}
}
@media (min-width: 769px) {
.o-question_wrapthumbnail-fiftyperitem {
width:60.7%;
max-width: 555px
}
}
@media (max-width: 768px) {
.o-question_wrapthumbnail-fiftyperitem {
justify-content:flex-end
}
}
.o-question_wrapthumbnail-fiftyperitem .a-thumbnail {
max-width: 50%
}
.o-question_footer {
display: flex;
justify-content: center;
margin-top: 47px
}
@media (max-width: 768px) {
.o-question_footer {
flex-direction:column;
flex-wrap: wrap;
margin-top: 24px
}
}
@media (min-width: 769px) {
.o-question_option {
width:100%;
max-width: 286px
}
}
.o-question_option:not(:last-child) {
margin-bottom: 15px
}
@media (min-width: 769px) and (max-width:1203px) {
.o-question_option:not(:last-child) {
margin-right:10px;
margin-bottom: 0
}
}
@media (min-width: 1204px) {
.o-question_option:not(:last-child) {
margin-right:30px;
margin-bottom: 0
}
}
.o-revosimulationtablecontainer .m-table {
margin-bottom: 32px
}
.o-revosimulationtablecontainer .m-table:last-child {
margin-bottom: 0
}
.o-revosimulationtablecontainer .m-table+.m-table {
position: relative
}
.o-revosimulationtablecontainer .m-table+.m-table:before {
position: absolute;
top: -24px;
left: 40px;
width: 12px;
height: 12px;
content: "";
background-image: url(/-/media/aeoncard/assets/images/icon/arrow-down-purple.svg);
background-repeat: no-repeat;
background-position: 50%;
background-size: contain
}
@media (min-width: 769px) {
.o-revosimulationtablecontainer .m-table+.m-table:before {
top:-25px;
left: calc(30% + 40px);
width: 16px;
height: 16px
}
}
.o-section {
position: relative;
width: 100%
}
.o-section>.o-section {
margin-top: 40px
}
.o-section~.o-section {
margin-top: 80px
}
@media (max-width: 768px) {
.o-section~.o-section {
margin-top:60px
}
}
.o-section .o-section~.o-section {
margin-top: 40px
}
@media (max-width: 768px) {
.o-section .o-section~.o-section {
margin-top:30px
}
}
@media (min-width: 769px) {
.o-section-narrow {
max-width:666px;
margin: 0 auto
}
}
.o-section img {
max-width: 100%
}
.o-section-gray {
width: 100vw;
min-width: 1024px;
padding: 60px calc(50vw - 500px);
margin-left: calc(500px - 50vw);
background-color: #fafafa
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-gray {
padding:60px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-gray {
width:1024px;
padding: 60px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-section-gray {
width:100vw;
min-width: auto;
padding: 40px 16px;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-section:not(.o-section-childhasbackground)>.o-section-gray:first-child {
margin-top:-60px
}
}
.js-headerWrapper-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-gray:first-child,.o-header-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-gray:first-child {
padding-top: 80px
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-includemodal {
padding:0;
margin-left: -30px;
transform: none
}
}
.o-section-toplifestyle {
width: 100vw;
min-width: 1024px;
padding: 60px calc(50vw - 500px);
margin-left: calc(500px - 50vw);
background: linear-gradient(hsla(30,20%,98%,.42),#faf9f5)
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-toplifestyle {
padding:60px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-toplifestyle {
width:1024px;
padding: 60px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-section-toplifestyle {
width:100vw;
min-width: auto;
padding: 40px 16px;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-section:not(.o-section-childhasbackground)>.o-section-toplifestyle:first-child {
margin-top:-60px
}
}
.js-headerWrapper-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-toplifestyle:first-child,.o-header-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-toplifestyle:first-child {
padding-top: 80px
}
.o-section-applysteps {
width: 100vw;
min-width: 1024px;
padding: 60px calc(50vw - 500px);
margin-left: calc(500px - 50vw);
background-image: url(/-/media/aeoncard/assets/images/___dummy___/bg-applysteps.jpg);
background-repeat: no-repeat;
background-position: bottom;
background-size: cover
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-applysteps {
padding:60px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-applysteps {
width:1024px;
padding: 60px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-section-applysteps {
width:100vw;
min-width: auto;
padding: 40px 16px;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-section:not(.o-section-childhasbackground)>.o-section-applysteps:first-child {
margin-top:-60px
}
}
.js-headerWrapper-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-applysteps:first-child,.o-header-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-applysteps:first-child {
padding-top: 80px
}
.o-section-cardusage {
width: 100vw;
min-width: 1024px;
padding: 60px calc(50vw - 500px);
margin-left: calc(500px - 50vw);
background-image: linear-gradient(#fff,#faf9f5)
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-cardusage {
padding:60px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-cardusage {
width:1024px;
padding: 60px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-section-cardusage {
width:100vw;
min-width: auto;
padding: 40px 16px;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-section:not(.o-section-childhasbackground)>.o-section-cardusage:first-child {
margin-top:-60px
}
}
.js-headerWrapper-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-cardusage:first-child,.o-header-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-cardusage:first-child {
padding-top: 80px
}
.o-section-pink {
width: 100vw;
min-width: 1024px;
padding: 60px calc(50vw - 500px);
margin-left: calc(500px - 50vw);
background: #fff5fd
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-pink {
padding:60px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-pink {
width:1024px;
padding: 60px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-section-pink {
width:100vw;
min-width: auto;
padding: 40px 16px;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-section:not(.o-section-childhasbackground)>.o-section-pink:first-child {
margin-top:-60px
}
}
.js-headerWrapper-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-pink:first-child,.o-header-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-pink:first-child {
padding-top: 80px
}
.o-section-pinksp {
width: 100vw;
min-width: 1024px;
padding: 60px calc(50vw - 500px);
margin-left: calc(500px - 50vw);
background: linear-gradient(hsla(0,0%,100%,0),#fff 33%,#fff5fd)
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-pinksp {
padding:60px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-pinksp {
width:1024px;
padding: 60px 102px;
margin-left: -102px;
transform: none
}
}
@media (min-width: 769px) {
.o-section:not(.o-section-childhasbackground)>.o-section-pinksp:first-child {
margin-top:-60px
}
}
.js-headerWrapper-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-pinksp:first-child,.o-header-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-pinksp:first-child {
padding-top: 80px
}
@media (max-width: 768px) {
.o-section-pinksp {
width:100vw;
min-width: auto;
padding: 40px 16px;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-section-formcomplete {
max-width:488px;
margin-right: auto;
margin-left: auto
}
}
.o-section-completemodal {
width: 50%;
padding-right: 20px;
padding-left: 20px;
margin: auto
}
.o-section-completemodal:first-of-type {
margin-top: 20px
}
@media (max-width: 768px) {
.o-section-completemodal {
width:100%;
margin-bottom: 85px
}
}
.o-section-pclowmargintop {
margin-top: 30px!important
}
@media (max-width: 768px) {
.o-section-splowmargintop {
margin-top:20px!important
}
}
@media (max-width: 768px) {
.o-section-spwidemargintop {
margin-top:40px!important
}
}
.o-section-nomargintop {
margin-top: 0!important
}
.o-section-nopaddingbottomsp {
padding-bottom: 0
}
.o-section-topbanner {
padding-top: 135px;
margin-top: -65px!important
}
.o-section-leadcontainer {
width: 100vw;
min-width: 1024px;
padding: 30px calc(50vw - 500px);
margin-left: calc(500px - 50vw);
background: #f7f6f2
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-leadcontainer {
padding:30px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-leadcontainer {
width:1024px;
padding: 30px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-section-leadcontainer {
width:100vw;
min-width: auto;
padding: 25px 16px;
margin-left: -16px
}
}
@media (min-width: 769px) {
.o-section:not(.o-section-childhasbackground)>.o-section-leadcontainer:first-child {
margin-top:-60px
}
}
.js-headerWrapper-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-leadcontainer:first-child,.o-header-withcardswitcher~.o-main .o-section:not(.o-section-childhasbackground)>.o-section-leadcontainer:first-child {
padding-top: 80px
}
.o-section-newleadcontainer {
width: 100vw;
min-width: 1024px;
margin-left: calc(500px - 50vw);
padding: 30px calc(50vw - 500px) 31px;
background: #f7f6f2
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-newleadcontainer {
padding:60px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-section-newleadcontainer {
width:1024px;
padding: 60px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-section-newleadcontainer {
width:100vw;
min-width: auto;
padding: 40px 16px;
margin-left: -16px;
padding-top: 15px;
padding-bottom: 26px
}
}
@media (min-width: 769px) and (max-width:1203px) {
.o-section-newleadcontainer {
padding-top:30px;
padding-bottom: 31px
}
}
.o-section-nopadding {
padding: 0!important
}
@media (max-width: 768px) {
.o-section-nopaddingsp {
padding:0!important
}
}
.o-section-nopaddingtop {
padding-top: 0
}
.o-section-sumitomopadding {
padding-top: 26px!important;
padding-bottom: 24px
}
.o-section-totalamount {
padding-top: 20px;
padding-bottom: 20px
}
@media (max-width: 768px) {
.o-section-totalamount {
padding:22px 16px 31px;
margin-top: -30px
}
}
.o-section-walletinstallcontainer {
margin-bottom: -60px
}
@media (max-width: 768px) {
.o-section-walletinstallcontainer {
margin-top:50px!important;
margin-bottom: -30px
}
}
@media (min-width: 769px) {
.o-section-totalamountcontainer .m-totalamountcontainer>span {
width:45%
}
}
.o-section-totalamountcontainer .m-totalamountcontainer_wrap {
padding: 23px 0
}
@media (min-width: 769px) {
.o-section-totalamountcontainer .m-totalamountcontainer_wrap {
width:320px
}
}
.o-section-totalamountcontainer .m-totalamountcontainer_wrap .a-textprice {
font-size: 40px;
line-height: 1;
letter-spacing: -.015em
}
.o-section-totalamountcontainer .m-totalamountcontainer_wrap .a-textprice>small {
font-size: 16px;
line-height: 1;
letter-spacing: -.01375em
}
.o-section-totalamountcontainer .m-totalamountcontainer_wrap .a-textpercentage {
font-size: 40px;
line-height: 1;
letter-spacing: -.015em
}
.o-section-totalamountcontainer .m-totalamountcontainer_wrap .a-textpercentage>small {
font-size: 16px;
line-height: 1;
letter-spacing: -.01375em
}
.o-section-modal {
width: auto;
min-width: 0;
padding-right: 20px;
padding-left: 20px;
margin-top: 40px!important;
margin-left: 0
}
.o-section-modal .m-totalamountcontainer>span {
font-size: 16px
}
.o-section-modal .m-totalamountcontainer_wrap {
min-width: 258px
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-section-modal {
transform:translateX(0)
}
}
@media (max-width: 768px) {
.o-section-modal {
margin-top:30px!important
}
}
.o-section-modal:first-of-type {
margin-top: 20px!important
}
.o-section-modal:last-of-type {
margin-bottom: 20px!important
}
.o-section-modal .m-notes_header {
padding: 14px 0
}
.o-section-modal .m-notes_title {
font-size: 16px
}
.o-section-modal .m-notes_title>.a-icon {
width: 24px;
height: 24px
}
.o-section-modal .m-notes_content {
padding: 16px 0
}
.o-section-modal .m-notes .m-smallarticle_link {
margin-top: 16px
}
.o-section-usagedetails .o-grid_body {
margin-bottom: 16px
}
.o-section-largemargin {
margin-top: 60px!important
}
.o-section-smallmargin {
margin-top: 40px!important
}
@media (max-width: 768px) {
.o-section-smallmargin {
margin-top:40px!important
}
}
.o-section .a-textbox+.a-text {
margin-top: 20px
}
@media (max-width: 768px) {
.js-headerWrapper-withcardswitcher+.o-main>.o-section:first-child,.o-header-withcardswitcher+.o-main>.o-section:first-child {
padding-top:98px
}
}
@media (min-width: 769px) {
.o-header-withcardswitcher+.o-main .o-section-nomainpaddingtop {
border-top-width:74px
}
}
.o-section-indialmodal {
max-width: 747px;
margin-right: auto;
margin-left: auto
}
.o-section-buttoncontainer,.o-section-singlebuttoncontainer {
margin: 20px 0 40px
}
@media (max-width: 768px) {
.o-section-buttoncontainer,.o-section-singlebuttoncontainer {
margin:20px 0 24px
}
}
.o-section-buttoncontainer .m-buttoncontainer,.o-section-singlebuttoncontainer .m-buttoncontainer {
margin-top: 0
}
@media (max-width: 768px) {
.o-section-singlebuttoncontainer .m-buttoncontainer-equalbuttonwidth .m-buttoncontainer_primary {
flex-basis:255px
}
}
.o-simulator {
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100px;
background-color: #fafafa;
box-shadow: 0 0 4px 0 rgba(0,0,0,.13);
transition: height .15s cubic-bezier(.4,0,.2,1) 0ms,padding-bottom .15s cubic-bezier(.4,0,.2,1) 0ms
}
@media (max-width: 768px) {
.o-simulator {
height:70px
}
.is-sp .o-simulator {
height: calc(env(safe-area-inset-bottom, 0) + 70px);
padding-bottom: env(safe-area-inset-bottom,0)
}
}
@media (max-width: 768px) {
.o-simulator-revo {
height:100px;
padding-top: 32px
}
.is-sp .o-simulator-revo {
height: calc(env(safe-area-inset-bottom, 0) + 100px);
padding-bottom: env(safe-area-inset-bottom,0)
}
}
@media (max-width: 768px) {
.o-simulator-hasmodalopener {
height:158px;
padding-top: 90px
}
.is-sp .o-simulator-hasmodalopener {
height: calc(env(safe-area-inset-bottom, 0) + 158px);
padding-bottom: env(safe-area-inset-bottom,0)
}
}
.o-simulator_wrap {
display: flex;
align-items: center;
max-width: 1064px;
height: 100%;
padding: 0 32px;
margin: 0 auto
}
@media (max-width: 768px) {
.o-simulator_wrap {
padding:0 16px
}
}
.o-simulator_amount {
margin-right: auto
}
.o-simulator-revo .o-simulator_amount {
margin-right: 20px;
text-align: right
}
@media (max-width: 768px) {
.o-simulator-revo .o-simulator_amount {
display:flex;
align-items: baseline;
justify-content: center;
margin-right: 0;
margin-bottom: 5px
}
}
.o-simulator-revo .o-simulator_amount .a-textprice {
font-size: 20px;
line-height: .8;
letter-spacing: -.022em
}
@media (min-width: 769px) {
.o-simulator-revo .o-simulator_amount .a-textprice {
font-size:24px;
line-height: .66667;
letter-spacing: -.02792em
}
}
.o-simulator-hasmodalopener .o-simulator_amount {
flex: 1
}
.o-simulator_amount .a-textprice {
margin-top: 6px;
font-size: 20px;
line-height: .8;
letter-spacing: -.022em;
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
@media (min-width: 769px) {
.o-simulator_amount .a-textprice {
margin-top:12px;
font-size: 30px;
line-height: .53333;
letter-spacing: -.01467em
}
}
@media (min-width: 769px) {
.o-simulator_amount .a-textprice small {
font-size:14px;
line-height: 1.21429;
letter-spacing: -.02214em
}
}
.o-simulator_title {
color: #666;
font-size: 12px;
line-height: 1.75;
letter-spacing: -.0225em;
font-weight: 600
}
@media (max-width: 768px) {
.o-simulator-revo .o-simulator_title {
flex:0 0 131px;
text-align: left
}
}
.o-simulator_maincontainer {
display: flex;
flex: 1;
justify-content: right
}
@media (max-width: 768px) {
.o-simulator_maincontainer {
position:absolute;
top: 8px;
left: 50%;
flex-direction: column;
width: 100%;
transform: translateX(-50%)
}
}
@media (min-width: 769px) {
.o-simulator_maincontainer {
margin-right:20px
}
}
.o-simulator_modal {
display: flex;
align-items: center;
justify-content: center
}
@media (min-width: 769px) {
.o-simulator_modal {
flex:0 0 230px
}
}
.o-simulator-revo .o-simulator_modal .a-button {
padding-right: 0
}
.o-simulator-hasmodalopener .o-simulator_modal {
position: relative
}
.o-simulator_info {
position: relative;
left: 10px;
display: inline-block;
padding: 6px;
cursor: pointer
}
body.is-pc .o-simulator_info:focus,body.is-pc .o-simulator_info:hover {
opacity: .5
}
body:not(.is-pc) .o-simulator_info:active {
opacity: .5
}
@media (max-width: 768px) {
.o-simulator-hasmodalopener .o-simulator_info {
position:absolute;
left: calc(50% + 100px);
margin-left: 0
}
}
.o-simulator_button {
display: flex;
align-items: center
}
.o-simulator-revo .o-simulator_button,.o-simulator-revoonlybuttons .o-simulator_button {
flex: 1;
justify-content: space-between
}
.o-simulator_button .a-textlink {
margin-right: 26px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em;
font-weight: 600
}
@media (min-width: 769px) {
.o-simulator_button .a-textlink {
margin-right:58px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em
}
}
@media (min-width: 769px) {
.o-simulator-revo .o-simulator_button .a-textlink {
margin-right:0
}
}
.o-simulator_button .a-button {
width: 105px;
height: 48px;
padding-right: 30px
}
@media (min-width: 769px) {
.o-simulator_button .a-button {
width:172px
}
}
.o-simulator-revo .o-simulator_button .a-button,.o-simulator-revoonlybuttons .o-simulator_button .a-button {
width: 172px;
height: 48px
}
@media (min-width: 769px) {
.o-simulator-revo .o-simulator_button .a-button,.o-simulator-revoonlybuttons .o-simulator_button .a-button {
width:190px
}
}
@media (min-width: 769px) {
.o-simulator-revo .o-simulator_button .a-button-primary,.o-simulator-revoonlybuttons .o-simulator_button .a-button-primary {
flex:0 0 190px
}
}
.o-simulatorrevolving_wrapper {
padding: 15px;
background-color: #faf9f5;
border-radius: 12px
}
@media (min-width: 769px) {
.o-simulatorrevolving_wrapper {
display:flex;
align-items: center;
padding: 30px
}
}
.o-simulatorrevolving_title {
position: relative;
display: flex;
align-items: center;
padding-bottom: 13px;
border-bottom: 1px dotted #ebebeb;
font-size: 16px;
line-height: 1.5;
letter-spacing: -.0225em;
font-weight: 600
}
@media (min-width: 769px) {
.o-simulatorrevolving_title {
padding-right:36px;
padding-bottom: 0;
border: none
}
}
@media (min-width: 769px) {
.o-simulatorrevolving_title:after {
position:absolute;
top: 50%;
right: 0;
width: 1px;
height: 70px;
content: "";
border-right: 1px dotted #e6e6e6;
transform: translateY(-50%)
}
}
.o-simulatorrevolving_title>span {
display: inline-flex;
width: 28px;
height: 28px;
padding: 4px;
margin-right: 7px;
background-color: #fff;
border-radius: 50%
}
.o-simulatorrevolving_title>span .a-icon {
width: 20px;
height: 20px
}
.o-simulatorrevolving_options {
padding-top: 21px
}
@media (min-width: 769px) {
.o-simulatorrevolving_options {
display:flex;
flex: 1 1 auto;
padding-top: 0;
padding-left: 26px
}
}
@media (min-width: 769px) {
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem {
display:flex;
align-items: center;
width: 50%
}
}
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem:nth-child(odd) {
padding-bottom: 16px
}
@media (min-width: 769px) {
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem:nth-child(odd) {
padding-right:13px;
padding-bottom: 0
}
}
@media (min-width: 769px) {
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem:nth-child(2n) {
padding-left:13px
}
}
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem>span {
padding-right: 18px;
font-size: 16px;
line-height: 1.3125;
letter-spacing: -.0225em;
font-weight: 600
}
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem .a-pulldown,.o-simulatorrevolving_options .o-simulatorrevolving_optionitem .a-textfield {
padding-top: 6px
}
@media (min-width: 769px) {
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem .a-pulldown,.o-simulatorrevolving_options .o-simulatorrevolving_optionitem .a-textfield {
flex:1 1 0%;
flex-wrap: nowrap;
width: auto;
padding-top: 0
}
}
.o-simulatorrevolving_options .o-simulatorrevolving_optionitem .a-textfield_unit {
flex: 0 0 22px
}
.o-simulatorrevolving .m-totalamountbox_amountvalue {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif
}
.o-sptchatleadsection_box {
background: #faf9f5;
width: 100vw;
min-width: 1024px;
padding: 40px calc(50vw - 500px);
margin-left: calc(500px - 50vw)
}
@media (min-width: 1024px) and (max-width:1204px) {
.o-sptchatleadsection_box {
padding:40px 102px;
margin-left: calc(-50vw - 102px);
transform: translateX(50%)
}
}
@media (max-width: 1023px) {
.o-sptchatleadsection_box {
width:1024px;
padding: 40px 102px;
margin-left: -102px;
transform: none
}
}
@media (max-width: 768px) {
.o-sptchatleadsection_box {
width:100vw;
min-width: auto;
padding: 30px 16px;
margin-left: -16px;
width: calc(100% + 32px)
}
}
@media (max-width: 768px) {
.o-sptchatleadsection_box .a-button {
width:286px
}
}
@media (min-width: 769px) {
.o-sptchatleadsection_title {
margin-top:20px;
margin-right: 57px
}
}
.o-sptchatleadsection_leadtext {
font-size: 16px;
line-height: 1.4375;
letter-spacing: -.0225em
}
.o-sptchatleadsection_textlist {
width: 100%;
padding: 17px;
background: #fff;
border: 1px solid #ebebeb;
border-radius: 4px
}
@media (max-width: 768px) {
.o-sptchatleadsection_textlist {
width:100%;
margin-top: 27px
}
}
.o-sptchatleadsection_captions {
padding-top: 18px
}
@media (min-width: 769px) {
.o-sptchatleadsection_captions {
padding-top:25px
}
}
.o-sptchatleadsection_captions .a-caption {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.o-sptchatleadsection_captions .a-caption:first-child {
margin: 0
}
.o-tabs:focus {
outline: none
}
.o-tabs .react-tabs__tab-list,.o-tabs_tablist {
position: relative;
display: table;
padding: 0;
margin: 0 auto 20px;
text-align: center;
border: 1px solid #eee;
border-radius: 8px;
box-shadow: 0 1px 6px 0 rgba(0,0,0,.05)
}
@media (min-width: 769px) {
.o-tabs .react-tabs__tab-list,.o-tabs_tablist {
margin-bottom:36px
}
}
.o-tabs .react-tabs__tab,.o-tabs_tab {
font-size: 14px;
font-weight: 600;
position: relative;
display: inline-block;
flex-basis: 100%;
width: 155px;
padding: 18px 12px;
color: #8c8c8c
}
@media (min-width: 769px) {
.o-tabs .react-tabs__tab,.o-tabs_tab {
width:185px
}
}
.o-tabs .react-tabs__tab:focus,.o-tabs_tab:focus {
outline: none
}
.o-tabs .react-tabs__tab:after,.o-tabs_tab:after {
position: absolute;
top: 50%;
right: 0;
display: block;
height: 22px;
content: "";
border-right: 1px solid #eee;
transform: translateY(-50%)
}
.o-tabs .react-tabs__tab:last-of-type:after,.o-tabs_tab:last-of-type:after {
display: none
}
.o-tabs .react-tabs__tab>a,.o-tabs_tab>a {
display: block;
margin: -18px -12px;
line-height: 56px;
color: #1a1a1a;
text-align: center;
opacity: .5
}
.o-tabs_tab-selected {
color: #b60081
}
.o-tabs_tab-selected>a {
display: inline-block;
color: #b60081;
pointer-events: none;
border-bottom: 2px solid #b60081;
opacity: 1
}
.o-tabs_tab-selected>.o-tabs_tabtitle:after {
position: absolute;
bottom: -18px;
left: 50%;
width: 100%;
content: "";
border-bottom: 2px solid #b60081;
transform: translateX(-50%)
}
.o-tabs body.is-pc .react-tabs__tab:hover,body.is-pc .o-tabs .react-tabs__tab:hover,body.is-pc .o-tabs_tab:hover {
color: #b60081
}
.o-tabs body.is-pc .react-tabs__tab:hover>a,body.is-pc .o-tabs .react-tabs__tab:hover>a,body.is-pc .o-tabs_tab:hover>a {
color: #b60081;
opacity: 1!important
}
.o-tabs_tabtitle {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center
}
.o-tabs .react-tabs__tab--selected {
color: #b60081
}
.o-tabs .react-tabs__tab--selected>a {
display: inline-block;
color: #b60081;
pointer-events: none;
border-bottom: 2px solid #b60081;
opacity: 1
}
.o-tabs .react-tabs__tab--selected>.o-tabs_tabtitle:after {
position: absolute;
bottom: -18px;
left: 50%;
width: 100%;
content: "";
border-bottom: 2px solid #b60081;
transform: translateX(-50%)
}
.o-tabs .react-tabs__tab-panel {
display: none
}
.o-tabs .react-tabs__tab-panel--selected {
display: block
}
.o-tabs-modal .react-tabs__tab-list {
display: flex
}
.o-tabs-modal .react-tabs__tab {
padding: 13px 12px 8px
}
.o-tabs-modal .react-tabs__tab--selected>.o-tabs_tabtitle:after {
bottom: -14px
}
@media (max-width: 768px) {
.o-tabs-horizontallysp .react-tabs__tab-list,.o-tabs-pointwithicon .react-tabs__tab-list {
display:flex;
align-items: center
}
}
.o-tabs-small .react-tabs__tab-list {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 8px
}
.o-tabs-small .react-tabs__tab {
width: 79px;
padding: 20px 12px;
color: #8c8c8c
}
.o-tabs-small .react-tabs__tab>div {
font-size: 16px;
line-height: 1.5;
letter-spacing: -.0225em
}
.o-tabs-small .react-tabs__tab--selected {
color: #b60081
}
.o-tabs-small .react-tabs__tab--selected>a {
display: inline-block;
color: #b60081;
pointer-events: none;
border-bottom: 2px solid #b60081;
opacity: 1
}
.o-tabs-small .react-tabs__tab--selected>.o-tabs_tabtitle:after {
position: absolute;
bottom: -20px;
left: 50%;
width: 100%;
content: "";
border-bottom: 2px solid #b60081;
transform: translateX(-50%)
}
.o-tabs-pointwithicon .react-tabs__tab-list {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px
}
@media (max-width: 768px) {
.o-tabs-pointwithicon .react-tabs__tab-list {
margin-bottom:16px
}
}
.o-tabs-pointwithicon .react-tabs__tab {
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap
}
.o-tabs-pointwithicon .react-tabs__tab>div {
font-size: 13px;
line-height: 1.5;
letter-spacing: -.01692em;
font-weight: 600
}
@media (max-width: 768px) {
.o-tabs-pointwithicon .react-tabs__tab {
padding:15px 12px 13px 10px
}
}
.o-tabs-pointwithicon .react-tabs__tab:first-child {
padding: 15px 16px 13px 17px
}
.o-tabs-pointwithicon .react-tabs__tab:first-child>div {
font-family: HelveticaNeue,Helvetica Neue,Arial,Hiragino Sans,繝｡繧､繝ｪ繧ｪ,Meiryo,sans-serif;
font-weight: 500;
font-size: 15px;
line-height: 1.4;
letter-spacing: -.01467em
}
.o-modalgeneralcontent .o-tabs-pointwithicon .react-tabs__tab--selected,.o-tabs-pointwithicon .react-tabs__tab--selected {
color: #b60081
}
.o-modalgeneralcontent .o-tabs-pointwithicon .react-tabs__tab--selected>a {
display: inline-block;
color: #b60081;
pointer-events: none;
border-bottom: 2px solid #b60081;
opacity: 1
}
.o-modalgeneralcontent .o-tabs-pointwithicon .react-tabs__tab--selected>.o-tabs_tabtitle:after {
position: absolute;
bottom: -18px;
left: 50%;
width: 100%;
content: "";
border-bottom: 2px solid #b60081;
transform: translateX(-50%)
}
@media (max-width: 768px) {
.o-modalgeneralcontent .o-tabs-pointwithicon .react-tabs__tab--selected {
color:#b60081
}
.o-modalgeneralcontent .o-tabs-pointwithicon .react-tabs__tab--selected>a {
display: inline-block;
color: #b60081;
pointer-events: none;
border-bottom: 2px solid #b60081;
opacity: 1
}
.o-modalgeneralcontent .o-tabs-pointwithicon .react-tabs__tab--selected>.o-tabs_tabtitle:after {
position: absolute;
bottom: -13px;
left: 50%;
width: 100%;
content: "";
border-bottom: 2px solid #b60081;
transform: translateX(-50%)
}
}
.o-tabs-pointwithicon .react-tabs__tab--selected>a {
display: inline-block;
color: #b60081;
pointer-events: none;
border-bottom: 2px solid #b60081;
opacity: 1
}
.o-tabs-pointwithicon .react-tabs__tab--selected>.o-tabs_tabtitle:after {
position: absolute;
bottom: -13px;
left: 50%;
width: 100%;
content: "";
border-bottom: 2px solid #b60081;
transform: translateX(-50%)
}
.o-tabs-pointwithicon+.m-buttoncontainer {
margin-top: 20px
}
@media (max-width: 768px) {
.o-tabs-pointwithicon+.m-buttoncontainer {
margin-top:30px
}
}
.o-tabs-nounderline .o-tabs_tabtitle:after {
display: none
}
.o-topfirstviewcontent {
position: relative;
z-index: 1;
width: 100%;
padding: 60px 60px 40px;
background: #fff;
border-radius: 12px;
box-shadow: 0 0 14px 0 rgba(0,0,0,.06),0 10px 24px 0 rgba(0,0,0,.06)
}
@media (max-width: 768px) {
.o-topfirstviewcontent {
padding:30px 15px 15px
}
.o-topfirstviewcontent.o-topfirstviewcontent-verticalcardface {
padding-bottom: 30px
}
}
.o-topfirstviewcontent .m-heading-typeh2 {
margin-bottom: 12px
}
.o-topfirstviewcontent .o-list {
margin-top: 27px
}
.o-topfirstviewcontent_card {
width: 133px;
height: 82px;
margin: -60px auto 0;
transform: translateY(-30px)
}
@media (max-width: 768px) {
.o-topfirstviewcontent_card {
margin-top:-30px
}
}
.o-topfirstviewcontent-verticalcardface .o-topfirstviewcontent_card {
height: 100%;
margin: -90px auto 0;
transform: translateY(-20px)
}
@media (max-width: 768px) {
.o-topfirstviewcontent-verticalcardface .o-topfirstviewcontent_card {
margin-top:-60px
}
}
.o-topfirstviewcontent_topimage {
width: 84px;
margin: -33px auto 20px;
background-color: #fafafa;
border-radius: 50%
}
@media (max-width: 768px) {
.o-topfirstviewcontent_topimage {
width:75px;
margin-top: 0
}
}
.o-topfirstviewcontent .m-buttoncontainer {
margin-top: 20px
}
.o-topfirstviewcontent .m-buttoncontainer:last-child {
margin-bottom: 20px
}
@media (max-width: 768px) {
.o-topfirstviewcontent .m-buttoncontainer:last-child {
margin-bottom:25px
}
}
.o-topfirstviewcontent .m-buttoncontainer_caption {
margin-bottom: 20px
}
.t-carddetailpage {
position: relative;
min-height: 100vh;
padding-bottom: 255px;
overflow: hidden
}
@media (min-width: 769px) {
.t-carddetailpage {
padding-bottom:234px
}
}
@media (max-width: 768px) {
.t-carddetailpage .m-heading_title:before {
margin-top:2px
}
}
@media (max-width: 768px) {
.t-carddetailpage .m-heading_title {
font-size:18px;
line-height: 1.33333;
letter-spacing: -.02222em
}
}
.t-carddetailpage .m-fixedcardbanner_pc {
left: 0;
transition: transform .4s cubic-bezier(.2,.4,.2,1) 0s;
transform: none
}
@media (min-width: 1366px) {
.t-carddetailpage .m-fixedcardbanner_pc {
transform:translateX(140px)
}
}
@media (min-width: 1366px) {
.t-carddetailpage .m-fixedcardbanner_bg {
left:calc((100% - 1024px)/2 + 152px)
}
}
.t-carddetailpage .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-carddetailpage .o-header {
left:140px
}
}
.t-carddetailpage .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-carddetailpage .o-main {
left:140px
}
}
.t-carddetailpage .o-footer {
padding-bottom: 100px;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-carddetailpage .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.t-carddetailpage .o-footer {
padding-bottom:20px
}
}
.t-carddetailpage .js-headercontainer-nolink>.o-header {
transition: none
}
@media (min-width: 1366px) {
.t-carddetailpage .js-headercontainer-nolink>.o-header {
left:0
}
}
.t-carddetailpage .js-headercontainer-nolink~.o-main {
transition: none
}
@media (min-width: 1366px) {
.t-carddetailpage .js-headercontainer-nolink~.o-main {
left:0
}
}
@media (min-width: 1204px) {
.t-carddetailpage .js-headercontainer-nolink~.o-main .m-fixedcardbanner_pc {
transform:none
}
}
.t-carddetailpage .js-headercontainer-nolink~.o-footer {
transition: none
}
@media (min-width: 1366px) {
.t-carddetailpage .js-headercontainer-nolink~.o-footer {
left:0
}
}
.t-error404page {
position: relative;
min-height: 100vh;
padding-bottom: 255px;
overflow-x: hidden
}
@media (min-width: 769px) {
.t-error404page {
padding-bottom:134px
}
}
body.is-aw .t-error404page {
padding-bottom: 88px
}
.t-error404page .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-error404page .o-header {
left:140px
}
}
.t-error404page .o-header_cardswitchercontainer {
display: none
}
.t-error404page .m-heading.m-heading-typeh1 {
margin-top: -25px;
margin-bottom: 45px
}
@media (max-width: 768px) {
.t-error404page .m-heading.m-heading-typeh1 {
width:100%;
padding: 36px 0 0;
margin-top: 0;
margin-bottom: 20px;
background-color: transparent;
border-bottom: none
}
}
.t-error404page .m-heading.m-heading-typeh1 .m-heading_text {
font-weight: 300;
font-size: 18px;
line-height: 1.44444;
letter-spacing: -.02222em
}
@media (min-width: 769px) {
.t-error404page .m-heading.m-heading-typeh1 .m-heading_text {
font-size:22px;
line-height: 1.45455;
letter-spacing: -.02227em
}
}
.t-error404page .m-heading.m-heading-typeh1,.t-error404page .m-heading.m-heading-typeh1+.o-section {
max-width: 284px;
margin-right: auto;
margin-left: auto
}
@media (min-width: 769px) {
.t-error404page .m-heading.m-heading-typeh1,.t-error404page .m-heading.m-heading-typeh1+.o-section {
max-width:430px
}
}
.t-error404page .o-main {
position: relative;
left: 0;
padding-top: 147px;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-error404page .o-main {
left:140px
}
}
@media (max-width: 768px) {
.t-error404page .o-main {
padding:0 20px 40px
}
}
.t-error404page .o-main .a-text {
margin-bottom: 45px
}
@media (min-width: 769px) {
.t-error404page .o-main .a-text {
margin-bottom:55px
}
}
.t-error404page .o-main .a-image {
max-width: 224px;
margin: 0 auto
}
@media (min-width: 769px) {
.t-error404page .o-main .a-image {
max-width:266px
}
}
.t-error404page .o-main .m-buttoncontainer {
margin-top: 60px
}
@media (min-width: 769px) {
.t-error404page .o-main .m-buttoncontainer {
margin-top:80px
}
}
@media (max-width: 768px) {
.t-error404page .o-main .m-buttoncontainer .a-button {
max-width:278px
}
}
.t-error404page .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-error404page .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.t-error404page .o-footer {
padding-bottom:20px
}
}
.t-errorpage {
position: relative;
min-height: 100vh;
padding-bottom: 255px;
overflow-x: hidden
}
@media (min-width: 769px) {
.t-errorpage {
padding-bottom:134px
}
}
.t-errorpage:not(.t-errorpage-nomenu) .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-errorpage:not(.t-errorpage-nomenu) .o-header {
left:140px
}
}
.t-errorpage:not(.t-errorpage-nomenu) .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-errorpage:not(.t-errorpage-nomenu) .o-main {
left:140px
}
}
.t-errorpage:not(.t-errorpage-nomenu) .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-errorpage:not(.t-errorpage-nomenu) .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.t-errorpage:not(.t-errorpage-nomenu) .o-footer {
padding-bottom:20px
}
}
body.is-aw .t-errorpage {
padding-bottom: 88px
}
.t-errorpage .m-heading.m-heading-typeh1 {
margin-bottom: 46px;
background-color: #fff;
border-bottom: none
}
@media (max-width: 768px) {
.t-errorpage .m-heading.m-heading-typeh1 {
width:100%;
padding: 43px 0 0;
margin-bottom: 22px;
margin-left: 0
}
}
.t-errorpage .m-heading.m-heading-typeh1 .a-icon {
display: none
}
.t-errorpage .m-heading.m-heading-typeh1 .m-heading_text {
font-weight: 300;
font-size: 18px;
line-height: 1.44444;
letter-spacing: -.02222em
}
@media (min-width: 769px) {
.t-errorpage .m-heading.m-heading-typeh1 .m-heading_text {
font-size:22px;
line-height: 1.45455;
letter-spacing: -.02227em
}
}
.t-errorpage .o-main {
max-width: 746px;
padding-top: 147px
}
@media (max-width: 768px) {
.t-errorpage .o-main {
padding:0 45px 38px
}
}
.t-errorpage .o-main .a-errorcode+p {
margin: 17px 0 13px;
font-size: 14px;
line-height: 1.5;
letter-spacing: -.02214em
}
@media (min-width: 769px) {
.t-errorpage .o-main .a-errorcode+p {
margin:37px 0 18px
}
}
.t-errorpage .o-main .a-caption {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.t-errorpage .o-main .m-buttoncontainer {
margin-top: 57px
}
@media (min-width: 769px) {
.t-errorpage .o-main .m-buttoncontainer {
margin-top:75px
}
}
@media (max-width: 768px) {
.t-errorpage .o-main .m-buttoncontainer .a-button {
max-width:278px
}
}
@media (max-width: 768px) {
.t-errorpage .o-main .m-buttoncontainer-columnmatchlength .a-button {
max-width:100%;
font-size: 16px;
letter-spacing: -.05em
}
}
@media (max-width: 768px) {
.t-errorpage .o-footer {
padding-bottom:20px
}
}
.t-formpage {
position: relative;
min-height: 100vh;
padding-bottom: 79px;
overflow-x: hidden
}
@media (max-width: 768px) {
.t-formpage {
padding-bottom:68px
}
}
.t-formpage-hassimulator {
padding-bottom: 158px
}
@media (max-width: 768px) {
.t-formpage-hassimulator {
padding-bottom:136px
}
}
.t-formpage-hassimulator footer {
bottom: 100px
}
@media (max-width: 768px) {
.t-formpage-hassimulator footer {
bottom:70px
}
}
.t-formpage:not(.t-formpage-nomenubar) .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-formpage:not(.t-formpage-nomenubar) .o-header {
left:140px
}
}
.t-formpage:not(.t-formpage-nomenubar) .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-formpage:not(.t-formpage-nomenubar) .o-main {
left:140px
}
}
.t-formpage:not(.t-formpage-nomenubar) .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-formpage:not(.t-formpage-nomenubar) .o-footer {
left:140px
}
}
.t-formpage:not(.t-formpage-nomenubar) .o-simulator {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-formpage:not(.t-formpage-nomenubar) .o-simulator {
left:140px
}
}
@media (min-width: 769px) {
.t-formpage-hidefooteronfirstview {
min-height:calc(100vh + 79px)
}
}
@media (max-width: 768px) {
.t-formpage-hidefooteronfirstview {
min-height:calc(100vh + 88px)
}
}
@media (max-width: 768px) {
.t-formpage-hassimulatorwithoutmodalopener {
padding-bottom:166px
}
}
@media (max-width: 768px) {
.t-formpage-hassimulatorwithoutmodalopener footer {
bottom:100px
}
}
@media (max-width: 768px) {
.t-formpage-hassimulatorwithmodalopener {
padding-bottom:224px
}
}
@media (max-width: 768px) {
.t-formpage-hassimulatorwithmodalopener footer {
bottom:158px
}
}
@media (max-width: 768px) {
.t-formpage .o-footer {
padding-bottom:20px
}
}
@media (max-width: 768px) {
.t-formpage .o-menubar {
display:none
}
}
.t-formpage.is-wellness .js-wellnesshidden {
display: none;
visibility: hidden
}
@media (min-width: 769px) {
.t-formpage .o-tabs-pointwithicon .react-tabs__tab-list {
margin-bottom:36px
}
}
@media (min-width: 769px) {
.t-formpage .o-tabs-pointwithicon .react-tabs__tab-list .react-tabs__tab {
padding-top:14px;
padding-bottom: 13px
}
.t-formpage .o-tabs-pointwithicon .react-tabs__tab-list .react-tabs__tab .a-icon {
margin-right: 16px
}
}
.t-formpage .o-tabs-pointwithicon .a-textpoint {
font-size: 28px;
line-height: 1.21429;
letter-spacing: -.00786em;
margin-top: 2px
}
.t-formpage .a-cardradio-simplepoint .a-cardradio_indicator {
left: 19px
}
.t-formpage .a-cardradio-simplepoint .a-cardradio_body {
padding: 19px 19px 11px 64px
}
.t-general {
position: relative;
padding-bottom: 255px;
overflow-x: hidden
}
@media (min-width: 769px) {
.t-general {
min-height:100vh;
padding-bottom: 134px
}
}
@media (max-width: 768px) {
.t-general {
min-height:100vh
}
}
body.is-aw .t-general {
padding-bottom: 88px
}
.t-general .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-general .o-header {
left:140px
}
}
.t-general .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-general .o-main {
left:140px
}
}
.t-general .o-main .a-leadimagearea_imagepc {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-general .o-main .a-leadimagearea_imagepc {
left:-140px
}
}
.t-general .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-general .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.t-general .o-footer {
padding-bottom:20px
}
}
@media (min-width: 769px) {
.t-general-withpointbanner .o-main {
padding-bottom:180px
}
}
.t-general .js-headercontainer-nolink>.o-header {
transition: none
}
@media (min-width: 1366px) {
.t-general .js-headercontainer-nolink>.o-header {
left:0
}
}
.t-general .js-headercontainer-nolink~.o-main {
transition: none
}
@media (min-width: 1366px) {
.t-general .js-headercontainer-nolink~.o-main {
left:0
}
}
.t-general .js-headercontainer-nolink~.o-main .a-leadimagearea_imagepc {
transition: none
}
@media (min-width: 1366px) {
.t-general .js-headercontainer-nolink~.o-main .a-leadimagearea_imagepc {
left:0
}
}
.t-general .js-headercontainer-nolink~.o-footer {
transition: none
}
@media (min-width: 1366px) {
.t-general .js-headercontainer-nolink~.o-footer {
left:0
}
}
.t-general .o-section-gray+.o-tabs {
margin-top: 60px
}
@media (min-width: 769px) {
.t-general .o-section-gray+.o-tabs {
margin-top:80px
}
}
@media (max-width: 768px) {
.t-general .js-headerWrapper-withcardswitcher+.o-main>.a-image:first-child,.t-general .js-headerWrapper-withcardswitcher+.o-main>.p-campaigncontentsbody:first-child {
margin-top:80px
}
}
@media (max-width: 768px) {
.t-general .js-headercontainer:not(.js-headerWrapper-withcardswitcher)+.o-main>.a-image:first-child,.t-general .js-headercontainer:not(.js-headerWrapper-withcardswitcher)+.o-main>.p-campaigncontentsbody:first-child {
margin-top:15px
}
}
.t-general-mtp .o-section-nomainpaddingtop {
padding-top: 20px;
border-top: none
}
.t-general-mtp .m-infobannercontainer {
width: 100%;
min-height: 59px;
margin-top: 0
}
@media (max-width: 768px) {
.t-general-mtp .m-infobannercontainer {
min-height:100%;
margin-bottom: 0
}
.t-general-mtp .m-infobannercontainer .m-alertcontainer {
margin-bottom: 20px
}
}
.t-loginpage {
position: relative;
min-height: 100vh;
padding-bottom: 68px;
overflow-x: hidden
}
@media (min-width: 769px) {
.t-loginpage {
padding-bottom:79px
}
}
body.is-aw .t-loginpage {
padding-bottom: 88px
}
.t-loginpage_hero {
position: relative;
left: 0;
display: block;
background-image: url(/-/media/aeoncard/assets/images/login/bg-lgi-small.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-loginpage_hero {
left:140px
}
}
@media (max-width: 768px) {
.t-loginpage_hero {
padding:0 16px 40px
}
}
.t-loginpage_hero_container {
display: flex;
padding: 23px 55px;
background-color: #fff;
border-radius: 12px
}
@media (max-width: 768px) {
.t-loginpage_hero_container {
display:block;
padding: 30px
}
}
.t-loginpage_hero>.o-section {
max-width: 1204px;
padding: 60px 102px 80px;
margin: 0 auto
}
@media (max-width: 768px) {
.t-loginpage_hero>.o-section {
padding:0
}
}
.t-loginpage_hero>.o-section>.o-section>form>.o-grid>.o-grid_body>.o-grid_cell:last-child {
position: absolute;
bottom: 0;
left: -30px
}
@media (max-width: 768px) {
.t-loginpage_hero>.o-section>.o-section>form>.o-grid>.o-grid_body>.o-grid_cell:last-child {
position:inherit
}
}
@media (max-width: 768px) {
.t-loginpage_hero>.o-section .a-textfield_togglevisible {
right:11px
}
}
.t-loginpage_hero .m-heading.m-heading-typeh1 {
margin-bottom: 20px;
border: none
}
@media (max-width: 768px) {
.t-loginpage_hero .m-heading.m-heading-typeh1 {
padding:0;
margin-bottom: 4px;
background-color: transparent
}
}
@media (max-width: 768px) {
.t-loginpage_hero .m-infobannercontainer {
padding-top:20px;
margin: 0
}
}
@media (max-width: 768px) {
.t-loginpage_hero .js-lgi0101-section_hero {
padding-top:30px;
margin-top: 0
}
}
@media (max-width: 768px) {
.t-loginpage_hero>.js-infobanner+.js-lgi0101-section_hero {
padding-top:0;
margin-top: 30px
}
}
@media (min-width: 769px) {
.t-loginpage_loginform {
flex:1;
padding: 22px 55px 0 0;
border-right: 1px solid #e6e7f0
}
}
@media (max-width: 768px) {
.t-loginpage_loginform {
width:100%
}
}
.t-loginpage_loginform_links {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
}
@media (min-width: 769px) {
.t-loginpage_loginform_links {
margin-top:25px
}
}
@media (max-width: 768px) {
.t-loginpage_loginform_links {
flex-flow:column;
margin-bottom: 14px
}
}
.t-loginpage_loginform_links .m-buttoncontainer {
order: 2;
width: 100%;
margin: 37px 0 0
}
@media (max-width: 768px) {
.t-loginpage_loginform_links .m-buttoncontainer {
order:0;
width: 100%;
margin: 25px 0 20px
}
}
@media (max-width: 768px) {
.t-loginpage_loginform_links .m-buttoncontainer+div {
width:100%
}
}
.t-loginpage_loginform_links .m-buttoncontainer .a-button {
width: 222px
}
.t-loginpage_loginform .m-fieldrow {
margin: 0
}
@media (min-width: 769px) {
.t-loginpage_loginform .m-fieldrow:not(:first-child) {
margin-top:25px
}
}
@media (max-width: 768px) {
.t-loginpage_loginform .m-fieldrow:not(:first-child) {
margin-top:20px
}
}
@media (min-width: 769px) {
.t-loginpage_otheroptions {
flex:1;
padding: 22px 0 0 55px
}
}
@media (max-width: 768px) {
.t-loginpage_otheroptions {
padding-top:25px;
border-top: 1px solid #e6e7f0
}
}
@media (min-width: 769px) {
.t-loginpage_otheroptions_wallet {
margin-bottom:30px
}
}
@media (max-width: 768px) {
.t-loginpage_otheroptions_wallet {
margin-bottom:25px
}
}
@media (max-width: 768px) {
.t-loginpage_otheroptions_wallet .m-heading-typeh3 {
margin-bottom:4px
}
}
.t-loginpage_otheroptions_wallet .a-text {
color: #666;
font-size: 12px
}
.t-loginpage_otheroptions_wallet .m-buttoncontainer {
margin: 25px 0 0
}
.t-loginpage_otheroptions_wallet .m-buttoncontainer .a-button {
width: 222px
}
.t-loginpage_otheroptions_signup {
padding-top: 30px;
border-top: 1px solid #e6e7f0
}
@media (max-width: 768px) {
.t-loginpage_otheroptions_signup {
padding-top:25px
}
}
@media (max-width: 768px) {
.t-loginpage_otheroptions_signup .m-heading-typeh3 {
margin-bottom:4px
}
}
.t-loginpage_otheroptions_signup .a-text:first-of-type {
color: #666;
font-size: 12px
}
@media (max-width: 768px) {
.t-loginpage_otheroptions_signup .a-text:first-of-type {
margin-bottom:11px
}
}
.t-loginpage_otheroptions_signup .m-buttoncontainer {
margin: 25px 0 0
}
.t-loginpage_otheroptions_signup .m-buttoncontainer .a-button {
width: 222px
}
@media (max-width: 768px) {
.t-loginpage .o-menubar {
display:none
}
}
.t-loginpage .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-loginpage .o-header {
left:140px
}
}
.t-loginpage .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-loginpage .o-main {
left:140px
}
}
@media (max-width: 768px) {
.t-loginpage .o-main {
padding-top:40px
}
}
.t-loginpage .o-main .m-heading-typeh2 {
margin-bottom: 0
}
.t-loginpage .o-main>.o-section>.m-linkcontainer .a-textlink {
position: relative;
right: -7px
}
.t-loginpage .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.t-loginpage .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.t-loginpage .o-footer {
padding-bottom:20px
}
}
.t-simplepage {
position: relative;
min-height: 100vh;
padding-bottom: 68px;
overflow-x: hidden
}
@media (min-width: 769px) {
.t-simplepage {
padding-bottom:79px
}
}
.p-awlogin {
max-width: 330px;
padding: 0 15px;
margin: 32px auto
}
.p-awlogin .m-fieldrow+.m-buttoncontainer {
margin-top: 36px
}
.p-awlogin .m-fieldrow+.m-buttoncontainer button {
width: 254px
}
.p-awlogin .m-fieldrow+.m-buttoncontainer button .a-icon {
right: 9px;
width: 17px;
height: 17px
}
.p-awlogin .m-linkcontainer>li:not(:last-child) {
margin-bottom: 6px
}
.p-awlogin .m-linkcontainer .a-textlink {
color: #1a1a1a
}
@media (max-width: 768px) {
.p-campaigncontentsbody .o-section .o-section~.o-section {
margin-top:25px
}
}
.p-campaigncontentsbody .m-heading-typeh2 .m-heading_body {
padding-bottom: 7px
}
@media (max-width: 768px) {
.p-campaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) {
padding:0;
background-color: transparent
}
}
@media (min-width: 769px) {
.js-headerWrapper-withcardswitcher~.o-main .p-campaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question),.o-header-withcardswitcher~.o-main .p-campaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) {
margin-top:0
}
}
@media (min-width: 769px) {
.p-campaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) .m-heading_body {
padding-top:20px;
padding-bottom: 20px
}
}
@media (max-width: 768px) {
.p-campaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) .m-heading_body {
padding-top:5px
}
}
.p-campaigncontentsbody_inner .m-buttoncontainer {
position: relative;
padding: 20px 0
}
@media (min-width: 769px) {
.p-campaigncontentsbody_inner .m-buttoncontainer {
padding:30px 0;
margin: 60px 0
}
}
@media (max-width: 768px) {
.p-campaigncontentsbody_inner .m-buttoncontainer {
margin:40px 0
}
}
.p-campaigncontentsbody_inner .m-buttoncontainer:last-of-type {
margin-bottom: 17px
}
.p-campaigncontentsbody_inner .m-buttoncontainer:after {
position: absolute;
top: 0;
left: -50vw;
z-index: -1;
display: block;
width: 200vw;
height: 100%;
content: "";
background: #fafafa
}
.p-campaigncontentsbody_inner .a-text {
font-size: 12px;
line-height: 1.5;
letter-spacing: -.0225em
}
.p-campaigncontentsbody+.m-buttoncontainer {
margin-top: 80px
}
@media (max-width: 768px) {
.p-campaigncontentsbody+.m-buttoncontainer {
margin-top:60px
}
}
@media (max-width: 768px) {
.p-newcampaigncontentsbody_inner {
margin-top:30px
}
}
.p-newcampaigncontentsbody .o-section~.o-section {
margin-top: 60px
}
@media (max-width: 768px) {
.p-newcampaigncontentsbody .o-section~.o-section {
margin-top:40px
}
}
.p-newcampaigncontentsbody .m-heading-typeh2 {
margin-bottom: 7px
}
.p-newcampaigncontentsbody .m-heading-typeh2 .m-heading_body {
padding-bottom: 5px
}
@media (max-width: 768px) {
.p-newcampaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) {
padding:0;
margin-right: -16px;
margin-left: -16px;
background-color: transparent
}
}
.p-newcampaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) .m-heading_body {
padding-top: 0;
padding-bottom: 14px
}
@media (max-width: 768px) {
.p-newcampaigncontentsbody .m-heading-typeh1:not(.m-heading-topic):not(.m-heading-question) .m-heading_body {
padding:0 16px 14px
}
}
.p-newcampaigncontentsbody_footerbanner .a-text {
margin-bottom: 10px;
color: #a20073;
font-size: 16px;
font-weight: 600
}
.p-newcampaigncontentsbody .a-text {
font-size: 14px;
line-height: 1.5;
letter-spacing: -.01429em
}
.p-newcampaigncontentsbody .a-text:not(:last-child) {
margin-bottom: 14px
}
.p-newcampaigncontentsbody p:not(:last-child) {
margin-bottom: 14px
}
.p-newcampaigncontentsbody .m-buttoncontainer {
position: relative;
padding: 0
}
@media (min-width: 769px) {
.p-newcampaigncontentsbody .m-buttoncontainer {
margin:60px 0
}
}
@media (max-width: 768px) {
.p-newcampaigncontentsbody .m-buttoncontainer {
margin:40px 0
}
}
.p-newcampaigncontentsbody .m-buttoncontainer+.m-buttoncontainer {
margin-top: 120px
}
@media (max-width: 768px) {
.p-newcampaigncontentsbody .m-buttoncontainer+.m-buttoncontainer {
margin-top:80px
}
}
.p-newcampaigncontentsbody .a-image {
margin-bottom: 0
}
.p-newcampaigncontentsbody .a-image~.a-text,.p-newcampaigncontentsbody .a-image~p {
margin-top: 14px
}
.p-newcampaigncontentsbody+.m-buttoncontainer {
margin-top: 80px
}
@media (max-width: 768px) {
.p-newcampaigncontentsbody+.m-buttoncontainer {
margin-top:60px
}
}
.p-opentop {
position: relative;
min-height: 100vh;
padding-bottom: 163px;
overflow: hidden
}
@media (max-width: 768px) {
.p-opentop {
padding-bottom:255px
}
}
body.is-aw .p-opentop {
padding-bottom: 88px
}
@media (max-width: 768px) {
.p-opentop_wraphead {
display:flex;
flex-flow: column
}
}
.p-opentop .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop .o-header {
left:140px
}
}
@media (max-width: 768px) {
.p-opentop .o-header {
order:2
}
}
.p-opentop_hcarousel {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop_hcarousel {
left:140px
}
}
@media (min-width: 769px) {
.p-opentop_hcarousel {
max-width:1204px;
padding: 20px 102px 0;
margin: 0 auto
}
.p-opentop_hcarousel .m-herocarousel_slide {
overflow: hidden;
border-radius: 12px
}
}
@media (max-width: 768px) {
.p-opentop_hcarousel {
order:1
}
}
@media (max-width: 768px) {
.p-opentop_hcarousel .m-herocarousel_pagination {
display:none
}
}
.p-opentop .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop .o-main {
left:140px
}
}
@media (min-width: 769px) {
.p-opentop .o-main {
padding-top:17px;
padding-bottom: 50px
}
}
@media (max-width: 768px) {
.p-opentop .o-main {
padding-bottom:60px
}
}
.p-opentop .o-main>.o-section:first-of-type {
padding-top: 0
}
@media (min-width: 769px) {
.p-opentop .o-main .o-section>.m-heading-typeh2.m-heading-center {
margin-bottom:60px
}
}
@media (min-width: 769px) {
.p-opentop .o-main .o-section-pink,.p-opentop .o-main .o-section-toplifestyle {
padding-top:80px;
padding-bottom: 80px
}
}
@media (max-width: 768px) {
.p-opentop .o-main .o-topfirstviewcontent {
margin-top:46px
}
}
.p-opentop .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.p-opentop .o-footer {
padding-bottom:20px
}
}
.p-opentop2 {
position: relative;
min-height: 100vh;
padding-bottom: 163px;
overflow: hidden
}
@media (max-width: 768px) {
.p-opentop2 {
padding-bottom:255px
}
}
body.is-aw .p-opentop2 {
padding-bottom: 88px
}
@media (max-width: 768px) {
.p-opentop2_wraphead {
display:flex;
flex-flow: column
}
}
.p-opentop2 .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop2 .o-header {
left:140px
}
}
@media (max-width: 768px) {
.p-opentop2 .o-header {
order:2
}
}
.p-opentop2_hcarousel {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop2_hcarousel {
left:140px
}
}
@media (min-width: 769px) {
.p-opentop2_hcarousel {
max-width:1204px;
padding: 20px 102px 0;
margin: 0 auto
}
.p-opentop2_hcarousel .m-herocarousel2_slide {
overflow: hidden
}
}
@media (max-width: 768px) {
.p-opentop2_hcarousel {
order:1
}
}
@media (max-width: 768px) {
.p-opentop2 .m-alertcontainer {
margin:13px 0 16px
}
}
@media (min-width: 769px) {
.p-opentop2 .m-alertcontainer {
margin:36px 0 80px
}
}
.p-opentop2 .m-alertcontainer-nomargin {
margin: 0
}
.p-opentop2 .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop2 .o-main {
left:140px
}
}
@media (min-width: 769px) {
.p-opentop2 .o-main {
padding-top:17px;
padding-bottom: 50px
}
}
@media (max-width: 768px) {
.p-opentop2 .o-main {
padding-bottom:60px
}
}
@media (min-width: 769px) {
.p-opentop2 .o-main .o-section>.m-heading-typeh2.m-heading-center {
margin-bottom:60px
}
}
@media (min-width: 769px) {
.p-opentop2 .o-main .o-section-pink,.p-opentop2 .o-main .o-section-toplifestyle {
padding-top:80px;
padding-bottom: 80px
}
}
.p-opentop2 .o-main .o-topfirstviewcontent-verticalcardface {
margin-top: 130px
}
@media (max-width: 768px) {
.p-opentop2 .o-main .o-topfirstviewcontent-verticalcardface {
margin-top:110px
}
}
.p-opentop2 .o-main .o-topfirstviewcontent-nologinhistory {
margin-bottom: 80px
}
@media (max-width: 768px) {
.p-opentop2 .o-main .o-topfirstviewcontent-nologinhistory {
margin-bottom:60px
}
}
.p-opentop2 .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-opentop2 .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.p-opentop2 .o-footer {
padding-bottom:20px
}
}
.p-opentop2_idsignup .a-text {
margin-bottom: 0
}
.p-opentop2_idsignup .a-button {
font-size: 16px;
line-height: 1.1875;
letter-spacing: -.0225em
}
@media (max-width: 768px) {
.p-opentop2_idsignup .a-button {
width:255px
}
}
@media (max-width: 768px) {
.p-opentop2_idsignup .m-heading_body {
justify-content:center
}
}
.p-opentop2_idsignup .m-heading-center {
margin-bottom: 12px!important
}
.p-opentop2_idsignup_wallet {
flex: 0 0 50%;
margin-top: 30px
}
@media (max-width: 768px) {
.p-opentop2_idsignup_wallet {
border-bottom:1px solid #e6e7f0
}
}
@media (min-width: 769px) {
.p-opentop2_idsignup_wallet {
border-right:1px solid #e6e7f0
}
}
.p-opentop2_idsignup_wallet .m-buttoncontainer {
margin-top: 30px;
margin-bottom: 0
}
.p-opentop2_idsignup_wallet .m-buttoncontainer .m-buttoncontainer_caption {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0
}
@media (max-width: 768px) {
.p-opentop2_idsignup_wallet .m-buttoncontainer:first-child {
margin-top:0
}
}
.p-opentop2_idsignup_wallet .m-buttoncontainer:last-child {
margin-top: 20px;
margin-bottom: 30px
}
@media (min-width: 769px) {
.p-opentop2_idsignup_wallet .m-buttoncontainer:last-child {
margin-top:10px
}
}
.p-opentop2_idsignup_signup {
flex: 0 0 50%;
padding: 0 30px;
margin-top: 30px
}
@media (min-width: 769px) {
.p-opentop2_idsignup_signup {
display:flex;
justify-content: center;
padding: 0;
margin-top: 60px
}
}
@media (max-width: 768px) {
.p-opentop2_idsignup_signup .m-heading {
padding:0 25px;
text-align: center
}
}
.p-opentop2_idsignup_signup .a-text {
color: #666;
font-size: 12px;
line-height: 1.75;
letter-spacing: 0
}
@media (max-width: 768px) {
.p-opentop2_idsignup_signup .a-text {
text-align:center
}
}
@media (max-width: 768px) {
.p-opentop2_idsignup_signup .m-buttoncontainer {
margin-top:20px
}
}
.p-opentop2_idsignup_signup .m-buttoncontainer_caption {
margin-top: 0
}
@media (min-width: 769px) {
.p-opentop2_idsignup_signup .m-buttoncontainer_caption {
text-align:left
}
}
.p-opentop2_idsignup_signup .a-button {
height: 56px;
border-radius: 28px
}
@media (min-width: 769px) {
.p-opentop2_idsignup_wrapper {
max-width:370px;
margin-left: 49px
}
}
.p-opentop2_idsignup_image {
width: 84px;
margin: 0 auto 20px;
background-color: #fafafa;
border-radius: 50%
}
@media (max-width: 768px) {
.p-opentop2_idsignup_image {
width:75px;
margin-top: 0
}
}
.p-opentop2_idsignup_container {
display: flex;
margin-top: 0
}
@media (max-width: 768px) {
.p-opentop2_idsignup_container {
display:block
}
}
.p-settingsservice {
position: relative;
padding-bottom: 255px;
overflow-x: hidden
}
body.is-aw .p-settingsservice {
padding-bottom: 88px
}
.p-settingsservice .o-header {
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-settingsservice .o-header {
left:140px
}
}
.p-settingsservice .o-main {
position: relative;
left: 0;
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-settingsservice .o-main {
left:140px
}
}
.p-settingsservice .o-footer {
transition: left .4s cubic-bezier(.2,.4,.2,1) 0s
}
@media (min-width: 1366px) {
.p-settingsservice .o-footer {
left:140px
}
}
@media (max-width: 768px) {
.p-settingsservice .o-footer {
padding-bottom:20px
}
}
@media (min-width: 769px) {
.p-settingsservice .o-main .a-button-primary {
width:244px
}
.p-settingsservice .o-main .m-buttoncontainer {
margin-top: 18px;
margin-bottom: 14px;
border-bottom: 1px dotted #f0f0f0
}
.p-settingsservice .o-main .m-buttoncontainer_wrapper {
margin-bottom: 29px
}
.p-settingsservice .o-main .m-buttoncontainer:last-child {
margin-top: 41px
}
}
.p-vccard {
padding: 16px 18px
}
.p-vccard_cardcopyright {
margin-bottom: 20px;
color: #9b9a9a;
font-size: 10px;
line-height: 1.2
}
.p-vccard_carddetail {
display: flex;
margin-bottom: 24px
}
.p-vccard_carddetail>div {
flex: 1;
padding-bottom: 22px
}
.p-vccard_carddetail>div:first-child {
border-right: 1px solid #e4e4e4
}
.p-vccard_carddetail>div:last-child>p {
margin-left: 18px
}
.p-vccard_cardccv,.p-vccard_cardexpdate,.p-vccard_cardnumber {
text-align: center;
font-size: 26px
}
.p-vccard .a-text {
margin-bottom: 13px
}
.p-vccard .a-image {
margin-bottom: 12px
}
.p-vccard .a-line {
margin: 20px 0 24px;
background-color: #e4e4e4
}
.p-vccard .a-button {
max-width: 240px;
height: 40px
}
.p-vccard .a-button span {
font-size: 14px
}