@charset "utf-8";

.tab-link{background:#f6f6f6;}
.tab-link .list-tab{display:flex;flex-wrap:wrap;margin-bottom:-1.15%;}
.tab-link .list-tab > div{width:13.3%;margin-right:1.15%;margin-bottom:1.15%;}
.tab-link .list-tab > div:nth-child(7n){margin-right:0;}
.tab-link .list-tab > div a{display:block;padding:12px 30px 12px 20px;border:2px solid #d1282e;border-radius:3px;background:#fff;color:#d1282e;text-align:center;font-size:1.4rem;font-weight:bold;position:relative;transition:.3s;}
.tab-link .list-tab > div a::after{content:"";display:block;width:8px;height:8px;border-right:2px solid #d1282e;border-bottom:2px solid #d1282e;transform:rotate(45deg);position:absolute;right:10px;top:50%;margin-top:-6px;transition:.3s;}
.tab-link .list-tab > div a:hover{background:#d1282e;color:#fff;}
.tab-link .list-tab > div a:hover::after{border-color:#fff;}
.tab-link .list-tab > div.current a{background:#d1282e;color:#fff;}
.tab-link .list-tab > div.current a:hover::after{border-color:#d1282e;}

@media screen and (max-width:1400px){
  .tab-link .list-tab > div{width:19.08%;}
  .tab-link .list-tab > div:nth-child(7n){margin-right:1.15%;}
  .tab-link .list-tab > div:nth-child(5n){margin-right:0;}
}

.block-facilities + .block-facilities{border-top:1px dotted #d1282e;}

img[src="/lalaport/msp-info/common/img/close.png"]{width:32px;height:auto;z-index:21;}
.pop-wrapper{padding-top:30px;}
.pop-wrapper .pop-inner{background:#fff;width:330px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);border-top:4px solid #d1282e;position:relative;z-index:20;}
.pop-wrapper .pop-inner::after{content:"";display:block;width: 0;height: 0;border-style: solid;border-width: 11px 10px 0 10px;border-color: #ffffff transparent transparent transparent;position:absolute;bottom:-11px;left:50%;margin-left:-9px;}
.pop-wrapper .box-top{text-align:center;border-bottom:1px dotted #d1282e;padding:42px 20px 12px 20px;position:relative;}
.pop-wrapper .box-top .img{width:60px;height:60px;display:block;position:absolute;top:-30px;left:50%;margin-left:-30px;overflow:hidden;border-radius:100%;background:no-repeat center center;background-size:cover;}
.pop-wrapper .ttl{font-size:1.8rem;font-weight:bold;color:#d1282e;}
.pop-wrapper .box-bottom{padding:12px 20px;font-size:1.4rem;line-height:1.7;}
.pop-wrapper .box-bottom .link{text-align:center;margin-top:10px;}

/* -------------------------------------------------- */
/* #block-subttl.facilities */
/* -------------------------------------------------- */
#block-subttl.facilities .inner{padding:80px 0;}
#block-subttl.facilities .ttl{font-size:5rem;padding:0;}
#block-subttl.facilities .tag{margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;}
#block-subttl.facilities .tag .logo{margin-right:15px;margin-bottom:5px;}
#block-subttl.facilities .tag .logo img{height:34px;width:auto;max-width:none;}
#block-subttl.facilities .tag span{display:inline-block;font-size:1.4rem;font-weight:bold;color:#d1282e;border:2px solid #d1282e;border-radius:50px;padding:3px 20px;margin-right:10px;margin-bottom:5px;}
#block-subttl.facilities .btn{font-weight:bold;color:#d1282e;font-size:1.8rem;position:absolute;right:40px;bottom:20px;white-space:nowrap;padding-bottom:3px;}
#block-subttl.facilities .btn::after{content:"";display:inline-block;width:21px;height:19px;background:url(/lalaport/msp-info/common/img/icon_external02.png) no-repeat;background-size:100% auto;vertical-align:-3px;margin-left:10px;}
#block-subttl.facilities .btn::before{content:"";display:block;width:0;height:2px;background:#d1282e;position:absolute;left:0;bottom:0;transition:.3s;}
#block-subttl.facilities .btn:hover::before{width:100%;}

#block-subttl.facilities02{border-bottom:0;position:relative;z-index:50;}
#block-subttl.facilities02 .ttl{padding-bottom:0;}

/* -------------------------------------------------- */
/* #block-map */
/* -------------------------------------------------- */
#block-map{margin-top:-40px;position:relative;}
#block-map > .container{padding-bottom:300px;}
#block-map img{user-select:none;}
#block-map img.img-sp{display:none;}

#block-map .link{position:relative;padding-left:15px;}
#block-map .link a{border-bottom:1px solid transparent;text-decoration:none!important;}
#block-map .link::before{content:"";display:block;width:4px;height:4px;border-right:2px solid #d1282e;border-bottom:2px solid #d1282e;transform:rotate(-45deg);position:absolute;left:0;top:7px;}
#block-map .link a:hover{border-color:#d1282e;color:#000;}
#block-map .link.outletpark::before{border-color:#f49900;}
#block-map .link.outletpark a:hover{border-color:#f49900;}
#block-map .link.lalaport::before{border-color:#0068b8;}
#block-map .link.lalaport a:hover{border-color:#0068b8;}
#block-map .link.urban::before{border-color:#78083f;}
#block-map .link.urban a:hover{border-color:#78083f;}

#block-map #map-legend{position:absolute;border:1px dotted #d1282e;border-radius:5px;padding:15px 20px;top:75px;left:40px;background:#fff;}
#block-map #map-legend > li + li{margin-top:15px;}
#block-map #map-legend .link a{border-bottom:0;}
#block-map #map-legend .link::before{top:10px;}

/* area-list */
#block-map .area-list{width:259px;position:absolute;max-width:22%;z-index:10;}
#block-map .area-list a:hover{text-decoration:underline;}
#block-map .area-list .ttl a{text-decoration:none;padding: 10px 23px 10px 18px;font-size: 1.4rem;font-weight: bold;color: #d1282e;display:block;background: #fff;border: 2px solid #d1282e;text-align: center;border-radius: 3px;transition: .2s;margin-bottom:10px;position:relative;}
#block-map .area-list .ttl a::before{content: "";display: block;width: 6px;height: 6px;border-right: 2px solid #d1282e;border-bottom: 2px solid #d1282e;position: absolute;right: 10px;top: 50%;margin-top: -5px;transform: rotate(45deg);transition: .2s;}
#block-map .area-list .ttl a:hover{color:#fff;background:#d1282e;}
#block-map .area-list .ttl a:hover::before{border-color:#fff;}
#block-map .area-list ul + ul{margin-top:15px;}
#block-map .area-list ul li{font-size:1.4rem;background:#fff;}
#block-map .area-list ul li + li{margin-top:5px;}

#block-map .area-list#list-sapporo{top:5.5%;right:39%;}
#block-map .area-list#list-sapporo ul > li:first-child{width:75%;}
#block-map .area-list#list-sendai{top:29%;right:1%;}
#block-map .area-list#list-tokyo{top:40%;right:3%;}
#block-map .area-list#list-nagoya{top:61%;right:28%;}
#block-map .area-list#list-kanazawa{top:25%;right:39%;}
#block-map .area-list#list-osaka{top:59%;right:57%;}
#block-map .area-list#list-okayama{top:34%;right:65%;}
#block-map .area-list#list-fukuoka{top:69%;right:80%;}

@media screen and (max-width:1400px){
  #block-map{padding-bottom:60px;}
}

/* -------------------------------------------------- */
/* #block-detail */
/* -------------------------------------------------- */
#block-detail .txt{line-height:1.7;}
#block-detail .img{width:550px;max-width:50%;padding-bottom:40px;}
#block-detail .img #slider01{height:440px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);overflow:hidden;}
#block-detail .img #slider02{height:104px;margin-left:-5px;margin-right:-5px;}
#block-detail .img #slider02 .item{margin:0 5px;border-radius:5px;box-shadow:0 0 4px rgba(0,0,0,0.3);overflow:hidden;cursor:pointer;transition:.3s;}
#block-detail .img #slider01 .item span,#block-detail .img #slider02 .item span{transition:.3s;}
#block-detail .img #slider01 .item:hover span,#block-detail .img #slider02 .item:hover span{transform:scale(1.06);opacity:0.7!important;}
#block-detail .img .video a{position:relative;display:block;width:100%;height:100%;}
#block-detail .img .video a::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.5);}
#block-detail .img .video a::after{content:"";display:block;width:89px;height:89px;position:absolute;top:50%;left:50%;margin:-44px 0 0 -44px;background:url(/lalaport/msp-info/common/img/icon_video.png) no-repeat center center;background-size:100% auto;}
#block-detail .img #slider02 .video::after,#block-detail .img #slider02 .iframe::after{width:36px;height:36px;margin:-18px 0 0 -18px;}
#block-detail .img .slider .item span{display:block;width:100%;height:100%;background:no-repeat center center;background-size:cover;}
#block-detail .img .slider *{height:100%;}
#block-detail .inner{margin-right:50px;}
#block-detail .slick-arrow{position:absolute;height:auto!important;bottom:-30px;font-size:0;cursor:pointer;transition:.3s;}
#block-detail .slick-arrow:hover{opacity:0.7;}
#block-detail .slick-arrow.slick-next{right:0;}
#block-detail .slick-arrow.slick-next::before{content:"";display:block;width:20px;height:20px;background:url(/lalaport/msp-info/common/img/icon_arrow02.png) no-repeat;background-size:100% auto;}
#block-detail .slick-arrow.slick-prev{left:0;}
#block-detail .slick-arrow.slick-prev::before{content:"";display:block;width:20px;height:20px;background:url(/lalaport/msp-info/common/img/icon_arrow02.png) no-repeat;background-size:100% auto;transform:rotate(180deg);transform-origin:center center;}

#block-detail .info dt{font-weight:bold;color:#d1282e;font-size:1.8rem;margin-bottom:2px;}
#block-detail .info dl + dl{margin-top:15px;}
#block-detail .info dd{line-height:1.7;}
#block-detail .box-btn a{margin:5px;font-size:2rem;}

#block-detail .icon{margin-top:30px;display:flex;flex-wrap:wrap;}
#block-detail .icon > *{width:19.2%;margin-right:1%;margin-bottom:1%;background:#fff;border-radius:3px;}
#block-detail .icon > *:nth-child(5n){margin-right:0;}
#block-detail .icon-modal{display:none;}
.icon-modal-wrap{display:flex;align-items:center;}
.icon-modal-wrap .icon-modal-img{margin-right:30px;padding:20px 0;width:200px;}
.icon-modal-wrap .icon-modal-inner{flex:1;}
.icon-modal-wrap .icon-modal-ttl{font-size:1.8rem;color:#d1282e;font-weight:bold;margin-bottom:5px;}
.icon-modal-wrap a{cursor:default;color:#000;}
.icon-modal-wrap .tel-link{display:block;font-weight:bold;font-size:2.8rem;color:#d1282e;cursor:default;}
.icon-modal-wrap .tel-link02{white-space:nowrap;}

/* -------------------------------------------------- */
/* #block-nearby */
/* -------------------------------------------------- */
#block-nearby #map{width:550px;height:440px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}
#block-nearby .d-flex .inner{order:1;margin-right:50px;}
#block-nearby .d-flex #map{order:2;}
#block-nearby .inner .list-category:first-child{padding-top:0;}
#block-nearby .list-category{padding:30px 0;}
#block-nearby .list-category .logo{border:1px solid #ccc;border-radius:3px;display:inline-block;padding:5px 25px;margin-bottom:20px;}
#block-nearby .list-category .logo img{height:34px;width:auto;}
#block-nearby .list-category ul{padding:0 10px;}
#block-nearby .list-category li{position:relative;font-weight:bold;padding-left:18px;}
#block-nearby .list-category li::before{content:"";display:block;width:8px;height:8px;background:#d1282e;border-radius:100%;position:absolute;top:7px;left:0;}
#block-nearby .list-category li + li{margin-top:5px;}
#block-nearby .list-category .ttl{font-weight:bold;margin-bottom:10px;font-size:1.8rem;color:#d1282e;}

/* -------------------------------------------------- */
/* #block-sightseeing */
/* -------------------------------------------------- */
#block-sightseeing #map02{width:100%;height:500px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (max-width: 1199px){
  #block-map #map-legend{left:5%;}
}
@media screen and (max-width:999px){
  .tab-link .list-tab{margin-bottom:-2%;}
  .tab-link .list-tab > div{width:48%;margin-right:2%;margin-bottom:2%;flex:auto;}
  .tab-link .list-tab > div:nth-child(7n){margin-right:2%;}
  .tab-link .list-tab > div:nth-child(5n){margin-right:2%;}
  .tab-link .list-tab > div:nth-child(even){margin-right:0;}
  .tab-link .list-tab > div:last-child{margin-right:0;}
  .tab-link .list-tab > div + div{margin-left:0;}

  /* -------------------------------------------------- */
  /* #block-subttl.facilities */
  /* -------------------------------------------------- */
  #block-subttl.facilities .inner{padding:50px 0 60px;}
  #block-subttl.facilities .ttl{font-size:4rem;}
  #block-subttl.facilities .btn{right:5%;}

  /* -------------------------------------------------- */
  /* #block-detail */
  /* -------------------------------------------------- */
  #block-detail .img #slider01{height:340px;}
  #block-detail .img #slider02{height:72px;}

  /* -------------------------------------------------- */
  /* #block-map */
  /* -------------------------------------------------- */
  #block-map{padding-bottom:0px;}
  #block-map > .container{padding-bottom:40px;}
  #block-map .map{position:relative;margin-bottom:40px;}
  #block-map img.img-pc{display:none;}
  #block-map img.img-sp{display:block;}

  #block-map #map-legend{position:static;display:flex;width:100%;flex-wrap:wrap;margin-top:20px;padding:10px;}
  #block-map #map-legend > li{width:30.66%;margin-right:4%;margin-top:0!important;text-align:center;}
  #block-map #map-legend > li:nth-child(3n){margin-right:0;}
  #block-map #map-legend > li .link{display:inline-block;}

  #block-map .area-list-wrap{display:flex;flex-wrap:wrap;margin-bottom:-4%;}
  #block-map .area-list{width:48%;margin-right:4%;margin-bottom:4%;max-width:100%;position:static;}
  #block-map .area-list:nth-child(even){margin-right:0;}
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (max-width:599px){
  .tab-link .list-tab > div a{padding:8px 25px;}
  .tab-link .list-tab > div a::after{width:6px;height:6px;margin-top:-5px;}

  .pop-wrapper{width:300px;}
  .pop-wrapper .box-top{padding:42px 15px 12px 15px;}
  .pop-wrapper .box-bottom{padding:12px 15px;}
  .pop-wrapper::after{margin-left:6px;}

  /* -------------------------------------------------- */
  /* #block-subttl.facilities */
  /* -------------------------------------------------- */
  #block-subttl.facilities .inner{padding:20px 0 40px;}
  #block-subttl.facilities .ttl{font-size:3.2rem;}
  #block-subttl.facilities .tag{margin-bottom:10px;display:block;}
  #block-subttl.facilities .tag .logo{margin-bottom:10px;margin-right:0;display:block;}
  #block-subttl.facilities .tag span{margin-right:3px;padding:3px 15px;}
  #block-subttl.facilities .btn{font-size:1.6rem;bottom:10px;}

  /* -------------------------------------------------- */
  /* #block-map */
  /* -------------------------------------------------- */
  #block-map{margin-top:-40px;}
  #block-map > .container{overflow:hidden;}
  #block-map .map > img{width: 146%;max-width: none;height: auto;margin-left: -20%;}
  #block-map .map{margin-bottom:20px;}
  #block-map .area-list{width:100%;margin-right:0;margin-bottom:6%;}

  /* -------------------------------------------------- */
  /* #block-detail */
  /* -------------------------------------------------- */
  #block-detail .d-flex{display:block!important;}
  #block-detail .inner{margin-right:0;}
  #block-detail .img{width:100%;max-width:100%;padding-bottom:30px;margin-top:30px;}
  #block-detail .img #slider01{height:280px;}
  #block-detail .img #slider02{height:64px;margin-left:-3px;margin-right:-3px;}
  #block-detail .img #slider02 .item{margin:0 3px;}
  #block-detail .img #slider01 .item:hover span,#block-detail .img #slider02 .item:hover span{transform:none;opacity:1!important;}
  #block-detail .img .video a::after{width:64px;height:64px;margin:-32px 0 0 -32px;}
  #block-detail .box-btn a{min-width:250px;}

  #block-detail .icon{margin-top:20px;}
  .icon-modal-wrap{display:block;}
  .icon-modal-wrap .icon-modal-img{margin-right:0;padding:0;text-align:center;margin-bottom:10px;width:100%;}
  .icon-modal-wrap .icon-modal-ttl{text-align:center;font-size:1.8rem;color:#d1282e;font-weight:bold;margin-bottom:5px;}
  .icon-modal-wrap .tel-txt{text-align:center;}

  /* -------------------------------------------------- */
  /* #block-nearby */
  /* -------------------------------------------------- */
  #block-nearby .d-flex{display:block!important;}
  #block-nearby .d-flex .inner{margin-right:0;}
  #block-nearby .list-category{padding:20px 0;text-align:center;}
  #block-nearby .list-category .logo{margin-bottom:15px;}
  #block-nearby .list-category .logo img{height:30px;}
  #block-nearby .list-category ul{text-align:left;}
  #block-nearby .btn{text-align:center;}
  #block-nearby #map{width:100%;height:400px;margin-bottom:20px;}

  /* -------------------------------------------------- */
  /* #block-sightseeing */
  /* -------------------------------------------------- */
  #block-sightseeing #map02{height:400px;}

}

.d-flex__facilities {
  flex-wrap: wrap !important;
}

.d-flex__facilities .list-category {
  width: 50% !important;
  flex: none !important;
}

.btn__facilities {
  margin-top: 30px;
}

@media screen and (max-width:599px){
  .d-flex__facilities .list-category {
    width: 100% !important;
  }

  .btn__facilities {
    margin-top: 20px;
  }
}