@CHARSET "UTF-8";


@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}


/**
 * 15.1 Mobile Large 620px
 */

@media screen and (max-width: 620px) {

    .screen-large{
        display: none;
    }
    .screen-small{
        display: initial;
    }

    body{
        padding: 0;
        font-size: 16px;
    }

    img{
        max-width: 100%;
        height: auto;
    }

    #page{
        width: 100%;
        overflow: hidden;
    }


    /*************************************************
        layout
    *************************************************/
    #L01 #area-header.noskin,
    #L02 #area-header.noskin,
    #L03 #area-header.noskin,
    #L07 #area-header.noskin,
    #L08 #area-header.noskin{
        width: 100%;
    }

    #L01 #area-contents.noskin,
    #L02 #area-contents.noskin,
    #L03 #area-contents.noskin,
    #L07 #area-contents.noskin,
    #L08 #area-contents.noskin{
        width: 100%;
    }

    #L01 #area-billboard.noskin,
    #L02 #area-billboard.noskin,
    #L03 #area-billboard.noskin,
    #L07 #area-billboard.noskin,
    #L08 #area-billboard.noskin{
        width: 100%;
    }

    #L01 #area-contents.noskin,
    #L02 #area-contents.noskin,
    #L03 #area-contents.noskin,
    #L07 #area-contents.noskin,
    #L08 #area-contents.noskin{
        width: 100%;
    }

    #L02 #area-main,
    #L03 #area-main,
    #L07 #area-main,
    #L08 #area-main{
        width: 100%;
    }

    #L01 #area-footer.noskin,
    #L02 #area-footer.noskin,
    #L03 #area-footer.noskin,
    #L07 #area-footer.noskin,
    #L08 #area-footer.noskin{
        width: 100%;
    }

    #L02 #area-footer.noskin{
        width: 100%;
    }



    /*************************************************
        header
    *************************************************/
    .wind-bg{
        background: none;
    }

		/*
    #area-header > .wrap > .amm > .amc > .block:nth-child(1),
    #area-header > .wrap > .amm > .amc > .block:nth-child(2){
        background-color: #000;
    }
    */

    #area-header > .wrap > .amm > .amc > .block:nth-child(1) img{
    display: inline-block;
        margin: 0 0 .5em 0;
    }

    #area-header > .wrap > .amm > .amc > .block:nth-child(2){
        display: none;
    }

    .type-1 .menuh .menu-e .mbox{
        margin-left: 0;
    }

    .over-img{
        display: none !important;
    }

    /*************************************************
        side
    *************************************************/
    #area-side-a{
        display: none;
    }


    /*************************************************
        footer
    *************************************************/
    .thunder-bg{
        background: none;
    }
    #footer-bottom-area1,
    #footer-bottom-area2{
        background-color: #000;
    }
    #area-footer .amc{
        margin: 0;
    }
    #area-footer .menuh a, .menuh .mn1{
        white-space: normal;
    }

    #area-footer .plain .col-5{
        margin: 0 10px;
    }
    #area-footer .plain .col-5 .column{
        float: none;
        width: auto;
    }
    #area-footer .plain .col-5 .column p{
        margin-left: 1em;
    }

    body > .zopim{
        display: none;
    }

    #area-contents textarea{
        width: 100% !important;
    }

    #area-footer .box-wrap{
        width: 100% !important;
    }

    /*************************************************
        contents
    *************************************************/
    .page-type-list #area-main .block-content .description,
    .page-type-list #area-main .block-content .images{
        float: none;
        width: auto;
    }
    .page-type-list #area-main .block-content .images{
        text-align: center;
    }

    .index .col-2 .table td.set-1{
        display: block;
        width: 100%;
    }
    .index .col-2 .table td.set-2{
        display: block;
        width: 100%;
    }

    .fsize_l{
        font-size: 100%;
    }
    .lhw h2, .lhw h3, .lhw h4, .lhw th, .lhw td{
        line-height: 1.4em;
    }


    /*************************************************
        index
    *************************************************/
    #L01 #area-billboard{
        width: 100%;
        overflow: hidden;
    }
    #L01 .nivo-slice{
        background-size: contain !important;
    }


    /*************************************************
        https://duzallprint-com-local.aulta.jp/support/
    *************************************************/
    #bk5647 .col-5 .standard .table,
    #bk5647 .col-5 .standard .table thead,
    #bk5647 .col-5 .standard .table tbody,
    #bk5647 .col-5 .standard .table tr,
    #bk5647 .col-5 .standard .table th,
    #bk5647 .col-5 .standard .table td{
        display: block;
    }
    #bk5647 .col-5 .standard .table tr:nth-child(1),
    #bk5647 .col-5 .standard .table tr:nth-child(3){
        display: none;
    }
    #bk5647 .col-5 .standard .table td{
        width: 100%;
        margin: 10px 0;
    }
    #bk5647 .col-5 .standard .table td p:nth-child(1){
        float: right;
        width: 180px;
    }
    #bk5647 .col-5 .standard .table td p:nth-child(2),
    #bk5647 .col-5 .standard .table td p:nth-child(3){
        clear: none;
    }

    #bk5650 .bmc .table,
    #bk5650 .bmc .table thead,
    #bk5650 .bmc .table tbody,
    #bk5650 .bmc .table tr,
    #bk5650 .bmc .table th,
    #bk5650 .bmc .table td{
        display: block;
    }
    #bk5650 .bmc .table td{
        width: 100%;
    }
    #bk5650 .bmc .table td .ac{
        text-align: left;
    }
    #bk5650 .bmc .table td .ac a{
        font-size: 18px;
    }

}