@charset "utf-8";

.inner{margin:0 auto;width: 1220px;max-width:100%;}

/*header*/
#header{position:fixed;top:0;left:0;width:100%;z-index: 1002;transition: all 0.5s;}
#header .inner{position:relative;display:flex;align-items:center;justify-content:flex-end;padding-inline:50px;width: 100%;}
#header .logo{position:absolute;top:50%;left:50px;z-index:10;transform:translateY(-50%);}
#header .logo a{display:block;width:190px;height:auto;aspect-ratio: 193 / 80;background:url("../img/logo_w.png") no-repeat center / contain;}
#header .gnb{position:relative;}
#header .gnb .dp1{display:flex;align-items:center;justify-content:center;text-align:center;}
#header .gnb .dl1{position:relative;display: flex;width: auto;height: 90px;align-items: center;justify-content: center;}
#header .gnb .dl1.on .dp2{opacity:1;visibility:visible;}
#header .gnb .da1{position:relative;display:block;padding: 0 30px;line-height: 50px;font-size: 16px;color: #fff;transition:all 0.5s;}
#header .gnb .da1:hover{opacity:0.5;}
#header .gnb .dp2{position:absolute;top: calc(100% - 20px);left:0;min-width: 160px;background:#fff;text-align: left;opacity:0;visibility:hidden;transition:all 0.5s;}
#header .gnb .dl2{position:relative;}
#header .gnb .da2{position:relative;display:block;padding: 10px 20px;font-size: 13px;color: #212121;white-space:nowrap;}
#header .gnb .da2:hover{color:#fff;background:#00a6ff;}
#header .link{margin-left:60px;display:flex;align-items:center;}
#header .link a{position:relative;display:flex;align-items:center;justify-content:center;margin: 0 8px 0 0;padding: 0 8px 0 0;font-size: 14px;color: #fff;}
#header .link a:after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:10px;background:#ebebeb;}
#header .link a:last-of-type{margin:0;padding:0;}
#header .link a:last-of-type:after{display:none;}
#header .allmenu{position: absolute;top: 0;left: 0;width: 56px;height: 56px;cursor: pointer;display: none;}
#header .allmenu:before{content:'';position:absolute;top:50%;left:50%;width:20px;height:10px;border-top:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-50%);}
#header .allmenu:after{content:'';position:absolute;top:50%;left:50%;width:20px;height:0;border-top:2px solid #fff;transform:translate(-50%,-50%);}
#header .mnb{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1002;opacity: 0;visibility: hidden;transition: all 0.5s;}
#header .mnb.active{opacity:1;visibility:visible;}
#header .mnb.active .menu{transform:translateX(0)}
#header .mnb .menu{position:relative;z-index:1;width:300px;max-width:100%;height:100%;background:#fff;transform: translateX(-100%);transition: all 0.3s;}
#header .mnb .menu .dp1{display:flex;flex-direction:column;}
#header .mnb .menu .dl1{position:relative;border-bottom: 1px solid #e0e0e0;}
#header .mnb .menu .dl1.on .da1 i{transform:rotate(225deg);}
#header .mnb .menu .da1{position:relative;display: flex;height: 50px;align-items: center;padding: 0 20px;line-height: 1;font-size: 14px;color: #363636;transition:all 0.5s;}
#header .mnb .menu .da1 i{content:'';position:absolute;top:calc(50% - 7px);right:20px;width:7px;height:7px;border-right:1.5px solid #aaa;border-bottom:1.5px solid #aaa;transform:rotate(45deg);transition:all 0.5s;}
#header .mnb .menu .dp2{position: relative;background:#fff;text-align: left;padding: 5px 0;display: none;}
#header .mnb .menu .dl2{position:relative;}
#header .mnb .menu .da2{position:relative;display:block;padding: 5px 30px;font-size: 13px;color: #212121;white-space:nowrap;}
#header .mnb .menu .da2:hover{color:#fff;background:#00a6ff;}
#header .mnb .close{position:absolute;z-index: 2;top:0;left:300px;width:50px;height:50px;cursor:pointer;}
#header .mnb .close:before{content:'';position:absolute;top: 23px;left: 15px;width:20px;height:1.5px;background:#fff;transform:rotate(45deg);}
#header .mnb .close:after{content:'';position:absolute;top: 23px;left: 15px;width:20px;height:1.5px;background:#fff;transform:rotate(135deg);}
#header .mnb .dimmed{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / 50%);}

#header.fixed{background:#fff;}
#header.fixed .logo a{background:url("../img/logo.png") no-repeat center / contain;}
#header.fixed .gnb .da1{color:#212121;}
#header.fixed .link a{color:#212121;}

/*footer*/
#footer{padding: 50px 0;background: #252525;}
#footer .inner{display:flex;gap:50px;align-items: center;}
#footer .main{flex:1;}
#footer .link{flex:0 0 auto;display:flex;flex-direction:column;border:1px solid #5b5b5b;background:#363636;align-items: center;justify-content: center;}
#footer .link a{display: block;width: 200px;max-width: 100%;padding:8px;font-size:16px;font-weight: 600;color:rgb(205, 205, 205);font-family: 'Paperlogy', sans-serif;text-align: center;}
#footer .link a + a{border-top:1px solid #5b5b5b;}
#footer .info{line-height: 24px;font-size: 15px;color: rgb(206, 206, 206);}
#footer .info p{font-family: 'Paperlogy', sans-serif;}
#footer .cite{margin:12px 0 0 0;line-height: 24px;font-size: 12px;color: rgb(206, 206, 206);font-family: 'Paperlogy', sans-serif;}
#footer .floated{position:fixed;z-index: 999;bottom:20px;right:15px;display:flex;flex-direction:column;gap:10px;display: none;}
#footer .floated a{width:55px;height:55px;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);border-radius: 100%;}
#footer .floated a img{max-width:100%;}

/* main */
#main{}
#main .section{}
#main .visual{position:relative;overflow: hidden;}
#main .visual .swiper-slide{width:100%;height:990px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#main .visual .swiper-slide .text{position:relative;z-index: 2;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 30px;text-align: center;}
#main .visual .swiper-slide .text .ico{width: 600px;max-width: 100%;}
#main .visual .swiper-slide .text .ico img{max-width:100%;height:auto;}
#main .visual .swiper-slide .text .bar{width: 1px;height: 40px;background: #fff;}
#main .visual .swiper-slide .text .txt{color: #fff;line-height: 2;font-size: 18px;}
#main .visual .swiper-slide .background{position:absolute;z-index:0;inset:0;}
#main .visual .swiper-slide .background:before{content:'';position:absolute;inset:0;background-color: rgba(0, 0, 0, 0.19);}
#main .visual .swiper-slide .background img{width:100%;height:100%;object-fit:cover;}
#main .visual .swiper-pagination{position: absolute;bottom: 20px;left: 0;width: 100%;height: 24px;display: flex;align-items: center;justify-content: center;}
#main .visual .swiper-pagination .swiper-pagination-bullet{margin: 5px 0;width: 30px;height: 2px;background: #fff;opacity: 0.5;}
#main .visual .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
#main .component{position:relative;padding:200px 0;background:url("../img/bg_component.png") no-repeat center / cover;}
#main .component .inner{display:flex;padding: 0 20px;gap: 40px;}
#main .component .image{width:33.33%;overflow: hidden;}
#main .component .image img{width:100%;height: 100%;border-radius:150px 0 0;overflow:hidden;object-fit: cover;}
#main .component .content{width:66.66%;overflow:hidden;display:flex;flex-direction:column;gap: 40px;}
#main .component .content .head{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap: 30px;}
#main .component .content .head .tit{line-height: 40px;font-size: 36px;color: rgb(196 156 125);font-family: 'Continuous', sans-serif;font-style: italic;}
#main .component .content .head .txt{line-height: 30px;font-size: 18px;color: rgb(153 141 133);}
#main .component .content .list{}
#main .component .content .list ul{display:flex;}
#main .component .content .list li{text-align:center;}
#main .component .content .list li .img{width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;}
#main .component .content .list li .img img{width:100%;height:100%;object-fit:cover;}
#main .component .content .list li .con{padding:15px;}
#main .component .content .list li .tit{line-height:21px;font-size:16px;font-weight:700;color:#212121;}
#main .component .content .list li .txt{line-height:21px;font-size:14px;font-weight:400;color:#212121;}
#main .theme{position:relative;padding: 200px 0;display:flex;overflow:hidden;align-items: center;}
#main .theme .image{position: relative;width: 50%;overflow:hidden;height: auto;aspect-ratio: 951 / 716;}
#main .theme .image img{width:100%;height:100%;border-radius:0 150px 0 0;overflow:hidden;object-fit:cover;}
#main .theme .image .swiper-button-prev{position:absolute;top:50%;left:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;border-radius:50px;background:#85b58b;}
#main .theme .image .swiper-button-prev:after{font-size:20px;color:#fff;}
#main .theme .image .swiper-button-next{position:absolute;top:50%;right:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;border-radius:50px;background:#85b58b;}
#main .theme .image .swiper-button-next:after{font-size:20px;color:#fff;}
#main .theme .content{width: 50%;padding: 60px 150px;display: flex;flex-direction: column;align-items:flex-start;justify-content: center;}
#main .theme .content .box{width:480px;max-width:100%;}
#main .theme .content .head{}
#main .theme .content .head .tag{margin: 0 0 10px;padding: 15px 0;display: flex;flex-wrap: wrap;gap: 10px;}
#main .theme .content .head .tag span{display: flex;align-items: center;justify-content: center;text-align: center;padding: 5px 20px;font-size: 16px;font-weight: 700;border-radius: 30px;border: 1px solid #6e9c85;color: #639c85;}
#main .theme .content .head .tit{margin: 0 0 24px;}
#main .theme .content .head .txt{line-height:33px;font-size:16px;color:rgb(153 141 133);}
#main .theme .content .head .txt:after{content:'';display:block;margin:55px auto 68px 0;width:15%;height:2px;background:#d3ceca;}
#main .theme .content .list{position:relative;}
#main .theme .content .list ul{display:flex;gap: 5px;}
#main .theme .content .list li{text-align:center;}
#main .theme .content .list li .img{width:100%;height:auto;overflow:hidden;}
#main .theme .content .list li .img img{width:100%;}
#main .theme.theme-1 .image{order:1;}
#main .theme.theme-1 .content{order:2;}
#main .theme.theme-2 .image{order:2;}
#main .theme.theme-2 .image img{border-radius:150px 0 0 0}
#main .theme.theme-2 .image .swiper-button-prev{background:#d09b73;}
#main .theme.theme-2 .image .swiper-button-next{background:#d09b73;}
#main .theme.theme-2 .content{order:1;align-items:flex-end;}
#main .theme.theme-2 .content .head .tag span{border-color:#d09b73;color:#d09b73;}
#main .banner{position:relative;padding: 65px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:url("../img/bg_banner.jpg") no-repeat center / cover;}
#main .banner .tit{margin: 0 0 24px;line-height: 45px;font-size: 36px;color: rgb(255, 255, 255);font-family: 'Paperlogy', sans-serif;}
#main .banner .txt{margin: 0 0 24px;font-size: 18px;font-weight: 400;color: #fff;font-family: 'Paperlogy', sans-serif;}
#main .banner .txt br.mo{display:none;}
#main .banner .act{display:flex;align-items:center;justify-content:center;}
#main .banner .act > a{display:flex;align-items:center;justify-content:center;padding:13px 40px;font-size:16px;color:#fff;border:1px solid #fff;font-family: 'Paperlogy', sans-serif;}
#main .intro{margin:0 auto;width:1180px;max-width:100%;padding: 100px 0 240px;border-top:1px solid #9d9d9d;}
#main .intro .head{text-align:center;margin:0 0 30px;}
#main .intro .head .tit{margin:0 0 60px;}
#main .intro .head .txt{line-height: 33px;font-size: 16px;color: rgb(153 141 133);}
#main .intro .image{position:relative;overflow:hidden;}
#main .intro .image img{width:100%;height:auto;border-radius:0 0 200px 0;overflow:hidden;}
#main .intro .image .swiper-button-prev{position:absolute;top:50%;left:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#main .intro .image .swiper-button-prev:after{font-size:50px;color:#fff;}
#main .intro .image .swiper-button-next{position:absolute;top:50%;right:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#main .intro .image .swiper-button-next:after{font-size:50px;color:#fff;}

#container{}

#popupzone{position:absolute;top:180px;right:150px;z-index:1001;}
#popupzone .popup{width:420px;max-width: calc(100dvw - 40px);box-shadow: 10px 10px 20px rgb(0 0 0 / 15%);}
#popupzone .popup .slider{position:relative;background:#fff;overflow:hidden;}
#popupzone .popup .slider ul{}
#popupzone .popup .slider li{}
#popupzone .popup .slider li img{width:100%;height:100%;object-fit:cover;}
#popupzone .popup .slider .swiper-button-prev{position:absolute;top:50%;left:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#popupzone .popup .slider .swiper-button-prev:after{font-size:24px;color:#fff;}
#popupzone .popup .slider .swiper-button-next{position:absolute;top:50%;right:10px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#popupzone .popup .slider .swiper-button-next:after{font-size:24px;color:#fff;}
#popupzone .popup .slider .swiper-pagination{display:flex;align-items:center;justify-content:center;bottom:20px;gap:6px;}
#popupzone .popup .slider .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:8px;margin:0;background:#fff;opacity:0.5;}
#popupzone .popup .slider .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
#popupzone .popup .button{display:flex;background:#fff;border-top:1px solid #e0e0e0;}
#popupzone .popup .button button{flex:1;border-right:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;height: 46px;padding:10px;line-height:20px;font-size:15px;font-weight: 400;color: #666;font-family:'Pretendard',sans-serif;}
#popupzone .popup .button button:hover{color:#000;background:#fafafa;}


#subvisual{position:relative;padding: 100px 0;width:100%;height:990px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow: hidden;}
#subvisual .text{position:relative;z-index: 3;display: flex;align-items: center;justify-content: center;}
#subvisual .text img{}
#subvisual .text img.small{margin: 5px 0 0 0;height: 50px;}
#subvisual .button{position:absolute;bottom:0;left:50%;margin-left: 460px;z-index:3;max-width: 100%;pointer-events: none;display:flex;justify-content:flex-end;gap:10px;}
#subvisual .button a{display:flex;align-items:center;justify-content:center;padding: 15px 10px;width: 180px;line-height: 20px;font-size: 16px;font-weight: 600;color: #fff;pointer-events: all;background: #00a6ff;font-family: 'Paperlogy', sans-serif;}
#subvisual .background{position:absolute;z-index:0;inset:0;pointer-events: none;}
#subvisual .background:before{content:'';position:absolute;inset:0;background-color: rgba(0, 0, 0, 0.19);z-index: 2;}
#subvisual .background img{width:100%;height:100%;object-fit:cover;}
#subvisual .swiper-pagination{position: absolute;bottom: 20px;left: 0;width: 100%;height: 24px;display: flex;align-items: center;justify-content: center;z-index: 10;}
#subvisual .swiper-pagination .swiper-pagination-bullet{margin: 5px 0;width: 30px;height: 2px;background: #fff;opacity: 0.5;}
#subvisual .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
#subvisual.bottom{justify-content:flex-end;padding: 108px 0 40px 0;}

#navigation{border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;overflow: hidden;}
#navigation .navi{display:flex;align-items:center;}
#navigation .navi ul{gap:0 15px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#navigation .navi li{width:auto;}
#navigation .navi li a{display:flex;align-items:center;justify-content:center;height: 100px;font-size: 16px;color: rgba(54, 54, 54, 0.7);transition:all 0.5s;font-family: 'Paperlogy', sans-serif;}
#navigation .navi li a:hover{color:#000;}
#navigation .navi li.on a{color:#000;}
#navigation .navi li.on:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:#00a6ff;}

#content{position: relative;padding: 0 0 120px;}
#content .inner{width:1280px;}
#content .title-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width: 1280px;max-width: 100%;margin: 0 auto;padding:75px 0;}
#content .title-box .title{margin: 10px 0;display: flex;align-items: center;justify-content: center;}
#content .title-box .title img{min-height: 37px;}
#content .title-box .title img.small{margin: 5px 0 0 0;height: 25px;}
#content .title-box .text{margin:35px 0 0 0;line-height:32px;font-size:16px;}
#content .title-box.left{align-items:flex-start;text-align:left;}

#content .intro{}
#content .intro .image{display:flex;gap:30px;align-items:center;}
#content .intro .image .img{display:flex;flex-direction:column;justify-content:center;gap:30px;}
#content .intro .image .img img{max-width:100%;height:auto;}
#content .intro .thumb{position:relative;width:100%;overflow:hidden;display:none;}
#content .intro .thumb li{height:240px;}
#content .intro .thumb li img{width:100%;height:100%;object-fit:cover;}
#content .intro .thumb .swiper-pagination{position: absolute;bottom: 10px;left: 0;width: 100%;height: 24px;display: flex;align-items: center;justify-content: center;z-index: 10;}
#content .intro .thumb .swiper-pagination .swiper-pagination-bullet{margin: 5px 0;width: 30px;height: 2px;background: #fff;opacity: 0.5;}
#content .intro .thumb .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}

#content .exterior{position: relative;padding: 0 0 60px;}

#content .bbq{position: relative;padding: 0 0 60px;}

#content .pet{position: relative;padding: 0 0 60px;}
#content .floor{}
#content .floor .info{margin:0 0 60px;}
#content .floor .info dl{display:flex;line-height:30px;font-size:16px;}
#content .floor .info dt{padding:10px;width:10%;font-weight:700;}
#content .floor .info dd{padding:10px;width:90%;font-weight:400;}
#content .floor .image{margin:0 0 60px;position:relative;overflow:hidden;}
#content .floor .image ul{}
#content .floor .image li{display:flex;align-items:center;justify-content:center;height: 750px;}
#content .floor .image img{width:100%;height:100%;object-fit:cover;}
#content .floor .image .swiper-button-prev{position:absolute;top:50%;left:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#content .floor .image .swiper-button-prev:after{font-size:30px;color:#fff;}
#content .floor .image .swiper-button-next{position:absolute;top:50%;right:20px;transform:translateY(-50%);margin:0;width:50px;height:50px;}
#content .floor .image .swiper-button-next:after{font-size:30px;color:#fff;}
#content .floor .caution{margin: 0 0 60px;}
#content .floor .caution .tit{line-height:32px;font-size:22px;font-weight:600;margin:0 0 30px;}
#content .floor .caution .txt{line-height:32px;font-size:16px;}

#content .reservate{}
#content .reservate dl{display:flex;}
#content .reservate dl:last-child dd:after{display:none;}
#content .reservate dl dt{width:16%;padding:8px;}
#content .reservate dl dd{width:84%;padding:8px;display: flex;flex-direction: column;gap: 40px;}
#content .reservate dl dd:after{content:'';display: block;width:100%;height:1px;background:#e0e0e0;margin: 20px 0 40px;}
#content .reservate .tit{font-weight:600;}
#content .reservate .txt{line-height:30px;font-size: 16px;}
#content .reservate .tbl{}
#content .reservate .tbl.pc{display:block;}
#content .reservate .tbl.mo{display:none;}
#content .reservate .tbl strong{display:block;margin:0 0 10px;text-align:center;}
#content .reservate .tbl table{width:100%;table-layout: fixed;}
#content .reservate .tbl table tr{height:50px;font-size: 14px;line-height: 1.2;text-align: center;}
#content .reservate .tbl table th{font-weight:500;background:#f0f0f0;border:1px solid #ececec;}
#content .reservate .tbl table td{font-weight:400;background:#fff;border:1px solid #ececec;}

#content .location{}
#content .location .address{margin:0 0 60px;}
#content .location .address dl{display:flex;line-height:30px;font-size:16px;}
#content .location .address dt{padding:10px;width:10%;font-weight:700;}
#content .location .address dd{padding:10px;width:90%;font-weight:400;}
#content .location .zido{width:100%;height:500px;}
#content .location .zido iframe{width:100%;height:100%;display:block;}

#content .nearby{}
#content .nearby .inner{padding: 50px 0 0;border-top:1px solid #e0e0e0;}
#content .nearby .item{display:flex;gap:40px;margin:0 0 60px;}
#content .nearby .item .img{flex:1;width:100%;height:300px;}
#content .nearby .item .img img{display:block;width:100%;height:100%;object-fit:cover;}
#content .nearby .item .con{flex:1;display:flex;flex-direction:column;justify-content:center;}
#content .nearby .item .name{margin:0 0 30px;display: flex;align-items: center;gap: 10px;line-height:40px;font-size: 22px;font-weight:700;font-family: 'Paperlogy', sans-serif;}
#content .nearby .item .name .distance{font-size: 16px;font-weight:400;font-family: 'Paperlogy', sans-serif;}
#content .nearby .item .info{margin:0 0 30px;}
#content .nearby .item .info dl{display:flex;line-height:30px;font-size:16px;gap:10px}
#content .nearby .item .info dt{font-weight:700;}
#content .nearby .item .info dd{font-weight:400;}
#content .nearby .item .desc{line-height:32px;font-size:16px;}
#content .nearby .item:nth-child(even) .img{order:2;}
#content .nearby .item:nth-child(even) .con{order:1;}

.modal-container{position:fixed;inset:0;z-index: 1001;background: rgb(0 0 0 / 75%);display:flex;align-items:center;justify-content:center;padding: 20px;opacity:0;visibility:hidden;}
.modal-container.active{opacity:1;visibility:visible;}
.modal-container .modal-content{position: relative;width: 600px;max-width:100%;height: 600px;padding:30px;border-radius:10px;background:#fff;max-height: calc(100dvh - 40px);overflow-y: auto;}
.modal-container .modal-content::-webkit-scrollbar {display: none;}
.modal-container .modal-content .title{line-height:40px;font-size:20px;font-weight:700;margin:0 0 20px;font-family: 'Paperlogy', sans-serif;}
.modal-container .modal-content .close{position:absolute;top:30px;right:30px;width:40px;height:40px;cursor: pointer;}
.modal-container .modal-content .close:before{content:'';position:absolute;top: 18px;left: 9px;width:22px;height:1.5px;background:#333;transform:rotate(45deg);}
.modal-container .modal-content .close:after{content:'';position:absolute;top: 18px;left: 9px;width:22px;height:1.5px;background:#333;transform:rotate(-45deg);}
.modal-container .modal-content .text{line-height:1.5;font-size:16px;font-weight: 400;font-family:'Pretendard', sans-serif;}
.modal-container .modal-content .text *{font-family:'Pretendard', sans-serif;}

@media (max-width: 1024px){

    #header .inner{flex-direction:column;align-items:stretch;padding-inline: 0;}
    #header .logo{position:static;margin:0 auto;height: 56px;transform: translateY(0);}
    #header .logo a{width: 135px;}
    #header .gnb{padding: 0 15px;border-top: 1px solid rgb(255 255 255 / 50%);border-bottom: 1px solid rgb(255 255 255 / 50%);}
    #header .gnb .dp1{justify-content:flex-start;gap:0;}
    #header .gnb .dl1{height: 50px;}
    #header .gnb .da1{padding: 0 20px;font-size: 14px;}
    #header .gnb .dp2{display:none;}
    #header .link{position:absolute;top:0;right: 20px;height:56px;transform:translateY(0);}
    #header .link a{border-radius:50px;border:1px solid #fff;margin: 0;padding: 2px 10px;font-size: 12px;}
    #header .link a.pc{display:none;}
    #header .link a.mo{display:block !important;}
    #header .link a:after{display:none;}
    #header .allmenu{display:block;}
    #header.fixed{}
    #header.fixed .gnb{border-color:rgb(0 0 0 / 10%);}
    #header.fixed .allmenu:before{border-color:#333;}
    #header.fixed .allmenu:after{border-color:#333;}
    #header.fixed .link a{border-color:rgb(0 0 0 / 15%);}

    #footer{padding: 30px 15px;}
    #footer .inner{flex-direction:column;gap:20px;align-items:stretch;}
    #footer .link{display: none;}
    #footer .link a{display: block;width: 200px;max-width: 100%;padding:8px;font-size:16px;font-weight: 600;color:rgb(205, 205, 205);font-family: 'Paperlogy', sans-serif;text-align: center;}
    #footer .link a + a{border-top:1px solid #5b5b5b;}
    #footer .info{font-size:14px;}
    #footer .floated{display: flex;}

    #popupzone{top:100px;left:20px;right:20px;}

    #main .visual .swiper-slide{padding: 108px 20px 20px;height:480px;gap:20px;}
    #main .visual .swiper-slide .text .ico{width:250px;}
    #main .visual .swiper-slide .text .bar{height:30px;}
    #main .visual .swiper-slide .text .txt{font-size:12px;}
    #main .component{padding:60px 15px;}
    #main .component .inner{padding:0;gap: 15px;}
    #main .component .image{padding: 52px 0 0 0;width:40%;overflow: hidden;}
    #main .component .image img{border-radius:100px 0 0 0;}
    #main .component .content{width:60%;gap:20px;}
    #main .component .content .head{gap: 15px;}
    #main .component .content .head .tit{line-height: 1.5;font-size: 24px;}
    #main .component .content .head .txt{line-height: 1.5;font-size: 14px;}
    #main .component .content .list{}
    #main .component .content .list ul{}
    #main .component .content .list li{}
    #main .component .content .list li .con{padding:5px 0 0 0;}
    #main .component .content .list li .tit{line-height:1.5;font-size:14px;}
    #main .component .content .list li .txt{line-height:1.5;font-size:10px;}
    #main .theme{padding:60px 15px;flex-direction:column;}
    #main .theme .image{order:2;width:100%;aspect-ratio: auto;height: 200px;}
    #main .theme .image img{border-radius: 0 100px 0 0;}
    #main .theme .image .swiper-button-prev{left:10px;width:40px;height:40px;}
    #main .theme .image .swiper-button-prev:after{font-size:16px;color:#fff;}
    #main .theme .image .swiper-button-next{right:10px;width:40px;height:40px;}
    #main .theme .image .swiper-button-next:after{font-size:16px;color:#fff;}
    #main .theme .content{order:1;width:100%;padding: 0;}
    #main .theme .content .box{}
    #main .theme .content .head{}
    #main .theme .content .head .tag{}
    #main .theme .content .head .tag span{padding: 5px 15px;font-size: 14px;}
    #main .theme .content .head .tit{margin: 0 0 15px;}
    #main .theme .content .head .tit img{height:30px;}
    #main .theme .content .head .txt{line-height: 28px;font-size: 14px;}
    #main .theme .content .head .txt:after{margin: 30px auto 40px 0;}
    #main .theme .content .list{display: none;}
    #main .theme.theme-1 .image{order:2;}
    #main .theme.theme-1 .content{order:1;}
    #main .theme.theme-2 .image{order:2;}
    #main .theme.theme-2 .image img{border-radius:100px 0 0 0}
    #main .theme.theme-2 .content{order:1;}
    #main .banner{padding: 40px 15px;}
    #main .banner .tit{margin: 0 0 15px;line-height: 30px;font-size: 24px;}
    #main .banner .txt{margin: 0 0 15px;line-height: 30px;font-size: 16px;}
    #main .banner .txt br.mo{display:block;}
    #main .banner .act > a{padding: 7px 40px;font-size: 14px;}
    #main .intro{padding: 60px 15px;}
    #main .intro .head{margin: 0 0 40px;}
    #main .intro .head .tit{margin: 0 0 30px;}
    #main .intro .head .tit img{height:30px;}
    #main .intro .head .txt{line-height: 30px;font-size: 14px;word-break: keep-all;}
    #main .intro .image{}
    #main .intro .image img{border-radius:0 0 100px 0;}
    #main .intro .image .swiper-button-prev{left:10px;width:30px;height:30px;}
    #main .intro .image .swiper-button-prev:after{font-size:30px;}
    #main .intro .image .swiper-button-next{right:10px;width:30px;height:30px;}
    #main .intro .image .swiper-button-next:after{font-size:30px;}

    #subvisual{padding: 108px 0 0 0;height:400px;}
    #subvisual .text{text-align: center;flex-direction: column;width: 240px;}
    #subvisual .text img{}
    #subvisual .text img.small{height:33%;display:block;}
    #subvisual .button{right:15px;left:unset;margin:0;}
    #subvisual .button a{padding:10px 15px;font-size: 14px;width: 150px;}
    #subvisual .swiper-pagination{bottom:5px;}

    #navigation{padding:0 15px;}
    #navigation .navi li a{height:50px;font-size:14px;}

    #content{padding: 0 15px 60px;}
    #content .title-box{padding: 40px 0;}
    #content .title-box .title{flex-direction: column;}
    #content .title-box .title img{display: block;min-height: 26px;max-height: 26px;}
    #content .title-box .title img.big{min-height:56px;max-height:56px;}
    #content .title-box .title img.small{display:block;min-height:20px;max-height:20px;}
    #content .title-box .text{margin: 24px 0 0;line-height: 2;font-size: 13px;word-break: keep-all;}
    #content .title-box.left{text-align:center;align-items: center;}

    #content .intro{}
    #content .intro .image{display:none;}
    #content .intro .thumb{display:block;}

    #content .floor .info{margin:0 0 30px;}
    #content .floor .info dl{line-height:1.8;font-size:14px;}
    #content .floor .info dt{padding:5px;width:90px;}
    #content .floor .info dd{padding:5px;width:calc(100% - 90px);}
    #content .floor .image{margin:0 0 30px;}
    #content .floor .image ul{}
    #content .floor .image li{height:240px;}
    #content .floor .image .swiper-button-prev{left:0;width:40px;height:40px;}
    #content .floor .image .swiper-button-prev:after{font-size:20px;}
    #content .floor .image .swiper-button-next{right:0;width:40px;height:40px;}
    #content .floor .image .swiper-button-next:after{font-size:20px;}
    #content .floor .caution{margin: 0 0 30px;}
    #content .floor .caution .tit{line-height:1.8;font-size:16px;margin:0 0 15px;}
    #content .floor .caution .txt{line-height:1.8;font-size:13px;}

    #content .reservate dl{flex-direction: column;}
    #content .reservate dl dt{width: 100%;padding:5px;}
    #content .reservate dl dd{width: 100%;padding:5px;gap:10px;}
    #content .reservate .tit{line-height:1.8;font-size: 15px;}
    #content .reservate .txt{line-height:1.8;font-size: 13px;}
    #content .reservate .tbl.pc{display:none;}
    #content .reservate .tbl.mo{display:block;}
    #content .reservate .tbl strong{text-align:left;}

    #content .location .address{margin:0 0 30px;}
    #content .location .address dl{line-height: 20px;font-size: 14px;}
    #content .location .address dl dt{width: 80px;padding:5px;}
    #content .location .address dl dd{width: calc(100% - 80px);padding:5px;gap:10px;}
    #content .location .zido{height:300px;}

    #content .nearby .item{flex-direction:column;gap:20px;}
    #content .nearby .item .img{order:1 !important;}
    #content .nearby .item .con{order:2 !important;}
    #content .nearby .item .info dl{line-height:25px;font-size: 13px;gap:15px}
    #content .nearby .item .info dt{white-space:nowrap}
    #content .nearby .item .desc{line-height:25px;font-size: 13px;}
}