html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* member */
.member-wrap {  position: relative; }
.member-wrap .button-group { margin: 2.5em 0; }
.member-wrap .responsetable .tb-cell { background-color: #fff; }
.member-wrap .tb-hd { text-align: right; font-weight: 600; color: #007fff; }

.join-title { position: relative; background-color: #efefef; border-bottom: 1px solid #bfbfbf; overflow: hidden; line-height: 3em; margin: 0 0 10px 0; }
.join-title h1 { font-size: 1.2em; color: #999; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; line-height: 3em; padding: 0 0 0 1em; }

textarea.register_stipulation { max-height: 150px !important; height: 150px !Important; }

.join-private .tb-cell { padding: 1em; text-align: center; }

.join-term, .join-private { display: block; width: 95%; margin: 0 auto; }

.tb-cell { border-bottom: 1px dotted #bfbfbf; }

.responsetable { border-bottom: none !important; }

/* memo */
.memo-page .tb-cell { text-align: center; }

.memo-info { display: block; padding: 1em; }
.memo-info li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; }
.memo-info li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; }

.memo-contents { margin: 2em; padding: 1.5em; line-height: 2em; background-color: #efefef; -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }

/* point list */
.scrap-page .tb-cell, .point-page .tb-cell { text-align: center; }

/* login */
.login-page fieldset { display: block; width: 90%; margin: 0 auto; }

div.login-page div.form-action, div.password-page div.form-action { margin: 0 !important; text-align: right; }

@media only screen and (max-width: 768px) { .response-wrap .join-term, .response-wrap .join-private { display: block; width: 100%; }
  .response-wrap .responsetable { margin-bottom: 3em !important; }
  .response-wrap #captcha_audio { width: 100%; } }
@media only screen and (max-width: 420px) { .response-wrap .join-menu span { display: none; }
  .response-wrap .tb-hd { display: none !important; } }
@media only screen and (max-width: 320px) { .response-wrap .tb-hd { display: none !important; } }