@charset "UTF-8";
/* CSS Document */
.notes-area {
margin: 0 auto 0;
}
.panorama section {

}
#pageWrap {
	/*padding: 6% 0;*/
}
#pageWrap .lead {
			font-size: 18px;
			padding: 0 2em 2em;
		}

#menus li:nth-child(1) a {
  box-shadow: 0px 0px 30px rgba(255, 255, 155, 1)inset;
}

.panoBox {
  overflow: hidden;
  margin-bottom: 10px;
  max-width: 1400px;
}
.panoBox ul.link-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.panoBox ul.link-ul li {
  position: absolute;
  height: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 29px;

}
.panoramaImg {
  position: relative;
}
.panoBox ul.link-ul li.left {
  left: 0px;
  background: url("../img/panorama_arrow_left.png") no-repeat center center;
  background-size:  100%;
}
.panoBox ul.link-ul li.right {
  right: 0px;
  background: url("../img/panorama_arrow_right.png") no-repeat center center;
  background-size: 100%;
}
.panorama-start-shadow {
  position: absolute;
  
  background-image: url("../img/drag.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15%;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;

  
}
.panoramaImg-box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 500px;
}
.panoramaImg-box canvas {
  position: absolute;
  top: 0;
  height: 100%;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.panoramaImg-box span.floor {
  position: absolute;
  left: 2%;
  bottom: 2%;
  font-family: "YakuHanMP", "Noto Serif JP", serif; /*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/ font-feature-settings: "palt";
  font-weight: 500;
  font-size: 30px;
  /*text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1);*/
}
/*@media print, screen and (min-width: 669px) {*/ /*670px*/
@media screen and (max-width : 959px ){
	#pageWrap .lead {
				font-size: clamp(16px, 2.2vw, 18px);
			}
  .panoramaImg-box {
    cursor: grab;
  }
  .panoBox ul.link-ul li {
    height: 100%;
    width: 6%;
    cursor: pointer;
    /*display: none;*/
  }
  .panoramaImg {
    position: relative;
  }
  .panorama-start-shadow {
    height: 100%;
    background-image: url("../images/drag_sp.png");
    background-size: 50%;
  }
  .panoramaImg-box span.floor {
    font-size: 20px;
    /*text-shadow: 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 2px rgba(255, 255, 255, 1);*/
    left: 2%;
  }
  .panorama-start-shadow {
    background-size: 150px;

  }
}
@media screen and (max-width : 599px ){
	#pageWrap .lead {
				font-size: 4vw;
				font-size: clamp(13px, 4vw, 16px);
			}
  .panoramaImg-box {
    padding-top: 400px;
  }
  
}