/*========================================================
 *  pannellum 用 iframe の16:9と1:1の切換え
 =======================================================*/
@media print, screen and (min-width:769px) {
  .pannellum {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
}

@media screen and (max-width:768px) {
  .pannellum {
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-top: 100%;
  }
}

.pannellum div#panorama {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}



/*================================
 *  pannellum
 ===============================*/

#panorama {
  text-align: left;
}
/* サムネイル部分 */
.panorama-navs {
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-top: 10px;
  margin-left: -3px;
  margin-right: -3px;
}
.panorama-navs ul {
}
.panorama-navs li {
  margin: 0 5px;
  list-style: none;
  width: calc(100% / 7);
/*  padding: 3px 5px; */
}
.panorama-navs li > a {
  display: inline-block;
  background-color: #fff;
}
.panorama-navs li > a > img {
  width: 100%;
  height: auto;
}
.panorama-navs li > a:hover img {
  opacity: 0.65;
  cursor: pointer;
}
/* スマホ */
@media(max-width: 599px) {
  /* サムネイル数を4つ並びに */
	.panorama-navs li {
		width: calc(100% / 4);
	}
}

/*====================================
 *  360℃Viewのタイトルのフォントサイズ
 ===================================*/

@media screen and (max-width:479px) {
  .pnlm-title-box {
    font-size: 14px;
  }
}