@charset "UTF-8";
/* 前後のアイコン
// file : アイコンへのパス
// width,height : 幅・高さ
// top : オフセット
--------------------------------------------------------- */
/* 折り畳み
--------------------------------------------------------- */
/* リスト
--------------------------------------------------------- */
/* visually-hidden
--------------------------------------------------------- */
/* ラジオボタン　直径25px、非選択灰色・選択赤
inputを内包するlabelにクラスを指定する
--------------------------------------------------------- */
/* 丸数字リスト
olにクラスを指定
--------------------------------------------------------- */
/* 新ロゴ用ヘッダsali1x
--------------------------------------------------------- */
header.header-sali1x {
  background: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-bottom: 1px solid #EBEBEB; }
  header.header-sali1x .header-home-logo2 {
    margin-left: 12px; }
  header.header-sali1x .header-title {
    font-size: 18px;
    font-weight: bold; }
  header.header-sali1x .header-menu-empty {
    width: 63px; }

/* ログインフォーム
--------------------------------------------------------- */
form.login .login-part {
  margin-top: 37px; }
  form.login .login-part .login-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold; }
    form.login .login-part .login-title span {
      font-weight: 500;
      color: #AAAAAA; }
  form.login .login-part .login-title:before {
    display: inline-block;
    margin-right: 6px;
    background-size: contain;
    content: ""; }
  form.login .login-part .login-num:before {
    width: 17px;
    height: 16px;
    background-image: url("../img/sali1x_icon_loginnum.png"); }
  form.login .login-part .login-pwd:before {
    width: 17px;
    height: 17px;
    background-image: url("../img/sali1x_icon_loginpwd.png"); }
  form.login .login-part input[type=text], form.login .login-part input[type=password] {
    width: 100%;
    margin-bottom: 10px;
    padding: 16px 0;
    border: #d1d1d1 solid;
    border-width: 0 0 1px 0;
    font-size: 20px; }
  form.login .login-part .toggled-pwd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-bottom: solid 1px #d1d1d1;
    margin-bottom: 10px; }
    form.login .login-part .toggled-pwd input[type=text], form.login .login-part .toggled-pwd input[type=password] {
      width: 100%;
      margin: 0;
      padding: 16px 0;
      border: none;
      font-size: 20px; }
    form.login .login-part .toggled-pwd .toggled-pwd-icon {
      position: absolute;
      display: inline-block;
      width: 19px;
      height: 10px;
      right: 5px;
      top:30px;
      background-image: url("../img/icon_pwd_eye.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
    form.login .login-part .toggled-pwd .toggled-pwd-icon.show {
      background-image: url("../img/icon_pwd_eye_slash.png"); }
  form.login .login-part .login-check input[type=checkbox] {
      cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 7px; }
  form.login .login-part .login-check label {
    font-size: 12px; }
  form.login .login-part .login-pwd-asterisk {
    position: relative;
    padding-left: 1em;
    font-size: 12px; }
    form.login .login-part .login-pwd-asterisk:before {
      position: absolute;
      left: 0;
      content: "※"; }
form.login .privacy-kojin {
  line-height: 1.2em;
  margin-bottom: 5px; }
  form.login .privacy-kojin a {
    color: #4a9bea; }
form.login .login-forget-num {
  margin-top: 17px;
  margin-bottom: 34px;
  text-align: center;
  font-size: 12px; }
  form.login .login-forget-num li:first-child {
    margin-bottom: 8px; }
  form.login .login-forget-num a {
    text-decoration: underline; }
form.login .login-asterisk {
  color: #DB0016; }
  form.login .login-asterisk li {
    position: relative;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 12px; }
    form.login .login-asterisk li:before {
      position: absolute;
      left: 0; }

input[type=password]::-ms-reveal{
  display:none;
  }

/* 会員メニューのご案内
--------------------------------------------------------- */
.membermenu-introduce {
  background-color: #f4f4f9;
  margin-top: 25px;
  padding-top: 25px; }
  .membermenu-introduce .balloon {
    position: relative;
    width: 171px;
    margin: 0 auto;
    padding: 4px 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    background: #DB0016; }
  .membermenu-introduce .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    border-top: 8px solid #DB0016; }
  .membermenu-introduce .membermenu-introduce-title {
    margin-top: 20px;
    font-size: 22px;
    font-weight: bold;
    text-align: center; }
    .membermenu-introduce .membermenu-introduce-title span {
      padding: 0 5px;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffd2d2));
      background: linear-gradient(transparent 70%, #ffd2d2 0%); }
  .membermenu-introduce .membermenu-introduce-part .membermenu-introduce-part-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center; }
    .membermenu-introduce .membermenu-introduce-part .membermenu-introduce-part-title:before {
      display: inline-block;
      width: 23px;
      height: 23px;
      margin-right: 10px;
      background-color: #DB0016;
      color: white;
      font-size: 12px;
      font-weight: normal;
      border-radius: 50%;
      text-align: center;
      line-height: 21px;
      content: attr(data-num) ""; }
  .membermenu-introduce .membermenu-introduce-part .membermenu-introduce-part-title:first-child {
    margin-top: 36px; }
  .membermenu-introduce .membermenu-introduce-part .membermenu-introduce-part-img {
    margin: 8px 0;
    text-align: center; }
  .membermenu-introduce .membermenu-introduce-part p {
    margin: 0 20px 30px 20px;
    font-size: 14px;
    line-height: 22px; }
  .membermenu-introduce .membermenu-introduce-part:after {
    display: block;
    width: 100px;
    margin: 0 auto;
    border-bottom: 1px dashed #333333;
    content: ""; }
  .membermenu-introduce .membermenu-introduce-part:last-child {
    padding-bottom: 13px; }
    .membermenu-introduce .membermenu-introduce-part:last-child:after {
      border-bottom: none; }

/* セキュリティーについて
--------------------------------------------------------- */
.security {
  margin-top: 40px;
  padding: 15px 20px;
  border: 1px solid #AAAAAA; }
  .security .security-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px; }
  .security p {
    font-size: 12px; }