@charset "UTF-8";

/* ----------------------------------------------------------------

  base

----------------------------------------------------------------- */

* {
margin: 0;
border: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html, body {
line-height: 1.5714;
background-color: #fff;
color: #5b5b5b;
font-size: 14px;
font-family: sans-serif;
letter-spacing: -.0001em;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
p {
margin-bottom: 12px;
}
ul, ol {
list-style: none;
margin-bottom: 12px;
}
dl, dd {
margin-bottom: 12px;
}
dt {
font-weight: bold;
}
address {
font-style: normal;
}
table {
width: 100%;
margin-bottom: 12px;
}
th,
td {
text-align: left;
vertical-align: middle;
}

img {
vertical-align: top;
}

a {
color: #06c;
text-decoration: none;
}
strong {
color: #ca018f;
}
strong, b {
font-weight: bold;
}
em {
font-style: normal;
}
small {
font-size: 100%;
}
sup,
sub {
font-size: 9px;
}
mark {
background-color: #fae59b;
font-weight: bold;
}


/* ----------------------------------------------------------------

  header

----------------------------------------------------------------- */

#header {
position: relative;
background-color: #fff;
z-index: 99;
}

#logo {
width: 185px;
line-height: 1;
margin-bottom: 0;
}
#logo a {
display: block;
padding: 15px 10px 10px 10px;
}
#logo a img {
width: 165px;
height: 31px;
}

/* menu
----------------------------------------------- */

#search > h2,
#menu > h2 {
position: absolute;
top: 12px;
right: 70px;
width: 50px;
height: 38px;
overflow: hidden;
padding: 22px 2px 2px 2px;
border-radius: 3px;
background-color: #7a7a7a;
color: #fff;
font-size: 10px;
text-align: center;
}
#menu > h2 {
right: 10px;
background-color: #bc940a;
}
#search > h2[role="button"],
#menu > h2[role="button"] {
cursor: pointer;
}
#search > h2 span:before,
#search > h2 span:after {
content: "";
position: absolute;
display: block;
}
#search > h2 span:before {
top: 5px;
right: 19px;
width: 9px;
height: 9px;
border: 2px solid #fff;
border-radius: 10px;
background-color: #7a7a7a;
z-index: 2;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
#search > h2 span:after {
top: 16px;
right: 16px;
width: 7px;
height: 3px;
border-radius: 2px;
background-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#menu > h2:before,
#menu > h2 span:before,
#menu > h2 span:after {
content: "";
position: absolute;
right: 18px;
display: block;
width: 14px;
height: 2px;
background-color: #fff;
}
#menu > h2:before {
top: 8px;
}
#menu > h2 span:before {
top: 13px;
}
#menu > h2 span:after {
top: 18px;
}
#search > h2.open span:before,
#search > h2.open span:after,
#menu > h2.open span:before,
#menu > h2.open span:after {
top: 12px;
right: 17px;
width: 16px;
height: 2px;
border: 0;
border-radius: 0;
background-color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#search > h2.open span:after,
#menu > h2.open span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#menu > h2.open:before {
display: none;
}
#search > form,
#menu > .inner {
display: none;
}
.static #search > form,
.static #menu > .inner {
display: block;
}

.nav-global {
margin-bottom: 0;
padding: 12px 10px;
background-color: #fae59b;
}
.nav-global.top {
margin: 0 -10px 0 -10px;
padding: 0;
background-color: #fff;
}
.nav-global.top:after {
  content: "";
  clear: both;
  display: block;
}
.nav-global.border-b,
.nav-global > li {
border-bottom: 1px solid #dadada;
}
.nav-global > li:first-child {
border-top: 1px solid #dadada;
}
.nav-global.top > li {
border-bottom: 0;
border-top: 1px solid #dadada;
}

.nav-global a,
.nav-global b {
position: relative;
display: block;
overflow: hidden;
color: #5b5b5b;
}
.nav-global > li > a,
.nav-global > li > b {
border-left: 4px solid #bc940a;
padding: 12px 40px 12px 15px;
background-color: #fff;
font-size: 16px;
font-weight: bold;
}
.nav-global.top > li {
	float:left;
	width:50%;
}
.nav-global.top > li > a,
.nav-global.top > li > b {
padding: 15px 20px 15px 10px;
font-size: 14px;
}

.nav-global > li > b[role="button"] {
cursor: pointer;
}
.nav-global > li > ul {
display: none;
margin-bottom: 0;
}
.static .nav-global > li > ul,
.static .nav-global > li > b.open + ul {
display: block;
}
.nav-global > li > ul li {
border-top: 1px solid #dadada;
}
.nav-global > li > ul li a {
padding: 9px 35px 9px 10px;
background-color: #fffcf0;
font-size: 14px;
}
.nav-global > li > a:before,
.nav-global > li > ul li a:before {
content: "";
position: absolute;
top: 50%;
right: 18px;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #bc940a;
border-right: 2px solid #bc940a;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-global > li > a:before {
right: 20px;
}
.nav-global.top > li > a:before {
right: 10px;
}
.nav-global > li > b[role="button"]:before,
.nav-global > li > b[role="button"]:after {
content: "";
position: absolute;
top: 50%;
right: 18px;
display: block;
width: 8px;
height: 0;
margin-top: -1px;
border-top: 2px solid #bc940a;
}
.nav-global > li > b.close[role="button"]:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.nav-global > li > b.open[role="button"]:after {
display: none;
}
.nav-global > li > b[role="button"] span:before {
content: "";
position: absolute;
top: 50%;
right: 12px;
display: block;
width: 16px;
height: 16px;
margin-top: -10px;
border: 2px solid #bc940a;
border-radius: 10px;
background-color: transparent;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.nav-global > li.credit > a,
.nav-global > li.credit > b,
.nav-global > li.credit > a:before,
.nav-global > li.credit > b:before,
.nav-global > li.credit > b:after,
.nav-global > li.credit > b span:before,
.nav-global > li.credit > ul li a:before {border-color: #fa4b62;}
.nav-global > li.credit > ul li a {background-color: #fff0f2;}
.nav-global > li.point > a,
.nav-global > li.point > b,
.nav-global > li.point > a:before,
.nav-global > li.point > b:before,
.nav-global > li.point > b:after,
.nav-global > li.point > b span:before,
.nav-global > li.point > ul li a:before {border-color: #ff8121;}
.nav-global > li.point > ul li a {background-color: #fff6f0;}
.nav-global > li.bank > a,
.nav-global > li.bank > b,
.nav-global > li.bank > a:before,
.nav-global > li.bank > b:before,
.nav-global > li.bank > b:after,
.nav-global > li.bank > b span:before,
.nav-global > li.bank > ul li a:before {border-color: #42bde3;}
.nav-global > li.bank > ul li a {background-color: #edf9fc;}
.nav-global > li.campaign > a,
.nav-global > li.campaign > b,
.nav-global > li.campaign > a:before,
.nav-global > li.campaign > b:before,
.nav-global > li.campaign > b:after,
.nav-global > li.campaign > b span:before,
.nav-global > li.campaign > ul li a:before {border-color: #78b82a;}
.nav-global > li.campaign > ul li a {background-color: #f1f7e9;}
.nav-global > li.life > a,
.nav-global > li.life > b,
.nav-global > li.life > a:before,
.nav-global > li.life > b:before,
.nav-global > li.life > b:after,
.nav-global > li.life > b span:before,
.nav-global > li.life > ul li a:before {border-color: #10b589;}
.nav-global > li.life > ul li a {background-color: #ebfaf6;}
.nav-global > li > b[role="button"] i {
position: absolute;
top: -999em;
right: -999em;
}

.nav-mypage {
margin-bottom: 0;
padding: 10px 10px 5px 10px;
background-color: #ebebeb;
}
.nav-mypage dt {
margin: 5px 10px 5px 0;
color: #5b5b5b;
font-size: 16px;
font-weight: bold;
}
.nav-mypage dd {
margin-bottom: 0;
}
.nav-mypage dd ul {
overflow: hidden;
margin-bottom: 0;
}
.nav-mypage dd ul li {
float: left;
width: 31.33333%;
margin-right: 3%;
}
.nav-mypage dd ul li:nth-child(3n) {
margin-right: 0;
}
.nav-mypage dd ul li a {
position: relative;
display: block;
height: 88px;
overflow: hidden;
margin-bottom: 16px;
-webkit-box-shadow: 0 6px 1px #ccc;
box-shadow: 0 6px 0 #ccc;
border-radius: 3px;
padding: 60px 5px 5px 5px;
background-color: #fff;
color: #5b5b5b;
font-size: 12px;
text-align: center;
}
.nav-mypage dd ul li a:before {
content: "";
position: absolute;
top: 12.5px;
left: 50%;
display: block;
width: 40px;
height: 40px;
margin-left: -20px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/icon-menu-sprite.png) no-repeat scroll 0 0;
-webkit-background-size: 300px 50px;
background-size: 300px 50px;
}
.nav-mypage dd ul li.billing-check       a:before {background-position:    0   0;}
.nav-mypage dd ul li.change-registration a:before {background-position:  -50px 0;}
.nav-mypage dd ul li.change-payment      a:before {background-position: -100px 0;}
.nav-mypage dd ul li.caching             a:before {background-position: -150px 0;}
.nav-mypage dd ul li.web-specification   a:before {background-position: -200px 0;}
.nav-mypage dd ul li.mypage              a:before {background-position: -250px 0;}
.nav-mypage dd ul li a:active,
.nav-mypage dd ul li a:focus {
top: 3px;
-webkit-box-shadow: 0 3px 1px #ccc;
box-shadow: 0 3px 0 #ccc;
background-color: #f2f2f2;
}

.nav-utility {
margin-bottom: 0;
padding: 12px 10px;
background-color: #7a7a7a;
}
.nav-utility li + li {
margin-top: 2px;
}
.nav-utility li a {
line-height: 20px;
padding: 10px;
background-color: #fff;
color: #5b5b5b;
font-size: 14px;
}


/* ----------------------------------------------------------------

  main

----------------------------------------------------------------- */

#main {
background-color: #fff;
}

#main-inner {
padding: 0 10px 12px 10px;
}


/* ----------------------------------------------------------------

  footer

----------------------------------------------------------------- */

.nav-local {
padding: 2px 10px;
background-color: #f2f2f2;
font-size: 12px;
}
.nav-local.credit   {background-color: #fa4b62;}
.nav-local.point    {background-color: #ff8121;}
.nav-local.bank     {background-color: #42bde3;}
.nav-local.campaign {background-color: #78b82a;}
.nav-local.life     {background-color: #10b589;}
.nav-local p {
position: relative;
margin-bottom: 0;
}
.nav-local p a {
display: block;
padding: 10px 0 10px 26px;
color: #fff;
font-weight: bold;
}
.nav-local p a:before {
content: "";
position: absolute;
top: 50%;
left: 6px;
display: block;
width: 3px;
height: 3px;
margin-top: -2.5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-local p a:after{
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: 14px;
height: 14px;
margin-top: -9px;
border: 2px solid #fff;
border-radius: 9px;
background-color: transparent;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.nav-local ul {
margin: 10px 0;
border-radius: 4px;
background-color: #fff;
}
.nav-local > p + ul {
margin-top: 2px;
}
.nav-local ul li + li {
border-top: 1px solid #dadada;
}
.nav-local ul li a {
padding: 10px 12px;
color: #5b5b5b;
}

.ui-device-change {
overflow: hidden;
margin-bottom: 15px;
border-bottom: 1px solid #dadada;
padding: 12px 30px;
line-height: 30px;
}
.ui-device-change dt {
float: left;
width: 15%;
font-size: 13px;
}
.ui-device-change dd {
display: table;
float: right;
width: 85%;
margin-bottom: 0;
font-size: 12px;
}
.ui-device-change dd span,
.ui-device-change dd a {
display: table-cell;
width: 50%;
text-align: center;
}
.ui-device-change dd span {
border-radius: 4px 0 0 4px;
background-color: #5d5d5d;
color: #fff;
}
.ui-device-change dd a {
border-radius: 0 4px 4px 0;
background-color: #f2f2f2;
}

.list-link-footer {
line-height: 20px;
margin: 0 10px 20px 10px;
font-size: 12px;
text-align: center;
}
.list-link-footer li{
display: inline-block;
}
.list-link-footer li a{
position: relative;
display: inline-block;
margin: 0 10px;
padding-left: 10px;
}
.list-link-footer li a:before {
content: "";
position: absolute;
top: 50%;
left: -2px;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #777;
border-right: 2px solid #777;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.text-tree {
display: table;
line-height: 15px;
margin: 15px 20px;
font-size: 12px;
}
.text-tree span {
display: table-cell;
width: 50%;
vertical-align: middle;
}
.text-tree span img {
display: block;
width: 113px;
height: 24px;
margin: 0 auto;
}

.ui-pagetop {
position: static;
bottom: 0;
right: 0;
z-index: 100;
width: 40px;
margin: 12px 10px 12px auto;
}
.ui-pagetop a {
position: relative;
display: block;
width: 40px;
height: 40px;
border-radius: 20px;
padding: 18px 0 0 .15em;
background-color: #000;
color: #fff;
font-size: 8px;
text-align: center;
letter-spacing: .15em;
opacity: .5;
}
.ui-pagetop a:before {
content: "";
position: absolute;
top: 10px;
left: 50%;
display: block;
width: 6px;
height: 6px;
border-top: 2px solid #fff;
border-left: 2px solid #fff;
margin-left: -4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.copyright {
margin-bottom: 0;
padding: 1em 10px;
background-color: #5d5d5d;
text-align: center;
}
.copyright small {
line-height: 17px;
color: #fff;
font-size: 12px;
}


/* ----------------------------------------------------------------

  modules

----------------------------------------------------------------- */

/* area
----------------------------------------------- */

.area-search-01 {
padding: 12px 20px;
background-color: #7a7a7a;
}
.area-search-01.credit {background-color: #ffe0e4;}
.area-search-01.point {background-color: #ffede0;}
.area-search-01.bank {background-color: #def5fc;}
.area-search-01.campaign {background-color: #eaf7da;}
.area-search-01.life {background-color: #dcfaf2;}
#main .area-search-01 {
margin: 0 -10px 12px -10px;
}
.area-search-01:after {
  content: "";
  display: block;
  clear: both;
}
.area-search-01 .inner {
position: relative;
width: 280px;
margin: 0 auto;
}
.area-search-01 .inner input[type="text"],
.area-search-01 .inner input[type="submit"] {
float: left;
display: block;
height: 38px;
border-radius: 0;
font-size: 14px;
vertical-align: middle;
-webkit-appearance: none;
appearance: none;
}
.area-search-01 .inner input[type="text"] {
width: 212px;
line-height: 1;
padding: 12px 4px;
background-color: #fff;
}
.area-search-01 .inner input[type="submit"] {
width: 66px;
padding-left: 30px;
background-color: #ebebeb;
color: #5b5b5b;
text-align: left;
}
.area-search-01 .inner:before,
.area-search-01 .inner:after {
content: "";
position: absolute;
display: block;
}
.area-search-01 .inner:before {
top: 11px;
right: 43px;
width: 9px;
height: 9px;
border: 2px solid #696969;
border-radius: 6.5px;
background-color: #ebebeb;
z-index: 2;
}
.area-search-01 .inner:after {
top: 22px;
right: 40px;
width: 7px;
height: 3px;
border-radius: 2px;
background-color: #696969;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.area-search-02 {
margin: 0 -10px 12px -10px;
padding: 12px 10px 1px 10px;
background-color: #faf1d5;
}
.area-search-02 > input[type="text"] {
display: block;
width: 280px;
height: 38px;
line-height: 1;
margin: 0 auto;
border-radius: 0;
border: 1px solid #e1e1e1;
padding: 12px 4px;
background-color: #fff;
font-size: 14px;
-webkit-appearance: none;
appearance: none;
}
.area-search-02 > ul {
margin: 10px;
}
.area-search-02 > ul > li {
margin-bottom: .25em;
}
.area-search-02 > ul > li > label {
position: relative;
display: block;
padding-left: 20px;
}
.area-search-02 > ul > li > label > input[type="checkbox"],
.area-search-02 > ul > li > label > input[type="radio"] {
position: absolute;
top: .25em;
left: 0;
}

.area-extend-01 {
margin-left: -10px;
margin-right: -10px;
}

.area-enclosed-01 {
margin: 0 -10px 12px -10px;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 12px 10px 0 10px;
}
.area-enclosed-01 + .area-enclosed-01 {
border-top: 0;
padding-top: 0;
}
.area-enclosed-01 > .link {
display: block;
}
.area-enclosed-01 > .link p {
color: #5c5c5c;
}

.area-enclosed-02 {
margin: 0 -10px 12px -10px;
border-bottom: 1px solid #dadada;
padding: 12px 10px 0 10px;
}

.area-enclosed-03 {
margin: 0 -10px;
border-top: 1px solid #dadada;
padding: 12px 10px 0 10px;
}

.area-box-01,
.area-related-01,
.area-caution-01 {
margin-bottom: 12px;
border-radius: 3px;
border: 1px solid #dadada;
background-color: #fff;
padding: 12px 10px 0 10px;
}
.area-caution-01 {
border-color: #f7c6cc;
}
.area-box-01 .hdg,
.area-related-01 .hdg,
.area-caution-01 .hdg {
margin: -12px -10px 12px -10px;
border-radius: 2px 2px 0 0;
padding: 9px 10px;
background-color: #fcf6de;
font-size: 14px;
font-weight: bold;
}
.area-box-01.point .hdg {
background-color: #ffede0;
}
.area-related-01 .hdg {
background-color: #f2f2f2;
}
.area-caution-01 .hdg {
position: relative;
padding-left: 35px;
background-color: #fff0f2;
color: #ca018f;
}
.area-caution-01 .hdg > .caution,
.area-caution-02 span > .caution {
position: absolute;
top: .75em;
left: 8px;
z-index: 2;
width: 0;
height: 0;
line-height: 22px;
overflow: visible;
border-style: solid;
border-width: 0 10px 18px 10px;
border-color: transparent transparent #fee148 transparent;
color: #4c4c4c;
font-size: 12px;
text-indent: -2px;
text-align: center;
}
.area-box-01 .list-link-01,
.area-related-01 .list-link-01,
.area-caution-01 .list-link-01 {
margin-top: -12px;
margin-bottom: 0;
border-top: 0;
}
.area-box-01 .list-link-01 li:last-child,
.area-related-01 .list-link-01 li:last-child,
.area-caution-01 li:last-child {
border-bottom: 0;
}
.area-box-01 .text-num-01 b,
.area-box-01 .text-num-01 b a,
.area-related-01 .text-num-01 b,
.area-related-01 .text-num-01 b a,
.area-caution-01 .text-num-01 b,
.area-caution-01 .text-num-01 b a {
font-size: 28px;
}

.area-frame-01 {
margin-bottom: 12px;
border-radius: 4px;
padding: 12px 10px 1px 10px;
background-color: #f5f3eb;
}

.area-frame-02 {
margin: 0 -10px;
border-top: 1px solid #dadada;
padding: 12px 10px 1px 10px;
background-color: #fcf6de;
}
.area-frame-02 > .hdg {
line-height: 1.2;
margin-bottom: 12px;
color: #fa4b62;
font-size: 18px;
font-weight: normal;
text-align: center;
}

.area-frame-03 {
margin-bottom: 12px;
padding: 12px 10px 1px 10px;
background-color: #f2f2f2;
}

.area-category-01 {
margin: 0 -10px 12px -10px;
padding: 12px 10px 1px 10px;
background-color: #f6e9be;
}
.area-category-01.credit {background-color: #ffe0e4;}
.area-category-01.point {background-color: #ffede0;}
.area-category-01.bank {background-color: #def5fc;}
.area-category-01.campaign {background-color: #eaf7da;}
.area-category-01.life {background-color: #dcfaf2;}

.area-important-01 {
margin-bottom: 12px;
border-radius: 6px 6px 4px 4px;
padding: 12px 10px 1px 10px;
background-color: #ebebeb;
}
.area-important-01 .hdg {
margin: -12px -10px 12px -10px;
border-radius: 4px 4px 0 0;
padding: 14px 10px 9px 10px;
background-color: #ca018f;
color: #fff;
font-size: 14px;
font-weight: bold;
}

.area-feature-01 {
margin-bottom: 12px;
border-radius: 4px;
border: 5px solid #d9d9d9;
}
.area-feature-01 > .inner {
border-radius: 1px;
border: 1px solid #cecece;
padding: 0 8px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-area-feature-01.png) repeat scroll 0 0;
-webkit-background-size: 12px 12px;
background-size: 12px 12px;
}
.area-feature-01 > .inner > .hdg {
position: relative;
left: -14px;
display: inline-block;
line-height: 24px;
margin: 8px 0 10px 0;
border-left: 5px solid #a07e09;
-webkit-box-shadow: 1px 0 1px #987808 inset;
box-shadow: 1px 0 0 #987808 inset;
padding: 4px 12px;
background-color: #bc940a;
color: #fff;
font-size: 16px;
font-weight: normal;
}

.area-banner-01,
.area-banner-02 {
overflow: hidden;
margin-bottom: 8px;
text-align: center;
}
.area-banner-01 li,
.area-banner-02 li {
margin-bottom: 12px;
}
.area-banner-01 li {
float: left;
width: 50%;
}
.area-banner-01 li a,
.area-banner-02 li a {
display: inline-block;
}

.area-choose-01 {
margin-bottom: 12px;
border-radius: 4px;
border: 2px solid #dadada;
padding: 12px 10px 0 10px;
text-align: center;
}
.area-choose-01 > ul {
overflow: hidden;
margin: -12px -5px 0 -5px;
}
.area-choose-01 > ul > li {
float: left;
width: 50%;
}
.area-choose-01 > ul > li > .ui-btn-normal-01,
.area-choose-01 > ul > li > .ui-btn-em-01 {
width: 90%;
line-height: 22px;
font-size: 16px;
}
.area-choose-01 > ul > li > .ui-btn-normal-01 {
padding-top: 9px;
padding-bottom: 9px;
}

.area-application-01 {
margin: 0 -10px 12px -10px;
padding: 12px 10px;
background-color: #fae59b;
}
.area-application-01 .lead {
font-weight: bold;
text-align: center;
}
.area-application-01 > .hdg {
margin-bottom: 12px;
color: #fa4b62;
font-weight: bold;
text-align: center;
}
.area-application-01 > .inner {
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);
border-radius: 4px;
padding: 12px 10px 1px 10px;
background-color: #fff;
}
.area-application-01 > .inner + .inner {
margin-top: 12px;
}
.area-application-01 > .inner > .hdg {
position: relative;
margin-bottom: 6px;
padding-left: 14px;
font-size: 16px;
font-weight: bold;
}
.area-application-01 > .inner > .hdg:before {
content: "";
position: absolute;
top: .2em;
left: 0;
bottom: .2em;
width: 4px;
border-radius: 2px;
background-color: #fa4b62;
}
.area-application-01 > .ui-btn-normal-01,
.area-application-01 > .ui-btn-em-01 {
margin-top: 0;
margin-bottom: 6px;
}
.area-application-01 .text-num-01 {
margin-bottom: 0;
}
.area-application-01 .text-num-01 b,
.area-application-01 .text-num-01 b a {
font-size: 28px;
}
.area-application-01 .list-icon-01.reg {
text-align: center;
}
.area-application-01 .list-icon-01.reg > li {
float: none;
display: inline-block;
}

.area-solution-01 {
position: relative;
margin: 0 -10px 12px -10px;
border-top: 12px solid #fff;
padding: 12px 10px;
background-color: #fcf6de;
}
.area-solution-01:before {
content: "";
position: absolute;
top: -12px;
right: 10px;
display: block;
width: 100px;
height: 160px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-area-solution-01.png) no-repeat scroll 0 0;
-webkit-background-size: 200px 265px;
background-size: 200px 265px;
}
.area-solution-01.atmcd:before {
background-position: 0 0;
}
.area-solution-01.h24d365:before {
background-position: -100px 0;
}
.area-solution-01 > .list-01 {
min-height: 126px;
margin-right: 110px;
font-weight: bold;
}
.area-solution-01 > .then {
padding-top: 25px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-area-solution-01.png) no-repeat scroll center -240px;
-webkit-background-size: 200px 265px;
background-size: 200px 265px;
color: #fa4b62;
font-weight: bold;
text-align: center;
}
.area-solution-01 > .inner,
.area-solution-02 > .inner {
padding: 12px 10px 1px 10px;
background-color: #fff;
}
.area-solution-01 > .inner > .solution {
position: relative;
min-height: 80px;
padding-right: 90px;
}
.area-solution-01 > .inner > .solution:before {
content: "";
position: absolute;
top: 0;
right: 0;
display: block;
width: 80px;
height: 80px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-area-solution-01.png) no-repeat scroll 0 -160px;
-webkit-background-size: 200px 265px;
background-size: 200px 265px;
}
.area-solution-01.atmcd > .inner > .solution:before {
background-position: 0 -160px;
}
.area-solution-01.h24d365 > .inner > .solution:before {
background-position: -100px -160px;
}
.area-solution-01 > .inner > .solution p {
font-size: 16px;
}
.area-solution-01 > .inner + .inner {
border-top: 1px solid #dadada;
}
.area-solution-01 > .inner .text-num-01 b,
.area-solution-01 > .inner .text-num-01 b a {
font-size: 28px;
}

.area-conversion-01 {
position: relative;
z-index: 1;
margin: 0 -10px 12px -10px;
padding: 12px 10px;
background-color: #fcf6de;
}
.area-conversion-01:after {
content: "";
position: absolute;
top: 12px;
left: 10px;
right: 10px;
bottom: 12px;
z-index: 2;
display: block;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.area-conversion-01 > .inner {
position: relative;
z-index: 3;
padding: 12px 10px 1px 10px;
background-color: #fefdf8;
}
.area-conversion-01 > .inner + .inner {
border-top: 1px solid #dadada;
}
.area-conversion-01 > .inner > .ui-btn-small-01:first-child,
.area-conversion-01 > .inner > .ui-btn-normal-01:first-child,
.area-conversion-01 > .inner > .ui-btn-em-01:first-child {
margin-top: 0;
}
.area-conversion-01 > .inner .text-num-01 b,
.area-conversion-01 > .inner .text-num-01 b a {
font-size: 28px;
}
.area-conversion-01.vested > .inner .text-lead-01 {
font-size: 18px;
font-weight: bold;
text-align: left;
}
.area-conversion-01.vested > .inner .panel {
overflow: hidden;
margin-bottom: 6px;
text-align: center;
}
.area-conversion-01.vested > .inner .panel > li {
float: left;
width: 50%;
margin-bottom: 6px;
}
.area-conversion-01.vested > .inner .panel > li:nth-child(odd) {
padding: 0 12px 0 6px;
}
.area-conversion-01.vested > .inner .panel > li:nth-child(even) {
padding: 0 6px 0 12px;
}
.area-conversion-01.vested > .inner .panel > li > a,
.area-conversion-01.vested > .inner .panel > li > span {
display: block;
}
.area-conversion-01.vested > .inner .panel > li > a:before,
.area-conversion-01.vested > .inner .panel > li > span:before {
content: "";
display: block;
width: 62px;
height: 60px;
margin: 0 auto;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-area-conversion-vested.png) no-repeat scroll 0 0;
-webkit-background-size: 280px 60px;
background-size: 280px 60px;
}
.area-conversion-01.vested > .inner .panel > li.webspec > a:before,
.area-conversion-01.vested > .inner .panel > li.webspec > span:before {
background-position: 0 0;
}
.area-conversion-01.vested > .inner .panel > li.change > a:before,
.area-conversion-01.vested > .inner .panel > li.change > span:before {
background-position: -70px 0;
}
.area-conversion-01.vested > .inner .panel > li.tokimeki > a:before,
.area-conversion-01.vested > .inner .panel > li.tokimeki > span:before {
background-position: -140px 0;
}
.area-conversion-01.vested > .inner .panel > li.waon > a:before,
.area-conversion-01.vested > .inner .panel > li.waon > span:before {
background-position: -210px 0;
}
.area-conversion-01.vested > .inner .ui-btn-normal-01,
.area-conversion-01.vested > .inner .ui-btn-em-01 {
margin-top: 0;
}

.area-conversion-02 {
margin: 0 -10px 12px -10px;
}
.area-conversion-02 > .inner-01 {
padding: 8px 10px;
background-color: #fae59b;
}
.area-conversion-02 > .inner-02 {
padding: 1px 10px;
background-color: #fcf6de;
}

.area-cardsort-01 {
position: relative;
margin: 0 -10px;
padding: 12px 10px;
background-color: #ffe0e4;
}
.area-cardsort-01 > .hdg {
line-height: 1.1;
margin-bottom: 12px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.area-cardsort-01 > .inner + .inner {
margin-top: 12px;
}
.area-cardsort-01 .panel {
overflow: hidden;
margin-bottom: 0;
background-color: #fff;
}
.area-cardsort-01 > .panel {
border-radius: 4px;
}
.area-cardsort-01 .panel > li {
float: left;
display: table;
width: 50%;
min-height: 60px;
border-top: 1px solid #dadada;
}
.area-cardsort-01 .panel li.checked {
background-color: #fae59b;
}
.area-cardsort-01 .panel li.disabled {
background-color: #f6f6f6;
color: #ccc;
}
.area-cardsort-01 .panel li:nth-child(1),
.area-cardsort-01 .panel li:nth-child(2) {
border-top: 0;
}
.area-cardsort-01 .panel li:nth-child(2n+2) {
border-left: 1px solid #dadada;
}
.area-cardsort-01 .panel li label {
display: table-cell;
vertical-align: middle;
}
.area-cardsort-01 .panel li label span {
position: relative;
display: block;
margin: 10px;
padding-left: 20px;
}
.area-cardsort-01 .panel li label span input {
position: absolute;
top: .2em;
left: 0;
}
.area-cardsort-01 .more,
.area-cardsort-01 .more dl,
.area-cardsort-01 .more dd {
margin-bottom: 0;
}
.area-cardsort-01 .more > dt {
border-radius: 4px 4px 0 0;
border-bottom: 1px solid #ccc;
padding: 10px;
background-color: #fff;
}
.area-cardsort-01 .more > dt > span {
display: block;
}
.area-cardsort-01 .more > dd > dl > dt {
border-bottom: 1px solid #dadada;
padding: 4px 10px;
background-color: #ebebeb;
}
.area-cardsort-01 .more > dd > dl > dd + dt {
border-top: 1px solid #dadada;
}
.area-cardsort-01 .more > dd > dl > dd:last-child ul {
border-radius: 0 0 4px 4px;
}
.area-cardsort-01:before,
.area-cardsort-01:after {
content: "";
position: absolute;
bottom: -35px;
left: 50%;
display: block;
margin-left: -30px;
}
.area-cardsort-01:before {
width: 60px;
height: 25px;
background-color: #fecbd2;
background-image: -webkit-gradient(left top, left bottom, color-stop(0, #fcb1bb), color-stop(100, #ffe6ea));
background-image: -webkit-linear-gradient(top, #fcb1bb 0, #ffe6ea 100%);
background-image: linear-gradient(to bottom, #fcb1bb 0, #ffe6ea 100%);
}
.area-cardsort-01:after {
z-index: 2;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 30px 0 30px;
border-color: transparent #fff transparent #fff;
}
.area-cardsort-01 + .text-cardsort-01 {
margin-top: 40px;
text-align: center;
}
.area-cardsort-01 + .text-cardsort-01 b {
margin: 0 .1em;
color: #ca018f;
font-size: 18px;
font-weight: bold;
}
.area-cardsort-01 .more > dt[role="button"] {
position: relative;
overflow: hidden;
padding-right: 38px;
}
.area-cardsort-01 .more > dt[role="button"].close {
border-radius: 4px;
}
.area-cardsort-01 .more > dt[role="button"]:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 16px;
height: 16px;
margin-top: -11px;
border-radius: 10px;
border: 2px solid #fa4b62;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.area-cardsort-01 .more > dt[role="button"] > span:before,
.area-cardsort-01 .more > dt[role="button"] > span:after {
content: "";
position: absolute;
top: 50%;
right: 16px;
display: block;
width: 8px;
height: 0;
margin-top: -2px;
border-top: 2px solid #fa4b62;
}
.area-cardsort-01 .more > dt[role="button"] > span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.area-cardsort-01 .more > dt[role="button"].open > span:after {
display: none;
}
.area-cardsort-01 .more > dt[role="button"] i {
position: absolute;
top: -999px;
left: -999em;
}
.area-switch-01 {
margin: 0 -10px 12px -10px;
padding: 12px 10px 1px 10px;
background-color: #fcf6de;
}
.area-switch-01 > .hdg {
margin-bottom: 8px;
color: #fa4b62;
font-size: 16px;
font-weight: normal;
text-align: center;
}
.area-switch-01 > .card {
text-align: center;
}
.area-switch-01 > .card > img {
width: 200px;
margin-bottom: 6px;
}

.area-point-01 {
margin: 0 -10px 12px -10px;
padding: 12px 10px;
background-color: #fcf6de;
}
.area-point-01 > dl {
margin-bottom: 0;
border-radius: 4px;
padding: 24px 10px 1px 10px;
background: #fff url(/-/media/AeonCard/legacy/common/sp/images/bg-area-point-01.png) repeat-x scroll 0 0;
-webkit-background-size: 14px 11px;
background-size: 14px 11px;
text-align: center;
}
.area-point-01 > dl > dt {
margin-bottom: 12px;
}
.area-point-01 > dl > dd > ul {
word-spacing: -.35em;
}
.area-point-01 > dl > dd > ul > li {
display: inline-block;
}
.area-point-01 > dl > dd > ul > li + li {
margin-left: 3px;
}

/**** 2016.04 add ****/

.area-point-02 {
	margin:0 -10px;
	padding:10px;
	background:#FFB413;

}
.area-point-02 img{
	width:100%;
	height:auto;
}
.area-point-02 .inner{
	margin:0;
	padding:12px 0 10px 0;
	border:3px solid #FFF;
	border-radius:6px;
	background: #FFF url("/-/media/AeonCard/legacy/common/sp/images/bg-area-point-01.png") repeat-x scroll 0px 0px / 14px 11px;
}
.area-point-02 p.txt-img{
	margin-bottom:15px;
}

.area-point-02 dl{
	margin:10px 4% 5px 4%;
}
.area-point-02 dt ,
.area-point-02 dd .txt-img {
	text-align:center;
}
.area-point-02 dd{
	margin-top:5px;
}

.area-point-02 ul.shopbnr{
	letter-spacing:-0.4em;
	white-space:nowrap;
	text-align:center;
}

.area-point-02 ul.shopbnr li{
	width:23%;
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	margin-right:2.66%;
	vertical-align:top;
	word-wrap:break-word;
	font-size:10px;
	white-space:normal;
}
.area-point-02 ul.shopbnr li img{
	border:1px solid #CCC;
	box-sizing:border-box;
	margin-bottom:5px;
}

.area-point-02 .tpt_existing{
	width:55%;
	float:left;
}
.area-point-02 .tpt_new{
	width:41%;
	float:right;
}

.area-point-02 li.tpt_existing a,
.area-point-02 li.tpt_new a{
	position:relative;
	display:block;
	border-radius:3px;
}

.area-point-02 .tpt_existing a{
	background:#FF771C;
	box-shadow:0 6px #BB5517;
}
.area-point-02 .tpt_existing a:active{
	position:relative;
	top:3px;
	box-shadow:0 3px #BB5517;
}
.area-point-02 .tpt_new a{
	background:#63B520;
	box-shadow:0 6px #5C8B1D;
}
.area-point-02 .tpt_new a:active{
	top:3px;
	box-shadow:0 3px #5C8B1D;
}

.area-point-02 .clear,
.area-point-02 dl:after{
	content:"";
	display:block;
	clear:both;
}

/**** 2016.04 end add ****/
/**** 2016.07 add ****/

.area-point-02 ul.shopbnr.friday li{
	width:100%;
}

/**** 2016.07 end add ****/

.area-form-01 {
margin: 0 10px 12px 10px;
}
.area-form-01 input[type="text"],
.area-form-01 select {
position: relative;
display: block;
width: 100%;
line-height: 36px;
border-radius: 0;
border: 1px solid #dadada;
padding: 0 7px;
background-color: transparent;
font-size: 14px;
-webkit-appearance: none;
appearance: none;
}
.area-form-01 input[type="text"] {
line-height: 1;
padding: 11px 7px;
background-color: #fff;
}
.area-form-01 select {
padding-right: 36px;
}
.area-form-01 .select {
position: relative;
background-color: #fff;
}
.area-form-01 .select:before,
.area-form-01 .select:after {
content: "";
position: absolute;
display: block;
}
.area-form-01 .select:before {
top: 1px;
right: 1px;
bottom: 1px;
width: 36px;
background-color: #ebebeb;
}
.area-form-01 .select:after {
top: 50%;
right: 15px;
width: 4px;
height: 4px;
margin-top: -4px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/* heading
----------------------------------------------- */

.hdg-t1-01,
.hdg-t1-02 {
line-height: 28px;
margin: 0 -10px 12px -10px;
padding: 16px 10px;
background-color: #bc940a;
color: #fff;
font-size: 18px;
}
.hdg-t1-02 {
line-height: 20px;
padding: 5px 10px;
font-size: 16px;
}
.hdg-t1-01.credit,
.hdg-t1-02.credit {background-color: #fa4b62;}
.hdg-t1-01.point,
.hdg-t1-02.point {background-color: #ff8121;}
.hdg-t1-01.bank,
.hdg-t1-02.bank {background-color: #42bde3;}
.hdg-t1-01.campaign,
.hdg-t1-02.campaign {background-color: #78b82a;}
.hdg-t1-01.life,
.hdg-t1-02.life {background-color: #10b589;}

.hdg-t2-01 {
line-height: 24px;
margin: 20px -10px 12px -10px;
border-top: 3px solid #bc940a;
padding: 11px 10px;
background-color: #f2f2f2;
color: #3d3d3d;
font-size: 18px;
font-weight: bold;
}
.hdg-t2-01.credit {border-color: #fa4b62;}
.hdg-t2-01.point {border-color: #ff8121;}
.hdg-t2-01.bank {border-color: #42bde3;}
.hdg-t2-01.campaign {border-color: #78b82a;}
.hdg-t2-01.life {border-color: #10b589;}
[role="button"].hdg-t2-01 {
position: relative;
overflow: hidden;
padding-right: 38px;
}
[role="button"].hdg-t2-01:before,
[role="button"].hdg-t2-01 span:before,
[role="button"].hdg-t2-01 span:after {
content: "";
position: absolute;
display: block;
top: 50%;
}
[role="button"].hdg-t2-01:before {
right: 10px;
width: 16px;
height: 16px;
margin-top: -10px;
border-radius: 10px;
border: 2px solid #bc940a;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
[role="button"].hdg-t2-01 span:before,
[role="button"].hdg-t2-01 span:after {
right: 16px;
width: 8px;
height: 2px;
margin-top: -1px;
background-color: #bc940a;
}
[role="button"].hdg-t2-01 span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
[role="button"].hdg-t2-01.open span:after {
display: none;
}
[role="button"].hdg-t2-01 i {
position: absolute;
top: -999em;
right: -999em;
}
[role="button"].hdg-t2-01.credit:before {border-color: #fa4b62;}
[role="button"].hdg-t2-01.credit span:before,
[role="button"].hdg-t2-01.credit span:after {background-color: #fa4b62;}
[role="button"].hdg-t2-01.point:before {border-color: #ff8121;}
[role="button"].hdg-t2-01.point span:before,
[role="button"].hdg-t2-01.point span:after {background-color: #ff8121;}
[role="button"].hdg-t2-01.bank:before {border-color: #42bde3;}
[role="button"].hdg-t2-01.bank span:before,
[role="button"].hdg-t2-01.bank span:after {background-color: #42bde3;}
[role="button"].hdg-t2-01.campaign:before {border-color: #78b82a;}
[role="button"].hdg-t2-01.campaign span:before,
[role="button"].hdg-t2-01.campaign span:after {background-color: #78b82a;}
[role="button"].hdg-t2-01.life:before {border-color: #10b589;}
[role="button"].hdg-t2-01.life span:before,
[role="button"].hdg-t2-01.life span:after {background-color: #10b589;}

.hdg-t3-01 {
line-height: 22px;
margin: 0 -10px 12px -10px;
border-bottom: 2px solid #f6e9be;
padding: 0 10px 6px 10px;
color: #3d3d3d;
font-size: 16px;
font-weight: bold;
}
.hdg-t3-01.credit {border-color: #ffe0e4;}
.hdg-t3-01.point {border-color: #ffede0;}
.hdg-t3-01.bank {border-color: #def5fc;}
.hdg-t3-01.campaign {border-color: #eaf7da;}
.hdg-t3-01.life {border-color: #dcfaf2;}
.hdg-t3-01 span {
position: relative;
display: block;
padding-left: 10px;
}
.hdg-t3-01 span:before {
content: "";
position: absolute;
top: 1px;
left: 0;
bottom: 1px;
display: block;
width: 4px;
border-radius: 2px;
background-color: #bc940a;
}
.hdg-t3-01.credit span:before {background-color: #fa4b62;}
.hdg-t3-01.point span:before {background-color: #ff8121;}
.hdg-t3-01.bank span:before {background-color: #42bde3;}
.hdg-t3-01.campaign span:before {background-color: #78b82a;}
.hdg-t3-01.life span:before {background-color: #10b589;}
[role="button"].hdg-t3-01 {
position: relative;
overflow: hidden;
padding-right: 38px;
}
[role="button"].hdg-t3-01:before,
[role="button"].hdg-t3-01 i:before,
[role="button"].hdg-t3-01 i:after {
content: "";
position: absolute;
display: block;
top: 50%;
}
[role="button"].hdg-t3-01:before {
right: 10px;
width: 16px;
height: 16px;
margin-top: -13px;
border-radius: 10px;
border: 2px solid #bc940a;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
[role="button"].hdg-t3-01 i {
position: absolute;
top: 50%;
right: -100px;
}
[role="button"].hdg-t3-01 i:before,
[role="button"].hdg-t3-01 i:after {
top: 0;
right: 116px;
width: 8px;
height: 2px;
margin-top: -4px;
background-color: #bc940a;
}
[role="button"].hdg-t3-01 i:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
[role="button"].hdg-t3-01.open i:after {
display: none;
}
[role="button"].hdg-t3-01.credit:before {border-color: #fa4b62;}
[role="button"].hdg-t3-01.credit i:before,
[role="button"].hdg-t3-01.credit i:after {background-color: #fa4b62;}
[role="button"].hdg-t3-01.point:before {border-color: #ff8121;}
[role="button"].hdg-t3-01.point i:before,
[role="button"].hdg-t3-01.point i:after {background-color: #ff8121;}
[role="button"].hdg-t3-01.bank:before {border-color: #42bde3;}
[role="button"].hdg-t3-01.bank i:before,
[role="button"].hdg-t3-01.bank i:after {background-color: #42bde3;}
[role="button"].hdg-t3-01.campaign:before {border-color: #78b82a;}
[role="button"].hdg-t3-01.campaign i:before,
[role="button"].hdg-t3-01.campaign i:after {background-color: #78b82a;}
[role="button"].hdg-t3-01.life:before {border-color: #10b589;}
[role="button"].hdg-t3-01.life i:before,
[role="button"].hdg-t3-01.life i:after {background-color: #10b589;}
.hdg-t3-01 span > small {
font-size: 14px;
font-weight: normal;
}

.hdg-t4-01 {
line-height: 24px;
margin: 0 20px 12px 20px;
border-radius: 320px;
padding: 3px 6px;
background-color: #fa4b62;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
}

.hdg-t5-01,
.hdg-t5-02 {
margin-bottom: 12px;
font-size: 14px;
font-weight: bold;
}
.hdg-t5-02 {
line-height: 1.5;
font-size: 16px;
}
.hdg-t5-01.credit {color: #fa4b62;}
.hdg-t5-01.point {color: #ff8121;}
.hdg-t5-01.bank {color: #42bde3;}
.hdg-t5-01.campaign {color: #78b82a;}
.hdg-t5-01.life {color: #10b589;}
.hdg-t5-01 > small,
.hdg-t5-02 > small {
font-size: 85.71429%;
font-weight: normal;
}

.hdg-t6-01 {
position: relative;
line-height: 1.4;
margin-bottom: 6px;
padding-left: 28px;
color: #42bde3;
font-size: 16px;
font-weight: bold;
}
.hdg-t6-01:before,
.hdg-t6-01:after {
content: "";
position: absolute;
display: block;
}
.hdg-t6-01:before {
top: 2px;
left: 0;
width: 14px;
height: 14px;
border-radius: 9px;
border: 2px solid #42bde3;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.hdg-t6-01:after {
top: 8px;
left: 5px;
width: 4px;
height: 4px;
border-top: 2px solid #42bde3;
border-right: 2px solid #42bde3;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.hdg-area-01 {
margin: 0 -10px 12px -10px;
border-top: 4px solid #bc940a;
padding: 10px;
background-color: #fffcf0;
}
.hdg-area-01.credit {background-color: #fff0f2; border-color: #fa4b62;}
.hdg-area-01.point {background-color: #fff6f0; border-color: #ff8121;}
.hdg-area-01.bank {background-color: #edf9fc; border-color: #42bde3;}
.hdg-area-01.campaign {background-color: #f1f7e9; border-color: #78b82a;}
.hdg-area-01.life {background-color: #ebfaf6; border-color: #10b589;}
.hdg-area-01 .hdg {
line-height: 24px;
margin: .5em 0 .25em 0;
font-size: 18px;
font-weight: normal;
}
.hdg-area-01 p {
margin-bottom: .25em;
}
.hdg-area-01 p.text-weak-01 {
color: #7a7a7a;
}
.hdg-area-01 strong.text-strong-01 {
font-size: 18px;
}


/* text (and image)
----------------------------------------------- */

.text-note-01,
.text-note-02 {
position: relative;
line-height: 16px;
padding-left: 16px;
color: #7a7a7a;
font-size: 12px;
}
.text-note-02 {
padding-left: 26px;
}
.text-note-01 + .text-note-01,
.text-note-02 + .text-note-02,
.text-note-01 + .text-note-02,
.text-note-02 + .text-note-01 {
margin-top: -7px;
}
.text-note-01 .note,
.text-note-02 .note {
position: absolute;
left: 0;
}
.text-note-01.right,
.text-note-02.right {
float: right;
}
.text-note-01.right + *,
.text-note-02.right + * {
clear: both;
}

.text-strong-01 {
font-size: 114.28571%;
}
.text-weak-01 {
font-size: 85.71429%;
}

.text-lead-01 {
font-size: 16px;
font-weight: bold;
}

.text-lead-02 {
line-height: 1.2;
font-size: 20px;
font-weight: bold;
text-align: center;
}
.text-lead-02.shopping {color: #fa4b62;}
.text-lead-02.point {color: #ff8121;}
.text-lead-02.leisure {color: #42bde3;}
.text-lead-02.safety {color: #78b82a;}
.text-lead-02.over55 {color: #10b589;}
.text-lead-02.goldcard {color: #bc940a;}
.text-lead-02 b {
font-size: 24px;
}

.text-num-01 {
line-height: 1.25;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.text-num-01 span {
position: relative;
top: -3px;
display: inline-block;
margin-right: .5em;
padding: .25em .5em;
background-color: #fae59b;
font-size: 12px;
font-weight: normal;
}
.text-num-01 b,
.text-num-01 b a {
color: #ca018f;
font-size: 30px;
}
.text-num-01 img {
margin-right: 1px;
vertical-align: baseline;
}
.text-num-01 sup {
position: relative;
top: 7px;
font-size: 12px !important;
font-weight: normal;
}

.text-img-01 {
overflow: hidden;
}
.text-img-01 .img {
margin-bottom: 10px;
}
.text-img-01.img-l .img {
float: left;
padding-right: 10px;
}
.text-img-01.img-r .img {
float: right;
padding-left: 10px;
}
.text-img-01 .text {
overflow: hidden;
}

.text-img-only {
text-align: center;
}
.text-img-only img {
max-width: 300px;
}
.area-extend-01 .text-img-only img {
max-width: 320px;
}
.text-img-only.full img {
max-width: inherit;
width: 100%;
}

.text-img-double {
display: table;
width: 100%;
}
.text-img-double > span {
display: table-cell;
width: 50%;
padding-left: 5px;
text-align: center;
vertical-align: middle;
}
.text-img-double > span:first-child {
padding-left: 0;
padding-right: 5px;
}
.text-img-double > span > img {
max-width: 140px;
width: 100%;
}
.text-img-double > span > small {
display: block;
width: 140px;
margin: 0 auto;
font-size: 10px;
text-align: right;
}

.text-img-plus {
display: table;
width: 93.3%;
margin: 0 3.35% 12px 3.35%;
}
.text-img-plus > span {
display: table-cell;
width: 57.5%;
text-align: center;
vertical-align: middle;
}
.text-img-plus > span:first-child {
position: relative;
width: 42.5%;
padding-left: 0;
padding-right: 26px;
}
.text-img-plus > span:first-child:before,
.text-img-plus > span:first-child:after {
content: "";
position: absolute;
top: 50%;
right: 6px;
width: 14px;
height: 0;
margin-top: -1px;
border-top: 2px solid #8f8f8f;
}
.text-img-plus > span:first-child:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.text-img-plus > span > img {
max-width: 100%;
}

.text-flag-01 {
display: inline-block;
margin-right: 10px;
}
.text-flag-01 span {
position: relative;
display: inline-block;
min-width: 50px;
line-height: 18px;
padding: 0 .5em 0 .4em;
background-color: #bababa;
color: #fff;
font-size: 12px;
font-weight: normal;
text-align: center;
}
.text-flag-01 span:after {
content: "";
position: absolute;
top: 0;
right: -4px;
z-index: 2;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 4px 9px 0;
border-color: #bababa transparent #bababa transparent;
}
.text-flag-01.type-01 span {background-color: #42bde3;}
.text-flag-01.type-01 span:after {border-color: #42bde3 transparent #42bde3 transparent;}
.text-flag-01.type-02 span {background-color: #78b82a;}
.text-flag-01.type-02 span:after {border-color: #78b82a transparent #78b82a transparent;}
.text-flag-01.type-03 span {background-color: #fa4b62;}
.text-flag-01.type-03 span:after {border-color: #fa4b62 transparent #fa4b62 transparent;}

.text-qa-01 dt,
.text-qa-01 dd {
position: relative;
padding-left: 30px;
}
.text-qa-01 dt {
margin-bottom: 12px;
font-size: 16px;
font-weight: bold;
}
.text-qa-01 dd {
padding-bottom: 12px;
}
.text-qa-01 b.question,
.text-qa-01 b.answer {
position: absolute;
top: .2em;
left: 0;
display: block;
width: 20px;
height: 20px;
line-height: 19.5px;
border-radius: 10px;
background-color: #78b82a;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.text-qa-01 b.answer {
top: 0;
background-color: #f53050;
}

.text-gg-01 {
padding-left: 30px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/icon-gg.png) no-repeat scroll 0 0;
-webkit-background-size: 24px 19px;
background-size: 24px 19px;
}

.text-beginner-01 {
display: inline-block;;
padding-left: 20px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/icon-beginner.png) no-repeat scroll 0 .15em;
-webkit-background-size: 12px 16px;
background-size: 12px 16px;
}

.text-bg-01 {
padding-bottom: 105px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-text-01.png) no-repeat scroll center bottom;
-webkit-background-size: 270px 100px;
background-size: 270px 100px;
}

.text-etc-01 {
position: relative;
min-height: 45px;
padding-left: 80px;
}
.text-etc-01 > dd > img {
position: absolute;
top: 0;
left: 0;
width: 70px;
}


/* list
----------------------------------------------- */

.list-link-01 {
margin-left: -10px;
margin-right: -10px;
border-top: 1px solid #dadada;
}
.list-link-01.no-border-top {
border-top: 0;
}
.list-link-01 li {
border-bottom: 1px solid #dadada;
}
.list-link-01 li > a {
position: relative;
display: block;
padding: 9px 24px 9px 10px;
font-size: 14px;
color: #5b5b5b;
}
.list-link-01.question li > a {
padding-left: 40px;
}
.list-link-01.news li > a {
color: #06c;
}
.list-link-01.thumb li > a {
overflow: hidden;
padding-top: 12px;
padding-bottom: 12px;
}
.list-link-01 li > a:before {
content: "";
position: absolute;
top: 50%;
right: 11px;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.list-link-01 li > a > .search-result,
.list-link-01 li > a > .search-result dd {
margin-bottom: 0;
}
.list-link-01 li > a > .search-result dt {
margin-bottom: 6px;
font-weight: bold;
}
.list-link-01 li > a > .text-qa-01,
.list-link-01 li > a > .text-qa-01 dd,
.list-link-01 li > a > .text-qa-01 dd > *:last-child {
margin-bottom: 0;
}
.list-link-01 li > a > .text-qa-01 dt {
margin-bottom: 6px;
}
.list-link-01 li > a > .text-qa-01 dd {
padding-bottom: 0;
}
.list-link-01.question li > a .question {
position: absolute;
top: 10px;
left: 10px;
display: block;
width: 20px;
height: 20px;
line-height: 19.5px;
border-radius: 10px;
background-color: #78b82a;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.list-link-01.news li > a .news {
display: block;
color: #5b5b5b;
}
.list-link-01.thumb li > a > img {
float: left;
margin-right: 10px;
}
.list-link-01.thumb li > a > div {
overflow: hidden;
}
.list-link-01.thumb li > a > div > *:last-child {
margin-bottom: 0;
}
.list-link-01.card li > a > dl dt {
margin-bottom: 6px;
font-size: 16px;
text-align: center;
}
.list-link-01.card li > a > dl dt.card-details {
font-size: 0;
}
.list-link-01.card li > a > dl dt > span {
display: inline-block;
font-size: 16px;
vertical-align: middle;
}
/* .list-link-01.card li > a > dl dt span.card-icn {
width: 20%;
}
.list-link-01.card li > a > dl dt span.card-name {
width: 80%;
} */
.list-link-01.card li > a > dl dd {
width: 190px;
margin: 0 auto;
text-align: right;
}
.list-link-01.card li > a > dl dd img {
width: 100%;
}
.list-link-01.crediticon {
background-color: #fff0f2;
}
.list-link-01.crediticon > li > a > span[class] {
display: table-cell;
height: 70px;
padding-left: 80px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-list-crediticon-01.png) no-repeat scroll 0 50%;
-webkit-background-size: 1070px 70px;
background-size: 1070px 70px;
font-weight: bold;
vertical-align: middle;
}
.list-link-01.crediticon > li > a > span.shopping {
background-position: 0 50%;
}
.list-link-01.crediticon > li > a > span.point {
background-position: -500px 50%;
}
.list-link-01.crediticon > li > a > span.leisure {
background-position: -1000px 50%;
}

/* 2016.06 追加 */
.list-link-01.crediticon2 > li > a > span[class] {
display: table-cell;
height: 70px;
padding-left: 80px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/bg-list-crediticon-02.png) no-repeat scroll 0 50%;
-webkit-background-size: 2070px 70px;
background-size: 2070px 70px;
font-weight: bold;
vertical-align: middle;
}
.list-link-01.crediticon2 > li > a > span.shopping {
background-position: 0 50%;
}
.list-link-01.crediticon2 > li > a > span.cashing {
background-position: -500px 50%;
}
.list-link-01.crediticon2 > li > a > span.revo {
background-position: -1000px 50%;
}
.list-link-01.crediticon2 > li > a > span.installments {
background-position: -1500px 50%;
}
.list-link-01.crediticon2 > li > a > span.safe {
background-position: -2000px 50%;
}
/* 2016.06 追加 */

.list-link-01.point > li > a {
min-height: 118px;
padding-left: 118px;
}
.list-link-01.point > li > a > p {
margin-bottom: 8px;
}
.list-link-01.point > li > a > img {
position: absolute;
top: 10px;
left: 10px;
width: 98px;
height: 98px;
}
.list-link-01.point > li > .exchange {
position: relative;
margin: 0 10px;
border-radius: 4px;
padding: 5px 10px;
background-color: #f2f2f2;
font-weight: bold;
text-align: center;
}
.list-link-01.point > li > .exchange:before {
content: "";
position: absolute;
top: -9px;
left: 50%;
display: block;
width: 0;
height: 0;
margin-left: -6px;
border-style: solid;
border-color: #f2f2f2 transparent #f2f2f2 transparent;
border-width: 0 6px 9px 6px;
}
.list-link-01.point > li > .exchange > span {
display: inline-block;
}
.list-link-01.point > li > .exchange > span + span {
position: relative;
margin-left: .5em;
padding-left: 1em;
}
.list-link-01.point > li > .exchange > span + span:before,
.list-link-01.point > li > .exchange > span + span:after {
content: "";
position: absolute;
top: .15em;
left: 0;
display: block;
width: 0;
height: 14px;
border-left: 2px solid #8f8f8f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.list-link-01.point > li > .exchange > span + span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.list-link-01.point > li > .exchange > span strong {
font-size: 18px;
}
.list-link-01.point > li > .ui-bulletlink-01 {
margin: 10px;
}
.list-link-01.thumb li.disney {
min-height: 105px;
}
.list-link-01.thumb li.disney > a > small {
position: absolute;
top: 74px;
left: 10px;
width: 98px;
font-size: 10px;
text-align: right;
}
.list-link-01 .icon-3ds{
  background: url(/-/media/AeonCard/legacy/common/images/ico-3d_g.png) no-repeat 12px center;
  background-size: 26px;
}
.list-link-02 li {
margin-bottom: 12px;
}
.list-link-02 li a {
position: relative;
display: block;
padding-left: 30px;
font-size: 14px;
}
.list-link-02 li a .question,
.list-link-02 li a .caution {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 20px;
height: 20px;
line-height: 19.5px;
text-align: center;
}
.list-link-02.question li a .question {
border-radius: 10px;
background-color: #78b82a;
color: #fff;
font-size: 12px;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.list-link-02.caution li a .caution {
width: 0;
height: 0;
line-height: 22px;
overflow: visible;
border-style: solid;
border-width: 0 10px 18px 10px;
border-color: transparent transparent #fee148 transparent;
color: #4c4c4c;
font-size: 12px;
text-indent: -2px;
}

.list-link-03.col2 {
overflow: hidden;
}
.list-link-03 li {
position: relative;
margin-bottom: 12px;
padding-left: 12px;
}
.list-link-03.col2 li {
float: left;
width: 50%;
margin-bottom: 12px;
padding-right: 10px;
}
.list-link-03.col2 li:nth-child(2n+1) {
clear: left;
}
.list-link-03.inpage li {
border-right: 1px solid #dadada;
border-left: 1px solid #dadada;
padding-right: 10px;
padding-left: 26px;
}
.list-link-03.col2.inpage li {
margin-left: -1px;
}
.list-link-03.col2.inpage li:nth-child(2n+1) {
clear: left;
margin-left: 0;
}
.list-link-03 li:before {
content: "";
position: absolute;
top: .7em;
left: -2px;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.list-link-03.inpage li:before {
left: 11px;
margin-top: -4px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.list-link-04 {
text-align: center;
}
.list-link-04 > li {
display: inline;
}
.list-link-04 > li:before {
content: "";
margin: 0 .85em 0 .5em;
border-left: 1px solid rgba(0,0,0,.2);
}
.list-link-04 > li:first-child:before {
display: none;
}

.list-linkpanel-01 {
overflow: hidden;
margin: 0 -10px 12px -10px;
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}
.list-linkpanel-01 li {
float: left;
width: 50%;
margin-bottom: -1px;
border-bottom: 1px solid #dadada;
}
.list-linkpanel-01 li:nth-child(2n+1) {
clear: left;
border-right: 1px solid #dadada;
}
.list-linkpanel-01 li a {
display: table !important;
width: 100%;
padding: 10px 10px 11px 10px;
color: #5b5b5b;
}
.list-linkpanel-01.icon li a .link {
display: table-cell;
vertical-align: middle;
}
.list-linkpanel-01.icon li a .icon,
.list-linkpanel-01.icon li a .text {
display: table-cell;
vertical-align: middle;
}
.list-linkpanel-01.icon li a .icon {
padding-right: 10px;
}
.list-linkpanel-01.icon li a .icon img {
width: 48px;
height: 48px;
}
.list-linkpanel-01.icon li a img.icon {
display: inline-block;
padding-right: 0;
vertical-align: middle;
}

.list-feature-01 {
margin-left: -10px;
margin-right: -10px;
border-top: 1px solid #dadada;
}
.list-feature-01 > li {
border-bottom: 1px solid #dadada;
padding: 12px 10px;
background-color: #fffcf0;
}
.list-feature-01.credit > li {background-color: #fff0f2;}
.list-feature-01.point > li {background-color: #fff6f0;}
.list-feature-01.bank > li {background-color: #edf9fc;}
.list-feature-01.campaign > li {background-color: #f1f7e9;}
.list-feature-01.life > li {background-color: #ebfaf6;}
.list-feature-01 > li > .label {
display: table;
width: 100%;
font-weight: bold;
}
.list-feature-01 > li > .label > .badge,
.list-feature-01 > li > .label > .text {
display: table-cell;
vertical-align: middle;
}
.list-feature-01 > li > .label > .badge {
width: 62px;
text-align: center;
}
.list-feature-01 > li > .label > .badge > span {
display: block;
width: 62px;
height: 62px;
line-height: 20px;
border-radius: 31px;
border: 3px solid #bc940a;
padding-top: 8px;
background-color: #fff;
color: #bc940a;
font-size: 13px;
letter-spacing: .25em;
text-indent: .25em;
}
.list-feature-01 > li > .label > .badge > span.kerning {
letter-spacing: -.15em;
text-indent: 0;
}
.list-feature-01.credit > li > .label > .badge > span {border-color: #fa4b62; color: #fa4b62;}
.list-feature-01.point > li > .label > .badge > span {border-color: #ff8121; color: #ff8121;}
.list-feature-01.bank > li > .label > .badge > span {border-color: #42bde3; color: #42bde3;}
.list-feature-01.campaign > li > .label > .badge > span {border-color: #78b82a; color: #78b82a;}
.list-feature-01.life > li > .label > .badge > span {border-color: #10b589; color: #10b589;}
.list-feature-01 > li > .label > .badge > span span {
display: block;
margin-top: -2px;
font-size: 20px;
letter-spacing: -.0001em;
text-indent: 0;
}
.list-feature-01 > li > .label > .badge + .text {
padding-left: 10px;
}

.list-icon-01 {
overflow: hidden;
margin-bottom: 6px;
}
.list-icon-01.reg {
margin: 12px 0 0 12px;
}
.list-icon-01 > li {
float: left;
margin: 0 3px 6px 0;
}
.list-icon-01.reg > li {
margin: 0 12px 12px 0;
}

.list-checked-01,
.list-checked-02 {
overflow: hidden;
margin-bottom: 4px;
}
.list-checked-01 > li,
.list-checked-02 > li {
margin-bottom: 8px;
padding-left: 24px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/icon-checked-01.png) no-repeat scroll 0 .1em;
background-size: 19px 17px;
font-weight: bold;
}
.list-checked-02 > li {
background-image: url(/-/media/AeonCard/legacy/common/sp/images/icon-checked-02.png);
font-weight: normal;
}
.list-checked-02 > li strong {
color: #ff8121;
}

.list-step-01 > li + li {
margin-top: 2px;
}
.list-step-01 > li > dl {
margin-bottom: 0;
}
.list-step-01 > li > dl > dt {
line-height: 24px;
margin-bottom: 2px;
padding: 4px 10px;
}
.list-step-01 > li:nth-child(odd) > dl > dt {
background-color: #e4d49d;
color: #5c5c5c;
}
.list-step-01 > li:nth-child(even) > dl > dt {
background-color: #bc940a;
color: #fff;
}
.list-step-01 > li > dl > dd {
margin-bottom: 0;
border-left: 4px solid #dadada;
padding: 12px 0 12px 10px;
}
.list-step-01 > li > dl > dd > .icon {
float: left;
display: block;
width: 70px;
border-radius: 3px;
font-size: 12px;
text-align: center;
}
.list-step-01 > li:nth-child(odd) > dl > dd > .icon {
border: 1px solid #42bde3;
color: #42bde3;
}
.list-step-01 > li:nth-child(even) > dl > dd > .icon {
border: 1px solid #bc940a;
color: #bc940a;
}
.list-step-01 > li > dl > dd.shop,
.list-step-01 > li > dl > dd.shopping,
.list-step-01 > li > dl > dd.tokimeki {
position: relative;
min-height: 90px;
}
.list-step-01 > li > dl > dd.shop:before,
.list-step-01 > li > dl > dd.shopping:before,
.list-step-01 > li > dl > dd.tokimeki:before {
content: "";
position: absolute;
top: 8px;
left: 12px;
display: block;
width: 65px;
height: 72px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/icon-step-sprite.png) no-repeat scroll 0 0;
-webkit-background-size: 195px 72px;
background-size: 195px 72px;
}
.list-step-01 > li > dl > dd.shopping:before {
background-position: -65px 0;
}
.list-step-01 > li > dl > dd.tokimeki:before {
background-position: -130px 0;
}
.list-step-01 > li > dl > dd > .text {
overflow: hidden;
margin: 0 0 0 78px;
}
.list-step-01 > li.goal {
padding: 14px 10px;
background-color: #ffe0e4;
font-weight: bold;
text-align: center;
}

.list-transition-01 {
margin-bottom: 12px;
}
.list-transition-01 > li {
position: relative;
}
.list-transition-01 > li + li {
margin-top: 35px;
}
.list-transition-01 > li + li:before,
.list-transition-01 > li + li:after {
content: "";
position: absolute;
left: 50%;
display: block;
}
.list-transition-01 > li + li:before {
top: -27px;
margin-left: -5px;
width: 10px;
height: 0;
border-bottom: 12px solid #8f8f8f;
}
.list-transition-01 > li + li:after {
top: -15px;
margin-left: -10px;
width: 0;
height: 0;
border-style: solid;
border-color: #8f8f8f transparent #8f8f8f transparent;
border-width: 10px 10px 0 10px;
}
.list-transition-01 > li > *:last-child {
margin-bottom: 0;
}

.list-merit-01 {
margin: 0 -10px;
padding: 12px 10px;
background-color: #fcf6de;
}
.list-merit-01 > li {
position: relative;
padding-top: 4px;
}
.list-merit-01 > li:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 0;
border-radius: 4px 4px 0 0;
border-top: 4px solid #999;
}
.list-merit-01 > li > a {
display: block;
border-radius: 0 0 4px 4px;
border-bottom: 1px solid #ccc;
padding: 10px 36px 12px 10px;
background-color: #fff;
font-weight: bold;
}
.list-merit-01 > li > a:before,
.list-merit-01 > li > a:after {
content: "";
position: absolute;
top: 50%;
display: block;
}
.list-merit-01 > li > a:before {
right: 10px;
width: 14px;
height: 14px;
margin-top: -8px;
border-radius: 9px;
border: 2px solid #999;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.list-merit-01 > li > a:after {
right: 16px;
width: 4px;
height: 4px;
margin-top: -3px;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.list-merit-01 > li > a b {
font-size: 18px;
}
.list-merit-01 > li.shopping > a {color: #fa4b62;}
.list-merit-01 > li.shopping:before,
.list-merit-01 > li.shopping > a:before,
.list-merit-01 > li.shopping > a:after {border-color: #fa4b62;}
.list-merit-01 > li.point > a {color: #ff8121;}
.list-merit-01 > li.point:before,
.list-merit-01 > li.point > a:before,
.list-merit-01 > li.point > a:after {border-color: #ff8121;}
.list-merit-01 > li.leisure > a {color: #42bde3;}
.list-merit-01 > li.leisure:before,
.list-merit-01 > li.leisure > a:before,
.list-merit-01 > li.leisure > a:after {border-color: #42bde3;}
.list-merit-01 > li.safety > a {color: #78b82a;}
.list-merit-01 > li.safety:before,
.list-merit-01 > li.safety > a:before,
.list-merit-01 > li.safety > a:after {border-color: #78b82a;}
.list-merit-01 > li.over55 > a {color: #10b589;}
.list-merit-01 > li.over55:before,
.list-merit-01 > li.over55 > a:before,
.list-merit-01 > li.over55 > a:after {border-color: #10b589;}
.list-merit-01 > li.goldcard > a {color: #bc940a;}
.list-merit-01 > li.goldcard:before,
.list-merit-01 > li.goldcard > a:before,
.list-merit-01 > li.goldcard > a:after {border-color: #bc940a;}
.list-merit-01 > li + li {
margin-top: 10px;
}

.list-banner-01 {
overflow: hidden;
margin-right: -10px;
margin-bottom: 0;
}
.list-banner-01 > li {
float: left;
width: 50%;
margin-bottom: 8px;
padding-right: 10px;
}
.list-banner-01 > li > a,
.list-banner-01 > li > span {
display: block;
text-align: center;
}
.list-banner-01 > li > a > img,
.list-banner-01 > li > span > img {
width: 100%;
max-width: 135px;
border-radius: 4px;
margin-bottom: 4px;
}
.list-banner-01.col3 > li {
width: 33%;
}

.list-number-01 > li {
position: relative;
margin-bottom: 6px;
padding-left: 22px;
}
.list-number-01 > li > .number {
position: absolute;
top: 0;
left: 0;
display: block;
}

.list-earnpoint-01 > li {
margin-bottom: 0;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.list-earnpoint-01 > li + li {
padding-top: 6px;
}
.list-earnpoint-01 > li + li.addition,
.list-earnpoint-01 > li + li.multiplication {
position: relative;
padding-top: 26px;
}
.list-earnpoint-01 > li + li.multiplication {
padding-top: 22px;
}
.list-earnpoint-01 > li + li.addition:before,
.list-earnpoint-01 > li + li.addition:after,
.list-earnpoint-01 > li + li.multiplication:before,
.list-earnpoint-01 > li + li.multiplication:after {
content: "";
position: absolute;
top: 12px;
left: 50%;
display: block;
width: 14px;
height: 0;
margin-left: -7px;
border-top: 2px solid #8f8f8f;
}
.list-earnpoint-01 > li + li.addition:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.list-earnpoint-01 > li + li.multiplication:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.list-earnpoint-01 > li + li.multiplication:after {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.list-earnpoint-01 > li img {
max-width: 300px;
}

.list-area-01,
.list-area-02 {
margin: 0 -10px 12px -10px;
border-top: 1px solid #dadada;
}
.list-area-01 a,
.list-area-02 a {
position: relative;
display: block;
padding: 9px 20px 9px 10px;
color: #5c5c5c;
}
.list-area-01 a:after,
.list-area-02 a:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.list-area-01 > li,
.list-area-02 > li {
border-bottom: 1px solid #dadada;
}
.list-area-01 > li span {
display: block;
}
.list-area-01 > li > span {
padding: 9px 10px;
}
.list-area-01 > li > span[role="button"] {
position: relative;
overflow: hidden;
padding-right: 35px;
}
.list-area-01 > li > span[role="button"]:before,
.list-area-01 > li > span[role="button"]:after,
.list-area-01 > li > span[role="button"] span:after {
content: "";
position: absolute;
top: 50%;
right: 16px;
display: block;
width: 8px;
height: 0;
margin-top: -1px;
border-top: 2px solid #fa4b62;
}
.list-area-01 > li > span[role="button"]:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.list-area-01 > li > span[role="button"].open:after {
display: none;
}
.list-area-01 > li > span[role="button"] span:after {
right: 10px;
width: 16px;
height: 16px;
margin-top: -10px;
border-radius: 10px;
border: 2px solid #fa4b62;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.list-area-01 > li > span[role="button"] i {
position: absolute;
top: -999em;
left: -999em;
}
.list-area-01 > li > ul {
margin: 0 10px 12px 10px;
}
.list-area-01 > li > ul > li {
border-top: 1px solid #dadada;
}
.list-area-01 > li > ul > li:first-child {
border-top: 0;
}
.list-area-01 > li > ul > li > a {
background-color: #fcf6de;
}
.list-area-01 > li > ul > li:first-child > a {
border-radius: 4px 4px 0 0;
}
.list-area-01 > li > ul > li:last-child > a {
border-radius: 0 0 4px 4px;
}
.list-area-02 a {
padding-left: 40px;
}
.list-area-02 a:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
display: block;
width: 20px;
height: 20px;
margin-top: -10px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/icon-area-sprite.png) no-repeat scroll 0 0;
-webkit-background-size: 160px 20px;
background-size: 160px 20px;
}
.list-area-02 .hotel a:before {
background-position: 0 0;
}
.list-area-02 .leisure a:before {
background-position: -20px 0;
}
.list-area-02 .food a:before {
background-position: -40px 0;
}
.list-area-02 .beauty a:before {
background-position: -60px 0;
}
.list-area-02 .car a:before {
background-position: -80px 0;
}
.list-area-02 .school a:before {
background-position: -100px 0;
}
.list-area-02 .fashion a:before {
background-position: -120px 0;
}
.list-area-02 .other a:before {
background-position: -140px 0;
}

.list-01 li {
position: relative;
margin-bottom: 5px;
padding-left: 12px;
}
.list-01 li:before {
content: "";
position: absolute;
top: .5em;
left: 0;
display: block;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #bc940a;
}
.list-01 li li {
margin-left: 20px;
}

.list-01.col2 {
overflow: hidden;
}
.list-01.col2 li {
position: relative;
margin-bottom: 12px;
padding-left: 12px;
}
.list-01.col2 li {
float: left;
width: 50%;
margin-bottom: 12px;
padding-right: 10px;
}
.list-01.col2 li:nth-child(2n+1) {
clear: left;
}

.list-01.col2.inpage li {
margin-left: -1px;
}
.list-01.col2.inpage li:nth-child(2n+1) {
clear: left;
margin-left: 0;
}

.list-02 {
position: relative;
margin-bottom: 3px;
padding-left: 15px;
}
.list-02:before {
content: "";
position: absolute;
top: .7em;
left: 4px;
display: block;
width: 4px;
height: 4px;
border-radius: 2px;
background-color: #666666;
}


/* navigation
----------------------------------------------- */

.nav-tab-01,
.nav-tab-02 {
margin: 0 -10px 12px -10px;
}
.nav-tab-01 .tab-list,
.nav-tab-02 .tab-list {
position: relative;
z-index: 2;
display: table;
width: 100%;
margin-bottom: 0;
-webkit-box-shadow: 0 -1px 1px #dadada inset;
box-shadow: 0 -1px 0 #dadada inset;
padding: 0 10px;
}
.nav-tab-01 .tab-list li,
.nav-tab-02 .tab-list li {
display: table-cell;
vertical-align: bottom;
}
.nav-tab-01 .tab-list li a,
.nav-tab-02 .tab-list li a {
position: relative;
display: table;
width: 100%;
line-height: 22px;
border-top: 1px solid #dadada;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
padding: 8px 6px;
background-color: #f2f2f2;
color: #5b5b5b;
font-weight: bold;
text-align: center;
}
.nav-tab-01 .tab-list li:first-child a,
.nav-tab-02 .tab-list li:first-child a {
border-radius: 4px 0 0 0;
border-left: 1px solid #dadada;
}
.nav-tab-01 .tab-list li:last-child a,
.nav-tab-02 .tab-list li:last-child a {
border-radius: 0 4px 0 0;
}
.nav-tab-01 .tab-list li a:active,
.nav-tab-01 .tab-list li a:focus,
.nav-tab-01 .tab-list li.current a,
.nav-tab-02 .tab-list li a:active,
.nav-tab-02 .tab-list li a:focus,
.nav-tab-02 .tab-list li.current a {
border-bottom: 1px solid #fff;
background-color: #fff;
color: #bc940a;
}
.nav-tab-01 .tab-list li a:before,
.nav-tab-02 .tab-list li a:before {
content: "";
position: absolute;
left: 50%;
bottom: 1px;
z-index: 3;
display: block;
width: 4px;
height: 4px;
margin-left: -3px;
border-right: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-tab-01 .tab-list.reverse,
.nav-tab-02 .tab-list.reverse {
-webkit-box-shadow: 0 1px 1px #dadada inset;
box-shadow: 0 1px 0 #dadada inset;
}
.nav-tab-01 .tab-list.reverse li:first-child a,
.nav-tab-02 .tab-list.reverse li:first-child a {
border-radius: 0 0 0 4px;
border-left: 1px solid #dadada;
}
.nav-tab-01 .tab-list.reverse li:last-child a,
.nav-tab-02 .tab-list.reverse li:last-child a {
border-radius: 0 0 4px 0;
}
.nav-tab-01 .tab-list.reverse li a:active,
.nav-tab-01 .tab-list.reverse li a:focus,
.nav-tab-01 .tab-list.reverse li.current a,
.nav-tab-02 .tab-list.reverse li a:active,
.nav-tab-02 .tab-list.reverse li a:focus,
.nav-tab-02 .tab-list.reverse li.current a {
border-top: 1px solid #fff;
border-bottom: 1px solid #dadada;
}
.nav-tab-01 .tab-list.reverse li a:before,
.nav-tab-02 .tab-list.reverse li a:before {
top: 1px;
bottom: auto;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.nav-tab-01 .tab-list li a:active:before,
.nav-tab-01 .tab-list li a:focus:before,
.nav-tab-01 .tab-list li.current a:before,
.nav-tab-02 .tab-list li a:active:before,
.nav-tab-02 .tab-list li a:focus:before,
.nav-tab-02 .tab-list li.current a:before {
border-color: #bc940a;
}
.nav-tab-01.credit .tab-list li a:active,
.nav-tab-01.credit .tab-list li a:focus,
.nav-tab-01.credit .tab-list li.current a,
.nav-tab-02.credit .tab-list li a:active,
.nav-tab-02.credit .tab-list li a:focus,
.nav-tab-02.credit .tab-list li.current a {color: #fa4b62;}
.nav-tab-01.credit .tab-list li a:active:before,
.nav-tab-01.credit .tab-list li a:focus:before,
.nav-tab-01.credit .tab-list li.current a:before,
.nav-tab-02.credit .tab-list li a:active:before,
.nav-tab-02.credit .tab-list li a:focus:before,
.nav-tab-02.credit .tab-list li.current a:before {border-color: #fa4b62;}
.nav-tab-01.point .tab-list li a:active,
.nav-tab-01.point .tab-list li a:focus,
.nav-tab-01.point .tab-list li.current a,
.nav-tab-02.point .tab-list li a:active,
.nav-tab-02.point .tab-list li a:focus,
.nav-tab-02.point .tab-list li.current a {color: #ff8121;}
.nav-tab-01.point .tab-list li a:active:before,
.nav-tab-01.point .tab-list li a:focus:before,
.nav-tab-01.point .tab-list li.current a:before,
.nav-tab-02.point .tab-list li a:active:before,
.nav-tab-02.point .tab-list li a:focus:before,
.nav-tab-02.point .tab-list li.current a:before {border-color: #ff8121;}
.nav-tab-01.bank .tab-list li a:active,
.nav-tab-01.bank .tab-list li a:focus,
.nav-tab-01.bank .tab-list li.current a,
.nav-tab-02.bank .tab-list li a:active,
.nav-tab-02.bank .tab-list li a:focus,
.nav-tab-02.bank .tab-list li.current a {color: #42bde3;}
.nav-tab-01.bank .tab-list li a:active:before,
.nav-tab-01.bank .tab-list li a:focus:before,
.nav-tab-01.bank .tab-list li.current a:before,
.nav-tab-02.bank .tab-list li a:active:before,
.nav-tab-02.bank .tab-list li a:focus:before,
.nav-tab-02.bank .tab-list li.current a:before {border-color: #42bde3;}
.nav-tab-01.campaign .tab-list li a:active,
.nav-tab-01.campaign .tab-list li a:focus,
.nav-tab-01.campaign .tab-list li.current a,
.nav-tab-02.campaign .tab-list li a:active,
.nav-tab-02.campaign .tab-list li a:focus,
.nav-tab-02.campaign .tab-list li.current a {color: #78b82a;}
.nav-tab-01.campaign .tab-list li a:active:before,
.nav-tab-01.campaign .tab-list li a:focus:before,
.nav-tab-01.campaign .tab-list li.current a:before,
.nav-tab-02.campaign .tab-list li a:active:before,
.nav-tab-02.campaign .tab-list li a:focus:before,
.nav-tab-02.campaign .tab-list li.current a:before {border-color: #78b82a;}
.nav-tab-01.life .tab-list li a:active,
.nav-tab-01.life .tab-list li a:focus,
.nav-tab-01.life .tab-list li.current a,
.nav-tab-02.life .tab-list li a:active,
.nav-tab-02.life .tab-list li a:focus,
.nav-tab-02.life .tab-list li.current a {color: #10b589;}
.nav-tab-01.life .tab-list li a:active:before,
.nav-tab-01.life .tab-list li a:focus:before,
.nav-tab-01.life .tab-list li.current a:before,
.nav-tab-02.life .tab-list li a:active:before,
.nav-tab-02.life .tab-list li a:focus:before,
.nav-tab-02.life .tab-list li.current a:before {border-color: #10b589;}
.nav-tab-01 .tab-list li a span,
.nav-tab-02 .tab-list li a span {
display: table-cell;
vertical-align: middle;
}
.nav-tab-01 .tabs {
padding: 12px 10px 0 10px;
}
.nav-tab-01 .tab-panel {
display: none;
}
.static .nav-tab-01 .tab-panel,
.nav-tab-01 .tab-panel.current {
display: block;
}

.nav-page-01 {
overflow: hidden;
margin-bottom: 12px;
text-align: center;
}
.nav-page-01 a {
display: block;
width: 30px;
line-height: 34px;
background-color: #ebebeb;
color: #5c5c5c;
}
.nav-page-01 a:active,
.nav-page-01 a:focus,
.nav-page-01 a.current {
background-color: #bc940a;
color: #fff;
}
.nav-page-01 .prev {
float: left;
}
.nav-page-01 .next {
float: right;
margin-top: -34px;
}
.nav-page-01 .prev a,
.nav-page-01 .next a {
position: relative;
width: 34px;
overflow: hidden;
text-indent: -999em;
}
.nav-page-01 .prev a:before,
.nav-page-01 .next a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 4px;
height: 4px;
margin: -3px 0 0 -2px;
border-width: 0 0 2px 2px;
border-style: solid;
border-color: #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-page-01 .next a:after {
margin-left: -3px;
border-width: 2px 2px 0 0;
}
.nav-page-01 .prev a:active:before,
.nav-page-01 .next a:active:after,
.nav-page-01 .prev a:focus:before,
.nav-page-01 .next a:focus:after {
border-color: #fff;
}
.nav-page-01 .page {
margin: 0 38px;
}
.nav-page-01 .page ul {
display: table;
margin: 0 auto;
}
.nav-page-01 .page ul li {
display: table-cell;
width: 30px;
padding: 0 1px;
}
.nav-page-01 .page ul li span {
display: block;
width: 30px;
}

.nav-campaign-01 {
margin: 0 -10px;
}
.nav-campaign-01 > li {
margin-bottom: 30px;
padding: 0 10px;
}
.nav-campaign-01 > li:not(:last-child) {
border-bottom: 1px solid #dadada;
}
.nav-campaign-01 > li > .img {
margin: 0 -10px 12px -10px;
text-align: center;
}
.nav-campaign-01 > li > .img img {
width: 100%;
max-width: 320px;
}
.nav-campaign-01 > li > .badge {
display: inline-block;
margin-bottom: 5px;
border-radius: 3px;
padding: .1em 1.25em;
background-color: #ca018f;
color: #fff;
font-size: 11px;
}
.nav-campaign-01 > li > .title {
margin-bottom: 5px;
font-size: 16px;
font-weight: bold;
}
.nav-campaign-01 > li > dl {
overflow: hidden;
margin-bottom: 0;
}
.nav-campaign-01 > li > dl dt {
float: left;
clear: left;
display: inline-block;
width: 90px;
border-radius: 3px;
border: 1px solid #78b82a;
padding: 0 5px;
color: #78b82a;
font-size: 12px;
text-align: center;
}
.nav-campaign-01 > li > dl dd {
overflow: hidden;
margin-bottom: 5px;
padding-left: 10px;
}

.nav-campaign-02 {
margin: 0 -10px 12px -10px;
text-align: center;
}
.nav-campaign-02 a > img {
width: 100%;
max-width: 320px;
}

.nav-campaign-03.full {
margin: 0 -10px 12px -10px;
}
.nav-campaign-03.full > li {
border-bottom: 1px solid #dadada;
}
.nav-campaign-03.box {
margin-bottom: 0;
}
.nav-campaign-03.box > li {
margin-bottom: 12px;
border-radius: 4px;
border: 1px solid #dadada;
}
.nav-campaign-03 > li > a {
position: relative;
display: block;
padding: 12px 24px 1px 10px
}
.nav-campaign-03 > li > a:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-campaign-03 > li > a > b {
display: block;
margin-bottom: 5px;
font-size: 16px;
}
.nav-campaign-03 > li > a > dl {
overflow: hidden;
margin-bottom: 0;
}
.nav-campaign-03 > li > a > dl > dt {
float: left;
clear: left;
display: inline-block;
width: 70px;
border-radius: 3px;
border: 1px solid #78b82a;
color: #78b82a;
font-size: 12px;
text-align: center;
}
.nav-campaign-03 > li > a > dl > dd {
overflow: hidden;
margin-bottom: 5px;
padding-left: 10px;
color: #5c5c5c;
}
.nav-campaign-03 > li > a > p {
color: #5c5c5c;
}

.def-campaign {
	margin: 20px auto;
}

.def-campaign > dt {
	font-weight: bold;
	text-align: center;
	color: #78b82a;
	position: relative;
	left: 12px;
	display: table;
	padding: 0 20px;
	margin: 0 auto;
}

.def-campaign > dt:before {
	content: "";
	width: 18px;
	height: 20px;
	display: inline-block;
	vertical-align: baseline;
	background: url(/-/media/AeonCard/legacy/common/css/images/hdg-campaign_01.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: -5px;
}

.def-campaign > dd {
	text-align: center;
	margin-top: 5px;
}

.def-campaign > dd img {
	width: 100%;
	max-width: 320px;
}

.nav-card-01 {
margin: 0 -10px 12px -10px;
border-top: 1px solid #dadada;
}
.nav-card-01 > li {
border-bottom: 1px solid #dadada;
padding: 12px 10px 4px 10px;
}
.nav-card-01 > li > dl {
margin-bottom: 0;
}
.nav-card-01 > li > .inner {
position: relative;
min-height: 62px;
margin-bottom: 12px;
padding-left: 108px;
}
.nav-card-01 > li > .inner > a {
display: inline-block;
margin: -.25em 0 .25em 0;
font-size: 16px;
font-weight: bold;
}
.nav-card-01 > li > .inner > a img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 98px;
}
.nav-card-01 > li > .inner > a small {
position: absolute;
top: 65px;
left: 0;
display: block;
width: 98px;
color: #5c5c5c;
font-size: 10px;
font-weight: normal;
text-align: right;
}
.nav-card-01 > li > .inner > p {
margin-bottom: 0;
}
.nav-card-01 > li > dl dt {
float: left;
clear: left;
display: inline-block;
padding: 0 .5em;
background-color: #ebebeb;
font-size: 12px;
}
.nav-card-01 > li > dl dd {
overflow: hidden;
margin-bottom: 5px;
padding-left: 10px;
}
.nav-card-01 > li > dl dd .reg {
margin-top: 0;
}
.nav-card-01 > li > dl dd .reg li {
margin-bottom: 0;
}

.nav-panel-01 {
overflow: hidden;
margin-bottom: 0;
}
.nav-panel-01 > li {
float: left;
width: 50%;
margin-bottom: 12px;
text-align: center;
}
.nav-panel-01 > li:nth-child(2n) {
padding-left: 5px;
}
.nav-panel-01 > li:nth-child(2n+1) {
clear: both;
padding-right: 5px;
}
.nav-panel-01 > li > a {
display: block;
}
.nav-panel-01 > li img {
display: block;
margin: 0 auto 5px auto;
}
.nav-panel-01 > li > a > .label {
position: relative;
display: inline-block;
padding-left: 12px;
color: #5c5c5c;
text-align: left;
}
.nav-panel-01 > li > a > .label:before {
content: "";
position: absolute;
top: .5em;
left: -1px;
display: block;
width: 4px;
height: 4px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/* table
----------------------------------------------- */

.table-data-01 {
margin-bottom: 12px;
border-collapse: collapse;
}
.table-data-01 th,
.table-data-01 td {
border: 1px solid #dadada;
padding: .5em;
word-break: break-all;
}

.table-data-01 th {
background-color: #f5f3eb;
font-weight: bold;
}
.table-data-01 td {
background-color: #fff;
}
.table-data-01 .text-num-01 {
margin: 5px 0;
font-size: 14px;
}
.table-data-01 .nobg {
background-color: #fff !important;
}
.table-data-01 thead + tbody th {
background-color: #f2f2f2;
}
.table-data-01 .w20 {width: 20%;}
.table-data-01 .w25 {width: 25%;}
.table-data-01 .w30 {width: 30%;}
.table-data-01 .w35 {width: 35%;}
.table-data-01 .w40 {width: 40%;}
.table-data-01 .w45 {width: 45%;}
.table-data-01 .w50 {width: 50%;}
.table-data-01 .w55 {width: 55%;}
.table-data-01 .w60 {width: 60%;}

/* ui
----------------------------------------------- */

.ui-btn-small-01 {
position: relative;
display: block;
width: 280px;
line-height: 20px;
margin: 12px auto 16px auto;
-webkit-box-shadow: 0 4px 1px #b3b3b3;
box-shadow: 0 4px 0 #b3b3b3;
border-radius: 4px;
padding: 5px 24px;
background-color: #e0e0e0;
color: #5c5c5c;
font-size: 14px;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.ui-btn-small-01:active,
.ui-btn-small-01:focus {
top: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}

.ui-btn-normal-01 {
position: relative;
display: block;
width: 280px;
line-height: 20px;
margin: 12px auto 16px auto;
-webkit-box-shadow: 0 4px 1px #ccc;
box-shadow: 0 4px 0 #ccc;
border-radius: 8px;
border: 2px solid #ccc;
padding: 8px 34px 8px 16px;
background-color: #fff;
color: #5c5c5c;
font-size: 14px;
font-weight: bold;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.ui-btn-normal-01:active,
.ui-btn-normal-01:focus {
top: 4px;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f2f2f2;
}
.ui-btn-normal-01:before,
.ui-btn-normal-01:after {
content: "";
position: absolute;
top: 50%;
display: block;
border-style: solid;
border-color: #666;
}
.ui-btn-normal-01:before {
right: 8px;
width: 14px;
height: 14px;
margin-top: -9px;
border-radius: 9px;
border-width: 2px;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.ui-btn-normal-01:after {
right: 15px;
width: 3px;
height: 3px;
margin-top: -2px;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-btn-normal-01.inpage:after {
margin-top: -3px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.ui-btn-normal-01.stpbtn{
  padding:10px 0px;
}
.ui-btn-normal-01.stpbtn:before,
.ui-btn-normal-01.stpbtn:after {
content: "";
display: none;
}
.ui-btn-em-01 {
position: relative;
display: block;
width: 280px;
line-height: 24px;
margin: 12px auto 18px auto;
-webkit-box-shadow: 0 6px 1px #8c640a;
box-shadow: 0 6px 0 #8c640a;
border-radius: 8px;
padding: 10px 36px 10px 18px;
background-color: #bc940a;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.ui-btn-em-01.credit {
-webkit-box-shadow: 0 6px 1px #c83c4e;
box-shadow: 0 6px 0 #c83c4e;
background-color: #fa4b62;
}
.ui-btn-em-01.point {
-webkit-box-shadow: 0 6px 1px #bf5101;
box-shadow: 0 6px 0 #bf5101;
background-color: #ff8121;
}
.ui-btn-em-01.bank {
-webkit-box-shadow: 0 6px 1px #228db3;
box-shadow: 0 6px 0 #228db3;
background-color: #42bde3;
}
.ui-btn-em-01.campaign {
-webkit-box-shadow: 0 6px 1px #48880a;
box-shadow: 0 6px 0 #48880a;
background-color: #78b82a;
}
.ui-btn-em-01.life {
-webkit-box-shadow: 0 6px 1px #007559;
box-shadow: 0 6px 0 #007559;
background-color: #10b589;
}
.ui-btn-em-01.aeon {
-webkit-box-shadow: 0 6px 1px #a20172;
box-shadow: 0 6px 0 #a20172;
background-color: #ca018f;
}
.ui-btn-em-01.mypage {
-webkit-box-shadow: 0 6px 1px #464646;
box-shadow: 0 6px 0 #464646;
background-color: #585858;
}
.ui-btn-em-01.str-01 {
-webkit-box-shadow: 0 6px 1px #468A03;
  box-shadow: 0 6px 0 #468A03;
  background: #53b235;
}
.ui-btn-em-01:active,
.ui-btn-em-01:focus {
top: 6px;
-webkit-box-shadow: none;
box-shadow: none;
}
.ui-btn-em-01:before,
.ui-btn-em-01:after {
content: "";
position: absolute;
top: 50%;
display: block;
border-style: solid;
border-color: #fff;
}
.ui-btn-em-01:before {
right: 10px;
width: 14px;
height: 14px;
margin-top: -9px;
border-radius: 9px;
border-width: 2px;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.ui-btn-em-01:after {
right: 17px;
width: 3px;
height: 3px;
margin-top: -2px;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-btn-em-01.inpage:after {
margin-top: -3px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.ui-btn-em-01 .blank {
margin-left: 20px;
padding-right: 20px;
background: transparent url(/-/media/AeonCard/legacy/common/sp/images/icon-blank-w.png) no-repeat scroll center right;
-webkit-background-size: 11px 10px;
background-size: 11px 10px;
}
.ui-btn-em-01 em {
display: inline-block;
margin: 15px 0;
font-size: 20px;
}
.ui-btn-em-01 small {
font-size: 14px;
font-weight: normal;
}

.ui-btn-em-02 {
position: relative;
display: block;
width: 280px;
line-height: 24px;
margin: 12px auto 18px auto;
-webkit-box-shadow: 0 6px 1px #ca018f;
box-shadow: 0 6px 0 #ca018f;
border-radius: 8px;
border: 2px solid #ca018f;
padding: 8px 34px 8px 16px;
background-color: #fff;
color: #ca018f;
font-size: 16px;
font-weight: bold;
text-align: center;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
}
.ui-btn-em-02.credit {
-webkit-box-shadow: 0 6px 1px #fa4b62;
box-shadow: 0 6px 0 #fa4b62;
border-color: #fa4b62;
color: #fa4b62;
}
.ui-btn-em-02.point {
-webkit-box-shadow: 0 6px 1px #ff8121;
box-shadow: 0 6px 0 #ff8121;
border-color: #ff8121;
color: #ff8121;
}
.ui-btn-em-02.bank {
-webkit-box-shadow: 0 6px 1px #42bde3;
box-shadow: 0 6px 0 #42bde3;
border-color: #42bde3;
color: #42bde3;
}
.ui-btn-em-02.campaign {
-webkit-box-shadow: 0 6px 1px #78b82a;
box-shadow: 0 6px 0 #78b82a;
border-color: #78b82a;
color: #78b82a;
}
.ui-btn-em-02.life {
-webkit-box-shadow: 0 6px 1px #10b589;
box-shadow: 0 6px 0 #10b589;
border-color: #10b589;
color: #10b589;
}
.ui-btn-em-02.temp-id {
color: #5c5c5c;
}
.ui-btn-em-02:active,
.ui-btn-em-02:focus {
top: 6px;
-webkit-box-shadow: none;
box-shadow: none;
}
.ui-btn-em-02:before,
.ui-btn-em-02:after {
content: "";
position: absolute;
top: 50%;
display: block;
border-style: solid;
border-color: #ca018f;
}
.ui-btn-em-02.credit:before,
.ui-btn-em-02.credit:after {
border-color: #fa4b62;
}
.ui-btn-em-02.point:before,
.ui-btn-em-02.point:after {
border-color: #ff8121;
}
.ui-btn-em-02.bank:before,
.ui-btn-em-02.bank:after {
border-color: #42bde3;
}
.ui-btn-em-02.campaign:before,
.ui-btn-em-02.campaign:after {
border-color: #78b82a;
}
.ui-btn-em-02.life:before,
.ui-btn-em-02.life:after {
border-color: #10b589;
}
.ui-btn-em-02:before {
right: 8px;
width: 14px;
height: 14px;
margin-top: -9px;
border-radius: 9px;
border-width: 2px;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.ui-btn-em-02:after {
right: 15px;
width: 3px;
height: 3px;
margin-top: -2px;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-btn-em-02.inpage:after {
margin-top: -3px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.ui-btn-em-02:active,
.ui-btn-em-02:focus {
background-color: #fff0fa;
}
.ui-btn-em-02.credit:active,
.ui-btn-em-02.credit:focus {
background-color: #fff0f2;
}
.ui-btn-em-02.point:active,
.ui-btn-em-02.point:focus {
background-color: #fff6f0;
}
.ui-btn-em-02.bank:active,
.ui-btn-em-02.bank:focus {
background-color: #edf9fc;
}
.ui-btn-em-02.campaign:active,
.ui-btn-em-02.campaign:focus {
background-color: #f1f7e9;
}
.ui-btn-em-02.life:active,
.ui-btn-em-02.life:focus {
background-color: #ebfaf6;
}

.ui-bulletlink-01 {
margin-bottom: 12px;
}
.ui-bulletlink-01 a {
position: relative;
display: inline-block;
padding-left: 12px;
}
.ui-bulletlink-01 a:before {
content: "";
position: absolute;
top: .5em;
left: -1px;
display: block;
width: 4px;
height: 4px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.ui-helplink-01 {
position: relative;
display: inline-block;
padding-left: 20px;
}
.ui-helplink-01 > b.help {
position: absolute;
top: .1em;
left: 0;
display: block;
width: 16px;
height: 16px;
line-height: 16px;
border-radius: 8px;
background-color: #666;
color: #fff;
font-size: 10px;
font-weight: bold;
text-align: center;
}

.ui-category-01 {
line-height: 22px;
margin-left: 10px;
margin-right: 10px;
padding: 6px 10px;
background-color: #e6e6e6;
}
.ui-category-01 > a > span {
margin: 0 .5em;
color: #5c5c5c;
}

.ui-tellink-01 {
line-height: 1.2;
color: #ca018f;
font-size: 30px;
font-weight: bold;
letter-spacing: -.015em;
}
[class^="area-"] > .inner .ui-tellink-01 {
font-size: 28px;
}

.ui-tellink-02 {
line-height: 1.2;
color: #5c5c5c;
font-size: 24px;
font-weight: bold;
letter-spacing: -.015em;
}

.ui-choice-01 {
width: 100%;
overflow: hidden;
}
.ui-choice-01 > li {
position: relative;
float: left;
width: 50%;
}
.ui-choice-01 > li > input[type="radio"] {
position: absolute;
top: 50%;
left: 10px;
display: block;
margin-top: -8px;
}
.ui-choice-01 > li > label {
display: block;
border-left: 1px solid #dadada;
padding: 10px 10px 10px 30px;
background-color: #fff;
}
.ui-choice-01 > li:first-child > label {
border-radius: 4px 0 0 4px;
border-left: 0;
}
.ui-choice-01 > li:last-child > label {
border-radius: 0 4px 4px 0;
}
.ui-choice-01 > li > input[type="radio"]:checked + label {
background-color: #fae59b;
}

.ui-choice-01.column3 li {
	width:33.3333%;
	font-size:80%;
	white-space:nowrap;
}


/* adjust
----------------------------------------------- */

.align-l, .align-l th, .align-l td {text-align: left   !important;}
.align-c, .align-c th, .align-c td {text-align: center !important;}
.align-r, .align-r th, .align-r td {text-align: right  !important;}
.align-t, .align-t th, .align-t td {vertical-align: top    !important;}
.align-m, .align-m th, .align-m td {vertical-align: middle !important;}
.align-b, .align-b th, .align-b td {vertical-align: bottom !important;}

.mt0  {margin-top:  0   !important;}
.mt6  {margin-top:  6px !important;}
.mt12 {margin-top: 12px !important;}
.mt18 {margin-top: 18px !important;}
.mt24 {margin-top: 24px !important;}
.mt30 {margin-top: 30px !important;}
.mt42 {margin-top: 42px !important;}

.mb0  {margin-bottom:  0   !important;}
.mb6  {margin-bottom:  6px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb18 {margin-bottom: 18px !important;}
.mb24 {margin-bottom: 24px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb42 {margin-bottom: 42px !important;}

.mv0  {margin-top:  0   !important; margin-bottom:  0   !important;}
.mv6  {margin-top:  6px !important; margin-bottom:  6px !important;}
.mv12 {margin-top: 12px !important; margin-bottom: 12px !important;}
.mv18 {margin-top: 18px !important; margin-bottom: 18px !important;}
.mv24 {margin-top: 24px !important; margin-bottom: 24px !important;}
.mv30 {margin-top: 30px !important; margin-bottom: 30px !important;}
.mv42 {margin-top: 42px !important; margin-bottom: 42px !important;}

.mr0  {margin-right:  0   !important;}
.mr5  {margin-right:  5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.ml0  {margin-left:  0   !important;}
.ml5  {margin-left:  5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}

.mh0  {margin-right:  0   !important; margin-left:  0   !important;}
.mh5  {margin-right:  5px !important; margin-left:  5px !important;}
.mh10 {margin-right: 10px !important; margin-left: 10px !important;}
.mh15 {margin-right: 15px !important; margin-left: 15px !important;}
.mh20 {margin-right: 20px !important; margin-left: 20px !important;}
.mh30 {margin-right: 30px !important; margin-left: 30px !important;}
.mh40 {margin-right: 40px !important; margin-left: 40px !important;}


/* ----------------------------------------------------------------

  others

----------------------------------------------------------------- */

img.icon {
display: inline-block;
margin-left: -2px;
vertical-align: middle;
-webkit-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 0 25%;
transform-origin: 0 25%;
}
.ui-btn-small-01 img.icon,
.ui-btn-normal-01 img.icon,
.ui-btn-em-01 img.icon {
margin-right: -1.5em;
}
span.icon.recommend {
position: relative;
top: -.25em;
display: inline-block;
line-height: 14px;
margin-left: -.25em;
border-radius: 3px;
border: 1px solid #42bde3;
padding: 0 .25em;
color: #42bde3;
font-size: 10px;
}
.icon + img.icon {
margin-left: 2px;
}
.icon-caution-wrapper {
position: relative;
padding-left: 20px;
}
.icon-caution {
width: 0;
height: 0;
line-height: 22px;
overflow: visible;
border-style: solid;
border-width: 0 10px 18px 10px;
border-color: transparent transparent #fee148 transparent;
color: #4c4c4c;
font-size: 12px;
text-indent: -2px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
text-align: center;
}
.box-toggle-01 {
margin-bottom: 12px;
}
.box-toggle-01 > .ui {
margin-bottom: 0;
border-radius: 4px 4px 0 0;
border-bottom: 1px solid #ccc;
padding: 12px 10px;
background-color: #fff;
font-size: 14px;
}
.box-toggle-01 > .ui > .label {
display: table;
width: 100%;
font-weight: bold;
}
.box-toggle-01 > .ui > .label > .badge,
.box-toggle-01 > .ui > .label > .text {
display: table-cell;
vertical-align: middle;
}
.box-toggle-01 > .ui > .label > .badge {
width: 62px;
text-align: center;
}
.box-toggle-01 > .ui > .label > .badge > span {
display: block;
width: 62px;
height: 62px;
line-height: 20px;
border-radius: 31px;
border: 3px solid #bc940a;
padding-top: 8px;
background-color: #fff;
color: #bc940a;
font-size: 13px;
letter-spacing: .25em;
text-indent: .25em;
}
.box-toggle-01 > .ui > .label > .badge > span.kerning {
letter-spacing: -.15em;
text-indent: 0;
}
.box-toggle-01 > .ui > .label > .badge > span span {
display: block;
margin-top: -2px;
font-size: 20px;
letter-spacing: -.0001em;
text-indent: 0;
}
.box-toggle-01 > .ui > .label > .text {
font-size: 16px;
}
.box-toggle-01 > .ui > .label > .badge + .text {
padding-left: 10px;
}
.box-toggle-01 > [role="button"].ui {
position: relative;
overflow: hidden;
padding-right: 40px;
}
.box-toggle-01 > [role="button"].ui:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 16px;
height: 16px;
margin-top: -10px;
border-radius: 10px;
border: 2px solid #bc940a;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.box-toggle-01 > [role="button"].ui.close {
border-radius: 4px;
}
.box-toggle-01 > [role="button"].ui > .label:before,
.box-toggle-01 > [role="button"].ui > .label:after {
content: "";
position: absolute;
top: 50%;
right: 16px;
display: block;
width: 8px;
height: 0;
margin-top: -1px;
border-top: 2px solid #bc940a;
}
.box-toggle-01 > [role="button"].ui > .label:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.box-toggle-01 > [role="button"].ui.open > .label:after {
display: none;
}
.box-toggle-01 > [role="button"].ui i {
position: absolute;
top: -999em;
right: -999em;
}
.box-toggle-01.credit > .ui > .label > .badge > span,
.box-toggle-01.credit > [role="button"].ui:after,
.box-toggle-01.credit > [role="button"].ui > .label:before,
.box-toggle-01.credit > [role="button"].ui > .label:after {border-color: #fa4b62; color: #fa4b62;}
.box-toggle-01.point > .ui > .label > .badge > span,
.box-toggle-01.point > [role="button"].ui:after,
.box-toggle-01.point > [role="button"].ui > .label:before,
.box-toggle-01.point > [role="button"].ui > .label:after {border-color: #ff8121; color: #ff8121;}
.box-toggle-01.bank > .ui > .label > .badge > span,
.box-toggle-01.bank > [role="button"].ui:after,
.box-toggle-01.bank > [role="button"].ui > .label:before,
.box-toggle-01.bank > [role="button"].ui > .label:after {border-color: #42bde3; color: #42bde3;}
.box-toggle-01.campaign > .ui > .label > .badge > span,
.box-toggle-01.campaign > [role="button"].ui:after,
.box-toggle-01.campaign > [role="button"].ui > .label:before,
.box-toggle-01.campaign > [role="button"].ui > .label:after {border-color: #78b82a; color: #78b82a;}
.box-toggle-01.life > .ui > .label > .badge > span,
.box-toggle-01.life > [role="button"].ui:after,
.box-toggle-01.life > [role="button"].ui > .label:before,
.box-toggle-01.life > [role="button"].ui > .label:after {border-color: #10b589; color: #10b589;}
.box-toggle-01 > .content {
display: none;
border-radius: 0 0 4px 4px;
border-top: 1px solid #e8e8e8;
padding: 12px 10px 1px 10px;
background-color: #fcf6de;
}
.box-toggle-01.credit > .content > .price-total {
padding:0px 5%;
}
.box-toggle-01.credit > .content > .price-total > .price .condition,
.box-toggle-01.credit > .content > .price-total > .cash .condition{
display: inline-block;
margin:8px 0 4px;
font-size:75%;
}
.box-toggle-01.credit > .content > .price-total > .symbol {
margin:0 auto;
text-align:center;
font-size:300%;
}
.box-toggle-01.credit > .content > .price-total > .cash {
border-top:1px solid #5b5b5b;
padding-top:20px;
}
.box-toggle-01.credit > .content > .text-note-01.num,
.box-toggle-01.credit > .content > .note-01.num > li {
padding-left:2em;
}
.box-toggle-01.credit > .content > .note-01.num > li > .mark {
margin-left: -2rem;
}

.static .box-toggle-01 > .content,
.static .box-toggle-01 > [role="button"].ui.open + .content {
display: block;
}
.box-toggle-01 > .content > .list-link-01 {
margin-top: -12px;
margin-bottom: -1px;
border-top: 0;
}
.box-toggle-01 > .content > .list-link-01 > li:last-child {
border-bottom: 0;
}
.static .box-toggle-02 > .content,
.box-toggle-02 > [role="button"].hdg-t2-01.open .content {
display: block;
}
[class*="box-toggle-"] > .content .text-num-01 b,
[class*="box-toggle-"] > .content .text-num-01 b a,
[class*="box-toggle-"] > .content .ui-tellink-01 {
font-size: 28px;
}
[class*="box-toggle-"] > .content [class*="list-"] .text-num-01 b,
[class*="box-toggle-"] > .content [class*="list-"] .text-num-01 b a,
[class*="box-toggle-"] > .content [class*="list-"] .ui-tellink-01 {
font-size: 26px;
}

.box-content-01 {
position: relative;
display: block;
overflow: hidden;
margin-bottom: 12px;
border-radius: 4px;
border: 1px solid #dadada;
padding: 9px;
color: #5c5c5c;
}
.box-content-01 > .img {
float: left;
}
.box-content-01 > .text {
overflow: hidden;
padding-left: 10px;
}
.box-content-01 > .text > *:last-child {
margin-bottom: 0;
}
.box-content-01 > .text-flag-01 {
position: absolute;
top: 6px;
left: -1px;
}
.box-content-01 > .text-flag-01 + .img {
margin-top: 25px;
}
.box-content-01 > .text-flag-01 + .img + .text {
margin-top: 5px;
}

.box-extend-01 > li {
overflow: hidden;
}

.box-reboexample {
margin-bottom: 0;
padding: 12px 10px;
background-color: #fa4b62;
color: #fff;
}
.box-reboexample > .img {
display: block;
margin: -12px -10px 4px -10px;
}
.box-reboexample > .img img {
width: 100%;
}
.box-reboexample > b {
display: inline-block;
margin-bottom: 4px;
font-size: 16px;
font-weight: bold;
}

.static #cardsort > .ui {
display: none;
}

.bonus {
margin-bottom: .25em;
color: #ca018f;
font-weight: bold;
}
.bonus strong {
line-height: 1.25;
font-size: 24px;
}

img.brandicon {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.table-data-01 td.cardBox a{
	display:block;
}

.table-data-01 td.cardBox a:hover,
.table-data-01 td.cardBox a:focus,
.table-data-01 td.cardBox a:active {
  background-color: #f2f2f2;
}

.table-data-01 td.cardBox a img{
	width:60%;
	max-width:480px;
	vertical-align:middle;
}

.table-data-01 td.cardBox a img.brandicon{
	width:5%;
	min-width:10px;
	vertical-align:middle;
	margin-right: 0px;
}

/* link arrow (right)
----------------------------------------------- */

.list-linkpanel-01 li a,
.nav-utility li a,
.nav-local ul li a,
.ui-btn-small-01 {
position: relative;
display: block;
padding-right: 24px;
}
.list-linkpanel-01 li a:before,
.nav-utility li a:before,
.nav-local ul li a:before,
.ui-btn-small-01:before {
content: "";
position: absolute;
top: 50%;
right: 10px;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-btn-small-01.inpage:before {
margin-top: -2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


/* modal
----------------------------------------------- */

.modal-search {
padding-bottom: 12px;
background-color: #fff;
}
.modal-search header {
height: 60px;
overflow: hidden;
padding: 12px 10px;
background-color: #5b5b5b;
}
.modal-search header h1 {
float: left;
line-height: 34px;
color: #fff;
font-size: 18px;
font-weight: normal;
}
.modal-search header a {
position: relative;
float: right;
display: block;
line-height: 30px;
-webkit-box-shadow: 0 4px 1px #b3b3b3;
box-shadow: 0 4px 0 #b3b3b3;
border-radius: 4px;
padding: 0 30px 0 20px;
background-color: #e0e0e0;
color: #5c5c5c;
font-size: 14px;
text-align: center;
-webkit-appearance: none;
appearance: none;
}
.modal-search header a:before,
.modal-search header a:after {
content: "";
position: absolute;
top: 50%;
right: 18px;
width: 2px;
height: 0;
margin-top: -5px;
border-top: 10px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.modal-search header a:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.modal-search header a:active,
.modal-search header a:focus {
top: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.modal-search dl {
padding-bottom: 6px;
}
.modal-search dt {
padding: 4px 10px;
background-color: #ffede0;
}
.modal-search dd {
margin-bottom: 0;
padding: 12px 20px;
}
.modal-search dd input[type="text"],
.modal-search dd select {
position: relative;
display: block;
width: 100%;
line-height: 36px;
border-radius: 0;
border: 1px solid #dadada;
padding: 0 7px;
background-color: transparent;
font-size: 14px;
-webkit-appearance: none;
appearance: none;
}
.modal-search dd input[type="text"] {
line-height: 1;
padding: 11px 7px;
}
.modal-search dd select {
padding-right: 36px;
}
.modal-search dd .select {
position: relative;
}
.modal-search dd .select:before,
.modal-search dd .select:after {
content: "";
position: absolute;
display: block;
}
.modal-search dd .select:before {
top: 1px;
right: 1px;
bottom: 1px;
width: 36px;
background-color: #ebebeb;
}
.modal-search dd .select:after {
top: 50%;
right: 15px;
width: 4px;
height: 4px;
margin-top: -4px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}


/* carousel
----------------------------------------------- */

.area-carousel-01 > .carousel-content {
margin: 0 -10px;
}
.area-carousel-01 > .carousel-content li > a {
display: block;
}
.area-carousel-01 > .carousel-content li > a > img {
display: block;
width: 100%;
margin: 0 auto;
}
.area-carousel-01.img-280-110 > .carousel-content li > a > img {
width: 280px;
height: 110px;
}
.area-carousel-01.img-150-150 > .carousel-content li > a > img {
width: 150px;
height: 150px;
}
.area-carousel-01 > .carousel-ui {
position: relative;
padding: 0 70px;
}
.area-carousel-01 > .carousel-ui > a {
position: absolute;
top: 0;
display: block;
width: 60px;
height: 24px;
border-radius: 4px;
border: 1px solid #dadada;
}
.area-carousel-01 > .carousel-ui > a.prev {
left: 0;
}
.area-carousel-01 > .carousel-ui > a.next {
right: 0;
}
.area-carousel-01 > .carousel-ui > a > span {
position: absolute;
top: -999em;
left: -999em;
}
.area-carousel-01 > .carousel-ui > a:before {
content: "";
position: absolute;
top: 50%;
display: block;
width: 4px;
height: 4px;
margin-top: -3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.area-carousel-01 > .carousel-ui > a:nth-child(1):before {
right: 10px;
border-top: 2px solid #666;
border-right: 2px solid #666;
}
.area-carousel-01 > .carousel-ui > a:nth-child(2):before {
left: 10px;
border-left: 2px solid #666;
border-bottom: 2px solid #666;
}
.area-carousel-01 > .carousel-ui > ul {
display: table;
width: 100%;
}
.area-carousel-01 > .carousel-ui > ul > li {
display: table-cell;
padding: 3px;
}
.area-carousel-01 > .carousel-ui > ul > li > a {
display: block;
width: 18px;
height: 18px;
margin: 0 auto;
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.5) inset;
box-shadow: 2px 2px 4px rgba(0,0,0,.5) inset;
border-radius: 9px;
background-color: #f4f4f4;
}
.area-carousel-01 > .carousel-ui > ul > li > a.current {
-webkit-box-shadow: none;
box-shadow: none;
border: 4px solid #bc940a;
background-color: #fff;
}
.area-carousel-01.credit > .carousel-ui > ul > li > a.current {border-color: #fa4b62;}
.area-carousel-01.point > .carousel-ui > ul > li > a.current {border-color: #ff8121;}
.area-carousel-01.bank > .carousel-ui > ul > li > a.current {border-color: #42bde3;}
.area-carousel-01.campaign > .carousel-ui > ul > li > a.current {border-color: #78b82a;}
.area-carousel-01.life > .carousel-ui > ul > li > a.current {border-color: #10b589;}
.area-carousel-01 > .carousel-ui > ul > li > a > span {
position: absolute;
top: -999em;
left: -999em;
}
.area-carousel-01.card > .carousel-content ul {
margin-bottom: 0;
}
.area-carousel-01.card > .carousel-content ul li {
margin-bottom: 12px;
padding: 0 10px;
}
.area-carousel-01.card > .carousel-content ul li > a {
display: block;
border-radius: 4px;
border: 1px solid #dadada;
padding: 12px 10px 8px 10px;
color: #5c5c5c;
text-align: center;
}
.area-carousel-01.card > .carousel-content ul li > a img {
display: block;
width: 55%;
margin: 0 auto 8px auto;
}
.area-carousel-01.card > .carousel-content ul li > a small {
display: block;
width: 55%;
margin: -6px auto 0 auto;
font-size: 10px;
text-align: right;
}
.area-carousel-01.area > .carousel-content {
margin-bottom: 6px;
}
.area-carousel-01.area > .carousel-content ul li {
text-align: center;
}
.area-carousel-01.area > .carousel-content ul li > img {
width: 160px;
height: 108px;
}


/* top
----------------------------------------------- */

.hdg-top-01 {
margin: 18px 5px 12px 5px;
font-size: 20px;
font-weight: normal;
text-align: center;
}

.nav-toppanel {
margin: 18px -10px 0 -10px;
padding: 10px 10px 1px 10px;
background-color: #ca018f;
}
.nav-toppanel ul {
overflow: hidden;
margin-bottom: 0;
}
.nav-toppanel ul li {
float: left;
width: 31.33333%;
margin-right: 3%;
}
.nav-toppanel ul li:nth-child(3n) {
margin-right: 0;
}
.nav-toppanel ul li a {
position: relative;
display: block;
height: 88px;
overflow: hidden;
margin-bottom: 16px;
-webkit-box-shadow: 0 6px 1px #ccc;
box-shadow: 0 6px 0 #ccc;
border-radius: 3px;
padding: 55px 2px 0 2px;
background-color: #fff;
color: #5b5b5b;
font-size: 12px;
}
.nav-toppanel ul li a:before {
content: "";
position: absolute;
top: 5px;
left: 50%;
display: block;
width: 50px;
height: 50px;
margin-left: -25px;
background: transparent url(../images/icon-top-sprite-01.png) no-repeat scroll 0 0;
-webkit-background-size: 400px 50px;
background-size: 400px 50px;
}
.nav-toppanel ul li.make a:before {background-position: 0 0;}
.nav-toppanel ul li.campaign a:before {background-position: -50px 0;}
.nav-toppanel ul li.point a:before {background-position: -100px 0;}
.nav-toppanel ul li.member a:before {background-position: -150px 0;}
.nav-toppanel ul li.faq a:before {background-position: -200px 0;}
.nav-toppanel ul li.lost a:before {background-position: -250px 0;}
.nav-toppanel ul li.cashing a:before {background-position: -300px 0;}
.nav-toppanel ul li.revo a:before {background-position: -350px 0;}
.nav-toppanel ul li a:active,
.nav-toppanel ul li a:focus {
top: 3px;
-webkit-box-shadow: 0 3px 1px #ccc;
box-shadow: 0 3px 0 #ccc;
background-color: #f2f2f2;
}
.nav-toppanel ul .publicfee a:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: transparent url(../images/icon-top-publicfee.png) no-repeat scroll 0 0;
  -webkit-background-size: 50px 50px;
  background-size: 50px 50px;
}
.nav-toppanel ul li a span {
display: table;
width: 100%;
height: 32px;
}
.nav-toppanel ul li a span span {
display: table-cell;
width: 100%;
line-height: 16px;
text-align: center;
vertical-align: middle;
letter-spacing: -.05em;
}

.nav-recommend {
margin: 0 -10px;
padding: 1px 10px 10px 10px;
background-color: #fae59b;
}
.nav-recommend > ul {
margin-bottom: 0;
}
.nav-recommend > ul > li {
margin-bottom: 2px;
}
.nav-recommend > ul > li > a {
position: relative;
display: block;
padding: 9px 24px;
background-color: #fff;
color: #5c5c5c;
}
.nav-recommend > ul > li > a:before,
.nav-recommend > ul > li > a:after {
content: "";
position: absolute;
display: block;
}
.nav-recommend > ul > li > a:before {
left: 10px;
width: 8px;
height: 8px;
background: #c0504d;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto;
-webkit-background-size: 210px 30px;
background-size: 210px 30px;
}
.nav-recommend > ul > li > a:after {
top: 50%;
right: 10px;
width: 4px;
height: 4px;
margin-top: -3px;
border-top: 2px solid #666;
border-right: 2px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/**** 2018.06 add TVCM Area ****/
.top-movie-box {
box-sizing: border-box;
margin: 24px 0 12px;
border-radius: 4px;
border: #c29f0d 2px solid;
padding: 15px 5.1% 20px;
}
.top-movie-box .hdg {
font-size: 20px;
line-height: 1.38889;
margin-bottom: 16px;
}
.top-movie-box .movie-wrapper {
padding-bottom: 56.25%;
width: 100%;
height: 0;
position: relative;
}
.top-movie-box .caption {
font-size: 100%;
line-height: 1.78571;
margin-top: 6px;
display: block;
}
.top-movie-box .ui-btn-normal-01 {
width: auto;
}
/**** 2018.06 end add ****/

/**** 2018.09 add ****/

img {
border: none;
vertical-align: top;
max-width: 100%;
height: auto;
}

/* adjust
----------------------------------------------- */
.fw-bold   { font-weight: bold;   }
.fw-normal { font-weight: normal; }

.mt5  { margin-top :  5px !important; } .mb5  { margin-bottom :  5px !important; }
.mt10 { margin-top : 10px !important; } .mb10 { margin-bottom : 10px !important; }
.mt15 { margin-top : 15px !important; } .mb15 { margin-bottom : 15px !important; }
.mt20 { margin-top : 20px !important; } .mb20 { margin-bottom : 20px !important; }
.mt25 { margin-top : 25px !important; } .mr25 { margin-right : 25px !important; } .mb25 { margin-bottom : 25px !important; } .ml25 { margin-left : 25px !important; }
.mt35 { margin-top : 35px !important; } .mr35 { margin-right : 35px !important; } .mb35 { margin-bottom : 35px !important; } .ml35 { margin-left : 35px !important; }
.mt40 { margin-top : 40px !important; } .mb40 { margin-bottom : 40px !important; }
.mt45 { margin-top : 45px !important; } .mr45 { margin-right : 45px !important; } .mb45 { margin-bottom : 45px !important; } .ml45 { margin-left : 45px !important; }
.mt50 { margin-top : 50px !important; } .mb50 { margin-bottom : 50px !important; } .ml50 { margin-left : 50px !important; }
.mt55 { margin-top : 55px !important; } .mr55 { margin-right : 55px !important; } .mb55 { margin-bottom : 55px !important; } .ml55 { margin-left : 55px !important; }
.mt60 { margin-top : 60px !important; } .mr60 { margin-right : 60px !important; } .mb60 { margin-bottom : 60px !important; } .ml60 { margin-left : 60px !important; }
.mt65 { margin-top : 65px !important; } .mr65 { margin-right : 65px !important; } .mb65 { margin-bottom : 65px !important; } .ml65 { margin-left : 65px !important; }
.mt70 { margin-top : 70px !important; } .mr70 { margin-right : 70px !important; } .mb70 { margin-bottom : 70px !important; } .ml70 { margin-left : 70px !important; }
.mt75 { margin-top : 75px !important; } .mr75 { margin-right : 75px !important; } .mb75 { margin-bottom : 75px !important; } .ml75 { margin-left : 75px !important; }
.mt80 { margin-top : 80px !important; } .mr80 { margin-right : 80px !important; } .mb80 { margin-bottom : 80px !important; } .ml80 { margin-left : 80px !important; }
.mt85 { margin-top : 85px !important; } .mr85 { margin-right : 85px !important; } .mb85 { margin-bottom : 85px !important; } .ml85 { margin-left : 85px !important; }
.mt90 { margin-top : 90px !important; } .mr90 { margin-right : 90px !important; } .mb90 { margin-bottom : 90px !important; } .ml90 { margin-left : 90px !important; }
.mt95 { margin-top : 95px !important; } .mr95 { margin-right : 95px !important; } .mb95 { margin-bottom : 95px !important; } .ml95 { margin-left : 95px !important; }
.mt100{ margin-top : 100px !important;} .mr100{ margin-right : 100px !important;} .mb100{ margin-bottom : 100px !important;} .ml100{ margin-left : 100px !important;}

.pt0  { padding-top :  0px !important; } .pr0  { padding-right :  0px !important; } .pb0  { padding-bottom :  0px !important; } .pl0  { padding-left :  0px !important; }
.pt5  { padding-top :  5px !important; } .pr5  { padding-right :  5px !important; } .pb5  { padding-bottom :  5px !important; } .pl5  { padding-left :  5px !important; }
.pt10 { padding-top : 10px !important; } .pr10 { padding-right : 10px !important; } .pb10 { padding-bottom : 10px !important; } .pl10 { padding-left : 10px !important; }
.pt15 { padding-top : 15px !important; } .pr15 { padding-right : 15px !important; } .pb15 { padding-bottom : 15px !important; } .pl15 { padding-left : 15px !important; }
.pt20 { padding-top : 20px !important; } .pr20 { padding-right : 20px !important; } .pb20 { padding-bottom : 20px !important; } .pl20 { padding-left : 20px !important; }
.pt25 { padding-top : 25px !important; } .pr25 { padding-right : 25px !important; } .pb25 { padding-bottom : 25px !important; } .pl25 { padding-left : 25px !important; }
.pt30 { padding-top : 30px !important; } .pr30 { padding-right : 30px !important; } .pb30 { padding-bottom : 30px !important; } .pl30 { padding-left : 30px !important; }
.pt35 { padding-top : 35px !important; } .pr35 { padding-right : 35px !important; } .pb35 { padding-bottom : 35px !important; } .pl35 { padding-left : 35px !important; }
.pt40 { padding-top : 40px !important; } .pr40 { padding-right : 40px !important; } .pb40 { padding-bottom : 40px !important; } .pl40 { padding-left : 40px !important; }
.pt45 { padding-top : 45px !important; } .pr45 { padding-right : 45px !important; } .pb45 { padding-bottom : 45px !important; } .pl45 { padding-left : 45px !important; }
.pt50 { padding-top : 50px !important; } .pr50 { padding-right : 50px !important; } .pb50 { padding-bottom : 50px !important; } .pl50 { padding-left : 50px !important; }
.pt55 { padding-top : 55px !important; } .pr55 { padding-right : 55px !important; } .pb55 { padding-bottom : 55px !important; } .pl55 { padding-left : 55px !important; }
.pt60 { padding-top : 60px !important; } .pr60 { padding-right : 60px !important; } .pb60 { padding-bottom : 60px !important; } .pl60 { padding-left : 60px !important; }
.pt65 { padding-top : 65px !important; } .pr65 { padding-right : 65px !important; } .pb65 { padding-bottom : 65px !important; } .pl65 { padding-left : 65px !important; }
.pt70 { padding-top : 70px !important; } .pr70 { padding-right : 70px !important; } .pb70 { padding-bottom : 70px !important; } .pl70 { padding-left : 70px !important; }
.pt75 { padding-top : 75px !important; } .pr75 { padding-right : 75px !important; } .pb75 { padding-bottom : 75px !important; } .pl75 { padding-left : 75px !important; }
.pt80 { padding-top : 80px !important; } .pr80 { padding-right : 80px !important; } .pb80 { padding-bottom : 80px !important; } .pl80 { padding-left : 80px !important; }
.pt85 { padding-top : 85px !important; } .pr85 { padding-right : 85px !important; } .pb85 { padding-bottom : 85px !important; } .pl85 { padding-left : 85px !important; }
.pt90 { padding-top : 90px !important; } .pr90 { padding-right : 90px !important; } .pb90 { padding-bottom : 90px !important; } .pl90 { padding-left : 90px !important; }
.pt95 { padding-top : 95px !important; } .pr95 { padding-right : 95px !important; } .pb95 { padding-bottom : 95px !important; } .pl95 { padding-left : 95px !important; }
.pt100{ padding-top : 100px !important;} .pr100{ padding-right : 100px !important;} .pb100{ padding-bottom : 100px !important;} .pl100{ padding-left : 100px !important;}

span.fs75  { font-size:  75%; }  strong.fs75  { font-size:  75%; }  p.fs75  { font-size:  75%; }
span.fs85  { font-size:  85%; }  strong.fs85  { font-size:  85%; }  p.fs85  { font-size:  85%; }
span.fs100 { font-size: 100%; }  strong.fs100 { font-size: 100%; }  p.fs100 { font-size: 100%; }
span.fs115 { font-size: 115%; }  strong.fs115 { font-size: 115%; }  p.fs115 { font-size: 115%; }
span.fs125 { font-size: 125%; }  strong.fs125 { font-size: 125%; }  p.fs125 { font-size: 125%; }
span.fs150 { font-size: 150%; }  strong.fs150 { font-size: 150%; }  p.fs150 { font-size: 150%; }
span.fs175 { font-size: 175%; }  strong.fs175 { font-size: 175%; }  p.fs175 { font-size: 175%; }
span.fs200 { font-size: 200%; }  strong.fs200 { font-size: 200%; }  p.fs200 { font-size: 200%; }
span.fs225 { font-size: 225%; }  strong.fs225 { font-size: 225%; }  p.fs225 { font-size: 225%; }
span.fs250 { font-size: 250%; }  strong.fs250 { font-size: 250%; }  p.fs250 { font-size: 250%; }
span.fs275 { font-size: 275%; }  strong.fs275 { font-size: 275%; }  p.fs275 { font-size: 275%; }
span.fs300 { font-size: 300%; }  strong.fs300 { font-size: 300%; }  p.fs300 { font-size: 300%; }

.w-5 { width: 5% !important;}
.w-10 { width: 10% !important;}
.w-15 { width: 15% !important;}
.w-20 { width: 20% !important;}
.w-25 { width: 25% !important;}
.w-30 { width: 30% !important;}
.w-35 { width: 35% !important;}
.w-40 { width: 40% !important;}
.w-45 { width: 45% !important;}
.w-50 { width: 50% !important;}
.w-55 { width: 55% !important;}
.w-60 { width: 60% !important;}
.w-65 { width: 65% !important;}
.w-70 { width: 70% !important;}
.w-75 { width: 75% !important;}
.w-80 { width: 80% !important;}
.w-85 { width: 85% !important;}
.w-90 { width: 90% !important;}
.w-95 { width: 95% !important;}
.w-100 { width: 100% !important;}

/* table
----------------------------------------------- */
table td.back-01 {background-color: #feeeef;}
table .strong-01 {color: #971656;}

/* heading
----------------------------------------------- */
.hdg-t8-01 {
color: #5b5b5b;
margin:auto -10px;
background-color: #fff0f2;
font-weight: bold;
padding: 10px 0 10px 10px;
}

.hdg-t7-01 > .caution {
position: absolute;
top: .75em;
left: 8px;
z-index: 2;
width: 0;
height: 0;
line-height: 22px;
overflow: visible;
border-style: solid;
border-width: 0 10px 18px 10px;
border-color: transparent transparent #fee148 transparent;
color: #4c4c4c;
font-size: 12px;
text-indent: -2px;
text-align: center;
}

[role="button"].hdg-t7-01,
[role="button"].hdg-t8-01 {
position: relative;
overflow: hidden;
padding-right: 38px;
}

[role="button"].hdg-t7-01 i,
[role="button"].hdg-t8-01 i {
position: absolute;
top: 50%;
right: -100px;
}

[role="button"].hdg-t7-01.credit:before,
[role="button"].hdg-t8-01.credit:before {
	border-color: #fa4b62;
}
[role="button"].hdg-t7-01:before,
[role="button"].hdg-t8-01:before {
right: 10px;
width: 16px;
height: 16px;
margin-top: -13px;
border-radius: 10px;
border: 2px solid #bc940a;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}

[role="button"].hdg-t7-01:before, [role="button"].hdg-t7-01 i:before, [role="button"].hdg-t7-01 i:after,
[role="button"].hdg-t8-01:before, [role="button"].hdg-t8-01 i:before, [role="button"].hdg-t8-01 i:after {
content: "";
position: absolute;
display: block;
top: 50%;
}

[role="button"].hdg-t7-01.credit i:before, [role="button"].hdg-t7-01.credit i:after,
[role="button"].hdg-t8-01.credit i:before, [role="button"].hdg-t8-01.credit i:after {
	background-color: #fa4b62;
}

[role="button"].hdg-t7-01 i:before, [role="button"].hdg-t7-01 i:after,
[role="button"].hdg-t8-01 i:before, [role="button"].hdg-t8-01 i:after {
top: 0;
right: 116px;
width: 8px;
height: 2px;
margin-top: -4px;
background-color: #bc940a;
}

[role="button"].hdg-t7-01 i:after,
[role="button"].hdg-t8-01 i:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

[role="button"].hdg-t7-01.open i:after,
[role="button"].hdg-t8-01.open i:after {
display: none;
}

/* list
----------------------------------------------- */
.list-link-03.inpage.down-arrow li {
	border-right: none;
	border-left: none;
	padding-left: 12px;
	padding-right: 0;
}

.list-link-03.inpage.down-arrow li:before {
	left: 0;
	margin-top: -3px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* ui
----------------------------------------------- */
.ui-tellink-03 {
color: #5c5c5c;
}

/* ----------------------------------------------------------------

  base

----------------------------------------------------------------- */
.red {color: #ff0000;}

/**** 2018.09 end add ****/

/**** 2018.10 add ****/

/* box-02
----------------------------------------------- */
.box-02 {
	background: #fcf6de;
	border-radius: 4px;
	max-width: 1000px;
	margin: auto;
}

.box-02 .hdg {
	color: #fff;
	background: #bc940a;
	border-radius: 4px 4px 0 0;
	padding: 10px 24px;
	font-weight: bold;
	font-size: 114.28571%;
	text-align: center;
}

.box-02 .hdg.simulation span {
	display: inline-block;
}

.box-02 .hdg.simulation span::before {
	background: url(/-/media/AeonCard/legacy/common/css/images/ico-simulation_01.png) no-repeat center #bc940a;
	content: "";
	display: inline-block;
	width: 27px;
	height: 32px;
	vertical-align: middle;
	margin-right: 5px;
}

.box-02 .contents.simulation {
	padding: 5% 2%;
}

.box-02 .contents.simulation > ul {
	text-align: left;
	width: 100%;
}

#contents .box-02 .contents.simulation > ul li.input {
	width: 270px;
}

.box-02 .contents input[type="text"] {
	width: 80%;
	border: 1px solid #dadada;
	padding: 14px 5px 15px;
}

.box-02 .contents.simulation > ul li .select > dt, .box-02 .contents.simulation > ul li .select > dd {
	display: table-cell;
	vertical-align: middle;
}

.box-02 .contents.simulation > ul li .select {
	display: table;
	width: 100%;
}

.box-02 .contents.simulation > ul li .select > dt {
	font-weight: bold;
	width: 7em;
}

.box-02 .contents.simulation > ul li.input .text-01 {
	padding: 10px 5px 10px;
	box-sizing: content-box;
	border: 1px solid #dadada;
}

.box-02 .contents.simulation > ul li.input .select-02 {
	width: 70%;
	padding: 0;
	box-sizing: content-box;
	border: 1px solid #dadada;
	border-radius: 5px;
}

.box-02 .contents * + dl, .box-02 .contents * + p, .box-02 .contents * + ul, .box-02 .contents * + ol * + table {
	margin-top: 16px !important;
}

.box-02 .contents.simulation > ul li .select + .link-01 {
	margin-left: 7em;
	margin-top: 8px !important;
}

.link-01 li:first-child {
	margin-top: 0;
}

.box-02 .contents.simulation > ul li.btn {
	width: 100%;
	padding: 0 0 30px;
}

.btn-category {
	line-height: 1.4;
	box-sizing: content-box;
}

.box-02 .btn-category {
	text-decoration: none;
	width: 100%;
	padding: 0;
	font-size: 114.28571%;
	display: block;
	border: none;
	color: #fff;
	font-weight: bold;
	margin-bottom: 4px;
	border-radius: 6px;
	text-align: center;
}

.box-02 .btn-category {
	background-color: #bc940a;
	text-align: center;
	box-shadow: 0 4px 0 #967608;
}

.box-02 .btn-category {
	background-color: #fa4b62;
}

.box-02 .btn-category {
	box-shadow: 0 4px 0 #c83c4e;
}

.box-02 .btn-category:hover, .box-02 .btn-category:focus, .box-02 .btn-category:active {
	background-color: #eb344c;
}

.box-02 .btn-category:hover, .box-02 .btn-category:focus, .box-02 .btn-category:active {
	box-shadow: 0 2px 0 #bc2a3d;
}

.box-02 .btn-category:visited {
	color: #fff;
}

.box-02 .btn-category.str-cv > span {
	padding-top: 18px;
	padding-bottom: 18px;
}

.box-02 .btn-category > span {
	display: block;
	padding: 11px 10px;
}

.box-02 .contents.simulation > ul li.btn span > span {
	text-align: center;
}

.box-02 .btn-category > span > span {
	background: url(/-/media/AeonCard/legacy/common/css/images/ico-arrow_05.png) no-repeat right center;
	padding: 0 26px 0 14px;
	display: block;
}

.box-02 .contents.simulation > ul li .total {
	display: table;
	background: #ffe0e4;
	border: 2px solid #fff;
	width: 100%;
	padding: 0 12px;
	margin-bottom: 26px;
}

.box-02 .contents.simulation > ul li .total dt {
	padding: 34px 0 38px;
	font-weight: bold;
}

.box-02 .contents.simulation > ul li .total dd {
	text-align: right;
	padding: 20px 0 38px;
}

.box-02 .contents.simulation > ul li .total .num {
	font-weight: bold;
	color: #ca018f;
	font-family: "Helvetica", "Arial", sans-serif;
	font-size: 185.71429%;
	line-height: 1;
}

.box-02 .contents.simulation > ul li .total dt, .box-02 .contents.simulation > ul li .total dd {
	display: table-cell;
	vertical-align: bottom;
}

.box-02 .contents.simulation .list-link-03 li {
	display: inline-block;
}

/* table
----------------------------------------------- */
.table_fixd {
	float: left;
}

.table_scroll {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto;
	white-space: nowrap;
	margin-left: 140px;
}

.table_scroll::-webkit-scrollbar{
	 height: 5px;
}

.table_scroll::-webkit-scrollbar-track{
	 background: #F1F1F1;
}

.table_scroll::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
}

.table_fixd table,
.table_scroll table {
	border-collapse: collapse;
	border-bottom: 1px solid #dadada;
	table-layout: fixed;
	margin-bottom: 0;
}

.table_fixd table {
	width: 140px;
}

.table_scroll table {
	width: 100%;
	border-right: 1px solid #dadada;
}

.table_fixd table th,
.table_scroll table th,
.table_scroll table td {
	text-align: center;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	padding: 0 12px;
	height: 50px;
	vertical-align: middle;
}

.table_fixd table th,
.table_scroll table th {
	font-weight: bold;
	background: #f5f3eb;
}

.table_fixd table th {
	width: 140px;
	background: url(/-/media/AeonCard/legacy/common/css/images/bg_01.gif) white;
}

.table_fixd table th.head {
	background: #f5f3eb;
}

.table_fixd table th.line-2 {
	height: 90px;
}

.table_scroll table td,
.table_scroll table th {
	width: 160px;
}

.table_scroll table th.col-4{
	height: 40px;
	width: 640px;
}

.table-data-01 .bg {
  background: url(/-/media/AeonCard/legacy/common/css/images/bg_01.gif) white;
}

/* area-solution-02
----------------------------------------------- */

.area-solution-02 {
	margin: 0 -10px 12px -10px;
	padding: 12px 10px 12px 10px;
	background-color: #fcf6de;
}

.area-solution-02 .area-enclosed-02  {
	margin: 0 auto 12px;
}

/* area-caution-02
----------------------------------------------- */
.area-caution-02 span {
	position: relative;
	padding-left: 30px;
}

.area-caution-02 span > .caution {
  top: 0;
  left: 18px;
}

/* btn-2col
----------------------------------------------- */
.btn-2col  {
	width: 100%;
	display: table;
}

.btn-2col dt,
.btn-2col dd {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.btn-2col dt {
	width: 45%;
	padding-right: 5%;
}

.btn-2col dd {
	width: 60%;
}

.btn-2col dd .ui-btn-normal-01 {
	width: 100%;
	max-width: 280px;
}

/* box-toggle-02
----------------------------------------------- */
.box-toggle-02 > .hdg-t3-01::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 10px;
  bottom: 6px;
  display: block;
  width: 4px;
  border-radius: 2px;
  background-color: #bc940a;
}

.box-toggle-02 > .hdg-t3-01.credit::after {background-color: #fa4b62;}
.box-toggle-02 > .hdg-t3-01.point::after {background-color: #ff8121;}
.box-toggle-02 > .hdg-t3-01.bank::after {background-color: #42bde3;}
.box-toggle-02 > .hdg-t3-01.campaign::after {background-color: #78b82a;}
.box-toggle-02 > .hdg-t3-01.life::after {background-color: #10b589;}

.box-toggle-02 > .hdg-t3-01 > span {
  position: static;
}

.box-toggle-02 > .hdg-t3-01 > span::before {
  width: 0;
}

/**** 2018.10 end add ****/

/**** 2019.02 add ****/
.video-title{
  background:#fb4b62;
  color:white;
  margin:0 0 20px;
  padding:10px 0;
  position:relative;
  text-align:center;
}

.video-title:after{
	content: "";
	position: absolute;
	bottom: -23px;
	right: 45%;
	border: 12px solid transparent;
	border-top: 12px solid #fb4b62;
}

.video-info{
  font-size:12px;
  background:#ffe0e5;
  color:#fb4b62;
  padding:10px;
  text-align:center;
  margin-bottom: 0;
}

.video-wrappaer{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom:5em;
}

/**** 2019.02 end add ****/


/**** 2019.03 add ****/

#yutai-header-btn h2 {
position: absolute;
top: 12px;
right: 70px;
width: 50px;
height: 38px;
overflow: hidden;
padding: 22px 2px 2px 2px;
border-radius: 3px;
background-color: #fb9bad;
color: #fff;
font-size: 10px;
text-align: center;
}
#yutai-header-btn span:before {
content: "";
position: absolute;
display: block;
background: url(/-/media/AeonCard/legacy/common/sp/images/icon-yutai-btn.jpg) no-repeat left top/cover;
z-index: 2;
width: 24px;
height: 15px;
top:5px;
left: 0;
right: 5px;
margin: auto;
}

/**** 2019.03 end add ****/

/**** 2019.05 add ****/
.list-link-footer2 {
  line-height: 20px;
  margin: 0 10px 0 10px;
  font-size: 12px;
  text-align: center;
}
.list-link-footer2 li {
  display: inline-block;
}
.list-link-footer2 li a {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
}
/**** 2019.05 end add ****/

/**** 2019.10 add slide banner ****/
.area-carousel-01 > .carousel-ui > a {
  width: 40px;
}
.area-carousel-01 > .carousel-ui > ul > li > a {
  width: 16px;
  height: 16px;
}
.area-carousel-01 > .carousel-ui {
  padding: 0 50px;
}
@media only screen and (max-width: 349px) {
  .area-carousel-01 > .carousel-ui {
    padding: 0 40px;
  }
}
/**** 2019.10 end add slide banner ****/

/**** 2019.10 add security ****/
.list-link-01.crediticon2 > li > a > span.safe {
  background: transparent url(/-/media/AeonCard/legacy/common/sp/images/security-icon.png) no-repeat;
  background-size: 70px!important;
}
/**** 2019.10 add security ****/