/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/eye-air/
Description:MYTREX Eye Air
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;
    display:-webkit-box;
    display:-ms-flexbox;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    margin-top:8vw;
}

.fs{
    font-family: 'Times New Roman', 'YuMincho', 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif !important;
}
.fg{
    font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Arial', 'Yu Gothic', 'Meiryo', sans-serif !important;
}
.fwb{
    font-weight: bold;
}
img{
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    main {
        margin-top:0vw;
    }
    .wrapper > main {
        margin-top: 20vw;
    }
    .pc{
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    main {
        margin-top:3vw !important;
    }
    .sp{
        display: none !important;
    }
    .container{
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
    .contents_{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    sup {
        font-size: .7vw;
        vertical-align: top;
    }
}

/* 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 i {
    padding-top: 6px
}
#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: 12vw;
        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_blank{
        padding-right: 1vw;
    }
    .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_num{
        float: left;
        font-size: 1vw;
        line-height: 3vw;
        color: #676767;
        padding-right: 8px;
    }
    #mt_pc_top_buy_cartin {
        position: fixed;
        bottom: 0px;
        right: 0px;
        background: #0000004f;
        padding: 4px 0px 0px;
    }
    .mt_pc_top_buy_num2{
        float: left;
        font-size: 14px;
        line-height: 11vw;
        color: #000;
        padding: 5px;
    }
    .mt_pc_top_buy_num{
        float: left;
        font-size: 3vw;
        line-height: 10vw;
        color: #676767;
        padding-right: 8px;
    }
    .mt_pc_top_buy_num2{
        float: left;
        font-size: 14px;
        line-height: 11vw;
        color: #000;
        padding: 5px;
    }
    .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.8vw;
        font-weight:normal;
        letter-spacing:0.1vw;
        line-height:1vw;
        color:#b5b5b6;
        padding: 1.0vw 0vw;
    }
    .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_num{
        float: left;
        font-size: 1vw;
        line-height: 3vw;
        color: #676767;
        padding-right: 8px;
    }
    #mt_pc_top_buy_cartin {
        padding: 0;
    }
    .mt_pc_top_buy_num2{
        float: left;
        font-size: 14px;
        line-height: 11vw;
        color: #000;
        padding: 5px;
    }
    .mt_pc_top_buy_num{
        float: left;
        font-size: 1vw;
        line-height: 3vw;
        color: #676767;
        padding-right: 8px;
    }
    .mt_pc_top_buy_num2{
        float: left;
        font-size: 14px;
        line-height: 11vw;
        color: #000;
        padding: 5px;
    }
    .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: 20% 0;
    }
    #pd_d{
        padding: 10% 0;
    }
    #pd_e{
        padding: 10% 0 10%;
    }
    #pd_f{
        padding: 10% 0 10%;
    }
    #pd_g{
        padding: 10% 0 10%;
    }
    #pd_h{
        padding: 10% 0 10%;
    }
    #pd_i{
        padding: 20% 0 16%;
    }
    #pd_j {
        padding: 4% 0;
        background-color: rgba(219,223,232,30%);
    }
    #pd_k{
        padding: 20% 0 10%;
    }
    #pd_l{
        padding: 10% 0;
        background: #f1f5f7;
    }
    #pd_l2{
        padding: 10% 0 10%;
    }
    #pd_m{
        padding: 10vw 0 10vw;
        background: #f1f5f7;
    }
}
@media screen and (min-width: 768px) {
    #pd_b{
        margin-bottom:3vw;
    }
    #pd_c{
        padding: 6vw 0;
    }
    #pd_d{
        padding: 10vw 0 6vw;
    }
    #pd_e{
        padding: 0;
    }
    #pd_f{
        padding: 0;
    }
    #pd_g {
        padding: 0;
    }
    #pd_h {
        padding: 0;
    }
    #pd_i{
        padding: 10% 0;
    }
    #pd_j {
        padding: 8% 0;
        background-color: rgba(219,223,232,30%);
    }
    #pd_k{
        padding: 10% 0;
    }
    #pd_l{
        padding: 6vw 0 6vw;
        background: #f1f5f7;
    }
    #pd_l2 {
        padding: 6vw 0 6vw;
    }
    #pd_m{
        padding: 6vw 0 6vw;
        background: #f1f5f7;
    }
}
/***          section          ***/

/***          common          ***/
#pd_d img,
#pd_e img,
#pd_f img,
#pd_g img,
#pd_h img,
#pd_i img,
#pd_j img,
#pd_k img,
#pd_l img {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .ea_top_ttl {
        font-size: 5.467vw;
        letter-spacing: 0.2vw;
        line-height: 1.5;
        text-align: center;
    }
    .ea_point {
        font-size: 2vw;
        line-height: 1.5;
        letter-spacing: .1vw;
        position: relative;
        margin-bottom: 4vw;
    }
    .ea_point::after {
        content: '';
        width: 10vw;
        height: 1px;
        background: #B5B5B6;
        position: absolute;
        right: auto;
        bottom: -1vw;
        left: 0;
        margin: auto;
    }
    .ea_flexBox {
        width: 100%;
    }
    .ea_flexBox_01_top,
    .ea_flexBox_02_top {
        width: 100%;
    }
    .ea_flexBox_01_bottom,
    .ea_flexBox_02_bottom {
        width: 86%;
        margin: auto;
        padding-top: 4vw;
    }
    .ea_ttl_01 {
        font-size: 5.067vw;
        letter-spacing: 0.2vw;
        line-height: 1.4;
    }
    .ea_ttl_01_clm {
        width: 1.5vw;
        display: inline-block;
    }
    .ea_subTtl {
        font-size: 5.333vw;
        line-height: 1.5;
        letter-spacing: 0.4vw;
        padding-top: 2vw;
    }
    .ea_desc {
        font-size: 2.933vw;
        line-height: 1.8;
        padding-top: 2vw;
    }
    .ea_subImg {
        width: 100%;
        padding-top: 4vw;
    }
    .ea_subImg_desc {
        width: 86%;
        margin: auto;
        font-size: 2vw;
        padding-top: 2vw;
    }
    .ea_ttl_02 {
        font-size: 5.067vw;
        letter-spacing: 0.2vw;
        line-height: 1.5;
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .ea_top_ttl {
        font-size: 2.14vw;
        line-height: 1.5;
        letter-spacing: 0.05vw;
        text-align: center;
        padding-bottom: 1.4vw;
    }
    .ea_flexBox {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .ea_flexBox_01_top {
        width: 60%;
        order: 2;
    }
    .ea_flexBox_01_bottom {
        width: 40%;
        order: 1;
        padding: 3vw 7.5vw 0;
    }
    .ea_flexBox_02_top {
        width: 60%;
        order: 1;
    }
    .ea_flexBox_02_bottom {
        width: 40%;
        order: 2;
        padding: 3vw 7.5vw 0;
    }
    .ea_point {
        font-size: .8vw;
        line-height: 1.5;
        letter-spacing: .1vw;
        position: relative;
        margin-bottom: 1.4vw;
    }
    .ea_point::after {
        content: '';
        width: 4.5vw;
        height: 1px;
        background: #B5B5B6;
        position: absolute;
        right: auto;
        bottom: -0.5vw;
        left: 0;
        margin: auto;
    }
    .ea_ttl_01 {
        font-size: 2.240vw;
        line-height: 1.4;
        letter-spacing: 0.1vw;
    }
    .ea_subTtl {
        font-size: 1.667vw;
        line-height: 1.5;
        letter-spacing: 0.2vw;
        padding-top: 1vw;
    }
    .ea_desc {
        font-size: 0.938vw;
        line-height: 1.8;
        padding-top: 0.8vw;
    }
    .ea_subImg {
        width: 100%;
        padding-top: 2vw;
    }
    .ea_subImg_desc {
        font-size: 0.677vw;
        padding-top: 0.4vw;
    }
    .ea_ttl_02 {
        font-size: 2.240vw;
        line-height: 1.5;
        letter-spacing: 0.1vw;
        text-align: center;
        padding-bottom: 2.2vw;
    }
}
/***          common          ***/

/***          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%;
    }
    .pd_b_text{
        font-size:4vw;
        line-height:5vw;
        color:#231815;
        padding:1vw;
    }
    .pd_b_line{
        font-size:4vw;
        line-height:4vw;
        color:#b5b5b6;
        padding:1vw;
    }
    .pd_b_nm{
        font-size:3vw;
        font-weight:800;
        line-height:3vw;
        color:#231815;
        padding:1vw;
    }
    .pd_b_sub{
        font-size:3vw;
        line-height:3vw;
        color:#231815;
        padding:1vw;
    }
    .pd_b_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;
    }
    .pd_b_sp_ttl2{
        padding: 0vw 1vw 3vw;
        color: #3f3d3e;
        font-size: 4vw;
        font-weight: normal;
        line-height: 4vw;
        letter-spacing: 0.5vw;
        text-align: center;
    }
    .pd_b_sp_sub{
        padding: 5vw 1vw 0vw;
        color: #3e3c3d;
        font-size: 6vw;
        font-weight: normal;
        line-height: 10vw;
        letter-spacing: 0.2vw;
        text-align: center;
    }
    .pd_b_sp_sub2{
        padding: 5vw 1vw 0vw;
        color: #3e3c3d;
        font-size: 5.3vw;
        font-weight: normal;
        line-height: 10vw;
        letter-spacing: 0.2vw;
        text-align: center;
    }
}
@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: 3.4vw;
        line-height: 4.5vw;
        letter-spacing: 0.5vw;
    }
    .pd_c_ttl_sub_i{
        font-size: 1.8vw;
        vertical-align: top;
    }
    .pd_c_ttl_sub2{
        padding: 0vw 4vw;
        font-size: 5vw;
        line-height: 1.8;
        letter-spacing: 0.5vw;
    }
    .pd_c_ttl_sub2 span {
        font-size: 4vw;
        letter-spacing: 0.06vw;
    }
    .pd_c_nm{
        padding: 2vw 0vw 5vw;
        font-size: 9vw;
        font-weight: 800;
        line-height: 11vw;
        letter-spacing: 0.7vw;
        border-bottom: 1px solid #000;
        margin: 4vw 4vw;
    }
    .pd_c_nm2{
        padding: 2vw 0vw 5vw;
        font-size: 9vw;
        font-weight: 800;
        line-height: 11vw;
        letter-spacing: 0.7vw;
        border-bottom: 1px solid #000;
        margin: 4vw 4vw;
    }
    .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_nm4{
        padding: 2vw 0 5vw;
        font-size: 8.8vw;
        font-weight: 800;
        line-height: 11vw;
        letter-spacing: .3vw;
        border-bottom: 1px solid #000;
        margin: 4vw;
    }
    .pd_c_nm5{
        padding: 2vw 0 5vw;
        font-size: 7.5vw;
        font-weight: 800;
        line-height: 11vw;
        letter-spacing: .3vw;
        border-bottom: 1px solid #000;
        margin: 4vw;
    }
    .pd_c_nm5_tb{
        position: absolute;
        top: 0vw;
        right: 6vw;
    }
    .pd_c_nm5_tb_a{
        font-size: 2vw;
        line-height: 2vw;
        padding: 0.5vw 1vw;
        border: 1px solid #000;
        margin-left: 1vw;
    }
    .pd_c_text{
        padding: 0vw 4vw 4vw;
        font-size: 3.4vw;
        line-height: 5.0vw;
        letter-spacing: 0.2vw;
    }
    .pd_c_text_s{
        padding: 2vw 0vw 1vw;
        font-size: 2vw;
        line-height: 4.0vw;
        letter-spacing: 0.2vw;
    }
    .pd_c_text_s2{
        padding: 2vw 0vw 1vw;
        font-size: 2vw;
        line-height: 4.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;
    }
    .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_ad2{
        width:100%;
        text-align:center;
        position: absolute;
        top: 1.5vw;
    }
    .pd_box_c{
        padding:2vw 4vw;
    }
    .pd_box_c_ttl_sub{
        font-size: 3vw;
        line-height: 3vw;
        letter-spacing: 1vw;
        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.5vw;
        line-height: 6.5vw;
        letter-spacing: .1vw;
        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: 1.0vw;
        line-height: 2vw;
        letter-spacing: 0.05vw;
    }
    .pd_c_ttl_sub_i{
        font-size: 0.7vw;
        vertical-align: top;
    }
    .pd_c_ttl_sub2{
        padding: 1vw 0vw 1vw;
        font-size: 1.6vw;
        line-height: 1.5;
    }
    .pd_c_nm{
        padding: 0vw 0vw 2vw;
        font-size: 3vw;
        font-weight: 800;
        line-height: 4vw;
        letter-spacing: 0.1vw;
        border-bottom: 1px solid #3c3c3c;
        margin-bottom: 2vw;
    }
    .pd_c_nm2{
        padding: 0vw 0vw 2vw;
        font-size: 2.63vw;
        font-weight: 800;
        line-height: 4vw;
        letter-spacing: 0.1vw;
        border-bottom: 1px solid #3c3c3c;
        margin-bottom: 2vw;
    }
    .pd_c_nm3{
        padding: 0vw 0vw 2vw;
        font-size: 2.4vw;
        font-weight: 800;
        line-height: 1.5;
        letter-spacing: 0.1vw;
        border-bottom: 1px solid #3c3c3c;
        margin-bottom: 2vw;
    }
    .pd_c_nm4{
        padding: 0vw 0vw 2vw;
        font-size: 3vw;
        font-weight: 800;
        line-height: 4vw;
        letter-spacing: 0.1vw;
        border-bottom: 1px solid #3c3c3c;
        margin-bottom: 2vw;
    }
    .pd_c_nm5{
        padding: 0vw 0vw 2vw;
        font-size: 2.63vw;
        font-weight: 800;
        line-height: 4vw;
        letter-spacing: 0.1vw;
        border-bottom: 1px solid #3c3c3c;
        margin-bottom: 2vw;
    }
    .pd_c_nm5_tb{
        display: none;
    }
    .pd_c_text{
        padding: 0vw 0vw 3vw;
        font-size: 1.0vw;
        line-height: 2.0vw;
        letter-spacing: 0.05vw;
    }
    .pd_c_text_s{
        padding: 1vw 0vw 0vw;
        font-size: 0.9vw;
        line-height: 1.5vw;
        letter-spacing: 0.05vw;
    }
    .pd_c_text_s2{
        padding: 0.8vw 0vw 0vw;
        font-size: 0.9vw;
        line-height: 1.8vw;
        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_c_ad1{
        width:100%;
        text-align:center;
        position: relative;
    }
    .pd_c_ad2{
        width: 100%;
        text-align: center;
        position: absolute;
        top: 1.5vw;
    }
    .pd_box_c{
        padding:2vw 0vw;
        position: absolute;
        bottom:3vw;
    }
    .pd_box_c_ttl_sub{
        font-size: 1vw;
        line-height: 1vw;
        letter-spacing: 0.1vw;
        color: #231815;
        padding-bottom: 1vw;
        text-align: left;
        font-weight: 800;
    }
    .pd_box_c_ttl{
        font-size: 2.3vw;
        line-height: 3.0vw;
        letter-spacing: 0.1vw;
        color: #231815;
        padding-bottom: 0.8vw;
    }
    .pd_box_c_list{
        padding: 0vw 0 0;
        font-size: 1.2vw;
        line-height: 2.3vw;
        letter-spacing: .1vw;
        color: #231815;
        padding-bottom: 1vw;
        text-align: left;
    }
}
/***          c          ***/

/***          d          ***/
@media screen and (max-width: 767px) {
    .pd_d_box {
        width: 100%;
        padding-top: 4vw;
    }
    .d_box_img {
        width: 100%;
    }
    .d_box_txt {
        width: 86%;
        margin: auto;
        padding-top: 6vw;
    }
    .d_box_txt_top {
        font-size: 4.267vw;
        letter-spacing: 0.08vw;
        line-height: 1.5;
    }
    .d_box_txt_bottom {
        font-size: 2.933vw;
        line-height: 2;
        padding-top: 4vw;
    }
}
@media screen and (min-width: 768px) {
    .pd_d_box {
        width: 100%;
        position: relative;
    }
    .d_box_img {
        width: 100%;
    }
    .d_box_txt {
        width: 32vw;
        position: absolute;
        top: 12vw;
        left: 12vw;
    }
    .d_box_txt_top {
        font-size: 1.563vw;
        line-height: 1.5;
        letter-spacing: 0.08vw;
        margin-left: -1vw;
    }
    .d_box_txt_bottom {
        font-size: 0.938vw;
        line-height: 2;
        letter-spacing: 0.06vw;
        padding-top: 1.8vw;
    }
}
/***          d          ***/

/***          i          ***/
@media screen and (max-width: 767px) {
    .pd_i_flex {
        width: 86%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .i_flex_box {
        width: 46.2%;
        padding-top: 5vw;
    }
    .i_flex_box_img {
        width: 100%;
    }
    .i_flex_box_ttl {
        font-size: 2.933vw;
        line-height: 1.5;
        padding-top: 2vw;
    }
    .i_flex_box_txt {
        font-size: 2.400vw;
        line-height: 1.6;
        padding-top: 2vw;
    }
}
@media screen and (min-width: 768px) {
    .pd_i_flex {
        width: 96.5%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .i_flex_box {
        width: 46%;
    }
    .i_flex_box:nth-of-type(n+3) {
        padding-top: 2vw;
    }
    .i_flex_box_img {
        width: 100%;
    }
    .i_flex_box_ttl {
        font-size: 1.563vw;
        line-height: 1.5;
        text-align: center;
        padding-top: 1vw;
    }
    .i_flex_box_txt {
        font-size: 0.938vw;
        line-height: 1.8;
        text-align: center;
        padding-top: 0.8vw;
    }
}
/***          i          ***/

/***          j          ***/
@media screen and (max-width: 767px) {
    .pd_j_img_top {
        width: 94%;
        margin: auto;
    }
    .pd_j_ttl {
        font-size: 3.733vw;
        line-height: 1.6;
        letter-spacing: 0.4vw;
        text-align: center;
        padding: 2vw 0;
    }
    .pd_j_img_bottom {
        width: 94%;
        margin: auto;
    }
}
@media screen and (min-width: 768px) {
    .pd_j_ttl {
        font-size: 1.563vw;
        line-height: 1.5;
        letter-spacing: 0.1vw;
        text-align: center;
    }
    .pd_j_img_bottom {
        width: 100%;
        padding-top: 2vw;
    }
}
/***          j          ***/

/***          k         ***/
@media screen and (max-width: 767px) {
    .pd_k_ttl {
        font-size: 5.2vw;
        line-height: 1.8;
        letter-spacing: .6vw;
        text-align: center;
    }
    .pd_k_var {
        width: 90%;
        margin: auto;
    }
    .var_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .var_list_item {
        width: 48%;
    }
    .var_list_item_img {
        width: 100%;
        text-align: center;
    }
    .var_list_item_img img {
        width: 90%;
    }
    .var_list_item_ttl {
        font-size: 2.4vw;
        letter-spacing: .4vw;
        line-height: 1.5;
    }
    .var_list_item_jpTtl {
        font-size: 2vw;
        line-height: 1.4;
        padding-top: 2vw;
    }
    .var_list_item_tag {
        width: 100%;
        padding-top: 2vw;
    }
    .ehp_tag_usb {
        font-size: 1.867vw;
        color: #956134;
        border: 1px solid #956134;
        padding: 0.6vw 3vw;
        border-radius: 50px;
        margin-right: 0.4vw;
        margin-bottom: 0.2vw;
        display: inline-block;
        width: 20vw;
        text-align: center;
    }
    .ehp_tag_ws {
        font-size: 1.867vw;
        color: #00a0e9;
        border: 1px solid #00a0e9;
        padding: 0.6vw 3vw;
        border-radius: 50px;
        margin-right: 0.4vw;
        margin-bottom: 0.2vw;
        display: inline-block;
        width: 20vw;
        text-align: center;
    }
    .ehp_tag_hot {
        font-size: 1.867vw;
        color: #f39800;
        border: 1px solid #f39800;
        padding: 0.6vw 3vw;
        border-radius: 50px;
        margin-right: 0.4vw;
        display: inline-block;
        width: 20vw;
        text-align: center;
    }
    .var_list_item_subTtl {
        width: 100%;
        font-size: 2.4vw;
        line-height: 1.6;
        padding-top: 2vw;
    }
    .var_list_item_txt {
        width: 100%;
        font-size: 2.173vw;
        line-height: 1.6;
        padding-top: 2vw;
    }
    .var_list_item_price {
        width: 100%;
        font-size: 2vw;
        padding-top: 4vw;
    }
    .item_sale {
        display: block;
        padding-bottom: 2vw;
    }
    .item_price {
        font-size: 5.867vw;
    }
    .var_list_item_buyBtn {
        width: 100%;
        padding-top: 1vw;
    }
}
@media screen and (min-width: 768px) {
    .pd_k_ttl {
        font-size: 2vw;
        line-height: 1.8;
        letter-spacing: .4vw;
        text-align: center;
    }
    .pd_k_var {
        width: 80%;
        margin: auto;
    }
    .var_list {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .var_list_item {
        width: 45%;
    }
    .var_list_item_img {
        width: 100%;
        text-align: center;
    }
    .var_list_item_img img {
        width: 90%;
    }
    .var_list_item_ttl {
        font-size: 1.6vw;
        letter-spacing: 0.06vw;
        line-height: 1.5;
    }
    .var_list_item_jpTtl {
        font-size: .9vw;
        line-height: 1.4;
        padding-top: 0.2vw;
    }
    .var_list_item_tag {
        width: 100%;
        padding-top: 0.4vw;
    }
    .ehp_tag_usb {
        font-size: 0.7vw;
        color: #956134;
        border: 1px solid #956134;
        padding: 0.4vw 0;
        border-radius: 50px;
        margin-right: 0.2vw;
        display: inline-block;
        width: 8vw;
        text-align: center;
    }
    .ehp_tag_ws {
        font-size: 0.7vw;
        color: #00A0E9;
        border: 1px solid #00A0E9;
        padding: 0.4vw 0;
        border-radius: 50px;
        margin-right: 0.2vw;
        display: inline-block;
        width: 8vw;
        text-align: center;
    }
    .ehp_tag_hot {
        font-size: 0.7vw;
        color: #F39800;
        border: 1px solid #F39800;
        padding: 0.4vw 0;
        border-radius: 50px;
        margin-right: 0.2vw;
        display: inline-block;
        width: 8vw;
        text-align: center;
    }
    .var_list_item_subTtl {
        width: 100%;
        font-size: 1vw;
        line-height: 1.6;
        padding-top: 1vw;
    }
    .var_list_item_txt {
        width: 100%;
        font-size: .9vw;
        line-height: 1.6;
        padding-top: 1vw;
    }
    .var_list_item_price {
        width: 100%;
        font-size: 0.9vw;
        padding-top: 1.2vw;
    }
    .item_price {
        font-size: 2vw;
        padding-left: 0.4vw;
    }
    .var_list_item_buyBtn {
        width: 100%;
        padding-top: 1vw;
    }
}
/***          k          ***/

/***          l         ***/
@media screen and (max-width: 767px) {
    .pd_l_area{
        padding:5vw 0vw 1vw;
    }
    .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;
    }
    .pd_l_box_are2{
        padding:0vw 4vw;
        display: flex;
        justify-content: center;
    }
    .pd_l_box1{
        padding: 4vw 23vw;
        text-align: center;
    }
    .pd_l_box2{
        padding: 0vw 0vw 5vw;
    }
    .pd_l_box3{
        float: left;
        width: 33%;
        padding: 0.5vw;
    }
    .pd_l_icon{
        padding: 0vw;
        width:100%;
        line-height: 0;
    }
    .pd_l_icon img{
        width:100%;
    }
    .pd_l_text{
        font-size: 3vw;
        line-height: 5.0vw;
        letter-spacing: 0.2vw;
        color: #231815;
        padding: 1.0vw 0.0vw;
        text-align: left;
    }
    .pd_l_ttl{
        font-size: 3vw;
        line-height: 3vw;
        letter-spacing: 0.2vw;
        color: #231815;
        padding: 2vw 1.0vw;
        text-align: center;
    }
}
@media screen and (min-width: 768px)  {
    .pd_l_area{
        padding:5vw 0vw 1vw;
    }
    .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;
    }
    .pd_l_box_are2{
        padding:0vw 0vw;
        display: flex;
        justify-content: center;
    }
    .pd_l_box1{
        float: left;
        width: 33%;
        padding: 0.5vw 0vw 1.0vw;
    }
    .pd_l_box2{
        float: left;
        width: 66%;
        padding: 0.5vw;
    }
    .pd_l_box3{
        float: left;
        width: 33%;
        padding: 0.5vw 0vw 1.0vw;
    }
    .pd_l_icon{
        padding: 1vw 1vw 1vw 0vw;
        width:100%;
        line-height: 0;
    }
    .pd_l_icon img{
        width:100%;
    }
    .pd_l_text{
        font-size: 0.9vw;
        line-height: 2.4vw;
        letter-spacing: 0vw;
        color: #231815;
        padding: 1vw 0vw 1.0vw 1vw;
        text-align: left;
    }
    .pd_l_ttl{
        font-size: 1.0vw;
        line-height: 2vw;
        letter-spacing: 0.1vw;
        color: #231815;
        padding: 0.5vw 1.0vw 0vw;
        text-align: center;
    }
}
/***          l          ***/

/***  btm  ***/
#cartin_sp {
    position: fixed;
    bottom: 0px;
    right: 0px;
    background: #d9e5dade;;
    padding: 0px 0px 0px;
    height:10vw;
}
#cartin_sp img{
    width: 100%;
}
#cartin_sp i {
    padding-top: 6px
}
#cartin_sp a {
    display: block;
    z-index: 999;
    padding: 8px 8px 8px 8px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #f0f0f0b3;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
#cartin_sp a:hover {
    text-decoration: none;
    background-color: #f0f0f0;
}
.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: 35vw;
    }
    .mytrex_buy_item2{
        float: left;
        font-size: 3vw;
        font-weight: 800;
        line-height: 8vw;
        color: #231815;
        padding: 1vw 3vw 1vw 3vw;
        letter-spacing: 0.1vw;
        width: 31vw;
        min-width: 35vw;
    }
    .mytrex_buy_item3{
        float: left;
        font-size: 2.7vw;
        font-weight: 800;
        line-height: 4vw;
        color: #231815;
        padding: 1vw 3vw 1vw 3vw;
        letter-spacing: 0.05vw;
        min-width: 35vw;
    }
    .mytrex_buy_num{
        float: left;
        font-size: 3vw;
        line-height: 10vw;
        color: #676767;
        padding-right: 8px;
    }
    .mytrex_buy_num2{
        float: left;
        font-size: 3vw;
        line-height: 10vw;
        color: #000;
        padding: 0vw 1vw;
    }
    .mytrex_buy{
        padding: 0 12vw;
    }
}
@media screen and (min-width: 768px) {
    .mytrex_buy_num{
        float: left;
        font-size: 1vw;
        line-height: 3vw;
        color: #676767;
        padding-right: 8px;
    }
    .mytrex_buy_num2{
        float: left;
        font-size: 14px;
        line-height: 11vw;
        color: #000;
        padding: 5px;
    }
    .mytrex_buy{
        padding: 0 1vw;
    }
}
/***  btm  ***/

/***          modal          ***/
.brands_item_shoplink_modal{
    padding:20px 0px;
    display: flex;
    display:-webkit-box;
    display:-ms-flexbox;
}
@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         ***/
@media screen and (max-width: 767px) {
    #pd_md_1{
        padding:15% 0% 0%;
    }
    .support_product_qa_ttl {
        padding-bottom: 6vw;
    }
}
@media screen and (min-width: 768px) {
    #pd_md_1{
        padding:8% 0%;
    }
    .support_product_qa_ttl {
        text-align: left !important;
    }
}
/***          modal e1         ***/

/***          recommend         ***/
@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;
    }
    .pd_l_item{
        padding:0.1vw;
        text-align:center;
    }
    .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;
    }
    .pd_l_item{
        padding:0.1vw;
        text-align:center;
    }
    .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;
    }
}
/***          recommend         ***/