#wrapper {
    padding-top: 0;
}

html,
body {
    height: auto;
    width: auto;
}

@media only screen and (min-width: 768px),
print {


    #factory {
        padding-bottom: 80px;
    }



    #factory .anaviarea {
        position: relative;
        height: 120px;
    }

    #factory .anavi {
        z-index: 1;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #factory .anavi .inner {
        width: 910px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        background-image: url(../img/anavi_line.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        height: 95px;
    }


    #factory .anavi .tit {
        position: absolute;
        left: 10px;
        top: 10px;
    }

    #factory .anavi ul {
        display: block;
        position: absolute;
        left: 110px;
        top: 10px;
    }

    #factory .anavi ul li {
        display: inline;
    }

    #factory .anavi ul li a {
        display: block;
        float: left;
    }


    #factory .content {}



    #factory .mv {
        padding-top: 10px;
        margin-top: 30px;
        margin-bottom: 40px;
        width: 950px;
        margin-left: auto;
        margin-right: auto;
        background-image: url(../img/line.png);
        background-repeat: no-repeat;
        background-position: center top;

    }

    #factory .mv .inner {
        position: relative;
        background-image: url(../img/line.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        padding-bottom: 10px;
    }

    #factory .mv .image {
        float: left;
        width: 480px;
    }

    #factory .mv .texts {
        float: right;
        width: 440px;
        margin-top: 10px;
        margin-right: 20px;
    }


    #factory .mv .texts .read {
        padding: 20px;
        font-size: 123%;
        line-height: 1.85em;
        color: #604c3f;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #factory .mv .texts .btn {
        margin-top: 10px;
    }

    #factory .mv .track {
        position: absolute;
        right: 10px;
        bottom: 0px;
    }


    #factory .mv .texts h1 img {
        width: 100%;
    }


    #factory .items {
        width: 950px;
        margin-left: auto;
        margin-right: auto;
    }

    #factory .items .item {
        position: relative;
        height: 380px;
        overflow: hidden;
        margin-top: 4px;
    }


    #factory .items .item .texts {
        position: absolute;
        left: 570px;
        top: 0;
        width: 370px;
        height: 380px;
    }

    #factory .items .item .texts .hd img {
        width: 100%;
    }


    #factory .items .item .texts .tit {
        background-color: #f2ecdf;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #604c3f;
        padding-left: 20px;
        padding-top: 20px;
    }

    #factory .items .item.hd .texts .tit {
        background-image: url(../img/item_line.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-background-size: 371px 8px;
        -moz-background-size: 371px 8px;
        background-size: 371px 8px;
    }


    #factory .items .item .texts .body {
        padding: 15px;
        font-size: 115%;
        color: #4b2711;
        line-height: 1.55em;
    }

    #factory .items .item .texts .button {
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

    #factory .items .item .texts .button a {
        display: block;
        width: 150px;
    }

    #factory .items .item .texts .button a img {
        width: 100%;
    }



    #factory .items .videobutton {
        background-color: #f2ecdf;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }





    #factoryModal {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999;
    }

    #factoryModal .back {
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../img/modal_back.png);
    }

    #factoryModal .inner {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        width: 700px;
    }

    #factoryModal .inner .close {
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: 1;
    }


    #factoryModal .bottom {
        background-image: url(../img/modal_bar.png);
        background-repeat: repeat-x;
        background-position: left bottom;
        height: 11px;
        position: relative;
        z-index: 1;
    }

    #factoryModal .mitems {}

    #factoryModal .mitem {
        position: relative;
        background-color: #f4ebd7;
    }

    #factoryModal .mitem .hd {
        background-color: #ddd2ba;
        background-image: url(../img/modal_bar.png);
        background-repeat: repeat-x;
        background-position: left top;
        height: 80px;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #604c3f;
    }

    #factoryModal .mitem .hd .mame {
        position: absolute;
        left: 20px;
        top: 25px;
    }

    #factoryModal .mitem .hd .tit {
        position: absolute;
        left: 180px;
        top: 30px;
    }

    #factoryModal .mitem .stit {
        font-size: 140%;
        color: #604c3f;
        margin-bottom: 5px;
    }

    #factoryModal .mitem .body {
        font-size: 107%;
        line-height: 1.8em;
        color: #000;
    }




    #factoryModal .mitem .body .clmL {
        width: 420px;
        float: left;
    }

    #factoryModal .mitem .body .clmR {
        width: 220px;
        float: right;
    }

    #factoryModal .mitem .body .text {
        margin-bottom: 10px;
    }

    #factoryModal .mitem .body .sec {
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #604c3f;
    }

    #factoryModal .mitem .body .sec ul li a {
        color: #036ea6;
    }

    #factoryModal .mitem .body .sec ul li a:hover {
        text-decoration: underline;
    }


    #factoryModal .mitem .body .sec.other {
        padding-top: 40px;
        margin-bottom: 20px;
        padding-bottom: 0px;
    }

    #factoryModal .mitem.mitem0 .body .clmL {
        width: 440px;
    }

    #factoryModal .mitem.mitem0 .body .clmR {
        width: 200px;
    }





    #factoryModal .mitem .body .image {
        margin-bottom: 20px;
    }

    #factoryModal .mitem .body .cap {
        margin-top: 5px;
        font-size: 80%;
        line-height: 1.35em;
    }

    #factoryModal .mitem .body .scrollpane {
        height: 200px;

    }

    #factoryModal .mitem .body .scrollpane .inn {
        padding: 20px;

    }




    #factory .items .item#item1 .texts {
        background-image: url(../img/item1_back.png);
    }



    #factory .items .item#item2 .texts {
        background-image: url(../img/item2_back.png);
    }



    #factory .items .item#item3 .texts {
        background-image: url(../img/item3_back.png);
    }



    #factory .items .item#item4 .texts {
        background-image: url(../img/item4_back.png);
    }



    #factory .items .item#item5 .texts {
        background-image: url(../img/item5_back.png);
    }



    #factory .items .item#item6 .texts {
        background-image: url(../img/item6_back.png);
    }



    #factory .items .item#item7 .texts {
        background-image: url(../img/item7_back.png);
    }



    #factory .items .item#item8 .texts {
        background-image: url(../img/item8_back.png);
    }



    #factory .items .item#item9 .texts {
        background-image: url(../img/item9_back.png);
    }



    #factory .items .item#item10 .texts {
        background-image: url(../img/item10_back.png);
    }



    #factory .items .item#item11 .texts {
        background-image: url(../img/item11_back.png);
    }



    #factory .items .item#item12 .texts {
        background-image: url(../img/item12_back.png);
    }




}

@media only screen and (max-width: 767px) {
    img {
        width: 100%;
    }


    #factory {
        padding-bottom: 50px;
    }


    #factory .anaviarea {
        display: none;
    }


    #factory .mv .inner {
        padding: 15px;
        position: relative;
        padding-bottom: 10px;
    }


    #factory .mv .texts .read {
        margin-top: 10px;
        font-size: 92%;
        line-height: 1.85em;
        color: #604c3f;
    }


    #factory .mv .track {
        display: none;
    }

    #factory .mv .texts .btn {
        margin-top: 10px;
    }




    #factory .items .item {
        position: relative;
        overflow: hidden;
        padding-bottom: 20px;
        margin-top: 4px;
        border-top-color: #8c4f17;
        border-top-width: 1px;
        border-top-style: solid;
    }

    #factory .items .item.hd {
        border-top-width: 0;

    }

    #factory .items .item .image {
        margin: 15px;
        overflow: hidden;
    }

    #factory .items .item .image img {
        width: 170%;
    }


    #factory .items .item .texts .tit {
        background-color: #f2ecdf;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #604c3f;
        padding-left: 10px;
        padding-top: 15px;
    }


    #factory .items .item.hd .texts .tit {
        background-image: url(../img/item_line.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        -webkit-background-size: 100% 8px;
        -moz-background-size: 100% 8px;
        background-size: 100% 8px;
    }

    #factory .items .item .texts .tit img {
        height: 45px;
        width: auto;
    }

    #factory .items .item .texts .body {
        padding: 15px;
        padding-top: 0;
        font-size: 92%;
        color: #4b2711;
        line-height: 1.85em;
    }

    #factory .items .item .texts .button {}


    #factory .items .item .texts .button {
        text-align: center;
    }

    #factory .items .item .texts .button a {
        width: 145px;
        display: inline-block;
    }

    #factory .items .item .texts .button a img {
        width: 100%;
    }





    #factory .items .videobutton {
        margin-bottom: 20px;
    }







    #factoryModal .inner .close a {
        display: block;
        position: fixed;
        z-index: 10;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        background-color: #f2ecdf;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #factoryModal .inner .close img {
        width: 60px;
    }

    #factoryModal .mitems {
        padding-bottom: 60px;
    }

    #factoryModal .mitem {
        position: relative;
        background-color: #fff;
    }

    #factoryModal .mitem .hd {
        background-color: #ddd2ba;
        background-image: url(../img/modal_bar.png);
        background-repeat: repeat-x;
        background-position: left top;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #604c3f;
        padding: 10px;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    #factoryModal .mitem .hd .mame {
        display: none;
    }

    #factoryModal .mitem .hd .tit {
        color: #604c3f;
        font-size: 150%;
        font-weight: bold;
    }

    #factoryModal .mitem .stit {
        font-size: 140%;
        color: #604c3f;
        margin-bottom: 5px;
    }

    #factoryModal .mitem .body {
        font-size: 107%;
        line-height: 1.8em;
        color: #000;
    }




    #factoryModal .mitem .body .text {
        margin-bottom: 10px;
    }

    #factoryModal .mitem .body .sec {
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #604c3f;
    }

    #factoryModal .mitem .body .sec ul li a {
        color: #036ea6;
    }

    #factoryModal .mitem .body .sec ul li a:hover {
        text-decoration: underline;
    }


    #factoryModal .mitem .body .sec.other {
        padding-top: 40px;
        margin-bottom: 20px;
        padding-bottom: 0px;
    }





    #factoryModal .mitem .body .image {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #factoryModal .mitem .body .cap {
        margin-top: 5px;
        font-size: 80%;
        line-height: 1.35em;
    }

    #factoryModal .mitem .body .scrollpane .inn {
        padding: 10px;

    }













}