.inner {
    margin: auto;
    width: 960px;
}
@media screen and (max-width: 768px) {
    .inner {
        width: auto;
        padding: 0 20px;
    }
}

.c-bgColorWrap--white {
    color: #000;
}
.c-title1 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: normal;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .c-title1 {
        font-size: 20px;
        letter-spacing: inherit;
    }
}

.inner.-wide {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .inner.-wide {
        padding: 0;
    }
}

.c-modal { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.93); overflow-y: scroll; z-index: 10; }
.c-modal .modalInner { padding: 100px 0; }
@media screen and (max-width: 768px) { .c-modal .modalInner { padding: 50px 0; } }
.c-modal .modalInner .c-picSlide { padding-bottom: 60px; }
@media screen and (max-width: 768px) { .c-modal .modalInner .c-picSlide { padding-bottom: 0; } }

.c-modalCloseLayer { position: fixed; z-index: 9; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); }

.c-modalReserve { text-align: center; color: #fff; visibility: hidden; opacity: 0; -webkit-transition: .3s; transition: .3s; }
.c-modalReserve.isOn { visibility: visible; opacity: 1; -webkit-transition: .3s; transition: .3s; }
.c-modalReserve a.closeBtn { width: 40px; height: 40px; display: block; position: absolute; top: 30px; right: 30px; background: url(/assets/img/icon_close_wh.png) no-repeat; background-size: cover; }
@media screen and (max-width: 768px) { .c-modalReserve a.closeBtn { width: 30px; height: 30px; top: 20px; right: 20px; } }
.c-modalReserve a.closeBtn:hover { opacity: .8; }
.c-modalReserve .inner { padding-top: 150px; }
.c-modalReserve .c-title1 { font-size: 20px; letter-spacing: 0.32em; margin-bottom: 60px; }
.c-modalReserve .c-title3 { margin-top: 30px; font-size: 16px; }
.c-modalReserve .text { font-size: 16px; }
.c-modalReserve .telWrap { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }
.c-modalReserve .telWrap span { font-size: 14px; }
.c-modalReserve .telWrap span.num { font-size: 24px; padding-left: 20px; }

.c-menuModal { visibility: hidden; opacity: 0; -webkit-transition: .3s; transition: .3s; }
.c-menuModal.isOn { visibility: visible; opacity: 1; -webkit-transition: .3s; transition: .3s; }
.c-menuModal .modalInner { padding: 100px 0; width: 960px; margin: 30px auto; border: 1px solid rgba(255, 255, 255, 0.6); }
@media screen and (max-width: 768px) { .c-menuModal .modalInner { padding: 50px 0; margin: 40px auto; width: calc(100% - 40px); } }
.c-menuModal.c-bgColorWrap--white .modalInner { background-color: rgba(255, 255, 255, 0.93); }
.c-menuModal .inner.-innerPadding { padding: 0 20px; }
.c-menuModal .c-title1 { margin-bottom: 40px; }
.c-menuModal a.closeBtn { width: 40px; height: 40px; display: block; position: fixed; top: 30px; right: 30px; background: url(/assets/img/icon_close_wh.png) no-repeat; background-size: cover; z-index: 10; }
@media screen and (max-width: 768px) { .c-menuModal a.closeBtn { width: 30px; height: 30px; top: 5px; right: 5px; } }
.c-menuModal a.closeBtn:hover { opacity: .8; }
.c-menuModal a.closeText { font-size: 13px; color: #fff; line-height: 1; letter-spacing: 0.5em; display: block; text-align: center; margin: 40px auto; text-decoration: none; position: relative; }
@media screen and (max-width: 768px) { .c-menuModal a.closeText { margin: 30px auto; } }
.c-menuModal a.closeText span { display: inline; position: relative; }
.c-menuModal a.closeText span::before { content: ""; width: 100%; height: 1px; background-color: #fff; display: block; position: absolute; bottom: -5px; left: 0; right: 0; margin: auto; margin-left: -0.22em; }
.c-menuModal a.closeText::before { content: ""; }
.c-menuModal.c-bgColorWrap--white a.closeText { color: #000; }
.c-menuModal.c-bgColorWrap--white a.closeText span::before { background-color: #000; }
.c-menuModal .priceBox { padding: 30px 30px; background-color: rgba(255, 255, 255, 0.2); }
@media screen and (max-width: 768px) { .c-menuModal .priceBox { margin-top: 30px; } }
.c-menuModal .priceBox .c-columnWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 768px) { .c-menuModal .priceBox .c-columnWrap { display: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; } }
.c-menuModal .priceBox .c-columnWrap > li { font-size: 20px; }
.c-menuModal .priceBox .c-columnWrap > li span { font-size: 14px; display: block; }
@media screen and (max-width: 768px) { .c-menuModal .priceBox .c-columnWrap > li span { font-size: 12px; } }
.c-menuModal .priceBox .c-columnWrap > li span.price { font-size: 20px; padding-right: 10px; }
@media screen and (max-width: 768px) { .c-menuModal .priceBox .c-columnWrap > li span.price { font-size: 24px; } }
@media screen and (max-width: 768px) { .c-menuModal .priceBox .c-columnWrap > li:nth-child(1) { display: none; } }
.c-menuModal .priceBox .c-columnWrap > li:nth-child(2) { text-align: right; }
@media screen and (max-width: 768px) { .c-menuModal .priceBox .c-columnWrap > li:nth-child(2) { text-align: center; } }
.c-menuModal.c-bgColorWrap--white .priceBox { background-color: #ddd; }
.c-menuModal.c-bgColorWrap--white .list > li + li { border-top: 1px solid #d0d0d0; }
.c-menuModal .list > li { padding: 40px 0; }
@media screen and (max-width: 768px) { .c-menuModal .list > li { padding: 30px 0; } }
.c-menuModal .list > li + li { border-top: 1px solid rgba(255, 255, 255, 0.3); }
.c-menuModal .list .c-title3 { margin-bottom: 10px; }
@media screen and (max-width: 768px) { .c-menuModal .list .c-title3 { font-size: 18px; } }
.c-menuModal .list p + p { margin-top: 10px; }

.c-picSlide { padding-bottom: 0px; }
@media screen and (max-width: 768px) { .c-picSlide { padding-bottom: 0; } }
.c-picSlide .list li { margin: 0 15px; }
@media screen and (max-width: 768px) { .c-picSlide .list li { margin: 0 5px; } }
.c-picSlide .list li .pic { width: 720px; height: 480px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
@media screen and (max-width: 768px) { .c-picSlide .list li .pic { width: 340px; height: 226px; } }
@media screen and (max-width: 768px) { .c-menuModal .c-picSlide .list li .pic { width: 300px; } }
.c-picSlide .list li .pic.movie { position: relative; padding-bottom: 62.5%; padding-top: 30px; height: 480px; overflow: hidden; }
@media screen and (max-width: 768px) { .c-picSlide .list li .pic.movie { height: 226px; } }
.c-picSlide .list li .pic.movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 768px) { .c-picSlide .list li .pic.movie iframe { height: 226px; } }
.c-picSlide .list li .text { width: 720px; text-align: left; margin-top: 10px; margin-bottom: 10px; }
@media screen and (max-width: 768px) { .c-picSlide .list li .text { width: 340px; margin-bottom: 0px; } }
@media screen and (max-width: 768px) { .c-menuModal .c-picSlide .list li .text { width: 300px; } }
.c-picSlide .js-movieOver { width: 100%; height: calc(50% - 70px); position: absolute; top: 50px; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0); }
@media screen and (max-width: 768px) { .c-picSlide .js-movieOver { height: calc(50% - 70px); top: 40px; } }
.c-picSlide .js-movieOver2 { width: 100%; height: calc(50% - 80px); position: absolute; bottom: 50px; left: 0; z-index: 1; background-color: rgba(0, 0, 0, 0); }
@media screen and (max-width: 768px) { .c-picSlide .js-movieOver2 { height: calc(50% - 70px); bottom: 60px; } }


.c-picSlide_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; }
@media screen and (max-width: 768px) { .c-picSlide_nav { margin-top: 20px; } }
.c-picSlide_nav li { margin: 0 15px; }
.c-picSlide_nav li a { cursor: pointer; width: 44px; height: 44px; display: block; position: relative; border-radius: 100px; border: 1px solid #000; background-color: transparent; -webkit-transition: .3s; transition: .3s; }
.c-bgColorWrap--black .c-picSlide_nav li a { border: 1px solid #fff; background-color: transparent; }
.c-bgColorWrap--white .c-picSlide_nav li a { border: 1px solid #000; }
.c-picSlide_nav li a:hover { background-color: #000; -webkit-transition: .3s; transition: .3s; opacity: 1; }
.c-bgColorWrap--black .c-picSlide_nav li a:hover { background-color: #fff; }
.c-picSlide_nav li a::before { content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 1px #000; border-right: solid 1px #000; -webkit-transform: translate(-30%, -50%) rotate(225deg); transform: translate(-30%, -50%) rotate(225deg); position: absolute; top: 50%; left: 50%; -webkit-transition: .3s; transition: .3s; }
.c-bgColorWrap--black .c-picSlide_nav li a::before { border-top: solid 1px #fff; border-right: solid 1px #fff; }
.c-bgColorWrap--white .c-picSlide_nav li a::before { border-top: solid 1px #000; border-right: solid 1px #000; }
.c-picSlide_nav li a.prev:hover::before { content: ""; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transition: .3s; transition: .3s; }
.c-bgColorWrap--black .c-picSlide_nav li a.prev:hover::before { border-top: solid 1px #000; border-right: solid 1px #000; }
.c-picSlide_nav li a.prev::before { content: ""; -webkit-transition: .3s; transition: .3s; }
.c-picSlide_nav li a.next:hover::before { content: ""; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transition: .3s; transition: .3s; }
.c-bgColorWrap--black .c-picSlide_nav li a.next:hover::before { border-top: solid 1px #000; border-right: solid 1px #000; }
.c-picSlide_nav li a.next::before { content: ""; -webkit-transform: translate(-65%, -50%) rotate(45deg); transform: translate(-65%, -50%) rotate(45deg); -webkit-transition: .3s; transition: .3s; }
.c-picSlide_nav li span { display: inline-block; position: relative; line-height: 1; }
.c-picSlide_nav li span.cur { margin-right: 5px; }
.c-picSlide_nav li span.total { margin-left: 5px; }
.c-picSlide_nav li span.total::before { content: ""; width: 1px; height: 100%; display: block; background-color: #000; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -9px; }
.c-bgColorWrap--black .c-picSlide_nav li span.total::before { background-color: #fff; }
.c-bgColorWrap--white .c-picSlide_nav li span.total::before { background-color: #000; }