@charset "UTF-8";
/*-----------------------------------

sale2021.css
セール 2021 リニューアル CSS
SP

-----------------------------------*/
/*-----------------------------------
ページ共通
-----------------------------------*/
#sale2021 {
  color: #333;
  font-size: 14px;
}
#sale2021 section {
  margin-bottom: 60px;
}
#sale2021 .sale_link {
  display: block;
  color: #333;
  text-decoration: none;
}
#sale2021 .sale_heading {
  margin: 0 0 30px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
#sale2021 .txt_attention,
.txt_attention {
  color: #d93600;
}
/* common.cssの打ち消し */
#sale2021 .list {
  border: 0;
}


/*-----------------------------------
季節ごとの指定
-----------------------------------*/
/****************************
spring 春
****************************/
#sale2021.spring .sale_nav .nav-item .title.ico-ranking::before {
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/ico_crown_black.svg") no-repeat;
}
#sale2021.spring .sale_nav .nav-item .title.ico-new::before {
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/ico_new_black.svg") no-repeat;
}
#sale2021.spring .sale_nav .nav-item .title.ico-menu::before {
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/ico_menu_black.svg") no-repeat;
}
#sale2021.spring .mv .content {
  background: #fff9d8;
}
#sale2021.spring .sale_nav .nav-item .title {
  color: #333;
}
#sale2021.spring .sale_menu {
  background: #ffeb68;  /* #ffe33a */
}
#sale2021.spring .sale_menu .sale_list {
  color: #333;
}
#sale2021.spring .sale_menu .gnav-title {
  color: #333;
}
#sale2021.spring .sale_menu .menu-title::after {
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/arrow_black.svg") no-repeat;
}
#sale2021.spring #sale_newitem {
  background: #fff9d8;
}
#sale2021.spring .sale_search-brand .brand-panel {
  background: #fff9d8;
}
/* 概要 */
#sale2021.spring .sale_note {
  border: 3px solid #86c166;
  box-sizing: border-box;
}
#sale2021.spring .sale_note h3 {
  color: #86c166;
  font-size: 20px;
  margin-bottom: 0.5em;
}
/* キーワード */
#sale2021.spring .mv .keyword {
  background: #fff9d8;
}
#sale2021.spring .mv .keyword .word .item a {
  border: 2px solid #86c166;
  background: #86c166;
  color: #fff;
}

/****************************
summer 夏
****************************/
#sale2021.summer .mv .content {
  background: #e3f4fC;
}
#sale2021.summer .sale_menu {
  background: #0098d4;
}
#sale2021.summer #sale_newitem {
  background: #d6f0fc;
}
#sale2021.summer .sale_search {
  background: #d6f0fc;
}
/* 概要 */
#sale2021.summer .sale_note {
  border: 3px solid #0098d4;
  box-sizing: border-box;
}
#sale2021.summer .sale_note h3 {
  color: #0098d4;
  font-size: 20px;
  margin-bottom: 0.5em;
}
/* キーワード */
#sale2021.summer .mv .keyword {
  background: #d6f0fc;
}
#sale2021.summer .mv .keyword .word .item a {
  border: 2px solid #0098d4;
  background: #0098d4;
  color: #fff;
}


/****************************
autumn 秋
****************************/
#sale2021.autumn .mv .content {
  background: #f8ded1;
}
#sale2021.autumn .sale_menu {
  background: #e47c45;
}
#sale2021.autumn #sale_newitem {
  background: #f8ded1;
}
#sale2021.autumn .sale_search-brand .brand-panel {
  background: #f8ded1;
}
/* 概要 */
#sale2021.autumn .sale_note {
  border: 3px solid #e47c45;
  box-sizing: border-box;
}
#sale2021.autumn .sale_note h3 {
  color: #e47c45;
  font-size: 20px;
  margin-bottom: 0.5em;
}
/* キーワード */
#sale2021.summer .mv .keyword {
  background: #f8ded1;
}
#sale2021.summer .mv .keyword .word .item a {
  border: 2px solid #e47c45;
  background: #e47c45;
  color: #fff;
}


/****************************
winter 冬
****************************/
#sale2021.winter .mv .content {
  background: #f5f5f5;  /* #dfe6ec */
}
#sale2021.winter .sale_menu {
  background: #6a5d21;  /* #8099b3 */
}
#sale2021.winter #sale_newitem {
  background: #f5f5f5;  /* #dfe6ec */
}
#sale2021.winter .sale_search-brand .brand-panel {
  background: #f5f5f5;  /* #dfe6ec */
}

/* 概要 */
#sale2021.winter .sale_note {
  border: 10px double #6a5d21;
}
#sale2021.winter .sale_note h3 {
  color: #6a5d21;
  font-size: 20px;
  margin-bottom: 0.5em;
}

/* キーワード */
#sale2021.winter .keyword .word .item a {
  border: 2px solid #6a5d21;
  background: #6a5d21;
  color: #f5f5f5;
}


/*-----------------------------------
slider
-----------------------------------*/
#sale2021 .bx-wrapper {
  margin: 0 0 0 15%;
  padding: 0 30px;
  border: 0;
  box-shadow: none;
  background: none;
}
#sale2021 .bx-wrapper .bx-pager {
  bottom: -20px;
  left: 0;
  width: 85%;
}
#sale2021 .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #b5b5b5;
  background: #b5b5b5;
  width: 10px;
  height: 10px;
}
#sale2021 .bx-wrapper .bx-pager.bx-default-pager a.active {
  border: 1px solid #333;
  background: #333;
}
#sale2021 #sale_newitem {
  overflow: hidden;
}
#sale2021 .bx-viewport {
  overflow: visible !important;
}
#sale2021 .bx-wrapper {
  margin-bottom: 0;
  border: none;
  box-shadow: none;
}


/*-----------------------------------
メインビジュアル
-----------------------------------*/
#sale2021 .mv {
  margin-bottom: 30px;
}
#sale2021 .mv .content {
  background: #dfe6ec;
  padding: 30px 15px;
}
#sale2021 .mv .image {
  text-align: center;
}
#sale2021 .mv .image img {
  max-width: 100% !important;
}
#sale2021 .mv .keyword {
  margin-bottom: 30px;
  padding: 30px 10px;
  background: #fff;
}
#sale2021 .mv .keyword .title {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
#sale2021 .mv .keyword .word {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}
#sale2021 .mv .keyword .word .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#sale2021 .mv .keyword .word .item a {
  box-sizing: border-box;
  border: 2px solid #5c5c5c;
  background: #fff;
  height: 33px;
  margin: 10px 0 0 10px;
  padding: 10px 20px;
  color: #333;
  line-height: 1;
  border-radius: 15px;
}
#sale2021 .mv .delivery .sale_link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 52px;
  padding: 20px 10px;
  background: #fff;
  border: 2px solid #c74e4e;
  border-radius: 4px;
  color: #c74e4e;
  box-sizing: border-box;
}
#sale2021 .mv .delivery .sale_link::after {
  content: "";
  position: absolute;
  right: 15px;
  transform: rotate(90deg);
  width: 24px;
  height: 18px;
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/arrow_red.svg") no-repeat center;
}


/*-----------------------------------
ナビゲーション
-----------------------------------*/
#sale2021 .sticky {
  position: sticky;
  top: 50px;
  width: 100%;
  z-index: 100;
}
#sale2021 .sale_nav .nav-list {
  display: flex;
  padding: 0;
}
#sale2021 .sale_nav .sale_search {
  padding: 30px 15px;
}
#sale2021 .sale_nav .nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: calc(100%/3);
  border-right: 2px solid #fff;
}
#sale2021 .sale_nav .nav-item:last-child {
  border: 0;
}
#sale2021 .sale_nav .nav-item .title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 70px;
  padding: 25px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
#sale2021 .sale_nav .nav-item .title.ico-menu {
  position: absolute;
  top: 17px;
}
#sale2021 .sale_nav .nav-item .title.ico-ranking::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 27px;
  margin-right: 5px;
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/ico_crown_white.svg") no-repeat;
}
#sale2021 .sale_nav .nav-item .title.ico-new::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/ico_new_white.svg") no-repeat;
}
#sale2021 .sale_nav .nav-item .title.ico-menu::before {
  content: "";
  position: absolute;
  top: -5px;
  width: 30px;
  height: 30px;
  margin-bottom: 10px;
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/ico_menu_white.svg") no-repeat;
}
#sale2021 .js-modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
}
#sale2021 .nav-inner {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 96%;
  transform: translate3d(-50%, -50%, 0) perspective(0);
  background: #fff;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  z-index: 200;
}
#sale2021 .nav-inner section {
  margin-bottom: 0;
}
#sale2021 .nav-inner .sale_search-menu {
  margin-top: 50px;
  padding: 0;
}
#sale2021 .menu-header {
  position: fixed;
  display: flex;
  justify-content: flex-end;
  top: 5%;
  left: 50%;
  transform: translate(-50%);
  width: 90%;
  padding: 30px 5px 10px;
  background: #f2f2f2;
  box-sizing: border-box;
  z-index: 300;
}
#sale2021 .menu-header .top-close-bt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-right: 10px;
  width: 44px;
  height: 44px;
  padding-bottom: 4px;
  background: #333;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  box-sizing: border-box;
}
#sale2021 .menu-header .top-close-bt::before,
#sale2021 .menu-header .top-close-bt::after {
  display: block;
  position: absolute;
  top: 21px;
  left: 12px;
  width: 20px;
  height: 2px;
  margin: 0;
  background: #fff;
  content: "";
}
#sale2021 .menu-header .top-close-bt::before {
  transform: rotate(-45deg);
}
#sale2021 .menu-header .top-close-bt::after {
  transform: rotate(45deg);
}
#sale2021 .menu-footer {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  text-align: center;
}
#sale2021 .menu-footer .bottom-close-bt {
  display: block;
  background: #333;
  border-radius: 8px;
  width: 80px;
  height: 42px;
  padding: 10px 0;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}


/*-----------------------------------
セール予告
-----------------------------------*/
#sale2021 .sale_notes {
  margin: 0 15px 60px;
  padding: 30px 15px;
  border: 1px solid #ccc;
}
#sale2021 .sale_notes .notes-list {
  padding: 0;
}
#sale2021 .sale_notes .notes-item {
  margin-bottom: 30px;
}
#sale2021 .sale_notes .notes-item:last-child {
  margin-bottom: 0;
}
#sale2021 .sale_notes .date {
  display: flex;
  align-items: center;
  height: 32px;
  margin-bottom: 20px;
  padding: 10px;
  background: #858585;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
}
#sale2021 .sale_notes .name {
  padding: 0;
}
#sale2021 .sale_notes .name li {
  margin-bottom: 20px;
}
#sale2021 .sale_notes .name li:last-child {
  margin-bottom: 0;
}


/*-----------------------------------
トピックス
-----------------------------------*/
#sale2021 .sale_topics .topics-list {
  padding: 0 15px;
}
#sale2021 .sale_topics .topics-list .topics-item {
  display: flex;
  margin-bottom: 30px;
}
#sale2021 .sale_topics .topics-list .topics-item:last-child {
  margin-bottom: 0;
}
#sale2021 .sale_topics .topics-item .image {
  width: 140px;
  height: 140px;
  margin-right: 20px;
}
#sale2021 .sale_topics .topics-item .image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
#sale2021 .sale_topics .box {
  width: calc(100% - 160px);
  margin-top: 10px;
}
#sale2021 .sale_topics .box .date {
  margin-bottom: 10px;
  padding: 0;
  text-align: left;
}
#sale2021 .sale_topics .box .text {
  margin: 0;
  font-weight: bold;
}


/*-----------------------------------
新着情報
-----------------------------------*/
#sale2021 #sale_newitem {
  padding: 60px 0;
}
#sale2021 #sale_newitem .new-list {
  padding: 0;
}
#sale2021 #sale_newitem .new-item {
  max-width: 60vw !important;
  margin-right: 30px !important;
}
#sale2021 #sale_newitem .new-item .sale_link {
  display: block;
}
#sale2021 #sale_newitem .new-item .image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
/* 20210621修正 */
#sale2021 #sale_newitem .new-item .image img {
  width: 100%;
}
#sale2021 #sale_newitem .box {
  font-size: 14px;
}
#sale2021 #sale_newitem .box .brand {
  margin-top: 20px;
  font-weight: bold;
}
#sale2021 #sale_newitem .box .name {
  margin-top: 15px;
}
#sale2021 #sale_newitem .box .price {
  margin-top: 25px;
}
#sale2021 #sale_newitem .box .price .strong {
  font-size: 18px;
  font-weight: bold;
}


/*-----------------------------------
ロングバナー
-----------------------------------*/
#sale2021 .sale_banner {
  margin-bottom: 40px;
  padding: 0 10px;
  text-align: center;
}
#sale2021 .sale_banner .banner_item {
  width: 100%;
  margin-bottom: 20px;
}
#sale2021 .sale_banner .banner_item:last-child {
  margin-bottom: 0;
}
#sale2021 .sale_banner .banner_item img {
  width: 100%;
  max-width: 980px;
}
#sale2021 .sale_banner .banner_item .sale_heading {
  margin-bottom: 20px;
}


/*-----------------------------------
ブランド
-----------------------------------*/
/****************************
注目ブランド
****************************/
#sale2021 .sale_feature-brand .feature-list {
  display: flex;
  flex-wrap: wrap;
  margin: -30px 0 0 -20px;
  padding: 0 15px;
}
#sale2021 .sale_feature-brand .sale_link {
  display: block;
  color: #333;
}
#sale2021 .sale_feature-brand .sale_link img {
  width: 100px;
  height: auto;
}
#sale2021 .sale_feature-brand .feature-item {
  width: calc((100% - 40px)/2);
  margin: 30px 0 0 20px;
}
#sale2021 .sale_feature-brand .feature-item .image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  box-shadow: 0 3px 6px rgba(51, 51, 51, 0.3);
}
#sale2021 .sale_feature-brand .feature-item .name {
  margin-top: 20px;
  font-weight: bold;
}
#sale2021 .sale_feature-brand .feature-item .name .sale_link {
  display: inline-block;
}

/*********************************
ブランドから探す・カテゴリから探す
*********************************/
#sale2021 .sale_search .panel {
  display: none;
}
#sale2021 .sale_search {
  background: #f2f2f2;
  padding: 60px 15px;
}
#sale2021 .sale_search .sale_search-brand-heading,
#sale2021 .sale_search .sale_search-category-heading {
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
}
#sale2021 .sale_search .search-list {
  margin-bottom: -30px;
  padding: 0;
}
#sale2021 .sale_search .title {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #858585;
  position: relative;
  height: 45px;
  margin: 0;
  margin-bottom: 30px;
  padding: 15px 20px;
  color: #fff;
}
#sale2021 .sale_search .title::after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #333 transparent transparent transparent;
  right: 10px;
  width: 0;
  height: 0;
}

/* 20210621修正 */
#sale2021 .sale_search .title.is-active::after {
  transform: rotate(180deg);
}
#sale2021 .sale_search .sale_search-brand {
  margin-bottom: 60px;
}
#sale2021 .sale_search .sale_search-brand .saleBrand-list,
#sale2021 .sale_search .sale_search-category .saleCategory-list {
  margin-bottom: 40px;
  padding: 0;
}
#sale2021 .sale_search .sale_search-brand .saleBrand-item,
#sale2021 .sale_search .sale_search-category .saleCategory-item {
  margin-bottom: 30px;
}
#sale2021 .sale_search .sale_search-brand .saleBrand-item:last-child,
#sale2021 .sale_search .sale_search-category .saleCategory-item:last-child {
  margin-bottom: 0;
}
#sale2021 .sale_search .sale_search-brand .saleBrand-item .name,
#sale2021 .sale_search .sale_search-category .saleCategory-item .name {
  display: block;
  position: relative;
  padding-right: 20px;
}

#sale2021 .sale_search .sale_search-brand .saleBrand-item .name::after,
#sale2021 .sale_search .sale_search-category .saleCategory-item .name::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background: url("https://ecimg.tokyu-dept.co.jp/ec/images/sale/arrow_black.svg") no-repeat;
  width: 12px;
  height: 18px;
}


/*-----------------------------------
注意事項
-----------------------------------*/
#sale_caution {
  margin: 0 15px 60px;
  padding: 30px 10px;
  border: 1px solid #ccc;
}
#sale_caution .title {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
}
#sale_caution .box {
  margin-bottom: 40px;
}
#sale_caution .box:last-child {
  margin-bottom: 0;
}
#sale_caution .text {
  margin: 0 0 10px;
  line-height: 1.75;
}


/*-----------------------------------
概要
-----------------------------------*/
.sale_note {
  margin: 0 0 30px;
  border: 10px double #6a5d21;
  padding: 20px;
}
.sale_note .sale_note-item {
  margin-bottom: 20px;
}
.sale_note .sale_note-item:last-child {
  margin-bottom: 0;
}
.sale_note h3 {
  color: #6a5d21;
  font-size: 20px;
  margin-bottom: 0.5em;
}
.sale_note p {
  font-size: 16px;
}
.sale_note p:last-child {
  margin-bottom: 0;
}
.sale_note .text_imp {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.sale_note .text_imp a {
  text-decoration: none;
}
.sale_note .text_imp a:hover {
  text-decoration: underline;
}  
  
/*-----------------------------------
ピックアップ
-----------------------------------*/
#sale_pickup {
  background: #f5f5f5;
  box-sizing: border-box;
}
#sale_pickup .sale_heading {
  padding-top: 20px;
}
#sale_pickup .sale_pickup-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 15px;
}
#sale_pickup .sale_pickup-list .sale_pickup-item {
  flex-basis: 47%;
  background: #fff;
  margin: 0 15px 15px 0;
}
#sale_pickup .sale_pickup-list .sale_pickup-item:nth-child(even) {
  margin-right: 0;
}
#sale_pickup .sale_pickup-item .image img {
  width: 100%;
}
#sale_pickup .sale_pickup-item .box {
  padding: 10px;
  font-size: 16px;
  line-height: 1.6;
}
#sale_pickup .sale_pickup-item .box .brand {
  font-weight: bold;
}
#sale_pickup .sale_pickup-item .box .price {
  font-size: 14px;
}
#sale_pickup .sale_pickup-item .box strong {
  font-size: 20px;
  font-weight: bold;
}


/*-----------------------------------
個別ページ
-----------------------------------*/
#sale2021 .category_header .text a {
  color: #333;
  font-weight: bold;
}