/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/neck
Description:MYTREX EMS HEAT NECK
Version: 1.0
*/


#header {
  /*はじめの高さを設定*/
  height: 7vw;
  width: 100%;
  /*以下はレイアウトのためのCSS*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#header.HeightMin {
  position: fixed;
  z-index: 999;
  /*最前面へ*/
  height: 0px;
  animation: DownAnime 0.5s forwards;
  margin-top: -7vw !important;
}

@keyframes DownAnime {
  from {
    opacity: 0;
    transform: translateY(-14vw);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

main {
  height: 100%;
  /*min-height: 100vh;*/
  padding: 0 0px;
  background-color: #fff;
  transition: all .5s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 8vw;
}

@media screen and (max-width: 767px) {
  .wrapper>main {
    margin-top: 20vw;
  }
}

@media screen and (min-width: 768px) {
  main {
    margin-top: 3vw !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .container {}
}

@media screen and (min-width: 768px) {
  .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
  }
}

.fs {
  font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}

/* pagetop -------------------------------------------------------------- */

@media screen and (max-width: 767px) {
  #pageTop2 {
    position: fixed;
    bottom: 12vw;
    left: 2vw;
    z-index: 10000;
  }
}

@media screen and (min-width: 768px) {
  #pageTop2 {
    position: fixed;
    bottom: 2vw;
    right: 2vw;
    z-index: 10000;
  }
}

#pageTop2 img {
  width: 100%;
}

#pageTop2 a {
  display: block;
  z-index: 999;
  padding: 8px 8px 8px 8px;
  border-radius: 0px;
  width: 35px;
  height: 35px;
  background-color: #231815;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop2 a:hover {
  text-decoration: none;
  background-color: #ffffff;
}

/* pagetop -------------------------------------------------------------- */

/***          menu sub          ***/
@media screen and (max-width: 767px) {
  .menu_sp_list_logo {
    padding: 18px 0vw 18px 0vw;
    text-align: center;
    width: 100%;
    background: #ffffff;
    z-index: 999;
    position: fixed;
  }

  .menu_sub {
    background: #d9e5da;
    padding: 0.5vw 0.5vw;
    width: 100%;
    position: fixed;
    top: 11vw;
    z-index: 999;
  }

  .menu_sub_item_nm {
    font-size: 1.2vw;
    font-weight: 800;
    letter-spacing: 0.1vw;
    line-height: 1vw;
    color: #231815;
    padding: 0.5vw 0.5vw;
    text-align: center;
  }

  .menu_sub_item_link {
    font-size: 3vw;
    font-weight: normal;
    letter-spacing: 0.1vw;
    line-height: 3vw;
    color: #b5b5b6;
    padding: 2.5vw 0.5vw;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }

  .menu_sub_item_link a {
    color: #231815;
    display: inline-block;
    list-style: none;
    padding: 0vw 3vw;
  }

  .menu_sub_item_link a:hover {
    color: #b5b5b6;
  }

  .menu_sub_item_link2 {
    font-size: 3vw;
    font-weight: normal;
    letter-spacing: 0.1vw;
    line-height: 3vw;
    color: #b5b5b6;
    padding: 2.5vw 0.5vw;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
  }

  .menu_sub_item_link2 a {
    color: #231815;
    display: inline-block;
    list-style: none;
    padding: 0vw 3vw;
  }

  .menu_sub_item_link2 a:hover {
    color: #b5b5b6;
  }

  #mt_pc_top_buy_cartin {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: #0000004f;
    padding: 4px 0px 0px;
  }

  .mt_pc_top_buy {
    padding: 0 12vw;
  }

  /* state */
  .menu_sub.is-fixed {
    width: 86%;
    position: absolute;
    top: 0;
    transition-duration: 0.2s;
  }

  .is-fixed .menu_sub_item_link {
    padding: 4vw 0.5vw;
  }
}

@media screen and (min-width: 768px) {
  .menu_sub {
    background: #d9e5da;
    padding: 0vw;
    position: fixed;
    z-index: 999;
    top: 7.02vw;
    width: 100%;
    height: 3vw;
  }

  .menu_sub_item_nm {
    font-size: 1.2vw;
    font-weight: 800;
    letter-spacing: 0.1vw;
    line-height: 1vw;
    color: #231815;
    padding: 1.0vw 0.5vw;
    text-align: center;
  }

  .menu_sub_item_link {
    font-size: 0.75vw;
    font-weight: normal;
    letter-spacing: 0.08vw;
    line-height: 1vw;
    color: #b5b5b6;
    padding: 1.0vw 0vw;
    overflow-x: auto;
    white-space: nowrap;
  }

  .menu_sub_item_link::-webkit-scrollbar {
    display: none;
  }

  .menu_sub_item_link a {
    color: #231815;
  }

  .menu_sub_item_link a:hover {
    color: #b5b5b6;
  }

  .menu_sub_item_link2 {
    font-size: 0.8vw;
    font-weight: normal;
    letter-spacing: 0vw;
    line-height: 1vw;
    color: #b5b5b6;
    padding: 1.0vw 0vw;
  }

  .menu_sub_item_link2 a {
    color: #231815;
  }

  .menu_sub_item_link2 a:hover {
    color: #b5b5b6;
  }

  #mt_pc_top_buy_cartin {
    padding: 0;
  }

  .mt_pc_top_buy {
    padding: 0vw 0vw !important;
  }
}

/***          menu sub          ***/

/***          section          ***/
@media screen and (max-width: 767px) {
  #pd_b {
    margin-bottom: 5%;
  }

  #pd_c {
    padding: 0% 0 10%;
  }

  #pd_c2 {
    padding: 0% 0 10%;
    position: relative;
  }

  #pd_d3 {
    padding: 0% 0 15%;
  }

  #pd_e4 {
    padding: 10% 0 0;
    background: #f1f5f7;
  }

  #pd_f4 {
    padding: 0% 0 10%;
    position: relative;
  }

  #pd_h4 {
    padding: 0% 0 10%;
    position: relative;
  }

  #pd_i2 {
    padding: 10% 0 10%;
    background: #f1f5f7;
  }

  #pd_k {
    padding: 10% 0 10%;
  }

  #pd_l {
    padding: 10% 0 10%;
    background: #f1f5f7;
  }

  #pd_m {
    padding: 10% 0 10%;
  }

  #pd_h {
    padding: 10% 0 10%;
    background: #f1f5f7;
  }

  #pd_n {
    padding: 10% 0 10%;
    background: #f1f5f7;
  }

  .pdct_pc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #pd_b {
    margin-bottom: 3vw;
  }

  #pd_c {
    padding: 5% 0 5%;
  }

  #pd_c2 {
    padding: 0% 0 0%;
    position: relative;
  }

  #pd_d3 {
    padding: 5% 0 10%;
    position: relative;
    line-height: 0vw;
  }

  #pd_e4 {
    padding: 5% 0 0%;
    background: #f1f5f7;
    margin-bottom: 5%;
  }

  #pd_f4 {
    padding: 0% 0 5%;
    position: relative;
  }

  #pd_h4 {
    padding: 5% 0 5%;
  }

  #pd_i2 {
    padding: 5% 0 5%;
    background: #f1f5f7;
  }

  #pd_k {
    padding: 5% 0 5%;
  }

  #pd_l {
    padding: 5% 0 5%;
    background: #f1f5f7;
  }

  #pd_m {
    padding: 5% 0 5%;
  }

  #pd_n {
    padding: 5% 0 0%;
    background: #f1f5f7;
  }

  .pdct_sp {
    display: none;
  }
}

/***          section          ***/

/***          mv          ***/

/***          mv          ***/

/***          yt          ***/
/***          yt          ***/

/***          b          ***/
@media screen and (max-width: 767px) {
  .pd_b_sp {
    padding: 0vw;
  }

  .pd_b_pc {
    display: none;
  }

  .pd_b {
    width: 100%;
  }

  .pd_b img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .pd_b_sp {
    display: none;
  }

  .pd_b_pc {
    padding: 0vw;
  }

  .pd_b {
    width: 100%;
  }

  .pd_b img {
    width: 100%;
  }
}

/***          b          ***/

/***          c          ***/

@media screen and (max-width: 767px) {
  .pd_c_slider {
    padding: 0vw 4vw 4vw;
  }

  .pd_c_box {
    padding: 1vw 1vw;
  }

  .pd_c_ttl_sub {
    padding: 2vw 4vw 5vw;
    font-size: 3.4vw;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }

  .pd_c_ttl_sub2 {
    padding: 0vw 4vw;
    font-size: 6.6vw;
    line-height: 1.0;
    letter-spacing: 0.15em;
  }

  .pd_c_nm3 {
    padding: 2vw 0 5vw;
    font-size: 8vw;
    font-weight: 800;
    line-height: 11vw;
    letter-spacing: .3vw;
    border-bottom: 1px solid #000;
    margin: 4vw;
  }

  .pd_c_text {
    padding: 0vw 4vw 4vw;
    font-size: 3.4vw;
    line-height: 1.6;
    letter-spacing: 0.15em;
  }

  .pd_c_price1 {
    padding: 0vw 4vw 1vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
    letter-spacing: 0.05vw;
  }

  .pd_c_price2 {
    padding: 0vw 4vw 4vw;
    font-size: 8vw;
    font-weight: 800;
    line-height: 8vw;
    letter-spacing: 0.7vw;
  }

  .outofstock_blank {
    padding-bottom: 15% !important;
  }

  .pd_c_price2b {
    font-size: 2.5vw;
    line-height: 2.5vw;
    padding-left: 2vw;
  }

  .pd_ccontainer {}

  .pd_c_ad1 {
    width: 100%;
    text-align: center;
    position: relative;
  }

  .pd_c_ad1 img {
    width: 100%;
  }

  .pd_c_ad2 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 1.5vw;
  }

  .pd_c_ad2 img {
    width: 100%;
  }

  .pd_box_c {
    padding: 2vw 4vw;
  }

  .pd_box_c_ttl_sub {
    font-size: 4.2vw;
    letter-spacing: 0.21em;
    color: #231815;
    padding: 5vw 0vw;
    text-align: left;
  }

  .pd_box_c_ttl {
    font-size: 4.5vw;
    line-height: 6vw;
    letter-spacing: .5vw;
    color: #231815;
    padding-bottom: 3vw;
  }

  .pd_box_c_list {
    font-size: 3.4vw;
    line-height: 2.1;
    letter-spacing: 0.105em;
    color: #231815;
    padding-bottom: 0vw;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .pd_c_slider {
    padding: 0vw 8vw;
  }

  .pd_c_box {
    padding: 1vw 1vw;
  }

  .pd_c_ttl_sub {
    padding: 0vw 0vw 0vw;
    font-size: 0.9vw;
    line-height: 1.8;
    letter-spacing: 0.15em;
  }

  .pd_c_ttl_sub2 {
    padding: 1vw 0vw 1vw;
    font-size: 1.7vw;
    line-height: 1.4;
    letter-spacing: 0.12em;
  }

  .pd_c_nm3 {
    padding: 0vw 0vw 2vw;
    font-size: 2.6vw;
    font-weight: 800;
    line-height: 4vw;
    letter-spacing: 0.1vw;
    border-bottom: 1px solid #3c3c3c;
    margin-bottom: 2vw;
  }

  .pd_c_text {
    padding: 0vw 0vw 3vw;
    font-size: 1.2vw;
    line-height: 2.0vw;
    letter-spacing: 0.05vw;
  }

  .pd_c_price1 {
    padding: 0vw 0vw;
    font-size: 1.3vw;
    line-height: 2.0vw;
    letter-spacing: 0.1vw;
  }

  .pd_c_price2 {
    padding: 0vw 0vw 0vw;
    font-size: 3vw;
    font-weight: 800;
    line-height: 4vw;
    letter-spacing: 0.1vw;
  }

  .pd_c_price2b {
    font-size: 1.2vw;
    line-height: 4vw;
  }

  .pd_ccontainer {}

  .pd_c_ad1 {
    width: 100%;
    text-align: center;
    position: relative;
  }

  .pd_c_ad1 img {
    width: 100%;
  }

  .pd_c_ad2 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 1.5vw;
  }

  .pd_c_ad2 img {
    width: 100%;
  }

  .pd_box_c {
    padding: 4vw 0;
    position: absolute;
    bottom: 0;
  }

  .pd_box_c_ttl_sub {
    font-size: 0.78vw;
    line-height: 1.4;
    letter-spacing: 0.23em;
    color: #231815;
    padding-bottom: 1.5vw;
    text-align: left;
    font-weight: 800;
  }

  .pd_box_c_ttl {
    font-size: 2.0vw;
    line-height: 1.4;
    letter-spacing: 0.15em;
    color: #231815;
    padding-bottom: 1.5vw;
  }

  .pd_box_c_list {
    padding: 0vw 0 0;
    font-size: 0.9vw;
    line-height: 1.8;
    letter-spacing: 0.15em;
    color: #231815;
    padding-bottom: 1vw;
    text-align: left;
  }
}

/***          c          ***/

/***          d          ***/
@media screen and (max-width: 767px) {
  .pd_box_le2c3 {
    padding: 6vw 4vw;
    width: 100%;
    text-align: left;
  }

  .pd_box_le2c4 {
    padding: 0vw 4vw;
    width: 100%;
    text-align: left;
    position: relative;
    bottom: 3vw;
  }

  .pd_box_le3 {
    padding: 6vw 4vw;
    width: 100%;
  }

  .pd_box_le5 {
    padding: 6vw 4vw;
    position: absolute;
    bottom: 85vw;
    text-align: left;
    width: 65vw;
  }

  .pd_point2 {
    font-size: 3.2vw;
    line-height: normal;
    letter-spacing: 0.23em;
    color: #231815;
    padding-bottom: 4vw;
    text-align: left;
    border-bottom: solid 2px #b5b5b6;
    display: inline-flex;
  }

  .pd_ttl_fa {
    padding: 4vw 0vw;
    font-size: 5.3vw;
    letter-spacing: 0.23em;
    color: #231815;
  }

  .pd_ttl_fc {
    padding: 4vw 0vw;
    font-size: 5.3vw;
    letter-spacing: 0.23em;
  }

  .pd_ttl_fd {
    padding: 4vw 0vw;
    font-size: 6vw;
    line-height: 6vw;
    letter-spacing: 1.0vw;
    color: #231815;
  }

  .pd_ttl_f1 {
    font-size: 5.3vw;
    letter-spacing: .21em;
    color: #231815;
    font-weight: 800;
  }

  .pd_ttl_f3 {
    padding: 4vw 0vw;
    font-size: 5.3vw;
    letter-spacing: 0.23em;
    color: #ffffff;
  }

  .pd_ttl_f3a {
    font-size: 5.3vw;
    letter-spacing: 0.23em;
    color: #ffffff;
    font-weight: 800;
  }

  .pd_ttl2 {
    font-size: 4vw;
    line-height: 1.4;
    letter-spacing: 0.15em;
    color: #231815;
    padding-bottom: 5vw;
    text-align: left;
  }

  .pdct_sp {
    margin-bottom: 4vw;
  }

  .pd_ttl3 {
    font-size: 5vw;
    line-height: 7.0vw;
    letter-spacing: 0.5vw;
    color: #231815;
    padding-bottom: 5vw;
    text-align: center;
  }

  .pd_ttl4 {
    font-size: 4vw;
    line-height: 1.4;
    letter-spacing: 0.15em;
    color: #231815;
    padding-bottom: 5vw;
    text-align: left;
  }

  .pd_ttl4a {
    font-size: 5vw;
    line-height: 7.0vw;
    letter-spacing: 0.5vw;
    color: #231815;
    padding-bottom: 5vw;
    text-align: left;
  }

  .pd_ttl4a2 {
    font-size: 4vw;
    line-height: 1.4;
    letter-spacing: 0.15em;
    color: #ffffff;
    padding-bottom: 0vw;
    text-align: left;
  }

  .pd_ttl4b {
    font-size: 4vw;
    line-height: 1.4;
    letter-spacing: 0.15em;
    color: #231815;
    padding: 3vw 0vw 3vw;
    text-align: left;
  }

  .pd_sub {
    font-size: 3.4vw;
    line-height: 1.6;
    letter-spacing: 0.125em;
    color: #231815;
    padding-bottom: 8vw;
    text-align: left;
  }

  .pd_subs2 {
    font-size: 3.4vw;
    line-height: 1.6;
    letter-spacing: 0.105em;
    color: #231815;
    padding-bottom: 5vw;
    text-align: left;
  }

  .pd_sub2a {
    font-size: 3.4vw;
    line-height: 1.6;
    letter-spacing: 0.105em;
    color: #ffffff;
    padding: 5vw 0vw;
    text-align: left;
  }

  .pd_sub3 {
    font-size: 3vw;
    line-height: 5.5vw;
    letter-spacing: 0.2vw;
    color: #231815;
    padding-bottom: 5vw;
    text-align: left;
    z-index: 99;
  }

  .pd_sub4 {
    text-align: left;
    font-size: 2.5vw;
    line-height: 3.0vw;
    letter-spacing: 0.05vw;
    padding: 2vw 0vw 0vw;
    ;
  }

  .pd_sub4a {
    text-align: left;
    font-size: 2.5vw;
    line-height: 1.7;
    letter-spacing: 0.13em;
    color: #ffffff;
    padding: 2vw 0vw 0vw;
    ;
  }

  .pd_list_e_sub2 {
    text-align: left;
    font-size: 2.5vw;
    letter-spacing: 0.05vw;
    padding: 2vw 4vw 0vw;
  }

  .pd_d_box_r {
    padding: 0 4vw;
    width: 100%;
  }

  .pd_d_bg {
    width: 100%;
    text-align: center;
    padding-top: 4vw;
  }

  .pd_d_bg img {
    width: 100%;
  }

  .pd_d_bg2 {
    width: 100%;
    text-align: center;
  }

  .pd_d_bg2 img {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .pd_box_le2c3 {
    position: absolute;
    bottom: 14.5vw;
    width: 100%;
    padding: 0vw 0vw 0vw 4vw;
  }

  .pd_box_le2c4 {
    position: absolute;
    bottom: 0vw;
    width: 100%;
    padding: 0vw 0vw 0vw 4vw;
  }

  .pd_box_le3 {
    width: 100%;
    padding: 0vw 0vw 0vw 4vw;
    text-align: center;
  }

  .pd_box_le5 {
    width: 100%;
    padding: 0vw 0vw 4vw 4vw;
    text-align: left;
  }

  .pd_point2 {
    font-size: 1vw;
    /* line-height: 0vw; */
    line-height: normal;
    letter-spacing: 0.1vw;
    color: #231815;
    /* padding-bottom: 1vw; */
    text-align: left;
    border-bottom: 0.2vw solid #b5b5b6;
    display: inline-block;
  }

  .pd_ttl_fa {
    padding: 2vw 1vw;
    font-size: 2.0vw;
    letter-spacing: 0.23em;
    color: #231815;
  }

  .pd_ttl_fc {
    font-size: 2.0vw;
    line-height: 1.5;
    letter-spacing: 0.23em;
    padding: 1.0vw 0vw 1vw;
  }

  .pd_ttl_fd {
    padding: 2vw 0vw 0vw;
    font-size: 2.3vw;
    line-height: 2.3vw;
    letter-spacing: 0.3vw;
    color: #231815;
  }

  .pd_ttl_f1 {
    font-size: 2.0vw;
    letter-spacing: 0.23em;
    color: #231815;
    font-weight: 800;
  }

  .pd_ttl_f3a {
    font-size: 2.3vw;
    line-height: 2.3vw;
    letter-spacing: 0.3vw;
    color: #231815;
    font-weight: 800;
  }

  .pd_ttl2 {
    font-size: 1.9vw;
    line-height: 2.8vw;
    letter-spacing: 0.1vw;
    color: #231815;
    padding-bottom: 1vw;
    text-align: left;
  }

  .pd_ttl3 {
    font-size: 1.5vw;
    letter-spacing: 0.15em;
    line-height: normal;
    color: #231815;
    padding-bottom: 2vw;
    text-align: center;
  }

  .pd_ttl4 {
    font-size: 1.7vw;
    line-height: 2.8vw;
    letter-spacing: 0.1vw;
    color: #231815;
    padding-bottom: 1vw;
    text-align: left;
  }

  .pd_ttl4a, .pd_ttl4a2 {
    font-size: 1.5vw;
    line-height: 1.4;
    letter-spacing: 0.15em;
    color: #231815;
    padding-bottom: 1.5vw;
    text-align: left;
  }

  .pd_ttl4b {
    font-size: 1.5vw;
    line-height: 1.4;
    letter-spacing: .15em;
    color: #231815;
    padding: 1vw 0vw;
    text-align: left;
  }

  .pd_sub {
    font-size: 0.9vw;
    line-height: 1.8;
    letter-spacing: 0.15em;
    color: #231815;
    text-align: left;
  }
  .pd_d_bg2 {
    padding-top: 2.5vw;
  }

  .pd_subs2 {
    font-size: 0.9vw;
    line-height: 1.8;
    letter-spacing: 0.136em;
    color: #231815;
    padding: 0 0 1.5vw 0;
    text-align: left;
  }

  .pd_sub2a {
    font-size: 0.9vw;
    line-height: 1.3vw;
    letter-spacing: 0.1vw;
    color: #231815;
    text-align: left;
    padding: 0vw 4vw;
  }

  .pd_sub3 {
    font-size: 2.5vw;
    line-height: 2.5vw;
    letter-spacing: 0.1vw;
    color: #231815;
    font-weight: 800;
    padding: 1vw 0vw 1vw;
    text-align: left;
  }

  .pd_sub4, .pd_sub4a {
    text-align: left;
    font-size: 0.6vw;
    letter-spacing: .15em;
    padding: 0vw 0;
    line-height: 1.8;
    padding-top: 1.5vw;
  }

  .pd_list_e_sub2 {
    text-align: left;
    font-size: 0.6vw;
    letter-spacing: 0.15em;
    padding: 1vw 0vw;
  }

  .pd_d_box_r {
    position: absolute;
    bottom: 2vw;
    width: 100%;
    padding: 0vw 0vw 0vw 7vw;
  }

  .pd_d_bg {
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 34vw;
  }

  .pd_d_bg img {
    width: 100%;
  }

  .pd_d_bg2 {
    width: 100%;
    text-align: center;
  }

  .pd_d_bg2 img {
    width: 80%;
  }
}

/***          d          ***/

/***          e          ***/
@media screen and (max-width: 767px) {
  .pd_e_bg {
    width: 100%;
    text-align: center;
    position: relative;
  }

  .pd_e_bg img {
    width: 100%;
  }

  .pd_e_bg3 {
    width: 100%;
    text-align: center;
  }

  .pd_e_bg3 img {
    width: 100%;
  }

  .pd_e_bg2 {
    width: 100%;
    text-align: center;
  }

  .pd_e_bg2 img {
    width: 100%;
  }

  .pd_e_bg3 {
    width: 100%;
    text-align: center;
    padding-top: 100vw;
  }

  .pd_e_bg3 img {
    width: 100%;
  }

  .pd_e_bg_txt {
    font-size: 8.699vw;
    letter-spacing: 0.06vw;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: 6vw;
    left: 6vw;
  }

  .pd_e_bg_txt span {
    font-size: 5.643vw;
  }

  .pd_e_bg_txt sup {
    font-size: 1.467vw;
    vertical-align: super;
  }

  .pd_e_bg3_flexBox {
    width: 73%;
    margin-inline: auto;
    position: absolute;
    bottom: 26vw;
    right: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .pd_e_bg3_flexItem {
    width: 26%;
  }

  .pd_e_bg3_flexItem_ttl {
    font-size: 3vw;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    font-weight: bold;
  }

  .pd_e_bg3_flexItem_txt {
    font-size: 3vw;
    line-height: 1.5;
    color: #fff;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .pd_e_bg {
    width: 100%;
    text-align: center;
    position: relative;
  }

  .pd_e_bg img {
    width: 100%;
  }

  .pd_e_bg3 {
    width: 100%;
    text-align: center;
    padding: 2vw 0vw 0vw;
  }

  .pd_e_bg3 img {
    width: 100%;
  }

  .pd_e_bg2 {
    width: 100%;
    position: relative;
    text-align: center;
    line-height: 0vw;
  }

  .pd_e_bg2 img {
    width: 100%;
  }

  .pd_e_bg3 {
    padding: 0vw 1vw 0vw 4vw;
  }

  .pd_e_bg_flexBox {
    width: 26.5%;
    position: absolute;
    bottom: 1vw;
    right: 20vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .pd_e_bg_flexItem {
    width: 26%;
  }

  .pd_e_bg_flexItem_ttl {
    font-size: 0.781vw;
    line-height: 1.6;
    color: #fff;
    text-align: left;
  }

  .pd_e_bg_flexItem_txt {
    font-size: 0.781vw;
    line-height: 1.6;
    color: #fff;
    text-align: left;
  }
}

/***          e          ***/

/***          f          ***/
@media screen and (max-width: 767px) {
  .pd_f_img_pc4 {
    display: none;
  }

  .pd_f_img_sp4 {
    text-align: center;
    position: absolute;
    top: 0;
  }

  .pd_f_img_sp4 img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .pd_f_img_pc4 {
    text-align: center;
    position: absolute;
    bottom: 20vw;
    left: 5vw;
  }

  .pd_f_img_pc4 img {
    width: 50vw;
  }
}

/***          f          ***/

/***          g          ***/
/***          g          ***/

/***          h          ***/
@media screen and (max-width: 767px) {
  .pd_h_box {
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
  }

  .pd_h_box_ttl {
    font-size: 4.4vw;
    letter-spacing: 0.23em;
    color: #231815;
    padding-bottom: 10vw;
    text-align: center;
  }

  .pd_h_box_img2l {
    padding: 2vw 4vw;
  }

  .pd_h_box_img img {
    width: 100%;
  }

  .pd_h_box_l {
    padding: 6vw 4vw 6vw;
    width: 100%;
  }

  .pd_h_box_c {
    padding: 6vw 4vw 6vw;
    width: 100%;
  }

  .pd_h_box_r {
    padding: 6vw 4vw 6vw;
    width: 100%;
  }

  .pd_h_box_rt {
    padding: 2vw 4vw;
    text-align: center
  }

  .pd_h_box_rta {
    font-size: 3.5vw;
    line-height: 5.6vw;
    letter-spacing: .05vw;
    padding: 1vw 0 4vw;
    text-align: left;
  }

  .pd_h_box_rtb {
    padding: 2vw 5vw;
  }

  .pd_h_box_rtb img {
    width: 80%
  }

  .pd_h_sbox_l {
    float: left;
    width: 80%;
    padding: 1vw 0vw;
  }

  .pd_h_sbox_r {
    float: left;
    width: 20%;
    padding: 2vw 0;
  }

  .pd_h_sbox_r img {
    width: 100%;
  }

  .pd_h_sbox_txt1 {
    text-align: left;
    line-height: 3.5vw;
    font-size: 3.5vw;
    letter-spacing: .5vw;
    padding: 2vw 0vw;
  }

  .pd_h_sbox_txt2 {
    text-align: left;
    font-size: 2.5vw;
    line-height: 3.5vw;
    letter-spacing: .5vw;
    padding: 1vw 0;
  }

  .pd_h_wrap {
    width: 100%;
    position: relative;
  }

  .pd_h_wrap_img {
    width: 100%;
  }

  .pd_h_wrap_img img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .pd_h_wrap_desc01 {
    position: absolute;
    top: 3.2vw;
    left: 22vw;
  }

  .pd_h_wrap_desc02 {
    position: absolute;
    top: 14.2vw;
    left: 10vw;
  }

  .pd_h_wrap_desc03 {
    position: absolute;
    top: 46vw;
    left: 8vw;
  }

  .pd_h_wrap_desc04 {
    position: absolute;
    top: 60vw;
    left: 7vw;
  }

  .pd_h_wrap_desc_ttl {
    font-size: 3.200vw;
    line-height: 1.4;
    font-weight: bold;
  }

  .pd_h_wrap_desc_ttl span {
    font-size: 2.400vw;
  }

  .pd_h_wrap_desc_txt {
    font-size: 3.067vw;
    line-height: 1.5;
  }

  .pd_h_wrap_desc_img {
    width: 31.6vw;
    margin-bottom: 1.5vw;
  }

  .pd_h_wrap_desc_img img {
    width: 100%;
    max-width: 100%;
  }

  .pd_h_wrap_desc_dl {
    width: 88%;
    margin-inline: auto;
    margin-bottom: 4vw;
  }

  .pd_h_wrap_desc_dt {
    font-size: 3.200vw;
    letter-spacing: 0.2vw;
    line-height: 1.4;
    font-weight: bold;
    display: flex;
    align-items: flex-start;
  }

  .pd_h_wrap_desc_dt span {
    display: inline-block;
    width: 5%;
    margin-right: 2vw;
  }

  .pd_h_wrap_desc_dt span img {
    width: 100%;
    max-width: 100%;
  }

  .pd_h_wrap_desc_dd {
    width: 93%;
    margin-left: auto;
    font-size: 3.067vw;
    letter-spacing: 0.2vw;
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  #pd_h {
    background-color: #f1f5f7;
    padding-top: 4vw;
  }
  .pd_h_box {
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
  }

  .pd_h_box_ttl {
    font-size: 1.8vw;
    line-height: 2.2vw;
    letter-spacing: 0.1vw;
    color: #231815;
    padding-bottom: 1.5vw;
    text-align: center;
  }

  .pd_h_box_img2l {
    padding: 1vw 0.5vw 5vw 4vw;
  }

  .pd_h_box_img img {
    width: 100%;
  }

  .pd_h_box_rbp {
    padding: 0vw 4vw;
  }

  .pd_h_box_pf {
    float: left;
  }

  .pd_h_box_l {
    width: 33%;
    padding: 0vw 1vw 0vw 0vw;
  }

  .pd_h_box_c {
    width: 33%;
    padding: 0vw 0.5vw 0vw 0.5vw;
  }

  .pd_h_box_r {
    width: 33%;
    padding: 0vw 0vw 0vw 1.0vw;
  }

  .pd_h_box_rt {
    padding: 0 4vw 4vw 4vw;
    text-align: center
  }

  .pd_h_box_rta {
    font-size: 0.9vw;
    line-height: 1.6vw;
    letter-spacing: .01vw;
    padding: 0vw 0 2vw;
  }

  .pd_h_box_rtb {
    padding: 0 5vw 0;
  }

  .pd_h_box_rtb img {
    width: 90%
  }

  .pd_h_sbox_l {
    float: left;
    width: 85%;
    padding: 1vw 0vw;
  }

  .pd_h_sbox_r {
    float: left;
    width: 15%;
    padding: 1.5vw 0 0;
  }

  .pd_h_sbox_r img {
    width: 100%;
  }

  .pd_h_sbox_txt1 {
    text-align: left;
    line-height: 1.2vw;
    font-size: 1.0vw;
    letter-spacing: .05vw;
    padding: 0.3vw 0 0.5vw;
  }

  .pd_h_sbox_txt2 {
    text-align: left;
    font-size: 0.8vw;
    line-height: 1vw;
    letter-spacing: .05vw;
    padding: 0vw 0vw;
  }

  .pd_h_wrap {
    width: 100%;
    position: relative;
  }

  .pd_h_wrap_img {
    width: 58%;
    position: relative;
    left: 7vw;
    margin-bottom: 4vw;
  }

  .pd_h_wrap_img img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .pd_h_wrap_desc01 {
    position: absolute;
    top: 1vw;
    left: 46vw;
  }

  .pd_h_wrap_desc02 {
    position: absolute;
    top: 6.5vw;
    left: 2.5vw;
  }

  .pd_h_wrap_desc03 {
    position: absolute;
    top: 12vw;
    left: 2.5vw;
  }

  .pd_h_wrap_desc04 {
    position: absolute;
    top: 26.5vw;
    left: 2.5vw;
  }

  .pd_h_wrap_desc05 {
    position: absolute;
    top: 10vw;
    left: 46vw;
  }

  .pd_h_wrap_desc06 {
    width: 24%;
    position: absolute;
    top: 15.6vw;
    left: 46vw;
  }

  .pd_h_wrap_desc07 {
    position: absolute;
    top: 36.7vw;
    left: 46vw;
  }

  .pd_h_wrap_desc_ttl {
    font-size: 0.938vw;
    font-weight: bold;
    letter-spacing: 0.1vw;
  }

  .pd_h_wrap_desc_txt {
    font-size: 0.833vw;
    letter-spacing: 0.04vw;
    padding-top: 0.5vw;
    line-height: 1.5;
  }

  .pd_h_wrap_desc_img {
    width: 72.5%;
    padding-block: 0.5vw;
  }

  .pd_h_wrap_desc_img img {
    width: 100%;
    max-width: 100%;
  }
}

/***          h          ***/

/***          i          ***/
/***          i          ***/

/***          j          ***/
/***          j          ***/

/***          k          ***/
@media screen and (max-width: 767px) {
  .pd_k_area {
    padding: 4vw 4vw;
  }

  .pd_k_area_ttl {
    font-size: 5vw;
    line-height: 5vw;
    letter-spacing: 1.0vw;
    color: #231815;
    padding-bottom: 6vw;
    text-align: center;
  }

  .pd_k_box_are2 {
    padding: 0vw 4vw;
  }

  .pd_k_box1 {
    padding: 4vw 23vw;
    text-align: center;
  }

  .pd_k_box2 {
    padding: 0vw 0vw 5vw;
  }

  .pd_k_box3 {
    float: left;
    width: 33%;
    padding: 0.5vw;
  }

  .pd_k_icon {
    padding: 0vw;
    width: 100%;
    line-height: 0;
  }

  .pd_k_icon img {
    width: 100%;
  }

  .pd_k_text {
    font-size: 3vw;
    line-height: 5.0vw;
    letter-spacing: 0.2vw;
    color: #231815;
    padding: 1.0vw 0.0vw;
    text-align: left;
  }

  .pd_k_ttl {
    font-size: 3vw;
    line-height: 3vw;
    letter-spacing: 0.2vw;
    color: #231815;
    padding: 2vw 1.0vw;
    text-align: center;
  }

  /*
.pd_k_sup_ttl:before,
.pd_k_sup_ttl:after {
content: '';
position: absolute;
top: 0.5vw;
display: inline-block;
width: 29vw;
height: 18px;
background-color: #f1f5f7;
}
.pd_k_sup_ttl:before {
left: 0;
}
.pd_k_sup_ttl:after {
right: 0;
}
*/
  .pd_k_area {
    padding: 5vw 0 1vw;
  }
}

@media screen and (min-width: 768px) {
  .pd_k_area {
    padding: 4vw 0vw;
  }

  .pd_k_area_ttl {
    font-size: 1.8vw;
    line-height: 2vw;
    letter-spacing: 0.1vw;
    color: #231815;
    padding-bottom: 1.5vw;
    text-align: center;
  }

  .pd_k_box_are2 {
    padding: 0vw 0vw;
  }

  .pd_k_box1 {
    float: left;
    width: 33%;
    padding: 0.5vw 0vw 1.0vw;
  }

  .pd_k_box2 {
    float: left;
    width: 66%;
    padding: 0.5vw;
  }

  .pd_k_box3 {
    float: left;
    width: 33%;
    padding: 0.5vw 0vw 1.0vw;
  }

  .pd_k_icon {
    padding: 1vw 1vw 1vw 0vw;
    width: 100%;
    line-height: 0;
  }

  .pd_k_icon img {
    width: 100%;
  }

  .pd_k_text {
    font-size: 0.9vw;
    line-height: 2.4vw;
    letter-spacing: 0vw;
    color: #231815;
    padding: 1vw 0vw 1.0vw 1vw;
    text-align: left;
  }

  .pd_k_ttl {
    font-size: 1.0vw;
    line-height: 2vw;
    letter-spacing: 0.1vw;
    color: #231815;
    padding: 0.5vw 1.0vw 0vw;
    text-align: center;
  }

  .pd_k_area {
    padding: 0 0 0;
  }
}

/***          k          ***/

/***          l          ***/
@media screen and (max-width: 767px) {
  .pd_l_area {
    padding: 4vw 0vw;
  }

  .pd_l_area_ttl {
    font-size: 5vw;
    line-height: 5vw;
    letter-spacing: 1.0vw;
    color: #231815;
    padding-bottom: 6vw;
    text-align: center;
  }

  .pd_l_box_are {
    padding: 0vw 0vw;
  }

  .swiper-container {
    min-width: 300px;
    margin: 30px 0;
  }

  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }

  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }

  .swiper-slide {
    flex-shrink: 0 !important;
    width: 33%;
    height: 100% !important;
    position: relative !important;
    transition-property: transform !important;
    padding: 0vw 0vw !important;
  }

  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }

  .pd_l_item {
    padding: 0.1vw;
    text-align: center;
  }

  .pd_l_item_img {}

  .pd_l_item_img img {
    width: 100%;
  }

  .pd_l_item_ttl {
    font-size: 1.1vw;
    line-height: 1.6vw;
    letter-spacing: 0.1vw;
    color: #231815;
    text-align: left;
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .pd_l_area {
    padding: 4vw 0vw;
  }

  .pd_l_area_ttl {
    font-size: 1.8vw;
    line-height: 2vw;
    letter-spacing: 0.1vw;
    color: #231815;
    padding-bottom: 1.5vw;
    text-align: center;
  }

  .pd_l_box_are {
    padding: 0vw 0vw;
  }

  .swiper-container {
    min-width: 500px;
    margin: 30px 0;
  }

  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }

  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }

  .swiper-slide {
    flex-shrink: 0 !important;
    /* width: 25% !important; */
    height: 100% !important;
    position: relative !important;
    transition-property: transform !important;
    padding: 0vw 0vw !important;
    background: none !important;
  }

  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }

  .pd_l_item {
    padding: 0.1vw;
    text-align: center;
  }

  .pd_l_item_img {}

  .pd_l_item_img img {
    width: 100%;
  }

  .pd_l_item_ttl {
    font-size: 1.1vw;
    line-height: 1.6vw;
    letter-spacing: 0.1vw;
    color: #231815;
    text-align: left;
  }
}

/***          l          ***/

/***          m          ***/
@media screen and (max-width: 767px) {
  .pd_m_area {
    padding: 1vw 4vw;
  }

  .pd_m_area_ttl {
    font-size: 5vw;
    line-height: 5vw;
    letter-spacing: 1.0vw;
    color: #231815;
    padding-bottom: 8vw;
    text-align: center;
  }

  .pd_m_box {
    padding: 1vw 0vw;
  }

  .pd_m_box1 {
    clear: both;
    width: 100%;
  }

  .pd_m_box1_nm1 {
    font-size: 2.9vw;
    letter-spacing: 0.06em;
    font-weight: bold;
    padding-bottom: 2vw;
  }

  .pd_m_box1_nm2 {
    font-size: 2.2vw;
    letter-spacing: 0.09em;
    padding-bottom: 4vw;
  }

  .pd_m_box1_ttl {
    font-size: 2.8vw;
    letter-spacing: 0.13em;
    font-weight: bold;
    padding: 1vw 0 2.5vw;
  }

  .pd_m_box1_sub {
    font-size: 2.4vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
    padding: 0vw 0vw 10vw;
  }

  .pd_m_box2 {
    float: left;
    width: 44vw;
    padding-bottom: 10vw;
  }

  .pd_m_box2 img {
    width: 100%;
  }

  .pd_m_box3 {
    float: left;
    /* width: 37vw; */
    /* padding-bottom: 4vw; */
  }

  .pd_m_price1 {
    padding: 0vw 0vw 1vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
    letter-spacing: 0.05vw;
  }

  .pd_m_price2 {
    padding: 0vw 0vw 0vw;
    font-size: 7vw;
    font-weight: 800;
    line-height: 8vw;
    letter-spacing: 0.5vw;
  }

  .pd_m_buy_area {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .pd_m_area {
    padding: 1vw 0vw;
  }

  .pd_m_area_ttl {
    font-size: 1.8vw;
    line-height: 2vw;
    letter-spacing: 0.1vw;
    color: #231815;
    padding-bottom: 5.0vw;
    text-align: center;
  }

  .pd_m_box1 {
    padding: 0 0;
  }

  .pd_m_box1 {
    float: left;
    width: 17.5vw;
  }

  .pd_m_box1_nm1 {
    font-size: 1.2vw;
    letter-spacing: 0.15em;
    margin-bottom: 0.5vw;
  }

  .pd_m_box1_nm2 {
    font-size: 0.78vw;
    letter-spacing: 0.12em;
    margin-bottom: 1.5vw;
  }

  .pd_m_box1_ttl {
    font-size: 1.0vw;
    line-height: 1.5;
    letter-spacing: 0.15em;
    padding: 0 0 2vw;
  }

  .pd_m_box1_sub {
    font-size: 0.78vw;
    line-height: 1.5;
    letter-spacing: 0.15em;
    padding: 0 0;
  }

  .pd_m_box2 {
    float: left;
    width: 33%;
  }

  .pd_m_box2 img {
    width: 100%;
  }

  .pd_m_box3 {
    float: left;
    width: 33%;
    /* padding-top: 7vw; */
  }

  .pd_m_price1 {
    padding: 0 0;
    font-size: 0.78vw;
    letter-spacing: 0.05em;
  }

  .pd_m_price2 {
    padding: 0vw 0vw 0vw;
    font-size: 3vw;
    font-weight: 800;
    line-height: 4vw;
    letter-spacing: 0.1vw;
  }

  .pd_m_buy_area {
    width: 100%;
    padding: 0vw 2vw 0vw 0vw;
  }
}

/***          m          ***/

/***          n          ***/
/***          n          ***/

/***          o          ***/
/***          o          ***/

/***  btm  ***/

#cartin_sp {
  position: fixed;
  bottom: 0px;
  right: 0px;
  background: #d9e5dade;
  ;
  padding: 0px 0px 0px;
  height: 10vw;
}

.mytrex_buy {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .mytrex_buy_item {
    float: left;
    font-size: 3vw;
    font-weight: 800;
    line-height: 4vw;
    color: #231815;
    padding: 1vw 3vw 1vw 3vw;
    letter-spacing: 0.1vw;
    min-width: 30vw;
  }

  .mytrex_buy {
    padding: 0 12vw;
  }
}

@media screen and (min-width: 768px) {
  .mytrex_buy {
    padding: 0 1vw;
  }
}

/***  btm  ***/


/***          neck section a          ***/
@media screen and (max-width: 767px) {
  .pdct_n_a_sp_ttl {
    padding: 6vw 1vw 3vw;
    color: #3f3d3e;
    font-size: 5.7vw;
    font-weight: bold;
    line-height: 6vw;
    letter-spacing: 0.5vw;
    text-align: center;
  }

  .pdct_n_a_sp_ttl2 {
    padding: 0vw 1vw 3vw;
    color: #3f3d3e;
    font-size: 4vw;
    font-weight: normal;
    line-height: 4vw;
    letter-spacing: 0.5vw;
    text-align: center;
  }

  .pdct_n_a_sp_sub {
    padding: 5vw 1vw 0vw;
    color: #3e3c3d;
    font-size: 6vw;
    font-weight: normal;
    line-height: 10vw;
    letter-spacing: 0.2vw;
    text-align: center;
  }
}

/***          neck section a          ***/


/***          neck section b          ***/
/***          neck section b          ***/


/***          neck section d          ***/

/***          neck section d          ***/


/***          neck section e,f,g          ***/

/***          neck section e,f,g          ***/


/***          neck section h          ***/

/***          neck section h          ***/


/***          neck section i          ***/

/***          neck section i          ***/


/***          neck section j          ***/
/***          neck section j          ***/


/***          modal          ***/
@media screen and (max-width: 767px) {
  #btn-close-modal {
    width: 23vw;
    text-align: center;
    cursor: pointer;
    color: #3e3c3d;
    font-size: 3.5vw;
    font-weight: normal;
    border: 1px solid #3e3c3d;
    padding: 1.5vw 0.2vw;
    border-radius: 10vw;
    line-height: 3.5vw;
    margin: 0 auto 10vw;
  }

  .modal-content {
    width: 94%;
  }
}

@media screen and (min-width: 768px) {
  #btn-close-modal {
    width: 7vw;
    text-align: center;
    cursor: pointer;
    color: #3e3c3d;
    font-size: 1vw;
    font-weight: normal;
    border: 1px solid #3e3c3d;
    padding: 0.5vw 0.2vw;
    border-radius: 10vw;
    line-height: 1vw;
    margin: 0 auto 5vw;
  }

  .modal-content {
    width: 80%;
  }
}

.modal-content {
  margin: 60px auto 80px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 1);
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0px;
}

/***          modal          ***/


/***          modal e1         ***/

/***          modal e1         ***/


/***          modal e2         ***/

/***          modal e2         ***/


/***          modal e1         ***/

@media screen and (max-width: 767px) {
  #pd_md_1 {
    padding: 15% 0% 0%;
  }
}

@media screen and (min-width: 768px) {
  #pd_md_1 {
    padding: 8% 0%;
  }

  .support_product_qa_ttl {
    text-align: left !important;
  }
}

/***          modal e1         ***/


/***          modal e4         ***/

/***          modal e4         ***/


/***          modal e5         ***/
@media screen and (min-width: 768px) {
  .support_product_qa_ttl {
    text-align: left !important;
  }
}

/***          modal e5         ***/


/***          modal e6         ***/


/***          modal e6         ***/


/***          swiper         ***/


/***          swiper         ***/

/* cart */
@media screen and (min-width: 768px) {
  /* .css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger.css-14ysyis-IconCSS-buttonCSS-variantDropdownCSS-ProductOptionTrigger {
font-size: 0.9vw !important;
} */
}

/*   */

/***          q         ***/

/* 多言語対応(フランス語,英語) */
font + br {
	display: none;
}
@media screen and (min-width: 768px) {
  html:lang(en) .pd_d_box_r,
  html:lang(fr) .pd_d_box_r {
    bottom: -4vw;
  }
  html:lang(en) .pd_box_le2c3,
  html:lang(fr) .pd_box_le2c3 {
    bottom: 8.5vw;
  }
  html:lang(en) .pd_list_e_sub2,
  html:lang(fr) .pd_list_e_sub2 {
    line-height: initial;
  }
  html:lang(en) .pd_e_bg_flexBox,
  html:lang(fr) .pd_e_bg_flexBox {
    bottom: 1vw;
  }
  html:lang(en) .pd_e_bg_flexItem
  html:lang(fr) .pd_e_bg_flexItem {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  html:lang(en) .pd_e_bg3,
  html:lang(fr) .pd_e_bg3 {
    padding-bottom: 15vw;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 50%);
  }
  html:lang(en) .pd_e_bg3 img,
  html:lang(fr) .pd_e_bg3 img {
    height: 220vw;
    object-fit: cover;
  }
  html:lang(en) .pd_box_le5,
  html:lang(fr) .pd_box_le5 {
    bottom: 90vw;
  }
  html:lang(en) .pd_box_le2c4,
  html:lang(fr) .pd_box_le2c4 {
    bottom: -2vw;
  }
}