/* 遊びの記録用 */
.record_list{padding: 0;}
.record_list .record_box{display: block;padding: 6px;margin-bottom: 6px;border-radius: 12px;border: 1px solid rgba(255,255,255,.15);background: rgba(255,255,255,.06);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);box-shadow: 0 4px 16px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);}

.record_list a.record_box:hover{box-shadow: 1px 1px 6px -1px rgba(0,0,0,.5);}
.record_list .record_box .record_head{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.record_list .record_box .record_icon{background: #67CAC7;border-radius: 5px;width: 6em;text-align: center;margin-right: 1em;padding: .3em .5em;font-weight: bold;color: #000000;}
.record_list .record_box .record_icon.orange{background: #FCB12B;}
.record_list .record_box .record_shopname{font-weight: bold;color: #FF5297;}
.record_list .record_box1 .record_shopname{color: #01a6ff; }
.record_list .record_box2 .record_shopname{color: #fd8a01; }
.record_list .record_box3 .record_shopname{color: #ff54a2; }
.record_list .record_box4 .record_shopname{color: #9283be; }
.record_list .record_box5 .record_shopname{color: #35A494; }
.record_list .record_box6 .record_shopname{color: #9283be; }
.record_list .record_box7 .record_shopname{color: #35a494; }
.record_list .record_box8 .record_shopname{color: #029401; }
.record_list .record_box9 .record_shopname{color: #888888; }
.record_list .record_box10 .record_shopname{color: #78b8a4; }
.record_list .record_box .record_body{border-top: 1px solid #333;padding-top: 6px;margin-top: 6px;}
.record_list .record_box .record_body i{color: #E3007F;}
.record_list .record_box .record_date{margin-left: auto;}
.record_list .record_box .record_date,.record_list .record_box .record_body{color: #cccccc;}
.record_list .record_box .record_shop{display: flex;background: #444;border: none;margin-top: 6px;padding: 6px;}
.record_list .record_box .record_thumbnail{width: 100px;margin-right: 6px;}
.record_list .record_box .record_thumbnail img{display: block;width: 100%;}
.record_list .record_box .record_shopinfo{width: calc(100% - 106px);color: #ffffff;font-size: .9em;}
.record_list .record_box .record_shopinfo p{margin-bottom: .2em;}
.record_list .record_box .record_shopinfo p .shopinfo_sec{display: inline-block;padding: .2em .6em;color: #fff;}
.record_list .record_box1 .shopinfo_sec{background: #01a6ff; }
.record_list .record_box2 .shopinfo_sec{background: #fd8a01; }
.record_list .record_box3 .shopinfo_sec{background: #ff54a2; }
.record_list .record_box4 .shopinfo_sec{background: #9283be; }
.record_list .record_box5 .shopinfo_sec{background: #35A494; }
.record_list .record_box6 .shopinfo_sec{background: #9283be; }
.record_list .record_box7 .shopinfo_sec{background: #35a494; }
.record_list .record_box8 .shopinfo_sec{background: #029401; }
.record_list .record_box9 .shopinfo_sec{background: #888888; }
.record_list .record_box10 .record_shopname{color: #78b8a4; }
.record_list .record_box .record_shopinfo p .shopinfo_tit{display: inline-block;padding: .2em .6em;background: linear-gradient(135deg, var(--color-primary, #ff2f88), var(--color-accent, #7658ff));color: #fff;border: 1px solid #FF54A2;border-radius: .5em;}

/* タブ全体（マイページの .graph-tabs と共通デザイン） */
.record_nav.nav_tabs {display: flex;gap: 8px;list-style: none;padding: 0;margin-bottom: 10px;}
.record_nav .nav_item {flex: 1;margin-right: 0;}
.record_nav .nav_link {display: block;padding: 8px 0;text-align: center;text-decoration: none;color: var(--color-text-sub, #777b8e);background: var(--color-surface-solid, #fff);border: 1px solid var(--color-border, #e8e9f1);border-radius: 999px;font-size: 13px;font-weight: 700;transition: all 0.2s ease;}
.record_nav .nav_link:hover{color: var(--color-primary, #ff2f88);}
.record_nav .nav_link.active{color: #fff;background: linear-gradient(135deg, var(--color-primary, #ff2f88), var(--color-accent, #7658ff));border-color: transparent;box-shadow: var(--shadow-primary, 0 8px 20px rgba(255, 47, 136, 0.22));}

.record_search{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;

    margin: 0 0 16px;
    padding: 12px;

    color: var(--color-text-sub, #777b8e);
    background: var(--color-surface-solid, #fff);
    border: 1px solid var(--color-border, #e8e9f1);
    border-radius: var(--radius-md, 16px);
    box-shadow: var(--shadow-card, 0 10px 30px rgba(26, 29, 45, .07), 0 2px 8px rgba(255, 47, 136, .06));
}
.record_search input[type="date"]{
    flex: 1;
    min-width: 0;
    padding: 8px 10px !important;
    min-height: 0 !important;

    color: var(--color-text, #202230);
    background: var(--color-background, #f7f8fc);
    border: 1px solid var(--color-border, #e8e9f1);
    border-radius: var(--radius-sm, 10px);

    font-size: 13px;
}
.record_search input[type="date"]:focus{
    outline: none;
    border-color: var(--color-primary, #ff2f88);
}
.record_chart{margin: 0 auto 10px;width: 300px;}
.summary_count{margin: 0 10px 5px;}
.summary_count b{font-size: 1.3em;color: #ff0000;}

.cr_register .cr_record_btn {
    flex-shrink: 0;
    padding: 8px 18px;

    color: #fff;
    background: linear-gradient(135deg, var(--color-primary, #ff2f88), var(--color-accent, #7658ff));
    border: none;
    border-radius: 999px;
    box-shadow: var(--shadow-primary, 0 8px 20px rgba(255, 47, 136, .22));

    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: box-shadow .15s ease, transform .15s ease;
}
.cr_register .cr_record_btn:hover {
    color: #fff;
    box-shadow: 0 4px 12px rgba(255, 47, 136, .3);
    transform: translateY(-1px);
}
@media screen and (max-width: 768px) {
	.record_list .record_box .record_head{justify-content: flex-start;}
	.record_list .record_box .record_date{display: block;width: 100%;text-align: right;}
}

/* ポイント獲得方法 */
.ph-howto { padding: 12px 16px; margin-bottom: 1em; background: rgba(255,255,255,.75); border-radius: 6px; }
.ph-howto-title { font-weight: bold; margin-bottom: 8px; color: #222; }
.ph-howto-list { display: flex; flex-wrap: wrap; gap: 6px 16px; list-style: none; padding: 0; margin: 0; }
.ph-howto-list li { white-space: nowrap; color: #222; }
.ph-howto-list b { color: #ff5297; margin: 0 2px; }
.ph-howto-list span { color: #222; }
/* ポイント履歴テーブル */
.pointhistory-table { width: 100%; border-collapse: collapse; }
.pointhistory-table th,
.pointhistory-table td { padding: 10px 12px; border-bottom: 1px solid #eee; text-align: left; }
.pointhistory-table th { background: #f7f7f7; font-weight: bold; color: #555; }
.pointhistory-table tr:hover td { background: #fffbf0; color: #222; }
.pointhistory-table tr:hover .ph-date { color: #888; }
.pointhistory-table tr:hover .ph-point { color: #ff5297; }
.ph-date  { color: #888; white-space: nowrap; }
.ph-point { font-weight: bold; color: #ff5297; text-align: right; white-space: nowrap; }