/*! Lity - v2.4.0 - 2019-08-10
* http://sorgalla.com/lity/
* Copyright (c) 2015-2019 Jan Sorgalla; Licensed MIT */

/* 背景設定 */
.lity {
	/*z-index: 9990;*/
	z-index: 49990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	background: rgba(0, 0, 0, 0.6);
	outline: none !important;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

/* 背景に透過の画像をセットする */
/*
.lity::before {
  display: block;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: url(/image/xxxxx.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  opacity: 0.9;
  z-index: -1;
}
*/

.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  /*z-index: 9990;*/
  z-index: 49990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  /*z-index: 9991;*/
  z-index: 49991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  /*z-index: 9992;*/
  z-index: 49992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  /*z-index: 9993;*/
  z-index: 49993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}




/*
	クローズボタン
*/

.lity-close {
  /*z-index: 9994;*/
  z-index: 49994;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: rgba(255, 255, 255, 1.0);
  font-style: normal;
	font-size: 50px;
  font-family: "Arial Reguler", Gadget, sans-serif;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: rgba(255, 255, 255, 0.8);
  font-style: normal;
	font-size: 50px;
  font-family: "Arial Reguler", Gadget, sans-serif;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}






/*
	iFrame
	動画再生部分の設定
	読込前の背景をオリジナルのものに変更してある

*/
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
	width: 100%;
	max-width: 800px;
}


.lity-iframe-container {
  width: 100%;
	height: 0;
	/*padding-top: 56.25%;*/
	padding-top: 45.5%;
	overflow: auto;
	pointer-events: auto;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-overflow-scrolling: touch;
	padding-bottom:100px;

}

.lity-iframe-container iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	/*background: #000;*/
	background:url(/image/lmd_movie_background.png)center 0 no-repeat;
	background-size:cover;
}
.lity-hide {
  display: none;
}

/*
	スマホを横向きにしたときにクローズボタンを黒くする 
	ただし以下の数値範囲ないなので機種によって表示できないので
	様子を見ながら修正すること
*/
@media only screen and (min-width:640px) and (max-width:1023px) {
	.lity-close {
	  /*z-index: 9994;*/
	  z-index: 49994;
	  width: 60px;
	  height: 60px;
	  position: fixed;
	  right: 0;
	  top: 0;
	  -webkit-appearance: none;
	  cursor: pointer;
	  text-decoration: none;
	  text-align: center;
	  padding: 0;
	  color: rgba(0, 0, 0, 1.0);
	  font-style: normal;
		font-size: 50px;
	  font-family: "Arial Reguler", Gadget, sans-serif;
	  line-height: 35px;
	  border: 0;
	  background: none;
	  outline: none;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0) !important;
	}
}