/* Attendance and account controls, using the card mypage list style. */
.mypage-wrap.row{display:block}
.mypage-wrap > h1,
.mypage-wrap > .point-list{float:none;width:100%;max-width:100%}
.mypage-wrap h1.section-title.no-border{position:relative}
.mypage-wrap .point-list{margin-top:8px}
.mypage-wrap .point-list h2{overflow:hidden;margin:8px 0 16px;font-size:22px;font-weight:700}
.mypage-wrap .point-list h2 .attendance-count{float:right;margin-top:8px;font-size:14px;font-weight:400;color:#666}
.mypage-wrap .point-list-table .no-data td{height:auto;line-height:1.6;padding:48px 12px}
.mypage-wrap .attendance-category{display:inline-block;margin-bottom:4px;padding:2px 8px;border:1px solid #e3b400;background:#ffcb06;color:#000;font-size:12px;font-weight:700;line-height:1.5}
.mypage-wrap .attendance-title{display:block;font-size:15px;font-weight:700}
.mypage-wrap .attendance-shop{color:#666}
.mypage-wrap .attendance-stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.mypage-wrap .attendance-stat{min-width:132px;padding:14px 16px;border:1px solid #e5e5e5;background:#fff}
.mypage-wrap .attendance-stat span{display:block;color:#666;font-size:13px;font-weight:400}
.mypage-wrap .attendance-stat strong{display:block;margin-top:6px;color:#000;font-size:22px;line-height:1.2}
.mypage-wrap .attendance-stat.is-total{border-color:#000;background:#ffcb06}
.mypage-wrap .attendance-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.mypage-wrap .attendance-heading h2{margin:0}
.mypage-wrap .attendance-list{border-top:2px solid #000}
.mypage-wrap .attendance-item{display:grid;grid-template-columns:minmax(100px,140px) 1fr;gap:10px 18px;padding:18px 4px;border-bottom:1px solid #e5e5e5}
.mypage-wrap .attendance-date{color:#666;font-size:14px}
.mypage-wrap .attendance-item h3{margin:0 0 4px;font-size:16px;font-weight:700}
.mypage-wrap .attendance-empty{padding:34px 12px;text-align:center;color:#666;border-bottom:1px solid #e5e5e5}
.mypage-wrap .attendance-more,.mypage-wrap .sample-note{margin:12px 0 0;font-size:13px;color:#666}
.mypage-wrap .sample-note{margin-top:22px;padding:8px 12px;background:#fff6d2;color:#000}
.mypage-wrap tr.sample-row td{background:#fffdf3}
#acc .myinfo-box,
#acc .myinfo-box .card,
#acc .myinfo-box .card-body{height:auto !important;min-height:0 !important;overflow:visible !important;color:#000;font-size:14px}
#acc .myinfo-box .tabpanel,
#acc .myinfo-box .tab-content,
#acc .myinfo-box .tab-pane{display:none !important;height:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important;background:none !important}
#acc .myinfo-box .card-head{display:flex !important;justify-content:space-between;align-items:center;padding:16px 16px 0;color:#000;font-size:16px}
#acc .myinfo-box .card-head h3{margin:0;color:#000;font-size:18px;font-weight:700}
#acc .myinfo-box .card-head a,
#acc .myinfo-box .icon-close{position:static !important;top:auto !important;right:auto !important}
#acc .myinfo-box .icon-close{display:inline-block;width:20px;height:20px;background:url(/v3/img/icon/icon_close.png) no-repeat center / contain}
#acc .myinfo-box .card-shop-mark{display:block !important;width:100% !important;max-width:100%;height:auto !important;box-sizing:border-box;padding:8px 20px 4px;color:#333;font-size:13px;text-align:center}
#acc .myinfo-box .card-shop-mark img,
#acc .myinfo-box .shop-logo{display:block !important;width:140px !important;max-width:70%;height:auto !important;margin:0 auto}
#acc .myinfo-box .shop-copy{margin:10px 0 0;color:#333;font-size:13px;font-weight:400;line-height:1.5}
#acc .myinfo-box .mypage-menu{display:block !important;position:static !important;width:100% !important;height:auto !important}
#acc .myinfo-box .mypage-menu a.btn-outline-wh{position:static !important;display:block !important;width:100% !important;height:auto !important;right:auto !important;top:auto !important;margin:0 0 8px;color:#000 !important;font-size:16px !important;text-decoration:none}
#acc .myinfo-box .mypage-menu a.btn-outline-wh:last-child{margin-bottom:0}
.page-card#hd #gnb{min-width:0;transform:none}
.page-card#hd #gnb>.gnb{max-width:100%;justify-content:flex-end}
@media (max-width:1600px) and (min-width:992px){
	.page-card#hd #gnb>.gnb>li>a{padding:0 4px !important;font-size:15px !important}
}
.page-card#hd #acc{position:relative;z-index:3;flex:0 0 auto;max-width:none;min-width:0;margin-left:16px;background:#fff}
.page-card#hd .mypage-wrp .myinfo-box{top:100% !important;margin-top:0 !important}
.page-card#hd #acc .mypage-btn{max-width:210px;min-width:0;overflow:hidden}
.page-card#hd #acc .mypage-btn b{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.page-card#hd #acc .mypage-btn .icon-mypage2{position:static !important;top:auto !important;left:auto !important;transform:none !important}
@media (max-width:1280px) and (min-width:992px){
	.page-card#hd #gnb>.gnb>li>a{padding:0 4px !important;font-size:15px !important}
	.page-card#hd #acc{flex-basis:auto;gap:8px}
}
#card-shop-qr{display:inline-block;width:140px;height:140px;margin:8px auto 0}
.card-member-form .member-row{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:12px;margin:0;padding:16px 0;border-bottom:1px solid #e5e5e5;font-size:15px;font-weight:700}
.card-member-form .address-find{display:flex;gap:8px;align-items:center}
.card-member-form .address-find .more-button{margin:0;padding:8px 16px;font-size:15px;white-space:nowrap}
.card-member-form .member-label{color:#666;font-size:14px}
.card-member-form .member-value{font-size:16px;font-weight:400}
.card-member-form .form-control{margin:0;font-weight:400}
.card-member-form .form-note{margin:8px 0 0;color:#888;font-size:13px;font-weight:400}
.shop-qr-block{text-align:center}
.shop-qr-block h2,.shop-qr-block .shop-badges{text-align:left}
.shop-qr-block .shop-logo{width:160px;height:auto;margin:8px auto 16px}
.shop-qr-block p{margin:8px 0 0;color:#666;font-size:14px;font-weight:400;line-height:1.6}
.shop-qr-block .shop-closed{color:#000}
#shop-cert-qr{display:inline-block;width:180px;height:180px;margin:16px auto 0}
.mypage-wrap .account-id{margin:14px 0 0;font-size:16px;font-weight:700}
.mypage-wrap .account-id span{display:inline-block;min-width:72px;margin-right:12px;color:#666;font-weight:400}
.mypage-wrap .account-actions{margin-top:22px;text-align:center}
.mypage-wrap .account-actions .more-button{margin:0 6px 10px}
.mypage-wrap button.more-button{border:2px solid #000;line-height:1.2;font-family:inherit}
.mypage-wrap button.more-button-line{background:#fff;color:#000}
.mypage-wrap .account-form{max-width:640px;margin:28px auto 0;text-align:left}
.mypage-wrap .account-form h3{margin:0 0 8px;font-size:20px;font-weight:700}
.mypage-wrap .account-form p{margin:0 0 16px;color:#666;font-size:14px;line-height:1.6}
.mypage-wrap .account-form label{display:block;margin:14px 0;font-size:14px;font-weight:700}
.mypage-wrap .account-form label small{margin-left:6px;color:#888;font-weight:400}
.mypage-wrap .account-form .member-row{display:block;margin:12px 0;font-weight:700}
.mypage-wrap .account-form .form-control{margin-top:6px}
.mypage-wrap .account-form .more-button{margin-top:8px}
.mypage-wrap [hidden]{display:none !important}
.card-shop-preview{margin:12px 0;padding:12px;border:1px dashed #e3b400;border-radius:8px;text-align:center;background:#fff6d2}
.card-shop-preview .preview-label{font-size:12px;font-weight:700;color:#000;margin:0 0 8px}
.card-shop-preview .preview-layout{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}
.card-shop-preview .preview-layout img{width:100px;height:100px;object-fit:contain}
.card-shop-preview .preview-qr{display:inline-block;width:100px;height:100px}
@media (max-width:767px){
	.mypage-wrap h1.section-title.no-border{padding-right:108px;font-size:32px;text-align:left}
	.mypage-wrap .btn-mydec-recipe{top:0;width:100px}
	.mypage-wrap .point-list-table,
	.mypage-wrap .point-list-table tbody,
	.mypage-wrap .point-list-table tr,
	.mypage-wrap .point-list-table td{display:block;width:100%;text-align:left}
	.mypage-wrap .point-list-table tr{padding:12px 0;border-bottom:1px solid #ccc}
	.mypage-wrap .point-list-table td{border-bottom:0;padding:2px 0}
	.mypage-wrap .point-list-table td:nth-child(1){color:#666;font-size:13px}
	.mypage-wrap .point-list-table .no-data td{padding:36px 12px;text-align:center}
	.mypage-wrap .account-actions .more-button{display:block;width:100%;margin:0 0 10px}
	.mypage-wrap .attendance-item{grid-template-columns:1fr;gap:4px}
	.card-member-form .member-row{grid-template-columns:1fr}
	.card-member-form .address-find{flex-direction:column;align-items:stretch}
}