@charset "utf-8";
/*
 * style.css
 *
 *  version --- 1.0
 *  updated --- 2013/5/10
 */
/*------------------------index.html------------------------*/
.topt-enter{
   background: url("../images/bg.jpg")  no-repeat top center;
   background-size: cover;
   padding: 0px 0 70px 0;
}
.enter-header{
    position: relative;
}
.enter-header .img{
    text-align: center;
}
.enter-header .enterlink{
    padding: 65px 0 35px;
}
.enterlink{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.enterlink img{
    vertical-align: middle;
}
.enterlink span{
    margin: 0 45px;
}
.enter-cont{
    text-align: center;
}
.enter-cont .rule{
    margin-top: 50px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    line-height: 2;
    color: #fff;
}
.topt-event{
    text-align: center;
    width: 780px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .enter-header .img{
    text-align: center;
    padding-top: 0px;
    }
    .topt-event{
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
    .enter-header{
        background: none;
        height: auto;
        position: relative;
    }
    .enter-header .enterlink{
        position: static;
        padding: 15px 0;
    }
    .enterlink{
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .enterlink span img{
       width: 70px;
    }
    .enterlink a img{
        width: 220px;
    }
    .enterlink img{
        vertical-align: middle;
    }
    .enterlink span{
        display: block;
        margin: 0 0 10px 0;
    }
    .enterlink a{
        display: block;
        margin: 0 0 10px 0;
    }
    .enter-cont{
        padding: 30px 10px 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .enter-cont .rule{
    margin-top: 20px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
  }
}

/*------------------------top.php------------------------*/
.service-box{
    background: url(../images/bg_service02.jpg) top center no-repeat;
    background-size: cover;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-top: 80px;
}
.service-boxflex{
    display: flex;
    justify-content: space-between;
}
.service-boxflex .left{
    flex: 0 0 49%;
}
.service-boxflex .left img{
    width: 100%;
}
.service-boxflex .right{
    flex: 0 0 50%;
    background: url(../images/bg_service01.jpg);
    background-size: cover;
    padding: 30px;
    font-size: 26px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top-service .inner{
    padding: 0 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.service1{
    position: absolute;
    top: -50px;
    left: 10%;
}
.service2{
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
}
.service3{
    position: absolute;
    top: -50px;
    right: 10%;
}
.flowerleft{
    position: absolute;
    left: -70px;
    bottom: -30px;
}
.flowerright{
    position: absolute;
    right: -70px;
    bottom: -30px;
}
.banner-box{
    position: relative;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 959px) {
    .service-boxflex{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .top-service{
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-service .inner{
        padding: 0 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .service-boxflex .left{
        flex: 0 0 100%;
    }
    .service-boxflex .left img{
        width: 100%;
    }
    .service-boxflex .right{
        flex: 0 0 100%;
        background: url(../images/bg_service04.jpg) top center repeat-y;
        background-size: cover;
        padding: 10px;
        font-size: 20px;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .service-box{
        background: url(../images/bg_service02sp.jpg) top center no-repeat;
        background-size: cover;
        padding: 7px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin-top: 55px;
    }

    .service1{
        position: absolute;
        top: -45px;
        left: 50%;
        transform: translateX(-50%);
    }
    .service2{
        position: absolute;
        top: -45px;
        left: 50%;
        transform: translateX(-50%);
    }
    .service3{
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .flowerleft{
        position: absolute;
        left: -70px;
        bottom: -30px;
    }
    .banner-box{
        position: relative;
        margin: 0 auto;
        text-align: center;
    }
    .flowerright img{
        width: 120px;
        height: 157px;
    }

    .flowerright{
        position: absolute;
        right: -30px;
        top: 24%;
    }

    .ser-order .service-boxflex .right{
        order: 2;
    }
}
@media screen and (max-width: 767px) {
    .service-boxflex{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .top-service{
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-service .inner{
        padding: 0 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .service-boxflex .left{
        flex: 0 0 100%;
    }
    .service-boxflex .left img{
        width: 100%;
    }
    .service-boxflex .right{
        flex: 0 0 100%;
        background: url(../images/bg_service04.jpg) top center repeat-y;
        background-size: cover;
        padding: 10px;
        font-size: 20px;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .service-box{
        background: url(../images/bg_service02sp.jpg) top center no-repeat;
        background-size: cover;
        padding: 7px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        margin-top: 55px;
    }

    .service1{
        position: absolute;
        top: -45px;
        left: 50%;
        transform: translateX(-50%);
    }
    .service2{
        position: absolute;
        top: -45px;
        left: 50%;
        transform: translateX(-50%);
    }
    .service3{
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
    .flowerleft{
        position: absolute;
        left: -70px;
        bottom: -30px;
    }
    .banner-box{
        position: relative;
        margin: 0 auto;
        text-align: center;
    }
    .flowerright img{
        width: 120px;
        height: 157px;
    }

    .flowerright{
        position: absolute;
        right: -30px;
        top: 24%;
    }

    .ser-order .service-boxflex .right{
        order: 2;
    }
}
/* ...........moviebox ...................*/
.moviebox{
    padding: 30px 0;
    text-align: center;
}
.moviebox .movie_boder{
    background: url(../images/bg_movie.png) repeat top center;
    width: 1200px;
    height: 743px;
    margin: 0 auto;
    padding: 80px 80px;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.moviebox .movie_bg{
}
.moviebox .movie_bg video{
    width: 1040px;
}
.event-box{
    padding: 50px 0;
    width: 100%;
}
.event-box img{
    width: 100%;
}
@media screen and (max-width: 767px){
        .moviebox .movie_bg video{
            width: 100%;
        }
        .moviebox{
            padding: 0;
            text-align: center;
        }
        .moviebox .movie_boder{
            background: none;
            width: 100%;
            height: auto;
            margin: 0 auto;
            padding: 6px 10px;
            -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        .moviebox .movie_bg{
            padding: 0;
        }
        .event-box{
            padding: 15px 0 10px 0;
            width: 100%;
        }
        .event-box img{
            width: 100%;
        }
 }     
/* ........................top-menu ..................................................*/
.sitenavi-list{
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}
.sitenavi-item{
    padding: 0 3%;
    height: inherit;
    text-align: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sitenavi-item::after{
    position: absolute;
    top: 50%;
    left: -3px;
    background: url(../images/zuanshi.png) no-repeat top;
    width: 24px;
    height: 16px;
    z-index: 3333;
    content: "";
    transform: translate(-50%, -50%);
}
.item::after{
    display: none !important;
}
.sitenavi-link-text{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    order: 2;
}
.sitenavi-link-slug{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    order: 1;
    font-family: "Noto Serif JP", 游明朝, YuMincho, Hiragino Mincho ProN W3, ヒラギノ明朝 ProN W3;
}
.top-menu{
    margin: 28px 0 20px 0;
}
.top-menu .inner{
    width: 100%;
    background: url(../images/bg_menu.png) top center no-repeat;
    background-size: 100%;
    height: 99px;
    padding: 25px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 959px){
    .top-menu .inner{
        width: 100%;
        background: url(../images/bg_menu.png) top center no-repeat;
        background-size: 100%;
        height: 99px;
        padding: 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    } 
}
.top-menu ul{
    display: flex;
    justify-content: center;
}
.menubox{
    width: 790px;
    margin: 0 auto;
}
.menubox ul{
    display: flex;
    justify-content: space-between;
}
.menubox .btn{
    text-align: center;
}
.menubox .btn a{
    display: inline-block;
    text-decoration: none;
    padding: 0 37px;
    font-size: 28px;
    line-height: 60px;
    position: relative;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-repeat: initial;
    overflow: hidden;
    background: transparent;
    border-style: solid;
    color: #fff;
    border: 0px solid;
    box-shadow: inset 0 0 20px rgb(255 255 255 / 0%);
    outline: 3px solid;
    outline-color: rgba(255,255,255,.6);
    outline-offset: 0;
    transition: all 1s cubic-bezier(0.19,1,.22,1);
}
.menubox .btn a:hover {
    color: white !important;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-style: solid;
    border-color: initial;
    border: 0px solid;
	box-shadow: inset 0 0 4px rgba(255,255,255,.9), 0 0 10px rgba(255,255,255,.2);
	outline-color: rgba(255,255,255,0);
	outline-offset: 15px;
}
@media screen and (max-width: 959px){
    .sitenavi-link-text{
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        position: relative;
        order: 2;
    }
    .sitenavi-link-slug{
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        order: 1;
        font-family: "Noto Serif JP", 游明朝, YuMincho, Hiragino Mincho ProN W3, ヒラギノ明朝 ProN W3;
    }
    .sitenavi-item{
        padding: 0 2%;
        height: inherit;
        text-align: center;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 767px){
        .top-menu{
            background: url(../img/bg_menu.jpg) repeat top center;
            background-size: cover;
            padding: 14px 0 11px 0;
            margin: 10px 0;
        }
        .menubox{
            width: 100%;
            margin: 0 auto;
            padding: 0 10px;
            -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        }
        .menubox ul{
            display: flex;
            justify-content: center;
            transform: translateX(-10px);
            flex-wrap: wrap;
        }
        .menubox ul li{
            padding-left: 10px;
            margin-left: 10px;
            margin-top: 5px;
        }
        .menubox .btn{
            text-align: center;
        }
        .menubox .btn a{
            display: inline-block;
            text-decoration: none;
            padding: 0 5px;
            font-size: 14px;
            line-height: 40px;
            position: relative;
            border-image-source: initial;
            border-image-slice: initial;
            border-image-repeat: initial;
            overflow: hidden;
            background: transparent;
            border-style: solid;
            color: #fff;
            border: 0px solid;
            box-shadow: inset 0 0 20px rgb(255 255 255 / 0%);
            outline: 3px solid;
            outline-color: rgba(255,255,255,.6);
            outline-offset: 0;
            transition: all 1s cubic-bezier(0.19,1,.22,1);
        }
        .menubox .btn a:hover {
            color: white !important;
            border-image-source: initial;
            border-image-slice: initial;
            border-image-width: initial;
            border-image-outset: initial;
            border-image-repeat: initial;
            border-style: solid;
            border-color: initial;
            border: 0px solid;
            box-shadow: inset 0 0 4px rgba(255,255,255,.9), 0 0 10px rgba(255,255,255,.2);
            outline-color: rgba(255,255,255,0);
            outline-offset: 15px;
        }
}



/* --------------------------------schedule-------------------------- */
.schedulebox{
    margin: 0 auto;
    padding: 0 50px;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.schedulebox ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.schedulebox ul li{
    margin-right: 15px;
    margin-top: 15px;
}
.schedule .schedulebox .btn{
    text-align: center;
    margin: 0px 0;
}
.schedulebox .btn a{
    font-family: A-OTF A1明朝 Std;
    display: inline-block;
    text-decoration: none;
    padding: 0 30px 4px 30px;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    font-size: 28px;
    line-height: 53px;
    position: relative;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-repeat: initial;
        background: transparent;
    border-style: solid;
    color: #fff;
    border: 0px solid;
    box-shadow: inset 0 0 20px rgb(255 255 255 / 0%);
    outline: 3px solid;
    outline-color: rgba(255,255,255,.6);
    outline-offset: 0;
    transition: all 1s cubic-bezier(0.19,1,.22,1);
}
.schedulebox .btn a:hover {
    color: #ecd8a0 !important;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-width: 1px;
        border-style: solid;
    border-color: initial;
    border: 0px solid;
    box-shadow: inset 0 0 4px rgb(255 255 255 / 90%), 0 0 10px rgb(255 255 255 / 20%);
    outline-color: rgba(255,255,255,0);
    outline-offset: 15px;
    background: rgba(0,0,0,0.4);
}

@media screen and (max-width: 767px){
         .schedulebox02{
            margin: 0 auto;
            padding: 0 3px;
            -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
        }
        .schedulebox02 ul{
            display: flex;
            justify-content: space-between;
        }
         .schedulebox02 ul li{
            flex: 0 0 23%;
            text-align: center;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
            border: 1px solid rgb(255 255 255 / 70%);
         }
        .schedulebox02 ul li a{
            color: #fff;
        }
}
.staff-title{
    margin: 0 auto;
    text-align: center;
}
.sche-box .btn{
    text-align: center;
    margin: 30px 0;
}
.sche-box .btn a{
    font-family: A-OTF A1明朝 Std;
    display: inline-block;
    text-decoration: none;
    padding: 0 130px 4px 130px;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    font-size: 28px;
    line-height: 53px;
    position: relative;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-repeat: initial;
    overflow: hidden;
    background: transparent;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    border-width: 1px;
    border-style: solid;
    color: #fff;
    border-color: #fff;
    outline: 1px solid #fff;
}
.sche-box .btn a:hover {
    color: black !important;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    outline-offset: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    outline-color: rgba(255, 255, 255, 0);
    background: #fff;
    text-decoration: none;
}
@media screen and (max-width: 767px){
    .sche-box{
        margin-top: 20PX;
    }
    .sche-box .btn{
    text-align: center;
    margin: 30px 0;
}
.sche-box .btn a{
    font-family: A-OTF A1明朝 Std;
    display: inline-block;
    text-decoration: none;
    padding: 0 60px 4px 60px;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    font-size: 20px;
    line-height: 43px;
    position: relative;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-repeat: initial;
    overflow: hidden;
    background: transparent;
    transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
    border-width: 1px;
    border-style: solid;
    color: #fff;
    border-color: #fff;
    outline: 1px solid #fff;
}
.sche-box .btn a:hover {
    color: black !important;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    outline-offset: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    outline-color: rgba(255, 255, 255, 0);
    background: #fff;
    text-decoration: none;
}
}
/* ----------------------------------top-contact----------------------- */
.top-contact{
    margin-top: 30px;
}
.new-title{
    text-align: center;
    font-size: 40px;
    color: #fff;
}
.tablebox .new-title{
    text-align: center;
    font-size: 25px;
    color: #fff;
}
.new-title span{
    display: block;
    font-size: 20px;
    line-height: 2;
    font-weight: 600;
}
.bg_contact{
    background: url(../images/bg_contact.png) top center no-repeat;
    width: 472px;
    padding: 53px 0 20px 0;
    margin: 20px auto 0;
}
.bg_map{
    background: url(../images/bg_map.png) top center no-repeat;
    width: 674px;
    padding: 53px 0 20px 0;
    margin: 20px auto 0;
}
.bg_staff{
    background: url(../images/bg_staff.png) top center no-repeat;
    width: 548px;
    padding: 53px 0 20px 0;
    margin: 20px auto 0;
}
.tablebox .bg_staff{
    background: url(../images/bg_staff.png) top center no-repeat;
    width: 548px;
    padding: 63px 0 20px 0;
    margin: 20px auto 0;
}
.companion .contact-box{
    width: 100%;
    margin: 0 auto;
}
.contact-box{
    margin: 0 auto;
}
.contact-box ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.contact-box ul li{
    flex: 0 0 48%;
    margin: 14px 1%;

}
@media screen and (max-width: 767px){
    .tablebox .new-title{
        text-align: center;
        font-size: 20px;
        color: #fff;
    }
    .top-contact{
        margin-top: 20px;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contact-box{
        width: 100%;
        margin: 0 auto;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .contact-box ul li{
        flex: 0 0 100%;
        margin: 5px 0%;
    }  
    .companion .contact-box ul li{
        flex: 0 0 100%;
        margin-top: 10px; 
    }  
    .bg_contact{
        background: url(../images/bg_contact.png) top center no-repeat;
        background-size: 100%;
        width: 100%;
        padding: 38px 0 20px 0;
        margin: 20px auto 0;
    }
    .new-title{
        text-align: center;
        font-size: 25px;
        color: #fff;
    }
    .bg_map{
        background: url(../images/bg_map.png) top center no-repeat;
        background-size: 100%;
        width: 100%;
        padding: 35px 0 20px 0;
        margin: 20px auto 0;
    }
    .top-map .new-title{
        text-align: center;
        font-size: 20px;
        color: #fff;
    }
    .top-map .bg_map{
        background: url(../images/bg_map.png) top center no-repeat;
        background-size: 100%;
        width: 100%;
        padding: 25px 0 20px 0;
        margin: 20px auto 0;
    }
    .bg_staff{
        background: url(../images/bg_staff.png) top center no-repeat;
        background-size: 100%;
        width: 100%;
        padding: 35px 0 20px 0;
        margin: 20px auto 0;
    }
    .tablebox .bg_staff{
        background: url(../images/bg_staff.png) top center no-repeat;
        background-size: 100%;
        width: 100%;
        padding: 38px 0 20px 0;
        margin: 20px auto 0;
    }
}
/* ---------------------------top-news -----------------------------*/
.top-news{
    margin-top: 20px;
}
.news-box{
    background: url(../img/bg-news01.jpg) top center;
    background-size: cover;
    padding: 30px 0 100px 0;
}
.news-inner{
    width: 1000px;
    margin: 0 auto;
    padding: 20px 10px 20px 30px;
    background: rgba(0,0,0,0.5);
    height: 700px;
    overflow-y: auto;
}
.news-content{
    margin-top: 25px;
    width: 90%;
}
.news-time{
 background: url(../img/bg-news.jpg) top center;
 color: #000;
 font-size: 22px;
 display: inline-block;
 padding: 0 30px;
 font-family: A-OTF A1明朝 Std;
}
.news-tit{
    font-size: 24px;
    color: #ecd8a0;
    line-height: 2;
}
.news-txt{
    font-size: 18px;
    color: #fff;
}

@media screen and (max-width: 767px){
    .top-news{
        margin-top: 20px;
    }
    .new-title img{
    width: 100%;
    }
    .news-box{
        background: url(../img/bg-news01.jpg) top center;
        background-size: 100%;
        padding: 0px 0 40px 0;
    }
    .news-inner{
        width: 100%;
        margin: 0 auto;
        padding: 0px 20px 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: rgba(0,0,0,0.5);
        height: 550px;
        overflow-y: auto;
    }
    .news-content{
        margin-top: 25px;
        width: 100%;
    }
    .news-time{
    background: url(../img/bg-news.jpg) top center;
    color: #000;
    font-size: 18px;
    display: inline-block;
    padding: 0 20px;
    font-family: A-OTF A1明朝 Std;
    }
    .news-tit{
        font-size: 20px;
        color: #ecd8a0;
        line-height: 2;
    }
    .news-txt{
        font-size: 16px;
        color: #fff;
    }
}

.top .schedule{
    padding: 0px 0 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.schedule-box{
    margin-top: 15px;
}
.schedule-box ul{
    margin: -20px 0 0 -20px;
}
.schedule-box li{
    float: left;
    width: 25%;
    padding-left: 10px;
    margin-top: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.schedule-box li .listbox{
    background: url(../images/bg_name.jpg) bottom center no-repeat;
    padding: 4px 4px;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.schedule-box li .listbox .img{
    position: relative;
}
.schedule-box li .listbox .namebox{
    color: #fff;
    text-align: center;
}
.schedule-box li .listbox .name{
    margin-top: 10px;
    font-size: 26px;
    font-weight: bold;
}
.schedule-box li .listbox .name span{
    font-size: 16px;
    margin-left: 5px;
}
.schedule-box li .listbox .size{
    font-size: 14px;
    margin: 5px 0;
    background: url(../images/bg_h.png) top center no-repeat;
    padding: 5px 0;
    color: #000;
}
.schedule-box li .listbox .time{
    font-size: 14px;
    line-height: 24px;
}

.listbox figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    -webkit-transform: rotate(90deg) scale(0);
    transform: rotate(90deg) scale(0);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.listbox:hover figcaption {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
    opacity: 1;
}

.listbox .comment {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    color: #fff;
    font-family: "kozuka-mincho-pro","Times New Roman","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ＭＳ Ｐゴシック",serif;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 0.08em;
    line-height: 1.2;
    margin: 80% auto 0;
    padding: 10px 0;
    text-align: center;
    width: 70%;
}
.listbox .img img{
    width: 100%;
}
@media screen and (max-width: 767px) {
    .top .schedule{
        padding: 0px 0 0px 0;
    }
    .schedule-box{
        margin-top: 0px;
        padding: 0 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .schedule-box ul{
        margin: -15px 0 0 -8px;
    }
    .schedule-box li{
        float: left;
        width: 50%;
        padding-left: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 0;
    }
    .schedule-box li .listbox{
        position: relative;
        margin-top: 10px;
    }
    .schedule-box li .listbox .name{
        font-size: 20px;
    }
}
/* -------------------nei-border------------------------------ */
.nbox-xh{
    background: url(../images/bg_service03.jpg) repeat top center;
    padding: 40px;
    width: 1100px;
    margin: 0px auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
}
.nbox{
    margin: 0px auto 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.nbox .ntitle-img{
    padding: 0px 0 0 127px;
}
.companion .nborder{
    padding: 0px 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
.nborder .event{
    text-align: center;
}
@media screen and (max-width: 767px) {
    .nbox-xh{
        background: url(../images/nbg01.jpg) repeat top center;
        width: 100%;
        margin: 0px auto 0;
    }
    .nbox{
        margin: 0px auto 0;
        padding: 0px 5px 0px 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }
    .nbox .ntitle-img{
        text-align: center;
        padding: 0px 0 0 0;
    }
    .nborder{
        margin: 0px auto 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .companion .nborder{
        padding: 0px 0px 5px 0px;
    }
}
/* -----------------------------------qa -------------------------*/
.ny-border li{
    padding-bottom: 30px;
    border-bottom: 2px dotted #fff;
    margin-top: 20px;
}
@media screen and (max-width: 767px){
    .ny-border li{
        padding-bottom: 20px;
        border-bottom: 2px dotted #fff;
        margin-top: 10px;
    }
}


/*------------------------system.php------------------------*/
.system-name{
    font-size: 50px;
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: 'shly';
    font-weight: 500;
}
.system-box01{
    background: url(../images/bg_system01.png) top center repeat-y;
    width: 1077px;
    background-size: 100%;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.system-box{
    background: url(../images/bg_system02.jpg) top center repeat-y;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 8% 12%;
    position: relative;
    border: 2px solid #ae7d05;
}
.system-box::before{
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    background: url(../images/system-icon01.png) no-repeat;
    width: 108px;
    height: 108px;
}
.system-box::after{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: url(../img/bg02.png) no-repeat;
    width: 117px;
    height: 117px;
}

.center{
    text-align: center;
    margin: 0 auto;
}
.center01{
    margin-top: 20px;
}
.price01{
    margin: 0 auto;
}
.price01 dl{
    margin-top: 6px;
    width: 100%;
    display: table;
    background: url(../images/line01.png) bottom center no-repeat;
    width: 100%;
    height: 16px;
}
.price01 dt{
    display: table-cell;
    width: 70%;
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-weight: bold;
    font-size: 32px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.price01 dd{
    display: table-cell;
    width: 30%;
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 32px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
}
.sys02 .price01 dt{
    display: table-cell;
    width: 75%;
   background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 32px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.sys02 .price01 dd{
    display: table-cell;
    width: 25%;
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 32px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
}
.price01 dd.dd01{
    text-align: left;
}
.price02{
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
}
.price03{
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-top: 30px;
    text-align: left;
}
.optionbox ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.optionbox ul li{
    flex: 0 0 32%;
}
.optionbox .option-title{
    font-size: 20px;
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 2;
    margin-top: 25px;
}
.optionbox .option-txt{
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    font-size: 20px;
    line-height: 2;
}
.systemimg01{
    text-align: center;
    margin: 50px auto 0px;
}
.systemimg02{
    margin: 75px auto 0;
    text-align: center;
}

.top-map{
    margin-top: 30px;
    text-align: center;
}

.top-mapbg{
    position: relative;
}
.top-mapinner{
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-self: center;
    align-items: center;
    padding: 0px 0 70px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top-mapinner .top-map{
    flex: 0 0 50%;
}
.top-mapinner .top-price{
    flex: 0 0 50%;
    text-align: left;
    padding-left: 40px;
    background: url(../images/map1.png) top center no-repeat;
    width: 659px;
    height: 720px;
    padding: 140px 70px 50px 110px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.top-mapinner .top-pricetitle{
    font-size: 38px;
    color: #fff;
    line-height: 1;
}
.top-mapinner .top-pricetitle span{
    color: #ffa800;
}
.top-mapinner .top-pricetxt{
    font-size: 27px;
    color: #fff;
    margin-top: 20px;
    line-height: 1.7;
}
.top-mapinner .top-pricetxt span{
    font-size: 35px;
   color: #ffa800;
   font-weight: bold;
}
@media screen and (max-width: 959px) {
    .system-box01{
        background: url(../images/bg_system01.png) top center repeat-y;
        width: 100%;
        background-size: 100%;
        padding: 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 15px;
    }
    .top-map{
        margin-top: 20px;
        text-align: center;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-mapinner{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .top-mapinner .top-map{
        flex: 0 0 100%;
    }
    .top-mapinner .top-price{
        flex: 0 0 100%;
        text-align: left;
        padding-left: 40px;
        background: url(../images/map1.png) top center no-repeat;
        background-size: 100%;
        width: 100%;
        height: auto;
        padding: 160px 120px 180px 120px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-mapinner .top-pricetitle{
        font-size: 35px;
        color: #fff;
        margin-top: 20px;
    }
    .top-mapinner .top-pricetxt{
        font-size: 26px;
        color: #fff;
        margin-top: 10px;
        line-height: 1.8;
    }
    .top-mapinner .top-pricetxt span{
        font-size: 30px;
        color: #ffa800;
    }
        .optionbox ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .optionbox ul li{
        flex: 0 0 49%;
    }
    .optionbox .option-title{
        font-size: 16px;
        color: #ecd8a0;
        line-height: 2;
        margin-top: 25px;
    }
    .optionbox .option-txt{
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        line-height: 2;
    }
}
@media screen and (max-width: 767px) {
    .top-mapbg{
        position: relative;
    }
    .top-map{
        margin-top: 20px;
        text-align: center;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-mapinner{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 0px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    .top-mapinner .top-map{
        flex: 0 0 100%;
    }
    .top-mapinner .top-price{
        flex: 0 0 100%;
        text-align: left;
        padding-left: 40px;
        background: url(../images/map1.png) top center no-repeat;
        background-size: 100%;
        width: 100%;
        height: auto;
        padding: 50px 40px 40px 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .top-mapinner .top-pricetitle{
        font-size: 24px;
        color: #fff;
        margin-top: 20px;
    }
    .top-mapinner .top-pricetxt{
        font-size: 16px;
        color: #fff;
        margin-top: 10px;
        line-height: 1.8;
    }
    .top-mapinner .top-pricetxt span{
        font-size: 16px;
        color: #ffa800;
    }
        .optionbox ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .optionbox ul li{
        flex: 0 0 49%;
    }
    .optionbox .option-title{
        font-size: 16px;
        color: #ecd8a0;
        line-height: 2;
        margin-top: 25px;
    }
    .optionbox .option-txt{
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        line-height: 2;
    }
    .system-name{
        font-size: 35px;
        background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
        font-family: 'shly';
        font-weight: 500;
        padding-top: 15px;
    }
    .system-box01{
        background: url(../images/bg_system01.png) top center repeat-y;
        width: 100%;
        background-size: 100%;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 15px;
    }
    .system-box{
        background: url(../images/bg_system02.jpg) top center repeat-y;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 2% 3% 4% 3%;
        position: relative;
        border: 2px solid #ae7d05;
    }
    .system-box::before{
        position: absolute;
        content: "";
        top: 3px;
        left: 3px;
        background: url(../images/system-icon01.png) no-repeat;
        background-size: 100%;
        width: 60px;
        height: 60px;
    }
    .system-box::after{
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        background: url(../img/bg02.png) no-repeat;
        width: 117px;
        height: 117px;
    }

    .center{
        text-align: center;
        margin: 0 auto;
    }
    .center01{
        margin-top: 20px;
    }
    .price01{
        margin: 0 auto;
    }
    .price01 dl{
        margin-top: 6px;
        width: 100%;
        display: table;
        background: url(../images/line01.png) bottom center no-repeat;
        width: 100%;
        height: 16px;
    }
    .price01 dt{
        display: table-cell;
        width: 70%;
        background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: left;
        font-weight: bold;
        font-size: 24px;
        padding: 10px 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .price01 dd{
        display: table-cell;
        width: 30%;
        background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        font-size: 24px;
        padding: 10px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
    }
    .sys02 .price01 dt{
        display: table-cell;
        width: 75%;
    background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        font-weight: bold;
        font-size: 24px;
        padding: 10px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }
    .sys02 .price01 dd{
        display: table-cell;
        width: 25%;
        background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        font-size: 24px;
        padding: 10px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
    }
    .price01 dd.dd01{
        text-align: left;
    }
    .price02{
        background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        font-size: 20px;
        margin-top: 30px;
    }
    .price03{
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        margin-top: 40px;
        text-align: left;
        padding: 0 15px;
    }
    .optionbox ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .optionbox ul li{
        flex: 0 0 32%;
    }
    .optionbox .option-title{
        font-size: 20px;
        background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 2;
        margin-top: 25px;
    }
    .optionbox .option-txt{
        background-image: -webkit-linear-gradient(bottom,#ec9a2c,#f9ca70,#f9fdb3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        font-size: 20px;
        line-height: 2;
    }
    .systemimg01{
        text-align: center;
        margin: 50px auto 0px;
    }
    .systemimg02{
        margin: 75px auto 0;
        text-align: center;
    } 

}

.dl-box03{
    padding: 20px 40px;
    margin-top: 20px;
    border-radius: 15px;
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
    box-shadow: 0 0 5px rgba(124,72,32,0.7);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.system-box .dl-box03 dt {
    font-size: 30px;
    font-weight: bold;
    border: none;
    background: none;
    text-align: left;
    display: block;
    width: 100%;
    color: #000;
    padding: 0;
}
.system-box  .dl-box03 dd {
    font-size: 20px;
    border: none;
    background: none;
    text-align: left;
    display: block;
    width: 100%;
    padding: 5px 0;
    color: rgba(124,72,32,1);
}
.system-box .dl-box03 dt span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-top: 15px;
    vertical-align: top;
    margin-right: 10px;
}
@media screen and (max-width: 767px) {
    .system-box .dl-box03 dt {
        font-size: 18px;
    }
    .system-box  .dl-box03 dd {
        font-size: 14px;
    }
}

/*------------------------schedule.php------------------------*/
.schedule-time{
    margin: 20px auto 20px;
}
.schedule-time ul{
    display: flex;
    justify-content: space-between;
    margin: 0;
}
.schedule-time ul li a .time-img{
    position: relative;
}
.schedule-time ul li{
    position: relative;
    padding-left: 0;
    background: url(../images/time.png) top center no-repeat;
    background-size: 100%;
    padding: 2px 0 15px;
}
.schedule-time ul li .time-txt{
    text-align: center;
}
.schedule .line{
    margin-bottom: 25px;
}
.com-container{
    margin: 0px auto 30px;
    padding: 0px 0px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mainbox01{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.time-sche01{
    font-size: 17px;
    color: #000;
}
.schetime{
    font-size: 12px;
    color: #000;
}

@media screen and (max-width: 767px) {
    .off{
        display: none;
    }
    .mainbox{
        padding: 0;
    }
    .com-container{
        margin: 0px auto 10px;
        width: 100%;
        padding: 0 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .schedule-time ul li{
        position: relative;
        padding-left: 0;
        background: url(../images/timesp.png) top center no-repeat;
        background-size: 100%;
        padding: 2px 0 15px;
    }
    .schedule-time{
        margin: 0px auto 20px;
    }
}



/*------------------------staff01.php------------------------*/
.price01{
    margin: 0 auto;
}
.staff-detail01 dl{
    margin-top: 2px;
    width: 100%;
    display: table;
}
.staff-detail01 dt{
    display: table-cell;
    width: 50%;
   border-bottom: 1px dotted #7f653f;
    color: #fff;
    font-size: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.staff-detail01 dd{
    display: table-cell;
    width: 50%;
    border-bottom: 1px dotted #7f653f;
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
}

.staffdetail{
    text-align: center;
}
.staffdetail .staffname{
    font-size: 50px;
    color: #ecd8a0;
    border-bottom: 1px dotted #7f653f;
}
.staffdetail .staffage{
    font-size: 25px;
    color: #fff;
    line-height: 2;
}
.staffdetail .staff-content{
    font-size: 20px;
    color: #000;
    line-height: 2;
    padding: 30px 0px;
}
@media screen and (max-width: 767px) {
    .price01{
    margin: 0 auto;
}
.staff-detail01 dl{
    margin-top: 2px;
    width: 100%;
    display: table;
}
.staff-detail01 dt{
    display: table-cell;
    width: 30%;
   border-bottom: 1px dotted #7f653f;
    color: #fff;
    font-size: 16px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.staff-detail01 dd{
    display: table-cell;
    width: 70%;
    border-bottom: 1px dotted #7f653f;
    color: #fff;
     font-size: 16px;
    padding: 5px 0;
    text-align: center;
}
    .staffdetail .staffname{
    font-size: 35px;
    color: #ecd8a0;
    border-bottom: 1px dotted #7f653f;
}
.staffdetail .staffage{
    font-size: 20px;
    color: #fff;
    line-height: 2;
}
.staffdetail .staff-content{
    font-size: 17px;
    color: #fff;
    line-height: 2;
    padding: 10px 0px;
}
}
/*--------------------------- service---------------------------- */
.service-tit{
    font-size: 40px;
    color: #ecd8a0;
    position: relative;
    border-bottom: 1px dotted #7f653f;
    margin-top: 55px;
}
.service-txt{
    font-size: 22px;
    color: #fff;
    position: relative;
    padding: 15px 0;
}
.service-img3{
    display: flex;
    justify-content: space-around;
}
.pt-20{
    margin-right: 20px;
}
.pt-21{
    margin-right: 20px;
}
@media screen and (max-width: 767px) {
    .service-tit{
    font-size: 25px;
    color: #ecd8a0;
    position: relative;
    border-bottom: 1px dotted #7f653f;
    margin-top: 25px;
}
.service-txt{
    font-size: 18px;
    color: #fff;
    position: relative;
    padding: 10px 0;
}
.service-img3{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.service-img3 img{
    width: 100%;
}
.service-img3 p{
    flex: 0 0 100%;
    margin-top: 10px;
}
.pt-20{
    margin-right: 0%;
}
.pt-21{
    margin-right: 0;
}
}
/* ------------------reservations-------------------- */
.select-box{
    display: flex;
}
.select-box .staff0{
    margin-left: 30px;
    flex: 0 0 250px;
}
.contactbox .select-box select{
    height: 50px;
    flex: 1 1 75%;
}
.card{
    text-align: center;
    margin-top: 20px;
}
.reservations-inner{
    max-width: 1200px;
    padding: 0px 10px 35px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reservations-box{
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: none;
    background: rgba(0,0,0,0.7);
    border-radius: 10px;
    padding: 20px;
}

.contactbox dl {
    text-align: left;
    margin-bottom: 40px;
}
.contactbox dl dt {
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 5px;
    color: #fff;
}
.reservations-txt{
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    padding-bottom: 25px;
    text-align: center;
    color: #fff;
}
.contactbox dl dd {
    padding-bottom: 10px;
    font-family: Meiryo;
    font-size: 12px;
    border-bottom: 1px dotted #caaced;
    margin-bottom: 25px;
}
.contactbox dl dt span {
    font-size: 28px;
    margin-left: 10px;
    display: inline-block;
    color: #ff4040;
    text-align: center;
}
.contactbox dl dd input[type="text"], .contactbox dl dd input[type="tel"],.contactbox dl dd select,.contactbox dl dd input[type="email"], .contactbox dl dd textarea {
    width: 100%;
    background: rgb(255 255 255 / 75%);
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 15px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.input-flex select{
    flex: 0 0 49%;
}
.contactbox dl dd select{
    color: #6e6d6d;
    font-size: 16px;
}
.contactbox dl dd option{
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    display: block;
}
.input-flex{
    display: flex;
    justify-content: space-between;
}
.input-flex input{
    flex: 0 0 49%;
}
.contactbox .btn {
    border: 1px solid #d79e2e;
    display: block;
    max-width: 330px;
    margin: 0 auto;
    color: #fff;
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 60px;
    position: relative;
    text-align: center;
    box-shadow: 0px 3px 10px 3px rgba(250, 250, 250, 0.2);
}
.center{
    text-align: center;
    margin: 0 auto;
}
@media screen and (max-width: 959px){
    .reservations-inner{
        max-width: 100%;
        padding: 0px 5px 0px;
        margin: 0 auto;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 767px){
    .select-box{
    display: block;
    }
    .select-box .staff0{
    margin-left: 0px;
    margin-top: 15px;
    }
    .reservations-box{
        margin-top: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-top: none;
        background: rgba(0,0,0,0.7);
        border-radius: 10px;
        padding: 10px 10px 20px 10px;
    }
    .reservations-inner{
    max-width: 100%;
    padding: 0px 5px 0px;
    margin: 0 auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
    .contactbox dl dt {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 5px;
}
.reservations-txt{
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 15px;
    text-align: center;
}
.contactbox dl dd {
    padding-bottom: 10px;
    font-family: Meiryo;
    font-size: 12px;
    border-bottom: 1px dotted #7b613c;
    margin-bottom: 15px;
}
.contactbox dl dt span {
    font-size: 15px;
    margin-left: 5px;
    display: inline-block;
    color: #ff4040;
    text-align: center;
}
.contactbox .btn {
    border: 1px solid #d79e2e;
    display: block;
    max-width: 230px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height:2;
    position: relative;
    text-align: center;
    box-shadow: 0px 3px 10px 3px rgba(250, 250, 250, 0.2);
}
}


.nav-list03{
    text-align: center;
}
.slider01{
    margin: 0px 0 50px 0;
}


/* ----------------------------------staffxiangxi-------------------------- */
.staff-nbox{
    margin-top: 20px;
    background: rgba(54, 31, 22, .9);
    border: 4px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, #f9a230, #c68307, #a76611);
    /* background: url(../images/bg_service04.jpg) top center repeat; */
    padding: 30px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.staff-nbox .box{
    display: flex;
    justify-content: space-between;
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.staff01-img{
    flex: 0 0 45%;
}
.staff01-img .img{
    width: 100%;
    border: 3px solid #f8e995;
    border-radius: 5px;
}
.staff01-img .img img{
    width: 100%;
}
.imglist ul{
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}
.imglist ul li{
    flex: 0 0 18%;
    margin-right: 5px;
    border: 3px solid #f8e995;
    border-radius: 5px;
}
.staff01-des{
    flex: 0 0 50%;
    border-radius: 5px;
}
.staff-line01{
    margin-top: 7px;
}
.staff-line02{
    margin-top: 30px;
}
.cont-box{
    margin: 20px 20px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
}
.cont-box table{
    border: 1px solid #a76611;
    width: 100%;
}
.cont-box table th{
    color: #fff;
    width: 30%;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #a76611;
    border-right: 1px solid #a76611;
    padding: 4px 0;
}
.cont-box table td{
    color: #fff;
    width: 70%;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #a76611;
    padding: 4px 0 4px 10px;
}
.week{
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}
.week table{
    width: 100%;
    border-top: 1px solid #a76611;
    border-left: 1px solid #a76611;
    border-right: 1px solid #a76611;
}
.week table tr th{
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #a76611;
    border-right: 1px solid #a76611;
    line-height: 2;
}
.week table tr td{
    line-height: 2;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #a76611;
    border-right: 1px solid #a76611;
}
@media screen and (max-width: 959px){
    .staff-nbox .box{
        display: flex;
        justify-content: space-between;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        flex-wrap: wrap;
    }
    .staff01 .tags{
        text-align: center;
        width: 100%;
    }
    .staff01-img {
        flex: 0 0 100%;
    }
}
@media screen and (max-width: 767px) {
    .week{
        padding: 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
    }
    .week table{
        width: 100%;
        border-top: 1px solid #a76611;
        border-left: 1px solid #a76611;
        border-right: 1px solid #a76611;
    }
    .week table tr th{
        font-size: 14px;
        text-align: center;
        border-bottom: 1px solid #a76611;
        border-right: 1px solid #a76611;
        line-height: 2;
    }
    .week table tr td{
        line-height: 2;
        font-size: 14px;
        text-align: center;
        border-bottom: 1px solid #a76611;
        border-right: 1px solid #a76611;
    }
    .cont-box{
        margin: 0px;
        padding: 0px 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        font-size: 14px;
        border-radius: 0px;
    }
    .cont-box table th{
        color: #fff;
        width: 35%;
        font-size: 16px;
        text-align: center;
        border-bottom: 1px solid #a76611;
        border-right: 1px solid #a76611;
        padding: 4px 0;
    }
    .cont-box table td{
        color: #fff;
        width: 65%;
        font-size: 16px;
        border-bottom: 1px solid #a76611;
        padding: 4px 0 4px 10px;
    }
    .staff-nbox{
        margin-top: 0px;
        background: rgba(54, 31, 22, .9);
        border: 3px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(90deg, #f9a230, #c68307, #a76611);
        padding: 10px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .staff-nbox .box{
        display: flex;
        justify-content: space-between;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .staff01 .tags{
        text-align: center;
        width: 100%;
    }
    .slider-for .slick-slide img{
        margin: 0 auto;
        max-height: 400px;
    }
    .staff01 .icoimg{
        padding: 10px 0 10px;
    }
    .staff01-box{
        margin-top:0;
    }
    .slider-nav .slick-slide{
        padding: 0 5px !important;
        margin: 5px 0 0 0;
        -webkit-box-sizing: border-box!important;
        -moz-box-sizing: border-box!important;
        box-sizing: border-box!important;
    }
    .slick-next::before{
        content: '';
    }
    .slick-prev::before, .slick-next::before {
        display: none;
    }
    .staff01-des{
        float: none;
        width: 100%;
        padding-top: 20px;
    }
    .staff01-des .tablebox+.tablebox{
        margin-top: 20px;
    }
    .staff01-box .week{
        margin-top: 10px;
        padding: 5px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .staff01-box .week th{
        font-size: 12px;
        font-weight: normal;
    }
    .staff01-box .week td{
        font-size: 12px;
        font-weight: normal;
    }
    .pc01{
        display: none;
    }
}


/* -------------------------------playguide-------------------------------------- */
.playguide .nborder{
    padding: 30px 50px;
}
.playguide .nborder p{
    margin-top: 40px;
}
.etxt{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}
.stepbox li{
    padding-top: 7px;
}
.ctxt{
    font-size: 16px;
    color: #e36602;
    margin-top: 10px;
    font-family: "微软雅黑", sans-serif;
    font-weight: bold;
}
.htxt{
    font-size: 16px;
    color: #f91389;
    margin-top: 7px;
    font-weight: bold;
    
}
.stepbox{
    margin-bottom: 20px;
    background: rgb(255 255 255 / 75%);
    padding: 10px 50px 30px 50px;
    -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 20px;
}
.etxt span{
    font-weight: bold;
    font-size: 18px;
}
.stepbox .flex{
    display: flex;
    justify-content: space-between;
}
.stepbox .flex p{
    flex: 0 0 49%;
    margin-top: 8px;
}
.stepbox .etxt-left{
    padding-left: 22px;
}
.center{
    text-align: center;
}
.stepimg{
    margin-top: 15px;
    background: url(../images/bg_service04.jpg) top center repeat;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.stepimg ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.stepimg ul li{
    flex: 0 0 24%;
}
.stepimg ul li img{
    width: 100%;
}
.headlinetxt{
    font-size: 17px;
    margin: 10px 0;
    background: url(../images/bg_h.png) top center no-repeat;
    padding: 0px 0 8px 0;
    color: #000;
    text-align: center;
}
@media screen and (max-width: 767px) {
    .playguide .nborder{
        padding: 10px 10px;
    }
    .playguide .nborder p{
        margin-top: 10px;
    } 
    .etxt{
        font-size: 14px;
        color: #000;
        font-weight: bold;
    }
    .stepbox li{
        padding-top: 5px;
    }
    .ctxt{
        font-size: 14px;
        color: #e36602;
        margin-top: 6px;
        font-family: "微软雅黑", sans-serif;
    }
    .htxt{
        font-size: 14px;
        color: #f91389;
        margin-top: 7px;
    }
    .stepbox{
        margin-bottom: 10px;
        background: rgb(255 255 255 / 75%);
       padding: 10px 10px 10px 10px;
       border-radius: 5px;
    }
    .etxt span{
        font-weight: bold;
        font-size: 14px;
    }
    .stepbox .flex{
        display: flex;
        justify-content: space-between;
    }
    .stepbox .flex p{
        flex: 0 0 49%;
        margin-top: 10px;
    }
    .center{
        text-align: center;
    }
    .stepimg{
        margin-top: 0px;
        padding: 0 10px 10px 10px;
    }
    .stepimg ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .stepimg ul li{
        flex: 0 0 100%;
        margin-top: 10px;
    }
}

/* --------------------------------system ---------------------------------------*/
.options-box ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.options-box ul li{
    flex: 0 0 31%;
    margin-top: 30px;
}
.options-box ul li img{
   width: 100%;
}
.options-box .options-txt{
    font-size: 22px;
    color: #c771f1;
    text-align: center;
    font-family: 'COOPERBLACKSTD';
    padding: 10px 0;
    text-shadow: -1px 0 #fff, 0 1px #fff,
      1px 0 #fff, 0 -1px #fff
}
.mt-15{
    margin-top: 25px;
}
.system-card ul{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
@media screen and (max-width: 767px) {
    .options-box ul li{
        flex: 0 0 49%;
        margin-top: 20px;
    } 
    .options-box .options-txt{
        font-size: 14px;
        color: #c771f1;
        text-align: center;
        font-family: 'COOPERBLACKSTD';
        padding: 10px 0;
        text-shadow: -1px 0 #fff, 0 1px #fff,
      1px 0 #fff, 0 -1px #fff
    }
    .mt-15{
        margin-top: 15px;
    }
    .system-card ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 5px;
    }
    .system-card ul li{
        flex: 0 0 100%;
        margin-top: 15px;
    }
    .system-card ul li img{
        width: 100%;
    }
}


/* ------------------------------------qa.php---------------------------- */
.qa-box{
    background: rgb(0 0 0 / 80%);
    border: 4px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, #f9a230, #c68307, #a76611);
    padding: 30px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.q{
    font-size: 40px;
    color: #d79e2e;
    padding-left: 50px;
    position: relative;
    border-bottom: 1px dotted #7f653f;
    margin-top: 55px;
}
.q::before{
    content: "Q:";
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 40px;
    color: #d79e2e;
}
.a{
    font-size: 25px;
    color: #fff;
    padding-left: 50px;
    position: relative;
}
.a::before{
    content: "A:";
    position: absolute;
    top: 0;
    left: 0px;
    font-size: 30px;
    color: #FFF;
}
@media screen and (max-width: 767px){
 #contents{
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .qa-box{
        background: rgb(0 0 0 / 80%);
        border: 4px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(90deg, #f9a230, #c68307, #a76611);
        /* background: url(../images/bg_service04.jpg) top center repeat; */
        padding: 10px 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .q{
        font-size: 25px;
        color: #d79e2e;
        padding-left: 33px;
        position: relative;
        border-bottom: 1px dotted #7f653f;
        margin-top: 20px;
        line-height: 1.2;
    }
    .q::before{
        content: "Q:";
        position: absolute;
        top: 0;
        left: 0px;
        font-size: 25px;
        color: #d79e2e;
    }
    .a{
        font-size: 20px;
        color: #fff;
        padding-left: 33px;
        position: relative;
    }
    .a::before{
        content: "A:";
        position: absolute;
        top: 0;
        left: 0px;
        font-size: 20px;
        color: #FFF;
    }
}

/***PC 960px ~***/

/***IPAD 768px ~ 959px***/
@media screen and (max-width: 959px) {

}

/*** SP 480px ~ 767px***/
@media screen and (max-width: 767px) {

}

/*** SP 320px ~ 479px***/
@media screen and (max-width: 479px) {

}