/* header begin */
.upt-base{
  background:#fff;
  position:relative;
  z-index:150;
}
.upt-base .wrap{
  overflow:hidden;
  margin:0 auto;
  max-width:1100px !important;
  width:1100px !important;
}
.upt-base .logo{
  float:left;
  width:144px;
  height:74px;
  overflow:hidden;
  background:url(/common/design/user/img/images-top/logo_up-t_kana.png) no-repeat 50%;
  text-indent:-9999px;
  margin-right:25px;
  margin-top:10px;
}
.upt-base .logo a{
  display:block;
  height:100%;
  position:relative;
}
.upt-base .slogan{
  display:block;
  font-size:12px;
  line-height:18px;
  color:#000;
  font-weight:normal;
  margin:6px 0;
}
.upt-base .menu-header{
  float:right;
  border:1px solid #d6d6d6;
}
.upt-base .menu-header li{
  float:left;
  border-left:1px solid #d6d6d6;
}
.upt-base .menu-header li:first-child{border:0;}
.upt-base .menu-header a{
  display:block;
  width:188px;
  height:65px;
  text-align:center;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.upt-base .menu-header a:hover{
  background-color:rgba(227, 96, 98, 0.1);
}
.upt-base .menu-header strong{
  display:block;
  font-size:14px;
  line-height:30px;
  color:#000;
}
.upt-base .menu-header span{
  display:block;
  position:relative;
  font-size:18px;
  line-height:28px;
  font-weight:bold;
}
.upt-base .menu-header span.item01{color:#15a6d6}
.upt-base .menu-header span.item02{
  color:#d61518;
  font-size:24px;
  font-family:Arial, Helvetica, sans-serif;
}
.upt-base .menu-header span.item03{color:#15a6d6}
.upt-base .menu-header span:before{
  content:'';
  display:inline-block;
  vertical-align:top;
  width:28px;
  height:28px;
}
.upt-base .menu-header span.item01:before{
  background:url(/common/design/user/img/images-top/ico-menu-header-01.png) no-repeat 50%;
}
.upt-base .menu-header span.item02:before{
  background:url(/common/design/user/img/images-top/ico-menu-header-02.png) no-repeat 50%;
}
.upt-base .menu-header span.item03:before{
  width:39px;
  background:url(/common/design/user/img/images-top/ico-menu-header-03.png) no-repeat 50%;
  margin:0;
}
.upt-base .menu-header a:hover span:before{
  -webkit-animation: swing 0.6s ease;
  animation: swing 0.6s ease;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* nav begin */
.upt-base nav{
  display:block;
  background:#d61518;
  position:relative;
}
.upt-base nav .holder{
  max-width:1100px;
  margin:0 auto;
}
.upt-base nav .holder:after{
  content:'';
  display:block;
  clear:both;
}
.upt-base .nav{
  float:left;
  border-left:1px solid #ad0003;
  border-right:1px solid #e36062;
}
.upt-base .nav li{
  float:left;
  border-left:1px solid #e36062;
  border-right:1px solid #ad0003;
}
.upt-base .nav a{
  display:block;
  position:relative;
  width:145px;
  height:55px;
  font-size:16px;
  line-height:55px;
  color:#fff;
  font-weight:bold;
  text-align:center;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.upt-base .nav a:hover{
  background:#ad0003;
}
.upt-base .nav .tooltip-item{
  position:absolute;
  bottom:49px;
  left:50%;
  width:116px;
  padding:5px 5px 4px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  border-radius:9px;
  background:#fff;
  margin-left:-58px;
  font-size:12px;
  line-height:16px;
  font-weight:normal;
  color:#000;
  box-shadow:0 0  4px 1px rgba(0, 0, 0, 0.3);
  display:none;
}
.upt-base .nav a:hover .tooltip-item{display:block;}
.upt-base .nav .tooltip-item b{
  font-size:14px;
  display:block;
}
.upt-base .nav .tooltip-item:after{
  content:'';
  position:absolute;
  bottom:-9px;
  left:50%;
  margin-left:-5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #fff;
  -moz-transform:skew(-10deg);
  -ms-transform:skew(-10deg);
  -webkit-transform:skew(-10deg);
  -o-transform:skew(-10deg);
  transform:skew(-10deg);
}
.upt-base .nav-btn-list{
  float:right;
  padding:9px 6px;
}
.upt-base .nav-btn-list li{
  float:left;
}
.upt-base .nav-btn-list li:first-child{padding:0;}
.upt-base .nav-btn-list a{
  display:block;
  background:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-align:center;
  width:142px;
  line-height:37px;
  font-weight:bold;
  color:#3f3f3f;
  position:relative;
  overflow:hidden;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.upt-base .nav-btn-list a:hover{
  box-shadow:
      1px 1px #ad0003,
      2px 2px #ad0003,
      3px 3px #ad0003;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.upt-base .nav-btn-list a:before{
  content:'';
  display:inline-block;
  vertical-align:top;
  height:37px;
  width:32px;
}
.upt-base .nav-btn-list a.login:before{
  background:url(/common/design/user/img/images-top/ico-nav-btn-list-02.png) no-repeat ;
  background-size: 100% 100%;
  width: 18px;
  height: 21px;
}
.upt-base .nav-btn-list a.logout:before{
  background:url(/common/design/user/img/images-top/ico-nav-btn-list-03.png) no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 21px;;
}
.upt-base .nav-btn-list a.car:before{
  background:url(/common/design/user/img/images-top/ico-nav-btn-list-01.png) no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 16px;
}
.upt-base .user-wrap{
  background:url(/common/design/user/img/images-top/bg-log.gif);
}
.upt-base .user-wrap .holder{
  position:relative;
  margin:0 auto;
  height:45px;
  max-width:1100px;
}
.upt-base .user-wrap ul{
  background-color:rgba(0, 0, 0, 0.7);
  overflow:hidden;
  -webkit-transition: linear 0.5s;
  -moz-transition: linear 0.5s;
  -ms-transition: linear 0.5s;
  -o-transition: linear 0.5s;
  transition: linear 0.5s;
  height:45px;
  overflow:hidden;
  display: inline-block;
}
.upt-base .user-wrap ul li{border-bottom:1px solid #474129;}
.upt-base .user-wrap .user-name{
  display:block;
  padding:13px 46px 13px 16px;
  font-size:16px;
  line-height:18px;
  font-weight:normal;
  white-space:nowrap;
  color:#fff;
  position:relative;
  border-bottom:1px solid #000;
  cursor:pointer;
}
.upt-base .user-wrap .user-name:after{
  content:'';
  position:absolute;
  right:14px;
  top:10px;
  width:25px;
  height:25px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background: rgb(238,238,238);
  background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(205,205,205,1) 100%);
  background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(205,205,205,1) 100%);
  background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(205,205,205,1) 100%);
}
.upt-base .user-wrap .user-name:before{
  content:'';
  position:absolute;
  z-index:2;
  right:20px;
  top:19px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #282828;
}
.upt-base .user-wrap a{
  display:block;
  padding:13px 10px 13px 42px;
  font-size:16px;
  line-height:18px;
  font-weight:normal;
  white-space:nowrap;
  color:#fff;
  position:relative;
  border-bottom:1px solid #000;
}
.upt-base .user-wrap a:after{
  content:'';
  position:absolute;
  left:18px;
  top:50%;
  width:18px;
  height:18px;
  margin-top:-9px;
  background:#fff;
  -moz-border-radius:18px;
  -webkit-border-radius:18px;
  border-radius:18px;
}
.upt-base .user-wrap a:before{
  content:'';
  position:absolute;
  z-index:2;
  left:24px;
  top:50%;
  margin-top:-5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 8px solid red;
  border-bottom: 5px solid transparent;
}
.upt-base .user-wrap a span{
  display:inline-block;
  position:relative;
  vertical-align:top;
}
.upt-base .user-wrap a span:before{
  display:block;
  position:absolute;
  content:"";
  height:2px;
  width:0;
  background:#fff;
  transition:width 0.3s ease-in-out;
  left:0;
  bottom:0;
}
.upt-base .user-wrap a:hover span:before{width:100%;}

/* header form */
.upt-base .slogan-frame{
  float:left;
  margin-right:4px;
  width:333px;
}
.upt-base .slogan-frame .pure-form{
  display:block;
  position:relative;
  width:258px;
  padding-right:74px;
}
.upt-base .slogan-frame .pure-form fieldset{
  display:block !important;
  padding:0 !important;
}
.upt-base .slogan-frame .pure-form button{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  padding:0 !important;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background:#373737 !important;
  -moz-border-radius:4px !important;
  -webkit-border-radius:4px !important;
  border-radius:4px !important;
  width:64px !important;
  height:36px !important;
  line-height:36px !important;
  font-size:12px !important;
  color:#fff !important;
  text-align:center !important;
  border:0 !important;
  cursor:pointer !important;
  outline:none;
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.upt-base .slogan-frame .pure-form button:hover{
  box-shadow:
      1px 1px #b7b7b7,
      2px 2px #b7b7b7;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.upt-base .slogan-frame .text-input{
  display:block !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  border:1px solid #b7b7b7 !important;
  background:#fff !important;
  outline:none !important;
  -moz-border-radius:4px !important;
  -webkit-border-radius:4px !important;
  border-radius:4px !important;
  -moz-box-sizing:border-box !important;
  -ms-box-sizing:border-box !important;
  -webkit-box-sizing:border-box !important;
  box-sizing:border-box !important;
  width:100% !important;
  font-size:14px !important;
  line-height:16px !important;
  padding:9px 10px !important;
}
/* header form end */

/*update navigation*/
.upt-base .wrap_nav_1 {
  display: none;
}
.upt-base .hover-bottom:hover .wrap_nav_1 {
  position: absolute;
  width: 100%;
  left: 0;
  background: #000000;
  display: block;
  z-index: 9999;
  opacity: 0.9;
}
.upt-base .nav_new {
  position: relative;
  margin-top: 10px;
}
.upt-base .list_li_nav {
  width: 25%;
  flex: 0 0 25%;
}
.upt-base .nav-new .container_s1 {
  display: flex;
  flex-wrap: wrap;
}
.upt-base .nav-ct .item_li_nav a {
  width: auto !important;
  text-align: left;
  border: 1px solid #fff;
  padding: 10px 10px 10px 25px;
  height: unset;
  line-height: 20px;;
  position: relative;
  transition: .5s ease;
}
.upt-base .nav-ct .item_li_nav a:after {
  content: '';
  width: 0;
  border-top: 5px solid transparent;
  border-left: 6px solid #fff;
  border-bottom: 5px solid transparent;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.upt-base .nav-ct .item_nav_blue {
  background: #053057;
}
.upt-base .nav-ct .item_nav2 a {
  padding: 10px 10px 10px 40px;
  border-bottom: 1px dashed;
  border-top: 0;
}
.upt-base .nav-ct .item_nav2:last-child a {
  border-bottom: 1px solid #fff;
}
.upt-base .hover_item_nav {
  position: relative;
}
.upt-base .hover-bottom:hover .hover_item_nav:before {
  display: block;
}
.upt-base .hover_item_nav:before {
  display: none;
  content: "";
  width: 0;
  border-left: 5px solid transparent;
  border-bottom: 7px solid #000;
  border-right: 5px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.upt-base .nav-ct .item_nav2 a:after {
  left: 25px;
}
.upt-base .item_li_nav {
  padding: 20px 30px 0 0;
}
.upt-base .list_li_nav:nth-child(4n) .item_li_nav {
  padding-right: 0;
}
.upt-base .top_li_nav .item_li_nav {
  padding: 0;
}
.upt-base .wrap_nav_1 .container_s1 {
  padding: 0 15px 20px;
}
.upt-base .nav-ct a {
  width: 109px !important;
}
.upt-base .holder-2 .nav a {
  font-size: 15px;
}
.upt-base .box_li_user .container_s1,
.upt-base .hover-bottom .container_s1 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
  box-sizing: content-box;
  padding: 0 15px 20px;
}
.upt-base .menu-header {
  position: relative;
  top: 11px;
}
.upt-base .user-wrap_ct .test:hover .wrap_user_name{
  height: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 10px;
  background: #000;
}
.upt-base .title_sales_setting {
  width: 100%;
  color: #fff;
  border-bottom: 2px solid #363636;
  padding-bottom: 8px;
  margin: 5px 0 15px;
}
.upt-base .user-wrap_ct .wrap_user_name li {
  margin-right: 10px;
  margin-bottom: 10px;
  width: calc((100% - 50px) / 5);
  border: 1px solid #fff;
  border-radius: 8px;
}
.upt-base .user-wrap_ct .wrap_user_name li:nth-child(5n) {
  margin-right: 0;
}
.upt-base .user-wrap_ct .test:hover .user-name {
  padding-bottom: 9px;
}
.upt-base .user-wrap_ct a {
  border-bottom: none;
}
.upt-base .user-wrap_ct ul li {
  border-bottom: none;
}
.upt-base .user-wrap_ct .holder {
  max-width: unset;
  height: 50px;
}
.upt-base .user-wrap_ct .test:hover .box_li_user {
  position: absolute;
  width: 100%;
  left: 0;
  background: #000;
}
.upt-base .user-wrap_ct .wrap_user_name {
  display: none;
}
.upt-base .user-wrap_ct .test {
  height: 50px;
}
/*end update navigation*/
/*upt-base*/
.globalNav {
  position: unset;
}
.globalNav .globalNav__menu {
  background: #fff;
}
/*end upt-base*/
/*upt-base-sp*/

.globalNav-upt-sp {
  position: relative;
  z-index: 9;
  margin-top: 0;
  margin-bottom: -50px;
}
/*header*/
.upt-base-sp{
  display: block;
  background:#fff;
  position:relative;
  top:0;
  left:0;
  right:0;
  height:auto !important;
  z-index:9999;
}
.upt-base-sp .wrap-sp{
  overflow:hidden;
  padding:8px 0;
  position:relative;
  z-index:3;
  background:#fff;
}
.upt-base-sp .logo{
  position:absolute;
  top:0;
  left:0;
  width:98px;
  height:57px;
  overflow:hidden;
  background:url(/common/smart/design/img/images-top/logo.png) no-repeat 50%;
  background-size:100%;
  text-indent:-9999px;
  margin-right:5px;
}
.upt-base-sp .logo a{
  display:block;
  height:100%;
  position:relative;
}
.upt-base-sp .slogan{
  display:block;;
  font-size:9px;
  line-height:14px;
  color:#fff;
  font-weight:normal;
  padding:0 8px;
  background:#ff0101;
  position:relative;
  z-index:3;
  margin: 0;
}
.upt-base-sp .list-header-top{float:right;}
.upt-base-sp .list-header-top li{
  float:left;
  padding-right:12px;
}
.upt-base-sp .list-header-top li:last-child{padding-right:6px;}
.upt-base-sp .list-header-top a{
  display:block;
  position:relative;
  width:40px;
  height:40px;
  background:#ff0101;
  overflow:hidden;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  border-radius:9px;
  text-indent:-9999px;
}
.upt-base-sp .list-header-top a.tel{
  background:#ff0101 url(https://up-t.jp/common/smart/design/img/images-top/phone_number_ct.png) no-repeat 50%;
  background-size:112px 40px;
  width:106px;
}
.upt-base-sp .list-header-top a.login{
  background:#ff0101 url(/common/smart/design/img/images-top/btn-header001.png) no-repeat  0 -1px;
  background-size:40px 40px;
}
.upt-base-sp .list-header-top a.logout{
  background:#ff0101 url(/common/smart/design/img/images-top/btn-logout.png) no-repeat  0 -1px;
  background-size:40px 40px;
}
.upt-base-sp .mobile-opener{
  display:block;
  position:absolute;
  outline:none;
  top:0;
  right:0;
  width:60px;
  height:60px;
  background:url(https://up-t.jp/common/smart/images/bg-mobile-opener.png) no-repeat;
  background-size:60px 60px;
  z-index: 990;
  -webkit-transition: background .3s;
  transition: background .3s;
  text-indent:-9999px;
  opacity:1 !important;
  overflow:hidden;
}
.upt-base-sp .mobile-opener span {
  display: block;
  position: absolute;
  top: 18px;
  left: 7px;
  right: 7px;
  height: 3px;
  background: #fff;
  -webkit-transition: background 0s .3s;
  transition: background 0s .3s;
}
.upt-base-sp .mobile-opener span:after,
.upt-base-sp .mobile-opener span:before{
  -webkit-transition-duration: .3s,.3s;
  transition-duration: .3s,.3s;
  -webkit-transition-delay: .3s,0s;
  transition-delay: .3s,0s;
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #fff;
  content: "";
}
.upt-base-sp .mobile-opener span:before{
  -webkit-transition-property: top,-webkit-transform;
  transition-property: top,transform;
  top:-10px;
}
.upt-base-sp .mobile-opener span:after{
  -webkit-transition-property: bottom,-webkit-transform;
  transition-property: bottom,transform;
  bottom: -10px;
}
.nav-visible .upt-base-sp  .mobile-opener span{background: 0 0;}
.nav-visible .upt-base-sp  .mobile-opener span:after,
.nav-visible .upt-base-sp  .mobile-opener span:before{
  -webkit-transition-delay: 0s,.3s;
  transition-delay: 0s,.3s;
}
.nav-visible .upt-base-sp  .mobile-opener span:before{
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background:#fff;
}
.nav-visible .upt-base-sp  .mobile-opener span:after{
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background:#fff;
}

.upt-base-sp .swiper-gallery-top{
  overflow:hidden;
  position:relative;
}
.upt-base-sp .swiper-gallery-top .swiper-slide img{
  display:block;
  width:100%;
}
.upt-base-sp .swiper-gallery-top .swiper-pagination{
  display:block !important;
  background:#fff;
  bottom:0 !important;
  position:relative !important;
  line-height:6px;
  padding:8px 0 22px;
}

.nav-visible {
  overflow: hidden;
}

.nav-visible .upt-base-sp  .nav{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.logged-user-header.nav-visible .upt-base-sp  .nav{
  width:50%;
  padding-top:115px;
}
.upt-base-sp .nav ul,
.upt-base-sp .user-wrap ul{overflow:hidden;}

.upt-base-sp .nav a,
.upt-base-sp .user-wrap a{
  display:block;
  padding:13px 20px;
  font-size:14px;
  line-height:18px;
  font-weight:bold;
  color:#fff;
}
.upt-base-sp .user-wrap{
  position:fixed;
  top:0;
  width:50%;
  bottom:0;
  overflow:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling: touch;
  background-color:rgba(58, 0, 0, 0.7);
  z-index:2;
  left:0;
  -webkit-transform: translate3d(-125%,0,0);
  transform: translate3d(-125%,0,0);
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  padding:70px 0 0;
}
.logged-user-header.nav-visible .upt-base-sp  .user-wrap{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.upt-base-sp .user-wrap strong{
  display:block;
  padding:13px 20px 0;
  font-size:11px;
  line-height:18px;
  overflow:hidden;
  white-space:nowrap;
  color:#fff;
  margin-bottom:1px;
}
.upt-base-sp .user-wrap strong span{
  display:block;
  width:100%;
  max-width:100%;
  font-weight:normal;
  text-overflow: ellipsis;
  overflow:hidden;
}

.upt-base-sp .box-item-sp .list-items-handled .nav-item + .nav-item {
  margin: 0;
}

.upt-base-sp .box-item-sp .list-items-handled .nav-item > span,
.upt-base-sp .box-item-sp .list-items-handled .nav-item2 > span {
  cursor: pointer;
}

.upt-base-sp .nav {
  right: -3px;
  position: fixed;
  top: 0;
  width: 60%;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 2;
  -webkit-transform: translate3d(125%,0,0);
  transform: translate3d(125%,0,0);
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
  padding: 70px 0 0;
}

.upt-base-sp .box-item-sp .nav-item,
.upt-base-sp .box-item-sp .nav-item2 {
  position: relative;
  border: none;
  width: 100%;
  margin: 0;
}

.upt-base-sp .box-item-sp .sub-nav-item:hover .sub-nav-second_level {
  display: block !important;
  transition: all .5s ease;
}

.upt-base-sp .list-items-handled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.upt-base-sp .list-items-handled .nav-item {
  border: unset;
  display: block;
}

.upt-base-sp .box-item-sp .list-items-handled .nav-item > a,
.upt-base-sp .box-item-sp .list-items-handled .nav-item2 > a,
.upt-base-sp .box-item-sp .list-items-handled .nav-item > span,
.upt-base-sp .box-item-sp .list-items-handled .nav-item2 > span,
.upt-base-sp .box-item-sp .list-items-handled .sub-nav-item > span {
  position: relative;
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  padding: 9px 12px 9px 5px;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none;
  border-bottom: 1px solid #000000 !important;
  border-top: 1px solid #56686f !important;
  background: transparent;
  height: auto;
  text-align: left;
}

.upt-base-sp .box-item-sp .list-items-handled .nav-item.arrowed > a:after,
.upt-base-sp .box-item-sp .list-items-handled .nav-item.arrowed > span:after,
.upt-base-sp .box-item-sp .list-items-handled .nav-item2.arrowed > a:after,
.upt-base-sp .box-item-sp .list-items-handled .nav-item2.arrowed > span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  left: unset;
  transform: scaleY(1.5);
  border: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.upt-base-sp .box-item-sp .sub-nav .nav-item {
  background: #003245ad;
}

.upt-base-sp .box-item-sp .list-items-handled .sub-nav .sub-nav-item {
  display: block;
  width: 100%;
  padding: 0 !important;
  transition: all 0.5s ease;
  border: unset;
  vertical-align: top;
  margin: 0;
}

.upt-base-sp .box-item-sp .list-items-handled .sub-nav .sub-nav-item.next-level > a,
.upt-base-sp .box-item-sp .list-items-handled .sub-nav .sub-nav-item.next-level > span {
  position: relative;
  display: block;
  border: none;
  font-size: 10px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  height: 30px;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #56686f;
  padding: 5px 20px !important;
  text-align: left;
  width: 100%;
}

.upt-base-sp .box-item-sp .list-items-handled .sub-nav .sub-nav-item > a {
  background: #003245ad;
}

.upt-base-sp .pure-form {
  display: block;
  background: #080808;
  padding: 2px;
  overflow: hidden;
  position: relative;
}

.upt-base-sp .pure-form > div {
  position: relative;
  padding-right: 49px;
  overflow: hidden;
}

.upt-base-sp .pure-form .field {
  float: left;
  appearance: none;
  width: 100%;
  border: 0;
  padding: 7px !important;
  font-size: 10px;
  line-height: 12px;
  color: #454545;
  font-weight: bold;
  margin: 0 8px 0 0 !important;
  border-radius: 3px;
  outline: none;
}

.upt-base-sp .pure-form .pure-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 26px;
  display: block;
  width: 48px;
  font-size: 10px;
  line-height: 22px;
  border: 1px solid #fff;
  appearance: none;
  padding: 0;
  margin: 0;
  text-align: center;
  color: #fff;
  background: #373737;
  border-radius: 3px;
}

.upt-base-sp .nav li {
  border: none;
  width: 100%;
}
/*header*/

/*fix navigation*/
.upt-base-sp .add-nav {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.upt-base-sp .add-nav.tab-add-nav .item01{
  background:#ff0054;
}
.upt-base-sp .add-nav.tab-add-nav .item02{
  background:#0574dc;
}
.upt-base-sp .add-nav.tab-add-nav .item03{
  background:#159600;
}
.upt-base-sp .add-nav.tab-add-nav .item04{
  background:#ff8400;
}
.upt-base-sp .add-nav.tab-add-nav .item05{
  background:#b200c7;
}
.upt-base-sp .add-nav.tab-add-nav a:before{
  content:unset;
}

.upt-base-sp .add-nav.tab-add-nav .item-nav {
  position: relative;
  border-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7px 3px 0;
  color: #fff;
}

.upt-base-sp .tab-add-nav li {
  color: #fff;
  width: 100%;
}

.upt-base-sp .tab-add-nav .item-nav span {
  font-size: 10px;
  line-height: 24px;
}

.upt-base-sp .tab-add-nav .img-nav {
  width: 25px;
  height: 25px;
  position: relative;
}

.upt-base-sp .tab-add-nav .img-nav img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.upt-base-sp .gr-nav-item {
  position: absolute;
  width: 100%;
  left: 0;
  background: #000000;
  display: block;
  z-index: 9999;
  opacity: 0.9;
}

.upt-base-sp .gr-nav-item .list_li_nav {
  width: 50%;
  flex: 0 0 50%;
}

.upt-base-sp .gr-nav-item .left_li_nav .item_li_nav {
  padding: 10px 10px 0 0;
}

.upt-base-sp .gr-nav-item .right_li_nav .item_li_nav {
  padding: 10px 0 0 10px;
}

.upt-base-sp .gr-nav-item .item_li_nav a {
  width: auto !important;
  text-align: left;
  border: 1px solid #fff;
  padding: 5px 5px 5px 25px;
  height: unset;
  line-height: 20px;
  position: relative;
  transition: .5s ease;
  display: block;
  white-space: nowrap;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
}

.upt-base-sp .gr-nav-item .item_li_nav a:after {
  content: '';
  width: 0;
  border-top: 4px solid transparent;
  border-left: 5px solid #fff;
  border-bottom: 4px solid transparent;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.upt-base-sp .gr-nav-item .item_nav2 a:after {
  left: 15px;
}

.upt-base-sp .gr-nav-item .container_s1 {
  display: flex;
  padding: 10px 15px 20px;
  flex-wrap: wrap;
}

.upt-base-sp .gr-nav-item .top_li_nav .item_li_nav {
  padding: 0;
}

.upt-base-sp .gr-nav-item .item_nav2 a {
  padding: 5px 5px 5px 30px;
  border-bottom: 1px dashed;
  border-top: 0;
}

.upt-base-sp .gr-nav-item .item_nav2:last-child a {
  border-bottom: 1px solid #fff;
}

.upt-base-sp .gr-nav-item .item_nav_blue {
  background: #053057;
}

.upt-base-sp .tab-add-nav .icon-slide {
  opacity: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-bottom: 5px solid #000;
  border-right: 4px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: all .5s;
}

.upt-base-sp .tab-add-nav .add-icon {
  opacity: 1;
}

@media (max-width: 320px) {
  .upt-base-sp .tab-add-nav .item-nav span {
    font-size: 9px;
    line-height: 24px;
  }

  .upt-base-sp .gr-nav-item .right_li_nav .item_li_nav {
    padding: 10px 0 0 5px;
  }

  .upt-base-sp .gr-nav-item .left_li_nav .item_li_nav {
    padding: 10px 5px 0 0;
  }

  .upt-base-sp .gr-nav-item .list_li_nav a {
    font-size: 9px;
  }

  .upt-base-sp .gr-nav-item .top_li_nav .item_li_nav {
    padding: 0;
  }

  .upt-base-sp .gr-nav-item .item_nav2 a {
    padding: 5px 5px 5px 25px;
  }

  .upt-base-sp .gr-nav-item .item_nav2 a:after {
    left: 14px;
  }
}

.logged-user-header.nav-visible .user-wrap{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.upt-base-sp .nav li,
.upt-base-sp .user-wrap li {
  border-bottom: 1px solid #5c5755;
}

.upt-base-sp .rank-sale {
  display: block;
  width: 100% !important;
  height: 45px;
  z-index: 100 !important;
  margin-top: 70px !important;
  padding-top: 0 !important;
  background-color: #000000ab !important;
}
.upt-base-sp .user-wrap {
  margin-top: 115px;
  padding-top: 0 !important;
}
.upt-base-sp .logged-user-header .nav {
  margin-top: 115px;
  padding-top: 0px !important;
}

.globalNav-upt-sp .drawer_2AKska8d {
  top: 120px;
}
/*end fix navigation*/
/*end-upt-base-sp*/
@media screen and (max-width: 992px){
  .pagerWrap_2DENWjpR .m-pager li {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
  }
}

.c-modal-stock {
  min-width: 744px;
  width: 744px;
  height: 661px;
}