/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://mytrex.jp/gwp-mt/
Description:MYTREX Gift Wrapping（ボックス）
Version: 1.0
*/

/***          d          ***/
@media screen and (max-width: 767px) {
.pd_d_ttl {
width: 20%;
}
.pd_d_imgWrap {
width: auto;
margin-right: 8%;
}
.pd_d_txt01 {
font-weight: bold;
text-align: center;
}
.pd_d_txt02 {
padding-top: 1vw;
}
}

@media screen and (min-width: 768px) {
#pd_d {
padding: 0 0 12%;
}
.pd_d_ttl {
width: 11%;
}
.pd_d_imgWrap {
width: auto;
margin-right: 4%;
}
.pd_d_txt01 {
text-align: center;
}
.pd_d_txt02 {
padding-top: 1vw;
margin-left: 0;
display: flex;
justify-content: center;
}
.pd_d_imgWrap {
width: auto;
margin-right: 0;
margin-left: 0;
}
.pd_d_bg {
width: 100%;
background-color: #e5e5e6;
padding: 0 0;
}
}
/***          d          ***/

/***          e          ***/
@media screen and (max-width: 767px) {
    #pd_c {
        padding: 0 0;
    }
    #pd_d {
        padding: 0 0 0;
    }
    .pd_d_bg {
        padding: 0 0;
    }
    .pd_d_imgWrap {
        width: auto;
        margin-right: 0;
        margin-left: 0;
    }
    #pd_e {
        padding: 0 0 0;
    }
    .pd_e_bg {
        background-color: #eeedf3;
        padding-top: 10vw;
    }
    .pd_e_ttl {
        width: 100%;
        background-color: #a3bbd3;
        color: #ffffff;
    }
}

@media screen and (min-width: 768px) {
    #pd_e {
        background-color: #eeedf3;
    }
    .pd_e_bg::before {
        background-color: #eeedf3;
    }
    .pd_e_ttl {
        background-color: #a3bbd3;
        color: #ffffff;
    }
    .pd_e_price {
        margin-bottom: 6vw;
    }
}
/***          e          ***/

/***          g          ***/
@media screen and (max-width: 767px) {
.pd_g_txt {
width: 75.334%;
margin: auto;
font-size: 5.326vw;
letter-spacing: 0.8vw;
line-height: 2.2;
text-align: center;
padding-top: 4vw;
}
.pd_g_txt span {
display: inline-block;
position: relative;
}
.pd_g_txt span::after {
content: '';
width: 100%;
height: 2px;
background-color: #333;
display: block;
position: absolute;
bottom: 4px;
}
}

@media screen and (min-width: 768px) {
.pd_g_txt {
width: 100%;
font-size: 2.381vw;
line-height: 1.8;
letter-spacing: 0.32vw;
text-align: center;
padding-top: 3vw;
}
.pd_g_txt span {
display: inline-block;
position: relative;
}
.pd_g_txt span::after {
content: '';
width: 100%;
height: 1px;
background-color: #333;
display: block;
position: absolute;
bottom: 5px;
}
}
/***          g          ***/