@charset "utf-8";

.ggummaru-info {position:relative;border:1.5rem solid #dddddd;border-radius:10px;}
.ggummaru-info .inbox {padding:1.5rem;position:relative;z-index:2;}
.ggummaru-info .day-list {position:relative;overflow:hidden;}
.ggummaru-info .day-list ul {margin:-4px}
.ggummaru-info .day-list ul li {float:left;position:relative;padding:4px;width:16.66666666666667%}
.ggummaru-info .day-list ul li .txt {display:block;width:100%;height:2.45rem;padding:0.65rem 0;line-height: 1;border-radius:10px;border:2px dashed #467e0a;text-align:center;font-size:0.9rem;color:#4e881e;font-weight:500;}
.ggummaru-info::before {
    content:"";
    display:block;
    position:absolute;
    top:-0.75rem;
    left:-0.75rem;
    width:calc(100% + 1.5rem);
    height:calc(100% + 1.5rem);
    border:2px dashed #947c06;
    border-radius:10px
}
.ggummaru-info .mt30 {margin-top:1.5rem}
.ggummaru-info .mt10 {margin-top:0.5rem}
.ggummaru-info .mt15 {margin-top:0.75rem}
.ggummaru-info .cont {margin-top:1.5rem}
@media screen and (max-width:780px){
    .ggummaru-info .day-list ul li {width:33.33333333333%}
}
@media screen and (max-width:448px){
    .ggummaru-info .day-list ul li {width:50%}
}

.g-list {position:relative;}
.g-list li {position:relative;padding-left:0.9rem;font-size:0.9rem;color:#000;font-weight:300;line-height:1.3;margin-bottom:0.6rem}
.g-list li::after {
    display:block;
    content:"";
    position:absolute;
    top:0.25rem;
    left:0;
    width:0.65rem;
    height:0.65rem;
    background:url(../imgs/ggummaru/dot.png) no-repeat 0 0;
    background-size:100% auto;
}
.g-list li .tit {display:block;position:relative;float:left;font-weight:400;}
.g-list li .txt {display:block;position:relative;float:right;width:calc(100% - 6rem)}
.g-list li .txt::before {
    content:":";
    display:block;
    position:absolute;
    top:0;
    left:-1.35rem;
}

.g-list li .txt.w160 {width:calc(100% - 8rem)}
.g-list li .txt.w80 {width:calc(100% - 4rem)}
@media screen and (max-width:448px){
    .g-list li .tit {float:none;}
    .g-list li .txt {float:none;width:100%;}
    .g-list li .txt.w160 {width:100%}
    .g-list li .txt::before {display:none;}
}


.program {position:relative;}
.program-list {position:relative;display:table;width:100%;}
.program-list .img {position:relative;display:table-cell;width:6.9rem;}
.program-list .img img {max-width:100%;height:auto;}
.program-list .cont {position:relative;display:table-cell;width:calc(100% - 6.9rem);padding-left:1.15rem;vertical-align:middle;}
.program-list .cont .tit {display:block;font-size:1.25rem;color:#000;font-weight:400;}
.program-list .cont .txt {display:block;font-size:0.9rem;color:#000;font-weight:300;}
.program-list ~ .program-list {margin-top:2.25rem}
.program-list .cont .g-list .tit {font-size:0.9rem}
.program-list .cont .g-list {margin-top:0.9rem}
@media screen and (max-width:650px) {
    .program-list .img {width:4rem}
}


.floor-list {position:relative;overflow:hidden;margin-top:0.9rem;}
.floor-list ul {margin:-4px}
.floor-list ul li {float:left;position:relative;padding:4px;width:25%}
.floor-list ul li img {max-width:100%;height:auto;}
.floor {position:relative;overflow:hidden;width:100%;margin-top:2.75rem;}
.floor .floor-slider {position:relative;}
.floor .floor-slider img {max-width:100%;height:auto;}
.floor .floor-slider .txt {margin-top:0.7rem;text-align:center;font-size:1.5rem;color:#565656;}
.floor .slick-next,
.floor .slick-prev {
    width:2.25rem;
    height:4.2rem;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
    background-color:transparent;
    outline:none;
}
.floor .slick-next {background-image:url(../imgs/ggummaru/floor/next_btn.png)}
.floor .slick-prev {background-image:url(../imgs/ggummaru/floor/prev_btn.png)}
@media screen and (max-width:650px) {
    .floor-list ul li {width:50%}
}

.ggummaru-slider,
.ggummarun-slider {
    position:relative;
    width:100%;
}
.ggummaru-slider img {width:100%;}
.ggummaru-slider .swiper,
.ggummarun-slider .swiper {
    position:relative;
    width:100%;
    overflow:hidden;
}
.ggummaru-slider .swiper-slide img,
.ggummarun-slider .swiper-slide img {
    display:block;
    width:100%;
    height:auto;
}
.ggummaru-slider .swiper-button-next,
.ggummaru-slider .swiper-button-prev,
.ggummarun-slider .swiper-button-next,
.ggummarun-slider .swiper-button-prev {
    color:#5b3a18;
    width:2.7rem;
    height:2.7rem;
    margin-top:-1.15rem;
    border-radius:50%;
    border:2px solid #f4be4b;
    background:radial-gradient(circle at 30% 28%, #fff8d9 0%, #ffd86f 58%, #ffc74d 100%);
    box-shadow:0 6px 14px rgba(154, 104, 27, 0.35);
    transition:transform .2s ease, box-shadow .2s ease;
}
.ggummaru-slider .swiper-button-next:hover,
.ggummaru-slider .swiper-button-prev:hover,
.ggummarun-slider .swiper-button-next:hover,
.ggummarun-slider .swiper-button-prev:hover {
    transform:translateY(-2px) scale(1.06);
    box-shadow:0 10px 18px rgba(154, 104, 27, 0.45);
}
.ggummaru-slider .swiper-button-next:after,
.ggummaru-slider .swiper-button-prev:after,
.ggummarun-slider .swiper-button-next:after,
.ggummarun-slider .swiper-button-prev:after {
    font-size:1.08rem;
    font-weight:700;
}
.ggummaru-slider .swiper-pagination-bullet,
.ggummarun-slider .swiper-pagination-bullet {
    width:0.55rem;
    height:0.55rem;
    opacity:0.65;
    background:#7ecfc8;
}
.ggummaru-slider .swiper-pagination-bullet-active,
.ggummarun-slider .swiper-pagination-bullet-active {
    opacity:1;
    background:#0b8c81;
}

@media screen and (max-width:768px) {
    .ggummaru-slider .swiper-button-next,
    .ggummaru-slider .swiper-button-prev,
    .ggummarun-slider .swiper-button-next,
    .ggummarun-slider .swiper-button-prev {
        width:2.2rem;
        height:2.2rem;
        margin-top:-1rem;
    }
    .ggummaru-slider .swiper-button-next:after,
    .ggummaru-slider .swiper-button-prev:after,
    .ggummarun-slider .swiper-button-next:after,
    .ggummarun-slider .swiper-button-prev:after {
        font-size:0.85rem;
    }
}

.tour {
    position:relative;
    width:100%;    
}
.tour .tour-map {width:100%;}
.tour .tour-preview {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    align-items:flex-start;    
    box-shadow:0 10px 24px rgba(0,0,0,0.16);
    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease;
    pointer-events:none;
    z-index:2;
}
.tour .tour-preview-name {
    margin-top:0.35rem;
    white-space:nowrap;
    font-size:1.1rem;
    color:#222;
}
.tour .tour-preview-image {
    display:block;
    width:300px;
    height:400px;
    object-fit:cover;
    background:#f2f2f2;
}
.tour .tour-preview.is-active {
    opacity:1;
    visibility:visible;
}

@media screen and (max-width:1024px) {    
    .tour .tour-preview-image {
        width:240px;
        height:320px;
    }
}

@media screen and (max-width:768px) {    
    .tour .tour-preview-image {
        width:180px;
        height:240px;
    }
}

@media screen and (max-width:420px) {    
    .tour .tour-preview-image {
        width:132px;
        height:176px;
    }
}