@charset "UTF-8";
#main .main-column:after { content: none !important; }

#main .main-container { width: 100%; }

#main .main-container:before { content: none !important; }

@media print, screen and (max-width: 768px) { #wrapper { line-height: 1.6; } }

.fade-effect { visibility: hidden; }

.fade-in { -webkit-animation: fade-in 2s ease 0s 1 !important; -moz-animation: fade-in 2s ease 0s 1 !important; animation: fade-in 2s ease 0s 1 !important; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; visibility: visible !important; }

/* ===================== header ===================== */
.header { width: 100%; position: relative; }

@media screen and (max-width: 768px) { .header { padding-bottom: 55px; } }

@media screen and (min-width: 769px) { .header { min-width: 1280px; }
  .header:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }
  .header:after { position: absolute; left: 0; bottom: 0; } }

.header__head { background-image: -webkit-linear-gradient(359deg, #006ca9, #008cda); background-image: -o-linear-gradient(359deg, #006ca9, #008cda); background-image: linear-gradient(89deg, #006ca9, #008cda); position: relative; height: 30px; }

.header__head:after { background-image: -webkit-linear-gradient(4deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(4deg, #abc4fa, #bef3ea); background-image: linear-gradient(94deg, #abc4fa, #bef3ea); }

.header__head:after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; }

.header__head__inner { margin: 0 auto; padding: 0 10px; font-size: 1.0rem; line-height: 30px; }

@media screen and (min-width: 769px) { .header__head__inner { font-size: 1.1rem; } }

.header__head__title { float: left; color: #fff; }

.header__head__title span { font-family: "Roboto", "HiraginoSans-W3", sans-serif; }

@media screen and (min-width: 769px) { .header__head__title span { font-family: "Roboto", "ヒラギノ角ゴ Pro W3", sans-serif; } }

.header__head__login { float: right; background: url("/lalaport/common/image/common/icon_mypage.png") no-repeat right center; background-size: 10px auto; }

.header__head__login a { color: #fff; text-decoration: none; display: inline-block; padding: 0 13px 0 0; }

.header__body { position: relative; }

@media screen and (min-width: 769px) { .header__body { padding-top: 12px; z-index: 10001; } }

@media screen and (max-width: 768px) { .header__body { position: fixed; top: 30px; right: 0; left: 0; margin: 0 auto; background-color: #fff; z-index: 10001; min-width: 320px; }
  .header__body:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }
  .header__body:after { position: absolute; bottom: 0; } }

.header__body__inner { padding: 5px 2%; }

@media screen and (min-width: 769px) { .header__body__inner { width: 1280px; margin: 0 auto 10px; padding: 0 0 0 20px; } }

.header__body__inner .sp-nav { float: left; }

.header__body__inner .sp-nav li { float: left; padding-right: 10px; }

.header__body__inner .sp-nav li img { width: 37px; height: 35px; }

.header__body__inner .sp-nav li.menu_global { position: relative; }

.header__body__inner .sp-nav li.menu_global .child-menu { display: none; position: relative; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu { display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; width: 125px; top: 50px; left: -43px; background: #fff; border: solid 1px #ccc; z-index: 1; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu:after, .header__body__inner .sp-nav li.menu_global.is_active .child-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 1; pointer-events: none; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu:before { border-color: rgba(0, 70, 180, 0); border-bottom-color: #ccc; border-width: 12px; margin-left: -12px; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu__cont { text-align: left; font-size: 1.3rem; position: relative; float: none; padding-right: 0; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu__cont:not(:last-child) { border-bottom: solid 1px #eee; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu__cont a { color: #4d80c3; text-decoration: none; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu__list { padding: 2px 0; }

.header__body__inner .sp-nav li.menu_global.is_active .child-menu__link { display: block; line-height: 1.0; padding: 10px 12px; }

.header__body__inner .sp-nav li.menu_facility { position: relative; }

.header__body__inner .sp-nav li.menu_facility .child-menu { display: none; position: relative; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu { display: block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; width: 125px; top: 50px; left: -43px; background: #fff; border: solid 1px #ccc; z-index: 1; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu:after, .header__body__inner .sp-nav li.menu_facility.is_active .child-menu:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 1; pointer-events: none; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu:before { border-color: rgba(0, 70, 180, 0); border-bottom-color: #ccc; border-width: 12px; margin-left: -12px; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu__cont { text-align: left; font-size: 1.3rem; position: relative; float: none; padding-right: 0; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu__cont:not(:last-child) { border-bottom: solid 1px #eee; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu__cont a { color: #4d80c3; text-decoration: none; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu__list { padding: 2px 0; }

.header__body__inner .sp-nav li.menu_facility.is_active .child-menu__link { display: block; line-height: 1.0; padding: 10px 12px; }

.header__body__inner .logo { position: absolute; top: 6px; left: 0; right: 0; margin: 0 auto; text-align: center; width: 132px; height: 43px; vertical-align: middle; }

.header__body__inner .logo img { max-width: 100%; width: 132px; height: 30px; margin: 5px 0; }

@media screen and (min-width: 769px) { .header__body__inner .logo { position: static; float: left; max-width: inherit; width: 157px; height: auto; margin: 5px 0; }
  .header__body__inner .logo img { width: 157px; height: 37px; } }

.header__body__border { position: relative; padding: 10px 0; }

.header__body__border:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

@media screen and (min-width: 769px) { .header__body__border { padding-bottom: 0; padding-top: 12px; } }

.header__body__border:after { position: absolute; bottom: 0; left: 0; }

.header__menu { display: none; }

@media screen and (min-width: 769px) { .header__menu { display: table; float: left; font-size: 1.3rem; padding: 5px 0; }
  .header__menu > li { display: table-cell; vertical-align: middle; line-height: 1; padding-right: 25px; }
  .header__menu > li:first-child { padding-right: 30px; }
  .header__menu > li:nth-child(5) { padding-right: 40px; }
  .header__menu > li:nth-child(6) { position: relative; padding-right: 0; }
  .header__menu > li a { padding: 0; color: #444; text-decoration: none; margin-right: 0; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .header__menu > li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; }
  .header__menu > li a.icon_online { font-size: 1.1rem; background-image: url("/lalaport/common/image/svg/icon_online.svg"); background-size: 16px auto; padding: 5px 0 5px 25px; }
  .header__menu > li a.icon_online:before { content: ""; width: 1px; height: 16px; top: 3px; left: -19px; background-image: -webkit-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: linear-gradient(176deg, #abc4fa, #bef3ea); }
  .header__menu > li a.icon_global { font-size: 1.1rem; background-image: url("/lalaport/common/image/svg/icon_global.svg") left center no-repeat; background-size: 16px auto; padding-left: 25px !important; padding-right: 5px; position: relative; }
  .header__menu > li a.icon_global:before { content: ""; width: 1px; height: 16px; top: 13px; left: -19px; background-image: -webkit-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: linear-gradient(176deg, #abc4fa, #bef3ea); }
  .header__menu > li a.icon_global:after { content: ""; position: absolute; top: 18px; right: -8px; width: 3px; height: 3px; border-top: 1px solid #444; border-right: 1px solid #444; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .header__menu > li a.icon_arrow:after { content: ""; position: absolute; top: 18px; right: 24px; width: 5px; height: 5px; border-top: 1px solid #444; border-right: 1px solid #444; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .header__menu > li.menu_global { position: relative; }
  .header__menu > li.menu_global a { padding: 15px 5px 15px 30px; }
  .header__menu > li.menu_global a:after:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
  .header__menu > li.menu_global .child-menu { display: none; }
  .header__menu > li.menu_global:hover .child-menu { display: block; } }

@media screen and (min-width: 769px) and (min-width: 769px) { .header__menu > li.menu_global:hover .child-menu { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; width: 115px; top: 42px; left: 3px; background: #fff; border: solid 1px #ccc; z-index: 10000; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_global:hover .child-menu { border-top: solid 1px #eee; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_global:hover .child-menu a { opacity: 1; }
  .header__menu > li.menu_global:hover .child-menu:after, .header__menu > li.menu_global:hover .child-menu:before { bottom: 100%; left: 48%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 1; pointer-events: none; }
  .header__menu > li.menu_global:hover .child-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
  .header__menu > li.menu_global:hover .child-menu:before { border-color: rgba(0, 70, 180, 0); border-bottom-color: #ccc; border-width: 12px; margin-left: -12px; } }

@media screen and (min-width: 769px) and (min-width: 769px) { .header__menu > li.menu_global:hover .child-menu__list { padding: 10px 0; }
  .header__menu > li.menu_global:hover .child-menu__list:hover .g-child-menu { display: block; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_global:hover .child-menu__cont { text-align: left; font-size: 1.4rem; position: relative; float: none; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_global:hover .child-menu__cont:not(:last-child) { border-bottom: solid 1px #eee; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_global:hover .child-menu__link { display: block; line-height: 1.0; } }

@media screen and (min-width: 769px) and (min-width: 769px) { .header__menu > li.menu_global:hover .child-menu__link { padding: 9px 15px; font-size: 1.2rem; margin-right: 0; }
  .header__menu > li.menu_global:hover .child-menu__link:hover { background: #eee; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_global:hover .child-menu__link { padding: 10px 20px; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_global:hover .child-menu__link:after { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); position: absolute; top: 15px; right: 20px; margin-top: -5px; margin-left: 10px; display: inline-block; width: 8px; height: 8px; content: ""; border: solid 0 #999; border-width: 1px 0 0 1px; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_global:hover .child-menu__link.is__opened:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; }
  .header__menu > li.menu_facility { position: relative; }
  .header__menu > li.menu_facility a { padding: 15px 5px 15px 30px; }
  .header__menu > li.menu_facility a:after:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
  .header__menu > li.menu_facility .child-menu { display: none; }
  .header__menu > li.menu_facility:hover .child-menu { display: block; } }

@media screen and (min-width: 769px) and (min-width: 769px) { .header__menu > li.menu_facility:hover .child-menu { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; width: 230px; top: 42px; left: 3px; background: #fff; border: solid 1px #ccc; z-index: 1; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_facility:hover .child-menu { border-top: solid 1px #eee; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_facility:hover .child-menu a { opacity: 1; height: auto; }
  .header__menu > li.menu_facility:hover .child-menu:after, .header__menu > li.menu_facility:hover .child-menu:before { bottom: 100%; left: 48%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 1; pointer-events: none; }
  .header__menu > li.menu_facility:hover .child-menu:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
  .header__menu > li.menu_facility:hover .child-menu:before { border-color: rgba(0, 70, 180, 0); border-bottom-color: #ccc; border-width: 12px; margin-left: -12px; } }

@media screen and (min-width: 769px) and (min-width: 769px) { .header__menu > li.menu_facility:hover .child-menu__list { padding: 10px 0; }
  .header__menu > li.menu_facility:hover .child-menu__list:hover .g-child-menu { display: block; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_facility:hover .child-menu__cont { text-align: left; font-size: 1.4rem; position: relative; float: none; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_facility:hover .child-menu__cont:not(:last-child) { border-bottom: solid 1px #eee; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_facility:hover .child-menu__link { display: block; line-height: 1.0; } }

@media screen and (min-width: 769px) and (min-width: 769px) { .header__menu > li.menu_facility:hover .child-menu__link { padding: 9px 15px; font-size: 1.2rem; margin-right: 0; }
  .header__menu > li.menu_facility:hover .child-menu__link:hover { background: #eee; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_facility:hover .child-menu__link { padding: 10px 20px; } }

@media screen and (min-width: 769px) and (max-width: 768px) { .header__menu > li.menu_facility:hover .child-menu__link:after { -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); position: absolute; top: 15px; right: 20px; margin-top: -5px; margin-left: 10px; display: inline-block; width: 8px; height: 8px; content: ""; border: solid 0 #999; border-width: 1px 0 0 1px; } }

@media screen and (min-width: 769px) { .header__menu > li.menu_facility:hover .child-menu__link.is__opened:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: 0; } }

.header__nav { overflow: hidden; position: relative; }

.header__nav:before { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

.header__nav:before { position: absolute; top: 0; left: 0; }

@media screen and (min-width: 769px) { .header__nav__inner { width: 1280px; margin: 0 auto; position: relative; } }

.header__nav__list { display: none; position: relative; }

@media screen and (min-width: 769px) { .header__nav__list { display: block; clear: both; width: 1280px; margin: 0 auto; font-size: 1.4rem; }
  .header__nav__list li { float: left; position: relative; }
  .header__nav__list li:after { content: ""; width: 1px; height: 20px; position: absolute; top: 10px; right: 0; background-image: -webkit-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: linear-gradient(176deg, #abc4fa, #bef3ea); }
  .header__nav__list li:first-of-type:before { content: ""; width: 1px; height: 100%; position: absolute; top: -1px; }
  .header__nav__list li:first-of-type:hover:before { left: -1px !important; background: none; background: rgba(47, 43, 244, 0.2); }
  .header__nav__list li:last-of-type:after { height: 0; }
  .header__nav__list li:last-of-type:hover:after { height: 100%; right: -2px; background: none; background: rgba(47, 43, 244, 0.2); }
  .header__nav__list li:last-of-type:hover p:before { padding-right: 2px; }
  .header__nav__list li a { display: inline-block; color: #444; text-decoration: none; height: 40px; line-height: 41px; position: relative; text-align: center; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .header__nav__list li a:hover { color: #4d80c3; }
  .header__nav__list li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; }
  .header__nav__list li:nth-of-type(1) a { width: 146px; }
  .header__nav__list li:nth-of-type(2) a { width: 165px; }
  .header__nav__list li:nth-of-type(3) a { width: 146px; }
  .header__nav__list li:nth-of-type(4) a { width: 219px; }
  .header__nav__list li:nth-of-type(5) a { width: 220px; }
  .header__nav__list li:nth-of-type(6) a { width: 178px; }
  .header__nav__list li:nth-of-type(7) a { width: 88px; }
  .header__nav__list li:nth-of-type(8) a { width: 117px; }
  .header__nav__list li:hover:before { content: ""; width: 1px; height: 100%; position: absolute; top: -1px; left: -1px; background-image: -webkit-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: linear-gradient(176deg, #abc4fa, #bef3ea); }
  .header__nav__list li:hover:after { content: ""; width: 1px; height: 100%; position: absolute; top: -1px; right: 0; background-image: -webkit-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: linear-gradient(176deg, #abc4fa, #bef3ea); }
  .header__nav__list li:hover p:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; }
  .header__nav__list li:hover a { color: #4d80c3; }
  .header__nav__list li.is_current:before { content: ""; width: 1px; height: 100%; position: absolute; top: -1px; left: -1px; background-image: -webkit-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: linear-gradient(176deg, #abc4fa, #bef3ea); }
  .header__nav__list li.is_current:after { content: ""; width: 1px; height: 100%; position: absolute; top: -1px; right: 0; background-image: -webkit-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: -o-linear-gradient(86deg, #abc4fa, #bef3ea); background-image: linear-gradient(176deg, #abc4fa, #bef3ea); }
  .header__nav__list li.is_current p:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; }
  .header__nav__list li.is_current a { color: #4d80c3; }
  .header__nav__list li.is_current:last-of-type:after { right: -2px; }
  .header__nav__list li.is_current:hover:first-of-type:before { display: block; content: ""; background: none; background: rgba(47, 43, 244, 0.2); }
  .header__nav__list li.is_current:hover:last-of-type:after { display: block; content: ""; right: -2; background: none; background: rgba(47, 43, 244, 0.2); } }

.fixed { position: fixed; top: 0; right: 0; left: 0; margin: 0 auto; background-color: #fff; z-index: 10001; min-width: 320px; }

.fixed:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

.fixed:after { position: absolute; bottom: 0; }

@media screen and (min-width: 769px) { .fixed { min-width: auto; } }

#sp-side { background: #fff; }

@media screen and (min-width: 769px) { #sp-side { display: none; } }

#sp-side .sp-side__inner { padding-top: 50px; position: relative; background-image: -webkit-linear-gradient(162deg, rgba(160, 172, 255, 0.2), rgba(220, 245, 241, 0.2)); background-image: -o-linear-gradient(162deg, rgba(160, 172, 255, 0.2), rgba(220, 245, 241, 0.2)); background-image: linear-gradient(252deg, rgba(160, 172, 255, 0.2), rgba(220, 245, 241, 0.2)); }

#sp-side .sp-side__inner a { text-decoration: none; color: #444; }

#sp-side .sp-side__nav .link-block:after { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

#sp-side .sp-side__nav .link-block a { font-size: 1.6rem; display: block; padding: 15px 20px; }

#sp-side .sp-side__nav__list li { font-size: 1.4rem; }

#sp-side .sp-side__nav__list li a { display: block; padding: 5px 20px; }

#sp-side .sp-side__nav__list li:last-of-type { margin-bottom: 20px; }

#sp-side .sp-side__nav__list.type-02:before { content: ""; display: block; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); }

#sp-side .sp-side__nav__list.type-02 li { padding-top: 6px; }

#sp-side .sp-side__nav__list.type-02 li:first-of-type { padding: 15px 20px 5px; font-size: 1.6rem; color: #444; }

#sp-side .sp-side__nav__list.type-02 li:first-of-type a { padding-left: 0; }

#sp-side .sp-side__nav__list.type-02 li:not(:first-child) a { padding-left: 30px; }

#sp-side .sp-side__bnr { padding: 20px; }

#sp-side .sp-side__bnr__list li { margin-bottom: 15px; }

#sp-side .sp-side__bnr__list li:last-of-type { margin-bottom: 0; }

#sp-side .sp-side__sns.type-02 { padding: 20px 20px 50px; }

#sp-side .sp-side__sns.type-02 strong { display: block; font-weight: normal; font-size: 1.6rem; }

#sp-side .sp-side__sns.type-02 .sns-list { margin-top: 10px; }

#sp-side .sp-side__sns.type-02 .sns-list li { display: inline-block; width: 45px; }

#sp-side .sp-side__sns.type-02 .sns-list li img {
  width: 100%;
}

#sp-side .sp-side__sns.type-02 .sns-list li:not(:first-child) { margin-left: 15px; }

/* ===================== style ===================== */
#main.single-column .main-container .main-column { width: 100%; }

@media screen and (max-width: 768px) { #main.single-column .main-container .main-column { margin-bottom: 25px; } }

@media print, screen and (min-width: 769px) { .common-settings .inner-section { width: 995px; margin: 0 auto; } }

.common-settings .inner-section.type-02 { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }

/*  #mv-area
------------------------*/
#mv-area {
  overflow: hidden;
}

@media print,
screen and (min-width: 769px) {
  #mv-area {
    margin: 0 auto;
  }

  #mv-area .mv-slider {
    height: 325px;
    position: relative;
  }

  #mv-area .mv-slider:before {
    left: 0;
  }

  #mv-area .mv-slider:after {
    right: 0;
  }

  #mv-area .slick-slide:not(.slick-center) {
    opacity: 0.3;
    transition: 0.2s linear;
  }
}

@media print,
screen and (max-width: 768px) {
  #mv-area {
    margin-top: 55px;
  }

  #mv-area .slick-slide img {
    width: 100%;
  }
}

#mv-area .slick-dots {
  bottom: -24px;
}

@media screen and (min-width: 769px) {
  #mv-area .slick-dots {
    bottom: -24px;
  }
}

#mv-area .slick-dots li {
  height: 10px;
  width: 5px;
}

#mv-area .slick-dots li button {
  height: 8px;
  width: 8px;
  text-indent: -9999px;
}

#mv-area .slick-dots li button:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #e9eff2;
  opacity: 1;
}

#mv-area .slick-dots li.slick-active button:before {
  background-color: #0bbae6;
  opacity: 1;
}


#mv-area .slick-prev,
.slick-next {
  background: none;
  border-radius: 50%;
}

@media screen and (min-width: 769px) {
  #mv-area .slick-prev,
  #mv-area .slick-next {
    height: 48px;
    width: 48px;
  }
}

#mv-area .slick-prev:before,
#mv-area .slick-next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mv-area .slick-prev {
  left: calc(50% - 400px);
}

#mv-area .slick-prev:before {
  content: "";
  left: 0px;
  background: url('/lalaport/common/image/top/icon_sliderArrow.svg') center center / contain no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}

@media screen and (min-width: 769px) {
  #mv-area .slick-prev:before {
    left: 0;
  }
}

#mv-area .slick-next {
   right: calc(50% - 400px);
}

#mv-area .slick-next:before {
  content: "";
  left: 0px;
  background: url('/lalaport/common/image/top/icon_sliderArrow.svg') center center / contain no-repeat;
  background-size: contain;
}

@media screen and (min-width: 769px) {
  #mv-area .slick-next:before {
    left: 0;
  }
}

/*  module
------------------------*/
.four-column-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media print, screen and (min-width: 769px) { .four-column-list { margin-left: -1px; } }

@media print, screen and (max-width: 768px) { .four-column-list { -webkit-justify-content: space-between; justify-content: space-between; } }

@media print, screen and (max-width: 768px) { .four-column-list li { width: 49.86667%; margin-bottom: 35px; } }

@media print, screen and (min-width: 769px) { .four-column-list li { margin-left: 1px; width: 248px; } }

.four-column-list li a { display: block; text-decoration: none; color: #444; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }

.four-column-list li a:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; }

.four-column-list li .img-block { position: relative; }

.four-column-list li .img-block:before { content: ""; display: block; padding-top: 68.54839%; }

.four-column-list li .img-block img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.four-column-list li .text-block { padding: 15px 10px 0; }

.four-column-list li .text-block dl.facilyty-main-list-detail dt { font-size: 1.4rem; line-height: 1.4; }

.four-column-list li .text-block dl.facilyty-main-list-detail.detail_type02 dt { font-size: 1.15rem; line-height: 1.15; }

@media print, screen and (min-width: 769px) { .four-column-list li .text-block dl.facilyty-main-list-detail dt { font-size: 1.5rem; line-height: 1.5; }
.four-column-list li .text-block dl.facilyty-main-list-detail.detail_type02 dt { font-size: 1.35rem; line-height: 1.35; }}

.four-column-list li .text-block dl.facilyty-main-list-detail dd { margin-top: 1px; font-size: 1.1rem; }
.four-column-list li .text-block dl.facilyty-main-list-detail.detail_type02 dt span { font-size: 1.1rem; }

@media print, screen and (min-width: 769px) { .four-column-list li .text-block dl.facilyty-main-list-detail dd { margin-top: 5px; font-size: 1.2rem; } }

.four-column-list li .text-block dl.information-list-detail dt { padding-top: 5px; font-size: 1.1rem; color: #999; }

.four-column-list li .text-block dl.information-list-detail dd { font-size: 1.2rem; height: 38px; position: relative; overflow: hidden; }

.four-column-list li .text-block dl.information-list-detail dd:before, .four-column-list li .text-block dl.information-list-detail dd:after { position: absolute; background: #fff; }

.four-column-list li .text-block dl.information-list-detail dd:before { content: "..."; bottom: 0; right: 0px; }

.four-column-list li .text-block dl.information-list-detail dd:after { content: ""; width: 100%; height: 100%; }

@media print, screen and (min-width: 769px) { .four-column-list li .text-block dl.information-list-detail dd { font-size: 1.4rem; line-height: 1.6; height: 42px; }
  .four-column-list li .text-block dl.information-list-detail dd:before { right: 4px; } }

@media print, screen and (max-width: 768px) { .four-column-list li .link-block { padding: 0px 10px 0; line-height: 1.4; } }

@media print, screen and (min-width: 769px) { .four-column-list li .link-block { padding: 5px 10px 0; } }

.four-column-list li .link-block a { font-size: 1.1rem; color: #4d80c3; text-decoration: underline; display: inline-block; }

@media print, screen and (min-width: 769px) { .four-column-list li .link-block a { font-size: 1.2rem; }
  .four-column-list li .link-block a:hover { text-decoration: none; opacity: 1; } }

.four-column-list li .link-block a span { background: url("/lalaport/common/image/svg/icon_map.svg") right center no-repeat; background-size: 9px 15px; padding: 2px 15px 2px 0; }

@media print, screen and (min-width: 769px) { .four-column-list li .link-block a span { padding: 2px 12px 2px 0; } }

.four-column-list.facility-main-list li { padding-bottom: 30px; }

@media print, screen and (min-width: 769px) { .four-column-list.facility-main-list li { padding-bottom: 50px; } }

.four-column-list.information-list { padding-top: 30px; }

@media print, screen and (min-width: 769px) { .four-column-list.information-list { padding-top: 50px; } }

@media print, screen and (min-width: 769px) { .two-column-list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }

.two-column-list li { opacity: 0; }

@media print, screen and (min-width: 769px) { .two-column-list li { width: 468px; } }

.two-column-list li .column-list-ttl { font-size: 1.7rem; }

@media print, screen and (min-width: 769px) { .two-column-list li .column-list-ttl { font-size: 1.8rem; } }

.two-column-list li .two-column-list-cont { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

@media print, screen and (min-width: 769px) { .two-column-list li .two-column-list-cont .text-area { width: 230px; } }

.two-column-list li .two-column-list-cont .text-area .text-block.small { font-size: 1.3rem; }

@media print, screen and (min-width: 769px) { .two-column-list li .two-column-list-cont .text-area .text-block.small { padding-top: 10px; } }

.two-column-list li .two-column-list-cont .text-area a { margin-top: 15px; display: inline-block; color: #4d80c3; text-decoration: none; font-size: 1.1rem; }

@media print, screen and (min-width: 769px) { .two-column-list li .two-column-list-cont .text-area a { font-size: 1.3rem; margin-top: 10px; } }

@media print, screen and (max-width: 768px) { .two-column-list li .two-column-list-cont .text-area a { white-space: nowrap; margin-top: 7px; } }

.two-column-list li .two-column-list-cont .text-area a .icon-blank { background: url("/lalaport/common/image/svg/icon_blank.svg") right center no-repeat; background-size: 12px 14px; padding-right: 15px; }

@media print, screen and (min-width: 769px) { .two-column-list li .two-column-list-cont .text-area a .icon-blank { padding-right: 20px; -moz-transition: 0.4s; -o-transition: 0.4s; -webkit-transition: 0.4s; transition: 0.4s; }
  .two-column-list li .two-column-list-cont .text-area a .icon-blank:hover { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } }

.two-column-list.concept { padding-top: 30px; }

@media print, screen and (min-width: 769px) { .two-column-list.concept { padding-top: 50px; } }

@media print, screen and (max-width: 768px) { .two-column-list.concept li:last-child { padding-top: 25px; } }

@media print, screen and (max-width: 768px) { .two-column-list.concept li .two-column-list-cont { padding-top: 15px; }
  .two-column-list.concept li .two-column-list-cont .text-area { width: 54.15385%; }
  .two-column-list.concept li .two-column-list-cont .img-block { width: 41.53846%; } }

@media print, screen and (min-width: 769px) { .two-column-list.concept li .two-column-list-cont .img-block { width: 210px; }
  .two-column-list.concept li .two-column-list-cont .img-block img { width: 210px !important; } }

@media print, screen and (max-width: 768px) { .two-column-list.point-app { padding-bottom: 30px; } }

@media print, screen and (max-width: 768px) { .two-column-list.point-app li:last-child { padding-top: 30px; } }

@media print, screen and (max-width: 768px) { .two-column-list.point-app li .two-column-list-cont { padding-top: 15px; } }

@media print, screen and (min-width: 769px) { .two-column-list.point-app li .two-column-list-cont { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } }

.two-column-list.point-app li .two-column-list-cont .text-area { width: 50.76923%; }

@media print, screen and (min-width: 769px) { .two-column-list.point-app li .two-column-list-cont .text-area { height: 230px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } }

.two-column-list.point-app li .two-column-list-cont .img-block { z-index: -1; width: 46.15385%; text-align: center; }

.two-column-list.point-app li .two-column-list-cont .img-block.type-02 img { width: 85%; }

@media print, screen and (min-width: 769px) { .two-column-list.point-app li .two-column-list-cont .img-block { width: 230px; height: 230px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
  .two-column-list.point-app li .two-column-list-cont .img-block img { width: 200px !important; } }

.md-page-name.type__center { text-align: center; }

.md-page-name.type__center span { display: block; }

@media print, screen and (min-width: 769px) { .md-page-name.type__center .md-title_01--small { padding-top: 5px; } }

@media print, screen and (min-width: 769px) { .md-page-name .md-title_01 { padding-left: 0; } }

/*  #new-info
------------------------*/
#new-bnr-info .inner-section{
	margin: 0 25px 15px;
}

@media print, screen and (min-width: 769px) {
	#new-bnr-info .inner-section{    width: 995px;
		margin: 0 auto 15px;
	}
}

@media print, screen and (max-width: 768px) {#new-bnr-info .new-info-bnr img { width: 100%; }}

/*  #new-info
------------------------*/
#new-info {
  padding-top: 24px;
}
@media print,
screen and (min-width: 769px) {
#new-info {
  padding-top: 18px;
}
}
#new-info .inner-section {
  padding: 0 25px;
}
@media print,
screen and (min-width: 769px) {
  #new-info .inner-section {
    width: 995px;
    margin: 0 auto;
    padding: 0;
  }
}

#new-info .new-info-inner:nth-child(2) {
  padding-top: 24px;
}
@media print,
screen and (min-width: 769px) {
  #new-info .new-info-inner:nth-child(2) {
    padding-top: 16px;
  }
}

#new-info .new-info-ttl {
  display: flex;
  align-items: center;
  position: relative;
  height: 59px;
  padding-right: 20px;
  padding-left: 56px;
  background: linear-gradient(90deg, rgba(0,129,204,1) 0%, rgba(11,186,230,1) 100%);;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0;
  cursor: pointer;
}
@media print,
screen and (min-width: 769px) {
  #new-info .new-info-ttl {
    height: 48px;
    padding-left: 60px;
    padding-right: 0;
    border-radius: 2px;
    font-size: 20px;
  }
}

#new-info .new-info-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
}
@media print,
screen and (min-width: 769px) {
  #new-info .new-info-icon {
    left: 24px;
    width: 16px;
    height: 16px;
  }
}

#new-info .new-info-icon::before,
#new-info .new-info-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  background: #fff;
  transition: .3s;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  width: 25px;
  height: 1px;
  }

  @media print,
screen and (min-width: 769px) {
  #new-info .new-info-icon::before,
  #new-info .new-info-icon::after {
    width: 16px;
    height: 1px;
  }
}

#new-info .new-info-icon::after {
  left: 0;
  transform: rotate(90deg);
}
#new-info .new-info-ttl.is-active .new-info-icon::after {
  transform: rotate(0deg);
}
#new-info .new-info-contents {
  display: none;
  background: #f5f8fa;
  padding: 24px;
}

@media print,
screen and (min-width: 769px) {
  #new-info .new-info-contents {
    padding: 20px 56px;
    border-radius: 0 0 4px 4px;
  }
}

#new-info .new-info-txt {
  letter-spacing: 0;
  font-size: 13px;
  line-height: 1.77;
}
@media print,
screen and (min-width: 769px) {
  #new-info .new-info-txt {
    font-size: 16px;
    line-height: 1.75;
  }
}

/*  #facility
------------------------*/
#facility { padding-bottom: 10px; padding-top: 64px;}

@media print, screen and (min-width: 769px) { #facility { padding-bottom: 100px; 	padding-top: 28px; } }

@media print, screen and (max-width: 768px) { #facility .md-page-name { padding-top: 0; } }

#facility .facility { width: 100%; }

#facility .facility-select-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 16px 0; }

@media print, screen and (max-width: 768px) { #facility .facility-select-list { -webkit-justify-content: start; justify-content: start; } }

#facility .facility-select-list li { cursor: pointer; line-height: 1; }

@media print, screen and (max-width: 768px) { #facility .facility-select-list li { width: 33%; } }

#facility .facility-select-list li:not(:first-child) { border-left: 1px solid #ccc; }

@media print, screen and (max-width: 768px) { #facility .facility-select-list li:nth-child(n+4) { margin-top: 16px;} }

@media print, screen and (max-width: 768px) { #facility .facility-select-list li:nth-child(4) { border-left: none;} }

#facility .facility-select-list li.active span { color: #4e8fe4; }

#facility .facility-select-list li span { line-height: 1; display: block; text-align: center; }

@media print, screen and (min-width: 769px) { #facility .facility-select-list li span { padding: 0 30px; }
  #facility .facility-select-list li span:hover { cursor: pointer; } }

#facility .facility-select-list li:first-child span { border-left: 0; }

/*  #cm-gallery
------------------------*/
#cm-gallery { background: #f4f4f4; position: relative; padding: 30px 0 45px; }

@media print, screen and (max-width: 768px) { #cm-gallery #movie-area-wrap { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 10px; }
  #cm-gallery #movie-area iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0; } }

#cm-gallery .bnr-area { text-align: center; }

@media print, screen and (min-width: 769px) { #cm-gallery .bnr-area { padding: 30px 0 0 0; }
  #cm-gallery .bnr-area img { width: 700px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); } }

@media print, screen and (max-width: 768px) { #cm-gallery .bnr-area { padding: 0 25px 30px; }
  #cm-gallery .bnr-area img { width: 100%; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); } }

#cm-gallery .bnr-area a { display: inline-block; }

#cm-gallery .bnr-area.size-max a { display: block; }

#cm-gallery .bnr-area.size-max a img { width: 100%; }

@media print, screen and (max-width: 768px) { #cm-gallery .btn-wrap { padding: 20px 25px 30px; }
  #cm-gallery .btn-wrap .md-btn__inner { position: relative; } }

#cm-gallery .md-btn { width: 100%; text-align: center; }

#cm-gallery .md-btn .md-btn__inner { background: #f4f4f4; padding: 6px 10px; }

@media print, screen and (max-width: 768px) { #cm-gallery .md-btn .md-btn__inner { padding: 8px 10px; line-height: 1.2; }
  #cm-gallery .md-btn .md-btn__inner:after { vertical-align: text-bottom; line-height: 1; } }

#cm-gallery .text-area { padding: 0 25px; }

@media print, screen and (min-width: 769px) { #cm-gallery { padding: 50px 0 100px; }
  #cm-gallery .md-page-name { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
  #cm-gallery .md-page-name .md-title_01 { padding-bottom: 30px; }
  #cm-gallery .md-page-name .md-btn { width: 200px; text-align: center; }
  #cm-gallery #movie-area { margin-top: 20px; width: 100% !important; height: 560px; }
  #cm-gallery .text-area { margin-top: 12px; padding: 0; } }

#cm-gallery:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea); background-image: -o-linear-gradient(left, #abc4fa, #bef3ea); background-image: linear-gradient(to right, #abc4fa, #bef3ea); z-index: 10000; }

@media print, screen and (min-width: 769px) { #cm-gallery .md-title_01--small { letter-spacing: 0.1em; }
  #cm-gallery .md-btn .md-btn__inner { letter-spacing: 0.1em; }
  #cm-gallery .text-area { letter-spacing: 0.1em; } }

/*  #concept
------------------------*/
@media print, screen and (max-width: 768px) { #concept .inner-section { padding: 0 25px; } }

#concept .concept-ttl { font-size: 2rem; }

@media print, screen and (max-width: 768px) { #concept .concept-ttl { line-height: 1.5; } }

@media print, screen and (min-width: 769px) { #concept .concept-ttl { max-width: 1600px; margin: 0 auto; padding-top: 0; font-size: 2.1rem; } }

#concept .concept-lead { font-weight: normal; display: block; font-size: 1.7rem; padding-top: 20px; }

@media print, screen and (max-width: 768px) { #concept .concept-lead { line-height: 1.45; padding-top: 12px; } }

@media print, screen and (min-width: 769px) { #concept .concept-lead { font-size: 1.8rem; } }

#concept .article-01 { max-width: 1600px; margin: 0 auto; }

#concept .article-01 .inner-section { display: none; }

@media print, screen and (min-width: 769px) { #concept .article-01 .inner-section { width: auto; height: 100%; display: flex !important; flex-direction: row-reverse; } }

@media print, screen and (max-width: 768px) { #concept .article-01 { padding-bottom: 50px; padding-top: 20px; }
  #concept .article-01 .concept-ttl { margin-top: 20px; } }

@media print, screen and (min-width: 769px) { #concept .article-01 { border-bottom: 1px solid #ccc; height: 694px; border: 0; } }

#concept .article-01 .md-page-name { padding-top: 40px; }

#concept .article-01 .md-page-name .md-title_01 { padding-left: 0; padding-bottom: 30px; }

#concept .article-01 .text-block-outer { opacity: 0; }

@media print, screen and (min-width: 769px) { #concept .article-01 .text-block-outer { width: 50%; display: flex; align-items: center; justify-content: center; } }

#concept .article-01 .text-area .text-block { padding-top: 12px; line-height: 1.8; font-size: 1.3rem; }

@media print, screen and (min-width: 769px) { #concept .article-01 .text-area .text-block { padding-top: 15px; font-size: 1.4rem; line-height: 2.2; } }

#concept .article-01 .img-block { opacity: 0; }

@media print, screen and (min-width: 769px) { #concept .article-01 .img-block { width: 50%; height: 100%; background: url("/lalaport/common/image/top/img_concept03.jpg") no-repeat; background-size: cover; } }

@media print, screen and (max-width: 768px) { #concept .article-01 .img-block img { width: 100%; } }

#concept .article-02 { padding: 50px 0 60px; background: #f4f4f4; }

#concept .article-02 .concept-ttl { opacity: 0; }

@media print, screen and (min-width: 769px) { #concept .article-02 { padding: 120px 0; } }

/*  #mall
------------------------*/
#mall { background: url("/lalaport/common/image/top/bg_002.jpg") center center repeat-y; background-size: cover; height: 375px; }

@media print, screen and (min-width: 769px) { #mall { height: 450px; background: url("/lalaport/common/image/top/bg_001.jpg") center center repeat-x; } }

#mall .inner-section { height: 375px; }

@media print, screen and (min-width: 769px) { #mall .inner-section { height: 450px; } }

#mall .inner-section .text-area { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 650px; text-align: center; opacity: 0; margin-top: 230px; background: #fff; padding: 40px 0 55px; font-size: 1.4rem; color: #444; }

@media print, screen and (max-width: 768px) { #mall .inner-section .text-area { width: 90.66667%; padding: 28px; font-size: 1.3rem; } }

#mall .inner-section .text-area .logo-block { display: block; margin-bottom: 25px; text-align: center; }

@media print, screen and (max-width: 768px) { #mall .inner-section .text-area .logo-block { margin-bottom: 15px; } }

#mall .inner-section .text-area .logo-block img { width: 230px; }

@media print, screen and (max-width: 768px) { #mall .inner-section .text-area .logo-block img { width: 52.63158%; } }

#mall .inner-section .text-area .text-block { font-size: 1.4rem; line-height: 1.6; text-align: center; }

@media print, screen and (min-width: 769px) { #mall .inner-section .text-area .text-block { letter-spacing: 0.05rem; } }

@media print, screen and (max-width: 768px) { #mall .inner-section .text-area .text-block { font-size: 1.3rem; text-align: left; } }

#mall .inner-section .text-area .md-btn__wrap { padding: 15px 0 0 0; }

@media print, screen and (min-width: 769px) { #mall .inner-section .text-area .md-btn__wrap { padding-top: 20px; } }

#mall .inner-section .text-area .md-btn__wrap .md-btn { width: 84.21053%; margin: 0 auto; border: 1px solid #ccc; background: none; font-size: 1.4rem; color: #444; }

@media print, screen and (max-width: 768px) { #mall .inner-section .text-area .md-btn__wrap .md-btn { font-size: 1.3rem; } }

@media screen and (max-width: 350px) { #mall .inner-section .text-area .md-btn__wrap .md-btn { font-size: 1.2rem; } }

@media print, screen and (min-width: 769px) { #mall .inner-section .text-area .md-btn__wrap .md-btn { width: 227px; } }

#mall .inner-section .text-area .md-btn__wrap .md-btn .md-btn__inner { padding: 11px 17px 12px; }

@media print, screen and (max-width: 768px) { #mall .inner-section .text-area .md-btn__wrap .md-btn .md-btn__inner { line-height: 1; padding: 10px 10px 12px; text-shadow: 0 0 black; }
  #mall .inner-section .text-area .md-btn__wrap .md-btn .md-btn__inner:after { line-height: 1; } }

@media screen and (max-width: 350px) { #mall .inner-section .text-area .md-btn__wrap .md-btn .md-btn__inner { padding: 11px 6px; } }

/*  #point-app
------------------------*/
#point-app .md-page-name { opacity: 0; }

@media print, screen and (min-width: 769px) { #point-app { padding-bottom: 100px; }
  #point-app .md-title_01 { padding-bottom: 45px; padding-left: 0; }
  #point-app .md-page-name { padding-top: 80px; } }

@media print, screen and (max-width: 768px) { #point-app { padding-top: 30px; }
  #point-app .inner-section { padding: 0 25px; }
  #point-app .inner-section .md-title_01 { padding-left: 0; } }

/*  #information
------------------------*/

/*  #information
------------------------*/
#information {
  position: relative;
}

@media print,
screen and (min-width: 769px) {
  #information {
    padding-top: 70px;
  }
}

#information:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea);
  background-image: -o-linear-gradient(left, #abc4fa, #bef3ea);
  background-image: linear-gradient(to right, #abc4fa, #bef3ea);
  z-index: 10000;
}

#information .md-title_01 {
  padding-bottom: 18px;
}

@media print,
screen and (max-width: 768px) {
  #information .information-ttl-lead {
    padding: 0 25px;
  }

  #information .information-ttl-lead .information-lead {
    font-size: 1.3rem;
  }

  #information .information-ttl-lead .sns-list.onlyPC {
    display: none !important;
  }
}

@media print,
screen and (max-width: 768px) {

  #information .sns-list.onlyPC {
    display: none !important;
  }


  #information .sns-list {
    display: -webkit-flex;
    display: flex;
  }

  #information .sns-list {
    padding-top: 15px;
    -webkit-justify-content: center;
    justify-content: center;
  }

  #information .sns-list li a {
    color: #4e8fe4;
    font-size: 1.2rem;
    text-decoration: none;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  #information .sns-list li a:hover {
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
  }

  #information .sns-list li a .sns-ttl {
    display: inline-block;
    min-width: 46px;
  }

  #information .sns-list li a .sns-ttl.fb {
    background: url("/lalaport/common/image/top/icon_facebook.svg") top center no-repeat;
    background-size: 45px 45px;
    padding-top: 50px;
  }

  #information .sns-list li a .sns-ttl.twitter {
    background: url("/lalaport/common/image/top/icon_twitter.svg") top center no-repeat;
    background-size: 45px 45px;
    padding-top: 50px;
  }

  #information .sns-list li a .sns-ttl.instagram {
    background: url("/lalaport/common/image/top/icon_instagram.svg") top center no-repeat;
    background-size: 45px 45px;
    padding-top: 50px;
  }
  #information .sns-list li a .sns-ttl.youtube {
    background: url("/lalaport/common/image/top/icon_youtube.svg") top center no-repeat;
    background-size: 45px 45px;
    padding-top: 50px;
  }


  #information .sns-list li:not(:first-child) {
    margin-left: 20px;
  }
}

@media print,
screen and (min-width: 769px) {

  #information .information-ttl-lead {
    width: 995px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 40px;
  }

  #information .information-ttl-lead .information-lead {
    font-size: 1.6rem;
  }

  #information .information-ttl-lead .sns-list.onlySP {
    display: none !important;
  }

  #information .sns-list {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
  }
  #information .sns-list .sns-item {
    width: calc(100% * 4);
    max-width: 222px;

  }
  #information .sns-list .sns-item:hover::before {
    transform: scaleX(1);
  }
  #information .sns-list .sns-item .sns-link {
    padding: 24px 20px 24px 68px;
    font-size: 15px;
  }

  #information .sns-list .sns-item .sns-link::before {
    content: "";
    position: absolute;
    left:  16px;
    top: 50%;
    z-index: 1;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }
  #information .sns-list .sns-item.fb .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_facebook.svg");
  }
  #information .sns-list .sns-item.fb:hover .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_facebook_hover.svg");
  }
  #information .sns-list .sns-item.twitter .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_twitter.svg");
  }
  #information .sns-list .sns-item.twitter:hover .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_twitter_hover.svg") ;
  }
  #information .sns-list .sns-item.instagram .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_instagram.svg");
  }
  #information .sns-list .sns-item.instagram:hover .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_instagram_hover.svg");
  }
  #information .sns-list .sns-item.youtube .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_youtube.svg");
  }
  #information .sns-list .sns-item.youtube:hover .sns-link::before {
    background-image: url("/lalaport/common/image/top/icon_youtube_hover.svg");
  }
}
/*20180802*/
#concept .article-01 .img-block a { display: block; }

@media print, screen and (min-width: 769px) { #concept .article-01 .img-block a { width: 100%; height: 100%; }
  #concept .article-01 .img-block:hover { opacity: 0.7 !important; } }

#concept .article-03 { max-width: 1600px; margin: 0 auto; }

#concept .article-03 .inner-section { display: none; }

@media print, screen and (min-width: 769px) { #concept .article-03 .inner-section { width: auto; height: 100%; display: flex !important; flex-direction: row-reverse; } }

@media print, screen and (max-width: 768px) { #concept .article-03 { padding-bottom: 50px; padding-top: 20px; }
  #concept .article-03 .concept-ttl { margin-top: 20px; } }

@media print, screen and (min-width: 769px) { #concept .article-03 { border-bottom: 1px solid #ccc; height: auto; border: 0; } }

#concept .article-03 .md-page-name { padding-top: 40px; }

#concept .article-03 .md-page-name .md-title_01 { padding-left: 0; padding-bottom: 30px; }

#concept .article-03 .text-block-outer { opacity: 0; }

@media print, screen and (min-width: 769px) { #concept .article-03 .text-block-outer { width: 50%; display: flex; align-items: center; justify-content: center; } }

#concept .article-03 .text-area .text-block { padding-top: 12px; line-height: 1.8; font-size: 1.3rem; }

@media print, screen and (min-width: 769px) { #concept .article-03 .text-area .text-block { padding-top: 15px; font-size: 1.4rem; line-height: 2.2; } }

#concept .article-03 .img-block a { display: block; }

@media print, screen and (min-width: 769px) { #concept .article-03 .img-block a:hover { opacity: 0.7; } }

@media print, screen and (min-width: 769px) { #concept .article-03 .img-block { width: 50%; height: 100%;  } }

@media print, screen and (max-width: 768px) { #concept .article-03 .img-block img { width: 100%; } }

@media print, screen and (max-width: 768px) { .concept-lead a{ width: 100%; text-align: center; } }
/*20180802*/

/*20190304*/
.four-column-list li .text-block dl.facilyty-main-list-detail dt.new::before{
	content: "NEW!";
	font-size: 0.9em;
	color: #ffffff;
	display: inline-block;
	border-radius: 0.25em;
	margin-right: 0.25em;
	padding: 0 0.25em;
	background-image: -webkit-linear-gradient(4deg, #ff7e00, #ffae00);
    background-image: -o-linear-gradient(4deg, #ff7e00, #ffae00);
    background-image: linear-gradient(94deg, #ff7e00, #ffae00);
}

/*20190304*/

/*20190326*/
#concept{
	position: relative;
}

#concept:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #abc4fa, #bef3ea);
    background-image: -o-linear-gradient(left, #abc4fa, #bef3ea);
    background-image: linear-gradient(to right, #abc4fa, #bef3ea);
    z-index: 10000;
}
/*20190326*/


/* ボタン */
@media print,
screen and (min-width: 769px) {

.md-btn__wrap-blue {
  position: relative;
  padding: 1px;
  border-radius: 4px;
  background: linear-gradient(90deg, rgba(0,129,204,1) 0%, rgba(11,186,230,1) 100%);
  cursor: pointer;
}

.md-btn__wrap-blue::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(0,129,204,1) 0%, rgba(11,186,230,1) 100%);
  border-radius: 4px;
  transition: .2s;
  pointer-events: none;
}
.md-btn__wrap-blue:hover::before {
  transform: scaleX(1);
}
.md-btn-blue {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 2px;
  color: #0081cc;
  text-decoration: none;
}
.md-btn-blue::after {
  content: "";
  position: absolute;
  top: 50%;
  z-index: 1;
  right: 16px;
  width: 12px;
  height: 16px;
  transform: translateY(-50%);
  background-image: url("/lalaport/common/image/top/icon_arrow.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: .1s;
}

.md-btn-blue:hover::after {
  background-image: url("/lalaport/common/image/top/icon_arrow_hover.svg");
}
.md-btn__inner-blue {
  position: relative;
  color: #0081cc;
  z-index: 2;
}
.md-btn__wrap-blue:hover .md-btn__inner-blue {
  color: #fff;
}

}