.mypage_info .info {display:flex; justify-content:center; align-items:center; padding:20px 0; border-bottom:1px solid #dddddd;}
.mypage_info .info .info-grade {width:35%; text-align:center;}
.mypage_info .info .info-grade img {width:45%; max-width:75px; display:block; margin:0 auto;}
.mypage_info .info .info-grade a {display:inline-block; clear:both; color:#ff8e77; border-bottom:1px solid #ff8e77; padding-bottom:1px; margin-top:10px;}
.mypage_info .info .info-text {width:65%;}
.mypage_info .info .info-text .text {margin:3px 0 5px;}
.mypage_info .info .info-text .text p {color:#585858; font-size:17px;}
.mypage_info .info .info-text .text p b {font-size:15px; color:#ff8e77; font-weight:500;}
.mypage_info .info .info-text .small {font-size:11px; color:#737373;}
.mypage_info .state {margin-top:25px; padding-bottom:15px; padding-left:15px;}
.mypage_info .state ul:after {display:block; clear:both; content:"";}
.mypage_info .state ul li {width:25%; float:left;}
.mypage_info .state ul li .state-tit {font-size:13px; color:#6d6d6d; margin-bottom:7px;}
.mypage_info .state ul li .state-num {color:#6a6a6a; font-size:11px;}
.mypage_info .state ul li .state-num b {font-size:14px; color:#2d2d2d; display:inline-block; margin-right:1.5px;}
.mypage_info .state ul li .state-link {margin-top:7px;}
.mypage_info .state ul li .state-link a {background:#ff8e77; color:#fff; display:inline-block; padding:7px 9px; font-size:10px; border-radius:3px;}

/* #cnt .point {background:#f8f8f8; padding:20px 10px;} */
#cnt .point h2 {text-align:center; color:#222222; font-size:16px; font-weight:500;}
#cnt .point .tab {margin:20px 0;}
#cnt .point .tab ul li {background:#fff; border:1px solid #d7d7d7; border-radius:5px; display:inline-block; color:#8f8f8f; font-size:12px; padding:6px 15px; margin-right:5px;}
#cnt .point .tab ul li:last-of-type {margin-right:0;}
#cnt .point .tab ul li.on {border-color:#9265ee; color:#9265ee; font-weight:500;}
#cnt .point .tab-content {margin-top:40px;}
#cnt .point .tab-content > .point-box {display:none;}
#cnt .point .tab-content > .point-box.on {display:block;}
#cnt .point .tab-content > .point-box ul.coming li {border:0;}
#cnt .point .tab-content > .point-box ul.coming li:after {background:url('//atimg.sonyunara.com/attrangs/2020/mypage/m/comingsoon.png') left top no-repeat; position:absolute; left:0; top:0; width:100%; height:100%; content:""; background-size:100% 100%;}
#cnt .point .tab-content > .point-box ul li {text-align:left; background:#fff; border:1px solid #cfcfcf; border-radius:8px; margin-bottom:10px; padding:10px; position:relative; overflow:hidden; border-bottom-right-radius:0;}
#cnt .point .tab-content > .point-box ul li:after {display:block; clear:both; content:"";}
#cnt .point .tab-content > .point-box ul li .image {width:70px; float:left;}
#cnt .point .tab-content > .point-box ul li .image img {width:100%; max-width:75px;}
#cnt .point .tab-content > .point-box ul li .content {width:calc(100% - 70px); float:left; padding-left:10px; position:relative; top:13px; text-align:left;}
#cnt .point .tab-content > .point-box ul li .content span {color:#a2a2a2;}
#cnt .point .tab-content > .point-box ul li .content p {color:#5c5c5c; font-size:11px; margin-top:5px;}
#cnt .point .tab-content > .point-box ul li .content p b {color:#9265ee; font-weight:600;}
#cnt .point .text {margin-top:20px;}
#cnt .point .text ul li {color:#a2a2a2; font-size:12px;}

#cnt .coupon-box .tab {margin-bottom:12px;}
#cnt .coupon-box .tab ul {display:table; table-layout:fixed; width:100%;}
#cnt .coupon-box .tab ul li {display:table-cell; text-align:center; border:2px solid #cdcdcd; border-bottom:2px solid #9365ed; border-top-left-radius:5px; border-top-right-radius:5px; position:relative;}
#cnt .coupon-box .tab ul li:first-of-type {right:-1px;}
#cnt .coupon-box .tab ul li:last-of-type {left:-1px;}
#cnt .coupon-box .tab ul li.on {z-index:2; border:2px solid #9365ed; border-bottom-color:#fff;}
#cnt .coupon-box .tab ul li a {color:#989898; font-size:13px; display:block; height:43px; line-height:43px; font-weight:600;}
#cnt .coupon-box .tab ul li.on a {color:#313030;}
#cnt .coupon-box .tab-content {margin-bottom:35px;}
#cnt .coupon-box .tab-content > ul > li {display:none;}
#cnt .coupon-box .tab-content > ul > li.on {display:block;}
#cnt .coupon-box .tab-content > ul > li .coupon form {background:#f7f7f7; padding:15px 25px; text-align:center;}
#cnt .coupon-box .tab-content > ul > li .coupon form:after {display:block; clear:both; content:"";}
#cnt .coupon-box .tab-content > ul > li .coupon form.useForm input[type=text] {border:1px solid #b7b7b7; height:35px; padding:0 10px; min-width:200px;}
#cnt .coupon-box .tab-content > ul > li .coupon form.useForm button {height:35px; line-height:33px; background:#b7b7b7; color:#fff; width:100px; border:1px solid #b7b7b7; font-size:13px;}
#cnt .coupon-box .tab-content > ul > li .coupon form.usedForm > div {border-radius:5px; overflow:hidden; border:1px solid #b7b7b7; margin-bottom:10px;}
#cnt .coupon-box .tab-content > ul > li .coupon form.usedForm > div:after {display:block; clear:both; content:"";}
#cnt .coupon-box .tab-content > ul > li .coupon form.usedForm > div * {display:block; width:25%; float:left; text-align:center; height:30px; line-height:29px;}
#cnt .coupon-box .tab-content > ul > li .coupon form.usedForm > div a {background:#fff; color:#989898;}
#cnt .coupon-box .tab-content > ul > li .coupon form.usedForm > div button {background:#989898; color:#fff; border:1px solid #989898; border-top-left-radius:5px; border-bottom-left-radius:5px;}
#cnt .coupon-box .tab-content > ul > li .coupon form.usedForm > input[type=text] {color:#989898; width:100%; border-radius:5px; border:1px solid #b7b7b7; background:#fff url('//atimg.sonyunara.com/attrangs/2020/mypage/m/more.png') no-repeat 95% 50% / 15px 7px;}
#cnt .coupon-box .tab-content > ul > li .coupon form.usedForm > div.select select {width:100%; border:0; box-shadow:none; line-height:24px;}
#cnt .coupon-box .tab-content > ul > li .coupon .right-text {margin:15px 0; text-align:right; padding-right:15px;}
#cnt .coupon-box .tab-content > ul > li .coupon .right-text a {color:#8669fb; font-size:14px; font-weight:600;}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list {padding:0 15px;}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list ul {border-top:2px solid #ddd; padding-top:20px;}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list ul li {display:flex; justify-content:center; align-items:center; border-bottom:2px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list ul li .list-left {width:calc(100% - 70px);}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list ul li .list-left .subject {font-size:14px; color:#242424;}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list ul li .list-left span {display:block; color:#a5a5a5; font-size:12px;}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list ul li .list-right {width:70px; text-align:right; font-size:14px; color:#a5a5a5;}
#cnt .coupon-box .tab-content > ul > li .coupon .use-list ul li .list-right a {font-size:14px; color:#8669fb; font-weight:600;}

#cnt .coupon-box .tab-content > ul > li .coupon .used-list {padding:0 15px; margin-top:20px;}
#cnt .coupon-box .tab-content > ul > li .coupon .used-list ul {border-top:2px solid #ddd; padding-top:20px;}
#cnt .coupon-box .tab-content > ul > li .coupon .used-list ul li {display:flex; align-items:center; border-bottom:2px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
#cnt .coupon-box .tab-content > ul > li .coupon .used-list ul li .subject {font-size:14px; color:#242424;}
#cnt .coupon-box .tab-content > ul > li .coupon .used-list ul li span {display:block; color:#a5a5a5; font-size:12px;}

#cnt .coupon-box .tab-content > ul > li .coupon-list {margin-top:30px; overflow: hidden;overflow-x: auto;white-space: nowrap; padding-bottom:20px;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul {margin-bottom:-9px;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li {display:inline-block; width:124px; margin:0 4.5px 9px; border:2px solid #a2a2a2; border-radius:10px; height:123px;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li.coupon1 img {width:132px;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li.coupon2 img {width:139px; top:45% !Important;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li.coupon3 img {width:60px; top:55% !Important;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li.coupon4 img {width:84px; top:60% !important;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li .coupon-top {height:82px; text-align:center; position:relative;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li .coupon-top img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li .coupon-top span {position:absolute; left:0; bottom:5px; width:100%; text-align:center; color:#ff8e77; font-weight:600;}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li .coupon-top:after {position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:80%; height:2px; background:#a2a2a2; content:"";}
#cnt .coupon-box .tab-content > ul > li .coupon-list ul li .coupon-bottom {height:41px; line-height:41px; text-align:center; font-size:11px; color:#4b4b4b;}

#cnt .coupon-box .text {background:#f7f7f7; padding:15px;}
#cnt .coupon-box .text ul {list-style:disc !important; margin-left:15px;}
#cnt .coupon-box .text ul li {color:#9b9b9b; font-size:13px; margin-bottom:5px; list-style: none;}
#cnt .coupon-box .text ul li:last-of-type {margin-bottom:0;}

#cnt .point-detail {padding:20px 10px; border-top:8px solid #ebebeb;}
#cnt .point-detail:first-of-type {border-top:0;}
#cnt .point-detail h2 {color:#2d2d2d; font-size:20px; font-weight:500; border-bottom:1px solid #747474; padding-bottom:5px;}
#cnt .point-detail .list li {display:flex; justify-content:center; align-items:center; border-bottom:1px solid #b4b4b4; padding:15px 0;}
#cnt .point-detail .list .paging li {display:inline-block; padding:0 8px; border:0;}
#cnt .point-detail .list li > div {width:50%;}
#cnt .point-detail .list li > div.pull-left {font-size:13px;}
#cnt .point-detail .list li > div.pull-right {text-align:right; position:relative; width:250px;}
#cnt .point-detail .list li > div.pull-right b {font-size:15px; font-weight:500;}
#cnt .point-detail .list li > div.pull-right input[type=text] {border:1px solid #b4b4b4; height:30px; padding:0 44px 0 0; text-align:right;}
#cnt .point-detail .list li > div.pull-right em {position:absolute; top:50%; transform:translateY(-50%); right:10px; font-style:normal;}
#cnt .point-detail .list li > div.list-left {font-size:15px;}
#cnt .point-detail .list li > div.list-right {text-align:right;}
#cnt .point-detail .list li > div.list-right span {display:block;}
#cnt .point-detail .list li > div.list-right span:first-of-type {font-size:15px;}
#cnt .point-detail button {display:block; background:#747474; text-align:center; color:#fff; height:50px; line-height:50px; width:100%; border:0; font-size:14px; margin-top:15px;}
#cnt .point-detail .text {margin-top:15px;}
#cnt .point-detail .text ul li {color:#505050; font-size:11px; margin-bottom:5px;}
#cnt .point-detail .tab {border-top:2px solid #b4b4b4; border-bottom:1px solid #b4b4b4; margin:0 -10px;}
#cnt .point-detail .tab:after {display:block; clear:both; content:"";}
#cnt .point-detail .tab a {display:block; width:33.33%; float:left; position:relative; background:#f7f7f7; color:#a0a0a0; font-size:14px; text-align:center; height:50px; line-height:50px;}
#cnt .point-detail .tab a.on {color:#4f4f4f;}
#cnt .point-detail .tab a:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:50%; background:#b4b4b4;}
#cnt .point-detail .tab a:last-of-type:after {display:none;}
#cnt .point-detail .select {margin:0 -10px; background:#f7f7f7; padding:10px;}
#cnt .point-detail .select select {width:100%; border:1px solid #b7b7b7; font-size:13px; border-radius:5px; height:40px; padding:0 10px; background:url('https://atimg.sonyunara.com/attrangs/assets/mobile_jp/asset/img/common/select_arrow.png') no-repeat right 15px center/11px auto #fff;}

#cnt .grade-box h2 {text-align:center; color:#222222; padding:30px 0; font-size:16px; font-weight:500;}
#cnt .grade-box .tab {margin-bottom:12px;}
#cnt .grade-box .tab ul {display:table; table-layout:fixed; width:100%;}
#cnt .grade-box .tab ul li {display:table-cell; text-align:center; border:2px solid #cdcdcd; border-bottom:2px solid #9365ed; border-top-left-radius:5px; border-top-right-radius:5px; position:relative;}
#cnt .grade-box .tab ul li:first-of-type {right:-1px;}
#cnt .grade-box .tab ul li:last-of-type {left:-1px;}
#cnt .grade-box .tab ul li.on {z-index:2; border:2px solid #9365ed; border-bottom-color:#fff;}
#cnt .grade-box .tab ul li a {color:#989898; font-size:13px; display:block; height:43px; line-height:43px; font-weight:600;}
#cnt .grade-box .tab ul li.on a {color:#313030;}
#cnt .grade-box .tab-content {margin-bottom:35px;}
#cnt .grade-box .tab-content > ul > li {display:none;}
#cnt .grade-box .tab-content > ul > li.on {display:block;}
#cnt .grade-box .tab-content .order {margin-top:30px;}
#cnt .grade-box .tab-content .order dl:after {display:block; clear:both; content:"";}
#cnt .grade-box .tab-content .order dl dd {width:25%; float:left; margin-bottom:20px;}
#cnt .grade-box .tab-content .order dl dd img {width:100%;}
#cnt .grade-box .tab-content .order dl dd div {margin-top:5px;}
#cnt .grade-box .tab-content .order dl dd div span {display:block; text-align:center; font-size:10px;}
#cnt .grade-box .tab-content .order dl dd div span:first-of-type {font-size:12px;}
#cnt .grade-box .tab-content .order dl dd.on div span {color:#ff8e77 !important;}
#cnt .grade-box .tab-content .link {text-align:right; position:relative; top:10px;}
#cnt .grade-box .tab-content .link a {color:#9b9b9b; font-size:14px; padding-right:10px; display:inline-block;}
#cnt .grade-box .category {margin-top:30px;}
#cnt .grade-box .category ul.slider-nav {border:1px solid #515151; border-width:1px 0;}
#cnt .grade-box .category ul.slider-nav li {width:20%; height:50px; line-height:50px; font-size:12px; text-align:center; border-bottom:2px solid #fff; transition: all ease 0.3s;}
#cnt .grade-box .category ul.slider-nav li.slick-current {border-bottom:2px solid #515151;}
#cnt .grade-box .detail .detail-top {background:#f1f1f1; padding:20px 0;}
#cnt .grade-box .detail .detail-top .image {width:80px; height:80px; margin:0 auto; border:2px solid #adadad; border-radius:50%; background:#fff; overflow:hidden; position:relative;}
#cnt .grade-box .detail .detail-top .image img {width:75%; position:absolute; left:50%; top:55%; transform:translate(-50%,-50%);}
#cnt .grade-box .detail .detail-top .content {text-align:center; margin-top:7px;}
#cnt .grade-box .detail .detail-top .content span {display:block; color:#515151;}
#cnt .grade-box .detail .detail-top .content span:first-of-type {font-size:16px; font-weight:500;}
#cnt .grade-box .detail .detail-top .content span:nth-of-type(2) {font-size:11px; margin:-2px 0 5px;}
#cnt .grade-box .detail .detail-top .content span:last-of-type {font-size:13px;}
#cnt .grade-box .detail .detail-bottom {padding:40px 30px;}
#cnt .grade-box .detail .detail-bottom .text {padding-bottom:30px;}
#cnt .grade-box .detail .detail-bottom .text ul li {color:#686868; font-size:13px;}
#cnt .grade-box .detail .detail-bottom .benefit ul:after {display:block; clear:both; content:"";}
#cnt .grade-box .detail .detail-bottom .benefit ul li {width:50%; float:left; padding:0 10px; margin-bottom:20px;}
#cnt .grade-box .detail .detail-bottom .benefit ul li > div {background:#ebebeb; color:#282828; border-radius:15px; border-bottom-right-radius:0; height:60px; position:relative; text-align:center; margin-bottom:10px; font-size:12px;}
#cnt .grade-box .detail .detail-bottom .benefit ul li > div small {display:block; font-size:10px; color:#5a5a5a;}
#cnt .grade-box .detail .detail-bottom .benefit ul li > div span {position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:100%; text-align:center;}
#cnt .grade-box .detail .detail-bottom .benefit ul li > span {display:block; text-align:center; font-size:11px; color:#575757;}
#cnt .grade-box .warn {background:#f1f1f1; padding:40px 20px;}
#cnt .grade-box .warn ul {list-style:initial !important; margin-left:10px;}
#cnt .grade-box .warn ul li {list-style:initial !important; margin-bottom:3px; color:#464646;}
#cnt .myinfo {display:flex; justfiy-content:center; background:#f6f6f6; padding:40px 0;}
#cnt .myinfo .left-info {width:170px; position:relative; top:-10px;}
#cnt .myinfo .left-info .circle-wrap {width:120px; height:120px; margin:0 auto; position:relative;}
#cnt .myinfo .left-info .circle-wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50%;}
#cnt .myinfo .left-info .circle-wrap .content {position:absolute; left:-24px; bottom:-24px; width:170px; text-align:center;}
#cnt .myinfo .left-info .circle-wrap .content > span {display:block;}
#cnt .myinfo .left-info .circle-wrap .content > span:last-of-type {color:#777777; font-size:11px;}
#cnt .myinfo .right-info {width:calc(100% - 170px);}
#cnt .myinfo .right-info .subject {color:#202020; font-size:16px; font-weight:500; margin-bottom:15px;}
#cnt .myinfo .right-info .subject b {color:#ff8e77; font-weight:600; font-size:17px;}
#cnt .myinfo .right-info ul li:after {display:block; clear:both; content:"";}
#cnt .myinfo .right-info ul li > div {color:#626262; font-size:13px;}
#cnt .myinfo .right-info ul li > div:first-of-type {width:60px; float:left;}
#cnt .myinfo .right-info ul li > div:last-of-type {width:calc(100% - 60px); float:left;}
#cnt .myinfo .right-info ul li > div:last-of-type small {display:block; font-size:12px; color:#9a9a9a;}


.membership {margin-top:91px;}
.membership .main {background:#f6f6f6; text-align:center; padding:40px 0;}
.membership .main h2 {font-size:18px; margin-bottom:15px;}
.membership .main .member .circle-wrap {width:150px; height:150px; margin:0 auto; position:relative;}
.membership .main .member .circle-wrap img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:50%;}
.membership .main .member .circle-wrap .content {position:absolute; left:0; bottom:-8px; width:100%; text-align:center;}
.membership .main .member .circle-wrap .content > span {display:block;}
.membership .main .member .circle-wrap .content > span:last-of-type {color:#777777; font-size:11px;}
.membership .main .member .name {margin-top:10px; text-align:center; width:100%;}
.membership .main .member .name p {font-size:17px; color:#202020; width:100%;}
.membership .main .member .name p b {color:#ff8e77; font-size:17px;}
.membership .main .nomember .circle {width:120px; height:120px; text-align:cetner; margin:0 auto; background:#fff; border:2px solid #cacaca; border-radius:50%; overflow:hidden;}
.membership .main .nomember .circle img {width:55px; display:block; margin:30px auto 10px; position:relative; left:5px;}
.membership .main .nomember .circle a {font-size:14px;}
.membership .main .nomember .text {color:#ff8e77; font-size:14px; margin-top:10px;}
.membership .main .nomember .text span {color:#333;}
.membership .tab {margin-bottom:12px;}
.membership .tab ul {display:table; table-layout:fixed; width:100%; background:#f6f6f6;}
.membership .tab ul li {background:#fff; display:table-cell; text-align:center; border:1px solid #cdcdcd; border-bottom:1px solid #9365ed; border-top-left-radius:5px; border-top-right-radius:5px; position:relative; overflow:hidden;}
.membership .tab ul li.on {z-index:2; border:1px solid #9365ed; border-bottom-color:#fff; border-right-width:1px;}
.membership .tab ul li a {color:#989898; font-size:11px; display:block; height:43px; line-height:43px; font-weight:600;}
.membership .tab ul li.on a {color:#313030;}
.membership .tab ul li:first-of-type {right:-1px;}
.membership .tab ul li:nth-of-type(2) {left:-1px; right:-1.5px;}
.membership .tab ul li:nth-of-type(3) {left:-1.5px;}
.membership .tab ul li:last-of-type {left:-2.5px;}
.membership .tab-content {margin-bottom:35px;}
.membership .tab-content > div.membership-box {display:none;}
.membership .tab-content > div.membership-box.on {display:block;}
.membership .tab-content > div.membership-box {padding:30px 10px;}
.membership .tab-content > div.membership-box .title {margin-bottom:30px;}
.membership .tab-content > div.membership-box .title h3 {font-size:18px; font-weight:500; color:#333;}
.membership .tab-content > div.membership-box .title span {color:#8c8c8c; font-size:14px;}
.membership .tab-content > div.membership-box .link {margin-bottom:5px;}
.membership .tab-content > div.membership-box .link:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .link > div {color:#bfbfbf; font-size:14px;}
.membership .tab-content > div.membership-box .link a {color:#bfbfbf; font-size:14px;}
.membership .tab-content > div.membership-box .content > ul {margin:0 -5px; font-size:0;}
.membership .tab-content > div.membership-box .content > ul:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content > ul > li {width:calc(50% - 10px); display:inline-block; vertical-align:top; font-size:14px; margin:0 5px 30px;}
.membership .tab-content > div.membership-box .content > ul > li > div {color:#333333; font-size:14px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content > ul > li > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content > ul > li > ul > li {color:#333; font-size:12px; text-align:center; display:block;}

.membership .tab-content > div.membership-box .content > ul > li > a {display:block; width:100%; color:#333333; font-size:14px; font-weight:500;}
.membership .tab-content > div.membership-box .content > ul > li > a > div {color:#333333; font-size:14px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content > ul > li > a > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content > ul > li > a > ul > li {color:#333; font-size:12px; text-align:center; display:block;}


.membership .tab-content > div.membership-box .content:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .content-box {width:calc(50% - 0px); float:left;}
.membership .tab-content > div.membership-box .content .content-box:first-of-type {padding-right:5px;}
.membership .tab-content > div.membership-box .content .content-box:last-of-type {padding-left:5px;}
.membership .tab-content > div.membership-box .content .content-box > ul {margin:0; font-size:0;}
.membership .tab-content > div.membership-box .content .content-box > ul:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .content-box > ul > li {width:100%; display:inline-block; vertical-align:top; font-size:14px; margin:0 0 30px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > div {color:#333333; font-size:14px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > ul > li {color:#333; font-size:12px; text-align:center; display:block;}
.membership .tab-content > div.membership-box .content .content-box:last-of-type > ul > li > div {background:#fff; border:1px solid #c5a1e7;}

.membership .tab-content > div.membership-box .content .content-box > ul > li {width:100%; display:inline-block; vertical-align:top; font-size:14px; margin:0 0 30px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a {display:block; width:100%; color:#333333; font-size:14px; font-weight:500;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a > div {color:#333333; font-size:14px; font-weight:500; background:#f0f0f0; border-radius:15px; padding:20px 0; text-align:center; border-bottom-right-radius:0;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a > ul {margin-top:10px;}
.membership .tab-content > div.membership-box .content .content-box > ul > li > a > ul > li {color:#333; font-size:12px; text-align:center; display:block;}
.membership .tab-content > div.membership-box .content .content-box:last-of-type > ul > li > a > div {background:#fff; border:1px solid #c5a1e7;}

.membership .tab-content > div.membership-box .text {margin-top:20px;}
.membership .tab-content > div.membership-box .text ul li {color:#333; font-size:12px; margin-bottom:5px;}

.membership .tab-content > div.membership-box .content .order dl:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .order dl dd {width:25%; float:left; margin-bottom:20px;}
.membership .tab-content > div.membership-box .content .order dl dd img {width:100%;}
.membership .tab-content > div.membership-box .content .order dl dd div {margin-top:5px;}
.membership .tab-content > div.membership-box .content .order dl dd div span {display:block; text-align:center; font-size:10px;}
.membership .tab-content > div.membership-box .content .order dl dd div span:first-of-type {font-size:12px;}
.membership .tab-content > div.membership-box .content .order dl dd.on div span {color:#ff8e77 !important;}
.membership .tab-content > div.membership-box .content .category {margin-top:30px;}
.membership .tab-content > div.membership-box .content .category ul.slider-nav {border:1px solid #515151; border-width:1px 0;}
.membership .tab-content > div.membership-box .content .category ul.slider-nav li {width:20%; height:50px; line-height:50px; font-size:12px; text-align:center; border-bottom:2px solid #fff; transition: all ease 0.3s;}
.membership .tab-content > div.membership-box .content .category ul.slider-nav li.slick-current {border-bottom:2px solid #515151;}
.membership .tab-content > div.membership-box .content .detail .detail-top {background:#f1f1f1; padding:20px 0;}
.membership .tab-content > div.membership-box .content .detail .detail-top .image {width:80px; height:80px; margin:0 auto; border:2px solid #adadad; border-radius:50%; background:#fff; overflow:hidden; position:relative;}
.membership .tab-content > div.membership-box .content .detail .detail-top .image img {width:75%; position:absolute; left:50%; top:55%; transform:translate(-50%,-50%);}
.membership .tab-content > div.membership-box .content .detail .detail-top .content {text-align:center; margin-top:7px;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span {display:block; color:#515151;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span:first-of-type {font-size:16px; font-weight:500;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span:nth-of-type(2) {font-size:11px; margin:-2px 0 5px;}
.membership .tab-content > div.membership-box .content .detail .detail-top .content span:last-of-type {font-size:13px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom {padding:40px 30px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .text {padding-bottom:30px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .text ul li {color:#686868; font-size:13px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul:after {display:block; clear:both; content:"";}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li {width:50%; float:left; padding:0 10px; margin-bottom:20px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > div {background:#ebebeb; color:#282828; border-radius:15px; border-bottom-right-radius:0; height:60px; position:relative; text-align:center; margin-bottom:10px; font-size:12px;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > div small {display:block; font-size:10px; color:#5a5a5a;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > div span {position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:100%; text-align:center;}
.membership .tab-content > div.membership-box .content .detail .detail-bottom .benefit ul li > span {display:block; text-align:center; font-size:11px; color:#575757;}


.login-membership .content > ul:after {display:block; clear:both; content:"";}
.login-membership .content > ul {max-width:1290px; margin:0 auto;}
.login-membership .content > ul > li {width:20%; height:130px; background:#fff; float:left; text-align:center; position:relative;}
.login-membership .content > ul > li > a {display:block; height:100%; cursor:auto;}
.login-membership .content > ul > li:last-of-type {margin-right:0;}
.login-membership .content > ul > li.active:hover {border-color:#ff8e77;}
.login-membership .content > ul > li a > div p {color:#919191; font-size:11px; margin-bottom:5px;}
.login-membership .content > ul > li a > div p:last-of-type {margin-bottom:0;}
.login-membership .content > ul > li a > div p b {color:#4b4b4b; font-size:13px; font-weight:500;}
.login-membership .content > ul > li.active:hover p {color:#4a4a4a;}
.login-membership .content > ul > li.active:hover p b {font-weight:600;}
.login-membership .content > ul > li a:before {display:block; width:99px; height:70px; content:""; margin:0 auto;}
.login-membership .content > ul > li:first-of-type {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_day.png') center 0 no-repeat; background-size:54px 53px;}
.login-membership .content > ul > li:nth-of-type(2) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_attend.png') center 0 no-repeat; background-size:54px 53px;}
.login-membership .content > ul > li:nth-of-type(3) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_free2.png') center 0 no-repeat; background-size:65px 62px;}
.login-membership .content > ul > li:nth-of-type(4) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_new.png') center 0 no-repeat; background-size:59px 57px;}
.login-membership .content > ul > li:nth-of-type(5) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_birthday.png') center -3px no-repeat; background-size:60px 59px;}
.login-membership .content > ul > li:nth-of-type(6) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_excellent.png') center 5px no-repeat; background-size:64px 59px;}
.login-membership .content > ul > li:nth-of-type(7) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_cp.png') center 5px no-repeat; background-size:50px 50px;}
.login-membership .content > ul > li:nth-of-type(8){background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_milage.png') center 0 no-repeat; background-size:51px 61px;}
.login-membership .content > ul > li:nth-of-type(9) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_revmilage.png') center -5px no-repeat; background-size:61px 60px;}
.login-membership .content > ul > li:nth-of-type(10) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_queen.png') center 5px no-repeat; background-size:60px 58px;}
.login-membership .content > ul > li:nth-of-type(11) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_addinfo.png') center -2px no-repeat; background-size:59px 58px;}
.login-membership .content > ul > li:nth-of-type(12) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_bookmark.png') center 0 no-repeat; background-size:53px 52px;}
.login-membership .content > ul > li:nth-of-type(13) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_attpoint.png') center 0 no-repeat; background-size:63px 62px;}

.login-membership .content > ul > li.active a {cursor:pointer !important;}
/*
.login-membership .content > ul > li.active:first-of-type:hover {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_day_on.png') center 40px no-repeat; background-size:74px 73px;}
.login-membership .content > ul > li.active:hover:nth-of-type(2) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_attend_on.png') center 43px no-repeat; background-size:74px 69px;}
.login-membership .content > ul > li.active:hover:nth-of-type(3) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_free_on.png') center 40px no-repeat; background-size:85px 82px;}
.login-membership .content > ul > li.active:hover:nth-of-type(4) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_moon_on.png') center 28px no-repeat; background-size:85px 82px;}
.login-membership .content > ul > li.active:hover:nth-of-type(5) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_new_on.png') center 30px no-repeat; background-size:89px 87px;}
.login-membership .content > ul > li.active:hover:nth-of-type(6) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_birthday_on.png') center 30px no-repeat; background-size:86px 85px;}
.login-membership .content > ul > li.active:hover:nth-of-type(7) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_excellent_on.png') center 40px no-repeat; background-size:94px 89px;}
.login-membership .content > ul > li.active:hover:nth-of-type(8) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_size_on.png') center 37px no-repeat; background-size:80px 80px;}
.login-membership .content > ul > li.active:hover:nth-of-type(9) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_cp_on.png') center 33px no-repeat; background-size:78px 78px;}
.login-membership .content > ul > li.active:hover:nth-of-type(10){background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_milage_on.png') center 30px no-repeat; background-size:81px 91px;}
.login-membership .content > ul > li.active:hover:nth-of-type(11) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_revmilage_on.png') center 25px no-repeat; background-size:91px 90px;}
.login-membership .content > ul > li.active:hover:nth-of-type(12) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_queen_on.png') center 40px no-repeat; background-size:96px 88px;}
.login-membership .content > ul > li.active:hover:nth-of-type(13) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_addinfo_on.png') center 35px no-repeat; background-size:84px 83px;}
.login-membership .content > ul > li.active:hover:nth-of-type(14) {background:url('https://atimg.sonyunara.com/attrangs/2020/membership/pc/icon_bookmark_on.png') center 40px no-repeat; background-size:74px 73px;}
*/