/*全体*/
body {
    color: #000000;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"!important;
    margin: 0 0;
}
.vue {
    width: 1300px;
    margin: 0 auto;
}
html{
    scroll-behavior: smooth;
}
.boxFlex {
    display: flex;
}
.boxFlex01 {
    display: flex;
}
.leftFloat {
    float: left;
}
.space {
    margin-bottom: 100px;
}
.space2 {
    margin-bottom: 46px;
}
.imgTextWood {
    line-height: 18px;
}
a {
    text-decoration: none;
    color: #000000;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
.center {
    text-align: center;
    margin: 0 auto;
}

.myFooter {
    max-width: 100%;
    min-height: 35px;
    background-color: #00909f;
    padding-right: 1rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.small {
    color: white;
    font-size: 12px;
    font-weight: 400;
}
/* .small {
    color: white;
    font-size: 12px;
    font-weight: 400;
    width: 1180px;
    margin: 0 auto;
    text-align: right;
} */


/*トップ*/
.logo {
    padding: 16px 0 9px 15px;
}
/* .logo {
    width: 1180px;
    margin: 0 auto;
    padding: 16px 0 9px;
} */
.logo img {
    width: 74px;
    height: 20px;
}
.topBox {
    position: relative;
    text-align: center;
}
.top_img {
    height: 572px;
    background-image: url("../img/top_img.jpg");
    background-size: cover;
    background-position:50% 70%;
    margin-bottom: 50px;
}
.topImg02 {
    padding-top: 62px;
}
.topImg03 {
    padding-top: 53px;
}
.topText01 {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-size: 24px;
    font-weight: 500;
    padding-top: 32px;
}
.topText02 {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-size: 18px;
    font-weight: 300;
    padding-top: 54px;
}
.bread {
    padding-top: 15px;
    margin-left: 20px;
    font-size: 10px;
    font-weight: 500;
}
.bread_home:after {
    content: ">";
    padding: 0 .8em;
}

/*タブ切替*/
.mainBoxSelect {
    position: relative;
    width: 1180px;
    margin: 0 auto;
}
.webCatalog {
    position: absolute;
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-weight: 300;
    font-size: 13px;
    text-align: right;
    top: -8px;
    left: 1070px;
}
.webCatalog img {
    margin: 0 30px 0 auto;
}



.tabs {
    position: relative;
    display: flex;
}
.tab {
    border: 1px solid #7d7d7d;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #7d7d7d;
    /*padding-bottom: 8px;*/
    cursor: pointer;
}
.tabs .tab {
    width: 250px;
    text-align: center;
    justify-content: center;
    /*margin-bottom: 10px;*/
    font-size: 13px;
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
}
/*.tabs .tab:hover {*/
/*    opacity: 0.8;*/
/*    color: #00909F;*/
/*}*/
/*.tabs .tab.selected {*/
/*    font-weight: bold;*/
/*    color: #00909F;*/
/*}*/
.tabs .tab:hover {
    background-color: #89c5cc;
    border-bottom: 1px solid #89c5cc;
    border-radius: 5px 5px 0 0;
    opacity: 0.7;
    color: white;
}
.tabs .tab.selected {
    background-color: #89c5cc;
    border-bottom: 1px solid #89c5cc;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: white;
}

.tabs .tab p {
    margin-top: 8px;
    margin-bottom: 8px;
}
.tabs .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 280px;
    height: 4px;
    background-color: #82c7a6;
    transition: 0.5s;
}
.tabBorder {
    color: #7d7d7d;
    width: 170px;
    margin: -1px 0 12px auto;
}

/*プルダウン*/
.contents {
    position: relative;
    padding: 0;
    margin-top: -3px;
}
.mainBox {
    width: 1180px;
    margin: 0 auto;
}
.series {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    height: 40px;
    width: 130px;
    background-color: #e3e3e3;
    font-size: 13px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 12px;
}
.selectedP {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    overflow: hidden;
    width: 280px;
    height: 40px;
    text-align: center;
    margin-right: 20px;
}
.selectedP select {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    width: 280px;
    height: 40px;
    padding-right: 17px;
    cursor: pointer;
    text-indent: 0.01px;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.selectedP select::-ms-expand {
    display: none;
}
.selectedP.sl01 {
    position: relative;
    background-color: #F4F4F4;
}
.selectedP.sl01::before {
    position: absolute;
    top: 17px;
    right: 12px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000000;
    pointer-events: none;
}
.selectedP.sl01:hover::after {
    position: absolute;
    top: 17px;
    right: 12px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    pointer-events: none;
}
.selectedP.sl01 select {
    padding: 7px 38px 8px 8px;
    color: #000000;
}
.slt_green {
    width: 100%!important;
}
.slt_green:hover {
    color: white !important;
    background-color: #00909F;
}
select option {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    color: #000000;
    background-color: white;
}
optgroup {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    color: #000000;
    background-color: white;
}


/*フリー検索*/
.freeTextBox {
    position: relative;
}
.freeBox {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    width: 280px;
    height: 34px;
    margin-right: 20px;
    border: 1px solid #7d7d7d;
}
.searchIcon {
    position: absolute;
    top: 5.3px;
    left: 248px;
}
::placeholder {
    color: #D4DCD6;
}

/*リセット*/
.reset {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    width: 70px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #fff;
    border: none;
    border-radius: 5px;
    background-color: #707070;
    margin-top: 7px;
}
.reset:hover {
    opacity: 0.7;
    cursor: pointer;
}

.linePosition {
    margin-top: 10px;
}


/*検索結果画像*/
#baseImgBox01_living,
#baseImgBox01_bedroom,
#baseImgBox01_workspace,
#baseImgBox02,
#baseImgBox03_home,
#baseImgBox03_cafe,
#baseImgBox04 {
    background-color: #ffffff;
    padding-bottom: 10px;
}
.base_img {
    position: relative;
    margin-top: 25px;
}
.base_img_roll {
    position: relative;
    margin-top: 38px;
}
.base_img img,
.base_img #layer_body_pleats,
.base_img #layer_body_vertical,
.base_img_roll img,
.base_img_roll #layer_body_Living,
.base_img_roll #layer_body_Bedroom,
.base_img_roll #layer_body_Workspace,
.base_img #layer_body_home,
.base_img #layer_body_cafe {
    width: 580px;
    height: auto;
    max-width: 100%;
    margin-right: 20px;
    -webkit-backface-visibility: hidden;
}
.base_img #layer_body_pleats,
.base_img #layer_body_vertical,
.base_img_roll #layer_body_Living,
.base_img_roll #layer_body_Bedroom,
.base_img_roll #layer_body_Workspace,
.base_img #layer_body_home,
.base_img #layer_body_cafe  {
    margin-bottom: 7px;
}
.imgTextBox {
    display: flex;
}
.imgText_title {
    width: 48px;
    background-color: #E3E3E3;
    margin: 0 10px 0 0;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.marginTop10 {
    margin-top: 10px;
}
.imgText {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-size: 12px;
    height: 52px;
}
.bluePn {
    font-size: 12px;
    color: #007FFF;
}
.blackPn {
    font-size: 12px;
}
.blue {
    color: #007FFF;
}
.nwpnSize {
    font-size: 12px;
}

.completeImgBox {
    position: relative;
}
.dlBox {
    position: relative;
}

.dlSize_re {
    margin: -50px 30px 0 auto;
    text-align: right;
    width: 70px;
}
.dlSize {
    position: absolute;
    /* bottom: 0; */
    bottom: 8px;
    left: 515px;
    width: 70px;
}
.dlSize2 {
    position: absolute;
    bottom: -60px;
    right: 20px;
}
.dlSize:hover,
.dlSize2:hover {
    cursor: pointer;
}
.dlImg {
    width: 29px!important;
    height: 29px!important;
    margin: 0 0 0 17px;
}
.dlText {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-size: 11px;
    font-weight: 300;
}

.useBtn {
    width: 58.5px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: 495px;
    left: 1125px;
}
.useBtn_roll {
    width: 58.5px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: 510px;
    left: 1125px;
}
.useBtn:hover,
.useBtn_roll:hover {
    opacity: 0.7;
    cursor: pointer;
}

.useText {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-size: 11px;
    font-weight: 600;
    color: #00909F;
    margin-right: 5px;
}
.useImg {
    width: 15px;
    height: 15px;
}

#configure_blinking_rs,
#configure_blinking_vb,
#configure_blinking01,
#configure_blinking02 {
    opacity: 0;
}

/*生地選択*/
.mainBoxSp_top {
    margin-top: 38px;
}

.selectText, .selectText02 {
    /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
    font-size: 13px;
    margin-bottom: 5px;
}
.screenSelectText {
    font-size: 13px;
    height: 45px;
    padding: 15px 0 10px 15px;
    box-sizing: border-box;
    text-align: left;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 30;
}
.wallSelectText {
    font-size: 13px;
    height: 45px;
    padding: 15px 0 10px 15px;
    box-sizing: border-box;
    text-align: left;
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 30;
}
.selectTab,
.selectTab2 {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    width: 100px;
    height: 36.5px;
    background-color: #e3e3e3;
    border: solid 1px #707070;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}    
.selectTab {
    margin-right: 6px;
}
.selectTab span,
.selectTab2 span {
    font-size: 9px;
}
.selectTab:hover,
.selectTab2:hover {
    cursor: pointer;
    color: white;
    background-color: #89C5CC;
}
.selectTab_lv,
.selectTab_lv2 {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    width: 120px;
    height: 36.5px;
    background-color: #e3e3e3;
    border: solid 1px #707070;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.selectTab_lv {
    margin-right: 6px;
}
.selectTab_lv span,
.selectTab_lv2 span {
    font-size: 9px;
}
.selectTab_lv:hover,
.selectTab_lv2:hover {
    cursor: pointer;
    color: white;
    background-color: #89C5CC;
}
    
.selectedTab {
    color: white;
    background-color: #89C5CC;
}
.imgBox {
    width: 338px;
    height: 458px;
    border: solid 1px #000000;
    overflow: scroll;
    margin-right: 10px;
    padding: 0 10px;
    text-align: center;
    position: relative;
}
.imgBox_roll {
    width: 338px;
    height: 458px;
    border: solid 1px #000000;
    overflow: scroll;
    margin-right: 10px;
    padding: 0 10px;
    text-align: center;
    position: relative;
}
.imgBox02 {
    width: 498px;
    height: 458px;
    border: solid 1px #000000;
    overflow: scroll;
    margin-right: 10px;
    padding: 0 10px;
    text-align: center;
}
.imgSubBox {
    width: 176px;
    height: 458px;
    border: solid 1px #000000;
    overflow: scroll;
    padding: 0 16px;
    text-align: center;
}
.color_img {
    width: 150px;
    font-size: 12px;
    margin: 10px 4px;
    position: relative;
}
.color_img img {
    width: 124px;
    height: 60px;
    border: solid 1px #E3E3E3;
    box-sizing: border-box;
}
.color_img button {
    text-align: left;
    border: none;  /* 枠線を消す */
    outline: none; /* クリックしたときに表示される枠線を消す */
    background: transparent; /* 背景の灰色を消す */
}
.color_img button:hover {
    cursor: pointer;
    opacity: 0.7;
}
.permeabilityBox {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    margin-bottom: .3rem;
    font-size: 10px;
    line-height: 1.8;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 3px;
}
.tabColor_shako {
    background-color: black;
    border: 1px solid black;
    color: white;
}
.tabColor_private {
    background-color: #666;
    border: 1px solid #9b9b9b;
    color: white;
}
.tabColor_medium {
    background-color: #ccc;
    border: 1px solid #9b9b9b;
    color: black;
}
.tabColor_see-through {
    background-color: white;
    border: 1px solid #9b9b9b;
    color: black;
}
.color_size {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 12px;
}
.num_size {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-size: 12px;
}
.second_pn {
    position: absolute;
  }

/*.lazyestload {*/
/*    border: 2px solid #00909f;*/
/*    box-sizing: border-box;*/
/*}*/
.selectedGreen img {
    border: 2px solid #00909f;
    box-sizing: border-box;
}

/*モーダル*/
.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}

.modal-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
}

.modal-container {
    width: 87.5%;
    height: 640px;
    max-width: 1042px;
    margin: 3rem auto;
    padding: 1rem 2rem;
    text-align: center;
    background: #F0F0F0;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
}

.closeBtn {
    width: 30px;
    height: 30px;
}
.closeBtn:hover {
    cursor: pointer;
}

/*モーダル開閉時のアニメーション*/

   .modal-enter {
       opacity: 0;
   }

.modal-leave-active {
    opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
    transform: translateY(30px);
}




@media (max-width: 750px) {
    html, body {
        overflow: auto;
        height: 100%;
    }

    .vue {
        width: 100%;
        margin: 0 auto;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .boxFlex01 {
        display: initial;
    }
    .space {
        margin-bottom: 5px;
    }
    .space_sp {
        margin-bottom: 20px;
    }
    .myFooter {
        margin-top: 30px;
    }
    .small {
        font-size: 10px;
        transform: scale(0.9);
    }

    /*トップ*/
    .top_img {
        height: 450px;
        background-position:center bottom;
    }
    .wrap330 {
        width: 88%;
        margin: 0 auto;
    }
    .topImg02 {
        width: 35.95px;
        height: 33.86px;
        padding-top: 35px;
        margin: 0 auto;
    }
    .topImg03 {
        padding-top: 58px;
    }
    .topText01 {
        font-size: 24px;
        padding-top: 15px;
    }
    .topText02 {
        font-size: 16px;
        line-height: 32px;
        margin: 0 auto;
        padding-top: 20px;
        text-align: left;
    }


    /*タブ切替*/
    .tabs .bar {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 33.33333%;
        height: 4px;
        background-color: #00909F;
        transition: 0.5s;
    }

    .mainBoxSelect {
        width: 100%;
    }
    /*ul.tabs {*/
    /*    height: 45px;*/
    /*}*/
    /*.tabs li {*/
    /*    width: 33.33333%;*/
    /*    height: 54px;*/
    /*    font-size: 13px;*/
    /*    line-height: 18px;*/
    /*}*/
    /*.greenBar01 {*/
    /*    width: 33.33333%;*/
    /*}*/
    /*.greenBar02 {*/
    /*    width: 33.33333%;*/
    /*    margin-left: 33.33333%;*/
    /*}*/
    /*.greenBar03 {*/
    /*    width: 33.33333%;*/
    /*    margin-left: 66.66666%;*/

    /*}*/


    /*プルダウン*/
    .mainBox {
        width: 100%;
        margin: 0 auto;
    }
    .mainBoxSp {
        width: 88%;
        /* width: 90%; */
        margin: 0 auto;
    }
    .series {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 16px;
        height: 23px;
        width: 100%;
        margin-top: 25px;
        margin-right: initial;
    }
    .selectedP {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 16px;
        width: 100%;
        height: 36px;
        margin-right: initial;
    }
    .selectedP select {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 16px;
        width: 100%;
        height: 36px;
    }
    .selectedP.sl01::before {
        top: 15px;
    }
    .selectedP.sl01:hover::after {
        top: 15px;
    }
    select option {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 16px;
        color: #000000;
        background-color: white;
    }
    optgroup {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 16px;
        color: #000000;
        background-color: white;
    }



    /*フリー検索*/
    .freeBox {
        width: 98%;
        height: 30px;
        margin-top: 20px;
        margin-right: initial;
    }

    /*リセット*/
    .reset {
        width: 100px;
        height: 36px;
        margin: 20px 0 15px auto;
    }
    .btnRight {
        text-align: right;
    }


    /*検索結果画像*/
    .base_img img,
    .base_img #layer_body_pleats,
    .base_img #layer_body_vertical,
    .base_img_roll img,
    .base_img_roll #layer_body_Living,
    .base_img_roll #layer_body_Bedroom,
    .base_img_roll #layer_body_Workspace {
        margin-right: initial;
    }
    .base_img img {
        width: 100%;
        height: auto;
    }
    .base_img_roll {
        margin-top: 25px;
    }
    .completeImgBox {
        /* position: relative; */
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .useBtn,
    .useBtn_roll {
        width: 58.5px;
        height: 18px;
        position: initial;
        text-align: right;
        margin: 5px 0 0 auto;
    }
    .useText {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 11px;
        font-weight: 600;
        color: #00909F;
        margin-right: 7px;
    }
    .imgTextBox {
        margin-left: 10px;
    }
    .imgTextBox .imgText {
        margin-left: 0;
        height: initial;
    }
    .imgText {
        margin-left: 10px;
        height: initial;
    }

    /*生地選択*/
    .selectText {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 13px;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .selectText02 {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 13px;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .screenSelectText {
        position: initial;
        padding: 15px 0 0 15px;
        z-index: initial;
    }
    .wallSelectText {
        position: initial;
        padding: 15px 0 0 15px;
        z-index: initial;
    }
    .imgBox {
        width: 91%;
        height: 136px;
        border: solid 1px #000000;
        overflow: scroll;
        padding: 0 4% 10px;
    }
    .imgBox_roll {
        width: 91%;
        height: 180px;
        border: solid 1px #000000;
        overflow: scroll;
        padding: 0 4% 10px;
        margin-bottom: 10px;
    }
    .imgBox02 {
        width: 91%;
        height: 150px;
        border: solid 1px #000000;
        overflow: scroll;
        padding: 0 4% 10px;
    }
    .imgSubBox {
        width: 91%;
        height: 97px;
        border: solid 1px #000000;
        overflow: scroll;
        float: left;
        padding: 0 4% 10px;
        margin-bottom: 5px;
    }
    .color_img {
        width: 140px;
        font-size: 11px;
        margin: 20px 5px 0;
    }
    .color_img img {
        width: 130px;
        height: 48px;
    }
    .permeabilityBox {
        margin-bottom: .3rem;
        font-size: 10px;
        line-height: 1.8;
        display: inline-block;
        box-sizing: border-box;
        padding: 0 3px;
    }

    /*モーダル*/
    .modal-mask {
        position: fixed;
        z-index: 9998;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        display: table;
        transition: opacity .3s ease;
    }
    .modal-wrapper {
        height: 812px;
        display: flex;
        align-items: center;
    }
    .modal-container {
        width: 100%;
        height: 100%;
        max-width: initial;
        margin: 0 auto;
        padding: 1rem 1rem;
        text-align: center;
        background: #F0F0F0;
        box-sizing: border-box;
        transition: all .3s ease;
    }
    .closeBtn {
        width: 30px;
        height: 30px;
        margin: 0 0 0 auto;
    }
    .closeBtn, .leftBtn, .rightBtn:hover {
        cursor: pointer;
    }
    .helpImg {
        width: 100%;
        max-width: 414px;
    }
    .leftBtn {
        width: 12.5px;
        height: 25px;
        margin: 80px 20px 0 0;
    }
    .rightBtn {
        width: 12.5px;
        height: 25px;
        margin: 80px 0 0 20px;
    }
    .helpSpText {
        margin: 70px auto 0;
    }
    .helpText {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 13px;
        line-height: 18px;
        text-align: left;
        margin: 5px 0 0 10px;

    }
    .helpText02 {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 18px;
        line-height: 30px;
        text-align: left;
        margin: 5px 0 0 10px;

    }
    .helpText span {
        /*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
        font-size: 18px;
        line-height: 30px;
    }
    .num {
        width: 40px;
        height: 40px;
        margin-bottom: 70px;
    }
}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
    ul.tabs {
        height: 36px;
        overflow: hidden;
        margin: 0 0 0 -35px;
    }
    /*.dlSize {*/
    /*    margin: -40px 30px 0 auto;*/
    /*    text-align: right;*/
    /*    width: 70px;*/
    /*}*/
    .dlImg {
        width: 29px;
        height: 29px;
        margin: 0 0 0 15px;
    }
    .base_img {
        margin-top: 20px;
    }
    .small {
        margin-top: 12px;
    }
    :-ms-input-placeholder {
        color: #D4DCD6;
    }
}