/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* TABLET RESPONSIVE CSS    */
/*****************************************/

.price:nth-of-type(2) {
    max-height: 367px;
    background-size: auto 100%;
}

footer {
    margin-top: 50px;
}
.hidden-ssl #ssl{
        display: none;
}
h1,h2,h3,h4,p{
   // font-family: 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

/* Cookie */
/* --------------------------------------------------------------------------- */
.cookie{
    font-size: 16px;
    line-height: 1.1875;
}

@media screen and (min-width: 769px) {
    #speeds li img {
        height: 132px !important;
        max-width: fit-content;
    }
}

@media screen and (max-width: 996px) {
    .main_txt_2 {
        left: inherit;
        right: 0;
    }

    #main_inner,
    .closing_inner,
    #func_pos .funcs,
    #func_admin .funcs,
    .price,
    .inbox,
    #speeds,
    #whats,
    #footer_link,
    .funcs_sub,
    #speeds,
    #troubles,
    #header .inbox
     {
        width: 100%;
        box-sizing: border-box;
    }
    #speeds{
        overflow: hidden;
    }
    #speeds li{
        width: 21%;
    }
    #troubles li{
        display: flex;
    }
    #header .logo{
        width: calc(100% - 570px);
    }
    #header .logo img{
        height: auto;
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .inbox{
        padding: 0 20px;
    }
    #header .inbox{
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 920px) {
    #header .logo{
        margin-top: 1.3vw;
    }
}

.tel_number_text_hd:hover, .tel_number_text_hd2:hover, .tel_number_text_hd3:hover{
  font-weight: 700;
  font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
}


/*****************************************/
/* MOBILE RESPONSIVE CSS    */
/*****************************************/

@media screen and (max-width: 768px) {
    /* Common Reset */
    /* --------------------------------------------------------------------------- */
    img {
        max-width: 100%;
        height: auto;
    }

    #movie_wrapper,
    #movie_wrapper iframe,
    .w650,
    #troubles,
    .troubles_inner,
    .price p,
    .funcs_sub,
    .tel_number_text_body,
    .tel_number_text_body2,
    .tel_closing,
    #func_pos .funcs li,
    #copyright_r,
    .funcs_sub {
        width: 100%;
        box-sizing: border-box;
    }

    .funcs_sub.auto,
    #troubles li,
    #speeds {
        display: flex;
        flex-direction: column;
    }

    .t_pos{
        font-size: 6.25vw;
        line-height: 1.1052;
    }

    .t_pos span{
        font-size: 4.375vw;
        line-height: 1.4;
        margin-bottom: 1.5625vw;
    }

    .txt_pos{
        font-size: 4.15vw;
        color: #4b4b4b;
        line-height: 1.4;
        margin-bottom: 6.25vw;
    }

    .mb40 {
        margin-bottom: 6.25vw;
    }
    .mb60 {
        margin-bottom: 9.375vw;
    }

    /* ********************************************************************************** */
    /* POS Page */
    /* ********************************************************************************** */

    /* MV Module */
    /* --------------------------------------------------------------------------- */

    #main {
        background: url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/sp/pos/main_txt_2.jpg) no-repeat bottom #f6f6f6;
        background-size: 100% auto;
    }

    #main_inner {
        height: 100vw;
    }

    .main_txt_1 {
        left: 2.34375vw;
        top: 2.34375vw;
    }

    .main_txt_1 img {
        width: 94.53125vw !important;
    }

    .main_txt_2 {
        display: none;
    }

    /* Closing Module */
    /* --------------------------------------------------------------------------- */

    .txt_closing {
        max-width: 87.5vw;
        margin: -13.75vw auto 0;
    }

    .txt_closing_s {
        max-width: 90%;
        margin: -9.3755vw auto 0;
    }

    .t_closing {
        max-width: 97%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .tel_number_text_body2, .tel_closing img, .btn_closing img{
        display: none;
    }

    .closing{
        padding: 3.59375vw 0 8.4375vw;
    }

    .closing_inner{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 4.0625vw;
    }

    .tel_closing, .btn_closing{
        width: 45.3125vw;
        height: 23.4375vw;
        padding: 0;
    }

    .tel_closing a{
        background: url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/sp/common/tel_closing.png) no-repeat center;
        background-size: cover;
        display: flex;
        height: 100% !important;
        width: 100%;
    }

    .btn_closing a{
        background: url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/sp/common/btn_closing.png) no-repeat center;
        background-size: cover;
        display: flex;
        height: 100% !important;
        width: 100%;
        animation: none;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
    }

    #pos .btn_closing a{
        background: url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/sp/pos/btn_closing.png) no-repeat center;
        background-size: cover;
        display: flex;
        height: 100% !important;
        width: 100%;
        animation: none;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
    }
    #pos .btn_closing a:hover{
        animation: none;
    }

    /* What Module */
    /* --------------------------------------------------------------------------- */
    #what{
        padding: 6.25vw 3.125vw 12.5vw;
    }
    
    #whats{
        display: flex;
        flex-wrap: wrap;
        max-width: 79.6875vw;
        margin: 0 auto -4.6875vw;
        justify-content: space-between;
    }

    #whats li{
        width: 50%;
        max-width: 37.5vw;
        margin: 0 0 4.6875vw !important;
        padding: 34.375vw 0 0;
        background-size: 31.40625vw auto;
    }

    #whats li dt{
        font-size: 4.375vw;
        line-height: 1.2;
    }

    #whats li dd{
        font-size: 3.125vw;
        line-height: 1.2;
    }

    /* Easy Module */
    /* --------------------------------------------------------------------------- */
    #easy{
        top: -14.0625vw;
        padding: 9.375vw 0 3.125vw;
    }
    #easy .center img{
        width: 71.5625vw;
    }

    #movie_wrapper{
        width: 92.1875vw;
        height: 51.5625vw;
        margin: 0 auto;
    }

    #movie_wrapper iframe{
        height: 100%;
    }

    /* Function Module */
    /* --------------------------------------------------------------------------- */
    .dnd_area-row-4-padding + .dnd_area-row-5-padding{
        padding: 3.125vw 0 4.6875vw !important;
    }
    #pos .row-number-11 .center img{
        width: 71.5625vw;
    }
    #func_pos .center img, #func_admin .center img{
        width: 56.71875vw;
    }
    .t_pos.mb60 {
        margin-bottom: 4.6875vw;
    }

    #func_pos, #func_admin{
        padding: 9.375vw 0 12.5vw;
    }

    #func_admin .funcs{
        max-width: 65.625vw;
        margin: 0 auto;
    }

    #func_admin h3, #func_pos h3{
        top: -15.3125vw;
    }

    #func_pos .funcs li, #func_admin .funcs li{
        margin: 0 !important;
        text-align: center;
        float: none;
        width: auto;
    }

    #func_pos .funcs li + li, #func_admin .funcs li + li{
        margin-top: 6.25vw !important;
    }

    #func_pos .funcs li h4, #func_admin .funcs li h4{
        font-size: 5.9375vw;
        line-height: 1.2;
        margin: 3.125vs 0 1.5625vw ;
        padding-left: 0;
    }

    #func_pos .funcs li p{
        font-size: 3.125vw;
        line-height: 1.4;
        max-width: 48.4375vw;
        margin: 0 auto;
        text-align: left;
    }

    #func_admin .funcs li p{
        font-size: 3.125vw;
        line-height: 1.4;
        max-width: 63.4375vw;
        text-align: left;
        padding-left: 0;
    }

    #func_pos .funcs img{
        width: 48.4375vw;
        margin: 0 auto;
    }

    #func_admin .funcs img{
        width: 65.625vw;
        margin: 0 auto;
    }

    .funcs_sub.auto{
        margin-left: 3.125vw;
        margin-right: 3.125vw;
        padding: 3.125vw 4.6875vw 4.6875vw;
        width: calc(100% - 6.25vw);
    }

    .funcs_sub dl{
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .funcs_sub dl+dl{
        margin-top: 3.125vw !important;
    }

    .funcs_sub dt{
        margin-bottom: 3.125vw;
        padding: 1.5625vw;
        font-weight: bold;
        font-size: 4.375vw;
        line-height: 1;
        display: flex;
        align-items: center;
    }

    .funcs_sub dd ul{
        margin: 0 !important;
        width: 50%;
    }

    .funcs_sub dd ul li {
        font-size: 3.75vw;
        line-height: 1.4;
        margin-left: 1em;
    }

    .row-number-12 + .dnd_area-row-7-padding{
        padding-bottom: 4.6875vw !important;
        margin-bottom: 0 !important;
    }

    /* Trouble Module */
    /* --------------------------------------------------------------------------- */
    #trouble{
        padding: 4.6875vw 0 9.375vw;
    }

    #trouble h2{
        min-height: 14.84375vw;
        background-size: auto 100%;
    }

    #troubles{
        width: 87.5vw;
        margin: 0 auto;
    }

    #trouble .mb60{
        margin-bottom: 3.125vw;
    }

    #troubles li{
        padding: 4.6875vw 0;
    }
  
    #troubles li:last-child{
        border-bottom: none;
    }

    .txt_troubles{
        float: none;
        margin-bottom: 3.125vw;
        width: 100%;
    }

    .txt_troubles img{
        width: 69.6875vw !important;
    }

    .troubles_inner{
        padding: 0 3.125vw;
        float: none;
        width: initial;
    }

    .troubles_inner h3{
        font-size: 5vw;
        line-height: 1.2;
        margin-bottom: 3.125vw;
    }

    .troubles_inner p{
        font-size: 4.15vw;
        line-height: 1.4;
    }

    .troubles_inner img{
        width: 100%;
    }
    .mb20{
        margin-bottom: 3.125vw;
    }

    /* Price Module */
    /* --------------------------------------------------------------------------- */
    #price{
        padding-bottom: 15.625vw;
    }
    #price h2{
        margin: 5.625vw 0 5.3125vw;
        padding: 4.21875vw 0 2.96875vw;
    }

    #price h2 img{
        margin-top: -14.625vw;
        width: 81.25vw;
    }

    .price{
        max-width: 90vw;
        margin: 0 auto;
        padding: 0;
        background: #fff !important;
        border: 2px solid #dbdbdb;
        max-height: initial !important;
    }

    .price+.price{
        margin-top: 9.375vw;
    }

    .price p{
        font-size: 4.0625vw;
        padding: 3.125vw 3.125vw 6.250vw;
        line-height: 1.46;
    }

    /* FAQ Module */
    /* --------------------------------------------------------------------------- */
    .row-number-20 + .dnd_area-row-11-margin{
        margin-bottom: 7.5vw !important;
    }

    #qa.mb100{
        margin-bottom: 9.375vw ;
      padding-bottom: 0 !important;
    }

    .inbox .qa{
        margin-left: 0;
        margin-right: 0;
      
    }

    .qa dt{
        background: url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/top/tg_qa_off.png) no-repeat 95% center, #f7f7f7 url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/top/ico_q.png) no-repeat 3.125vw center;
        margin-top: 4.0625vw;
        padding: 3.125vw 11.40625vw 3.125vw 9.375vw;
        font-weight: bold;
        font-size: 4.375vw !important;
        line-height: 1.2;
        border-radius: 5px;
        box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.3);
        background-size: 7.5vw auto, 4.53125vw auto;
    }

    .qa dt.on{
        background: url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/top/tg_qa_on.png) no-repeat 95% center, #f7f7f7 url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/top/ico_q.png) no-repeat 3.125vw center;
        background-size: 7.5vw auto, 4.53125vw auto;
    }

    .qa dd {
        margin-top: 2.65625vw;
        padding: 3.125vw;
        font-size: 4.375vw !important;
        line-height: 1.4;
        background-color: #fff8ee;
        border-radius: 5px;
    }


    /* Speed Module */
    /* --------------------------------------------------------------------------- */
    #speeds{
        align-items: center;
    }

    #speeds li{
        width: 80vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
        margin-bottom: 3.125vw;
        margin-right: 0 !important;
    }
  
    #speeds li:last-child img {
        max-width: 100%;
    }

    #speeds li div {
        width: 20.625vw;
        left: 4vw;
    }

    #speeds li dl {
        width: 54.6875vw;
        padding-left: 4.6875vw;
        box-sizing: border-box;
    }

    #speeds li dt {
        margin: 0 0 3.125vw;
        font-size: 4.6875vw;
        line-height: 1.2;
        text-align: left;
    }

    #speeds li dt:after{
        display: none;
    }

    #speeds li dd {
        font-size: 4.375vw;
        line-height: 1.4;
        padding: 0;
    }

    #speed.mb100{
        margin-bottom: 10vw;
    }

    /* Footer */
    /* --------------------------------------------------------------------------- */
    #footer_dsc, #footer .bgbox, #copyright_r{
        display: none;
    }

    footer{
        margin-top: 0;
    }

    #footer{
        margin-top: 10.66666vw;
    }

    #copyright_r{
        display: none;
    }

    #footer_link{
        display: flex;
        flex-wrap: wrap;
        padding: 0 !important;
        margin-bottom: 0;
    }

    #footer_link li{
        width: 50%;
        border-right: 1px solid #707070;
        border-top: 1px solid #707070;
        background: #f2f2f2;
        margin-right: 0;
        box-sizing: border-box;
    }

    #footer_link li a{
        font-size: 3.125vw;
        line-height: 1;
        display: block;
        padding: 4.6875vw;
        text-align: center;
        color: #333;
        background: #f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAYCAMAAABDT2Q4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVQTFRF8vLyZmZmgICA6enpb29vvb292NjYeDHX8AAAAERJREFUeNpiYGBgZWFjwAtYGRlZmAkoYGRkwqeEhZGQErahpQTsZaopoUAFQVsIKiDo28GggIHIKGFipiglE8wNAAEGAJfQAZWkNo1VAAAAAElFTkSuQmCC) no-repeat right center;
        background-size: 5.15625vw auto;
    }

    #footer_link li:first-child{
        border-left: 1px solid #707070;
    }
    #footer_link li:nth-child(2){
        display: none;
    }
    #footer_link li:last-child{
        width: 100%;
        border-left: 1px solid #707070;
        border-bottom: 1px solid #707070;
    }

    /* Header */
    /* --------------------------------------------------------------------------- */
    #header{
        border: none;
        margin-bottom: 0;
    }

    #header_copy{
        font-size: 2.03125vw;
        line-height: 1.5;
    }

    #header .inbox{
        width: 100%;
        box-sizing: border-box;
        padding: 3.125vw;
    }

    #header .logo{
        width: 56.25vw;
        margin-top: 0;
    }

    #header .header_closing{
        width: 32.03125vw;
    }

    #header .header_closing .telbox{
        display: none;
    }

    #header .header_closing .cf{
        display: flex;
        align-items: center;
    }

    #header .header_closing .btn{
        width: 14.6875vw;
        margin-right: 2.65625vw;
    }

    #header .header_closing .tel_number_text_hd{
        width: 14.6875vw;
        height: 14.6875vw;
        background: url(//43632288.fs1.hubspotusercontent-na1.net/hubfs/43632288/raw_assets/public/StoreDenwa_Theme/img/sp/common/tel_header.png) no-repeat top left;
        background-size: 100% auto;
        font-size: 0;
        position: static;
    }

    .inbox{
        padding: 0 3.125vw;
    }

    .tl_inner{
        padding: 3.125vw;
        border-top: 1.5625vw solid #be0000;
    }

    .tl_inner h1, .tl_inner h2{
        font-size: 4.6875vw;
    }


    /* Company */
    /* --------------------------------------------------------------------------- */
    .company table {
        width: 100%;
        border-collapse: collapse;
        border-top: 2px dotted #a9acb2;
    }

    .company th,
    .company td {
        line-height: 1.6;
    }

    .company tbody th,
    .company tbody td {
        border-bottom: 0.3125vw dotted #a9acb2;
    }

    .company tbody th {
        font-size: 3.125vw;
        width: 25vw;
        text-align: right;
        font-weight: bold;
        padding: 3.125vw;
        color: #333;
        background-color: #fde4e5;
    }

    .company tbody td {
        font-size: 3.4375vw;
        padding: 3.125vw;
        background-color: #fff;
    }

    .company tbody tr:nth-child(even) th {
        background-color: #f7d4d5;
    }

    .company tbody tr:nth-child(even) td {
        background-color: #fffcfc;
    }

    .tm{
        font-size: 4.6875vw;
        margin-top: 3.125vw;
        margin-bottom: 3.125vw;
    }

    .row-fluid .dnd_area-row-1-margin, .row-fluid .dnd_area-row-2-margin{
        margin-bottom: 10.9375vw !important;
    }

    .row-fluid .dnd_area-row-3-margin{
        margin-bottom: 15.625vw !important;
    }


    /* Cookie */
    /* --------------------------------------------------------------------------- */
    .cookie{
        font-size: 4.0625vw;
        line-height: 1.5;
        margin-bottom: 16.27906vw;
    }

    #header_copy{
        padding: 0.9375vw 0 0.78125vw;
    }
}

@media screen and (min-width: 640px){
  .hidden-pc {
      display: none !important;
  }
  #case li.case_item .case_inner{
    display:none !important;
  }
}

.tel_number_text_body2 a, .tel_number_text_body2 a:hover,
.tel_number_text_body a, .tel_number_text_body a:hover{
    font-weight: 700;
    text-decoration: none;
    color: #bf0e00!important;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, sans-serif;
}