@charset "UTF-8";
.heading__title {
	padding: 0 50px;
}
/*
.gallery-wrapper
-----------------------------------------------------------------------------------------------*/
.gallery-wrapper{
	margin: 100px 0;
}
.gallery__ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap:0 30px;
	justify-content: center;
}
.gallery__ul:last-of-type{
	margin-bottom: 0;
}
.slick-slide  {
	padding: 30px 15px;
}
.gallery__button {
	display: block;
	position: relative;
}
.gallery__img {
	border-radius: var(--bdrs-tr);
	display: flex;
	height: auto;
	overflow: hidden;
	transition: .3s;
}
.gallery__button:hover {
	transform: scale(1.11);
}
.gallery__button [class^="ico-circle"] {
	bottom: -1px;
	right: -1px;
	transition:  .3s;
}
.gallery__button:hover .gallery__img {
	box-shadow: 0 0 15px rgb(0 0 0 / 25%);
}
/*モーダル時の左右ボタン*/
.lb-nav a.lb-next,
.lb-nav a.lb-prev{
	background: var(--red);
	border-radius: 17px;
	bottom: 20px;
	/*display: inline-block;*/
	height: 30px;
	opacity: 1;
	position: relative;
	right: -11px;
	top: 50%;
	width: 30px;
	display: none!important;
}
.lb-nav a.lb-prev{
	left: -11px;
	transform: scaleX(-1);
}
.lb-nav a.lb-next::before,
.lb-nav a.lb-next::after,
.lb-nav a.lb-prev::before ,
.lb-nav a.lb-prev::after {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	content: '';
	height: 7px;
	left: 8px;
	position: absolute;
	top: 11px;
	transform: rotate(45deg);
	width: 7px;
}
.lb-nav a.lb-next::after,
.lb-nav a.lb-prev::after{
	left: 14px;
}
/*モーダル時の画像*/
.lb-outerContainer {
	background-color: transparent;
}
.lightbox .lb-image {
	border-radius: var(--bdrs-br);
	border: none;
}
.lb-outerContainer {
	margin-top: 60px;
}
/*.lb-dataContainer {
	cursor: pointer;
	left: 50%;
	position: absolute;
	top: 90px;
	transform: translateX(-50%);
}*/
.lb-container {
	text-align: right;
}
.lb-dataContainer {
	padding-top: 20px;
}
.lb-container .lb-close {
	background: url(../images/gallery_close.png) top right/contain no-repeat;
	display: inline-block;
	cursor: pointer;
	height: 45px;
	margin-bottom: 5px;
	position: absolute;
	right: 0;
	top: -50px;
	width: 45px;
}
.lb-container .lb-close:hover {
	opacity: .7;
}
.lightboxOverlay {
	background-color: #042335;
	opacity: 0.9;
}
.lightbox {
	width: 100vw;
	min-width: 1200px;
}
.lightboxOverlay {
	width: 100vw!important;
	min-width: 1200px;
}
/* ipad pro */
@media screen and (min-width: 1024px) and (max-width: 1200px){
	.lightboxOverlay {
		min-width: 1200px;
	}
}
/* モーダル時テキスト見切れ対策 */
@media screen and (min-width: 668px) and (max-height:700px){
	.lb-outerContainer,
	.lb-image,
	.lb-dataContainer {
		width: 90vh!important;
		height: auto!important;
		min-width: 400px!important;
	}
	.lb-outerContainer {
		margin-top: 40px;
	}
	.lightbox {
		min-width: auto;
	}
	.lightboxOverlay {
		min-width: auto;
	}
}
@media screen and (max-width:812px){
	.lightbox {
		min-width: auto;
	}
	.lightboxOverlay {
		min-width: auto;
	}
	/*
	.gallery-wrapper
	-----------------------------------------------------------------------------------------------*/
	.gallery-wrapper{
		margin: 50px 0 0;
	}
	.gallery__img {
		border-radius: 6px 20px 6px 6px;
	}
	.lb-outerContainer, .lb-image, .lb-dataContainer {
		width: 90vw!important;
		min-width: auto!important;
	}
	.lb-outerContainer {
		margin-top: 20vh;
	}
	.slick-slide {
		padding: 5px 5px;
	}
	.gallery__button:hover {
		transform: scale(1.08);
	}
	.gallery__button [class^="ico-circle"] {
		bottom: 0px;
		right: 0px;
	}
}

/* iPhone SE用 */
@media screen and (max-width:375px){
}
/* デバイスが横向きの場合の記述 */
@media (orientation: landscape) and (max-width:812px){
	.lb-outerContainer, .lb-image, .lb-dataContainer {
		width: 45vw!important;
		height: auto!important;
	}
	.lb-outerContainer {
		margin-top: 10vh;
	}
	
}
/* デバイスが横向き＋XR 場合の記述 */
@media (orientation: landscape) and (min-width: 813px) and (max-width: 896px){
	.lightbox {
		min-width: 1200px;
	}
	.lightboxOverlay {
		min-width: 1200px;
	}
	
}