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

htse_feb21.css
特集ページ 2021年2月

-----------------------------------*/

/* PC SP 画像差し替え */
#htse14 .dis_pc {
  display: none;
}
#htse14 .dis_sp {
  display: inherit;
}
@media screen and (min-width: 640px) {
  #htse14 .dis_pc {
    display: inherit;
  }
  #htse14 .dis_sp {
    display: none;
  }
}

/* BR show---*/
#htse14 br.pc {
  display: none;
}
#htse14 br.sp {
  display: inherit;
}
#htse14 .show_pc {
  display: none
}
@media only screen and (min-width: 640px) {
  #htse14 br.sp {
    display: inherit;
  }
  #htse14 br.sp {
    display: none;
  }
  #htse14 .show_pc {
    display: inherit;
  }
}

/* Rollover */
#htse14 a:hover img.rollover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
}

/* Hタグ setting */
#htse14 h2,
#htse14 h3 {
  font-family: 'Noto Serif JP', serif;
}


/* ==== Contents Area ==== */
/* to ハロートークトップ */
#htse14 #htse14_tohttop {
  padding: 15px 5px;
}
#htse14 #htse14_tohttop .htse14_tohttop_tx {
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 5px;
}
#htse14 #htse14_tohttop .htse14_tohttop_button {
  text-align: center;
}
@media screen and (min-width: 640px) {
  /* to ハロートークトップ */
  #htse14 #htse14_tohttop {
    padding: 0;
    margin: 28px 0;
    height: 28px;
    text-align: right;
  }
  #htse14 #htse14_tohttop .htse14_tohttop_tx,
  #htse14 #htse14_tohttop .htse14_tohttop_button {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 8px 0 0;
    text-align: right;
    vertical-align: middle;
  }
}


/* Title */
/* category navi */
#htse14 nav {
  padding: 0;
  margin: 20px 0 50px;
}
#htse14 nav ul {
  font-size: 0;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 0;
}
#htse14 nav ul li {
  display: inline-block;
  width: 49.5%;
  font-size: 1.125rem;
  line-height: 1;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
}
#htse14 nav ul li.htse14_navi_01 {
  margin-right: 0.5%;
}
#htse14 nav ul li.htse14_navi_02 {
  margin-left: 0.5%;
}
#htse14 nav ul li.htse14_navi_01 a,
#htse14 nav ul li.htse14_navi_02 a {
  padding: 6px 0 8px;
  width: 100%;
  text-decoration: none;
  display: block;
  border-top-style: solid;
  border-top-width: 2px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}
#htse14 nav ul li.htse14_navi_01 a {
  color: #f55c00;
  border-color: #fe9352;
  background-color: #ffede2;
}
#htse14 nav ul li.htse14_navi_02 a {
  color: #7a9400;
  border-color: #9bbc01;
  background-color: #faffe5;
}
@media screen and (min-width: 640px) {
  /* category navi */
  #htse14 nav {
    margin: 50px 0 100px;
  }
  #htse14 nav ul li {
    font-size: 1.5rem;
  }
  #htse14 nav ul li.htse14_navi_01 a,
  #htse14 nav ul li.htse14_navi_02 a {
    padding: 10px 0 12px;
    width: 100%;
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  #htse14 nav ul li.htse14_navi_01 a:hover {
    background-color: #fff5ef;
    color: #ff9567;
  }
  #htse14 nav ul li.htse14_navi_02 a:hover {
    background-color: #fdfff3;
    color: #90a81d;
  }
}

/* Contents Area Backgound Title */
#htse14 #htse14_area1,
#htse14 #htse14_plusone {
  margin-bottom: 90px;
}

/* H2 title */
#htse14 #htse14_area1 h2,
#htse14 #htse14_area2 h2 {
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
  padding: 8px 0;
  width: 100%;
  border-top-style: solid;
  border-top-width: 6px;
  border-bottom-style: solid;
  border-bottom-width: 6px;
}
#htse14 #htse14_area1 h2 {
  color: #f55c00;
  border-color: #fe9352;
  background-color: #ffede2;
}
#htse14 #htse14_area2 h2 {
  color: #7a9400;
  border-color: #9bbc01;
  background-color: #faffe5;
}
#htse14 #htse14_area1 h2 span,
#htse14 #htse14_area2 h2 span {
  font-size: 1.125rem;
  display: block;
  font-weight: 600;
}

/* contents area */
#htse14 #htse14_area1 .area_wrap,
#htse14 #htse14_area2 .area_wrap {
  padding: 40px 5px 0;
}
@media screen and (min-width: 640px) {
  #htse14 #htse14_area1,
  #htse14 #htse14_plusone {
    margin-bottom: 140px;
  }
  /* H2 title */
  #htse14 #htse14_area1 h2,
  #htse14 #htse14_area2 h2 {
    font-size: 2.125rem;
    padding: 18px 0 24px;
    border-top-width: 12px;
    border-bottom-width: 12px;
  }
  #htse14 #htse14_area1 h2 span,
  #htse14 #htse14_area2 h2 span {
    font-size: 1.875rem;
    display: inline;
    font-weight: 700;
  }
  /* contents area */
  #htse14 #htse14_area1 .area_wrap,
  #htse14 #htse14_area2 .area_wrap {
    padding: 80px 20px 0;
  }
}


/* Area 1 -----------------------------*/
#htse14 #htse14_area1 .area_wrap .htse14_area1_box1,
#htse14 #htse14_area1 .area_wrap .htse14_area1_box2 {
  margin-bottom: 80px;
}
#htse14 #htse14_area1 .area_wrap .htse14_imbox_1 {
  margin-bottom: 10px;
}
#htse14 #htse14_area1 .area_wrap .htse14_imbox_2 img {
  margin-bottom: 20px;
}
#htse14 .htse14_note {
  margin-bottom: 40px;
}
#htse14 #htse14_area1 .htse14_imbox_aboutset {
  background-color: #fe9352;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  line-height: 1;
  padding: 8px 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  /* Box 1 */
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box1,
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box2 {
    margin-bottom: 100px;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_imbox {
    margin-bottom: 20px;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_imbox_1 {
    width: 456px;
    margin-bottom: 0;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_imbox_2 {
    width: 470px;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box1 .htse14_imbox_1,
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box2 .htse14_imbox_2,
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box3 .htse14_imbox_1 {
    float: left;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box1 .htse14_imbox_2,
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box2 .htse14_imbox_1,
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box3 .htse14_imbox_2 {
    float: right;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_txbox .htse14_txbox_left,
  #htse14 #htse14_area1 .area_wrap .htse14_txbox .htse14_txbox_right {
    width: 50%;
    float: left;
  }
  #htse14 #htse14_area1 .htse14_imbox_aboutset {
    font-size: 1.5rem;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_area1_box3 .htse14_imbox_2 .htse14_imbox_aboutset {
    margin-bottom: 20px;
  }
  #htse14 .htse14_note {
    font-size: 1rem;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_txbox .htse14_txbox_right {
    padding-top: 20px;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_txbox .htse14_txbox_left .htse14_ecwrap {
    max-width: 100% !important;
  }
  #htse14 #htse14_area1 .area_wrap .htse14_txbox .htse14_txbox_right .htse14_ecwrap {
    max-width: 300px !important;
  }
}


/* Area Plus One -----------------------------*/
#htse14 #htse14_plusone {
  background-color: #fff5f7;
  border-top: #fdc6d1 solid 10px;
  border-bottom: #fdc6d1 solid 10px;
  padding: 30px 5px;
}
#htse14 #htse14_plusone h2 {
  background-image: url("https://ecimg.tokyu-dept.co.jp/ec/images/hellotalk/tokushu/htse_feb21/icon_plus1.png");
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 100px;
  color: #e13602;
  font-size: 1.5rem;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  min-height: 100px;
  margin-bottom: 30px;
}
#htse14 #htse14_plusone .htse14_plusone_im {
  width: 70%;
  margin: 0 auto 20px;
}
@media screen and (min-width: 640px) {
  #htse14 #htse14_plusone {
    padding: 30px 45px;
  }
  #htse14 #htse14_plusone h2 {
    background-size: 120px 120px;
    padding-left: 160px;
    padding-top: 30px;
    color: #e13602;
    font-size: 2.25rem;
    min-height: 120px;
    margin-bottom: 36px;
  }
  #htse14 #htse14_plusone .htse14_plusone_im {
    width: 288px;
    margin: 0;
    float: right;
  }
  #htse14 #htse14_plusone .htse14_plusone_tx {
    width: 500px;
    float: left;
  }
  #htse14 #htse14_plusone .htse14_plusone_tx .htse14_ecwrap {
    max-width: 380px !important;
  }
}

/* Area 2 -----------------------------*/
#htse14 #htse14_area2 .area_wrap h3 {
  /* color: #9bbc01; */
  border-bottom: #9bbc01 solid 4px;
  border-radius: 12px 12px 0 0;
  background-color: #ebf4c6;
  color: #4a5a00;
  font-size: 1.25rem;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  padding: 8px 0 4px 10px;
  margin-bottom: 40px;
}
#htse14 #htse14_area2 .htse14_area2_box1,
#htse14 #htse14_area2 .htse14_area2_box2 {
  margin-bottom: 80px;
}
#htse14 #htse14_area2 .htse14_2block ul li {
  margin-bottom: 80px;
}
#htse14 #htse14_area2 .htse14_area2_aboutset {
  background-color: #9bbc01;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  line-height: 1;
  padding: 8px 0;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  #htse14 #htse14_area2 .area_wrap h3 {
    font-size: 1.625rem;
    padding: 6px 0 6px 32px;
    margin-bottom: 50px;
  }
  #htse14 #htse14_area2 .htse14_area2_box1 .htse14_area2_box1_note1 {
    font-size: 1rem;
    margin-bottom: 30px;
  }
  #htse14 #htse14_area2 .htse14_2block {
    margin-bottom: 100px;
  }
  #htse14 #htse14_area2 .htse14_2block ul li {
    margin-bottom: 0;
    width: 450px;
  }
  #htse14 #htse14_area2 .htse14_2block ul li.htse14_2block_left {
    float: left;
  }
  #htse14 #htse14_area2 .htse14_2block ul li.htse14_2block_right {
    float: right;
  }
  #htse14 #htse14_area2 .htse14_2block ul li img {
    margin-bottom: 20px;
  }
  #htse14 #htse14_area2 .htse14_2block ul li .htse14_ecwrap {
    width: 400px !important;
    max-width: 400px !important;
  }
  #htse14 #htse14_area2 .htse14_area2_aboutset {
    font-size: 1.5rem;
  }
  #htse14 #htse14_area2 .htse14_area2_box1 {
    margin-bottom: 140px;
  }
  #htse14 #htse14_area2 .htse14_area2_box1 .htse14_area2_box1_left {
    width: 456px;
    float: left;
    margin-bottom: 0;
  }
  #htse14 #htse14_area2 .htse14_area2_box1 .htse14_area2_box1_right {
    width: 470px;
    float: right;
  }
  #htse14 #htse14_area2 .htse14_area2_box1 .htse14_area2_box1_right .htse14_note {
    margin: 46px 0 70px;
  }
  #htse14 #htse14_area2 .htse14_area2_box1 .htse14_area2_box1_right .htse14_ecwrap {
    max-width: 350px;
  }
  #htse14 #htse14_area2 .htse14_area2_box2 {
    margin-bottom: 100px;
  }
  #htse14 #htse14_area2 .htse14_area2_box2 .htse14_area2_box2_left {
    width: 634px;
    float: left;
    margin-bottom: 0;
  }
  #htse14 #htse14_area2 .htse14_area2_box2 .htse14_area2_box2_right {
    width: 286px;
    float: right;
  }
  #htse14 #htse14_area2 .htse14_area2_box3 .htse14_area2_box3_im {
    margin-bottom: 30px;
  }
  #htse14 #htse14_area2 .htse14_area2_box3 .htse14_area2_box3_left {
    width: 456px;
    float: left;
    margin-bottom: 0;
  }
  #htse14 #htse14_area2 .htse14_area2_box3 .htse14_area2_box3_right {
    width: 470px;
    float: right;
  }
}

/* note */
#htse14 .htse14_note1 {
  padding: 20px 0 20px 16px;
}
#htse14 .htse14_note2 {
  padding: 20px 0 20px 16px;
}

/* 購入詳細 */
#htse14 .htse14_ecwrap {
  margin: 0 auto;
  width: 90%;
}
#htse14 .htse14_ecwrap .htse14_ec_note01 {
  margin-bottom: 20px;
}
#htse14 .htse14_ecwrap h4 {
  font-size: 1rem;
  margin-bottom: 10px;
}
#htse14 .htse14_ecwrap h4 span {
  font-weight: 700;
  padding-right: 5px;
}
#htse14 .htse14_ecwrap .htse14_price {
  font-size: 1rem;
  margin: 0 auto;
  width: 100%;
}
#htse14 .htse14_ecwrap .htse14_price span {
  font-size: 1.125rem;
  font-weight: 700;
  padding-right: 3px;
}

/* 商品購入 */
#htse14 .htse14_ecwrap .htse14_purchase {
  width: 100%;
  text-align: center;
  font-size: 1rem;
  margin: 20px auto 0;
}
#htse14 .htse14_ecwrap .htse14_purchase a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #fff;
  background-color: #000;
}
#htse14 .htse14_ecwrap .htse14_purchase a:hover {
  background-color: #333;
}
@media screen and (min-width: 640px) {
  /* note */
  #htse14 .htse14_note1,
  #htse14 .htse14_note2 {
    padding: 30px 0 0 48px;
    min-height: 120px;
    margin-bottom: 20px;
    font-size: 1rem;
  }
  #htse14 .htse14_note1 {
    
  }
  #htse14 .htse14_note2 {
    
  }
  /* 購入詳細 */
  #htse14 .htse14_ecwrap {
    margin: 0 auto;
    max-width: 300px;
    width: 100%;
  }
  #htse14 .htse14_ecwrap h4 {
    font-size: 1.125rem;
  }
  #htse14 .htse14_ecwrap .htse14_purchase {
    width: 300px;
    text-align: center;
    font-size: 1rem;
    margin: 20px auto 0;
  }
  #htse14 .htse14_ecwrap .htse14_purchase a {
    padding: 8px 0;
  }
}

/* Bottom Notes */
#htse14 #htse14_notes {
  border-top: #C0C0C0 solid 2px;
  margin-top: 35px;
  padding-top: 5px;
  color: #555;
}
@media only screen and (min-width:640px) {
  #htse14 #htse14_notes {
    margin-top: 80px;
  }
}