@charset "utf-8";

body{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
line-height:1.5;
font-size:14px;
color:#333;
}
ul,li{margin:0px;padding:0px;}
ul,li{list-style:none;}
a img{border:0;}
img{vertical-align:bottom;}

/*パノラマ画像*/
.dpcms_pano{/*overflow:hidden;*/text-align:center;}
/*pc*/
@media print, screen and (min-width:640px){
.dpcms_panomain{
margin-right:auto;
margin-left:auto;
width:100%;
/*height:400px;*/
overflow:hidden;
vertical-align:middle;
}
.dpcms_panomain canvas{width:910px;height:100%;}
.dpcms_panomain em{
position:absolute;
top:0;
left:0;
width:100%;
display:block;
color:#FFF;
line-height:30px;
text-indent:1em;
text-decoration:none;
font-style:normal;
background:rgba(0,0,0,0.6);
}
.dpcms_panothum{
width:100%;
margin-right:auto;
margin-left:auto;
overflow:hidden;
background-color:#f4f4f4;
padding-top:10px;
padding-bottom:10px;
}
.dpcms_panomenu{text-align:center;background-color:#D8D8D8;margin:0 auto;padding:5px 0px;width:100%;}
.dpcms_panothum ul{margin-left:10px;overflow:hidden;text-align:center;}
.dpcms_panothum li{float:left;
width:19%;
height:100px;margin-right:2px;margin-bottom:2px;text-align:center;}
.dpcms_panothum li img{vertical-align:top;width:100%;
aspect-ratio: 1/0.5 !important;
object-fit: cover;
}
}
/*△pc*/

/*smp*/
@media screen and (max-width:640px){
.dpcms_panomain{
	/*padding-top: 2em;*/
	margin-right:auto;margin-left:auto;
	width:100% !important;height:auto !important;
	
	}
.dpcms_panomain canvas{
	width:auto;
	height:100px !important;
	
	
	}
	
.dpcms_panomain .dpcms_panocap{overflow:hidden;vertical-align:middle;
	
	position: relative;
    height: 3em;
    overflow: hidden;
    padding-top: 50%;}
.dpcms_panomain .dpcms_panocap canvas{
	
	position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
	  /*margin-top: 3em;*/
	  }
	
.dpcms_panomain .dpcms_panocap em{
position:absolute;
top:0;
left:0;
width:100%;
display:block;
color:#FFF;
line-height: 1.2em;
text-decoration:none;
font-style:normal;
background:rgba(0,0,0,0.6);
z-index:10;
 padding: 6px 0;
}
.dpcms_panothum{
width:100%;
margin-right:auto;
margin-left:auto;
/*overflow:hidden;*/
background-color:#f4f4f4;
padding-top:10px;
padding-bottom:10px;
}
.dpcms_panomenu{text-align:center;background-color:#D8D8D8;margin:0 auto;padding:5px 0px;width:100%;}	
.dpcms_panothum ul{/*overflow:hidden;*/text-align:left;margin-left:auto; margin-right:auto;/*display:block;*/}
.dpcms_panothum li{display:inline-block;width:44%;height:auto !important;margin-left:3%;margin-bottom:2px;text-align:center;}
.dpcms_panothum li img{vertical-align:top;width:100%;height:auto !important;}
.dpcms_panomenu li:nth-of-type(1),
.dpcms_panomenu li:nth-of-type(2){
	display:none;}
}
/*△smp*/
.dpcms_panomain .dpcms_panocap {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}
.dpcms_panomain .dpcms_panocap{position:relative;text-align:center;}
.dpcms_panomain .dpcms_panocap canvas{vertical-align:middle;text-align:center;}
.dpcms_panomain img{display:block;}

.dpcms_panomenu ul{}
.dpcms_panomenu ul li{display:inline-block;height:24px;padding:0 10px;border-left:1px solid #aaa;vertical-align:top;text-align:center;}
.dpcms_panomenu ul li:last-child{border-right:1px solid #aaa;}

.dpcms_panothum li a:link{color:#222;text-decoration:none;}
.dpcms_panothum li a:visited{text-decoration:underline;}
.dpcms_panothum li a:hover{text-decoration:underline;}
.dpcms_panothum li a:active{text-decoration:underline;}