@media screen and (min-width: 768px) {

/* logos */

	.foot_gray {
		background: #f5f5f5;
		padding: 40px 30px 30px;
	}

	.footer__body ul.clearfix {
		border: none;
		background: #fff;
		padding: 0;
	}

	.footer__body ul.clearfix li {
		width: 150px;
	}

	.footer__body ul.clearfix li img {
		width: 121px;
	}

	#information .sns-list .sns-item.twitter .sns-link::before {
		background-image: url("/lalaport/common/image/top/icon_x.svg");
	}

	#information .sns-list .sns-item.twitter:hover .sns-link::before {
		background-image: url("/lalaport/common/image/top/icon_x_hover.svg") ;
	}

/* footer_links */

	.footer__foot.clearfix {
		font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
		margin: 30px auto 10px;
	}

	.footer__foot.clearfix div.links ul li a {
		font-weight: 700;
	}

	.footer__foot.clearfix small.copyright {
		color: #4b5253;
		font-size: 1.1rem;
		font-weight: 400;
		padding: 0;
		margin: 20px 0 0 0;
	}

	.footer__foot.clearfix p.footer__logo {
		margin-top: 15px;
	}

	.footer__foot.clearfix p.footer__logo a:first-child img {
		width: 85px;
	}

	.footer__foot.clearfix p.footer__logo a:last-child {
		margin-left: 10px;
	}

	.footer__foot.clearfix p.footer__logo a:last-child img {
		width: 209px;
	}

}

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

	.foot_gray {
		background: #f5f5f5;
		padding: 40px 20px 30px;
	}

	.footer__body ul.clearfix {
		border: none;
		background: #fff;
		padding: 0;
	}

	.footer__body ul.clearfix li {
		border: none;
	}

	.footer__body ul.clearfix li a {
		padding: 0;
	}

	.footer__body ul.clearfix li img {
		width: 80%;
		max-width: 80%;
		max-height: initial;
		height: auto;
	}

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

	.footer__foot.clearfix p.footer__logo {
		justify-content: center;
	}

	.footer__foot.clearfix p.footer__logo a:first-child {
		width: 20%;
	}

	.footer__foot.clearfix p.footer__logo a:last-child {
		width: 55%;
	}

	.footer__foot.clearfix p.footer__logo a:last-child {
		margin-left: 10px;
	}

	.footer__foot.clearfix p.footer__logo a img {
		width: 100%;
		display: block;
	}

/* footer_links */

	.footer__foot.clearfix {
		font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	}

	.footer__foot.clearfix div.links ul {
		justify-content: center;
	}

	.footer__foot.clearfix div.links ul li:nth-child(1) {
		width: 100%;
		text-align: center;
	}

	.footer__foot.clearfix div.links ul li a {
		font-weight: 700;
	}

	.footer__foot.clearfix small.copyright {
		color: #4b5253;
		font-size: 0.9rem;
		font-weight: 400;
		padding: 0;
		width: 100%;
		display: block;
		text-align: center;
		margin-bottom: 40px;
	}

}

/* 202503 */

@media screen and (min-width: 768px) {

	.footer__body ul.clearfix li {
		width: 133px;
	}

}

/* 202504 */

/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10001; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(/lalaport/common/image/top/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/lalaport/common/image/top/controls.png) no-repeat 0 0;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


#cm-gallery .bnr-area {
	display:flex;
	justify-content:space-between;
}

#cm-gallery .video_flex2 .video-item,
#cm-gallery .video_flex3 .video-item {
	position:relative;
	z-index:10;
	right:-10px;
	height:0;
	width: 100%;
	padding-bottom:56.25%;
}

#cm-gallery .video_flex2 .video-item iframe,
#cm-gallery .video_flex3 .video-item iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 30px;
}

#cm-gallery .video-item::after {
	content:"";
	position:absolute;
	z-index:-3;
	bottom:-20px;
	left:-20px;
	width:100%;
	height:0;
	padding-bottom:56.25%;
	border-radius:30px;
	background-image:url(/lalaport/common/image/top/section_video30-item_bg.png);
	background-repeat:no-repeat;
}

#cm-gallery .video-item a {
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 30px;
	display: block;
}

#cm-gallery .video-item a img {
	width: 100.5%;
	opacity: 0.7;
}

#cm-gallery .video-item a .playicon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: auto;
	width: 25%;
	height: 100%;
	max-height: 45%;
	transform: translate( -50%, -50% );
}

#cm-gallery .video-item a .playicon::before  {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	content: '';
	background-image:url(/lalaport/common/image/top/section_video30_deco.svg);
	background-size: 100%;
	display: inline-block;
	width:100%;
	height:100%;
}

#cm-gallery .cm-read {
	font-size: 2.1rem;
}

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

	.video_flex,
	.video_flex2,
	.video_flex3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 1000px;
		max-width: 100%;
	}

	#cm-gallery .video_flex2 .flex-item {
		margin: 15px 0;
		width: 47%;
	}

	#cm-gallery .video_flex3 .flex-item {
		margin: 15px 0;
		width: 30%;
	}

	#cm-gallery .video_flex2 .flex-item > span,
	#cm-gallery .video_flex3 .flex-item > span {
		display: block;
		text-align: center;
		margin-top: 45px;
		height: 2em;
	}

	#cm-gallery .video-item a img {
		transition: .3s;
		cursor: pointer;
	}

	#cm-gallery .video-item a:hover img {
		opacity: 1;
	}

}

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

	#cm-gallery .cm-read {
		padding: 0 25px 35px;
	}

	#cm-gallery .video_flex2 .flex-item,
	#cm-gallery .video_flex3 .flex-item {
		margin: 1em 0 2em;
	}

	#cm-gallery .video_flex2 .flex-item > span,
	#cm-gallery .video_flex3 .flex-item > span {
		display: block;
		text-align: center;
		margin-top: 2em;
		height: 2.5em;
	}

}


/* 202606 */

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

	.global_header p.logo img {
		width: 225px;
	}

}

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

	.global_header p.logo img {
		width: 150px;
	}

}