/* 利用規約ページ専用。共通の style.css の後に読み込みます。 */
.rules-page{line-height:1.5}
.rules-page .header-row{min-height:90px}
.rules-page .navigation{background:linear-gradient(#e8e8e8,#fff);border-top:2px solid var(--orange);border-bottom:1px solid #ccc}
.rules-page .desktop-menu{border-left:1px solid #ccc}
.rules-page .desktop-menu li{border-right:1px solid #ccc}
.rules-page .desktop-menu a{color:#555;text-shadow:none;font-weight:normal;padding:8px 2px;font-size:14px;line-height:1.2}
.rules-page .desktop-menu small{color:#999;font-size:10px;letter-spacing:1px}
.page-title{background:var(--orange);color:white;border-bottom:2px solid #ddd;padding:17px 0}
.page-title h1{font-size:22px;line-height:1.1;font-weight:normal;border-left:1px dotted white;padding-left:20px}
.breadcrumb{font-size:10px;color:#888;background:#f5f5f5;border-bottom:1px solid #e5e5e5;line-height:24px}
.rules-layout{display:grid;grid-template-columns:minmax(0,640px) 220px;justify-content:space-between;gap:40px;padding-top:30px}
.rules-body{font-size:14px;line-height:21px;overflow-wrap:anywhere}
.rules-body p{margin:0 0 24px}
.rules-body ol,.rules-body ul{margin:0 0 25px;padding-left:40px}
.rules-body li{padding-left:0;margin-bottom:10px}
.rules-body li ol,.rules-body li ul{margin-top:10px;margin-bottom:10px}
.rules-body h2,.rules-body h3,.rules-body h4{font-size:14px;font-weight:normal;margin:24px 0}
.rules-sidebar h2,.related-rules h2{font-size:14px;padding:13px 10px;background:linear-gradient(#e8e8e8,#fff);border:1px solid #ddd;border-top:2px solid var(--orange)}
.rules-sidebar ul,.related-rules ul{list-style:none;margin:0;padding:0}
.rules-sidebar li{font-size:12px;line-height:15px;border-bottom:1px dotted #bbb}
.rules-sidebar a[aria-current=page]{font-weight:bold}
.store-badges{margin:40px 20px 20px;display:grid;gap:20px}
.store-placeholder{border-radius:9px;background:#171717;color:#fff;padding:9px 5px;text-align:center;font-size:23px;line-height:1.25}
.store-placeholder small{display:block;font-size:9px;color:#bbb;margin-top:3px}
.partner-placeholder{border:1px solid #ccc;background:#edf2e8;text-align:center;color:#6f8460;font-size:13px;padding:14px 5px;margin-bottom:20px}
.partner-placeholder small{font-size:10px}
.partner-placeholder.project{background:#f8edf2;color:#b46d91;padding-block:30px}
.book-placeholder{width:145px;height:235px;margin:30px auto 10px;border:1px solid #c6cfbe;background:#e5eadd;color:#72845f;text-align:center;padding-top:40px;font-size:23px;line-height:1.7}
.book-placeholder small{display:block;font-size:10px;margin-top:30px}
.rules-sidebar>p{text-align:center;font-size:12px;margin-bottom:25px}
.related-rules{margin-top:35px}.related-rules h2{font-size:16px}.related-rules li{padding:8px 12px;border-bottom:1px solid #ddd;font-size:13px}
.rules-page .page-top{margin-top:45px}
@media(max-width:768px){.rules-page .mobile-menu{color:#555}.rules-page .mobile-menu a{color:#555;border-color:#ddd}.rules-layout{grid-template-columns:1fr;gap:30px}.rules-sidebar{display:none}.page-title h1{font-size:21px}.rules-body ol,.rules-body ul{padding-left:30px}.rules-page .header-row{min-height:0}.breadcrumb{padding:3px 0}.rules-layout{padding-top:28px}}