/*
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;
}
#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;
}
#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_c_arm{
padding: 1vw 0 10%;
}
#pd_d3a{
padding: 0% 0 15%;
margin-top: 20vw !important;
}
#pd_e{
padding: 15% 0 15%;
background: #f1f5f7;
}
#pd_f5a{
padding: 0% 0 0%;
}
#pd_g3{
padding: 15% 0 0%;
background: #f1f5f7;
}
#pd_h{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_h2{
padding: 10% 0 10%;
}
#pd_j2{
padding: 10% 0 10%;
}
#pd_k{
padding: 10% 0 10%;
}
#pd_l{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_m2{
padding: 10% 0 10%;
background: #f1f5f7;
}
#pd_n{
padding: 10% 0 10%;
/* background: #f1f5f7; */
}
#pd_q{
padding: 10% 0 10%;
}
.pdct_pc{
display: none;
}
}
@media screen and (min-width: 768px) {
#pd_b{
margin-bottom:3vw;
}
#pd_c{
padding: 5% 0 5%;
}
#pd_c_arm{
padding: 5% 0 5%;
}
#pd_d3a{
padding: 0% 0 0%;
position: relative;
}
#pd_e{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_f5a{
padding: 5% 0 5%;
}
#pd_g3{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_h{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_h2{
padding: 5% 0 5%;
}
#pd_j2{
padding: 5% 0 5%;
}
#pd_k{
padding: 5% 0 5%;
}
#pd_l{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_m2{
padding: 5% 0 5%;
background: #f1f5f7;
}
#pd_m2{
padding: 5% 0 10%;
background: #f1f5f7;
}
#pd_n{
padding: 5% 0 0%;
/* background: #f1f5f7; */
}
#pd_q{
padding: 5% 0 5%;
}
.pdct_sp{
display: none;
}
}
/***          section          ***/

/***          amb rl          ***/
@media screen and (max-width: 767px) {
.pd_amb_box1{
text-align: center;
padding: 5vw 0 8vw;
}
.pd_amb_box1_ttl2{
font-size: 10vw;
letter-spacing: .4vw;
color: #231815;
padding-bottom: 4vw;
}
.pd_amb_box1_ttl3{
font-size: 3.3vw;
letter-spacing: .1vw;
color: #231815;
}

#pd_amb{
padding: 10vw 0vw 20vw;
margin-top: 10vw !important;
}
.pd_amb_logo{
width:50vw;
margin:0 auto;
padding: 4.4vw 0vw 4.2vw;
}
.pd_amb_logo img{
width:100%;
}
.pd_amb_img{
padding:0;
}
.pd_amb_img_l{
float:left;
width:100%;
}
.pd_amb_img_l img{
width:100%;
}
.pd_amb_img_c{
width:100%;
}
.pd_amb_img_c img{
width:100%;
}
.pd_amb_img_r{
float:left;
width:50%;
}
.pd_amb_img_r img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.pd_amb_box1{
text-align:center;
padding:8vw 0vw;
}
.pd_amb_box1_ttl2{
font-size:4vw;
letter-spacing:0.1vw;
color:#231815;
}
.pd_amb_box1_ttl3{
font-size:2vw;
letter-spacing:0.1vw;
color:#231815;
}

#pd_amb{
padding: 0vw 0 6vw;
}
.pd_amb_logo{
width:20vw;
margin:0 auto;
padding-bottom:2vw;
}
.pd_amb_logo img{
width:100%;
}
.pd_amb_img{
padding:0;
}
.pd_amb_img_l{
float:left;
width:50%;
}
.pd_amb_img_l img{
width:100%;
}
.pd_amb_img_c{
float:left;
width:50%;
}
.pd_amb_img_c img{
width:100%;
}
.pd_amb_img_r{
float:left;
width:25%;
}
.pd_amb_img_r img{
width:100%;
}
}
/***          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%;
}
}
@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 2vw;
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.5vw;
}
.pd_c_ttl_sub2{
padding: 0vw 4vw;
font-size: 7vw;
line-height: 7vw;
letter-spacing: 0.5vw;
}
.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: 3vw;
line-height: 5.0vw;
letter-spacing: 0.2vw;
}
.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 {
}
}
@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: 1.3vw;
line-height: 2vw;
letter-spacing: 0.05vw;
}
.pd_c_ttl_sub2{
padding: 1vw 0vw 1vw;
font-size: 2.3vw;
line-height: 2.5vw;
letter-spacing: 0.15vw;
}
.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 {
}
}
/***          c          ***/

/***          d          ***/
@media screen and (max-width: 767px) {
.pd_box_le{
padding: 3vw 6vw;
width:100%;
}
.pd_box_le2b{
padding: 6vw 6vw 0;
width:100%;
}
.pd_box_le2c7{
padding: 0 6vw;
width:100%;
text-align: left;
}
.pd_box_le3{
padding: 6vw 4vw;
width:100%;
}
.pd_box_le4{
padding: 6vw 6vw;
width:100%;
}
.pd_box_lg3a{
padding: 6vw 4vw 8vw;
width:100%;
}
.pd_box_lg3ar{
padding: 3vw 6vw 3vw 0vw;
width:100%;
}
.pd_box_lg3al{
padding: 3vw 0vw 3vw 6vw;
width:100%;
}
.pd_box_lg3al .pd_ttl5a {
    padding-left: 0;
}
.pd_box_lg3al .pd_subs4 {
    padding-left: 0;
}
.pd_point2{
font-size: 3.0vw;
line-height: 3.0vw;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 4.5vw;
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;
line-height: 1.3;
color: #231815;
}
.pd_ttl_fb{
padding: 4vw 0vw;
font-size: 5.3vw;
line-height: 1.3;
letter-spacing: 0.23em;
}
.pd_ttl_f1{
font-size: 5.3vw;
letter-spacing: 0.23em;
color: #231815;
font-weight: 800;
}
.pd_ttl_f2{
font-size: 6.3vw;
line-height: 7.3vw;
letter-spacing: 0.3vw;
color: #b5b5b6;
vertical-align: bottom;
padding: 0 1vw;
}
.pd_ttl2{
font-size: 4vw;
line-height: 1.4;
letter-spacing: 0.15em;
font-weight: 600;
color: #231815;
/* padding-bottom: 5vw; */
text-align: left;
}
.pd_ttl3{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.5vw;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_ttl5{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_ttl5a{
font-size: 5vw;
line-height: 7.0vw;
letter-spacing: 0.2vw;
color: #231815;
padding: 0vw 0 5vw 6vw;
text-align: left;
}
.pd_sub_l5b{
font-size: 3.5vw;
line-height: 1.6;
letter-spacing: 0.15em;
color: #231815;
/* padding-bottom: 5vw; */
text-align: left;
}
.pd_sub2b{
font-size: 3.4vw;
line-height: 1.6;
letter-spacing: 0.15em;
color: #231815;
padding-bottom: 6vw;
text-align: left;
/* z-index: 99; */
}
.pd_subc2{
font-size: 3.5vw;
line-height: 1.6;
letter-spacing: 0.14em;
color: #231815;
text-align: left;
}
.pd_subs{
font-size: 3.4vw;
line-height: 1.6;
letter-spacing: 0.05em;
color: #231815;
padding-bottom: 5vw;
text-align: left;
}
.pd_subs3{
font-size: 2.5vw;
line-height: 1.4;
letter-spacing: 0.125em;
color: #231815;
text-align: left;
}
.pd_subs4{
font-size: 3vw;
line-height: 5.5vw;
letter-spacing: .2vw;
color: #231815;
padding: 0 0 0 6vw;
text-align: left;
}
.pd_list_e_sub3a{
text-align: left;
font-size: 2.6vw;
line-height: 1.5;
letter-spacing: 0.125em;
padding: 23vw 0 0;
}
}
@media screen and (min-width: 768px) {
.pd_box_le{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2b{
position: absolute;
bottom: 8vw;
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_le2c7{
position: absolute;
bottom: -1vw;
width: 100%;
padding: 0vw 0vw 0vw 7vw;
}
.pd_box_le3{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
text-align: center;
}
.pd_box_le4{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
text-align: left;
}
.pd_box_lg3a{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3ar{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_box_lg3al{
width: 100%;
padding: 0vw 0vw 0vw 4vw;
}
.pd_point2{
font-size: 1vw;
line-height: 0vw;
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.3vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #231815;
}
.pd_ttl_fb{
font-size: 2.3vw;
line-height: 2.8vw;
letter-spacing: 0.3vw;
padding: 1.5vw 0vw 2vw;
}
.pd_ttl_f1{
font-size: 2.0vw;
letter-spacing: 0.23em;
color: #231815;
font-weight: 800;
}
.pd_ttl_f2{
font-size: 2.9vw;
line-height: 2.3vw;
letter-spacing: 0.3vw;
color: #b5b5b6;
vertical-align: bottom;
}
.pd_ttl2{
font-size: 1.5vw;
line-height: 1.4;
letter-spacing: 0.15em;
color: #231815;
padding-bottom: 2.5vw;
text-align: left;
}
.pd_ttl3{
font-size: 1.9vw;
line-height: 2.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 2vw;
text-align: center;
}
.pd_ttl5{
font-size: 1.8vw;
line-height: 2.4vw;
letter-spacing: 0.06vw;
color: #231815;
padding: 1vw 0vw;
text-align: left;
}
.pd_ttl5a{
font-size: 1.8vw;
line-height: 2.4vw;
letter-spacing: 0.06vw;
color: #231815;
padding: 1vw 0vw;
text-align: left;
}
.pd_sub_l5b{
padding: 0vw 0.5vw 0vw 0vw;
font-size: 0.93vw;
line-height: 1.8;
letter-spacing: 0.15em;
color: #231815;
padding-bottom: 1vw;
text-align: left;
width: 22.5vw;
}
.pd_sub2b{
font-size: 1.0vw;
line-height: 1.8;
letter-spacing: 0.1em;
color: #231815;
padding: 0vw 3vw 0vw 0vw;
text-align: left;
}
.pd_subc2{
font-size: 1.1vw;
line-height: 2.0vw;
letter-spacing: 0.07vw;
color: #231815;
padding-bottom: 1vw;
text-align: center;
}
.pd_subs{
font-size: 1.0vw;
line-height: 1.5vw;
letter-spacing: 0.04vw;
color: #231815;
padding: 0vw 1vw 0vw 0vw;
text-align: left;
}
.pd_subs3{
font-size: 0.8vw;
line-height: 1.2vw;
letter-spacing: .04vw;
color: #231815;
padding: 1vw 0vw 1vw 0;
text-align: left;
}
.pd_subs4{
font-size: 1.0vw;
line-height: 1.5vw;
letter-spacing: 0.04vw;
color: #231815;
padding: 0vw 1vw 0vw 0vw;
text-align: left;
}
.pd_list_e_sub3a{
text-align: left;
font-size: 0.7vw;
letter-spacing: 0.05vw;
padding: 1vw 4vw 1vw 0vw;
line-height: 1.1vw;
}
}

/***          d          ***/

/***          e          ***/
@media screen and (max-width: 767px) {
.pd_e_bg{
width:100%;
text-align:center;
}
.pd_e_bg img{
width:100%;
}
.pd_e_bg2{
width:100%;
text-align:center;
}
.pd_e_bg2 img{
width:100%;
}
.pd_e_img{
padding:0vw 0vw;
text-align:center;
width: 100%;
position: relative;
width: 100vw;
margin: 0 calc(50% - 50vw);
}
.pd_e_img img{
width:100%;
}
.pd_e_img2{
padding:0vw 9vw;
bottom: -17vw;
position: absolute;
}
.pd_e_img2 img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.pd_e_bg{
width:100%;
text-align:center;
}
.pd_e_bg img{
width:100%;
}
.pd_e_bg2{
width:100%;
position: relative;
text-align:center;
line-height: 0vw;
}
.pd_e_bg2 img{
width:100%;
}
.pd_e_img{
display: none;
}
}
/***          e          ***/

/***          f          ***/
@media screen and (max-width: 767px) {
.pd_f_img_pc3{
display:none;
}
.pd_f_img_sp3{
padding:4vw 5vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_sp3 img{
width:100%;
}
.pd_f_img_sp5{
text-align: center;
padding-top: 8vw;
}
.pd_f_img_sp5 img{
width:100%;
}
}
@media screen and (min-width: 768px) {
.pd_f_img_sp3{
display:none;
}
.pd_f_img_pc3{
padding:0vw 0vw 4vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_f_img_pc3 img{
width:100%;
}
.pd_f_img_sp5{
display:  none;
}
}
/***          f          ***/

/***          g          ***/
@media screen and (max-width: 767px) {
.pd_g_bg_pc{
display:none;
}
.pd_g_bg_sp{
padding:0vw 0vw 4vw;
text-align:center;
line-height: 0px;
}
.pd_g_bg_sp img{
width:100%;
}
.pd_box_g_r3{
width:100%;
}
.pd_box_g_r3 img{
width:100%;
}
.pd_box_g_area{
padding: 5% 0 15% 0;
}
.pd_box_g_l2{
width: 94vw;
margin-bottom: 1vw;
padding: 6vw 6vw;
background: #fff;
margin-left: 6vw !important;
}
.pd_box_g_r2{
width: 94vw;
margin-bottom: 1vw;
padding: 6vw 6vw;
background: #fff;
}
}
@media screen and (min-width: 768px) {
.pd_g_bg_sp{
display:none;
}
.pd_g_bg_pc{
padding:0vw 0vw 0vw 0vw;
text-align:center;
line-height: 0px;
}
.pd_g_bg_pc img{
width:100%;
}
.pd_box_g_area{
padding: 4vw 0vw;
}
.pd_box_g_l2{
float: left;
width: 33%;
border-right: 1px solid #231815;
padding: 0vw 2vw 0vw 2vw !important;
border-left: 1px solid #231815;
}
.pd_box_g_r2{
float: left;
width: 33%;
}
}
/***          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: 5.3vw;
letter-spacing: 0.09em;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_h_box_ttl2{
font-size: 4.0vw;
line-height: 1.4;
letter-spacing: 0.1em;
color: #231815;
padding-bottom: 5vw;
text-align: center;
}
.pd_h_box_img2l{
padding:2vw 4vw;
}
.pd_h_box_img img{
width:100%;
}
.pd_ttl5dr {
font-size: 4.8vw;
/* line-height: 2.4vw; */
letter-spacing: 1vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
font-weight: 400;
}
.pd_box_voice{
padding: 0vw 6vw;
}
.pd_box_voice_l{
float: left;
width: 35%;
}
.pd_box_voice_l img{
width: 100%;
}
.pd_box_voice_r{
float: left;
width: 65%;
padding: 1vw 0 3vw 4vw;
}
.pd_ttlv{
font-size: 4.2vw;
letter-spacing: 0.15em;
line-height: 1.4;
padding-bottom: 3vw;
}
.pd_subv{
font-size: 3.4vw;
letter-spacing: .3vw;
line-height: 1.5;
padding-bottom: 1.2vw;
}
.pd_subv2{
font-size: 3.1vw;
letter-spacing: .1vw;
line-height: 3.6vw;
padding-top: 4vw;
text-align: left;
}
.pd_subv2a{
font-size: 2.0vw;
letter-spacing: .1vw;
line-height: 2.0vw;
}
.pd_subv2b{
font-size: 2vw;
letter-spacing: .1vw;
line-height: 2.6vw;
padding-top: 3vw;
}
.pd_sub3dr{
font-size: 2.8vw;
line-height: 4.3vw;
letter-spacing: .1vw;
color: #231815;
font-weight: normal;
padding: 0vw 0vw 0vw;
text-align: left;
}
/*
.pd_h_hfb2_ttl{
padding-bottom: 1vw;
font-size: 1.4vw;
line-height: 1.6vw;
letter-spacing: .05vw;
font-weight: 600;
}*/
}
@media screen and (min-width: 768px) {
.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_ttl2{
font-size: 1.8vw;
line-height: 2.6vw;
letter-spacing: .1vw;
color: #231815;
padding-bottom: 2.5vw;
text-align: center;
}
.pd_h_box_img2l{
padding: 1vw 0.5vw 5vw 4vw;
}
.pd_h_box_img img{
width:100%;
}
.pd_ttl5dr {
font-size: 1.8vw;
line-height: 2.4vw;
letter-spacing: .06vw;
color: #231815;
padding: 1vw 0;
text-align: center;
}
.pd_box_voice2 {
width: 45vw;
margin-inline: auto;
}
.pd_box_voice_l{
float: left;
width: 32%;
}
.pd_box_voice_l img{
width: 100%;
}
.pd_box_voice_r{
float: left;
width: 68%;
padding: 1.0vw 0 0 2.5vw;
}
.pd_ttlv{
font-size: 1.5vw;
letter-spacing: 0.13em;
padding-bottom: 2.0vw;
}
.pd_subv{
font-size: 0.9vw;
line-height: 1.8;
padding-bottom: 2.0vw;
/* padding-right: 3vw; */
}
.pd_subv2{
font-size: 1.25vw;
letter-spacing: 0.02em;
line-height: 1.6vw;
padding-bottom: 1vw;
}
.pd_subv2a{
font-size: 0.78vw;
letter-spacing: 0.1vw;
line-height: 1.6vw;
}
.pd_subv2b{
font-size: 0.72vw;
letter-spacing: 0.1vw;
line-height: 1.6vw;
}
.pd_sub3dr{
font-size: 1.1vw;
line-height: 1.5vw;
letter-spacing: .1vw;
color: #231815;
font-weight: normal;
padding: 0.2vw 2vw 0.2vw;
text-align: left;
border-right: 1px solid #231815;
border-left: 1px solid #231815;
margin-top: 2vw !important;
}
}

/***          h          ***/

/***          i          ***/
@media screen and (max-width: 767px) {
.pd_i_area{
padding:0 6vw;
}
.pd_i_area_ttl{
font-size: 5vw;
line-height: 5vw;
letter-spacing: 1.0vw;
color: #231815;
padding-bottom: 13vw;
text-align: center;
}
.pd_i_box_are{
padding:0vw 0vw;
}
.pd_i_box{
width:100%;
}
.pd_i_img{
width: 100%;
padding-bottom: 4vw;
text-align: center;
}
.pd_i_img img{
width:70%;
}
.pd_i_ttl{
font-size: 4vw;
line-height: 5.5vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 4vw;
text-align: left;
font-weight: bold;
}
.pd_i_text{
font-size: 3.4vw;
line-height: 1.5;
letter-spacing: 0.12em;
color: #231815;
padding-bottom: 4vw;
text-align: left;
}
.pd_i_text2{
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.2vw;
color: #231815;
padding-bottom: 10vw;
text-align: left;
}
.pd_i_text3{
font-size: 3vw;
line-height: 4.5vw;
letter-spacing: 0.2vw;
color: #231815;
text-align: left;
}
}
@media screen and (min-width: 768px) {
.pd_i_area{
padding:4vw 0vw;
}
.pd_i_area_ttl{
font-size: 1.8vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.5vw;
text-align: center;
}
.pd_i_box_are{
padding:0vw 0vw;
}
.pd_i_box{
float:left;
width:25%;
padding: 0.5vw;
}
.pd_i_img{
width:100%;
padding-bottom:1vw;
}
.pd_i_img img{
width:100%;
}
.pd_i_ttl{
font-size: 1.0vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text{
font-size: 1.0vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text2{
font-size: 1.0vw;
line-height: 2vw;
letter-spacing: 0.0vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text3{
font-size: 1.0vw;
line-height: 2vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
}
/***          i          ***/

/***          j          ***/
@media screen and (max-width: 767px) {
.pd_j_area2{
padding:0 10vw;
}
.pd_j_fm{

padding: 3vw 4vw 3vw;
text-align: center;
}
.pd_j_step1{
float: left;
width: 50%;
padding: 0vw 2vw 2vw;
}
.pd_j_step1a{
float: left;
width: 50%;
padding: 0vw 2vw 2vw;
}
.pd_j_fm_ttl{
font-size: 3.4vw;
letter-spacing: 0.04em;
color: #231815;
font-weight: normal;
}
.pd_j_fm_ttl2{
font-size: 6.6vw;
line-height: 6.6vw;
letter-spacing: .2vw;
color: #7cc5c2;
padding: 4vw;
}
.pd_j_fm_img{

}
.pd_j_fm_img img{
width:100%;
}
.pd_j_fm_ttl3{
font-size: 3.5vw;
line-height: 3.5vw;
letter-spacing: .5vw;
color: #7cc5c2;
padding: 3vw 0px 2vw;
}
.pd_j_fm_txt{
font-size: 3vw;
line-height: 5vw;
letter-spacing: .3vw;
color: #231815;
padding-bottom: 4vw;
}
.pd_j_fm_txts{
font-size: 2.5vw;
line-height: 3vw;
letter-spacing: .3vw;
color: #231815;
padding-top: 1vw;
}
}
@media screen and (min-width: 768px) {
.pd_j_area2{
padding:0vw 4vw;
}
.pd_j_fm{
float: left;
width: 18%;
padding: 3.5vw 1vw 3.5vw;
background: #f1f5f7;
text-align: center;
margin-right: 1vw;
}
.pd_j_step1{
float:left;
width:16%;
padding: 0vw 0.5vw 0.5vw 0.5vw;
}
.pd_j_step1a{
float:left;
width:16%;
padding: 0vw 0.5vw;
}
.pd_j_fm_ttl{
font-size: 1.2vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
}
.pd_j_fm_ttl2{
font-size: 1.6vw;
line-height: 1.6vw;
letter-spacing: 0.2vw;
color: #7cc5c2;
padding-top: 1vw;
}
.pd_j_fm_img{

}
.pd_j_fm_img img{
width:100%;
}
.pd_j_fm_ttl3{
font-size: 1.1vw;
line-height: 1.1vw;
letter-spacing: 0.1vw;
color: #7cc5c2;
padding: 0.5vw 0 0.5vw;
}
.pd_j_fm_txt{
font-size: 0.9vw;
line-height: 1.2vw;
letter-spacing: 0.01vw;
color: #231815;
}
.pd_j_fm_txts{
font-size: 0.7vw;
line-height: 1.0vw;
letter-spacing: 0.01vw;
color: #231815;
}
}
/***          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_are{
padding:0vw 0vw;
}
.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_ttl{
font-size: 6vw;
line-height: 1;
letter-spacing: .2vw;
color: #231815;
padding-top: 5vw;
text-align: center;
margin-bottom: 5vw;
}
.pd_k_text{
font-size: 3.5vw;
line-height: 1.7;
letter-spacing: .2vw;
color: #231815;
padding: 1vw 1vw 13vw;
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 5vw 1vw !important;
}
.pd_k_area_add{
padding: 1.5vw 2vw 8vw;
}
.pd_k_area_add img{
width: 100%;
height: auto;
}
}
@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_are{
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_ttl{
font-size: 1.2vw;
line-height: 1;
letter-spacing: 0.1vw;
color: #231815;
padding: 0.5vw 0vw;
}
.pd_k_text{
font-size: .7vw;
line-height: 1.8;
letter-spacing: 0.05vw;
color: #231815;
padding: 1vw 0 1vw 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:5vw 5vw 1vw !important;
}
.pd_k_area_add{
padding: 1.5vw 0vw 1vw;
}
.pd_k_area_add img{
width: 100%;
height: auto;
}
}
/***          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_buy_area{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.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          ***/
/***          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%;
}
}

/***          modal e1         ***/


/***          modal e4         ***/

/***          modal e4         ***/


/***          modal e5         ***/

/***          modal e5         ***/


/***          modal e6         ***/


/***          modal e6         ***/


/***          swiper         ***/
@media screen and (max-width: 767px) {
.swiper-container01 .swiper-wrapper {
display: block;
transform: inherit !important;
}
.swiper-container01 .swiper-slide {
width: 100% !important;
}
.swiper-container01 .swiper-button-prev, .swiper-container01 .swiper-button-next {
display: none;
}
.read_more {
text-align: right;
position: relative;
margin-top: 15vw !important;
}
.read_more span {
display: inline-block;
background-color: #231815;
color: #ffffff;
font-size: 2.93vw;
padding: 3vw 6vw;
}
.read_more:before {
content: '';
position: absolute;
top: 4.0vw;
display: inline-block;
width: 60vw;
height: 0.1vw;
background-color: #666;
left: 0;
}
}
@media screen and (min-width: 768px) {
.swiper-container01 {
padding-left: 2% !important;
}
.swiper-container01 .pd_i_box {
padding-right: 2.1% !important;
}
.swiper-container01 .swiper-button-prev {
left: 0px;
}
.swiper-container01 .swiper-button-next {
right: 0px;
}
.swiper-container01 .swiper-button-prev,
.swiper-container01 .swiper-button-next {
top: 6vw;
}
.swiper-container01 .swiper-button-prev,
.swiper-container01 .swiper-button-next{
width: 2.5vw;
height: 2.5vw;
}
.swiper-container01 .swiper-button-prev::after {
content: '';
background: url(/wp-content/themes/mytrex/img/product/rbm/prev@2x.png);
background-size: cover;
width: 2.5vw;
height: 2.5vw;
}
.swiper-container01 .swiper-button-next::after {
content: '';
background: url(/wp-content/themes/mytrex/img/product/rbm/next@2x.png);
background-size: cover;
width: 2.5vw;
height: 2.5vw;
}
.pd_i_ttl {
font-size: 1.0vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
font-weight: bold;
}
.pd_i_text {
font-size: 0.9375vw;
line-height: 1.8vw;
letter-spacing: 0.1vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.pd_i_text2 {
font-size: 0.9375vw;
line-height: 2vw;
letter-spacing: 0.0vw;
color: #231815;
padding-bottom: 1.0vw;
text-align: left;
}
.read_more {
display: none;
}
}


/***          swiper         ***/

#loop_js {
/* display: -webkit-flex;
display: flex;
width: calc(1920px * 3); */
overflow: hidden;
}
#loop_js > * {
/* width: 33.333333%;
height: auto; */
}
@media screen and (max-width: 767px) {
#loop_js {display: none;}
}

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

/*   */
@media screen and (max-width: 767px) {
.pd_atc_area_ttl{
padding: 8vw 0 4vw;
font-size: 4.0vw;
letter-spacing: 1vw;
text-align: center;
font-weight: 500;
padding-bottom: 4.5vw !important;
}
.pd_atc_area{
padding-bottom: 5vw;
text-align: center;
}
.pd_atc_ttl{
font-size: 3.5vw;
font-weight: 700;
letter-spacing: 1vw;
line-height: 1;
padding-bottom: 1.5vw;
}
.pd_atc_txt{
font-size: 3.5vw;
letter-spacing: .3vw;
line-height: 1.8;
padding-bottom: 4vw;
}
.pd_atc_img1{
padding: 0vw 4vw 4vw;
}
.pd_atc_img1 img{
width: 100%;
}
.pd_atc_area2{
padding: 0 4vw 0 4vw;
margin-bottom: 14vw;
}
.pd_atc_area2_txt{
font-size: 3.2vw;
letter-spacing: .2vw;
line-height: 1.7;
padding-bottom: 6.0vw;
}
.pd_atc_area2_img{
padding-bottom: 1.5vw;
}
.pd_atc_area2_img img{
width: 100%;
}
.pd_atc_area2_txt2{
font-size: 2.0vw;
line-height: 1;
letter-spacing: .1vw;
}
.pd_atc_area2a{
float: left;
width: 65%;
padding: 6vw 0 0;
}
.pd_atc_area2b{
float: left;
width: 35%;
padding: 6vw 2vw 0 0vw;
}
.pd_atc_area2b img{
width:100%;
}
.pd_atc_area2a_sub{
font-size: 2.7vw;
letter-spacing: .2vw;
padding-bottom: 2vw;
}
.pd_atc_area2a_ttl{
font-size: 5.0vw;
letter-spacing: .15vw;
line-height: 1;
padding-bottom: 2vw;
}
.pd_atc_area2a_price{
font-size: 7vw;
font-weight: 800;
line-height: 1;
letter-spacing: .1vw;
}
.pd_atc_area2a_pricea{
font-size: 3vw;
font-weight: 400;
letter-spacing: 0.1vw;
padding-right: 1.5vw;
}
.pd_atc_area2a_priceb{
font-size: 2.5vw;
font-weight: normal;
letter-spacing: 0vw;
padding-left: 1.0vw;
}
.pd_atc_area2a_buy{
padding-bottom: 0.5vw;
}
.pd_atc_area2a_txt{
font-size: 2.2vw;
line-height: 1;
letter-spacing: .1vw;
position: absolute;
bottom: -6.8vw;
right: 4vw;
}
.contents_attm_area{
padding-top: 15vw;
padding-bottom: 6vw;
}
.contents_attm_ttl{
padding: 4.5vw;
background: #f1f5f7;
position: relative;
}
.contents_attm_ttl2{
position: absolute;
background: #fff;
padding: 2vw;
font-size: 4.5vw;
letter-spacing: .5vw;
bottom: -1.9vw;
margin: 0 auto;
margin-top: 0;
text-align: center;
right: 25%;
left: 25%;
width: 50vw;
line-height: 1.1;
font-weight: 500;
}
.contents_attm_ttls{
font-size: 3.0vw;
letter-spacing: .3vw;
font-weight: 600;
}
}
@media screen and (min-width: 768px) {
.pd_atc_area_ttl{
padding: 5vw 0vw 3vw;
font-size: 1.4vw;
letter-spacing: 0.4vw;
text-align: center;
font-weight: 600;
}
.pd_atc_area{
padding-bottom: 5vw;
text-align: center;
}
.pd_atc_ttl{
font-size: 1.1vw;
font-weight: 700;
letter-spacing: .3vw;
line-height: 1;
padding-bottom: 1.5vw;
}
.pd_atc_txt{
font-size: 1.4vw;
letter-spacing: 0.2vw;
line-height: 1;
}
.pd_atc_img1{
padding-right: 0vw;
}
.pd_atc_img1 img{
width: 100%;
}
.pd_atc_area2{
padding: 0vw 0vw 0vw 2vw;
}
.pd_atc_area2_txt{
font-size: 0.9vw;
letter-spacing: 0.07vw;
line-height: 1.7;
padding-bottom: 1.2vw;
}
.pd_atc_area2_img{
padding-bottom: 0.3vw;
}
.pd_atc_area2_img img{
width: 100%;
}
.pd_atc_area2_txt2{
font-size: 0.7vw;
line-height: 1;
letter-spacing: 0.05vw;
}
.pd_atc_area2a{
float:left;
width:65%;
padding:1.5vw 0vw 0vw;
}
.pd_atc_area2b{
float:left;
width:35%;
padding: 1.0vw 0 0 1vw;
}
.pd_atc_area2b img{
width:100%;
}
.pd_atc_area2a_sub{
font-size: 0.7vw;
letter-spacing: 0.1vw;
padding-bottom: 0.5vw;
}
.pd_atc_area2a_ttl{
font-size: 1.3vw;
letter-spacing: 0.1vw;
line-height: 1;
padding-bottom: 0.8vw;
}
.pd_atc_area2a_price{
font-size: 2vw;
font-weight: 800;
line-height: 1;
letter-spacing: 0.1vw;
}
.pd_atc_area2a_pricea{
font-size: 0.9vw;
font-weight: normal;
letter-spacing: 0vw;
padding-right: 0.5vw;
}
.pd_atc_area2a_priceb{
font-size: 0.8vw;
font-weight: normal;
letter-spacing: 0vw;
padding-left: 0.2vw;
}
.pd_atc_area2a_buy{
padding-bottom: 0.5vw;
}
.pd_atc_area2a_txt{
font-size: .7vw;
line-height: 1;
letter-spacing: .05vw;
position: absolute;
bottom: -0.2vw;
}
.contents_attm_area{
padding-top: 10vw;
padding-bottom: 3vw;
}
.contents_attm_ttl{
padding: 2vw;
background: #f1f5f7;
position: relative;
}
.contents_attm_ttl2{
position: absolute;
background: #fff;
padding: 2vw 2vw;
font-size: 1.7vw;
letter-spacing: .3vw;
bottom: -1.9vw;
margin: 0 auto;
margin-top: 0px;
text-align: center;
right: 25%;
left: 25%;
width: 25vw;
line-height: 1.2;
font-weight: 500;
}
.contents_attm_ttls{
font-size: 1.3vw;
letter-spacing: .3vw;
font-weight: 600;
}
}

/***          q         ***/

@media screen and (max-width: 767px) {
.pd_q_area{
padding:0vw 0vw;
text-align:center;
}
.pd_q_ttl{
font-size: 3.0vw;
font-weight: 600;
line-height: 1.5;
letter-spacing: .08vw;
padding: 7vw 0vw;
}
.pd_q_ttl_xs{
font-size: 1.3vw;
letter-spacing: .4vw;
padding: .1vw .1vw .1vw .5vw;
border: 1px solid #000;
margin: 0 0.5vw;
vertical-align: middle;
}
.pd_q_img{

}
.pd_q_img img{
width:100%;
}
.pd_q_link a{
font-size: 2.5vw;
letter-spacing: .1vw;
padding: 1.5vw;
border: 1px solid #000;
width: 50vw;
line-height: 1;
margin: 0 auto;
text-decoration: none;
display: block;
}
.pd_q_link a:hover{
opacity: 0.8;
transition: 0.8s;
}
.pd_q_new{
font-size: 2.5vw;
letter-spacing: 1.0vw;
padding: 1.5vw 2.5vw 1.5vw 4vw;
border: 1px solid #000;
font-weight: 600;
display: inline-block;
margin-bottom: 4vw;
}
.pd_q_sub{
font-size: 3.5vw;
font-weight: 600;
line-height: 1;
letter-spacing: .2vw;
padding-bottom: 2.5vw;
}
.pd_q_sub2{
font-size: 3.0vw;
font-weight: 600;
line-height: 1;
letter-spacing: .2vw;
padding-bottom: 5vw;
}
.pd_q_sub2_xs{
font-size: 1.5vw;
letter-spacing: 0.1vw;
padding: 0.05vw 0.5vw 0.01vw 0.7vw;
border: 1px solid #000;
margin-left: 1vw;
line-height: 1;
vertical-align: middle;
}
}
@media screen and (min-width: 768px) {
.pd_q_area{
padding:0vw 0vw;
text-align:center;
}
.pd_q_ttl{
font-size: 1.4vw;
font-weight: 600;
line-height: 1;
letter-spacing: .09vw;
padding-bottom: 3vw;
}
.pd_q_ttl_xs{
font-size: 1.0vw;
letter-spacing: .3vw;
padding: .1vw .1vw .1vw .5vw;
border: 1px solid #000;
position: relative;
margin: 0 0.3vw;
top: -0.1vw;
}
.pd_q_img{
padding-bottom: 3vw;
}
.pd_q_img img{
width:100%;
}
.pd_q_link a{
font-size: 1.1vw;
letter-spacing: .1vw;
padding: 1.0vw;
border: 1px solid #000;
width: 23vw;
display: block;
margin: 0 auto;
text-decoration: none;
}
.pd_q_link a:hover{
opacity: 0.8;
transition: 0.8s;
}
}

@media screen and (min-width: 768px) {
    #voice-carousel {
        padding-left: 2% !important;
    }
    #voice-carousel .pd_i_box.splide__slide {
        padding-right: 2.1% !important;
        padding-top: 0;
        padding-left: 0;
        padding-bottom: 0;
    }
    #voice-carousel .splide__arrow--prev {
        left: 0;
        top: 6vw;
        background: #000;
        height: 2.5vw;
        width: 2.5vw;
        border-radius: inherit;
    }
    #voice-carousel .splide__arrow--next {
        right: 0;
        top: 6vw;
        background: #000;
        height: 2.5vw;
        width: 2.5vw;
        border-radius: inherit;
    }
    #voice-carousel .splide__arrow svg {
        fill: #fff;
    }
}

@media screen and (max-width: 767px) {
    #voice-carousel .splide__slide {
        width: 100% !important;
    }
    #voice-carousel .splide__slide.hide {
        display: none;
    }
}

/***          P2          ***/
@media screen and (max-width: 767px) {
.pd_p2_ttl{
font-size: 5.3vw;
text-align: center;
font-weight: 600;
letter-spacing: 1.5vw;
color: #231815;
padding-bottom: 5vw;
padding-left: 1.5vw;
}
.pd_p2c{
background: #f1f5f7;
margin-bottom: 6.5vw;
}
.pd_p2_ttl2{
font-size: 4vw;
text-align: center;
/* font-weight: 600; */
letter-spacing: 1.1vw;
color: #231815;
padding: 9vw 0 7vw .3vw;
transform: scale(1,1);
}
.pd_p2_ttl_sub{
text-align: left;
font-size: 4.2vw;
font-weight: 400 !important;
letter-spacing: .4vw;
padding: 4vw 6vw 2vw;
line-height: 1.7;
}
.pd_p2_ttl_sub > sup{
font-size:3vw;
}
.pd_p2_ttl_sub2{
text-align: left;
font-size: 2.2vw;
font-weight: 400 !important;
letter-spacing: .1vw;
padding: 4vw 0vw 1vw;
line-height: 1;
}
.pd_p2_txt_box{
padding-left: 0vw !important;
}
.pd_p2_txt{
font-size: 3.3vw;
line-height: 1.8;
letter-spacing: .2vw;
padding: 0vw 6vw 8vw;
}
.pd_p2_txt_ha{
font-size: 3.3vw;
line-height: 1.8;
letter-spacing: .2vw;
padding: 0vw 6vw 8vw;
}
.pd_p2_ttl_sub3 {
    font-size: 2.2vw;
    padding-top: 5vw;
}
.pd_p2_img{
width: 100%;
padding: 0vw 6vw;
}
.pd_p2_img img{
width:100%;
height: auto;
}
.pd_p2_img2{
width: 100%;
padding: 0vw 6vw 12vw;
}
.pd_p2_img2a{
float: left;
width: 50%;
position: relative;
padding-right: 1.25vw;
}
.pd_p2_img2a img {
width:100%;
height:auto;
}
.pd_p2_img2a3{
float: left;
width: 50%;
position: relative;
padding-right: 1.25vw;
}
.pd_p2_img2a3 img {
width:100%;
height:auto;
}
.pd_p2_img2b3{
float: left;
width: 50%;
position: relative;
padding-left: 4.5vw;
font-size: 3.3vw;
line-height: 1.8;
letter-spacing: .25vw;
}
.pd_p2_img2b3b{
font-size: 2.0vw;
line-height: 1;
letter-spacing: .2vw;
padding-top: 2.5vw;
}
.pd_p2_img2a2{
position: absolute;
right: 0.7vw;
width: 13vw;
height: 13vw;
top: -2vw;
}
.pd_p2_img2a2 img {
width:100%;
height:auto;
}
.pd_p2_img2b{
float: left;
width: 50%;
position: relative;
padding-left: 1.25vw;
}
.pd_p2_img2b img {
width:100%;
height:auto;
}
.pd_p2_img2b2{
position: absolute;
right: -0.7vw;
width: 13vw;
height: 13vw;
top: -2vw;
}
.pd_p2_img2b2 img {
width:100%;
height:auto;
}
.pd_p2_txt2{
width: 100%;
padding: 0vw 6vw 0vw;
}
.pd_p2_txt2a{
width: 60%;
float: left;
}
.pd_p2_txt2a_ttl{
font-size: 2.9vw;
padding-bottom: 3vw;
letter-spacing: 0.3vw;
line-height: 1.5;
}
.pd_p2_txt2a_ttl2{
font-size: 4.5vw;
font-weight: 700;
padding-bottom: 3vw;
letter-spacing: .3vw;
transform: scale(1,1);
}
.pd_p2_txt2a_price{

}
.pd_p2_txt2a_price1{
font-size: 3vw;
}
.pd_p2_txt2a_price2{
font-size: 6.8vw;
font-weight: 700;
padding: 0 1.4vw;
letter-spacing: .08vw;
}
.pd_p2_txt2a_price3{
font-size: 3vw;
}
.pd_p2_txt2b{
width: 40%;
float: left;
padding: 0vw 0vw 0vw 4.5vw;
}
.pd_p2_txt2b img{
width: 100%;
height: auto;
}
.pd_p2_txt2b_ha{
width: 40%;
float: left;
padding: 1.2vw 1.2vw 1.2vw 1.2vw;
}
.pd_p2_txt2b_ha img{
width: 100%;
height: auto;
}
.pd_p2_txt3{
font-size: 2.2vw;
line-height: 1.8;
padding: 0vw 6vw;
letter-spacing: 0.08vw;
padding-bottom: 14vw;
}
.pd_p_img{
background: #f0f2f473;
padding-bottom: 12vw;
}
.pd_p_s_ttl_sub{
position: absolute;
bottom: 64.5vw;
font-size: 4vw;
letter-spacing: 0.4vw;
padding-left: 0.4vw;
text-align: center;
width: 100%;
}
.pd_p_s_ttl{
position: absolute;
bottom: 51.5vw;
font-size: 12vw;
letter-spacing: 0.1vw;
padding-left: 0.4vw;
text-align: center;
width: 100%;
transform: scale(1,1.05);
}
.pd_p_s_txt{
text-align: center;
font-size: 4vw;
line-height: 1.4;
padding: 12vw 0vw 5vw;
letter-spacing: 0.2vw;
}
.pd_p_s_link{
background: #0b1c13;
font-size: 3.1vw !important;
color: #fff !important;
text-align: center;
padding: 4vw !important;
letter-spacing: .5vw;
width: 80%;
margin: 0 10%;
transform: scale(1,.97);
}
.pd_p_s_link_arrow::before{
left: 3px;
width: 4px;
height: 4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.pd_p_s_link_arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.pd_p_s_link_arrow::before,
.pd_p_s_link_arrow::after{
right: -45vw !important;
width: 7px;
height: 7px;
border-top: 1.5px solid #fff;
border-right: 1.5px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fs_cart_add2 form > table tr {
    display: flex;
    align-items: flex-end;
    position: relative;
}
.fs_cart_add2 form > table tr td:nth-child(1) {
    font-size: 3vw;
    line-height: 1.5;
width: auto;
letter-spacing: .2vw;
}
.fs_cart_add2 form > table tr td:nth-child(2) {
    width: 100%;
}
.fs_cart_add2 form {
padding: 0 0vw;
margin-top: 4vw !important;
margin-bottom: 5vw !important;
}
.fs_cart_add2 form span {
font-size: 2.8vw !important;
}
.fs_cart_add2 form > table {
    width: 100%;
}
.fs_cart_add2 form select {
    padding: 1vw 4vw 1vw 1vw !important;
}
.fs_cart_add2 form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #e7e7e7 url(/wp-content/themes/mytrex/img/icon/form-arrow.png) no-repeat center right 4px/8px 8px !important;
    padding: .4vw 1.8vw .4vw .9vw !important;
    cursor: pointer;
}
.fs_cart_add2 select {
    border-radius: 0;
    border: none;
    font-size: 3vw;
    margin: 1vw 0 2vw;
    padding: .5vw 0 .5vw .4vw;
    background: #e7e7e7;
}
.fs_cart_add2 form > table tr td input[type="text"] {
height: 10.85vw;
margin-top: 1.2vw;
font-size: 3vw;
background-color: #fff;
width: 100%;
padding: 0 7px;
text-align: center;
}
.fs_cart_add2 form > table tr td button[type="submit"] {
    height: 10.85vw;
    font-size: 3vw;
    border: none;
    width: 100%;
    background-color: #222;
    color: #fff;
}
}
@media screen and (min-width: 768px) {
.pd_p2c {
    background: #f1f5f7;
    padding-bottom: 7.5vw;
    margin-bottom: 10vw;
}
.pd_p2_ttl{
font-size: 1.5vw;
text-align: center;
font-weight: 600;
letter-spacing: 0.4vw;
color: #231815;
padding-bottom: 2vw;
}
.pd_p2_ttl2{
font-size: 1.2vw;
text-align: center;
/* font-weight: 600; */
letter-spacing: 0.2vw;
color: #231815;
padding: 5vw 0vw 2vw 0.3vw;
transform: scale(1,0.9);
}
.pd_p2_ttl_sub{
text-align: center;
font-size: 1.6vw;
font-weight: normal !important;
letter-spacing: 0.2vw;
padding-bottom: 5.5vw;
}
.pd_p2_ttl_sub2{
text-align: center;
font-size: 0.7vw;
font-weight: 400 !important;
letter-spacing: .1vw;
padding: 3vw 0vw 0vw;
}
.pd_p2_ttl_sub3{
font-size: .7vw;
font-weight: 400 !important;
letter-spacing: .1vw;
padding: 1vw 0 0;
}
.pd_p2_txt_box{
padding-left: 2vw !important;
}
.pd_p2_txt{
font-size: 0.9vw;
line-height: 1.5;
letter-spacing: .06vw;
padding-bottom: 1.9vw;
}
.pd_p2_txt_ha{
font-size: 0.9vw;
line-height: 1.5;
letter-spacing: .06vw;
padding-bottom: 1.5vw;
}
.pd_p2_img{

}
.pd_p2_img img{
width:100%;
height: auto;
}
.pd_p2_img2{
width: 90%;
padding-bottom: 1vw;
}
.pd_p2_img2a{
float: left;
width: 50%;
position: relative;
padding-right: 0.5vw;
}
.pd_p2_img2a img {
width:100%;
height:auto;
}
.pd_p2_img2a3{
width: 100%;
position: relative;
padding-right: 0.5vw;
}
.pd_p2_img2a3 img {
width:100%;
height:auto;
}
.pd_p2_img2a2{
position: absolute;
right: 0vw;
width: 3.5vw;
height: 3.5vw;
top: -1vw;
}
.pd_p2_img2a2 img {
width:100%;
height:auto;
}
.pd_p2_img2b{
float: left;
width: 50%;
position: relative;
padding-left: 0.5vw;
}
.pd_p2_img2b img {
width:100%;
height:auto;
}
.pd_p2_img2b2{
position: absolute;
right: -0.5vw;
width: 3.5vw;
height: 3.5vw;
top: -1vw;
}
.pd_p2_img2b2 img {
width:100%;
height:auto;
}
.pd_p2_txt2{

}
.pd_p2_txt2a{
width: 60%;
float: left;
}
.pd_p2_txt2a_ttl{
font-size: .9vw;
padding-bottom: 1vw;
}
.pd_p2_txt2a_ttl2{
font-size: 1.5vw;
font-weight: 700;
padding-bottom: 1vw;
letter-spacing: 0.1vw;
transform: scale(1, 0.9);
}
.pd_p2_txt2a_price{

}
.pd_p2_txt2a_price1{
font-size: 1vw;
}
.pd_p2_txt2a_price2{
font-size: 1.7vw;
font-weight: 700;
padding: 0vw 0.4vw;
letter-spacing: 0.05vw;
}
.pd_p2_txt2a_price3{
font-size: 1vw;
}
.pd_p2_txt2b{
width: 40%;
float: left;
padding: 1.2vw 1.2vw 1.2vw 1.2vw;
}
.pd_p2_txt2b img{
width: 100%;
height: auto;
}
.pd_p2_txt2b_ha{
width: 40%;
float: left;
padding: 0vw 1.5vw;
}
.pd_p2_txt2b_ha img{
width: 100%;
height: auto;
}
.pd_p2_txt3{
font-size: 0.8vw;
line-height: 1.4;
}
.fs_cart_add2 form {
margin-top: 1vw !important;
margin-bottom: 1vw !important;
}
.fs_cart_add2 form > table {
    width: 100%;
}
.fs_cart_add2 form > table tr {
    display: flex;
    align-items: flex-end;
    position: relative;
}
.fs_cart_add2 form > table tr td:nth-child(1) {
    width: auto;
    font-size: .8vw;
    letter-spacing: .2vw;
    line-height: 1.3;
}
.fs_cart_add2 form > table tr td:nth-child(2) {
    width: 100%;
}
.fs_cart_add2 form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #e7e7e7 url(/wp-content/themes/mytrex/img/icon/form-arrow.png) no-repeat center right 4px/8px 8px !important;
    padding: .4vw 1.8vw .4vw .9vw !important;
    cursor: pointer;
}
.fs_cart_add2 select {
    border-radius: 0;
    border: none;
    font-size: .8vw;
    margin: .3vw 0 .5vw;
    background: #e7e7e7;
    padding: .4vw 0 .4vw .1vw;
}
.fs_cart_add2 form > table tr td input[type="text"] {
    background-color: #fff;
    width: 100%;
    height: 3.85vw;
    margin-top: .2vw;
    font-size: .8vw;
    padding: 0 7px;
    text-align: center;
}
.fs_cart_add2 form > table tr td button[type="submit"] {
    border: none;
    width: 100%;
    height: 3.85vw;
    background-color: #222;
    color: #fff;
    font-size: .8vw;
}
}
/***          P2          ***/

/* 返品保証 */
.pd_t_sup_box2_ttl {
color: #c3996d;
}
.pd_t_sup_ttl:before, .pd_t_sup_ttl:after {
background-color: transparent;
}
@media screen and (max-width: 767px) {
.pd_t_sup_box1_texta {
color: #d79713;
}
}

@media screen and (max-width: 767px) {
.event2{
position: relative;
margin-top: 2vw !important;
}
.event2 img{
width: 100%;
height: auto;
}
.event2_date--rbm{
position: absolute;
font-size: 3.1vw;
color: #fff;
top: 2.6vw;
right: 2vw;
letter-spacing: .2vw;
}
.event2_date--rbm2{
font-size: 1.8vw;
color: #fff;
padding: 0 0.2vw;
letter-spacing: .2vw;
}
}
@media screen and (min-width: 768px) {
.event2{
position: relative;
}
.event2 img{
width: 100%;
height: auto;
}
.event2_date--rbm{
position: absolute;
font-size: 2.0vw;
color: #fff;
top: 2.65vw;
right: 2.5vw;
letter-spacing: 0.2vw;
}
.event2_date--rbm2{
font-size: 1.5vw;
color: #fff;
padding: 0vw 0.1vw;
letter-spacing: 0.2vw;
}
}

/* 多言語化対応 */
@media screen and (min-width: 768px) {
    .pd_f_img_pc4 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 35vw;
        padding-bottom: initial;
    }
    .pd_f_img_pc3_1 {
        display: flex;
        align-items: center;
    }
    .pd_f_img_pc3_1:first-child {
        padding-top: 3vw;
    }
    .pd_f_img_pc3_1:not(:last-child) {
        margin-bottom: 2.0vw;
    }
    .pd_f_img_pc3_1a {
        width: 4.5vw;
        margin-right: 2vw;
    }
    .pd_f_img_pc3_1a img {
        object-fit: contain;
        height: 4.5vw;
        width: 4.5vw;
    }
    .pd_f_img_pc3_1b {
        padding-left: 2.5vw;
        position: relative;
    }
    .pd_f_img_pc3_1b::before {
        content: '';
        display: block;
        width: 1.8vw;
        height: 1.8vw;
        background-color: #000;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
    }
    .pd_f_img_pc3_1:nth-child(1) .pd_f_img_pc3_1b::before {background-color: #95b196;}
    .pd_f_img_pc3_1:nth-child(2) .pd_f_img_pc3_1b::before {background-color: #9d9fba;}
    .pd_f_img_pc3_1:nth-child(3) .pd_f_img_pc3_1b::before {background-color: #c29fb3;}
    .pd_f_img_pc3_1:nth-child(4) .pd_f_img_pc3_1b::before {background-color: #c29c7f;}
    .pd_f_img_pc3_1:nth-child(5) .pd_f_img_pc3_1b::before {background-color: #a4bdc4;}
    .pd_f_img_pc3_1b_1 {
        font-size: 0.78vw;
        letter-spacing: 0.1vw;
        font-weight: bold;
        margin-bottom: 0.4vw;
    }
    .pd_f_img_pc3_1b_2 {
        font-size: 0.78vw;
        letter-spacing: 0.1em;
    }

    .pd_h_box_img {
        position: relative;
    }
    .pd_h_box_txt1a {
        font-size: 1.4vw;
        /* letter-spacing: 0.04em; */
    }
    .pd_h_box_txt1b {
        font-size: 1.3vw;
        letter-spacing: 0.04em;
    }
    .pd_h_box_txt2a {
        font-size: 1.4vw;
        letter-spacing: 0.04em;
        margin-bottom: 2.0vw;
    }
    .pd_h_box_txt2b {
        display: inline-block;
    }
    .pd_h_box_txt2b_1:not(:nth-child(2)) {
        margin-bottom: 1vw;
    }
    .pd_h_box_txt2b_1a {
        font-size: 1.0vw;
        letter-spacing: 0.04em;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #000;
        padding-bottom: 0.35vw;
        margin-bottom: 0.35vw;
    }
    .pd_h_box_txt2b_1a span {
        display: flex;
        align-items: center;
        margin-left: 0.5vw;
    }
    .pd_h_box_txt2b_1a span i {
        display: flex;
        align-items: center;
    }
    .pd_h_box_txt2b_1a span i::after {
        content: '';
        display: inline-block;
        width: 0.3vw;
        height: 0.3vw;
        border-radius: 50%;
        background-color: #000000;
        margin-right: 0.2vw;
    }
    .pd_h_box_txt2b_1b {
        font-size: 0.8vw;
        letter-spacing: 0.04em;
    }
    .pd_h_box_txt2b_1c {
        font-size: 2.5vw;
        letter-spacing: 0.05em;
    }
    .pd_h_box_txt2b_1c span {
        font-size: 1.9vw;
    }
    .pd_h_box_txt2b_1d {
        font-size: 0.7vw;
        display: inline-block;
        padding: 0.1vw;
        border: 1px solid #000;
        border-radius: 50%;
    }
    .pd_h_box_txt3a {
        font-size: 1.25vw;
        letter-spacing: 0.02em;
        margin-bottom: 0.8vw;
    }
    .pd_h_box_txt3b {
        font-size: 1.4vw;
        letter-spacing: 0.06em;
        margin-bottom: 0.6vw;
    }
    .pd_h_box_txt3b span {
        font-size: 1.8vw;
    }
    .pd_h_box_txt3c {
        font-size: 1.4vw;
        letter-spacing: 0.06em;
        margin-bottom: 0.7vw;
    }
    .pd_h_box_txt3c span {
        font-size: 1.8vw;
    }
    .pd_h_box_txt3d {
        font-size: 1.0vw;
        letter-spacing: 0.06em;
        line-height: 1.35;
    }
    .pd_h_box_txt4a {
        font-size: 1.4vw;
        letter-spacing: 0.06em;
        margin-bottom: 0.4vw;
        padding-left: 1vw;
    }
    .pd_h_box_txt4a span {
        font-size: 1.0vw;
    }
    .pd_h_box_txt4b {
        font-size: 1.4vw;
        letter-spacing: 0.04em;
        line-height: 1.2;
        margin-bottom: 1.0vw;
        padding-left: 1vw;
    }
    .pd_h_box_txt4c {
        font-size: 1.0vw;
        letter-spacing: 0.06em;
        line-height: 1.6;
        margin-bottom: 1.3vw;
        padding-left: 1vw;
    }
    .pd_h_box_txt4d {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #000;
        font-size: 1.4vw;
        line-height: 1.4;
    }
    .pd_h_box_txt4d table tr:not(:first-child) {
        border-top: 1px solid #000;
    }
    .pd_h_box_txt4d table tr:first-child {
        background-color: #716f70;
        color: #fff;
    }
    .pd_h_box_txt4d table tr:first-child th {
        border-radius: 3px 3px 0 0;
    }
    .pd_h_box_txt4d table tr:first-child th:nth-child(1) {
        border-right: 1px solid #000;
    }
    .pd_h_box_txt4d table tr td:nth-child(1) {
        background-color: #88898940;
        border-right: 1px solid #000;
    }
    .pd_h_box_txt4d table th,
    .pd_h_box_txt4d table td {
        padding: 1.0vw;
        text-align: center;
        vertical-align: middle;
    }
    .pd_h_box_txt1 {
        position: absolute;
        left: 1.5vw;
        top: 9vw;
    }
    .pd_h_box_txt2 {
        position: absolute;
        left: 2vw;
        top: 21vw;
    }
    .pd_h_box_txt3 {
        position: absolute;
        left: 26vw;
        top: 44vw;
    }
    .pd_h_box_txt4 {
        position: absolute;
        right: 1vw;
        top: 2.5vw;
    }
}

@media screen and (max-width: 767px) {
    .pd_f_img_pc4 {
        margin-left: 13vw;
        margin-right: 12vw;
    }
    .pd_f_img_pc3_1 {
        display: flex;
        align-items: center;
    }
    .pd_f_img_pc3_1a {
        width: 20vw;
        margin-right: 2.5vw;
    }
    .pd_f_img_pc3_1a img {
        width: 100%;
    }
    .pd_f_img_pc3_1b {
        padding-left: 9vw;
        position: relative;
        width: calc(100% - 20vw - 2.5vw);
    }
    .pd_f_img_pc3_1b:before {
        content: '';
        display: block;
        width: 6.5vw;
        height: 6.5vw;
        background-color: #000;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .pd_f_img_pc3_1:nth-child(1) .pd_f_img_pc3_1b:before {
        background-color: #95b196
    }

    .pd_f_img_pc3_1:nth-child(2) .pd_f_img_pc3_1b:before {
        background-color: #9d9fba
    }

    .pd_f_img_pc3_1:nth-child(3) .pd_f_img_pc3_1b:before {
        background-color: #c29fb3
    }

    .pd_f_img_pc3_1:nth-child(4) .pd_f_img_pc3_1b:before {
        background-color: #c29c7f
    }

    .pd_f_img_pc3_1:nth-child(5) .pd_f_img_pc3_1b:before {
        background-color: #a4bdc4
    }
    .pd_f_img_pc3_1b_1 {
        font-size: 3.2vw;
        letter-spacing: 0.1em;
        font-weight: bold;
        margin-bottom: 1vw;
    }
    .pd_f_img_pc3_1b_2 {
        font-size: 3.2vw;
        letter-spacing: 0.1em;
        line-height: 1.3;
    }

    .pd_h_box_txt1a {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
        font-weight: bold;
    }
    .pd_h_box_txt1b {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
    }
    .pd_h_box_txt2 {
        display: inline-block;
    }
    .pd_h_box_txt2a {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
        line-height: 1.1;
        font-weight: bold;
        margin-bottom: 3vw;
    }
    .pd_h_box_txt2b_1:not(:nth-child(2)) {
        margin-bottom: 2vw;
    }
    .pd_h_box_txt2b_1a {
        font-size: 2.5vw;
        letter-spacing: 0.04em;
    }
    .pd_h_box_txt2b_1a {
        display: flex;
        align-items: center;
        padding-bottom: 0.5vw;
        border-bottom: 1px solid #000;
        margin-bottom: 0.5vw;
    }
    .pd_h_box_txt2b_1a span {
        display: flex;
        align-items: center;
        margin-left: 2vw;
    }
    .pd_h_box_txt2b_1a span i {
        display: flex;
        align-items: center;
        margin-right: 0.5vw;
    }
    .pd_h_box_txt2b_1a span i:after {
        content: '';
        display: inline-block;
        width: 0.6vw;
        height: 0.6vw;
        border-radius: 50%;
        background-color: #000;
        margin-right: 0.2vw;
    }
    .pd_h_box_txt2b_1b {
        font-size: 2.1vw;
        letter-spacing: 0.04em;
        margin-bottom: 0.5vw;
    }
    .pd_h_box_txt2b_1c {
        font-size: 5.8vw;
        letter-spacing: 0.05em;
    }
    .pd_h_box_txt2b_1c span {
        font-size: 4.5vw;
    }
    .pd_h_box_txt2b_1d {
        font-size: 1.6vw;
        display: inline-block;
        padding: 0.5vw;
        border: 1px solid #000;
        border-radius: 50%;
    }
    .pd_h_box_txt3a {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
        font-weight: bold;
        margin-bottom: 2.5vw;
    }
    .pd_h_box_txt3b {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
        font-weight: bold;
        margin-bottom: 1.0vw;
    }
    .pd_h_box_txt3c {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
        font-weight: bold;
        margin-bottom: 2.5vw;
    }
    .pd_h_box_txt3d {
        font-size: 2.6vw;
        letter-spacing: 0.125em;
        line-height: 1.4;
    }
    .pd_h_box_txt4a {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
        font-weight: bold;
        margin-bottom: 1vw;
    }
    .pd_h_box_txt4b {
        font-size: 3.3vw;
        letter-spacing: 0.15em;
        font-weight: bold;
        margin-bottom: 2.5vw;
    }
    .pd_h_box_txt4c {
        font-size: 2.6vw;
        letter-spacing: 0.125em;
        margin-bottom: 2.5vw;
    }
    .pd_h_box_txt4d {
        display: inline-block;
        border-radius: 5px;
        border: 1px solid #000;
        font-size: 1.4vw;
        line-height: 1.4;
        width: 88vw;
    }
    .pd_h_box_txt4d table {
        width: 100%;
    }
    .pd_h_box_txt4d table tr:not(:first-child) {
        border-top: 1px solid #000;
    }
    .pd_h_box_txt4d table tr th {
        background-color: #716f70;
        color: #fff;
    }
    .pd_h_box_txt4d table tr td {
        border-left: 1px solid #000;
    }
    .pd_h_box_txt4d table tr:last-child td {
        background-color: #88898940;
    }
    .pd_h_box_txt4d table th,
    .pd_h_box_txt4d table td {
        padding: 2.0vw 0;
        text-align: center;
        vertical-align: middle;
        font-size: 2.5vw;
        letter-spacing: 0.08em;
    }
    .pd_h_box_img {
        position: relative;
    }
    .pd_h_box_txt1 {
        position: absolute;
        left: 4.5vw;
        top: 7.5vw;
    }
    .pd_h_box_txt2 {
        position: absolute;
        left: 4vw;
        top: 30vw;
    }
    .pd_h_box_txt3 {
        position: absolute;
        right: 6vw;
        top: 84vw;
    }
    .pd_h_box_txt4 {
        position: absolute;
        left: 3vw;
		bottom: 5vw;
    }
}

/* 多言語対応(フランス語,英語) */
font + br {
	display: none;
}
@media screen and (min-width: 768px) {
    html:lang(en) .pd_box_le2b,
    html:lang(fr) .pd_box_le2b {
        bottom: 1vw;
    }
    html:lang(en) .pd_ttl_fb,
    html:lang(fr) .pd_ttl_fb {
        white-space: nowrap;
    }
    html:lang(en) #pd_e,
    html:lang(fr) #pd_e {
        padding-bottom: 15%;
    }
    html:lang(en) .pd_box_le2c7,
    html:lang(fr) .pd_box_le2c7 {
        bottom: -10vw;
    }
    html:lang(en) #pd_h2,
    html:lang(fr) #pd_h2 {
        padding-bottom: 13%;
    }
    html:lang(en) .pd_h_box_txt4,
    html:lang(fr) .pd_h_box_txt4 {
        right: inherit;
        left: 44vw;
    }
    html:lang(en) .pd_h_box_txt3,
    html:lang(fr) .pd_h_box_txt3 {
        width: 16vw;
    }
}
@media screen and (max-width: 767px) {
    html:lang(en) .pd_h_box_txt2,
    html:lang(fr) .pd_h_box_txt2 {
        width: 23vw;
    }
    html:lang(en) .pd_h_box_txt4d,
    html:lang(fr) .pd_h_box_txt4d {
        overflow-x: auto;
        border-right: none;
    }
    html:lang(en) .pd_h_box_txt4d table th,
    html:lang(en) .pd_h_box_txt4d table td,
    html:lang(fr) .pd_h_box_txt4d table th,
    html:lang(fr) .pd_h_box_txt4d table td {
        padding: 2vw 2vw;
    }
    html:lang(en) .pd_h_box_txt4d table tr td:last-child,
    html:lang(fr) .pd_h_box_txt4d table tr td:last-child {
        border-right: 1px solid #000;
    }
    html:lang(en) .pd_h_box_img,
    html:lang(fr) .pd_h_box_img {
        padding-bottom: 90vw;
    }
    html:lang(en) .pd_h_box_txt3,
    html:lang(fr) .pd_h_box_txt3 {
        right: 16vw;
        top: 64vw;
        width: 45vw;
    }
    html:lang(en) .pd_j_area2,
    html:lang(fr) .pd_j_area2 {
        display: flex;
        flex-wrap: wrap;
    }
}