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

    /*mv*/
    .slide_wrp_i {
        max-width: 100%;
        min-width: 1200px;
        overflow: hidden;
        position: relative;
        height: 660px;
        /*height: -webkit-calc(100vh - 90px);
        height: calc(100vh - 90px);*/
        background: #000000;
    }

    .slide_wrp_i .bx-wrapper {
        margin: 0 auto;
        height: 660px;
    }

    .slide_wrp_i .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: none;
        left: 0;
        height: 100% !important;
    }

    .bx-wrapper .bx-pager {
        bottom: 10px;
        right: 10px;
        width: auto;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.6);
        vertical-align: middle;
        border-radius: 0;
    }

    .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #6d2c67;
        opacity: 1;
    }

    .tab.tate .slide_wrp_i,
    .tab.tate .slide_wrp_i .bx-wrapper,
    .tab.tate .slide_wrp_i .bx-wrapper .bx-viewport {
        height: 570px;
    }

    .slide_wrp_i:before,
    .slide_wrp_i:after {
        background: none;
    }

    .slide_wrp_i .slide_i {
        width: 100%;
        height: 100%;
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0;
    }

    .slide_wrp_i .slide_i li:first-child {
        background: url("../images/mv1.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(2) {
        background: url("../images/mv2.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(3) {
        background: url("../images/mv3.jpg") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_wrp_i .slide_i li:nth-child(4) {
        background: url("../images/mv4.jpg?2410") center center no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    }

    .slide_roo {
        height: 400px;
    overflow: hidden;
    width: 950px;
    }

    .slide_wrp_i #cc {
        position: absolute;
        top: 50%;
        margin-top: -94px;
        left: 50%;
        margin-left: 48px;
    }

    .slide_wrp_i #fv_scroll {
        position: absolute;
        bottom: 15px;
        left: 50%;
        margin-left: -21px;
        display: block;
        width: 60px;
        color: #ffffff;
        padding-bottom: 20px;
        letter-spacing: 1px;
        font-size: 15px;
        text-align: center;
    }

    .slide_wrp_i #fv_scroll:after {
        content: "\f107";
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -6px;
        font-size: 18px;
        font-family: FontAwesome;
        transition: 0.3s ease-in-out;
    }

    .slide_wrp_i #fv_scroll:hover span {
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;
    }

    .slide_wrp_i #fv_scroll:hover {
        opacity: 1;
    }

    .slide_wrp_i #fv_scroll:hover span {
        opacity: 0.5;
    }

    .slide_wrp_i #fv_scroll:hover:after {
        bottom: -5px;
    }


    #rsv_i {
        position: static;
        padding-top: 30px;
        margin-top: -30px;
    }

    #rsv_i .inner {
        background: #000000;
    }

    #rsv_i .mainw {
        height: 260px;
        background: none;
        padding-top: 10px;
        height: 90px;
    }

    #rsv_i .member {
        bottom: 5px;
    }

    #bestrate {
        height: 160px;
        /*background: url("../images/index/bg_bestrate.jpg") repeat-x;*/
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    #bestrate .bg {
        position: absolute;
        top: 0;
        width: 29vw;
        width: -webkit-calc(50% - 340px);
        width: calc(50% - 340px);
        left: 0;
        height: 160px;
        background: #6d2c67;
        text-align: right;
    }

    #bestrate .bg img {
        height: 160px;
    }

    #bestrate .mainw {
        position: relative;
    }

    #bestrate .mainw h3 {
        padding-top: 37px;
        color: #ffffff;
        font-size: 22px;
        float: left;
        line-height: 28px;
    }

    #bestrate .mainw h3 span {
        font-size: 12px;
    }

    #bestrate .mainw img {
        position: absolute;
        right: -25px;
        top: 0;
    }

    .infomation {
        width: 55rem;
/*        left: 50%;*/
        float: none;
        border: #e6e6e6 1px solid;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
        background-color: #fff;
        border-top: #6d2c67 3px solid;
        padding: 10px 30px;
        margin: 20px auto;
/*        margin-left: -360px;*/
        position: relative;
    }
    .infomation h4 {
        font-size: 18px;
        color: #6d2c67;
        margin-bottom: 20px;
        line-height: 24px;
        text-align: center;
    }

     .bnr {
        width: 950px;
        left: 50%;
        margin-left: -360px;
        margin-bottom: 20px;
        position: relative;
     }
     .bnr img {
        display: block;
        max-width: 100%;
        margin: auto;
     }
      .bnr p {
        color: #6d2c67;
        text-align: center;
        margin-top: 10px;
        line-height: 1.5;
     }

    article {
        width: 100%;
        overflow: hidden;
    }

    #bn {
        margin: 30px 0;
        text-align: center;
    }

    #intro {
        text-align: center;
    }

    #intro .img_hidden {
        background: url("../images/bg_intro.jpg") center top no-repeat;
        background-size: cover;
        padding-top: 70px;
    }

    /*appeal*/
    #appeal {
        position: relative;
    }

    #appeal .mainw {
        position: relative;
        z-index: 3;
    }

    #appeal h3 {
        text-align: center;
        margin-left: 180px;
    }

    /*hotspring*/
    #hotspring {
        margin-bottom: 180px;
    }

    #hotspring .mar {
        margin-bottom: 60px;
    }

    /*rooms*/
    #rooms {
        margin-bottom: 180px;
    }

    #rooms .mar {
        margin-bottom: 60px;
    }

    #rooms .roo_title {
        text-align: center;
        margin-bottom: 30px;
    }

    /*facilities*/
    #facilities .mar {
        margin-bottom: 60px;
    }

    #facilities a.cbtn {
        color: #fff;
        border: #6d2c67 1px solid;
    }

    #facilities a.cbtn:hover {
        color: #4c4948;
        border: #b5b5b5 1px solid;rgba(109, 44, 103, 0);
    }

    /*cuisine*/
    #cuisine {
        margin-bottom: 180px;
    }

    #cuisine .det {
        overflow: hidden;
        margin: 30px 0 60px;
    }

    #cuisine a.cbtn {
        color: #fff;
        border: #6d2c67 1px solid;
        width: 360px;
    }

    #cuisine a.cbtn:hover {
        color: #4c4948;
        border: #b5b5b5 1px solid;rgba(109, 44, 103, 0);
    }

    #cuisine .mar {
        margin-bottom: 60px;
    }

    #cuisine .txt {
        width: 580px;
    }

    #cuisine .txt p {
        margin-bottom: 10px;
    }

    #cuisine strong {
        color: #6d2c67;
    }

    #cuisine .right {
        width: 320px;
    }

    #cuisine .cb {
        position: relative;
        padding: 45px 0 0 160px;
        height: 200px;
        text-align: left;
        margin: 100px 0 160px;
    }

    #cuisine .cb .bg {
        position: absolute;
        left: 160px;
        top: -70px;
    }

    #cuisine .cb .img {
        position: absolute;
        right: 50px;
        top: -50px;
        background:#000;
    }

    #cuisine .bx-wrapper {
        margin: 0 auto 30px;
        width: 540px;
        height: 371px;
    }

    #cuisine .bx-wrapper .bx-viewport {
        left: 0;
        width: 670px;
        height: 460px;
    }

    #cuisine .bx-wrapper .bx-pager {
        bottom: 10px;
        right: 10px;
        width: auto;
    }

    #cuisine .bx-wrapper .bx-pager.bx-default-pager a {
        width: 20px;
        height: 20px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.6);
        vertical-align: middle;
        border-radius: 0;
    }

    #cuisine .bx-wrapper .bx-pager.bx-default-pager a:hover,
    #cuisine .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #6d2c67;
        opacity: 1;
    }

    #cuisine .cb p {
        position: absolute;
        top: 280px;
        left: 50px;
        width: 310px;
        color: #1a1b21;
    }

    #cuisine .sake { width: 935px; height: 540px; background: url(../images/cui_sak.jpg) left top no-repeat;
         }
    #cuisine .sake p { padding: 165px 0 0 575px; }

    /*pet*/
    .pet .lead {
        background: url("../images/ashi.png") center 50px no-repeat;
    }

    .pet .lead h3 {
        margin-bottom: 20px;
    }

    .pet .lead strong {
        color: #6d2c67;
    }

    .pet ul.kanbanneko {
        height: 295px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .pet ul.kanbanneko li {
        /*float: left;
        width: 225px;
        margin-right: 16px;*/
        width: 180px;
        margin:0 auto;
    }

    .pet ul.kanbanneko li:last-child {
        margin-right: 0;
    }

    .pet ul.kanbanneko li p {
        text-align: center;
        padding-top: 8px;
        font-size: 20px;
    }

    #petinfo .inner {
        width: 100%;
        height: 840px;
        position: relative;
        /*margin-top: 35px;*/
    }

    #petinfo .infotxt {
        width: 475px;
        position: absolute;
        left: 54%;
        margin-left: -55px;
        top: 25px;
        font-size: 15px;
        line-height: 28px;
    }

    #petinfo .demukae {
        width: 43vw;
        width: -webkit-calc(50% - 95px);
        width: 419px;
        height: 276px;
        background: url("../images/demukae.jpg") center center no-repeat;
        background-size: cover;
    }

    #petinfo .rule {
        width: 62vw;
        width: -webkit-calc(50% + 195px);
        width: 850px;
        background: url("../images/bg.jpg") repeat #f1f1f1;
        border: rgba(96, 76, 63, 0.85) 1px solid;
        position: absolute;
        right: -1px;
        bottom: 135px;
        padding: 45px 0 45px 40px;
    }

    #petinfo .rule .neko {
        position: absolute;
        right: 100px;
        top: 100px;
    }

    #petinfo .rule .neko2 {
        position: absolute;
        right: 20px;
        bottom: -45px;
    }

    #petinfo .rule h4 {
        background: url("../images/icon_ashi.png") left center no-repeat;
        font-size: 22px;
        padding-left: 45px;
        margin-bottom: 20px;
        height: 30px;
        line-height: 30px;
    }

    #petinfo .rule h4 span {
        font-size: 14px;
        display: inline-block;
        padding-left: 5px;
    }

    #petinfo ul.btns {
        margin: 20px 0;
    }

    #petinfo ul.btns li {
        float: left;
        margin-right: 5px;
    }

    .loopslider {
        width: 100%;
        height: 300px;
        position: relative;
        overflow: hidden;
        margin: 130px 0 30px;
    }

    .loopslider ul {
        float: left;
    }

    .loopslider li {
        width: 300px;
        height: 300px;
        overflow: hidden;
        float: left;
        display: inline;
        background-size: cover;
    }

    .loopslider li a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .loopslider li img {
        width: 300px;
    }

    #pet .btn_insta {
        margin: 0 auto;
        background: url("../images/index/icon_insta.png") 15px center no-repeat, url("../images/icon_arrow_p.png") right 17px center no-repeat rgba(109, 44, 103, 0);
        padding-left: 40px;
    }

    #pet .btn_insta:hover {
        background: url("../images/index/icon_insta_on.png") 15px center no-repeat, url("../images/icon_arrow.png") right 17px center no-repeat #6d2c67;
    }

    /*#pet .btn_insta:before { content: "\f16d"; font-family: FontAwesome; color: #6d2c67; font-size: 24px;
        padding-right: 5px; }*/

    /*no*/
    #no {
        background: #1a1b21;
        padding-top: 50px;
        height: 300px;
    }

    #no .right {
        right: -130px;
        position: relative;
        width: 623px;
    }

    #no .left {
        width: 327px;
    }

    /*plan*/
    #plan {
        width: 100%;
        padding: 75px 0 100px;
    }

    /*@media (min-width:1601px){ #plan { background-size: 100% auto; } }*/
    #plan .mainw {
        position: relative;
    }

    #plan h3 {
        margin-bottom: 40px;
    }

    #plan ul.cf {
        margin-bottom: 30px;
    }

    #plan ul.cf li {
        width: 225px;
        position: relative;
        float: left;
        margin-right: 16px;
    }

    #plan ul.cf li:last-child {
        margin-right: 0;
    }

    #plan ul.cf li a {
        display: block;
        position: relative;
    }

    #plan ul.cf li a:hover {
        opacity: 1;
    }

    #plan ul.cf li a .img {
        height: 158px;
        overflow: hidden;
        margin-bottom: 15px;
        position: relative;
        z-index: 1;
        transition: 2s;
    }

    #plan ul.cf li a .img img {
        /*width: 260px;*/
        transition: 2s;
        max-width: 150%;
        transform-origin: center center;
        transform: scale(1);
    }


    #plan ul.cf li a:hover .img {
        opacity: 1;
    }

    #plan ul.cf li a:hover .img img {
        opacity: 1;
        /*width: 280px;*/
        transform: scale(1.1);
    }

    #plan ul.cf li a p {
        transition: 0.3s;
    }

    #plan ul.cf li a:hover p,
    #plan ul.cf li a:hover h4 {
        opacity: 0.5;
    }

    #plan ul.cf li h4 {
        font-size: 15px;
        line-height: 21px;
        margin-bottom: 15px;
        transition: 0.3s;
        color: #1A1B21;
    }

    #plan ul.cf li p.price {
        font-size: 14px;
        line-height: 28px;
        text-align: left;
        border-top: #b7ac9e 1px dashed;
        border-bottom: #b7ac9e 1px dashed;
        color: #1A1B21;
    }

    #plan ul.cf li p.price span {
        color: #6d2c67;
    }

    #plan ul.btnlist {
        overflow: hidden;
        margin: 0 auto;
    width: 620px;
    }

    #plan ul.btnlist li {
        float: left;
    margin-right: 18px;
    }

    #plan ul.btnlist li:last-child{
         margin-right: 0;

    }
/*  ボタンが一つの時はこちら適用ここから */
    #plan ul.btnlist {
        text-align: center;
    }
    #plan ul.btnlist li {
        display: inline-block;
        float: none;
        margin-right: 0;
    }
/*  ボタンが一つの時はこちら適用ここまで */

    #plan a.cbtn {
        color: #fff;
        border: #6d2c67 1px solid;
    }

    #plan a.cbtn:hover {
        color: #4c4948;
        border: #b5b5b5 1px solid;rgba(109, 44, 103, 0);
    }

    #plan a.cbtn2 {
        color: #4c4948;
        border: #b5b5b5 1px solid;
    }

    #plan a.cbtn2:hover {
        color: #fff;
        border: #6d2c67 1px solid;
    }

    /*groupplan*/
    #groupplan {
        padding-bottom: 100px;
    }

    #groupplan h3 {
        margin-bottom: 40px;
    }

    #groupplan h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    #groupplan ul {
        display: flex;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    #groupplan ul li {
        width: 540px;
        display: flex;
    }

    #groupplan ul li .group_img {
        width: 260px;
        margin-right: 10px;
    }

    #groupplan ul li .group_img img {
        width: 100%;
    }

    #groupplan ul li .group_detail {
        width: 270px
    }

    #groupplan ul li .group_price span {
        color: #6d2c67;
    }

    #groupplan .group_note {
        text-align: center;
    }

    /*nearbyfacility*/
    #nearbyfacility {
        padding-bottom: 100px;
    }

    #nearbyfacility h3 {
        margin-bottom: 40px;
    }

    #nearbyfacility ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 25px;
    }

    #nearbyfacility ul li {
        width: 260px;
        margin-bottom: 20px;
    }

    #nearbyfacility ul li .nearby_img {
        width: 260px;
        margin-bottom: 10px;
    }

    #nearbyfacility ul li .nearby_img img {
        width: 100%;
    }

    #nearbyfacility ul li .nearby_detail {
        width: 260px;
    }


}