body {
		flex-direction:column;
		-webkit-flex-direction:column;
		align-items: center;
		-webkit-align-items: center;
	}


	#main,
	#main #intro,
	#main #intro .ops a,
	#gallery,
	#gallery > a,
	#gallery > a > div {
		display:flex;
		display:-webkit-flex;
	}

	#main,
	#gallery > a,
	#gallery > a > div {
		flex-direction:column;
		-webkit-flex-direction:column;
		justify-content:center;
		-webkit-justify-content:center;
	}


	#main picture {
		max-width: 130rem;
	}

	#main picture img {
		max-width:94vw;
	}

	#main picture,
	#main picture img {
		object-fit:contain;
		object-position: left;
	}

	/*#main,
	#main picture,
	#main picture img {
		overflow:hidden;
	}*/
	

	#main h1 {
		font-weight:600;
		padding-top: 15px;
	}
	
	
	#main #intro {
		width:100%;
	}	
	
	
	#main #intro .info {
		flex:1;
		-webkit-flex:1;
	}		
	
	#main #intro .ops a {
		align-items: center;
		-webkit-align-items: center;
		background-color:#fff;
		border:1px solid #32d2c077;
		color:#242833;
		padding:10px 15px;
		transition: .3s border, .3s color;
		-webkit-transition: .3s border, .3s color;
	}
	
	#main #intro .ops a:hover {
		border-color:#da208d;
		color:#da208d;
	}
	
	#main #intro .ops a #svgh-tricufix {
		fill: #000;
		height:40px;
		margin-right:10px;
	}
	
	
	

	#main div * {
		line-height: normal;
		margin-bottom:0px;
		margin-top:0px;
	}

	#main .services {
		color:#aaa;
	}
	
	#main #remarks,
	#main #intro .ops a {
		font-size: calc(1em + 0.2vw);
	}


	#main div {
		margin-bottom:calc(10px + 0.5vw);
	}
	
	#main #remarks {
		width:calc(65% - 10px);
	}
	
	


	#gallery {
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-between;
		-webkit-justify-content:space-between;
		margin-bottom:calc(30px + 2vw);
	}
	
	#gallery > a {
		cursor: pointer;
		position: relative;		
	}
	
	#gallery > a > div {
		flex: 1;
		-webkit-flex: 1;
		align-items: center;
		-webkit-align-items: center;
		background-color: #66073f7a;
		color: #fff;
		opacity: 0;
		-webkit-opacity: 0;
		height: 100%;
		left: 0px;
		position: absolute;
		transition-duration: .4s;
		transition-property: background, opacity;
		width: 100%;
	}
	
	#gallery > a > div > * {
		font-size: 2rem;
		font-weight: 400;
		margin-bottom: 0px;
		text-align: center;
	}
	
	/*#gallery picture,
	#gallery video {
		margin-bottom:20px;
	}*/
	
	#gallery picture {
		-webkit-filter: brightness(0.95);
		filter: brightness(0.95);
		width:auto;
	}

	#gallery h1,
	#gallery picture.landscape {
		width: 100%;
	}

	
	#gallery picture + div,
	#gallery video + div {
		font-weight:600;
		margin-top:0px;
		width:100%;
	}

	#gallery video {
		margin-bottom:20px;
	}
	
	#gallery .detail {
		margin-bottom:15px;
	}

	#gallery .detail h3 {
		font-weight:bold;
		margin-bottom:10px;
	}
	
	


	#sharing-platter {
		background-color:#f0f0f0;
	}
	
	#sharing-platter > div, 
	#sharing-platter > div > *, 
	#sharing-platter > div > div > div {
		display: flex;
		display: -webkit-flex;
		-webkit-align-content: center;
		align-content: center;
	}
	
	#sharing-platter > div > *, 
	#sharing-platter > div > div > div {
		margin: auto 5px auto 0px;
	}
	
	#sharing-platter > div {
		justify-content: center;
		-webkit-justify-content: center;
		margin:auto;
		padding: 10px;
		width:100%;
	}
	
	/*#sharing-platter .fb-share-button,
	#sharing-platter .sharer,
	#sharing-platter .sharer {
		float:left;
		padding:5px;
	}*/
	
	#sharing-platter .fb_share p,
	#sharing-platter .fb_like p,
	#sharing-platter .twitter p {
		float:left;
		font-size:0.8em;
		font-weight:bold;
		padding:10px 10px 0px 0px;
	}

	#sharing-platter .fb_like .sharer {
		margin-right: 0px;
	}

	#sharing-platter .fb_share p {
		margin-left: 5px;
	}

	#sharing-platter .twitter p {
		margin-left: 5px;
	}
	
	/*#sharing-platter .twitter .sharer {
		float:left;
		margin:0px 3px 0px 0px;
	}*/
	
	
	
	#light-img,
	#light-img > div {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		-webkit-align-content: center;
		align-content: center;
	}
	
	#light-img {
		transition-property: opacity;
		-webkit-transition-property: opacity;
		transition-duration: .2s;
		-webkit-transition-duration: .2s;
		backdrop-filter: blur(5px) contrast(0.2);
		-webkit-backdrop-filter: blur(5px) contrast(0.2);
		height: 100%;
		max-height: 100%;
		opacity: 0;
		position: fixed;
		width: 100vw;
		z-index: -1;
	}
	
	#light-img > div {
		/*margin: auto;
		max-height: 100%;*/
		object-fit: contain;
		padding: 2vw;
	}
	
	#light-img > div > img {
		transition-duration: .3s;
		-webkit-transition-duration: .3s;
		transition-delay: .3s;
		-webkit-transition-delay: .3s;
		border: 15px solid #fff;
		margin: auto;
		max-height: 100%;
		max-width: 100%;
		object-fit: contain;
		opacity: 0;
	}
	
	#light-img .btn_close {
		color: #fff;
		cursor: pointer;
		position: absolute;
		right: 3vw;
		top: 2vw;
	}
	
	#light-img .btn_close svg {
		fill: #fff;
	}
	
	#light-img .btn_close:hover svg {
		fill: #da208d;
	}
	
	body.spotlight #light-img.loaded img,
	body.spotlight #light-img {
		opacity: 1;
	}
	
	
	body.spotlight #light-img {
		z-index: 999;
	}
	
	
	


	@media (min-width:991px) {
		#main {
			padding: 0px 3vw;
		}
		
		
		#main > picture {
			max-height:calc(90vh - 180px);
			width:100%;
		}
		
		
		#main #intro,
		#main #remarks {
			padding-top:calc(1vw + 10px);
		}


		#main #intro .ops {
			padding-top:5px;
		}
		
		#gallery {
			-webkit-justify-content: space-between;
			justify-content: space-between;
			padding: 20px calc(20px + 5vw);
		}
		
		#gallery > a {
			height: 30vw;
			margin-bottom: 4vw;
			width: 30%;
		}
		
		#gallery > a:hover div {
			-webkit-opacity: 0;
			opacity: 1;
		}

		#gallery picture.portrait img {
			max-height:782px;
		}
		
		#gallery .detail {
			padding: 0px 0px 0px 3vw;
			width:62%;
		}
		
	}
	


	@media (min-width:1460px) {
		#gallery picture.landscape img {
			width:1410px;
		}


		#gallery picture.portrait img {
			max-height:782px;
			width:auto;
		}
	}
	

	@media (min-width: 2048px) {
		#gallery {
			padding-left: 20vw;
			padding-right: 20vw;
		}
	}


	@media (max-width:1459px) {
		#gallery picture.landscape img {
			margin-top: 0px;
			width:100%;
		}


		#gallery picture.portrait {
			width: calc(50% - 8px);
		}
	}
	
	
	
	@media (max-width:991px) {
		#main,
		#gallery {
			margin-top: 15px;
			padding: 0px 20px;
		}
		
		#main h1 {
			padding-top:5px;
		}
		
		#main picture {
			margin-bottom:20px;
			max-width:100%;			
		}
		
		#main picture img {
			max-width:100%;			
		}
		
		#main #remarks {
			margin-bottom: 15px;
			margin-top: 0px;
			width: 100%;
		}
	
		#gallery picture, 
		#gallery picture img {
			height:unset;
		}
		
		#gallery picture {
			margin-bottom:16px;
		}

		#gallery picture img {
			max-width:100%;
			width:100%;
		}
	
		#gallery picture + div {
			max-width:100%;
		}
		
		
		#gallery .detail {
			width:100%;
		}
		
		#main h2,
		#gallery .detail h3 {
			font-size:1.6rem;
		}
		
		#gallery .detail h3 {
			letter-spacing:1px;
		}
	
		#gallery .detail p {
			font-size:1.4rem;
		}	
		
	

		#light-img > div {
			max-height: calc(100% - 5vw);
			padding: 2vw;
		}

		#light-img > div > img {
			margin: auto;
			max-height: 100%;
			max-width: 90%;
		}

		#light-img .btn_close {
			bottom: 4vw;
			margin-left: auto;
			margin-right: auto;
			right: unset;
			top: unset;
		}

	}
	
	

	@media screen and (max-width:768px) {
		#sharing-platter p {
			display:none;
		}
	}