/* 眺望シミュレーション */
#pankuzu .pankuzu-list li a,
#pankuzu .pankuzu-list li{color: #000}
h3.backLine {
	font-size: 28px;
	padding: 0.5em 0;
	position: relative;
	text-align: center;
	display: flex;
align-items: center;color: #000;
}
h3.backLine span {

	padding: 0 0.5em;
}
h3.backLine::before,
h3.backLine::after {
content: "";
height:1px;
flex-grow: 1;
background-color:#000;
}
h3.backLine:before {
margin-right: 10px;
}
h3.backLine:after {
margin-left: 10px;
}

.plain-box{padding-bottom: 50px}
.view-box{}
#contents-wrap .copy{text-align: center;font-size: 30px;letter-spacing: 0.2em; color: #000;padding: 20px 0}

.view-box h3 {font-size: 30px;letter-spacing: 0.2em; 
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.view-box h3:before, .view-box h3:after {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.view-box h3:before {
  margin-right: 1em; /* 文字の右隣 */
}
.view-box h3:after {
  margin-left: 1em; /* 文字の左隣 */
}
.note-box{text-align: left}


.view-box .note-box {}
.view-box 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;overflow: hidden;text-align: right}
.view-box ul.link-ul li#left {left: 10px;background: url("../images/panorama/panorama_arrow_left.png") no-repeat left top;-webkit-background-size: cover;background-size: cover;}
.view-box ul.link-ul li#right {right: 10px;background: url("../images/panorama/panorama_arrow_right.png") no-repeat left top;-webkit-background-size: cover;background-size: cover;}

.panorama{height: 300px!important;}
.panoramaImg-box{margin-left: -32.5%}

@media print, screen and (min-width: 669px) { /*670px*/
.view-box .note-box {margin: 70px auto;}
.panoramaImg-box{cursor: grab;}
.view-box ul.link-ul li{height: 89px;width: 52px;cursor: pointer;}
}
@media screen and (max-width: 668px) {/*スマホ設定*/
#contents-wrap .copy{font-size: 18px;}
.view-box .plain-box{width: 96%;margin: auto}
.view-box h3{padding: 22px 0 6px;font-size: 20px;}
.panorama{height: 200px!important;}
.panoramaImg-box{margin-left: -117%}
.view-box h3:before, .view-box h3:after {
  width: 1em; /* 線の長さ */
}
}

.contents {position: static;z-index:auto;}
#movieclip{padding-bottom: 30px}
.head_movie {
font-size: 32px;
margin-bottom: 30px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.2;letter-spacing: 0.1em;

}
.head_movie .text_min {
margin-top: 1em;
font-size: 0.6em;
}

@media screen and (max-width: 668px) {/*スマホ設定*/
.head_movie {
font-size: 20px;
margin-bottom: 30px;
}

}
.vvideop{width: 800px;margin: auto}
.video {
  width: 100%;
  aspect-ratio: 16/9; /* アスペクト比を指定（16:9の場合） */
  height: auto;
  display: block;
}
 @media screen and (max-width:768px){/*sp*/
 .vvideop{width: 90%;margin: auto}
 }