@charset "utf-8";


/* -----------------------------------------
  icon お買物カート
----------------------------------------- */
.welcome_icon1 {
  width: 7%;
  position: absolute;
  top: 50%;
  left: auto;
  right: 7%;
  transform: translate(0,-50%);
}



/* ------------------------------------
 メニュー内「ログイン」等 icon設定
------------------------------------ */
.ems-login {
  margin: auto;
  padding: 5% 0 2%;
  border-bottom: solid 1px #ccc;
}

.welcome.menu {
  margin: auto;
  width: 100%;
}

.welcome.menu .app_content span {
  display: inline-block;
}

/* ----- メニュー内 ----- */

/* --- ゲストさん --- */
.welcome.menu .welcome_login_name {
  margin: 5% auto 10% 8%;
  width: 100%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 500;
  font-size: var(--fs_15);
  line-height: 1;
  letter-spacing: 0.05em;
}

.welcome.menu span.welcome_text {
  margin-right: 0.5em;
  font-size: var(--fs_12);
}

/* login後 */
span.notdisp_translate {
  margin-left: 0.8em;
}



/* --- アイコンlist --- */
.welcome.menu span.welcome_login_link {
  margin: 5% auto auto;
  width: 80%;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.welcome.menu span.welcome_login_link .welcom_link_text_cmn {
  margin-top: 10%;
  font-family: "GenjyuuGLP", sans-serif;
  font-weight: 400;
  font-size: var(--fs_12);
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

/* --- JS before画像 --- */
.welcome.menu span.welcome_login_link .welcom_link_text_cmn::before {
  content: "";
  width: min(60px, max(8vw, 28.8px));
  height: min(60px, max(8vw, 28.8px));
  position: absolute;
  top: max(-67.5px, min(-9vw, -32.4px));
  left: 50%;
  transform: translate(-50%, 0);
}

.welcome.menu .member_login .welcom_link_text_cmn:before {
  content: '';
  background: url( ../site_images/welcome/icon_Log-in.svg) no-repeat;
  background-size: contain;
}

.welcome.menu a.welcom_link_btn_cmn,
.welcome.menu .see_cart .see_cart_link {
  position: relative;
  display: inline-block;
  margin: auto;
  padding: 0;
  min-width: auto;
  color: inherit;
  background: none;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  opacity: 1;
  vertical-align: text-bottom;
  line-height: 1;
}

/* 会員登録(画像位置調整） */
.welcome.menu span.welcome_login_link a.member_registration .welcom_link_text_cmn::before {
  transform: translate(-40%,0);
} 

/* カート(画像位置調整） */
.welcome.menu span.welcome_login_link a.welcom_cart_link .welcom_link_text_cmn::before {
  transform: translate(-60%,0);
} 

/* --- link対策(PC・SP)@media制御 --- */
/* for PC */
@media (hover: hover) {
  .welcome.menu span.welcome_login_link a:hover {
    opacity: 0.6;
  }

}

/* for SP */
@media (hover: none) {
  .welcome.menu span.welcome_login_link a:active {
    opacity: 0.6;
  }

}

/* --- スマホ横向き --- */
@media (orientation: landscape) and (max-height: 500px) {

  .ios-dev .ems-login,
  .android-dev .ems-login {
    padding: 0 0 2%;
  }

}