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

.onlineshop {
	padding-top: 70px;
	padding-bottom: 70px;
}
.onlineshop .cbtn {
	margin: auto;
}

@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;
    }

    /* #p1 */

    #p1 {
        margin-top: 60px;
    }

    #p1 .facwrap {
        margin-bottom: 120px;
        position: relative;
    }

    #p1 .bx-wrapper {
        height: 100% !important;
        margin: 0 auto;
        box-shadow: none;
        border: none;
        background: transparent;
        width: 80%;
        margin: 0 auto 0 0;
    }

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

    #p1 .bx-wrapper .bx-pager {
        text-align: left;
        padding-top: 0;
        bottom: 20px;
        left: 20px;
        display: flex;
        justify-content: left;
        align-items: center;
        z-index: 100;
    }

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

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

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

    #p1 .facwrap .txt {
        width: 30%;
        padding: 50px;
        background-color: #FFFFFF;
        position: absolute;
        bottom: -50px;
        right: 0;
        margin-right: 5%;
        z-index: 70;
    }

    #p1 .txt h3 {
        margin-bottom: 20px;
    }

    #p1 .facwrap a.cbtn2 {
        margin: 20px auto 0 5%;
    }

    #p1 ul.banquet {
        justify-content: space-between;
    }

    #p1 ul.banquet li {
        width: 580px;
    }

    #p1 ul.banquet li h4 {
      font-size: 20px;
      margin: 20px 0 10px;
      letter-spacing: 1px;
    }

    #p1 ul.banquet li p {
      font-size: 16px;
      line-height: 28px;
      letter-spacing: 1px;
    }
    #p1 ul.karaoke {
        margin-top: 120px;
    }

    #p1 ul.karaoke li {
        justify-content: space-between;
        margin-bottom: 80px;
    }

    #p1 ul.karaoke li .img {
        width: 450px;
    }

    #p1 ul.karaoke li .txt {
        width: 710px;
    }

    #p1 ul.karaoke li .txt h4 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    #p1 ul.karaoke li .txt .details {
        text-indent: -1em;
        margin-left: 1em;
    }

    #p1 ul.karaoke li .txt h5 {
        font-size: 18px;
        color: #bf1734;
        margin-top: 10px;
    }

    #p1 ul.karaoke li .txt .ctable {
        margin-top: 22px;
        margin-bottom: 22px;
        width: 500px;
    }

    #p1 ul.karaoke li .txt .ctable th {
        width: 170px;
    }

    /* #p2 */
    #p2 {
        margin-top: 140px;
    }

    #p2 .facwrap {
        margin-bottom: 100px;
        position: relative;
    }

    #p2 .img {
        width: 80%;
        margin: 0 0 0 auto;
    }

    #p2 .facwrap .txt {
        width: 25%;
        padding: 50px 50px 0 0;
        background-color: #FFFFFF;
        position: absolute;
        bottom: 32px;
        bottom: 100px;
        left: 0;
        margin-left: 5%;
    }

    #p2 .txt h3 {
        margin-bottom: 20px;
    }

    #p2 .facwrap a.cbtn2 {
        margin: 20px 5% 0 auto;
    }

    #p2 .facwrap p {
        margin-top: 26px;
        margin-left: 5%;
    }
    #p2 .facwrap p + p {
        margin-top: 1em;
    }

    #p2 ul {
        justify-content: space-between;
    }

    #p2 ul li {
        width: 370px;
    }

    #p2 ul li h4 {
        font-size: 20px;
        margin: 30px 0 20px;
        letter-spacing: 1px;
    }

    #p2 ul li h4 span {
        font-size: 16px;
    }

    #p2 ul li .cbtn2 {
        margin-top: 20px;
        width: 100%;
    }

    /* #p3 */

    #p3 {
        margin-top: 100px;
    }

    #p3 .facwrap {
        margin-bottom: 100px;
        position: relative;
    }

    #p3 .img {
        width: 80%;
        margin: 0 auto 0 0;
    }

    #p3 .facwrap .txt {
        width: 30%;
        padding: 50px;
        background-color: #FFFFFF;
        position: absolute;
        bottom: -50px;
        right: 0;
        margin-right: 5%;
    }

    #p3 .txt h3 {
        margin-bottom: 20px;
    }

    #p3 .facwrap a.cbtn2 {
        margin: 20px 5% 0 auto;
    }

    #p3 .facwrap .ctable {
        margin-top: 20px;
    }

    #p3 ul {
        justify-content: space-between;
        flex-wrap: wrap;
    }

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

    #p3 ul li .price {
        color: #bf1734;
        margin-bottom: 10px;
    }

    /* #p4 */
    #p4 {
        margin: 80px 0 120px;
    }

    #p4 .ctable th {
        width: 290px;
    }

    #p4 .ctable td ul {
        width: 24%;
    }

    #p4 .ctable td ul li {
        line-height: 28px;
    }

    #p4 .ctable td ul li:before {
        content: "・";
        color: #bf1734;
        display: inline-block;
        font-size: 18px;
        padding-right: 3px;
    }
}

/* 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) left -143vw center no-repeat;
        background-size: cover;
    }

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

    /* #p1 */

    #p1 {
        margin-top: 10vw;
    }

    #p1 .facwrap {
        margin-bottom: 15vw;
        position: relative;
    }

    #p1 .bx-wrapper {
        height: 100% !important;
        margin: 0 auto;
        box-shadow: none;
        border: none;
        background: transparent;
    }

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

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

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

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

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

    #p1 .facwrap .txt {
        background-color: #FFFFFF;
        width: 88vw;
        margin: 8vw auto 4vw;
    }

    #p1 .txt h3 {
        margin-bottom: 5vw;
        width: 50vw;
    }

    #p1 .facwrap a.cbtn2 {
        margin: 5vw auto;
    }

    #p1 ul.banquet li {
        margin-bottom: 10vw;
    }

    #p1 ul.banquet li p {
        margin-top: 3vw;
        font-size: 6vw;
    }

    #p1 ul.karaoke {
        margin-top: 10vw;
    }

    #p1 ul.karaoke li {
        margin-bottom: 15vw;
    }

    #p1 ul.karaoke li .txt {
        margin-top: 4vw;
    }

    #p1 ul.karaoke li .txt h4 {
        font-size: 6vw;
        margin-bottom: 2vw;
    }

    #p1 ul.karaoke li .txt .details {
        text-indent: -1em;
        margin-left: 1em;
    }

    #p1 ul.karaoke li .txt h5 {
        font-size: 5vw;
        color: #bf1734;
        margin-top: 2vw;
    }

    #p1 ul.karaoke li .txt .ctable {
        margin-top: 4vw;
        margin-bottom: 4vw;
    }

    #p1 ul.karaoke li .txt .ctable th {
        width: 35%;
    }

    /* #p2 */
    #p2 {
        margin-top: 20vw;
    }

    #p2 .facwrap {
        margin-bottom: 12vw;
        position: relative;
    }


    #p2 .facwrap .txt {
        background-color: #FFFFFF;
        width: 88vw;
        margin: 6vw auto 4vw;
    }

    #p2 .facwrap .txt h3 {
        width: 40vw;
    }

    #p2 .facwrap p {
        margin: 0 auto;
        width: 88vw;
    }
    #p2 .facwrap p + p {
        margin-top: 0.5em;
    }

    #p2 ul li {
        margin-bottom: 10vw;
    }

    #p2 ul li h4 {
        font-size: 6vw;
        margin: 4vw 0 1vw;
        letter-spacing: 1px;
    }

    #p2 ul li h4 span {
        font-size: 4.5vw;
    }

    #p2 ul li .cbtn2 {
        margin-top: 5vw;
    }

    /* #p3 */

    #p3 {
        margin-top: 20vw;
        padding-bottom: 5vw;
    }

    #p3 .facwrap {
        margin-bottom: 15vw;
    }

    #p3 .facwrap .txt {
        width: 88vw;
        padding: 8vw;
        background-color: #FFFFFF;
        margin: 5vw auto;
    }

    #p3 .txt h3 {
        margin-bottom: 4vw;
        width: 60vw;
    }

    #p3 .facwrap a.cbtn2 {
        margin: 20px 5% 0 auto;
    }

    #p3 .facwrap .ctable {
        margin-top: 4vw;
    }

    #p3 ul li {
        margin-bottom: 12vw;
    }

    #p3 ul li h4 {
        margin: 4vw 0 1vw;
        font-size: 6vw;
    }

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

    /* #p4 */
    #p4 {
        margin: 14vw 0 20vw;
    }

    #p4 .ctable th {
        border-right: none;
    }

    #p4 .ctable th,
    .ctable td {
        border-bottom: none;
        display: block;
        width: 100%;
    }

    #p4 .ctable td ul li {
        line-height: 6vw;
    }

    #p4 .ctable td ul li:before {
        content: "・";
        color: #bf1734;
        display: inline-block;
        font-size: 2vw;
        padding-right: 1vw;
    }

}

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