@charset "utf-8";

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

    #main-top2-1 {
    position: relative;
    width: 100%;
}

/*.main-top2-1-img2 {
    position: absolute;
    top: 100px;
    left: 400px;
}*/


#main-top2-2 {
    margin-top: -8px;
    overflow: hidden;
     width: 100%;
}

/*.bxslider img{
    width: 100% !important;
    height: auto !important;
}*/

/*.bxslider img {
    width: 1280px !important;
    height: 490px !important;
}

.bxslider {
    width: 1280px !important;
    height: 490px !important;
    overflow: hidden;
}*/

body {
    color: #42210b;
    font-size: 15px;
    line-height: 1.6;
    background-image: url(../images/creampaper.png);
    background-repeat: repeat;
    /*width: 1120px;*/
}

.main-top2-1-img1{
    width: 100%;
    height: auto;
}

#main-top2-2 img {
    float: left;
    display: inline-block;
    width: 33.33%;
    height: auto;
}





#top-image img{
    width: 100%;
}

#footer-wrap{
    background-color: #f2efe6;
    width: 100%;
}




/*---------------------------------------------------------------------------*/

#header-navi {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#top-image {
    margin: 0 auto;
    width: 100%;
    height: auto;
    /* box-shadow:0px 3px 7px #888;*/
}

#top-main {
    width: 100%;
    margin: 0 auto;
}

/*.bxslider li {
    width: 100% !important;
    margin: 0 auto !important;
    box-shadow: 0px 6px 3px -3px rgba(0,0,0,0.6);
    z-index: 0;
}*/

#main-top2 {
       width: 100%;
    margin: 0 auto;
}








}

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

body {
    color: #42210b;
    font-size: 15px;
    line-height: 1.6;
    background-image: url(../images/creampaper.png);
    background-repeat: repeat;
    width: 1500px;
}

#top-slider {
    height: 625px;
    overflow: hidden;
    position: relative;
    width: 1500px;
    background-size: cover;
    margin-top: -15px;
    /*border-bottom: 10px solid #FFF;*/
}





}

@media only screen and (max-width: 1499px) {
#top-slider {
    height: auto;
}
.bx-wrapper {
    width: 1120px;
}
.bx-wrapper .bx-viewport {
    height: 430px !important;
}
#top-slider .bxslider li {
    width: 1120px !important;
}
.bx-wrapper img {
    height: auto;
    width: 1120px;
}
}

@media only screen and (max-width: 1120px) {
/*#top-navi {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 184px;
    height: 490px;
    background-color: #f4f1e8;
    z-index: 9999;
}

#top-navi p {
    position: absolute;
    font-size: 9px;
    -webkit-transform: scale(0.9);
    color: #838383;
    top: 457px;
    left: 2px;
    width: 185px;
    height: auto;
}*/
}