@charset "utf-8";


.quickMainEmbedDepth1 > li:nth-of-type(1){background:url('../../img/quick/quickMainEmbed01.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(2){background:url('../../img/quick/quickMainEmbed02.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(3){background:url('../../img/quick/quickMainEmbed03.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(4){background:url('../../img/quick/quickMainEmbed04.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(5){background:url('../../img/quick/quickMainEmbed05.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(6){background:url('../../img/quick/quickMainEmbed06.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(7){background:url('../../img/quick/quickMainEmbed07.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(8){background:url('../../img/quick/quickMainEmbed08.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(9){background:url('../../img/quick/quickMainEmbed09.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(10){background:url('../../img/quick/quickMainEmbed10.png') no-repeat center 12px}


.quickMainEmbedDepth1 > li:nth-of-type(1):hover {background:url('../../img/quick/quickMainEmbed01On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(2):hover {background:url('../../img/quick/quickMainEmbed02On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(3):hover {background:url('../../img/quick/quickMainEmbed03On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(4):hover {background:url('../../img/quick/quickMainEmbed04On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(5):hover {background:url('../../img/quick/quickMainEmbed05On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(6):hover {background:url('../../img/quick/quickMainEmbed06On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(7):hover {background:url('../../img/quick/quickMainEmbed07On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(8):hover {background:url('../../img/quick/quickMainEmbed08On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(9):hover {background:url('../../img/quick/quickMainEmbed09On.png') no-repeat center 12px}
.quickMainEmbedDepth1 > li:nth-of-type(10):hover {background:url('../../img/quick/quickMainEmbed10On.png') no-repeat center 12px}
.quickMainEmbed .quickMainEmbedDepth1 > li:hover h2 {color:#fff255}


.quickMainEmbedControl{
    display: block;
    position: fixed;
    left: 160px;
    bottom: 25px;
    z-index: 1000000;
    animation:/* balloonAni .5s 1 ease forwards , */balloonAni2 1s .5s infinite ease alternate;
}
.quickMainEmbedControl img{
    cursor: pointer;
}
.quickMainEmbedControl img#open{
    display: none;
}
.quickMainEmbedControl img#colose{
    display: block;
}
@-webkit-keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes balloonAni {
    0% {transform: translateY(-30px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}
@-webkit-keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}
@keyframes balloonAni2 {
    0% {transform: translateY(0px)}
    100% {transform: translateY(-20px)}
}

.quickMainEmbed{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 70px; 
    /*background-color: #164f00;*/
    z-index: 999999;
    transition: .8s;
    border-bottom: 10px solid #164f00;
}

.quickMainEmbed .quick_bg1 {position:Absolute;bottom:0;left:15px;z-index:9}
.quickMainEmbed .quick_bg2 {position:Absolute;bottom:0;right:15px;z-index:9}
.quickMainEmbed .quick_bg1 img, .quickMainEmbed .quick_bg2 img {margin:0 5px;position: relative;top: 15px;}
.quickMainEmbed img.quick_bgMove {animation:quickMove 2s .1s infinite ease}
.quickMainEmbed img.quick_bgMove2 {animation:quickMove2 2s .1s infinite ease}
.quickMainEmbed img.quick_bgMove3 {animation:quickMove3 2s .1s infinite ease}

@-webkit-keyframes quickMove {
    0%,100% {top:5px;opacity:1}
    50% {top:15px;opacity: 1}
}
@keyframes quickMove {
     0%,100% {top:5px;opacity:1}
    50% {top:15px;opacity: 1}
}
@-webkit-keyframes quickMove2 {
    0%,100% {top:15px;opacity:1}
    50% {top:5px;opacity: 1}
}
@keyframes quickMove2 {
     0%,100% {top:15px;opacity:1}
    50% {top:5px;opacity: 1}
}
@-webkit-keyframes quickMove3 {
    0%,100% {top:17px;opacity:1}
    50% {top:30px;opacity: 1}
}
@keyframes quickMove3 {
     0%,100% {top:17px;opacity:1}
    50% {top:30px;opacity: 1}
}

.quickMainEmbed .quickMainEmbedWrapper {position: relative;width: 1210px;margin: 0 auto; height:inherit;border-right: 30px solid transparent;border-left: 30px solid transparent;border-bottom: 70px solid #164f00;z-index: 99;}
.quickMainEmbed .quickMainEmbedDepth1 {height: inherit;display: -webkit-box;display: -ms-flexbox;display: flex}
.quickMainEmbed .quickMainEmbedDepth1 > li {height: inherit;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position:relative}
.quickMainEmbed .quickMainEmbedDepth1 > li:before {position:Absolute;left:0;top:10px;content:'';height:50px;width:1px;background:rgba(46,97,26,0.5)}

.quickMainEmbed .quickMainEmbedDepth1 > li a {display:block;height:inherit}
.quickMainEmbed .quickMainEmbedDepth1 > li h2 {position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width: 90px;height:auto;text-align: center;padding-top: 5px;color: #fff;font-weight: 400;font-size: 14px;transition:.5s}

.quickMainEmbed .quickMainEmbedDepth1 > div.title > img {
    position: absolute;
    top: -43px;
    left:50%;
    transform: translate(-50%);
    z-index: 9999;
}
.quickMainEmbed .quickMainEmbedDepth1 > div.title > img:last-child {animation:quickTitle 1.5s .1s infinite ease}
@-webkit-keyframes quickTitle {
    0%,100% {opacity:0}
    50% {opacity: 1}
}
@keyframes quickTitle {
    0%,100% {opacity:0}
    50% {opacity: 1}
}

.quickMainEmbed .quickMainEmbedDepth1 > div.tel {padding-top: 10px;margin: 0 10px;}

#online_reserv_btn.quick_reserv {position:inherit;}
#online_reserv_btn:before {content: '';margin: 0 3px 0 0;background: url(../img/s_heart.png);width: 16px;height: 13px;display: inline-block;}

.quickCloseWrap {margin:-50px 20px 0 -50px}
.quickCloseWrap img {cursor:pointer}

/*.quickControlWrap {position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:1200px;z-index:999999}*/
.quickControlWrap .quickMainEmbedControl {left:15px}