@charset "utf-8";
/* -------------------------------------------------- */
/* #block-mv */
/* -------------------------------------------------- */
#block-mv .slider-mv img{width:100%;}
#block-mv .slider-mv .slick-dots{width:100%;position:absolute;bottom:8px;text-align:center;}
#block-mv .slider-mv .slick-dots li{display:inline-block;margin:0 4px;}
#block-mv .slider-mv .slick-dots button{font-size:0;width:30px;height:7px;border:1px solid #d1282e;background:rgba(255,255,255,0.7);border-radius:10px;outline:none!important;}
#block-mv .slider-mv .slick-dots .slick-active button{background:#d1282e;border-color:#d1282e;}

/* -------------------------------------------------- */
/* #block-banner */
/* -------------------------------------------------- */
#block-banner{background:#f6a800;}
#block-banner .slider-banner{margin-left:-6px;margin-right:-6px;}
#block-banner .slick-slide{margin:0 6px;}
#block-banner .slick-slide img{margin:auto;}
#block-banner .slick-arrow{position:absolute;top:50%;margin-top:-40px;width:20px;height:80px;font-size:0;border:1px solid #fff;border-radius:50px;background:url(/lalaport/msp-info/common/img/icon_arrow01.png) no-repeat center center;background-size:9px auto;transition:.2s;}
#block-banner .slick-arrow:hover{background-color:rgba(255,255,255,0.25);}
#block-banner .slick-arrow.slick-prev{left:-25px;}
#block-banner .slick-arrow.slick-next{right:-25px;transform:scale(-1,1);}

/* -------------------------------------------------- */
/* #block-about */
/* -------------------------------------------------- */
/*
#block-aboutus{background:#fef6e5;border-bottom:1px dotted #d1282e;}
#block-aboutus > .container{align-items:center;justify-content:space-between;}
#block-aboutus .txt{font-size:1.4rem;color:#000;flex:1;margin-right:40px;}
#block-aboutus .logo{width:340px;flex:none;margin-right:40px;}
#block-aboutus .logo a + a{margin-left:15px;}
#block-aboutus .link{width:110px;flex:none;}
*/

/* -------------------------------------------------- */
/* #block-news */
/* -------------------------------------------------- */
#block-news > .container{display:flex;}
#block-news .news-inner{width:50%;margin-right:2%;}
#block-news .news-inner .box-news{display:flex;position:relative;align-items:start;min-height:100px;}
#block-news .news-inner .ttl{font-size:5rem;font-weight:bold;color:#d1282e;line-height:1;}
#block-news .news-inner .btn{position:absolute;left:0;bottom:0;color:#d1282e;font-weight:bold;font-size:1.4rem;min-width:110px;padding:5px 0;}
#block-news .news-inner .btn::after{content:"";display:block;width:14px;height:14px;background:url(/lalaport/msp-info/common/img/icon_arrow02.png) no-repeat;background-size:100% auto;position:absolute;right:0;top:50%;margin-top:-7px;}
#block-news .news-inner .btn::before{content:"";display:block;width:100%;height:2px;background:#d1282e;position:absolute;right:0;bottom:0;transition:.3s ease;}
#block-news .news-inner .btn:hover::before{width:0;}
#block-news .news-inner ul{margin-left:6%;border-top:1px dotted #d1282e;flex:1;}
#block-news .news-inner ul > li{border-bottom:1px dotted #d1282e;font-size:1.4rem;display:block;}
#block-news .news-inner ul > li a{display:block;padding:3px 0;}
#block-news .news-inner ul > li p{display:flex;width:100%;padding:7px 0;}
#block-news .news-inner ul > li .date{font-weight:bold;margin-right:20px;}
#block-news .news-inner ul > li a[href$=".pdf"] .txt::after{content:"";display:inline-block;width:14px;height:18px;background-image:url(/lalaport/msp-info/common/img/icon_pdf02.png);background-size:100% auto;vertical-align:-4px;margin-left:8px;}
#block-news .box-facebook{width:23.5%;position:relative;height:280px;}
#block-news .box-facebook.single{width:48%;}
#block-news .box-facebook .fb_iframe_widget,
#block-news .box-facebook .fb_iframe_widget span,
#block-news .box-facebook .fb_iframe_widget iframe,
#block-news .box-facebook .fb_iframe_widget iframe[style]{width:100%!important;max-width:100%;height:100%!important;}
#block-news .box-facebook + .box-facebook{margin-left:1%;}
#block-news .box-facebook .sp{display:none;}
#block-news .box-movie{margin:auto;}
#block-news .box-movie a{display:block;width:100%;height:100%;position:relative;}
#block-news .box-movie a::after{content:"";display:block;width:70px;height:70px;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;background:url(/lalaport/msp-info/common/img/icon_video.png) no-repeat center center;background-size:100% auto;opacity:0.9;}
#block-news .box-movie .ttl{margin-top:10px;text-align:center;}

/* -------------------------------------------------- */
/* #block-facilities */
/* -------------------------------------------------- */
#block-facilities .facilities-ttl{border-top:4px solid #d1282e;position:relative;overflow:hidden;}
#block-facilities .facilities-ttl .container{padding-top:125px;padding-bottom:125px;}
#block-facilities .facilities-ttl .ttl{font-size:7rem;font-weight:bold;line-height:1;color:#d1282e;position:relative;z-index:2;}
#block-facilities .facilities-ttl .map{position:absolute;right:8%;top:-30px;}
#block-facilities .facilities-ttl .map .img-sp{display:none;}
#block-facilities .facilities-ttl .map .btn{width:100%;height:100%;position:absolute;top:30px;left:0;z-index:3;}
#block-facilities .facilities-ttl .map .btn a{position:absolute;padding:4px 23px 4px 18px;font-size:1.4rem;font-weight:bold;color:#e01217;display:inline-block;min-width:130px;background:#fff;border:2px solid #e01217;text-align:center;border-radius:3px;transition:.2s;}
#block-facilities .facilities-ttl .map .btn a::after{content:"";display:block;width:6px;height:6px;border-right:2px solid #e01217;border-bottom:2px solid #e01217;position:absolute;right:10px;top:50%;margin-top:-5px;transform:rotate(45deg);transition:.2s;}
#block-facilities .facilities-ttl .map .btn a:hover{background:#e01217;color:#fff;}
#block-facilities .facilities-ttl .map .btn a:hover::after{border-color:#fff;}
#block-facilities .facilities-ttl .map .btn a.sapporo{top:14%;right:23.5%;}
#block-facilities .facilities-ttl .map .btn a.sendai{top:43%;right:8%;}
#block-facilities .facilities-ttl .map .btn a.tokyo{top:63%;right:15%;}
#block-facilities .facilities-ttl .map .btn a.shizuoka{top:81%;right:33%;}
#block-facilities .facilities-ttl .map .btn a.nagoya{top:85%;right:45%;}
#block-facilities .facilities-ttl .map .btn a.kanazawa{top:35%;right:45%;}
#block-facilities .facilities-ttl .map .btn a.okayama{top:40%;right:68%;}
#block-facilities .facilities-ttl .map .btn a.osaka{top:75%;right:65%;}
#block-facilities .facilities-ttl .map .btn a.fukuoka{top:56%;right:87%;}

#block-facilities .btn-more{position:absolute;top:70px;right:40px;}

body.lang-th #block-facilities .facilities-ttl .ttl{max-width:40rem;}
body.lang-th #block-facilities .facilities-ttl .container{padding-top:90px;padding-bottom:90px;}

@media screen and (max-width:1340px){
  #block-facilities .facilities-ttl .map{right:1%;}
}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (max-width:999px){
  /* -------------------------------------------------- */
  /* #block-banner */
  /* -------------------------------------------------- */
  #block-banner > .container{padding-top:2rem!important;padding-bottom:2rem!important;}
  #block-banner .slider-banner{margin-left:-4px;margin-right:-4px;}
  #block-banner .slick-slide{margin:0 4px;}
  #block-banner .slick-arrow{margin-top:-30px;width:15px;height:60px;}
  #block-banner .slick-arrow.slick-prev{left:-20px;}
  #block-banner .slick-arrow.slick-next{right:-20px;}

  /* -------------------------------------------------- */
  /* #block-about */
  /* -------------------------------------------------- */
  #block-aboutus > .container{display:block!important;}
  #block-aboutus .txt{text-align:center;margin-right:0;margin-bottom:15px;}
  #block-aboutus .logo{width:auto;margin:0 auto 15px;flex:none;text-align:center;}
  #block-aboutus .logo a{max-width:48%;display:inline-block;}
  #block-aboutus .logo a + a{margin-left:3%;}
  #block-aboutus .link{width:150px;flex:none;text-align:center;margin:auto;}

  /* -------------------------------------------------- */
  /* #block-news */
  /* -------------------------------------------------- */
  #block-news > .container{flex-wrap:wrap;padding-top:5rem!important;padding-bottom:5rem!important;}
  #block-news .news-inner{width:100%;margin-right:0;margin-bottom:6%;}
  #block-news .news-inner ul{flex:1;width:100%;}
  #block-news .news-inner .ttl{font-size:4.2rem;}
  #block-news .box-facebook{width:49.5%;max-width:500px;margin-left:auto;margin-right:auto;}
  #block-news .box-facebook.single{width:100%;}

  /* -------------------------------------------------- */
  /* #block-facilities */
  /* -------------------------------------------------- */
  #block-facilities .facilities-ttl .ttl{font-size:5rem;}
  #block-facilities .facilities-ttl .container{padding-top:60px;padding-bottom:250px;}
  #block-facilities .facilities-ttl .map{top:auto;bottom:25px;}
  body.lang-th #block-facilities .facilities-ttl .ttl{max-width:30rem;}
  body.lang-th #block-facilities .facilities-ttl .container{padding-top:50px;padding-bottom:250px;}

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (max-width:599px){

  /* -------------------------------------------------- */
  /* #block-mv */
  /* -------------------------------------------------- */
  #block-mv .slider-mv .slick-dots button{width:28px;}
  #block-mv .slider-mv .slick-dots{bottom:2px;}

  /* -------------------------------------------------- */
  /* #block-banner */
  /* -------------------------------------------------- */
  #block-banner{padding-top:20px;}
  #block-banner > .container{padding-top:1.2rem!important;padding-bottom:1.2rem!important;}
  #block-banner > .container{padding-left:30px;padding-right:30px;}
  #block-banner .slick-arrow{margin-top:-25px;height:50px;}
  #block-banner .slick-arrow.slick-prev{left:-18px;}
  #block-banner .slick-arrow.slick-next{right:-18px;}

  /* -------------------------------------------------- */
  /* #block-about */
  /* -------------------------------------------------- */
  #block-aboutus .txt br{display:none;}

  /* -------------------------------------------------- */
  /* #block-news */
  /* -------------------------------------------------- */
  #block-news > .container{padding-top:3rem!important;padding-bottom:3rem!important;}
  #block-news .news-inner{margin-bottom:20px;}
  #block-news .news-inner .box-news{flex-direction:column;min-height:0;}
  #block-news .news-inner .ttl{font-size:2.2rem;margin-bottom:15px;}
  #block-news .news-inner ul{margin-left:0;}
  #block-news .news-inner ul > li{display:none;}
  #block-news .news-inner ul > li:first-child,
  #block-news .news-inner ul > li:nth-child(2){display:block;}
  #block-news .news-inner .btn{bottom:auto;left:auto;top:-10px;right:0;}
  #block-news .box-facebook{width:100%;height:350px;}
  #block-news .box-facebook .pc{display:none;}
  #block-news .box-facebook .sp{display:block;}
  #block-news .box-facebook + .box-facebook{margin-left:0;margin-top:10px;}
  #block-news .box-movie a::after{width:50px;height:50px;margin:-25px 0 0 -25px;}

  /* -------------------------------------------------- */
  /* #block-facilities */
  /* -------------------------------------------------- */
  #block-facilities .facilities-ttl .ttl{font-size:3.6rem;}
  #block-facilities .facilities-ttl .container{padding-top:40px;padding-bottom:20px;overflow:hidden;}
  #block-facilities .facilities-ttl .map{position:relative;bottom:auto;right:auto;}
  #block-facilities .facilities-ttl .map .img{width:140%;margin-top:-24%;margin-left:-30%;}
  #block-facilities .facilities-ttl .map .img-pc{display:none;}
  #block-facilities .facilities-ttl .map .img-sp{display:block;}
  #block-facilities .facilities-ttl .map .btn{position:static;font-size:0;display:flex;flex-wrap:wrap;justify-content:center;margin-top:10px;}
  #block-facilities .facilities-ttl .map .btn a{font-size:1.5rem;/*color:#fff;border:0;*/min-width:auto;position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0 4px 4px 0;}
  #block-facilities .facilities-ttl .map .btn a::after{width:4px;height:4px;right:8px;margin-top:-4px;/*border-color:#fff;*/}
/*
  #block-facilities .facilities-ttl .map .btn a.sapporo{background:#5d9bc0;}
  #block-facilities .facilities-ttl .map .btn a.sendai{background:#29ab7f;}
  #block-facilities .facilities-ttl .map .btn a.tokyo{background:#b55aa5;}
  #block-facilities .facilities-ttl .map .btn a.osaka{background:#71bd81;}
  #block-facilities .facilities-ttl .map .btn a.kanazawa{background:#df8f28;}
  #block-facilities .facilities-ttl .map .btn a.okayama{background:#5f70ba;}
  #block-facilities .facilities-ttl .map .btn a.nagoya{background:#d44962;}
*/
  #block-facilities .btn-more{position:static;text-align:center;margin-top:30px;}
  #block-facilities .left-pickup-card{margin-bottom:2%!important;}

  body.lang-th #block-facilities .facilities-ttl .ttl{max-width:20rem;}
  body.lang-th #block-facilities .facilities-ttl .container{padding-top:30px;padding-bottom:45%;}


}