@charset "utf-8";

/* ------------------------------------------------------------
   link.css  (member page)

   The original file was never captured by any web archive.
   Rebuilt from this site's own stylesheets so it matches the rest
   of the site exactly rather than introducing a new look:
     - #firstview / #system-outer / #system / .topPage  <- system.css
     - #past-ranking / .calendar / .bnr                 <- ranking.css
   ------------------------------------------------------------ */

@import url("system.css");

/* ------------------------------------------------------------ past-ranking
   Carried over verbatim from ranking.css, which is where the live
   site defined the banner panel this page reuses. */
#past-ranking { background: url(../images/information/bg_01.gif) repeat center center; padding: 60px 0 40px; text-align: center; }
#past-ranking .calendar { padding: 35px 50px 65px; background: #fff; margin-bottom: 25px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#past-ranking .bnr { margin: 0 0 25px; }
#past-ranking .bnr:last-child { margin: 0; }
#past-ranking .bnr img { max-width: 100%; height: auto; }
#past-ranking .bnr a { display: inline-block; }

/* ------------------------------------------------------------ preparing
   The original member area was a live database login that cannot be
   restored from a static archive. This stands in its place, built from
   the site's own mint palette, mascot and rounded geometry. */
#past-ranking .preparing { background: #fff; padding: 0 50px 60px; margin-bottom: 25px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#past-ranking .preparing .mark { display: inline-block; background: #69c4bb; color: #fff; font-family: 'quicksandbold'; font-size: 20px; letter-spacing: 2px; line-height: 1.2; padding: 16px 34px 14px; border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; }
#past-ranking .preparing .mark span { display: block; font-family: inherit; font-size: 14px; font-weight: bold; letter-spacing: 4px; padding: 4px 0 0; }
#past-ranking .preparing .mascot { display: block; margin: 22px auto 0; width: 200px; max-width: 60%; height: auto; }
#past-ranking .preparing h3 { color: #64c0b8; font-size: 30px; font-weight: bold; line-height: 1.5; padding: 6px 0 18px; }
#past-ranking .preparing .lead { font-size: 16px; line-height: 2.2; }
#past-ranking .preparing .ask { font-size: 15px; line-height: 2; padding: 30px 0 0; }
#past-ranking .preparing .telbtn { padding: 14px 0 0; }
#past-ranking .preparing .telbtn a { display: inline-block; background: #88ddd6; color: #fff; font-family: 'quicksandbold'; font-size: 32px; line-height: 1; padding: 20px 44px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#past-ranking .preparing .hours { font-size: 14px; padding: 16px 0 0; }

@media only screen and (max-width:640px){

#past-ranking { padding: 40px 0; }
#past-ranking .calendar { padding: 30px 3%; }
#past-ranking .bnr img { width: 100%; height: auto; }

#past-ranking .preparing { padding: 0 3% 40px; }
#past-ranking .preparing .mark { font-size: 16px; padding: 13px 24px 11px; }
#past-ranking .preparing .mark span { font-size: 12px; letter-spacing: 3px; }
#past-ranking .preparing .mascot { width: 150px; margin: 18px auto 0; }
#past-ranking .preparing h3 { font-size: 21px; line-height: 1.6; padding: 4px 0 14px; }
#past-ranking .preparing .lead { font-size: 15px; line-height: 1.9; }
#past-ranking .preparing .ask { font-size: 14px; padding: 24px 0 0; }
#past-ranking .preparing .telbtn a { display: block; font-size: 26px; padding: 18px 0; }
#past-ranking .preparing .hours { font-size: 13px; }

}