@charset "UTF-8";
/*
# Variables
*/
/*
# Mixin
*/
/*
# Variables
*/
/* ---------------------------
 *       Open Page RHS
 * ---------------------------*/
.atlas-open-rhs {
  float: left;
  width: 230px;
  margin-left: 10px;
  font-size: 0.875rem;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color: #333;
  /* ---------------------------
   *      　Login Form
   * ---------------------------*/ }
  .atlas-open-rhs a {
    color: #03a;
    text-decoration: none; }
    .atlas-open-rhs a:visited {
      color: #775cad; }
    .atlas-open-rhs a:hover {
      text-decoration: underline; }
  .atlas-open-rhs .account-block {
    background: #fff !important;
    border-radius: 2px !important; }
    .atlas-open-rhs .account-block .login__panel {
      padding: 10px 15px 20px;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      -webkit-border-top-left-radius: 4px;
      -webkit-border-top-right-radius: 4px;
      -moz-border-radius-top-left: 4px;
      -moz-border-radius-top-right: 4px; }
    .atlas-open-rhs .account-block .login__panel-text {
      margin-top: 5px;
      margin-bottom: 0;
      font-size: 0.8125rem; }
      .atlas-open-rhs .account-block .login__panel-text input[type="checkbox"] + span:before {
        background: #fff; }
    .atlas-open-rhs .account-block .login__panel-textbox {
      margin-top: 3px;
      padding: 6px 8px 8px;
      width: 100%;
      color: #555;
      font-size: 1rem; }
    .atlas-open-rhs .account-block .login__panel--regist {
      background-color: #ebebeb;
      padding: 15px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-radius-bottom-left: 4px;
      -moz-border-radius-bottom-right: 4px; }
      .atlas-open-rhs .account-block .login__panel--regist a {
        color: #fff; }
        .atlas-open-rhs .account-block .login__panel--regist a:hover {
          text-decoration: none; }
    .atlas-open-rhs .account-block .login__panel-text--vertical {
      margin-bottom: 0; }
    .atlas-open-rhs .account-block .outer__button {
      padding-top: 10px; }
    .atlas-open-rhs .account-block .m3-button {
      font-size: 1rem;
      width: 200px; }

@media screen and (min-width: 1280px) {
  .atlas-open-rhs {
    width: 380px;
    margin-left: 20px; } }

/* ---------------------------
 *           HEADER
 * ---------------------------*/
.open-header__help {
  margin: 10px 0; }

/* ---------------------------
 *           CONTENTS
 * ---------------------------*/
.open__outer {
  width: 600px;
  margin: 20px auto;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.open__outer-regist {
  border-top: 1px solid #dedede;
  padding-top: 20px; }

.open__login__panel-text--vertical {
  margin-bottom: 0; }

.open__login__panel-textbox {
  width: 100%;
  margin-top: 3px;
  padding: 6px 8px 8px;
  color: #555;
  font-size: 1rem; }

.open__login__panel-text {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 0.8125rem; }
  .open__login__panel-text input[type="checkbox"] + span:before {
    background: #fff; }

.open__col--vertical {
  margin-top: 10px; }

.open__label {
  padding-top: 6px; }

.m3-panel > .open__login__title {
  margin-top: 1em !important; }

.open__outer ~ .open__outer {
  margin-top: -20px; }

.open__outer__button {
  padding-top: 10px; }

.open__button {
  font-size: 1rem;
  width: 200px; }

/*# sourceMappingURL=open.css.map */