.loading-area .loadeing-logo-area img {
    display: inline;
}

@media (min-width:751px) {
    /* CSS Document */

    /*mv*/
    #mv {
        background: url(../images/mv.jpg) center center no-repeat;
        background-size: cover;
        height: 460px;
    }

    #mv h2 {
        background: url(../images/ttl.svg) center center no-repeat;
    }

    /* body */

    .dinwrap {
        margin-bottom: 20px;
        position: relative;
    }

    .dinwrap .txt {
        width: 470px;
        padding-top: 50px;
        padding-left: 45px;
        background-color: #FFFFFF;
        position: absolute;
        bottom: -60px;
        left: 0;
    }

    /* #p1 */

    #p1 .cmenu {
        margin-top: 40px;
        margin-bottom: 80px;
    }

    #p1 .cmenu li:last-child a {
        line-height: 50px;
    }

    /* #p2 */
    #p2 .intro {
        background: url(../images/bg_intro.jpg) right bottom 50px no-repeat;
        margin-bottom: 50px;
    }

    #p2 .intro .cflex {
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    #p2 .bx-wrapper {
        box-shadow: none;
        border: none;
        background: transparent;
        width: 700px;
        margin-bottom: 40px;
    }

    #p2 .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: 0;
    }

    #p2 .bx-wrapper .bx-pager {
        text-align: right;
        padding-top: 0;
        bottom: 20px;
        right: 20px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #p2 .bx-wrapper .bx-pager .bx-pager-item {
        width: 20px;
    }

    #p2 .bx-wrapper .bx-pager.bx-default-pager a {
        background: #ffffff;
        text-align: center;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        margin: 0 auto;
    }

    #p2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
    #p2 .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #FFFFFF;
        width: 12px;
        height: 12px;
        border-radius: 6px;
    }

    #p2 .catch {
        width: 278px;
        margin-left: 110px;
    }

    #p2 .txt {
        margin: 0 auto;
        width: 1120px;
    }

    #p2 .txt h5 {
        margin-top: 20px;
    }

    #p2 .ctable {
        width: 470px;
    }

    #p2 .ctable td {
        background-color: #fff;
    }

    #p2 .loopslider { width: 100%; height: 184px; position: relative; overflow: hidden; }
    #p2 .loopslider ul { float: left; width: 1854px !important; }
    #p2 .loopslider li { float: left; width: 372px; display: inline; }
    #p2 .loopslider li img { width: 372px; }
    #p2 .loopslider li:nth-child(2),#p2 .loopslider li:nth-child(4),#p2 .loopslider li:nth-child(6),#p2 .loopslider li:nth-child(7),#p2 .loopslider li:nth-child(9),#p2 .loopslider li:nth-child(11) { float: left; width: 246px; display: inline; }
    #p2 .loopslider li:nth-child(2) img,#p2 .loopslider li:nth-child(4) img,#p2 .loopslider li:nth-child(6) img,#p2 .loopslider li:nth-child(7) img,#p2 .loopslider li:nth-child(9) img,#p2 .loopslider li:nth-child(11) img { width: 246px; }

    /* #p3 */
    #p3 {
        margin-bottom: 100px;
        padding-bottom: 40px;
    }

    #p3 .mainw {
        margin-top: 80px;
    }

    #p3 .txtadd {
        text-align: center;
        font-size: 18px;
    }

    #p3 .cb {
        width: 100%;
        height: 300px;
        position: absolute;
        bottom: 0;
        z-index: -10;
    }

    #p3 ul {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 50px;
    }

    #p3 ul li {
        width: 280px;
        margin-bottom: 50px;
    }
    #p3 ul li .imgwrap {
        width: 100%;
        height: 185px;
        overflow: hidden;
    }
    #p3 ul li .imgwrap img {
        width: 100%;
    }
    #p3 ul li h4 {
        font-size: 20px;
        margin: 30px 0 5px;
    }

    #p3 ul li .price {
        color: #5e6c35;
        margin-bottom: 12px;
    }

    /* #p4 */
    #p4 {
        border-top: 1px solid #d8d8d8;
        margin-bottom: 120px;
    }

    #p4 h3.ch3 strong {
        font-size: 16px;
    }

    #p4 h3.ch3 span {
        line-height: 24px;
    }

    #p4 .list {
        text-indent: -1em;
        margin-left: 1em;
    }

    #p4 .details {
        border: 1px solid #d8d8d8;
        padding: 40px;
        margin: 30px 0;
    }

    #p4 .details .ttl {
        font-size: 18px;
        margin-bottom: 5px;
    }

}

/* End mix-width:751px */


@media (min-width:751px) and (max-width:1300px) {}

@media (min-width:751px) and (max-width:1245px) {}

@media (min-width:751px) and (max-width:1145px) {}

/*End max-width:1145px;*/

@media (min-width: 751px) and (max-width:1045px) {
    /*#bns .w1000 { padding: 35px 2vw 70px; }*/
}


@media (max-width:750px) {

    /*mv*/
    #mv {
        background: url(../images/mv.jpg) center center no-repeat;
        background-size: cover;
    }

    #mv h2 {
        background: url(../images/ttl.svg) center center no-repeat;
        background-size: auto 70vw;
    }

    /* body */

    .dinwrap {
        margin-bottom: 5vw;
    }

    .dinwrap .txt {
        margin-top: 4vw;
    }

    /* #p2 */
    #p2 .intro {
        background: url(../images/bg_intro.jpg) right bottom no-repeat;
        padding-bottom: 60px;
        background-size: 240vw;
    }

    #p2 .intro .cflex {
        justify-content: left;
    }

    #p2 .bx-wrapper {
        box-shadow: none;
        border: none;
        background: transparent;
        margin-bottom: 5vw;
    }

    #p2 .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: 0;
    }

    #p2 .bx-wrapper .bx-pager {
        text-align: right;
        padding-top: 0;
        bottom: 5vw;
        right: 5vw;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    #p2 .bx-wrapper .bx-pager .bx-pager-item {
        width: 20px;
    }

    #p2 .bx-wrapper .bx-pager.bx-default-pager a {
        background: #ffffff;
        text-align: center;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        margin: 0 auto;
    }

    #p2 .bx-wrapper .bx-pager.bx-default-pager a:hover,
    #p2 .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #FFFFFF;
        width: 12px;
        height: 12px;
        border-radius: 6px;
    }

    #p2 .catch {
        width: 58vw;
        margin: 0 auto 7vw;
    }

    #p2 .txt {
        margin: 0 auto;
        width: 88vw;
    }

    #p2 .txt h5 {
        margin-top: 5vw;
    }

    #p2 .ctable th {
        width: 15%;
    }

    #p2 .ctable td {
        background-color: #fff;
    }

    #p2 .loopslider { width: 100%; height: 22vw; position: relative; overflow: hidden; }
    #p2 .loopslider ul { float: left; width: 260vw !important; }
    #p2 .loopslider li { float: left; width: 60vw; display: inline; }
    #p2 .loopslider li img { width: 60vw; }
    #p2 .loopslider li:nth-child(2),#p2 .loopslider li:nth-child(4),#p2 .loopslider li:nth-child(6),#p2 .loopslider li:nth-child(7),#p2 .loopslider li:nth-child(9),#p2 .loopslider li:nth-child(11) { float: left; width: 40vw; display: inline; }
    #p2 .loopslider li:nth-child(2) img,#p2 .loopslider li:nth-child(4) img,#p2 .loopslider li:nth-child(6) img,#p2 .loopslider li:nth-child(7) img,#p2 .loopslider li:nth-child(9) img,#p2 .loopslider li:nth-child(11) img { width: 40vw; }


    /* #p3 */
    #p3 {
        margin-bottom: 15vw;
        padding-bottom: 3vw;
        padding-top: 15vw;
    }

    #p3 .txtadd {
        text-align: center;
    }

    #p3 ul {
        margin-top: 7vw;
    }

    #p3 ul li {
        margin-bottom: 10vw;
    }
    #p3 ul li .imgwrap {
        width: 100%;
        height: 58vw;
        overflow: hidden;
    }
    #p3 ul li .imgwrap img {
        width: 100%;
    }
    #p3 ul li h4 {
        font-size: 6vw;
        margin: 4vw 0 1vw;
        letter-spacing: 0.5vw;
    }

    #p3 ul li .price {
        color: #5e6c35;
        margin-bottom: 3vw;
    }

    /* #p4 */
    #p4 {
        border-top: 1px solid #d8d8d8;
        margin-bottom: 20vw;
    }

    #p4 .w1000 {
        padding-top: 12vw;
    }

    #p4 h3.ch3 strong {
        font-size: 4vw;
    }

    #p4 h3.ch3 span {
        line-height: 6vw;
    }

    #p4 .list {
        text-indent: -1em;
        margin-left: 1em;
    }

    #p4 .details {
        border: 1px solid #d8d8d8;
        padding: 7vw;
        margin: 7vw 0;
    }

    #p4 .details .ttl {
        font-size: 5.5vw;
        margin-bottom: 2vw;
    }
}

/* End (max-width:750px)*/