@charset "UTF-8";
/* line 4, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.user-menu-button {
  margin: 5px 0px; }

/* line 8, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.order-menu-nav {
  letter-spacing: -.4em;
  /* 文字間を詰めて隙間をなくす */ }

/* line 14, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.order-menu-buttom p {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px; }

/* line 21, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.advertising-slogan {
  height: 34px; }

/* line 25, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.product-massage {
  padding: 0 5px 10px;
  margin: 0; }

/* line 30, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.hover-rose :hover {
  background: mistyrose;
  transition-duration: 0s; }

/* line 35, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.header-contents {
  text-align: left; }

/* line 39, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.notice-artcle {
  width: 91%; }

/* line 43, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.login-contents {
  margin-top: 20px; }

/* line 47, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.login-input {
  box-sizing: border-box;
  text-align: left; }
  /* line 50, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .login-input input {
    width: calc(100% - 25px); }
  /* line 54, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .login-input .new_member {
    display: block; }

/* line 59, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.login-div {
  width: calc(50% + 25px);
  margin: 20px auto; }

/* line 64, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.layerTransparent {
  padding: 10px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75); }

/* line 70, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.login {
  border: none;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  width: 100%;
  background-color: #048;
  color: #fff;
  height: 41px;
  font-weight: bold;
  border-radius: 4px;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.5;
  margin: 15px 0; }
  /* line 85, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .login:hover {
    color: #fff; }

/* line 90, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.forgot {
  margin: 0 0 25px;
  display: inline-block;
  width: 100%;
  text-align: right; }

/* line 96, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.main-contents-wrap {
  width: 100%; }

/* line 100, /app/app/assets/stylesheets/members/sessions/new.css.scss */
#password_display {
  height: 30px;
  width: 25px;
  float: right;
  background-image: url(/assets/eye.png);
  background-repeat: no-repeat;
  cursor: pointer; }

/* line 109, /app/app/assets/stylesheets/members/sessions/new.css.scss */
.clearfix::after {
  display: block;
  clear: both;
  height: 0px; }

@media screen and (min-width: 640px) {
  /* line 116, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .recommended-product-wrap {
    margin-left: 10px;
    width: 216px;
    vertical-align: top; }

  /* line 121, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .recommended-article {
    height: 302px; }

  /* line 124, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .recommended-product-image {
    width: 216px;
    height: 188px;
    vertical-align: middle;
    margin-bottom: 10px; }

  /* line 130, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .order-menu-nav div:first-child {
    margin: 0; }

  /* line 133, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .order-menu-buttom {
    height: 135px; }

  /* line 136, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .top-campaign {
    margin-top: 10px; } }
@media screen and (max-width: 639px) {
  /* line 142, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .container {
    margin-top: 70px; }

  /* line 145, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .login-input {
    width: 100%;
    background-size: contain;
    background-position-y: center; }

  /* line 152, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .info-list .row .notice-artcle {
    margin: 15px 2% 15px 1%; }

  /* line 157, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .login-div {
    width: 80%; }

  /* line 160, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .order-menu-buttom p {
    display: none; }

  /* line 163, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .order-menu-buttom {
    min-height: 40px; }
    /* line 165, /app/app/assets/stylesheets/members/sessions/new.css.scss */
    .order-menu-buttom small {
      display: none; }

  /* line 169, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .notice-date {
    font-size: 14px; }

  /* line 172, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .icon-wrap {
    width: 10%;
    margin-left: 2%; }

  /* line 176, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .notice-artcle {
    width: 82%; }

  /* line 179, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .recommended-article {
    text-align: left; }

  /* line 182, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .recommended-product-image {
    width: 38%;
    height: 111px;
    vertical-align: bottom; }

  /* line 187, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .recommended-product-wrap {
    display: block;
    width: 100%;
    margin: 0 auto 10px; }

  /* line 192, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .product-massage-area {
    display: inline-block;
    width: 60%;
    text-align: center; }

  /* line 197, /app/app/assets/stylesheets/members/sessions/new.css.scss */
  .top-campaign {
    width: 70%;
    min-width: 300px;
    margin: 10px auto 0; } }