@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  common.css
// style info :  スタイル指定
=================================================================== */

.sp-bl,.sp-il{display: none;}
@media only screen and (max-width: 768px) {
    .pc{display: none;}
    .sp-bl{display: block;}
    .sp-il{display: inline;}
}
.cf:before,.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.topMain { position: relative; height: 662px; background: url(../../../img/pages/top/img1.jpg) center center no-repeat; background-size: cover;}
.topMain .ttl { position: absolute; top: 120px; right: 100px; width: 74px;}
.topMain span { display: block; font-weight: bold; color: #fff; position: absolute; bottom: 10px; right: 10px; line-height: 1; font-size: 1.2em; text-shadow: 0 0 5px #000; -webkit-text-shadow: 0 0 5px #000; -ms-text-shadow: 0 0 5px #000;}

.topCatch {/* background: #f2f2f2; */}


.closedNotice {
    text-align: center;
    margin: 60px auto 20px;
}
    .closedNotice .boxInner {
        display: inline-block;
        max-width: 770px;
        width: 87.5%;
        box-sizing: border-box;
        padding: 30px;
        border: solid #9E202C 1px;
    }
        .closedNotice .ttl {
            font-size: 20px;
            line-height: 1.4;
            margin-bottom: 10px;
        }
        .closedNotice .txt {
            font-size: 14px;
        }
        .closedNotice .yotei {
            font-size: 14px;
            /*margin-top: 10px;*/
        }
        .closedNotice .cap{
            margin-top: 10px;
            font-size: 12px;
        }
    .closedNotice .gaiyo{
        margin-top: 20px;
    }
@media screen and (max-width: 768px){
    .closedNotice {
        margin: 40px auto 10px;
    }
    .closedNotice .boxInner {
        padding: 20px;
    }
    .closedNotice .ttl {
        font-size: 18px;
    }
    .closedNotice .txt {
        font-size: 13px;
        text-align: left;
    }
    .closedNotice .yotei {
        font-size: 13px;
    }
    .closedNotice .cap{
        font-size: 11px;
        text-align: left;
    }
}

/* -- お知らせ -- */

.please{
    padding: 20px 0 70px;
    width: 94%;
}
    .please a{
        font-size: 28px;
        color: #9b0000;
        text-align: center;
        text-decoration: underline;
        transition: .3s;
    }
    .please a:hover{
        opacity: .6;
    }
    .please .yotei{
        margin-top: 40px;
        border: solid 1px #333;
        font-size: 14px;
        text-align: center;
        padding: 30px 20px;
    }
        .please .yotei span{
            font-size: 18px;
            display: block;
        }
@media screen and (max-width: 768px){
    .please{
        padding: 10px 0 50px;
    }
        .please a{
            font-size: 19px;
            line-height: 1.5;
        }
        .please .yotei{
            margin-top: 30px;
            padding: 20px;
        }
}

.topCatch ul {text-align: center;letter-spacing: -0.4em;padding: 50px 0;}
.topCatch ul li { letter-spacing: normal; display: inline-block; border-right: 1px solid #d0c2c2; padding: 0 30px;}
.topCatch ul li:first-child { border-left: 1px solid #d0c2c2;}
.topCatch ul li img { height: 57px; width: auto;}
.topCatch .adBnr{margin: 10px auto 70px; width: 94%;}
.topCatch .adBnr .bnrCap{ font-size: 12px; text-align: left; margin-top: 5px;}
.topPrice {width: 95%;max-width: 480px;margin: 40px auto 0;display: none;}

.topBnrArea {max-width: 960px;width: 95%;margin: 0 auto;padding: 50px 0;}
.topBnrArea a {display: block;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.topBnrArea a:hover {opacity: .8;}
.topBnrArea a + a {margin-top: 30px;}

.topModelOpen {padding: 50px 0 0;}
.topModelOpen dl dt {width: 95%;max-width: 750px;margin: 0 auto;line-height: 0;}
.topModelOpen dl .btn {box-sizing: border-box;padding: 0;border: none;max-width: 480px;width: 80%;}
.topModelOpen dl .txt { font-size: 1.6em; line-height: 1.6; padding-top: 30px;}
.topModelOpen dl .txt span { font-size: 0.8em;}
.topModelOpen dl .emTxt { font-size: 1.8em; padding-top: 30px; padding-bottom: 30px; color: #85121c; font-weight: bold;}
.topModelOpen dl .table {width: 95%;max-width: 960px;margin: 0 auto;line-height: 0;margin-bottom: 40px;padding-top: 40px;}
.topModelOpen dl .eventBox {
    width: 95%;
    max-width: 860px;
    margin: 0 auto;
    line-height: 0;
    margin-top: 40px;
    background-color: #f2f2f2;
    padding: 2.8% 4.2%;
}

.topModelOpen dl .eventBox .eventTxt {
    float: left;
    max-width: 500px;
    width: 66.6667%;
    /* max-width: 770px; */
    /* width: 100%; */
}

.topModelOpen dl .eventBox .eventImg {
    float: right;
    max-width: 300px;
    width: 33%;
    margin-top: 60px;
}

.bairitsu {max-width: 860px;width: 95%;margin: 0 auto;text-align: left;box-sizing: border-box;padding: 20px;border: solid 2px #99701d;text-align: center;}
.bairitsu dt {font-size: 16px;font-weight: normal;display: inline-block;padding-bottom: 2px;margin: 0 auto 12px;border-bottom: solid 2px #99701d;}
.bairitsu dd {font-size: 14px;text-align: left;}

.topReq { padding: 80px 0;}
.topReq dt {width: 100%;max-width: 588px;margin: 0 auto;line-height: 0;margin-bottom: 40px;}
.topReq .txt { font-size: 1.6em; line-height: 2; padding-bottom: 30px;}
.topReq .txt span { font-size: 0.8em;}
.topReq .btn { width: 100%; max-width: 600px; margin: 0 auto; line-height: 0;}

.topSec { border-top: 1px solid #f2f2f2; padding: 70px 20px 60px; background: #f6f6f6; background: -moz-linear-gradient(left,  #f6f6f6 0%, #ffffff 50%, #f6f6f6 100%); background: -webkit-linear-gradient(left,  #f6f6f6 0%,#ffffff 50%,#f6f6f6 100%); background: linear-gradient(to right,  #f6f6f6 0%,#ffffff 50%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=1 );}
.topSec .ttl {line-height: 0;width: 100%;max-width: 880px;margin: 0 auto;}
.topSec .ttl img {
    width: 100%;
}
.topSec dl dt { font-size: 24px; line-height: 1; color: #85121c; font-weight: bold; margin: 40px 0;}
.topSec dl dd { font-size: 1.6em; line-height: 3;}

.topNav { width: 100%; max-width: 1400px; margin: 0 auto;}
.topNav ul { text-align: center;}
.topNav ul li { margin: 0 0 0.2%;}
.topNav ul li:nth-child(1) {/* width: 33.2%; *//* float: left; */}
.topNav ul li:nth-child(2) {/* width: 33.2%; *//* float: left; *//* margin: 0 0.2% 0.2%; */}
.topNav ul li:nth-child(3) {/* width: 33.2%; *//* float: right; */}

@media only screen and (max-width: 991px) {
    .topCatch ul li { padding: 0 10px;}
    .topCatch ul li img { height: 50px;}
}
@media only screen and (max-width: 768px) {
    .topMain { height: 400px;}
    .topMain .ttl { top: 50%; left: 50%; width: 40px; margin: -100px 0 0 -10px;}
    .topNav ul li { width: 100%!important; float: none!important;}
    .topMain span { font-size: 1em;}
    .topCatch ul { padding: 15px;}
    .topCatch ul li { letter-spacing: normal; display: block; border-right: none; border-bottom: 1px solid #d0c2c2; padding: 15px 0; height: auto;}
    .topCatch ul li:first-child { border-left: none;}
    .topCatch ul li:last-child { border: none;}
    .topCatch ul li img { height: 50px;}
    .topCatch .adBnr{margin: 10px auto 50px;}
    .topCatch .adBnr .bnrCap{ font-size: 10px; text-align: left; margin-top: 5px;}
    .topBnrArea { padding-top: 40px;}
    .topModelOpen { padding: 40px 0 0;}
    .topModelOpen dl .txt { font-size: 1.4em;}
    .topReq { padding: 40px 10px;}
    .topReq dt {width: 95%;margin-bottom: 20px;}
    .topReq .txt { padding-bottom: 0px; font-size: 1.4em; line-height: 1.6; text-align: left; padding: 0 10px;}
    .topReq .txt br { display: none;}
    .topSec { padding: 40px 0;}
    .topSec .ttl { padding: 0 60px; max-width: 400px;}
    .topSec dl { padding: 0 20px;}
    .topSec dl dt { font-size: 1.8em; line-height: 1.6; text-align: left; margin-bottom: 20px;}
    .topSec dl dd { font-size: 1.4em; line-height: 1.6; text-align: left;}
    .topModelOpen dl .eventBox .eventImg {margin-top: 40px;}
}

.bx-wrapper { position: relative;}
.topSliderPc { display: block; }
.topSliderSp { display: none; }
.topSliderPc, .topSliderSp { position: relative; background: #000;}
.topSliderPc li, .topSliderSp li { line-height: 0;}
.topSliderPc li a, .topSliderSp li a { display: block; line-height: 0; text-decoration: none;}
.bx-prev,.bx-next {display: block;overflow: hidden;text-indent: -9999em;position: absolute;top: 50%;width: 30px;height: 67px;transform: translateY(-50%);}
.bx-prev { left: 0; background: url(http://dressclasse.aispr.jp/img/bx-prev.png) no-repeat; background-size: 100% 100%;}
.bx-next { right: 0;; background: url(http://dressclasse.aispr.jp/img/bx-next.png) no-repeat; background-size: 100% 100%;}
.mvPrice {max-width: 480px;width: 34.2858%;position: absolute;right: 2%;bottom: 5%;z-index: 60;}
@media all and (max-width: 768px) {
    .topSliderPc { display: none; }
    .topSliderSp { display: block; }
    .topPrice { display: block;}
    .bx-prev,.bx-next {width: 20px;height: 48px;}
    .topSliderPc li, .topSliderSp li { font-size: 13px!important;}
    .topSliderPc li a, .topSliderSp li a { font-size: 13px!important;}
    .topSliderPc li span, .topSliderSp li span { display: none; /* font-size: 13px!important; padding: 10px 0; */}

    .mvSlide1 {
        background: url(../../../img/pages/top/slide_img5_sp.jpg) no-repeat left center;
        background-size: cover;
    }
    .mvSlide2 {
        background: url(../../../img/pages/top/slide_img6_sp.jpg) no-repeat left center;
        background-size: cover;
    }
    .mvSlide3 {
        background: url(../../../img/pages/top/slide_img6_sp.jpg) no-repeat center;
        background-size: cover;
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        z-index: -1;
    }
    .mvSlide4 {
        background: url(../../../img/pages/top/slide_img8_sp.jpg) no-repeat left center;
        background-size: cover;
    }
    .mvSlide5 {
        background: url(../../../img/pages/top/mv1_sp.jpg) no-repeat left center;
        background-size: cover;
    }
    .mvSlide6 {
        background: url(../../../img/pages/top/mv2_sp.jpg) no-repeat center;
        background-size: cover;
    }
    .mvSlide7 {
        background: url(../../../img/pages/top/mv3_sp.jpg) no-repeat left center;
        background-size: cover;
    }
    .mvSlide8 {
        background: url(../../../img/pages/top/mv4_sp.jpg) no-repeat left center;
        background-size: cover;
    }
    .slideAnime > div {
        -webkit-transition: all 4s;
        -moz-transition: all 4s;
        -ms-transition: all 4s;
        -o-transition: all 4s;
        transition: all 4s;
    }
    .slideAnime.active .mvSlide3 {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .slideAnime.active .mvSlide1,
    .slideAnime.active .mvSlide2,
    .slideAnime.active .mvSlide4 {
        background-position: right center;
        -webkit-transition: all 4s;
        -moz-transition: all 4s;
        -ms-transition: all 4s;
        -o-transition: all 4s;
        transition: all 4s;
    }
    

}
.bx-controls {position: absolute;top: 0;right: 0;left: 0px;bottom: 0;z-index: 70;}
.bx-pager > div { display: none;}
.bx-pager > div:nth-child(5) { display: block;}
.bx-pager .bx-pager-item a { position: relative;display: block; color: #fff; text-decoration: none; line-height: 0; background: rgba(0,0,0,0.7); padding: 10px 15px; text-indent: -9999em;}
.bx-pager .bx-pager-item a:after {text-indent: 0; display: block; content: "Skip >"; letter-spacing: 0.1em; font-size: 13px; line-height: 1; color: #fff;}
@media all and (max-width: 768px) {
    .bx-pager .bx-pager-item a { padding: 5px 10px;}
    .bx-pager .bx-pager-item a:after {font-size: 10px;}
}


body.campaignpage {
    margin: 0;
    padding: 0;
}

.campaignpage > img {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.halloweenBnr {
    max-width: 640px;
    width: 100%;
    margin: 0 auto 10px;
}

.eventBnrList {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
}

.eventBnrList li {
    float: right;
    max-width: 470px;
    width: 48.9584%;
}

.eventBnrList li:first-child {
    float: left;
}

.eventBnrOne {
    max-width: 560px;
    width: 58.3334%;
    margin: 0 auto 30px;
}

.regist {
    width: 95%;
    max-width: 860px;
    margin: 0 auto 70px;
}
.registTtl {
    margin-top: 50px;
    /* margin-bottom: 60px; */
    max-width: 860px;
    width: 94%;
    margin-right: auto;
    margin-left: auto;
}
.registPrice {
    margin: 0 auto 40px;
}
.registTxt {
    text-align: left;
    font-size: 14px;
    /* max-width: 700px; */
    width: 100%;
    margin: 0 auto 30px;
    background-color: #f1f1f1;
    box-sizing: border-box;
    padding: 25px 30px;
}
.registTxt em {
    font-size: 16px;
    font-style: normal;
    display: block;
    border-bottom: solid 1px #828282;
    padding-bottom: 7px;
    margin-bottom: 10px;
}

.closure {
    max-width: 960px;
    /* width: 94%; */
    margin: 50px auto;
    border: solid 1px #976f1e;
    box-sizing: border-box;
    padding: 20px;
}

.closure dt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 5px;
}

.closure dd {
    font-size: 14px;
    line-height: 1.8;
}

.camBnr {
    max-width: 1030px;
    width: 94%;
    margin: 70px auto;
}

.firstViewCP {
    margin: 0 auto 40px;
    width: 100%;
}

.camBnr .notes {
    font-size: 12px;
    margin-top: 10px;
    text-align: left;
}

.camBnr ul li + li {
    margin-top: 30px;
}

.camBnr a {
    display: block;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.camBnr a:hover {
    opacity: .8;
}

.camBnr a + a {
    margin-top: 30px;
}

.max960 {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}

.registNotes {
    max-width: 540px;
    width: 94%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}

.registNotes li {
    font-size: 12px;
    text-align: left;
    line-height: 1.8;
    text-indent: -1em;
    margin-left: 1em;
}

.obiTxt {
    /* background: #84141e; */
    padding: 20px 0 30px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#490002+0,821c25+50,490002+100 */
    background: rgb(73,0,2); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(73,0,2,1) 0%, rgba(130,28,37,1) 50%, rgba(73,0,2,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(73,0,2,1) 0%,rgba(130,28,37,1) 50%,rgba(73,0,2,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(73,0,2,1) 0%,rgba(130,28,37,1) 50%,rgba(73,0,2,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490002', endColorstr='#490002',GradientType=1 ); /* IE6-9 */
}

.obiTxt > p {
    max-width: 1000px;
    width: 94%;
    margin: 0 auto;
}
.obiTxt .pdfLink{
    text-align: center;
    max-width: 800px;
}
.obiTxt .pdfLink a{
    display: block;
    font-size: 28px;
    text-align: center;
    padding: 20px;
    margin: 20px auto;
    box-sizing: border-box;
    border: solid 1px #9b0000;
    background-color: #fff;
    color: #9b0000;
    transition: .3s;
}
.obiTxt .pdfLink a:hover{
    opacity: .8;
}
.holidayTxt {
    text-align: center;
    width: 94%;
    margin: 30px auto 25px;
}

.holidayTxt p {
    display: inline-block;
    color: #FFF;
    border: solid 1px #FFF;
    padding: 20px 40px;
    box-sizing: border-box;
    font-size: 14px;
}

.holidayTxt p em {
    display: block;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 2px;
}
.holidayTxt p em.second{
    margin-top: 15px;
}   

.topKdtk {
    padding: 52px 0 0;
    max-width: 960px;
    width: 94%;
    margin: 0 auto;
}

.camBnrList {
    width: 100%;
    margin: 0 auto 50px;
}

.camBnrList li {
}

.camBnrList li p {
    font-size: 12px;
    margin-top: 10px;
    text-align: left;
}

.maintenanceDl {
    border: solid 1px #d82838;
    box-sizing: border-box;
    padding: 30px;
    margin-bottom: 60px;
}

.maintenanceDl dt {
    font-size: 20px;
    color: #d82838;
    margin-bottom: 15px;
}

.maintenanceDl dd {}

.maintenanceDl dd p {
    color: #d82838;
    font-size: 16px;
}

.maintenanceDl dd .menteTime {
    font-weight: bold;
    border-bottom: solid 1px #d82838;
    display: inline-block;
    line-height: 1;
    margin-top: 15px;
    font-size: 18px;
    font-feature-settings: 'palt' 1;
    letter-spacing: 1px;
}

.rsvKdtk {
    margin-bottom: 70px;
}

.topKdtk h3 {
    font-size: 42px;
    font-weight: normal;
    font-feature-settings: 'palt' 1;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.rsvKdtk .btn,
#kdtkWrap .rsv .btn {
    position: relative;
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    font-size: 24px;
    font-feature-settings: 'palt' 1;
    letter-spacing: 3px;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    border: #a5f3c4 2px solid;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003e1a+0,00772d+50,003e1a+100 */
    background: rgb(0,62,26); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(0,62,26,1) 0%, rgba(0,119,45,1) 50%, rgba(0,62,26,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,62,26,1) 0%,rgba(0,119,45,1) 50%,rgba(0,62,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,62,26,1) 0%,rgba(0,119,45,1) 50%,rgba(0,62,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e1a', endColorstr='#003e1a',GradientType=1 ); /* IE6-9 */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.rsvKdtk p {
    font-size: 14px;
}

.reqKdtk {}

.reqKdtk .btn,
#kdtkWrap .req .btn {
    position: relative;
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    font-size: 24px;
    font-feature-settings: 'palt' 1;
    letter-spacing: 3px;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    border: #c7bead 2px solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#545454+0,757575+50,545454+100 */
    background: rgb(84,84,84); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(84,84,84,1) 0%, rgba(117,117,117,1) 50%, rgba(84,84,84,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(84,84,84,1) 0%,rgba(117,117,117,1) 50%,rgba(84,84,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(84,84,84,1) 0%,rgba(117,117,117,1) 50%,rgba(84,84,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#545454',GradientType=1 ); /* IE6-9 */
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.onlineKdtk .btn,
#kdtkWrap .online .btn {
    position: relative;
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    font-size: 20px;
    font-feature-settings: 'palt' 1;
    letter-spacing: 0;
    box-sizing: border-box;
    /*padding: 20px;*/
    padding: 23px 20px;
    color: #fff;
    border: #9b3740 2px solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#545454+0,757575+50,545454+100 */
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    margin-bottom: 1px;
    background: rgb(73,0,2);
    background: -moz-linear-gradient(left, rgba(73,0,2,1) 0%, rgba(124,28,37,1) 50%, rgba(73,0,2,1) 100%);
    background: -webkit-linear-gradient(left, rgba(73,0,2,1) 0%,rgba(130,28,37,1) 50%,rgba(73,0,2,1) 100%);
    background: linear-gradient(to right, rgba(73,0,2,1) 0%,rgba(130,28,37,1) 50%,rgba(73,0,2,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490002', endColorstr='#490002',GradientType=1 );
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.onlineKdtk .btn.spOnly,
#kdtkWrap .online .btn.spOnly {
    display: none;
}
@media screen and (max-width: 768px){
    .onlineKdtk .btn.pcOnly,
    #kdtkWrap .online .btn.pcOnly {
        display: none;
    }   
    .onlineKdtk .btn.spOnly,
    #kdtkWrap .online .btn.spOnly {
        display: block;
    }
}

.rsvKdtk .btn:after,
.reqKdtk .btn:after,
.onlineKdtk .btn:after,
#kdtkWrap .rsv .btn:after,
#kdtkWrap .req .btn:after,
#kdtkWrap .online .btn:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 10px;
    width: 10px;
    height: 11px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rsvKdtk .btn:hover,
.reqKdtk .btn:hover,
.onlineKdtk .btn:hover,
#kdtkWrap .rsv .btn:hover,
#kdtkWrap .req .btn:hover,
#kdtkWrap .online .btn:hover {
    opacity: .8;
}

.spOnly {
    display: none;
}

.appTb {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 50px;
}
.appTb th {
    box-sizing: border-box;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
    padding: 20px;
    border: solid 1px #CCC;
    background-color: #f9f9f9;
    width: 270px;
    font-weight: normal;
}
.appTb td {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    text-align: left;
    padding: 20px;
    border: solid 1px #CCC;
}

.topKdtk .appTtl {
    font-size: 22px;
    margin-bottom: 5px;
}

#kdtkWrap table {
    width: 100%;
}

#kdtkWrap table th {
    vertical-align: middle;
}

#kdtkWrap table td {
    vertical-align: middle;
}

#kdtkWrap table th h3 {
    margin-bottom: 0;
}

#kdtkWrap table td .btn {
    margin-top: 0 !important;
}

.kdtkList li + li {
    margin-top: 40px;
    padding-top: 40px;
    border-top: solid 1px #d0c3c2;
}

#kdtkWrap .notes {
    font-size: 12px;
    margin-top: 30px;
}

#kdtkWrap .cpBnr {
    margin-bottom: 40px;
}

#kdtkWrap .cpBnr ul li + li {
    margin-top: 20px;
}

.kdtkBtnList {
    overflow: hidden;
    /*max-width: 865px;*/
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}

.kdtkBtnList li {
    float: left;
    /*max-width: 420px;*/
    max-width: 300px;
    /*width: 48.5550%;*/
    width: 31.25%;
    box-sizing: border-box;
}

.kdtkBtnList li + li {
    margin-left: 2.8901%;
}

a.floatingCP {
    display: block;
    margin-bottom: 1px;
    transition: all .5s ease-out;
    position: relative;
}

a.floatingCP:hover {
    opacity: 0.8;
}

.mirudakeBnrSp {
    display: none;
}

.mirudakeBnrPc {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1000;
    max-width: 280px;
    display: none;
}

.mirudakeInner {
    position: relative;
}

.mirudakeInner .closeBtn {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 1;
    max-width: 35px;
}

.mirudakeBnr {
    max-width: 865px;
    margin: 0 auto 50px;
}

.owabi {
    text-align: center;
    margin-top: 40px;
}

.owabi dl {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    border: solid 1px #CCC;
    padding: 20px;
}

.owabi dl dt {
    font-weight: normal;
    line-height: 1.8;
}

.owabi dl dd {
    line-height: 1.8;
}

.planLink {
    background-color: #f0e2e1;
    padding: 50px 0;
}

.content .planLink h3 {
    max-width: 600px;
    width: 90%;
    line-height: 1;
    margin: 0 auto 40px;
}

.planLink ul {
    max-width: 820px;
    width: 94%;
    margin: 0 auto;
}

.planLink ul li + li {
    margin-top: 20px;
}

.model3d {
    margin: 0 auto 70px;
}

.model3d .tips {
    margin-bottom: 25px;
}

.model3d .tips h3 {
    font-size: 42px;
    font-weight: normal;
    font-feature-settings: 'palt' 1;
    line-height: 1.8;
    letter-spacing: 3px;
    margin-bottom: 0;
}

.model3d .tips p {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-size: 16px;
    font-feature-settings: 'palt' 1;
    letter-spacing: 1px;
}
.model3d .bnr p {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-size: 14px;
    font-feature-settings: 'palt' 1;
    letter-spacing: 1px;
    text-align: right;
    margin-top: 5px;
}

@media only screen and (max-width: 991px) {
    .mirudakeBnrPc {
        display: none !important;
    }
}

@media all and (max-width: 768px) {
    .eventBnrOne {
        max-width: 560px;
        width: 100%;
    }

    .eventBnrList li:first-child {
        float: none;
        margin-bottom: 20px;
    }

    .eventBnrList li {
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .registTxt {
        font-size: 12px;
        padding: 20px;
    }

    .registTxt em {
        font-size: 14px;
    }

    .closure dd {
        text-align: left;
    }

    .closure dd br {
        display: none;
    }

    .camBnr .notes {
        font-size: 11px;
    }

    .maintenanceDl dt {
        font-size: 16px;
    }

    .maintenanceDl dd p {
        font-size: 14px;
        text-align: left;
    }

    .maintenanceDl dd .menteTime {
        font-size: 16px;
    }

    .topKdtk h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .rsvKdtk p {
        text-align: left;
        font-size: 12px;
    }

    .rsvKdtk .btn, #kdtkWrap .rsv .btn {
        font-size: 20px;
    }

    .reqKdtk .btn, #kdtkWrap .req .btn {
        font-size: 20px;
    }
    
    .onlineKdtk .btn, #kdtkWrap .online .btn {
        font-size: 20px;
        padding: 20px;
    }

    .spOnly {
        display: block;
    }

    .topKdtk {
        padding: 50px 0;
    }

    .obiTxt {
        margin-bottom: 5px;
    }
    .obiTxt .pdfLink a{
        font-size: 18px;
        padding: 8px;
        margin: 20px auto 5px;
    }
    

    .holidayTxt {
        margin: 20px auto 0;
    }

    .holidayTxt p {
        padding: 20px;
        font-size: 11px;
        /*text-align: left;*/
        text-align: center;
    }

    .holidayTxt p em {
        font-size: 13px;
        text-align: center;
    }

    .holidayTxt p br {
        /*display: none;*/
    }

    .camBnrList li p {
        font-size: 11px;
    }

    .topKdtk .appTtl {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .appTb {
        border-bottom: solid 1px #CCC;
    }
    .appTb th {
        display: block;
        width: 100%;
        padding: 10px;
    }
    .appTb td {
        display: block;
        width: 100%;
        border-top: none;
        border-bottom: none;
        padding: 10px;
    }

    #kdtkWrap table th {
        display: block;
        width: 100%;
    }

    #kdtkWrap table td {
        display: block;
        width: 100%;
    }

    #kdtkWrap table th h3 {
        text-align: center;
        margin-bottom: 10px;
    }

    .kdtkList li + li {
        border-top: none;
        margin-top: 40px;
        padding-top: 0;
    }

    .kdtkBtnList li {
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .kdtkBtnList li + li {
        margin-left: 0;
        margin-top: 20px;
    }

    .camBnr {
        margin: 0 auto 50px;
    }

    #kdtkWrap .notes {
        text-align: left;
    }

    .mirudakeBnrSp {
        display: block;
        max-width: 452px;
        margin: 0 auto 40px;
    }

    .owabi dl dd {
        text-align: left;
    }

    .owabi dl dd br {
        display: none;
    }

    .model3d {
        margin-bottom: 40px;
    }

    .model3d .tips {
        margin-bottom: 20px;
    }

    .model3d .tips h3 {
        font-size: 24px;
        letter-spacing: 1px;
        margin-bottom: 0;
    }

    .model3d .tips p {
        font-size: 14px;
    }
    .model3d .bnr p {
        font-size: 12px;
}
    .content .planLink h3 {
        margin-bottom: 20px;
    }

}


/*  .meritBox
--------------------------------------------------*/

.content .meritBox{
    background-color: #f0f5ff;
    padding-bottom: 90px;
    margin-bottom: 70px;
}
    .content .meritBox h4{
        background: #0a1843;
        background: -moz-linear-gradient(left, rgba(10,24,67,1) 0%, rgba(0,46,150,1) 50%, rgba(10,24,67,1) 100%);
        background: -webkit-linear-gradient(left, rgba(10,24,67,1) 0%,rgba(0,46,150,1) 50%,rgba(10,24,67,1) 100%);
        background: linear-gradient(to right, rgba(10,24,67,1) 0%,rgba(0,46,150,1) 50%,rgba(10,24,67,1) 100%);
        padding: 32px 0 35px;
        text-align: center;
        margin-bottom: 70px;
    }
        .content .meritBox h4 span{
            display: inline-block;
            max-width: 900px;
            width: 95%;
        }
    .meritBox .meritList{
        text-align: left;
        max-width: 960px;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
        .meritBox .merit{
            text-align: left;
        }
        .meritBox .merit:nth-of-type(n + 2){
            margin-top: 50px;
        }
            .meritBox .merit .ttl{
                font-size: 31px;
                color: #b58f18;
                padding-left: 110px;
                line-height: 1;
                margin-bottom: 16px;
                position: relative;
            }
                .meritBox .merit .ttl:before{
                    content: "";
                    width: 87px;
                    height: 37px;
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                .meritBox .merit:nth-of-type(1) .ttl:before{
                    background: url(../../../img/pages/top/txt_merit01.png) no-repeat center center/cover;
                }
                .meritBox .merit:nth-of-type(2) .ttl:before{
                    background: url(../../../img/pages/top/txt_merit02.png) no-repeat center center/cover;
                }
                .meritBox .merit:nth-of-type(3) .ttl:before{
                    background: url(../../../img/pages/top/txt_merit03.png) no-repeat center center/cover;
                }
            .meritBox .merit .desc{
                font-size: 19px;
                line-height: 1.9;
                padding-left: 110px;
                letter-spacing: -1px;
            }
        .meritBox .figure{
            position: absolute;
            right: 0;
            top: 0;
            width: 300px;
        }    

@media screen and (max-width: 960px){
    .meritBox .figure{
        position: static;
        margin: 10px 0 0 110px;
    }
} 
@media screen and (max-width: 768px){
    .content .meritBox{
        padding-bottom: 50px;
        margin-bottom: 50px;
    }
        .content .meritBox h4{
            padding: 20px 0 17px;
            margin-bottom: 40px;
        }
            .content .meritBox h4 span{
                max-width: 260px;
            }
        .meritBox .meritList{
            max-width: 560px;
            width: 87.5%;
        }
            .meritBox .merit:nth-of-type(n + 2){
                margin-top: 40px;
            }
                .meritBox .merit .ttl{
                    font-size: 22px;
                    /*padding-left: 90px;*/
                    padding-left: 0;
                    margin-bottom: 10px;
                    text-align: center;
                }
                    .meritBox .merit .ttl:before{
                        width: 70px;
                        height: 30px;
                        position: static;
                        display: block;
                        margin: 0 auto 15px;
                    }
                .meritBox .merit .desc{
                    font-size: 14px;
                    line-height: 1.86;
                    padding-left: 0;
                    text-align: center;
                }
            .meritBox .figure{
                width: 220px;
                margin: 10px auto 0;
                display: block;
            }   
} 




/*  .online
--------------------------------------------------*/

.online{
    max-width: 1024px;
    width: 95%;
    margin: 0 auto 80px;
    position: relative;
}
    .online a{
        position: absolute;
        max-width: 450px;
        width: 43.94%;
        /*bottom: 22px;*/
        bottom: 5.5%;
        transition: .3s;
    }
    .online a:hover{
        opacity: .6;
    }
    .online .consultation{
        /*left: 71px;*/
        left: 6.93%;
    }
    .online .flow{
        /*right: 65px;*/
        right: 6.34%;
    }
@media screen and (max-width: 768px){
    .online{
        max-width: 560px;
        width: 93.75%;
        margin: 0 auto 50px;
    }
        .online a{
            position: absolute;
            max-width: 560px;
            width: 100%;
        }
        .online .consultation{
            left: 0;
            /*bottom: 112px;*/
            bottom: 17.445%;
        }
        .online .flow{
            right: 0;
            /*bottom: 24px;*/
            bottom: 3.74%;
        }
}


/* modal  --------------------------------------------------*/

    .onlineBox .iziModal-wrap{
        /*padding: 100px 0;*/
    }
    .onlineBox .iziModal-content{
        background-color: #fff;
        position: relative;
    }
        .onlineBox .closeBtn{
            width: 70px;
            position: absolute;
            right: 20px;
            top: 20px;
        }
    .onlineBox{
        /*max-width: 1300px !important;*/
        max-width: 1000px !important;
        width: 95%;
        margin: 0 auto;
        /*padding: 100px 0;*/
        background: none;
        box-shadow: none;
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
    }
    .onlineBox a{
        transition: .3s;
    }
    .onlineBox a:hover{
        opacity: .6;
    }
        
        .onlineBox .cnt{
            background-color: #f2efe6;
            padding-bottom: 110px;
            padding-top: 60px;
        }
            .onlineBox .cntInner{
                max-width: 1200px;
                width: 95%;
                margin-left: auto;
                margin-right: auto;
            }
            .onlineBox .cnt .flowTtl{
                color: #00703c;
                text-align: center;
                font-weight: bold;
                margin-bottom: 30px;
                font-size: 42px;
            }
            .onlineBox .cnt .flowIntro{
                font-size: 20px;
                font-weight: bold;
                text-align: center;
                line-height: 1.75;
                margin-bottom: 35px;
            }
            .onlineBox .cnt .btnEntry{
                max-width: 480px;
                width: 100%;
                margin: 0 auto 40px;
                display: block;
            }
            .onlineBox .cnt .select{
                font-size: 20px;
                font-weight: bold;
                text-align: center;
                line-height: 1.75;
                margin-bottom: 45px;
                color: #bd9c53;
            }
            .onlineBox .cnt .select:before{
                content: "";
                width: 2px;
                height: 60px;
                background-color: #bd9c53;
                display: block;
                margin: 0 auto 31px;
            }
            .onlineBox .selectBox{

            }
                .onlineBox .selectCnt{
                    background-color: #fff;
                    box-shadow: 3px 6px 8px 2px rgba(0,0,0,.4);
                    padding: 50px 38px 40px;
                    max-width: 586px;
                    width: 48.833%;
                    float: left;
                }
                .onlineBox .selectCnt + .selectCnt{
                    float: right;
                }
                    .onlineBox .selectTtl{
                        width: 212px;
                        margin: 0 auto 30px;
                    }
                    .onlineBox .txtBox{

                    }
                        .onlineBox .txtBox p{
                            font-size: 16px;
                            line-height: 1.5625;
                            text-align: left;
                        }
                        .onlineBox .txtBox p + p{
                            margin-top: 25px;
                        }
                    .onlineBox .btnBox{
                        margin-top: 40px;
                    }    
                        .onlineBox .btnBox a{
                            display: block;
                        }
                        .onlineBox .btnBox a.sp-bl{
                            display: none;
                        }
                        .onlineBox .btnBox a + a {
                            margin-top: 15px;
                        }
                        .onlineBox .btnBox .opacity{
                            opacity: 0;
                            pointer-events: none;
                        }
@media screen and (max-width: 768px){
    .onlineBox .iziModal-wrap{
        /*padding: 50px 0 30px;*/
    }
        .onlineBox .closeBtn{
            width: 20px;
            right: 0;
            top: 0;
        }
         .onlineBox .cnt{
            padding-bottom: 60px;
            padding-top: 20px;
        }
            .onlineBox .cntInner{
                width: 90%;
            }
            .onlineBox .cnt .flowTtl{
                margin-bottom: 10px;
                font-size: 23px;
            }
            .onlineBox .cnt .flowIntro{
                font-size: 16px;
                margin-bottom: 20px;
            }
            .onlineBox .cnt .btnEntry{
                margin: 0 auto 15px;
            }
            .onlineBox .cnt .select{
                font-size: 16px;
                margin-bottom: 30px;
            }
            .onlineBox .cnt .select:before{
                height: 30px;
                margin: 0 auto 10px;
            }
            .onlineBox .selectBox{

            }
                .onlineBox .selectCnt{
                    padding: 30px 15px 20px;
                    width: 100%;
                    float: none;
                }
                .onlineBox .selectCnt + .selectCnt{
                    float: none;
                    margin-top: 25px;
                }
                    .onlineBox .selectTtl{
                        width: 180px;
                        margin: 0 auto 10px;
                    }
                    .onlineBox .txtBox{

                    }
                        .onlineBox .txtBox p{
                            font-size: 14px;
                        }
                        .onlineBox .txtBox p + p{
                            margin-top: 10px;
                        }
                    .onlineBox .btnBox{
                        margin-top: 25px;
                    }    
                        .onlineBox .btnBox a + a {
                            margin-top: 5px;
                        }

    .onlineBox .btnBox a.pc{
        display: none;
    }
    .onlineBox .btnBox a.sp-bl{
        display: block;
    }
}