@charset "UTF-8";


/**/
.contents_home section.area_navi ul{display: flex;}
.area_navi ul li a{display: flex;width: 100%;line-height: 1;justify-content: center;position: relative;color: #4d4d4d;background:none 50% 50% no-repeat;}
.area_navi ul li a::before{font-family: "Montserrat", sans-serif;position: absolute;color: #000;font-weight: 500;}
.area_navi ul li.mn_floor a{background-image: url(../images/top/icon_mnav_floor.svg);background-position-y: 2px;background-size: 48px auto;}
.area_navi ul li.mn_floor a::before{content: "FLOOR GUIDE";}
.area_navi ul li.mn_event a{background-image: url(../images/top/icon_mnav_event.svg);background-position-y: 1px;background-size: 40px auto;}
.area_navi ul li.mn_event a::before{content: "EVENT";}
.area_navi ul li.mn_service a{background-image: url(../images/top/icon_mnav_service.svg);background-position-y: 0px;background-size: 40px auto;}
.area_navi ul li.mn_service a::before{content: "SERVICE";}
.area_navi ul li.mn_news a{background-image: url(../images/top/icon_mnav_news.svg);background-position-y: 7px;background-size: 42px auto;}
.area_navi ul li.mn_news a::before{content: "SHOP NEWS";}
.area_navi ul li.mn_shop a{background-image: url(../images/top/icon_mnav_shop.svg);background-position-y: 5px;background-size: 46px auto;}
.area_navi ul li.mn_shop a::before{content: "SHOP GUIDE";}
.area_navi ul li.mn_access a{background-image: url(../images/top/icon_mnav_access.svg);background-position-y: 9px;background-size: 44px auto;}
.area_navi ul li.mn_access a::before{content: "ACCESS";}

/**/
.area_info .wrapper{position: relative;}
.area_info ul{margin: 0 auto;}
.area_info ul li .date{display: flex;align-items: center;margin-bottom: 10px;}
.area_info ul li .category{background-color: #379d5a;color: #fff;display: grid;place-content: center;-webkit-border-radius: 100vh;border-radius: 100vh;}
.area_info ul.come_list li a{background-color: #e3f1e8;}

/**/
.area_event{background-color: #e3f1e8;position: relative;}
.area_event::before,.area_event::after{content: "";display: block;background-color: #fff;position: absolute;}
.area_event::before{top: 0;right: 0;clip-path: polygon(100% 0, 0 0, 100% 100%);}
.area_event::after{bottom: 0;left: 0;clip-path: polygon(0 0, 0 100%, 100% 100%);}
.area_event .btn{margin-top: 20px;}

/**/
.area_info .btn,.area_event .btn,.area_shopnews .btn{display: grid;place-content: end;}
.area_info .btn a,.area_event .btn a,.area_shopnews .btn a{display: flex;background-color: #379d5a;color: #fff;position: relative;justify-content: center;align-items: center;}
.area_info .btn a::after,.area_event .btn a::after,.area_shopnews .btn a::after{content: "";display: block;background: url(../images/arrow_news.svg) no-repeat 50% 50%;position: absolute;top: 50%;transform: translateY(-50%);}

.area_event .explain,
.area_shopnews .explain{text-align:center;padding:40px 20px 20px;}

.area_event ul + .explain,
.area_shopnews ul + .explain{display:none;}

/**/
.area_floormap .title{font-size: 0.9375rem;position: relative;}
.area_floormap .title::before{content: "";display: block;position: absolute;left: 0;top: 0;width: 22px;height: 22px;background: url(../images/top/icon_search.svg) no-repeat 50% 50%;}
.area_floormap ul{display: flex;}
.area_floormap ul li .btn{display: grid;place-content: center;}
.area_floormap ul li .btn a{display: flex;justify-content: center;align-items: center;position: relative;}
ul.category_menu li a{display: grid;place-content: center;border: 1px solid #989898;}
.search_form .button input[type="submit"]{border: none;background-color: #379d5a;color: #fff;font-family: "Noto Sans",sans-serif;-webkit-border-radius: 4px;border-radius: 4px;}
.search_form form p{display: flex;align-items: center;}
.area_floormap .area_search label input[type="search"]{border: 1px solid #989898;width: 100%;height: 44px;-webkit-border-radius: 5px;border-radius: 5px; padding: 0 20px;}
.area_floor h4{color: #fff;padding: 3px 10px 4px;text-align: center;font-size: 16px;letter-spacing: 1rem;margin-bottom: 20px;}
.area_floor .east h4{background: #ff4b00;}
.area_floor .west h4{background: #0073c1;}
.area_floor .category_menu li{display: none;}
.area_floor .east .category_menu > :nth-child(-n+6){display: inline-block;}
.area_floor .west .category_menu > :nth-child(n+7){display: inline-block;}

/**/
.area_shopnews{/* background-color: #e3f1e8; */}
.area_shopnews .btn{margin-top: 20px;}

/**/
.area_banners .area_title{text-align: center;}
.area_banners ul li a{align-items: center;border: 2px solid #808080;background-color: #fff;display: flex;justify-content: center;position: relative;}
.area_banners ul li.tg_blank a::after{content: "";display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 15px;width: 21px;height: 21px;background: url(../images/icon_tg_blank.svg) no-repeat 50% 50%;}


.contents_home section:not(.area_banners) .area_title{border-bottom: 1px solid #b2b2b2;padding-bottom: 7px;}

ul.come_list{display: flex;}
ul.come_list li time{font-family: "Montserrat", sans-serif;display: block;line-height: 1;}
ul.come_list li span.store{display:inline-block;margin-top:3px;font-size:0.75rem;color:#379d5a;font-weight:bold;}
ul.come_list li a{display: block;height: 100%;display:block;background-color: #fff;}
ul.come_list li .image{display: flex;align-items: center;justify-content: center;overflow: hidden;background: url(../images/logo.svg) no-repeat 50% 50%;background-size: 50%;filter: opacity(50%);background-color: #fff;}
ul.come_list li .image.on_img{background: none;filter: none;}
ul.come_list li .image img{object-fit: cover;}
ul.come_list li  a:hover{text-decoration: none;}
ul.come_list li .box{letter-spacing: -0.04rem;}



@media screen and (max-width:767px) {

  .contents_home{padding-top: 50px;}
  .contents_home .wrapper{padding-right: 20px;padding-left: 20px;}

  .area_title .wrap span{font-size: 1.75rem;line-height: 2rem;margin-right: 9px;}
  .area_title .wrap span::first-letter{font-size: 2.375rem;}

/**/
  .area_navi ul{flex-wrap: wrap;margin-bottom: 60px;}
  .area_navi ul li{width: calc(100% / 3);position: relative;}
  .area_navi ul > li:nth-child(-n+3){border-bottom: 1px solid #b2b2b2;}
  .area_navi ul li:not(:nth-of-type(3n))::after{content: "";display: block;width: 1px;height: 100%;background-color: #b2b2b2;position: absolute;right: 0;top: 0;}
  .area_navi ul li a{font-size: 0.75rem;padding-top: 80px;padding-bottom: 15px;}
  .area_navi ul li a::before{top: 58px;font-size: 0.9375rem;}
  .area_navi ul li.mn_floor a::before,.area_navi ul li.mn_shop a::before{letter-spacing: -0.05rem;}
  .area_navi ul li.mn_shop a{background-position: center 10px;background-size: 44px auto;}
  .area_navi ul li.mn_access a{background-position: center 13px;}

/**/
  .area_info .wrapper{padding-bottom: 50px;}
  .area_info ul{padding: 10px 0 8px;}
  .area_info .area_title .wrap{padding-right: 10px}
  .area_info ul li .category{width: 80px;height: 18px;font-size: 0.8125rem;}
  .area_info .btn{margin-top: 25px;}
  .area_info ul.come_list li time{margin-right: 10px;margin-bottom: 0;}

/**/
  .area_event::before{width: 80px;height: 70px;}
  .area_event::after{width: 70px;height: 60px;}
  .area_event .wrapper{padding-top: 70px;padding-bottom: 60px;}
  .area_event .area_title{padding-bottom: 7px;}
  .area_event .area_title .wrap span{margin-right: 12px;}
  .area_event ul{margin-top: 30px;}

/**/
  .area_floormap .wrapper{max-width: 1165px;padding-top: 55px;padding-bottom: 45px;}
  .area_floormap .area_title{border-bottom: 1px solid #b2b2b2;padding-bottom: 10px;}
  .area_floormap .area_title .wrap{display: block;}
  .area_floormap .area_title .wrap span{margin-right: 23px;}
  .area_floormap .frame{max-width: 862px;margin: 0 auto;}
  .area_shop_list > div{margin-top: 30px;}
  .area_floormap .title{padding-left: 30px;margin-bottom: 12px;font-size: 1rem;}
  .area_floormap ul{flex-wrap: wrap;}
  .area_floormap ul li figure{margin-bottom: 42px;}
  .area_floormap ul li img{width: 100%;}
  .area_floormap ul li .btn a{width: 263px;height: 50px;}

  .area_guide ul.category_menu{gap: 10px;}
  .area_floor ul.category_menu:first-of-type{margin-bottom: 20px;}
  .area_guide ul.category_menu li{width: calc(50% - 5px);}
  .area_floor ul.category_menu:nth-of-type(2) li{width: calc((100% - 20px )/3);}
  ul.category_menu li a{width: 100%;border-radius: 5px;height: 44px;}

  .area_search{margin-top: 25px;}
  .area_floormap .area_search .title{margin-bottom: 10px;}
  .search_form .button input[type="submit"]{width: 80px;height: 44px;cursor: pointer;font-size: 0.9375rem;letter-spacing: 0.5rem;text-indent: 0.5rem;margin-left: 8px;}
  .area_floormap .area_search label{width: 100%;max-width: calc(100% - 90px);}

  /**/
  .area_shopnews .wrapper{padding-top: 40px;padding-bottom: 40px;}
  .area_shopnews ul{margin-top: 30px;}

  /**/
  .area_banners .wrapper{padding-top: 45px;padding-bottom: 25px;}
  .area_banners .area_title{margin-bottom: 20px;}
    .area_banners .area_title .wrap h2{font-size: 1rem;}
  .area_banners ul li{margin-bottom: 20px;}
  .area_banners ul li a{height: 60px;font-size: 1.125rem;}

  .area_info .btn a, .area_event .btn a,.area_shopnews .btn a{height: 44px;width: 250px;padding: 0 10px;font-size: 0.9375rem;}
  .area_info .btn a::after,.area_event .btn a::after,.area_shopnews .btn a::after{width: 8px;height: 14px;right: 12px;}

  ul.come_list{gap: 10px;flex-wrap: wrap;}
  ul.come_list li{width: calc(50% - 5px);}
  ul.come_list li .image{height: 120px;}
  ul.come_list li time{font-size: 0.625rem;margin-bottom: 5px;}
  ul.come_list li .box{padding: 14px 10px 16px;font-size: 0.9375rem;}
}

@media screen and (max-width:500px) {
  .contents_home section:not(.area_banners) .area_title h2{margin-top: 3px;}
}
@media screen and (min-width:768px) {

  .main_image{width: 100%;max-height: 440px;background: url(../images/top/bg_mainimg.jpg) no-repeat 50% 0%;background-size: cover;overflow: hidden;}
  .slider_img{padding-top: 30px;padding-bottom: 50px;}
  .slick-slide .img{padding: 0 13px;}
  .slick-slide img{margin: 0 auto;}
  .slick-slide .img span{position: relative;}
  .slick-slide:not(.slick-active) .img span::after{content: "";display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);position: absolute;left: 0;top: 0;}

  .contents_home{padding-top: 30px;}
  .contents_home .wrapper{max-width: 906px;margin-right: auto;margin-left: auto;}

  .area_title .wrap span{font-size: 2.3125rem;line-height: 2rem;margin-right: 9px;}
  .area_title .wrap span::first-letter{font-size: 2.9375rem;}
  
  .contents_home section:not(.area_banners) .area_title{padding-left: 17px;}
/**/
  .area_navi{padding-bottom: 100px;}
  .area_navi ul{justify-content: center;}
  .area_navi ul li{width: 20%;}
  .area_navi ul li a{font-size: 0.8125rem;padding-top: 80px;}
  .area_navi ul li a::before{top: 58px;font-size: 1.1875rem;}

/**/
  .area_info .wrapper{padding-bottom: 50px;}
  .area_info ul{padding-top: 30px;padding-bottom: 18px;}
  .area_info ul li .category{width: 80px;height: 18px;font-size: 0.625rem;}
  .area_info .btn{margin-top: 25px;}
  .area_info ul li time{margin-right: 10px;}

/**/
  .area_event::before{width: 160px;height: 140px;}
  .area_event::after{width: 145px;height: 126px;}
  .area_event .wrapper{padding-top: 90px;padding-bottom: 75px;}
  .area_event .area_title .wrap span{margin-right: 12px;}
  .area_event ul{margin-top: 35px;}

  .area_event ul li time{margin-bottom: 5px;}

/**/
  .area_floormap .wrapper{padding-top: 90px;padding-bottom: 90px;}
  .area_floormap .area_title{padding-bottom: 10px;}
  .area_floormap .area_title .wrap span{margin-right: 23px;}
  .area_floormap .frame{max-width: 862px;margin: 0 auto;}
  .area_shop_list > div{margin-top: 37px;}
  .area_floormap .title{padding-left: 30px;margin-bottom: 12px;}

  .area_floormap ul li figure{margin-bottom: 42px;}
  .area_floormap ul li img{width: 100%;}
  .area_floormap ul li .btn a{width: 263px;height: 50px;}

  .area_category ul.category_menu{gap: 0 1.43vw;}
  .area_floor ul.category_menu{gap: 0 1.76vw;}
  .area_floor ul.category_menu:first-of-type{margin-bottom: 13px;}
  .area_floor ul.category_menu:first-of-type li{width: 50%;}
  .area_floor ul.category_menu:nth-of-type(2) li{width: calc(100% / 6);}
  ul.category_menu li a{width: 100%;border-radius: 5px;height: 44px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

  .area_search{margin-top: 25px;}
  .area_floormap .area_search .title{margin-bottom: 10px;}
  .search_form .button input[type="submit"]{width: 153px;height: 44px;cursor: pointer;font-size: 1.0625rem;letter-spacing: 1rem;text-indent: 1rem;margin-left: 8px;-webkit-transition: background 0.4s ease-in-out;transition: background 0.4s ease-in-out;}
  .search_form .button:hover input[type="submit"]{background-color:#006046;}
  .area_floormap .area_search label{width: 100%;max-width: calc(100% - 160px);}
  ul.category_menu li a:hover{border-color: #379d5a;background-color: #379d5a;color: #fff;}
  
  .area_category ul li{width: 25%;}

/**/
  .area_shopnews .wrapper{padding-top: 95px;padding-bottom: 80px;}
  .area_shopnews ul{margin-top:35px;}

/**/
  .area_banners .wrapper{padding-top: 76px;padding-bottom: 90px;}
  .area_banners .area_title{margin-bottom: 30px;}
  .area_banners .area_title .wrap h2{font-size: 1.5rem;}
  .area_banners ul{max-width: 836px;margin-right: auto;margin-left: auto;display: grid;grid-template-columns: 1fr 1fr;gap: 20px 4.45vw;}
  .area_banners ul li a{height: 81px;font-size: 1.25rem;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  .area_banners ul li a:hover{border-color: #379d5a;background-color: #379d5a;color: #fff;}
  .area_banners ul li.tg_blank a:hover::after{background: url(../images/icon_tg_blank_on.svg) no-repeat 50% 50%;}

  .area_info .btn a,.area_event .btn a,.area_shopnews .btn a{width: 230px;height: 34px;font-size: 0.75rem;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
  .area_info .btn a::after,.area_event .btn a::after,.area_shopnews .btn a::after{width: 6px;height: 10px;right: 16px;}
  .area_info .btn a:hover,.area_event .btn a:hover,.area_shopnews .btn a:hover{background-color:#006046;}

  ul.come_list{gap: 0 2.05vw;}
  ul.come_list li{width: 25%;}
  ul.come_list li a{-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  ul.come_list li a:hover{text-decoration: none;transform:translateY(-10px);}
  ul.come_list li .image{height: 168px;}
  ul.come_list li .box{ padding: 14px 15px 16px;}
  ul.come_list li time{font-size: 0.8125rem;margin-right: 10px;}

}

@media screen and (min-width:768px) and (max-width:1080px) {
  
  .area_info .wrapper,.l_contents section .wrapper,.l_contents section .wrapper{padding-right: 30px;padding-left: 30px;}
  .area_info .area_title{left: 60px;}
  .area_info .area_title .wrap{padding-left: 0px;}
  .area_banners ul li a{font-size: clamp(1.063rem, 0.601rem + 0.96vw, 1.25rem);}
  
}