/* Local synthetic notice and safe controls; old layout/style declarations are in saved-front/admin.css. */ .saved-local-note { padding:4px 8px; text-align:center; font-size:11px; background:#fff4ce; color:#443b20; } .saved-logout-form { display:inline; margin:0; } .saved-logout { border:0; background:transparent; font:inherit; cursor:pointer; } .site-header .header-head nav ul li .saved-logout { display:inline-block; color:#cfdae4; padding:.25rem .75rem; position:relative; } .site-header .header-head nav ul li .saved-logout:hover { background-color:rgba(34,34,34,.1); color:#fff; } .saved-mobile-logout { display:none; } .main-block { min-width:0; } .main-block .legacy-member-dom { overflow:hidden; } /* T006 (港歩さん's 9443 comparison 11/10): the side menu follows the page as the old one did. Old js/front/src/common.js 19-44 (DT-36, "nav fixed") moved .sub-block on scroll between three places: def (absolute, the top of the column), sticky (position:fixed at the window top once the page has passed the top of .col-block) and on-f (absolute, the bottom of main near the footer); saved-front.css 6849-6868 has those rules. This site runs no script; position:sticky gives the same three places. Only at the old desktop widths (min-width 992px); the phone menu (the drawer) is unchanged. The height is the old min-height (100vh): the menu scrolls inside, as old. The old .wrapper{overflow-x:hidden} (saved-front.css 6751-6762) would make the wrapper the box the menu sticks in, so it would not stick: clip cuts off the same sideways overflow without that (a browser without clip keeps hidden, as before). */ @media (min-width: 992px){.wrapper{overflow-x:clip}.col-block>.sub-block{position:-webkit-sticky;position:sticky;top:0;align-self:flex-start;height:100vh}} .saved-account label { display:block; } .saved-account input { display:block; max-width:100%; margin-bottom:1rem; } .saved-account section { margin-bottom:2rem; } .saved-login main { padding-top:60px; } .saved-login .saved-local-note { position:relative; z-index:1040; } @media (max-width:992px) { .saved-mobile-logout { display:block; padding:1rem; } } /* Local controls inside saved Bootstrap/admin structure. No external icon/font substitution. */ .saved-admin-content label{display:block}.saved-admin-content form{margin-bottom:1rem}.saved-admin-content .card{margin-bottom:1rem}.saved-admin-content .card>h2{font-size:1.25rem}.saved-admin-content .actions{display:flex;gap:.5rem;flex-wrap:wrap}.saved-admin-content .card-grid{display:flex;gap:1rem;flex-wrap:wrap}.saved-admin-content .card-grid>.card{flex:1;min-width:10rem}.saved-admin-content .plain-text{white-space:pre-wrap;overflow-wrap:anywhere}.saved-admin-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.saved-admin-content td{overflow-wrap:anywhere}.saved-admin-logout{border:0;background:none;cursor:pointer}.admin .saved-local-note{position:static}.main-block video{max-width:100%;height:auto} /* Saved inline logo width moved to stylesheet for unchanged CSP. */ .login .wrapper main section.container p.logo img.saved-login-logo{width:354px}.saved-unavailable-link{cursor:not-allowed} /* Saved header inline red moved into same-origin CSS without widening CSP. */ .header-freeArea .saved-header-red { color: #ff0000; } /* Member list on narrow screens: keep every column on one line and scroll inside the table. Ported from the approved NM11 F3/G1 rule (local-notice.css); the page itself does not scroll sideways. */ @media(max-width:1023px){ body[data-view="members-list"] .table-responsive{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} body[data-view="members-list"] .table-responsive table{min-width:70rem;table-layout:auto} body[data-view="members-list"] .table-responsive th,body[data-view="members-list"] .table-responsive td{white-space:nowrap;word-break:normal;overflow-wrap:normal} body[data-view="members-list"] .table-responsive a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap} } /* Select boxes: the decorative arrow image is blocked by the page security policy, so show the browser's own arrow. */ select.custom-select{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:auto;background-image:none} /* Group management: one block per group, readable on phones. */ .acsupp-groups{display:grid;gap:12px;margin:0 0 16px} .acsupp-group{background:#fff;border:1px solid #ddd;border-radius:6px;padding:12px 16px} .acsupp-group h3{font-size:1.05rem;margin:0 0 4px;overflow-wrap:anywhere} .acsupp-group h3 small{color:#777;font-weight:normal;margin-left:6px} .acsupp-group .acsupp-group-meta{color:#555;font-size:.9rem;margin:0 0 8px} .acsupp-group form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:6px 0 0} .acsupp-group form label{display:block;flex:1 1 14rem;margin:0} .acsupp-group form label input{display:block;width:100%;box-sizing:border-box;min-height:40px} .acsupp-group form button{min-height:40px;padding:0 14px} /* Inquiry form (F12). Shown only while the inquiry switch is on. */ .saved-contact form{margin:12px 0} .saved-contact label{display:block;margin:0 0 12px;font-weight:bold} .saved-contact input[type=text],.saved-contact textarea{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:8px;font-weight:normal;font-size:16px} .saved-contact button{min-height:44px;padding:0 20px;margin:4px 8px 4px 0} .saved-contact dl{margin:0 0 16px} .saved-contact dt{font-weight:bold;margin-top:8px} .saved-contact dd{margin:2px 0 0;overflow-wrap:anywhere} .saved-contact .contact-error{color:#b00020;font-weight:bold} .contact-confirm dd{overflow-wrap:anywhere} /* A02 member's own 会員情報変更 (MemberSelfEdit): old box blocks; choices and the birthday selects on one line. */ .saved-profile .saved-profile-title{font-size:1.25rem;margin:0 0 .5rem} .saved-profile .saved-profile-label{font-weight:bold;font-size:1rem;margin-bottom:.5rem;padding:0;border:0} .saved-profile .form-group label{font-weight:bold} .saved-profile .form-group .form-check-label{font-weight:normal} .saved-profile .form-check-inline{display:inline-flex;align-items:center;margin-right:1rem} .saved-profile .form-check-inline input{margin-right:.3rem} .saved-profile .form-group input+input{margin-top:.5rem} .saved-profile .saved-birthday select{display:inline-block;width:auto;margin-right:.25rem} .saved-profile .saved-profile-note{font-size:.875rem;margin:.5rem 0 1rem} .saved-profile .box-foot p{margin:.5rem 0 0} .saved-profile .form-control-plaintext{overflow-wrap:anywhere} /* r6h (SV 11/06): the side menu headlines look as old. The old rules (saved-front.css .vertical-nav / .ac-toggle) were written for old footer.html 115-128 (span.ac-toggle with aria-expanded, ul > li > ul > li); the headlines here are details/summary so that they open without script. These rules only carry the same old values over to that structure; no colour value is new. */ /* The old design CSS (saved-design.css) gives every details/summary a frame and bold green text (for boxes inside articles); the old side menu had no details, so those rules did not reach it. Here they are taken off the side menu only. */ .vertical-nav>ul>li>details{border:0;border-radius:0;padding:0} .vertical-nav>ul>li>details>summary.ac-toggle{list-style:none;cursor:auto;color:inherit;font-weight:inherit;margin:0} .vertical-nav>ul>li>details>summary.ac-toggle::-webkit-details-marker{display:none} .vertical-nav>ul>li>details>summary.ac-toggle::marker{content:none} .vertical-nav>ul>li>details[open]>summary.ac-toggle{font-weight:bold} .vertical-nav>ul>li>details>ul>li{padding:0 .5rem} .vertical-nav>ul>li>details>ul>li>a{background-color:#fff} /* Font Awesome 5.5.0 width of the headline arrow (fa-angle-down is 320 wide); the old script added it with its own style. */ .svg-inline--fa.fa-w-10{width:.625em} /* T006 (11/10): the icons of the old texts are drawn as the old Font Awesome 5.5.0 script drew them (LegacyIcons). That script added its own style (svg-with-js.css 5.5.0); these are its width rules that saved-icons.css and the rule above do not have yet (values unchanged). */ .svg-inline--fa.fa-w-6{width:.375em} .svg-inline--fa.fa-w-13{width:.8125em} .svg-inline--fa.fa-w-15{width:.9375em} .svg-inline--fa.fa-w-17{width:1.0625em} .svg-inline--fa.fa-w-19{width:1.1875em} .svg-inline--fa.fa-fw{width:1.25em} /* T014 (DT-A video-letter-list.html 1, 92): the old opened the search block (.collapse) with Bootstrap's collapse script from the button in the list. The member pages run no script: a checkbox just before the block (its label is that button) opens and closes it. */ .saved-collapse-toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0} .saved-collapse-toggle:checked+.collapse{display:block} .saved-collapse-toggle:focus-visible~.block .saved-collapse-button{outline:2px solid #80bdff;outline-offset:2px} /* T024 (港歩さん 11/10): on member pages up to 800px wide, the old design CSS (saved-design.css 415-422 and 466-472) sets the side padding of .container to 0, so the white boxes touch the screen edges. 港歩さん asked for "just a little" ground colour beside them: 6px on each side (a choice, not the old look: the old site is stopped and cannot be measured). Only the logged-in member layout (.main-block); the admin screens, the login / LP pages and widths above 800px do not change. Change the width here only. */ :root{--saved-member-sp-gutter:6px} @media only screen and (max-width:800px){ .main-block>.block>.container,.main-block>.legacy-member-dom>.block>.container{padding-right:var(--saved-member-sp-gutter);padding-left:var(--saved-member-sp-gutter)} } /* T006d (港歩さん 11/11, 9443 rc3e: the side menu opened and closed slowly on a phone). The old js/front/src/common.js 3-14 toggled body.menu-active on a click of .menu-toggle and removed it on .over-ray, without loading the page again; the member pages here run no script, so a hidden checkbox (#menu-check, before .wrapper) does it: the menu buttons and the overlay are